\n \n );\n};\n\nImageField.propTypes = {\n fieldLabel: PropTypes.string,\n fieldName: PropTypes.string,\n fieldValue: PropTypes.string,\n};\n\nexport default ImageField;","import e, { useRef as r, useMemo as t, useEffect as n, useState as o, useCallback as a, useLayoutEffect as l } from \"react\";\nfunction u() {\n return (u = Object.assign || function (e) {\n for (var r = 1; r < arguments.length; r++) {\n var t = arguments[r];\n for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);\n }\n return e;\n }).apply(this, arguments);\n}\nfunction c(e, r) {\n if (null == e) return {};\n var t,\n n,\n o = {},\n a = Object.keys(e);\n for (n = 0; n < a.length; n++) r.indexOf(t = a[n]) >= 0 || (o[t] = e[t]);\n return o;\n}\nfunction i(e) {\n var t = r(e),\n n = r(function (e) {\n t.current && t.current(e);\n });\n return t.current = e, n.current;\n}\nvar s = function (e, r, t) {\n return void 0 === r && (r = 0), void 0 === t && (t = 1), e > t ? t : e < r ? r : e;\n },\n f = function (e) {\n return \"touches\" in e;\n },\n v = function (e) {\n return e && e.ownerDocument.defaultView || self;\n },\n d = function (e, r, t) {\n var n = e.getBoundingClientRect(),\n o = f(r) ? function (e, r) {\n for (var t = 0; t < e.length; t++) if (e[t].identifier === r) return e[t];\n return e[0];\n }(r.touches, t) : r;\n return {\n left: s((o.pageX - (n.left + v(e).pageXOffset)) / n.width),\n top: s((o.pageY - (n.top + v(e).pageYOffset)) / n.height)\n };\n },\n h = function (e) {\n !f(e) && e.preventDefault();\n },\n m = /*#__PURE__*/e.memo(function (o) {\n var a = o.onMove,\n l = o.onKey,\n s = c(o, [\"onMove\", \"onKey\"]),\n m = r(null),\n g = i(a),\n p = i(l),\n b = r(null),\n _ = r(!1),\n x = t(function () {\n var e = function (e) {\n h(e), (f(e) ? e.touches.length > 0 : e.buttons > 0) && m.current ? g(d(m.current, e, b.current)) : t(!1);\n },\n r = function () {\n return t(!1);\n };\n function t(t) {\n var n = _.current,\n o = v(m.current),\n a = t ? o.addEventListener : o.removeEventListener;\n a(n ? \"touchmove\" : \"mousemove\", e), a(n ? \"touchend\" : \"mouseup\", r);\n }\n return [function (e) {\n var r = e.nativeEvent,\n n = m.current;\n if (n && (h(r), !function (e, r) {\n return r && !f(e);\n }(r, _.current) && n)) {\n if (f(r)) {\n _.current = !0;\n var o = r.changedTouches || [];\n o.length && (b.current = o[0].identifier);\n }\n n.focus(), g(d(n, r, b.current)), t(!0);\n }\n }, function (e) {\n var r = e.which || e.keyCode;\n r < 37 || r > 40 || (e.preventDefault(), p({\n left: 39 === r ? .05 : 37 === r ? -.05 : 0,\n top: 40 === r ? .05 : 38 === r ? -.05 : 0\n }));\n }, t];\n }, [p, g]),\n C = x[0],\n E = x[1],\n H = x[2];\n return n(function () {\n return H;\n }, [H]), /*#__PURE__*/e.createElement(\"div\", u({}, s, {\n onTouchStart: C,\n onMouseDown: C,\n className: \"react-colorful__interactive\",\n ref: m,\n onKeyDown: E,\n tabIndex: 0,\n role: \"slider\"\n }));\n }),\n g = function (e) {\n return e.filter(Boolean).join(\" \");\n },\n p = function (r) {\n var t = r.color,\n n = r.left,\n o = r.top,\n a = void 0 === o ? .5 : o,\n l = g([\"react-colorful__pointer\", r.className]);\n return /*#__PURE__*/e.createElement(\"div\", {\n className: l,\n style: {\n top: 100 * a + \"%\",\n left: 100 * n + \"%\"\n }\n }, /*#__PURE__*/e.createElement(\"div\", {\n className: \"react-colorful__pointer-fill\",\n style: {\n backgroundColor: t\n }\n }));\n },\n b = function (e, r, t) {\n return void 0 === r && (r = 0), void 0 === t && (t = Math.pow(10, r)), Math.round(t * e) / t;\n },\n _ = {\n grad: .9,\n turn: 360,\n rad: 360 / (2 * Math.PI)\n },\n x = function (e) {\n return L(C(e));\n },\n C = function (e) {\n return \"#\" === e[0] && (e = e.substring(1)), e.length < 6 ? {\n r: parseInt(e[0] + e[0], 16),\n g: parseInt(e[1] + e[1], 16),\n b: parseInt(e[2] + e[2], 16),\n a: 4 === e.length ? b(parseInt(e[3] + e[3], 16) / 255, 2) : 1\n } : {\n r: parseInt(e.substring(0, 2), 16),\n g: parseInt(e.substring(2, 4), 16),\n b: parseInt(e.substring(4, 6), 16),\n a: 8 === e.length ? b(parseInt(e.substring(6, 8), 16) / 255, 2) : 1\n };\n },\n E = function (e, r) {\n return void 0 === r && (r = \"deg\"), Number(e) * (_[r] || 1);\n },\n H = function (e) {\n var r = /hsla?\\(?\\s*(-?\\d*\\.?\\d+)(deg|rad|grad|turn)?[,\\s]+(-?\\d*\\.?\\d+)%?[,\\s]+(-?\\d*\\.?\\d+)%?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i.exec(e);\n return r ? N({\n h: E(r[1], r[2]),\n s: Number(r[3]),\n l: Number(r[4]),\n a: void 0 === r[5] ? 1 : Number(r[5]) / (r[6] ? 100 : 1)\n }) : {\n h: 0,\n s: 0,\n v: 0,\n a: 1\n };\n },\n M = H,\n N = function (e) {\n var r = e.s,\n t = e.l;\n return {\n h: e.h,\n s: (r *= (t < 50 ? t : 100 - t) / 100) > 0 ? 2 * r / (t + r) * 100 : 0,\n v: t + r,\n a: e.a\n };\n },\n w = function (e) {\n return K(I(e));\n },\n y = function (e) {\n var r = e.s,\n t = e.v,\n n = e.a,\n o = (200 - r) * t / 100;\n return {\n h: b(e.h),\n s: b(o > 0 && o < 200 ? r * t / 100 / (o <= 100 ? o : 200 - o) * 100 : 0),\n l: b(o / 2),\n a: b(n, 2)\n };\n },\n q = function (e) {\n var r = y(e);\n return \"hsl(\" + r.h + \", \" + r.s + \"%, \" + r.l + \"%)\";\n },\n k = function (e) {\n var r = y(e);\n return \"hsla(\" + r.h + \", \" + r.s + \"%, \" + r.l + \"%, \" + r.a + \")\";\n },\n I = function (e) {\n var r = e.h,\n t = e.s,\n n = e.v,\n o = e.a;\n r = r / 360 * 6, t /= 100, n /= 100;\n var a = Math.floor(r),\n l = n * (1 - t),\n u = n * (1 - (r - a) * t),\n c = n * (1 - (1 - r + a) * t),\n i = a % 6;\n return {\n r: b(255 * [n, u, l, l, c, n][i]),\n g: b(255 * [c, n, n, u, l, l][i]),\n b: b(255 * [l, l, c, n, n, u][i]),\n a: b(o, 2)\n };\n },\n O = function (e) {\n var r = /hsva?\\(?\\s*(-?\\d*\\.?\\d+)(deg|rad|grad|turn)?[,\\s]+(-?\\d*\\.?\\d+)%?[,\\s]+(-?\\d*\\.?\\d+)%?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i.exec(e);\n return r ? A({\n h: E(r[1], r[2]),\n s: Number(r[3]),\n v: Number(r[4]),\n a: void 0 === r[5] ? 1 : Number(r[5]) / (r[6] ? 100 : 1)\n }) : {\n h: 0,\n s: 0,\n v: 0,\n a: 1\n };\n },\n j = O,\n z = function (e) {\n var r = /rgba?\\(?\\s*(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i.exec(e);\n return r ? L({\n r: Number(r[1]) / (r[2] ? 100 / 255 : 1),\n g: Number(r[3]) / (r[4] ? 100 / 255 : 1),\n b: Number(r[5]) / (r[6] ? 100 / 255 : 1),\n a: void 0 === r[7] ? 1 : Number(r[7]) / (r[8] ? 100 : 1)\n }) : {\n h: 0,\n s: 0,\n v: 0,\n a: 1\n };\n },\n B = z,\n D = function (e) {\n var r = e.toString(16);\n return r.length < 2 ? \"0\" + r : r;\n },\n K = function (e) {\n var r = e.r,\n t = e.g,\n n = e.b,\n o = e.a,\n a = o < 1 ? D(b(255 * o)) : \"\";\n return \"#\" + D(r) + D(t) + D(n) + a;\n },\n L = function (e) {\n var r = e.r,\n t = e.g,\n n = e.b,\n o = e.a,\n a = Math.max(r, t, n),\n l = a - Math.min(r, t, n),\n u = l ? a === r ? (t - n) / l : a === t ? 2 + (n - r) / l : 4 + (r - t) / l : 0;\n return {\n h: b(60 * (u < 0 ? u + 6 : u)),\n s: b(a ? l / a * 100 : 0),\n v: b(a / 255 * 100),\n a: o\n };\n },\n A = function (e) {\n return {\n h: b(e.h),\n s: b(e.s),\n v: b(e.v),\n a: b(e.a, 2)\n };\n },\n S = /*#__PURE__*/e.memo(function (r) {\n var t = r.hue,\n n = r.onChange,\n o = g([\"react-colorful__hue\", r.className]);\n return /*#__PURE__*/e.createElement(\"div\", {\n className: o\n }, /*#__PURE__*/e.createElement(m, {\n onMove: function (e) {\n n({\n h: 360 * e.left\n });\n },\n onKey: function (e) {\n n({\n h: s(t + 360 * e.left, 0, 360)\n });\n },\n \"aria-label\": \"Hue\",\n \"aria-valuenow\": b(t),\n \"aria-valuemax\": \"360\",\n \"aria-valuemin\": \"0\"\n }, /*#__PURE__*/e.createElement(p, {\n className: \"react-colorful__hue-pointer\",\n left: t / 360,\n color: q({\n h: t,\n s: 100,\n v: 100,\n a: 1\n })\n })));\n }),\n T = /*#__PURE__*/e.memo(function (r) {\n var t = r.hsva,\n n = r.onChange,\n o = {\n backgroundColor: q({\n h: t.h,\n s: 100,\n v: 100,\n a: 1\n })\n };\n return /*#__PURE__*/e.createElement(\"div\", {\n className: \"react-colorful__saturation\",\n style: o\n }, /*#__PURE__*/e.createElement(m, {\n onMove: function (e) {\n n({\n s: 100 * e.left,\n v: 100 - 100 * e.top\n });\n },\n onKey: function (e) {\n n({\n s: s(t.s + 100 * e.left, 0, 100),\n v: s(t.v - 100 * e.top, 0, 100)\n });\n },\n \"aria-label\": \"Color\",\n \"aria-valuetext\": \"Saturation \" + b(t.s) + \"%, Brightness \" + b(t.v) + \"%\"\n }, /*#__PURE__*/e.createElement(p, {\n className: \"react-colorful__saturation-pointer\",\n top: 1 - t.v / 100,\n left: t.s / 100,\n color: q(t)\n })));\n }),\n F = function (e, r) {\n if (e === r) return !0;\n for (var t in e) if (e[t] !== r[t]) return !1;\n return !0;\n },\n P = function (e, r) {\n return e.replace(/\\s/g, \"\") === r.replace(/\\s/g, \"\");\n },\n X = function (e, r) {\n return e.toLowerCase() === r.toLowerCase() || F(C(e), C(r));\n };\nfunction Y(e, t, l) {\n var u = i(l),\n c = o(function () {\n return e.toHsva(t);\n }),\n s = c[0],\n f = c[1],\n v = r({\n color: t,\n hsva: s\n });\n n(function () {\n if (!e.equal(t, v.current.color)) {\n var r = e.toHsva(t);\n v.current = {\n hsva: r,\n color: t\n }, f(r);\n }\n }, [t, e]), n(function () {\n var r;\n F(s, v.current.hsva) || e.equal(r = e.fromHsva(s), v.current.color) || (v.current = {\n hsva: s,\n color: r\n }, u(r));\n }, [s, e, u]);\n var d = a(function (e) {\n f(function (r) {\n return Object.assign({}, r, e);\n });\n }, []);\n return [s, d];\n}\nvar R,\n V = \"undefined\" != typeof window ? l : n,\n $ = function () {\n return R || (\"undefined\" != typeof __webpack_nonce__ ? __webpack_nonce__ : void 0);\n },\n G = function (e) {\n R = e;\n },\n J = new Map(),\n Q = function (e) {\n V(function () {\n var r = e.current ? e.current.ownerDocument : document;\n if (void 0 !== r && !J.has(r)) {\n var t = r.createElement(\"style\");\n t.innerHTML = '.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:\"\";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\\'data:image/svg+xml;charset=utf-8,\\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}', J.set(r, t);\n var n = $();\n n && t.setAttribute(\"nonce\", n), r.head.appendChild(t);\n }\n }, []);\n },\n U = function (t) {\n var n = t.className,\n o = t.colorModel,\n a = t.color,\n l = void 0 === a ? o.defaultColor : a,\n i = t.onChange,\n s = c(t, [\"className\", \"colorModel\", \"color\", \"onChange\"]),\n f = r(null);\n Q(f);\n var v = Y(o, l, i),\n d = v[0],\n h = v[1],\n m = g([\"react-colorful\", n]);\n return /*#__PURE__*/e.createElement(\"div\", u({}, s, {\n ref: f,\n className: m\n }), /*#__PURE__*/e.createElement(T, {\n hsva: d,\n onChange: h\n }), /*#__PURE__*/e.createElement(S, {\n hue: d.h,\n onChange: h,\n className: \"react-colorful__last-control\"\n }));\n },\n W = {\n defaultColor: \"000\",\n toHsva: x,\n fromHsva: function (e) {\n return w({\n h: e.h,\n s: e.s,\n v: e.v,\n a: 1\n });\n },\n equal: X\n },\n Z = function (r) {\n return /*#__PURE__*/e.createElement(U, u({}, r, {\n colorModel: W\n }));\n },\n ee = function (r) {\n var t = r.className,\n n = r.hsva,\n o = r.onChange,\n a = {\n backgroundImage: \"linear-gradient(90deg, \" + k(Object.assign({}, n, {\n a: 0\n })) + \", \" + k(Object.assign({}, n, {\n a: 1\n })) + \")\"\n },\n l = g([\"react-colorful__alpha\", t]),\n u = b(100 * n.a);\n return /*#__PURE__*/e.createElement(\"div\", {\n className: l\n }, /*#__PURE__*/e.createElement(\"div\", {\n className: \"react-colorful__alpha-gradient\",\n style: a\n }), /*#__PURE__*/e.createElement(m, {\n onMove: function (e) {\n o({\n a: e.left\n });\n },\n onKey: function (e) {\n o({\n a: s(n.a + e.left)\n });\n },\n \"aria-label\": \"Alpha\",\n \"aria-valuetext\": u + \"%\",\n \"aria-valuenow\": u,\n \"aria-valuemin\": \"0\",\n \"aria-valuemax\": \"100\"\n }, /*#__PURE__*/e.createElement(p, {\n className: \"react-colorful__alpha-pointer\",\n left: n.a,\n color: k(n)\n })));\n },\n re = function (t) {\n var n = t.className,\n o = t.colorModel,\n a = t.color,\n l = void 0 === a ? o.defaultColor : a,\n i = t.onChange,\n s = c(t, [\"className\", \"colorModel\", \"color\", \"onChange\"]),\n f = r(null);\n Q(f);\n var v = Y(o, l, i),\n d = v[0],\n h = v[1],\n m = g([\"react-colorful\", n]);\n return /*#__PURE__*/e.createElement(\"div\", u({}, s, {\n ref: f,\n className: m\n }), /*#__PURE__*/e.createElement(T, {\n hsva: d,\n onChange: h\n }), /*#__PURE__*/e.createElement(S, {\n hue: d.h,\n onChange: h\n }), /*#__PURE__*/e.createElement(ee, {\n hsva: d,\n onChange: h,\n className: \"react-colorful__last-control\"\n }));\n },\n te = {\n defaultColor: \"0001\",\n toHsva: x,\n fromHsva: w,\n equal: X\n },\n ne = function (r) {\n return /*#__PURE__*/e.createElement(re, u({}, r, {\n colorModel: te\n }));\n },\n oe = {\n defaultColor: {\n h: 0,\n s: 0,\n l: 0,\n a: 1\n },\n toHsva: N,\n fromHsva: y,\n equal: F\n },\n ae = function (r) {\n return /*#__PURE__*/e.createElement(re, u({}, r, {\n colorModel: oe\n }));\n },\n le = {\n defaultColor: \"hsla(0, 0%, 0%, 1)\",\n toHsva: H,\n fromHsva: k,\n equal: P\n },\n ue = function (r) {\n return /*#__PURE__*/e.createElement(re, u({}, r, {\n colorModel: le\n }));\n },\n ce = {\n defaultColor: {\n h: 0,\n s: 0,\n l: 0\n },\n toHsva: function (e) {\n return N({\n h: e.h,\n s: e.s,\n l: e.l,\n a: 1\n });\n },\n fromHsva: function (e) {\n return {\n h: (r = y(e)).h,\n s: r.s,\n l: r.l\n };\n var r;\n },\n equal: F\n },\n ie = function (r) {\n return /*#__PURE__*/e.createElement(U, u({}, r, {\n colorModel: ce\n }));\n },\n se = {\n defaultColor: \"hsl(0, 0%, 0%)\",\n toHsva: M,\n fromHsva: q,\n equal: P\n },\n fe = function (r) {\n return /*#__PURE__*/e.createElement(U, u({}, r, {\n colorModel: se\n }));\n },\n ve = {\n defaultColor: {\n h: 0,\n s: 0,\n v: 0,\n a: 1\n },\n toHsva: function (e) {\n return e;\n },\n fromHsva: A,\n equal: F\n },\n de = function (r) {\n return /*#__PURE__*/e.createElement(re, u({}, r, {\n colorModel: ve\n }));\n },\n he = {\n defaultColor: \"hsva(0, 0%, 0%, 1)\",\n toHsva: O,\n fromHsva: function (e) {\n var r = A(e);\n return \"hsva(\" + r.h + \", \" + r.s + \"%, \" + r.v + \"%, \" + r.a + \")\";\n },\n equal: P\n },\n me = function (r) {\n return /*#__PURE__*/e.createElement(re, u({}, r, {\n colorModel: he\n }));\n },\n ge = {\n defaultColor: {\n h: 0,\n s: 0,\n v: 0\n },\n toHsva: function (e) {\n return {\n h: e.h,\n s: e.s,\n v: e.v,\n a: 1\n };\n },\n fromHsva: function (e) {\n var r = A(e);\n return {\n h: r.h,\n s: r.s,\n v: r.v\n };\n },\n equal: F\n },\n pe = function (r) {\n return /*#__PURE__*/e.createElement(U, u({}, r, {\n colorModel: ge\n }));\n },\n be = {\n defaultColor: \"hsv(0, 0%, 0%)\",\n toHsva: j,\n fromHsva: function (e) {\n var r = A(e);\n return \"hsv(\" + r.h + \", \" + r.s + \"%, \" + r.v + \"%)\";\n },\n equal: P\n },\n _e = function (r) {\n return /*#__PURE__*/e.createElement(U, u({}, r, {\n colorModel: be\n }));\n },\n xe = {\n defaultColor: {\n r: 0,\n g: 0,\n b: 0,\n a: 1\n },\n toHsva: L,\n fromHsva: I,\n equal: F\n },\n Ce = function (r) {\n return /*#__PURE__*/e.createElement(re, u({}, r, {\n colorModel: xe\n }));\n },\n Ee = {\n defaultColor: \"rgba(0, 0, 0, 1)\",\n toHsva: z,\n fromHsva: function (e) {\n var r = I(e);\n return \"rgba(\" + r.r + \", \" + r.g + \", \" + r.b + \", \" + r.a + \")\";\n },\n equal: P\n },\n He = function (r) {\n return /*#__PURE__*/e.createElement(re, u({}, r, {\n colorModel: Ee\n }));\n },\n Me = {\n defaultColor: {\n r: 0,\n g: 0,\n b: 0\n },\n toHsva: function (e) {\n return L({\n r: e.r,\n g: e.g,\n b: e.b,\n a: 1\n });\n },\n fromHsva: function (e) {\n return {\n r: (r = I(e)).r,\n g: r.g,\n b: r.b\n };\n var r;\n },\n equal: F\n },\n Ne = function (r) {\n return /*#__PURE__*/e.createElement(U, u({}, r, {\n colorModel: Me\n }));\n },\n we = {\n defaultColor: \"rgb(0, 0, 0)\",\n toHsva: B,\n fromHsva: function (e) {\n var r = I(e);\n return \"rgb(\" + r.r + \", \" + r.g + \", \" + r.b + \")\";\n },\n equal: P\n },\n ye = function (r) {\n return /*#__PURE__*/e.createElement(U, u({}, r, {\n colorModel: we\n }));\n },\n qe = /^#?([0-9A-F]{3,8})$/i,\n ke = function (r) {\n var t = r.color,\n l = void 0 === t ? \"\" : t,\n s = r.onChange,\n f = r.onBlur,\n v = r.escape,\n d = r.validate,\n h = r.format,\n m = r.process,\n g = c(r, [\"color\", \"onChange\", \"onBlur\", \"escape\", \"validate\", \"format\", \"process\"]),\n p = o(function () {\n return v(l);\n }),\n b = p[0],\n _ = p[1],\n x = i(s),\n C = i(f),\n E = a(function (e) {\n var r = v(e.target.value);\n _(r), d(r) && x(m ? m(r) : r);\n }, [v, m, d, x]),\n H = a(function (e) {\n d(e.target.value) || _(v(l)), C(e);\n }, [l, v, d, C]);\n return n(function () {\n _(v(l));\n }, [l, v]), /*#__PURE__*/e.createElement(\"input\", u({}, g, {\n value: h ? h(b) : b,\n spellCheck: \"false\",\n onChange: E,\n onBlur: H\n }));\n },\n Ie = function (e) {\n return \"#\" + e;\n },\n Oe = function (r) {\n var t = r.prefixed,\n n = r.alpha,\n o = c(r, [\"prefixed\", \"alpha\"]),\n l = a(function (e) {\n return e.replace(/([^0-9A-F]+)/gi, \"\").substring(0, n ? 8 : 6);\n }, [n]),\n i = a(function (e) {\n return function (e, r) {\n var t = qe.exec(e),\n n = t ? t[1].length : 0;\n return 3 === n || 6 === n || !!r && 4 === n || !!r && 8 === n;\n }(e, n);\n }, [n]);\n return /*#__PURE__*/e.createElement(ke, u({}, o, {\n escape: l,\n format: t ? Ie : void 0,\n process: Ie,\n validate: i\n }));\n };\nexport { ne as HexAlphaColorPicker, Oe as HexColorInput, Z as HexColorPicker, ie as HslColorPicker, fe as HslStringColorPicker, ae as HslaColorPicker, ue as HslaStringColorPicker, pe as HsvColorPicker, _e as HsvStringColorPicker, de as HsvaColorPicker, me as HsvaStringColorPicker, Ne as RgbColorPicker, ye as RgbStringColorPicker, Ce as RgbaColorPicker, He as RgbaStringColorPicker, G as setNonce };","import React, {useState} from 'react';\nimport PropTypes from 'prop-types';\nimport { HexColorPicker, HexColorInput } from \"react-colorful\";\n\nconst ColorField = ({ fieldLabel, fieldName, fieldValue, customClass = '' }) => {\n const [color, setColor] = useState(fieldValue ? `#${fieldValue}` : '');\n const [focused, setFocused] = useState(false);\n\n const classes = `${customClass} focus:ring-primary focus:border-primary flex-1 block w-full rounded-none sm:text-sm border-gray-300 px-3 py-2 border border-gray-300`;\n\n const onFocus = () => setFocused(true)\n const onBlur = () => setFocused(false)\n\n const pickerClasses = `${focused ? '' : 'hidden'} absolute top-10 right-0 z-50`;\n \n return (\n \n \n
\n #\n \n {/*
\n \n
*/}\n \n
\n \n );\n};\n\nColorField.propTypes = {\n customClass: PropTypes.string,\n fieldLabel: PropTypes.string,\n fieldName: PropTypes.string,\n fieldValue: PropTypes.string,\n};\n\nexport default ColorField;","var g;\n\n// This works in non-strict mode\ng = function () {\n return this;\n}();\ntry {\n // This works if eval is allowed (see CSP)\n g = g || new Function(\"return this\")();\n} catch (e) {\n // This works if the window reference is available\n if (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;","// Assume className is simple and can be found at top-level (window).\n// Fallback to eval to handle cases like 'My.React.ComponentName'.\n// Also, try to gracefully import Babel 6 style default exports\nvar topLevel = typeof window === \"undefined\" ? this : window;\nmodule.exports = function (className) {\n var constructor;\n // Try to access the class globally first\n constructor = topLevel[className];\n\n // If that didn't work, try eval\n if (!constructor) {\n constructor = eval(className);\n }\n\n // Lastly, if there is a default attribute try that\n if (constructor && constructor['default']) {\n constructor = constructor['default'];\n }\n return constructor;\n};","// Load React components by requiring them from \"components/\", for example:\n//\n// - \"pages/index\" -> `require(\"components/pages/index\")`\n// - \"pages/show.Header\" -> `require(\"components/pages/show\").Header`\n// - \"pages/show.Body.Content\" -> `require(\"components/pages/show\").Body.Content`\n//\nmodule.exports = function (reqctx) {\n return function (className) {\n var parts = className.split(\".\");\n var filename = parts.shift();\n var keys = parts;\n // Load the module:\n var component = reqctx(\"./\" + filename);\n // Then access each key:\n keys.forEach(function (k) {\n component = component[k];\n });\n // support `export default`\n if (component.__esModule) {\n component = component[\"default\"];\n }\n return component;\n };\n};","import React from 'react';\n\nfunction TagsInput(props){\n const [allTags, setAllTags] = React.useState(props.allTags);\n\tconst [tags, setTags] = React.useState(props.currentTags);\n console.log('TAGS', tags);\n\tconst toggleTags = tag => {\n if (tags.includes(tag)) {\n setTags([...tags.filter((e) => e !== tag)]);\n } else {\n setTags([...tags, tag]);\n }\n\t};\n\tconst addTags = event => {\n event.stopPropagation();\n event.preventDefault();\n\t\tif (event.target.value !== \"\") {\n setAllTags([...allTags, event.target.value]);\n\t\t\tsetTags([...tags, event.target.value]);\n\t\t\tevent.target.value = \"\";\n\t\t}\n\t};\n\treturn (\n\t\t
\n )}\n {currentTab === 'modal' && (\n 
\n )}\n