npm - react-survey-builder - Versions diffs - 1.0.68 → 1.0.69 - Mend

react-survey-builder 1.0.68 → 1.0.69

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

package/dist/bundle.js +1 -1
package/lib/survey-elements/index.js +3 -15
package/package.json +1 -1

package/dist/bundle.js CHANGED Viewed

@@ -1136,7 +1136,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Camera: () => (/* binding */ Camera),\n/* harmony export */   Checkbox: () => (/* binding */ Checkbox),\n/* harmony export */   Checkboxes: () => (/* binding */ Checkboxes),\n/* harmony export */   ContentBody: () => (/* binding */ ContentBody),\n/* harmony export */   DatePicker: () => (/* binding */ DatePicker),\n/* harmony export */   Download: () => (/* binding */ Download),\n/* harmony export */   Dropdown: () => (/* binding */ Dropdown),\n/* harmony export */   EmailInput: () => (/* binding */ EmailInput),\n/* harmony export */   FileUpload: () => (/* binding */ FileUpload),\n/* harmony export */   Header: () => (/* binding */ Header),\n/* harmony export */   HyperLink: () => (/* binding */ HyperLink),\n/* harmony export */   Image: () => (/* binding */ Image),\n/* harmony export */   Label: () => (/* binding */ Label),\n/* harmony export */   LineBreak: () => (/* binding */ LineBreak),\n/* harmony export */   NumberInput: () => (/* binding */ NumberInput),\n/* harmony export */   Paragraph: () => (/* binding */ Paragraph),\n/* harmony export */   PhoneNumber: () => (/* binding */ PhoneNumber),\n/* harmony export */   RadioButtons: () => (/* binding */ RadioButtons),\n/* harmony export */   Range: () => (/* binding */ Range),\n/* harmony export */   Rating: () => (/* binding */ Rating),\n/* harmony export */   Signature: () => (/* binding */ Signature),\n/* harmony export */   Tags: () => (/* binding */ Tags),\n/* harmony export */   TextArea: () => (/* binding */ TextArea),\n/* harmony export */   TextInput: () => (/* binding */ TextInput),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! isomorphic-fetch */ \"./node_modules/isomorphic-fetch/fetch-npm-browserify.js\");\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! file-saver */ \"./node_modules/file-saver/dist/FileSaver.min.js\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-signature-canvas */ \"./node_modules/react-signature-canvas/build/index.js\");\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-bootstrap-range-slider */ \"./node_modules/react-bootstrap-range-slider/dist/index.js\");\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _star_rating__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./star-rating */ \"./src/survey-elements/star-rating.jsx\");\n/* harmony import */ var _component_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./component-header */ \"./src/survey-elements/component-header.jsx\");\n/* harmony import */ var _component_label__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./component-label */ \"./src/survey-elements/component-label.jsx\");\n/* harmony import */ var _myxss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./myxss */ \"./src/survey-elements/myxss.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-bootstrap-typeahead */ \"./node_modules/react-bootstrap-typeahead/es/index.js\");\n/* harmony import */ var _component_error_message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./component-error-message */ \"./src/survey-elements/component-error-message.jsx\");\n/* harmony import */ var _utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/ipUtils */ \"./src/utils/ipUtils.jsx\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! moment-timezone */ \"./node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var react_icons_ri__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! react-icons/ri */ \"./node_modules/react-icons/ri/index.mjs\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Image.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Container.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/ToggleButton.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var react_imask_esm__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-imask/esm */ \"./node_modules/react-imask/esm/index.js\");\n/* harmony import */ var libphonenumber_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! libphonenumber-js */ \"./node_modules/libphonenumber-js/min/exports/isValidPhoneNumber.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_14__);\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 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded2 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded3 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded4 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded5 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded6 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded7 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"];\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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _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 _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 _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); }\n// eslint-disable-next-line max-classes-per-file\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SurveyElements = {};\nvar Header = /*#__PURE__*/function (_React$Component) {\n  function Header() {\n    _classCallCheck(this, Header);\n    return _callSuper(this, Header, arguments);\n  }\n  _inherits(Header, _React$Component);\n  return _createClass(Header, [{\n    key: \"render\",\n    value: function render() {\n      var classNames = 'static';\n      if (this.props.item.bold) {\n        classNames += ' bold';\n      }\n      if (this.props.item.italic) {\n        classNames += ' italic';\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(\"h3\", {\n        className: classNames,\n        dangerouslySetInnerHTML: {\n          __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(this.props.item.content)\n        }\n      }));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar ContentBody = /*#__PURE__*/function (_React$Component2) {\n  function ContentBody() {\n    _classCallCheck(this, ContentBody);\n    return _callSuper(this, ContentBody, arguments);\n  }\n  _inherits(ContentBody, _React$Component2);\n  return _createClass(ContentBody, [{\n    key: \"render\",\n    value: function render() {\n      var classNames = 'static';\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(\"div\", {\n        className: classNames,\n        dangerouslySetInnerHTML: {\n          __html: _myxss__WEBPACK_IMPORTED_MODULE_8__.myContentXSS.process(this.props.item.content)\n        }\n      }));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Paragraph = /*#__PURE__*/function (_React$Component3) {\n  function Paragraph() {\n    _classCallCheck(this, Paragraph);\n    return _callSuper(this, Paragraph, arguments);\n  }\n  _inherits(Paragraph, _React$Component3);\n  return _createClass(Paragraph, [{\n    key: \"render\",\n    value: function render() {\n      var classNames = 'static';\n      if (this.props.item.bold) {\n        classNames += ' bold';\n      }\n      if (this.props.item.italic) {\n        classNames += ' italic';\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(\"p\", {\n        className: classNames,\n        dangerouslySetInnerHTML: {\n          __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(this.props.item.content)\n        }\n      }));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Label = /*#__PURE__*/function (_React$Component4) {\n  function Label() {\n    _classCallCheck(this, Label);\n    return _callSuper(this, Label, arguments);\n  }\n  _inherits(Label, _React$Component4);\n  return _createClass(Label, [{\n    key: \"render\",\n    value: function render() {\n      var classNames = 'static';\n      if (this.props.item.bold) {\n        classNames += ' bold';\n      }\n      if (this.props.item.italic) {\n        classNames += ' italic';\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(\"label\", {\n        className: \"\".concat(classNames, \" form-label\"),\n        dangerouslySetInnerHTML: {\n          __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(this.props.item.content)\n        }\n      }));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar LineBreak = /*#__PURE__*/function (_React$Component5) {\n  function LineBreak() {\n    _classCallCheck(this, LineBreak);\n    return _callSuper(this, LineBreak, arguments);\n  }\n  _inherits(LineBreak, _React$Component5);\n  return _createClass(LineBreak, [{\n    key: \"render\",\n    value: function render() {\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(\"hr\", null));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar TextInput = function TextInput(_ref) {\n  var _item$required, _item$disabled, _item$required2;\n  var name = _ref.name,\n    onChange = _ref.onChange,\n    value = _ref.value,\n    style = _ref.style,\n    item = _ref.item,\n    props = _objectWithoutProperties(_ref, _excluded);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {};\n  if ((_item$required2 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required2 !== void 0 ? _item$required2 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref2) {\n    var _ref2$field = _ref2.field,\n      _onChange = _ref2$field.onChange,\n      onBlur = _ref2$field.onBlur,\n      value = _ref2$field.value,\n      name = _ref2$field.name,\n      ref = _ref2$field.ref,\n      _ref2$fieldState = _ref2.fieldState,\n      invalid = _ref2$fieldState.invalid,\n      isTouched = _ref2$fieldState.isTouched,\n      isDirty = _ref2$fieldState.isDirty,\n      error = _ref2$fieldState.error,\n      formState = _ref2.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled2;\n    controllerProps.disabled = (_item$disabled2 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled2 !== void 0 ? _item$disabled2 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required3;\n    controllerProps.required = (_item$required3 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required3 !== void 0 ? _item$required3 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar EmailInput = function EmailInput(_ref3) {\n  var _item$required4, _item$disabled3, _item$required5;\n  var name = _ref3.name,\n    onChange = _ref3.onChange,\n    value = _ref3.value,\n    style = _ref3.style,\n    item = _ref3.item,\n    props = _objectWithoutProperties(_ref3, _excluded2);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {\n    minLength: {\n      value: 4,\n      message: \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" must be at least 4 characters long\")\n    },\n    validate: function validate(value) {\n      return validateEmail(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires valid email address\");\n    }\n  };\n  if ((_item$required5 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required5 !== void 0 ? _item$required5 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref4) {\n    var _ref4$field = _ref4.field,\n      _onChange2 = _ref4$field.onChange,\n      onBlur = _ref4$field.onBlur,\n      value = _ref4$field.value,\n      name = _ref4$field.name,\n      ref = _ref4$field.ref,\n      _ref4$fieldState = _ref4.fieldState,\n      invalid = _ref4$fieldState.invalid,\n      isTouched = _ref4$fieldState.isTouched,\n      isDirty = _ref4$fieldState.isDirty,\n      error = _ref4$fieldState.error,\n      formState = _ref4.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange2(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled4;\n    controllerProps.disabled = (_item$disabled4 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled4 !== void 0 ? _item$disabled4 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required6;\n    controllerProps.required = (_item$required6 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required6 !== void 0 ? _item$required6 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar PhoneNumber = function PhoneNumber(_ref5) {\n  var _item$required7, _item$disabled5, _item$required8;\n  var name = _ref5.name,\n    onChange = _ref5.onChange,\n    value = _ref5.value,\n    style = _ref5.style,\n    item = _ref5.item,\n    props = _objectWithoutProperties(_ref5, _excluded3);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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 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',\n    // hack to prevent auto-complete for form fields\n    formatMask: (item === null || item === void 0 ? void 0 : item.formatMask) || 'MM/DD/YYYY'\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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {\n    validate: function validate(value) {\n      return (0,libphonenumber_js__WEBPACK_IMPORTED_MODULE_17__.isValidPhoneNumber)(toE164PhoneNumber(value), 'US') || \"\".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\n  // if (CustomPhoneInput !== undefined) {\n  // \tinputProps.as = CustomPhoneInput;\n  // }\n\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  if (react_imask_esm__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined) {\n    controllerProps.render = function (_ref6) {\n      var _ref6$field = _ref6.field,\n        onChange = _ref6$field.onChange,\n        onBlur = _ref6$field.onBlur,\n        value = _ref6$field.value,\n        name = _ref6$field.name,\n        ref = _ref6$field.ref,\n        _ref6$fieldState = _ref6.fieldState,\n        invalid = _ref6$fieldState.invalid,\n        isTouched = _ref6$fieldState.isTouched,\n        isDirty = _ref6$fieldState.isDirty,\n        error = _ref6$fieldState.error,\n        formState = _ref6.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask_esm__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n        className: \"form-control\",\n        onBlur: onBlur,\n        value: value,\n        name: name,\n        mask: '{+1} (#00) 000-0000',\n        lazy: false,\n        overwrite: true,\n        definitions: {\n          '#': /[1-9]/\n        },\n        unmask: true // true|false|'typed'\n        ,\n        inputRef: ref\n        // inputRef={inputRef}  // access to nested input\n        // DO NOT USE onChange TO HANDLE CHANGES!\n        // USE onAccept INSTEAD\n        ,\n        onAccept:\n        // depending on prop above first argument is\n        // `value` if `unmask=false`,\n        // `unmaskedValue` if `unmask=true`,\n        // `typedValue` if `unmask='typed'`\n        function onAccept(value, mask) {\n          if (onChange !== undefined) {\n            onChange(value);\n          }\n          onChangeHandler(value);\n        }\n      }, inputProps));\n    };\n  } else {\n    controllerProps.render = function (_ref7) {\n      var _ref7$field = _ref7.field,\n        _onChange3 = _ref7$field.onChange,\n        onBlur = _ref7$field.onBlur,\n        value = _ref7$field.value,\n        name = _ref7$field.name,\n        ref = _ref7$field.ref,\n        _ref7$fieldState = _ref7.fieldState,\n        invalid = _ref7$fieldState.invalid,\n        isTouched = _ref7$fieldState.isTouched,\n        isDirty = _ref7$fieldState.isDirty,\n        error = _ref7$fieldState.error,\n        formState = _ref7.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n        onBlur: onBlur,\n        onChange: function onChange(e) {\n          _onChange3(e.target.value);\n          onChangeHandler(e.target.value);\n        },\n        value: value,\n        name: name,\n        ref: ref,\n        isInvalid: invalid,\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, inputProps));\n    };\n  }\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled6;\n    controllerProps.disabled = (_item$disabled6 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled6 !== void 0 ? _item$disabled6 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required9;\n    controllerProps.required = (_item$required9 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required9 !== void 0 ? _item$required9 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar DatePicker = function DatePicker(_ref8) {\n  var _item$required10, _item$disabled7, _item$required11;\n  var name = _ref8.name,\n    onChange = _ref8.onChange,\n    value = _ref8.value,\n    style = _ref8.style,\n    item = _ref8.item,\n    props = _objectWithoutProperties(_ref8, _excluded4);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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',\n    // hack to prevent auto-complete for form fields\n    formatMask: (item === null || item === void 0 ? void 0 : item.formatMask) || 'MM/DD/YYYY'\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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\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\n  // if (CustomDateInput !== undefined) {\n  // \tinputProps.as = CustomDateInput;\n  // }\n\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  console.log('inputProps', inputProps);\n  console.log('iMaskInput', react_imask_esm__WEBPACK_IMPORTED_MODULE_13__.IMaskInput);\n  if (react_imask_esm__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined && react_imask_esm__WEBPACK_IMPORTED_MODULE_13__.IMask !== undefined) {\n    controllerProps.render = function (_ref9) {\n      var _inputProps$formatMas;\n      var _ref9$field = _ref9.field,\n        onChange = _ref9$field.onChange,\n        onBlur = _ref9$field.onBlur,\n        value = _ref9$field.value,\n        name = _ref9$field.name,\n        ref = _ref9$field.ref,\n        _ref9$fieldState = _ref9.fieldState,\n        invalid = _ref9$fieldState.invalid,\n        isTouched = _ref9$fieldState.isTouched,\n        isDirty = _ref9$fieldState.isDirty,\n        error = _ref9$fieldState.error,\n        formState = _ref9.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask_esm__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: (_inputProps$formatMas = inputProps === null || inputProps === void 0 ? void 0 : inputProps.formatMask) !== null && _inputProps$formatMas !== void 0 ? _inputProps$formatMas : '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_esm__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_esm__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_esm__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n            from: 1900,\n            to: new Date().getFullYear() + 5,\n            placeholderChar: 'Y'\n          }\n        },\n        parse: function parse(str) {\n          var monthDayYear = str.split('/');\n          return new Date(monthDayYear[2], monthDayYear[0] - 1, monthDayYear[1]);\n        },\n        unmask: false // true|false|'typed'\n        ,\n        inputRef: ref\n        // inputRef={inputRef}  // access to nested input\n        // DO NOT USE onChange TO HANDLE CHANGES!\n        // USE onAccept INSTEAD\n        ,\n        onAccept:\n        // depending on prop above first argument is\n        // `value` if `unmask=false`,\n        // `unmaskedValue` if `unmask=true`,\n        // `typedValue` if `unmask='typed'`\n        function onAccept(value, mask) {\n          if (onChange !== undefined) {\n            onChange(value);\n          }\n          onChangeHandler(value);\n        }\n      }, inputProps));\n    };\n  } else {\n    controllerProps.render = function (_ref10) {\n      var _ref10$field = _ref10.field,\n        _onChange4 = _ref10$field.onChange,\n        onBlur = _ref10$field.onBlur,\n        value = _ref10$field.value,\n        name = _ref10$field.name,\n        ref = _ref10$field.ref,\n        _ref10$fieldState = _ref10.fieldState,\n        invalid = _ref10$fieldState.invalid,\n        isTouched = _ref10$fieldState.isTouched,\n        isDirty = _ref10$fieldState.isDirty,\n        error = _ref10$fieldState.error,\n        formState = _ref10.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n        onBlur: onBlur,\n        onChange: function onChange(e) {\n          _onChange4(e.target.value);\n          onChangeHandler(e.target.value);\n        },\n        value: value,\n        name: name,\n        ref: ref,\n        isInvalid: invalid,\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, inputProps));\n    };\n  }\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled8;\n    controllerProps.disabled = (_item$disabled8 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled8 !== void 0 ? _item$disabled8 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required12;\n    controllerProps.required = (_item$required12 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required12 !== void 0 ? _item$required12 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  console.log('controllerProps', controllerProps);\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar NumberInput = function NumberInput(_ref11) {\n  var _item$required13, _item$disabled9, _item$required14;\n  var name = _ref11.name,\n    onChange = _ref11.onChange,\n    value = _ref11.value,\n    style = _ref11.style,\n    item = _ref11.item,\n    props = _objectWithoutProperties(_ref11, _excluded5);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {};\n  if ((_item$required14 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required14 !== void 0 ? _item$required14 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref12) {\n    var _ref12$field = _ref12.field,\n      _onChange5 = _ref12$field.onChange,\n      onBlur = _ref12$field.onBlur,\n      value = _ref12$field.value,\n      name = _ref12$field.name,\n      ref = _ref12$field.ref,\n      _ref12$fieldState = _ref12.fieldState,\n      invalid = _ref12$fieldState.invalid,\n      isTouched = _ref12$fieldState.isTouched,\n      isDirty = _ref12$fieldState.isDirty,\n      error = _ref12$fieldState.error,\n      formState = _ref12.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange5(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled10;\n    controllerProps.disabled = (_item$disabled10 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled10 !== void 0 ? _item$disabled10 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required15;\n    controllerProps.required = (_item$required15 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required15 !== void 0 ? _item$required15 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar TextArea = function TextArea(_ref13) {\n  var _item$required16, _item$disabled11, _item$required17;\n  var name = _ref13.name,\n    onChange = _ref13.onChange,\n    value = _ref13.value,\n    style = _ref13.style,\n    item = _ref13.item,\n    props = _objectWithoutProperties(_ref13, _excluded6);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    type: 'number',\n    required: (_item$required16 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required16 !== void 0 ? _item$required16 : false,\n    disabled: (_item$disabled11 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled11 !== void 0 ? _item$disabled11 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {};\n  if ((_item$required17 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required17 !== void 0 ? _item$required17 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref14) {\n    var _ref14$field = _ref14.field,\n      _onChange6 = _ref14$field.onChange,\n      onBlur = _ref14$field.onBlur,\n      value = _ref14$field.value,\n      name = _ref14$field.name,\n      ref = _ref14$field.ref,\n      _ref14$fieldState = _ref14.fieldState,\n      invalid = _ref14$fieldState.invalid,\n      isTouched = _ref14$fieldState.isTouched,\n      isDirty = _ref14$fieldState.isDirty,\n      error = _ref14$fieldState.error,\n      formState = _ref14.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange6(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      as: \"textarea\"\n    }, inputProps));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled12;\n    controllerProps.disabled = (_item$disabled12 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled12 !== void 0 ? _item$disabled12 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required18;\n    controllerProps.required = (_item$required18 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required18 !== void 0 ? _item$required18 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Dropdown = function Dropdown(_ref15) {\n  var _item$required19, _item$disabled13, _item$required20;\n  var name = _ref15.name,\n    onChange = _ref15.onChange,\n    value = _ref15.value,\n    style = _ref15.style,\n    item = _ref15.item,\n    props = _objectWithoutProperties(_ref15, _excluded7);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {};\n  if ((_item$required20 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required20 !== void 0 ? _item$required20 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref16) {\n    var _ref16$field = _ref16.field,\n      _onChange7 = _ref16$field.onChange,\n      onBlur = _ref16$field.onBlur,\n      value = _ref16$field.value,\n      name = _ref16$field.name,\n      ref = _ref16$field.ref,\n      _ref16$fieldState = _ref16.fieldState,\n      invalid = _ref16$fieldState.invalid,\n      isTouched = _ref16$fieldState.isTouched,\n      isDirty = _ref16$fieldState.isDirty,\n      error = _ref16$fieldState.error,\n      formState = _ref16.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Select, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange7(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n      value: \"\"\n    }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n      var thisKey = \"preview_\".concat(option.key);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n        value: option.value,\n        key: thisKey\n      }, option.text);\n    }));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled14;\n    controllerProps.disabled = (_item$disabled14 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled14 !== void 0 ? _item$disabled14 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required21;\n    controllerProps.required = (_item$required21 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required21 !== void 0 ? _item$required21 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Select, _extends({\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      value: value,\n      name: name,\n      ref: inputField\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Select, _extends({\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      value: value,\n      name: name,\n      ref: inputField\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    var _item$options$find;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 || (_item$options$find = item.options.find(function (option) {\n      return option.value === value;\n    })) === null || _item$options$find === void 0 ? void 0 : _item$options$find.text)));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Signature = /*#__PURE__*/function (_React$Component6) {\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$Component6);\n  return _createClass(Signature, [{\n    key: \"render\",\n    value: function render() {\n      var _this$state$value,\n        _this$state$value2,\n        _this$props$value6,\n        _this$props$value7,\n        _this$props$value8,\n        _this$props$value9,\n        _this2 = this,\n        _this$props$value$nam,\n        _this$props$value10;\n      var canClear = !!this.state.value;\n      var props = {};\n      props.name = this.props.name;\n      // props.onChange = (event) => { console.log('onChangeSignature', event.target.value); this.props.onChange(event.target.value); };\n      props.value = this.props.value;\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var padProps = {};\n      // umd requires canvasProps={{ width: 400, height: 150 }}\n      if (this.props.item.mutable) {\n        var _this$props$value;\n        padProps.defaultValue = (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.signature;\n        padProps.ref = this.canvas;\n        canClear = !this.props.item.readOnly;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var sourceDataURL;\n      if ((_this$state$value = this.state.value) !== null && _this$state$value !== void 0 && _this$state$value.signature && ((_this$state$value2 = this.state.value) === null || _this$state$value2 === void 0 ? void 0 : _this$state$value2.signature.length) > 0) {\n        var _this$state$value3;\n        sourceDataURL = (_this$state$value3 = this.state.value) === null || _this$state$value3 === void 0 ? void 0 : _this$state$value3.signature;\n      }\n      padProps.canvasProps = {};\n      if (this.props.item.print === true && !!sourceDataURL) {\n        var _this$props$value2, _this$props$value3, _this$props$value4, _this$props$value5;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n          src: sourceDataURL\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n          style: {\n            borderStyle: 'dashed'\n          }\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value2 = this.props.value) !== null && _this$props$value2 !== void 0 && _this$props$value2.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value3 = this.props.value) === null || _this$props$value3 === void 0 ? void 0 : _this$props$value3.date).format('dddd  MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd  MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value4 = this.props.value) === null || _this$props$value4 === void 0 ? void 0 : _this$props$value4.name, \" via IP Address \", (_this$props$value5 = this.props.value) === null || _this$props$value5 === void 0 ? void 0 : _this$props$value5.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null))));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: this.props.name\n      })), this.props.readOnly === true ? !!sourceDataURL ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n        src: sourceDataURL\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n        style: {\n          borderStyle: 'dashed'\n        }\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value6 = this.props.value) !== null && _this$props$value6 !== void 0 && _this$props$value6.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value7 = this.props.value) === null || _this$props$value7 === void 0 ? void 0 : _this$props$value7.date).format('dddd  MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd  MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value8 = this.props.value) === null || _this$props$value8 === void 0 ? void 0 : _this$props$value8.name, \" via IP Address \", (_this$props$value9 = this.props.value) === null || _this$props$value9 === void 0 ? void 0 : _this$props$value9.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null)) : null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad--body\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default()), _extends({}, padProps, {\n        onEnd: function onEnd(e) {\n          _this2._getSignatureImg();\n        }\n      }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad--footer clearfix\"\n      }, canClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        className: \"clear-signature float-end\",\n        onClick: this.clear,\n        title: \"Clear Signature\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaTimes, null), \" clear\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Label, null, \"Please print your full legal name and today's date.\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_21__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n        sm: 6\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, {\n        value: (_this$props$value$nam = (_this$props$value10 = this.props.value) === null || _this$props$value10 === void 0 ? void 0 : _this$props$value10.name) !== null && _this$props$value$nam !== void 0 ? _this$props$value$nam : '',\n        type: \"text\",\n        required: true,\n        placeholder: \"Full Legal Name\",\n        onChange: this.onChangeName\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n        sm: 6\n      }, \"Today's Date: \", moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('MM/DD/YYYY'))))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      }), this.props.methods ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, this.props.methods.register(this.props.name), props, {\n        type: \"hidden\"\n      })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, props, {\n        type: \"hidden\"\n      }))));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Tags = /*#__PURE__*/function (_React$Component7) {\n  function Tags(props) {\n    var _this3;\n    _classCallCheck(this, Tags);\n    _this3 = _callSuper(this, Tags, [props]);\n    _this3.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this3;\n  }\n  _inherits(Tags, _React$Component7);\n  return _createClass(Tags, [{\n    key: \"getDefaultValue\",\n    value: 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  }, {\n    key: \"render\",\n    value: function render() {\n      var _this4 = this;\n      var options = this.props.item.options.map(function (option) {\n        return {\n          value: option.value,\n          label: option.text,\n          key: option.value\n        };\n      });\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select...';\n      props.onChange = function (val) {\n        _this4.props.onChange(val !== undefined && val !== null && val.length > 0 ? val.map(function (i) {\n          return i.value;\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.ref = this.inputField;\n      }\n      props.multiple = true;\n      props.selected = this.getDefaultValue(this.props.value, options);\n      props.options = options;\n      // props.required = this.props.item.required;\n\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var labelLocation = 'ABOVE';\n      if (this.props.item.labelLocation) {\n        labelLocation = this.props.item.labelLocation;\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, 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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n        labelKey: function labelKey(option) {\n          return option.label;\n        },\n        id: props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, props)), /*#__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((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__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(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n        labelKey: function labelKey(option) {\n          return option.label;\n        },\n        id: props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, props))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Checkboxes = /*#__PURE__*/function (_React$Component8) {\n  function Checkboxes(props) {\n    var _this5;\n    _classCallCheck(this, Checkboxes);\n    _this5 = _callSuper(this, Checkboxes, [props]);\n    _defineProperty(_this5, \"onCheckboxChange\", function (checkboxValue, event) {\n      var checkedValues = _this5.props.value;\n      if (_this5.props.onChange) {\n        if (event.target.checked) {\n          _this5.props.onChange(checkedValues.concat(checkboxValue));\n        } else {\n          _this5.props.onChange(checkedValues.filter(function (v) {\n            return v !== checkboxValue;\n          }));\n        }\n      }\n    });\n    _this5.options = {};\n    return _this5;\n  }\n  _inherits(Checkboxes, _React$Component8);\n  return _createClass(Checkboxes, [{\n    key: \"render\",\n    value: function render() {\n      var _this6 = this;\n      var self = this;\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this6.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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: this.props.name\n      })), this.props.item.options.map(function (option) {\n        var _this6$props$checkbox;\n        var props = {};\n        props.name = \"option_\".concat(option.key);\n        props.value = option.value;\n        props.checked = self.props.value ? self.props.value.indexOf(option.value) > -1 : false;\n        //props.inline = self.props.item.inline ?? false;\n        if (self.props.item.disabled) {\n          props.disabled = 'disabled';\n        }\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_24__[\"default\"], _extends({\n          type: \"checkbox\",\n          variant: (_this6$props$checkbox = _this6.props.checkboxButtonClassName) !== null && _this6$props$checkbox !== void 0 ? _this6$props$checkbox : \"outline-light\",\n          className: \"btn-survey-builder-checkbox\",\n          key: \"preview_\".concat(option.key),\n          id: self.props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n          inputRef: function inputRef(c) {\n            if (c && self.props.item.mutable) {\n              self.options[\"child_ref_\".concat(option.key)] = c;\n            }\n          },\n          onChange: function onChange(e) {\n            self.onCheckboxChange(option.value, e);\n          }\n        }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox\"\n        }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_25__.RiCheckboxBlankLine, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_25__.RiCheckboxFill, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, option.text)));\n      }), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Checkbox = /*#__PURE__*/function (_React$Component9) {\n  function Checkbox(props) {\n    var _this7;\n    _classCallCheck(this, Checkbox);\n    _this7 = _callSuper(this, Checkbox, [props]);\n    _this7.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this7;\n  }\n  _inherits(Checkbox, _React$Component9);\n  return _createClass(Checkbox, [{\n    key: \"render\",\n    value: function render() {\n      var _this8 = this,\n        _this$props$checkboxB;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var props = {};\n      // eslint-disable-next-line no-undef\n      props.name = this.props.name;\n      props.onChange = function (event) {\n        if (_this8.props.onChange) {\n          _this8.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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: this.props.item.boxLabel\n          }\n        }), \": \", this.props.value === true ? 'Yes' : 'No')));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({\n        className: \"form-label\"\n      }, this.props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_24__[\"default\"], _extends({\n        type: \"checkbox\",\n        variant: (_this$props$checkboxB = this.props.checkboxButtonClassName) !== null && _this$props$checkboxB !== void 0 ? _this$props$checkboxB : \"outline-light\",\n        className: \"btn-survey-builder-checkbox\",\n        value: props.name,\n        id: props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox\"\n      }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_25__.RiCheckboxBlankLine, {\n        size: \"40px\",\n        className: \"me-3 flex-shrink-0\"\n      }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_25__.RiCheckboxFill, {\n        size: \"40px\",\n        className: \"me-3 flex-shrink-0\"\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"text-start\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        dangerouslySetInnerHTML: {\n          __html: this.props.item.boxLabel\n        }\n      })))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar RadioButtons = /*#__PURE__*/function (_React$Component10) {\n  function RadioButtons(props) {\n    var _this9;\n    _classCallCheck(this, RadioButtons);\n    _this9 = _callSuper(this, RadioButtons, [props]);\n    _this9.options = {};\n    return _this9;\n  }\n  _inherits(RadioButtons, _React$Component10);\n  return _createClass(RadioButtons, [{\n    key: \"render\",\n    value: function render() {\n      var _this10 = this;\n      var self = this;\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this10.props.value === option.value;\n        }).map(function (option) {\n          return option.text;\n        }).join(', '))));\n      }\n      console.log('self.props', self.props);\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], self.props), self.props.item.options.map(function (option) {\n        var _self$props$checkboxB, _self$props, _self$props2, _self$props3, _self$props5, _self$props6;\n        console.log('option', option);\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n          label: option.text,\n          type: \"radio\",\n          variant: (_self$props$checkboxB = self.props.checkboxButtonClassName) !== null && _self$props$checkboxB !== void 0 ? _self$props$checkboxB : \"outline-light\",\n          className: \"btn-survey-builder-checkbox\",\n          key: \"preview_\".concat(option.key),\n          id: self.props.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$props = self.props) === null || _self$props === void 0 || (_self$props = _self$props.item) === null || _self$props === void 0 ? void 0 : _self$props.disabled,\n          name: self === null || self === void 0 || (_self$props2 = self.props) === null || _self$props2 === void 0 ? void 0 : _self$props2.name,\n          value: option.value,\n          checked: (self === null || self === void 0 || (_self$props3 = self.props) === null || _self$props3 === void 0 ? void 0 : _self$props3.value) === option.value,\n          onChange: function onChange(e) {\n            var _self$props4;\n            if ((self === null || self === void 0 || (_self$props4 = self.props) === null || _self$props4 === void 0 ? void 0 : _self$props4.onChange) !== undefined) {\n              console.log(e.target.value);\n              self.props.onChange(e.target.value);\n            }\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox\"\n        }, (self === null || self === void 0 || (_self$props5 = self.props) === null || _self$props5 === void 0 ? void 0 : _self$props5.value) !== option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_26__.IoRadioButtonOff, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), (self === null || self === void 0 || (_self$props6 = self.props) === null || _self$props6 === void 0 ? void 0 : _self$props6.value) === option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_26__.IoRadioButtonOn, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: option.text\n          }\n        }))));\n      }), self.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, self.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: self.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Image = /*#__PURE__*/function (_React$Component11) {\n  function Image() {\n    _classCallCheck(this, Image);\n    return _callSuper(this, Image, arguments);\n  }\n  _inherits(Image, _React$Component11);\n  return _createClass(Image, [{\n    key: \"render\",\n    value: function render() {\n      var style = this.props.item.center ? {\n        textAlign: 'center'\n      } : null;\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(_objectSpread({}, this.props.style), style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), this.props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n        src: this.props.item.src,\n        width: this.props.item.width,\n        height: this.props.item.height\n      }), !this.props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"no-image\"\n      }, \"No Image\"));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Rating = /*#__PURE__*/function (_React$Component12) {\n  function Rating(props) {\n    var _this11;\n    _classCallCheck(this, Rating);\n    _this11 = _callSuper(this, Rating, [props]);\n    _this11.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this11;\n  }\n  _inherits(Rating, _React$Component12);\n  return _createClass(Rating, [{\n    key: \"render\",\n    value: function render() {\n      var _this12 = this;\n      var props = {};\n      props.name = this.props.name;\n      props.ratingAmount = 5;\n      props.rating = this.props.value !== undefined && this.props.value !== null && this.props.value !== '' ? parseFloat(this.props.value, 10) : 0;\n      props.disabled = this.props.item.readOnly;\n      if (this.props.item.disabled) {\n        props.disabled = true;\n      }\n      props.onRatingClick = function (event, _ref18) {\n        var rating = _ref18.rating;\n        _this12.props.onChange(rating);\n      };\n      if (this.props.item.mutable) {\n        props.editing = true;\n        props.ref = this.inputField;\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, 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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: props.name\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], props), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar HyperLink = /*#__PURE__*/function (_React$Component13) {\n  function HyperLink() {\n    _classCallCheck(this, HyperLink);\n    return _callSuper(this, HyperLink, arguments);\n  }\n  _inherits(HyperLink, _React$Component13);\n  return _createClass(HyperLink, [{\n    key: \"render\",\n    value: function render() {\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Label, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n        target: \"_blank\",\n        href: this.props.item.href,\n        dangerouslySetInnerHTML: {\n          __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(this.props.item.content)\n        }\n      }))));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Download = /*#__PURE__*/function (_React$Component14) {\n  function Download() {\n    _classCallCheck(this, Download);\n    return _callSuper(this, Download, arguments);\n  }\n  _inherits(Download, _React$Component14);\n  return _createClass(Download, [{\n    key: \"render\",\n    value: function render() {\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n        href: \"\".concat(this.props.downloadPath, \"?id=\").concat(this.props.item.filePath)\n      }, this.props.item.content)));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Camera = /*#__PURE__*/function (_React$Component15) {\n  function Camera(props) {\n    var _this13;\n    _classCallCheck(this, Camera);\n    _this13 = _callSuper(this, Camera, [props]);\n    _defineProperty(_this13, \"handleChange\", function (event) {\n      if (event.target.files && event.target.files.length > 0) {\n        _this13.setState({\n          img: event.target.files[0]\n        });\n        if (_this13.props.onChange) {\n          _this13.props.onChange(event.target.files[0]);\n        }\n      }\n    });\n    _defineProperty(_this13, \"clearImage\", function () {\n      _this13.setState({\n        img: null\n      });\n      if (_this13.props.onChange) {\n        _this13.props.onChange(null);\n      }\n    });\n    _this13.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this13.state = {\n      img: props.value\n    };\n    return _this13;\n  }\n  _inherits(Camera, _React$Component15);\n  return _createClass(Camera, [{\n    key: \"getImageSizeProps\",\n    value: function getImageSizeProps(_ref19) {\n      var width = _ref19.width,\n        height = _ref19.height;\n      var imgProps = {\n        width: '100%'\n      };\n      if (width) {\n        imgProps.width = width < window.innerWidth ? width : 0.9 * window.innerWidth;\n      }\n      if (height) {\n        imgProps.height = height;\n      }\n      return imgProps;\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var imageStyle = {\n        objectFit: 'scale-down',\n        objectPosition: this.props.item.center ? 'center' : 'left'\n      };\n      var fileInputStyle = this.state.img ? {\n        display: 'none'\n      } : null;\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select an image from your computer or device.';\n      props.onChange = this.handleChange;\n      props.onClick = function (event) {\n        event.target.value = null;\n      };\n      props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var sourceDataURL;\n      if (this.props.item.readOnly === true && this.props.value && this.props.value.length > 0) {\n        console.log(this.props.value);\n        if (this.props.value.indexOf(this.props.name > -1)) {\n          sourceDataURL = this.props.value;\n        } else {\n          sourceDataURL = \"data:image/png;base64,\".concat(this.props.value);\n        }\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__[\"default\"], _extends({\n        style: imageStyle,\n        src: sourceDataURL\n      }, this.getImageSizeProps(this.props.item)))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-container\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: fileInputStyle\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n        type: \"file\",\n        accept: \"image/*\",\n        capture: \"camera\",\n        className: \"image-upload\"\n      }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-control\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"light\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaCamera, null), \" Upload Photo\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select an image from your computer or device.\"))), this.props.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__[\"default\"]\n      // onLoad={() => URL.revokeObjectURL(this.state.previewImg)}\n      , {\n        src: URL.createObjectURL(this.props.value),\n        height: \"100\",\n        className: \"image-upload-preview\"\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        onClick: this.clearImage\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaTimes, null), \" Clear Photo\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar FileUpload = /*#__PURE__*/function (_React$Component16) {\n  function FileUpload(props) {\n    var _this14;\n    _classCallCheck(this, FileUpload);\n    _this14 = _callSuper(this, FileUpload, [props]);\n    _defineProperty(_this14, \"handleChange\", function (event) {\n      if (event.target.files && event.target.files.length > 0) {\n        _this14.setState({\n          fileUpload: event.target.files[0]\n        });\n        if (_this14.props.onChange) {\n          _this14.props.onChange(event.target.files[0]);\n        }\n      }\n    });\n    _defineProperty(_this14, \"clearFileUpload\", function () {\n      _this14.setState({\n        fileUpload: null\n      });\n      if (_this14.props.onChange) {\n        _this14.props.onChange(null);\n      }\n    });\n    _defineProperty(_this14, \"saveFile\", /*#__PURE__*/function () {\n      var _ref20 = _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 = _this14.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: _this14.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 _ref20.apply(this, arguments);\n      };\n    }());\n    _this14.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this14.state = {\n      fileUpload: props.value\n    };\n    return _this14;\n  }\n  _inherits(FileUpload, _React$Component16);\n  return _createClass(FileUpload, [{\n    key: \"render\",\n    value: function render() {\n      var fileInputStyle = this.state.fileUpload ? {\n        display: 'none'\n      } : null;\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select a file from your computer or device.';\n      props.onChange = this.handleChange;\n      props.onClick = function (event) {\n        event.target.value = null;\n      };\n      props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"default\",\n        onClick: this.saveFile\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaDownload, null), \" Download File\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-container\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: fileInputStyle\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n        type: \"file\",\n        accept: this.props.item.fileType || '*',\n        className: \"image-upload\"\n      }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-control\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"light\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaFile, null), \" Upload File\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select a file from your computer or device.\"))), this.state.fileUpload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"file-upload-preview\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: {\n          display: 'inline-block',\n          marginRight: '5px'\n        }\n      }, \"Name: \".concat(this.state.fileUpload.name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: {\n          display: 'inline-block',\n          marginLeft: '5px'\n        }\n      }, this.state.fileUpload.size.length > 6 ? \"Size:  \".concat(Math.ceil(this.state.fileUpload.size / (1024 * 1024)), \" mb\") : \"Size:  \".concat(Math.ceil(this.state.fileUpload.size / 1024), \" kb\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        className: \"btn-file-upload-clear\",\n        onClick: this.clearFileUpload\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaTimes, null), \" Clear File\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Range = /*#__PURE__*/function (_React$Component17) {\n  function Range(props) {\n    var _this15;\n    _classCallCheck(this, Range);\n    _this15 = _callSuper(this, Range, [props]);\n    _this15.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this15;\n  }\n  _inherits(Range, _React$Component17);\n  return _createClass(Range, [{\n    key: \"render\",\n    value: function render() {\n      var _this16 = this;\n      var props = {};\n      var name = this.props.name;\n      props.name = this.props.name;\n      props.value = this.props.value;\n      props.onChange = function (event) {\n        _this16.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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.value)));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: name\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"range\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: \"float-start\"\n      }, this.props.item.minLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: \"float-end\"\n      }, this.props.item.maxLabel)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default()), props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"visible_marks\"\n      }, visibleMarks), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"datalist\", {\n        id: props.list\n      }, _datalist), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nSurveyElements.Header = Header;\nSurveyElements.Paragraph = Paragraph;\nSurveyElements.ContentBody = ContentBody;\nSurveyElements.Label = Label;\nSurveyElements.LineBreak = LineBreak;\nSurveyElements.TextInput = TextInput;\nSurveyElements.EmailInput = EmailInput;\nSurveyElements.PhoneNumber = PhoneNumber;\nSurveyElements.NumberInput = NumberInput;\nSurveyElements.TextArea = TextArea;\nSurveyElements.Dropdown = Dropdown;\nSurveyElements.Signature = Signature;\nSurveyElements.Checkboxes = Checkboxes;\nSurveyElements.Checkbox = Checkbox;\nSurveyElements.DatePicker = DatePicker;\nSurveyElements.RadioButtons = RadioButtons;\nSurveyElements.Image = Image;\nSurveyElements.Rating = Rating;\nSurveyElements.Tags = Tags;\nSurveyElements.HyperLink = HyperLink;\nSurveyElements.Download = Download;\nSurveyElements.Camera = Camera;\nSurveyElements.FileUpload = FileUpload;\nSurveyElements.Range = Range;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Camera: () => (/* binding */ Camera),\n/* harmony export */   Checkbox: () => (/* binding */ Checkbox),\n/* harmony export */   Checkboxes: () => (/* binding */ Checkboxes),\n/* harmony export */   ContentBody: () => (/* binding */ ContentBody),\n/* harmony export */   DatePicker: () => (/* binding */ DatePicker),\n/* harmony export */   Download: () => (/* binding */ Download),\n/* harmony export */   Dropdown: () => (/* binding */ Dropdown),\n/* harmony export */   EmailInput: () => (/* binding */ EmailInput),\n/* harmony export */   FileUpload: () => (/* binding */ FileUpload),\n/* harmony export */   Header: () => (/* binding */ Header),\n/* harmony export */   HyperLink: () => (/* binding */ HyperLink),\n/* harmony export */   Image: () => (/* binding */ Image),\n/* harmony export */   Label: () => (/* binding */ Label),\n/* harmony export */   LineBreak: () => (/* binding */ LineBreak),\n/* harmony export */   NumberInput: () => (/* binding */ NumberInput),\n/* harmony export */   Paragraph: () => (/* binding */ Paragraph),\n/* harmony export */   PhoneNumber: () => (/* binding */ PhoneNumber),\n/* harmony export */   RadioButtons: () => (/* binding */ RadioButtons),\n/* harmony export */   Range: () => (/* binding */ Range),\n/* harmony export */   Rating: () => (/* binding */ Rating),\n/* harmony export */   Signature: () => (/* binding */ Signature),\n/* harmony export */   Tags: () => (/* binding */ Tags),\n/* harmony export */   TextArea: () => (/* binding */ TextArea),\n/* harmony export */   TextInput: () => (/* binding */ TextInput),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! isomorphic-fetch */ \"./node_modules/isomorphic-fetch/fetch-npm-browserify.js\");\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(isomorphic_fetch__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! file-saver */ \"./node_modules/file-saver/dist/FileSaver.min.js\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-signature-canvas */ \"./node_modules/react-signature-canvas/build/index.js\");\n/* harmony import */ var react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_signature_canvas__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-bootstrap-range-slider */ \"./node_modules/react-bootstrap-range-slider/dist/index.js\");\n/* harmony import */ var react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _star_rating__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./star-rating */ \"./src/survey-elements/star-rating.jsx\");\n/* harmony import */ var _component_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./component-header */ \"./src/survey-elements/component-header.jsx\");\n/* harmony import */ var _component_label__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./component-label */ \"./src/survey-elements/component-label.jsx\");\n/* harmony import */ var _myxss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./myxss */ \"./src/survey-elements/myxss.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-bootstrap-typeahead */ \"./node_modules/react-bootstrap-typeahead/es/index.js\");\n/* harmony import */ var _component_error_message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./component-error-message */ \"./src/survey-elements/component-error-message.jsx\");\n/* harmony import */ var _utils_ipUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/ipUtils */ \"./src/utils/ipUtils.jsx\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! moment-timezone */ \"./node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var react_icons_ri__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! react-icons/ri */ \"./node_modules/react-icons/ri/index.mjs\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Form.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Image.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Button.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Container.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Row.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/Col.js\");\n/* harmony import */ var react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-bootstrap/esm */ \"./node_modules/react-bootstrap/esm/ToggleButton.js\");\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react-hook-form */ \"./node_modules/react-hook-form/dist/index.esm.mjs\");\n/* harmony import */ var react_imask_esm__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-imask/esm */ \"./node_modules/react-imask/esm/index.js\");\n/* harmony import */ var libphonenumber_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! libphonenumber-js */ \"./node_modules/libphonenumber-js/min/exports/isValidPhoneNumber.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_14__);\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 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded2 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded3 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded4 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded5 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded6 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"],\n  _excluded7 = [\"name\", \"onChange\", \"value\", \"style\", \"item\"];\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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _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 _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 _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); }\n// eslint-disable-next-line max-classes-per-file\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SurveyElements = {};\nvar Header = /*#__PURE__*/function (_React$Component) {\n  function Header() {\n    _classCallCheck(this, Header);\n    return _callSuper(this, Header, arguments);\n  }\n  _inherits(Header, _React$Component);\n  return _createClass(Header, [{\n    key: \"render\",\n    value: function render() {\n      var classNames = 'static';\n      if (this.props.item.bold) {\n        classNames += ' bold';\n      }\n      if (this.props.item.italic) {\n        classNames += ' italic';\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(\"h3\", {\n        className: classNames,\n        dangerouslySetInnerHTML: {\n          __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(this.props.item.content)\n        }\n      }));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar ContentBody = /*#__PURE__*/function (_React$Component2) {\n  function ContentBody() {\n    _classCallCheck(this, ContentBody);\n    return _callSuper(this, ContentBody, arguments);\n  }\n  _inherits(ContentBody, _React$Component2);\n  return _createClass(ContentBody, [{\n    key: \"render\",\n    value: function render() {\n      var classNames = 'static';\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(\"div\", {\n        className: classNames,\n        dangerouslySetInnerHTML: {\n          __html: _myxss__WEBPACK_IMPORTED_MODULE_8__.myContentXSS.process(this.props.item.content)\n        }\n      }));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Paragraph = /*#__PURE__*/function (_React$Component3) {\n  function Paragraph() {\n    _classCallCheck(this, Paragraph);\n    return _callSuper(this, Paragraph, arguments);\n  }\n  _inherits(Paragraph, _React$Component3);\n  return _createClass(Paragraph, [{\n    key: \"render\",\n    value: function render() {\n      var classNames = 'static';\n      if (this.props.item.bold) {\n        classNames += ' bold';\n      }\n      if (this.props.item.italic) {\n        classNames += ' italic';\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(\"p\", {\n        className: classNames,\n        dangerouslySetInnerHTML: {\n          __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(this.props.item.content)\n        }\n      }));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Label = /*#__PURE__*/function (_React$Component4) {\n  function Label() {\n    _classCallCheck(this, Label);\n    return _callSuper(this, Label, arguments);\n  }\n  _inherits(Label, _React$Component4);\n  return _createClass(Label, [{\n    key: \"render\",\n    value: function render() {\n      var classNames = 'static';\n      if (this.props.item.bold) {\n        classNames += ' bold';\n      }\n      if (this.props.item.italic) {\n        classNames += ' italic';\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(\"label\", {\n        className: \"\".concat(classNames, \" form-label\"),\n        dangerouslySetInnerHTML: {\n          __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(this.props.item.content)\n        }\n      }));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar LineBreak = /*#__PURE__*/function (_React$Component5) {\n  function LineBreak() {\n    _classCallCheck(this, LineBreak);\n    return _callSuper(this, LineBreak, arguments);\n  }\n  _inherits(LineBreak, _React$Component5);\n  return _createClass(LineBreak, [{\n    key: \"render\",\n    value: function render() {\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(\"hr\", null));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar TextInput = function TextInput(_ref) {\n  var _item$required, _item$disabled, _item$required2;\n  var name = _ref.name,\n    onChange = _ref.onChange,\n    value = _ref.value,\n    style = _ref.style,\n    item = _ref.item,\n    props = _objectWithoutProperties(_ref, _excluded);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {};\n  if ((_item$required2 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required2 !== void 0 ? _item$required2 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref2) {\n    var _ref2$field = _ref2.field,\n      _onChange = _ref2$field.onChange,\n      onBlur = _ref2$field.onBlur,\n      value = _ref2$field.value,\n      name = _ref2$field.name,\n      ref = _ref2$field.ref,\n      _ref2$fieldState = _ref2.fieldState,\n      invalid = _ref2$fieldState.invalid,\n      isTouched = _ref2$fieldState.isTouched,\n      isDirty = _ref2$fieldState.isDirty,\n      error = _ref2$fieldState.error,\n      formState = _ref2.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled2;\n    controllerProps.disabled = (_item$disabled2 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled2 !== void 0 ? _item$disabled2 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required3;\n    controllerProps.required = (_item$required3 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required3 !== void 0 ? _item$required3 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar EmailInput = function EmailInput(_ref3) {\n  var _item$required4, _item$disabled3, _item$required5;\n  var name = _ref3.name,\n    onChange = _ref3.onChange,\n    value = _ref3.value,\n    style = _ref3.style,\n    item = _ref3.item,\n    props = _objectWithoutProperties(_ref3, _excluded2);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {\n    minLength: {\n      value: 4,\n      message: \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" must be at least 4 characters long\")\n    },\n    validate: function validate(value) {\n      return validateEmail(value) || \"\".concat(item === null || item === void 0 ? void 0 : item.label, \" field requires valid email address\");\n    }\n  };\n  if ((_item$required5 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required5 !== void 0 ? _item$required5 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref4) {\n    var _ref4$field = _ref4.field,\n      _onChange2 = _ref4$field.onChange,\n      onBlur = _ref4$field.onBlur,\n      value = _ref4$field.value,\n      name = _ref4$field.name,\n      ref = _ref4$field.ref,\n      _ref4$fieldState = _ref4.fieldState,\n      invalid = _ref4$fieldState.invalid,\n      isTouched = _ref4$fieldState.isTouched,\n      isDirty = _ref4$fieldState.isDirty,\n      error = _ref4$fieldState.error,\n      formState = _ref4.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange2(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled4;\n    controllerProps.disabled = (_item$disabled4 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled4 !== void 0 ? _item$disabled4 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required6;\n    controllerProps.required = (_item$required6 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required6 !== void 0 ? _item$required6 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar PhoneNumber = function PhoneNumber(_ref5) {\n  var _item$required7, _item$disabled5, _item$required8;\n  var name = _ref5.name,\n    onChange = _ref5.onChange,\n    value = _ref5.value,\n    style = _ref5.style,\n    item = _ref5.item,\n    props = _objectWithoutProperties(_ref5, _excluded3);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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 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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {\n    validate: function validate(value) {\n      return (0,libphonenumber_js__WEBPACK_IMPORTED_MODULE_17__.isValidPhoneNumber)(toE164PhoneNumber(value), 'US') || \"\".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\n  // if (CustomPhoneInput !== undefined) {\n  // \tinputProps.as = CustomPhoneInput;\n  // }\n\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  if (react_imask_esm__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined) {\n    controllerProps.render = function (_ref6) {\n      var _ref6$field = _ref6.field,\n        onChange = _ref6$field.onChange,\n        onBlur = _ref6$field.onBlur,\n        value = _ref6$field.value,\n        name = _ref6$field.name,\n        ref = _ref6$field.ref,\n        _ref6$fieldState = _ref6.fieldState,\n        invalid = _ref6$fieldState.invalid,\n        isTouched = _ref6$fieldState.isTouched,\n        isDirty = _ref6$fieldState.isDirty,\n        error = _ref6$fieldState.error,\n        formState = _ref6.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask_esm__WEBPACK_IMPORTED_MODULE_13__.IMaskInput, _extends({\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n        className: \"form-control\",\n        onBlur: onBlur,\n        value: value,\n        name: name,\n        mask: '{+1} (#00) 000-0000',\n        lazy: false,\n        overwrite: true,\n        definitions: {\n          '#': /[1-9]/\n        },\n        unmask: true // true|false|'typed'\n        ,\n        inputRef: ref\n        // inputRef={inputRef}  // access to nested input\n        // DO NOT USE onChange TO HANDLE CHANGES!\n        // USE onAccept INSTEAD\n        ,\n        onAccept:\n        // depending on prop above first argument is\n        // `value` if `unmask=false`,\n        // `unmaskedValue` if `unmask=true`,\n        // `typedValue` if `unmask='typed'`\n        function onAccept(value, mask) {\n          if (onChange !== undefined) {\n            onChange(value);\n          }\n          onChangeHandler(value);\n        }\n      }, inputProps));\n    };\n  } else {\n    controllerProps.render = function (_ref7) {\n      var _ref7$field = _ref7.field,\n        _onChange3 = _ref7$field.onChange,\n        onBlur = _ref7$field.onBlur,\n        value = _ref7$field.value,\n        name = _ref7$field.name,\n        ref = _ref7$field.ref,\n        _ref7$fieldState = _ref7.fieldState,\n        invalid = _ref7$fieldState.invalid,\n        isTouched = _ref7$fieldState.isTouched,\n        isDirty = _ref7$fieldState.isDirty,\n        error = _ref7$fieldState.error,\n        formState = _ref7.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n        onBlur: onBlur,\n        onChange: function onChange(e) {\n          _onChange3(e.target.value);\n          onChangeHandler(e.target.value);\n        },\n        value: value,\n        name: name,\n        ref: ref,\n        isInvalid: invalid,\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, inputProps));\n    };\n  }\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled6;\n    controllerProps.disabled = (_item$disabled6 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled6 !== void 0 ? _item$disabled6 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required9;\n    controllerProps.required = (_item$required9 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required9 !== void 0 ? _item$required9 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar DatePicker = function DatePicker(_ref8) {\n  var _item$required10, _item$disabled7, _item$required11;\n  var name = _ref8.name,\n    onChange = _ref8.onChange,\n    value = _ref8.value,\n    style = _ref8.style,\n    item = _ref8.item,\n    props = _objectWithoutProperties(_ref8, _excluded4);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\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_esm__WEBPACK_IMPORTED_MODULE_13__.IMaskInput !== undefined && react_imask_esm__WEBPACK_IMPORTED_MODULE_13__.IMask !== undefined) {\n    controllerProps.render = function (_ref9) {\n      var _ref9$field = _ref9.field,\n        onChange = _ref9$field.onChange,\n        onBlur = _ref9$field.onBlur,\n        value = _ref9$field.value,\n        name = _ref9$field.name,\n        ref = _ref9$field.ref,\n        _ref9$fieldState = _ref9.fieldState,\n        invalid = _ref9$fieldState.invalid,\n        isTouched = _ref9$fieldState.isTouched,\n        isDirty = _ref9$fieldState.isDirty,\n        error = _ref9$fieldState.error,\n        formState = _ref9.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_imask_esm__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_esm__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_esm__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_esm__WEBPACK_IMPORTED_MODULE_13__.IMask.MaskedRange,\n            from: 1900,\n            to: new Date().getFullYear() + 5,\n            placeholderChar: 'Y'\n          }\n        },\n        parse: function parse(str) {\n          var monthDayYear = str.split('/');\n          return new Date(monthDayYear[2], monthDayYear[0] - 1, monthDayYear[1]);\n        },\n        unmask: false // true|false|'typed'\n        ,\n        inputRef: ref\n        // inputRef={inputRef}  // access to nested input\n        // DO NOT USE onChange TO HANDLE CHANGES!\n        // USE onAccept INSTEAD\n        ,\n        onAccept:\n        // depending on prop above first argument is\n        // `value` if `unmask=false`,\n        // `unmaskedValue` if `unmask=true`,\n        // `typedValue` if `unmask='typed'`\n        function onAccept(value, mask) {\n          if (onChange !== undefined) {\n            onChange(value);\n          }\n          onChangeHandler(value);\n        }\n      }, inputProps));\n    };\n  } else {\n    controllerProps.render = function (_ref10) {\n      var _ref10$field = _ref10.field,\n        _onChange4 = _ref10$field.onChange,\n        onBlur = _ref10$field.onBlur,\n        value = _ref10$field.value,\n        name = _ref10$field.name,\n        ref = _ref10$field.ref,\n        _ref10$fieldState = _ref10.fieldState,\n        invalid = _ref10$fieldState.invalid,\n        isTouched = _ref10$fieldState.isTouched,\n        isDirty = _ref10$fieldState.isDirty,\n        error = _ref10$fieldState.error,\n        formState = _ref10.formState;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n        onBlur: onBlur,\n        onChange: function onChange(e) {\n          _onChange4(e.target.value);\n          onChangeHandler(e.target.value);\n        },\n        value: value,\n        name: name,\n        ref: ref,\n        isInvalid: invalid,\n        id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, inputProps));\n    };\n  }\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled8;\n    controllerProps.disabled = (_item$disabled8 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled8 !== void 0 ? _item$disabled8 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required12;\n    controllerProps.required = (_item$required12 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required12 !== void 0 ? _item$required12 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  console.log('controllerProps', controllerProps);\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar NumberInput = function NumberInput(_ref11) {\n  var _item$required13, _item$disabled9, _item$required14;\n  var name = _ref11.name,\n    onChange = _ref11.onChange,\n    value = _ref11.value,\n    style = _ref11.style,\n    item = _ref11.item,\n    props = _objectWithoutProperties(_ref11, _excluded5);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {};\n  if ((_item$required14 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required14 !== void 0 ? _item$required14 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref12) {\n    var _ref12$field = _ref12.field,\n      _onChange5 = _ref12$field.onChange,\n      onBlur = _ref12$field.onBlur,\n      value = _ref12$field.value,\n      name = _ref12$field.name,\n      ref = _ref12$field.ref,\n      _ref12$fieldState = _ref12.fieldState,\n      invalid = _ref12$fieldState.invalid,\n      isTouched = _ref12$fieldState.isTouched,\n      isDirty = _ref12$fieldState.isDirty,\n      error = _ref12$fieldState.error,\n      formState = _ref12.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange5(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled10;\n    controllerProps.disabled = (_item$disabled10 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled10 !== void 0 ? _item$disabled10 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required15;\n    controllerProps.required = (_item$required15 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required15 !== void 0 ? _item$required15 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar TextArea = function TextArea(_ref13) {\n  var _item$required16, _item$disabled11, _item$required17;\n  var name = _ref13.name,\n    onChange = _ref13.onChange,\n    value = _ref13.value,\n    style = _ref13.style,\n    item = _ref13.item,\n    props = _objectWithoutProperties(_ref13, _excluded6);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\n  var onChangeHandler = function onChangeHandler(value) {\n    if (onChange !== undefined) {\n      onChange(value);\n    }\n  };\n  var inputProps = {\n    type: 'number',\n    required: (_item$required16 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required16 !== void 0 ? _item$required16 : false,\n    disabled: (_item$disabled11 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled11 !== void 0 ? _item$disabled11 : false,\n    autoComplete: 'new-password' // hack to prevent auto-complete for form fields\n  };\n  if (item !== null && item !== void 0 && item.label) {\n    inputProps.label = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.placeholder) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.placeholder;\n  } else if (item !== null && item !== void 0 && item.label) {\n    inputProps.placeholder = item === null || item === void 0 ? void 0 : item.label;\n  }\n  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {};\n  if ((_item$required17 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required17 !== void 0 ? _item$required17 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref14) {\n    var _ref14$field = _ref14.field,\n      _onChange6 = _ref14$field.onChange,\n      onBlur = _ref14$field.onBlur,\n      value = _ref14$field.value,\n      name = _ref14$field.name,\n      ref = _ref14$field.ref,\n      _ref14$fieldState = _ref14.fieldState,\n      invalid = _ref14$fieldState.invalid,\n      isTouched = _ref14$fieldState.isTouched,\n      isDirty = _ref14$fieldState.isDirty,\n      error = _ref14$fieldState.error,\n      formState = _ref14.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange6(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      as: \"textarea\"\n    }, inputProps));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled12;\n    controllerProps.disabled = (_item$disabled12 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled12 !== void 0 ? _item$disabled12 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required18;\n    controllerProps.required = (_item$required18 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required18 !== void 0 ? _item$required18 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n      value: value,\n      name: name,\n      ref: inputField,\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, value !== null && value !== void 0 ? value : '')));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Dropdown = function Dropdown(_ref15) {\n  var _item$required19, _item$disabled13, _item$required20;\n  var name = _ref15.name,\n    onChange = _ref15.onChange,\n    value = _ref15.value,\n    style = _ref15.style,\n    item = _ref15.item,\n    props = _objectWithoutProperties(_ref15, _excluded7);\n  var methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_15__.useFormContext)();\n  var inputField = react__WEBPACK_IMPORTED_MODULE_2___default().useRef(null);\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  if (item !== null && item !== void 0 && item.mutable) {\n    inputProps.ref = inputField;\n  }\n  var fieldRules = {};\n  if ((_item$required20 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required20 !== void 0 ? _item$required20 : false) {\n    fieldRules.required = 'Required Field';\n  }\n  var controllerProps = {\n    name: name,\n    rules: fieldRules\n  };\n  controllerProps.render = function (_ref16) {\n    var _ref16$field = _ref16.field,\n      _onChange7 = _ref16$field.onChange,\n      onBlur = _ref16$field.onBlur,\n      value = _ref16$field.value,\n      name = _ref16$field.name,\n      ref = _ref16$field.ref,\n      _ref16$fieldState = _ref16.fieldState,\n      invalid = _ref16$fieldState.invalid,\n      isTouched = _ref16$fieldState.isTouched,\n      isDirty = _ref16$fieldState.isDirty,\n      error = _ref16$fieldState.error,\n      formState = _ref16.formState;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Select, _extends({\n      onBlur: onBlur,\n      onChange: function onChange(e) {\n        _onChange7(e.target.value);\n        onChangeHandler(e.target.value);\n      },\n      value: value,\n      name: name,\n      ref: ref,\n      isInvalid: invalid,\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n    }, inputProps), inputProps.placeholder ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n      value: \"\"\n    }, inputProps.placeholder) : null, item === null || item === void 0 ? void 0 : item.options.map(function (option) {\n      var thisKey = \"preview_\".concat(option.key);\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n        value: option.value,\n        key: thisKey\n      }, option.text);\n    }));\n  };\n  if (value !== undefined) {\n    controllerProps.defaultValue = value;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.disabled) !== undefined) {\n    var _item$disabled14;\n    controllerProps.disabled = (_item$disabled14 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled14 !== void 0 ? _item$disabled14 : false;\n  }\n  if ((item === null || item === void 0 ? void 0 : item.required) !== undefined) {\n    var _item$required21;\n    controllerProps.required = (_item$required21 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required21 !== void 0 ? _item$required21 : false;\n  }\n  var labelLocation = 'ABOVE';\n  if (item !== null && item !== void 0 && item.labelLocation) {\n    labelLocation = item === null || item === void 0 ? void 0 : item.labelLocation;\n  }\n  var baseClasses = 'SortableItem rfb-item';\n  if (item !== null && item !== void 0 && item.pageBreakBefore) {\n    baseClasses += ' alwaysbreak';\n  }\n  if (!methods) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      item: item\n    }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Select, _extends({\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      value: value,\n      name: name,\n      ref: inputField\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Select, _extends({\n      id: name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n      value: value,\n      name: name,\n      ref: inputField\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n      muted: true\n    }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      name: name\n    })));\n  }\n  if ((item === null || item === void 0 ? void 0 : item.print) === true) {\n    var _item$options$find;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n      style: _objectSpread({}, style),\n      className: baseClasses\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n      className: \"form-group mb-3\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      item: item,\n      className: item === null || item === void 0 ? void 0 : item.labelClassName,\n      htmlFor: name\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, item === null || item === void 0 || (_item$options$find = item.options.find(function (option) {\n      return option.value === value;\n    })) === null || _item$options$find === void 0 ? void 0 : _item$options$find.text)));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n    style: _objectSpread({}, style),\n    className: baseClasses\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n    item: item\n  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n    className: \"form-group mb-3\"\n  }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    item: item,\n    className: item === null || item === void 0 ? void 0 : item.labelClassName,\n    htmlFor: name\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_hook_form__WEBPACK_IMPORTED_MODULE_15__.Controller, _extends({\n    control: methods.control\n  }, controllerProps))), item !== null && item !== void 0 && item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n    muted: true\n  }, item === null || item === void 0 ? void 0 : item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    name: name\n  })));\n};\nvar Signature = /*#__PURE__*/function (_React$Component6) {\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$Component6);\n  return _createClass(Signature, [{\n    key: \"render\",\n    value: function render() {\n      var _this$state$value,\n        _this$state$value2,\n        _this$props$value6,\n        _this$props$value7,\n        _this$props$value8,\n        _this$props$value9,\n        _this2 = this,\n        _this$props$value$nam,\n        _this$props$value10;\n      var canClear = !!this.state.value;\n      var props = {};\n      props.name = this.props.name;\n      // props.onChange = (event) => { console.log('onChangeSignature', event.target.value); this.props.onChange(event.target.value); };\n      props.value = this.props.value;\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var padProps = {};\n      // umd requires canvasProps={{ width: 400, height: 150 }}\n      if (this.props.item.mutable) {\n        var _this$props$value;\n        padProps.defaultValue = (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.signature;\n        padProps.ref = this.canvas;\n        canClear = !this.props.item.readOnly;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var sourceDataURL;\n      if ((_this$state$value = this.state.value) !== null && _this$state$value !== void 0 && _this$state$value.signature && ((_this$state$value2 = this.state.value) === null || _this$state$value2 === void 0 ? void 0 : _this$state$value2.signature.length) > 0) {\n        var _this$state$value3;\n        sourceDataURL = (_this$state$value3 = this.state.value) === null || _this$state$value3 === void 0 ? void 0 : _this$state$value3.signature;\n      }\n      padProps.canvasProps = {};\n      if (this.props.item.print === true && !!sourceDataURL) {\n        var _this$props$value2, _this$props$value3, _this$props$value4, _this$props$value5;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          style: _objectSpread({}, this.props.style),\n          className: baseClasses\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n          src: sourceDataURL\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n          style: {\n            borderStyle: 'dashed'\n          }\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value2 = this.props.value) !== null && _this$props$value2 !== void 0 && _this$props$value2.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value3 = this.props.value) === null || _this$props$value3 === void 0 ? void 0 : _this$props$value3.date).format('dddd  MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd  MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value4 = this.props.value) === null || _this$props$value4 === void 0 ? void 0 : _this$props$value4.name, \" via IP Address \", (_this$props$value5 = this.props.value) === null || _this$props$value5 === void 0 ? void 0 : _this$props$value5.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null))));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: this.props.name\n      })), this.props.readOnly === true ? !!sourceDataURL ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n        src: sourceDataURL\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", {\n        style: {\n          borderStyle: 'dashed'\n        }\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"strong\", null, \"Electronic Signature\"), \" at \", (_this$props$value6 = this.props.value) !== null && _this$props$value6 !== void 0 && _this$props$value6.date ? moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()((_this$props$value7 = this.props.value) === null || _this$props$value7 === void 0 ? void 0 : _this$props$value7.date).format('dddd  MMMM D, YYYY hh:mm A') : moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('dddd  MMMM D, YYYY hh:mm A'), \" by \", (_this$props$value8 = this.props.value) === null || _this$props$value8 === void 0 ? void 0 : _this$props$value8.name, \" via IP Address \", (_this$props$value9 = this.props.value) === null || _this$props$value9 === void 0 ? void 0 : _this$props$value9.ipAddress), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"hr\", null)) : null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad--body\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_signature_canvas__WEBPACK_IMPORTED_MODULE_3___default()), _extends({}, padProps, {\n        onEnd: function onEnd(e) {\n          _this2._getSignatureImg();\n        }\n      }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"m-signature-pad--footer clearfix\"\n      }, canClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        className: \"clear-signature float-end\",\n        onClick: this.clear,\n        title: \"Clear Signature\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaTimes, null), \" clear\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Label, null, \"Please print your full legal name and today's date.\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_21__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n        sm: 6\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, {\n        value: (_this$props$value$nam = (_this$props$value10 = this.props.value) === null || _this$props$value10 === void 0 ? void 0 : _this$props$value10.name) !== null && _this$props$value$nam !== void 0 ? _this$props$value$nam : '',\n        type: \"text\",\n        required: true,\n        placeholder: \"Full Legal Name\",\n        onChange: this.onChangeName\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n        sm: 6\n      }, \"Today's Date: \", moment_timezone__WEBPACK_IMPORTED_MODULE_12___default()().format('MM/DD/YYYY'))))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      }), this.props.methods ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, this.props.methods.register(this.props.name), props, {\n        type: \"hidden\"\n      })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", _extends({}, props, {\n        type: \"hidden\"\n      }))));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Tags = /*#__PURE__*/function (_React$Component7) {\n  function Tags(props) {\n    var _this3;\n    _classCallCheck(this, Tags);\n    _this3 = _callSuper(this, Tags, [props]);\n    _this3.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this3;\n  }\n  _inherits(Tags, _React$Component7);\n  return _createClass(Tags, [{\n    key: \"getDefaultValue\",\n    value: 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  }, {\n    key: \"render\",\n    value: function render() {\n      var _this4 = this;\n      var options = this.props.item.options.map(function (option) {\n        return {\n          value: option.value,\n          label: option.text,\n          key: option.value\n        };\n      });\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select...';\n      props.onChange = function (val) {\n        _this4.props.onChange(val !== undefined && val !== null && val.length > 0 ? val.map(function (i) {\n          return i.value;\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.ref = this.inputField;\n      }\n      props.multiple = true;\n      props.selected = this.getDefaultValue(this.props.value, options);\n      props.options = options;\n      // props.required = this.props.item.required;\n\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var labelLocation = 'ABOVE';\n      if (this.props.item.labelLocation) {\n        labelLocation = this.props.item.labelLocation;\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, 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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, labelLocation === \"FLOATING\" ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Floating, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n        labelKey: function labelKey(option) {\n          return option.label;\n        },\n        id: props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, props)), /*#__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((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__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(react_bootstrap_typeahead__WEBPACK_IMPORTED_MODULE_9__.Typeahead, _extends({\n        labelKey: function labelKey(option) {\n          return option.label;\n        },\n        id: props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, props))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Checkboxes = /*#__PURE__*/function (_React$Component8) {\n  function Checkboxes(props) {\n    var _this5;\n    _classCallCheck(this, Checkboxes);\n    _this5 = _callSuper(this, Checkboxes, [props]);\n    _defineProperty(_this5, \"onCheckboxChange\", function (checkboxValue, event) {\n      var checkedValues = _this5.props.value;\n      if (_this5.props.onChange) {\n        if (event.target.checked) {\n          _this5.props.onChange(checkedValues.concat(checkboxValue));\n        } else {\n          _this5.props.onChange(checkedValues.filter(function (v) {\n            return v !== checkboxValue;\n          }));\n        }\n      }\n    });\n    _this5.options = {};\n    return _this5;\n  }\n  _inherits(Checkboxes, _React$Component8);\n  return _createClass(Checkboxes, [{\n    key: \"render\",\n    value: function render() {\n      var _this6 = this;\n      var self = this;\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this6.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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: this.props.name\n      })), this.props.item.options.map(function (option) {\n        var _this6$props$checkbox;\n        var props = {};\n        props.name = \"option_\".concat(option.key);\n        props.value = option.value;\n        props.checked = self.props.value ? self.props.value.indexOf(option.value) > -1 : false;\n        //props.inline = self.props.item.inline ?? false;\n        if (self.props.item.disabled) {\n          props.disabled = 'disabled';\n        }\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_24__[\"default\"], _extends({\n          type: \"checkbox\",\n          variant: (_this6$props$checkbox = _this6.props.checkboxButtonClassName) !== null && _this6$props$checkbox !== void 0 ? _this6$props$checkbox : \"outline-light\",\n          className: \"btn-survey-builder-checkbox\",\n          key: \"preview_\".concat(option.key),\n          id: self.props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid(),\n          inputRef: function inputRef(c) {\n            if (c && self.props.item.mutable) {\n              self.options[\"child_ref_\".concat(option.key)] = c;\n            }\n          },\n          onChange: function onChange(e) {\n            self.onCheckboxChange(option.value, e);\n          }\n        }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox\"\n        }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_25__.RiCheckboxBlankLine, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_25__.RiCheckboxFill, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, option.text)));\n      }), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Checkbox = /*#__PURE__*/function (_React$Component9) {\n  function Checkbox(props) {\n    var _this7;\n    _classCallCheck(this, Checkbox);\n    _this7 = _callSuper(this, Checkbox, [props]);\n    _this7.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this7;\n  }\n  _inherits(Checkbox, _React$Component9);\n  return _createClass(Checkbox, [{\n    key: \"render\",\n    value: function render() {\n      var _this8 = this,\n        _this$props$checkboxB;\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var props = {};\n      // eslint-disable-next-line no-undef\n      props.name = this.props.name;\n      props.onChange = function (event) {\n        if (_this8.props.onChange) {\n          _this8.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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: this.props.item.boxLabel\n          }\n        }), \": \", this.props.value === true ? 'Yes' : 'No')));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({\n        className: \"form-label\"\n      }, this.props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_24__[\"default\"], _extends({\n        type: \"checkbox\",\n        variant: (_this$props$checkboxB = this.props.checkboxButtonClassName) !== null && _this$props$checkboxB !== void 0 ? _this$props$checkboxB : \"outline-light\",\n        className: \"btn-survey-builder-checkbox\",\n        value: props.name,\n        id: props.name + '-' + _UUID__WEBPACK_IMPORTED_MODULE_14___default().uuid()\n      }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox\"\n      }, props.checked !== true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_25__.RiCheckboxBlankLine, {\n        size: \"40px\",\n        className: \"me-3 flex-shrink-0\"\n      }), props.checked === true && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_ri__WEBPACK_IMPORTED_MODULE_25__.RiCheckboxFill, {\n        size: \"40px\",\n        className: \"me-3 flex-shrink-0\"\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"text-start\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        dangerouslySetInnerHTML: {\n          __html: this.props.item.boxLabel\n        }\n      })))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar RadioButtons = /*#__PURE__*/function (_React$Component10) {\n  function RadioButtons(props) {\n    var _this9;\n    _classCallCheck(this, RadioButtons);\n    _this9 = _callSuper(this, RadioButtons, [props]);\n    _this9.options = {};\n    return _this9;\n  }\n  _inherits(RadioButtons, _React$Component10);\n  return _createClass(RadioButtons, [{\n    key: \"render\",\n    value: function render() {\n      var _this10 = this;\n      var self = this;\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: this.props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.item.options.filter(function (option) {\n          return _this10.props.value === option.value;\n        }).map(function (option) {\n          return option.text;\n        }).join(', '))));\n      }\n      console.log('self.props', self.props);\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], self.props), self.props.item.options.map(function (option) {\n        var _self$props$checkboxB, _self$props, _self$props2, _self$props3, _self$props5, _self$props6;\n        console.log('option', option);\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n          label: option.text,\n          type: \"radio\",\n          variant: (_self$props$checkboxB = self.props.checkboxButtonClassName) !== null && _self$props$checkboxB !== void 0 ? _self$props$checkboxB : \"outline-light\",\n          className: \"btn-survey-builder-checkbox\",\n          key: \"preview_\".concat(option.key),\n          id: self.props.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$props = self.props) === null || _self$props === void 0 || (_self$props = _self$props.item) === null || _self$props === void 0 ? void 0 : _self$props.disabled,\n          name: self === null || self === void 0 || (_self$props2 = self.props) === null || _self$props2 === void 0 ? void 0 : _self$props2.name,\n          value: option.value,\n          checked: (self === null || self === void 0 || (_self$props3 = self.props) === null || _self$props3 === void 0 ? void 0 : _self$props3.value) === option.value,\n          onChange: function onChange(e) {\n            var _self$props4;\n            if ((self === null || self === void 0 || (_self$props4 = self.props) === null || _self$props4 === void 0 ? void 0 : _self$props4.onChange) !== undefined) {\n              console.log(e.target.value);\n              self.props.onChange(e.target.value);\n            }\n          }\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"d-flex align-items-center justify-content-between text-black text-survey-builder-checkbox\"\n        }, (self === null || self === void 0 || (_self$props5 = self.props) === null || _self$props5 === void 0 ? void 0 : _self$props5.value) !== option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_26__.IoRadioButtonOff, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), (self === null || self === void 0 || (_self$props6 = self.props) === null || _self$props6 === void 0 ? void 0 : _self$props6.value) === option.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_io5__WEBPACK_IMPORTED_MODULE_26__.IoRadioButtonOn, {\n          size: \"40px\",\n          className: \"me-3 flex-shrink-0\"\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n          className: \"text-start\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n          dangerouslySetInnerHTML: {\n            __html: option.text\n          }\n        }))));\n      }), self.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, self.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: self.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Image = /*#__PURE__*/function (_React$Component11) {\n  function Image() {\n    _classCallCheck(this, Image);\n    return _callSuper(this, Image, arguments);\n  }\n  _inherits(Image, _React$Component11);\n  return _createClass(Image, [{\n    key: \"render\",\n    value: function render() {\n      var style = this.props.item.center ? {\n        textAlign: 'center'\n      } : null;\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(_objectSpread({}, this.props.style), style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), this.props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n        src: this.props.item.src,\n        width: this.props.item.width,\n        height: this.props.item.height\n      }), !this.props.item.src && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"no-image\"\n      }, \"No Image\"));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Rating = /*#__PURE__*/function (_React$Component12) {\n  function Rating(props) {\n    var _this11;\n    _classCallCheck(this, Rating);\n    _this11 = _callSuper(this, Rating, [props]);\n    _this11.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this11;\n  }\n  _inherits(Rating, _React$Component12);\n  return _createClass(Rating, [{\n    key: \"render\",\n    value: function render() {\n      var _this12 = this;\n      var props = {};\n      props.name = this.props.name;\n      props.ratingAmount = 5;\n      props.rating = this.props.value !== undefined && this.props.value !== null && this.props.value !== '' ? parseFloat(this.props.value, 10) : 0;\n      props.disabled = this.props.item.readOnly;\n      if (this.props.item.disabled) {\n        props.disabled = true;\n      }\n      props.onRatingClick = function (event, _ref18) {\n        var rating = _ref18.rating;\n        _this12.props.onChange(rating);\n      };\n      if (this.props.item.mutable) {\n        props.editing = true;\n        props.ref = this.inputField;\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: props.name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, 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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: props.name\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_star_rating__WEBPACK_IMPORTED_MODULE_5__[\"default\"], props), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar HyperLink = /*#__PURE__*/function (_React$Component13) {\n  function HyperLink() {\n    _classCallCheck(this, HyperLink);\n    return _callSuper(this, HyperLink, arguments);\n  }\n  _inherits(HyperLink, _React$Component13);\n  return _createClass(HyperLink, [{\n    key: \"render\",\n    value: function render() {\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Label, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n        target: \"_blank\",\n        href: this.props.item.href,\n        dangerouslySetInnerHTML: {\n          __html: _myxss__WEBPACK_IMPORTED_MODULE_8__[\"default\"].process(this.props.item.content)\n        }\n      }))));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Download = /*#__PURE__*/function (_React$Component14) {\n  function Download() {\n    _classCallCheck(this, Download);\n    return _callSuper(this, Download, arguments);\n  }\n  _inherits(Download, _React$Component14);\n  return _createClass(Download, [{\n    key: \"render\",\n    value: function render() {\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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"a\", {\n        href: \"\".concat(this.props.downloadPath, \"?id=\").concat(this.props.item.filePath)\n      }, this.props.item.content)));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Camera = /*#__PURE__*/function (_React$Component15) {\n  function Camera(props) {\n    var _this13;\n    _classCallCheck(this, Camera);\n    _this13 = _callSuper(this, Camera, [props]);\n    _defineProperty(_this13, \"handleChange\", function (event) {\n      if (event.target.files && event.target.files.length > 0) {\n        _this13.setState({\n          img: event.target.files[0]\n        });\n        if (_this13.props.onChange) {\n          _this13.props.onChange(event.target.files[0]);\n        }\n      }\n    });\n    _defineProperty(_this13, \"clearImage\", function () {\n      _this13.setState({\n        img: null\n      });\n      if (_this13.props.onChange) {\n        _this13.props.onChange(null);\n      }\n    });\n    _this13.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this13.state = {\n      img: props.value\n    };\n    return _this13;\n  }\n  _inherits(Camera, _React$Component15);\n  return _createClass(Camera, [{\n    key: \"getImageSizeProps\",\n    value: function getImageSizeProps(_ref19) {\n      var width = _ref19.width,\n        height = _ref19.height;\n      var imgProps = {\n        width: '100%'\n      };\n      if (width) {\n        imgProps.width = width < window.innerWidth ? width : 0.9 * window.innerWidth;\n      }\n      if (height) {\n        imgProps.height = height;\n      }\n      return imgProps;\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var imageStyle = {\n        objectFit: 'scale-down',\n        objectPosition: this.props.item.center ? 'center' : 'left'\n      };\n      var fileInputStyle = this.state.img ? {\n        display: 'none'\n      } : null;\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select an image from your computer or device.';\n      props.onChange = this.handleChange;\n      props.onClick = function (event) {\n        event.target.value = null;\n      };\n      props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      var sourceDataURL;\n      if (this.props.item.readOnly === true && this.props.value && this.props.value.length > 0) {\n        console.log(this.props.value);\n        if (this.props.value.indexOf(this.props.name > -1)) {\n          sourceDataURL = this.props.value;\n        } else {\n          sourceDataURL = \"data:image/png;base64,\".concat(this.props.value);\n        }\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__[\"default\"], _extends({\n        style: imageStyle,\n        src: sourceDataURL\n      }, this.getImageSizeProps(this.props.item)))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-container\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: fileInputStyle\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n        type: \"file\",\n        accept: \"image/*\",\n        capture: \"camera\",\n        className: \"image-upload\"\n      }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-control\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"light\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaCamera, null), \" Upload Photo\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select an image from your computer or device.\"))), this.props.value && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_18__[\"default\"]\n      // onLoad={() => URL.revokeObjectURL(this.state.previewImg)}\n      , {\n        src: URL.createObjectURL(this.props.value),\n        height: \"100\",\n        className: \"image-upload-preview\"\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        onClick: this.clearImage\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaTimes, null), \" Clear Photo\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar FileUpload = /*#__PURE__*/function (_React$Component16) {\n  function FileUpload(props) {\n    var _this14;\n    _classCallCheck(this, FileUpload);\n    _this14 = _callSuper(this, FileUpload, [props]);\n    _defineProperty(_this14, \"handleChange\", function (event) {\n      if (event.target.files && event.target.files.length > 0) {\n        _this14.setState({\n          fileUpload: event.target.files[0]\n        });\n        if (_this14.props.onChange) {\n          _this14.props.onChange(event.target.files[0]);\n        }\n      }\n    });\n    _defineProperty(_this14, \"clearFileUpload\", function () {\n      _this14.setState({\n        fileUpload: null\n      });\n      if (_this14.props.onChange) {\n        _this14.props.onChange(null);\n      }\n    });\n    _defineProperty(_this14, \"saveFile\", /*#__PURE__*/function () {\n      var _ref20 = _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 = _this14.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: _this14.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 _ref20.apply(this, arguments);\n      };\n    }());\n    _this14.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    _this14.state = {\n      fileUpload: props.value\n    };\n    return _this14;\n  }\n  _inherits(FileUpload, _React$Component16);\n  return _createClass(FileUpload, [{\n    key: \"render\",\n    value: function render() {\n      var fileInputStyle = this.state.fileUpload ? {\n        display: 'none'\n      } : null;\n      var props = {};\n      props.name = this.props.name;\n      props.placeholder = this.props.item.placeholder || 'Select a file from your computer or device.';\n      props.onChange = this.handleChange;\n      props.onClick = function (event) {\n        event.target.value = null;\n      };\n      props.isInvalid = this.props.isInvalid;\n      if (this.props.onBlur) {\n        props.onBlur = this.props.onBlur;\n      }\n      if (this.props.item.disabled) {\n        props.disabled = 'disabled';\n      }\n      if (this.props.item.mutable) {\n        props.ref = this.inputField;\n      }\n      var baseClasses = 'SortableItem rfb-item';\n      if (this.props.item.pageBreakBefore) {\n        baseClasses += ' alwaysbreak';\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], this.props), this.props.item.readOnly === true && this.props.value && this.props.value.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"default\",\n        onClick: this.saveFile\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaDownload, null), \" Download File\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-container\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: fileInputStyle\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Control, _extends({\n        type: \"file\",\n        accept: this.props.item.fileType || '*',\n        className: \"image-upload\"\n      }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"image-upload-control\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"light\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaFile, null), \" Upload File\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", null, \"Select a file from your computer or device.\"))), this.state.fileUpload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"file-upload-preview\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: {\n          display: 'inline-block',\n          marginRight: '5px'\n        }\n      }, \"Name: \".concat(this.state.fileUpload.name)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: {\n          display: 'inline-block',\n          marginLeft: '5px'\n        }\n      }, this.state.fileUpload.size.length > 6 ? \"Size:  \".concat(Math.ceil(this.state.fileUpload.size / (1024 * 1024)), \" mb\") : \"Size:  \".concat(Math.ceil(this.state.fileUpload.size / 1024), \" kb\")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {\n        variant: \"default\",\n        size: \"sm\",\n        className: \"btn-file-upload-clear\",\n        onClick: this.clearFileUpload\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_icons_fa__WEBPACK_IMPORTED_MODULE_20__.FaTimes, null), \" Clear File\"))), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: this.props.name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nvar Range = /*#__PURE__*/function (_React$Component17) {\n  function Range(props) {\n    var _this15;\n    _classCallCheck(this, Range);\n    _this15 = _callSuper(this, Range, [props]);\n    _this15.inputField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createRef();\n    return _this15;\n  }\n  _inherits(Range, _React$Component17);\n  return _createClass(Range, [{\n    key: \"render\",\n    value: function render() {\n      var _this16 = this;\n      var props = {};\n      var name = this.props.name;\n      props.name = this.props.name;\n      props.value = this.props.value;\n      props.onChange = function (event) {\n        _this16.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_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n          className: \"form-group mb-3\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n          htmlFor: name\n        })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", null, this.props.value)));\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        style: _objectSpread({}, this.props.style),\n        className: baseClasses\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], this.props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Group, {\n        className: \"form-group mb-3\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_label__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _extends({}, this.props, {\n        htmlFor: name\n      })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"range\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"clearfix\"\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: \"float-start\"\n      }, this.props.item.minLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"span\", {\n        className: \"float-end\"\n      }, this.props.item.maxLabel)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react_bootstrap_range_slider__WEBPACK_IMPORTED_MODULE_4___default()), props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n        className: \"visible_marks\"\n      }, visibleMarks), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"datalist\", {\n        id: props.list\n      }, _datalist), this.props.item.help ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_bootstrap_esm__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Text, {\n        muted: true\n      }, this.props.item.help) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_component_error_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        name: name\n      })));\n    }\n  }]);\n}((react__WEBPACK_IMPORTED_MODULE_2___default().Component));\nSurveyElements.Header = Header;\nSurveyElements.Paragraph = Paragraph;\nSurveyElements.ContentBody = ContentBody;\nSurveyElements.Label = Label;\nSurveyElements.LineBreak = LineBreak;\nSurveyElements.TextInput = TextInput;\nSurveyElements.EmailInput = EmailInput;\nSurveyElements.PhoneNumber = PhoneNumber;\nSurveyElements.NumberInput = NumberInput;\nSurveyElements.TextArea = TextArea;\nSurveyElements.Dropdown = Dropdown;\nSurveyElements.Signature = Signature;\nSurveyElements.Checkboxes = Checkboxes;\nSurveyElements.Checkbox = Checkbox;\nSurveyElements.DatePicker = DatePicker;\nSurveyElements.RadioButtons = RadioButtons;\nSurveyElements.Image = Image;\nSurveyElements.Rating = Rating;\nSurveyElements.Tags = Tags;\nSurveyElements.HyperLink = HyperLink;\nSurveyElements.Download = Download;\nSurveyElements.Camera = Camera;\nSurveyElements.FileUpload = FileUpload;\nSurveyElements.Range = Range;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SurveyElements);\n\n//# sourceURL=webpack://react-survey-builder/./src/survey-elements/index.jsx?");
 /***/ }),

