react-survey-builder 1.0.108 → 1.0.110

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/app.css +1 -1
  2. package/dist/app.css.map +1 -1
  3. package/dist/bundle.js +2 -2
  4. package/lib/survey-elements/index.js +1 -1
  5. package/lib/toolbar.js +6 -6
  6. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -1180,7 +1180,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1180
1180
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1181
1181
 
1182
1182
  "use strict";
1183
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ButtonList: () => (/* binding */ ButtonList),\n/* harmony export */ Camera: () => (/* binding */ Camera),\n/* harmony export */ Checkbox: () => (/* binding */ Checkbox),\n/* harmony export */ Checkboxes: () => (/* binding */ Checkboxes),\n/* harmony export */ ContentBody: () => (/* binding */ ContentBody),\n/* harmony export */ DatePicker: () => (/* binding */ DatePicker),\n/* harmony export */ Download: () => (/* binding */ Download),\n/* harmony export */ Dropdown: () => (/* binding */ Dropdown),\n/* harmony export */ EmailInput: () => (/* binding */ EmailInput),\n/* harmony export */ FileUpload: () => (/* binding */ FileUpload),\n/* harmony export */ Header: () => (/* binding */ Header),\n/* harmony export */ HyperLink: () => (/* binding */ HyperLink),\n/* harmony export */ Image: () => (/* binding */ Image),\n/* harmony export */ Label: () => (/* binding */ Label),\n/* harmony export */ LineBreak: () => (/* binding */ LineBreak),\n/* harmony export */ NumberInput: () => (/* binding */ NumberInput),\n/* harmony export */ Paragraph: () => (/* binding */ Paragraph),\n/* harmony export */ PhoneNumber: () => (/* binding */ PhoneNumber),\n/* harmony export */ RadioButtons: () => (/* binding */ RadioButtons),\n/* harmony export */ Range: () => (/* binding */ Range),\n/* harmony export */ Rating: () => (/* binding */ Rating),\n/* harmony export */ Signature: () => (/* binding */ Signature),\n/* harmony export */ Tags: () => (/* binding */ Tags),\n/* harmony export */ TextArea: () => (/* binding */ TextArea),\n/* harmony export */ TextInput: () => (/* binding */ TextInput),\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! isomorphic-fetch */ \"./node_modules/isomorphic-fetch/fetch-npm-browserify.js\");\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! file-saver */ \"./node_modules/file-saver/dist/FileSaver.min.js\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-signature-canvas */ \"./node_modules/react-signature-canvas/build/index.js\");\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-bootstrap-range-slider */ \"./node_modules/react-bootstrap-range-slider/dist/index.js\");\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _star_rating__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./star-rating */ \"./src/survey-elements/star-rating.jsx\");\n/* harmony import */ var _component_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./component-header */ \"./src/survey-elements/component-header.jsx\");\n/* harmony import */ var _component_label__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./component-label */ \"./src/survey-elements/component-label.jsx\");\n/* harmony import */ var _myxss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./myxss */ \"./src/survey-elements/myxss.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-bootstrap-typeahead */ \"./node_modules/react-bootstrap-typeahead/es/index.js\");\n/* harmony import */ var _component_error_message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./component-error-message */ \"./src/survey-elements/component-error-message.jsx\");\n/* harmony import */ var _utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/ipUtils */ \"./src/utils/ipUtils.jsx\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! moment-timezone */ \"./node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var react_icons_ri__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! react-icons/ri */ \"./node_modules/react-icons/ri/index.mjs\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Image.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Container.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/ToggleButton.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var react_imask__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-imask */ \"./node_modules/react-imask/esm/index.js\");\n/* harmony import */ var libphonenumber_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! libphonenumber-js */ \"./node_modules/libphonenumber-js/min/exports/isValidPhoneNumber.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar _excluded = [\"iconImportString\"],\n _excluded2 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded3 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded4 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded5 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded6 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded7 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded8 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded9 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded10 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"];\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\n// eslint-disable-next-line max-classes-per-file\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SurveyElements = {};\nvar IconComponent = function IconComponent(_ref) {\n var iconImportString = _ref.iconImportString,\n props = _objectWithoutProperties(_ref, _excluded);\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_2___default().useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n Icon = _React$useState2[0],\n setIcon = _React$useState2[1];\n react__WEBPACK_IMPORTED_MODULE_2___default().useEffect(function () {\n // iconImportString - i.e. 'react-icons/fa/FaBeer'\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(iconImportString) && iconImportString !== '') {\n var iconStringParts = iconImportString.split('/');\n var iconName = iconStringParts[2];\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(iconName)) {\n __webpack_require__(\"./src/survey-elements lazy recursive\")(iconImportString).then(function (module) {\n return setIcon(module[iconName]);\n });\n }\n }\n }, [iconImportString]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, Icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Icon, props));\n};\nvar Header = function Header(props) {\n var _props$item;\n var classNames = 'static';\n if (props.item.bold) {\n classNames += ' bold';\n }\n if (props.item.italic) {\n classNames += ' italic';\n }\n if (props.headerClassName) {\n classNames += \" \".concat(props.headerClassName);\n }\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"h3\", {\n className: classNames,\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.staticVariables))\n }\n }));\n};\nvar ContentBody = function ContentBody(props) {\n var _props$item2;\n var classNames = 'static';\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: classNames,\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__.myContentXSS.process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.staticVariables))\n }\n }));\n};\nvar Paragraph = function Paragraph(props) {\n var _props$item3;\n var classNames = 'static';\n if (props.item.bold) {\n classNames += ' bold';\n }\n if (props.item.italic) {\n classNames += ' italic';\n }\n if (props.paragraphClassName) {\n classNames += \" \".concat(props.paragraphClassName);\n }\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"p\", {\n className: classNames,\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item3 = props.item) === null || _props$item3 === void 0 ? void 0 : _props$item3.staticVariables))\n }\n }));\n};\nvar Label = function Label(props) {\n var _props$item4;\n var classNames = 'static';\n if (props.item.bold) {\n classNames += ' bold';\n }\n if (props.item.italic) {\n classNames += ' italic';\n }\n if (props.labelClassName) {\n classNames += \" \".concat(props.labelClassName);\n }\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", {\n className: \"form-label \".concat(classNames),\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item4 = props.item) === null || _props$item4 === void 0 ? void 0 : _props$item4.staticVariables))\n }\n }));\n};\nvar LineBreak = function LineBreak(props) {\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null));\n};\nvar TextInput = function TextInput(_ref2) {\n var _item$required, _item$disabled, _item$required2, _item$helpClassName2;\n var name = _ref2.name,\n onChange = _ref2.onChange,\n defaultValue = _ref2.defaultValue,\n style = _ref2.style,\n item = _ref2.item,\n props = _objectWithoutProperties(_ref2, _excluded2);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n type: 'text',\n required: (_item$required = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required !== void 0 ? _item$required : false,\n disabled: (_item$disabled = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled !== void 0 ? _item$disabled : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required2 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required2 !== void 0 ? _item$required2 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref3) {\n var _ref3$field = _ref3.field,\n _onChange = _ref3$field.onChange,\n onBlur = _ref3$field.onBlur,\n value = _ref3$field.value,\n name = _ref3$field.name,\n ref = _ref3$field.ref,\n _ref3$fieldState = _ref3.fieldState,\n invalid = _ref3$fieldState.invalid,\n isTouched = _ref3$fieldState.isTouched,\n isDirty = _ref3$fieldState.isDirty,\n error = _ref3$fieldState.error,\n formState = _ref3.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled2;\n controllerProps.disabled = (_item$disabled2 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled2 !== void 0 ? _item$disabled2 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required3;\n controllerProps.required = (_item$required3 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required3 !== void 0 ? _item$required3 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName !== void 0 ? _item$helpClassName : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName2 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName2 !== void 0 ? _item$helpClassName2 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar EmailInput = function EmailInput(_ref4) {\n var _item$required4, _item$disabled3, _item$required5, _item$helpClassName4;\n var name = _ref4.name,\n onChange = _ref4.onChange,\n defaultValue = _ref4.defaultValue,\n style = _ref4.style,\n item = _ref4.item,\n props = _objectWithoutProperties(_ref4, _excluded3);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var validateEmail = function validateEmail(email) {\n return email.match(\n // eslint-disable-next-line no-useless-escape\n /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/);\n };\n var inputProps = {\n type: 'text',\n required: (_item$required4 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required4 !== void 0 ? _item$required4 : false,\n disabled: (_item$disabled3 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled3 !== void 0 ? _item$disabled3 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {\n minLength: {\n value: 4,\n message: \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" must be at least 4 characters long\")\n },\n validate: function validate(value) {\n return validateEmail(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires valid email address\");\n }\n };\n if ((_item$required5 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required5 !== void 0 ? _item$required5 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref5) {\n var _ref5$field = _ref5.field,\n _onChange2 = _ref5$field.onChange,\n onBlur = _ref5$field.onBlur,\n value = _ref5$field.value,\n name = _ref5$field.name,\n ref = _ref5$field.ref,\n _ref5$fieldState = _ref5.fieldState,\n invalid = _ref5$fieldState.invalid,\n isTouched = _ref5$fieldState.isTouched,\n isDirty = _ref5$fieldState.isDirty,\n error = _ref5$fieldState.error,\n formState = _ref5.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange2(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled4;\n controllerProps.disabled = (_item$disabled4 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled4 !== void 0 ? _item$disabled4 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required6;\n controllerProps.required = (_item$required6 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required6 !== void 0 ? _item$required6 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName3;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName3 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName3 !== void 0 ? _item$helpClassName3 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName4 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName4 !== void 0 ? _item$helpClassName4 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar PhoneNumber = function PhoneNumber(_ref6) {\n var _item$required7, _item$disabled5, _item$required8, _item$helpClassName6;\n var name = _ref6.name,\n onChange = _ref6.onChange,\n _ref6$defaultValue = _ref6.defaultValue,\n defaultValue = _ref6$defaultValue === void 0 ? '' : _ref6$defaultValue,\n style = _ref6.style,\n item = _ref6.item,\n props = _objectWithoutProperties(_ref6, _excluded4);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var toE164PhoneNumber = function toE164PhoneNumber(phoneNumberValue) {\n if (phoneNumberValue !== undefined && phoneNumberValue !== null) {\n //Filter only numbers from the input\n var cleaned = ('' + phoneNumberValue).replace(/\\D/g, '');\n\n //Check if the input is of correct\n var match = cleaned.match(/^(1|)?(\\d{3})(\\d{3})(\\d{4})$/);\n if (match) {\n //Remove the matched extension code\n //Change this to format for any country code.\n var intlCode = match[1] ? '+1' : '+1';\n return [intlCode, match[2], match[3], match[4]].join('');\n }\n return '';\n } else {\n return '';\n }\n };\n var validatePhoneNumber = function validatePhoneNumber(value) {\n if (value !== undefined && value !== null && value !== '') {\n return (0,libphonenumber_js__WEBPACK_IMPORTED_MODULE_18__.isValidPhoneNumber)(toE164PhoneNumber(value), 'US');\n }\n return true;\n };\n var inputProps = {\n type: 'text',\n required: (_item$required7 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required7 !== void 0 ? _item$required7 : false,\n disabled: (_item$disabled5 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled5 !== void 0 ? _item$disabled5 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {\n validate: function validate(value) {\n return validatePhoneNumber(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires a valid phone number\");\n }\n };\n if ((_item$required8 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required8 !== void 0 ? _item$required8 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n if (react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined) {\n controllerProps.render = function (_ref7) {\n var _ref7$field = _ref7.field,\n onChange = _ref7$field.onChange,\n onBlur = _ref7$field.onBlur,\n value = _ref7$field.value,\n name = _ref7$field.name,\n ref = _ref7$field.ref,\n _ref7$fieldState = _ref7.fieldState,\n invalid = _ref7$fieldState.invalid,\n isTouched = _ref7$fieldState.isTouched,\n isDirty = _ref7$fieldState.isDirty,\n error = _ref7$fieldState.error,\n formState = _ref7.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n className: \"form-control\",\n onBlur: onBlur,\n value: value,\n name: name,\n mask: '{+1} (#00) 000-0000',\n lazy: false,\n overwrite: true,\n definitions: {\n '#': /[1-9]/\n },\n unmask: true // true|false|'typed'\n ,\n inputRef: ref\n // inputRef={inputRef} // access to nested input\n // DO NOT USE onChange TO HANDLE CHANGES!\n // USE onAccept INSTEAD\n ,\n onAccept:\n // depending on prop above first argument is\n // `value` if `unmask=false`,\n // `unmaskedValue` if `unmask=true`,\n // `typedValue` if `unmask='typed'`\n function onAccept(value, mask) {\n if (onChange !== undefined) {\n onChange(value);\n }\n onChangeHandler(value);\n }\n }, inputProps));\n };\n } else {\n controllerProps.render = function (_ref8) {\n var _ref8$field = _ref8.field,\n _onChange3 = _ref8$field.onChange,\n onBlur = _ref8$field.onBlur,\n value = _ref8$field.value,\n name = _ref8$field.name,\n ref = _ref8$field.ref,\n _ref8$fieldState = _ref8.fieldState,\n invalid = _ref8$fieldState.invalid,\n isTouched = _ref8$fieldState.isTouched,\n isDirty = _ref8$fieldState.isDirty,\n error = _ref8$fieldState.error,\n formState = _ref8.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange3(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n }\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled6;\n controllerProps.disabled = (_item$disabled6 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled6 !== void 0 ? _item$disabled6 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required9;\n controllerProps.required = (_item$required9 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required9 !== void 0 ? _item$required9 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName5;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName5 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName5 !== void 0 ? _item$helpClassName5 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName6 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName6 !== void 0 ? _item$helpClassName6 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar DatePicker = function DatePicker(_ref9) {\n var _item$required10, _item$disabled7, _item$required11, _item$helpClassName8;\n var name = _ref9.name,\n onChange = _ref9.onChange,\n defaultValue = _ref9.defaultValue,\n style = _ref9.style,\n item = _ref9.item,\n props = _objectWithoutProperties(_ref9, _excluded5);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var validateDate = function validateDate(dateString) {\n if (dateString !== undefined && dateString !== null && dateString !== \"\") {\n var dateformat = /^(0?[1-9]|1[0-2])[\\/](0?[1-9]|[1-2][0-9]|3[01])[\\/]\\d{4}$/;\n\n // Matching the date through regular expression \n if (dateString.match(dateformat)) {\n var operator = dateString.split('/');\n\n // Extract the string into month, date and year \n var datepart = [];\n if (operator.length > 1) {\n datepart = dateString.split('/');\n }\n var month = parseInt(datepart[0]);\n var day = parseInt(datepart[1]);\n var year = parseInt(datepart[2]);\n if (day > 31 || day < 1) {\n return false;\n }\n var currentYear = new Date().getFullYear();\n if (year < 1900 || year > currentYear + 5) {\n return false;\n }\n\n // Create a list of days of a month \n var ListofDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\n if (month === 1 || month > 2) {\n if (day > ListofDays[month - 1]) {\n // to check if the date is out of range \n return false;\n }\n } else if (month === 2) {\n var leapYear = false;\n if (!(year % 4) && year % 100 || !(year % 400)) leapYear = true;\n if (leapYear === false && day >= 29) return false;else if (leapYear === true && day > 29) {\n // console.log('Invalid date format!');\n return false;\n }\n } else if (month > 12 || month < 1) {\n return false;\n }\n } else {\n // console.log(\"Invalid date format!\");\n return false;\n }\n }\n return true;\n };\n var inputProps = {\n type: 'text',\n required: (_item$required10 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required10 !== void 0 ? _item$required10 : false,\n disabled: (_item$disabled7 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled7 !== void 0 ? _item$disabled7 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {\n validate: function validate(value) {\n return validateDate(value) || 'Please enter a valid Date in the format MM/DD/YYYY';\n }\n };\n if ((_item$required11 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required11 !== void 0 ? _item$required11 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n if (react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined && react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask !== undefined) {\n controllerProps.render = function (_ref10) {\n var _ref10$field = _ref10.field,\n onChange = _ref10$field.onChange,\n onBlur = _ref10$field.onBlur,\n value = _ref10$field.value,\n name = _ref10$field.name,\n ref = _ref10$field.ref,\n _ref10$fieldState = _ref10.fieldState,\n invalid = _ref10$fieldState.invalid,\n isTouched = _ref10$fieldState.isTouched,\n isDirty = _ref10$fieldState.isDirty,\n error = _ref10$fieldState.error,\n formState = _ref10.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n className: \"form-control\",\n onBlur: onBlur,\n value: value,\n name: name,\n mask: Date,\n lazy: false,\n overwrite: true,\n pattern: 'MM/DD/YYYY',\n format: function format(date) {\n var day = date.getDate();\n var month = date.getMonth() + 1;\n var year = date.getFullYear();\n if (day < 10) day = \"0\" + day;\n if (month < 10) month = \"0\" + month;\n return [month, day, year].join('/');\n },\n autofix: true\n // min={new Date(1900, 0, 1)}\n // max={new Date()}\n ,\n blocks: {\n DD: {\n mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n from: 1,\n to: 31,\n maxLength: 2,\n placeholderChar: 'D'\n },\n MM: {\n mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n from: 1,\n to: 12,\n maxLength: 2,\n placeholderChar: 'M'\n },\n YYYY: {\n mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n from: 1900,\n to: new Date().getFullYear() + 5,\n placeholderChar: 'Y'\n }\n },\n parse: function parse(str) {\n var monthDayYear = str.split('/');\n return new Date(monthDayYear[2], monthDayYear[0] - 1, monthDayYear[1]);\n },\n unmask: false // true|false|'typed'\n ,\n inputRef: ref\n // inputRef={inputRef} // access to nested input\n // DO NOT USE onChange TO HANDLE CHANGES!\n // USE onAccept INSTEAD\n ,\n onAccept:\n // depending on prop above first argument is\n // `value` if `unmask=false`,\n // `unmaskedValue` if `unmask=true`,\n // `typedValue` if `unmask='typed'`\n function onAccept(value, mask) {\n if (onChange !== undefined) {\n onChange(value);\n }\n onChangeHandler(value);\n }\n }, inputProps));\n };\n } else {\n controllerProps.render = function (_ref11) {\n var _ref11$field = _ref11.field,\n _onChange4 = _ref11$field.onChange,\n onBlur = _ref11$field.onBlur,\n value = _ref11$field.value,\n name = _ref11$field.name,\n ref = _ref11$field.ref,\n _ref11$fieldState = _ref11.fieldState,\n invalid = _ref11$fieldState.invalid,\n isTouched = _ref11$fieldState.isTouched,\n isDirty = _ref11$fieldState.isDirty,\n error = _ref11$fieldState.error,\n formState = _ref11.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange4(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n }\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled8;\n controllerProps.disabled = (_item$disabled8 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled8 !== void 0 ? _item$disabled8 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required12;\n controllerProps.required = (_item$required12 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required12 !== void 0 ? _item$required12 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n\n // console.log('controllerProps', controllerProps);\n\n if (!methods) {\n var _item$helpClassName7;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName7 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName7 !== void 0 ? _item$helpClassName7 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName8 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName8 !== void 0 ? _item$helpClassName8 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar NumberInput = function NumberInput(_ref12) {\n var _item$required13, _item$disabled9, _item$required14, _item$helpClassName10;\n var name = _ref12.name,\n onChange = _ref12.onChange,\n defaultValue = _ref12.defaultValue,\n style = _ref12.style,\n item = _ref12.item,\n props = _objectWithoutProperties(_ref12, _excluded6);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n type: 'number',\n required: (_item$required13 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required13 !== void 0 ? _item$required13 : false,\n disabled: (_item$disabled9 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled9 !== void 0 ? _item$disabled9 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required14 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required14 !== void 0 ? _item$required14 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref13) {\n var _ref13$field = _ref13.field,\n _onChange5 = _ref13$field.onChange,\n onBlur = _ref13$field.onBlur,\n value = _ref13$field.value,\n name = _ref13$field.name,\n ref = _ref13$field.ref,\n _ref13$fieldState = _ref13.fieldState,\n invalid = _ref13$fieldState.invalid,\n isTouched = _ref13$fieldState.isTouched,\n isDirty = _ref13$fieldState.isDirty,\n error = _ref13$fieldState.error,\n formState = _ref13.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange5(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled10;\n controllerProps.disabled = (_item$disabled10 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled10 !== void 0 ? _item$disabled10 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required15;\n controllerProps.required = (_item$required15 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required15 !== void 0 ? _item$required15 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName9;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName9 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName9 !== void 0 ? _item$helpClassName9 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName10 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName10 !== void 0 ? _item$helpClassName10 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar TextArea = function TextArea(_ref14) {\n var _item$rows, _item$required16, _item$disabled11, _item$required17, _item$helpClassName12;\n var name = _ref14.name,\n onChange = _ref14.onChange,\n defaultValue = _ref14.defaultValue,\n style = _ref14.style,\n item = _ref14.item,\n props = _objectWithoutProperties(_ref14, _excluded7);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n rows: (_item$rows = item === null || item === void 0 ? void 0 : item.rows) !== null && _item$rows !== void 0 ? _item$rows : 5,\n required: (_item$required16 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required16 !== void 0 ? _item$required16 : false,\n disabled: (_item$disabled11 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled11 !== void 0 ? _item$disabled11 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required17 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required17 !== void 0 ? _item$required17 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref15) {\n var _ref15$field = _ref15.field,\n _onChange6 = _ref15$field.onChange,\n onBlur = _ref15$field.onBlur,\n value = _ref15$field.value,\n name = _ref15$field.name,\n ref = _ref15$field.ref,\n _ref15$fieldState = _ref15.fieldState,\n invalid = _ref15$fieldState.invalid,\n isTouched = _ref15$fieldState.isTouched,\n isDirty = _ref15$fieldState.isDirty,\n error = _ref15$fieldState.error,\n formState = _ref15.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange6(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n as: \"textarea\"\n }, inputProps));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled12;\n controllerProps.disabled = (_item$disabled12 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled12 !== void 0 ? _item$disabled12 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required18;\n controllerProps.required = (_item$required18 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required18 !== void 0 ? _item$required18 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName11;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n as: \"textarea\"\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n as: \"textarea\"\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName11 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName11 !== void 0 ? _item$helpClassName11 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName12 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName12 !== void 0 ? _item$helpClassName12 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar Dropdown = function Dropdown(_ref16) {\n var _item$required19, _item$disabled13, _item$required20, _item$helpClassName14;\n var name = _ref16.name,\n onChange = _ref16.onChange,\n defaultValue = _ref16.defaultValue,\n style = _ref16.style,\n item = _ref16.item,\n props = _objectWithoutProperties(_ref16, _excluded8);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n type: 'text',\n required: (_item$required19 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required19 !== void 0 ? _item$required19 : false,\n disabled: (_item$disabled13 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled13 !== void 0 ? _item$disabled13 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required20 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required20 !== void 0 ? _item$required20 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref17) {\n var _ref17$field = _ref17.field,\n _onChange7 = _ref17$field.onChange,\n onBlur = _ref17$field.onBlur,\n value = _ref17$field.value,\n name = _ref17$field.name,\n ref = _ref17$field.ref,\n _ref17$fieldState = _ref17.fieldState,\n invalid = _ref17$fieldState.invalid,\n isTouched = _ref17$fieldState.isTouched,\n isDirty = _ref17$fieldState.isDirty,\n error = _ref17$fieldState.error,\n formState = _ref17.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange7(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: \"\"\n }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n var thisKey = \"preview_\".concat(option.key);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: option.value,\n key: thisKey\n }, option.text);\n }));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled14;\n controllerProps.disabled = (_item$disabled14 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled14 !== void 0 ? _item$disabled14 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required21;\n controllerProps.required = (_item$required21 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required21 !== void 0 ? _item$required21 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName13;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n value: defaultValue,\n name: name\n }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: \"\"\n }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n var thisKey = \"preview_\".concat(option.key);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: option.value,\n key: thisKey\n }, option.text);\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n value: defaultValue,\n name: name\n }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: \"\"\n }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n var thisKey = \"preview_\".concat(option.key);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: option.value,\n key: thisKey\n }, option.text);\n }))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName13 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName13 !== void 0 ? _item$helpClassName13 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n var _item$options$find;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 || (_item$options$find = item.options.find(function (option) {\n return option.value === defaultValue;\n })) === null || _item$options$find === void 0 ? void 0 : _item$options$find.text)));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName14 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName14 !== void 0 ? _item$helpClassName14 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar Signature = /*#__PURE__*/function (_React$Component) {\n function Signature(props) {\n var _this;\n _classCallCheck(this, Signature);\n _this = _callSuper(this, Signature, [props]);\n _defineProperty(_this, \"clear\", function () {\n var $canvas_sig = _this.canvas.current;\n if (_this.props.value) {\n var $input_sig = _this.inputField.current;\n var signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n signature: ''\n });\n $input_sig.value = signature;\n if (_this.props.methods) {\n _this.props.methods.setValue(_this.props.name, signature);\n }\n _this.setState({\n value: signature\n });\n } else if ($canvas_sig) {\n $canvas_sig.clear();\n }\n });\n _defineProperty(_this, \"_getSignatureImg\", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n var $canvas_sig, base64, isEmpty, $input_sig, value, ipAddress, date, signature;\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n $canvas_sig = _this.canvas.current;\n if (!$canvas_sig) {\n _context.next = 14;\n break;\n }\n base64 = $canvas_sig.getTrimmedCanvas().toDataURL(\"image/png\");\n isEmpty = $canvas_sig.isEmpty();\n $input_sig = _this.inputField.current;\n value = isEmpty ? '' : base64;\n _context.next = 8;\n return (0,_utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__.getIPAddress)();\n case 8:\n ipAddress = _context.sent;\n date = new Date().toISOString();\n signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n signature: value,\n ipAddress: ipAddress,\n date: date\n });\n $input_sig.value = signature;\n if (_this.props.methods) {\n _this.props.methods.setValue(_this.props.name, signature);\n }\n _this.setState({\n value: signature\n });\n case 14:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n })));\n _defineProperty(_this, \"onChangeName\", function (event) {\n var $input_sig = _this.inputField.current;\n var signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n name: event.target.value\n });\n $input_sig.value = signature;\n if (_this.props.methods) {\n _this.props.methods.setValue(_this.props.name, signature);\n }\n _this.setState({\n value: signature\n });\n });\n _this.state = {\n value: props.value\n };\n _this.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this.canvas = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n return _this;\n }\n _inherits(Signature, _React$Component);\n return _createClass(Signature, [{\n key: \"render\",\n value: function render() {\n var _this$state$value,\n _this$state$value2,\n _this$props$value6,\n _this$props$value7,\n _this$props$value8,\n _this$props$value9,\n _this2 = this,\n _this$props$value$nam,\n _this$props$value10,\n _this$props$item$help,\n _this$props$item;\n var canClear = !!this.state.value;\n var props = {};\n props.name = this.props.name;\n // props.onChange = (event) => { console.log('onChangeSignature', event.target.value); this.props.onChange(event.target.value); };\n props.value = this.props.value;\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n }\n var padProps = {};\n // umd requires canvasProps={{ width: 400, height: 150 }}\n if (this.props.item.mutable) {\n var _this$props$value;\n padProps.defaultValue = (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.signature;\n padProps.ref = this.canvas;\n canClear = !this.props.item.readOnly;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n var sourceDataURL;\n if ((_this$state$value = this.state.value) !== null && _this$state$value !== void 0 && _this$state$value.signature && ((_this$state$value2 = this.state.value) === null || _this$state$value2 === void 0 ? void 0 : _this$state$value2.signature.length) > 0) {\n var _this$state$value3;\n sourceDataURL = (_this$state$value3 = this.state.value) === null || _this$state$value3 === void 0 ? void 0 : _this$state$value3.signature;\n }\n padProps.canvasProps = {};\n if (this.props.item.print === true && !!sourceDataURL) {\n var _this$props$value2, _this$props$value3, _this$props$value4, _this$props$value5;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: this.props.name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: sourceDataURL\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n style: {\n borderStyle: 'dashed'\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value2 = this.props.value) !== null && _this$props$value2 !== void 0 && _this$props$value2.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value3 = this.props.value) === null || _this$props$value3 === void 0 ? void 0 : _this$props$value3.date).format('dddd MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value4 = this.props.value) === null || _this$props$value4 === void 0 ? void 0 : _this$props$value4.name, \" via IP Address \", (_this$props$value5 = this.props.value) === null || _this$props$value5 === void 0 ? void 0 : _this$props$value5.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null))));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: this.props.name\n })), this.props.readOnly === true ? !!sourceDataURL ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: sourceDataURL\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n style: {\n borderStyle: 'dashed'\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value6 = this.props.value) !== null && _this$props$value6 !== void 0 && _this$props$value6.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value7 = this.props.value) === null || _this$props$value7 === void 0 ? void 0 : _this$props$value7.date).format('dddd MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value8 = this.props.value) === null || _this$props$value8 === void 0 ? void 0 : _this$props$value8.name, \" via IP Address \", (_this$props$value9 = this.props.value) === null || _this$props$value9 === void 0 ? void 0 : _this$props$value9.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null)) : null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"m-signature-pad\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"m-signature-pad--body\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default()), _extends({}, padProps, {\n onEnd: function onEnd(e) {\n _this2._getSignatureImg();\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"m-signature-pad--footer clearfix\"\n }, canClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n size: \"sm\",\n className: \"clear-signature float-end\",\n onClick: this.clear,\n title: \"Clear Signature\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" clear\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, \"Please print your full legal name and today's date.\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n sm: 6\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, {\n value: (_this$props$value$nam = (_this$props$value10 = this.props.value) === null || _this$props$value10 === void 0 ? void 0 : _this$props$value10.name) !== null && _this$props$value$nam !== void 0 ? _this$props$value$nam : '',\n type: \"text\",\n required: true,\n placeholder: \"Full Legal Name\",\n onChange: this.onChangeName\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n sm: 6\n }, \"Today's Date: \", moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('MM/DD/YYYY'))))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help = (_this$props$item = this.props.item) === null || _this$props$item === void 0 ? void 0 : _this$props$item.helpClassName) !== null && _this$props$item$help !== void 0 ? _this$props$item$help : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: this.props.name\n }), this.props.methods ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, this.props.methods.register(this.props.name), props, {\n type: \"hidden\"\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, props, {\n type: \"hidden\"\n }))));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Tags = function Tags(_ref19) {\n var _item$required22, _item$disabled15, _item$required23, _item$helpClassName16;\n var name = _ref19.name,\n onChange = _ref19.onChange,\n defaultValue = _ref19.defaultValue,\n style = _ref19.style,\n item = _ref19.item,\n props = _objectWithoutProperties(_ref19, _excluded9);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var getDefaultValue = function getDefaultValue(val, options) {\n if (val) {\n return options.filter(function (option) {\n return val.indexOf(option.value) > -1;\n });\n }\n return [];\n };\n var options = item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n return {\n value: option.value,\n label: option.text,\n key: option.value\n };\n });\n var inputProps = {\n multiple: true,\n required: (_item$required22 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required22 !== void 0 ? _item$required22 : false,\n disabled: (_item$disabled15 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled15 !== void 0 ? _item$disabled15 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n } else {\n inputProps.placeholder = 'Select...';\n }\n var fieldRules = {};\n if ((_item$required23 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required23 !== void 0 ? _item$required23 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref20) {\n var _ref20$field = _ref20.field,\n _onChange8 = _ref20$field.onChange,\n onBlur = _ref20$field.onBlur,\n value = _ref20$field.value,\n name = _ref20$field.name,\n ref = _ref20$field.ref,\n _ref20$fieldState = _ref20.fieldState,\n invalid = _ref20$fieldState.invalid,\n isTouched = _ref20$fieldState.isTouched,\n isDirty = _ref20$fieldState.isDirty,\n error = _ref20$fieldState.error,\n formState = _ref20.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n labelKey: function labelKey(option) {\n return option.label;\n },\n onBlur: onBlur,\n onChange: function onChange(selected) {\n // console.log(selected);\n if (selected.length >= 1) {\n //console.log(selected[0]);\n _onChange8(selected.map(function (i) {\n return i.value;\n }));\n onChangeHandler(selected.map(function (i) {\n return i.value;\n }));\n } else if (selected.length === 0) {\n _onChange8([]);\n onChangeHandler([]);\n }\n },\n options: options,\n selected: getDefaultValue(value, options),\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled16;\n controllerProps.disabled = (_item$disabled16 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled16 !== void 0 ? _item$disabled16 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required24;\n controllerProps.required = (_item$required24 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required24 !== void 0 ? _item$required24 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName15;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n labelKey: function labelKey(option) {\n return option.label;\n },\n options: options,\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n labelKey: function labelKey(option) {\n return option.label;\n },\n options: options,\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName15 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName15 !== void 0 ? _item$helpClassName15 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 ? void 0 : item.options.filter(function (option) {\n return defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.includes(option.value);\n }).map(function (option) {\n return option.text;\n }).join(', '))));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName16 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName16 !== void 0 ? _item$helpClassName16 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar Checkboxes = /*#__PURE__*/function (_React$Component2) {\n function Checkboxes(props) {\n var _this3;\n _classCallCheck(this, Checkboxes);\n _this3 = _callSuper(this, Checkboxes, [props]);\n _defineProperty(_this3, \"onCheckboxChange\", function (checkboxValue, event) {\n var checkedValues = _this3.props.value;\n if (_this3.props.onChange) {\n if (event.target.checked) {\n _this3.props.onChange(checkedValues.concat(checkboxValue));\n } else {\n _this3.props.onChange(checkedValues.filter(function (v) {\n return v !== checkboxValue;\n }));\n }\n }\n });\n _this3.options = {};\n return _this3;\n }\n _inherits(Checkboxes, _React$Component2);\n return _createClass(Checkboxes, [{\n key: \"render\",\n value: function render() {\n var _ref21,\n _self$props$name,\n _self$props,\n _self$props2,\n _self$props3,\n _this4 = this,\n _this$props$item$help2,\n _this$props$item2;\n var self = this;\n var name = (_ref21 = (_self$props$name = self === null || self === void 0 || (_self$props = self.props) === null || _self$props === void 0 ? void 0 : _self$props.name) !== null && _self$props$name !== void 0 ? _self$props$name : self === null || self === void 0 || (_self$props2 = self.props) === null || _self$props2 === void 0 || (_self$props2 = _self$props2.item) === null || _self$props2 === void 0 ? void 0 : _self$props2.customName) !== null && _ref21 !== void 0 ? _ref21 : self === null || self === void 0 || (_self$props3 = self.props) === null || _self$props3 === void 0 || (_self$props3 = _self$props3.item) === null || _self$props3 === void 0 ? void 0 : _self$props3.fieldName;\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n return _this4.props.value.includes(option.value);\n }).map(function (option) {\n return option.text;\n }).join(', '))));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help2 = (_this$props$item2 = this.props.item) === null || _this$props$item2 === void 0 ? void 0 : _this$props$item2.helpClassName) !== null && _this$props$item$help2 !== void 0 ? _this$props$item$help2 : 'text-muted'\n }, this.props.item.help)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n className: \"g-3\"\n }, this.props.item.options.map(function (option, index) {\n var _ref22, _self$props$item$bgCo, _self$props4, _self$props5, _self$props6, _self$props7, _self$props8, _self$props9, _self$props10, _self$props11, _self$props12, _self$props13;\n var props = {};\n props.name = \"option_\".concat(option.key);\n props.value = option.value;\n props.checked = self.props.value ? self.props.value.indexOf(option.value) > -1 : false;\n //props.inline = self.props.item.inline ?? false;\n if (self.props.item.disabled) {\n props.disabled = 'disabled';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n key: \"container_\".concat(name, \"_\").concat(option.value),\n xs: 12\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], _extends({\n type: \"checkbox\",\n label: option.text,\n variant: (_ref22 = (_self$props$item$bgCo = (_self$props4 = self.props) === null || _self$props4 === void 0 || (_self$props4 = _self$props4.item) === null || _self$props4 === void 0 ? void 0 : _self$props4.bgColor) !== null && _self$props$item$bgCo !== void 0 ? _self$props$item$bgCo : (_self$props5 = self.props) === null || _self$props5 === void 0 ? void 0 : _self$props5.checkboxButtonClassName) !== null && _ref22 !== void 0 ? _ref22 : \"outline-light\",\n className: \"btn-survey-builder-checkbox \".concat((_self$props6 = self.props) === null || _self$props6 === void 0 || (_self$props6 = _self$props6.item) === null || _self$props6 === void 0 ? void 0 : _self$props6.className, \" \").concat((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) ? (_self$props7 = self.props) === null || _self$props7 === void 0 || (_self$props7 = _self$props7.item) === null || _self$props7 === void 0 ? void 0 : _self$props7.selectedClassName : (_self$props8 = self.props) === null || _self$props8 === void 0 || (_self$props8 = _self$props8.item) === null || _self$props8 === void 0 ? void 0 : _self$props8.unselectedClassName),\n key: \"preview_\".concat(option.key),\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n inputRef: function inputRef(c) {\n if (c && self.props.item.mutable) {\n self.options[\"child_ref_\".concat(option.key)] = c;\n }\n },\n onChange: function onChange(e) {\n self.onCheckboxChange(option.value, e);\n }\n }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-row align-items-center justify-content-between\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"w-100 d-flex align-items-center justify-content-start text-survey-builder-checkbox\"\n }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(props.checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxBlankLine, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat((_self$props9 = self.props) === null || _self$props9 === void 0 || (_self$props9 = _self$props9.item) === null || _self$props9 === void 0 ? void 0 : _self$props9.unselectedColor)\n }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(props.checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxFill, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat((_self$props10 = self.props) === null || _self$props10 === void 0 || (_self$props10 = _self$props10.item) === null || _self$props10 === void 0 ? void 0 : _self$props10.selectedColor)\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-column\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-\".concat((_self$props11 = self.props) === null || _self$props11 === void 0 || (_self$props11 = _self$props11.item) === null || _self$props11 === void 0 ? void 0 : _self$props11.textColor, \" \").concat((_self$props12 = self.props) === null || _self$props12 === void 0 || (_self$props12 = _self$props12.item) === null || _self$props12 === void 0 ? void 0 : _self$props12.fieldLabelClassName)\n }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"\".concat((_self$props13 = self.props) === null || _self$props13 === void 0 || (_self$props13 = _self$props13.item) === null || _self$props13 === void 0 ? void 0 : _self$props13.fieldDescriptionClassName)\n }, option.description))), option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center me-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n iconImportString: option.icon,\n size: 50\n })))));\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Checkbox = /*#__PURE__*/function (_React$Component3) {\n function Checkbox(props) {\n var _this5;\n _classCallCheck(this, Checkbox);\n _this5 = _callSuper(this, Checkbox, [props]);\n _this5.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n return _this5;\n }\n _inherits(Checkbox, _React$Component3);\n return _createClass(Checkbox, [{\n key: \"render\",\n value: function render() {\n var _ref23,\n _this$props$name,\n _this$props,\n _this$props2,\n _this$props3,\n _this6 = this,\n _ref24,\n _this$props$item$bgCo,\n _this$props4,\n _this$props5,\n _self$props14,\n _self,\n _this$props$item$help3,\n _this$props$item3;\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n var props = {};\n // eslint-disable-next-line no-undef\n props.name = (_ref23 = (_this$props$name = this === null || this === void 0 || (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.name) !== null && _this$props$name !== void 0 ? _this$props$name : this === null || this === void 0 || (_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.item) === null || _this$props2 === void 0 ? void 0 : _this$props2.customName) !== null && _ref23 !== void 0 ? _ref23 : this === null || this === void 0 || (_this$props3 = this.props) === null || _this$props3 === void 0 || (_this$props3 = _this$props3.item) === null || _this$props3 === void 0 ? void 0 : _this$props3.fieldName;\n props.onChange = function (event) {\n if (_this6.props.onChange) {\n _this6.props.onChange(event.target.checked);\n }\n };\n //props.isInvalid = this.props.isInvalid;\n if (this.props.onBlur) {\n props.onBlur = this.props.onBlur;\n }\n props.autoComplete = \"new-password\";\n if (this.props.item.disabled) {\n props.disabled = 'disabled';\n }\n if (this.props.item.mutable) {\n props.inputRef = this.inputField;\n }\n props.checked = this.props.value;\n //props.inline = this.props.item.inline ?? false;\n\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: props.name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n dangerouslySetInnerHTML: {\n __html: this.props.item.boxLabel\n }\n }), \": \", this.props.value === true ? 'Yes' : 'No')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({\n className: \"form-label\"\n }, this.props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], _extends({\n type: \"checkbox\",\n variant: (_ref24 = (_this$props$item$bgCo = (_this$props4 = this.props) === null || _this$props4 === void 0 || (_this$props4 = _this$props4.item) === null || _this$props4 === void 0 ? void 0 : _this$props4.bgColor) !== null && _this$props$item$bgCo !== void 0 ? _this$props$item$bgCo : (_this$props5 = this.props) === null || _this$props5 === void 0 ? void 0 : _this$props5.checkboxButtonClassName) !== null && _ref24 !== void 0 ? _ref24 : \"outline-light\",\n className: \"btn-survey-builder-checkbox w-100 \".concat((_self$props14 = self.props) === null || _self$props14 === void 0 || (_self$props14 = _self$props14.item) === null || _self$props14 === void 0 ? void 0 : _self$props14.className),\n value: props.name,\n id: props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox\"\n }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxBlankLine, {\n size: \"40px\",\n className: \"me-3 flex-shrink-0\"\n }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxFill, {\n size: \"40px\",\n className: \"me-3 flex-shrink-0\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-start text-\".concat((_self = self) === null || _self === void 0 || (_self = _self.props) === null || _self === void 0 || (_self = _self.item) === null || _self === void 0 ? void 0 : _self.textColor)\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n dangerouslySetInnerHTML: {\n __html: this.props.item.boxLabel\n }\n })))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help3 = (_this$props$item3 = this.props.item) === null || _this$props$item3 === void 0 ? void 0 : _this$props$item3.helpClassName) !== null && _this$props$item$help3 !== void 0 ? _this$props$item$help3 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: props.name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar RadioButtons = /*#__PURE__*/function (_React$Component4) {\n function RadioButtons(props) {\n var _this7;\n _classCallCheck(this, RadioButtons);\n _this7 = _callSuper(this, RadioButtons, [props]);\n _this7.options = {};\n return _this7;\n }\n _inherits(RadioButtons, _React$Component4);\n return _createClass(RadioButtons, [{\n key: \"render\",\n value: function render() {\n var _ref25,\n _self$props$name2,\n _self$props15,\n _self$props16,\n _self$props17,\n _this8 = this,\n _self$props$item$help,\n _self$props$item;\n var self = this;\n var name = (_ref25 = (_self$props$name2 = self === null || self === void 0 || (_self$props15 = self.props) === null || _self$props15 === void 0 ? void 0 : _self$props15.name) !== null && _self$props$name2 !== void 0 ? _self$props$name2 : self === null || self === void 0 || (_self$props16 = self.props) === null || _self$props16 === void 0 || (_self$props16 = _self$props16.item) === null || _self$props16 === void 0 ? void 0 : _self$props16.customName) !== null && _ref25 !== void 0 ? _ref25 : self === null || self === void 0 || (_self$props17 = self.props) === null || _self$props17 === void 0 || (_self$props17 = _self$props17.item) === null || _self$props17 === void 0 ? void 0 : _self$props17.fieldName;\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: this.props.name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n return _this8.props.value === option.value;\n }).map(function (option) {\n return option.text;\n }).join(', '))));\n }\n // console.log('self.props', self.props);\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, self.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], self.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], self.props), self.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_self$props$item$help = (_self$props$item = self.props.item) === null || _self$props$item === void 0 ? void 0 : _self$props$item.helpClassName) !== null && _self$props$item$help !== void 0 ? _self$props$item$help : 'text-muted'\n }, self.props.item.help)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n className: \"g-3\"\n }, self.props.item.options.map(function (option, index) {\n var _self$props18, _self$props19, _ref26, _self$props$item$bgCo2, _self$props20, _self$props21, _self$props22, _self$props23, _self$props24, _self$props25, _self$props26, _self$props30, _self$props31, _self$props32, _self$props33, _self$props34, _self$props35, _self$props36, _self$props37, _self$props38, _self$props39, _self$props40, _self$props41, _self$props42, _self$props43;\n // console.log('option', option);\n var checked = (self === null || self === void 0 || (_self$props18 = self.props) === null || _self$props18 === void 0 ? void 0 : _self$props18.value) === option.value;\n var horizontal = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)((_self$props19 = self.props) === null || _self$props19 === void 0 || (_self$props19 = _self$props19.item) === null || _self$props19 === void 0 ? void 0 : _self$props19.inline);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n key: \"container_\".concat(name, \"_\").concat(option.value),\n xs: horizontal ? 6 : 12\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n label: option.text,\n type: \"radio\",\n variant: (_ref26 = (_self$props$item$bgCo2 = (_self$props20 = self.props) === null || _self$props20 === void 0 || (_self$props20 = _self$props20.item) === null || _self$props20 === void 0 ? void 0 : _self$props20.bgColor) !== null && _self$props$item$bgCo2 !== void 0 ? _self$props$item$bgCo2 : (_self$props21 = self.props) === null || _self$props21 === void 0 ? void 0 : _self$props21.checkboxButtonClassName) !== null && _ref26 !== void 0 ? _ref26 : \"outline-light\",\n className: \"btn-survey-builder-checkbox \".concat((_self$props22 = self.props) === null || _self$props22 === void 0 || (_self$props22 = _self$props22.item) === null || _self$props22 === void 0 ? void 0 : _self$props22.className, \" \").concat((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) ? (_self$props23 = self.props) === null || _self$props23 === void 0 || (_self$props23 = _self$props23.item) === null || _self$props23 === void 0 ? void 0 : _self$props23.selectedClassName : (_self$props24 = self.props) === null || _self$props24 === void 0 || (_self$props24 = _self$props24.item) === null || _self$props24 === void 0 ? void 0 : _self$props24.unselectedClassName),\n key: \"preview_\".concat(option.key),\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n inputRef: function inputRef(c) {\n if (c && self.props.item.mutable) {\n self.options[\"child_ref_\".concat(option.key)] = c;\n }\n },\n disabled: self === null || self === void 0 || (_self$props25 = self.props) === null || _self$props25 === void 0 || (_self$props25 = _self$props25.item) === null || _self$props25 === void 0 ? void 0 : _self$props25.disabled,\n name: name,\n value: option.value,\n checked: (self === null || self === void 0 || (_self$props26 = self.props) === null || _self$props26 === void 0 ? void 0 : _self$props26.value) === option.value,\n onChange: function onChange(e) {\n var _self$props27, _self$props28, _self$props29;\n // console.log('onChange', e.target.value);\n if ((self === null || self === void 0 || (_self$props27 = self.props) === null || _self$props27 === void 0 ? void 0 : _self$props27.onChange) !== undefined) {\n self.props.onChange(e.target.value);\n }\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props28 = self.props) === null || _self$props28 === void 0 || (_self$props28 = _self$props28.item) === null || _self$props28 === void 0 ? void 0 : _self$props28.submitOnSelection) && (self === null || self === void 0 || (_self$props29 = self.props) === null || _self$props29 === void 0 ? void 0 : _self$props29.onSelect) !== undefined) {\n self.props.onSelect(e.target.value);\n }\n }\n }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(horizontal) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n iconImportString: option.icon,\n size: 80\n })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center mx-auto d-block\",\n style: {\n height: 100,\n width: 100\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: option.image,\n alt: option.text,\n style: {\n height: 100\n },\n className: \"mx-auto d-block\",\n loading: \"lazy\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-row align-items-center justify-content-between\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"w-100 d-flex align-items-center justify-content-center text-survey-builder-checkbox\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-column\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-\".concat(self === null || self === void 0 || (_self$props30 = self.props) === null || _self$props30 === void 0 || (_self$props30 = _self$props30.item) === null || _self$props30 === void 0 ? void 0 : _self$props30.textColor, \" \").concat(self === null || self === void 0 || (_self$props31 = self.props) === null || _self$props31 === void 0 || (_self$props31 = _self$props31.item) === null || _self$props31 === void 0 ? void 0 : _self$props31.fieldLabelClassName, \" text-center\")\n }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"\".concat(self === null || self === void 0 || (_self$props32 = self.props) === null || _self$props32 === void 0 || (_self$props32 = _self$props32.item) === null || _self$props32 === void 0 ? void 0 : _self$props32.fieldDescriptionClassName)\n }, option.description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props33 = self.props) === null || _self$props33 === void 0 || (_self$props33 = _self$props33.item) === null || _self$props33 === void 0 ? void 0 : _self$props33.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n size: 30,\n className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props34 = self.props) === null || _self$props34 === void 0 || (_self$props34 = _self$props34.item) === null || _self$props34 === void 0 ? void 0 : _self$props34.unselectedColor)\n }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props35 = self.props) === null || _self$props35 === void 0 || (_self$props35 = _self$props35.item) === null || _self$props35 === void 0 ? void 0 : _self$props35.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n size: 30,\n className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props36 = self.props) === null || _self$props36 === void 0 || (_self$props36 = _self$props36.item) === null || _self$props36 === void 0 ? void 0 : _self$props36.selectedColor)\n })))))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-row align-items-center justify-content-between\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"w-100 d-flex align-items-center justify-content-start text-survey-builder-checkbox\"\n }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props37 = self.props) === null || _self$props37 === void 0 || (_self$props37 = _self$props37.item) === null || _self$props37 === void 0 ? void 0 : _self$props37.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props38 = self.props) === null || _self$props38 === void 0 || (_self$props38 = _self$props38.item) === null || _self$props38 === void 0 ? void 0 : _self$props38.unselectedColor)\n }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props39 = self.props) === null || _self$props39 === void 0 || (_self$props39 = _self$props39.item) === null || _self$props39 === void 0 ? void 0 : _self$props39.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props40 = self.props) === null || _self$props40 === void 0 || (_self$props40 = _self$props40.item) === null || _self$props40 === void 0 ? void 0 : _self$props40.selectedColor)\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-column\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-\".concat(self === null || self === void 0 || (_self$props41 = self.props) === null || _self$props41 === void 0 || (_self$props41 = _self$props41.item) === null || _self$props41 === void 0 ? void 0 : _self$props41.textColor, \" \").concat(self === null || self === void 0 || (_self$props42 = self.props) === null || _self$props42 === void 0 || (_self$props42 = _self$props42.item) === null || _self$props42 === void 0 ? void 0 : _self$props42.fieldLabelClassName)\n }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"\".concat(self === null || self === void 0 || (_self$props43 = self.props) === null || _self$props43 === void 0 || (_self$props43 = _self$props43.item) === null || _self$props43 === void 0 ? void 0 : _self$props43.fieldDescriptionClassName)\n }, option.description))), option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center me-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n iconImportString: option.icon,\n size: 50\n })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center me-2\",\n style: {\n height: 40,\n width: 40\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: option.image,\n alt: option.label,\n style: {\n height: 40\n },\n className: \"mx-auto d-block\",\n loading: \"lazy\"\n })))));\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar ButtonList = /*#__PURE__*/function (_React$Component5) {\n function ButtonList(props) {\n var _this9;\n _classCallCheck(this, ButtonList);\n _this9 = _callSuper(this, ButtonList, [props]);\n _this9.options = {};\n return _this9;\n }\n _inherits(ButtonList, _React$Component5);\n return _createClass(ButtonList, [{\n key: \"render\",\n value: function render() {\n var _ref27,\n _self$props$name3,\n _self$props44,\n _self$props45,\n _self$props46,\n _this10 = this,\n _self$props$item$help2,\n _self$props$item2;\n var self = this;\n var name = (_ref27 = (_self$props$name3 = self === null || self === void 0 || (_self$props44 = self.props) === null || _self$props44 === void 0 ? void 0 : _self$props44.name) !== null && _self$props$name3 !== void 0 ? _self$props$name3 : self === null || self === void 0 || (_self$props45 = self.props) === null || _self$props45 === void 0 || (_self$props45 = _self$props45.item) === null || _self$props45 === void 0 ? void 0 : _self$props45.customName) !== null && _ref27 !== void 0 ? _ref27 : self === null || self === void 0 || (_self$props46 = self.props) === null || _self$props46 === void 0 || (_self$props46 = _self$props46.item) === null || _self$props46 === void 0 ? void 0 : _self$props46.fieldName;\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: this.props.name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n return _this10.props.value === option.value;\n }).map(function (option) {\n return option.text;\n }).join(', '))));\n }\n // console.log('self.props', self.props);\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, self.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], self.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], self.props), self.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_self$props$item$help2 = (_self$props$item2 = self.props.item) === null || _self$props$item2 === void 0 ? void 0 : _self$props$item2.helpClassName) !== null && _self$props$item$help2 !== void 0 ? _self$props$item$help2 : 'text-muted'\n }, self.props.item.help)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n className: \"g-3\"\n }, self.props.item.options.map(function (option, index) {\n var _self$props47, _self$props48, _ref28, _self$props$item$bgCo3, _self$props49, _self$props50, _self$props51, _self$props52, _self$props53, _self$props54, _self$props55, _self$props59, _self$props60, _self$props61, _self$props62, _self$props63, _self$props64, _self$props65, _self$props66, _self$props67, _self$props68, _self$props69, _self$props70, _self$props71, _self$props72;\n // console.log('option', option);\n var checked = (self === null || self === void 0 || (_self$props47 = self.props) === null || _self$props47 === void 0 ? void 0 : _self$props47.value) === option.value;\n var horizontal = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)((_self$props48 = self.props) === null || _self$props48 === void 0 || (_self$props48 = _self$props48.item) === null || _self$props48 === void 0 ? void 0 : _self$props48.inline);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n key: \"container_\".concat(name, \"_\").concat(option.value),\n xs: horizontal ? 6 : 12\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n label: option.text,\n type: \"radio\",\n variant: (_ref28 = (_self$props$item$bgCo3 = (_self$props49 = self.props) === null || _self$props49 === void 0 || (_self$props49 = _self$props49.item) === null || _self$props49 === void 0 ? void 0 : _self$props49.bgColor) !== null && _self$props$item$bgCo3 !== void 0 ? _self$props$item$bgCo3 : (_self$props50 = self.props) === null || _self$props50 === void 0 ? void 0 : _self$props50.checkboxButtonClassName) !== null && _ref28 !== void 0 ? _ref28 : \"outline-light\",\n className: \"btn-survey-builder-checkbox \".concat((_self$props51 = self.props) === null || _self$props51 === void 0 || (_self$props51 = _self$props51.item) === null || _self$props51 === void 0 ? void 0 : _self$props51.className, \" \").concat((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) ? (_self$props52 = self.props) === null || _self$props52 === void 0 || (_self$props52 = _self$props52.item) === null || _self$props52 === void 0 ? void 0 : _self$props52.selectedClassName : (_self$props53 = self.props) === null || _self$props53 === void 0 || (_self$props53 = _self$props53.item) === null || _self$props53 === void 0 ? void 0 : _self$props53.unselectedClassName),\n key: \"preview_\".concat(option.key),\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n inputRef: function inputRef(c) {\n if (c && self.props.item.mutable) {\n self.options[\"child_ref_\".concat(option.key)] = c;\n }\n },\n disabled: self === null || self === void 0 || (_self$props54 = self.props) === null || _self$props54 === void 0 || (_self$props54 = _self$props54.item) === null || _self$props54 === void 0 ? void 0 : _self$props54.disabled,\n name: name,\n value: option.value,\n checked: (self === null || self === void 0 || (_self$props55 = self.props) === null || _self$props55 === void 0 ? void 0 : _self$props55.value) === option.value,\n onChange: function onChange(e) {\n var _self$props56, _self$props57, _self$props58;\n // console.log('onChange', e.target.value);\n if ((self === null || self === void 0 || (_self$props56 = self.props) === null || _self$props56 === void 0 ? void 0 : _self$props56.onChange) !== undefined) {\n self.props.onChange(e.target.value);\n }\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props57 = self.props) === null || _self$props57 === void 0 || (_self$props57 = _self$props57.item) === null || _self$props57 === void 0 ? void 0 : _self$props57.submitOnSelection) && (self === null || self === void 0 || (_self$props58 = self.props) === null || _self$props58 === void 0 ? void 0 : _self$props58.onSelect) !== undefined) {\n self.props.onSelect(e.target.value);\n }\n }\n }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(horizontal) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n iconImportString: option.icon,\n size: 80\n })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center mx-auto d-block\",\n style: {\n height: 100,\n width: 100\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: option.image,\n alt: option.text,\n style: {\n height: 100\n },\n className: \"mx-auto d-block\",\n loading: \"lazy\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-row align-items-center justify-content-between\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"w-100 d-flex align-items-center justify-content-center text-survey-builder-checkbox\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-column\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-\".concat(self === null || self === void 0 || (_self$props59 = self.props) === null || _self$props59 === void 0 || (_self$props59 = _self$props59.item) === null || _self$props59 === void 0 ? void 0 : _self$props59.textColor, \" \").concat(self === null || self === void 0 || (_self$props60 = self.props) === null || _self$props60 === void 0 || (_self$props60 = _self$props60.item) === null || _self$props60 === void 0 ? void 0 : _self$props60.fieldLabelClassName, \" text-center\")\n }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"\".concat(self === null || self === void 0 || (_self$props61 = self.props) === null || _self$props61 === void 0 || (_self$props61 = _self$props61.item) === null || _self$props61 === void 0 ? void 0 : _self$props61.fieldDescriptionClassName)\n }, option.description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props62 = self.props) === null || _self$props62 === void 0 || (_self$props62 = _self$props62.item) === null || _self$props62 === void 0 ? void 0 : _self$props62.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n size: 30,\n className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props63 = self.props) === null || _self$props63 === void 0 || (_self$props63 = _self$props63.item) === null || _self$props63 === void 0 ? void 0 : _self$props63.unselectedColor)\n }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props64 = self.props) === null || _self$props64 === void 0 || (_self$props64 = _self$props64.item) === null || _self$props64 === void 0 ? void 0 : _self$props64.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n size: 30,\n className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props65 = self.props) === null || _self$props65 === void 0 || (_self$props65 = _self$props65.item) === null || _self$props65 === void 0 ? void 0 : _self$props65.selectedColor)\n })))))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-row align-items-center justify-content-between\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"w-100 d-flex align-items-center justify-content-start text-survey-builder-checkbox\"\n }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props66 = self.props) === null || _self$props66 === void 0 || (_self$props66 = _self$props66.item) === null || _self$props66 === void 0 ? void 0 : _self$props66.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props67 = self.props) === null || _self$props67 === void 0 || (_self$props67 = _self$props67.item) === null || _self$props67 === void 0 ? void 0 : _self$props67.unselectedColor)\n }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props68 = self.props) === null || _self$props68 === void 0 || (_self$props68 = _self$props68.item) === null || _self$props68 === void 0 ? void 0 : _self$props68.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props69 = self.props) === null || _self$props69 === void 0 || (_self$props69 = _self$props69.item) === null || _self$props69 === void 0 ? void 0 : _self$props69.selectedColor)\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-column\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-\".concat(self === null || self === void 0 || (_self$props70 = self.props) === null || _self$props70 === void 0 || (_self$props70 = _self$props70.item) === null || _self$props70 === void 0 ? void 0 : _self$props70.textColor, \" \").concat(self === null || self === void 0 || (_self$props71 = self.props) === null || _self$props71 === void 0 || (_self$props71 = _self$props71.item) === null || _self$props71 === void 0 ? void 0 : _self$props71.fieldLabelClassName)\n }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"\".concat(self === null || self === void 0 || (_self$props72 = self.props) === null || _self$props72 === void 0 || (_self$props72 = _self$props72.item) === null || _self$props72 === void 0 ? void 0 : _self$props72.fieldDescriptionClassName)\n }, option.description))), option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center me-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n iconImportString: option.icon,\n size: 50\n })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center me-2\",\n style: {\n height: 40,\n width: 40\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: option.image,\n alt: option.label,\n style: {\n height: 40\n },\n className: \"mx-auto d-block\",\n loading: \"lazy\"\n })))));\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Image = function Image(props) {\n var style = props.item.center ? {\n textAlign: 'center'\n } : null;\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, props.style), style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: props.item.src,\n width: props.item.width,\n height: props.item.height\n }), !props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"no-image\"\n }, \"No Image\"));\n};\nvar Rating = function Rating(_ref29) {\n var _item$required25, _item$disabled17, _item$required26, _item$helpClassName18;\n var name = _ref29.name,\n onChange = _ref29.onChange,\n value = _ref29.value,\n style = _ref29.style,\n item = _ref29.item,\n props = _objectWithoutProperties(_ref29, _excluded10);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n required: (_item$required25 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required25 !== void 0 ? _item$required25 : false,\n disabled: (_item$disabled17 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled17 !== void 0 ? _item$disabled17 : false\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required26 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required26 !== void 0 ? _item$required26 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref30) {\n var _ref30$field = _ref30.field,\n onChange = _ref30$field.onChange,\n onBlur = _ref30$field.onBlur,\n value = _ref30$field.value,\n name = _ref30$field.name,\n ref = _ref30$field.ref,\n _ref30$fieldState = _ref30.fieldState,\n invalid = _ref30$fieldState.invalid,\n isTouched = _ref30$fieldState.isTouched,\n isDirty = _ref30$fieldState.isDirty,\n error = _ref30$fieldState.error,\n formState = _ref30.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n onBlur: onBlur,\n onRatingClick: function onRatingClick(event, _ref31) {\n var rating = _ref31.rating;\n onChange(rating);\n onChangeHandler(rating);\n },\n rating: !isNaN(value) ? parseFloat(value, 10) : 0,\n name: name,\n editing: item.mutable\n // ref={ref}\n ,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (value !== undefined) {\n controllerProps.defaultValue = !isNaN(value) ? parseFloat(value, 10) : 0;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled18;\n controllerProps.disabled = (_item$disabled18 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled18 !== void 0 ? _item$disabled18 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required27;\n controllerProps.required = (_item$required27 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required27 !== void 0 ? _item$required27 : false;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName17;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n onRatingClick: function onRatingClick(event, _ref32) {\n var rating = _ref32.rating;\n onChange(rating);\n onChangeHandler(rating);\n },\n rating: !isNaN(value) ? Number(value) : 0,\n name: name,\n editing: false,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName17 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName17 !== void 0 ? _item$helpClassName17 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName18 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName18 !== void 0 ? _item$helpClassName18 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar HyperLink = function HyperLink(props) {\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n target: \"_blank\",\n href: props.item.href,\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(props.item.content)\n }\n }))));\n};\nvar Download = function Download(props) {\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n href: \"\".concat(props.downloadPath, \"?id=\").concat(props.item.filePath)\n }, props.item.content)));\n};\nvar Camera = /*#__PURE__*/function (_React$Component6) {\n function Camera(props) {\n var _this11;\n _classCallCheck(this, Camera);\n _this11 = _callSuper(this, Camera, [props]);\n _defineProperty(_this11, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this11.setState({\n img: event.target.files[0]\n });\n if (_this11.props.onChange) {\n _this11.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this11, \"clearImage\", function () {\n _this11.setState({\n img: null\n });\n if (_this11.props.onChange) {\n _this11.props.onChange(null);\n }\n });\n _this11.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this11.state = {\n img: props.value\n };\n return _this11;\n }\n _inherits(Camera, _React$Component6);\n return _createClass(Camera, [{\n key: \"getImageSizeProps\",\n value: function getImageSizeProps(_ref33) {\n var width = _ref33.width,\n height = _ref33.height;\n var imgProps = {\n width: '100%'\n };\n if (width) {\n imgProps.width = width < window.innerWidth ? width : 0.9 * window.innerWidth;\n }\n if (height) {\n imgProps.height = height;\n }\n return imgProps;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props$checkboxB, _this$props6, _this$props$item$help4, _this$props$item4;\n var imageStyle = {\n objectFit: 'scale-down',\n objectPosition: this.props.item.center ? 'center' : 'left'\n };\n var fileInputStyle = this.state.img ? {\n display: 'none'\n } : null;\n var props = {};\n props.name = this.props.name;\n props.placeholder = this.props.item.placeholder || 'Select an image from your computer or device.';\n props.onChange = this.handleChange;\n props.onClick = function (event) {\n event.target.value = null;\n };\n props.isInvalid = this.props.isInvalid;\n if (this.props.onBlur) {\n props.onBlur = this.props.onBlur;\n }\n if (this.props.item.disabled) {\n props.disabled = 'disabled';\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n var sourceDataURL;\n if (this.props.item.readOnly === true && this.props.value && this.props.value.length > 0) {\n console.log(this.props.value);\n if (this.props.value.indexOf(this.props.name > -1)) {\n sourceDataURL = this.props.value;\n } else {\n sourceDataURL = \"data:image/png;base64,\".concat(this.props.value);\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], _extends({\n style: imageStyle,\n src: sourceDataURL\n }, this.getImageSizeProps(this.props.item)))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: fileInputStyle\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n type: \"file\",\n accept: \"image/*\",\n capture: \"camera\",\n className: \"image-upload\"\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-control d-grid gap-2 w-100\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: (_this$props$checkboxB = (_this$props6 = this.props) === null || _this$props6 === void 0 ? void 0 : _this$props6.checkboxButtonClassName) !== null && _this$props$checkboxB !== void 0 ? _this$props$checkboxB : \"outline-dark\",\n className: \"d-flex align-items-center justify-content-between fw-bold\",\n size: \"lg\"\n }, \"Take Photo \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaCamera, null)))), this.props.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"]\n // onLoad={() => URL.revokeObjectURL(this.state.previewImg)}\n , {\n src: URL.createObjectURL(this.props.value),\n height: \"100\",\n className: \"image-upload-preview\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n size: \"sm\",\n onClick: this.clearImage\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear Photo\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help4 = (_this$props$item4 = this.props.item) === null || _this$props$item4 === void 0 ? void 0 : _this$props$item4.helpClassName) !== null && _this$props$item$help4 !== void 0 ? _this$props$item$help4 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: this.props.name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar FileUpload = /*#__PURE__*/function (_React$Component7) {\n function FileUpload(props) {\n var _this12;\n _classCallCheck(this, FileUpload);\n _this12 = _callSuper(this, FileUpload, [props]);\n _defineProperty(_this12, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this12.setState({\n fileUpload: event.target.files[0]\n });\n if (_this12.props.onChange) {\n _this12.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this12, \"clearFileUpload\", function () {\n _this12.setState({\n fileUpload: null\n });\n if (_this12.props.onChange) {\n _this12.props.onChange(null);\n }\n });\n _defineProperty(_this12, \"saveFile\", /*#__PURE__*/function () {\n var _ref34 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {\n var sourceUrl, response, dispositionHeader, resBlob, blob, fileName, _fileName;\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n e.preventDefault();\n sourceUrl = _this12.props.value;\n _context2.next = 4;\n return isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default()(sourceUrl, {\n method: 'GET',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json; charset=utf-8'\n },\n responseType: 'blob'\n });\n case 4:\n response = _context2.sent;\n dispositionHeader = response.headers.get('Content-Disposition');\n _context2.next = 8;\n return response.blob();\n case 8:\n resBlob = _context2.sent;\n // eslint-disable-next-line no-undef\n blob = new Blob([resBlob], {\n type: _this12.props.item.fileType || response.headers.get('Content-Type')\n });\n if (dispositionHeader && dispositionHeader.indexOf(';filename=') > -1) {\n fileName = dispositionHeader.split(';filename=')[1];\n (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(blob, fileName);\n } else {\n _fileName = sourceUrl.substring(sourceUrl.lastIndexOf('/') + 1);\n (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(response.url, _fileName);\n }\n case 11:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }));\n return function (_x) {\n return _ref34.apply(this, arguments);\n };\n }());\n _this12.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this12.state = {\n fileUpload: props.value\n };\n return _this12;\n }\n _inherits(FileUpload, _React$Component7);\n return _createClass(FileUpload, [{\n key: \"render\",\n value: function render() {\n var _this$props$item$help5, _this$props$item5;\n var fileInputStyle = this.state.fileUpload ? {\n display: 'none'\n } : null;\n var props = {};\n props.name = this.props.name;\n props.placeholder = this.props.item.placeholder || 'Select a file from your computer or device.';\n props.onChange = this.handleChange;\n props.onClick = function (event) {\n event.target.value = null;\n };\n props.isInvalid = this.props.isInvalid;\n if (this.props.onBlur) {\n props.onBlur = this.props.onBlur;\n }\n if (this.props.item.disabled) {\n props.disabled = 'disabled';\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n onClick: this.saveFile\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaDownload, null), \" Download File\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: fileInputStyle\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n type: \"file\",\n accept: this.props.item.fileType || '*',\n className: \"image-upload\"\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-control\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"light\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaFile, null), \" Upload File\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select a file from your computer or device.\"))), this.state.fileUpload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"file-upload-preview\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: {\n display: 'inline-block',\n marginRight: '5px'\n }\n }, \"Name: \".concat(this.state.fileUpload.name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: {\n display: 'inline-block',\n marginLeft: '5px'\n }\n }, this.state.fileUpload.size.length > 6 ? \"Size: \".concat(Math.ceil(this.state.fileUpload.size / (1024 * 1024)), \" mb\") : \"Size: \".concat(Math.ceil(this.state.fileUpload.size / 1024), \" kb\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n size: \"sm\",\n className: \"btn-file-upload-clear\",\n onClick: this.clearFileUpload\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear File\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help5 = (_this$props$item5 = this.props.item) === null || _this$props$item5 === void 0 ? void 0 : _this$props$item5.helpClassName) !== null && _this$props$item$help5 !== void 0 ? _this$props$item$help5 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: this.props.name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Range = /*#__PURE__*/function (_React$Component8) {\n function Range(props) {\n var _this13;\n _classCallCheck(this, Range);\n _this13 = _callSuper(this, Range, [props]);\n _this13.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n return _this13;\n }\n _inherits(Range, _React$Component8);\n return _createClass(Range, [{\n key: \"render\",\n value: function render() {\n var _this14 = this,\n _this$props$item$help6,\n _this$props$item6;\n var props = {};\n var name = this.props.name;\n props.name = this.props.name;\n props.value = this.props.value;\n props.onChange = function (event) {\n _this14.props.onChange(event.target.value);\n };\n if (this.props.item.disabled) {\n props.disabled = true;\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n } else {\n if (props.value === undefined) {\n props.value = this.props.item.defaultValue;\n }\n }\n props.type = 'range';\n props.list = \"tickmarks_\".concat(name);\n props.min = this.props.item.minValue;\n props.max = this.props.item.maxValue;\n props.step = this.props.item.step;\n var datalist = [];\n for (var i = parseInt(props.min, 10); i <= parseInt(props.max, 10); i += parseInt(props.step, 10)) {\n datalist.push(i);\n }\n var oneBig = 100 / (datalist.length - 1);\n var _datalist = datalist.map(function (d, idx) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n key: \"\".concat(props.list, \"_\").concat(idx)\n }, d);\n });\n var visibleMarks = datalist.map(function (d, idx) {\n var optionProps = {};\n var w = oneBig;\n if (idx === 0 || idx === datalist.length - 1) {\n w = oneBig / 2;\n }\n optionProps.key = \"\".concat(props.list, \"_label_\").concat(idx);\n optionProps.style = {\n width: \"\".concat(w, \"%\")\n };\n if (idx === datalist.length - 1) {\n optionProps.style = {\n width: \"\".concat(w, \"%\"),\n textAlign: 'right'\n };\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", optionProps, d);\n });\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.value)));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n className: \"float-start\"\n }, this.props.item.minLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n className: \"float-end\"\n }, this.props.item.maxLabel)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default()), props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"visible_marks\"\n }, visibleMarks), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"datalist\", {\n id: props.list\n }, _datalist), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help6 = (_this$props$item6 = this.props.item) === null || _this$props$item6 === void 0 ? void 0 : _this$props$item6.helpClassName) !== null && _this$props$item$help6 !== void 0 ? _this$props$item$help6 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nSurveyElements.Header = Header;\nSurveyElements.Paragraph = Paragraph;\nSurveyElements.ContentBody = ContentBody;\nSurveyElements.Label = Label;\nSurveyElements.LineBreak = LineBreak;\nSurveyElements.TextInput = TextInput;\nSurveyElements.EmailInput = EmailInput;\nSurveyElements.PhoneNumber = PhoneNumber;\nSurveyElements.NumberInput = NumberInput;\nSurveyElements.TextArea = TextArea;\nSurveyElements.Dropdown = Dropdown;\nSurveyElements.Signature = Signature;\nSurveyElements.Checkboxes = Checkboxes;\nSurveyElements.Checkbox = Checkbox;\nSurveyElements.DatePicker = DatePicker;\nSurveyElements.RadioButtons = RadioButtons;\nSurveyElements.ButtonList = ButtonList;\nSurveyElements.Image = Image;\nSurveyElements.Rating = Rating;\nSurveyElements.Tags = Tags;\nSurveyElements.HyperLink = HyperLink;\nSurveyElements.Download = Download;\nSurveyElements.Camera = Camera;\nSurveyElements.FileUpload = FileUpload;\nSurveyElements.Range = Range;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/index.jsx?");
1183
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ButtonList: () => (/* binding */ ButtonList),\n/* harmony export */ Camera: () => (/* binding */ Camera),\n/* harmony export */ Checkbox: () => (/* binding */ Checkbox),\n/* harmony export */ Checkboxes: () => (/* binding */ Checkboxes),\n/* harmony export */ ContentBody: () => (/* binding */ ContentBody),\n/* harmony export */ DatePicker: () => (/* binding */ DatePicker),\n/* harmony export */ Download: () => (/* binding */ Download),\n/* harmony export */ Dropdown: () => (/* binding */ Dropdown),\n/* harmony export */ EmailInput: () => (/* binding */ EmailInput),\n/* harmony export */ FileUpload: () => (/* binding */ FileUpload),\n/* harmony export */ Header: () => (/* binding */ Header),\n/* harmony export */ HyperLink: () => (/* binding */ HyperLink),\n/* harmony export */ Image: () => (/* binding */ Image),\n/* harmony export */ Label: () => (/* binding */ Label),\n/* harmony export */ LineBreak: () => (/* binding */ LineBreak),\n/* harmony export */ NumberInput: () => (/* binding */ NumberInput),\n/* harmony export */ Paragraph: () => (/* binding */ Paragraph),\n/* harmony export */ PhoneNumber: () => (/* binding */ PhoneNumber),\n/* harmony export */ RadioButtons: () => (/* binding */ RadioButtons),\n/* harmony export */ Range: () => (/* binding */ Range),\n/* harmony export */ Rating: () => (/* binding */ Rating),\n/* harmony export */ Signature: () => (/* binding */ Signature),\n/* harmony export */ Tags: () => (/* binding */ Tags),\n/* harmony export */ TextArea: () => (/* binding */ TextArea),\n/* harmony export */ TextInput: () => (/* binding */ TextInput),\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! isomorphic-fetch */ \"./node_modules/isomorphic-fetch/fetch-npm-browserify.js\");\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! file-saver */ \"./node_modules/file-saver/dist/FileSaver.min.js\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-signature-canvas */ \"./node_modules/react-signature-canvas/build/index.js\");\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-bootstrap-range-slider */ \"./node_modules/react-bootstrap-range-slider/dist/index.js\");\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _star_rating__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./star-rating */ \"./src/survey-elements/star-rating.jsx\");\n/* harmony import */ var _component_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./component-header */ \"./src/survey-elements/component-header.jsx\");\n/* harmony import */ var _component_label__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./component-label */ \"./src/survey-elements/component-label.jsx\");\n/* harmony import */ var _myxss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./myxss */ \"./src/survey-elements/myxss.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-bootstrap-typeahead */ \"./node_modules/react-bootstrap-typeahead/es/index.js\");\n/* harmony import */ var _component_error_message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./component-error-message */ \"./src/survey-elements/component-error-message.jsx\");\n/* harmony import */ var _utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/ipUtils */ \"./src/utils/ipUtils.jsx\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! moment-timezone */ \"./node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var react_icons_ri__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! react-icons/ri */ \"./node_modules/react-icons/ri/index.mjs\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Image.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Container.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! react-bootstrap */ \"./node_modules/react-bootstrap/esm/ToggleButton.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var react_imask__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-imask */ \"./node_modules/react-imask/esm/index.js\");\n/* harmony import */ var libphonenumber_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! libphonenumber-js */ \"./node_modules/libphonenumber-js/min/exports/isValidPhoneNumber.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../utils/objectUtils */ \"./src/utils/objectUtils.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar _excluded = [\"iconImportString\"],\n _excluded2 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded3 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded4 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded5 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded6 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded7 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded8 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded9 = [\"name\", \"onChange\", \"defaultValue\", \"style\", \"item\"],\n _excluded10 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"];\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\n// eslint-disable-next-line max-classes-per-file\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SurveyElements = {};\nvar IconComponent = function IconComponent(_ref) {\n var iconImportString = _ref.iconImportString,\n props = _objectWithoutProperties(_ref, _excluded);\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_2___default().useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n Icon = _React$useState2[0],\n setIcon = _React$useState2[1];\n react__WEBPACK_IMPORTED_MODULE_2___default().useEffect(function () {\n // iconImportString - i.e. 'react-icons/fa/FaBeer'\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(iconImportString) && iconImportString !== '') {\n var iconStringParts = iconImportString.split('/');\n var iconName = iconStringParts[2];\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(iconName)) {\n __webpack_require__(\"./src/survey-elements lazy recursive\")(iconImportString).then(function (module) {\n return setIcon(module[iconName]);\n });\n }\n }\n }, [iconImportString]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, Icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Icon, props));\n};\nvar Header = function Header(props) {\n var _props$item;\n var classNames = 'static';\n if (props.item.bold) {\n classNames += ' bold';\n }\n if (props.item.italic) {\n classNames += ' italic';\n }\n if (props.headerClassName) {\n classNames += \" \".concat(props.headerClassName);\n }\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"h3\", {\n className: classNames,\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.staticVariables))\n }\n }));\n};\nvar ContentBody = function ContentBody(props) {\n var _props$item2;\n var classNames = 'static';\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: classNames,\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__.myContentXSS.process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.staticVariables))\n }\n }));\n};\nvar Paragraph = function Paragraph(props) {\n var _props$item3;\n var classNames = 'static';\n if (props.item.bold) {\n classNames += ' bold';\n }\n if (props.item.italic) {\n classNames += ' italic';\n }\n if (props.paragraphClassName) {\n classNames += \" \".concat(props.paragraphClassName);\n }\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"p\", {\n className: classNames,\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item3 = props.item) === null || _props$item3 === void 0 ? void 0 : _props$item3.staticVariables))\n }\n }));\n};\nvar Label = function Label(props) {\n var _props$item4;\n var classNames = 'static';\n if (props.item.bold) {\n classNames += ' bold';\n }\n if (props.item.italic) {\n classNames += ' italic';\n }\n if (props.labelClassName) {\n classNames += \" \".concat(props.labelClassName);\n }\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", {\n className: \"form-label \".concat(classNames),\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.replaceInText)(props.item.content, (_props$item4 = props.item) === null || _props$item4 === void 0 ? void 0 : _props$item4.staticVariables))\n }\n }));\n};\nvar LineBreak = function LineBreak(props) {\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null));\n};\nvar TextInput = function TextInput(_ref2) {\n var _item$required, _item$disabled, _item$required2, _item$helpClassName2;\n var name = _ref2.name,\n onChange = _ref2.onChange,\n defaultValue = _ref2.defaultValue,\n style = _ref2.style,\n item = _ref2.item,\n props = _objectWithoutProperties(_ref2, _excluded2);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n type: 'text',\n required: (_item$required = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required !== void 0 ? _item$required : false,\n disabled: (_item$disabled = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled !== void 0 ? _item$disabled : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required2 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required2 !== void 0 ? _item$required2 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref3) {\n var _ref3$field = _ref3.field,\n _onChange = _ref3$field.onChange,\n onBlur = _ref3$field.onBlur,\n value = _ref3$field.value,\n name = _ref3$field.name,\n ref = _ref3$field.ref,\n _ref3$fieldState = _ref3.fieldState,\n invalid = _ref3$fieldState.invalid,\n isTouched = _ref3$fieldState.isTouched,\n isDirty = _ref3$fieldState.isDirty,\n error = _ref3$fieldState.error,\n formState = _ref3.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled2;\n controllerProps.disabled = (_item$disabled2 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled2 !== void 0 ? _item$disabled2 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required3;\n controllerProps.required = (_item$required3 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required3 !== void 0 ? _item$required3 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName !== void 0 ? _item$helpClassName : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName2 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName2 !== void 0 ? _item$helpClassName2 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar EmailInput = function EmailInput(_ref4) {\n var _item$required4, _item$disabled3, _item$required5, _item$helpClassName4;\n var name = _ref4.name,\n onChange = _ref4.onChange,\n defaultValue = _ref4.defaultValue,\n style = _ref4.style,\n item = _ref4.item,\n props = _objectWithoutProperties(_ref4, _excluded3);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var validateEmail = function validateEmail(email) {\n return email.match(\n // eslint-disable-next-line no-useless-escape\n /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/);\n };\n var inputProps = {\n type: 'text',\n required: (_item$required4 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required4 !== void 0 ? _item$required4 : false,\n disabled: (_item$disabled3 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled3 !== void 0 ? _item$disabled3 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {\n minLength: {\n value: 4,\n message: \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" must be at least 4 characters long\")\n },\n validate: function validate(value) {\n return validateEmail(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires valid email address\");\n }\n };\n if ((_item$required5 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required5 !== void 0 ? _item$required5 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref5) {\n var _ref5$field = _ref5.field,\n _onChange2 = _ref5$field.onChange,\n onBlur = _ref5$field.onBlur,\n value = _ref5$field.value,\n name = _ref5$field.name,\n ref = _ref5$field.ref,\n _ref5$fieldState = _ref5.fieldState,\n invalid = _ref5$fieldState.invalid,\n isTouched = _ref5$fieldState.isTouched,\n isDirty = _ref5$fieldState.isDirty,\n error = _ref5$fieldState.error,\n formState = _ref5.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange2(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled4;\n controllerProps.disabled = (_item$disabled4 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled4 !== void 0 ? _item$disabled4 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required6;\n controllerProps.required = (_item$required6 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required6 !== void 0 ? _item$required6 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName3;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName3 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName3 !== void 0 ? _item$helpClassName3 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName4 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName4 !== void 0 ? _item$helpClassName4 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar PhoneNumber = function PhoneNumber(_ref6) {\n var _item$required7, _item$disabled5, _item$required8, _item$helpClassName6;\n var name = _ref6.name,\n onChange = _ref6.onChange,\n _ref6$defaultValue = _ref6.defaultValue,\n defaultValue = _ref6$defaultValue === void 0 ? '' : _ref6$defaultValue,\n style = _ref6.style,\n item = _ref6.item,\n props = _objectWithoutProperties(_ref6, _excluded4);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var toE164PhoneNumber = function toE164PhoneNumber(phoneNumberValue) {\n if (phoneNumberValue !== undefined && phoneNumberValue !== null) {\n //Filter only numbers from the input\n var cleaned = ('' + phoneNumberValue).replace(/\\D/g, '');\n\n //Check if the input is of correct\n var match = cleaned.match(/^(1|)?(\\d{3})(\\d{3})(\\d{4})$/);\n if (match) {\n //Remove the matched extension code\n //Change this to format for any country code.\n var intlCode = match[1] ? '+1' : '+1';\n return [intlCode, match[2], match[3], match[4]].join('');\n }\n return '';\n } else {\n return '';\n }\n };\n var validatePhoneNumber = function validatePhoneNumber(value) {\n if (value !== undefined && value !== null && value !== '') {\n return (0,libphonenumber_js__WEBPACK_IMPORTED_MODULE_18__.isValidPhoneNumber)(toE164PhoneNumber(value), 'US');\n }\n return true;\n };\n var inputProps = {\n type: 'text',\n required: (_item$required7 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required7 !== void 0 ? _item$required7 : false,\n disabled: (_item$disabled5 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled5 !== void 0 ? _item$disabled5 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {\n validate: function validate(value) {\n return validatePhoneNumber(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires a valid phone number\");\n }\n };\n if ((_item$required8 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required8 !== void 0 ? _item$required8 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n if (react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined) {\n controllerProps.render = function (_ref7) {\n var _ref7$field = _ref7.field,\n onChange = _ref7$field.onChange,\n onBlur = _ref7$field.onBlur,\n value = _ref7$field.value,\n name = _ref7$field.name,\n ref = _ref7$field.ref,\n _ref7$fieldState = _ref7.fieldState,\n invalid = _ref7$fieldState.invalid,\n isTouched = _ref7$fieldState.isTouched,\n isDirty = _ref7$fieldState.isDirty,\n error = _ref7$fieldState.error,\n formState = _ref7.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n className: \"form-control\",\n onBlur: onBlur,\n value: value,\n name: name,\n mask: '{+1} (#00) 000-0000',\n lazy: false,\n overwrite: true,\n definitions: {\n '#': /[1-9]/\n },\n unmask: true // true|false|'typed'\n ,\n inputRef: ref\n // inputRef={inputRef} // access to nested input\n // DO NOT USE onChange TO HANDLE CHANGES!\n // USE onAccept INSTEAD\n ,\n onAccept:\n // depending on prop above first argument is\n // `value` if `unmask=false`,\n // `unmaskedValue` if `unmask=true`,\n // `typedValue` if `unmask='typed'`\n function onAccept(value, mask) {\n if (onChange !== undefined) {\n onChange(value);\n }\n onChangeHandler(value);\n }\n }, inputProps));\n };\n } else {\n controllerProps.render = function (_ref8) {\n var _ref8$field = _ref8.field,\n _onChange3 = _ref8$field.onChange,\n onBlur = _ref8$field.onBlur,\n value = _ref8$field.value,\n name = _ref8$field.name,\n ref = _ref8$field.ref,\n _ref8$fieldState = _ref8.fieldState,\n invalid = _ref8$fieldState.invalid,\n isTouched = _ref8$fieldState.isTouched,\n isDirty = _ref8$fieldState.isDirty,\n error = _ref8$fieldState.error,\n formState = _ref8.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange3(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n }\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled6;\n controllerProps.disabled = (_item$disabled6 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled6 !== void 0 ? _item$disabled6 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required9;\n controllerProps.required = (_item$required9 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required9 !== void 0 ? _item$required9 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName5;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName5 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName5 !== void 0 ? _item$helpClassName5 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName6 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName6 !== void 0 ? _item$helpClassName6 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar DatePicker = function DatePicker(_ref9) {\n var _item$required10, _item$disabled7, _item$required11, _item$helpClassName8;\n var name = _ref9.name,\n onChange = _ref9.onChange,\n defaultValue = _ref9.defaultValue,\n style = _ref9.style,\n item = _ref9.item,\n props = _objectWithoutProperties(_ref9, _excluded5);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var validateDate = function validateDate(dateString) {\n if (dateString !== undefined && dateString !== null && dateString !== \"\") {\n var dateformat = /^(0?[1-9]|1[0-2])[\\/](0?[1-9]|[1-2][0-9]|3[01])[\\/]\\d{4}$/;\n\n // Matching the date through regular expression \n if (dateString.match(dateformat)) {\n var operator = dateString.split('/');\n\n // Extract the string into month, date and year \n var datepart = [];\n if (operator.length > 1) {\n datepart = dateString.split('/');\n }\n var month = parseInt(datepart[0]);\n var day = parseInt(datepart[1]);\n var year = parseInt(datepart[2]);\n if (day > 31 || day < 1) {\n return false;\n }\n var currentYear = new Date().getFullYear();\n if (year < 1900 || year > currentYear + 5) {\n return false;\n }\n\n // Create a list of days of a month \n var ListofDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\n if (month === 1 || month > 2) {\n if (day > ListofDays[month - 1]) {\n // to check if the date is out of range \n return false;\n }\n } else if (month === 2) {\n var leapYear = false;\n if (!(year % 4) && year % 100 || !(year % 400)) leapYear = true;\n if (leapYear === false && day >= 29) return false;else if (leapYear === true && day > 29) {\n // console.log('Invalid date format!');\n return false;\n }\n } else if (month > 12 || month < 1) {\n return false;\n }\n } else {\n // console.log(\"Invalid date format!\");\n return false;\n }\n }\n return true;\n };\n var inputProps = {\n type: 'text',\n required: (_item$required10 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required10 !== void 0 ? _item$required10 : false,\n disabled: (_item$disabled7 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled7 !== void 0 ? _item$disabled7 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {\n validate: function validate(value) {\n return validateDate(value) || 'Please enter a valid Date in the format MM/DD/YYYY';\n }\n };\n if ((_item$required11 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required11 !== void 0 ? _item$required11 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n if (react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined && react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask !== undefined) {\n controllerProps.render = function (_ref10) {\n var _ref10$field = _ref10.field,\n onChange = _ref10$field.onChange,\n onBlur = _ref10$field.onBlur,\n value = _ref10$field.value,\n name = _ref10$field.name,\n ref = _ref10$field.ref,\n _ref10$fieldState = _ref10.fieldState,\n invalid = _ref10$fieldState.invalid,\n isTouched = _ref10$fieldState.isTouched,\n isDirty = _ref10$fieldState.isDirty,\n error = _ref10$fieldState.error,\n formState = _ref10.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n className: \"form-control\",\n onBlur: onBlur,\n value: value,\n name: name,\n mask: Date,\n lazy: false,\n overwrite: true,\n pattern: 'MM/DD/YYYY',\n format: function format(date) {\n var day = date.getDate();\n var month = date.getMonth() + 1;\n var year = date.getFullYear();\n if (day < 10) day = \"0\" + day;\n if (month < 10) month = \"0\" + month;\n return [month, day, year].join('/');\n },\n autofix: true\n // min={new Date(1900, 0, 1)}\n // max={new Date()}\n ,\n blocks: {\n DD: {\n mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n from: 1,\n to: 31,\n maxLength: 2,\n placeholderChar: 'D'\n },\n MM: {\n mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n from: 1,\n to: 12,\n maxLength: 2,\n placeholderChar: 'M'\n },\n YYYY: {\n mask: react_imask__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n from: 1900,\n to: new Date().getFullYear() + 5,\n placeholderChar: 'Y'\n }\n },\n parse: function parse(str) {\n var monthDayYear = str.split('/');\n return new Date(monthDayYear[2], monthDayYear[0] - 1, monthDayYear[1]);\n },\n unmask: false // true|false|'typed'\n ,\n inputRef: ref\n // inputRef={inputRef} // access to nested input\n // DO NOT USE onChange TO HANDLE CHANGES!\n // USE onAccept INSTEAD\n ,\n onAccept:\n // depending on prop above first argument is\n // `value` if `unmask=false`,\n // `unmaskedValue` if `unmask=true`,\n // `typedValue` if `unmask='typed'`\n function onAccept(value, mask) {\n if (onChange !== undefined) {\n onChange(value);\n }\n onChangeHandler(value);\n }\n }, inputProps));\n };\n } else {\n controllerProps.render = function (_ref11) {\n var _ref11$field = _ref11.field,\n _onChange4 = _ref11$field.onChange,\n onBlur = _ref11$field.onBlur,\n value = _ref11$field.value,\n name = _ref11$field.name,\n ref = _ref11$field.ref,\n _ref11$fieldState = _ref11.fieldState,\n invalid = _ref11$fieldState.invalid,\n isTouched = _ref11$fieldState.isTouched,\n isDirty = _ref11$fieldState.isDirty,\n error = _ref11$fieldState.error,\n formState = _ref11.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange4(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n }\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled8;\n controllerProps.disabled = (_item$disabled8 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled8 !== void 0 ? _item$disabled8 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required12;\n controllerProps.required = (_item$required12 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required12 !== void 0 ? _item$required12 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n\n // console.log('controllerProps', controllerProps);\n\n if (!methods) {\n var _item$helpClassName7;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName7 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName7 !== void 0 ? _item$helpClassName7 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName8 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName8 !== void 0 ? _item$helpClassName8 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar NumberInput = function NumberInput(_ref12) {\n var _item$required13, _item$disabled9, _item$required14, _item$helpClassName10;\n var name = _ref12.name,\n onChange = _ref12.onChange,\n defaultValue = _ref12.defaultValue,\n style = _ref12.style,\n item = _ref12.item,\n props = _objectWithoutProperties(_ref12, _excluded6);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n type: 'number',\n required: (_item$required13 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required13 !== void 0 ? _item$required13 : false,\n disabled: (_item$disabled9 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled9 !== void 0 ? _item$disabled9 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required14 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required14 !== void 0 ? _item$required14 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref13) {\n var _ref13$field = _ref13.field,\n _onChange5 = _ref13$field.onChange,\n onBlur = _ref13$field.onBlur,\n value = _ref13$field.value,\n name = _ref13$field.name,\n ref = _ref13$field.ref,\n _ref13$fieldState = _ref13.fieldState,\n invalid = _ref13$fieldState.invalid,\n isTouched = _ref13$fieldState.isTouched,\n isDirty = _ref13$fieldState.isDirty,\n error = _ref13$fieldState.error,\n formState = _ref13.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange5(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled10;\n controllerProps.disabled = (_item$disabled10 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled10 !== void 0 ? _item$disabled10 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required15;\n controllerProps.required = (_item$required15 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required15 !== void 0 ? _item$required15 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName9;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName9 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName9 !== void 0 ? _item$helpClassName9 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName10 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName10 !== void 0 ? _item$helpClassName10 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar TextArea = function TextArea(_ref14) {\n var _item$rows, _item$required16, _item$disabled11, _item$required17, _item$helpClassName12;\n var name = _ref14.name,\n onChange = _ref14.onChange,\n defaultValue = _ref14.defaultValue,\n style = _ref14.style,\n item = _ref14.item,\n props = _objectWithoutProperties(_ref14, _excluded7);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n rows: (_item$rows = item === null || item === void 0 ? void 0 : item.rows) !== null && _item$rows !== void 0 ? _item$rows : 5,\n required: (_item$required16 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required16 !== void 0 ? _item$required16 : false,\n disabled: (_item$disabled11 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled11 !== void 0 ? _item$disabled11 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required17 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required17 !== void 0 ? _item$required17 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref15) {\n var _ref15$field = _ref15.field,\n _onChange6 = _ref15$field.onChange,\n onBlur = _ref15$field.onBlur,\n value = _ref15$field.value,\n name = _ref15$field.name,\n ref = _ref15$field.ref,\n _ref15$fieldState = _ref15.fieldState,\n invalid = _ref15$fieldState.invalid,\n isTouched = _ref15$fieldState.isTouched,\n isDirty = _ref15$fieldState.isDirty,\n error = _ref15$fieldState.error,\n formState = _ref15.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange6(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n as: \"textarea\"\n }, inputProps));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled12;\n controllerProps.disabled = (_item$disabled12 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled12 !== void 0 ? _item$disabled12 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required18;\n controllerProps.required = (_item$required18 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required18 !== void 0 ? _item$required18 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName11;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n as: \"textarea\"\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n value: defaultValue,\n name: name,\n id: name + '-2-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n as: \"textarea\"\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName11 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName11 !== void 0 ? _item$helpClassName11 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, defaultValue !== null && defaultValue !== void 0 ? defaultValue : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName12 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName12 !== void 0 ? _item$helpClassName12 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar Dropdown = function Dropdown(_ref16) {\n var _item$required19, _item$disabled13, _item$required20, _item$helpClassName14;\n var name = _ref16.name,\n onChange = _ref16.onChange,\n defaultValue = _ref16.defaultValue,\n style = _ref16.style,\n item = _ref16.item,\n props = _objectWithoutProperties(_ref16, _excluded8);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n type: 'text',\n required: (_item$required19 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required19 !== void 0 ? _item$required19 : false,\n disabled: (_item$disabled13 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled13 !== void 0 ? _item$disabled13 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required20 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required20 !== void 0 ? _item$required20 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref17) {\n var _ref17$field = _ref17.field,\n _onChange7 = _ref17$field.onChange,\n onBlur = _ref17$field.onBlur,\n value = _ref17$field.value,\n name = _ref17$field.name,\n ref = _ref17$field.ref,\n _ref17$fieldState = _ref17.fieldState,\n invalid = _ref17$fieldState.invalid,\n isTouched = _ref17$fieldState.isTouched,\n isDirty = _ref17$fieldState.isDirty,\n error = _ref17$fieldState.error,\n formState = _ref17.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n onBlur: onBlur,\n onChange: function onChange(e) {\n _onChange7(e.target.value);\n onChangeHandler(e.target.value);\n },\n value: value,\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: \"\"\n }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n var thisKey = \"preview_\".concat(option.key);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: option.value,\n key: thisKey\n }, option.text);\n }));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled14;\n controllerProps.disabled = (_item$disabled14 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled14 !== void 0 ? _item$disabled14 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required21;\n controllerProps.required = (_item$required21 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required21 !== void 0 ? _item$required21 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName13;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n value: defaultValue,\n name: name\n }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: \"\"\n }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n var thisKey = \"preview_\".concat(option.key);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: option.value,\n key: thisKey\n }, option.text);\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Select, _extends({\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n value: defaultValue,\n name: name\n }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: \"\"\n }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n var thisKey = \"preview_\".concat(option.key);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n value: option.value,\n key: thisKey\n }, option.text);\n }))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName13 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName13 !== void 0 ? _item$helpClassName13 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n var _item$options$find;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 || (_item$options$find = item.options.find(function (option) {\n return option.value === defaultValue;\n })) === null || _item$options$find === void 0 ? void 0 : _item$options$find.text)));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName14 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName14 !== void 0 ? _item$helpClassName14 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar Signature = /*#__PURE__*/function (_React$Component) {\n function Signature(props) {\n var _this;\n _classCallCheck(this, Signature);\n _this = _callSuper(this, Signature, [props]);\n _defineProperty(_this, \"clear\", function () {\n var $canvas_sig = _this.canvas.current;\n if (_this.props.value) {\n var $input_sig = _this.inputField.current;\n var signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n signature: ''\n });\n $input_sig.value = signature;\n if (_this.props.methods) {\n _this.props.methods.setValue(_this.props.name, signature);\n }\n _this.setState({\n value: signature\n });\n } else if ($canvas_sig) {\n $canvas_sig.clear();\n }\n });\n _defineProperty(_this, \"_getSignatureImg\", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n var $canvas_sig, base64, isEmpty, $input_sig, value, ipAddress, date, signature;\n return _regeneratorRuntime().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n $canvas_sig = _this.canvas.current;\n if (!$canvas_sig) {\n _context.next = 14;\n break;\n }\n base64 = $canvas_sig.getTrimmedCanvas().toDataURL(\"image/png\");\n isEmpty = $canvas_sig.isEmpty();\n $input_sig = _this.inputField.current;\n value = isEmpty ? '' : base64;\n _context.next = 8;\n return (0,_utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__.getIPAddress)();\n case 8:\n ipAddress = _context.sent;\n date = new Date().toISOString();\n signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n signature: value,\n ipAddress: ipAddress,\n date: date\n });\n $input_sig.value = signature;\n if (_this.props.methods) {\n _this.props.methods.setValue(_this.props.name, signature);\n }\n _this.setState({\n value: signature\n });\n case 14:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n })));\n _defineProperty(_this, \"onChangeName\", function (event) {\n var $input_sig = _this.inputField.current;\n var signature = _objectSpread(_objectSpread({}, _this.props.value), {}, {\n name: event.target.value\n });\n $input_sig.value = signature;\n if (_this.props.methods) {\n _this.props.methods.setValue(_this.props.name, signature);\n }\n _this.setState({\n value: signature\n });\n });\n _this.state = {\n value: props.value\n };\n _this.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this.canvas = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n return _this;\n }\n _inherits(Signature, _React$Component);\n return _createClass(Signature, [{\n key: \"render\",\n value: function render() {\n var _this$state$value,\n _this$state$value2,\n _this$props$value6,\n _this$props$value7,\n _this$props$value8,\n _this$props$value9,\n _this2 = this,\n _this$props$value$nam,\n _this$props$value10,\n _this$props$item$help,\n _this$props$item;\n var canClear = !!this.state.value;\n var props = {};\n props.name = this.props.name;\n // props.onChange = (event) => { console.log('onChangeSignature', event.target.value); this.props.onChange(event.target.value); };\n props.value = this.props.value;\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n }\n var padProps = {};\n // umd requires canvasProps={{ width: 400, height: 150 }}\n if (this.props.item.mutable) {\n var _this$props$value;\n padProps.defaultValue = (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.signature;\n padProps.ref = this.canvas;\n canClear = !this.props.item.readOnly;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n var sourceDataURL;\n if ((_this$state$value = this.state.value) !== null && _this$state$value !== void 0 && _this$state$value.signature && ((_this$state$value2 = this.state.value) === null || _this$state$value2 === void 0 ? void 0 : _this$state$value2.signature.length) > 0) {\n var _this$state$value3;\n sourceDataURL = (_this$state$value3 = this.state.value) === null || _this$state$value3 === void 0 ? void 0 : _this$state$value3.signature;\n }\n padProps.canvasProps = {};\n if (this.props.item.print === true && !!sourceDataURL) {\n var _this$props$value2, _this$props$value3, _this$props$value4, _this$props$value5;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: this.props.name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: sourceDataURL\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n style: {\n borderStyle: 'dashed'\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value2 = this.props.value) !== null && _this$props$value2 !== void 0 && _this$props$value2.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value3 = this.props.value) === null || _this$props$value3 === void 0 ? void 0 : _this$props$value3.date).format('dddd MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value4 = this.props.value) === null || _this$props$value4 === void 0 ? void 0 : _this$props$value4.name, \" via IP Address \", (_this$props$value5 = this.props.value) === null || _this$props$value5 === void 0 ? void 0 : _this$props$value5.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null))));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: this.props.name\n })), this.props.readOnly === true ? !!sourceDataURL ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: sourceDataURL\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n style: {\n borderStyle: 'dashed'\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value6 = this.props.value) !== null && _this$props$value6 !== void 0 && _this$props$value6.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value7 = this.props.value) === null || _this$props$value7 === void 0 ? void 0 : _this$props$value7.date).format('dddd MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value8 = this.props.value) === null || _this$props$value8 === void 0 ? void 0 : _this$props$value8.name, \" via IP Address \", (_this$props$value9 = this.props.value) === null || _this$props$value9 === void 0 ? void 0 : _this$props$value9.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null)) : null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"m-signature-pad\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"m-signature-pad--body\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default()), _extends({}, padProps, {\n onEnd: function onEnd(e) {\n _this2._getSignatureImg();\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"m-signature-pad--footer clearfix\"\n }, canClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n size: \"sm\",\n className: \"clear-signature float-end\",\n onClick: this.clear,\n title: \"Clear Signature\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" clear\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, \"Please print your full legal name and today's date.\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n sm: 6\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, {\n value: (_this$props$value$nam = (_this$props$value10 = this.props.value) === null || _this$props$value10 === void 0 ? void 0 : _this$props$value10.name) !== null && _this$props$value$nam !== void 0 ? _this$props$value$nam : '',\n type: \"text\",\n required: true,\n placeholder: \"Full Legal Name\",\n onChange: this.onChangeName\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n sm: 6\n }, \"Today's Date: \", moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('MM/DD/YYYY'))))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help = (_this$props$item = this.props.item) === null || _this$props$item === void 0 ? void 0 : _this$props$item.helpClassName) !== null && _this$props$item$help !== void 0 ? _this$props$item$help : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: this.props.name\n }), this.props.methods ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, this.props.methods.register(this.props.name), props, {\n type: \"hidden\"\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, props, {\n type: \"hidden\"\n }))));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Tags = function Tags(_ref19) {\n var _item$required22, _item$disabled15, _item$required23, _item$helpClassName16;\n var name = _ref19.name,\n onChange = _ref19.onChange,\n defaultValue = _ref19.defaultValue,\n style = _ref19.style,\n item = _ref19.item,\n props = _objectWithoutProperties(_ref19, _excluded9);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var getDefaultValue = function getDefaultValue(val, options) {\n if (val) {\n return options.filter(function (option) {\n return val.indexOf(option.value) > -1;\n });\n }\n return [];\n };\n var options = item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n return {\n value: option.value,\n label: option.text,\n key: option.value\n };\n });\n var inputProps = {\n multiple: true,\n required: (_item$required22 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required22 !== void 0 ? _item$required22 : false,\n disabled: (_item$disabled15 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled15 !== void 0 ? _item$disabled15 : false,\n autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n if (item !== null && item !== void 0 && item.placeholder) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n } else if (item !== null && item !== void 0 && item.label) {\n inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n } else {\n inputProps.placeholder = 'Select...';\n }\n var fieldRules = {};\n if ((_item$required23 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required23 !== void 0 ? _item$required23 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref20) {\n var _ref20$field = _ref20.field,\n _onChange8 = _ref20$field.onChange,\n onBlur = _ref20$field.onBlur,\n value = _ref20$field.value,\n name = _ref20$field.name,\n ref = _ref20$field.ref,\n _ref20$fieldState = _ref20.fieldState,\n invalid = _ref20$fieldState.invalid,\n isTouched = _ref20$fieldState.isTouched,\n isDirty = _ref20$fieldState.isDirty,\n error = _ref20$fieldState.error,\n formState = _ref20.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n labelKey: function labelKey(option) {\n return option.label;\n },\n onBlur: onBlur,\n onChange: function onChange(selected) {\n // console.log(selected);\n if (selected.length >= 1) {\n //console.log(selected[0]);\n _onChange8(selected.map(function (i) {\n return i.value;\n }));\n onChangeHandler(selected.map(function (i) {\n return i.value;\n }));\n } else if (selected.length === 0) {\n _onChange8([]);\n onChangeHandler([]);\n }\n },\n options: options,\n selected: getDefaultValue(value, options),\n name: name,\n ref: ref,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (defaultValue !== undefined) {\n controllerProps.defaultValue = defaultValue;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled16;\n controllerProps.disabled = (_item$disabled16 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled16 !== void 0 ? _item$disabled16 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required24;\n controllerProps.required = (_item$required24 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required24 !== void 0 ? _item$required24 : false;\n }\n var labelLocation = 'ABOVE';\n if (item !== null && item !== void 0 && item.labelLocation) {\n labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName15;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n labelKey: function labelKey(option) {\n return option.label;\n },\n options: options,\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n labelKey: function labelKey(option) {\n return option.label;\n },\n options: options,\n name: name,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName15 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName15 !== void 0 ? _item$helpClassName15 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 ? void 0 : item.options.filter(function (option) {\n return defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.includes(option.value);\n }).map(function (option) {\n return option.text;\n }).join(', '))));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName16 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName16 !== void 0 ? _item$helpClassName16 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar Checkboxes = /*#__PURE__*/function (_React$Component2) {\n function Checkboxes(props) {\n var _this3;\n _classCallCheck(this, Checkboxes);\n _this3 = _callSuper(this, Checkboxes, [props]);\n _defineProperty(_this3, \"onCheckboxChange\", function (checkboxValue, event) {\n var checkedValues = _this3.props.value;\n if (_this3.props.onChange) {\n if (event.target.checked) {\n _this3.props.onChange(checkedValues.concat(checkboxValue));\n } else {\n _this3.props.onChange(checkedValues.filter(function (v) {\n return v !== checkboxValue;\n }));\n }\n }\n });\n _this3.options = {};\n return _this3;\n }\n _inherits(Checkboxes, _React$Component2);\n return _createClass(Checkboxes, [{\n key: \"render\",\n value: function render() {\n var _ref21,\n _self$props$name,\n _self$props,\n _self$props2,\n _self$props3,\n _this4 = this,\n _this$props$item$help2,\n _this$props$item2;\n var self = this;\n var name = (_ref21 = (_self$props$name = self === null || self === void 0 || (_self$props = self.props) === null || _self$props === void 0 ? void 0 : _self$props.name) !== null && _self$props$name !== void 0 ? _self$props$name : self === null || self === void 0 || (_self$props2 = self.props) === null || _self$props2 === void 0 || (_self$props2 = _self$props2.item) === null || _self$props2 === void 0 ? void 0 : _self$props2.customName) !== null && _ref21 !== void 0 ? _ref21 : self === null || self === void 0 || (_self$props3 = self.props) === null || _self$props3 === void 0 || (_self$props3 = _self$props3.item) === null || _self$props3 === void 0 ? void 0 : _self$props3.fieldName;\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n return _this4.props.value.includes(option.value);\n }).map(function (option) {\n return option.text;\n }).join(', '))));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help2 = (_this$props$item2 = this.props.item) === null || _this$props$item2 === void 0 ? void 0 : _this$props$item2.helpClassName) !== null && _this$props$item$help2 !== void 0 ? _this$props$item$help2 : 'text-muted'\n }, this.props.item.help)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n className: \"g-3\"\n }, this.props.item.options.map(function (option, index) {\n var _ref22, _self$props$item$bgCo, _self$props4, _self$props5, _self$props6, _self$props7, _self$props8, _self$props9, _self$props10, _self$props11, _self$props12, _self$props13;\n var props = {};\n props.name = \"option_\".concat(option.key);\n props.value = option.value;\n props.checked = self.props.value ? self.props.value.indexOf(option.value) > -1 : false;\n //props.inline = self.props.item.inline ?? false;\n if (self.props.item.disabled) {\n props.disabled = 'disabled';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n key: \"container_\".concat(name, \"_\").concat(option.value),\n xs: 12\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], _extends({\n type: \"checkbox\",\n label: option.text,\n variant: (_ref22 = (_self$props$item$bgCo = (_self$props4 = self.props) === null || _self$props4 === void 0 || (_self$props4 = _self$props4.item) === null || _self$props4 === void 0 ? void 0 : _self$props4.bgColor) !== null && _self$props$item$bgCo !== void 0 ? _self$props$item$bgCo : (_self$props5 = self.props) === null || _self$props5 === void 0 ? void 0 : _self$props5.checkboxButtonClassName) !== null && _ref22 !== void 0 ? _ref22 : \"outline-light\",\n className: \"btn-survey-builder-checkbox \".concat((_self$props6 = self.props) === null || _self$props6 === void 0 || (_self$props6 = _self$props6.item) === null || _self$props6 === void 0 ? void 0 : _self$props6.className, \" \").concat((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(props.checked) ? (_self$props7 = self.props) === null || _self$props7 === void 0 || (_self$props7 = _self$props7.item) === null || _self$props7 === void 0 ? void 0 : _self$props7.selectedClassName : (_self$props8 = self.props) === null || _self$props8 === void 0 || (_self$props8 = _self$props8.item) === null || _self$props8 === void 0 ? void 0 : _self$props8.unselectedClassName),\n key: \"preview_\".concat(option.key),\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n inputRef: function inputRef(c) {\n if (c && self.props.item.mutable) {\n self.options[\"child_ref_\".concat(option.key)] = c;\n }\n },\n onChange: function onChange(e) {\n self.onCheckboxChange(option.value, e);\n }\n }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-row align-items-center justify-content-between\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"w-100 d-flex align-items-center justify-content-start text-survey-builder-checkbox\"\n }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(props.checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxBlankLine, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat((_self$props9 = self.props) === null || _self$props9 === void 0 || (_self$props9 = _self$props9.item) === null || _self$props9 === void 0 ? void 0 : _self$props9.unselectedColor)\n }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(props.checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxFill, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat((_self$props10 = self.props) === null || _self$props10 === void 0 || (_self$props10 = _self$props10.item) === null || _self$props10 === void 0 ? void 0 : _self$props10.selectedColor)\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-column\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-\".concat((_self$props11 = self.props) === null || _self$props11 === void 0 || (_self$props11 = _self$props11.item) === null || _self$props11 === void 0 ? void 0 : _self$props11.textColor, \" \").concat((_self$props12 = self.props) === null || _self$props12 === void 0 || (_self$props12 = _self$props12.item) === null || _self$props12 === void 0 ? void 0 : _self$props12.fieldLabelClassName)\n }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"\".concat((_self$props13 = self.props) === null || _self$props13 === void 0 || (_self$props13 = _self$props13.item) === null || _self$props13 === void 0 ? void 0 : _self$props13.fieldDescriptionClassName)\n }, option.description))), option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center me-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n iconImportString: option.icon,\n size: 50\n })))));\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Checkbox = /*#__PURE__*/function (_React$Component3) {\n function Checkbox(props) {\n var _this5;\n _classCallCheck(this, Checkbox);\n _this5 = _callSuper(this, Checkbox, [props]);\n _this5.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n return _this5;\n }\n _inherits(Checkbox, _React$Component3);\n return _createClass(Checkbox, [{\n key: \"render\",\n value: function render() {\n var _ref23,\n _this$props$name,\n _this$props,\n _this$props2,\n _this$props3,\n _this6 = this,\n _ref24,\n _this$props$item$bgCo,\n _this$props4,\n _this$props5,\n _self$props14,\n _self,\n _this$props$item$help3,\n _this$props$item3;\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n var props = {};\n // eslint-disable-next-line no-undef\n props.name = (_ref23 = (_this$props$name = this === null || this === void 0 || (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.name) !== null && _this$props$name !== void 0 ? _this$props$name : this === null || this === void 0 || (_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.item) === null || _this$props2 === void 0 ? void 0 : _this$props2.customName) !== null && _ref23 !== void 0 ? _ref23 : this === null || this === void 0 || (_this$props3 = this.props) === null || _this$props3 === void 0 || (_this$props3 = _this$props3.item) === null || _this$props3 === void 0 ? void 0 : _this$props3.fieldName;\n props.onChange = function (event) {\n if (_this6.props.onChange) {\n _this6.props.onChange(event.target.checked);\n }\n };\n //props.isInvalid = this.props.isInvalid;\n if (this.props.onBlur) {\n props.onBlur = this.props.onBlur;\n }\n props.autoComplete = \"new-password\";\n if (this.props.item.disabled) {\n props.disabled = 'disabled';\n }\n if (this.props.item.mutable) {\n props.inputRef = this.inputField;\n }\n props.checked = this.props.value;\n //props.inline = this.props.item.inline ?? false;\n\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: props.name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n dangerouslySetInnerHTML: {\n __html: this.props.item.boxLabel\n }\n }), \": \", this.props.value === true ? 'Yes' : 'No')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({\n className: \"form-label\"\n }, this.props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], _extends({\n type: \"checkbox\",\n variant: (_ref24 = (_this$props$item$bgCo = (_this$props4 = this.props) === null || _this$props4 === void 0 || (_this$props4 = _this$props4.item) === null || _this$props4 === void 0 ? void 0 : _this$props4.bgColor) !== null && _this$props$item$bgCo !== void 0 ? _this$props$item$bgCo : (_this$props5 = this.props) === null || _this$props5 === void 0 ? void 0 : _this$props5.checkboxButtonClassName) !== null && _ref24 !== void 0 ? _ref24 : \"outline-light\",\n className: \"btn-survey-builder-checkbox w-100 \".concat((_self$props14 = self.props) === null || _self$props14 === void 0 || (_self$props14 = _self$props14.item) === null || _self$props14 === void 0 ? void 0 : _self$props14.className),\n value: props.name,\n id: props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox\"\n }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxBlankLine, {\n size: \"40px\",\n className: \"me-3 flex-shrink-0\"\n }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_26__.RiCheckboxFill, {\n size: \"40px\",\n className: \"me-3 flex-shrink-0\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-start text-\".concat((_self = self) === null || _self === void 0 || (_self = _self.props) === null || _self === void 0 || (_self = _self.item) === null || _self === void 0 ? void 0 : _self.textColor)\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n dangerouslySetInnerHTML: {\n __html: this.props.item.boxLabel\n }\n })))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help3 = (_this$props$item3 = this.props.item) === null || _this$props$item3 === void 0 ? void 0 : _this$props$item3.helpClassName) !== null && _this$props$item$help3 !== void 0 ? _this$props$item$help3 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: props.name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar RadioButtons = /*#__PURE__*/function (_React$Component4) {\n function RadioButtons(props) {\n var _this7;\n _classCallCheck(this, RadioButtons);\n _this7 = _callSuper(this, RadioButtons, [props]);\n _this7.options = {};\n return _this7;\n }\n _inherits(RadioButtons, _React$Component4);\n return _createClass(RadioButtons, [{\n key: \"render\",\n value: function render() {\n var _ref25,\n _self$props$name2,\n _self$props15,\n _self$props16,\n _self$props17,\n _this8 = this,\n _self$props$item$help,\n _self$props$item;\n var self = this;\n var name = (_ref25 = (_self$props$name2 = self === null || self === void 0 || (_self$props15 = self.props) === null || _self$props15 === void 0 ? void 0 : _self$props15.name) !== null && _self$props$name2 !== void 0 ? _self$props$name2 : self === null || self === void 0 || (_self$props16 = self.props) === null || _self$props16 === void 0 || (_self$props16 = _self$props16.item) === null || _self$props16 === void 0 ? void 0 : _self$props16.customName) !== null && _ref25 !== void 0 ? _ref25 : self === null || self === void 0 || (_self$props17 = self.props) === null || _self$props17 === void 0 || (_self$props17 = _self$props17.item) === null || _self$props17 === void 0 ? void 0 : _self$props17.fieldName;\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: this.props.name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n return _this8.props.value === option.value;\n }).map(function (option) {\n return option.text;\n }).join(', '))));\n }\n // console.log('self.props', self.props);\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, self.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], self.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], self.props), self.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_self$props$item$help = (_self$props$item = self.props.item) === null || _self$props$item === void 0 ? void 0 : _self$props$item.helpClassName) !== null && _self$props$item$help !== void 0 ? _self$props$item$help : 'text-muted'\n }, self.props.item.help)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n className: \"g-3\"\n }, self.props.item.options.map(function (option, index) {\n var _self$props18, _self$props19, _ref26, _self$props$item$bgCo2, _self$props20, _self$props21, _self$props22, _self$props23, _self$props24, _self$props25, _self$props26, _self$props30, _self$props31, _self$props32, _self$props33, _self$props34, _self$props35, _self$props36, _self$props37, _self$props38, _self$props39, _self$props40, _self$props41, _self$props42, _self$props43;\n // console.log('option', option);\n var checked = (self === null || self === void 0 || (_self$props18 = self.props) === null || _self$props18 === void 0 ? void 0 : _self$props18.value) === option.value;\n var horizontal = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)((_self$props19 = self.props) === null || _self$props19 === void 0 || (_self$props19 = _self$props19.item) === null || _self$props19 === void 0 ? void 0 : _self$props19.inline);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n key: \"container_\".concat(name, \"_\").concat(option.value),\n xs: horizontal ? 6 : 12\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n label: option.text,\n type: \"radio\",\n variant: (_ref26 = (_self$props$item$bgCo2 = (_self$props20 = self.props) === null || _self$props20 === void 0 || (_self$props20 = _self$props20.item) === null || _self$props20 === void 0 ? void 0 : _self$props20.bgColor) !== null && _self$props$item$bgCo2 !== void 0 ? _self$props$item$bgCo2 : (_self$props21 = self.props) === null || _self$props21 === void 0 ? void 0 : _self$props21.checkboxButtonClassName) !== null && _ref26 !== void 0 ? _ref26 : \"outline-light\",\n className: \"btn-survey-builder-checkbox \".concat((_self$props22 = self.props) === null || _self$props22 === void 0 || (_self$props22 = _self$props22.item) === null || _self$props22 === void 0 ? void 0 : _self$props22.className, \" \").concat((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) ? (_self$props23 = self.props) === null || _self$props23 === void 0 || (_self$props23 = _self$props23.item) === null || _self$props23 === void 0 ? void 0 : _self$props23.selectedClassName : (_self$props24 = self.props) === null || _self$props24 === void 0 || (_self$props24 = _self$props24.item) === null || _self$props24 === void 0 ? void 0 : _self$props24.unselectedClassName),\n key: \"preview_\".concat(option.key),\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n inputRef: function inputRef(c) {\n if (c && self.props.item.mutable) {\n self.options[\"child_ref_\".concat(option.key)] = c;\n }\n },\n disabled: self === null || self === void 0 || (_self$props25 = self.props) === null || _self$props25 === void 0 || (_self$props25 = _self$props25.item) === null || _self$props25 === void 0 ? void 0 : _self$props25.disabled,\n name: name,\n value: option.value,\n checked: (self === null || self === void 0 || (_self$props26 = self.props) === null || _self$props26 === void 0 ? void 0 : _self$props26.value) === option.value,\n onChange: function onChange(e) {\n var _self$props27, _self$props28, _self$props29;\n // console.log('onChange', e.target.value);\n if ((self === null || self === void 0 || (_self$props27 = self.props) === null || _self$props27 === void 0 ? void 0 : _self$props27.onChange) !== undefined) {\n self.props.onChange(e.target.value);\n }\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props28 = self.props) === null || _self$props28 === void 0 || (_self$props28 = _self$props28.item) === null || _self$props28 === void 0 ? void 0 : _self$props28.submitOnSelection) && (self === null || self === void 0 || (_self$props29 = self.props) === null || _self$props29 === void 0 ? void 0 : _self$props29.onSelect) !== undefined) {\n self.props.onSelect(e.target.value);\n }\n }\n }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(horizontal) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n iconImportString: option.icon,\n size: 80\n })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center mx-auto d-block\",\n style: {\n height: 100,\n width: 100\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: option.image,\n alt: option.text,\n style: {\n height: 100\n },\n className: \"mx-auto d-block\",\n loading: \"lazy\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-row align-items-center justify-content-between\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"w-100 d-flex align-items-center justify-content-center text-survey-builder-checkbox\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-column\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-\".concat(self === null || self === void 0 || (_self$props30 = self.props) === null || _self$props30 === void 0 || (_self$props30 = _self$props30.item) === null || _self$props30 === void 0 ? void 0 : _self$props30.textColor, \" \").concat(self === null || self === void 0 || (_self$props31 = self.props) === null || _self$props31 === void 0 || (_self$props31 = _self$props31.item) === null || _self$props31 === void 0 ? void 0 : _self$props31.fieldLabelClassName, \" text-center\")\n }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"\".concat(self === null || self === void 0 || (_self$props32 = self.props) === null || _self$props32 === void 0 || (_self$props32 = _self$props32.item) === null || _self$props32 === void 0 ? void 0 : _self$props32.fieldDescriptionClassName)\n }, option.description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props33 = self.props) === null || _self$props33 === void 0 || (_self$props33 = _self$props33.item) === null || _self$props33 === void 0 ? void 0 : _self$props33.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n size: 30,\n className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props34 = self.props) === null || _self$props34 === void 0 || (_self$props34 = _self$props34.item) === null || _self$props34 === void 0 ? void 0 : _self$props34.unselectedColor)\n }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props35 = self.props) === null || _self$props35 === void 0 || (_self$props35 = _self$props35.item) === null || _self$props35 === void 0 ? void 0 : _self$props35.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n size: 30,\n className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props36 = self.props) === null || _self$props36 === void 0 || (_self$props36 = _self$props36.item) === null || _self$props36 === void 0 ? void 0 : _self$props36.selectedColor)\n })))))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-row align-items-center justify-content-between\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"w-100 d-flex align-items-center justify-content-start text-survey-builder-checkbox\"\n }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props37 = self.props) === null || _self$props37 === void 0 || (_self$props37 = _self$props37.item) === null || _self$props37 === void 0 ? void 0 : _self$props37.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props38 = self.props) === null || _self$props38 === void 0 || (_self$props38 = _self$props38.item) === null || _self$props38 === void 0 ? void 0 : _self$props38.unselectedColor)\n }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props39 = self.props) === null || _self$props39 === void 0 || (_self$props39 = _self$props39.item) === null || _self$props39 === void 0 ? void 0 : _self$props39.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props40 = self.props) === null || _self$props40 === void 0 || (_self$props40 = _self$props40.item) === null || _self$props40 === void 0 ? void 0 : _self$props40.selectedColor)\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-column\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-\".concat(self === null || self === void 0 || (_self$props41 = self.props) === null || _self$props41 === void 0 || (_self$props41 = _self$props41.item) === null || _self$props41 === void 0 ? void 0 : _self$props41.textColor, \" \").concat(self === null || self === void 0 || (_self$props42 = self.props) === null || _self$props42 === void 0 || (_self$props42 = _self$props42.item) === null || _self$props42 === void 0 ? void 0 : _self$props42.fieldLabelClassName)\n }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"\".concat(self === null || self === void 0 || (_self$props43 = self.props) === null || _self$props43 === void 0 || (_self$props43 = _self$props43.item) === null || _self$props43 === void 0 ? void 0 : _self$props43.fieldDescriptionClassName)\n }, option.description))), option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center me-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n iconImportString: option.icon,\n size: 50\n })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center me-2\",\n style: {\n height: 40,\n width: 40\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: option.image,\n alt: option.label,\n style: {\n height: 40\n },\n className: \"mx-auto d-block\",\n loading: \"lazy\"\n })))));\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar ButtonList = /*#__PURE__*/function (_React$Component5) {\n function ButtonList(props) {\n var _this9;\n _classCallCheck(this, ButtonList);\n _this9 = _callSuper(this, ButtonList, [props]);\n _this9.options = {};\n return _this9;\n }\n _inherits(ButtonList, _React$Component5);\n return _createClass(ButtonList, [{\n key: \"render\",\n value: function render() {\n var _ref27,\n _self$props$name3,\n _self$props44,\n _self$props45,\n _self$props46,\n _this10 = this,\n _self$props$item$help2,\n _self$props$item2;\n var self = this;\n var name = (_ref27 = (_self$props$name3 = self === null || self === void 0 || (_self$props44 = self.props) === null || _self$props44 === void 0 ? void 0 : _self$props44.name) !== null && _self$props$name3 !== void 0 ? _self$props$name3 : self === null || self === void 0 || (_self$props45 = self.props) === null || _self$props45 === void 0 || (_self$props45 = _self$props45.item) === null || _self$props45 === void 0 ? void 0 : _self$props45.customName) !== null && _ref27 !== void 0 ? _ref27 : self === null || self === void 0 || (_self$props46 = self.props) === null || _self$props46 === void 0 || (_self$props46 = _self$props46.item) === null || _self$props46 === void 0 ? void 0 : _self$props46.fieldName;\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: this.props.name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n return _this10.props.value === option.value;\n }).map(function (option) {\n return option.text;\n }).join(', '))));\n }\n // console.log('self.props', self.props);\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, self.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], self.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], self.props), self.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_self$props$item$help2 = (_self$props$item2 = self.props.item) === null || _self$props$item2 === void 0 ? void 0 : _self$props$item2.helpClassName) !== null && _self$props$item$help2 !== void 0 ? _self$props$item$help2 : 'text-muted'\n }, self.props.item.help)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n className: \"g-3\"\n }, self.props.item.options.map(function (option, index) {\n var _self$props47, _self$props48, _ref28, _self$props$item$bgCo3, _self$props49, _self$props50, _self$props51, _self$props52, _self$props53, _self$props54, _self$props55, _self$props59, _self$props60, _self$props61, _self$props62, _self$props63, _self$props64, _self$props65, _self$props66, _self$props67, _self$props68, _self$props69, _self$props70, _self$props71, _self$props72;\n // console.log('option', option);\n var checked = (self === null || self === void 0 || (_self$props47 = self.props) === null || _self$props47 === void 0 ? void 0 : _self$props47.value) === option.value;\n var horizontal = (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)((_self$props48 = self.props) === null || _self$props48 === void 0 || (_self$props48 = _self$props48.item) === null || _self$props48 === void 0 ? void 0 : _self$props48.inline);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n key: \"container_\".concat(name, \"_\").concat(option.value),\n xs: horizontal ? 6 : 12\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n label: option.text,\n type: \"radio\",\n variant: (_ref28 = (_self$props$item$bgCo3 = (_self$props49 = self.props) === null || _self$props49 === void 0 || (_self$props49 = _self$props49.item) === null || _self$props49 === void 0 ? void 0 : _self$props49.bgColor) !== null && _self$props$item$bgCo3 !== void 0 ? _self$props$item$bgCo3 : (_self$props50 = self.props) === null || _self$props50 === void 0 ? void 0 : _self$props50.checkboxButtonClassName) !== null && _ref28 !== void 0 ? _ref28 : \"outline-light\",\n className: \"btn-survey-builder-checkbox \".concat((_self$props51 = self.props) === null || _self$props51 === void 0 || (_self$props51 = _self$props51.item) === null || _self$props51 === void 0 ? void 0 : _self$props51.className, \" \").concat((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) ? (_self$props52 = self.props) === null || _self$props52 === void 0 || (_self$props52 = _self$props52.item) === null || _self$props52 === void 0 ? void 0 : _self$props52.selectedClassName : (_self$props53 = self.props) === null || _self$props53 === void 0 || (_self$props53 = _self$props53.item) === null || _self$props53 === void 0 ? void 0 : _self$props53.unselectedClassName),\n key: \"preview_\".concat(option.key),\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n inputRef: function inputRef(c) {\n if (c && self.props.item.mutable) {\n self.options[\"child_ref_\".concat(option.key)] = c;\n }\n },\n disabled: self === null || self === void 0 || (_self$props54 = self.props) === null || _self$props54 === void 0 || (_self$props54 = _self$props54.item) === null || _self$props54 === void 0 ? void 0 : _self$props54.disabled,\n name: name,\n value: option.value,\n checked: (self === null || self === void 0 || (_self$props55 = self.props) === null || _self$props55 === void 0 ? void 0 : _self$props55.value) === option.value,\n onChange: function onChange(e) {\n var _self$props56, _self$props57, _self$props58;\n // console.log('onChange', e.target.value);\n if ((self === null || self === void 0 || (_self$props56 = self.props) === null || _self$props56 === void 0 ? void 0 : _self$props56.onChange) !== undefined) {\n self.props.onChange(e.target.value);\n }\n if ((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props57 = self.props) === null || _self$props57 === void 0 || (_self$props57 = _self$props57.item) === null || _self$props57 === void 0 ? void 0 : _self$props57.submitOnSelection) && (self === null || self === void 0 || (_self$props58 = self.props) === null || _self$props58 === void 0 ? void 0 : _self$props58.onSelect) !== undefined) {\n self.props.onSelect(e.target.value);\n }\n }\n }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(horizontal) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n iconImportString: option.icon,\n size: 80\n })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center mx-auto d-block\",\n style: {\n height: 100,\n width: 100\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: option.image,\n alt: option.text,\n style: {\n height: 100\n },\n className: \"mx-auto d-block\",\n loading: \"lazy\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-row align-items-center justify-content-between\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"w-100 d-flex align-items-center justify-content-center text-survey-builder-checkbox\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-column\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-\".concat(self === null || self === void 0 || (_self$props59 = self.props) === null || _self$props59 === void 0 || (_self$props59 = _self$props59.item) === null || _self$props59 === void 0 ? void 0 : _self$props59.textColor, \" \").concat(self === null || self === void 0 || (_self$props60 = self.props) === null || _self$props60 === void 0 || (_self$props60 = _self$props60.item) === null || _self$props60 === void 0 ? void 0 : _self$props60.fieldLabelClassName, \" text-center\")\n }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"\".concat(self === null || self === void 0 || (_self$props61 = self.props) === null || _self$props61 === void 0 || (_self$props61 = _self$props61.item) === null || _self$props61 === void 0 ? void 0 : _self$props61.fieldDescriptionClassName)\n }, option.description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props62 = self.props) === null || _self$props62 === void 0 || (_self$props62 = _self$props62.item) === null || _self$props62 === void 0 ? void 0 : _self$props62.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n size: 30,\n className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props63 = self.props) === null || _self$props63 === void 0 || (_self$props63 = _self$props63.item) === null || _self$props63 === void 0 ? void 0 : _self$props63.unselectedColor)\n }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props64 = self.props) === null || _self$props64 === void 0 || (_self$props64 = _self$props64.item) === null || _self$props64 === void 0 ? void 0 : _self$props64.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n size: 30,\n className: \"flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props65 = self.props) === null || _self$props65 === void 0 || (_self$props65 = _self$props65.item) === null || _self$props65 === void 0 ? void 0 : _self$props65.selectedColor)\n })))))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-row align-items-center justify-content-between\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"w-100 d-flex align-items-center justify-content-start text-survey-builder-checkbox\"\n }, (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props66 = self.props) === null || _self$props66 === void 0 || (_self$props66 = _self$props66.item) === null || _self$props66 === void 0 ? void 0 : _self$props66.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanFalse)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOff, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props67 = self.props) === null || _self$props67 === void 0 || (_self$props67 = _self$props67.item) === null || _self$props67 === void 0 ? void 0 : _self$props67.unselectedColor)\n }), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(self === null || self === void 0 || (_self$props68 = self.props) === null || _self$props68 === void 0 || (_self$props68 = _self$props68.item) === null || _self$props68 === void 0 ? void 0 : _self$props68.showRadio) && (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isBooleanTrue)(checked) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_27__.IoRadioButtonOn, {\n size: 30,\n className: \"me-3 flex-shrink-0 text-\".concat(self === null || self === void 0 || (_self$props69 = self.props) === null || _self$props69 === void 0 || (_self$props69 = _self$props69.item) === null || _self$props69 === void 0 ? void 0 : _self$props69.selectedColor)\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"d-flex flex-column\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-\".concat(self === null || self === void 0 || (_self$props70 = self.props) === null || _self$props70 === void 0 || (_self$props70 = _self$props70.item) === null || _self$props70 === void 0 ? void 0 : _self$props70.textColor, \" \").concat(self === null || self === void 0 || (_self$props71 = self.props) === null || _self$props71 === void 0 || (_self$props71 = _self$props71.item) === null || _self$props71 === void 0 ? void 0 : _self$props71.fieldLabelClassName)\n }, option.text), (0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_15__.isNotNullOrUndefined)(option.description) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"\".concat(self === null || self === void 0 || (_self$props72 = self.props) === null || _self$props72 === void 0 || (_self$props72 = _self$props72.item) === null || _self$props72 === void 0 ? void 0 : _self$props72.fieldDescriptionClassName)\n }, option.description))), option.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center me-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(IconComponent, {\n iconImportString: option.icon,\n size: 50\n })), option.image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"text-center me-2\",\n style: {\n height: 40,\n width: 40\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: option.image,\n alt: option.label,\n style: {\n height: 40\n },\n className: \"mx-auto d-block\",\n loading: \"lazy\"\n })))));\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Image = function Image(props) {\n var style = props.item.center ? {\n textAlign: 'center'\n } : null;\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, props.style), style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n src: props.item.src,\n width: props.item.width,\n height: props.item.height\n }), !props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"no-image\"\n }, \"No Image\"));\n};\nvar Rating = function Rating(_ref29) {\n var _item$required25, _item$disabled17, _item$required26, _item$helpClassName18;\n var name = _ref29.name,\n onChange = _ref29.onChange,\n value = _ref29.value,\n style = _ref29.style,\n item = _ref29.item,\n props = _objectWithoutProperties(_ref29, _excluded10);\n var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_16__.useFormContext)();\n var onChangeHandler = function onChangeHandler(value) {\n if (onChange !== undefined) {\n onChange(value);\n }\n };\n var inputProps = {\n required: (_item$required25 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required25 !== void 0 ? _item$required25 : false,\n disabled: (_item$disabled17 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled17 !== void 0 ? _item$disabled17 : false\n };\n if (item !== null && item !== void 0 && item.label) {\n inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n }\n var fieldRules = {};\n if ((_item$required26 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required26 !== void 0 ? _item$required26 : false) {\n fieldRules.required = 'Required Field';\n }\n var controllerProps = {\n name: name,\n rules: fieldRules\n };\n controllerProps.render = function (_ref30) {\n var _ref30$field = _ref30.field,\n onChange = _ref30$field.onChange,\n onBlur = _ref30$field.onBlur,\n value = _ref30$field.value,\n name = _ref30$field.name,\n ref = _ref30$field.ref,\n _ref30$fieldState = _ref30.fieldState,\n invalid = _ref30$fieldState.invalid,\n isTouched = _ref30$fieldState.isTouched,\n isDirty = _ref30$fieldState.isDirty,\n error = _ref30$fieldState.error,\n formState = _ref30.formState;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n onBlur: onBlur,\n onRatingClick: function onRatingClick(event, _ref31) {\n var rating = _ref31.rating;\n onChange(rating);\n onChangeHandler(rating);\n },\n rating: !isNaN(value) ? parseFloat(value, 10) : 0,\n name: name,\n editing: item.mutable\n // ref={ref}\n ,\n isInvalid: invalid,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps));\n };\n if (value !== undefined) {\n controllerProps.defaultValue = !isNaN(value) ? parseFloat(value, 10) : 0;\n }\n if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n var _item$disabled18;\n controllerProps.disabled = (_item$disabled18 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled18 !== void 0 ? _item$disabled18 : false;\n }\n if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n var _item$required27;\n controllerProps.required = (_item$required27 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required27 !== void 0 ? _item$required27 : false;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (item !== null && item !== void 0 && item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (!methods) {\n var _item$helpClassName17;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n onRatingClick: function onRatingClick(event, _ref32) {\n var rating = _ref32.rating;\n onChange(rating);\n onChangeHandler(rating);\n },\n rating: !isNaN(value) ? Number(value) : 0,\n name: name,\n editing: false,\n id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n }, inputProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName17 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName17 !== void 0 ? _item$helpClassName17 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n item: item\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n item: item,\n className: item === null || item === void 0 ? void 0 : item.labelClassName,\n htmlFor: name\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_16__.Controller, _extends({\n control: methods.control\n }, controllerProps)), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_item$helpClassName18 = item === null || item === void 0 ? void 0 : item.helpClassName) !== null && _item$helpClassName18 !== void 0 ? _item$helpClassName18 : 'text-muted'\n }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n};\nvar HyperLink = function HyperLink(props) {\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Label, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n target: \"_blank\",\n href: props.item.href,\n dangerouslySetInnerHTML: {\n __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(props.item.content)\n }\n }))));\n};\nvar Download = function Download(props) {\n var baseClasses = 'SortableItem rfb-item';\n if (props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n href: \"\".concat(props.downloadPath, \"?id=\").concat(props.item.filePath)\n }, props.item.content)));\n};\nvar Camera = /*#__PURE__*/function (_React$Component6) {\n function Camera(props) {\n var _this11;\n _classCallCheck(this, Camera);\n _this11 = _callSuper(this, Camera, [props]);\n _defineProperty(_this11, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this11.setState({\n img: event.target.files[0]\n });\n if (_this11.props.onChange) {\n _this11.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this11, \"clearImage\", function () {\n _this11.setState({\n img: null\n });\n if (_this11.props.onChange) {\n _this11.props.onChange(null);\n }\n });\n _this11.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this11.state = {\n img: props.value\n };\n return _this11;\n }\n _inherits(Camera, _React$Component6);\n return _createClass(Camera, [{\n key: \"getImageSizeProps\",\n value: function getImageSizeProps(_ref33) {\n var width = _ref33.width,\n height = _ref33.height;\n var imgProps = {\n width: '100%'\n };\n if (width) {\n imgProps.width = width < window.innerWidth ? width : 0.9 * window.innerWidth;\n }\n if (height) {\n imgProps.height = height;\n }\n return imgProps;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props$checkboxB, _this$props6, _this$props$item$help4, _this$props$item4;\n var imageStyle = {\n objectFit: 'scale-down',\n objectPosition: this.props.item.center ? 'center' : 'left'\n };\n var fileInputStyle = this.state.img ? {\n display: 'none'\n } : null;\n var props = {};\n props.name = this.props.name;\n props.placeholder = this.props.item.placeholder || 'Select an image from your computer or device.';\n props.onChange = this.handleChange;\n props.onClick = function (event) {\n event.target.value = null;\n };\n props.isInvalid = this.props.isInvalid;\n if (this.props.onBlur) {\n props.onBlur = this.props.onBlur;\n }\n if (this.props.item.disabled) {\n props.disabled = 'disabled';\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n var sourceDataURL;\n if (this.props.item.readOnly === true && this.props.value && this.props.value.length > 0) {\n console.log(this.props.value);\n if (this.props.value.indexOf(this.props.name > -1)) {\n sourceDataURL = this.props.value;\n } else {\n sourceDataURL = \"data:image/png;base64,\".concat(this.props.value);\n }\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], _extends({\n style: imageStyle,\n src: sourceDataURL\n }, this.getImageSizeProps(this.props.item)))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: fileInputStyle\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n type: \"file\",\n accept: \"image/*\",\n capture: \"camera\",\n className: \"image-upload\"\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-control d-grid gap-2 w-100\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: (_this$props$checkboxB = (_this$props6 = this.props) === null || _this$props6 === void 0 ? void 0 : _this$props6.checkboxButtonClassName) !== null && _this$props$checkboxB !== void 0 ? _this$props$checkboxB : \"outline-dark\",\n className: \"d-flex align-items-center justify-content-between fw-bold\",\n size: \"lg\"\n }, \"Take Photo \", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaCamera, null)))), this.props.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"]\n // onLoad={() => URL.revokeObjectURL(this.state.previewImg)}\n , {\n src: URL.createObjectURL(this.props.value),\n height: \"100\",\n className: \"image-upload-preview\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n size: \"sm\",\n onClick: this.clearImage\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear Photo\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help4 = (_this$props$item4 = this.props.item) === null || _this$props$item4 === void 0 ? void 0 : _this$props$item4.helpClassName) !== null && _this$props$item$help4 !== void 0 ? _this$props$item$help4 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: this.props.name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar FileUpload = /*#__PURE__*/function (_React$Component7) {\n function FileUpload(props) {\n var _this12;\n _classCallCheck(this, FileUpload);\n _this12 = _callSuper(this, FileUpload, [props]);\n _defineProperty(_this12, \"handleChange\", function (event) {\n if (event.target.files && event.target.files.length > 0) {\n _this12.setState({\n fileUpload: event.target.files[0]\n });\n if (_this12.props.onChange) {\n _this12.props.onChange(event.target.files[0]);\n }\n }\n });\n _defineProperty(_this12, \"clearFileUpload\", function () {\n _this12.setState({\n fileUpload: null\n });\n if (_this12.props.onChange) {\n _this12.props.onChange(null);\n }\n });\n _defineProperty(_this12, \"saveFile\", /*#__PURE__*/function () {\n var _ref34 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {\n var sourceUrl, response, dispositionHeader, resBlob, blob, fileName, _fileName;\n return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n e.preventDefault();\n sourceUrl = _this12.props.value;\n _context2.next = 4;\n return isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default()(sourceUrl, {\n method: 'GET',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json; charset=utf-8'\n },\n responseType: 'blob'\n });\n case 4:\n response = _context2.sent;\n dispositionHeader = response.headers.get('Content-Disposition');\n _context2.next = 8;\n return response.blob();\n case 8:\n resBlob = _context2.sent;\n // eslint-disable-next-line no-undef\n blob = new Blob([resBlob], {\n type: _this12.props.item.fileType || response.headers.get('Content-Type')\n });\n if (dispositionHeader && dispositionHeader.indexOf(';filename=') > -1) {\n fileName = dispositionHeader.split(';filename=')[1];\n (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(blob, fileName);\n } else {\n _fileName = sourceUrl.substring(sourceUrl.lastIndexOf('/') + 1);\n (0,file_saver__WEBPACK_IMPORTED_MODULE_1__.saveAs)(response.url, _fileName);\n }\n case 11:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }));\n return function (_x) {\n return _ref34.apply(this, arguments);\n };\n }());\n _this12.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n _this12.state = {\n fileUpload: props.value\n };\n return _this12;\n }\n _inherits(FileUpload, _React$Component7);\n return _createClass(FileUpload, [{\n key: \"render\",\n value: function render() {\n var _this$props$item$help5, _this$props$item5;\n var fileInputStyle = this.state.fileUpload ? {\n display: 'none'\n } : null;\n var props = {};\n props.name = this.props.name;\n props.placeholder = this.props.item.placeholder || 'Select a file from your computer or device.';\n props.onChange = this.handleChange;\n props.onClick = function (event) {\n event.target.value = null;\n };\n props.isInvalid = this.props.isInvalid;\n if (this.props.onBlur) {\n props.onBlur = this.props.onBlur;\n }\n if (this.props.item.disabled) {\n props.disabled = 'disabled';\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n }\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n onClick: this.saveFile\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaDownload, null), \" Download File\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: fileInputStyle\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Control, _extends({\n type: \"file\",\n accept: this.props.item.fileType || '*',\n className: \"image-upload\"\n }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"image-upload-control\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"light\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaFile, null), \" Upload File\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select a file from your computer or device.\"))), this.state.fileUpload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"file-upload-preview\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: {\n display: 'inline-block',\n marginRight: '5px'\n }\n }, \"Name: \".concat(this.state.fileUpload.name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: {\n display: 'inline-block',\n marginLeft: '5px'\n }\n }, this.state.fileUpload.size.length > 6 ? \"Size: \".concat(Math.ceil(this.state.fileUpload.size / (1024 * 1024)), \" mb\") : \"Size: \".concat(Math.ceil(this.state.fileUpload.size / 1024), \" kb\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], {\n variant: \"default\",\n size: \"sm\",\n className: \"btn-file-upload-clear\",\n onClick: this.clearFileUpload\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_21__.FaTimes, null), \" Clear File\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help5 = (_this$props$item5 = this.props.item) === null || _this$props$item5 === void 0 ? void 0 : _this$props$item5.helpClassName) !== null && _this$props$item$help5 !== void 0 ? _this$props$item$help5 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: this.props.name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Range = /*#__PURE__*/function (_React$Component8) {\n function Range(props) {\n var _this13;\n _classCallCheck(this, Range);\n _this13 = _callSuper(this, Range, [props]);\n _this13.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n return _this13;\n }\n _inherits(Range, _React$Component8);\n return _createClass(Range, [{\n key: \"render\",\n value: function render() {\n var _this14 = this,\n _this$props$item$help6,\n _this$props$item6;\n var props = {};\n var name = this.props.name;\n props.name = this.props.name;\n props.value = this.props.value;\n props.onChange = function (event) {\n _this14.props.onChange(event.target.value);\n };\n if (this.props.item.disabled) {\n props.disabled = true;\n }\n if (this.props.item.mutable) {\n props.ref = this.inputField;\n } else {\n if (props.value === undefined) {\n props.value = this.props.item.defaultValue;\n }\n }\n props.type = 'range';\n props.list = \"tickmarks_\".concat(name);\n props.min = this.props.item.minValue;\n props.max = this.props.item.maxValue;\n props.step = this.props.item.step;\n var datalist = [];\n for (var i = parseInt(props.min, 10); i <= parseInt(props.max, 10); i += parseInt(props.step, 10)) {\n datalist.push(i);\n }\n var oneBig = 100 / (datalist.length - 1);\n var _datalist = datalist.map(function (d, idx) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n key: \"\".concat(props.list, \"_\").concat(idx)\n }, d);\n });\n var visibleMarks = datalist.map(function (d, idx) {\n var optionProps = {};\n var w = oneBig;\n if (idx === 0 || idx === datalist.length - 1) {\n w = oneBig / 2;\n }\n optionProps.key = \"\".concat(props.list, \"_label_\").concat(idx);\n optionProps.style = {\n width: \"\".concat(w, \"%\")\n };\n if (idx === datalist.length - 1) {\n optionProps.style = {\n width: \"\".concat(w, \"%\"),\n textAlign: 'right'\n };\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"label\", optionProps, d);\n });\n var baseClasses = 'SortableItem rfb-item';\n if (this.props.item.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n if (this.props.item.print === true) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.value)));\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n style: _objectSpread({}, this.props.style),\n className: baseClasses\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Group, {\n className: \"form-group mb-3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n htmlFor: name\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"range\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"clearfix\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n className: \"float-start\"\n }, this.props.item.minLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n className: \"float-end\"\n }, this.props.item.maxLabel)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default()), props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"visible_marks\"\n }, visibleMarks), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"datalist\", {\n id: props.list\n }, _datalist), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Text, {\n className: (_this$props$item$help6 = (_this$props$item6 = this.props.item) === null || _this$props$item6 === void 0 ? void 0 : _this$props$item6.helpClassName) !== null && _this$props$item$help6 !== void 0 ? _this$props$item$help6 : 'text-muted'\n }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n name: name\n })));\n }\n }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nSurveyElements.Header = Header;\nSurveyElements.Paragraph = Paragraph;\nSurveyElements.ContentBody = ContentBody;\nSurveyElements.Label = Label;\nSurveyElements.LineBreak = LineBreak;\nSurveyElements.TextInput = TextInput;\nSurveyElements.EmailInput = EmailInput;\nSurveyElements.PhoneNumber = PhoneNumber;\nSurveyElements.NumberInput = NumberInput;\nSurveyElements.TextArea = TextArea;\nSurveyElements.Dropdown = Dropdown;\nSurveyElements.Signature = Signature;\nSurveyElements.Checkboxes = Checkboxes;\nSurveyElements.Checkbox = Checkbox;\nSurveyElements.DatePicker = DatePicker;\nSurveyElements.RadioButtons = RadioButtons;\nSurveyElements.ButtonList = ButtonList;\nSurveyElements.Image = Image;\nSurveyElements.Rating = Rating;\nSurveyElements.Tags = Tags;\nSurveyElements.HyperLink = HyperLink;\nSurveyElements.Download = Download;\nSurveyElements.Camera = Camera;\nSurveyElements.FileUpload = FileUpload;\nSurveyElements.Range = Range;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/index.jsx?");
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_9__ = __webpack_require__(/*! react-icons/gr */ \"./node_modules/react-icons/gr/index.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\n\n\n\n\n\n\n\n\n\n\nvar _defaultItems = [{\n key: 'Header',\n name: \"Header Text\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaHeading,\n \"static\": true,\n content: \"Text...\"\n}, {\n key: 'Label',\n name: \"Label\",\n \"static\": true,\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n content: \"Text...\"\n}, {\n key: 'Paragraph',\n name: \"Paragraph\",\n \"static\": true,\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaParagraph,\n content: \"Text...\"\n}, {\n key: 'ContentBody',\n name: \"Static Content\",\n \"static\": true,\n icon: react_icons_pi__WEBPACK_IMPORTED_MODULE_7__.PiFileHtml,\n content: \"Text...\"\n}, {\n key: 'LineBreak',\n name: \"Line Break\",\n \"static\": true,\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaArrowsAltH\n}, {\n key: 'Dropdown',\n name: \"Dropdown\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCaretSquareDown,\n label: \"Label\",\n fieldName: 'dropdown_',\n canHaveHelp: true,\n options: [],\n placeholder: 'Select One',\n canHaveLabelLocation: true,\n answerType: 'ARRAY',\n hideLabel: false\n}, {\n key: 'Tags',\n name: \"Tags\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTags,\n label: \"Label\",\n fieldName: 'tags_',\n canHaveHelp: true,\n options: [],\n placeholder: 'Select...',\n canHaveLabelLocation: true,\n answerType: 'ARRAY',\n hideLabel: false\n}, {\n key: 'Checkboxes',\n name: \"Checkboxes\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n label: \"Label\",\n fieldName: 'checkboxes_',\n canHaveHelp: true,\n options: [],\n answerType: 'ARRAY',\n hideLabel: false,\n canHaveDisplayHorizontal: true,\n bgColor: 'light',\n textColor: 'black',\n className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n fieldLabelClassName: \"text-start text-black fs-3\",\n fieldDescriptionClassName: \"text-start text-muted fs-6\",\n selectedClassName: \"\",\n unselectedClassName: \"\",\n unselectedColor: \"black\",\n selectedColor: \"black\",\n inline: false\n}, {\n key: 'Checkbox',\n name: \"Checkbox\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n label: \"Label\",\n fieldName: 'checkbox_',\n canHaveHelp: true,\n boxLabel: 'Pick me',\n answerType: 'BOOLEAN',\n canHideLabel: true,\n hideLabel: true,\n bgColor: 'light',\n textColor: 'black',\n className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\"\n}, {\n key: 'RadioButtons',\n name: \"Radio Buttons\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegDotCircle,\n label: \"Label\",\n fieldName: 'radiobuttons_',\n canHaveHelp: true,\n options: [],\n answerType: 'STRING',\n hideLabel: false,\n submitOnSelection: false,\n canHaveDisplayHorizontal: true,\n bgColor: 'light',\n textColor: 'black',\n className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n fieldLabelClassName: \"text-start text-black fs-3\",\n fieldDescriptionClassName: \"text-start text-muted fs-6\",\n selectedClassName: \"\",\n unselectedClassName: \"\",\n unselectedColor: \"black\",\n selectedColor: \"black\",\n showRadio: true,\n inline: false\n}, {\n key: 'ButtonList',\n name: \"Button List\",\n icon: react_icons_io5__WEBPACK_IMPORTED_MODULE_8__.IoReorderTwo,\n label: \"Label\",\n fieldName: 'buttonlist_',\n canHaveHelp: true,\n options: [],\n answerType: 'STRING',\n hideLabel: false,\n submitOnSelection: true,\n bgColor: 'light',\n textColor: 'black',\n className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n fieldLabelClassName: \"text-start text-black fs-3\",\n fieldDescriptionClassName: \"text-start text-muted fs-6\",\n selectedClassName: \"\",\n unselectedClassName: \"\",\n unselectedColor: \"black\",\n selectedColor: \"black\",\n showRadio: false,\n inline: false\n}, {\n key: 'TextInput',\n name: \"Text Input\",\n label: \"Label\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n fieldName: 'text_input_',\n canHaveHelp: true,\n placeholder: \"Label\",\n canHaveLabelLocation: true,\n answerType: 'STRING',\n hideLabel: false\n}, {\n key: 'EmailInput',\n name: \"Email Input\",\n label: \"Email Address\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaEnvelope,\n fieldName: 'email_input_',\n canHaveHelp: true,\n placeholder: \"Email Address\",\n canHaveLabelLocation: true,\n answerType: 'STRING',\n hideLabel: false\n}, {\n key: 'PhoneNumber',\n name: \"Phone Number\",\n label: \"Phone Number\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPhone,\n fieldName: 'phone_input_',\n canHaveHelp: true,\n canHaveLabelLocation: true,\n answerType: 'STRING',\n hideLabel: false\n}, {\n key: 'DatePicker',\n canDefaultToday: true,\n canReadOnly: true,\n dateFormat: 'MM/DD/YYYY',\n name: \"Date\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegCalendarAlt,\n label: \"Label\",\n fieldName: 'date_picker_',\n canHaveHelp: true,\n canHaveLabelLocation: true,\n answerType: 'STRING',\n hideLabel: false\n}, {\n key: 'TextArea',\n name: \"Multi-line Input\",\n label: \"Label\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTextHeight,\n fieldName: 'text_area_',\n canHaveHelp: true,\n canHaveLabelLocation: true,\n answerType: 'STRING',\n hideLabel: false,\n rows: 5\n}, {\n key: 'NumberInput',\n name: \"Numerical Input\",\n label: \"Label\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPlus,\n fieldName: 'number_input_',\n canHaveHelp: true,\n step: 1,\n minValue: 0,\n maxValue: 5,\n canHaveLabelLocation: true,\n answerType: 'NUMBER',\n hideLabel: false\n}, {\n key: 'Rating',\n name: \"Rating\",\n label: \"Label\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaStar,\n fieldName: 'rating_',\n canHaveHelp: true,\n answerType: 'NUMBER',\n hideLabel: false\n}, {\n key: 'Range',\n name: \"Range\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaSlidersH,\n label: \"Label\",\n fieldName: 'range_',\n step: 1,\n defaultValue: 3,\n minValue: 1,\n maxValue: 5,\n minLabel: \"Easy\",\n maxLabel: \"Difficult\",\n canHaveHelp: true,\n answerType: 'NUMBER',\n hideLabel: false\n}, {\n key: 'Signature',\n canReadOnly: true,\n name: \"Signature\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPenSquare,\n label: \"Signature\",\n fieldName: 'signature_',\n canHaveHelp: true,\n answerType: 'IMAGE',\n hideLabel: false\n}, {\n key: 'Camera',\n name: \"Camera\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCamera,\n label: \"Label\",\n fieldName: 'camera_',\n answerType: 'IMAGE',\n hideLabel: false\n}, {\n key: 'FileUpload',\n name: \"File Upload\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n label: \"Label\",\n fieldName: 'file_upload_',\n answerType: 'FILE',\n hideLabel: false\n}, {\n key: 'Fieldset',\n name: \"Fieldset\",\n label: \"Fieldset\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaBars,\n fieldName: 'fieldset-element',\n \"static\": true,\n isContainer: true\n}, {\n key: 'Image',\n name: \"Image\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegImage,\n fieldName: 'image_',\n src: '',\n \"static\": true\n}, {\n key: 'HyperLink',\n name: \"Hyperlink\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaLink,\n content: \"Website Link...\",\n href: 'http://www.example.com',\n \"static\": true\n}, {\n key: 'Download',\n name: \"File Attachment\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n content: \"File name...\",\n fieldName: 'download_',\n filePath: '',\n href: '',\n \"static\": true\n}, {\n key: 'TwoColumnRow',\n name: \"Two Column Row\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n fieldName: 'two_col_row_',\n \"static\": true,\n isContainer: true\n}, {\n key: 'ThreeColumnRow',\n name: \"Three Columns Row\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n fieldName: 'three_col_row_',\n \"static\": true,\n isContainer: true\n}, {\n key: 'FourColumnRow',\n element: 'MultiColumnRow',\n name: \"Four Columns Row\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n fieldName: 'four_col_row_',\n colCount: 4,\n className: 'col-md-3',\n \"static\": true,\n isContainer: true\n}, {\n key: 'FiveColumnRow',\n element: 'MultiColumnRow',\n name: \"Five Columns Row\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n fieldName: 'five_col_row_',\n colCount: 5,\n className: 'col',\n \"static\": true,\n isContainer: true\n}, {\n key: 'SixColumnRow',\n element: 'MultiColumnRow',\n name: \"Six Columns Row\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n fieldName: 'six_col_row_',\n colCount: 6,\n className: 'col-md-2',\n \"static\": true,\n isContainer: true\n}, {\n key: 'Step',\n name: \"Step\",\n label: \"Step\",\n icon: react_icons_gr__WEBPACK_IMPORTED_MODULE_9__.GrSteps,\n fieldName: 'step_',\n \"static\": true,\n conditional: false,\n conditionalFieldName: '',\n conditionalFieldValue: '',\n isContainer: true,\n hideNextStepButton: false\n}];\nvar groupBy = function groupBy(list, keyGetter) {\n var map = new Map();\n list.forEach(function (item) {\n var key = keyGetter(item);\n var collection = map.get(key);\n if (!collection) {\n map.set(key, [item]);\n } else {\n collection.push(item);\n }\n });\n return map;\n};\nvar buildItems = function buildItems() {\n var dataItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var defaultDataItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n var customItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n var allItems = [].concat(_toConsumableArray(defaultDataItems), _toConsumableArray(customItems));\n if (!(0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(dataItems)) {\n return allItems;\n }\n return dataItems.map(function (x) {\n var found = allItems.find(function (y) {\n return x.element === y.element && y.key === x.key;\n });\n if (!found) {\n found = allItems.find(function (y) {\n return (x.element || x.key) === (y.element || y.key);\n });\n }\n if (found) {\n if (x.inherited !== false) {\n found = _objectSpread(_objectSpread({}, found), x);\n } else if (x.groupName) {\n found.groupName = x.groupName;\n }\n }\n return found || x;\n });\n};\nvar buildGroupItems = function buildGroupItems() {\n var allItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var ungroupedItems = allItems.filter(function (x) {\n return !x.groupName;\n });\n var gItems = allItems.filter(function (x) {\n return !!x.groupName;\n });\n var grouped = groupBy(gItems, function (x) {\n return x.groupName;\n });\n var groupKeys = gItems.map(function (x) {\n return x.groupName;\n }).filter(function (v, i, self) {\n return self.indexOf(v) === i;\n });\n return {\n ungroupedItems: ungroupedItems,\n grouped: grouped,\n groupKeys: groupKeys\n };\n};\nvar Toolbar = function Toolbar(_ref) {\n var toolbarTop = _ref.toolbarTop,\n _ref$items = _ref.items,\n items = _ref$items === void 0 ? [] : _ref$items,\n _ref$customItems = _ref.customItems,\n customItems = _ref$customItems === void 0 ? [] : _ref$customItems;\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(items) ? _toConsumableArray(items) : []),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n dataItems = _React$useState2[0],\n setDataItems = _React$useState2[1];\n var _defaultItemOptions = function _defaultItemOptions(element) {\n switch (element) {\n case 'Dropdown':\n return [{\n value: 'PLACE_HOLDER_OPTION_1',\n text: \"Place holder option 1\",\n key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_2',\n text: \"Place holder option 2\",\n key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_3',\n text: \"Place holder option 3\",\n key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }];\n case 'Tags':\n return [{\n value: 'PLACE_HOLDER_TAG_1',\n text: \"Place holder option 1\",\n key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_TAG_2',\n text: \"Place holder option 2\",\n key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_TAG_3',\n text: \"Place holder option 3\",\n key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }];\n case 'Checkboxes':\n return [{\n value: 'PLACE_HOLDER_OPTION_1',\n text: \"Place holder option 1\",\n key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_2',\n text: \"Place holder option 2\",\n key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_3',\n text: \"Place holder option 3\",\n key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }];\n case 'RadioButtons':\n return [{\n value: 'PLACE_HOLDER_OPTION_1',\n text: \"Place holder option 1\",\n key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_2',\n text: \"Place holder option 2\",\n key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_3',\n text: \"Place holder option 3\",\n key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }];\n case 'ButtonList':\n return [{\n value: 'YES',\n text: \"Yes\",\n key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'NO',\n text: \"No\",\n key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }];\n default:\n return [];\n }\n };\n var addCustomOptions = function addCustomOptions(item, elementOptions) {\n if (item.type === 'custom') {\n var customOptions = _objectSpread(_objectSpread({}, item), elementOptions);\n customOptions.custom = true;\n customOptions.component = item.component || null;\n customOptions.customOptions = item.customOptions || [];\n return customOptions;\n }\n return elementOptions;\n };\n var create = function create(item) {\n var _item$static;\n var element = item.element || item.key;\n var elementOptions = addCustomOptions(item, {\n id: _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid(),\n element: element,\n text: item.name,\n \"static\": (_item$static = item[\"static\"]) !== null && _item$static !== void 0 ? _item$static : false\n });\n if (item.groupName) {\n var _item$groupName;\n elementOptions.groupName = (_item$groupName = item.groupName) !== null && _item$groupName !== void 0 ? _item$groupName : null;\n }\n if (!item[\"static\"]) {\n elementOptions.required = false;\n }\n if (item.isContainer) {\n elementOptions.isContainer = true;\n }\n\n // add placeholder to form input\n if (['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags'].indexOf(element) !== -1) {\n var _item$placeholder;\n elementOptions.placeholder = (_item$placeholder = item.placeholder) !== null && _item$placeholder !== void 0 ? _item$placeholder : '';\n }\n if (item.type === 'custom') {\n elementOptions.key = item.key;\n elementOptions.custom = true;\n elementOptions.forwardRef = item.forwardRef;\n elementOptions.bare = item.bare;\n elementOptions.props = item.props;\n elementOptions.component = item.component || null;\n elementOptions.customOptions = item.customOptions || [];\n }\n if (item[\"static\"] && ['Header', 'Paragraph', 'Label'].indexOf(element) !== -1) {\n elementOptions.bold = false;\n elementOptions.italic = false;\n }\n if (item.canHaveLabelLocation || item.labelLocation !== undefined) {\n var _item$labelLocation;\n elementOptions.labelLocation = (_item$labelLocation = item.labelLocation) !== null && _item$labelLocation !== void 0 ? _item$labelLocation : 'ABOVE';\n }\n if (item.canHaveHelp || item.help !== undefined) {\n var _item$help;\n elementOptions.help = (_item$help = item.help) !== null && _item$help !== void 0 ? _item$help : '';\n }\n if (item.canHideLabel || item.hideLabel !== undefined) {\n var _item$hideLabel;\n elementOptions.hideLabel = (_item$hideLabel = item.hideLabel) !== null && _item$hideLabel !== void 0 ? _item$hideLabel : false;\n }\n if (item.canReadOnly || item.readOnly !== undefined) {\n var _item$readOnly;\n elementOptions.readOnly = (_item$readOnly = item.readOnly) !== null && _item$readOnly !== void 0 ? _item$readOnly : false;\n }\n if (item.canDefaultToday || item.defaultToday !== undefined) {\n var _item$defaultToday;\n elementOptions.defaultToday = (_item$defaultToday = item.defaultToday) !== null && _item$defaultToday !== void 0 ? _item$defaultToday : false;\n }\n if (item.content) {\n elementOptions.content = item.content;\n }\n if (item.href) {\n elementOptions.href = item.href;\n }\n if (item.inherited !== undefined) {\n elementOptions.inherited = item.inherited;\n }\n if (item.canHavePageBreakBefore || item.pageBreakBefore !== undefined) {\n var _item$pageBreakBefore;\n elementOptions.pageBreakBefore = (_item$pageBreakBefore = item.pageBreakBefore) !== null && _item$pageBreakBefore !== void 0 ? _item$pageBreakBefore : false;\n }\n if (item.canHaveAlternateForm || item.alternateForm !== undefined) {\n var _item$alternateForm;\n elementOptions.alternateForm = (_item$alternateForm = item.alternateForm) !== null && _item$alternateForm !== void 0 ? _item$alternateForm : false;\n }\n if (item.canHaveDisplayHorizontal || item.inline !== undefined) {\n var _item$inline;\n elementOptions.inline = (_item$inline = item.inline) !== null && _item$inline !== void 0 ? _item$inline : false;\n }\n if (item.canHaveOptionCorrect) {\n var _item$canHaveOptionCo;\n elementOptions.canHaveOptionCorrect = (_item$canHaveOptionCo = item.canHaveOptionCorrect) !== null && _item$canHaveOptionCo !== void 0 ? _item$canHaveOptionCo : false;\n }\n if (item.canHaveOptionValue) {\n var _item$canHaveOptionVa;\n elementOptions.canHaveOptionValue = (_item$canHaveOptionVa = item.canHaveOptionValue) !== null && _item$canHaveOptionVa !== void 0 ? _item$canHaveOptionVa : false;\n }\n if (item.canPopulateFromApi) {\n var _item$canPopulateFrom;\n elementOptions.canPopulateFromApi = (_item$canPopulateFrom = item.canPopulateFromApi) !== null && _item$canPopulateFrom !== void 0 ? _item$canPopulateFrom : false;\n }\n if (item.rows) {\n elementOptions.rows = item.rows;\n }\n if (item.className) {\n elementOptions.className = item.className;\n }\n if (element === 'Step') {\n elementOptions.conditional = item.conditional;\n elementOptions.conditionalFieldName = item.conditionalFieldName;\n elementOptions.conditionalFieldValue = item.conditionalFieldValue;\n elementOptions.hideNextStepButton = item.hideNextStepButton;\n }\n if (element === 'Image') {\n elementOptions.src = item.src;\n }\n if (element === 'DatePicker') {\n elementOptions.dateFormat = item.dateFormat;\n }\n if (element === 'Download') {\n elementOptions.href = item.href;\n elementOptions.filePath = item.filePath;\n }\n if (element === 'NumberInput') {\n elementOptions.step = item.step;\n elementOptions.minValue = item.minValue;\n elementOptions.maxValue = item.maxValue;\n }\n if (element === 'Range') {\n elementOptions.step = item.step;\n elementOptions.defaultValue = item.defaultValue;\n elementOptions.minValue = item.minValue;\n elementOptions.maxValue = item.maxValue;\n elementOptions.minLabel = item.minLabel;\n elementOptions.maxLabel = item.maxLabel;\n }\n if (element === 'MultiColumnRow') {\n elementOptions.colCount = item.colCount;\n }\n if (element === 'ButtonList' || element === 'RadioButtons') {\n var _item$submitOnSelecti;\n elementOptions.submitOnSelection = (_item$submitOnSelecti = item.submitOnSelection) !== null && _item$submitOnSelecti !== void 0 ? _item$submitOnSelecti : false;\n }\n if (element === 'RadioButtons') {\n var _item$showRadio;\n elementOptions.showRadio = (_item$showRadio = item.showRadio) !== null && _item$showRadio !== void 0 ? _item$showRadio : true;\n }\n if (item.bgColor) {\n elementOptions.bgColor = item.bgColor;\n }\n if (item.textColor) {\n elementOptions.textColor = item.textColor;\n }\n if (item.className) {\n elementOptions.className = item.className;\n }\n if (item.fieldLabelClassName) {\n elementOptions.fieldLabelClassName = item.fieldLabelClassName;\n }\n if (item.fieldDescriptionClassName) {\n elementOptions.fieldDescriptionClassName = item.fieldDescriptionClassName;\n }\n if (item.selectedClassName) {\n elementOptions.selectedClassName = item.selectedClassName;\n }\n if (item.unselectedClassName) {\n elementOptions.unselectedClassName = item.unselectedClassName;\n }\n if (item.selectedColor) {\n elementOptions.selectedColor = item.selectedColor;\n }\n if (item.unselectedColor) {\n elementOptions.unselectedColor = item.unselectedColor;\n }\n if (item.defaultValue) {\n elementOptions.defaultValue = item.defaultValue;\n }\n if (item.fieldName) {\n elementOptions.fieldName = item.fieldName + _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid();\n }\n if (!item[\"static\"]) {\n var _item$customName;\n elementOptions.customName = (_item$customName = item.customName) !== null && _item$customName !== void 0 ? _item$customName : elementOptions.fieldName;\n }\n if (item.label) {\n elementOptions.label = item.label.trim();\n }\n if (item.options) {\n if (item.options.length > 0) {\n elementOptions.options = item.options.map(function (x) {\n return _objectSpread(_objectSpread({}, x), {}, {\n key: \"custom_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n });\n });\n } else {\n elementOptions.options = _defaultItemOptions(elementOptions.element);\n }\n }\n return elementOptions;\n };\n var _onClick = function _onClick(item) {\n // ElementActions.createElement(create(item));\n _stores_store__WEBPACK_IMPORTED_MODULE_3__[\"default\"].dispatch('create', create(item));\n };\n var renderItem = function renderItem(item) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n item: item,\n key: item.key,\n onClick: function onClick() {\n _onClick(item);\n },\n onCreate: create\n });\n };\n react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n setDataItems(buildItems(dataItems, _defaultItems, customItems));\n }, []);\n var _buildGroupItems = buildGroupItems(dataItems),\n ungroupedItems = _buildGroupItems.ungroupedItems,\n grouped = _buildGroupItems.grouped,\n groupKeys = _buildGroupItems.groupKeys;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"react-survey-builder-toolbar\"\n }, toolbarTop, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", null, \"Survey Blocks Toolbox\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"ul\", null, ungroupedItems.map(renderItem), groupKeys.map(function (k) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n key: k,\n name: k,\n group: grouped.get(k),\n renderItem: renderItem\n });\n })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toolbar);\n\n//# sourceURL=webpack://react-survey-builder/./src/toolbar.jsx?");
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_9__ = __webpack_require__(/*! react-icons/gr */ \"./node_modules/react-icons/gr/index.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\n\n\n\n\n\n\n\n\n\n\nvar _defaultItems = [{\n key: 'Header',\n name: \"Header Text\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaHeading,\n \"static\": true,\n content: \"Text...\"\n}, {\n key: 'Label',\n name: \"Label\",\n \"static\": true,\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n content: \"Text...\"\n}, {\n key: 'Paragraph',\n name: \"Paragraph\",\n \"static\": true,\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaParagraph,\n content: \"Text...\"\n}, {\n key: 'ContentBody',\n name: \"Static Content\",\n \"static\": true,\n icon: react_icons_pi__WEBPACK_IMPORTED_MODULE_7__.PiFileHtml,\n content: \"Text...\"\n}, {\n key: 'LineBreak',\n name: \"Line Break\",\n \"static\": true,\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaArrowsAltH\n}, {\n key: 'Dropdown',\n name: \"Dropdown\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCaretSquareDown,\n label: \"Label\",\n fieldName: 'dropdown_',\n canHaveHelp: true,\n options: [],\n placeholder: 'Select One',\n canHaveLabelLocation: true,\n answerType: 'ARRAY',\n hideLabel: false\n}, {\n key: 'Tags',\n name: \"Tags\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTags,\n label: \"Label\",\n fieldName: 'tags_',\n canHaveHelp: true,\n options: [],\n placeholder: 'Select...',\n canHaveLabelLocation: true,\n answerType: 'ARRAY',\n hideLabel: false\n}, {\n key: 'Checkboxes',\n name: \"Checkboxes\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n label: \"Label\",\n fieldName: 'checkboxes_',\n canHaveHelp: true,\n options: [],\n answerType: 'ARRAY',\n hideLabel: false,\n canHaveDisplayHorizontal: true,\n bgColor: 'light',\n textColor: 'black',\n className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n fieldLabelClassName: \"text-start text-black fs-3\",\n fieldDescriptionClassName: \"text-start text-muted fs-6\",\n selectedClassName: \"border-black\",\n unselectedClassName: \"border-light\",\n unselectedColor: \"black\",\n selectedColor: \"black\",\n inline: false\n}, {\n key: 'Checkbox',\n name: \"Checkbox\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n label: \"Label\",\n fieldName: 'checkbox_',\n canHaveHelp: true,\n boxLabel: 'Pick me',\n answerType: 'BOOLEAN',\n canHideLabel: true,\n hideLabel: true,\n bgColor: 'light',\n textColor: 'black',\n className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\"\n}, {\n key: 'RadioButtons',\n name: \"Radio Buttons\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegDotCircle,\n label: \"Label\",\n fieldName: 'radiobuttons_',\n canHaveHelp: true,\n options: [],\n answerType: 'STRING',\n hideLabel: false,\n submitOnSelection: false,\n canHaveDisplayHorizontal: true,\n bgColor: 'light',\n textColor: 'black',\n className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n fieldLabelClassName: \"text-start text-black fs-3\",\n fieldDescriptionClassName: \"text-start text-muted fs-6\",\n selectedClassName: \"border-black\",\n unselectedClassName: \"border-light\",\n unselectedColor: \"black\",\n selectedColor: \"black\",\n showRadio: true,\n inline: false\n}, {\n key: 'ButtonList',\n name: \"Button List\",\n icon: react_icons_io5__WEBPACK_IMPORTED_MODULE_8__.IoReorderTwo,\n label: \"Label\",\n fieldName: 'buttonlist_',\n canHaveHelp: true,\n options: [],\n answerType: 'STRING',\n hideLabel: false,\n submitOnSelection: true,\n bgColor: 'light',\n textColor: 'black',\n className: \"p-2 shadow-none rounded-3 text-black border border-2 w-100\",\n fieldLabelClassName: \"text-start text-black fs-3\",\n fieldDescriptionClassName: \"text-start text-muted fs-6\",\n selectedClassName: \"border-black\",\n unselectedClassName: \"border-light\",\n unselectedColor: \"black\",\n selectedColor: \"black\",\n showRadio: false,\n inline: false\n}, {\n key: 'TextInput',\n name: \"Text Input\",\n label: \"Label\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n fieldName: 'text_input_',\n canHaveHelp: true,\n placeholder: \"Label\",\n canHaveLabelLocation: true,\n answerType: 'STRING',\n hideLabel: false\n}, {\n key: 'EmailInput',\n name: \"Email Input\",\n label: \"Email Address\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaEnvelope,\n fieldName: 'email_input_',\n canHaveHelp: true,\n placeholder: \"Email Address\",\n canHaveLabelLocation: true,\n answerType: 'STRING',\n hideLabel: false\n}, {\n key: 'PhoneNumber',\n name: \"Phone Number\",\n label: \"Phone Number\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPhone,\n fieldName: 'phone_input_',\n canHaveHelp: true,\n canHaveLabelLocation: true,\n answerType: 'STRING',\n hideLabel: false\n}, {\n key: 'DatePicker',\n canDefaultToday: true,\n canReadOnly: true,\n dateFormat: 'MM/DD/YYYY',\n name: \"Date\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegCalendarAlt,\n label: \"Label\",\n fieldName: 'date_picker_',\n canHaveHelp: true,\n canHaveLabelLocation: true,\n answerType: 'STRING',\n hideLabel: false\n}, {\n key: 'TextArea',\n name: \"Multi-line Input\",\n label: \"Label\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTextHeight,\n fieldName: 'text_area_',\n canHaveHelp: true,\n canHaveLabelLocation: true,\n answerType: 'STRING',\n hideLabel: false,\n rows: 5\n}, {\n key: 'NumberInput',\n name: \"Numerical Input\",\n label: \"Label\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPlus,\n fieldName: 'number_input_',\n canHaveHelp: true,\n step: 1,\n minValue: 0,\n maxValue: 5,\n canHaveLabelLocation: true,\n answerType: 'NUMBER',\n hideLabel: false\n}, {\n key: 'Rating',\n name: \"Rating\",\n label: \"Label\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaStar,\n fieldName: 'rating_',\n canHaveHelp: true,\n answerType: 'NUMBER',\n hideLabel: false\n}, {\n key: 'Range',\n name: \"Range\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaSlidersH,\n label: \"Label\",\n fieldName: 'range_',\n step: 1,\n defaultValue: 3,\n minValue: 1,\n maxValue: 5,\n minLabel: \"Easy\",\n maxLabel: \"Difficult\",\n canHaveHelp: true,\n answerType: 'NUMBER',\n hideLabel: false\n}, {\n key: 'Signature',\n canReadOnly: true,\n name: \"Signature\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPenSquare,\n label: \"Signature\",\n fieldName: 'signature_',\n canHaveHelp: true,\n answerType: 'IMAGE',\n hideLabel: false\n}, {\n key: 'Camera',\n name: \"Camera\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCamera,\n label: \"Label\",\n fieldName: 'camera_',\n answerType: 'IMAGE',\n hideLabel: false\n}, {\n key: 'FileUpload',\n name: \"File Upload\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n label: \"Label\",\n fieldName: 'file_upload_',\n answerType: 'FILE',\n hideLabel: false\n}, {\n key: 'Fieldset',\n name: \"Fieldset\",\n label: \"Fieldset\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaBars,\n fieldName: 'fieldset-element',\n \"static\": true,\n isContainer: true\n}, {\n key: 'Image',\n name: \"Image\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegImage,\n fieldName: 'image_',\n src: '',\n \"static\": true\n}, {\n key: 'HyperLink',\n name: \"Hyperlink\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaLink,\n content: \"Website Link...\",\n href: 'http://www.example.com',\n \"static\": true\n}, {\n key: 'Download',\n name: \"File Attachment\",\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n content: \"File name...\",\n fieldName: 'download_',\n filePath: '',\n href: '',\n \"static\": true\n}, {\n key: 'TwoColumnRow',\n name: \"Two Column Row\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n fieldName: 'two_col_row_',\n \"static\": true,\n isContainer: true\n}, {\n key: 'ThreeColumnRow',\n name: \"Three Columns Row\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n fieldName: 'three_col_row_',\n \"static\": true,\n isContainer: true\n}, {\n key: 'FourColumnRow',\n element: 'MultiColumnRow',\n name: \"Four Columns Row\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n fieldName: 'four_col_row_',\n colCount: 4,\n className: 'col-md-3',\n \"static\": true,\n isContainer: true\n}, {\n key: 'FiveColumnRow',\n element: 'MultiColumnRow',\n name: \"Five Columns Row\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n fieldName: 'five_col_row_',\n colCount: 5,\n className: 'col',\n \"static\": true,\n isContainer: true\n}, {\n key: 'SixColumnRow',\n element: 'MultiColumnRow',\n name: \"Six Columns Row\",\n label: '',\n icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n fieldName: 'six_col_row_',\n colCount: 6,\n className: 'col-md-2',\n \"static\": true,\n isContainer: true\n}, {\n key: 'Step',\n name: \"Step\",\n label: \"Step\",\n icon: react_icons_gr__WEBPACK_IMPORTED_MODULE_9__.GrSteps,\n fieldName: 'step_',\n \"static\": true,\n conditional: false,\n conditionalFieldName: '',\n conditionalFieldValue: '',\n isContainer: true,\n hideNextStepButton: false\n}];\nvar groupBy = function groupBy(list, keyGetter) {\n var map = new Map();\n list.forEach(function (item) {\n var key = keyGetter(item);\n var collection = map.get(key);\n if (!collection) {\n map.set(key, [item]);\n } else {\n collection.push(item);\n }\n });\n return map;\n};\nvar buildItems = function buildItems() {\n var dataItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var defaultDataItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n var customItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n var allItems = [].concat(_toConsumableArray(defaultDataItems), _toConsumableArray(customItems));\n if (!(0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(dataItems)) {\n return allItems;\n }\n return dataItems.map(function (x) {\n var found = allItems.find(function (y) {\n return x.element === y.element && y.key === x.key;\n });\n if (!found) {\n found = allItems.find(function (y) {\n return (x.element || x.key) === (y.element || y.key);\n });\n }\n if (found) {\n if (x.inherited !== false) {\n found = _objectSpread(_objectSpread({}, found), x);\n } else if (x.groupName) {\n found.groupName = x.groupName;\n }\n }\n return found || x;\n });\n};\nvar buildGroupItems = function buildGroupItems() {\n var allItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var ungroupedItems = allItems.filter(function (x) {\n return !x.groupName;\n });\n var gItems = allItems.filter(function (x) {\n return !!x.groupName;\n });\n var grouped = groupBy(gItems, function (x) {\n return x.groupName;\n });\n var groupKeys = gItems.map(function (x) {\n return x.groupName;\n }).filter(function (v, i, self) {\n return self.indexOf(v) === i;\n });\n return {\n ungroupedItems: ungroupedItems,\n grouped: grouped,\n groupKeys: groupKeys\n };\n};\nvar Toolbar = function Toolbar(_ref) {\n var toolbarTop = _ref.toolbarTop,\n _ref$items = _ref.items,\n items = _ref$items === void 0 ? [] : _ref$items,\n _ref$customItems = _ref.customItems,\n customItems = _ref$customItems === void 0 ? [] : _ref$customItems;\n var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(items) ? _toConsumableArray(items) : []),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n dataItems = _React$useState2[0],\n setDataItems = _React$useState2[1];\n var _defaultItemOptions = function _defaultItemOptions(element) {\n switch (element) {\n case 'Dropdown':\n return [{\n value: 'PLACE_HOLDER_OPTION_1',\n text: \"Place holder option 1\",\n key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_2',\n text: \"Place holder option 2\",\n key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_3',\n text: \"Place holder option 3\",\n key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }];\n case 'Tags':\n return [{\n value: 'PLACE_HOLDER_TAG_1',\n text: \"Place holder option 1\",\n key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_TAG_2',\n text: \"Place holder option 2\",\n key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_TAG_3',\n text: \"Place holder option 3\",\n key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }];\n case 'Checkboxes':\n return [{\n value: 'PLACE_HOLDER_OPTION_1',\n text: \"Place holder option 1\",\n key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_2',\n text: \"Place holder option 2\",\n key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_3',\n text: \"Place holder option 3\",\n key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }];\n case 'RadioButtons':\n return [{\n value: 'PLACE_HOLDER_OPTION_1',\n text: \"Place holder option 1\",\n key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_2',\n text: \"Place holder option 2\",\n key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'PLACE_HOLDER_OPTION_3',\n text: \"Place holder option 3\",\n key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }];\n case 'ButtonList':\n return [{\n value: 'YES',\n text: \"Yes\",\n key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }, {\n value: 'NO',\n text: \"No\",\n key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n }];\n default:\n return [];\n }\n };\n var addCustomOptions = function addCustomOptions(item, elementOptions) {\n if (item.type === 'custom') {\n var customOptions = _objectSpread(_objectSpread({}, item), elementOptions);\n customOptions.custom = true;\n customOptions.component = item.component || null;\n customOptions.customOptions = item.customOptions || [];\n return customOptions;\n }\n return elementOptions;\n };\n var create = function create(item) {\n var _item$static;\n var element = item.element || item.key;\n var elementOptions = addCustomOptions(item, {\n id: _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid(),\n element: element,\n text: item.name,\n \"static\": (_item$static = item[\"static\"]) !== null && _item$static !== void 0 ? _item$static : false\n });\n if (item.groupName) {\n var _item$groupName;\n elementOptions.groupName = (_item$groupName = item.groupName) !== null && _item$groupName !== void 0 ? _item$groupName : null;\n }\n if (!item[\"static\"]) {\n elementOptions.required = false;\n }\n if (item.isContainer) {\n elementOptions.isContainer = true;\n }\n\n // add placeholder to form input\n if (['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags'].indexOf(element) !== -1) {\n var _item$placeholder;\n elementOptions.placeholder = (_item$placeholder = item.placeholder) !== null && _item$placeholder !== void 0 ? _item$placeholder : '';\n }\n if (item.type === 'custom') {\n elementOptions.key = item.key;\n elementOptions.custom = true;\n elementOptions.forwardRef = item.forwardRef;\n elementOptions.bare = item.bare;\n elementOptions.props = item.props;\n elementOptions.component = item.component || null;\n elementOptions.customOptions = item.customOptions || [];\n }\n if (item[\"static\"] && ['Header', 'Paragraph', 'Label'].indexOf(element) !== -1) {\n elementOptions.bold = false;\n elementOptions.italic = false;\n }\n if (item.canHaveLabelLocation || item.labelLocation !== undefined) {\n var _item$labelLocation;\n elementOptions.labelLocation = (_item$labelLocation = item.labelLocation) !== null && _item$labelLocation !== void 0 ? _item$labelLocation : 'ABOVE';\n }\n if (item.canHaveHelp || item.help !== undefined) {\n var _item$help;\n elementOptions.help = (_item$help = item.help) !== null && _item$help !== void 0 ? _item$help : '';\n }\n if (item.canHideLabel || item.hideLabel !== undefined) {\n var _item$hideLabel;\n elementOptions.hideLabel = (_item$hideLabel = item.hideLabel) !== null && _item$hideLabel !== void 0 ? _item$hideLabel : false;\n }\n if (item.canReadOnly || item.readOnly !== undefined) {\n var _item$readOnly;\n elementOptions.readOnly = (_item$readOnly = item.readOnly) !== null && _item$readOnly !== void 0 ? _item$readOnly : false;\n }\n if (item.canDefaultToday || item.defaultToday !== undefined) {\n var _item$defaultToday;\n elementOptions.defaultToday = (_item$defaultToday = item.defaultToday) !== null && _item$defaultToday !== void 0 ? _item$defaultToday : false;\n }\n if (item.content) {\n elementOptions.content = item.content;\n }\n if (item.href) {\n elementOptions.href = item.href;\n }\n if (item.inherited !== undefined) {\n elementOptions.inherited = item.inherited;\n }\n if (item.canHavePageBreakBefore || item.pageBreakBefore !== undefined) {\n var _item$pageBreakBefore;\n elementOptions.pageBreakBefore = (_item$pageBreakBefore = item.pageBreakBefore) !== null && _item$pageBreakBefore !== void 0 ? _item$pageBreakBefore : false;\n }\n if (item.canHaveAlternateForm || item.alternateForm !== undefined) {\n var _item$alternateForm;\n elementOptions.alternateForm = (_item$alternateForm = item.alternateForm) !== null && _item$alternateForm !== void 0 ? _item$alternateForm : false;\n }\n if (item.canHaveDisplayHorizontal || item.inline !== undefined) {\n var _item$inline;\n elementOptions.inline = (_item$inline = item.inline) !== null && _item$inline !== void 0 ? _item$inline : false;\n }\n if (item.canHaveOptionCorrect) {\n var _item$canHaveOptionCo;\n elementOptions.canHaveOptionCorrect = (_item$canHaveOptionCo = item.canHaveOptionCorrect) !== null && _item$canHaveOptionCo !== void 0 ? _item$canHaveOptionCo : false;\n }\n if (item.canHaveOptionValue) {\n var _item$canHaveOptionVa;\n elementOptions.canHaveOptionValue = (_item$canHaveOptionVa = item.canHaveOptionValue) !== null && _item$canHaveOptionVa !== void 0 ? _item$canHaveOptionVa : false;\n }\n if (item.canPopulateFromApi) {\n var _item$canPopulateFrom;\n elementOptions.canPopulateFromApi = (_item$canPopulateFrom = item.canPopulateFromApi) !== null && _item$canPopulateFrom !== void 0 ? _item$canPopulateFrom : false;\n }\n if (item.rows) {\n elementOptions.rows = item.rows;\n }\n if (item.className) {\n elementOptions.className = item.className;\n }\n if (element === 'Step') {\n elementOptions.conditional = item.conditional;\n elementOptions.conditionalFieldName = item.conditionalFieldName;\n elementOptions.conditionalFieldValue = item.conditionalFieldValue;\n elementOptions.hideNextStepButton = item.hideNextStepButton;\n }\n if (element === 'Image') {\n elementOptions.src = item.src;\n }\n if (element === 'DatePicker') {\n elementOptions.dateFormat = item.dateFormat;\n }\n if (element === 'Download') {\n elementOptions.href = item.href;\n elementOptions.filePath = item.filePath;\n }\n if (element === 'NumberInput') {\n elementOptions.step = item.step;\n elementOptions.minValue = item.minValue;\n elementOptions.maxValue = item.maxValue;\n }\n if (element === 'Range') {\n elementOptions.step = item.step;\n elementOptions.defaultValue = item.defaultValue;\n elementOptions.minValue = item.minValue;\n elementOptions.maxValue = item.maxValue;\n elementOptions.minLabel = item.minLabel;\n elementOptions.maxLabel = item.maxLabel;\n }\n if (element === 'MultiColumnRow') {\n elementOptions.colCount = item.colCount;\n }\n if (element === 'ButtonList' || element === 'RadioButtons') {\n var _item$submitOnSelecti;\n elementOptions.submitOnSelection = (_item$submitOnSelecti = item.submitOnSelection) !== null && _item$submitOnSelecti !== void 0 ? _item$submitOnSelecti : false;\n }\n if (element === 'RadioButtons') {\n var _item$showRadio;\n elementOptions.showRadio = (_item$showRadio = item.showRadio) !== null && _item$showRadio !== void 0 ? _item$showRadio : true;\n }\n if (item.bgColor) {\n elementOptions.bgColor = item.bgColor;\n }\n if (item.textColor) {\n elementOptions.textColor = item.textColor;\n }\n if (item.className) {\n elementOptions.className = item.className;\n }\n if (item.fieldLabelClassName) {\n elementOptions.fieldLabelClassName = item.fieldLabelClassName;\n }\n if (item.fieldDescriptionClassName) {\n elementOptions.fieldDescriptionClassName = item.fieldDescriptionClassName;\n }\n if (item.selectedClassName) {\n elementOptions.selectedClassName = item.selectedClassName;\n }\n if (item.unselectedClassName) {\n elementOptions.unselectedClassName = item.unselectedClassName;\n }\n if (item.selectedColor) {\n elementOptions.selectedColor = item.selectedColor;\n }\n if (item.unselectedColor) {\n elementOptions.unselectedColor = item.unselectedColor;\n }\n if (item.defaultValue) {\n elementOptions.defaultValue = item.defaultValue;\n }\n if (item.fieldName) {\n elementOptions.fieldName = item.fieldName + _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid();\n }\n if (!item[\"static\"]) {\n var _item$customName;\n elementOptions.customName = (_item$customName = item.customName) !== null && _item$customName !== void 0 ? _item$customName : elementOptions.fieldName;\n }\n if (item.label) {\n elementOptions.label = item.label.trim();\n }\n if (item.options) {\n if (item.options.length > 0) {\n elementOptions.options = item.options.map(function (x) {\n return _objectSpread(_objectSpread({}, x), {}, {\n key: \"custom_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n });\n });\n } else {\n elementOptions.options = _defaultItemOptions(elementOptions.element);\n }\n }\n return elementOptions;\n };\n var _onClick = function _onClick(item) {\n // ElementActions.createElement(create(item));\n _stores_store__WEBPACK_IMPORTED_MODULE_3__[\"default\"].dispatch('create', create(item));\n };\n var renderItem = function renderItem(item) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n item: item,\n key: item.key,\n onClick: function onClick() {\n _onClick(item);\n },\n onCreate: create\n });\n };\n react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n setDataItems(buildItems(dataItems, _defaultItems, customItems));\n }, []);\n var _buildGroupItems = buildGroupItems(dataItems),\n ungroupedItems = _buildGroupItems.ungroupedItems,\n grouped = _buildGroupItems.grouped,\n groupKeys = _buildGroupItems.groupKeys;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"react-survey-builder-toolbar\"\n }, toolbarTop, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", null, \"Survey Blocks Toolbox\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"ul\", null, ungroupedItems.map(renderItem), groupKeys.map(function (k) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n key: k,\n name: k,\n group: grouped.get(k),\n renderItem: renderItem\n });\n })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toolbar);\n\n//# sourceURL=webpack://react-survey-builder/./src/toolbar.jsx?");
1250
1250
 
1251
1251
  /***/ }),
1252
1252