@mieweb/forms-editor 0.1.6 → 0.1.7

package/dist/index.js

@@ -1,8 +1,8 @@
-import E, { useState as xe, useRef as er, useEffect as ee, useMemo as ie, useCallback as be } from "react";
-import { useFormStore as q, useFieldsArray as rr, useUIApi as H, EYECLOSED_ICON as Ar, EYEEDIT_ICON as Dr, PLUSSQUARE_ICON as Pr, DATALOG_ICON as Fr, X_ICON as $r, fieldTypes as le, useFormApi as tr, useVisibleFields as Lr, getFieldComponent as Mr } from "@mieweb/forms-engine";
-import { AnimatePresence as Wr, motion as K } from "framer-motion";
-import qr from "js-yaml";
-import './index.css';var pe = { exports: {} }, ae = {};
+import k, { useState as ne, useRef as er, useEffect as se, useMemo as ue, useCallback as ge } from "react";
+import { useFormStore as Y, useFieldsArray as rr, useUIApi as ee, adaptSchema as Ar, EYECLOSED_ICON as Dr, EYEEDIT_ICON as Pr, PLUSSQUARE_ICON as Fr, DATALOG_ICON as $r, X_ICON as Lr, fieldTypes as fe, useFormApi as tr, useVisibleFields as Mr, useUIStore as Ur, getFieldComponent as Wr } from "@mieweb/forms-engine";
+import { AnimatePresence as qr, motion as Z } from "framer-motion";
+import Yr from "js-yaml";
+var ve = { exports: {} }, ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,20 +13,20 @@ import './index.css';var pe = { exports: {} }, ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Je;
-function Ur() {
-  if (Je) return ae;
+function Vr() {
+  if (Je) return ce;
   Je = 1;
-  var t = E, n = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function m(o, u, g) {
-    var p, f = {}, x = null, k = null;
-    g !== void 0 && (x = "" + g), u.key !== void 0 && (x = "" + u.key), u.ref !== void 0 && (k = u.ref);
-    for (p in u) i.call(u, p) && !h.hasOwnProperty(p) && (f[p] = u[p]);
-    if (o && o.defaultProps) for (p in u = o.defaultProps, u) f[p] === void 0 && (f[p] = u[p]);
-    return { $$typeof: n, type: o, key: x, ref: k, props: f, _owner: c.current };
+  var t = k, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(o, d, w) {
+    var v, b = {}, x = null, C = null;
+    w !== void 0 && (x = "" + w), d.key !== void 0 && (x = "" + d.key), d.ref !== void 0 && (C = d.ref);
+    for (v in d) l.call(d, v) && !f.hasOwnProperty(v) && (b[v] = d[v]);
+    if (o && o.defaultProps) for (v in d = o.defaultProps, d) b[v] === void 0 && (b[v] = d[v]);
+    return { $$typeof: n, type: o, key: x, ref: C, props: b, _owner: c.current };
   }
-  return ae.Fragment = s, ae.jsx = m, ae.jsxs = m, ae;
+  return ce.Fragment = a, ce.jsx = m, ce.jsxs = m, ce;
 }
-var se = {};
+var de = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,90 +37,90 @@ var se = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ze;
-function Yr() {
+function Br() {
   return ze || (ze = 1, process.env.NODE_ENV !== "production" && (function() {
-    var t = E, n = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), o = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), v = Symbol.iterator, S = "@@iterator";
-    function N(e) {
+    var t = k, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), o = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), g = Symbol.iterator, O = "@@iterator";
+    function h(e) {
       if (e === null || typeof e != "object")
         return null;
-      var a = v && e[v] || e[S];
-      return typeof a == "function" ? a : null;
+      var s = g && e[g] || e[O];
+      return typeof s == "function" ? s : null;
     }
-    var L = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function _(e) {
+    var F = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function N(e) {
       {
-        for (var a = arguments.length, l = new Array(a > 1 ? a - 1 : 0), b = 1; b < a; b++)
-          l[b - 1] = arguments[b];
-        F("error", e, l);
+        for (var s = arguments.length, i = new Array(s > 1 ? s - 1 : 0), p = 1; p < s; p++)
+          i[p - 1] = arguments[p];
+        T("error", e, i);
       }
     }
-    function F(e, a, l) {
+    function T(e, s, i) {
       {
-        var b = L.ReactDebugCurrentFrame, C = b.getStackAddendum();
-        C !== "" && (a += "%s", l = l.concat([C]));
-        var T = l.map(function(w) {
-          return String(w);
+        var p = F.ReactDebugCurrentFrame, S = p.getStackAddendum();
+        S !== "" && (s += "%s", i = i.concat([S]));
+        var _ = i.map(function(E) {
+          return String(E);
         });
-        T.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, T);
+        _.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, _);
       }
     }
-    var O = !1, he = !1, ve = !1, ge = !1, X = !1, oe;
-    oe = Symbol.for("react.module.reference");
-    function J(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === h || X || e === c || e === g || e === p || ge || e === k || O || he || ve || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === f || e.$$typeof === m || e.$$typeof === o || e.$$typeof === u || // This needs to include all possible module reference object
+    var R = !1, A = !1, X = !1, ae = !1, G = !1, K;
+    K = Symbol.for("react.module.reference");
+    function W(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === l || e === f || G || e === c || e === w || e === v || ae || e === C || R || A || X || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === b || e.$$typeof === m || e.$$typeof === o || e.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === oe || e.getModuleId !== void 0));
+      e.$$typeof === K || e.getModuleId !== void 0));
     }
-    function ce(e, a, l) {
-      var b = e.displayName;
-      if (b)
-        return b;
-      var C = a.displayName || a.name || "";
-      return C !== "" ? l + "(" + C + ")" : l;
+    function me(e, s, i) {
+      var p = e.displayName;
+      if (p)
+        return p;
+      var S = s.displayName || s.name || "";
+      return S !== "" ? i + "(" + S + ")" : i;
     }
-    function re(e) {
+    function le(e) {
       return e.displayName || "Context";
     }
-    function B(e) {
+    function z(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && N("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case i:
+        case l:
           return "Fragment";
-        case s:
+        case a:
           return "Portal";
-        case h:
+        case f:
           return "Profiler";
         case c:
           return "StrictMode";
-        case g:
+        case w:
           return "Suspense";
-        case p:
+        case v:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case o:
-            var a = e;
-            return re(a) + ".Consumer";
+            var s = e;
+            return le(s) + ".Consumer";
           case m:
-            var l = e;
-            return re(l._context) + ".Provider";
-          case u:
-            return ce(e, e.render, "ForwardRef");
-          case f:
-            var b = e.displayName || null;
-            return b !== null ? b : B(e.type) || "Memo";
+            var i = e;
+            return le(i._context) + ".Provider";
+          case d:
+            return me(e, e.render, "ForwardRef");
+          case b:
+            var p = e.displayName || null;
+            return p !== null ? p : z(e.type) || "Memo";
           case x: {
-            var C = e, T = C._payload, w = C._init;
+            var S = e, _ = S._payload, E = S._init;
             try {
-              return B(w(T));
+              return z(E(_));
             } catch {
               return null;
             }
@@ -128,14 +128,14 @@ function Yr() {
         }
       return null;
     }
-    var d = Object.assign, R = 0, I, Y, A, U, y, z, te;
+    var u = Object.assign, I = 0, D, B, P, V, y, H, ie;
     function ye() {
     }
     ye.__reactDisabledLog = !0;
     function je() {
       {
-        if (R === 0) {
-          I = console.log, Y = console.info, A = console.warn, U = console.error, y = console.group, z = console.groupCollapsed, te = console.groupEnd;
+        if (I === 0) {
+          D = console.log, B = console.info, P = console.warn, V = console.error, y = console.group, H = console.groupCollapsed, ie = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -152,205 +152,205 @@ function Yr() {
             groupEnd: e
           });
         }
-        R++;
+        I++;
       }
     }
-    function lr() {
+    function ir() {
       {
-        if (R--, R === 0) {
+        if (I--, I === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: d({}, e, {
-              value: I
+            log: u({}, e, {
+              value: D
             }),
-            info: d({}, e, {
-              value: Y
+            info: u({}, e, {
+              value: B
             }),
-            warn: d({}, e, {
-              value: A
+            warn: u({}, e, {
+              value: P
             }),
-            error: d({}, e, {
-              value: U
+            error: u({}, e, {
+              value: V
             }),
-            group: d({}, e, {
+            group: u({}, e, {
               value: y
             }),
-            groupCollapsed: d({}, e, {
-              value: z
+            groupCollapsed: u({}, e, {
+              value: H
             }),
-            groupEnd: d({}, e, {
-              value: te
+            groupEnd: u({}, e, {
+              value: ie
             })
           });
         }
-        R < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        I < 0 && N("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var we = L.ReactCurrentDispatcher, Ee;
-    function de(e, a, l) {
+    var we = F.ReactCurrentDispatcher, Ee;
+    function pe(e, s, i) {
       {
         if (Ee === void 0)
           try {
             throw Error();
-          } catch (C) {
-            var b = C.stack.trim().match(/\n( *(at )?)/);
-            Ee = b && b[1] || "";
+          } catch (S) {
+            var p = S.stack.trim().match(/\n( *(at )?)/);
+            Ee = p && p[1] || "";
           }
         return `
 ` + Ee + e;
       }
     }
-    var ke = !1, ue;
+    var Ne = !1, be;
     {
       var or = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new or();
+      be = new or();
     }
-    function Ie(e, a) {
-      if (!e || ke)
+    function _e(e, s) {
+      if (!e || Ne)
         return "";
       {
-        var l = ue.get(e);
-        if (l !== void 0)
-          return l;
+        var i = be.get(e);
+        if (i !== void 0)
+          return i;
       }
-      var b;
-      ke = !0;
-      var C = Error.prepareStackTrace;
+      var p;
+      Ne = !0;
+      var S = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var T;
-      T = we.current, we.current = null, je();
+      var _;
+      _ = we.current, we.current = null, je();
       try {
-        if (a) {
-          var w = function() {
+        if (s) {
+          var E = function() {
             throw Error();
           };
-          if (Object.defineProperty(w.prototype, "props", {
+          if (Object.defineProperty(E.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(w, []);
-            } catch (W) {
-              b = W;
+              Reflect.construct(E, []);
+            } catch (q) {
+              p = q;
             }
-            Reflect.construct(e, [], w);
+            Reflect.construct(e, [], E);
           } else {
             try {
-              w.call();
-            } catch (W) {
-              b = W;
+              E.call();
+            } catch (q) {
+              p = q;
             }
-            e.call(w.prototype);
+            e.call(E.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (W) {
-            b = W;
+          } catch (q) {
+            p = q;
           }
           e();
         }
-      } catch (W) {
-        if (W && b && typeof W.stack == "string") {
-          for (var j = W.stack.split(`
-`), M = b.stack.split(`
-`), D = j.length - 1, P = M.length - 1; D >= 1 && P >= 0 && j[D] !== M[P]; )
-            P--;
-          for (; D >= 1 && P >= 0; D--, P--)
-            if (j[D] !== M[P]) {
-              if (D !== 1 || P !== 1)
+      } catch (q) {
+        if (q && p && typeof q.stack == "string") {
+          for (var j = q.stack.split(`
+`), U = p.stack.split(`
+`), $ = j.length - 1, L = U.length - 1; $ >= 1 && L >= 0 && j[$] !== U[L]; )
+            L--;
+          for (; $ >= 1 && L >= 0; $--, L--)
+            if (j[$] !== U[L]) {
+              if ($ !== 1 || L !== 1)
                 do
-                  if (D--, P--, P < 0 || j[D] !== M[P]) {
-                    var V = `
-` + j[D].replace(" at new ", " at ");
-                    return e.displayName && V.includes("<anonymous>") && (V = V.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, V), V;
+                  if ($--, L--, L < 0 || j[$] !== U[L]) {
+                    var J = `
+` + j[$].replace(" at new ", " at ");
+                    return e.displayName && J.includes("<anonymous>") && (J = J.replace("<anonymous>", e.displayName)), typeof e == "function" && be.set(e, J), J;
                   }
-                while (D >= 1 && P >= 0);
+                while ($ >= 1 && L >= 0);
               break;
             }
         }
       } finally {
-        ke = !1, we.current = T, lr(), Error.prepareStackTrace = C;
+        Ne = !1, we.current = _, ir(), Error.prepareStackTrace = S;
       }
-      var Z = e ? e.displayName || e.name : "", G = Z ? de(Z) : "";
-      return typeof e == "function" && ue.set(e, G), G;
+      var te = e ? e.displayName || e.name : "", Q = te ? pe(te) : "";
+      return typeof e == "function" && be.set(e, Q), Q;
     }
-    function cr(e, a, l) {
-      return Ie(e, !1);
+    function cr(e, s, i) {
+      return _e(e, !1);
     }
     function dr(e) {
-      var a = e.prototype;
-      return !!(a && a.isReactComponent);
+      var s = e.prototype;
+      return !!(s && s.isReactComponent);
     }
-    function fe(e, a, l) {
+    function he(e, s, i) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ie(e, dr(e));
+        return _e(e, dr(e));
       if (typeof e == "string")
-        return de(e);
+        return pe(e);
       switch (e) {
-        case g:
-          return de("Suspense");
-        case p:
-          return de("SuspenseList");
+        case w:
+          return pe("Suspense");
+        case v:
+          return pe("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case u:
+          case d:
             return cr(e.render);
-          case f:
-            return fe(e.type, a, l);
+          case b:
+            return he(e.type, s, i);
           case x: {
-            var b = e, C = b._payload, T = b._init;
+            var p = e, S = p._payload, _ = p._init;
             try {
-              return fe(T(C), a, l);
+              return he(_(S), s, i);
             } catch {
             }
           }
         }
       return "";
     }
-    var ne = Object.prototype.hasOwnProperty, Oe = {}, Ae = L.ReactDebugCurrentFrame;
-    function me(e) {
+    var oe = Object.prototype.hasOwnProperty, Oe = {}, Ae = F.ReactDebugCurrentFrame;
+    function xe(e) {
       if (e) {
-        var a = e._owner, l = fe(e.type, e._source, a ? a.type : null);
-        Ae.setExtraStackFrame(l);
+        var s = e._owner, i = he(e.type, e._source, s ? s.type : null);
+        Ae.setExtraStackFrame(i);
       } else
         Ae.setExtraStackFrame(null);
     }
-    function ur(e, a, l, b, C) {
+    function ur(e, s, i, p, S) {
       {
-        var T = Function.call.bind(ne);
-        for (var w in e)
-          if (T(e, w)) {
+        var _ = Function.call.bind(oe);
+        for (var E in e)
+          if (_(e, E)) {
             var j = void 0;
             try {
-              if (typeof e[w] != "function") {
-                var M = Error((b || "React class") + ": " + l + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw M.name = "Invariant Violation", M;
+              if (typeof e[E] != "function") {
+                var U = Error((p || "React class") + ": " + i + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw U.name = "Invariant Violation", U;
               }
-              j = e[w](a, w, b, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              j = D;
+              j = e[E](s, E, p, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch ($) {
+              j = $;
             }
-            j && !(j instanceof Error) && (me(C), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", l, w, typeof j), me(null)), j instanceof Error && !(j.message in Oe) && (Oe[j.message] = !0, me(C), _("Failed %s type: %s", l, j.message), me(null));
+            j && !(j instanceof Error) && (xe(S), N("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", i, E, typeof j), xe(null)), j instanceof Error && !(j.message in Oe) && (Oe[j.message] = !0, xe(S), N("Failed %s type: %s", i, j.message), xe(null));
           }
       }
     }
     var fr = Array.isArray;
-    function Ne(e) {
+    function ke(e) {
       return fr(e);
     }
     function mr(e) {
       {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, l = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return l;
+        var s = typeof Symbol == "function" && Symbol.toStringTag, i = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return i;
       }
     }
     function pr(e) {
@@ -365,66 +365,66 @@ function Yr() {
     }
     function Pe(e) {
       if (pr(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", mr(e)), De(e);
+        return N("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", mr(e)), De(e);
     }
-    var Fe = L.ReactCurrentOwner, br = {
+    var Fe = F.ReactCurrentOwner, br = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, $e, Le;
-    function xr(e) {
-      if (ne.call(e, "ref")) {
-        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (a && a.isReactWarning)
+    function hr(e) {
+      if (oe.call(e, "ref")) {
+        var s = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (s && s.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function hr(e) {
-      if (ne.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (a && a.isReactWarning)
+    function xr(e) {
+      if (oe.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function vr(e, a) {
+    function vr(e, s) {
       typeof e.ref == "string" && Fe.current;
     }
-    function gr(e, a) {
+    function gr(e, s) {
       {
-        var l = function() {
-          $e || ($e = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+        var i = function() {
+          $e || ($e = !0, N("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        l.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: l,
+        i.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: i,
           configurable: !0
         });
       }
     }
-    function yr(e, a) {
+    function yr(e, s) {
       {
-        var l = function() {
-          Le || (Le = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+        var i = function() {
+          Le || (Le = !0, N("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: l,
+        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: i,
           configurable: !0
         });
       }
     }
-    var jr = function(e, a, l, b, C, T, w) {
+    var jr = function(e, s, i, p, S, _, E) {
       var j = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
         type: e,
-        key: a,
-        ref: l,
-        props: w,
+        key: s,
+        ref: i,
+        props: E,
         // Record the component responsible for creating this element.
-        _owner: T
+        _owner: _
       };
       return j._store = {}, Object.defineProperty(j._store, "validated", {
         configurable: !1,
@@ -435,49 +435,49 @@ function Yr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: b
+        value: p
       }), Object.defineProperty(j, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: C
+        value: S
       }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function wr(e, a, l, b, C) {
+    function wr(e, s, i, p, S) {
       {
-        var T, w = {}, j = null, M = null;
-        l !== void 0 && (Pe(l), j = "" + l), hr(a) && (Pe(a.key), j = "" + a.key), xr(a) && (M = a.ref, vr(a, C));
-        for (T in a)
-          ne.call(a, T) && !br.hasOwnProperty(T) && (w[T] = a[T]);
+        var _, E = {}, j = null, U = null;
+        i !== void 0 && (Pe(i), j = "" + i), xr(s) && (Pe(s.key), j = "" + s.key), hr(s) && (U = s.ref, vr(s, S));
+        for (_ in s)
+          oe.call(s, _) && !br.hasOwnProperty(_) && (E[_] = s[_]);
         if (e && e.defaultProps) {
-          var D = e.defaultProps;
-          for (T in D)
-            w[T] === void 0 && (w[T] = D[T]);
+          var $ = e.defaultProps;
+          for (_ in $)
+            E[_] === void 0 && (E[_] = $[_]);
         }
-        if (j || M) {
-          var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          j && gr(w, P), M && yr(w, P);
+        if (j || U) {
+          var L = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          j && gr(E, L), U && yr(E, L);
         }
-        return jr(e, j, M, C, b, Fe.current, w);
+        return jr(e, j, U, S, p, Fe.current, E);
       }
     }
-    var Ce = L.ReactCurrentOwner, Me = L.ReactDebugCurrentFrame;
-    function Q(e) {
+    var Ce = F.ReactCurrentOwner, Me = F.ReactDebugCurrentFrame;
+    function re(e) {
       if (e) {
-        var a = e._owner, l = fe(e.type, e._source, a ? a.type : null);
-        Me.setExtraStackFrame(l);
+        var s = e._owner, i = he(e.type, e._source, s ? s.type : null);
+        Me.setExtraStackFrame(i);
       } else
         Me.setExtraStackFrame(null);
     }
-    var Re;
-    Re = !1;
-    function Te(e) {
+    var Se;
+    Se = !1;
+    function Re(e) {
       return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function We() {
+    function Ue() {
       {
         if (Ce.current) {
-          var e = B(Ce.current.type);
+          var e = z(Ce.current.type);
           if (e)
             return `
 
@@ -489,187 +489,187 @@ Check the render method of \`` + e + "`.";
     function Er(e) {
       return "";
     }
-    var qe = {};
-    function kr(e) {
+    var We = {};
+    function Nr(e) {
       {
-        var a = We();
-        if (!a) {
-          var l = typeof e == "string" ? e : e.displayName || e.name;
-          l && (a = `
+        var s = Ue();
+        if (!s) {
+          var i = typeof e == "string" ? e : e.displayName || e.name;
+          i && (s = `
 
-Check the top-level render call using <` + l + ">.");
+Check the top-level render call using <` + i + ">.");
         }
-        return a;
+        return s;
       }
     }
-    function Ue(e, a) {
+    function qe(e, s) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = kr(a);
-        if (qe[l])
+        var i = Nr(s);
+        if (We[i])
           return;
-        qe[l] = !0;
-        var b = "";
-        e && e._owner && e._owner !== Ce.current && (b = " It was passed a child from " + B(e._owner.type) + "."), Q(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, b), Q(null);
+        We[i] = !0;
+        var p = "";
+        e && e._owner && e._owner !== Ce.current && (p = " It was passed a child from " + z(e._owner.type) + "."), re(e), N('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, p), re(null);
       }
     }
-    function Ye(e, a) {
+    function Ye(e, s) {
       {
         if (typeof e != "object")
           return;
-        if (Ne(e))
-          for (var l = 0; l < e.length; l++) {
-            var b = e[l];
-            Te(b) && Ue(b, a);
+        if (ke(e))
+          for (var i = 0; i < e.length; i++) {
+            var p = e[i];
+            Re(p) && qe(p, s);
           }
-        else if (Te(e))
+        else if (Re(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var C = N(e);
-          if (typeof C == "function" && C !== e.entries)
-            for (var T = C.call(e), w; !(w = T.next()).done; )
-              Te(w.value) && Ue(w.value, a);
+          var S = h(e);
+          if (typeof S == "function" && S !== e.entries)
+            for (var _ = S.call(e), E; !(E = _.next()).done; )
+              Re(E.value) && qe(E.value, s);
         }
       }
     }
-    function Nr(e) {
+    function kr(e) {
       {
-        var a = e.type;
-        if (a == null || typeof a == "string")
+        var s = e.type;
+        if (s == null || typeof s == "string")
           return;
-        var l;
-        if (typeof a == "function")
-          l = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === u || // Note: Memo only checks outer props here.
+        var i;
+        if (typeof s == "function")
+          i = s.propTypes;
+        else if (typeof s == "object" && (s.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        a.$$typeof === f))
-          l = a.propTypes;
+        s.$$typeof === b))
+          i = s.propTypes;
         else
           return;
-        if (l) {
-          var b = B(a);
-          ur(l, e.props, "prop", b, e);
-        } else if (a.PropTypes !== void 0 && !Re) {
-          Re = !0;
-          var C = B(a);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
+        if (i) {
+          var p = z(s);
+          ur(i, e.props, "prop", p, e);
+        } else if (s.PropTypes !== void 0 && !Se) {
+          Se = !0;
+          var S = z(s);
+          N("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
         }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && N("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Cr(e) {
       {
-        for (var a = Object.keys(e.props), l = 0; l < a.length; l++) {
-          var b = a[l];
-          if (b !== "children" && b !== "key") {
-            Q(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), Q(null);
+        for (var s = Object.keys(e.props), i = 0; i < s.length; i++) {
+          var p = s[i];
+          if (p !== "children" && p !== "key") {
+            re(e), N("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), re(null);
             break;
           }
         }
-        e.ref !== null && (Q(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
+        e.ref !== null && (re(e), N("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
       }
     }
     var Ve = {};
-    function Be(e, a, l, b, C, T) {
+    function Be(e, s, i, p, S, _) {
       {
-        var w = J(e);
-        if (!w) {
+        var E = W(e);
+        if (!E) {
           var j = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (j += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var M = Er();
-          M ? j += M : j += We();
-          var D;
-          e === null ? D = "null" : Ne(e) ? D = "array" : e !== void 0 && e.$$typeof === n ? (D = "<" + (B(e.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, j);
+          var U = Er();
+          U ? j += U : j += Ue();
+          var $;
+          e === null ? $ = "null" : ke(e) ? $ = "array" : e !== void 0 && e.$$typeof === n ? ($ = "<" + (z(e.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof e, N("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, j);
         }
-        var P = wr(e, a, l, C, T);
-        if (P == null)
-          return P;
-        if (w) {
-          var V = a.children;
-          if (V !== void 0)
-            if (b)
-              if (Ne(V)) {
-                for (var Z = 0; Z < V.length; Z++)
-                  Ye(V[Z], e);
-                Object.freeze && Object.freeze(V);
+        var L = wr(e, s, i, S, _);
+        if (L == null)
+          return L;
+        if (E) {
+          var J = s.children;
+          if (J !== void 0)
+            if (p)
+              if (ke(J)) {
+                for (var te = 0; te < J.length; te++)
+                  Ye(J[te], e);
+                Object.freeze && Object.freeze(J);
               } else
-                _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                N("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Ye(V, e);
+              Ye(J, e);
         }
-        if (ne.call(a, "key")) {
-          var G = B(e), W = Object.keys(a).filter(function(Or) {
+        if (oe.call(s, "key")) {
+          var Q = z(e), q = Object.keys(s).filter(function(Or) {
             return Or !== "key";
-          }), Se = W.length > 0 ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ve[G + Se]) {
-            var Ir = W.length > 0 ? "{" + W.join(": ..., ") + ": ...}" : "{}";
-            _(`A props object containing a "key" prop is being spread into JSX:
+          }), Te = q.length > 0 ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ve[Q + Te]) {
+            var _r = q.length > 0 ? "{" + q.join(": ..., ") + ": ...}" : "{}";
+            N(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Se, G, Ir, G), Ve[G + Se] = !0;
+  <%s key={someKey} {...props} />`, Te, Q, _r, Q), Ve[Q + Te] = !0;
           }
         }
-        return e === i ? Cr(P) : Nr(P), P;
+        return e === l ? Cr(L) : kr(L), L;
       }
     }
-    function Rr(e, a, l) {
-      return Be(e, a, l, !0);
+    function Sr(e, s, i) {
+      return Be(e, s, i, !0);
     }
-    function Tr(e, a, l) {
-      return Be(e, a, l, !1);
+    function Rr(e, s, i) {
+      return Be(e, s, i, !1);
     }
-    var Sr = Tr, _r = Rr;
-    se.Fragment = i, se.jsx = Sr, se.jsxs = _r;
-  })()), se;
+    var Tr = Rr, Ir = Sr;
+    de.Fragment = l, de.jsx = Tr, de.jsxs = Ir;
+  })()), de;
 }
 var Ge;
-function Vr() {
-  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? pe.exports = Ur() : pe.exports = Yr()), pe.exports;
+function Jr() {
+  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? ve.exports = Vr() : ve.exports = Br()), ve.exports;
 }
-var r = Vr();
+var r = Jr();
 function nr({
   open: t,
   onClose: n,
-  data: s,
-  title: i = "Data Viewer",
+  data: a,
+  title: l = "Data Viewer",
   placement: c = "center",
   // "center" | "bottom"
-  pretty: h = 2,
+  pretty: f = 2,
   defaultMode: m = "yaml",
   // "json" | "yaml"
   fileBaseName: o = "form-data",
-  contentClassName: u = ""
+  contentClassName: d = ""
 }) {
-  const g = c === "center", [p, f] = E.useState(m === "yaml" ? "yaml" : "json"), x = E.useMemo(() => {
-    const N = Math.max(2, h | 0);
+  const w = c === "center", [v, b] = k.useState(m === "yaml" ? "yaml" : "json"), x = k.useMemo(() => {
+    const h = Math.max(2, f | 0);
     try {
-      return p === "yaml" ? qr.dump(s ?? {}, {
-        indent: N,
+      return v === "yaml" ? Yr.dump(a ?? {}, {
+        indent: h,
         lineWidth: 80,
         noRefs: !0,
         forceQuotes: !0,
         skipInvalid: !0
-      }) : JSON.stringify(s ?? {}, null, N);
+      }) : JSON.stringify(a ?? {}, null, h);
     } catch {
-      return p === "yaml" ? "# Failed to render YAML" : String(s);
+      return v === "yaml" ? "# Failed to render YAML" : String(a);
     }
-  }, [s, p, h]), k = (N) => N.stopPropagation(), v = (N) => {
-    k(N);
-    const L = p === "yaml", _ = new Blob([x], { type: L ? "text/yaml" : "application/json" }), F = URL.createObjectURL(_), O = document.createElement("a");
-    O.href = F, O.download = `${o}.${L ? "yml" : "json"}`, O.click(), URL.revokeObjectURL(F);
-  }, S = async (N) => {
-    k(N);
+  }, [a, v, f]), C = (h) => h.stopPropagation(), g = (h) => {
+    C(h);
+    const F = v === "yaml", N = new Blob([x], { type: F ? "text/yaml" : "application/json" }), T = URL.createObjectURL(N), R = document.createElement("a");
+    R.href = T, R.download = `${o}.${F ? "yml" : "json"}`, R.click(), URL.revokeObjectURL(T);
+  }, O = async (h) => {
+    C(h);
     try {
       await navigator.clipboard.writeText(x);
     } catch {
     }
   };
-  return /* @__PURE__ */ r.jsx(Wr, { children: t && /* @__PURE__ */ r.jsx(
-    K.div,
+  return /* @__PURE__ */ r.jsx(qr, { children: t && /* @__PURE__ */ r.jsx(
+    Z.div,
     {
       className: "fixed inset-0 z-[60] flex items-center justify-center",
       initial: { opacity: 0 },
@@ -679,20 +679,20 @@ function nr({
       "aria-modal": "true",
       role: "dialog",
       children: /* @__PURE__ */ r.jsx("div", { className: "w-full h-full flex items-end sm:items-center justify-center sm:max-w-4xl", children: /* @__PURE__ */ r.jsxs(
-        K.div,
+        Z.div,
         {
-          onMouseDown: k,
-          initial: { y: g ? 20 : "100%", opacity: g ? 0 : 1, scale: g ? 0.98 : 1 },
+          onMouseDown: C,
+          initial: { y: w ? 20 : "100%", opacity: w ? 0 : 1, scale: w ? 0.98 : 1 },
           animate: { y: 0, opacity: 1, scale: 1 },
-          exit: { y: g ? 20 : "100%", opacity: g ? 0 : 1, scale: g ? 0.98 : 1 },
+          exit: { y: w ? 20 : "100%", opacity: w ? 0 : 1, scale: w ? 0.98 : 1 },
           transition: { type: "spring", stiffness: 160, damping: 20 },
-          className: g ? "w-full sm:max-w-2xl sm:rounded-2xl rounded-t-2xl bg-white shadow-lg border border-black/10 max-h-[80vh] overflow-hidden" : "w-full mx-auto bg-black/5 border border-black/15 px-6 py-4 rounded-2xl backdrop-blur-xl overflow-hidden",
+          className: w ? "w-full sm:max-w-2xl sm:rounded-2xl rounded-t-2xl bg-white shadow-lg border border-black/10 max-h-[80vh] overflow-hidden" : "w-full mx-auto bg-black/5 border border-black/15 px-6 py-4 rounded-2xl backdrop-blur-xl overflow-hidden",
           children: [
-            /* @__PURE__ */ r.jsxs("div", { className: `flex items-center justify-between ${g ? "px-4 py-3 border-b border-black/10" : ""}`, children: [
+            /* @__PURE__ */ r.jsxs("div", { className: `flex items-center justify-between ${w ? "px-4 py-3 border-b border-black/10" : ""}`, children: [
               /* @__PURE__ */ r.jsxs("h3", { className: "font-semibold", children: [
-                i,
+                l,
                 " (",
-                p.toUpperCase(),
+                v.toUpperCase(),
                 ")"
               ] }),
               /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -700,10 +700,10 @@ function nr({
                   /* @__PURE__ */ r.jsx(
                     "button",
                     {
-                      className: `px-3 py-1 text-sm ${p === "yaml" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
-                      "aria-pressed": p === "yaml",
-                      onClick: (N) => {
-                        k(N), f("yaml");
+                      className: `px-3 py-1 text-sm ${v === "yaml" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
+                      "aria-pressed": v === "yaml",
+                      onClick: (h) => {
+                        C(h), b("yaml");
                       },
                       children: "YAML"
                     }
@@ -711,49 +711,82 @@ function nr({
                   /* @__PURE__ */ r.jsx(
                     "button",
                     {
-                      className: `px-3 py-1 text-sm ${p === "json" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
-                      "aria-pressed": p === "json",
-                      onClick: (N) => {
-                        k(N), f("json");
+                      className: `px-3 py-1 text-sm ${v === "json" ? "bg-black/6" : "bg-gray-200 hover:bg-black/5"}`,
+                      "aria-pressed": v === "json",
+                      onClick: (h) => {
+                        C(h), b("json");
                       },
                       children: "JSON"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ r.jsx("button", { className: "px-3 py-1 rounded-lg border border-black/10 hover:bg-black/5 text-sm", onClick: S, children: "Copy" }),
-                /* @__PURE__ */ r.jsx("button", { className: "px-3 py-1 rounded-lg border border-black/10 hover:bg-black/5 text-sm", onClick: v, children: "Download" }),
+                /* @__PURE__ */ r.jsx("button", { className: "px-3 py-1 rounded-lg border border-black/10 hover:bg-black/5 text-sm", onClick: O, children: "Copy" }),
+                /* @__PURE__ */ r.jsx("button", { className: "px-3 py-1 rounded-lg border border-black/10 hover:bg-black/5 text-sm", onClick: g, children: "Download" }),
                 /* @__PURE__ */ r.jsx(
                   "button",
                   {
                     className: "px-3 py-1 rounded-lg border border-black/10 hover:bg-black/5 text-sm",
-                    onClick: (N) => {
-                      k(N), n == null || n();
+                    onClick: (h) => {
+                      C(h), n == null || n();
                     },
                     children: "Close"
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ r.jsx("div", { className: g ? `p-4 overflow-auto max-h-[70vh] ${u}` : `mt-2 p-2 rounded-lg overflow-y-auto max-h-96 ${u}`, children: /* @__PURE__ */ r.jsx("pre", { className: "whitespace-pre-wrap break-words text-sm text-gray-700", children: x }) })
+            /* @__PURE__ */ r.jsx("div", { className: w ? `p-4 overflow-auto max-h-[70vh] ${d}` : `mt-2 p-2 rounded-lg overflow-y-auto max-h-96 ${d}`, children: /* @__PURE__ */ r.jsx("pre", { className: "whitespace-pre-wrap break-words text-sm text-gray-700", children: x }) })
           ]
         }
       ) })
     }
   ) });
 }
-function Br() {
-  const [t, n] = xe(!1), s = q((g) => g.replaceAll), i = rr(), c = H(), h = c.state.isPreview, m = (g) => {
+function zr() {
+  const [t, n] = ne(!1), [a, l] = ne(!1), [c, f] = ne(null), m = Y((h) => h.replaceAll), o = rr(), d = ee(), w = d.state.isPreview, v = (h, F) => {
     try {
-      const p = String(g).replace(/^\uFEFF/, "").trim(), f = JSON.parse(p), x = Array.isArray(f) ? f : f == null ? void 0 : f.fields;
-      if (!Array.isArray(x)) throw new Error("Expected [] or { fields: [] }");
-      s(x), c.selectedFieldId.clear(), c.preview.set(!1);
-    } catch (p) {
-      alert((p == null ? void 0 : p.message) || "Invalid JSON format");
+      const N = String(h).replace(/^\uFEFF/, "").trim(), T = JSON.parse(N);
+      let R, A = null;
+      if (F === "surveyjs") {
+        const X = Ar(T, "surveyjs");
+        if (R = X.fields || X, A = X.conversionReport, A) {
+          d.setConversionReport(A), console.log("[Editor] SurveyJS schema converted:", {
+            totalElements: A.totalElements,
+            convertedFields: A.convertedFields,
+            droppedFields: A.droppedFields.length,
+            warnings: A.warnings.length
+          });
+          const ae = [
+            `✅ Converted ${A.convertedFields} of ${A.totalElements} fields`,
+            A.droppedFields.length > 0 ? `⚠️ Dropped ${A.droppedFields.length} unsupported fields` : null,
+            A.warnings.length > 0 ? `⚠️ ${A.warnings.length} conversion warnings (check console)` : null
+          ].filter(Boolean).join(`
+`);
+          if (alert(`SurveyJS Import Complete:
+
+${ae}`), A.warnings.length > 0) {
+            const G = A.warnings.filter((W) => W.impact === "high"), K = A.warnings.filter((W) => W.impact === "medium");
+            G.length > 0 && console.warn(`⚠️ HIGH IMPACT (${G.length}):`, G), K.length > 0 && console.warn(`⚠️ MEDIUM IMPACT (${K.length}):`, K);
+          }
+          A.droppedFields.length > 0 && console.error("❌ DROPPED FIELDS:", A.droppedFields);
+        }
+      } else
+        R = Array.isArray(T) ? T : T == null ? void 0 : T.fields;
+      if (!Array.isArray(R))
+        throw new Error("Expected array of fields or { fields: [] }");
+      m(R), d.selectedFieldId.clear(), d.preview.set(!1);
+    } catch (N) {
+      alert((N == null ? void 0 : N.message) || "Invalid JSON format");
     }
-  }, o = () => {
-    c.preview.set(!0), c.selectedFieldId.clear();
-  }, u = () => {
-    c.preview.set(!1);
+  }, b = (h) => {
+    f(h), l(!0);
+  }, x = (h) => {
+    c && v(c, h), l(!1), f(null);
+  }, C = () => {
+    l(!1), f(null);
+  }, g = () => {
+    d.preview.set(!0), d.selectedFieldId.clear();
+  }, O = () => {
+    d.preview.set(!1);
   };
   return /* @__PURE__ */ r.jsxs("header", { className: "sticky top-0 z-49 bg-transparent mx-auto", children: [
     /* @__PURE__ */ r.jsxs("div", { className: "py-6 text-center", children: [
@@ -765,16 +798,16 @@ function Br() {
         /* @__PURE__ */ r.jsx(
           "button",
           {
-            className: `py-3 rounded-xl text-sm font-medium ${h ? "" : "bg-black/10"}`,
-            onClick: u,
+            className: `py-3 rounded-xl text-sm font-medium ${w ? "" : "bg-black/10"}`,
+            onClick: O,
             children: "Builder"
           }
         ),
         /* @__PURE__ */ r.jsx(
           "button",
           {
-            className: `py-3 rounded-xl text-sm font-medium ${h ? "bg-black/10" : ""}`,
-            onClick: o,
+            className: `py-3 rounded-xl text-sm font-medium ${w ? "bg-black/10" : ""}`,
+            onClick: g,
             children: "Preview"
           }
         )
@@ -788,15 +821,15 @@ function Br() {
               className: "hidden",
               type: "file",
               accept: ".json,application/json",
-              onChange: (g) => {
-                var x;
-                const p = (x = g.target.files) == null ? void 0 : x[0];
-                if (!p) return;
-                const f = new FileReader();
-                f.onload = (k) => {
-                  var v;
-                  return m(((v = k.target) == null ? void 0 : v.result) ?? "");
-                }, f.readAsText(p), g.target.value = "";
+              onChange: (h) => {
+                var T;
+                const F = (T = h.target.files) == null ? void 0 : T[0];
+                if (!F) return;
+                const N = new FileReader();
+                N.onload = (R) => {
+                  var A;
+                  return b(((A = R.target) == null ? void 0 : A.result) ?? "");
+                }, N.readAsText(F), h.target.value = "";
               }
             }
           )
@@ -816,77 +849,121 @@ function Br() {
       {
         open: t,
         onClose: () => n(!1),
-        data: i,
+        data: o,
         title: "Form Data",
         placement: "bottom",
         contentClassName: "custom-scrollbar"
       }
-    )
+    ),
+    a && /* @__PURE__ */ r.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: /* @__PURE__ */ r.jsxs("div", { className: "bg-white rounded-2xl shadow-2xl max-w-md w-full p-6", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "mb-6", children: [
+        /* @__PURE__ */ r.jsx("h3", { className: "text-xl font-semibold text-slate-900 mb-2", children: "Select Schema Type" }),
+        /* @__PURE__ */ r.jsx("p", { className: "text-sm text-slate-600", children: "Choose the format of the file you're importing" })
+      ] }),
+      /* @__PURE__ */ r.jsxs("div", { className: "space-y-3 mb-6", children: [
+        /* @__PURE__ */ r.jsx(
+          "button",
+          {
+            onClick: () => x("inhouse"),
+            className: "w-full text-left p-4 rounded-xl border-2 border-slate-200 hover:border-blue-500 hover:bg-blue-50 transition-all group",
+            children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ r.jsx("div", { className: "w-5 h-5 rounded-full border-2 border-slate-300 group-hover:border-blue-500 flex items-center justify-center flex-shrink-0 mt-0.5", children: /* @__PURE__ */ r.jsx("div", { className: "w-2.5 h-2.5 rounded-full bg-transparent group-hover:bg-blue-500" }) }),
+              /* @__PURE__ */ r.jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ r.jsx("div", { className: "font-semibold text-slate-900 mb-1", children: "Default Schema" }),
+                /* @__PURE__ */ r.jsx("div", { className: "text-sm text-slate-600", children: "Our internal questionnaire format" })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          "button",
+          {
+            onClick: () => x("surveyjs"),
+            className: "w-full text-left p-4 rounded-xl border-2 border-slate-200 hover:border-purple-500 hover:bg-purple-50 transition-all group",
+            children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ r.jsx("div", { className: "w-5 h-5 rounded-full border-2 border-slate-300 group-hover:border-purple-500 flex items-center justify-center flex-shrink-0 mt-0.5", children: /* @__PURE__ */ r.jsx("div", { className: "w-2.5 h-2.5 rounded-full bg-transparent group-hover:bg-purple-500" }) }),
+              /* @__PURE__ */ r.jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ r.jsx("div", { className: "font-semibold text-slate-900 mb-1", children: "SurveyJS Schema" }),
+                /* @__PURE__ */ r.jsx("div", { className: "text-sm text-slate-600", children: "Will be converted to our internal format" })
+              ] })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          onClick: C,
+          className: "w-full px-4 py-2.5 rounded-xl border border-slate-300 bg-white hover:bg-slate-50 text-slate-700 font-medium text-sm transition-colors",
+          children: "Cancel"
+        }
+      )
+    ] }) })
   ] });
 }
-function Jr() {
-  const [t, n] = xe(!1), [s, i] = xe(!1), c = er(null), h = q((x) => x.addField), m = rr(), o = H(), u = o.state.isPreview, g = () => {
-    n((x) => !x), i(!1);
-  }, p = () => {
-    i((x) => !x), n(!1);
-  }, f = () => {
-    o.preview.toggle(), n(!1), i(!1);
+function Gr() {
+  const [t, n] = ne(!1), [a, l] = ne(!1), c = er(null), f = Y((x) => x.addField), m = rr(), o = ee(), d = o.state.isPreview, w = () => {
+    n((x) => !x), l(!1);
+  }, v = () => {
+    l((x) => !x), n(!1);
+  }, b = () => {
+    o.preview.toggle(), n(!1), l(!1);
   };
-  return ee(() => {
-    if (!t || s) return;
-    const x = (k) => {
-      const v = c.current;
-      v && !v.contains(k.target) && (n(!1), i(!1));
+  return se(() => {
+    if (!t || a) return;
+    const x = (C) => {
+      const g = c.current;
+      g && !g.contains(C.target) && (n(!1), l(!1));
     };
     return document.addEventListener("pointerdown", x), () => document.removeEventListener("pointerdown", x);
-  }, [t, s]), /* @__PURE__ */ r.jsxs("div", { className: "MobileToolBar fixed bottom-0 left-0 w-full text-stone-900 shadow-lg z-10", children: [
+  }, [t, a]), /* @__PURE__ */ r.jsxs("div", { className: "MobileToolBar fixed bottom-0 left-0 w-full text-stone-900 shadow-lg z-10", children: [
     /* @__PURE__ */ r.jsxs(
-      K.div,
+      Z.div,
       {
         initial: { y: "100%" },
         animate: { y: "0%" },
         transition: { duration: 0.8, ease: [0.25, 0.1, 0.25, 1] },
-        className: `flex ${u ? "justify-center" : "justify-around"} pb-5 max-w-xl sm:max-w-4xl mx-auto`,
+        className: `flex ${d ? "justify-center" : "justify-around"} pb-5 max-w-xl sm:max-w-4xl mx-auto`,
         children: [
           /* @__PURE__ */ r.jsx(
-            K.button,
+            Z.button,
             {
-              onClick: f,
+              onClick: b,
               initial: { opacity: 1, scale: 1, x: "0%" },
               animate: {
-                opacity: t || s ? 0 : 1,
-                scale: t || s ? 0 : 1,
-                x: u ? "120%" : "0%"
+                opacity: t || a ? 0 : 1,
+                scale: t || a ? 0 : 1,
+                x: d ? "120%" : "0%"
               },
-              className: `relative cursor-pointer ${u ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
-              children: u ? /* @__PURE__ */ r.jsx(Dr, { className: "h-12 w-12" }) : /* @__PURE__ */ r.jsx(Ar, { className: "h-12 w-12" })
+              className: `relative cursor-pointer ${d ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
+              children: d ? /* @__PURE__ */ r.jsx(Pr, { className: "h-12 w-12" }) : /* @__PURE__ */ r.jsx(Dr, { className: "h-12 w-12" })
             }
           ),
-          !u && /* @__PURE__ */ r.jsx(
-            K.button,
+          !d && /* @__PURE__ */ r.jsx(
+            Z.button,
             {
-              onClick: g,
+              onClick: w,
               initial: { opacity: 1, scale: 1 },
               animate: {
-                opacity: t || s ? 0 : 1,
-                scale: t || s ? 0 : 1
+                opacity: t || a ? 0 : 1,
+                scale: t || a ? 0 : 1
               },
               className: "relative cursor-pointer bg-black/5 rounded-2xl p-3 backdrop-blur-xl",
-              children: /* @__PURE__ */ r.jsx(Pr, { className: "h-12 w-12" })
+              children: /* @__PURE__ */ r.jsx(Fr, { className: "h-12 w-12" })
             }
           ),
           /* @__PURE__ */ r.jsx(
-            K.button,
+            Z.button,
             {
-              onClick: p,
+              onClick: v,
               initial: { opacity: 1, scale: 1, x: "0%" },
               animate: {
-                opacity: s || t ? 0 : 1,
-                scale: s || t ? 0 : 1,
-                x: u ? "-120%" : "0%"
+                opacity: a || t ? 0 : 1,
+                scale: a || t ? 0 : 1,
+                x: d ? "-120%" : "0%"
               },
-              className: `relative cursor-pointer ${u ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
-              children: /* @__PURE__ */ r.jsx(Fr, { className: "h-12 w-12" })
+              className: `relative cursor-pointer ${d ? "mx-29" : ""} bg-black/5 rounded-2xl p-3 backdrop-blur-xl`,
+              children: /* @__PURE__ */ r.jsx($r, { className: "h-12 w-12" })
             }
           )
         ]
@@ -895,8 +972,8 @@ function Jr() {
     /* @__PURE__ */ r.jsx(
       nr,
       {
-        open: s,
-        onClose: () => i(!1),
+        open: a,
+        onClose: () => l(!1),
         data: m,
         title: "Form Data",
         placement: "bottom",
@@ -904,7 +981,7 @@ function Jr() {
       }
     ),
     /* @__PURE__ */ r.jsx(
-      K.div,
+      Z.div,
       {
         ref: c,
         onPointerDown: (x) => x.stopPropagation(),
@@ -917,17 +994,17 @@ function Jr() {
         transition: { type: "spring", stiffness: 150, damping: 20 },
         className: "MobileToolBar-Modal fixed bottom-0 w-full mx-auto bg-black/5 border-black/15 border px-9 py-4 mb-2 rounded-2xl backdrop-blur-xl overflow-y-scroll",
         children: /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-1 gap-2", children: [
-          /* @__PURE__ */ r.jsx("button", { className: "flex w-full justify-end", onClick: () => n(!1), children: /* @__PURE__ */ r.jsx($r, {}) }),
-          Object.keys(le).map((x) => /* @__PURE__ */ r.jsxs(
+          /* @__PURE__ */ r.jsx("button", { className: "flex w-full justify-end", onClick: () => n(!1), children: /* @__PURE__ */ r.jsx(Lr, {}) }),
+          Object.keys(fe).map((x) => /* @__PURE__ */ r.jsxs(
             "button",
             {
               className: "px-4 pl-6 py-2 text-black text-left rounded hover:bg-slate-50",
               onClick: () => {
-                h(x), n(!1);
+                f(x), n(!1);
               },
               children: [
                 "Add ",
-                le[x].label
+                fe[x].label
               ]
             },
             x
@@ -937,88 +1014,88 @@ function Jr() {
     )
   ] });
 }
-const Ke = Object.entries(le).map(([t, n]) => ({
+const Ke = Object.entries(fe).map(([t, n]) => ({
   type: t,
   label: n.label
-})), zr = ({ isPreview: t = !1 }) => {
+})), Kr = ({ isPreview: t = !1 }) => {
   if (t) return null;
-  const n = q((i) => i.addField), s = ie(() => {
-    const i = {};
-    for (const { type: c } of Ke) i[c] = () => n(c);
-    return i;
+  const n = Y((l) => l.addField), a = ue(() => {
+    const l = {};
+    for (const { type: c } of Ke) l[c] = () => n(c);
+    return l;
   }, [n]);
   return /* @__PURE__ */ r.jsxs("div", { className: "p-4 bg-white border border-gray-200 rounded-lg shadow-sm", children: [
     /* @__PURE__ */ r.jsx("h3", { className: "text-lg font-semibold mb-3", children: "Tools" }),
-    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-1 gap-2", children: Ke.map(({ type: i, label: c }) => /* @__PURE__ */ r.jsxs(
+    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-1 gap-2", children: Ke.map(({ type: l, label: c }) => /* @__PURE__ */ r.jsxs(
       "button",
       {
         className: "px-3 py-2 text-left border border-black/10 rounded-md hover:bg-slate-50",
-        onClick: s[i],
+        onClick: a[l],
         children: [
           "Add ",
           c
         ]
       },
-      i
+      l
     )) })
   ] });
-}, Gr = E.memo(zr, (t, n) => t.isPreview === n.isPreview);
-function ar({
+}, Hr = k.memo(Kr, (t, n) => t.isPreview === n.isPreview);
+function sr({
   id: t = "",
   label: n = "ID",
-  onCommit: s,
-  validate: i,
+  onCommit: a,
+  validate: l,
   placeholder: c = "Enter unique ID…",
-  className: h = ""
+  className: f = ""
 }) {
-  const [m, o] = E.useState(t ?? ""), [u, g] = E.useState("");
-  E.useEffect(() => {
-    o(t ?? ""), g("");
+  const [m, o] = k.useState(t ?? ""), [d, w] = k.useState("");
+  k.useEffect(() => {
+    o(t ?? ""), w("");
   }, [t]);
-  const p = E.useCallback(() => {
-    const f = String(m ?? "").trim();
-    if (!f) {
-      g("ID cannot be empty."), o(t ?? "");
+  const v = k.useCallback(() => {
+    const b = String(m ?? "").trim();
+    if (!b) {
+      w("ID cannot be empty."), o(t ?? "");
       return;
     }
-    if (f !== (t ?? "")) {
-      if (typeof i == "function") {
-        const x = i(f, t ?? "");
+    if (b !== (t ?? "")) {
+      if (typeof l == "function") {
+        const x = l(b, t ?? "");
         if (x) {
-          g(x);
+          w(x);
           return;
         }
       }
-      s == null || s(f);
+      a == null || a(b);
     }
-  }, [m, t, s, i]);
-  return /* @__PURE__ */ r.jsxs("div", { className: h, children: [
+  }, [m, t, a, l]);
+  return /* @__PURE__ */ r.jsxs("div", { className: f, children: [
     /* @__PURE__ */ r.jsx("label", { className: "block text-sm mb-1", children: n }),
     /* @__PURE__ */ r.jsx(
       "input",
       {
         className: "w-full px-3 py-2 border border-black/20 rounded",
         value: m,
-        onChange: (f) => {
-          u && g(""), o(f.target.value);
+        onChange: (b) => {
+          d && w(""), o(b.target.value);
         },
-        onBlur: p,
-        onKeyDown: (f) => {
-          f.key === "Enter" && (f.preventDefault(), p());
+        onBlur: v,
+        onKeyDown: (b) => {
+          b.key === "Enter" && (b.preventDefault(), v());
         },
         placeholder: c
       }
     ),
-    u ? /* @__PURE__ */ r.jsx("p", { className: "text-xs text-red-600 mt-1", children: u }) : null
+    d ? /* @__PURE__ */ r.jsx("p", { className: "text-xs text-red-600 mt-1", children: d }) : null
   ] });
 }
-function sr({ f: t, onUpdateField: n }) {
+function ar({ f: t, onUpdateField: n }) {
   return /* @__PURE__ */ r.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ r.jsx(
-      ar,
+      sr,
       {
         id: t.id ?? "",
-        onCommit: (s) => n == null ? void 0 : n("id", s)
+        onCommit: (a) => n == null ? void 0 : n("id", a)
       }
     ),
     /* @__PURE__ */ r.jsxs("div", { children: [
@@ -1028,7 +1105,7 @@ function sr({ f: t, onUpdateField: n }) {
         {
           className: "w-full px-3 py-2 border border-black/20 rounded",
           value: t.question || "",
-          onChange: (s) => n("question", s.target.value),
+          onChange: (a) => n("question", a.target.value),
           placeholder: "Enter question text"
         }
       )
@@ -1039,7 +1116,7 @@ function sr({ f: t, onUpdateField: n }) {
         {
           type: "checkbox",
           checked: !!t.required,
-          onChange: (s) => n("required", s.target.checked)
+          onChange: (a) => n("required", a.target.checked)
         }
       ),
       "Required"
@@ -1051,57 +1128,57 @@ function sr({ f: t, onUpdateField: n }) {
         {
           className: "w-full px-3 py-2 border border-black/20 rounded",
           value: t.sublabel || "",
-          onChange: (s) => n("sublabel", s.target.value),
+          onChange: (a) => n("sublabel", a.target.value),
           placeholder: "Helper text / description"
         }
       )
     ] })
   ] });
 }
-const $ = [];
+const M = [];
 for (let t = 0; t < 256; ++t)
-  $.push((t + 256).toString(16).slice(1));
-function Kr(t, n = 0) {
-  return ($[t[n + 0]] + $[t[n + 1]] + $[t[n + 2]] + $[t[n + 3]] + "-" + $[t[n + 4]] + $[t[n + 5]] + "-" + $[t[n + 6]] + $[t[n + 7]] + "-" + $[t[n + 8]] + $[t[n + 9]] + "-" + $[t[n + 10]] + $[t[n + 11]] + $[t[n + 12]] + $[t[n + 13]] + $[t[n + 14]] + $[t[n + 15]]).toLowerCase();
+  M.push((t + 256).toString(16).slice(1));
+function Xr(t, n = 0) {
+  return (M[t[n + 0]] + M[t[n + 1]] + M[t[n + 2]] + M[t[n + 3]] + "-" + M[t[n + 4]] + M[t[n + 5]] + "-" + M[t[n + 6]] + M[t[n + 7]] + "-" + M[t[n + 8]] + M[t[n + 9]] + "-" + M[t[n + 10]] + M[t[n + 11]] + M[t[n + 12]] + M[t[n + 13]] + M[t[n + 14]] + M[t[n + 15]]).toLowerCase();
 }
-let _e;
-const Hr = new Uint8Array(16);
-function Xr() {
-  if (!_e) {
+let Ie;
+const Qr = new Uint8Array(16);
+function Zr() {
+  if (!Ie) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    _e = crypto.getRandomValues.bind(crypto);
+    Ie = crypto.getRandomValues.bind(crypto);
   }
-  return _e(Hr);
+  return Ie(Qr);
 }
-const Qr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), He = { randomUUID: Qr };
-function Zr(t, n, s) {
+const et = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), He = { randomUUID: et };
+function rt(t, n, a) {
   var c;
   if (He.randomUUID && !t)
     return He.randomUUID();
   t = t || {};
-  const i = t.random ?? ((c = t.rng) == null ? void 0 : c.call(t)) ?? Xr();
-  if (i.length < 16)
+  const l = t.random ?? ((c = t.rng) == null ? void 0 : c.call(t)) ?? Zr();
+  if (l.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, Kr(i);
+  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, Xr(l);
 }
-function ir({ field: t, onUpdateField: n }) {
-  const s = t.options || [], i = () => {
-    n("options", [...s, { id: Zr(), value: "" }]);
+function lr({ field: t, onUpdateField: n }) {
+  const a = t.options || [], l = () => {
+    n("options", [...a, { id: rt(), value: "" }]);
   }, c = (m, o) => {
     n(
       "options",
-      s.map((u) => u.id === m ? { ...u, value: o } : u)
+      a.map((d) => d.id === m ? { ...d, value: o } : d)
     );
-  }, h = (m) => {
+  }, f = (m) => {
     n(
       "options",
-      s.filter((o) => o.id !== m)
+      a.filter((o) => o.id !== m)
     );
   };
   return /* @__PURE__ */ r.jsxs("div", { className: "mt-3", children: [
     /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium mb-1", children: "Options" }),
-    s.map((m) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+    a.map((m) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
       /* @__PURE__ */ r.jsx(
         "input",
         {
@@ -1114,7 +1191,7 @@ function ir({ field: t, onUpdateField: n }) {
       /* @__PURE__ */ r.jsx(
         "button",
         {
-          onClick: () => h(m.id),
+          onClick: () => f(m.id),
           className: "px-2 py-1 text-sm border border-black/20 rounded hover:bg-slate-50",
           children: "Remove"
         }
@@ -1123,24 +1200,24 @@ function ir({ field: t, onUpdateField: n }) {
     /* @__PURE__ */ r.jsx(
       "button",
       {
-        onClick: i,
+        onClick: l,
         className: "mt-1 px-3 py-2 text-sm border border-black/20 rounded hover:bg-slate-50",
         children: "+ Add Option"
       }
     )
   ] });
 }
-function et({ f: t }) {
-  const n = tr(t.id), s = be(
-    (c, h) => n.field.update(c, h),
+function tt({ f: t }) {
+  const n = tr(t.id), a = ge(
+    (c, f) => n.field.update(c, f),
     [n]
-  ), i = ie(
+  ), l = ue(
     () => ["radio", "check", "selection"].includes(t.fieldType),
     [t.fieldType]
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx("h3", { className: "text-lg font-semibold mb-3", children: "Edit" }),
-    /* @__PURE__ */ r.jsx(sr, { f: t, onUpdateField: s }),
+    /* @__PURE__ */ r.jsx(ar, { f: t, onUpdateField: a }),
     t.fieldType === "input" && /* @__PURE__ */ r.jsxs("div", { className: "mt-4", children: [
       /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium mb-1", children: "Default Answer" }),
       /* @__PURE__ */ r.jsx(
@@ -1148,74 +1225,74 @@ function et({ f: t }) {
         {
           className: "w-full px-3 py-2 border border-black/20 rounded",
           value: t.answer || "",
-          onChange: (c) => s("answer", c.target.value),
+          onChange: (c) => a("answer", c.target.value),
           placeholder: "Default value"
         }
       )
     ] }),
-    i && /* @__PURE__ */ r.jsx(ir, { field: t, onUpdateField: s })
+    l && /* @__PURE__ */ r.jsx(lr, { field: t, onUpdateField: a })
   ] });
 }
-function rt({ section: t, onActiveChildChange: n }) {
-  var f, x, k;
-  const s = tr(t.id), i = Array.isArray(t.fields) ? t.fields : [], [c, h] = xe(((f = i[0]) == null ? void 0 : f.id) || null);
-  ee(() => {
-    var v;
-    h(((v = i[0]) == null ? void 0 : v.id) || null);
-  }, [t.id]), ee(() => {
-    if (!i.length) {
-      c !== null && h(null);
+function nt({ section: t, onActiveChildChange: n }) {
+  var b, x, C;
+  const a = tr(t.id), l = Array.isArray(t.fields) ? t.fields : [], [c, f] = ne(((b = l[0]) == null ? void 0 : b.id) || null);
+  se(() => {
+    var g;
+    f(((g = l[0]) == null ? void 0 : g.id) || null);
+  }, [t.id]), se(() => {
+    if (!l.length) {
+      c !== null && f(null);
       return;
     }
-    i.some((S) => S.id === c) || h(i[0].id);
-  }, [i, c]), ee(() => {
+    l.some((O) => O.id === c) || f(l[0].id);
+  }, [l, c]), se(() => {
     n == null || n(t.id, c || null);
   }, [t.id, c, n]);
-  const m = be(
-    (v, S) => s.field.update(v, S),
-    [s]
-  ), o = ie(
-    () => i.find((v) => v.id === c) || null,
-    [i, c]
-  ), u = be(
-    (v, S) => {
+  const m = ge(
+    (g, O) => a.field.update(g, O),
+    [a]
+  ), o = ue(
+    () => l.find((g) => g.id === c) || null,
+    [l, c]
+  ), d = ge(
+    (g, O) => {
       if (o) {
-        if (v === "id") {
-          const N = String(S ?? "").trim();
-          if (!N) return;
-          q.getState().updateField(
+        if (g === "id") {
+          const h = String(O ?? "").trim();
+          if (!h) return;
+          Y.getState().updateField(
             o.id,
-            { id: N },
+            { id: h },
             {
               sectionId: t.id,
-              onIdChange: (L, _) => {
-                h((F) => F === _ ? L : F);
+              onIdChange: (F, N) => {
+                f((T) => T === N ? F : T);
               }
             }
           );
           return;
         }
-        q.getState().updateField(
+        Y.getState().updateField(
           o.id,
-          { [v]: S },
+          { [g]: O },
           { sectionId: t.id }
         );
       }
     },
     [o, t.id]
-  ), g = be(() => {
-    o && q.getState().deleteField(o.id, { sectionId: t.id });
-  }, [o, t.id]), p = ie(
+  ), w = ge(() => {
+    o && Y.getState().deleteField(o.id, { sectionId: t.id });
+  }, [o, t.id]), v = ue(
     () => o && ["radio", "check", "selection"].includes(o.fieldType),
     [o]
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx("h3", { className: "text-lg font-semibold mb-3", children: "Edit Section" }),
     /* @__PURE__ */ r.jsx(
-      ar,
+      sr,
       {
         id: t.id,
-        onCommit: (v) => s.field.renameId(v)
+        onCommit: (g) => a.field.renameId(g)
       }
     ),
     /* @__PURE__ */ r.jsxs("div", { className: "mt-3", children: [
@@ -1225,36 +1302,36 @@ function rt({ section: t, onActiveChildChange: n }) {
         {
           className: "w-full px-3 py-2 border border-black/20 rounded",
           value: t.title || "",
-          onChange: (v) => m("title", v.target.value),
+          onChange: (g) => m("title", g.target.value),
           placeholder: "Section title"
         }
       )
     ] }),
     /* @__PURE__ */ r.jsxs("div", { className: "mt-6", children: [
       /* @__PURE__ */ r.jsx("div", { className: "text-sm font-semibold mb-2", children: "Fields in this section" }),
-      i.length === 0 ? /* @__PURE__ */ r.jsx("div", { className: "text-sm text-gray-500", children: "No fields yet. Use the section’s mini toolbar to add fields." }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-2 mb-3", children: i.map((v) => {
-          var S, N;
+      l.length === 0 ? /* @__PURE__ */ r.jsx("div", { className: "text-sm text-gray-500", children: "No fields yet. Use the section’s mini toolbar to add fields." }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-2 mb-3", children: l.map((g) => {
+          var O, h;
           return /* @__PURE__ */ r.jsx(
             "button",
             {
               className: [
                 "px-3 py-1.5 text-sm rounded border",
-                c === v.id ? "bg-black/5 border-black/20" : "bg-white border-black/10 hover:bg-slate-50"
+                c === g.id ? "bg-black/5 border-black/20" : "bg-white border-black/10 hover:bg-slate-50"
               ].join(" "),
-              onClick: () => h(v.id),
-              title: v.question || v.fieldType,
-              children: ((S = v.question) == null ? void 0 : S.trim()) || ((N = le[v.fieldType]) == null ? void 0 : N.label) || "Field"
+              onClick: () => f(g.id),
+              title: g.question || g.fieldType,
+              children: ((O = g.question) == null ? void 0 : O.trim()) || ((h = fe[g.fieldType]) == null ? void 0 : h.label) || "Field"
             },
-            v.id
+            g.id
           );
         }) }),
         o && /* @__PURE__ */ r.jsxs("div", { className: "mt-2", children: [
           /* @__PURE__ */ r.jsxs("div", { className: "text-sm font-semibold mb-2", children: [
             "Editing: ",
-            ((x = o.question) == null ? void 0 : x.trim()) || ((k = le[o.fieldType]) == null ? void 0 : k.label)
+            ((x = o.question) == null ? void 0 : x.trim()) || ((C = fe[o.fieldType]) == null ? void 0 : C.label)
           ] }),
-          /* @__PURE__ */ r.jsx(sr, { f: o, onUpdateField: u }),
+          /* @__PURE__ */ r.jsx(ar, { f: o, onUpdateField: d }),
           o.fieldType === "input" && /* @__PURE__ */ r.jsxs("div", { className: "mt-4", children: [
             /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium mb-1", children: "Default Answer" }),
             /* @__PURE__ */ r.jsx(
@@ -1262,17 +1339,17 @@ function rt({ section: t, onActiveChildChange: n }) {
               {
                 className: "w-full px-3 py-2 border border-black/20 rounded",
                 value: o.answer || "",
-                onChange: (v) => u("answer", v.target.value),
+                onChange: (g) => d("answer", g.target.value),
                 placeholder: "Default value"
               }
             )
           ] }),
-          p && /* @__PURE__ */ r.jsx(ir, { field: o, onUpdateField: u }),
+          v && /* @__PURE__ */ r.jsx(lr, { field: o, onUpdateField: d }),
           /* @__PURE__ */ r.jsx(
             "button",
             {
               className: "mt-3 px-3 py-2 text-sm text-red-400 border rounded",
-              onClick: g,
+              onClick: w,
               children: "Delete this field"
             }
           )
@@ -1296,94 +1373,94 @@ function Xe(t) {
 }
 function Qe(t) {
   if (t && typeof t == "object") {
-    const s = t.id ?? String(t.value ?? ""), i = String(t.value ?? t.label ?? t.id ?? "");
-    return { id: s, value: i };
+    const a = t.id ?? String(t.value ?? ""), l = String(t.value ?? t.label ?? t.id ?? "");
+    return { id: a, value: l };
   }
   const n = String(t ?? "");
   return { id: n, value: n };
 }
-function tt() {
-  var ce, re, B;
-  const t = H(), n = q((d) => d.byId), s = q((d) => d.setEnableWhen), i = q((d) => d.updateField), c = ((ce = t == null ? void 0 : t.selectedFieldId) == null ? void 0 : ce.value) ?? null;
-  (re = t == null ? void 0 : t.selectedChildId) == null || re.ParentId;
-  const h = ((B = t == null ? void 0 : t.selectedChildId) == null ? void 0 : B.ChildId) ?? null, m = c ? n[c] : null, o = (m == null ? void 0 : m.fieldType) === "section", u = E.useMemo(() => o ? Array.isArray(m == null ? void 0 : m.fields) ? m.fields : [] : [], [o, m]), g = E.useMemo(() => !o || !h ? !1 : u.some((d) => d.id === h), [o, h, u]), p = E.useMemo(() => o && g ? `child:${h}` : "", [o, g, h]), [f, x] = E.useState(p);
-  E.useEffect(() => {
-    x(p);
-  }, [p]), E.useEffect(() => {
+function st() {
+  var me, le, z;
+  const t = ee(), n = Y((u) => u.byId), a = Y((u) => u.setEnableWhen), l = Y((u) => u.updateField), c = ((me = t == null ? void 0 : t.selectedFieldId) == null ? void 0 : me.value) ?? null;
+  (le = t == null ? void 0 : t.selectedChildId) == null || le.ParentId;
+  const f = ((z = t == null ? void 0 : t.selectedChildId) == null ? void 0 : z.ChildId) ?? null, m = c ? n[c] : null, o = (m == null ? void 0 : m.fieldType) === "section", d = k.useMemo(() => o ? Array.isArray(m == null ? void 0 : m.fields) ? m.fields : [] : [], [o, m]), w = k.useMemo(() => !o || !f ? !1 : d.some((u) => u.id === f), [o, f, d]), v = k.useMemo(() => o && w ? `child:${f}` : "", [o, w, f]), [b, x] = k.useState(v);
+  k.useEffect(() => {
+    x(v);
+  }, [v]), k.useEffect(() => {
     if (o)
-      if (f && f.startsWith("child:")) {
-        const d = f.slice(6);
-        t.selectedChildId.set(c, d);
+      if (b && b.startsWith("child:")) {
+        const u = b.slice(6);
+        t.selectedChildId.set(c, u);
       } else
         t.selectedChildId.set(null, null);
-  }, [o, f, c, t]);
-  const k = !!(o && f && f.startsWith("child:")), v = k ? f.slice(6) : null, S = k ? v : c, N = E.useMemo(() => S ? k ? u.find((d) => d.id === v) ?? null : n[S] ?? null : null, [n, S, k, v, u]), L = E.useMemo(() => {
-    var R, I, Y;
-    const d = [];
-    for (const A of Object.values(n))
-      if (A)
-        if (A.fieldType === "section" && Array.isArray(A.fields)) {
-          const U = ((R = A.title) == null ? void 0 : R.trim()) || "Section";
-          A.fields.forEach((y) => {
-            var z;
-            d.push({
+  }, [o, b, c, t]);
+  const C = !!(o && b && b.startsWith("child:")), g = C ? b.slice(6) : null, O = C ? g : c, h = k.useMemo(() => O ? C ? d.find((u) => u.id === g) ?? null : n[O] ?? null : null, [n, O, C, g, d]), F = k.useMemo(() => {
+    var I, D, B;
+    const u = [];
+    for (const P of Object.values(n))
+      if (P)
+        if (P.fieldType === "section" && Array.isArray(P.fields)) {
+          const V = ((I = P.title) == null ? void 0 : I.trim()) || "Section";
+          P.fields.forEach((y) => {
+            var H;
+            u.push({
               id: y.id,
-              parentId: A.id,
-              label: `${U} › ${((z = y.question) == null ? void 0 : z.trim()) || y.id}`,
+              parentId: P.id,
+              label: `${V} › ${((H = y.question) == null ? void 0 : H.trim()) || y.id}`,
               fieldType: y.fieldType,
               options: Array.isArray(y.options) ? y.options : []
             });
           });
         } else
-          d.push({
-            id: A.id,
+          u.push({
+            id: P.id,
             parentId: null,
-            label: ((I = A.question) == null ? void 0 : I.trim()) || ((Y = A.title) == null ? void 0 : Y.trim()) || A.id,
-            fieldType: A.fieldType,
-            options: Array.isArray(A.options) ? A.options : []
+            label: ((D = P.question) == null ? void 0 : D.trim()) || ((B = P.title) == null ? void 0 : B.trim()) || P.id,
+            fieldType: P.fieldType,
+            options: Array.isArray(P.options) ? P.options : []
           });
-    return d;
-  }, [n]), _ = E.useCallback(
-    (d) => L.find((R) => R.id === d) || null,
-    [L]
-  ), F = E.useCallback(
-    (d) => {
-      if (!S) return;
-      const R = d && Array.isArray(d.conditions) ? { logic: d.logic || "AND", conditions: d.conditions } : void 0;
-      k && c ? i(S, { enableWhen: R }, { sectionId: c }) : s(S, R);
+    return u;
+  }, [n]), N = k.useCallback(
+    (u) => F.find((I) => I.id === u) || null,
+    [F]
+  ), T = k.useCallback(
+    (u) => {
+      if (!O) return;
+      const I = u && Array.isArray(u.conditions) ? { logic: u.logic || "AND", conditions: u.conditions } : void 0;
+      C && c ? l(O, { enableWhen: I }, { sectionId: c }) : a(O, I);
     },
-    [S, k, c, s, i]
-  ), O = E.useMemo(() => N != null && N.enableWhen && Array.isArray(N.enableWhen.conditions) ? { logic: N.enableWhen.logic || "AND", conditions: N.enableWhen.conditions } : { logic: "AND", conditions: [] }, [N]), he = E.useCallback(() => {
-    const d = {
-      logic: O.logic || "AND",
+    [O, C, c, a, l]
+  ), R = k.useMemo(() => h != null && h.enableWhen && Array.isArray(h.enableWhen.conditions) ? { logic: h.enableWhen.logic || "AND", conditions: h.enableWhen.conditions } : { logic: "AND", conditions: [] }, [h]), A = k.useCallback(() => {
+    const u = {
+      logic: R.logic || "AND",
       conditions: [
-        ...Array.isArray(O.conditions) ? O.conditions : [],
+        ...Array.isArray(R.conditions) ? R.conditions : [],
         { targetId: "", operator: "equals", value: "" }
       ]
     };
-    F(d);
-  }, [O, F]), ve = E.useCallback(() => F(null), [F]), ge = E.useCallback(
-    (d) => {
-      const I = (Array.isArray(O.conditions) ? O.conditions : []).filter((Y, A) => A !== d);
-      F({ ...O, conditions: I });
+    T(u);
+  }, [R, T]), X = k.useCallback(() => T(null), [T]), ae = k.useCallback(
+    (u) => {
+      const D = (Array.isArray(R.conditions) ? R.conditions : []).filter((B, P) => P !== u);
+      T({ ...R, conditions: D });
     },
-    [O, F]
-  ), X = E.useCallback(
-    (d, R) => {
-      const Y = [...Array.isArray(O.conditions) ? O.conditions : []], U = { ...Y[d] || { targetId: "", operator: "equals", value: "" }, ...R };
-      if ("targetId" in R) {
-        const y = _(U.targetId), z = Xe(y == null ? void 0 : y.fieldType);
-        z.includes(U.operator) || (U.operator = z[0] || "equals");
-        const te = Array.isArray(y == null ? void 0 : y.options) ? y.options.map(Qe) : [];
-        te.length > 0 && (new Set(te.map((je) => je.id)).has(U.value) || (U.value = ""));
+    [R, T]
+  ), G = k.useCallback(
+    (u, I) => {
+      const B = [...Array.isArray(R.conditions) ? R.conditions : []], V = { ...B[u] || { targetId: "", operator: "equals", value: "" }, ...I };
+      if ("targetId" in I) {
+        const y = N(V.targetId), H = Xe(y == null ? void 0 : y.fieldType);
+        H.includes(V.operator) || (V.operator = H[0] || "equals");
+        const ie = Array.isArray(y == null ? void 0 : y.options) ? y.options.map(Qe) : [];
+        ie.length > 0 && (new Set(ie.map((je) => je.id)).has(V.value) || (V.value = ""));
       }
-      Y[d] = U, F({ ...O, conditions: Y });
+      B[u] = V, T({ ...R, conditions: B });
     },
-    [O, _, F]
-  ), oe = E.useMemo(
-    () => L.filter((d) => d.id !== S),
-    [L, S]
-  ), J = !N || !S;
+    [R, N, T]
+  ), K = k.useMemo(
+    () => F.filter((u) => u.id !== O),
+    [F, O]
+  ), W = !h || !O;
   return /* @__PURE__ */ r.jsxs("div", { className: "space-y-2", children: [
     o && /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 items-center", children: [
       /* @__PURE__ */ r.jsx("label", { className: "text-sm", children: "Target:" }),
@@ -1391,13 +1468,13 @@ function tt() {
         "select",
         {
           className: "border p-1 rounded",
-          value: f,
-          onChange: (d) => x(d.target.value),
+          value: b,
+          onChange: (u) => x(u.target.value),
           children: [
             /* @__PURE__ */ r.jsx("option", { value: "", children: "Section (this)" }),
-            u.map((d) => {
-              var R, I;
-              return /* @__PURE__ */ r.jsx("option", { value: `child:${d.id}`, children: ((R = d.question) == null ? void 0 : R.trim()) || ((I = d.title) == null ? void 0 : I.trim()) || d.id }, d.id);
+            d.map((u) => {
+              var I, D;
+              return /* @__PURE__ */ r.jsx("option", { value: `child:${u.id}`, children: ((I = u.question) == null ? void 0 : I.trim()) || ((D = u.title) == null ? void 0 : D.trim()) || u.id }, u.id);
             })
           ]
         }
@@ -1408,30 +1485,30 @@ function tt() {
       /* @__PURE__ */ r.jsxs(
         "select",
         {
-          value: O.logic || "AND",
-          onChange: (d) => F({ ...O, logic: d.target.value }),
+          value: R.logic || "AND",
+          onChange: (u) => T({ ...R, logic: u.target.value }),
           className: "border p-1 rounded",
-          disabled: J,
+          disabled: W,
           children: [
             /* @__PURE__ */ r.jsx("option", { value: "AND", children: "AND" }),
             /* @__PURE__ */ r.jsx("option", { value: "OR", children: "OR" })
           ]
         }
       ),
-      /* @__PURE__ */ r.jsx("button", { type: "button", className: "px-2 py-1 border rounded", onClick: he, disabled: J, children: "+ Condition" }),
-      /* @__PURE__ */ r.jsx("button", { type: "button", className: "px-2 py-1 border rounded", onClick: ve, disabled: J, children: "Clear" })
+      /* @__PURE__ */ r.jsx("button", { type: "button", className: "px-2 py-1 border rounded", onClick: A, disabled: W, children: "+ Condition" }),
+      /* @__PURE__ */ r.jsx("button", { type: "button", className: "px-2 py-1 border rounded", onClick: X, disabled: W, children: "Clear" })
     ] }),
-    (Array.isArray(O.conditions) ? O.conditions : []).map((d, R) => {
-      const I = _(d.targetId), Y = Xe(I == null ? void 0 : I.fieldType), A = Array.isArray(I == null ? void 0 : I.options) ? I.options.map(Qe) : [], U = A.length > 0;
+    (Array.isArray(R.conditions) ? R.conditions : []).map((u, I) => {
+      const D = N(u.targetId), B = Xe(D == null ? void 0 : D.fieldType), P = Array.isArray(D == null ? void 0 : D.options) ? D.options.map(Qe) : [], V = P.length > 0;
       return /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-7 gap-2 items-center opacity-100", children: [
         /* @__PURE__ */ r.jsx(
           "button",
           {
             type: "button",
-            onClick: () => ge(R),
+            onClick: () => ae(I),
             className: "px-2 py-1 border rounded sm:col-span-1",
             title: "Remove condition",
-            disabled: J,
+            disabled: W,
             children: "✕"
           }
         ),
@@ -1439,12 +1516,12 @@ function tt() {
           "select",
           {
             className: "border p-1 rounded sm:col-span-3",
-            value: d.targetId,
-            onChange: (y) => X(R, { targetId: y.target.value }),
-            disabled: J,
+            value: u.targetId,
+            onChange: (y) => G(I, { targetId: y.target.value }),
+            disabled: W,
             children: [
               /* @__PURE__ */ r.jsx("option", { value: "", children: "— Select field —" }),
-              oe.map((y) => /* @__PURE__ */ r.jsx("option", { value: y.id, children: y.label }, y.id))
+              K.map((y) => /* @__PURE__ */ r.jsx("option", { value: y.id, children: y.label }, y.id))
             ]
           }
         ),
@@ -1452,22 +1529,22 @@ function tt() {
           "select",
           {
             className: "border p-1 rounded sm:col-span-1",
-            value: d.operator,
-            onChange: (y) => X(R, { operator: y.target.value }),
-            disabled: J || !I,
-            children: (I ? Y : ["equals"]).map((y) => /* @__PURE__ */ r.jsx("option", { value: y, children: y }, y))
+            value: u.operator,
+            onChange: (y) => G(I, { operator: y.target.value }),
+            disabled: W || !D,
+            children: (D ? B : ["equals"]).map((y) => /* @__PURE__ */ r.jsx("option", { value: y, children: y }, y))
           }
         ),
-        U ? /* @__PURE__ */ r.jsxs(
+        V ? /* @__PURE__ */ r.jsxs(
           "select",
           {
             className: "border p-1 rounded sm:col-span-2",
-            value: d.value,
-            onChange: (y) => X(R, { value: y.target.value }),
-            disabled: J || !I,
+            value: u.value,
+            onChange: (y) => G(I, { value: y.target.value }),
+            disabled: W || !D,
             children: [
               /* @__PURE__ */ r.jsx("option", { value: "", children: "— Select option —" }),
-              A.map((y) => /* @__PURE__ */ r.jsx("option", { value: y.id, children: y.value }, y.id))
+              P.map((y) => /* @__PURE__ */ r.jsx("option", { value: y.id, children: y.value }, y.id))
             ]
           }
         ) : /* @__PURE__ */ r.jsx(
@@ -1475,31 +1552,31 @@ function tt() {
           {
             className: "border p-1 rounded sm:col-span-2",
             placeholder: "Enter value",
-            value: d.value,
-            onChange: (y) => X(R, { value: y.target.value }),
-            disabled: J || !I
+            value: u.value,
+            onChange: (y) => G(I, { value: y.target.value }),
+            disabled: W || !D
           }
         )
-      ] }, R);
+      ] }, I);
     })
   ] });
 }
 function Ze() {
-  const t = H(), n = q(
-    E.useCallback(
+  const t = ee(), n = Y(
+    k.useCallback(
       (o) => t.selectedFieldId.value ? o.byId[t.selectedFieldId.value] : null,
       [t.selectedFieldId.value]
     )
-  ), [s, i] = E.useState("EDIT"), c = E.useCallback(
-    (o, u) => {
-      t.selectedChildId.set(o, u);
+  ), [a, l] = k.useState("EDIT"), c = k.useCallback(
+    (o, d) => {
+      t.selectedChildId.set(o, d);
     },
     [t.selectedChildId.set]
   );
-  if (E.useEffect(() => {
-    t.selectedChildId.set(null, null), i("EDIT");
+  if (k.useEffect(() => {
+    t.selectedChildId.set(null, null), l("EDIT");
   }, [t.selectedFieldId.value]), t.state.isPreview) return null;
-  const h = !n, m = (n == null ? void 0 : n.fieldType) === "section";
+  const f = !n, m = (n == null ? void 0 : n.fieldType) === "section";
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -1516,9 +1593,9 @@ function Ze() {
                 "button",
                 {
                   type: "button",
-                  onClick: () => i("EDIT"),
-                  "aria-selected": s === "EDIT",
-                  className: `px-3 py-1 text-sm ${s === "EDIT" ? "bg-gray-100 font-semibold" : "bg-white"}`,
+                  onClick: () => l("EDIT"),
+                  "aria-selected": a === "EDIT",
+                  className: `px-3 py-1 text-sm ${a === "EDIT" ? "bg-gray-100 font-semibold" : "bg-white"}`,
                   children: "EDIT"
                 }
               ),
@@ -1526,52 +1603,52 @@ function Ze() {
                 "button",
                 {
                   type: "button",
-                  onClick: () => i("LOGIC"),
-                  "aria-selected": s === "LOGIC",
-                  className: `px-3 py-1 text-sm border-l border-gray-200 ${s === "LOGIC" ? "bg-gray-100 font-semibold" : "bg-white"}`,
+                  onClick: () => l("LOGIC"),
+                  "aria-selected": a === "LOGIC",
+                  className: `px-3 py-1 text-sm border-l border-gray-200 ${a === "LOGIC" ? "bg-gray-100 font-semibold" : "bg-white"}`,
                   children: "LOGIC"
                 }
               )
             ]
           }
         ),
-        h && /* @__PURE__ */ r.jsxs("div", { className: "text-gray-600", children: [
+        f && /* @__PURE__ */ r.jsxs("div", { className: "text-gray-600", children: [
           /* @__PURE__ */ r.jsx("h3", { className: "text-lg font-semibold mb-2", children: "Edit" }),
           /* @__PURE__ */ r.jsx("p", { children: "Select a field in the center panel to edit its properties." })
         ] }),
-        !h && s === "EDIT" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-          !m && /* @__PURE__ */ r.jsx(et, { f: n }),
+        !f && a === "EDIT" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          !m && /* @__PURE__ */ r.jsx(tt, { f: n }),
           m && /* @__PURE__ */ r.jsx(
-            rt,
+            nt,
             {
               section: n,
               onActiveChildChange: c
             }
           )
         ] }),
-        !h && s === "LOGIC" && /* @__PURE__ */ r.jsx(tt, {})
+        !f && a === "LOGIC" && /* @__PURE__ */ r.jsx(st, {})
       ]
     }
   );
 }
-function nt() {
-  const t = H(), { fields: n } = Lr(t.state.isPreview), s = ie(() => n.map((i) => i.id), [n]);
+function at() {
+  const t = ee(), { fields: n } = Mr(t.state.isPreview), a = Ur((c) => c.hideUnsupportedFields), l = ue(() => (a ? n.filter((f) => f.fieldType !== "unsupported") : n).map((f) => f.id), [n, a]);
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       className: "w-full max-w-4xl mx-auto rounded-lg overflow-y-auto max-h-[calc(100svh-19rem)] lg:max-h-[calc(100dvh-15rem)] custom-scrollbar pr-2",
       onClick: () => !t.state.isPreview && t.selectedFieldId.clear(),
-      children: s.length === 0 ? /* @__PURE__ */ r.jsx(st, {}) : s.map((i) => /* @__PURE__ */ r.jsx(at, { id: i }, i))
+      children: l.length === 0 ? /* @__PURE__ */ r.jsx(it, {}) : l.map((c) => /* @__PURE__ */ r.jsx(lt, { id: c }, c))
     }
   );
 }
-const at = E.memo(function({ id: n }) {
-  const s = q(E.useCallback((c) => c.byId[n], [n]));
-  if (!s) return null;
-  const i = Mr(s.fieldType);
-  return i ? /* @__PURE__ */ r.jsx("div", { className: "mb-1.5", "data-field-type": s.fieldType, "data-field-id": s.id, children: /* @__PURE__ */ r.jsx(i, { field: s }) }) : null;
+const lt = k.memo(function({ id: n }) {
+  const a = Y(k.useCallback((c) => c.byId[n], [n]));
+  if (!a) return null;
+  const l = Wr(a.fieldType);
+  return l ? /* @__PURE__ */ r.jsx("div", { className: "mb-1.5", "data-field-type": a.fieldType, "data-field-id": a.id, children: /* @__PURE__ */ r.jsx(l, { field: a }) }) : null;
 });
-function st() {
+function it() {
   return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col items-center justify-center h-72 bg-gradient-to-br from-gray-50 to-gray-100 border-2 border-dashed border-blue-200 rounded-xl shadow-md text-center px-8 py-10", children: [
     /* @__PURE__ */ r.jsx("div", { className: "text-xl font-semibold text-gray-700 mb-2", children: "Start building your questionnaire" }),
     /* @__PURE__ */ r.jsxs("div", { className: "text-base text-gray-500", children: [
@@ -1585,13 +1662,13 @@ function st() {
     ] })
   ] });
 }
-function it({ selectedField: t }) {
-  const n = H(), s = n.state.isPreview, i = n.state.isEditModalOpen, c = n.state.panelResetKey, h = !s, m = h ? "lg:grid-cols-[280px_minmax(0,1fr)_320px]" : "lg:grid-cols-[minmax(0,1fr)]";
+function ot({ selectedField: t }) {
+  const n = ee(), a = n.state.isPreview, l = n.state.isEditModalOpen, c = n.state.panelResetKey, f = !a, m = f ? "lg:grid-cols-[280px_minmax(0,1fr)_320px]" : "lg:grid-cols-[minmax(0,1fr)]";
   return /* @__PURE__ */ r.jsx("div", { className: "w-full max-w-6xl mx-auto px-4 h-fit rounded-lg mt-2", children: /* @__PURE__ */ r.jsxs("div", { className: `grid grid-cols-1 ${m} gap-3 h-full items-start`, children: [
-    h && /* @__PURE__ */ r.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ r.jsx(Gr, {}) }),
-    /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(nt, {}) }),
-    h && /* @__PURE__ */ r.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ r.jsx(Ze, {}, c) }),
-    h && /* @__PURE__ */ r.jsx("div", { className: "lg:hidden", children: i && t && /* @__PURE__ */ r.jsx(
+    f && /* @__PURE__ */ r.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ r.jsx(Hr, {}) }),
+    /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(at, {}) }),
+    f && /* @__PURE__ */ r.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ r.jsx(Ze, {}, c) }),
+    f && /* @__PURE__ */ r.jsx("div", { className: "lg:hidden", children: l && t && /* @__PURE__ */ r.jsx(
       "div",
       {
         className: "fixed inset-0 top-5 z-50 flex items-center justify-center bg-transparent/30 backdrop-blur-sm p-4",
@@ -1618,37 +1695,37 @@ function it({ selectedField: t }) {
     ) })
   ] }) });
 }
-function ut({
+function mt({
   initialFields: t,
   onChange: n,
-  className: s = "",
-  showHeader: i = !0,
+  className: a = "",
+  showHeader: l = !0,
   showMobileToolbar: c = !0,
-  startInPreview: h = !1
+  startInPreview: f = !1
 }) {
-  const m = H(), o = er(!1);
-  ee(() => {
-    o.current || (Array.isArray(t) && t.length && q.getState().replaceAll(t), m.preview.set(!!h), o.current = !0);
-  }, [t, h, m.preview]), ee(() => n ? q.subscribe((p) => {
-    const f = [];
-    p.order.forEach((x) => {
-      const k = p.byId[x];
-      k && (f.push(k), k.fieldType === "section" && Array.isArray(k.fields) && f.push(...k.fields));
-    }), n(f);
+  const m = ee(), o = er(!1);
+  se(() => {
+    o.current || (Array.isArray(t) && t.length && Y.getState().replaceAll(t), m.preview.set(!!f), o.current = !0);
+  }, [t, f, m.preview]), se(() => n ? Y.subscribe((v) => {
+    const b = [];
+    v.order.forEach((x) => {
+      const C = v.byId[x];
+      C && (b.push(C), C.fieldType === "section" && Array.isArray(C.fields) && b.push(...C.fields));
+    }), n(b);
   }) : void 0, [n]);
-  const u = q(
-    E.useCallback(
-      (g) => m.selectedFieldId.value ? g.byId[m.selectedFieldId.value] : null,
+  const d = Y(
+    k.useCallback(
+      (w) => m.selectedFieldId.value ? w.byId[m.selectedFieldId.value] : null,
       [m.selectedFieldId.value]
     )
   );
-  return /* @__PURE__ */ r.jsxs("div", { className: `qb-editor-root min-h-screen bg-gray-100 font-titillium ${s}`, children: [
-    i && /* @__PURE__ */ r.jsx(Br, {}),
-    c && /* @__PURE__ */ r.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ r.jsx(Jr, {}) }),
-    /* @__PURE__ */ r.jsx(it, { selectedField: u })
+  return /* @__PURE__ */ r.jsxs("div", { className: `qb-editor-root min-h-screen bg-gray-100 font-titillium ${a}`, children: [
+    l && /* @__PURE__ */ r.jsx(zr, {}),
+    c && /* @__PURE__ */ r.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ r.jsx(Gr, {}) }),
+    /* @__PURE__ */ r.jsx(ot, { selectedField: d })
   ] });
 }
 export {
-  ut as QuestionnaireEditor
+  mt as QuestionnaireEditor
 };
 //# sourceMappingURL=index.js.map