package/lib/survey-elements/index.js CHANGED Viewed

@@ -550,9 +550,7 @@ export var PhoneNumber = function PhoneNumber(_ref5) {
     type: 'text',
     required: (_item$required7 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required7 !== void 0 ? _item$required7 : false,
     disabled: (_item$disabled5 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled5 !== void 0 ? _item$disabled5 : false,
-    autoComplete: 'new-password',
-    // hack to prevent auto-complete for form fields
-    formatMask: (item === null || item === void 0 ? void 0 : item.formatMask) || 'MM/DD/YYYY'
+    autoComplete: 'new-password' // hack to prevent auto-complete for form fields
   };
   if (item !== null && item !== void 0 && item.label) {
     inputProps.label = item === null || item === void 0 ? void 0 : item.label;
@@ -811,9 +809,7 @@ export var DatePicker = function DatePicker(_ref8) {
     type: 'text',
     required: (_item$required10 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required10 !== void 0 ? _item$required10 : false,
     disabled: (_item$disabled7 = item === null || item === void 0 ? void 0 : item.disabled) !== null && _item$disabled7 !== void 0 ? _item$disabled7 : false,
-    autoComplete: 'new-password',
-    // hack to prevent auto-complete for form fields
-    formatMask: (item === null || item === void 0 ? void 0 : item.formatMask) || 'MM/DD/YYYY'
+    autoComplete: 'new-password' // hack to prevent auto-complete for form fields
   };
   if (item !== null && item !== void 0 && item.label) {
     inputProps.label = item === null || item === void 0 ? void 0 : item.label;
@@ -834,20 +830,12 @@ export var DatePicker = function DatePicker(_ref8) {
   if ((_item$required11 = item === null || item === void 0 ? void 0 : item.required) !== null && _item$required11 !== void 0 ? _item$required11 : false) {
     fieldRules.required = 'Required Field';
   }
-  // if (CustomDateInput !== undefined) {
-  // 	inputProps.as = CustomDateInput;
-  // }
   var controllerProps = {
     name: name,
     rules: fieldRules
   };
-  console.log('inputProps', inputProps);
-  console.log('iMaskInput', IMaskInput);
   if (IMaskInput !== undefined && IMask !== undefined) {
     controllerProps.render = function (_ref9) {
-      var _inputProps$formatMas;
       var _ref9$field = _ref9.field,
         onChange = _ref9$field.onChange,
         onBlur = _ref9$field.onBlur,
@@ -869,7 +857,7 @@ export var DatePicker = function DatePicker(_ref8) {
         mask: Date,
         lazy: false,
         overwrite: true,
-        pattern: (_inputProps$formatMas = inputProps === null || inputProps === void 0 ? void 0 : inputProps.formatMask) !== null && _inputProps$formatMas !== void 0 ? _inputProps$formatMas : 'MM/DD/YYYY',
+        pattern: 'MM/DD/YYYY',
         format: function format(date) {
           var day = date.getDate();
           var month = date.getMonth() + 1;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "react-survey-builder",
-  "version": "1.0.68",
+  "version": "1.0.69",
   "description": "A complete survey builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",