react-survey-builder 1.0.83 → 1.0.84
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.
- package/README.md +1 -0
- package/dist/bundle.js +14 -14
- package/lib/fieldset/{FieldSet.js → Fieldset.js} +2 -2
- package/lib/fieldset/index.js +2 -2
- package/lib/form-fields.js +8 -5
- package/lib/form-steps.js +8 -5
- package/lib/form.js +8 -5
- package/lib/index.js +11 -1
- package/lib/multi-column/dustbin.js +13 -7
- package/lib/preview.js +24 -2
- package/lib/sortable-form-elements.js +2 -2
- package/lib/survey-elements/index.js +63 -58
- package/lib/toolbar.js +1 -1
- package/lib/utils/objectUtils.js +6 -0
- package/package.json +1 -1
- package/types/index.d.ts +2 -0
package/dist/bundle.js
CHANGED
|
@@ -888,14 +888,14 @@ eval("/* eslint-disable */\n// Private array of chars to use\nvar CHARS = '01234
|
|
|
888
888
|
|
|
889
889
|
/***/ }),
|
|
890
890
|
|
|
891
|
-
/***/ "./src/fieldset/
|
|
891
|
+
/***/ "./src/fieldset/Fieldset.jsx":
|
|
892
892
|
/*!***********************************!*\
|
|
893
|
-
!*** ./src/fieldset/
|
|
893
|
+
!*** ./src/fieldset/Fieldset.jsx ***!
|
|
894
894
|
\***********************************/
|
|
895
895
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
896
896
|
|
|
897
897
|
"use strict";
|
|
898
|
-
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 _survey_elements_component_header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../survey-elements/component-header */ \"./src/survey-elements/component-header.jsx\");\n/* harmony import */ var _multi_column_dustbin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../multi-column/dustbin */ \"./src/multi-column/dustbin.jsx\");\n/* harmony import */ var _ItemTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ItemTypes */ \"./src/ItemTypes.js\");\n/* harmony import */ var _survey_elements_myxss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../survey-elements/myxss */ \"./src/survey-elements/myxss.js\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __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 = [\"item\", \"controls\", \"items\", \"editModeOn\", \"getItemById\", \"setAsChild\", \"removeChild\", \"seq\", \"index\", \"style\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\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 camelcase */\n\n\n\n\n\n\n\nvar accepts = [_ItemTypes__WEBPACK_IMPORTED_MODULE_3__[\"default\"].BOX, _ItemTypes__WEBPACK_IMPORTED_MODULE_3__[\"default\"].CARD];\nvar ComponentLegend = function ComponentLegend(_ref) {\n var item = _ref.item;\n var labelText = _survey_elements_myxss__WEBPACK_IMPORTED_MODULE_4__[\"default\"].process(item.label);\n if (!labelText || !labelText.trim()) {\n return null;\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", {\n dangerouslySetInnerHTML: {\n __html: labelText\n }\n });\n};\nvar FieldSetBase = function FieldSetBase(_ref2) {\n var item = _ref2.item,\n controls = _ref2.controls,\n items = _ref2.items,\n editModeOn = _ref2.editModeOn,\n getItemById = _ref2.getItemById,\n setAsChild = _ref2.setAsChild,\n removeChild = _ref2.removeChild,\n seq = _ref2.seq,\n index = _ref2.index,\n style = _ref2.style,\n otherProps = _objectWithoutProperties(_ref2, _excluded);\n var pageBreakBefore = item.pageBreakBefore;\n var baseClasses = \"SortableItem rfb-item\";\n if (pageBreakBefore) {\n baseClasses += \" alwaysbreak\";\n }\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(item === null || item === void 0 ? void 0 : item.childItems) ? _toConsumableArray(item === null || item === void 0 ? void 0 : item.childItems) : [null]),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n childItemIds = _React$useState2[0],\n setChildItemIds = _React$useState2[1];\n var _onDropSuccess = function onDropSuccess(droppedIndex) {\n // let updatedItem = isObjectNotEmpty(item) ? { ...item } : {};\n // let existingChildItemIds = isListNotEmpty(updatedItem.childItems) ? [...updatedItem.childItems] : [null];\n // const isLastChild = existingChildItemIds === (droppedIndex + 1);\n // console.log('onDropSuccess', droppedIndex, existingChildItemIds, childItemIds, item, isLastChild);\n\n // if (isLastChild) {\n // let updatedChildItemIds = Array.from({ length: existingChildItemIds.length + 1 }, (v, i) => { return existingChildItemIds[i] ? existingChildItemIds[i] : null });\n // setChildItemIds(updatedChildItemIds);\n // }\n };\n react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(item === null || item === void 0 ? void 0 : item.childItems)) {\n setChildItemIds([].concat(_toConsumableArray(item === null || item === void 0 ? void 0 : item.childItems), [null]));\n } else {\n setChildItemIds([null]);\n }\n }, [item]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_component_header__WEBPACK_IMPORTED_MODULE_1__[\"default\"], _extends({\n item: item,\n index: index,\n editModeOn: editModeOn,\n setAsChild: setAsChild\n }, otherProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ComponentLegend, {\n item: item\n }), childItemIds === null || childItemIds === void 0 ? void 0 : childItemIds.map(function (childItemId, childItemIndex) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n key: \"\".concat(childItemIndex, \"_\").concat(childItemId || \"_\")\n }, controls ? controls[childItemIndex] : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_multi_column_dustbin__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n style: {\n width: \"100%\"\n },\n item: item,\n accepts: accepts,\n items: childItemIds,\n key: childItemIndex,\n col: childItemIndex,\n onDropSuccess: function onDropSuccess() {\n _onDropSuccess(childItemIndex);\n },\n parentIndex: index,\n editModeOn: editModeOn,\n _onDestroy: function _onDestroy() {\n removeChild(item, childItemIndex);\n },\n getItemById: getItemById,\n setAsChild: setAsChild,\n seq: seq,\n rowNo: childItemIndex\n }));\n })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldSetBase);\n\n//# sourceURL=webpack://react-survey-builder/./src/fieldset/FieldSet.jsx?");
|
|
898
|
+
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 _survey_elements_component_header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../survey-elements/component-header */ \"./src/survey-elements/component-header.jsx\");\n/* harmony import */ var _multi_column_dustbin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../multi-column/dustbin */ \"./src/multi-column/dustbin.jsx\");\n/* harmony import */ var _ItemTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ItemTypes */ \"./src/ItemTypes.js\");\n/* harmony import */ var _survey_elements_myxss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../survey-elements/myxss */ \"./src/survey-elements/myxss.js\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __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 = [\"item\", \"controls\", \"items\", \"editModeOn\", \"getItemById\", \"setAsChild\", \"removeChild\", \"seq\", \"index\", \"style\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\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 camelcase */\n\n\n\n\n\n\n\nvar accepts = [_ItemTypes__WEBPACK_IMPORTED_MODULE_3__[\"default\"].BOX, _ItemTypes__WEBPACK_IMPORTED_MODULE_3__[\"default\"].CARD];\nvar ComponentLegend = function ComponentLegend(_ref) {\n var item = _ref.item;\n var labelText = _survey_elements_myxss__WEBPACK_IMPORTED_MODULE_4__[\"default\"].process(item.label);\n if (!labelText || !labelText.trim()) {\n return null;\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"legend\", {\n dangerouslySetInnerHTML: {\n __html: labelText\n }\n });\n};\nvar FieldsetBase = function FieldsetBase(_ref2) {\n var item = _ref2.item,\n controls = _ref2.controls,\n items = _ref2.items,\n editModeOn = _ref2.editModeOn,\n getItemById = _ref2.getItemById,\n setAsChild = _ref2.setAsChild,\n removeChild = _ref2.removeChild,\n seq = _ref2.seq,\n index = _ref2.index,\n style = _ref2.style,\n otherProps = _objectWithoutProperties(_ref2, _excluded);\n var pageBreakBefore = item.pageBreakBefore;\n var baseClasses = \"SortableItem rfb-item\";\n if (pageBreakBefore) {\n baseClasses += \" alwaysbreak\";\n }\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(item === null || item === void 0 ? void 0 : item.childItems) ? _toConsumableArray(item === null || item === void 0 ? void 0 : item.childItems) : [null]),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n childItemIds = _React$useState2[0],\n setChildItemIds = _React$useState2[1];\n var _onDropSuccess = function onDropSuccess(droppedIndex) {\n // let updatedItem = isObjectNotEmpty(item) ? { ...item } : {};\n // let existingChildItemIds = isListNotEmpty(updatedItem.childItems) ? [...updatedItem.childItems] : [null];\n // const isLastChild = existingChildItemIds === (droppedIndex + 1);\n // console.log('onDropSuccess', droppedIndex, existingChildItemIds, childItemIds, item, isLastChild);\n\n // if (isLastChild) {\n // let updatedChildItemIds = Array.from({ length: existingChildItemIds.length + 1 }, (v, i) => { return existingChildItemIds[i] ? existingChildItemIds[i] : null });\n // setChildItemIds(updatedChildItemIds);\n // }\n };\n react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(item === null || item === void 0 ? void 0 : item.childItems)) {\n setChildItemIds([].concat(_toConsumableArray(item === null || item === void 0 ? void 0 : item.childItems), [null]));\n } else {\n setChildItemIds([null]);\n }\n }, [item]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_component_header__WEBPACK_IMPORTED_MODULE_1__[\"default\"], _extends({\n item: item,\n index: index,\n editModeOn: editModeOn,\n setAsChild: setAsChild\n }, otherProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"fieldset\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ComponentLegend, {\n item: item\n }), childItemIds === null || childItemIds === void 0 ? void 0 : childItemIds.map(function (childItemId, childItemIndex) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n key: \"\".concat(childItemIndex, \"_\").concat(childItemId || \"_\")\n }, controls ? controls[childItemIndex] : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_multi_column_dustbin__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n style: {\n width: \"100%\"\n },\n item: item,\n accepts: accepts,\n items: childItemIds,\n key: childItemIndex,\n col: childItemIndex,\n onDropSuccess: function onDropSuccess() {\n _onDropSuccess(childItemIndex);\n },\n parentIndex: index,\n editModeOn: editModeOn,\n _onDestroy: function _onDestroy() {\n removeChild(item, childItemIndex);\n },\n getItemById: getItemById,\n setAsChild: setAsChild,\n seq: seq,\n rowNo: childItemIndex\n }));\n })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldsetBase);\n\n//# sourceURL=webpack://react-survey-builder/./src/fieldset/Fieldset.jsx?");
|
|
899
899
|
|
|
900
900
|
/***/ }),
|
|
901
901
|
|
|
@@ -906,7 +906,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
906
906
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
907
907
|
|
|
908
908
|
"use strict";
|
|
909
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */
|
|
909
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Fieldset: () => (/* reexport safe */ _Fieldset__WEBPACK_IMPORTED_MODULE_0__[\"default\"])\n/* harmony export */ });\n/* harmony import */ var _Fieldset__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Fieldset */ \"./src/fieldset/Fieldset.jsx\");\n\n\n\n//# sourceURL=webpack://react-survey-builder/./src/fieldset/index.js?");
|
|
910
910
|
|
|
911
911
|
/***/ }),
|
|
912
912
|
|
|
@@ -917,7 +917,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
917
917
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
918
918
|
|
|
919
919
|
"use strict";
|
|
920
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _multi_column__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multi-column */ \"./src/multi-column/index.js\");\n/* harmony import */ var _fieldset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fieldset */ \"./src/fieldset/index.js\");\n/* harmony import */ var _step__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./step */ \"./src/step/index.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./stores/registry */ \"./src/stores/registry.js\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_stores_registry__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\nvar ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {\n var _ref$validateForCorre = _ref.validateForCorrectness,\n validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,\n _ref$displayShort = _ref.displayShort,\n displayShort = _ref$displayShort === void 0 ? false : _ref$displayShort,\n _ref$readOnly = _ref.readOnly,\n readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,\n downloadPath = _ref.downloadPath,\n answers = _ref.answers,\n onSubmit = _ref.onSubmit,\n onChange = _ref.onChange,\n items = _ref.items,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,\n _ref$backButton = _ref.backButton,\n backButton = _ref$backButton === void 0 ? false : _ref$backButton,\n _ref$backAction = _ref.backAction,\n backAction = _ref$backAction === void 0 ? null : _ref$backAction,\n _ref$hideActions = _ref.hideActions,\n hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,\n _ref$hideLabels = _ref.hideLabels,\n hideLabels = _ref$hideLabels === void 0 ? false : _ref$hideLabels,\n variables = _ref.variables,\n buttonClassName = _ref.buttonClassName,\n checkboxButtonClassName = _ref.checkboxButtonClassName,\n headerClassName = _ref.headerClassName,\n labelClassName = _ref.labelClassName,\n paragraphClassName = _ref.paragraphClassName,\n formId = _ref.formId,\n methods = _ref.methods,\n _ref$print = _ref.print,\n print = _ref$print === void 0 ? false : _ref$print;\n //#region helper functions\n\n var _convert = function _convert($dataAnswers) {\n if (Array.isArray($dataAnswers)) {\n var result = {};\n $dataAnswers.forEach(function (answer) {\n result[answer.name] = answer.value;\n });\n return result;\n }\n return $dataAnswers || {};\n };\n var form = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();\n var inputs = react__WEBPACK_IMPORTED_MODULE_0___default().useRef({});\n var answerData = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(_convert(answers));\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n formAnswers = _React$useState2[0],\n setFormAnswers = _React$useState2[1];\n var _getDefaultValue = function _getDefaultValue($dataItem) {\n var defaultValue = answerData.current[$dataItem.fieldName];\n if ($dataItem.element === 'DatePicker') {\n var _$dataItem$defaultTod;\n var defaultToday = (_$dataItem$defaultTod = $dataItem.defaultToday) !== null && _$dataItem$defaultTod !== void 0 ? _$dataItem$defaultTod : false;\n if (defaultToday && (defaultValue === '' || defaultValue === undefined)) {\n var today = new Date();\n var dd = today.getDate();\n var mm = today.getMonth() + 1;\n var yyyy = today.getFullYear();\n if (dd < 10) {\n dd = '0' + dd;\n }\n if (mm < 10) {\n mm = '0' + mm;\n }\n today = mm + '/' + dd + '/' + yyyy;\n defaultValue = today;\n }\n }\n if ($dataItem.element === 'Checkbox') {\n var _$dataItem$defaultChe;\n var defaultChecked = (_$dataItem$defaultChe = $dataItem.defaultChecked) !== null && _$dataItem$defaultChe !== void 0 ? _$dataItem$defaultChe : false;\n if (defaultChecked === true) {\n defaultValue = true;\n }\n }\n if (defaultValue === undefined) {\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'Tags') {\n defaultValue = [];\n } else if ($dataItem.element === 'NumberInput' || $dataItem.element === 'Range') {\n var _$dataItem$minValue;\n defaultValue = (_$dataItem$minValue = $dataItem.minValue) !== null && _$dataItem$minValue !== void 0 ? _$dataItem$minValue : 0;\n } else {\n defaultValue = '';\n }\n }\n return defaultValue;\n };\n var _optionsDefaultValue = function _optionsDefaultValue($dataItem) {\n var defaultValue = _getDefaultValue($dataItem);\n if (defaultValue) {\n return defaultValue;\n }\n var defaultChecked = [];\n $dataItem.options.forEach(function (option) {\n if (answerData.current[\"option_\".concat(option.key)]) {\n defaultChecked.push(option.key);\n }\n });\n return defaultChecked;\n };\n var _getItemValue = function _getItemValue($dataItem, ref) {\n var _ref$inputField;\n var $item = {\n element: $dataItem.element,\n value: ''\n };\n var $formData = methods === null || methods === void 0 ? void 0 : methods.getValues();\n if ($dataItem.element === 'Rating') {\n $item.value = ref.inputField.current.state.rating;\n } else if ($dataItem.element === 'Tags') {\n $item.value = $formData[$dataItem.fieldName];\n // } else if (item.element === 'DatePicker') {\n // \t$item.value = ref.state.value;\n } else if ($dataItem.element === 'Camera') {\n $item.value = ref.state.img;\n } else if ($dataItem.element === 'FileUpload') {\n $item.value = ref.state.fileUpload;\n } else if ($dataItem.element === 'Signature') {\n $item.value = ref.state.value;\n } else if (ref && ref !== null && ref !== void 0 && ref.inputField && ref !== null && ref !== void 0 && (_ref$inputField = ref.inputField) !== null && _ref$inputField !== void 0 && _ref$inputField.current) {\n $item = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.inputField.current);\n if ($item && typeof $item.value === 'string') {\n $item.value = $item.value.trim();\n }\n } else {\n $item.value = $formData[$dataItem.fieldName];\n }\n return $item;\n };\n var _isIncorrect = function _isIncorrect($dataItem) {\n var incorrect = false;\n var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'Rating', 'Range'].indexOf($dataItem.element) !== -1;\n if (canHaveAnswer) {\n var ref = inputs.current[$dataItem.fieldName];\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'RadioButtons') {\n $dataItem.options.forEach(function (option) {\n var $option = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.options[\"child_ref_\".concat(option.key)]);\n if (option.hasOwnProperty('correct') && !$option.checked || !option.hasOwnProperty('correct') && $option.checked) {\n incorrect = true;\n }\n });\n } else {\n var $item = _getItemValue($dataItem, ref);\n if ($dataItem.element === 'Rating' || $dataItem.element === 'Range' || $dataItem.element === 'NumberInput') {\n // number to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($dataItem.element === 'Checkbox') {\n // boolean to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($item.value.toLowerCase() !== $dataItem.correct.trim().toLowerCase()) {\n incorrect = true;\n }\n }\n }\n return incorrect;\n };\n var _collectFormData = function _collectFormData($dataItems, $formData) {\n var formData = [];\n $dataItems.filter(function (i) {\n return i[\"static\"] !== true;\n }).forEach(function (item) {\n var itemData = {\n id: item.id,\n name: item.fieldName,\n customName: item.customName || item.fieldName,\n label: item.label !== null && item.label !== undefined && item.label !== '' ? item.label.trim() : '',\n value: $formData[item.fieldName],\n required: item.required || false\n };\n if (itemData) {\n formData.push(itemData);\n }\n });\n return formData;\n };\n\n //#endregion\n //#region form methods\n\n var handleSubmit = function handleSubmit($formData, event) {\n event.preventDefault();\n var hasErrors = false;\n if (validateForCorrectness) {\n hasErrors = validateForm();\n }\n\n // Only submit if there are no errors.\n if (hasErrors === false) {\n if (onSubmit) {\n var $data = _collectFormData(items, $formData);\n onSubmit({\n formData: $formData,\n answers: $data\n });\n setFormAnswers($data);\n } else {\n var $form = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(form.current);\n $form.submit();\n }\n }\n };\n var handleChange = function handleChange(event) {\n // Call submit function on change\n var $data = _collectFormData(items, (methods === null || methods === void 0 ? void 0 : methods.getValues()) || []);\n // console.log('handleChange', $data);\n\n if (onChange) {\n onChange($data);\n }\n setFormAnswers($data);\n };\n var validateForm = function validateForm() {\n var hasErrors = false;\n var dataItems = items;\n if (displayShort) {\n dataItems = items.filter(function (i) {\n return i.alternateForm === true;\n });\n }\n dataItems.forEach(function (item) {\n if (_isIncorrect(item)) {\n if (methods) {\n methods.setError(item.fieldName, {\n type: 'incorrect',\n message: \"\".concat(item.label, \" was answered incorrectly\")\n });\n }\n hasErrors = true;\n }\n });\n return hasErrors;\n };\n var getDataItemById = function getDataItemById(id) {\n var $dataItem = items.find(function (x) {\n return x.id === id;\n });\n if ($dataItem !== undefined) {\n var _ref2, _ref3, _ref4, _$dataItem$fieldName;\n return _objectSpread(_objectSpread({}, $dataItem), {}, {\n fieldRules: getFieldRules($dataItem),\n print: print !== null && print !== void 0 ? print : false,\n readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,\n hideLabel: (_ref3 = hideLabels || $dataItem.hideLabel) !== null && _ref3 !== void 0 ? _ref3 : false,\n disabled: (_ref4 = readOnly || $dataItem.readOnly) !== null && _ref4 !== void 0 ? _ref4 : false,\n mutable: true,\n name: (_$dataItem$fieldName = $dataItem.fieldName) !== null && _$dataItem$fieldName !== void 0 ? _$dataItem$fieldName : $dataItem.name,\n key: \"form_\".concat($dataItem.id),\n item: $dataItem,\n value: _getDefaultValue($dataItem)\n });\n }\n return null;\n };\n var getStandardElement = function getStandardElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n name: item.fieldName,\n key: \"form_\".concat(item.id),\n item: item,\n value: _getDefaultValue(item),\n onChange: handleChange\n });\n };\n var getInputElement = function getInputElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref5) {\n var _ref5$field = _ref5.field,\n _onChange = _ref5$field.onChange,\n onBlur = _ref5$field.onBlur,\n value = _ref5$field.value,\n name = _ref5$field.name,\n ref = _ref5$field.ref,\n _ref5$fieldState = _ref5.fieldState,\n invalid = _ref5$fieldState.invalid,\n isTouched = _ref5$fieldState.isTouched,\n isDirty = _ref5$fieldState.isDirty,\n error = _ref5$fieldState.error,\n formState = _ref5.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null\n });\n }\n });\n };\n var getContainerElement = function getContainerElement(item, Element) {\n var _item$childItems;\n var controls = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isListNotEmpty)(item.childItems) ? item === null || item === void 0 || (_item$childItems = item.childItems) === null || _item$childItems === void 0 ? void 0 : _item$childItems.map(function (childItem) {\n return childItem ? getFieldElement(getDataItemById(childItem)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"\\xA0\");\n }) : [];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n controls: controls,\n items: items,\n answers: formAnswers\n });\n };\n var getSimpleElement = function getSimpleElement(item) {\n var Element = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n headerClassName: headerClassName,\n labelClassName: labelClassName,\n paragraphClassName: paragraphClassName\n });\n };\n var getCustomElement = function getCustomElement(item) {\n if (!item.component || typeof item.component !== 'function') {\n item.component = _stores_registry__WEBPACK_IMPORTED_MODULE_7___default().get(item.key);\n if (!item.component) {\n console.error(\"\".concat(item.element, \" was not registered\"));\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref6) {\n var _ref6$field = _ref6.field,\n _onChange2 = _ref6$field.onChange,\n onBlur = _ref6$field.onBlur,\n value = _ref6$field.value,\n name = _ref6$field.name,\n ref = _ref6$field.ref,\n _ref6$fieldState = _ref6.fieldState,\n invalid = _ref6$fieldState.invalid,\n isTouched = _ref6$fieldState.isTouched,\n isDirty = _ref6$fieldState.isDirty,\n error = _ref6$fieldState.error,\n formState = _ref6.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange2(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n };\n var getFieldRules = function getFieldRules(item) {\n var fieldRules = {};\n if (item.fieldRules !== undefined && item.fieldRules !== null) {\n fieldRules = _objectSpread({}, item.fieldRules);\n }\n if (item.required) {\n fieldRules.required = \"\".concat(item.label, \" is required\");\n }\n return fieldRules;\n };\n var handleRenderSubmit = function handleRenderSubmit() {\n var actionName = actionName || 'Submit';\n var buttonProps = {};\n if (formId) {\n buttonProps.form = formId;\n }\n return submitButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"primary\",\n type: \"submit\"\n }, actionName);\n };\n var handleRenderBack = function handleRenderBack() {\n var backName = backName || 'Cancel';\n return backButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"secondary\",\n onClick: backAction,\n className: \"btn-cancel\"\n }, backName);\n };\n var getFieldElement = function getFieldElement(item) {\n var _ref7, _ref8, _ref9;\n if (!item) return null;\n item.fieldRules = getFieldRules(item);\n item.print = print !== null && print !== void 0 ? print : false;\n item.readOnly = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;\n item.hideLabel = (_ref8 = hideLabels || item.hideLabel) !== null && _ref8 !== void 0 ? _ref8 : false;\n item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;\n item.mutable = true;\n switch (item.element) {\n case 'RadioButtons':\n case 'Range':\n case 'Checkbox':\n return getInputElement(item);\n case 'Rating':\n case 'Tags':\n case 'Dropdown':\n case 'TextInput':\n case 'EmailInput':\n case 'NumberInput':\n case 'TextArea':\n case 'PhoneNumber':\n case 'DatePicker':\n return getStandardElement(item);\n case 'CustomElement':\n return getCustomElement(item);\n case 'MultiColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.MultiColumnRow);\n case 'ThreeColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.ThreeColumnRow);\n case 'TwoColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.TwoColumnRow);\n case 'Step':\n return getContainerElement(item, _step__WEBPACK_IMPORTED_MODULE_5__.Step);\n case 'FieldSet':\n return getContainerElement(item, _fieldset__WEBPACK_IMPORTED_MODULE_4__.FieldSet);\n case 'Signature':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref10) {\n var _ref10$field = _ref10.field,\n _onChange3 = _ref10$field.onChange,\n onBlur = _ref10$field.onBlur,\n value = _ref10$field.value,\n name = _ref10$field.name,\n ref = _ref10$field.ref,\n _ref10$fieldState = _ref10.fieldState,\n invalid = _ref10$fieldState.invalid,\n isTouched = _ref10$fieldState.isTouched,\n isDirty = _ref10$fieldState.isDirty,\n error = _ref10$fieldState.error,\n formState = _ref10.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Signature, {\n methods: methods,\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange3(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n item: item\n });\n }\n });\n case 'Checkboxes':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _optionsDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref11) {\n var _ref11$field = _ref11.field,\n _onChange4 = _ref11$field.onChange,\n onBlur = _ref11$field.onBlur,\n value = _ref11$field.value,\n name = _ref11$field.name,\n ref = _ref11$field.ref,\n _ref11$fieldState = _ref11.fieldState,\n invalid = _ref11$fieldState.invalid,\n isTouched = _ref11$fieldState.isTouched,\n isDirty = _ref11$fieldState.isDirty,\n error = _ref11$fieldState.error,\n formState = _ref11.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Checkboxes, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange4(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null\n });\n }\n });\n case 'Image':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Image, {\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Download':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Download, {\n downloadPath: downloadPath,\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Camera':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref12) {\n var _ref12$field = _ref12.field,\n _onChange5 = _ref12$field.onChange,\n onBlur = _ref12$field.onBlur,\n value = _ref12$field.value,\n name = _ref12$field.name,\n ref = _ref12$field.ref,\n _ref12$fieldState = _ref12.fieldState,\n invalid = _ref12$fieldState.invalid,\n isTouched = _ref12$fieldState.isTouched,\n isDirty = _ref12$fieldState.isDirty,\n error = _ref12$fieldState.error,\n formState = _ref12.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Camera, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange5(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n case 'FileUpload':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref13) {\n var _ref13$field = _ref13.field,\n _onChange6 = _ref13$field.onChange,\n onBlur = _ref13$field.onBlur,\n value = _ref13$field.value,\n name = _ref13$field.name,\n ref = _ref13$field.ref,\n _ref13$fieldState = _ref13.fieldState,\n invalid = _ref13$fieldState.invalid,\n isTouched = _ref13$fieldState.isTouched,\n isDirty = _ref13$fieldState.isDirty,\n error = _ref13$fieldState.error,\n formState = _ref13.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.FileUpload, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange6(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n default:\n return getSimpleElement(item);\n }\n };\n\n //#endregion\n\n var dataItems = items ? _toConsumableArray(items) : [];\n if (displayShort) {\n dataItems = items ? _toConsumableArray(items).filter(function (i) {\n return i.alternateForm === true;\n }) : [];\n }\n dataItems.forEach(function (item) {\n if (item && item.readOnly && item.variableKey && variables[item.variableKey]) {\n answerData.current[item.fieldName] = variables[item.variableKey];\n }\n });\n var fieldItems = dataItems.filter(function (x) {\n return !x.parentId;\n }).map(function (item) {\n return getFieldElement(item);\n });\n var formProps = {};\n if (formId) {\n formProps.id = formId;\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"react-survey-builder-form\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.FormProvider, methods, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], _extends({\n onSubmit: methods.handleSubmit(handleSubmit)\n }, formProps), fieldItems, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: buttonClassName ? buttonClassName : 'btn-toolbar'\n }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReactSurveyFormFields);\n\n//# sourceURL=webpack://react-survey-builder/./src/form-fields.jsx?");
|
|
920
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _multi_column__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multi-column */ \"./src/multi-column/index.js\");\n/* harmony import */ var _fieldset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fieldset */ \"./src/fieldset/index.js\");\n/* harmony import */ var _step__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./step */ \"./src/step/index.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./stores/registry */ \"./src/stores/registry.js\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_stores_registry__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\nvar ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {\n var _ref$validateForCorre = _ref.validateForCorrectness,\n validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,\n _ref$displayShort = _ref.displayShort,\n displayShort = _ref$displayShort === void 0 ? false : _ref$displayShort,\n _ref$readOnly = _ref.readOnly,\n readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,\n downloadPath = _ref.downloadPath,\n answers = _ref.answers,\n onSubmit = _ref.onSubmit,\n onChange = _ref.onChange,\n items = _ref.items,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,\n _ref$backButton = _ref.backButton,\n backButton = _ref$backButton === void 0 ? false : _ref$backButton,\n _ref$backAction = _ref.backAction,\n backAction = _ref$backAction === void 0 ? null : _ref$backAction,\n _ref$hideActions = _ref.hideActions,\n hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,\n _ref$hideLabels = _ref.hideLabels,\n hideLabels = _ref$hideLabels === void 0 ? false : _ref$hideLabels,\n variables = _ref.variables,\n staticVariables = _ref.staticVariables,\n buttonClassName = _ref.buttonClassName,\n checkboxButtonClassName = _ref.checkboxButtonClassName,\n headerClassName = _ref.headerClassName,\n labelClassName = _ref.labelClassName,\n paragraphClassName = _ref.paragraphClassName,\n formId = _ref.formId,\n methods = _ref.methods,\n _ref$print = _ref.print,\n print = _ref$print === void 0 ? false : _ref$print;\n //#region helper functions\n\n var _convert = function _convert($dataAnswers) {\n if (Array.isArray($dataAnswers)) {\n var result = {};\n $dataAnswers.forEach(function (answer) {\n result[answer.name] = answer.value;\n });\n return result;\n }\n return $dataAnswers || {};\n };\n var form = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();\n var inputs = react__WEBPACK_IMPORTED_MODULE_0___default().useRef({});\n var answerData = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(_convert(answers));\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n formAnswers = _React$useState2[0],\n setFormAnswers = _React$useState2[1];\n var _getDefaultValue = function _getDefaultValue($dataItem) {\n var defaultValue = answerData.current[$dataItem.fieldName];\n if ($dataItem.element === 'DatePicker') {\n var _$dataItem$defaultTod;\n var defaultToday = (_$dataItem$defaultTod = $dataItem.defaultToday) !== null && _$dataItem$defaultTod !== void 0 ? _$dataItem$defaultTod : false;\n if (defaultToday && (defaultValue === '' || defaultValue === undefined)) {\n var today = new Date();\n var dd = today.getDate();\n var mm = today.getMonth() + 1;\n var yyyy = today.getFullYear();\n if (dd < 10) {\n dd = '0' + dd;\n }\n if (mm < 10) {\n mm = '0' + mm;\n }\n today = mm + '/' + dd + '/' + yyyy;\n defaultValue = today;\n }\n }\n if ($dataItem.element === 'Checkbox') {\n var _$dataItem$defaultChe;\n var defaultChecked = (_$dataItem$defaultChe = $dataItem.defaultChecked) !== null && _$dataItem$defaultChe !== void 0 ? _$dataItem$defaultChe : false;\n if (defaultChecked === true) {\n defaultValue = true;\n }\n }\n if (defaultValue === undefined) {\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'Tags') {\n defaultValue = [];\n } else if ($dataItem.element === 'NumberInput' || $dataItem.element === 'Range') {\n var _$dataItem$minValue;\n defaultValue = (_$dataItem$minValue = $dataItem.minValue) !== null && _$dataItem$minValue !== void 0 ? _$dataItem$minValue : 0;\n } else {\n defaultValue = '';\n }\n }\n return defaultValue;\n };\n var _optionsDefaultValue = function _optionsDefaultValue($dataItem) {\n var defaultValue = _getDefaultValue($dataItem);\n if (defaultValue) {\n return defaultValue;\n }\n var defaultChecked = [];\n $dataItem.options.forEach(function (option) {\n if (answerData.current[\"option_\".concat(option.key)]) {\n defaultChecked.push(option.key);\n }\n });\n return defaultChecked;\n };\n var _getItemValue = function _getItemValue($dataItem, ref) {\n var _ref$inputField;\n var $item = {\n element: $dataItem.element,\n value: ''\n };\n var $formData = methods === null || methods === void 0 ? void 0 : methods.getValues();\n if ($dataItem.element === 'Rating') {\n $item.value = ref.inputField.current.state.rating;\n } else if ($dataItem.element === 'Tags') {\n $item.value = $formData[$dataItem.fieldName];\n // } else if (item.element === 'DatePicker') {\n // \t$item.value = ref.state.value;\n } else if ($dataItem.element === 'Camera') {\n $item.value = ref.state.img;\n } else if ($dataItem.element === 'FileUpload') {\n $item.value = ref.state.fileUpload;\n } else if ($dataItem.element === 'Signature') {\n $item.value = ref.state.value;\n } else if (ref && ref !== null && ref !== void 0 && ref.inputField && ref !== null && ref !== void 0 && (_ref$inputField = ref.inputField) !== null && _ref$inputField !== void 0 && _ref$inputField.current) {\n $item = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.inputField.current);\n if ($item && typeof $item.value === 'string') {\n $item.value = $item.value.trim();\n }\n } else {\n $item.value = $formData[$dataItem.fieldName];\n }\n return $item;\n };\n var _isIncorrect = function _isIncorrect($dataItem) {\n var incorrect = false;\n var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'Rating', 'Range'].indexOf($dataItem.element) !== -1;\n if (canHaveAnswer) {\n var ref = inputs.current[$dataItem.fieldName];\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'RadioButtons') {\n $dataItem.options.forEach(function (option) {\n var $option = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.options[\"child_ref_\".concat(option.key)]);\n if (option.hasOwnProperty('correct') && !$option.checked || !option.hasOwnProperty('correct') && $option.checked) {\n incorrect = true;\n }\n });\n } else {\n var $item = _getItemValue($dataItem, ref);\n if ($dataItem.element === 'Rating' || $dataItem.element === 'Range' || $dataItem.element === 'NumberInput') {\n // number to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($dataItem.element === 'Checkbox') {\n // boolean to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($item.value.toLowerCase() !== $dataItem.correct.trim().toLowerCase()) {\n incorrect = true;\n }\n }\n }\n return incorrect;\n };\n var _collectFormData = function _collectFormData($dataItems, $formData) {\n var formData = [];\n $dataItems.filter(function (i) {\n return i[\"static\"] !== true;\n }).forEach(function (item) {\n var itemData = {\n id: item.id,\n name: item.fieldName,\n customName: item.customName || item.fieldName,\n label: item.label !== null && item.label !== undefined && item.label !== '' ? item.label.trim() : '',\n value: $formData[item.fieldName],\n required: item.required || false\n };\n if (itemData) {\n formData.push(itemData);\n }\n });\n return formData;\n };\n\n //#endregion\n //#region form methods\n\n var handleSubmit = function handleSubmit($formData, event) {\n event.preventDefault();\n var hasErrors = false;\n if (validateForCorrectness) {\n hasErrors = validateForm();\n }\n\n // Only submit if there are no errors.\n if (hasErrors === false) {\n if (onSubmit) {\n var $data = _collectFormData(items, $formData);\n onSubmit({\n formData: $formData,\n answers: $data\n });\n setFormAnswers($data);\n } else {\n var $form = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(form.current);\n $form.submit();\n }\n }\n };\n var handleChange = function handleChange(event) {\n // Call submit function on change\n var $data = _collectFormData(items, (methods === null || methods === void 0 ? void 0 : methods.getValues()) || []);\n // console.log('handleChange', $data);\n\n if (onChange) {\n onChange($data);\n }\n setFormAnswers($data);\n };\n var validateForm = function validateForm() {\n var hasErrors = false;\n var dataItems = items;\n if (displayShort) {\n dataItems = items.filter(function (i) {\n return i.alternateForm === true;\n });\n }\n dataItems.forEach(function (item) {\n if (_isIncorrect(item)) {\n if (methods) {\n methods.setError(item.fieldName, {\n type: 'incorrect',\n message: \"\".concat(item.label, \" was answered incorrectly\")\n });\n }\n hasErrors = true;\n }\n });\n return hasErrors;\n };\n var getDataItemById = function getDataItemById(id) {\n var $dataItem = items.find(function (x) {\n return x.id === id;\n });\n if ($dataItem !== undefined) {\n var _ref2, _ref3, _ref4, _$dataItem$fieldName;\n return _objectSpread(_objectSpread({}, $dataItem), {}, {\n fieldRules: getFieldRules($dataItem),\n print: print !== null && print !== void 0 ? print : false,\n readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,\n hideLabel: (_ref3 = hideLabels || $dataItem.hideLabel) !== null && _ref3 !== void 0 ? _ref3 : false,\n disabled: (_ref4 = readOnly || $dataItem.readOnly) !== null && _ref4 !== void 0 ? _ref4 : false,\n mutable: true,\n name: (_$dataItem$fieldName = $dataItem.fieldName) !== null && _$dataItem$fieldName !== void 0 ? _$dataItem$fieldName : $dataItem.name,\n key: \"form_\".concat($dataItem.id),\n item: $dataItem,\n defaultValue: _getDefaultValue($dataItem),\n staticVariables: staticVariables\n });\n }\n return null;\n };\n var getStandardElement = function getStandardElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n name: item.fieldName,\n key: \"form_\".concat(item.id),\n item: item,\n defaultValue: _getDefaultValue(item),\n onChange: handleChange\n });\n };\n var getInputElement = function getInputElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref5) {\n var _ref5$field = _ref5.field,\n _onChange = _ref5$field.onChange,\n onBlur = _ref5$field.onBlur,\n value = _ref5$field.value,\n name = _ref5$field.name,\n ref = _ref5$field.ref,\n _ref5$fieldState = _ref5.fieldState,\n invalid = _ref5$fieldState.invalid,\n isTouched = _ref5$fieldState.isTouched,\n isDirty = _ref5$fieldState.isDirty,\n error = _ref5$fieldState.error,\n formState = _ref5.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null\n });\n }\n });\n };\n var getContainerElement = function getContainerElement(item, Element) {\n var _item$childItems;\n var controls = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isListNotEmpty)(item.childItems) ? item === null || item === void 0 || (_item$childItems = item.childItems) === null || _item$childItems === void 0 ? void 0 : _item$childItems.map(function (childItem) {\n return childItem ? getFieldElement(getDataItemById(childItem)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"\\xA0\");\n }) : [];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n controls: controls,\n items: items,\n answers: formAnswers\n });\n };\n var getSimpleElement = function getSimpleElement(item) {\n var Element = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n headerClassName: headerClassName,\n labelClassName: labelClassName,\n paragraphClassName: paragraphClassName\n });\n };\n var getCustomElement = function getCustomElement(item) {\n if (!item.component || typeof item.component !== 'function') {\n item.component = _stores_registry__WEBPACK_IMPORTED_MODULE_7___default().get(item.key);\n if (!item.component) {\n console.error(\"\".concat(item.element, \" was not registered\"));\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref6) {\n var _ref6$field = _ref6.field,\n _onChange2 = _ref6$field.onChange,\n onBlur = _ref6$field.onBlur,\n value = _ref6$field.value,\n name = _ref6$field.name,\n ref = _ref6$field.ref,\n _ref6$fieldState = _ref6.fieldState,\n invalid = _ref6$fieldState.invalid,\n isTouched = _ref6$fieldState.isTouched,\n isDirty = _ref6$fieldState.isDirty,\n error = _ref6$fieldState.error,\n formState = _ref6.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange2(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n };\n var getFieldRules = function getFieldRules(item) {\n var fieldRules = {};\n if (item.fieldRules !== undefined && item.fieldRules !== null) {\n fieldRules = _objectSpread({}, item.fieldRules);\n }\n if (item.required) {\n fieldRules.required = \"\".concat(item.label, \" is required\");\n }\n return fieldRules;\n };\n var handleRenderSubmit = function handleRenderSubmit() {\n var actionName = actionName || 'Submit';\n var buttonProps = {};\n if (formId) {\n buttonProps.form = formId;\n }\n return submitButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"primary\",\n type: \"submit\"\n }, actionName);\n };\n var handleRenderBack = function handleRenderBack() {\n var backName = backName || 'Cancel';\n return backButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"secondary\",\n onClick: backAction,\n className: \"btn-cancel\"\n }, backName);\n };\n var getFieldElement = function getFieldElement(item) {\n var _ref7, _ref8, _ref9;\n if (!item) return null;\n item.fieldRules = getFieldRules(item);\n item.print = print !== null && print !== void 0 ? print : false;\n item.readOnly = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;\n item.hideLabel = (_ref8 = hideLabels || item.hideLabel) !== null && _ref8 !== void 0 ? _ref8 : false;\n item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;\n item.mutable = true;\n item.staticVariables = staticVariables;\n switch (item.element) {\n case 'RadioButtons':\n case 'Range':\n case 'Checkbox':\n return getInputElement(item);\n case 'Rating':\n case 'Tags':\n case 'Dropdown':\n case 'TextInput':\n case 'EmailInput':\n case 'NumberInput':\n case 'TextArea':\n case 'PhoneNumber':\n case 'DatePicker':\n return getStandardElement(item);\n case 'CustomElement':\n return getCustomElement(item);\n case 'MultiColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.MultiColumnRow);\n case 'ThreeColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.ThreeColumnRow);\n case 'TwoColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.TwoColumnRow);\n case 'Step':\n return getContainerElement(item, _step__WEBPACK_IMPORTED_MODULE_5__.Step);\n case 'Fieldset':\n return getContainerElement(item, _fieldset__WEBPACK_IMPORTED_MODULE_4__.Fieldset);\n case 'Signature':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref10) {\n var _ref10$field = _ref10.field,\n _onChange3 = _ref10$field.onChange,\n onBlur = _ref10$field.onBlur,\n value = _ref10$field.value,\n name = _ref10$field.name,\n ref = _ref10$field.ref,\n _ref10$fieldState = _ref10.fieldState,\n invalid = _ref10$fieldState.invalid,\n isTouched = _ref10$fieldState.isTouched,\n isDirty = _ref10$fieldState.isDirty,\n error = _ref10$fieldState.error,\n formState = _ref10.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Signature, {\n methods: methods,\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange3(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n item: item\n });\n }\n });\n case 'Checkboxes':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _optionsDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref11) {\n var _ref11$field = _ref11.field,\n _onChange4 = _ref11$field.onChange,\n onBlur = _ref11$field.onBlur,\n value = _ref11$field.value,\n name = _ref11$field.name,\n ref = _ref11$field.ref,\n _ref11$fieldState = _ref11.fieldState,\n invalid = _ref11$fieldState.invalid,\n isTouched = _ref11$fieldState.isTouched,\n isDirty = _ref11$fieldState.isDirty,\n error = _ref11$fieldState.error,\n formState = _ref11.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Checkboxes, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange4(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null\n });\n }\n });\n case 'Image':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Image, {\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Download':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Download, {\n downloadPath: downloadPath,\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Camera':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref12) {\n var _ref12$field = _ref12.field,\n _onChange5 = _ref12$field.onChange,\n onBlur = _ref12$field.onBlur,\n value = _ref12$field.value,\n name = _ref12$field.name,\n ref = _ref12$field.ref,\n _ref12$fieldState = _ref12.fieldState,\n invalid = _ref12$fieldState.invalid,\n isTouched = _ref12$fieldState.isTouched,\n isDirty = _ref12$fieldState.isDirty,\n error = _ref12$fieldState.error,\n formState = _ref12.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Camera, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange5(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n case 'FileUpload':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref13) {\n var _ref13$field = _ref13.field,\n _onChange6 = _ref13$field.onChange,\n onBlur = _ref13$field.onBlur,\n value = _ref13$field.value,\n name = _ref13$field.name,\n ref = _ref13$field.ref,\n _ref13$fieldState = _ref13.fieldState,\n invalid = _ref13$fieldState.invalid,\n isTouched = _ref13$fieldState.isTouched,\n isDirty = _ref13$fieldState.isDirty,\n error = _ref13$fieldState.error,\n formState = _ref13.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.FileUpload, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange6(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n default:\n return getSimpleElement(item);\n }\n };\n\n //#endregion\n\n var dataItems = items ? _toConsumableArray(items) : [];\n if (displayShort) {\n dataItems = items ? _toConsumableArray(items).filter(function (i) {\n return i.alternateForm === true;\n }) : [];\n }\n dataItems.forEach(function (item) {\n if (item && item.readOnly && item.variableKey && variables[item.variableKey]) {\n answerData.current[item.fieldName] = variables[item.variableKey];\n }\n });\n var fieldItems = dataItems.filter(function (x) {\n return !x.parentId;\n }).map(function (item) {\n return getFieldElement(item);\n });\n var formProps = {};\n if (formId) {\n formProps.id = formId;\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"react-survey-builder-form\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.FormProvider, methods, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], _extends({\n onSubmit: methods.handleSubmit(handleSubmit)\n }, formProps), fieldItems, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: buttonClassName ? buttonClassName : 'btn-toolbar'\n }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReactSurveyFormFields);\n\n//# sourceURL=webpack://react-survey-builder/./src/form-fields.jsx?");
|
|
921
921
|
|
|
922
922
|
/***/ }),
|
|
923
923
|
|
|
@@ -928,7 +928,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
928
928
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
929
929
|
|
|
930
930
|
"use strict";
|
|
931
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _multi_column__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multi-column */ \"./src/multi-column/index.js\");\n/* harmony import */ var _fieldset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fieldset */ \"./src/fieldset/index.js\");\n/* harmony import */ var _step__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./step */ \"./src/step/index.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./stores/registry */ \"./src/stores/registry.js\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_stores_registry__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\nvar ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {\n var _ref$validateForCorre = _ref.validateForCorrectness,\n validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,\n _ref$displayShort = _ref.displayShort,\n displayShort = _ref$displayShort === void 0 ? false : _ref$displayShort,\n _ref$readOnly = _ref.readOnly,\n readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,\n downloadPath = _ref.downloadPath,\n answers = _ref.answers,\n onSubmit = _ref.onSubmit,\n onChange = _ref.onChange,\n items = _ref.items,\n activeStep = _ref.activeStep,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,\n _ref$backButton = _ref.backButton,\n backButton = _ref$backButton === void 0 ? false : _ref$backButton,\n _ref$backAction = _ref.backAction,\n backAction = _ref$backAction === void 0 ? null : _ref$backAction,\n _ref$hideActions = _ref.hideActions,\n hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,\n _ref$hideLabels = _ref.hideLabels,\n hideLabels = _ref$hideLabels === void 0 ? false : _ref$hideLabels,\n variables = _ref.variables,\n buttonClassName = _ref.buttonClassName,\n checkboxButtonClassName = _ref.checkboxButtonClassName,\n headerClassName = _ref.headerClassName,\n labelClassName = _ref.labelClassName,\n paragraphClassName = _ref.paragraphClassName,\n formId = _ref.formId,\n methods = _ref.methods,\n _ref$print = _ref.print,\n print = _ref$print === void 0 ? false : _ref$print;\n //#region helper functions\n\n var _convert = function _convert($dataAnswers) {\n if (Array.isArray($dataAnswers)) {\n var result = {};\n $dataAnswers.forEach(function (answer) {\n result[answer.name] = answer.value;\n });\n return result;\n }\n return $dataAnswers || {};\n };\n var form = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();\n var inputs = react__WEBPACK_IMPORTED_MODULE_0___default().useRef({});\n var answerData = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(_convert(answers));\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n formAnswers = _React$useState2[0],\n setFormAnswers = _React$useState2[1];\n var _getDefaultValue = function _getDefaultValue($dataItem) {\n console.log(\"_getDefaultValue\", $dataItem);\n var defaultValue = answerData.current[$dataItem.fieldName];\n if ($dataItem.element === 'DatePicker') {\n var _$dataItem$defaultTod;\n var defaultToday = (_$dataItem$defaultTod = $dataItem.defaultToday) !== null && _$dataItem$defaultTod !== void 0 ? _$dataItem$defaultTod : false;\n if (defaultToday && (defaultValue === '' || defaultValue === undefined)) {\n var today = new Date();\n var dd = today.getDate();\n var mm = today.getMonth() + 1;\n var yyyy = today.getFullYear();\n if (dd < 10) {\n dd = '0' + dd;\n }\n if (mm < 10) {\n mm = '0' + mm;\n }\n today = mm + '/' + dd + '/' + yyyy;\n defaultValue = today;\n }\n }\n if ($dataItem.element === 'Checkbox') {\n var _$dataItem$defaultChe;\n var defaultChecked = (_$dataItem$defaultChe = $dataItem.defaultChecked) !== null && _$dataItem$defaultChe !== void 0 ? _$dataItem$defaultChe : false;\n if (defaultChecked === true) {\n defaultValue = true;\n }\n }\n if (defaultValue === undefined) {\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'Tags') {\n defaultValue = [];\n } else if ($dataItem.element === 'NumberInput' || $dataItem.element === 'Range') {\n var _$dataItem$minValue;\n defaultValue = (_$dataItem$minValue = $dataItem.minValue) !== null && _$dataItem$minValue !== void 0 ? _$dataItem$minValue : 0;\n } else {\n defaultValue = '';\n }\n }\n return defaultValue;\n };\n var _optionsDefaultValue = function _optionsDefaultValue($dataItem) {\n var defaultValue = _getDefaultValue($dataItem);\n if (defaultValue) {\n return defaultValue;\n }\n var defaultChecked = [];\n $dataItem.options.forEach(function (option) {\n if (answerData.current[\"option_\".concat(option.key)]) {\n defaultChecked.push(option.key);\n }\n });\n return defaultChecked;\n };\n var _getItemValue = function _getItemValue($dataItem, ref) {\n var _ref$inputField;\n var $item = {\n element: $dataItem.element,\n value: ''\n };\n var $formData = methods === null || methods === void 0 ? void 0 : methods.getValues();\n if ($dataItem.element === 'Rating') {\n $item.value = ref.inputField.current.state.rating;\n } else if ($dataItem.element === 'Tags') {\n $item.value = $formData[$dataItem.fieldName];\n // } else if (item.element === 'DatePicker') {\n // \t$item.value = ref.state.value;\n } else if ($dataItem.element === 'Camera') {\n $item.value = ref.state.img;\n } else if ($dataItem.element === 'FileUpload') {\n $item.value = ref.state.fileUpload;\n } else if ($dataItem.element === 'Signature') {\n $item.value = ref.state.value;\n } else if (ref && ref !== null && ref !== void 0 && ref.inputField && ref !== null && ref !== void 0 && (_ref$inputField = ref.inputField) !== null && _ref$inputField !== void 0 && _ref$inputField.current) {\n $item = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.inputField.current);\n if ($item && typeof $item.value === 'string') {\n $item.value = $item.value.trim();\n }\n } else {\n $item.value = $formData[$dataItem.fieldName];\n }\n return $item;\n };\n var _isIncorrect = function _isIncorrect($dataItem) {\n var incorrect = false;\n var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'Rating', 'Range'].indexOf($dataItem.element) !== -1;\n if (canHaveAnswer) {\n var ref = inputs.current[$dataItem.fieldName];\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'RadioButtons') {\n $dataItem.options.forEach(function (option) {\n var $option = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.options[\"child_ref_\".concat(option.key)]);\n if (option.hasOwnProperty('correct') && !$option.checked || !option.hasOwnProperty('correct') && $option.checked) {\n incorrect = true;\n }\n });\n } else {\n var $item = _getItemValue($dataItem, ref);\n if ($dataItem.element === 'Rating' || $dataItem.element === 'Range' || $dataItem.element === 'NumberInput') {\n // number to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($dataItem.element === 'Checkbox') {\n // boolean to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($item.value.toLowerCase() !== $dataItem.correct.trim().toLowerCase()) {\n incorrect = true;\n }\n }\n }\n return incorrect;\n };\n var _collectFormData = function _collectFormData($dataItems, $formData) {\n var formData = [];\n $dataItems.filter(function (i) {\n return i[\"static\"] !== true;\n }).forEach(function (item) {\n var itemData = {\n id: item.id,\n name: item.fieldName,\n customName: item.customName || item.fieldName,\n label: item.label !== null && item.label !== undefined && item.label !== '' ? item.label.trim() : '',\n value: $formData[item.fieldName],\n required: item.required || false\n };\n if (itemData) {\n formData.push(itemData);\n }\n });\n return formData;\n };\n\n //#endregion\n //#region form methods\n\n var handleSubmit = function handleSubmit($formData, event) {\n event.preventDefault();\n var hasErrors = false;\n if (validateForCorrectness) {\n hasErrors = validateForm();\n }\n\n // Only submit if there are no errors.\n if (hasErrors === false) {\n if (onSubmit) {\n var $data = _collectFormData(items, $formData);\n onSubmit({\n formData: $formData,\n answers: $data\n });\n setFormAnswers($data);\n } else {\n var $form = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(form.current);\n $form.submit();\n }\n }\n };\n var handleChange = function handleChange(event) {\n // Call submit function on change\n var $data = _collectFormData(items, (methods === null || methods === void 0 ? void 0 : methods.getValues()) || []);\n // console.log('handleChange', $data);\n\n if (onChange) {\n onChange($data);\n }\n setFormAnswers($data);\n };\n var validateForm = function validateForm() {\n var hasErrors = false;\n var $dataItems = _toConsumableArray(items);\n if (displayShort) {\n $dataItems = $dataItems.filter(function (i) {\n return i.alternateForm === true;\n });\n }\n $dataItems.forEach(function (item) {\n if (_isIncorrect(item)) {\n if (methods) {\n methods.setError(item.fieldName, {\n type: 'incorrect',\n message: \"\".concat(item.label, \" was answered incorrectly\")\n });\n }\n hasErrors = true;\n }\n });\n return hasErrors;\n };\n var getDataItemById = function getDataItemById(id) {\n var $dataItem = items.find(function (x) {\n return x.id === id;\n });\n if ($dataItem !== undefined) {\n var _ref2, _ref3, _ref4, _$dataItem$fieldName;\n return _objectSpread(_objectSpread({}, $dataItem), {}, {\n fieldRules: getFieldRules($dataItem),\n print: print !== null && print !== void 0 ? print : false,\n readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,\n hideLabel: (_ref3 = hideLabels || $dataItem.hideLabel) !== null && _ref3 !== void 0 ? _ref3 : false,\n disabled: (_ref4 = readOnly || $dataItem.readOnly) !== null && _ref4 !== void 0 ? _ref4 : false,\n mutable: true,\n name: (_$dataItem$fieldName = $dataItem.fieldName) !== null && _$dataItem$fieldName !== void 0 ? _$dataItem$fieldName : $dataItem.name,\n key: \"form_\".concat($dataItem.id),\n item: $dataItem,\n value: _getDefaultValue($dataItem)\n });\n }\n return null;\n };\n var getStandardElement = function getStandardElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n name: item.fieldName,\n key: \"form_\".concat(item.id),\n item: item,\n value: _getDefaultValue(item),\n onChange: handleChange\n });\n };\n var getInputElement = function getInputElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref5) {\n var _ref5$field = _ref5.field,\n _onChange = _ref5$field.onChange,\n onBlur = _ref5$field.onBlur,\n value = _ref5$field.value,\n name = _ref5$field.name,\n ref = _ref5$field.ref,\n _ref5$fieldState = _ref5.fieldState,\n invalid = _ref5$fieldState.invalid,\n isTouched = _ref5$fieldState.isTouched,\n isDirty = _ref5$fieldState.isDirty,\n error = _ref5$fieldState.error,\n formState = _ref5.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null\n });\n }\n });\n };\n var getContainerElement = function getContainerElement(item, Element) {\n var _item$childItems;\n var controls = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isListNotEmpty)(item.childItems) ? item === null || item === void 0 || (_item$childItems = item.childItems) === null || _item$childItems === void 0 ? void 0 : _item$childItems.map(function (childItem) {\n return childItem ? getFieldElement(getDataItemById(childItem)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"\\xA0\");\n }) : [];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n controls: controls,\n items: items,\n answers: formAnswers\n });\n };\n var getSimpleElement = function getSimpleElement(item) {\n var Element = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n headerClassName: headerClassName,\n labelClassName: labelClassName,\n paragraphClassName: paragraphClassName\n });\n };\n var getCustomElement = function getCustomElement(item) {\n if (!item.component || typeof item.component !== 'function') {\n item.component = _stores_registry__WEBPACK_IMPORTED_MODULE_7___default().get(item.key);\n if (!item.component) {\n console.error(\"\".concat(item.element, \" was not registered\"));\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref6) {\n var _ref6$field = _ref6.field,\n _onChange2 = _ref6$field.onChange,\n onBlur = _ref6$field.onBlur,\n value = _ref6$field.value,\n name = _ref6$field.name,\n ref = _ref6$field.ref,\n _ref6$fieldState = _ref6.fieldState,\n invalid = _ref6$fieldState.invalid,\n isTouched = _ref6$fieldState.isTouched,\n isDirty = _ref6$fieldState.isDirty,\n error = _ref6$fieldState.error,\n formState = _ref6.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange2(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n };\n var getFieldRules = function getFieldRules(item) {\n var fieldRules = {};\n if (item.fieldRules !== undefined && item.fieldRules !== null) {\n fieldRules = _objectSpread({}, item.fieldRules);\n }\n if (item.required) {\n fieldRules.required = \"\".concat(item.label, \" is required\");\n }\n return fieldRules;\n };\n var handleRenderSubmit = function handleRenderSubmit() {\n var actionName = actionName || 'Submit';\n var buttonProps = {};\n if (formId) {\n buttonProps.form = formId;\n }\n return submitButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"primary\",\n type: \"submit\"\n }, actionName);\n };\n var handleRenderBack = function handleRenderBack() {\n var backName = backName || 'Cancel';\n return backButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"secondary\",\n onClick: backAction,\n className: \"btn-cancel\"\n }, backName);\n };\n var getFieldElement = function getFieldElement(item) {\n var _ref7, _ref8, _ref9;\n if (!item) return null;\n item.fieldRules = getFieldRules(item);\n item.print = print !== null && print !== void 0 ? print : false;\n item.readOnly = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;\n item.hideLabel = (_ref8 = hideLabels || item.hideLabel) !== null && _ref8 !== void 0 ? _ref8 : false;\n item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;\n item.mutable = true;\n switch (item.element) {\n case 'RadioButtons':\n case 'Range':\n case 'Checkbox':\n return getInputElement(item);\n case 'Rating':\n case 'Tags':\n case 'Dropdown':\n case 'TextInput':\n case 'EmailInput':\n case 'NumberInput':\n case 'TextArea':\n case 'PhoneNumber':\n case 'DatePicker':\n return getStandardElement(item);\n case 'CustomElement':\n return getCustomElement(item);\n case 'MultiColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.MultiColumnRow);\n case 'ThreeColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.ThreeColumnRow);\n case 'TwoColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.TwoColumnRow);\n case 'Step':\n return getContainerElement(item, _step__WEBPACK_IMPORTED_MODULE_5__.Step);\n case 'FieldSet':\n return getContainerElement(item, _fieldset__WEBPACK_IMPORTED_MODULE_4__.FieldSet);\n case 'Signature':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref10) {\n var _ref10$field = _ref10.field,\n _onChange3 = _ref10$field.onChange,\n onBlur = _ref10$field.onBlur,\n value = _ref10$field.value,\n name = _ref10$field.name,\n ref = _ref10$field.ref,\n _ref10$fieldState = _ref10.fieldState,\n invalid = _ref10$fieldState.invalid,\n isTouched = _ref10$fieldState.isTouched,\n isDirty = _ref10$fieldState.isDirty,\n error = _ref10$fieldState.error,\n formState = _ref10.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Signature, {\n methods: methods,\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange3(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n item: item\n });\n }\n });\n case 'Checkboxes':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _optionsDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref11) {\n var _ref11$field = _ref11.field,\n _onChange4 = _ref11$field.onChange,\n onBlur = _ref11$field.onBlur,\n value = _ref11$field.value,\n name = _ref11$field.name,\n ref = _ref11$field.ref,\n _ref11$fieldState = _ref11.fieldState,\n invalid = _ref11$fieldState.invalid,\n isTouched = _ref11$fieldState.isTouched,\n isDirty = _ref11$fieldState.isDirty,\n error = _ref11$fieldState.error,\n formState = _ref11.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Checkboxes, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange4(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null\n });\n }\n });\n case 'Image':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Image, {\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Download':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Download, {\n downloadPath: downloadPath,\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Camera':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref12) {\n var _ref12$field = _ref12.field,\n _onChange5 = _ref12$field.onChange,\n onBlur = _ref12$field.onBlur,\n value = _ref12$field.value,\n name = _ref12$field.name,\n ref = _ref12$field.ref,\n _ref12$fieldState = _ref12.fieldState,\n invalid = _ref12$fieldState.invalid,\n isTouched = _ref12$fieldState.isTouched,\n isDirty = _ref12$fieldState.isDirty,\n error = _ref12$fieldState.error,\n formState = _ref12.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Camera, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange5(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n case 'FileUpload':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref13) {\n var _ref13$field = _ref13.field,\n _onChange6 = _ref13$field.onChange,\n onBlur = _ref13$field.onBlur,\n value = _ref13$field.value,\n name = _ref13$field.name,\n ref = _ref13$field.ref,\n _ref13$fieldState = _ref13.fieldState,\n invalid = _ref13$fieldState.invalid,\n isTouched = _ref13$fieldState.isTouched,\n isDirty = _ref13$fieldState.isDirty,\n error = _ref13$fieldState.error,\n formState = _ref13.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.FileUpload, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange6(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n default:\n return getSimpleElement(item);\n }\n };\n\n //#endregion\n\n var dataItems = activeStep ? [activeStep] : [];\n if (displayShort) {\n dataItems = activeStep ? [activeStep].filter(function (i) {\n return i.alternateForm === true;\n }) : [];\n }\n dataItems.forEach(function (item) {\n if (item && item.readOnly && item.variableKey && variables[item.variableKey]) {\n answerData.current[item.fieldName] = variables[item.variableKey];\n }\n });\n var stepItems = dataItems.filter(function (x) {\n return !x.parentId && x.element === 'Step';\n }).map(function (item) {\n return getFieldElement(item);\n });\n var formProps = {};\n if (formId) {\n formProps.id = formId;\n }\n react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n answerData.current = _convert(answers);\n }, [answers]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"react-survey-builder-form\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.FormProvider, methods, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], _extends({\n onSubmit: methods.handleSubmit(handleSubmit)\n }, formProps), stepItems, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: buttonClassName ? buttonClassName : 'btn-toolbar'\n }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReactSurveyFormSteps);\n\n//# sourceURL=webpack://react-survey-builder/./src/form-steps.jsx?");
|
|
931
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _multi_column__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multi-column */ \"./src/multi-column/index.js\");\n/* harmony import */ var _fieldset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fieldset */ \"./src/fieldset/index.js\");\n/* harmony import */ var _step__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./step */ \"./src/step/index.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./stores/registry */ \"./src/stores/registry.js\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_stores_registry__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\nvar ReactSurveyFormSteps = function ReactSurveyFormSteps(_ref) {\n var _ref$validateForCorre = _ref.validateForCorrectness,\n validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,\n _ref$displayShort = _ref.displayShort,\n displayShort = _ref$displayShort === void 0 ? false : _ref$displayShort,\n _ref$readOnly = _ref.readOnly,\n readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,\n downloadPath = _ref.downloadPath,\n answers = _ref.answers,\n onSubmit = _ref.onSubmit,\n onChange = _ref.onChange,\n items = _ref.items,\n activeStep = _ref.activeStep,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,\n _ref$backButton = _ref.backButton,\n backButton = _ref$backButton === void 0 ? false : _ref$backButton,\n _ref$backAction = _ref.backAction,\n backAction = _ref$backAction === void 0 ? null : _ref$backAction,\n _ref$hideActions = _ref.hideActions,\n hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,\n _ref$hideLabels = _ref.hideLabels,\n hideLabels = _ref$hideLabels === void 0 ? false : _ref$hideLabels,\n variables = _ref.variables,\n staticVariables = _ref.staticVariables,\n buttonClassName = _ref.buttonClassName,\n checkboxButtonClassName = _ref.checkboxButtonClassName,\n headerClassName = _ref.headerClassName,\n labelClassName = _ref.labelClassName,\n paragraphClassName = _ref.paragraphClassName,\n formId = _ref.formId,\n methods = _ref.methods,\n _ref$print = _ref.print,\n print = _ref$print === void 0 ? false : _ref$print;\n //#region helper functions\n\n var _convert = function _convert($dataAnswers) {\n if (Array.isArray($dataAnswers)) {\n var result = {};\n $dataAnswers.forEach(function (answer) {\n result[answer.name] = answer.value;\n });\n return result;\n }\n return $dataAnswers || {};\n };\n var form = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();\n var inputs = react__WEBPACK_IMPORTED_MODULE_0___default().useRef({});\n var answerData = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(_convert(answers));\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n formAnswers = _React$useState2[0],\n setFormAnswers = _React$useState2[1];\n var _getDefaultValue = function _getDefaultValue($dataItem) {\n console.log(\"_getDefaultValue\", $dataItem);\n var defaultValue = answerData.current[$dataItem.fieldName];\n if ($dataItem.element === 'DatePicker') {\n var _$dataItem$defaultTod;\n var defaultToday = (_$dataItem$defaultTod = $dataItem.defaultToday) !== null && _$dataItem$defaultTod !== void 0 ? _$dataItem$defaultTod : false;\n if (defaultToday && (defaultValue === '' || defaultValue === undefined)) {\n var today = new Date();\n var dd = today.getDate();\n var mm = today.getMonth() + 1;\n var yyyy = today.getFullYear();\n if (dd < 10) {\n dd = '0' + dd;\n }\n if (mm < 10) {\n mm = '0' + mm;\n }\n today = mm + '/' + dd + '/' + yyyy;\n defaultValue = today;\n }\n }\n if ($dataItem.element === 'Checkbox') {\n var _$dataItem$defaultChe;\n var defaultChecked = (_$dataItem$defaultChe = $dataItem.defaultChecked) !== null && _$dataItem$defaultChe !== void 0 ? _$dataItem$defaultChe : false;\n if (defaultChecked === true) {\n defaultValue = true;\n }\n }\n if (defaultValue === undefined) {\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'Tags') {\n defaultValue = [];\n } else if ($dataItem.element === 'NumberInput' || $dataItem.element === 'Range') {\n var _$dataItem$minValue;\n defaultValue = (_$dataItem$minValue = $dataItem.minValue) !== null && _$dataItem$minValue !== void 0 ? _$dataItem$minValue : 0;\n } else {\n defaultValue = '';\n }\n }\n return defaultValue;\n };\n var _optionsDefaultValue = function _optionsDefaultValue($dataItem) {\n var defaultValue = _getDefaultValue($dataItem);\n if (defaultValue) {\n return defaultValue;\n }\n var defaultChecked = [];\n $dataItem.options.forEach(function (option) {\n if (answerData.current[\"option_\".concat(option.key)]) {\n defaultChecked.push(option.key);\n }\n });\n return defaultChecked;\n };\n var _getItemValue = function _getItemValue($dataItem, ref) {\n var _ref$inputField;\n var $item = {\n element: $dataItem.element,\n value: ''\n };\n var $formData = methods === null || methods === void 0 ? void 0 : methods.getValues();\n if ($dataItem.element === 'Rating') {\n $item.value = ref.inputField.current.state.rating;\n } else if ($dataItem.element === 'Tags') {\n $item.value = $formData[$dataItem.fieldName];\n // } else if (item.element === 'DatePicker') {\n // \t$item.value = ref.state.value;\n } else if ($dataItem.element === 'Camera') {\n $item.value = ref.state.img;\n } else if ($dataItem.element === 'FileUpload') {\n $item.value = ref.state.fileUpload;\n } else if ($dataItem.element === 'Signature') {\n $item.value = ref.state.value;\n } else if (ref && ref !== null && ref !== void 0 && ref.inputField && ref !== null && ref !== void 0 && (_ref$inputField = ref.inputField) !== null && _ref$inputField !== void 0 && _ref$inputField.current) {\n $item = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.inputField.current);\n if ($item && typeof $item.value === 'string') {\n $item.value = $item.value.trim();\n }\n } else {\n $item.value = $formData[$dataItem.fieldName];\n }\n return $item;\n };\n var _isIncorrect = function _isIncorrect($dataItem) {\n var incorrect = false;\n var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'Rating', 'Range'].indexOf($dataItem.element) !== -1;\n if (canHaveAnswer) {\n var ref = inputs.current[$dataItem.fieldName];\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'RadioButtons') {\n $dataItem.options.forEach(function (option) {\n var $option = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.options[\"child_ref_\".concat(option.key)]);\n if (option.hasOwnProperty('correct') && !$option.checked || !option.hasOwnProperty('correct') && $option.checked) {\n incorrect = true;\n }\n });\n } else {\n var $item = _getItemValue($dataItem, ref);\n if ($dataItem.element === 'Rating' || $dataItem.element === 'Range' || $dataItem.element === 'NumberInput') {\n // number to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($dataItem.element === 'Checkbox') {\n // boolean to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($item.value.toLowerCase() !== $dataItem.correct.trim().toLowerCase()) {\n incorrect = true;\n }\n }\n }\n return incorrect;\n };\n var _collectFormData = function _collectFormData($dataItems, $formData) {\n var formData = [];\n $dataItems.filter(function (i) {\n return i[\"static\"] !== true;\n }).forEach(function (item) {\n var itemData = {\n id: item.id,\n name: item.fieldName,\n customName: item.customName || item.fieldName,\n label: item.label !== null && item.label !== undefined && item.label !== '' ? item.label.trim() : '',\n value: $formData[item.fieldName],\n required: item.required || false\n };\n if (itemData) {\n formData.push(itemData);\n }\n });\n return formData;\n };\n\n //#endregion\n //#region form methods\n\n var handleSubmit = function handleSubmit($formData, event) {\n event.preventDefault();\n var hasErrors = false;\n if (validateForCorrectness) {\n hasErrors = validateForm();\n }\n\n // Only submit if there are no errors.\n if (hasErrors === false) {\n if (onSubmit) {\n var $data = _collectFormData(items, $formData);\n onSubmit({\n formData: $formData,\n answers: $data\n });\n setFormAnswers($data);\n } else {\n var $form = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(form.current);\n $form.submit();\n }\n }\n };\n var handleChange = function handleChange(event) {\n // Call submit function on change\n var $data = _collectFormData(items, (methods === null || methods === void 0 ? void 0 : methods.getValues()) || []);\n // console.log('handleChange', $data);\n\n if (onChange) {\n onChange($data);\n }\n setFormAnswers($data);\n };\n var validateForm = function validateForm() {\n var hasErrors = false;\n var $dataItems = _toConsumableArray(items);\n if (displayShort) {\n $dataItems = $dataItems.filter(function (i) {\n return i.alternateForm === true;\n });\n }\n $dataItems.forEach(function (item) {\n if (_isIncorrect(item)) {\n if (methods) {\n methods.setError(item.fieldName, {\n type: 'incorrect',\n message: \"\".concat(item.label, \" was answered incorrectly\")\n });\n }\n hasErrors = true;\n }\n });\n return hasErrors;\n };\n var getDataItemById = function getDataItemById(id) {\n var $dataItem = items.find(function (x) {\n return x.id === id;\n });\n if ($dataItem !== undefined) {\n var _ref2, _ref3, _ref4, _$dataItem$fieldName;\n return _objectSpread(_objectSpread({}, $dataItem), {}, {\n fieldRules: getFieldRules($dataItem),\n print: print !== null && print !== void 0 ? print : false,\n readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,\n hideLabel: (_ref3 = hideLabels || $dataItem.hideLabel) !== null && _ref3 !== void 0 ? _ref3 : false,\n disabled: (_ref4 = readOnly || $dataItem.readOnly) !== null && _ref4 !== void 0 ? _ref4 : false,\n mutable: true,\n name: (_$dataItem$fieldName = $dataItem.fieldName) !== null && _$dataItem$fieldName !== void 0 ? _$dataItem$fieldName : $dataItem.name,\n key: \"form_\".concat($dataItem.id),\n item: $dataItem,\n defaultValue: _getDefaultValue($dataItem),\n staticVariables: staticVariables\n });\n }\n return null;\n };\n var getStandardElement = function getStandardElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n name: item.fieldName,\n key: \"form_\".concat(item.id),\n item: item,\n defaultValue: _getDefaultValue(item),\n onChange: handleChange\n });\n };\n var getInputElement = function getInputElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref5) {\n var _ref5$field = _ref5.field,\n _onChange = _ref5$field.onChange,\n onBlur = _ref5$field.onBlur,\n value = _ref5$field.value,\n name = _ref5$field.name,\n ref = _ref5$field.ref,\n _ref5$fieldState = _ref5.fieldState,\n invalid = _ref5$fieldState.invalid,\n isTouched = _ref5$fieldState.isTouched,\n isDirty = _ref5$fieldState.isDirty,\n error = _ref5$fieldState.error,\n formState = _ref5.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null\n });\n }\n });\n };\n var getContainerElement = function getContainerElement(item, Element) {\n var _item$childItems;\n var controls = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isListNotEmpty)(item.childItems) ? item === null || item === void 0 || (_item$childItems = item.childItems) === null || _item$childItems === void 0 ? void 0 : _item$childItems.map(function (childItem) {\n return childItem ? getFieldElement(getDataItemById(childItem)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"\\xA0\");\n }) : [];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n controls: controls,\n items: items,\n answers: formAnswers\n });\n };\n var getSimpleElement = function getSimpleElement(item) {\n var Element = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n headerClassName: headerClassName,\n labelClassName: labelClassName,\n paragraphClassName: paragraphClassName\n });\n };\n var getCustomElement = function getCustomElement(item) {\n if (!item.component || typeof item.component !== 'function') {\n item.component = _stores_registry__WEBPACK_IMPORTED_MODULE_7___default().get(item.key);\n if (!item.component) {\n console.error(\"\".concat(item.element, \" was not registered\"));\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref6) {\n var _ref6$field = _ref6.field,\n _onChange2 = _ref6$field.onChange,\n onBlur = _ref6$field.onBlur,\n value = _ref6$field.value,\n name = _ref6$field.name,\n ref = _ref6$field.ref,\n _ref6$fieldState = _ref6.fieldState,\n invalid = _ref6$fieldState.invalid,\n isTouched = _ref6$fieldState.isTouched,\n isDirty = _ref6$fieldState.isDirty,\n error = _ref6$fieldState.error,\n formState = _ref6.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange2(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n };\n var getFieldRules = function getFieldRules(item) {\n var fieldRules = {};\n if (item.fieldRules !== undefined && item.fieldRules !== null) {\n fieldRules = _objectSpread({}, item.fieldRules);\n }\n if (item.required) {\n fieldRules.required = \"\".concat(item.label, \" is required\");\n }\n return fieldRules;\n };\n var handleRenderSubmit = function handleRenderSubmit() {\n var actionName = actionName || 'Submit';\n var buttonProps = {};\n if (formId) {\n buttonProps.form = formId;\n }\n return submitButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"primary\",\n type: \"submit\"\n }, actionName);\n };\n var handleRenderBack = function handleRenderBack() {\n var backName = backName || 'Cancel';\n return backButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"secondary\",\n onClick: backAction,\n className: \"btn-cancel\"\n }, backName);\n };\n var getFieldElement = function getFieldElement(item) {\n var _ref7, _ref8, _ref9;\n if (!item) return null;\n item.fieldRules = getFieldRules(item);\n item.print = print !== null && print !== void 0 ? print : false;\n item.readOnly = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;\n item.hideLabel = (_ref8 = hideLabels || item.hideLabel) !== null && _ref8 !== void 0 ? _ref8 : false;\n item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;\n item.mutable = true;\n item.staticVariables = staticVariables;\n switch (item.element) {\n case 'RadioButtons':\n case 'Range':\n case 'Checkbox':\n return getInputElement(item);\n case 'Rating':\n case 'Tags':\n case 'Dropdown':\n case 'TextInput':\n case 'EmailInput':\n case 'NumberInput':\n case 'TextArea':\n case 'PhoneNumber':\n case 'DatePicker':\n return getStandardElement(item);\n case 'CustomElement':\n return getCustomElement(item);\n case 'MultiColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.MultiColumnRow);\n case 'ThreeColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.ThreeColumnRow);\n case 'TwoColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.TwoColumnRow);\n case 'Step':\n return getContainerElement(item, _step__WEBPACK_IMPORTED_MODULE_5__.Step);\n case 'Fieldset':\n return getContainerElement(item, _fieldset__WEBPACK_IMPORTED_MODULE_4__.Fieldset);\n case 'Signature':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref10) {\n var _ref10$field = _ref10.field,\n _onChange3 = _ref10$field.onChange,\n onBlur = _ref10$field.onBlur,\n value = _ref10$field.value,\n name = _ref10$field.name,\n ref = _ref10$field.ref,\n _ref10$fieldState = _ref10.fieldState,\n invalid = _ref10$fieldState.invalid,\n isTouched = _ref10$fieldState.isTouched,\n isDirty = _ref10$fieldState.isDirty,\n error = _ref10$fieldState.error,\n formState = _ref10.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Signature, {\n methods: methods,\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange3(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n item: item\n });\n }\n });\n case 'Checkboxes':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _optionsDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref11) {\n var _ref11$field = _ref11.field,\n _onChange4 = _ref11$field.onChange,\n onBlur = _ref11$field.onBlur,\n value = _ref11$field.value,\n name = _ref11$field.name,\n ref = _ref11$field.ref,\n _ref11$fieldState = _ref11.fieldState,\n invalid = _ref11$fieldState.invalid,\n isTouched = _ref11$fieldState.isTouched,\n isDirty = _ref11$fieldState.isDirty,\n error = _ref11$fieldState.error,\n formState = _ref11.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Checkboxes, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange4(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null\n });\n }\n });\n case 'Image':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Image, {\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Download':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Download, {\n downloadPath: downloadPath,\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Camera':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref12) {\n var _ref12$field = _ref12.field,\n _onChange5 = _ref12$field.onChange,\n onBlur = _ref12$field.onBlur,\n value = _ref12$field.value,\n name = _ref12$field.name,\n ref = _ref12$field.ref,\n _ref12$fieldState = _ref12.fieldState,\n invalid = _ref12$fieldState.invalid,\n isTouched = _ref12$fieldState.isTouched,\n isDirty = _ref12$fieldState.isDirty,\n error = _ref12$fieldState.error,\n formState = _ref12.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Camera, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange5(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n case 'FileUpload':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref13) {\n var _ref13$field = _ref13.field,\n _onChange6 = _ref13$field.onChange,\n onBlur = _ref13$field.onBlur,\n value = _ref13$field.value,\n name = _ref13$field.name,\n ref = _ref13$field.ref,\n _ref13$fieldState = _ref13.fieldState,\n invalid = _ref13$fieldState.invalid,\n isTouched = _ref13$fieldState.isTouched,\n isDirty = _ref13$fieldState.isDirty,\n error = _ref13$fieldState.error,\n formState = _ref13.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.FileUpload, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange6(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n default:\n return getSimpleElement(item);\n }\n };\n\n //#endregion\n\n var dataItems = activeStep ? [activeStep] : [];\n if (displayShort) {\n dataItems = activeStep ? [activeStep].filter(function (i) {\n return i.alternateForm === true;\n }) : [];\n }\n dataItems.forEach(function (item) {\n if (item && item.readOnly && item.variableKey && variables[item.variableKey]) {\n answerData.current[item.fieldName] = variables[item.variableKey];\n }\n });\n var stepItems = dataItems.filter(function (x) {\n return !x.parentId && x.element === 'Step';\n }).map(function (item) {\n return getFieldElement(item);\n });\n var formProps = {};\n if (formId) {\n formProps.id = formId;\n }\n react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n answerData.current = _convert(answers);\n }, [answers]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"react-survey-builder-form\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.FormProvider, methods, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], _extends({\n onSubmit: methods.handleSubmit(handleSubmit)\n }, formProps), stepItems, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: buttonClassName ? buttonClassName : 'btn-toolbar'\n }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReactSurveyFormSteps);\n\n//# sourceURL=webpack://react-survey-builder/./src/form-steps.jsx?");
|
|
932
932
|
|
|
933
933
|
/***/ }),
|
|
934
934
|
|
|
@@ -939,7 +939,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
939
939
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
940
940
|
|
|
941
941
|
"use strict";
|
|
942
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _multi_column__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multi-column */ \"./src/multi-column/index.js\");\n/* harmony import */ var _fieldset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fieldset */ \"./src/fieldset/index.js\");\n/* harmony import */ var _step__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./step */ \"./src/step/index.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./stores/registry */ \"./src/stores/registry.js\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_stores_registry__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\nvar ReactSurvey = function ReactSurvey(_ref) {\n var _ref$validateForCorre = _ref.validateForCorrectness,\n validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,\n _ref$displayShort = _ref.displayShort,\n displayShort = _ref$displayShort === void 0 ? false : _ref$displayShort,\n _ref$readOnly = _ref.readOnly,\n readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,\n downloadPath = _ref.downloadPath,\n answers = _ref.answers,\n onSubmit = _ref.onSubmit,\n onChange = _ref.onChange,\n items = _ref.items,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,\n _ref$backButton = _ref.backButton,\n backButton = _ref$backButton === void 0 ? false : _ref$backButton,\n _ref$backAction = _ref.backAction,\n backAction = _ref$backAction === void 0 ? null : _ref$backAction,\n _ref$hideActions = _ref.hideActions,\n hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,\n _ref$hideLabels = _ref.hideLabels,\n hideLabels = _ref$hideLabels === void 0 ? false : _ref$hideLabels,\n variables = _ref.variables,\n buttonClassName = _ref.buttonClassName,\n checkboxButtonClassName = _ref.checkboxButtonClassName,\n headerClassName = _ref.headerClassName,\n labelClassName = _ref.labelClassName,\n paragraphClassName = _ref.paragraphClassName,\n formId = _ref.formId,\n _ref$print = _ref.print,\n print = _ref$print === void 0 ? false : _ref$print;\n //#region useForms\n\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_9__.useForm)({\n mode: 'all',\n reValidateMode: 'onChange',\n criteriaMode: 'all',\n shouldFocusError: true,\n shouldUnregister: true\n });\n\n //#endregion\n //#region helper functions\n\n var _convert = function _convert($dataAnswers) {\n if (Array.isArray($dataAnswers)) {\n var result = {};\n $dataAnswers.forEach(function (answer) {\n result[answer.name] = answer.value;\n });\n return result;\n }\n return $dataAnswers || {};\n };\n var form = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();\n var inputs = react__WEBPACK_IMPORTED_MODULE_0___default().useRef({});\n var answerData = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(_convert(answers));\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n formAnswers = _React$useState2[0],\n setFormAnswers = _React$useState2[1];\n var _getDefaultValue = function _getDefaultValue($dataItem) {\n var defaultValue = answerData.current[$dataItem.fieldName];\n if ($dataItem.element === 'DatePicker') {\n var _$dataItem$defaultTod;\n var defaultToday = (_$dataItem$defaultTod = $dataItem.defaultToday) !== null && _$dataItem$defaultTod !== void 0 ? _$dataItem$defaultTod : false;\n if (defaultToday && (defaultValue === '' || defaultValue === undefined)) {\n var today = new Date();\n var dd = today.getDate();\n var mm = today.getMonth() + 1;\n var yyyy = today.getFullYear();\n if (dd < 10) {\n dd = '0' + dd;\n }\n if (mm < 10) {\n mm = '0' + mm;\n }\n today = mm + '/' + dd + '/' + yyyy;\n defaultValue = today;\n }\n }\n if ($dataItem.element === 'Checkbox') {\n var _$dataItem$defaultChe;\n var defaultChecked = (_$dataItem$defaultChe = $dataItem.defaultChecked) !== null && _$dataItem$defaultChe !== void 0 ? _$dataItem$defaultChe : false;\n if (defaultChecked === true) {\n defaultValue = true;\n }\n }\n if (defaultValue === undefined) {\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'Tags') {\n defaultValue = [];\n } else if ($dataItem.element === 'NumberInput' || $dataItem.element === 'Range') {\n var _$dataItem$minValue;\n defaultValue = (_$dataItem$minValue = $dataItem.minValue) !== null && _$dataItem$minValue !== void 0 ? _$dataItem$minValue : 0;\n } else {\n defaultValue = '';\n }\n }\n return defaultValue;\n };\n var _optionsDefaultValue = function _optionsDefaultValue($dataItem) {\n var defaultValue = _getDefaultValue($dataItem);\n if (defaultValue) {\n return defaultValue;\n }\n var defaultChecked = [];\n $dataItem.options.forEach(function (option) {\n if (answerData.current[\"option_\".concat(option.key)]) {\n defaultChecked.push(option.key);\n }\n });\n return defaultChecked;\n };\n var _getItemValue = function _getItemValue($dataItem, ref) {\n var _ref$inputField;\n var $item = {\n element: $dataItem.element,\n value: ''\n };\n var $formData = methods === null || methods === void 0 ? void 0 : methods.getValues();\n if ($dataItem.element === 'Rating') {\n $item.value = ref.inputField.current.state.rating;\n } else if ($dataItem.element === 'Tags') {\n $item.value = $formData[$dataItem.fieldName];\n // } else if (item.element === 'DatePicker') {\n // \t$item.value = ref.state.value;\n } else if ($dataItem.element === 'Camera') {\n $item.value = ref.state.img;\n } else if ($dataItem.element === 'FileUpload') {\n $item.value = ref.state.fileUpload;\n } else if ($dataItem.element === 'Signature') {\n $item.value = ref.state.value;\n } else if (ref && ref !== null && ref !== void 0 && ref.inputField && ref !== null && ref !== void 0 && (_ref$inputField = ref.inputField) !== null && _ref$inputField !== void 0 && _ref$inputField.current) {\n $item = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.inputField.current);\n if ($item && typeof $item.value === 'string') {\n $item.value = $item.value.trim();\n }\n } else {\n $item.value = $formData[$dataItem.fieldName];\n }\n return $item;\n };\n var _isIncorrect = function _isIncorrect($dataItem) {\n var incorrect = false;\n var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'Rating', 'Range'].indexOf($dataItem.element) !== -1;\n if (canHaveAnswer) {\n var ref = inputs.current[$dataItem.fieldName];\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'RadioButtons') {\n $dataItem.options.forEach(function (option) {\n var $option = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.options[\"child_ref_\".concat(option.key)]);\n if (option.hasOwnProperty('correct') && !$option.checked || !option.hasOwnProperty('correct') && $option.checked) {\n incorrect = true;\n }\n });\n } else {\n var $item = _getItemValue($dataItem, ref);\n if ($dataItem.element === 'Rating' || $dataItem.element === 'Range' || $dataItem.element === 'NumberInput') {\n // number to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($dataItem.element === 'Checkbox') {\n // boolean to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($item.value.toLowerCase() !== $dataItem.correct.trim().toLowerCase()) {\n incorrect = true;\n }\n }\n }\n return incorrect;\n };\n var _collectFormData = function _collectFormData($dataItems, $formData) {\n var formData = [];\n $dataItems.filter(function (i) {\n return i[\"static\"] !== true;\n }).forEach(function (item) {\n var itemData = {\n id: item.id,\n name: item.fieldName,\n customName: item.customName || item.fieldName,\n label: item.label !== null && item.label !== undefined && item.label !== '' ? item.label.trim() : '',\n value: $formData[item.fieldName],\n required: item.required || false\n };\n if (itemData) {\n formData.push(itemData);\n }\n });\n return formData;\n };\n\n //#endregion\n //#region form methods\n\n var handleSubmit = function handleSubmit($formData, event) {\n event.preventDefault();\n var hasErrors = false;\n if (validateForCorrectness) {\n hasErrors = validateForm();\n }\n\n // Only submit if there are no errors.\n if (hasErrors === false) {\n if (onSubmit) {\n var $data = _collectFormData(items, $formData);\n onSubmit({\n formData: $formData,\n answers: $data\n });\n setFormAnswers($data);\n } else {\n var $form = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(form.current);\n $form.submit();\n }\n }\n };\n var handleChange = function handleChange(event) {\n // Call submit function on change\n var $data = _collectFormData(items, (methods === null || methods === void 0 ? void 0 : methods.getValues()) || []);\n // console.log('handleChange', $data);\n\n if (onChange) {\n onChange($data);\n }\n setFormAnswers($data);\n };\n var validateForm = function validateForm() {\n var hasErrors = false;\n var dataItems = items;\n if (displayShort) {\n dataItems = items.filter(function (i) {\n return i.alternateForm === true;\n });\n }\n dataItems.forEach(function (item) {\n if (_isIncorrect(item)) {\n if (methods) {\n methods.setError(item.fieldName, {\n type: 'incorrect',\n message: \"\".concat(item.label, \" was answered incorrectly\")\n });\n }\n hasErrors = true;\n }\n });\n return hasErrors;\n };\n var getDataItemById = function getDataItemById(id) {\n var $dataItem = items.find(function (x) {\n return x.id === id;\n });\n if ($dataItem !== undefined) {\n var _ref2, _ref3, _ref4, _$dataItem$fieldName;\n return _objectSpread(_objectSpread({}, $dataItem), {}, {\n fieldRules: getFieldRules($dataItem),\n print: print !== null && print !== void 0 ? print : false,\n readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,\n hideLabel: (_ref3 = hideLabels || $dataItem.hideLabel) !== null && _ref3 !== void 0 ? _ref3 : false,\n disabled: (_ref4 = readOnly || $dataItem.readOnly) !== null && _ref4 !== void 0 ? _ref4 : false,\n mutable: true,\n name: (_$dataItem$fieldName = $dataItem.fieldName) !== null && _$dataItem$fieldName !== void 0 ? _$dataItem$fieldName : $dataItem.name,\n key: \"form_\".concat($dataItem.id),\n item: $dataItem,\n value: _getDefaultValue($dataItem)\n });\n }\n return null;\n };\n var getStandardElement = function getStandardElement(item) {\n var _item$fieldName;\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n name: (_item$fieldName = item.fieldName) !== null && _item$fieldName !== void 0 ? _item$fieldName : item.name,\n key: \"form_\".concat(item.id),\n item: item,\n value: _getDefaultValue(item),\n onChange: handleChange\n });\n };\n var getInputElement = function getInputElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref5) {\n var _ref5$field = _ref5.field,\n _onChange = _ref5$field.onChange,\n onBlur = _ref5$field.onBlur,\n value = _ref5$field.value,\n name = _ref5$field.name,\n ref = _ref5$field.ref,\n _ref5$fieldState = _ref5.fieldState,\n invalid = _ref5$fieldState.invalid,\n isTouched = _ref5$fieldState.isTouched,\n isDirty = _ref5$fieldState.isDirty,\n error = _ref5$fieldState.error,\n formState = _ref5.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null\n });\n }\n });\n };\n var getContainerElement = function getContainerElement(item, Element) {\n var _item$childItems;\n var controls = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isListNotEmpty)(item.childItems) ? item === null || item === void 0 || (_item$childItems = item.childItems) === null || _item$childItems === void 0 ? void 0 : _item$childItems.map(function (childItem) {\n return childItem ? getFieldElement(getDataItemById(childItem)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"\\xA0\");\n }) : [];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n controls: controls,\n items: items,\n answers: formAnswers\n });\n };\n var getSimpleElement = function getSimpleElement(item) {\n var Element = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n headerClassName: headerClassName,\n labelClassName: labelClassName,\n paragraphClassName: paragraphClassName\n });\n };\n var getCustomElement = function getCustomElement(item) {\n if (!item.component || typeof item.component !== 'function') {\n item.component = _stores_registry__WEBPACK_IMPORTED_MODULE_7___default().get(item.key);\n if (!item.component) {\n console.error(\"\".concat(item.element, \" was not registered\"));\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref6) {\n var _ref6$field = _ref6.field,\n _onChange2 = _ref6$field.onChange,\n onBlur = _ref6$field.onBlur,\n value = _ref6$field.value,\n name = _ref6$field.name,\n ref = _ref6$field.ref,\n _ref6$fieldState = _ref6.fieldState,\n invalid = _ref6$fieldState.invalid,\n isTouched = _ref6$fieldState.isTouched,\n isDirty = _ref6$fieldState.isDirty,\n error = _ref6$fieldState.error,\n formState = _ref6.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange2(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n };\n var getFieldRules = function getFieldRules(item) {\n var fieldRules = {};\n if (item.fieldRules !== undefined && item.fieldRules !== null) {\n fieldRules = _objectSpread({}, item.fieldRules);\n }\n if (item.required) {\n fieldRules.required = \"\".concat(item.label, \" is required\");\n }\n return fieldRules;\n };\n var handleRenderSubmit = function handleRenderSubmit() {\n var actionName = actionName || 'Submit';\n var buttonProps = {};\n if (formId) {\n buttonProps.form = formId;\n }\n return submitButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"primary\",\n type: \"submit\"\n }, actionName);\n };\n var handleRenderBack = function handleRenderBack() {\n var backName = backName || 'Cancel';\n return backButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"secondary\",\n onClick: backAction,\n className: \"btn-cancel\"\n }, backName);\n };\n var getFieldElement = function getFieldElement(item) {\n var _ref7, _ref8, _ref9;\n if (!item) return null;\n item.fieldRules = getFieldRules(item);\n item.print = print !== null && print !== void 0 ? print : false;\n item.readOnly = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;\n item.hideLabel = (_ref8 = hideLabels || item.hideLabel) !== null && _ref8 !== void 0 ? _ref8 : false;\n item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;\n item.mutable = true;\n switch (item.element) {\n case 'RadioButtons':\n case 'Range':\n case 'Checkbox':\n return getInputElement(item);\n case 'Rating':\n case 'Tags':\n case 'Dropdown':\n case 'TextInput':\n case 'EmailInput':\n case 'NumberInput':\n case 'TextArea':\n case 'PhoneNumber':\n case 'DatePicker':\n return getStandardElement(item);\n case 'CustomElement':\n return getCustomElement(item);\n case 'MultiColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.MultiColumnRow);\n case 'ThreeColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.ThreeColumnRow);\n case 'TwoColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.TwoColumnRow);\n case 'Step':\n return getContainerElement(item, _step__WEBPACK_IMPORTED_MODULE_5__.Step);\n case 'FieldSet':\n return getContainerElement(item, _fieldset__WEBPACK_IMPORTED_MODULE_4__.FieldSet);\n case 'Signature':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref10) {\n var _ref10$field = _ref10.field,\n _onChange3 = _ref10$field.onChange,\n onBlur = _ref10$field.onBlur,\n value = _ref10$field.value,\n name = _ref10$field.name,\n ref = _ref10$field.ref,\n _ref10$fieldState = _ref10.fieldState,\n invalid = _ref10$fieldState.invalid,\n isTouched = _ref10$fieldState.isTouched,\n isDirty = _ref10$fieldState.isDirty,\n error = _ref10$fieldState.error,\n formState = _ref10.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Signature, {\n methods: methods,\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange3(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n item: item\n });\n }\n });\n case 'Checkboxes':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _optionsDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref11) {\n var _ref11$field = _ref11.field,\n _onChange4 = _ref11$field.onChange,\n onBlur = _ref11$field.onBlur,\n value = _ref11$field.value,\n name = _ref11$field.name,\n ref = _ref11$field.ref,\n _ref11$fieldState = _ref11.fieldState,\n invalid = _ref11$fieldState.invalid,\n isTouched = _ref11$fieldState.isTouched,\n isDirty = _ref11$fieldState.isDirty,\n error = _ref11$fieldState.error,\n formState = _ref11.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Checkboxes, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange4(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null\n });\n }\n });\n case 'Image':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Image, {\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Download':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Download, {\n downloadPath: downloadPath,\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Camera':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref12) {\n var _ref12$field = _ref12.field,\n _onChange5 = _ref12$field.onChange,\n onBlur = _ref12$field.onBlur,\n value = _ref12$field.value,\n name = _ref12$field.name,\n ref = _ref12$field.ref,\n _ref12$fieldState = _ref12.fieldState,\n invalid = _ref12$fieldState.invalid,\n isTouched = _ref12$fieldState.isTouched,\n isDirty = _ref12$fieldState.isDirty,\n error = _ref12$fieldState.error,\n formState = _ref12.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Camera, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange5(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n case 'FileUpload':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref13) {\n var _ref13$field = _ref13.field,\n _onChange6 = _ref13$field.onChange,\n onBlur = _ref13$field.onBlur,\n value = _ref13$field.value,\n name = _ref13$field.name,\n ref = _ref13$field.ref,\n _ref13$fieldState = _ref13.fieldState,\n invalid = _ref13$fieldState.invalid,\n isTouched = _ref13$fieldState.isTouched,\n isDirty = _ref13$fieldState.isDirty,\n error = _ref13$fieldState.error,\n formState = _ref13.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.FileUpload, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange6(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n default:\n return getSimpleElement(item);\n }\n };\n\n //#endregion\n\n var dataItems = items ? _toConsumableArray(items) : [];\n if (displayShort) {\n dataItems = items ? _toConsumableArray(items).filter(function (i) {\n return i.alternateForm === true;\n }) : [];\n }\n dataItems.forEach(function (item) {\n if (item && item.readOnly && item.variableKey && variables[item.variableKey]) {\n answerData.current[item.fieldName] = variables[item.variableKey];\n }\n });\n var fieldItems = dataItems.filter(function (x) {\n return !x.parentId;\n }).map(function (item) {\n return getFieldElement(item);\n });\n var formProps = {};\n if (formId) {\n formProps.id = formId;\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"react-survey-builder-form\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.FormProvider, methods, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], _extends({\n onSubmit: methods.handleSubmit(handleSubmit)\n }, formProps), fieldItems, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: buttonClassName ? buttonClassName : 'btn-toolbar'\n }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReactSurvey);\n\n//# sourceURL=webpack://react-survey-builder/./src/form.jsx?");
|
|
942
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _multi_column__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multi-column */ \"./src/multi-column/index.js\");\n/* harmony import */ var _fieldset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fieldset */ \"./src/fieldset/index.js\");\n/* harmony import */ var _step__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./step */ \"./src/step/index.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./stores/registry */ \"./src/stores/registry.js\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_stores_registry__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\nvar ReactSurvey = function ReactSurvey(_ref) {\n var _ref$validateForCorre = _ref.validateForCorrectness,\n validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,\n _ref$displayShort = _ref.displayShort,\n displayShort = _ref$displayShort === void 0 ? false : _ref$displayShort,\n _ref$readOnly = _ref.readOnly,\n readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,\n downloadPath = _ref.downloadPath,\n answers = _ref.answers,\n onSubmit = _ref.onSubmit,\n onChange = _ref.onChange,\n items = _ref.items,\n _ref$submitButton = _ref.submitButton,\n submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,\n _ref$backButton = _ref.backButton,\n backButton = _ref$backButton === void 0 ? false : _ref$backButton,\n _ref$backAction = _ref.backAction,\n backAction = _ref$backAction === void 0 ? null : _ref$backAction,\n _ref$hideActions = _ref.hideActions,\n hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,\n _ref$hideLabels = _ref.hideLabels,\n hideLabels = _ref$hideLabels === void 0 ? false : _ref$hideLabels,\n variables = _ref.variables,\n staticVariables = _ref.staticVariables,\n buttonClassName = _ref.buttonClassName,\n checkboxButtonClassName = _ref.checkboxButtonClassName,\n headerClassName = _ref.headerClassName,\n labelClassName = _ref.labelClassName,\n paragraphClassName = _ref.paragraphClassName,\n formId = _ref.formId,\n _ref$print = _ref.print,\n print = _ref$print === void 0 ? false : _ref$print;\n //#region useForms\n\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_9__.useForm)({\n mode: 'all',\n reValidateMode: 'onChange',\n criteriaMode: 'all',\n shouldFocusError: true,\n shouldUnregister: true\n });\n\n //#endregion\n //#region helper functions\n\n var _convert = function _convert($dataAnswers) {\n if (Array.isArray($dataAnswers)) {\n var result = {};\n $dataAnswers.forEach(function (answer) {\n result[answer.name] = answer.value;\n });\n return result;\n }\n return $dataAnswers || {};\n };\n var form = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();\n var inputs = react__WEBPACK_IMPORTED_MODULE_0___default().useRef({});\n var answerData = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(_convert(answers));\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n formAnswers = _React$useState2[0],\n setFormAnswers = _React$useState2[1];\n var _getDefaultValue = function _getDefaultValue($dataItem) {\n var defaultValue = answerData.current[$dataItem.fieldName];\n if ($dataItem.element === 'DatePicker') {\n var _$dataItem$defaultTod;\n var defaultToday = (_$dataItem$defaultTod = $dataItem.defaultToday) !== null && _$dataItem$defaultTod !== void 0 ? _$dataItem$defaultTod : false;\n if (defaultToday && (defaultValue === '' || defaultValue === undefined)) {\n var today = new Date();\n var dd = today.getDate();\n var mm = today.getMonth() + 1;\n var yyyy = today.getFullYear();\n if (dd < 10) {\n dd = '0' + dd;\n }\n if (mm < 10) {\n mm = '0' + mm;\n }\n today = mm + '/' + dd + '/' + yyyy;\n defaultValue = today;\n }\n }\n if ($dataItem.element === 'Checkbox') {\n var _$dataItem$defaultChe;\n var defaultChecked = (_$dataItem$defaultChe = $dataItem.defaultChecked) !== null && _$dataItem$defaultChe !== void 0 ? _$dataItem$defaultChe : false;\n if (defaultChecked === true) {\n defaultValue = true;\n }\n }\n if (defaultValue === undefined) {\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'Tags') {\n defaultValue = [];\n } else if ($dataItem.element === 'NumberInput' || $dataItem.element === 'Range') {\n var _$dataItem$minValue;\n defaultValue = (_$dataItem$minValue = $dataItem.minValue) !== null && _$dataItem$minValue !== void 0 ? _$dataItem$minValue : 0;\n } else {\n defaultValue = '';\n }\n }\n return defaultValue;\n };\n var _optionsDefaultValue = function _optionsDefaultValue($dataItem) {\n var defaultValue = _getDefaultValue($dataItem);\n if (defaultValue) {\n return defaultValue;\n }\n var defaultChecked = [];\n $dataItem.options.forEach(function (option) {\n if (answerData.current[\"option_\".concat(option.key)]) {\n defaultChecked.push(option.key);\n }\n });\n return defaultChecked;\n };\n var _getItemValue = function _getItemValue($dataItem, ref) {\n var _ref$inputField;\n var $item = {\n element: $dataItem.element,\n value: ''\n };\n var $formData = methods === null || methods === void 0 ? void 0 : methods.getValues();\n if ($dataItem.element === 'Rating') {\n $item.value = ref.inputField.current.state.rating;\n } else if ($dataItem.element === 'Tags') {\n $item.value = $formData[$dataItem.fieldName];\n // } else if (item.element === 'DatePicker') {\n // \t$item.value = ref.state.value;\n } else if ($dataItem.element === 'Camera') {\n $item.value = ref.state.img;\n } else if ($dataItem.element === 'FileUpload') {\n $item.value = ref.state.fileUpload;\n } else if ($dataItem.element === 'Signature') {\n $item.value = ref.state.value;\n } else if (ref && ref !== null && ref !== void 0 && ref.inputField && ref !== null && ref !== void 0 && (_ref$inputField = ref.inputField) !== null && _ref$inputField !== void 0 && _ref$inputField.current) {\n $item = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.inputField.current);\n if ($item && typeof $item.value === 'string') {\n $item.value = $item.value.trim();\n }\n } else {\n $item.value = $formData[$dataItem.fieldName];\n }\n return $item;\n };\n var _isIncorrect = function _isIncorrect($dataItem) {\n var incorrect = false;\n var canHaveAnswer = ['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags', 'Checkboxes', 'Checkbox', 'RadioButtons', 'Rating', 'Range'].indexOf($dataItem.element) !== -1;\n if (canHaveAnswer) {\n var ref = inputs.current[$dataItem.fieldName];\n if ($dataItem.element === 'Checkboxes' || $dataItem.element === 'RadioButtons') {\n $dataItem.options.forEach(function (option) {\n var $option = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref.options[\"child_ref_\".concat(option.key)]);\n if (option.hasOwnProperty('correct') && !$option.checked || !option.hasOwnProperty('correct') && $option.checked) {\n incorrect = true;\n }\n });\n } else {\n var $item = _getItemValue($dataItem, ref);\n if ($dataItem.element === 'Rating' || $dataItem.element === 'Range' || $dataItem.element === 'NumberInput') {\n // number to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($dataItem.element === 'Checkbox') {\n // boolean to string\n if ($item.value.toString() !== $dataItem.correct) {\n incorrect = true;\n }\n } else if ($item.value.toLowerCase() !== $dataItem.correct.trim().toLowerCase()) {\n incorrect = true;\n }\n }\n }\n return incorrect;\n };\n var _collectFormData = function _collectFormData($dataItems, $formData) {\n var formData = [];\n $dataItems.filter(function (i) {\n return i[\"static\"] !== true;\n }).forEach(function (item) {\n var itemData = {\n id: item.id,\n name: item.fieldName,\n customName: item.customName || item.fieldName,\n label: item.label !== null && item.label !== undefined && item.label !== '' ? item.label.trim() : '',\n value: $formData[item.fieldName],\n required: item.required || false\n };\n if (itemData) {\n formData.push(itemData);\n }\n });\n return formData;\n };\n\n //#endregion\n //#region form methods\n\n var handleSubmit = function handleSubmit($formData, event) {\n event.preventDefault();\n var hasErrors = false;\n if (validateForCorrectness) {\n hasErrors = validateForm();\n }\n\n // Only submit if there are no errors.\n if (hasErrors === false) {\n if (onSubmit) {\n var $data = _collectFormData(items, $formData);\n onSubmit({\n formData: $formData,\n answers: $data\n });\n setFormAnswers($data);\n } else {\n var $form = react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(form.current);\n $form.submit();\n }\n }\n };\n var handleChange = function handleChange(event) {\n // Call submit function on change\n var $data = _collectFormData(items, (methods === null || methods === void 0 ? void 0 : methods.getValues()) || []);\n // console.log('handleChange', $data);\n\n if (onChange) {\n onChange($data);\n }\n setFormAnswers($data);\n };\n var validateForm = function validateForm() {\n var hasErrors = false;\n var dataItems = items;\n if (displayShort) {\n dataItems = items.filter(function (i) {\n return i.alternateForm === true;\n });\n }\n dataItems.forEach(function (item) {\n if (_isIncorrect(item)) {\n if (methods) {\n methods.setError(item.fieldName, {\n type: 'incorrect',\n message: \"\".concat(item.label, \" was answered incorrectly\")\n });\n }\n hasErrors = true;\n }\n });\n return hasErrors;\n };\n var getDataItemById = function getDataItemById(id) {\n var $dataItem = items.find(function (x) {\n return x.id === id;\n });\n if ($dataItem !== undefined) {\n var _ref2, _ref3, _ref4, _$dataItem$fieldName;\n return _objectSpread(_objectSpread({}, $dataItem), {}, {\n fieldRules: getFieldRules($dataItem),\n print: print !== null && print !== void 0 ? print : false,\n readOnly: (_ref2 = readOnly || $dataItem.readOnly) !== null && _ref2 !== void 0 ? _ref2 : false,\n hideLabel: (_ref3 = hideLabels || $dataItem.hideLabel) !== null && _ref3 !== void 0 ? _ref3 : false,\n disabled: (_ref4 = readOnly || $dataItem.readOnly) !== null && _ref4 !== void 0 ? _ref4 : false,\n mutable: true,\n name: (_$dataItem$fieldName = $dataItem.fieldName) !== null && _$dataItem$fieldName !== void 0 ? _$dataItem$fieldName : $dataItem.name,\n key: \"form_\".concat($dataItem.id),\n item: $dataItem,\n defaultValue: _getDefaultValue($dataItem),\n staticVariables: staticVariables\n });\n }\n return null;\n };\n var getStandardElement = function getStandardElement(item) {\n var _item$fieldName;\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n name: (_item$fieldName = item.fieldName) !== null && _item$fieldName !== void 0 ? _item$fieldName : item.name,\n key: \"form_\".concat(item.id),\n item: item,\n defaultValue: _getDefaultValue(item),\n onChange: handleChange\n });\n };\n var getInputElement = function getInputElement(item) {\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item);\n }\n var Input = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref5) {\n var _ref5$field = _ref5.field,\n _onChange = _ref5$field.onChange,\n onBlur = _ref5$field.onBlur,\n value = _ref5$field.value,\n name = _ref5$field.name,\n ref = _ref5$field.ref,\n _ref5$fieldState = _ref5.fieldState,\n invalid = _ref5$fieldState.invalid,\n isTouched = _ref5$fieldState.isTouched,\n isDirty = _ref5$fieldState.isDirty,\n error = _ref5$fieldState.error,\n formState = _ref5.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Input, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null,\n checkboxButtonClassName: item.element === 'RadioButtons' || item.element === 'Checkbox' ? checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null : null\n });\n }\n });\n };\n var getContainerElement = function getContainerElement(item, Element) {\n var _item$childItems;\n var controls = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isObjectNotEmpty)(item) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_8__.isListNotEmpty)(item.childItems) ? item === null || item === void 0 || (_item$childItems = item.childItems) === null || _item$childItems === void 0 ? void 0 : _item$childItems.map(function (childItem) {\n return childItem ? getFieldElement(getDataItemById(childItem)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"\\xA0\");\n }) : [];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n controls: controls,\n items: items,\n answers: formAnswers\n });\n };\n var getSimpleElement = function getSimpleElement(item) {\n var Element = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"][item.element];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, {\n mutable: true,\n key: \"form_\".concat(item.id),\n item: item,\n headerClassName: headerClassName,\n labelClassName: labelClassName,\n paragraphClassName: paragraphClassName\n });\n };\n var getCustomElement = function getCustomElement(item) {\n if (!item.component || typeof item.component !== 'function') {\n item.component = _stores_registry__WEBPACK_IMPORTED_MODULE_7___default().get(item.key);\n if (!item.component) {\n console.error(\"\".concat(item.element, \" was not registered\"));\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref6) {\n var _ref6$field = _ref6.field,\n _onChange2 = _ref6$field.onChange,\n onBlur = _ref6$field.onBlur,\n value = _ref6$field.value,\n name = _ref6$field.name,\n ref = _ref6$field.ref,\n _ref6$fieldState = _ref6.fieldState,\n invalid = _ref6$fieldState.invalid,\n isTouched = _ref6$fieldState.isTouched,\n isDirty = _ref6$fieldState.isDirty,\n error = _ref6$fieldState.error,\n formState = _ref6.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange2(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n };\n var getFieldRules = function getFieldRules(item) {\n var fieldRules = {};\n if (item.fieldRules !== undefined && item.fieldRules !== null) {\n fieldRules = _objectSpread({}, item.fieldRules);\n }\n if (item.required) {\n fieldRules.required = \"\".concat(item.label, \" is required\");\n }\n return fieldRules;\n };\n var handleRenderSubmit = function handleRenderSubmit() {\n var actionName = actionName || 'Submit';\n var buttonProps = {};\n if (formId) {\n buttonProps.form = formId;\n }\n return submitButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"primary\",\n type: \"submit\"\n }, actionName);\n };\n var handleRenderBack = function handleRenderBack() {\n var backName = backName || 'Cancel';\n return backButton || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n variant: \"secondary\",\n onClick: backAction,\n className: \"btn-cancel\"\n }, backName);\n };\n var getFieldElement = function getFieldElement(item) {\n var _ref7, _ref8, _ref9;\n if (!item) return null;\n item.fieldRules = getFieldRules(item);\n item.print = print !== null && print !== void 0 ? print : false;\n item.readOnly = (_ref7 = readOnly || item.readOnly) !== null && _ref7 !== void 0 ? _ref7 : false;\n item.hideLabel = (_ref8 = hideLabels || item.hideLabel) !== null && _ref8 !== void 0 ? _ref8 : false;\n item.disabled = (_ref9 = readOnly || item.readOnly) !== null && _ref9 !== void 0 ? _ref9 : false;\n item.mutable = true;\n item.staticVariables = staticVariables;\n switch (item.element) {\n case 'RadioButtons':\n case 'Range':\n case 'Checkbox':\n return getInputElement(item);\n case 'Rating':\n case 'Tags':\n case 'Dropdown':\n case 'TextInput':\n case 'EmailInput':\n case 'NumberInput':\n case 'TextArea':\n case 'PhoneNumber':\n case 'DatePicker':\n return getStandardElement(item);\n case 'CustomElement':\n return getCustomElement(item);\n case 'MultiColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.MultiColumnRow);\n case 'ThreeColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.ThreeColumnRow);\n case 'TwoColumnRow':\n return getContainerElement(item, _multi_column__WEBPACK_IMPORTED_MODULE_3__.TwoColumnRow);\n case 'Step':\n return getContainerElement(item, _step__WEBPACK_IMPORTED_MODULE_5__.Step);\n case 'Fieldset':\n return getContainerElement(item, _fieldset__WEBPACK_IMPORTED_MODULE_4__.Fieldset);\n case 'Signature':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref10) {\n var _ref10$field = _ref10.field,\n _onChange3 = _ref10$field.onChange,\n onBlur = _ref10$field.onBlur,\n value = _ref10$field.value,\n name = _ref10$field.name,\n ref = _ref10$field.ref,\n _ref10$fieldState = _ref10.fieldState,\n invalid = _ref10$fieldState.invalid,\n isTouched = _ref10$fieldState.isTouched,\n isDirty = _ref10$fieldState.isDirty,\n error = _ref10$fieldState.error,\n formState = _ref10.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Signature, {\n methods: methods,\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange3(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n item: item\n });\n }\n });\n case 'Checkboxes':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _optionsDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref11) {\n var _ref11$field = _ref11.field,\n _onChange4 = _ref11$field.onChange,\n onBlur = _ref11$field.onBlur,\n value = _ref11$field.value,\n name = _ref11$field.name,\n ref = _ref11$field.ref,\n _ref11$fieldState = _ref11.fieldState,\n invalid = _ref11$fieldState.invalid,\n isTouched = _ref11$fieldState.isTouched,\n isDirty = _ref11$fieldState.isDirty,\n error = _ref11$fieldState.error,\n formState = _ref11.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Checkboxes, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange4(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item,\n className: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null,\n checkboxButtonClassName: checkboxButtonClassName !== null && checkboxButtonClassName !== void 0 ? checkboxButtonClassName : null\n });\n }\n });\n case 'Image':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Image, {\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Download':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Download, {\n downloadPath: downloadPath,\n key: \"form_\".concat(item.id),\n item: item\n });\n case 'Camera':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref12) {\n var _ref12$field = _ref12.field,\n _onChange5 = _ref12$field.onChange,\n onBlur = _ref12$field.onBlur,\n value = _ref12$field.value,\n name = _ref12$field.name,\n ref = _ref12$field.ref,\n _ref12$fieldState = _ref12.fieldState,\n invalid = _ref12$fieldState.invalid,\n isTouched = _ref12$fieldState.isTouched,\n isDirty = _ref12$fieldState.isDirty,\n error = _ref12$fieldState.error,\n formState = _ref12.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.Camera, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange5(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n case 'FileUpload':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.Controller, {\n key: \"form_\".concat(item.id),\n control: methods.control,\n name: item.fieldName,\n rules: item.fieldRules,\n defaultValue: _getDefaultValue(item),\n disabled: item.disabled,\n required: item.required,\n render: function render(_ref13) {\n var _ref13$field = _ref13.field,\n _onChange6 = _ref13$field.onChange,\n onBlur = _ref13$field.onBlur,\n value = _ref13$field.value,\n name = _ref13$field.name,\n ref = _ref13$field.ref,\n _ref13$fieldState = _ref13.fieldState,\n invalid = _ref13$fieldState.invalid,\n isTouched = _ref13$fieldState.isTouched,\n isDirty = _ref13$fieldState.isDirty,\n error = _ref13$fieldState.error,\n formState = _ref13.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements__WEBPACK_IMPORTED_MODULE_2__.FileUpload, {\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange6(e);\n handleChange(e);\n },\n value: value,\n name: name,\n ref: function ref(c) {\n return inputs.current[item.fieldName] = c;\n },\n isInvalid: invalid,\n item: item\n });\n }\n });\n default:\n return getSimpleElement(item);\n }\n };\n\n //#endregion\n\n var dataItems = items ? _toConsumableArray(items) : [];\n if (displayShort) {\n dataItems = items ? _toConsumableArray(items).filter(function (i) {\n return i.alternateForm === true;\n }) : [];\n }\n dataItems.forEach(function (item) {\n if (item && item.readOnly && item.variableKey && variables[item.variableKey]) {\n answerData.current[item.fieldName] = variables[item.variableKey];\n }\n });\n var fieldItems = dataItems.filter(function (x) {\n return !x.parentId;\n }).map(function (item) {\n return getFieldElement(item);\n });\n var formProps = {};\n if (formId) {\n formProps.id = formId;\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"react-survey-builder-form\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_9__.FormProvider, methods, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__[\"default\"], _extends({\n onSubmit: methods.handleSubmit(handleSubmit)\n }, formProps), fieldItems, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: buttonClassName ? buttonClassName : 'btn-toolbar'\n }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReactSurvey);\n\n//# sourceURL=webpack://react-survey-builder/./src/form.jsx?");
|
|
943
943
|
|
|
944
944
|
/***/ }),
|
|
945
945
|
|
|
@@ -950,7 +950,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
950
950
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
951
951
|
|
|
952
952
|
"use strict";
|
|
953
|
-
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 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 registry: (_stores_registry__WEBPACK_IMPORTED_MODULE_7___default()),\n editElement: editElement,\n setEditElement: setEditElement,\n renderEditForm: renderEditForm,\n saveAlways: saveAlways\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.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?");
|
|
953
|
+
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 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 })), /*#__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.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?");
|
|
954
954
|
|
|
955
955
|
/***/ }),
|
|
956
956
|
|
|
@@ -972,7 +972,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
972
972
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
973
973
|
|
|
974
974
|
"use strict";
|
|
975
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dnd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-dnd */ \"./node_modules/react-dnd/dist/esm/index.js\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _ItemTypes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ItemTypes */ \"./src/ItemTypes.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../stores/registry */ \"./src/stores/registry.js\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_stores_registry__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _stores_store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../stores/store */ \"./src/stores/store.js\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/objectUtils */ \"./src/utils/objectUtils.js\");\nvar _excluded = [\"onDropSuccess\", \"seq\", \"draggedItem\", \"parentIndex\", \"canDrop\", \"isOver\", \"isOverCurrent\", \"connectDropTarget\", \"items\", \"col\", \"getItemById\"];\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 _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 _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); }\n\n\n\n\n\n\n\n\nfunction getCustomElement(item, props) {\n var _item$fieldName;\n if (!item.component || typeof item.component !== 'function') {\n item.component = _stores_registry__WEBPACK_IMPORTED_MODULE_4___default().get(item.key);\n if (!item.component) {\n console.error(\"\".concat(item.element, \" was not registered\"));\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _extends({}, props, {\n mutable: false,\n key: \"form_\".concat(item.id),\n id: item.id,\n name: (_item$fieldName = item.fieldName) !== null && _item$fieldName !== void 0 ? _item$fieldName : item.name,\n item: _objectSpread(_objectSpread({}, item), {}, {\n mutable: false,\n readOnly: false,\n print: false\n })\n }));\n}\nvar getElement = function getElement(item, props) {\n var _item$fieldName2;\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item, props);\n }\n console.log('getDustbinElement', item);\n var Element = _survey_elements__WEBPACK_IMPORTED_MODULE_1__[\"default\"][item.element || item.key];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, _extends({}, props, {\n id: item.id,\n key: \"form_\".concat(item.id),\n name: (_item$fieldName2 = item.fieldName) !== null && _item$fieldName2 !== void 0 ? _item$fieldName2 : item.name,\n mutable: false,\n item: _objectSpread(_objectSpread({}, item), {}, {\n mutable: false,\n readOnly: false,\n print: false\n })\n }));\n};\nvar getStyle = function getStyle(backgroundColor) {\n return {\n border: '1px dashed rgba(0,0,0,0.2)',\n minHeight: '2rem',\n minWidth: '7rem',\n width: '100%',\n backgroundColor: backgroundColor,\n padding: 0,\n \"float\": 'left'\n };\n};\nvar isContainer = function isContainer(containerItem) {\n if (containerItem.itemType !== _ItemTypes__WEBPACK_IMPORTED_MODULE_2__[\"default\"].CARD) {\n var item = containerItem.item;\n if (item) {\n if (item.isContainer) {\n return true;\n }\n if (item.fieldName) {\n return item.fieldName.indexOf('_col_row') > -1;\n }\n }\n }\n return false;\n};\nvar Dustbin = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {\n var onDropSuccess = _ref.onDropSuccess,\n seq = _ref.seq,\n draggedItem = _ref.draggedItem,\n parentIndex = _ref.parentIndex,\n canDrop = _ref.canDrop,\n isOver = _ref.isOver,\n isOverCurrent = _ref.isOverCurrent,\n connectDropTarget = _ref.connectDropTarget,\n items = _ref.items,\n col = _ref.col,\n getItemById = _ref.getItemById,\n otherProps = _objectWithoutProperties(_ref, _excluded);\n var item = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_6__.isListNotEmpty)(items) ? getItemById(items[col]) : null;\n react__WEBPACK_IMPORTED_MODULE_0___default().useImperativeHandle(ref, function () {\n return {\n onDrop: function onDrop(dropped) {\n console.log(\"dropped item\", dropped);\n var item = dropped.item;\n if (item) {\n if (onDropSuccess) {\n onDropSuccess();\n }\n _stores_store__WEBPACK_IMPORTED_MODULE_5__[\"default\"].dispatch('deleteLastItem');\n }\n }\n };\n }, []);\n var element = getElement(item, otherProps);\n var sameCard = draggedItem ? draggedItem.index === parentIndex : false;\n\n // console.log('dragIndex:',draggedItem?.index)\n // console.log('HoverIndex:',parentIndex)\n // console.log('SameCard:',sameCard)\n\n var backgroundColor = 'rgba(0, 0, 0, .03)';\n if (!sameCard && isOver && canDrop && !draggedItem.item.isContainer) {\n backgroundColor = '#F7F589';\n }\n\n // console.log('sameCard, canDrop', sameCard, canDrop);\n return connectDropTarget( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n style: !sameCard ? getStyle(backgroundColor) : getStyle('rgba(0, 0, 0, .03')\n }, !element && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"w-100 text-center\",\n style: {\n margin: 20\n }\n }, \"Drop your element here \"), element));\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,react_dnd__WEBPACK_IMPORTED_MODULE_7__.DropTarget)(function (props) {\n return props.accepts;\n}, {\n drop: function drop(props, monitor, component) {\n console.log('droptargetprops', props);\n if (!component) {\n return;\n }\n\n // //Do nothing whith busy dustbin\n // if(props.items[props.col]) return;\n // Allow swap column if target and source are in same multi column row\n var isBusy = !!props.items[props.col];\n var item = monitor.getItem();\n console.log('dustbin', props, item, isBusy);\n\n // Do nothing when moving the box inside the same column\n if (props.col === item.col && props.items[props.col] === item.id) return;\n\n // Do not allow replace component other than both items in same multi column row\n if (item.col === undefined && props.items[props.col]) {\n //store.dispatch('resetLastItem');\n //console.log('dropping item in dustbin');\n //store.dispatch('deleteLastItem');\n return;\n }\n if (!isContainer(item)) {\n component.onDrop(item);\n console.log(\"calling on Drop from 137\", item);\n if (item.item && typeof props.setAsChild === 'function') {\n console.log('setAsChild function being called');\n var isNew = !item.item.id;\n var $dataItem = isNew ? item.onCreate(item.item) : item.item;\n props.setAsChild(props.item, $dataItem, isNew, item.index, props.col, isBusy);\n }\n }\n }\n}, function (connect, monitor) {\n return {\n connectDropTarget: connect.dropTarget(),\n draggedItem: monitor.getItem() ? monitor.getItem() : null,\n isOver: monitor.isOver(),\n isOverCurrent: monitor.isOver({\n shallow: true\n }),\n canDrop: monitor.canDrop()\n };\n})(Dustbin));\n\n//# sourceURL=webpack://react-survey-builder/./src/multi-column/dustbin.jsx?");
|
|
975
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dnd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-dnd */ \"./node_modules/react-dnd/dist/esm/index.js\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _ItemTypes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ItemTypes */ \"./src/ItemTypes.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../stores/registry */ \"./src/stores/registry.js\");\n/* harmony import */ var _stores_registry__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_stores_registry__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _stores_store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../stores/store */ \"./src/stores/store.js\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/objectUtils */ \"./src/utils/objectUtils.js\");\nvar _excluded = [\"onDropSuccess\", \"seq\", \"draggedItem\", \"parentIndex\", \"canDrop\", \"isOver\", \"isOverCurrent\", \"connectDropTarget\", \"items\", \"col\", \"getItemById\"];\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 _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 _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); }\n\n\n\n\n\n\n\n\nfunction getCustomElement(item, props) {\n var _item$fieldName;\n if (!item.component || typeof item.component !== 'function') {\n item.component = _stores_registry__WEBPACK_IMPORTED_MODULE_4___default().get(item.key);\n if (!item.component) {\n console.error(\"\".concat(item.element, \" was not registered\"));\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _extends({}, props, {\n mutable: false,\n key: \"form_\".concat(item.id),\n id: item.id,\n name: (_item$fieldName = item.fieldName) !== null && _item$fieldName !== void 0 ? _item$fieldName : item.name,\n item: _objectSpread(_objectSpread({}, item), {}, {\n mutable: false,\n readOnly: false,\n print: false\n })\n }));\n}\nvar getElement = function getElement(item, props) {\n var _item$fieldName2;\n if (!item) return null;\n if (item.custom) {\n return getCustomElement(item, props);\n }\n // console.log('getDustbinElement', item);\n var Element = _survey_elements__WEBPACK_IMPORTED_MODULE_1__[\"default\"][item.element || item.key];\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Element, _extends({}, props, {\n id: item.id,\n key: \"form_\".concat(item.id),\n name: (_item$fieldName2 = item.fieldName) !== null && _item$fieldName2 !== void 0 ? _item$fieldName2 : item.name,\n mutable: false,\n item: _objectSpread(_objectSpread({}, item), {}, {\n mutable: false,\n readOnly: false,\n print: false\n })\n }));\n};\nvar getStyle = function getStyle(backgroundColor) {\n return {\n border: '1px dashed rgba(0,0,0,0.2)',\n minHeight: '2rem',\n minWidth: '7rem',\n width: '100%',\n backgroundColor: backgroundColor,\n padding: 0,\n \"float\": 'left'\n };\n};\nvar isContainer = function isContainer(containerItem) {\n if (containerItem.itemType !== _ItemTypes__WEBPACK_IMPORTED_MODULE_2__[\"default\"].CARD) {\n var item = containerItem.item;\n if (item) {\n if (item.isContainer) {\n return true;\n }\n if (item.fieldName) {\n return item.fieldName.indexOf('_col_row') > -1;\n }\n }\n }\n return false;\n};\nvar Dustbin = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {\n var onDropSuccess = _ref.onDropSuccess,\n seq = _ref.seq,\n draggedItem = _ref.draggedItem,\n parentIndex = _ref.parentIndex,\n canDrop = _ref.canDrop,\n isOver = _ref.isOver,\n isOverCurrent = _ref.isOverCurrent,\n connectDropTarget = _ref.connectDropTarget,\n items = _ref.items,\n col = _ref.col,\n getItemById = _ref.getItemById,\n otherProps = _objectWithoutProperties(_ref, _excluded);\n var item = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_6__.isListNotEmpty)(items) ? getItemById(items[col]) : null;\n react__WEBPACK_IMPORTED_MODULE_0___default().useImperativeHandle(ref, function () {\n return {\n onDrop: function onDrop(dropped) {\n // console.log(\"dropped item\", dropped);\n var item = dropped.item;\n if (item) {\n if (onDropSuccess) {\n onDropSuccess();\n }\n _stores_store__WEBPACK_IMPORTED_MODULE_5__[\"default\"].dispatch('deleteLastItem');\n }\n }\n };\n }, []);\n var element = getElement(item, otherProps);\n var sameCard = draggedItem ? draggedItem.index === parentIndex : false;\n\n // console.log('dragIndex:',draggedItem?.index)\n // console.log('HoverIndex:',parentIndex)\n // console.log('SameCard:',sameCard)\n\n var backgroundColor = 'rgba(0, 0, 0, .03)';\n if (!sameCard && isOver && canDrop && !draggedItem.item.isContainer) {\n backgroundColor = '#F7F589';\n }\n\n // console.log('sameCard, canDrop', sameCard, canDrop);\n return connectDropTarget( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n style: !sameCard ? getStyle(backgroundColor) : getStyle('rgba(0, 0, 0, .03')\n }, !element && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"w-100 text-center\",\n style: {\n margin: 20\n }\n }, \"Drop your element here \"), element));\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,react_dnd__WEBPACK_IMPORTED_MODULE_7__.DropTarget)(function (props) {\n return props.accepts;\n}, {\n drop: function drop(props, monitor, component) {\n // console.log('droptargetprops', props)\n if (!component) {\n return;\n }\n\n // //Do nothing with busy dustbin\n // if(props.items[props.col]) return;\n // Allow swap column if target and source are in same multi column row\n var isBusy = !!props.items[props.col];\n var item = monitor.getItem();\n\n // console.log('dustbin', props, item, isBusy);\n\n // Do nothing when moving the box inside the same column\n if (props.col === item.col && props.items[props.col] === item.id) return;\n\n // Do not allow replace component other than both items in same multi column row\n if (item.col === undefined && props.items[props.col]) {\n //store.dispatch('resetLastItem');\n //console.log('dropping item in dustbin');\n //store.dispatch('deleteLastItem');\n return;\n }\n\n // do not allow an existing child to be dropped in the dropzone as it will duplicate the child with the same id for both instances\n if ((props.item.element === 'Fieldset' || props.item.element === 'Step') && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_6__.isListNotEmpty)(props.item.childItems) && item.col === props.item.childItems.length) {\n return;\n }\n if (!isContainer(item)) {\n component.onDrop(item);\n // console.log(\"calling on Drop from 137\", item)\n if (item.item && typeof props.setAsChild === 'function') {\n // console.log('setAsChild function being called');\n var isNew = !item.item.id;\n var $dataItem = isNew ? item.onCreate(item.item) : item.item;\n props.setAsChild(props.item, $dataItem, isNew, item.index, props.col, isBusy);\n }\n }\n }\n}, function (connect, monitor) {\n return {\n connectDropTarget: connect.dropTarget(),\n draggedItem: monitor.getItem() ? monitor.getItem() : null,\n isOver: monitor.isOver(),\n isOverCurrent: monitor.isOver({\n shallow: true\n }),\n canDrop: monitor.canDrop()\n };\n})(Dustbin));\n\n//# sourceURL=webpack://react-survey-builder/./src/multi-column/dustbin.jsx?");
|
|
976
976
|
|
|
977
977
|
/***/ }),
|
|
978
978
|
|
|
@@ -994,7 +994,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
994
994
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
995
995
|
|
|
996
996
|
"use strict";
|
|
997
|
-
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 _stores_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./stores/store */ \"./src/stores/store.js\");\n/* harmony import */ var _survey_dynamic_edit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-dynamic-edit */ \"./src/survey-dynamic-edit.jsx\");\n/* harmony import */ var _sortable_form_elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./sortable-form-elements */ \"./src/sortable-form-elements.jsx\");\n/* harmony import */ var _survey_elements_component_drag_layer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./survey-elements/component-drag-layer */ \"./src/survey-elements/component-drag-layer.jsx\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\nvar PlaceHolder = _sortable_form_elements__WEBPACK_IMPORTED_MODULE_3__[\"default\"].PlaceHolder;\nvar Preview = function Preview(_ref) {\n var _ref$items = _ref.items,\n loadItems = _ref$items === void 0 ? [] : _ref$items,\n _ref$showCorrectColum = _ref.showCorrectColumn,\n showCorrectColumn = _ref$showCorrectColum === void 0 ? false : _ref$showCorrectColum,\n _ref$showDescription = _ref.showDescription,\n showDescription = _ref$showDescription === void 0 ? false : _ref$showDescription,\n _ref$files = _ref.files,\n files = _ref$files === void 0 ? [] : _ref$files,\n renderEditForm = _ref.renderEditForm,\n onLoad = _ref.onLoad,\n onPost = _ref.onPost,\n className = _ref.className,\n _ref$editMode = _ref.editMode,\n editMode = _ref$editMode === void 0 ? false : _ref$editMode,\n setEditMode = _ref.setEditMode,\n _ref$editElement = _ref.editElement,\n editElement = _ref$editElement === void 0 ? null : _ref$editElement,\n setEditElement = _ref.setEditElement,\n _ref$variables = _ref.variables,\n variables = _ref$variables === void 0 ? {} : _ref$variables,\n url = _ref.url,\n saveUrl = _ref.saveUrl,\n _ref$saveAlways = _ref.saveAlways,\n saveAlways = _ref$saveAlways === void 0 ? false : _ref$saveAlways,\n registry = _ref.registry;\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(loadItems) ? _toConsumableArray(loadItems) : []),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n items = _React$useState2[0],\n setItems = _React$useState2[1];\n var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default().useState({}),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n answerData = _React$useState4[0],\n setAnswerData = _React$useState4[1];\n var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0___default().useState(0),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n seq = _React$useState6[0],\n setSeq = _React$useState6[1];\n var editForm = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();\n var editModeOn = function editModeOn(item, e) {\n e.preventDefault();\n e.stopPropagation();\n if (editMode) {\n setEditMode(false);\n setEditElement(null);\n } else {\n setEditMode(true);\n setEditElement(item);\n }\n };\n var editModeOff = function editModeOff(e) {\n if (editForm.current && !editForm.current.contains(e.target)) {\n manualEditModeOff();\n }\n };\n var manualEditModeOff = function manualEditModeOff() {\n if (editElement && editElement.dirty) {\n editElement.dirty = false;\n _updateElement(_objectSpread(_objectSpread({}, editElement), {}, {\n dirty: false\n }));\n }\n if (editMode) {\n setEditMode(false);\n setEditElement(null);\n }\n };\n var _updateElement = function updateElement(element) {\n var updatedElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n var existingList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(items) ? _toConsumableArray(items) : [];\n var found = existingList.some(function (i) {\n return updatedElement && updatedElement.id && i.id === updatedElement.id;\n });\n var updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedElement, existingList);\n if (found) {\n setSeq(seq > 100000 ? 0 : seq + 1);\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedList);\n setEditElement(updatedElement);\n }\n };\n var _onChange = function _onChange(stateItems) {\n // console.log('_onChange', stateItems);\n var updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(stateItems) ? _toConsumableArray(stateItems) : [];\n var updatedAnswerData = _objectSpread({}, answerData);\n updatedItems.forEach(function (item) {\n if (item && item.readOnly && variables[item.variableKey]) {\n updatedAnswerData[item.fieldName] = variables[item.variableKey];\n }\n });\n setItems(updatedItems);\n setAnswerData(updatedAnswerData);\n };\n var _onDestroy = function _onDestroy(item) {\n // console.log('_onDestroy', item);\n var updatedList = _toConsumableArray(items);\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(item.childItems)) {\n item.childItems.forEach(function (childItem) {\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.removeRecord)('id', childItem === null || childItem === void 0 ? void 0 : childItem.id, _toConsumableArray(updatedList));\n });\n }\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.removeRecord)('id', item.id, _toConsumableArray(updatedList));\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedList);\n setItems(_toConsumableArray(updatedList));\n };\n var getItemById = function getItemById(id) {\n return items.find(function (x) {\n return x && x.id === id;\n });\n };\n var swapChildren = function swapChildren(item, child, col) {\n // console.log('swapping children', item, child, col);\n if (child.col !== undefined && item.id !== child.parentId) {\n return false;\n }\n if (!(child.col !== undefined && child.col !== col && item.childItems[col])) {\n // No child was assigned yet in both source and target.\n return false;\n }\n var oldItems = _toConsumableArray(items);\n var oldId = item.childItems[col];\n var oldItem = oldItems.find(function (i) {\n return i.id === oldId;\n });\n //const oldCol = child.col;\n // eslint-disable-next-line no-param-reassign\n var updatedChildItems = _toConsumableArray(item.childItems);\n updatedChildItems[child.col] = oldId;\n updatedChildItems[col] = child.id;\n var updatedItem = _objectSpread(_objectSpread({}, item), {}, {\n childItems: updatedChildItems\n });\n var updatedOldItem = _objectSpread(_objectSpread({}, oldItem), {}, {\n col: child.col\n });\n var updatedChild = _objectSpread(_objectSpread({}, child), {}, {\n col: col\n });\n var updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedItem, oldItems);\n updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedOldItem, _toConsumableArray(updatedItems));\n updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedChild, _toConsumableArray(updatedItems));\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedItems);\n setItems(updatedItems);\n return true;\n };\n var setAsChild = function setAsChild(item, child, childIsNew, childIndex, col, isBusy) {\n // console.log('saveAsChild', item, child, childIsNew, childIndex, col, isBusy);\n if (swapChildren(item, child, col)) {\n return;\n }\n if (isBusy) {\n return;\n }\n var oldItems = _toConsumableArray(items);\n\n // eslint-disable-next-line no-param-reassign\n var updatedChildItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(item.childItems) ? _toConsumableArray(item.childItems) : [];\n updatedChildItems[col] = child.id;\n var updatedItem = _objectSpread(_objectSpread({}, item), {}, {\n childItems: updatedChildItems\n });\n var updatedChild = _objectSpread(_objectSpread({}, child), {}, {\n col: col,\n parentId: item.id,\n parentIndex: oldItems.indexOf(item)\n });\n var oldParent = oldItems.find(function (i) {\n return i.id === child.parentId;\n });\n var updatedParent = null;\n if (oldParent) {\n updatedParent = _objectSpread({}, oldParent);\n var updatedParentChildItems = _toConsumableArray(oldParent.childItems);\n updatedParentChildItems[child.col] = null;\n }\n var list = oldItems.filter(function (x) {\n return x && x.parentId === item.id;\n });\n var toRemove = list.filter(function (x) {\n return item.childItems.indexOf(x.id) === -1;\n });\n var updatedList = _toConsumableArray(items);\n if (toRemove.length) {\n console.log('toRemove', toRemove);\n updatedList = updatedList.filter(function (x) {\n return toRemove.indexOf(x) === -1;\n });\n }\n if (!updatedList.find(function (i) {\n return i.id === child.id;\n })) {\n updatedList.push(updatedChild);\n }\n if (childIsNew && childIndex > -1) {\n var _oldItems$childIndex;\n // Instance where child was hovered over main drop zone first and then\n // dropped into a container, it will not be created yet due to race condition but will\n // have an index equal to the position in the main drop zone where it was hovering prior \n // to being dropped in the container. Therefore, we need to delete the item in the main \n // drop zone so that there aren't duplicates since it was intended to go into the container.\n\n // add item to toRemove list to be removed\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.removeRecord)('id', (_oldItems$childIndex = oldItems[childIndex]) === null || _oldItems$childIndex === void 0 ? void 0 : _oldItems$childIndex.id, _toConsumableArray(updatedList));\n }\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedItem, _toConsumableArray(updatedList));\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedChild, _toConsumableArray(updatedList));\n if (updatedParent) {\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedParent, _toConsumableArray(updatedList));\n }\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedList);\n setItems(updatedList);\n };\n var removeChild = function removeChild(item, col) {\n console.log('removeChild', item, col);\n var existingList = _toConsumableArray(items);\n var oldId = item.childItems[col];\n var oldItem = existingList.find(function (i) {\n return i.id === oldId;\n });\n if (oldItem) {\n var updatedListWithoutChild = existingList.filter(function (x) {\n return x !== oldItem;\n });\n // eslint-disable-next-line no-param-reassign\n var updatedItem = _objectSpread({}, item);\n // for multi-column containers, set back to null\n // for fieldsets and steps, delete it\n if (updatedItem.element === 'FieldSet' || updatedItem.element === 'Step') {\n updatedItem.childItems.splice(col, 1);\n } else {\n updatedItem.childItems[col] = null;\n }\n\n // delete oldItem.parentId;\n setSeq(seq > 100000 ? 0 : seq + 1);\n var updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedItem, _toConsumableArray(updatedListWithoutChild));\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedItems);\n setItems(updatedItems);\n }\n };\n var restoreCard = function restoreCard(item, id) {\n // console.log('restoreCard', item, id);\n var existingItems = _toConsumableArray(items);\n var parent = existingItems.find(function (i) {\n return i.id === item.item.parentId;\n });\n var oldItem = existingItems.find(function (i) {\n return i.id === id;\n });\n if (parent && oldItem) {\n var updatedParent = _objectSpread({}, parent);\n var updatedOldItem = _objectSpread({}, oldItem);\n\n // for multi-column containers, set back to null\n // for fieldsets and steps, delete it\n if (updatedParent.element === 'FieldSet' || updatedParent.element === 'Step') {\n updatedParent.childItems.splice(oldItem.col, 1);\n } else {\n updatedParent.childItems[oldItem.col] = null;\n }\n\n // eslint-disable-next-line no-param-reassign\n delete updatedOldItem.parentId;\n // eslint-disable-next-line no-param-reassign\n delete updatedOldItem.setAsChild;\n // eslint-disable-next-line no-param-reassign\n delete updatedOldItem.parentIndex;\n // eslint-disable-next-line no-param-reassign\n delete updatedOldItem.col;\n setSeq(seq > 100000 ? 0 : seq + 1);\n var updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedOldItem, _toConsumableArray(items));\n updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedParent, _toConsumableArray(updatedItems));\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedItems);\n setItems(updatedItems);\n }\n };\n var insertCard = function insertCard(item, hoverIndex, id) {\n // console.log('insertCard', item, hoverIndex, id);\n var $dataItems = _toConsumableArray(items);\n if (id) {\n restoreCard(item, id);\n } else {\n // fixed bug where cards were getting wiped out when you dragged another card over a card to insert it. card should be inserted, not replacing existing cards. If an existing card should be removed, the remove button should be used\n $dataItems.splice(hoverIndex, 0, item);\n setItems($dataItems);\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', $dataItems);\n // store.dispatch('insertItem', { ...item });\n }\n };\n var moveCard = function moveCard(dragIndex, hoverIndex) {\n // console.log('moveCard', dragIndex, hoverIndex);\n var $dataItems = _toConsumableArray(items);\n var dragCard = $dataItems[dragIndex];\n $dataItems.splice(dragIndex, 1);\n $dataItems.splice(hoverIndex, 0, dragCard);\n setItems($dataItems);\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', $dataItems);\n };\n\n // eslint-disable-next-line no-unused-vars\n var cardPlaceHolder = function cardPlaceHolder(dragIndex, hoverIndex) {\n // Dummy\n };\n var getElement = function getElement(item, index) {\n var _item$fieldName;\n if (item.custom) {\n if (!item.component || typeof item.component !== 'function') {\n // eslint-disable-next-line no-param-reassign\n item.component = registry.get(item.key);\n }\n }\n var SortableFormElement = _sortable_form_elements__WEBPACK_IMPORTED_MODULE_3__[\"default\"][item.element];\n if (SortableFormElement === null) {\n return null;\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SortableFormElement, {\n id: item.id,\n name: (_item$fieldName = item.fieldName) !== null && _item$fieldName !== void 0 ? _item$fieldName : item.name,\n seq: seq,\n index: index,\n moveCard: moveCard,\n insertCard: insertCard,\n mutable: false,\n editModeOn: editModeOn,\n isDraggable: true,\n key: item.id,\n sortData: item.id,\n item: _objectSpread(_objectSpread({}, item), {}, {\n mutable: false,\n readOnly: false,\n print: false\n }),\n getItemById: getItemById,\n setAsChild: setAsChild,\n removeChild: removeChild,\n _onDestroy: _onDestroy\n });\n };\n var showEditForm = function showEditForm() {\n var editFormProps = {\n showCorrectColumn: showCorrectColumn,\n showDescription: showDescription,\n files: files,\n manualEditModeOff: manualEditModeOff,\n element: editElement,\n setElement: setEditElement,\n updateElement: function updateElement(element) {\n return _updateElement(element);\n }\n };\n return renderEditForm(editFormProps);\n };\n react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].setExternalHandler(onLoad, onPost);\n }, [onLoad, onPost]);\n react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n setItems(loadItems);\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].subscribe(function (state) {\n _onChange(state.items);\n });\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('load', {\n loadUrl: url,\n saveUrl: saveUrl,\n items: loadItems,\n saveAlways: saveAlways\n });\n document.addEventListener('mousedown', editModeOff);\n return function () {\n document.removeEventListener('mousedown', editModeOff);\n };\n }, []);\n var dataItems = items.filter(function (x) {\n return !!x && !x.parentId;\n });\n var elementItems = dataItems.map(function (item, index) {\n return getElement(item, index);\n });\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: editMode ? className + ' is-editing' : className\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"edit-form\",\n ref: editForm\n }, editElement !== undefined && editElement !== null && showEditForm()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"Sortable\"\n }, elementItems), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PlaceHolder, {\n id: \"form-place-holder\",\n show: true,\n index: elementItems.length,\n moveCard: cardPlaceHolder,\n insertCard: insertCard\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_component_drag_layer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], null));\n};\nPreview.defaultProps = {\n showCorrectColumn: false,\n files: [],\n editMode: false,\n editElement: null,\n className: 'react-survey-builder-preview',\n renderEditForm: function renderEditForm(editFormProps) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_dynamic_edit__WEBPACK_IMPORTED_MODULE_2__[\"default\"], editFormProps);\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Preview);\n\n//# sourceURL=webpack://react-survey-builder/./src/preview.jsx?");
|
|
997
|
+
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 _stores_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./stores/store */ \"./src/stores/store.js\");\n/* harmony import */ var _survey_dynamic_edit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-dynamic-edit */ \"./src/survey-dynamic-edit.jsx\");\n/* harmony import */ var _sortable_form_elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./sortable-form-elements */ \"./src/sortable-form-elements.jsx\");\n/* harmony import */ var _survey_elements_component_drag_layer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./survey-elements/component-drag-layer */ \"./src/survey-elements/component-drag-layer.jsx\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\nvar PlaceHolder = _sortable_form_elements__WEBPACK_IMPORTED_MODULE_3__[\"default\"].PlaceHolder;\nvar Preview = function Preview(_ref) {\n var _ref$items = _ref.items,\n loadItems = _ref$items === void 0 ? [] : _ref$items,\n _ref$showCorrectColum = _ref.showCorrectColumn,\n showCorrectColumn = _ref$showCorrectColum === void 0 ? false : _ref$showCorrectColum,\n _ref$showDescription = _ref.showDescription,\n showDescription = _ref$showDescription === void 0 ? false : _ref$showDescription,\n _ref$files = _ref.files,\n files = _ref$files === void 0 ? [] : _ref$files,\n renderEditForm = _ref.renderEditForm,\n onLoad = _ref.onLoad,\n onPost = _ref.onPost,\n className = _ref.className,\n _ref$editMode = _ref.editMode,\n editMode = _ref$editMode === void 0 ? false : _ref$editMode,\n setEditMode = _ref.setEditMode,\n _ref$editElement = _ref.editElement,\n editElement = _ref$editElement === void 0 ? null : _ref$editElement,\n setEditElement = _ref.setEditElement,\n _ref$variables = _ref.variables,\n variables = _ref$variables === void 0 ? {} : _ref$variables,\n _ref$staticVariables = _ref.staticVariables,\n staticVariables = _ref$staticVariables === void 0 ? {} : _ref$staticVariables,\n checkboxButtonClassName = _ref.checkboxButtonClassName,\n headerClassName = _ref.headerClassName,\n labelClassName = _ref.labelClassName,\n paragraphClassName = _ref.paragraphClassName,\n url = _ref.url,\n saveUrl = _ref.saveUrl,\n _ref$saveAlways = _ref.saveAlways,\n saveAlways = _ref$saveAlways === void 0 ? false : _ref$saveAlways,\n registry = _ref.registry;\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(loadItems) ? _toConsumableArray(loadItems) : []),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n items = _React$useState2[0],\n setItems = _React$useState2[1];\n var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default().useState({}),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n answerData = _React$useState4[0],\n setAnswerData = _React$useState4[1];\n var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0___default().useState(0),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n seq = _React$useState6[0],\n setSeq = _React$useState6[1];\n var editForm = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();\n var editModeOn = function editModeOn(item, e) {\n e.preventDefault();\n e.stopPropagation();\n if (editMode) {\n setEditMode(false);\n setEditElement(null);\n } else {\n setEditMode(true);\n setEditElement(item);\n }\n };\n var editModeOff = function editModeOff(e) {\n if (editForm.current && !editForm.current.contains(e.target)) {\n manualEditModeOff();\n }\n };\n var manualEditModeOff = function manualEditModeOff() {\n if (editElement && editElement.dirty) {\n editElement.dirty = false;\n _updateElement(_objectSpread(_objectSpread({}, editElement), {}, {\n dirty: false\n }));\n }\n if (editMode) {\n setEditMode(false);\n setEditElement(null);\n }\n };\n var _updateElement = function updateElement(element) {\n var updatedElement = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isObjectNotEmpty)(element) ? _objectSpread({}, element) : {};\n var existingList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(items) ? _toConsumableArray(items) : [];\n var found = existingList.some(function (i) {\n return updatedElement && updatedElement.id && i.id === updatedElement.id;\n });\n var updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedElement, existingList);\n if (found) {\n setSeq(seq > 100000 ? 0 : seq + 1);\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedList);\n setEditElement(updatedElement);\n }\n };\n var _onChange = function _onChange(stateItems) {\n // console.log('_onChange', stateItems);\n var updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(stateItems) ? _toConsumableArray(stateItems) : [];\n var updatedAnswerData = _objectSpread({}, answerData);\n updatedItems.forEach(function (item) {\n if (item && item.readOnly && variables[item.variableKey]) {\n updatedAnswerData[item.fieldName] = variables[item.variableKey];\n }\n });\n setItems(updatedItems);\n setAnswerData(updatedAnswerData);\n };\n var _onDestroy = function _onDestroy(item) {\n // console.log('_onDestroy', item);\n var updatedList = _toConsumableArray(items);\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(item.childItems)) {\n item.childItems.forEach(function (childItem) {\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.removeRecord)('id', childItem === null || childItem === void 0 ? void 0 : childItem.id, _toConsumableArray(updatedList));\n });\n }\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.removeRecord)('id', item.id, _toConsumableArray(updatedList));\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedList);\n setItems(_toConsumableArray(updatedList));\n };\n var getItemById = function getItemById(id) {\n return items.find(function (x) {\n return x && x.id === id;\n });\n };\n var swapChildren = function swapChildren(item, child, col) {\n // console.log('swapping children', item, child, col);\n if (child.col !== undefined && item.id !== child.parentId) {\n return false;\n }\n if (!(child.col !== undefined && child.col !== col && item.childItems[col])) {\n // No child was assigned yet in both source and target.\n console.log('No child was assigned yet in both source and target.');\n return false;\n }\n\n // if ((item.element === 'Fieldset' || item.element === 'Step') && isListNotEmpty(item.childItems) && child.col === item.childItems.length) {\n // \treturn false;\n // }\n\n var oldItems = _toConsumableArray(items);\n var oldId = item.childItems[col];\n var oldItem = oldItems.find(function (i) {\n return i.id === oldId;\n });\n //const oldCol = child.col;\n // eslint-disable-next-line no-param-reassign\n var updatedChildItems = _toConsumableArray(item.childItems);\n updatedChildItems[child.col] = oldId;\n updatedChildItems[col] = child.id;\n var updatedItem = _objectSpread(_objectSpread({}, item), {}, {\n childItems: updatedChildItems\n });\n var updatedOldItem = _objectSpread(_objectSpread({}, oldItem), {}, {\n col: child.col\n });\n var updatedChild = _objectSpread(_objectSpread({}, child), {}, {\n col: col\n });\n var updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedItem, oldItems);\n updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedOldItem, _toConsumableArray(updatedItems));\n updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedChild, _toConsumableArray(updatedItems));\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedItems);\n setItems(updatedItems);\n return true;\n };\n var setAsChild = function setAsChild(item, child, childIsNew, childIndex, col, isBusy) {\n // console.log('saveAsChild', item, child, childIsNew, childIndex, col, isBusy);\n\n if (swapChildren(item, child, col)) {\n return;\n }\n if (isBusy) {\n return;\n }\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(item.childItems) && child.col !== undefined && col === item.childItems.length) {\n // console.log('Cannot drop in the dropzone');\n return;\n }\n var oldItems = _toConsumableArray(items);\n\n // eslint-disable-next-line no-param-reassign\n var updatedChildItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(item.childItems) ? _toConsumableArray(item.childItems) : [];\n updatedChildItems[col] = child.id;\n var updatedItem = _objectSpread(_objectSpread({}, item), {}, {\n childItems: updatedChildItems\n });\n var updatedChild = _objectSpread(_objectSpread({}, child), {}, {\n col: col,\n parentId: item.id,\n parentIndex: oldItems.indexOf(item)\n });\n var oldParent = oldItems.find(function (i) {\n return i.id === child.parentId;\n });\n var updatedParent = null;\n if (oldParent) {\n updatedParent = _objectSpread({}, oldParent);\n var updatedParentChildItems = _toConsumableArray(oldParent.childItems);\n updatedParentChildItems[child.col] = null;\n }\n var list = oldItems.filter(function (x) {\n return x && x.parentId === item.id;\n });\n var toRemove = list.filter(function (x) {\n return item.childItems.indexOf(x.id) === -1;\n });\n var updatedList = _toConsumableArray(items);\n if (toRemove.length) {\n console.log('toRemove', toRemove);\n updatedList = updatedList.filter(function (x) {\n return toRemove.indexOf(x) === -1;\n });\n }\n if (!updatedList.find(function (i) {\n return i.id === child.id;\n })) {\n updatedList.push(updatedChild);\n }\n if (childIsNew && childIndex > -1) {\n var _oldItems$childIndex;\n // Instance where child was hovered over main drop zone first and then\n // dropped into a container, it will not be created yet due to race condition but will\n // have an index equal to the position in the main drop zone where it was hovering prior \n // to being dropped in the container. Therefore, we need to delete the item in the main \n // drop zone so that there aren't duplicates since it was intended to go into the container.\n\n // add item to toRemove list to be removed\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.removeRecord)('id', (_oldItems$childIndex = oldItems[childIndex]) === null || _oldItems$childIndex === void 0 ? void 0 : _oldItems$childIndex.id, _toConsumableArray(updatedList));\n }\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedItem, _toConsumableArray(updatedList));\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedChild, _toConsumableArray(updatedList));\n if (updatedParent) {\n updatedList = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedParent, _toConsumableArray(updatedList));\n }\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedList);\n setItems(updatedList);\n };\n var removeChild = function removeChild(item, col) {\n console.log('removeChild', item, col);\n var existingList = _toConsumableArray(items);\n var oldId = item.childItems[col];\n var oldItem = existingList.find(function (i) {\n return i.id === oldId;\n });\n if (oldItem) {\n var updatedListWithoutChild = existingList.filter(function (x) {\n return x !== oldItem;\n });\n // eslint-disable-next-line no-param-reassign\n var updatedItem = _objectSpread({}, item);\n // for multi-column containers, set back to null\n // for fieldsets and steps, delete it\n if (updatedItem.element === 'Fieldset' || updatedItem.element === 'Step') {\n updatedItem.childItems.splice(col, 1);\n } else {\n updatedItem.childItems[col] = null;\n }\n\n // delete oldItem.parentId;\n setSeq(seq > 100000 ? 0 : seq + 1);\n var updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedItem, _toConsumableArray(updatedListWithoutChild));\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedItems);\n setItems(updatedItems);\n }\n };\n var restoreCard = function restoreCard(item, id) {\n // console.log('restoreCard', item, id);\n var existingItems = _toConsumableArray(items);\n var parent = existingItems.find(function (i) {\n return i.id === item.item.parentId;\n });\n var oldItem = existingItems.find(function (i) {\n return i.id === id;\n });\n if (parent && oldItem) {\n var updatedParent = _objectSpread({}, parent);\n var updatedOldItem = _objectSpread({}, oldItem);\n\n // for multi-column containers, set back to null\n // for fieldsets and steps, delete it\n if (updatedParent.element === 'Fieldset' || updatedParent.element === 'Step') {\n updatedParent.childItems.splice(oldItem.col, 1);\n } else {\n updatedParent.childItems[oldItem.col] = null;\n }\n\n // eslint-disable-next-line no-param-reassign\n delete updatedOldItem.parentId;\n // eslint-disable-next-line no-param-reassign\n delete updatedOldItem.setAsChild;\n // eslint-disable-next-line no-param-reassign\n delete updatedOldItem.parentIndex;\n // eslint-disable-next-line no-param-reassign\n delete updatedOldItem.col;\n setSeq(seq > 100000 ? 0 : seq + 1);\n var updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedOldItem, _toConsumableArray(items));\n updatedItems = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.updateRecord)('id', updatedParent, _toConsumableArray(updatedItems));\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', updatedItems);\n setItems(updatedItems);\n }\n };\n var insertCard = function insertCard(item, hoverIndex, id) {\n // console.log('insertCard', item, hoverIndex, id);\n var $dataItems = _toConsumableArray(items);\n if (id) {\n restoreCard(item, id);\n } else {\n // fixed bug where cards were getting wiped out when you dragged another card over a card to insert it. card should be inserted, not replacing existing cards. If an existing card should be removed, the remove button should be used\n $dataItems.splice(hoverIndex, 0, item);\n setItems($dataItems);\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', $dataItems);\n // store.dispatch('insertItem', { ...item });\n }\n };\n var moveCard = function moveCard(dragIndex, hoverIndex) {\n // console.log('moveCard', dragIndex, hoverIndex);\n var $dataItems = _toConsumableArray(items);\n var dragCard = $dataItems[dragIndex];\n $dataItems.splice(dragIndex, 1);\n $dataItems.splice(hoverIndex, 0, dragCard);\n setItems($dataItems);\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('updateOrder', $dataItems);\n };\n\n // eslint-disable-next-line no-unused-vars\n var cardPlaceHolder = function cardPlaceHolder(dragIndex, hoverIndex) {\n // Dummy\n };\n var getElement = function getElement(item, index) {\n var _item$fieldName;\n if (item.custom) {\n if (!item.component || typeof item.component !== 'function') {\n // eslint-disable-next-line no-param-reassign\n item.component = registry.get(item.key);\n }\n }\n var SortableFormElement = _sortable_form_elements__WEBPACK_IMPORTED_MODULE_3__[\"default\"][item.element];\n if (SortableFormElement === null) {\n return null;\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SortableFormElement, {\n id: item.id,\n name: (_item$fieldName = item.fieldName) !== null && _item$fieldName !== void 0 ? _item$fieldName : item.name,\n seq: seq,\n index: index,\n moveCard: moveCard,\n insertCard: insertCard,\n mutable: false,\n editModeOn: editModeOn,\n isDraggable: true,\n key: item.id,\n sortData: item.id,\n item: _objectSpread(_objectSpread({}, item), {}, {\n staticVariables: staticVariables,\n checkboxButtonClassName: checkboxButtonClassName,\n headerClassName: headerClassName,\n labelClassName: labelClassName,\n paragraphClassName: paragraphClassName,\n mutable: false,\n readOnly: false,\n print: false\n }),\n getItemById: getItemById,\n setAsChild: setAsChild,\n removeChild: removeChild,\n _onDestroy: _onDestroy\n });\n };\n var showEditForm = function showEditForm() {\n var editFormProps = {\n showCorrectColumn: showCorrectColumn,\n showDescription: showDescription,\n files: files,\n manualEditModeOff: manualEditModeOff,\n element: editElement,\n setElement: setEditElement,\n updateElement: function updateElement(element) {\n return _updateElement(element);\n }\n };\n return renderEditForm(editFormProps);\n };\n react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].setExternalHandler(onLoad, onPost);\n }, [onLoad, onPost]);\n react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n setItems(loadItems);\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].subscribe(function (state) {\n _onChange(state.items);\n });\n _stores_store__WEBPACK_IMPORTED_MODULE_1__[\"default\"].dispatch('load', {\n loadUrl: url,\n saveUrl: saveUrl,\n items: loadItems,\n saveAlways: saveAlways\n });\n document.addEventListener('mousedown', editModeOff);\n return function () {\n document.removeEventListener('mousedown', editModeOff);\n };\n }, []);\n var dataItems = items.filter(function (x) {\n return !!x && !x.parentId;\n });\n var elementItems = dataItems.map(function (item, index) {\n return getElement(item, index);\n });\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: editMode ? className + ' is-editing' : className\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"edit-form\",\n ref: editForm\n }, editElement !== undefined && editElement !== null && showEditForm()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"Sortable\"\n }, elementItems), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PlaceHolder, {\n id: \"form-place-holder\",\n show: true,\n index: elementItems.length,\n moveCard: cardPlaceHolder,\n insertCard: insertCard\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_elements_component_drag_layer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], null));\n};\nPreview.defaultProps = {\n showCorrectColumn: false,\n files: [],\n editMode: false,\n editElement: null,\n className: 'react-survey-builder-preview',\n renderEditForm: function renderEditForm(editFormProps) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_survey_dynamic_edit__WEBPACK_IMPORTED_MODULE_2__[\"default\"], editFormProps);\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Preview);\n\n//# sourceURL=webpack://react-survey-builder/./src/preview.jsx?");
|
|
998
998
|
|
|
999
999
|
/***/ }),
|
|
1000
1000
|
|
|
@@ -1016,7 +1016,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
1016
1016
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1017
1017
|
|
|
1018
1018
|
"use strict";
|
|
1019
|
-
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 _sortable_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sortable-element */ \"./src/sortable-element.jsx\");\n/* harmony import */ var _survey_place_holder__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./survey-place-holder */ \"./src/survey-place-holder.jsx\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _multi_column__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multi-column */ \"./src/multi-column/index.js\");\n/* harmony import */ var _fieldset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fieldset */ \"./src/fieldset/index.js\");\n/* harmony import */ var _step__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./step */ \"./src/step/index.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n\n\n\n\n\n\n\nvar Header = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Header,\n Paragraph = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Paragraph,\n ContentBody = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].ContentBody,\n Label = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Label,\n LineBreak = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].LineBreak,\n TextInput = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].TextInput,\n EmailInput = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].EmailInput,\n PhoneNumber = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].PhoneNumber,\n NumberInput = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].NumberInput,\n TextArea = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].TextArea,\n Dropdown = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Dropdown,\n Checkboxes = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Checkboxes,\n DatePicker = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].DatePicker,\n RadioButtons = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].RadioButtons,\n Image = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Image,\n Rating = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Rating,\n Tags = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Tags,\n Signature = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Signature,\n HyperLink = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].HyperLink,\n Download = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Download,\n Camera = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Camera,\n Range = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Range,\n FileUpload = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].FileUpload,\n Checkbox = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Checkbox;\nvar SortableFormElements = {};\nSortableFormElements.Header = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Header);\nSortableFormElements.Paragraph = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Paragraph);\nSortableFormElements.ContentBody = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(ContentBody);\nSortableFormElements.Label = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Label);\nSortableFormElements.LineBreak = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(LineBreak);\nSortableFormElements.TextInput = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(TextInput);\nSortableFormElements.EmailInput = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(EmailInput);\nSortableFormElements.PhoneNumber = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(PhoneNumber);\nSortableFormElements.NumberInput = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(NumberInput);\nSortableFormElements.TextArea = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(TextArea);\nSortableFormElements.Dropdown = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Dropdown);\nSortableFormElements.Signature = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Signature);\nSortableFormElements.Checkboxes = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Checkboxes);\nSortableFormElements.Checkbox = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Checkbox);\nSortableFormElements.DatePicker = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(DatePicker);\nSortableFormElements.RadioButtons = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(RadioButtons);\nSortableFormElements.Image = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Image);\nSortableFormElements.Rating = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Rating);\nSortableFormElements.Tags = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Tags);\nSortableFormElements.HyperLink = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(HyperLink);\nSortableFormElements.Download = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Download);\nSortableFormElements.Camera = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Camera);\nSortableFormElements.FileUpload = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(FileUpload);\nSortableFormElements.Range = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Range);\nSortableFormElements.PlaceHolder = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_survey_place_holder__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\nSortableFormElements.
|
|
1019
|
+
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 _sortable_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sortable-element */ \"./src/sortable-element.jsx\");\n/* harmony import */ var _survey_place_holder__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./survey-place-holder */ \"./src/survey-place-holder.jsx\");\n/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-elements */ \"./src/survey-elements/index.jsx\");\n/* harmony import */ var _multi_column__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multi-column */ \"./src/multi-column/index.js\");\n/* harmony import */ var _fieldset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fieldset */ \"./src/fieldset/index.js\");\n/* harmony import */ var _step__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./step */ \"./src/step/index.js\");\n/* harmony import */ var _survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./survey-elements/custom-element */ \"./src/survey-elements/custom-element.jsx\");\n\n\n\n\n\n\n\nvar Header = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Header,\n Paragraph = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Paragraph,\n ContentBody = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].ContentBody,\n Label = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Label,\n LineBreak = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].LineBreak,\n TextInput = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].TextInput,\n EmailInput = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].EmailInput,\n PhoneNumber = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].PhoneNumber,\n NumberInput = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].NumberInput,\n TextArea = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].TextArea,\n Dropdown = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Dropdown,\n Checkboxes = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Checkboxes,\n DatePicker = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].DatePicker,\n RadioButtons = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].RadioButtons,\n Image = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Image,\n Rating = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Rating,\n Tags = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Tags,\n Signature = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Signature,\n HyperLink = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].HyperLink,\n Download = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Download,\n Camera = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Camera,\n Range = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Range,\n FileUpload = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].FileUpload,\n Checkbox = _survey_elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Checkbox;\nvar SortableFormElements = {};\nSortableFormElements.Header = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Header);\nSortableFormElements.Paragraph = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Paragraph);\nSortableFormElements.ContentBody = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(ContentBody);\nSortableFormElements.Label = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Label);\nSortableFormElements.LineBreak = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(LineBreak);\nSortableFormElements.TextInput = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(TextInput);\nSortableFormElements.EmailInput = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(EmailInput);\nSortableFormElements.PhoneNumber = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(PhoneNumber);\nSortableFormElements.NumberInput = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(NumberInput);\nSortableFormElements.TextArea = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(TextArea);\nSortableFormElements.Dropdown = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Dropdown);\nSortableFormElements.Signature = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Signature);\nSortableFormElements.Checkboxes = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Checkboxes);\nSortableFormElements.Checkbox = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Checkbox);\nSortableFormElements.DatePicker = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(DatePicker);\nSortableFormElements.RadioButtons = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(RadioButtons);\nSortableFormElements.Image = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Image);\nSortableFormElements.Rating = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Rating);\nSortableFormElements.Tags = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Tags);\nSortableFormElements.HyperLink = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(HyperLink);\nSortableFormElements.Download = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Download);\nSortableFormElements.Camera = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Camera);\nSortableFormElements.FileUpload = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(FileUpload);\nSortableFormElements.Range = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(Range);\nSortableFormElements.PlaceHolder = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_survey_place_holder__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\nSortableFormElements.Fieldset = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_fieldset__WEBPACK_IMPORTED_MODULE_4__.Fieldset);\nSortableFormElements.TwoColumnRow = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_multi_column__WEBPACK_IMPORTED_MODULE_3__.TwoColumnRow);\nSortableFormElements.ThreeColumnRow = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_multi_column__WEBPACK_IMPORTED_MODULE_3__.ThreeColumnRow);\nSortableFormElements.MultiColumnRow = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_multi_column__WEBPACK_IMPORTED_MODULE_3__.MultiColumnRow);\nSortableFormElements.Step = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_step__WEBPACK_IMPORTED_MODULE_5__.Step);\nSortableFormElements.CustomElement = (0,_sortable_element__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_survey_elements_custom_element__WEBPACK_IMPORTED_MODULE_6__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SortableFormElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/sortable-form-elements.jsx?");
|
|
1020
1020
|
|
|
1021
1021
|
/***/ }),
|
|
1022
1022
|
|
|
@@ -1180,7 +1180,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
1180
1180
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1181
1181
|
|
|
1182
1182
|
"use strict";
|
|
1183
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ 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_20__ = __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_25__ = __webpack_require__(/*! react-icons/ri */ \"./node_modules/react-icons/ri/index.mjs\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Image.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Container.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/ToggleButton.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_15__ = __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_17__ = __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__);\nvar _excluded = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n _excluded2 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n _excluded3 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n _excluded4 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n _excluded5 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n _excluded6 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n _excluded7 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n _excluded8 = [\"name\", \"onChange\", \"value\", \"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\nvar SurveyElements = {};\nvar Header = function Header(props) {\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(props.item.content)\n }\n }));\n};\nvar ContentBody = function ContentBody(props) {\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(props.item.content)\n }\n }));\n};\nvar Paragraph = function Paragraph(props) {\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(props.item.content)\n }\n }));\n};\nvar Label = function Label(props) {\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: \"\".concat(classNames, \" form-label\"),\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(props.item.content)\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;\n var name = _ref.name,\n onChange = _ref.onChange,\n value = _ref.value,\n style = _ref.style,\n item = _ref.item,\n props = _objectWithoutProperties(_ref, _excluded);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_16__[\"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 (value !== undefined) {\n controllerProps.defaultValue = value;\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 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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n value: value,\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_16__[\"default\"].Control, _extends({\n value: value,\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_16__[\"default\"].Text, {\n muted: true\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_16__[\"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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_15__.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_16__[\"default\"].Text, {\n muted: true\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;\n var name = _ref3.name,\n onChange = _ref3.onChange,\n value = _ref3.value,\n style = _ref3.style,\n item = _ref3.item,\n props = _objectWithoutProperties(_ref3, _excluded2);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_16__[\"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 (value !== undefined) {\n controllerProps.defaultValue = value;\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 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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n value: value,\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_16__[\"default\"].Control, _extends({\n value: value,\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_16__[\"default\"].Text, {\n muted: true\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_16__[\"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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_15__.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_16__[\"default\"].Text, {\n muted: true\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;\n var name = _ref5.name,\n onChange = _ref5.onChange,\n _ref5$value = _ref5.value,\n value = _ref5$value === void 0 ? '' : _ref5$value,\n style = _ref5.style,\n item = _ref5.item,\n props = _objectWithoutProperties(_ref5, _excluded3);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_17__.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_16__[\"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 (value !== undefined) {\n controllerProps.defaultValue = value;\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 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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"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_16__[\"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_16__[\"default\"].Text, {\n muted: true\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_16__[\"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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_15__.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_16__[\"default\"].Text, {\n muted: true\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;\n var name = _ref8.name,\n onChange = _ref8.onChange,\n value = _ref8.value,\n style = _ref8.style,\n item = _ref8.item,\n props = _objectWithoutProperties(_ref8, _excluded4);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_16__[\"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 (value !== undefined) {\n controllerProps.defaultValue = value;\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 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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n value: value,\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_16__[\"default\"].Control, _extends({\n value: value,\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_16__[\"default\"].Text, {\n muted: true\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_16__[\"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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_15__.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_16__[\"default\"].Text, {\n muted: true\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;\n var name = _ref11.name,\n onChange = _ref11.onChange,\n value = _ref11.value,\n style = _ref11.style,\n item = _ref11.item,\n props = _objectWithoutProperties(_ref11, _excluded5);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_16__[\"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 (value !== undefined) {\n controllerProps.defaultValue = value;\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 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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n value: value,\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_16__[\"default\"].Control, _extends({\n value: value,\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_16__[\"default\"].Text, {\n muted: true\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_16__[\"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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_15__.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_16__[\"default\"].Text, {\n muted: true\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$required16, _item$disabled11, _item$required17;\n var name = _ref13.name,\n onChange = _ref13.onChange,\n value = _ref13.value,\n style = _ref13.style,\n item = _ref13.item,\n props = _objectWithoutProperties(_ref13, _excluded6);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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$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_16__[\"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 (value !== undefined) {\n controllerProps.defaultValue = value;\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 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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n value: value,\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_16__[\"default\"].Control, _extends({\n value: value,\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_16__[\"default\"].Text, {\n muted: true\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_16__[\"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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_15__.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_16__[\"default\"].Text, {\n muted: true\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;\n var name = _ref15.name,\n onChange = _ref15.onChange,\n value = _ref15.value,\n style = _ref15.style,\n item = _ref15.item,\n props = _objectWithoutProperties(_ref15, _excluded7);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_16__[\"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 (value !== undefined) {\n controllerProps.defaultValue = value;\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 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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Select, _extends({\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n value: value,\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_16__[\"default\"].Select, _extends({\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n value: value,\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_16__[\"default\"].Text, {\n muted: true\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_16__[\"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 === value;\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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_15__.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_16__[\"default\"].Text, {\n muted: true\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 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_16__[\"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_18__[\"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_16__[\"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_18__[\"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_19__[\"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_20__.FaTimes, null), \" clear\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"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_21__[\"default\"], null, /*#__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\"], {\n sm: 6\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"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_23__[\"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_16__[\"default\"].Text, {\n muted: true\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;\n var name = _ref18.name,\n onChange = _ref18.onChange,\n value = _ref18.value,\n style = _ref18.style,\n item = _ref18.item,\n props = _objectWithoutProperties(_ref18, _excluded8);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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 (value !== undefined) {\n controllerProps.defaultValue = value;\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 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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"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_16__[\"default\"].Text, {\n muted: true\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_16__[\"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 value === null || value === void 0 ? void 0 : 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({}, 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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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_15__.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_16__[\"default\"].Text, {\n muted: true\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 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_16__[\"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_16__[\"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_16__[\"default\"].Text, {\n muted: true\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_24__[\"default\"], _extends({\n type: \"checkbox\",\n variant: (_this4$props$checkbox = _this4.props.checkboxButtonClassName) !== null && _this4$props$checkbox !== void 0 ? _this4$props$checkbox : \"outline-light w-100\",\n className: \"btn-survey-builder-checkbox\",\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_25__.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_25__.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 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_16__[\"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_16__[\"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_24__[\"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\",\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_25__.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_25__.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_16__[\"default\"].Text, {\n muted: true\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 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_16__[\"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_16__[\"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_16__[\"default\"].Text, {\n muted: true\n }, self.props.item.help)) : null, self.props.item.options.map(function (option) {\n var _self$props$checkboxB, _self$props7, _self$props8, _self$props10, _self$props11;\n // console.log('option', option);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"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 w-100\",\n className: \"btn-survey-builder-checkbox\",\n key: \"preview_\".concat(option.key),\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n inputRef: function inputRef(c) {\n if (c && self.props.item.mutable) {\n self.options[\"child_ref_\".concat(option.key)] = c;\n }\n },\n disabled: self === null || self === void 0 || (_self$props7 = self.props) === null || _self$props7 === void 0 || (_self$props7 = _self$props7.item) === null || _self$props7 === void 0 ? void 0 : _self$props7.disabled,\n name: name,\n value: option.value,\n checked: (self === null || self === void 0 || (_self$props8 = self.props) === null || _self$props8 === void 0 ? void 0 : _self$props8.value) === option.value,\n onChange: function onChange(e) {\n var _self$props9;\n if ((self === null || self === void 0 || (_self$props9 = self.props) === null || _self$props9 === void 0 ? void 0 : _self$props9.onChange) !== undefined) {\n console.log(e.target.value);\n self.props.onChange(e.target.value);\n }\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n }, (self === null || self === void 0 || (_self$props10 = self.props) === null || _self$props10 === void 0 ? void 0 : _self$props10.value) !== option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_26__.IoRadioButtonOff, {\n size: \"40px\",\n className: \"me-3 flex-shrink-0\"\n }), (self === null || self === void 0 || (_self$props11 = self.props) === null || _self$props11 === void 0 ? void 0 : _self$props11.value) === option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_26__.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 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_18__[\"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(_ref23) {\n var _item$required25, _item$disabled17, _item$required26;\n var name = _ref23.name,\n onChange = _ref23.onChange,\n value = _ref23.value,\n style = _ref23.style,\n item = _ref23.item,\n props = _objectWithoutProperties(_ref23, _excluded9);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.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 (_ref24) {\n var _ref24$field = _ref24.field,\n onChange = _ref24$field.onChange,\n onBlur = _ref24$field.onBlur,\n value = _ref24$field.value,\n name = _ref24$field.name,\n ref = _ref24$field.ref,\n _ref24$fieldState = _ref24.fieldState,\n invalid = _ref24$fieldState.invalid,\n isTouched = _ref24$fieldState.isTouched,\n isDirty = _ref24$fieldState.isDirty,\n error = _ref24$fieldState.error,\n formState = _ref24.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, _ref25) {\n var rating = _ref25.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 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_16__[\"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, _ref26) {\n var rating = _ref26.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_16__[\"default\"].Text, {\n muted: true\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_16__[\"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_16__[\"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_15__.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_16__[\"default\"].Text, {\n muted: true\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_16__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"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_16__[\"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$Component5) {\n function Camera(props) {\n var _this9;\n _classCallCheck(this, Camera);\n _this9 = _callSuper(this, Camera, [props]);\n _defineProperty(_this9, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this9.setState({\n img: event.target.files[0]\n });\n if (_this9.props.onChange) {\n _this9.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this9, \"clearImage\", function () {\n _this9.setState({\n img: null\n });\n if (_this9.props.onChange) {\n _this9.props.onChange(null);\n }\n });\n _this9.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this9.state = {\n img: props.value\n };\n return _this9;\n }\n _inherits(Camera, _React$Component5);\n return _createClass(Camera, [{\n key: \"getImageSizeProps\",\n value: function getImageSizeProps(_ref27) {\n var width = _ref27.width,\n height = _ref27.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 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_16__[\"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_18__[\"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_16__[\"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\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n variant: \"light\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaCamera, null), \" Upload Photo\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select an image from your computer or device.\"))), 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_18__[\"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_19__[\"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_20__.FaTimes, null), \" Clear Photo\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n muted: true\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$Component6) {\n function FileUpload(props) {\n var _this10;\n _classCallCheck(this, FileUpload);\n _this10 = _callSuper(this, FileUpload, [props]);\n _defineProperty(_this10, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this10.setState({\n fileUpload: event.target.files[0]\n });\n if (_this10.props.onChange) {\n _this10.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this10, \"clearFileUpload\", function () {\n _this10.setState({\n fileUpload: null\n });\n if (_this10.props.onChange) {\n _this10.props.onChange(null);\n }\n });\n _defineProperty(_this10, \"saveFile\", /*#__PURE__*/function () {\n var _ref28 = _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 = _this10.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: _this10.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 _ref28.apply(this, arguments);\n };\n }());\n _this10.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this10.state = {\n fileUpload: props.value\n };\n return _this10;\n }\n _inherits(FileUpload, _React$Component6);\n return _createClass(FileUpload, [{\n key: \"render\",\n value: function render() {\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_16__[\"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\"], {\n variant: \"default\",\n onClick: this.saveFile\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.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_16__[\"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_19__[\"default\"], {\n variant: \"light\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.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_19__[\"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_20__.FaTimes, null), \" Clear File\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n muted: true\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$Component7) {\n function Range(props) {\n var _this11;\n _classCallCheck(this, Range);\n _this11 = _callSuper(this, Range, [props]);\n _this11.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n return _this11;\n }\n _inherits(Range, _React$Component7);\n return _createClass(Range, [{\n key: \"render\",\n value: function render() {\n var _this12 = this;\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 _this12.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_16__[\"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_16__[\"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_16__[\"default\"].Text, {\n muted: true\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.Image = Image;\nSurveyElements.Rating = Rating;\nSurveyElements.Tags = Tags;\nSurveyElements.HyperLink = HyperLink;\nSurveyElements.Download = Download;\nSurveyElements.Camera = Camera;\nSurveyElements.FileUpload = FileUpload;\nSurveyElements.Range = Range;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/index.jsx?");
|
|
1183
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ 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;\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 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 muted: true\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 muted: true\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;\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 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 muted: true\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 muted: true\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;\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 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 muted: true\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 muted: true\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;\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 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 muted: true\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 muted: true\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;\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 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 muted: true\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 muted: true\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$required16, _item$disabled11, _item$required17;\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 type: 'number',\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 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 muted: true\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 muted: true\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;\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 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 muted: true\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 muted: true\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 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 muted: true\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;\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 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 muted: true\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 muted: true\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 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 muted: true\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 w-100\",\n className: \"btn-survey-builder-checkbox\",\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 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\",\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 muted: true\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 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 muted: true\n }, self.props.item.help)) : null, self.props.item.options.map(function (option) {\n var _self$props$checkboxB, _self$props7, _self$props8, _self$props10, _self$props11;\n // console.log('option', option);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n label: option.text,\n type: \"radio\",\n variant: (_self$props$checkboxB = self.props.checkboxButtonClassName) !== null && _self$props$checkboxB !== void 0 ? _self$props$checkboxB : \"outline-light w-100\",\n className: \"btn-survey-builder-checkbox\",\n key: \"preview_\".concat(option.key),\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n inputRef: function inputRef(c) {\n if (c && self.props.item.mutable) {\n self.options[\"child_ref_\".concat(option.key)] = c;\n }\n },\n disabled: self === null || self === void 0 || (_self$props7 = self.props) === null || _self$props7 === void 0 || (_self$props7 = _self$props7.item) === null || _self$props7 === void 0 ? void 0 : _self$props7.disabled,\n name: name,\n value: option.value,\n checked: (self === null || self === void 0 || (_self$props8 = self.props) === null || _self$props8 === void 0 ? void 0 : _self$props8.value) === option.value,\n onChange: function onChange(e) {\n var _self$props9;\n if ((self === null || self === void 0 || (_self$props9 = self.props) === null || _self$props9 === void 0 ? void 0 : _self$props9.onChange) !== undefined) {\n console.log(e.target.value);\n self.props.onChange(e.target.value);\n }\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex align-items-center justify-content-start text-black text-survey-builder-checkbox\"\n }, (self === null || self === void 0 || (_self$props10 = self.props) === null || _self$props10 === void 0 ? void 0 : _self$props10.value) !== option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n size: \"40px\",\n className: \"me-3 flex-shrink-0\"\n }), (self === null || self === void 0 || (_self$props11 = self.props) === null || _self$props11 === void 0 ? void 0 : _self$props11.value) === option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n size: \"40px\",\n className: \"me-3 flex-shrink-0\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-start\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n dangerouslySetInnerHTML: {\n __html: option.text\n }\n }))));\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar 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(_ref23) {\n var _item$required25, _item$disabled17, _item$required26;\n var name = _ref23.name,\n onChange = _ref23.onChange,\n value = _ref23.value,\n style = _ref23.style,\n item = _ref23.item,\n props = _objectWithoutProperties(_ref23, _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 (_ref24) {\n var _ref24$field = _ref24.field,\n onChange = _ref24$field.onChange,\n onBlur = _ref24$field.onBlur,\n value = _ref24$field.value,\n name = _ref24$field.name,\n ref = _ref24$field.ref,\n _ref24$fieldState = _ref24.fieldState,\n invalid = _ref24$fieldState.invalid,\n isTouched = _ref24$fieldState.isTouched,\n isDirty = _ref24$fieldState.isDirty,\n error = _ref24$fieldState.error,\n formState = _ref24.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, _ref25) {\n var rating = _ref25.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 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, _ref26) {\n var rating = _ref26.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 muted: true\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 muted: true\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$Component5) {\n function Camera(props) {\n var _this9;\n _classCallCheck(this, Camera);\n _this9 = _callSuper(this, Camera, [props]);\n _defineProperty(_this9, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this9.setState({\n img: event.target.files[0]\n });\n if (_this9.props.onChange) {\n _this9.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this9, \"clearImage\", function () {\n _this9.setState({\n img: null\n });\n if (_this9.props.onChange) {\n _this9.props.onChange(null);\n }\n });\n _this9.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this9.state = {\n img: props.value\n };\n return _this9;\n }\n _inherits(Camera, _React$Component5);\n return _createClass(Camera, [{\n key: \"getImageSizeProps\",\n value: function getImageSizeProps(_ref27) {\n var width = _ref27.width,\n height = _ref27.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 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\"\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__.FaCamera, null), \" Upload Photo\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select an image from your computer or device.\"))), 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 muted: true\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$Component6) {\n function FileUpload(props) {\n var _this10;\n _classCallCheck(this, FileUpload);\n _this10 = _callSuper(this, FileUpload, [props]);\n _defineProperty(_this10, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this10.setState({\n fileUpload: event.target.files[0]\n });\n if (_this10.props.onChange) {\n _this10.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this10, \"clearFileUpload\", function () {\n _this10.setState({\n fileUpload: null\n });\n if (_this10.props.onChange) {\n _this10.props.onChange(null);\n }\n });\n _defineProperty(_this10, \"saveFile\", /*#__PURE__*/function () {\n var _ref28 = _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 = _this10.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: _this10.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 _ref28.apply(this, arguments);\n };\n }());\n _this10.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this10.state = {\n fileUpload: props.value\n };\n return _this10;\n }\n _inherits(FileUpload, _React$Component6);\n return _createClass(FileUpload, [{\n key: \"render\",\n value: function render() {\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 muted: true\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$Component7) {\n function Range(props) {\n var _this11;\n _classCallCheck(this, Range);\n _this11 = _callSuper(this, Range, [props]);\n _this11.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n return _this11;\n }\n _inherits(Range, _React$Component7);\n return _createClass(Range, [{\n key: \"render\",\n value: function render() {\n var _this12 = this;\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 _this12.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 muted: true\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.Image = Image;\nSurveyElements.Rating = Rating;\nSurveyElements.Tags = Tags;\nSurveyElements.HyperLink = HyperLink;\nSurveyElements.Download = Download;\nSurveyElements.Camera = Camera;\nSurveyElements.FileUpload = FileUpload;\nSurveyElements.Range = Range;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/index.jsx?");
|
|
1184
1184
|
|
|
1185
1185
|
/***/ }),
|
|
1186
1186
|
|
|
@@ -1246,7 +1246,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
1246
1246
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1247
1247
|
|
|
1248
1248
|
"use strict";
|
|
1249
|
-
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_8__ = __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\");\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\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}, {\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}, {\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_8__.GrSteps,\n fieldName: 'step_',\n \"static\": true,\n conditional: false,\n conditionalFieldName: '',\n conditionalFieldValue: '',\n isContainer: true\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 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.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 }\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 (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?");
|
|
1249
|
+
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_8__ = __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\");\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\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}, {\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}, {\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_8__.GrSteps,\n fieldName: 'step_',\n \"static\": true,\n conditional: false,\n conditionalFieldName: '',\n conditionalFieldValue: '',\n isContainer: true\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 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.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 }\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 (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?");
|
|
1250
1250
|
|
|
1251
1251
|
/***/ }),
|
|
1252
1252
|
|
|
@@ -1268,7 +1268,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
1268
1268
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1269
1269
|
|
|
1270
1270
|
"use strict";
|
|
1271
|
-
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 */ isListNotEmpty: () => (/* binding */ isListNotEmpty),\n/* harmony export */ isObjectNotEmpty: () => (/* binding */ isObjectNotEmpty),\n/* harmony export */ removeRecord: () => (/* binding */ removeRecord),\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 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 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?");
|
|
1271
|
+
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 */ isListNotEmpty: () => (/* binding */ isListNotEmpty),\n/* harmony export */ isObjectNotEmpty: () => (/* binding */ isObjectNotEmpty),\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 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?");
|
|
1272
1272
|
|
|
1273
1273
|
/***/ }),
|
|
1274
1274
|
|