@arudovwen/form-builder-react 1.4.34 → 1.4.36

package/dist/form-builder.es.js

@@ -1,8 +1,8 @@
-import ri, { createContext as ro, useState as R, useMemo as ii, useEffect as K, forwardRef as ye, createElement as Sn, Fragment as qi, useContext as Ni, useRef as Ii, useCallback as Y, memo as an } from "react";
-import { toast as Si, ToastContainer as Ae } from "react-toastify";
+import ri, { createContext as ro, useState as R, useMemo as ii, useEffect as O, forwardRef as ye, createElement as Sn, Fragment as qi, useContext as Ni, useRef as Ii, useCallback as Y, memo as an } from "react";
 import { v4 as xi } from "uuid";
 import mo from "react-datepicker";
-import { Listbox as ei, Transition as Ri, Combobox as Pi, ComboboxInput as bo, ComboboxButton as vo, ComboboxOptions as ho, ComboboxOption as po } from "@headlessui/react";
+import { Listbox as oi, Transition as Ri, Combobox as Pi, ComboboxInput as bo, ComboboxButton as vo, ComboboxOptions as ho, ComboboxOption as po } from "@headlessui/react";
+import { toast as Si, Toaster as Ae } from "sonner";
 import Di from "axios";
 import sn from "react-currency-input-field";
 import { appendErrors as go, useForm as En, useFieldArray as mn, useWatch as fo, FormProvider as xo } from "react-hook-form";
@@ -27,11 +27,11 @@ function jo() {
   ie = 1;
   var i = ri, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function d(t, u, r) {
-    var c, h = {}, v = null, g = null;
-    r !== void 0 && (v = "" + r), u.key !== void 0 && (v = "" + u.key), u.ref !== void 0 && (g = u.ref);
-    for (c in u) s.call(u, c) && !l.hasOwnProperty(c) && (h[c] = u[c]);
-    if (t && t.defaultProps) for (c in u = t.defaultProps, u) h[c] === void 0 && (h[c] = u[c]);
-    return { $$typeof: e, type: t, key: v, ref: g, props: h, _owner: a.current };
+    var c, v = {}, h = null, g = null;
+    r !== void 0 && (h = "" + r), u.key !== void 0 && (h = "" + u.key), u.ref !== void 0 && (g = u.ref);
+    for (c in u) s.call(u, c) && !l.hasOwnProperty(c) && (v[c] = u[c]);
+    if (t && t.defaultProps) for (c in u = t.defaultProps, u) v[c] === void 0 && (v[c] = u[c]);
+    return { $$typeof: e, type: t, key: h, ref: g, props: v, _owner: a.current };
   }
   return Gi.Fragment = o, Gi.jsx = d, Gi.jsxs = d, Gi;
 }
@@ -48,7 +48,7 @@ var Hi = {};
 var ne;
 function ko() {
   return ne || (ne = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = ri, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), t = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), r = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), y = Symbol.iterator, f = "@@iterator";
+    var i = ri, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), t = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), r = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), y = Symbol.iterator, f = "@@iterator";
     function m(b) {
       if (b === null || typeof b != "object")
         return null;
@@ -67,16 +67,16 @@ function ko() {
       {
         var V = p.ReactDebugCurrentFrame, X = V.getStackAddendum();
         X !== "" && (k += "%s", T = T.concat([X]));
-        var ni = T.map(function(q) {
-          return String(q);
+        var ei = T.map(function($) {
+          return String($);
         });
-        ni.unshift("Warning: " + k), Function.prototype.apply.call(console[b], console, ni);
+        ei.unshift("Warning: " + k), Function.prototype.apply.call(console[b], console, ei);
       }
     }
-    var N = !1, S = !1, A = !1, C = !1, I = !1, Q;
+    var N = !1, S = !1, A = !1, C = !1, K = !1, Q;
     Q = Symbol.for("react.module.reference");
     function W(b) {
-      return !!(typeof b == "string" || typeof b == "function" || b === s || b === l || I || b === a || b === r || b === c || C || b === g || N || S || A || typeof b == "object" && b !== null && (b.$$typeof === v || b.$$typeof === h || b.$$typeof === d || b.$$typeof === t || b.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof b == "string" || typeof b == "function" || b === s || b === l || K || b === a || b === r || b === c || C || b === g || N || S || A || typeof b == "object" && b !== null && (b.$$typeof === h || b.$$typeof === v || b.$$typeof === d || b.$$typeof === t || b.$$typeof === u || // 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.
@@ -123,13 +123,13 @@ function ko() {
             return M(T._context) + ".Provider";
           case u:
             return Z(b, b.render, "ForwardRef");
-          case h:
+          case v:
             var V = b.displayName || null;
             return V !== null ? V : E(b.type) || "Memo";
-          case v: {
-            var X = b, ni = X._payload, q = X._init;
+          case h: {
+            var X = b, ei = X._payload, $ = X._init;
             try {
-              return E(q(ni));
+              return E($(ei));
             } catch (_) {
               return null;
             }
@@ -137,14 +137,14 @@ function ko() {
         }
       return null;
     }
-    var P = Object.assign, L = 0, G, $, w, D, z, ai, vi;
+    var P = Object.assign, L = 0, G, q, w, I, U, ni, vi;
     function bi() {
     }
     bi.__reactDisabledLog = !0;
-    function di() {
+    function ai() {
       {
         if (L === 0) {
-          G = console.log, $ = console.info, w = console.warn, D = console.error, z = console.group, ai = console.groupCollapsed, vi = console.groupEnd;
+          G = console.log, q = console.info, w = console.warn, I = console.error, U = console.group, ni = console.groupCollapsed, vi = console.groupEnd;
           var b = {
             configurable: !0,
             enumerable: !0,
@@ -177,19 +177,19 @@ function ko() {
               value: G
             }),
             info: P({}, b, {
-              value: $
+              value: q
             }),
             warn: P({}, b, {
               value: w
             }),
             error: P({}, b, {
-              value: D
+              value: I
             }),
             group: P({}, b, {
-              value: z
+              value: U
             }),
             groupCollapsed: P({}, b, {
-              value: ai
+              value: ni
             }),
             groupEnd: P({}, b, {
               value: vi
@@ -199,62 +199,62 @@ function ko() {
         L < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var O = p.ReactCurrentDispatcher, si;
+    var D = p.ReactCurrentDispatcher, li;
     function ui(b, k, T) {
       {
-        if (si === void 0)
+        if (li === void 0)
           try {
             throw Error();
           } catch (X) {
             var V = X.stack.trim().match(/\n( *(at )?)/);
-            si = V && V[1] || "";
+            li = V && V[1] || "";
           }
         return `
-` + si + b;
+` + li + b;
       }
     }
-    var oi = !1, li;
+    var si = !1, di;
     {
       var ji = typeof WeakMap == "function" ? WeakMap : Map;
-      li = new ji();
+      di = new ji();
     }
     function yi(b, k) {
-      if (!b || oi)
+      if (!b || si)
         return "";
       {
-        var T = li.get(b);
+        var T = di.get(b);
         if (T !== void 0)
           return T;
       }
       var V;
-      oi = !0;
+      si = !0;
       var X = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var ni;
-      ni = O.current, O.current = null, di();
+      var ei;
+      ei = D.current, D.current = null, ai();
       try {
         if (k) {
-          var q = function() {
+          var $ = function() {
             throw Error();
           };
-          if (Object.defineProperty(q.prototype, "props", {
+          if (Object.defineProperty($.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(q, []);
+              Reflect.construct($, []);
             } catch (gi) {
               V = gi;
             }
-            Reflect.construct(b, [], q);
+            Reflect.construct(b, [], $);
           } else {
             try {
-              q.call();
+              $.call();
             } catch (gi) {
               V = gi;
             }
-            b.call(q.prototype);
+            b.call($.prototype);
           }
         } else {
           try {
@@ -277,17 +277,17 @@ function ko() {
                   if (ci--, mi--, mi < 0 || _[ci] !== hi[mi]) {
                     var Ai = `
 ` + _[ci].replace(" at new ", " at ");
-                    return b.displayName && Ai.includes("<anonymous>") && (Ai = Ai.replace("<anonymous>", b.displayName)), typeof b == "function" && li.set(b, Ai), Ai;
+                    return b.displayName && Ai.includes("<anonymous>") && (Ai = Ai.replace("<anonymous>", b.displayName)), typeof b == "function" && di.set(b, Ai), Ai;
                   }
                 while (ci >= 1 && mi >= 0);
               break;
             }
         }
       } finally {
-        oi = !1, O.current = ni, H(), Error.prepareStackTrace = X;
+        si = !1, D.current = ei, H(), Error.prepareStackTrace = X;
       }
       var Li = b ? b.displayName || b.name : "", Ti = Li ? ui(Li) : "";
-      return typeof b == "function" && li.set(b, Ti), Ti;
+      return typeof b == "function" && di.set(b, Ti), Ti;
     }
     function ki(b, k, T) {
       return yi(b, !1);
@@ -313,13 +313,13 @@ function ko() {
         switch (b.$$typeof) {
           case u:
             return ki(b.render);
-          case h:
+          case v:
             return zi(b.type, k, T);
-          case v: {
-            var V = b, X = V._payload, ni = V._init;
+          case h: {
+            var V = b, X = V._payload, ei = V._init;
             try {
-              return zi(ni(X), k, T);
-            } catch (q) {
+              return zi(ei(X), k, T);
+            } catch ($) {
             }
           }
         }
@@ -335,20 +335,20 @@ function ko() {
     }
     function Fe(b, k, T, V, X) {
       {
-        var ni = Function.call.bind(Ki);
-        for (var q in b)
-          if (ni(b, q)) {
+        var ei = Function.call.bind(Ki);
+        for (var $ in b)
+          if (ei(b, $)) {
             var _ = void 0;
             try {
-              if (typeof b[q] != "function") {
-                var hi = Error((V || "React class") + ": " + T + " type `" + q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof b[q] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof b[$] != "function") {
+                var hi = Error((V || "React class") + ": " + T + " type `" + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof b[$] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw hi.name = "Invariant Violation", hi;
               }
-              _ = b[q](k, q, V, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              _ = b[$](k, $, V, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (ci) {
               _ = ci;
             }
-            _ && !(_ instanceof Error) && (_i(X), x("%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).", V || "React class", T, q, typeof _), _i(null)), _ instanceof Error && !(_.message in Gn) && (Gn[_.message] = !0, _i(X), x("Failed %s type: %s", T, _.message), _i(null));
+            _ && !(_ instanceof Error) && (_i(X), x("%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).", V || "React class", T, $, typeof _), _i(null)), _ instanceof Error && !(_.message in Gn) && (Gn[_.message] = !0, _i(X), x("Failed %s type: %s", T, _.message), _i(null));
           }
       }
     }
@@ -423,7 +423,7 @@ function ko() {
         });
       }
     }
-    var Qe = function(b, k, T, V, X, ni, q) {
+    var Qe = function(b, k, T, V, X, ei, $) {
       var _ = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
@@ -431,9 +431,9 @@ function ko() {
         type: b,
         key: k,
         ref: T,
-        props: q,
+        props: $,
         // Record the component responsible for creating this element.
-        _owner: ni
+        _owner: ei
       };
       return _._store = {}, Object.defineProperty(_._store, "validated", {
         configurable: !1,
@@ -454,20 +454,20 @@ function ko() {
     };
     function Xe(b, k, T, V, X) {
       {
-        var ni, q = {}, _ = null, hi = null;
+        var ei, $ = {}, _ = null, hi = null;
         T !== void 0 && (Fn(T), _ = "" + T), Ye(k) && (Fn(k.key), _ = "" + k.key), Je(k) && (hi = k.ref, Ze(k, X));
-        for (ni in k)
-          Ki.call(k, ni) && !_e.hasOwnProperty(ni) && (q[ni] = k[ni]);
+        for (ei in k)
+          Ki.call(k, ei) && !_e.hasOwnProperty(ei) && ($[ei] = k[ei]);
         if (b && b.defaultProps) {
           var ci = b.defaultProps;
-          for (ni in ci)
-            q[ni] === void 0 && (q[ni] = ci[ni]);
+          for (ei in ci)
+            $[ei] === void 0 && ($[ei] = ci[ei]);
         }
         if (_ || hi) {
           var mi = typeof b == "function" ? b.displayName || b.name || "Unknown" : b;
-          _ && qe(q, mi), hi && $e(q, mi);
+          _ && qe($, mi), hi && $e($, mi);
         }
-        return Qe(b, _, hi, X, V, Wn.current, q);
+        return Qe(b, _, hi, X, V, Wn.current, $);
       }
     }
     var un = p.ReactCurrentOwner, _n = p.ReactDebugCurrentFrame;
@@ -538,8 +538,8 @@ Check the top-level render call using <` + T + ">.");
         else if (b) {
           var X = m(b);
           if (typeof X == "function" && X !== b.entries)
-            for (var ni = X.call(b), q; !(q = ni.next()).done; )
-              cn(q.value) && Zn(q.value, k);
+            for (var ei = X.call(b), $; !($ = ei.next()).done; )
+              cn($.value) && Zn($.value, k);
         }
       }
     }
@@ -553,7 +553,7 @@ Check the top-level render call using <` + T + ">.");
           T = k.propTypes;
         else if (typeof k == "object" && (k.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        k.$$typeof === h))
+        k.$$typeof === v))
           T = k.propTypes;
         else
           return;
@@ -581,10 +581,10 @@ Check the top-level render call using <` + T + ">.");
       }
     }
     var $n = {};
-    function Qn(b, k, T, V, X, ni) {
+    function Qn(b, k, T, V, X, ei) {
       {
-        var q = W(b);
-        if (!q) {
+        var $ = W(b);
+        if (!$) {
           var _ = "";
           (b === void 0 || typeof b == "object" && b !== null && Object.keys(b).length === 0) && (_ += " 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 hi = io();
@@ -592,10 +592,10 @@ Check the top-level render call using <` + T + ">.");
           var ci;
           b === null ? ci = "null" : dn(b) ? ci = "array" : b !== void 0 && b.$$typeof === e ? (ci = "<" + (E(b.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : ci = typeof b, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ci, _);
         }
-        var mi = Xe(b, k, T, X, ni);
+        var mi = Xe(b, k, T, X, ei);
         if (mi == null)
           return mi;
-        if (q) {
+        if ($) {
           var Ai = k.children;
           if (Ai !== void 0)
             if (V)
@@ -647,12 +647,12 @@ const pi = ro(void 0), oe = {
   questionData: [],
   disabled: !1
 }, Se = ({ children: i }) => {
-  const [e, o] = R({}), [s, a] = R({}), [l, d] = R([oe]), [t, u] = R(!1), [r, c] = R(null), [h, v] = R([
+  const [e, o] = R({}), [s, a] = R({}), [l, d] = R([oe]), [t, u] = R(!1), [r, c] = R(null), [v, h] = R([
     0
   ]), [g, y] = R(""), f = ri.useCallback(() => {
   }, []), m = ri.useCallback(() => {
     const M = xi();
-    d((E) => [...E, { ...oe, id: M }]), c(M), v([l.length]);
+    d((E) => [...E, { ...oe, id: M }]), c(M), h([l.length]);
   }, [l]), p = ri.useCallback((M) => {
     d(
       (E) => E.filter((P) => P.id !== M)
@@ -664,10 +664,10 @@ const pi = ro(void 0), oe = {
       );
       L && d(
         (G) => G == null ? void 0 : G.map(
-          ($) => $.id === E ? {
-            ...$,
-            questionData: $.questionData.filter((w) => L.type === "grid" ? w.gridId !== L.id && w.id !== L.id : w.id !== M)
-          } : $
+          (q) => q.id === E ? {
+            ...q,
+            questionData: q.questionData.filter((w) => L.type === "grid" ? w.gridId !== L.id && w.id !== L.id : w.id !== M)
+          } : q
         )
       );
     },
@@ -680,40 +680,40 @@ const pi = ro(void 0), oe = {
         (w) => w.id === M
       );
       if (L === -1) return;
-      const G = P.questionData[L], $ = (w, D = {}) => ({
+      const G = P.questionData[L], q = (w, I = {}) => ({
         ...JSON.parse(JSON.stringify(w)),
         id: xi(),
-        ...D
+        ...I
       });
       d(
-        (w) => w == null ? void 0 : w.map((D) => {
-          var ai;
-          if (D.id !== E) return D;
-          const z = [...D.questionData];
+        (w) => w == null ? void 0 : w.map((I) => {
+          var ni;
+          if (I.id !== E) return I;
+          const U = [...I.questionData];
           if (G.type === "grid") {
-            const vi = (ai = z == null ? void 0 : z.map((oi, li) => ({ e: oi, i: li })).filter(
-              ({ e: oi }) => oi.id === G.id || oi.gridId === G.id
-            )) == null ? void 0 : ai.map(({ i: oi }) => oi), bi = vi.length ? Math.max(...vi) + 1 : L + 1, di = xi(), H = $(G, {});
-            H.id = di;
-            const O = z.filter((oi) => oi.gridId === G.id), si = O == null ? void 0 : O.map(
-              (oi) => $(oi, { gridId: di })
+            const vi = (ni = U == null ? void 0 : U.map((si, di) => ({ e: si, i: di })).filter(
+              ({ e: si }) => si.id === G.id || si.gridId === G.id
+            )) == null ? void 0 : ni.map(({ i: si }) => si), bi = vi.length ? Math.max(...vi) + 1 : L + 1, ai = xi(), H = q(G, {});
+            H.id = ai;
+            const D = U.filter((si) => si.gridId === G.id), li = D == null ? void 0 : D.map(
+              (si) => q(si, { gridId: ai })
             ), ui = [
-              ...z.slice(0, bi),
+              ...U.slice(0, bi),
               H,
-              ...si,
-              ...z.slice(bi)
+              ...li,
+              ...U.slice(bi)
             ];
-            return { ...D, questionData: ui };
+            return { ...I, questionData: ui };
           } else {
-            const vi = $(
+            const vi = q(
               G,
               G.gridId ? { gridId: G.gridId } : {}
             ), bi = [
-              ...z.slice(0, L + 1),
+              ...U.slice(0, L + 1),
               vi,
-              ...z.slice(L + 1)
+              ...U.slice(L + 1)
             ];
-            return { ...D, questionData: bi };
+            return { ...I, questionData: bi };
           }
         })
       );
@@ -758,19 +758,19 @@ const pi = ro(void 0), oe = {
       d(
         (L) => L == null ? void 0 : L.map(
           (G) => {
-            var $;
+            var q;
             return G.id === P ? {
               ...G,
-              questionData: ($ = G.questionData) == null ? void 0 : $.map(
+              questionData: (q = G.questionData) == null ? void 0 : q.map(
                 (w) => {
-                  var D;
+                  var I;
                   return w.type === "grid" && w.gridData ? {
                     ...w,
-                    gridData: (D = w.gridData) == null ? void 0 : D.map(
-                      (z, ai) => ai === M ? {
-                        ...z,
+                    gridData: (I = w.gridData) == null ? void 0 : I.map(
+                      (U, ni) => ni === M ? {
+                        ...U,
                         ...E
-                      } : z
+                      } : U
                     ).concat(
                       M >= w.gridData.length ? { ...E } : []
                     )
@@ -783,7 +783,7 @@ const pi = ro(void 0), oe = {
       );
     },
     []
-  ), I = ri.useCallback((M, E) => {
+  ), K = ri.useCallback((M, E) => {
     d(
       (P) => P == null ? void 0 : P.map(
         (L) => {
@@ -791,7 +791,7 @@ const pi = ro(void 0), oe = {
           return L.id === E ? {
             ...L,
             questionData: (G = L.questionData) == null ? void 0 : G.map(
-              ($) => $.id === M.id ? { ...$, ...M } : $
+              (q) => q.id === M.id ? { ...q, ...M } : q
             )
           } : L;
         }
@@ -804,47 +804,52 @@ const pi = ro(void 0), oe = {
         sectionId: P,
         targetIndex: L,
         targetId: G,
-        targetGridId: $,
+        targetGridId: q,
         targetCol: w
       } = M;
       d(
-        (D) => D.map((z) => {
-          if (z.id !== P) return z;
-          const ai = [...z.questionData], vi = ai.findIndex((di) => di.id === E);
-          if (vi === -1) return z;
-          const bi = { ...ai[vi] };
-          if ($ !== void 0 && w !== void 0) {
-            if (bi.type === "grid") return z;
-            const di = ai.findIndex(
-              (O) => {
-                var si;
-                return O.id !== E && O.gridId === $ && ((si = O.gridPosition) == null ? void 0 : si.col) === w;
+        (I) => I.map((U) => {
+          if (U.id !== P) return U;
+          const ni = [...U.questionData], vi = ni.findIndex((ai) => ai.id === E);
+          if (vi === -1) return U;
+          const bi = { ...ni[vi] };
+          if (q !== void 0 && w !== void 0) {
+            if (bi.type === "grid") return U;
+            const ai = ni.findIndex(
+              (D) => {
+                var li;
+                return D.id !== E && D.gridId === q && ((li = D.gridPosition) == null ? void 0 : li.col) === w;
               }
             );
-            let H = ai.map(
-              (O) => O.id === E ? {
-                ...O,
-                gridId: $,
+            let H = ni.map(
+              (D) => D.id === E ? {
+                ...D,
+                gridId: q,
                 gridPosition: { col: w }
-              } : O
+              } : D
             );
-            return di !== -1 && (H = H.map((O, si) => {
-              if (si !== di) return O;
-              const ui = { ...O };
+            return ai !== -1 && (H = H.map((D, li) => {
+              if (li !== ai) return D;
+              const ui = { ...D };
               return delete ui.gridId, delete ui.gridPosition, ui;
-            })), { ...z, questionData: H };
+            })), { ...U, questionData: H };
           }
-          if (bi.gridId && L !== void 0 && $ === void 0) {
-            const di = { ...bi };
-            delete di.gridId, delete di.gridPosition;
-            const H = ai.filter((si) => si.id !== E), O = Math.min(L, H.length);
-            return H.splice(O, 0, di), { ...z, questionData: H };
+          if (bi.gridId && L !== void 0 && q === void 0) {
+            const ai = { ...bi };
+            delete ai.gridId, delete ai.gridPosition;
+            const H = ni.filter((li) => li.id !== E), D = Math.min(L, H.length);
+            return H.splice(D, 0, ai), { ...U, questionData: H };
+          }
+          if (!bi.gridId && L !== void 0 && q === void 0 && !G) {
+            ni.splice(vi, 1);
+            const ai = Math.min(L, ni.length);
+            return ni.splice(ai, 0, bi), { ...U, questionData: ni };
           }
           if (G) {
-            const di = ai.findIndex((H) => H.id === G);
-            return di === -1 ? z : (ai.splice(vi, 1), ai.splice(di, 0, bi), { ...z, questionData: ai });
+            const ai = ni.findIndex((H) => H.id === G);
+            return ai === -1 ? U : (ni.splice(vi, 1), ni.splice(ai, 0, bi), { ...U, questionData: ni });
           }
-          return z;
+          return U;
         })
       );
     },
@@ -869,7 +874,7 @@ const pi = ro(void 0), oe = {
       updateElementPosition: N,
       addElement: S,
       addElementInPosition: A,
-      updateElement: I,
+      updateElement: K,
       addSection: m,
       removeSection: p,
       updateSection: W,
@@ -877,8 +882,8 @@ const pi = ro(void 0), oe = {
       setIsDragging: u,
       selectedSection: r,
       setSelectedSection: c,
-      activeSections: h,
-      setActiveSections: v,
+      activeSections: v,
+      setActiveSections: h,
       updateGridElement: C,
       answerData: e,
       setAnswerData: o,
@@ -895,13 +900,13 @@ const pi = ro(void 0), oe = {
       N,
       S,
       A,
-      I,
+      K,
       m,
       p,
       W,
       t,
       r,
-      h,
+      v,
       C,
       e,
       g,
@@ -1108,15 +1113,15 @@ const Nn = ({
   maxDate: t,
   showYearDropdown: u
 }) => {
-  const r = i ? new Date(i) : null, [c, h] = R(r);
-  K(() => {
+  const r = i ? new Date(i) : null, [c, v] = R(r);
+  O(() => {
     const g = i ? new Date(i) : null;
-    (g && c && g.getTime() !== c.getTime() || !g && c || g && !c) && h(g);
-  }, [i]), K(() => {
+    (g && c && g.getTime() !== c.getTime() || !g && c || g && !c) && v(g);
+  }, [i]), O(() => {
     e && e(a, c);
   }, [c, e, a]);
-  const v = (g) => {
-    h(g);
+  const h = (g) => {
+    v(g);
   };
   return /* @__PURE__ */ n.jsx("div", { className: "builder_date__picker", children: /* @__PURE__ */ n.jsx(
     mo,
@@ -1127,7 +1132,7 @@ const Nn = ({
       dateFormat: s,
       disabled: o,
       selected: c,
-      onChange: v,
+      onChange: h,
       className: "field-control",
       portalId: "root-portal",
       placeholderText: l,
@@ -1149,7 +1154,7 @@ function To({
     watch: a
   } = e || {};
   let l;
-  return a && (l = a()[i.id]), K(() => {
+  return a && (l = a()[i.id]), O(() => {
     o(i.id);
   }, [i.id]), /* @__PURE__ */ n.jsx(
     Nn,
@@ -1446,20 +1451,20 @@ function Wo(i, e) {
     j % 2 === 1 && (a.left !== a.top && (N = a.left, a.left = a.top, a.top = N), a.width !== a.height && (N = a.width, a.width = a.height, a.height = N)), m.length && (l = Vo(l, '<g transform="' + m.join(" ") + '">', "</g>"));
   });
   const d = s.width, t = s.height, u = a.width, r = a.height;
-  let c, h;
-  d === null ? (h = t === null ? "1em" : t === "auto" ? r : t, c = de(h, u / r)) : (c = d === "auto" ? u : d, h = t === null ? de(c, r / u) : t === "auto" ? r : t);
-  const v = {}, g = (f, m) => {
-    Fo(m) || (v[f] = m.toString());
+  let c, v;
+  d === null ? (v = t === null ? "1em" : t === "auto" ? r : t, c = de(v, u / r)) : (c = d === "auto" ? u : d, v = t === null ? de(c, r / u) : t === "auto" ? r : t);
+  const h = {}, g = (f, m) => {
+    Fo(m) || (h[f] = m.toString());
   };
-  g("width", c), g("height", h);
+  g("width", c), g("height", v);
   const y = [
     a.left,
     a.top,
     u,
     r
   ];
-  return v.viewBox = y.join(" "), {
-    attributes: v,
+  return h.viewBox = y.join(" "), {
+    attributes: h,
     viewBox: y,
     body: l
   };
@@ -1674,12 +1679,12 @@ function la(i) {
     const l = a.provider, d = a.prefix, t = a.name, u = o[l] || (o[l] = /* @__PURE__ */ Object.create(null)), r = u[d] || (u[d] = Oi(l, d));
     let c;
     t in r.icons ? c = e.loaded : d === "" || r.missing.has(t) ? c = e.missing : c = e.pending;
-    const h = {
+    const v = {
       provider: l,
       prefix: d,
       name: t
     };
-    c.push(h);
+    c.push(v);
   }), e;
 }
 function da(i, e = !0, o = !1) {
@@ -1709,15 +1714,15 @@ function ta(i, e, o, s) {
     d = d.concat(A);
   } else d = i.resources.slice(l).concat(i.resources.slice(0, l));
   const t = Date.now();
-  let u = "pending", r = 0, c, h = null, v = [], g = [];
+  let u = "pending", r = 0, c, v = null, h = [], g = [];
   typeof s == "function" && g.push(s);
   function y() {
-    h && (clearTimeout(h), h = null);
+    v && (clearTimeout(v), v = null);
   }
   function f() {
-    u === "pending" && (u = "aborted"), y(), v.forEach((A) => {
+    u === "pending" && (u = "aborted"), y(), h.forEach((A) => {
       A.status === "pending" && (A.status = "aborted");
-    }), v = [];
+    }), h = [];
   }
   function m(A, C) {
     C && (g = []), typeof A == "function" && g.push(A);
@@ -1728,7 +1733,7 @@ function ta(i, e, o, s) {
       payload: e,
       status: u,
       queriesSent: r,
-      queriesPending: v.length,
+      queriesPending: h.length,
       subscribe: m,
       abort: f
     };
@@ -1739,13 +1744,13 @@ function ta(i, e, o, s) {
     });
   }
   function j() {
-    v.forEach((A) => {
+    h.forEach((A) => {
       A.status === "pending" && (A.status = "aborted");
-    }), v = [];
+    }), h = [];
   }
-  function N(A, C, I) {
+  function N(A, C, K) {
     const Q = C !== "success";
-    switch (v = v.filter((W) => W !== A), u) {
+    switch (h = h.filter((W) => W !== A), u) {
       case "pending":
         break;
       case "failed":
@@ -1755,11 +1760,11 @@ function ta(i, e, o, s) {
         return;
     }
     if (C === "abort") {
-      c = I, x();
+      c = K, x();
       return;
     }
     if (Q) {
-      c = I, v.length || (d.length ? S() : x());
+      c = K, h.length || (d.length ? S() : x());
       return;
     }
     if (y(), j(), !i.random) {
@@ -1767,7 +1772,7 @@ function ta(i, e, o, s) {
       W !== -1 && W !== i.index && (i.index = W);
     }
     u = "completed", g.forEach((W) => {
-      W(I);
+      W(K);
     });
   }
   function S() {
@@ -1775,8 +1780,8 @@ function ta(i, e, o, s) {
     y();
     const A = d.shift();
     if (A === void 0) {
-      if (v.length) {
-        h = setTimeout(() => {
+      if (h.length) {
+        v = setTimeout(() => {
           y(), u === "pending" && (j(), x());
         }, i.timeout);
         return;
@@ -1787,11 +1792,11 @@ function ta(i, e, o, s) {
     const C = {
       status: "pending",
       resource: A,
-      callback: (I, Q) => {
-        N(C, I, Q);
+      callback: (K, Q) => {
+        N(C, K, Q);
       }
     };
-    v.push(C), r++, h = setTimeout(S, i.rotate), o(A, e, C.callback);
+    h.push(C), r++, v = setTimeout(S, i.rotate), o(A, e, C.callback);
   }
   return setTimeout(S), p;
 }
@@ -1805,8 +1810,8 @@ function we(i) {
     o = o.filter((t) => t().status === "pending");
   }
   function a(t, u, r) {
-    const c = ta(e, t, u, (h, v) => {
-      s(), r && r(h, v);
+    const c = ta(e, t, u, (v, h) => {
+      s(), r && r(v, h);
     });
     return o.push(c), c;
   }
@@ -1911,11 +1916,11 @@ function va(i, e) {
     }
     if (l) {
       a.forEach((c) => {
-        const h = l(c, s, o);
-        re(h, (v) => {
-          const g = v ? {
+        const v = l(c, s, o);
+        re(v, (h) => {
+          const g = h ? {
             prefix: s,
-            icons: { [c]: v }
+            icons: { [c]: h }
           } : null;
           Fi(i, [c], g);
         });
@@ -1930,8 +1935,8 @@ function va(i, e) {
       return;
     }
     u.prepare(o, s, d).forEach((c) => {
-      ra(o, c, (h) => {
-        Fi(i, c.icons, h);
+      ra(o, c, (v) => {
+        Fi(i, c.icons, v);
       });
     });
   }));
@@ -1952,11 +1957,11 @@ const ha = (i, e) => {
     const { provider: r, prefix: c } = u;
     if (c === t && r === d) return;
     d = r, t = c, l.push(Oi(r, c));
-    const h = a[r] || (a[r] = /* @__PURE__ */ Object.create(null));
-    h[c] || (h[c] = []);
+    const v = a[r] || (a[r] = /* @__PURE__ */ Object.create(null));
+    v[c] || (v[c] = []);
   }), s.pending.forEach((u) => {
-    const { provider: r, prefix: c, name: h } = u, v = Oi(r, c), g = v.pendingIcons || (v.pendingIcons = /* @__PURE__ */ new Set());
-    g.has(h) || (g.add(h), a[r][c].push(h));
+    const { provider: r, prefix: c, name: v } = u, h = Oi(r, c), g = h.pendingIcons || (h.pendingIcons = /* @__PURE__ */ new Set());
+    g.has(v) || (g.add(v), a[r][c].push(v));
   }), l.forEach((u) => {
     const r = a[u.provider][u.prefix];
     r.length && va(u, r);
@@ -2144,9 +2149,9 @@ const Ea = (i, e, o) => {
       __html: ka(Jo(r.body, p ? () => p + "ID" + m++ : "iconifyReact"))
     }, Sn("svg", u);
   }
-  const { body: h, width: v, height: g } = i, y = l === "mask" || (l === "bg" ? !1 : h.indexOf("currentColor") !== -1), f = ya(h, {
+  const { body: v, width: h, height: g } = i, y = l === "mask" || (l === "bg" ? !1 : v.indexOf("currentColor") !== -1), f = ya(v, {
     ...c,
-    width: v + "",
+    width: h + "",
     height: g + ""
   });
   return u.style = {
@@ -2244,14 +2249,14 @@ function De(i) {
         });
       } else f && ((g = i.onLoad) === null || g === void 0 || g.call(i, y));
   }
-  K(() => (o(!0), u), []), K(() => {
+  O(() => (o(!0), u), []), O(() => {
     e && c();
   }, [i.icon, e]);
-  const { name: h, data: v } = d;
-  return v ? Ea({
+  const { name: v, data: h } = d;
+  return h ? Ea({
     ...Bn,
-    ...v
-  }, i, h) : i.children ? i.children : i.fallback ? i.fallback : Sn("span", {});
+    ...h
+  }, i, v) : i.children ? i.children : i.fallback ? i.fallback : Sn("span", {});
 }
 const Oe = ye((i, e) => De({
   ...i,
@@ -2262,7 +2267,7 @@ ye((i, e) => De({
   ...i,
   _ref: e
 }));
-function U({
+function z({
   icon: i,
   iconClass: e
 }) {
@@ -2280,66 +2285,66 @@ function Rn({
     isReadOnly: t,
     watch: u
   } = e || {}, r = ii(
-    () => s == null ? void 0 : s.map((h) => h.label).join(", "),
+    () => s == null ? void 0 : s.map((v) => v.label).join(", "),
     [s]
   );
-  return K(() => {
+  return O(() => {
     l(i.id);
-  }, [i.id, l]), K(() => {
+  }, [i.id, l]), O(() => {
     if (u) {
-      const h = u((v) => {
-        a(v[i.id]);
+      const v = u((h) => {
+        a(h[i.id]);
       });
       return () => {
-        var v;
-        return (v = h.unsubscribe) == null ? void 0 : v.call(h);
+        var h;
+        return (h = v.unsubscribe) == null ? void 0 : h.call(v);
       };
     }
   }, [u, i.id]), /* @__PURE__ */ n.jsx("div", { className: "custom-select", children: /* @__PURE__ */ n.jsx(
-    ei,
+    oi,
     {
       value: s || [],
-      onChange: (h) => {
-        a(h), d == null || d(i.id, h);
+      onChange: (v) => {
+        a(v), d == null || d(i.id, v);
       },
       multiple: !0,
       disabled: t,
       by: "value",
       children: /* @__PURE__ */ n.jsxs("div", { className: "custom-select__wrapper", children: [
         /* @__PURE__ */ n.jsxs(
-          ei.Button,
+          oi.Button,
           {
             className: "custom-select__control field-control",
             disabled: t,
             children: [
               /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (s == null ? void 0 : s.length) > 0 ? r : /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o != null ? o : " Select options" }) }),
-              /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(U, { icon: "lucide:chevron-down" }) })
+              /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(z, { icon: "lucide:chevron-down" }) })
             ]
           }
         ),
         /* @__PURE__ */ n.jsx(Ri, { as: qi, leave: "custom-select__transition", children: /* @__PURE__ */ n.jsx(
-          ei.Options,
+          oi.Options,
           {
             anchor: "bottom start",
             className: "custom-select__options",
             children: (c = i == null ? void 0 : i.options) == null ? void 0 : c.map(
-              (h, v) => /* @__PURE__ */ n.jsx(
-                ei.Option,
+              (v, h) => /* @__PURE__ */ n.jsx(
+                oi.Option,
                 {
-                  value: h,
+                  value: v,
                   className: ({ active: g }) => `custom-select__option ${g ? "custom-select__option--active" : ""}`,
                   children: ({ selected: g }) => /* @__PURE__ */ n.jsxs("div", { className: "custom-select__option-row", children: [
                     /* @__PURE__ */ n.jsx(
                       "span",
                       {
                         className: `custom-select__option-label ${g ? "custom-select__option--selected" : ""}`,
-                        children: h.label
+                        children: v.label
                       }
                     ),
                     g && /* @__PURE__ */ n.jsx("span", { className: "custom-select__check", children: "✓" })
                   ] })
                 },
-                v
+                h
               )
             )
           }
@@ -2373,9 +2378,9 @@ function Ke({
   removeFile: o
 }) {
   const [s, a] = R(!1), [l, d] = R("unknown"), [t, u] = R(null);
-  K(() => {
+  O(() => {
     i && d(La(i));
-  }, [i]), K(() => {
+  }, [i]), O(() => {
     if (l === "pdf" && (i != null && i.startsWith("data:")))
       try {
         const g = atob(i.split(",")[1]), y = new ArrayBuffer(g.length), f = new Uint8Array(y);
@@ -2391,8 +2396,8 @@ function Ke({
   }, [i, l]);
   const r = () => {
     l === "image" || l === "pdf" ? a(!0) : window.open(t || i, "_blank");
-  }, c = () => a(!1), h = e || (i == null ? void 0 : i.split("/").pop()) || "Unknown file";
-  function v(g, y = "download") {
+  }, c = () => a(!1), v = e || (i == null ? void 0 : i.split("/").pop()) || "Unknown file";
+  function h(g, y = "download") {
     if (!g) return;
     if (g.startsWith("data:")) {
       const m = document.createElement("a");
@@ -2408,11 +2413,11 @@ function Ke({
       {
         onClick: r,
         className: "!flex items-center rounded cursor-pointer   gap-x-3",
-        title: `Click to preview ${h}`,
+        title: `Click to preview ${v}`,
         children: [
-          l === "image" && /* @__PURE__ */ n.jsx("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ n.jsx(U, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
-          l !== "image" && /* @__PURE__ */ n.jsx(U, { icon: Pa[l], iconClass: "text-4xl" }),
-          /* @__PURE__ */ n.jsx("span", { className: "text-sm font-semibold text-center text-gray-700 truncate max-w-[300px]", children: h })
+          l === "image" && /* @__PURE__ */ n.jsx("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ n.jsx(z, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
+          l !== "image" && /* @__PURE__ */ n.jsx(z, { icon: Pa[l], iconClass: "text-4xl" }),
+          /* @__PURE__ */ n.jsx("span", { className: "text-sm font-semibold text-center text-gray-700 truncate max-w-[300px]", children: v })
         ]
       }
     ),
@@ -2422,9 +2427,9 @@ function Ke({
         {
           type: "button",
           className: "p-2",
-          onClick: () => v(t || i, e),
-          title: `Download ${h}`,
-          children: /* @__PURE__ */ n.jsx(U, { icon: "streamline-flex:download-tray-solid" })
+          onClick: () => h(t || i, e),
+          title: `Download ${v}`,
+          children: /* @__PURE__ */ n.jsx(z, { icon: "streamline-flex:download-tray-solid" })
         }
       ),
       o && /* @__PURE__ */ n.jsx(
@@ -2433,7 +2438,7 @@ function Ke({
           type: "button",
           className: "p-2 text-lg text-red-500",
           onClick: o,
-          children: /* @__PURE__ */ n.jsx(U, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ n.jsx(z, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -2461,14 +2466,15 @@ function Ke({
                 "img",
                 {
                   src: i,
-                  alt: h,
-                  className: "max-w-full max-h-[80vh] mx-auto object-contain"
+                  alt: v,
+                  className: "max-w-full max-h-[80vh] mx-auto object-contain",
+                  crossOrigin: "anonymous"
                 }
               ) : l === "pdf" ? /* @__PURE__ */ n.jsx(
                 "iframe",
                 {
                   src: t || i,
-                  title: h,
+                  title: v,
                   className: "w-full h-[80vh] rounded border"
                 }
               ) : null
@@ -2498,11 +2504,11 @@ function Ra({
   list: a = null,
   accept: l = []
 }) {
-  const { uploadUrl: d } = Ni(pi), t = Ii(null), [u, r] = R(a), [c, h] = R(!1);
-  K(() => {
+  const { uploadUrl: d } = Ni(pi), t = Ii(null), [u, r] = R(a), [c, v] = R(!1);
+  O(() => {
     r(a);
   }, [a]);
-  const v = ii(
+  const h = ii(
     () => l == null ? void 0 : l.map((N) => N.value).join(", "),
     [l]
   ), g = ii(
@@ -2529,11 +2535,11 @@ function Ra({
       const C = new FileReader();
       C.onloadend = async () => {
         try {
-          const I = C.result.replace(
+          const K = C.result.replace(
             /^data:.*;base64,/,
             ""
           ), Q = d ? await y({
-            base64: I,
+            base64: K,
             ext: `.${N.name.split(".").pop()}`,
             fileName: N.name
           }) : C.result;
@@ -2542,8 +2548,8 @@ function Ra({
             type: N.type,
             name: N.name
           });
-        } catch (I) {
-          A(I);
+        } catch (K) {
+          A(K);
         }
       }, C.onerror = () => A(new Error("File read failed")), C.readAsDataURL(N);
     }),
@@ -2551,14 +2557,14 @@ function Ra({
   ), m = Y(
     (N) => {
       var A;
-      const S = v ? (A = v.split(",")) == null ? void 0 : A.map((C) => C.trim()) : [];
+      const S = h ? (A = h.split(",")) == null ? void 0 : A.map((C) => C.trim()) : [];
       for (const C of N) {
         if (C.size > wa)
           return Si.error(
             `File "${C.name}" exceeds 5MB limit (${(C.size / 1024 / 1024).toFixed(2)}MB)`
           ), !1;
         if (S.length && !S.some(
-          (I) => C.type === I || C.name.toLowerCase().endsWith(I.replace("*", ""))
+          (K) => C.type === K || C.name.toLowerCase().endsWith(K.replace("*", ""))
         ))
           return Si.error(
             `File "${C.name}" is not an allowed type. Allowed: ${g || "any"}`
@@ -2566,7 +2572,7 @@ function Ra({
       }
       return !0;
     },
-    [v, g]
+    [h, g]
   ), p = Y(
     async (N) => {
       const S = Array.from(N.target.files || []);
@@ -2576,24 +2582,21 @@ function Ra({
           return;
         }
         try {
-          h(!0);
-          const A = await Promise.all(S == null ? void 0 : S.map(f));
-          r((C) => {
-            const I = s && C ? [...C, ...A] : A;
-            return i(I), I;
-          }), Si.success(`Successfully uploaded ${S.length} file(s)`);
+          v(!0);
+          const A = await Promise.all(S == null ? void 0 : S.map(f)), C = s && u ? [...u, ...A] : A;
+          r(C), i(C), Si.success(`Successfully uploaded ${S.length} file(s)`);
         } catch (A) {
           console.error("Upload error:", A), Si.error("Failed to upload file(s). Please try again.");
         } finally {
-          h(!1), t.current && (t.current.value = "");
+          v(!1), t.current && (t.current.value = "");
         }
       }
     },
-    [c, m, f, i, s]
+    [c, m, f, i, s, u]
   ), x = Y(
     (N) => {
       c || (t.current && (t.current.value = ""), r((S) => {
-        const A = N === void 0 ? null : (S == null ? void 0 : S.filter((C, I) => I !== N)) || null;
+        const A = N === void 0 ? null : (S == null ? void 0 : S.filter((C, K) => K !== N)) || null;
         return i(A), A;
       }), o == null || o());
     },
@@ -2609,7 +2612,7 @@ function Ra({
           onChange: p,
           disabled: e || c,
           multiple: s,
-          accept: v || "",
+          accept: h || "",
           className: `w-full text-sm text-gray-500 file:mr-4 flex-1 file:px-4 !py-1 !pl-1\r
                      file:rounded-[6px] file:py-[6px] file:border-0\r
                      file:text-sm file:font-semibold\r
@@ -2625,7 +2628,7 @@ function Ra({
           onClick: () => x(),
           disabled: c,
           "aria-label": "Remove all files",
-          children: /* @__PURE__ */ n.jsx(U, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ n.jsx(z, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -2654,22 +2657,22 @@ function Ia({ element: i, validationData: e }) {
     isReadOnly: d,
     watch: t
   } = e || {};
-  K(() => {
+  O(() => {
     a(i.id);
-  }, [i.id, a]), K(() => {
+  }, [i.id, a]), O(() => {
     if (t) {
-      const h = t((v) => {
-        s(v[i.id]);
+      const v = t((h) => {
+        s(h[i.id]);
       });
       return () => {
-        var v;
-        return (v = h.unsubscribe) == null ? void 0 : v.call(h);
+        var h;
+        return (h = v.unsubscribe) == null ? void 0 : h.call(v);
       };
     }
   }, [t, i.id]);
   const u = Y(
-    (h) => {
-      l == null || l(i.id, h), s(h);
+    (v) => {
+      l == null || l(i.id, v), s(v);
     },
     [i.id, l]
   ), r = () => {
@@ -2687,7 +2690,7 @@ function Ia({ element: i, validationData: e }) {
         accept: i == null ? void 0 : i.acceptedFiles
       }
     ),
-    o && d && /* @__PURE__ */ n.jsx("div", { className: "relative grid gap-y-1 flex-1 w-full", children: typeof o == "object" && (o == null ? void 0 : o.map((h, v) => /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ke, { fileUrl: h.base64, fileName: h.name }) }, v))) })
+    o && d && /* @__PURE__ */ n.jsx("div", { className: "relative grid gap-y-1 flex-1 w-full", children: typeof o == "object" && (o == null ? void 0 : o.map((v, h) => /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ke, { fileUrl: v.base64, fileName: v.name }) }, h))) })
   ] });
 }
 function Da({
@@ -2718,8 +2721,8 @@ const F = ({
   setValue: u,
   value: r,
   trigger: c,
-  prefix: h,
-  disabled: v,
+  prefix: v,
+  disabled: h,
   watch: g,
   min: y,
   max: f
@@ -2745,8 +2748,8 @@ const F = ({
           className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"}`,
           decimalsLimit: 2,
           value: r,
-          prefix: h,
-          disabled: v
+          prefix: v,
+          disabled: h
         }
       ),
       (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "mt-1 text-sm text-red-600", children: (p = s[e]) == null ? void 0 : p.message })
@@ -2762,7 +2765,7 @@ const F = ({
             ...m,
             type: l,
             value: r || "",
-            disabled: v,
+            disabled: h,
             className: "peer sr-only"
           }
         ),
@@ -2779,7 +2782,7 @@ const F = ({
             peer-disabled:cursor-not-allowed
           `,
             children: A && /* @__PURE__ */ n.jsx(
-              U,
+              z,
               {
                 icon: "meteor-icons:check",
                 iconClass: "w-3.5 h-3.5 text-white"
@@ -2806,7 +2809,7 @@ const F = ({
         ...m,
         className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"} ${a}`,
         placeholder: d,
-        disabled: v
+        disabled: h
       }
     ),
     (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "mt-1 text-sm text-red-600", children: (j = s[e]) == null ? void 0 : j.message })
@@ -2825,7 +2828,7 @@ const F = ({
         type: l,
         className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"} ${a}`,
         placeholder: t ? "" : d,
-        disabled: v,
+        disabled: h,
         min: y,
         max: f
       }
@@ -2895,8 +2898,8 @@ const wi = ({
   trigger: u,
   isMultiple: r,
   isFloatingLabel: c,
-  subText: h,
-  labelClass: v = "text-[10px]",
+  subText: v,
+  labelClass: h = "text-[10px]",
   loading: g,
   disabled: y
 }) => {
@@ -2909,7 +2912,7 @@ const wi = ({
     var A;
     return typeof S.value == "string" && typeof t == "string" ? S.value.toLowerCase() === t.toLowerCase() : typeof S.value == "object" && typeof t == "object" ? ((A = S.value) == null ? void 0 : A.id) === (t == null ? void 0 : t.id) : S.value === t;
   }) || null, [t, i, r]);
-  K(() => {
+  O(() => {
     if (p.current) {
       p.current = !1;
       return;
@@ -2922,7 +2925,7 @@ const wi = ({
   const j = Y((S) => {
     var A;
     if (p.current = !0, m(S), a) {
-      const C = r ? Array.isArray(S) ? S == null ? void 0 : S.map((I) => I.value) : [] : (A = S == null ? void 0 : S.value) != null ? A : null;
+      const C = r ? Array.isArray(S) ? S == null ? void 0 : S.map((K) => K.value) : [] : (A = S == null ? void 0 : S.value) != null ? A : null;
       a(l, C), u == null || u(l);
     }
     s && !p.current && s(l);
@@ -2934,20 +2937,20 @@ const wi = ({
       {
         className: J(
           "z-[40] absolute bg-white py-[2px] px-1 -top-[10px] left-3",
-          v
+          h
         ),
         children: d
       }
     ),
     /* @__PURE__ */ n.jsx(
-      ei,
+      oi,
       {
         value: f,
         onChange: j,
         multiple: r,
         disabled: y || g,
         children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ n.jsxs(ei.Button, { className: "field-control", disabled: y || g, children: [
+          /* @__PURE__ */ n.jsxs(oi.Button, { className: "field-control", disabled: y || g, children: [
             /* @__PURE__ */ n.jsx(
               "span",
               {
@@ -2957,7 +2960,7 @@ const wi = ({
                 children: N
               }
             ),
-            /* @__PURE__ */ n.jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ n.jsx(U, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ n.jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ n.jsx(z, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n.jsx(
             Ri,
@@ -2965,14 +2968,14 @@ const wi = ({
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ n.jsx(ei.Options, { anchor: "bottom start", className: "select-button-options", children: i.length === 0 ? /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : i == null ? void 0 : i.map((S, A) => {
+              children: /* @__PURE__ */ n.jsx(oi.Options, { anchor: "bottom start", className: "select-button-options", children: i.length === 0 ? /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : i == null ? void 0 : i.map((S, A) => {
                 var C;
                 return /* @__PURE__ */ n.jsx(
-                  ei.Option,
+                  oi.Option,
                   {
                     value: S,
-                    className: ({ active: I }) => J("select-option", { active: I }),
-                    children: ({ selected: I }) => /* @__PURE__ */ n.jsx("div", { className: J("option-text", { selected: I }), children: S.label })
+                    className: ({ active: K }) => J("select-option", { active: K }),
+                    children: ({ selected: K }) => /* @__PURE__ */ n.jsx("div", { className: J("option-text", { selected: K }), children: S.label })
                   },
                   ((C = S.value) == null ? void 0 : C.id) || S.value || A
                 );
@@ -2982,7 +2985,7 @@ const wi = ({
         ] })
       }
     ),
-    !o && h && /* @__PURE__ */ n.jsx("p", { className: "text-[10px] text-[#98A2B3] mt-[6px]", children: h }),
+    !o && v && /* @__PURE__ */ n.jsx("p", { className: "text-[10px] text-[#98A2B3] mt-[6px]", children: v }),
     (o == null ? void 0 : o.message) && /* @__PURE__ */ n.jsx("span", { className: "text-sm text-red-500", children: o.message })
   ] });
 };
@@ -2998,26 +3001,26 @@ function Tn({
     const g = e != null ? e : o;
     return i.find((y) => y.value === g || y.label === g) || null;
   }, [e, o, i]), [r, c] = R(u);
-  K(() => {
+  O(() => {
     if (e !== void 0) {
       const g = i.find((y) => y.value === e || y.label === e) || null;
       c(g);
     }
   }, [e, i]);
-  const h = ii(() => {
+  const v = ii(() => {
     if (d === "") return i;
     const g = d.toLowerCase();
     return i.filter(
       (y) => y.label.toLowerCase().includes(g)
     );
-  }, [d, i]), v = Y((g) => {
+  }, [d, i]), h = Y((g) => {
     c(g), s(l, g);
   }, [l, s]);
   return /* @__PURE__ */ n.jsx("div", { className: "relative w-full", children: /* @__PURE__ */ n.jsxs(
     Pi,
     {
       value: r,
-      onChange: v,
+      onChange: h,
       disabled: a,
       children: [
         /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
@@ -3030,9 +3033,9 @@ function Tn({
               placeholder: "Select an option..."
             }
           ),
-          /* @__PURE__ */ n.jsx(vo, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ n.jsx(U, { icon: "octicon:chevron-down-12" }) })
+          /* @__PURE__ */ n.jsx(vo, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ n.jsx(z, { icon: "octicon:chevron-down-12" }) })
         ] }),
-        /* @__PURE__ */ n.jsx(ho, { anchor: "bottom start", className: "select-options__combo", children: h.length === 0 ? /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : h == null ? void 0 : h.map((g) => /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx(ho, { anchor: "bottom start", className: "select-options__combo", children: v.length === 0 ? /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : v == null ? void 0 : v.map((g) => /* @__PURE__ */ n.jsx(
           po,
           {
             value: g,
@@ -3057,7 +3060,7 @@ function Ha({
     watch: l
   } = e || {};
   let d;
-  return l && (d = l()[i.id]), K(() => {
+  return l && (d = l()[i.id]), O(() => {
     o(i.id);
   }, [i.id, o]), /* @__PURE__ */ n.jsx(n.Fragment, { children: i.selectType === "list" ? /* @__PURE__ */ n.jsx(
     wi,
@@ -3114,8 +3117,8 @@ function In(i, e, o) {
         if (!d.inner) throw d;
         return { values: {}, errors: Ao((t = d, u = !l.shouldUseNativeValidation && l.criteriaMode === "all", (t.inner || []).reduce(function(r, c) {
           if (r[c.path] || (r[c.path] = { message: c.message, type: c.type }), u) {
-            var h = r[c.path].types, v = h && h[c.type];
-            r[c.path] = go(c.path, u, r, c.type, v ? [].concat(v, c.message) : c.message);
+            var v = r[c.path].types, h = v && v[c.type];
+            r[c.path] = go(c.path, u, r, c.type, h ? [].concat(h, c.message) : c.message);
           }
           return r;
         }, {})), l) };
@@ -3143,21 +3146,21 @@ const Fa = ({
       "capitalize text-sm  whitespace-nowrap no-scrollbar font-semibold pb-[14px] border-b-2 border-[#EAECF0] px-6 flex items-center  gap-x-1 flex-1 text-center",
       `${i.length === 1 ? "justify-start" : "justify-center"}`,
       l
-    ), h = J({
+    ), v = J({
       "border-gray-500 border-primary border-primary-500  text-primary text-primary-500": u,
       "border-transparent text-gray-400 ": !u
-    }), v = r > 0 && /* @__PURE__ */ n.jsx("span", { className: "text-xs h-6 min-w-[24px] rounded-full flex justify-center items-center border border-[#EAECF0] darks:border-gray-500 bg-[#F9FAFB] darks:bg-gray-800 text-[#454745] darks:text-white/80", children: r });
+    }), h = r > 0 && /* @__PURE__ */ n.jsx("span", { className: "text-xs h-6 min-w-[24px] rounded-full flex justify-center items-center border border-[#EAECF0] darks:border-gray-500 bg-[#F9FAFB] darks:bg-gray-800 text-[#454745] darks:text-white/80", children: r });
     return /* @__PURE__ */ n.jsxs(
       "button",
       {
         onClick: () => s(t.key),
-        className: J(c, h),
+        className: J(c, v),
         "aria-selected": u,
         role: "tab",
         type: "button",
         children: [
           t.title,
-          v
+          h
         ]
       },
       t.key
@@ -3531,7 +3534,7 @@ function os({
   const [s, a] = R(
     (i == null ? void 0 : i.length) > 0 ? i : [{ value: "" }]
   );
-  K(() => {
+  O(() => {
     (i == null ? void 0 : i.length) > 0 && JSON.stringify(i) !== JSON.stringify(s) && a(i);
   }, [i]);
   function l(u, r) {
@@ -3551,10 +3554,10 @@ function os({
     a(u), e && e(u);
   }
   function t(u) {
-    const r = s.filter((c, h) => h !== u);
+    const r = s.filter((c, v) => v !== u);
     a(r), e && e(r);
   }
-  return K(() => {
+  return O(() => {
     o && o(JSON.stringify({ values: s }));
   }, [o, s]), /* @__PURE__ */ n.jsxs("div", { className: "]", children: [
     /* @__PURE__ */ n.jsxs("div", { className: "border border-gray-200 rounded-lg overflow-hidden", children: [
@@ -3649,10 +3652,10 @@ const as = () => /* @__PURE__ */ n.jsx("blockquote", { className: "bg-gray-100 p
     l(u.name);
     const r = new FileReader();
     u.name.endsWith(".csv") ? (r.onload = (c) => {
-      const h = c.target.result, v = So.parse(h, { header: !0 });
-      i(e, v.data);
+      const v = c.target.result, h = So.parse(v, { header: !0 });
+      i(e, h.data);
     }, r.readAsText(u)) : u.name.endsWith(".xlsx") || u.name.endsWith(".xls") ? (r.onload = (c) => {
-      const h = new Uint8Array(c.target.result), v = Xn.read(h, { type: "array" }), g = v.SheetNames[0], y = v.Sheets[g], f = Xn.utils.sheet_to_json(y);
+      const v = new Uint8Array(c.target.result), h = Xn.read(v, { type: "array" }), g = h.SheetNames[0], y = h.Sheets[g], f = Xn.utils.sheet_to_json(y);
       i(e, f);
     }, r.readAsArrayBuffer(u)) : Si.error("Unsupported file type. Please upload a CSV or Excel file.");
   };
@@ -3745,24 +3748,24 @@ function rs({
   const { formData: l } = Ni(pi), d = s("visibilityDependentFields") || [], t = ii(() => {
     var r;
     return (r = ts(l).filter((c) => c.id !== a)) == null ? void 0 : r.map((c) => {
-      const h = d.find(
-        (v) => v.id === c.id
+      const v = d.find(
+        (h) => h.id === c.id
       );
       return {
         id: c.id,
         value: c.id,
         label: c.inputLabel,
         sectionId: c.sectionId,
-        fieldType: (h == null ? void 0 : h.fieldType) || "text",
-        operator: (h == null ? void 0 : h.operator) || "equals",
-        fieldValue: (h == null ? void 0 : h.fieldValue) !== void 0 ? h.fieldValue : ""
+        fieldType: (v == null ? void 0 : v.fieldType) || "text",
+        operator: (v == null ? void 0 : v.operator) || "equals",
+        fieldValue: (v == null ? void 0 : v.fieldValue) !== void 0 ? v.fieldValue : ""
       };
     });
-  }, [l, d, a]), u = (r, c, h) => {
-    const v = d == null ? void 0 : d.map(
-      (g, y) => y === r ? { ...g, [c]: h } : g
+  }, [l, d, a]), u = (r, c, v) => {
+    const h = d == null ? void 0 : d.map(
+      (g, y) => y === r ? { ...g, [c]: v } : g
     );
-    e("visibilityDependentFields", v);
+    e("visibilityDependentFields", h);
   };
   return /* @__PURE__ */ n.jsxs("div", { className: "visibility-editor", children: [
     /* @__PURE__ */ n.jsx("label", { className: "label", children: "Select Dependent Fields" }),
@@ -3778,7 +3781,7 @@ function rs({
       }
     ),
     d.length > 0 && /* @__PURE__ */ n.jsx("div", { className: "py-1 bg-gray-100 rounded dependent-fields", children: d == null ? void 0 : d.map((r, c) => {
-      var h, v;
+      var v, h;
       return /* @__PURE__ */ n.jsxs("div", { className: "dependent-field", children: [
         /* @__PURE__ */ n.jsx(
           "input",
@@ -3791,12 +3794,12 @@ function rs({
           }
         ),
         /* @__PURE__ */ n.jsx("div", { className: "field-listbox min-w-[100px]", children: /* @__PURE__ */ n.jsx(
-          ei,
+          oi,
           {
             value: r.fieldType,
             onChange: (g) => u(c, "fieldType", g),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ n.jsx(ei.Button, { className: "listbox-button", children: r.fieldType }),
+              /* @__PURE__ */ n.jsx(oi.Button, { className: "listbox-button", children: r.fieldType }),
               /* @__PURE__ */ n.jsx(
                 Ri,
                 {
@@ -3805,12 +3808,12 @@ function rs({
                   leaveFrom: "opacity-100",
                   leaveTo: "opacity-0",
                   children: /* @__PURE__ */ n.jsx(
-                    ei.Options,
+                    oi.Options,
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
                       children: gn == null ? void 0 : gn.map((g) => /* @__PURE__ */ n.jsx(
-                        ei.Option,
+                        oi.Option,
                         {
                           value: g,
                           className: "listbox-option",
@@ -3826,12 +3829,12 @@ function rs({
           }
         ) }),
         /* @__PURE__ */ n.jsx("div", { className: "field-listbox min-w-[100px]", children: /* @__PURE__ */ n.jsx(
-          ei,
+          oi,
           {
             value: r.operator,
             onChange: (g) => u(c, "operator", g),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ n.jsx(ei.Button, { className: "listbox-button", children: r.operator.replace("_", " ") }),
+              /* @__PURE__ */ n.jsx(oi.Button, { className: "listbox-button", children: r.operator.replace("_", " ") }),
               /* @__PURE__ */ n.jsx(
                 Ri,
                 {
@@ -3840,12 +3843,12 @@ function rs({
                   leaveFrom: "opacity-100",
                   leaveTo: "opacity-0",
                   children: /* @__PURE__ */ n.jsx(
-                    ei.Options,
+                    oi.Options,
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
-                      children: (h = r.fieldType === "number" ? [...pe, ...cs] : pe) == null ? void 0 : h.map((g) => /* @__PURE__ */ n.jsx(
-                        ei.Option,
+                      children: (v = r.fieldType === "number" ? [...pe, ...cs] : pe) == null ? void 0 : v.map((g) => /* @__PURE__ */ n.jsx(
+                        oi.Option,
                         {
                           value: g,
                           className: "listbox-option",
@@ -3870,12 +3873,12 @@ function rs({
             className: "field-value"
           }
         ) : /* @__PURE__ */ n.jsx("div", { className: "field-listbox", children: /* @__PURE__ */ n.jsx(
-          ei,
+          oi,
           {
-            value: (v = r.fieldValue) != null ? v : "",
+            value: (h = r.fieldValue) != null ? h : "",
             onChange: (g) => u(c, "fieldValue", g),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ n.jsx(ei.Button, { className: "listbox-button", children: r.fieldValue === !0 ? "True" : r.fieldValue === !1 ? "False" : "Select value" }),
+              /* @__PURE__ */ n.jsx(oi.Button, { className: "listbox-button", children: r.fieldValue === !0 ? "True" : r.fieldValue === !1 ? "False" : "Select value" }),
               /* @__PURE__ */ n.jsx(
                 Ri,
                 {
@@ -3884,13 +3887,13 @@ function rs({
                   leaveFrom: "opacity-100",
                   leaveTo: "opacity-0",
                   children: /* @__PURE__ */ n.jsxs(
-                    ei.Options,
+                    oi.Options,
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
                       children: [
                         /* @__PURE__ */ n.jsx(
-                          ei.Option,
+                          oi.Option,
                           {
                             value: !0,
                             className: "listbox-option",
@@ -3898,7 +3901,7 @@ function rs({
                           }
                         ),
                         /* @__PURE__ */ n.jsx(
-                          ei.Option,
+                          oi.Option,
                           {
                             value: !1,
                             className: "listbox-option",
@@ -3996,8 +3999,8 @@ const ms = B.object().shape({
 }) => {
   const s = bs.filter(
     (H) => !Zi.includes(o.inputType) || H.key !== "validation"
-  ), { updateElement: a } = ri.useContext(pi), [l, d] = R("basic"), [t, u] = R(!1), [r, c] = R("manual"), h = fi("config"), {
-    register: v,
+  ), { updateElement: a } = ri.useContext(pi), [l, d] = R("basic"), [t, u] = R(!1), [r, c] = R("manual"), v = fi("config"), {
+    register: h,
     handleSubmit: g,
     control: y,
     setValue: f,
@@ -4011,7 +4014,7 @@ const ms = B.object().shape({
       ...o,
       options: o.options || []
     }
-  }), A = m(), { fields: C, append: I, remove: Q } = mn({
+  }), A = m(), { fields: C, append: K, remove: Q } = mn({
     control: y,
     name: "options"
   }), {
@@ -4029,7 +4032,7 @@ const ms = B.object().shape({
     control: y,
     name: "dataColumns"
   });
-  K(() => {
+  O(() => {
     i || S();
   }, [i, S]);
   const G = (H) => {
@@ -4038,43 +4041,43 @@ const ms = B.object().shape({
     headers: {
       Authorization: `Bearer ${fi("token")}`
     }
-  }, D = Y(async () => {
-    var H, O, si;
+  }, I = Y(async () => {
+    var H, D, li;
     if (!A.apiUrl || !/^https?:\/\//.test(A.apiUrl)) {
       Si.info("Please provide a valid API URL");
       return;
     }
     try {
       u(!0);
-      const { status: ui, data: oi } = await Di.get(A.apiUrl, w);
-      if (ui !== 200 || !oi) {
+      const { status: ui, data: si } = await Di.get(A.apiUrl, w);
+      if (ui !== 200 || !si) {
         Si.error("Unexpected response from server.");
         return;
       }
-      const li = oi.data || oi.record || oi.result;
-      if (!Array.isArray(li)) {
+      const di = si.data || si.record || si.result;
+      if (!Array.isArray(di)) {
         Si.error("Expected an array in response (data, record, or result).");
         return;
       }
-      ((H = o.type) == null ? void 0 : H.toLowerCase()) === "datagrid" ? f("dataColumns", li) : f("options", li);
+      ((H = o.type) == null ? void 0 : H.toLowerCase()) === "datagrid" ? f("dataColumns", di) : f("options", di);
     } catch (ui) {
-      const oi = ((si = (O = ui == null ? void 0 : ui.response) == null ? void 0 : O.data) == null ? void 0 : si.message) || (ui == null ? void 0 : ui.message) || "Unable to load options";
-      Si.error(oi);
+      const si = ((li = (D = ui == null ? void 0 : ui.response) == null ? void 0 : D.data) == null ? void 0 : li.message) || (ui == null ? void 0 : ui.message) || "Unable to load options";
+      Si.error(si);
     } finally {
       u(!1);
     }
-  }, [o.type, f, A.apiUrl]), z = ["manual", "api", "sheet"];
-  function ai() {
-    r === "api" && D();
+  }, [o.type, f, A.apiUrl]), U = ["manual", "api", "sheet"];
+  function ni() {
+    r === "api" && I();
   }
   const vi = () => /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col justify-start gap-y-1", children: [
-    /* @__PURE__ */ n.jsx("div", { className: "flex items-center mb-4 gap-x-5", children: z == null ? void 0 : z.map((H) => /* @__PURE__ */ n.jsxs("label", { className: "items-center text-base capitalize gap-x-3", children: [
+    /* @__PURE__ */ n.jsx("div", { className: "flex items-center mb-4 gap-x-5", children: U == null ? void 0 : U.map((H) => /* @__PURE__ */ n.jsxs("label", { className: "items-center text-base capitalize gap-x-3", children: [
       /* @__PURE__ */ n.jsx(
         "input",
         {
           type: "radio",
           name: "optionType",
-          onChange: (O) => c(O.target.value),
+          onChange: (D) => c(D.target.value),
           value: H
         }
       ),
@@ -4094,7 +4097,7 @@ const ms = B.object().shape({
               label: "Load Options from Api",
               name: "apiUrl",
               errors: x,
-              register: v,
+              register: h,
               className: "!w-full",
               placeholder: "https://example.com/options",
               isFloating: !0
@@ -4105,7 +4108,7 @@ const ms = B.object().shape({
         /* @__PURE__ */ n.jsx(
           "button",
           {
-            onClick: ai,
+            onClick: ni,
             className: "px-3 py-1 text-xs text-white bg-gray-600 rounded",
             type: "button",
             children: "Load"
@@ -4125,7 +4128,7 @@ const ms = B.object().shape({
     ) }),
     /* @__PURE__ */ n.jsxs("div", { children: [
       /* @__PURE__ */ n.jsx("h3", { className: "mb-4 text-sm text-gray-500", children: "Parent Options " }),
-      C == null ? void 0 : C.map((H, O) => /* @__PURE__ */ n.jsxs(
+      C == null ? void 0 : C.map((H, D) => /* @__PURE__ */ n.jsxs(
         "div",
         {
           className: "flex items-center mb-1 gap-x-4 last:mb-0",
@@ -4134,9 +4137,9 @@ const ms = B.object().shape({
               F,
               {
                 watch: m,
-                label: O === 0 ? "Label" : "",
-                name: `options.${O}.label`,
-                register: v,
+                label: D === 0 ? "Label" : "",
+                name: `options.${D}.label`,
+                register: h,
                 errors: x,
                 element: o,
                 placeholder: "Label"
@@ -4146,9 +4149,9 @@ const ms = B.object().shape({
               F,
               {
                 watch: m,
-                label: O === 0 ? "Value" : "",
-                name: `options.${O}.value`,
-                register: v,
+                label: D === 0 ? "Value" : "",
+                name: `options.${D}.value`,
+                register: h,
                 errors: x,
                 element: o,
                 placeholder: "Value"
@@ -4160,8 +4163,8 @@ const ms = B.object().shape({
                 disabled: C.length === 1,
                 type: "button",
                 className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                onClick: () => Q(O),
-                children: /* @__PURE__ */ n.jsx(U, { icon: "iconamoon:sign-times-fill" })
+                onClick: () => Q(D),
+                children: /* @__PURE__ */ n.jsx(z, { icon: "iconamoon:sign-times-fill" })
               }
             )
           ]
@@ -4176,9 +4179,9 @@ const ms = B.object().shape({
           {
             type: "button",
             className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
-            onClick: () => I({ label: "", value: "", id: xi() }),
+            onClick: () => K({ label: "", value: "", id: xi() }),
             children: [
-              /* @__PURE__ */ n.jsx(U, { icon: "qlementine-icons:plus-16" }),
+              /* @__PURE__ */ n.jsx(z, { icon: "qlementine-icons:plus-16" }),
               " Add Option"
             ]
           }
@@ -4190,7 +4193,7 @@ const ms = B.object().shape({
       /* @__PURE__ */ n.jsxs("div", { children: [
         " ",
         /* @__PURE__ */ n.jsx("h3", { className: "mb-4 text-sm text-gray-500", children: "Child Options " }),
-        W == null ? void 0 : W.map((H, O) => /* @__PURE__ */ n.jsxs(
+        W == null ? void 0 : W.map((H, D) => /* @__PURE__ */ n.jsxs(
           "div",
           {
             className: "flex items-center mb-1 gap-x-4 last:mb-0",
@@ -4200,8 +4203,8 @@ const ms = B.object().shape({
                 {
                   watch: m,
                   label: "Label",
-                  name: `options1.${O}.label`,
-                  register: v,
+                  name: `options1.${D}.label`,
+                  register: h,
                   errors: x,
                   element: o,
                   placeholder: "Label",
@@ -4213,8 +4216,8 @@ const ms = B.object().shape({
                 {
                   watch: m,
                   label: "Value",
-                  name: `options1.${O}.value`,
-                  register: v,
+                  name: `options1.${D}.value`,
+                  register: h,
                   errors: x,
                   element: o,
                   placeholder: "Value",
@@ -4226,8 +4229,8 @@ const ms = B.object().shape({
                 {
                   watch: m,
                   label: "Key",
-                  name: `options1.${O}.key`,
-                  register: v,
+                  name: `options1.${D}.key`,
+                  register: h,
                   errors: x,
                   element: o,
                   placeholder: "Key",
@@ -4240,8 +4243,8 @@ const ms = B.object().shape({
                   disabled: W.length === 1,
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                  onClick: () => M(O),
-                  children: /* @__PURE__ */ n.jsx(U, { icon: "iconamoon:sign-times-fill" })
+                  onClick: () => M(D),
+                  children: /* @__PURE__ */ n.jsx(z, { icon: "iconamoon:sign-times-fill" })
                 }
               )
             ]
@@ -4257,7 +4260,7 @@ const ms = B.object().shape({
               className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
               onClick: () => Z({ label: "", value: "", key: "", id: xi() }),
               children: [
-                /* @__PURE__ */ n.jsx(U, { icon: "qlementine-icons:plus-16" }),
+                /* @__PURE__ */ n.jsx(z, { icon: "qlementine-icons:plus-16" }),
                 " Add Option"
               ]
             }
@@ -4266,13 +4269,13 @@ const ms = B.object().shape({
       ] })
     ] })
   ] }), bi = () => /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col justify-start gap-y-1", children: [
-    /* @__PURE__ */ n.jsx("div", { className: "flex items-center mb-4 gap-x-5", children: z == null ? void 0 : z.map((H) => /* @__PURE__ */ n.jsxs("label", { className: "items-center text-base capitalize gap-x-3", children: [
+    /* @__PURE__ */ n.jsx("div", { className: "flex items-center mb-4 gap-x-5", children: U == null ? void 0 : U.map((H) => /* @__PURE__ */ n.jsxs("label", { className: "items-center text-base capitalize gap-x-3", children: [
       /* @__PURE__ */ n.jsx(
         "input",
         {
           type: "radio",
           name: "optionType",
-          onChange: (O) => c(O.target.value),
+          onChange: (D) => c(D.target.value),
           value: H,
           checked: H === r
         }
@@ -4293,7 +4296,7 @@ const ms = B.object().shape({
               label: "Load Columns from Api",
               name: "apiUrl",
               errors: x,
-              register: v,
+              register: h,
               className: "!w-full",
               placeholder: "https://example.com/columns",
               isFloating: !0
@@ -4305,7 +4308,7 @@ const ms = B.object().shape({
         /* @__PURE__ */ n.jsx(
           "button",
           {
-            onClick: ai,
+            onClick: ni,
             className: "px-3 py-1 text-xs text-white bg-gray-600 rounded",
             type: "button",
             children: "Load"
@@ -4323,11 +4326,11 @@ const ms = B.object().shape({
         name: "dataColumns"
       }
     ) }),
-    E == null ? void 0 : E.map((H, O) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-4 ", children: [
+    E == null ? void 0 : E.map((H, D) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-4 ", children: [
       /* @__PURE__ */ n.jsx("div", { className: "min-w-[140px]", children: /* @__PURE__ */ n.jsx(
         wi,
         {
-          label: O === 0 ? "Type" : "",
+          label: D === 0 ? "Type" : "",
           options: [
             {
               label: "Text",
@@ -4342,20 +4345,20 @@ const ms = B.object().shape({
               value: "checkbox"
             }
           ],
-          register: v,
-          name: `dataColumns.${O}.type`,
+          register: h,
+          name: `dataColumns.${D}.type`,
           setValue: f,
           trigger: p,
-          value: A.dataColumns[O].type
+          value: A.dataColumns[D].type
         }
       ) }),
       /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
         F,
         {
           watch: m,
-          label: O === 0 ? "Field key" : "",
-          name: `dataColumns.${O}.field`,
-          register: v,
+          label: D === 0 ? "Field key" : "",
+          name: `dataColumns.${D}.field`,
+          register: h,
           errors: x,
           element: o,
           placeholder: "fieldKey"
@@ -4365,9 +4368,9 @@ const ms = B.object().shape({
         F,
         {
           watch: m,
-          label: O === 0 ? "Display header" : "",
-          name: `dataColumns.${O}.headerName`,
-          register: v,
+          label: D === 0 ? "Display header" : "",
+          name: `dataColumns.${D}.headerName`,
+          register: h,
           errors: x,
           element: o,
           placeholder: "header"
@@ -4379,8 +4382,8 @@ const ms = B.object().shape({
           disabled: E.length === 1,
           type: "button",
           className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-          onClick: () => L(O),
-          children: /* @__PURE__ */ n.jsx(U, { icon: "iconamoon:sign-times-fill" })
+          onClick: () => L(D),
+          children: /* @__PURE__ */ n.jsx(z, { icon: "iconamoon:sign-times-fill" })
         }
       )
     ] }, H.id)),
@@ -4400,23 +4403,23 @@ const ms = B.object().shape({
             validate: !1
           }),
           children: [
-            /* @__PURE__ */ n.jsx(U, { icon: "qlementine-icons:plus-16" }),
+            /* @__PURE__ */ n.jsx(z, { icon: "qlementine-icons:plus-16" }),
             " Add column"
           ]
         }
       )
     ] })
-  ] }), di = Y(async () => {
-    const H = fi("token"), { status: O, data: si } = await Di.get(A.url, {
+  ] }), ai = Y(async () => {
+    const H = fi("token"), { status: D, data: li } = await Di.get(A.url, {
       headers: {
         Authorization: `Bearer ${H}`
       }
     });
-    O === 200 && f("options", (si == null ? void 0 : si.data) || si);
+    D === 200 && f("options", (li == null ? void 0 : li.data) || li);
   }, [f, A.url]);
-  return K(() => {
-    o.type === "document" && A.url && di();
-  }, [A.url, o.type, di]), /* @__PURE__ */ n.jsx(
+  return O(() => {
+    o.type === "document" && A.url && ai();
+  }, [A.url, o.type, ai]), /* @__PURE__ */ n.jsx(
     "div",
     {
       className: "fixed inset-0 bg-gray-800/40 backdrop-blur-sm flex items-center justify-end z-[999] cursor-default  select-none ",
@@ -4434,7 +4437,7 @@ const ms = B.object().shape({
               {
                 className: "bg-white h-10 w-10 flex justify-center items-center absolute top-1 -left-12 rounded-lg hover:bg-gray-50",
                 onClick: e,
-                children: /* @__PURE__ */ n.jsx(U, { icon: "tabler:x", iconClass: "text-xl" })
+                children: /* @__PURE__ */ n.jsx(z, { icon: "tabler:x", iconClass: "text-xl" })
               }
             ),
             /* @__PURE__ */ n.jsx("div", { className: "w-full pt-4", children: /* @__PURE__ */ n.jsx(
@@ -4463,7 +4466,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Value",
                             name: "value",
-                            register: v,
+                            register: h,
                             errors: x,
                             element: o
                           }
@@ -4475,7 +4478,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Label",
                               name: "inputLabel",
-                              register: v,
+                              register: h,
                               errors: x,
                               element: o
                             }
@@ -4487,7 +4490,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Child Label",
                               name: "childLabel",
-                              register: v,
+                              register: h,
                               errors: x,
                               element: o
                             }
@@ -4499,7 +4502,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Placeholder",
                             name: "placeholder",
-                            register: v,
+                            register: h,
                             errors: x,
                             element: o
                           }
@@ -4510,7 +4513,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Prefix",
                             name: "prefix",
-                            register: v,
+                            register: h,
                             errors: x,
                             element: o
                           }
@@ -4523,7 +4526,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Api Url",
                               name: "url",
-                              register: v,
+                              register: h,
                               errors: x,
                               element: o
                             }
@@ -4542,7 +4545,7 @@ const ms = B.object().shape({
                                   value: "POST"
                                 }
                               ],
-                              register: v,
+                              register: h,
                               name: "method",
                               setValue: f,
                               trigger: p,
@@ -4563,7 +4566,7 @@ const ms = B.object().shape({
                                   value: "object"
                                 }
                               ],
-                              register: v,
+                              register: h,
                               name: "responseType",
                               setValue: f,
                               trigger: p,
@@ -4586,7 +4589,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Short Description",
                             name: "description",
-                            register: v,
+                            register: h,
                             errors: x,
                             element: o
                           }
@@ -4597,7 +4600,7 @@ const ms = B.object().shape({
                             {
                               label: "Date Format",
                               options: Ya,
-                              register: v,
+                              register: h,
                               name: "dateFormat",
                               setValue: f,
                               trigger: p,
@@ -4610,7 +4613,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Allow Range",
                               name: "canHaveDateRange",
-                              register: v,
+                              register: h,
                               errors: x,
                               element: o,
                               type: "checkbox"
@@ -4643,7 +4646,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Allow Year Picker",
                               name: "allowYearPicker",
-                              register: v,
+                              register: h,
                               errors: x,
                               element: o,
                               type: "checkbox"
@@ -4656,7 +4659,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Allow States",
                             name: "showState",
-                            register: v,
+                            register: h,
                             errors: x,
                             element: o,
                             type: "checkbox"
@@ -4676,7 +4679,7 @@ const ms = B.object().shape({
                                 value: "Combobox"
                               }
                             ],
-                            register: v,
+                            register: h,
                             name: "selectType",
                             setValue: f,
                             trigger: p,
@@ -4689,7 +4692,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Number of columns (max: 4)",
                             name: "columns",
-                            register: v,
+                            register: h,
                             errors: x,
                             element: o,
                             max: 4,
@@ -4704,7 +4707,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Document Options Url",
                                 name: "url",
-                                register: v,
+                                register: h,
                                 errors: x,
                                 element: o
                               }
@@ -4719,7 +4722,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Document Validation Url",
                                 name: "validationUrl",
-                                register: v,
+                                register: h,
                                 errors: x,
                                 element: o
                               }
@@ -4732,7 +4735,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Signature Page Url",
                               name: "signatureLink",
-                              register: v,
+                              register: h,
                               errors: x,
                               element: o
                             }
@@ -4746,7 +4749,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Allow Multiple Uploads",
                               name: "isMultiple",
-                              register: v,
+                              register: h,
                               errors: x,
                               element: o,
                               type: "checkbox"
@@ -4760,7 +4763,7 @@ const ms = B.object().shape({
                                 id: "acceptedFiles",
                                 value: A == null ? void 0 : A.acceptedFiles
                               },
-                              validationData: { register: v, setValue: f, trigger: p, watch: m },
+                              validationData: { register: h, setValue: f, trigger: p, watch: m },
                               placeholder: "Choose file types"
                             }
                           )
@@ -4773,7 +4776,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Toggle Visibility",
                               name: "isHidden",
-                              register: v,
+                              register: h,
                               errors: x,
                               element: o,
                               type: "checkbox"
@@ -4783,7 +4786,7 @@ const ms = B.object().shape({
                           A.isHidden && /* @__PURE__ */ n.jsx(
                             rs,
                             {
-                              register: v,
+                              register: h,
                               setValue: f,
                               trigger: p,
                               watch: m,
@@ -4800,7 +4803,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Required",
                               name: "isRequired",
-                              register: v,
+                              register: h,
                               errors: x,
                               element: o,
                               type: "checkbox"
@@ -4813,7 +4816,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Error message text",
                               name: "requiredMessage",
-                              register: v,
+                              register: h,
                               errors: x,
                               element: o
                             }
@@ -4827,7 +4830,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Min Length",
                                 name: "minLength",
-                                register: v,
+                                register: h,
                                 errors: x,
                                 element: o,
                                 type: "number"
@@ -4840,7 +4843,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Error message text",
                                 name: "minLengthMessage",
-                                register: v,
+                                register: h,
                                 errors: x,
                                 element: o
                               }
@@ -4853,7 +4856,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Max Length",
                                 name: "maxLength",
-                                register: v,
+                                register: h,
                                 errors: x,
                                 element: o,
                                 type: "number"
@@ -4866,7 +4869,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Error message text",
                                 name: "maxLengthMessage",
-                                register: v,
+                                register: h,
                                 errors: x,
                                 element: o
                               }
@@ -4881,7 +4884,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Min Amount",
                                 name: "minAmount",
-                                register: v,
+                                register: h,
                                 errors: x,
                                 element: o,
                                 type: "amount"
@@ -4894,7 +4897,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Error message text",
                                 name: "minAmountMessage",
-                                register: v,
+                                register: h,
                                 errors: x,
                                 element: o
                               }
@@ -4907,7 +4910,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Max Amount",
                                 name: "maxAmount",
-                                register: v,
+                                register: h,
                                 errors: x,
                                 element: o,
                                 type: "amount"
@@ -4920,7 +4923,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Error message text",
                                 name: "maxAmountMessage",
-                                register: v,
+                                register: h,
                                 errors: x,
                                 element: o
                               }
@@ -4945,7 +4948,7 @@ const ms = B.object().shape({
                       {
                         type: "submit",
                         disabled: !N || j,
-                        style: { background: (h == null ? void 0 : h.buttonColor) || "#333" },
+                        style: { background: (v == null ? void 0 : v.buttonColor) || "#333" },
                         className: `flex-1 px-4 py-2.5 ${!N || j ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!N || j ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
                         children: j ? "Saving..." : "Save"
                       }
@@ -5000,7 +5003,7 @@ const ms = B.object().shape({
               className: "text-sm outline-none hover:opacity-80 py-1",
               onClick: () => d(e == null ? void 0 : e.id, e.sectionId),
               title: "Duplicate",
-              children: /* @__PURE__ */ n.jsx(U, { icon: "tabler:copy", iconClass: "text-base" })
+              children: /* @__PURE__ */ n.jsx(z, { icon: "tabler:copy", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ n.jsx(
@@ -5010,7 +5013,7 @@ const ms = B.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: () => a(!0),
               title: "Edit",
-              children: /* @__PURE__ */ n.jsx(U, { icon: "circum:edit", iconClass: "text-base" })
+              children: /* @__PURE__ */ n.jsx(z, { icon: "circum:edit", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ n.jsx(
@@ -5020,7 +5023,7 @@ const ms = B.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: u,
               title: "Remove",
-              children: /* @__PURE__ */ n.jsx(U, { icon: "iconamoon:trash", iconClass: "text-base" })
+              children: /* @__PURE__ */ n.jsx(z, { icon: "iconamoon:trash", iconClass: "text-base" })
             }
           )
         ] })
@@ -5156,12 +5159,12 @@ function fs({
   validationData: e
 }) {
   var A;
-  const { register: o = () => ({}), setValue: s, watch: a } = e || {}, [l, d] = R(), [t, u] = R(!1), [r, c] = R(!1), [h, v] = R(""), g = a && a(i == null ? void 0 : i.id);
-  K(() => {
+  const { register: o = () => ({}), setValue: s, watch: a } = e || {}, [l, d] = R(), [t, u] = R(!1), [r, c] = R(!1), [v, h] = R(""), g = a && a(i == null ? void 0 : i.id);
+  O(() => {
     d(g);
   }, [g]);
   const [y, f] = R("");
-  K(() => {
+  O(() => {
     o(i.id);
   }, [i.id, o]);
   const { url: m, method: p, responseType: x } = i || {}, N = {
@@ -5170,26 +5173,26 @@ function fs({
     }
   }, S = Y(
     async (C) => {
-      var I, Q, W, Z, M, E, P, L, G, $, w;
+      var K, Q, W, Z, M, E, P, L, G, q, w;
       if (!(!m || !p)) {
         u(!0);
         try {
-          let D;
+          let I;
           if (p.toLowerCase() === "get") {
-            const z = `${m}?value=${C}`;
-            D = await Di.get(z, N);
+            const U = `${m}?value=${C}`;
+            I = await Di.get(U, N);
           } else if (p.toLowerCase() === "post")
-            D = await Di.post(m, { value: C }, N);
+            I = await Di.post(m, { value: C }, N);
           else
             throw new Error("Unsupported HTTP method");
-          D.status === 200 && ((((Q = (I = D == null ? void 0 : D.data) == null ? void 0 : I.data) == null ? void 0 : Q.status) || ((W = D == null ? void 0 : D.data) == null ? void 0 : W.status)) === !0 ? (c(!0), x === "string" ? v(
-            ((M = (Z = D == null ? void 0 : D.data) == null ? void 0 : Z.data) == null ? void 0 : M.description) || ((E = D == null ? void 0 : D.data) == null ? void 0 : E.description) || "Validation successful"
+          I.status === 200 && ((((Q = (K = I == null ? void 0 : I.data) == null ? void 0 : K.data) == null ? void 0 : Q.status) || ((W = I == null ? void 0 : I.data) == null ? void 0 : W.status)) === !0 ? (c(!0), x === "string" ? h(
+            ((M = (Z = I == null ? void 0 : I.data) == null ? void 0 : Z.data) == null ? void 0 : M.description) || ((E = I == null ? void 0 : I.data) == null ? void 0 : E.description) || "Validation successful"
           ) : f(
-            ((L = (P = D == null ? void 0 : D.data) == null ? void 0 : P.data) == null ? void 0 : L.description) || ((G = D == null ? void 0 : D.data) == null ? void 0 : G.description) || {}
-          )) : (console.error("Invalid input:", C), v("Unable to validate input"), c(!1)));
-        } catch (D) {
-          console.error("Error validating input:", D), v(
-            ((w = ($ = D == null ? void 0 : D.response) == null ? void 0 : $.data) == null ? void 0 : w.message) || "Unable to validate input"
+            ((L = (P = I == null ? void 0 : I.data) == null ? void 0 : P.data) == null ? void 0 : L.description) || ((G = I == null ? void 0 : I.data) == null ? void 0 : G.description) || {}
+          )) : (console.error("Invalid input:", C), h("Unable to validate input"), c(!1)));
+        } catch (I) {
+          console.error("Error validating input:", I), h(
+            ((w = (q = I == null ? void 0 : I.response) == null ? void 0 : q.data) == null ? void 0 : w.message) || "Unable to validate input"
           ), c(!1);
         } finally {
           u(!1);
@@ -5198,7 +5201,7 @@ function fs({
     },
     [p, x, m]
   );
-  return K(() => {
+  return O(() => {
     if (l) {
       const C = setTimeout(() => {
         S(l);
@@ -5254,22 +5257,22 @@ function fs({
             }
           )
         ] }),
-        r && !t && /* @__PURE__ */ n.jsx("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n.jsx(U, { icon: "gg:check-o" }) })
+        r && !t && /* @__PURE__ */ n.jsx("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n.jsx(z, { icon: "gg:check-o" }) })
       ] })
     ] }),
-    h && x === "string" && /* @__PURE__ */ n.jsx(
+    v && x === "string" && /* @__PURE__ */ n.jsx(
       "span",
       {
         className: `${r ? "text-green-600" : "text-red-600"} text-sm`,
-        children: h
+        children: v
       }
     ),
-    x === "object" && /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (A = Object.entries(y)) == null ? void 0 : A.map(([C, I]) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
+    x === "object" && /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (A = Object.entries(y)) == null ? void 0 : A.map(([C, K]) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
       /* @__PURE__ */ n.jsxs("span", { className: "font-semibold", children: [
         C,
         ":"
       ] }),
-      ps(I) ? /* @__PURE__ */ n.jsx(gs, { imageUrl: I }) : /* @__PURE__ */ n.jsx("span", { children: String(I) })
+      ps(K) ? /* @__PURE__ */ n.jsx(gs, { imageUrl: K }) : /* @__PURE__ */ n.jsx("span", { children: String(K) })
     ] }, C)) })
   ] });
 }
@@ -5281,12 +5284,12 @@ function xs({
 }) {
   const [a, l] = R([...o]);
   function d(r, c) {
-    l((h) => {
-      const v = [...h];
-      return v[c] = {
-        ...v[c],
+    l((v) => {
+      const h = [...v];
+      return h[c] = {
+        ...h[c],
         value: r
-      }, v;
+      }, h;
     });
   }
   function t(r, c) {
@@ -5294,18 +5297,18 @@ function xs({
   }
   const u = ii(
     () => a.reduce((r, c) => {
-      const h = t(c.key, c.value);
-      return r + h;
+      const v = t(c.key, c.value);
+      return r + v;
     }, 0),
     [a]
   );
-  return K(() => {
+  return O(() => {
     i && i(a);
-  }, [a]), K(() => {
+  }, [a]), O(() => {
     if (s != null && s.length) {
-      const r = s == null ? void 0 : s.map((c, h) => ({
+      const r = s == null ? void 0 : s.map((c, v) => ({
         key: c.value,
-        value: Array.isArray(o) && o[h] ? o[h].value : ""
+        value: Array.isArray(o) && o[v] ? o[v].value : ""
       }));
       l(r);
     }
@@ -5316,13 +5319,13 @@ function xs({
       /* @__PURE__ */ n.jsx("div", { className: "px-4 py-2", children: /* @__PURE__ */ n.jsx("span", { children: "Sub total" }) })
     ] }),
     a == null ? void 0 : a.map((r, c) => {
-      var h, v;
+      var v, h;
       return /* @__PURE__ */ n.jsxs(
         "div",
         {
           className: "grid grid-cols-3 text-sm border-b border-gray-100",
           children: [
-            /* @__PURE__ */ n.jsx("div", { className: "border-r px-4 py-2 flex items-center", children: /* @__PURE__ */ n.jsx("span", { className: "", children: (h = parseFloat(r.key)) == null ? void 0 : h.toLocaleString() }) }),
+            /* @__PURE__ */ n.jsx("div", { className: "border-r px-4 py-2 flex items-center", children: /* @__PURE__ */ n.jsx("span", { className: "", children: (v = parseFloat(r.key)) == null ? void 0 : v.toLocaleString() }) }),
             /* @__PURE__ */ n.jsx("div", { className: "border-r px-4 py-1", children: /* @__PURE__ */ n.jsx("span", { children: /* @__PURE__ */ n.jsx(
               sn,
               {
@@ -5335,7 +5338,7 @@ function xs({
                 allowNegativeValue: !1
               }
             ) }) }),
-            /* @__PURE__ */ n.jsx("div", { className: "px-4 py-2 flex justify-between items-center", children: /* @__PURE__ */ n.jsx("span", { children: (v = t(r.key, r.value)) == null ? void 0 : v.toLocaleString() }) })
+            /* @__PURE__ */ n.jsx("div", { className: "px-4 py-2 flex justify-between items-center", children: /* @__PURE__ */ n.jsx("span", { children: (h = t(r.key, r.value)) == null ? void 0 : h.toLocaleString() }) })
           ]
         },
         c + "index"
@@ -5352,7 +5355,7 @@ function ys({
   validationData: e
 }) {
   const { register: o = () => ({}), setValue: s, getValues: a } = e || {}, l = a && a(i == null ? void 0 : i.id) || [];
-  return K(() => {
+  return O(() => {
     o(i.id);
   }, [i.id, o]), /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(
     xs,
@@ -5408,7 +5411,7 @@ function ks({
   return /* @__PURE__ */ n.jsxs("tr", { children: [
     e.map((c) => {
       var x;
-      const h = i[c.field], v = c.editable && !o, g = r(c.field), { isValidating: y, result: f } = t(i.id, c.field);
+      const v = i[c.field], h = c.editable && !o, g = r(c.field), { isValidating: y, result: f } = t(i.id, c.field);
       let m = "border-gray-300";
       c.validate && ((f == null ? void 0 : f.isValid) === !1 ? m = "border-red-500 bg-red-50" : (f == null ? void 0 : f.isValid) === !0 && (m = "border-green-500 bg-green-50"));
       const p = `w-full px-2 py-1 border rounded outline-none ${m}`;
@@ -5417,21 +5420,21 @@ function ks({
         {
           title: o ? "" : "Double click to edit",
           className: "px-3 py-1 border",
-          onDoubleClick: () => v && a({
+          onDoubleClick: () => h && a({
             rowId: i.id,
             field: c.field
           }),
-          children: v && g ? /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
+          children: h && g ? /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
             c.type === "number" ? /* @__PURE__ */ n.jsx(
               sn,
               {
-                value: h,
+                value: v,
                 decimalsLimit: 6,
                 allowNegativeValue: !1,
                 className: p,
                 onValueChange: (j) => l(j, i.id, c.field),
                 onBlur: () => {
-                  a(null), d(h, i.id, c.field, c);
+                  a(null), d(v, i.id, c.field, c);
                 },
                 autoFocus: !0
               }
@@ -5451,7 +5454,7 @@ function ks({
                         id: S,
                         type: "radio",
                         name: `boolean-${i.id}-${String(c.field)}`,
-                        checked: h === N,
+                        checked: v === N,
                         onChange: () => l(N, i.id, c.field)
                       }
                     ),
@@ -5464,10 +5467,10 @@ function ks({
               "input",
               {
                 type: "text",
-                value: String(h != null ? h : ""),
+                value: String(v != null ? v : ""),
                 onChange: (j) => l(j.target.value, i.id, c.field),
                 onBlur: () => {
-                  a(null), d(h, i.id, c.field, c);
+                  a(null), d(v, i.id, c.field, c);
                 },
                 className: p,
                 autoFocus: !0
@@ -5476,7 +5479,7 @@ function ks({
             y && /* @__PURE__ */ n.jsx("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ n.jsx("div", { className: "w-4 h-4 border-2 border-blue-500 rounded-full border-t-transparent animate-spin" }) })
           ] }) : c.validate && f ? /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ n.jsxs("span", { children: [
-              String(h != null ? h : ""),
+              String(v != null ? v : ""),
               " ",
               f.data && `[${f.data}]`
             ] }),
@@ -5488,7 +5491,7 @@ function ks({
                 children: "✗"
               }
             )
-          ] }) : c.type === "checkbox" ? /* @__PURE__ */ n.jsx("span", { className: "block py-1 text-gray-700", children: h === !0 ? "Yes" : h === !1 ? "No" : "" }) : /* @__PURE__ */ n.jsx("span", { className: "block py-1 text-gray-700 cursor-pointer", children: String(h != null ? h : "") })
+          ] }) : c.type === "checkbox" ? /* @__PURE__ */ n.jsx("span", { className: "block py-1 text-gray-700", children: v === !0 ? "Yes" : v === !1 ? "No" : "" }) : /* @__PURE__ */ n.jsx("span", { className: "block py-1 text-gray-700 cursor-pointer", children: String(v != null ? v : "") })
         },
         String(c.id)
       );
@@ -5500,7 +5503,7 @@ function ks({
         onClick: () => u(i.id),
         className: "text-red-500 hover:text-red-700",
         "aria-label": "Delete row",
-        children: /* @__PURE__ */ n.jsx(U, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
+        children: /* @__PURE__ */ n.jsx(z, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
       }
     ) })
   ] });
@@ -5513,7 +5516,7 @@ function Ms({
   columns: s
 }) {
   const [a, l] = R(i), [d, t] = R(null), u = Ii(null), [r, c] = R(0);
-  K(() => {
+  O(() => {
     const f = document.getElementById("form");
     if (!f) return;
     const m = (x) => {
@@ -5526,17 +5529,17 @@ function Ms({
         m(j.target);
     });
     return p.observe(f), () => p.disconnect();
-  }, []), K(() => {
+  }, []), O(() => {
     l((f) => JSON.stringify(f) !== JSON.stringify(i) ? i : f);
-  }, [i]), K(() => {
+  }, [i]), O(() => {
     e == null || e(a);
-  }, [a, e]), K(() => {
+  }, [a, e]), O(() => {
     const f = (m) => {
       u.current && !u.current.contains(m.target) && t(null);
     };
     return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
   }, []);
-  const h = Y(
+  const v = Y(
     (f, m, p) => {
       l(
         (x) => x.map(
@@ -5545,7 +5548,7 @@ function Ms({
       );
     },
     []
-  ), v = Y(() => {
+  ), h = Y(() => {
     const f = xi(), m = s.reduce((p, x) => (p[x.field] = x.field === "id" ? f : "", p), {});
     l((p) => [...p, { id: f, ...m }]);
   }, [s]), g = Y((f) => {
@@ -5561,7 +5564,7 @@ function Ms({
     /* @__PURE__ */ n.jsx("div", { className: "flex justify-end", children: !o && /* @__PURE__ */ n.jsx(
       "button",
       {
-        onClick: v,
+        onClick: h,
         type: "button",
         className: "px-2 py-1 mb-3 text-xs text-white bg-gray-600 rounded hover:bg-gray-700",
         children: "Add Row"
@@ -5598,7 +5601,7 @@ function Ms({
               isReadOnly: o,
               editingCell: d,
               setEditingCell: t,
-              handleCellChange: h,
+              handleCellChange: v,
               debouncedValidate: () => {
               },
               getValidationStatus: y,
@@ -5628,7 +5631,7 @@ function Ts({
     watch: a,
     isReadOnly: l
   } = e || {}, d = a && a(i == null ? void 0 : i.id) || [];
-  K(() => {
+  O(() => {
     o(i.id);
   }, [i.id, o]);
   const t = Y(
@@ -5659,43 +5662,43 @@ const ge = ({
   value: u,
   trigger: r,
   isMultiple: c = !1,
-  isFloatingLabel: h = !1,
-  subText: v,
+  isFloatingLabel: v = !1,
+  subText: h,
   labelClass: g = "",
   loading: y,
   disabled: f
 }) => {
   const [m, p] = R(c ? [] : null), x = J("custom-select__control", i), j = ii(() => e, [e]);
-  return K(() => {
+  return O(() => {
     const N = e == null ? void 0 : e.find((S) => {
       var A;
       return typeof S.value == "string" && typeof u == "string" ? S.value.toLowerCase() === u.toLowerCase() : typeof S.value == "object" && typeof u == "object" ? ((A = S.value) == null ? void 0 : A.id) === (u == null ? void 0 : u.id) : S.value === u;
     });
     p(N || null);
-  }, [u, e]), K(() => {
+  }, [u, e]), O(() => {
     m && l && a && (l(d, m == null ? void 0 : m.value), a(d), r == null || r(d));
   }, [d, m]), /* @__PURE__ */ n.jsxs("div", { className: "custom-select", children: [
-    t && !h && /* @__PURE__ */ n.jsx("label", { className: "custom-select__label", children: t }),
-    h && t && /* @__PURE__ */ n.jsx("label", { className: J("custom-select__floating-label", g), children: t }),
+    t && !v && /* @__PURE__ */ n.jsx("label", { className: "custom-select__label", children: t }),
+    v && t && /* @__PURE__ */ n.jsx("label", { className: J("custom-select__floating-label", g), children: t }),
     /* @__PURE__ */ n.jsx(
-      ei,
+      oi,
       {
         value: m,
         onChange: p,
         multiple: c,
         disabled: f,
         children: /* @__PURE__ */ n.jsxs("div", { className: "custom-select__wrapper", children: [
-          /* @__PURE__ */ n.jsxs(ei.Button, { className: x, disabled: f, children: [
+          /* @__PURE__ */ n.jsxs(oi.Button, { className: x, disabled: f, children: [
             y ? /* @__PURE__ */ n.jsx("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (m == null ? void 0 : m.label) || /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o }) }),
-            /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(U, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(z, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n.jsx(
             Ri,
             {
               as: ri.Fragment,
               leave: "custom-select__transition",
-              children: /* @__PURE__ */ n.jsx(ei.Options, { className: "custom-select__options", anchor: "bottom", children: j == null ? void 0 : j.map((N, S) => /* @__PURE__ */ n.jsx(
-                ei.Option,
+              children: /* @__PURE__ */ n.jsx(oi.Options, { className: "custom-select__options", anchor: "bottom", children: j == null ? void 0 : j.map((N, S) => /* @__PURE__ */ n.jsx(
+                oi.Option,
                 {
                   value: N,
                   className: ({ active: A }) => J(
@@ -5720,7 +5723,7 @@ const ge = ({
         ] })
       }
     ),
-    v && !s && /* @__PURE__ */ n.jsx("p", { className: "custom-select__subtext", children: v }),
+    h && !s && /* @__PURE__ */ n.jsx("p", { className: "custom-select__subtext", children: h }),
     s && /* @__PURE__ */ n.jsx("span", { className: "custom-select__error", children: s.message })
   ] });
 }, Es = ({
@@ -5734,18 +5737,18 @@ const ge = ({
     setValue: a,
     watch: l,
     isReadOnly: d
-  } = e || {}, t = (f = i == null ? void 0 : i.id) != null ? f : "cascadeValue", [u, r] = R(""), [c, h] = R(""), v = (m, p) => {
+  } = e || {}, t = (f = i == null ? void 0 : i.id) != null ? f : "cascadeValue", [u, r] = R(""), [c, v] = R(""), h = (m, p) => {
     const x = m && p ? `${m}_${p}` : "";
     a == null || a(t, x), s == null || s(t);
   }, g = (m, p) => {
-    m === "first" ? (r(p), h(""), v(p, "")) : (h(p), v(u, p));
+    m === "first" ? (r(p), v(""), h(p, "")) : (v(p), h(u, p));
   };
-  K(() => {
+  O(() => {
     if (l) {
       const m = l(t);
       if (m != null && m.includes("_")) {
         const [p, x] = m.split("_");
-        r(p), h(x);
+        r(p), v(x);
       }
     }
   }, [l, t]);
@@ -5797,14 +5800,14 @@ const ge = ({
     register: u = () => ({}),
     trigger: r,
     setValue: c,
-    watch: h,
-    isReadOnly: v
-  } = t || {}, g = (p = h == null ? void 0 : h(d.id)) != null ? p : 0, [y, f] = R(null);
-  K(() => {
+    watch: v,
+    isReadOnly: h
+  } = t || {}, g = (p = v == null ? void 0 : v(d.id)) != null ? p : 0, [y, f] = R(null);
+  O(() => {
     g == null && (c == null || c(d.id, i));
   }, []);
   const m = (x) => {
-    if (!o && !v) {
+    if (!o && !h) {
       const j = x + 1;
       c == null || c(d.id, j), r == null || r(d.id), s == null || s(j);
     }
@@ -5820,8 +5823,8 @@ const ge = ({
           className: `cursor-pointer transition-colors ${N ? "text-yellow-400" : "text-gray-300"}`,
           width: a,
           height: a,
-          onMouseEnter: () => !(o || v) && f(j),
-          onMouseLeave: () => !(o || v) && f(null),
+          onMouseEnter: () => !(o || h) && f(j),
+          onMouseLeave: () => !(o || h) && f(null),
           onClick: () => m(j)
         },
         j
@@ -5846,20 +5849,20 @@ function fe({
       return { country: m, state: f };
     }
     return { country: t, state: "" };
-  }, [t]), c = Ii(t), h = ii(() => {
+  }, [t]), c = Ii(t), v = ii(() => {
     var y, f;
     return u ? ((f = (y = Xi.find((m) => m.name === u)) == null ? void 0 : y.states) == null ? void 0 : f.map((m) => ({
       label: m.name,
       value: m.name
     }))) || [] : [];
-  }, [u]), v = (y, f) => {
+  }, [u]), h = (y, f) => {
     const p = (f == null ? void 0 : f.value) || "";
     s && p !== c.current && (s(i.id, p), a == null || a(i.id), c.current = p);
   }, g = (y, f) => {
     const m = (f == null ? void 0 : f.value) || "", p = m ? `${m}, ${u}` : u;
     s && p !== c.current && (s(i.id, p), a == null || a(i.id), c.current = p);
   };
-  return K(() => {
+  return O(() => {
     c.current = t;
   }, [t]), /* @__PURE__ */ n.jsxs("div", { className: "grid gap-y-6", children: [
     /* @__PURE__ */ n.jsx("input", { type: "hidden", ...o(i.id) }),
@@ -5867,19 +5870,19 @@ function fe({
       Tn,
       {
         options: i.options,
-        onGetValue: v,
+        onGetValue: h,
         name: `${i.id}-country`,
         readOnly: l,
         defaultValue: u
       },
       `country-${u}`
     ),
-    h.length > 0 && i.showState && /* @__PURE__ */ n.jsxs("div", { children: [
+    v.length > 0 && i.showState && /* @__PURE__ */ n.jsxs("div", { children: [
       /* @__PURE__ */ n.jsx("label", { className: "block text-sm font-medium mb-1.5 input_label", children: "State" }),
       /* @__PURE__ */ n.jsx(
         Tn,
         {
-          options: h,
+          options: v,
           onGetValue: g,
           name: `${i.id}-state`,
           readOnly: l,
@@ -5894,11 +5897,11 @@ function Ls({
   element: i,
   validationData: e
 }) {
-  const { register: o = () => ({}), isReadOnly: s } = e || {}, { validationUrl: a, documentObj: l, signatureLink: d } = i, t = ii(() => fi("config"), []), [u, r] = R(!1), [c, h] = R(!1), v = Y(async () => {
+  const { register: o = () => ({}), isReadOnly: s } = e || {}, { validationUrl: a, documentObj: l, signatureLink: d } = i, t = ii(() => fi("config"), []), [u, r] = R(!1), [c, v] = R(!1), h = Y(async () => {
     var g, y;
     if (!(!a || !l))
       try {
-        h(!0);
+        v(!0);
         const m = {
           headers: {
             Authorization: `Bearer ${fi("token")}`
@@ -5911,19 +5914,19 @@ function Ls({
       } catch (f) {
         console.error("Failed to check sign status", f);
       } finally {
-        h(!1);
+        v(!1);
       }
   }, [a, l]);
-  return K(() => {
+  return O(() => {
     let g = null;
     return !u && l && a && (async () => {
-      await v() || (g = setInterval(async () => {
-        await v() && g && clearInterval(g);
+      await h() || (g = setInterval(async () => {
+        await h() && g && clearInterval(g);
       }, 2e3));
     })(), () => {
       g && clearInterval(g);
     };
-  }, [v, u, l, a]), /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
+  }, [h, u, l, a]), /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
     /* @__PURE__ */ n.jsx(
       "input",
       {
@@ -5938,7 +5941,7 @@ function Ls({
       "button",
       {
         type: "button",
-        onClick: v,
+        onClick: h,
         disabled: c || u,
         style: { background: (t == null ? void 0 : t.buttonColor) || "#333" },
         className: J(
@@ -5947,7 +5950,7 @@ function Ls({
         ),
         children: [
           /* @__PURE__ */ n.jsx(
-            U,
+            z,
             {
               icon: c ? "solar:refresh-outline" : u ? "solar:check-circle-bold" : "solar:pen-2-line-duotone",
               iconClass: c ? "animate-spin" : ""
@@ -6217,8 +6220,8 @@ function Ps({
   disabled: u,
   readOnly: r,
   horizontal: c,
-  description: h,
-  validate: v,
+  description: v,
+  validate: h,
   onChange: g,
   onError: y
 }) {
@@ -6230,12 +6233,12 @@ function Ps({
     []
   ), A = ii(() => f ? S.filter(
     (M) => `${M.label} ${M.phone}`.toLowerCase().includes(f.toLowerCase())
-  ) : S, [f, S]), C = (p == null ? void 0 : p.min) || 10, I = (p == null ? void 0 : p.max) || 10, Q = () => j ? `${(p == null ? void 0 : p.phone) || "+234"}-${j}` : "", W = (M) => {
+  ) : S, [f, S]), C = (p == null ? void 0 : p.min) || 10, K = (p == null ? void 0 : p.max) || 10, Q = () => j ? `${(p == null ? void 0 : p.phone) || "+234"}-${j}` : "", W = (M) => {
     if (!M) return { code: "+234", number: "" };
     const E = M.split(/[-\s]/);
     return { code: E[0], number: E.slice(1).join(" ") };
   };
-  K(() => {
+  O(() => {
     if (d) {
       const M = W(d);
       x(
@@ -6246,9 +6249,9 @@ function Ps({
   const Z = ii(() => {
     if (t) return t;
     const M = j.length;
-    return s && M === 0 ? "Phone number is required" : M > 0 && !/^\d+$/.test(j) ? "Phone number must contain only digits" : M > 0 && M < C ? `Minimum length is ${C}` : M > I ? `Maximum length is ${I}` : "";
-  }, [t, j, C, I, s]);
-  return K(() => {
+    return s && M === 0 ? "Phone number is required" : M > 0 && !/^\d+$/.test(j) ? "Phone number must contain only digits" : M > 0 && M < C ? `Minimum length is ${C}` : M > K ? `Maximum length is ${K}` : "";
+  }, [t, j, C, K, s]);
+  return O(() => {
     g == null || g(Q()), y == null || y(Z || null);
   }, [j, p, Z]), /* @__PURE__ */ n.jsxs(
     "div",
@@ -6269,7 +6272,7 @@ function Ps({
           }
         ),
         /* @__PURE__ */ n.jsxs("div", { className: "relative !flex items-center input-control text-[#667085] !py-0 field-control", children: [
-          /* @__PURE__ */ n.jsx(U, { icon: "lucide:phone-call" }),
+          /* @__PURE__ */ n.jsx(z, { icon: "lucide:phone-call" }),
           /* @__PURE__ */ n.jsx(Pi, { value: p, onChange: x, children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ n.jsx(
               Pi.Input,
@@ -6280,7 +6283,7 @@ function Ps({
                 onChange: (M) => m(M.target.value)
               }
             ),
-            /* @__PURE__ */ n.jsx(Pi.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n.jsx(U, { icon: "lucide:chevron-down" }) }),
+            /* @__PURE__ */ n.jsx(Pi.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n.jsx(z, { icon: "lucide:chevron-down" }) }),
             /* @__PURE__ */ n.jsx(Pi.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: A == null ? void 0 : A.map((M, E) => /* @__PURE__ */ n.jsxs(
               Pi.Option,
               {
@@ -6310,14 +6313,14 @@ function Ps({
                 },
                 placeholder: e,
                 className: "w-full px-3 outline-none",
-                maxLength: I,
+                maxLength: K,
                 minLength: C
               }
             ),
-            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !Z && j.length > 0 && !r && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(U, { icon: "bi:check-lg" }) }) })
+            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !Z && j.length > 0 && !r && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(z, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
-        h && /* @__PURE__ */ n.jsx("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: h })
+        v && /* @__PURE__ */ n.jsx("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: v })
       ]
     }
   );
@@ -6335,7 +6338,7 @@ function ws({
     clearErrors: t
   } = e || {};
   let u;
-  return K(() => {
+  return O(() => {
     o(i.id);
   }, [i.id, o]), a && (u = a()[i.id]), /* @__PURE__ */ n.jsx(
     Ps,
@@ -6467,12 +6470,12 @@ const He = {
     setIsDragging: u,
     moveElement: r,
     isDragging: c,
-    removeElement: h
-  } = Ni(pi), v = ii(
+    removeElement: v
+  } = Ni(pi), h = ii(
     () => Array.from({ length: i.columns }),
     [i.columns]
   ), [g, y] = R(null);
-  K(() => {
+  O(() => {
     const N = () => {
       y(null), u(!1);
     };
@@ -6496,7 +6499,7 @@ const He = {
     []
   ), x = Y(
     (N, S) => {
-      var I;
+      var K;
       N.preventDefault(), N.stopPropagation(), u(!1), y(null);
       const A = S + 1, C = N.dataTransfer.getData("elementId");
       if (C) {
@@ -6513,13 +6516,13 @@ const He = {
         if (!Q) return;
         const W = JSON.parse(Q);
         if ((W == null ? void 0 : W.type) === "grid") return;
-        const Z = d.find((P) => P.id === e), M = (I = Z == null ? void 0 : Z.questionData) == null ? void 0 : I.find(
+        const Z = d.find((P) => P.id === e), M = (K = Z == null ? void 0 : Z.questionData) == null ? void 0 : K.find(
           (P) => {
             var L;
             return P.gridId === i.id && ((L = P.gridPosition) == null ? void 0 : L.col) === A;
           }
         );
-        M && h(M.id, e);
+        M && v(M.id, e);
         const E = {
           ...W,
           id: xi(),
@@ -6534,15 +6537,15 @@ const He = {
     },
     [t, i.id, d, e, u, r]
   ), j = (N, S, A) => {
-    var L, G, $;
-    const C = N + 1, I = (G = (L = d.find((w) => w.id === e)) == null ? void 0 : L.questionData) == null ? void 0 : G.find(
+    var L, G, q;
+    const C = N + 1, K = (G = (L = d.find((w) => w.id === e)) == null ? void 0 : L.questionData) == null ? void 0 : G.find(
       (w) => {
-        var D;
-        return w.gridId === i.id && ((D = w.gridPosition) == null ? void 0 : D.col) === C;
+        var I;
+        return w.gridId === i.id && ((I = w.gridPosition) == null ? void 0 : I.col) === C;
       }
-    ), Q = ($ = I == null ? void 0 : I.id) != null ? $ : null, W = Array.isArray(o) && o.find((w) => {
-      var D;
-      return ((D = w == null ? void 0 : w.props) == null ? void 0 : D.col) === C;
+    ), Q = (q = K == null ? void 0 : K.id) != null ? q : null, W = Array.isArray(o) && o.find((w) => {
+      var I;
+      return ((I = w == null ? void 0 : w.props) == null ? void 0 : I.col) === C;
     }), Z = c && g === N, M = !!W, E = c && !!l, P = M && Q && A === "edit" ? {
       draggable: !0,
       onDragStart: (w) => {
@@ -6575,9 +6578,9 @@ const He = {
           Z && M && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
         ),
         children: [
-          M && A === "edit" && /* @__PURE__ */ n.jsx("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ n.jsx(U, { icon: "ph:dots-six-bold" }) }),
+          M && A === "edit" && /* @__PURE__ */ n.jsx("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ n.jsx(z, { icon: "ph:dots-six-bold" }) }),
           Z && !M && /* @__PURE__ */ n.jsxs("span", { className: "absolute inset-0 flex flex-col items-center justify-center gap-1 text-blue-400 text-xs font-medium pointer-events-none", children: [
-            /* @__PURE__ */ n.jsx(U, { icon: "ph:plus-bold" }),
+            /* @__PURE__ */ n.jsx(z, { icon: "ph:plus-bold" }),
             "Drop here"
           ] }),
           Z && M && /* @__PURE__ */ n.jsx("span", { className: "absolute top-1 right-1 text-xs text-orange-400 font-medium pointer-events-none px-1 py-0.5 bg-orange-50 rounded", children: "Replace" }),
@@ -6588,7 +6591,7 @@ const He = {
                 "w-full select-none",
                 Z && "opacity-50 pointer-events-none"
               ),
-              children: W || /* @__PURE__ */ n.jsx("span", { className: "flex items-center justify-center text-gray-300", children: A === "edit" && /* @__PURE__ */ n.jsx(U, { icon: "ph:plus-bold" }) })
+              children: W || /* @__PURE__ */ n.jsx("span", { className: "flex items-center justify-center text-gray-300", children: A === "edit" && /* @__PURE__ */ n.jsx(z, { icon: "ph:plus-bold" }) })
             }
           )
         ]
@@ -6602,7 +6605,7 @@ const He = {
       style: {
         gridTemplateColumns: `repeat(${i.columns}, 1fr)`
       },
-      children: v == null ? void 0 : v.map(
+      children: h == null ? void 0 : h.map(
         (N, S) => j(S, s, a)
       )
     }
@@ -6638,7 +6641,7 @@ function xn({
         a ? "bg-blue-50 border-2 border-blue-400 border-dashed" : s ? "border-2 border-blue-200 border-dashed" : "border-2 border-transparent"
       ),
       children: a && /* @__PURE__ */ n.jsxs("span", { className: "flex items-center gap-1 text-blue-500 text-xs font-medium select-none pointer-events-none", children: [
-        /* @__PURE__ */ n.jsx(U, { icon: "octicon:plus-16" }),
+        /* @__PURE__ */ n.jsx(z, { icon: "octicon:plus-16" }),
         "Drop here"
       ] })
     }
@@ -6662,18 +6665,18 @@ function Ks({ elementData: i, sectionId: e }) {
       p.dataTransfer.setData("elementId", x), p.dataTransfer.setData("properties", x), p.dataTransfer.effectAllowed = "move", u(x), a(!0);
     },
     [a]
-  ), h = Y(() => {
+  ), v = Y(() => {
     u(null), a(!1);
   }, [a]);
-  K(() => {
+  O(() => {
     !s && t && u(null);
   }, [s, t]);
-  const v = Y(
+  const h = Y(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const x = p.dataTransfer.getData("elementId"), j = p.currentTarget.id;
       if (!x || !j || x === j) {
-        h();
+        v();
         return;
       }
       const N = r.find((A) => A.id === x), S = r.findIndex(
@@ -6681,7 +6684,7 @@ function Ks({ elementData: i, sectionId: e }) {
       );
       N != null && N.gridId && S !== -1 ? d({ draggedId: x, sectionId: e, targetIndex: S }) : d({ draggedId: x, sectionId: e, targetId: j }), u(null), a(!1);
     },
-    [e, d, a, h, r]
+    [e, d, a, v, r]
   ), g = Y(
     (p, x) => {
       p.preventDefault(), p.stopPropagation(), a(!1);
@@ -6710,8 +6713,8 @@ function Ks({ elementData: i, sectionId: e }) {
         onDragOver: x ? void 0 : (j) => {
           j.preventDefault(), j.stopPropagation();
         },
-        onDrop: x ? void 0 : v,
-        onDragEnd: h,
+        onDrop: x ? void 0 : h,
+        onDragEnd: v,
         className: J(
           "cursor-grab active:cursor-grabbing border p-4 w-full rounded-lg",
           "transition-all duration-200 ease-in-out",
@@ -6721,17 +6724,15 @@ function Ks({ elementData: i, sectionId: e }) {
       },
       p.id
     ),
-    [t, v, e, c, h]
+    [t, h, e, c, v]
   ), f = ii(() => (i == null ? void 0 : i.reduce((p, x) => (x.gridId && (p[x.gridId] = p[x.gridId] || [], p[x.gridId].push(x)), p), {})) || {}, [i]);
-  if (K(() => {
-    console.log({ draggedElementId: t });
-  }, [t]), !(i != null && i.length))
+  if (!(i != null && i.length))
     return /* @__PURE__ */ n.jsx(
       "div",
       {
         onDragOver: (p) => p.preventDefault(),
         onDrop: (p) => g(p, 0),
-        onDragEnd: h,
+        onDragEnd: v,
         className: "w-full h-full flex items-center justify-center text-gray-400 min-h-[200px] p-10 col-span-2 border border-dashed border-gray-300 rounded-lg",
         children: "Drag or click an element to display"
       }
@@ -6744,7 +6745,7 @@ function Ks({ elementData: i, sectionId: e }) {
         index: 0,
         isDragging: s,
         onDrop: g,
-        onDragEnd: h
+        onDragEnd: v
       }
     ),
     m.map((p) => {
@@ -6761,8 +6762,8 @@ function Ks({ elementData: i, sectionId: e }) {
               onDragOver: (A) => {
                 A.preventDefault(), A.stopPropagation();
               },
-              onDrop: v,
-              onDragEnd: h,
+              onDrop: h,
+              onDragEnd: v,
               className: J(
                 "w-full p-4 border rounded-lg cursor-grab active:cursor-grabbing",
                 "transition-all duration-200 ease-in-out",
@@ -6791,7 +6792,7 @@ function Ks({ elementData: i, sectionId: e }) {
               index: x + 1,
               isDragging: s,
               onDrop: g,
-              onDragEnd: h
+              onDragEnd: v
             }
           )
         ] }, p.id);
@@ -6804,7 +6805,7 @@ function Ks({ elementData: i, sectionId: e }) {
             index: x + 1,
             isDragging: s,
             onDrop: g,
-            onDragEnd: h
+            onDragEnd: v
           }
         )
       ] }, p.id);
@@ -6828,8 +6829,8 @@ const Gs = an(Ks), Hs = B.object({
   if (ri.useEffect(() => {
     i || c();
   }, [i, c]), !i) return null;
-  const h = (v) => {
-    s(v, o.id), e();
+  const v = (h) => {
+    s(h, o.id), e();
   };
   return /* @__PURE__ */ n.jsx("div", { className: "fixed inset-0 bg-black/30 flex items-center justify-center z-[999] cursor-default no-drag select-none", children: /* @__PURE__ */ n.jsxs("div", { className: "min-w-[600px] bg-white rounded-xl shadow-xl relative flex flex-col items-center", children: [
     /* @__PURE__ */ n.jsxs("div", { className: "w-full px-6 pt-6 pb-5 flex flex-col items-start gap-4 z-10 mb-6", children: [
@@ -6839,11 +6840,11 @@ const Gs = an(Ks), Hs = B.object({
         {
           onClick: e,
           className: "absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",
-          children: /* @__PURE__ */ n.jsx(U, { icon: "tabler:x" })
+          children: /* @__PURE__ */ n.jsx(z, { icon: "tabler:x" })
         }
       )
     ] }),
-    /* @__PURE__ */ n.jsxs("form", { onSubmit: l(h), className: "w-full", children: [
+    /* @__PURE__ */ n.jsxs("form", { onSubmit: l(v), className: "w-full", children: [
       /* @__PURE__ */ n.jsxs("div", { className: "w-full px-6 flex flex-col gap-5 z-10", children: [
         /* @__PURE__ */ n.jsx(
           F,
@@ -6899,19 +6900,19 @@ const Gs = an(Ks), Hs = B.object({
     setSelectedSection: u,
     selectedSection: r,
     activeSections: c,
-    setActiveSections: h
+    setActiveSections: v
   } = Ni(pi);
-  K(() => {
+  O(() => {
     var m;
     u(((m = d[0]) == null ? void 0 : m.id) || null);
   }, []);
-  const v = Y((m) => {
+  const h = Y((m) => {
     m.preventDefault(), m.dataTransfer.dropEffect = "move", s.current && (s.current.scrollTop = s.current.scrollHeight);
   }, []);
   function g(m) {
-    c.includes(m) ? h(
+    c.includes(m) ? v(
       (p) => p.filter((x) => x !== m)
-    ) : h((p) => [...p, m]);
+    ) : v((p) => [...p, m]);
   }
   function y(m) {
     o.current = m, e(!0);
@@ -6959,7 +6960,7 @@ const Gs = an(Ks), Hs = B.object({
                               type: "button",
                               className: "p-1 text-xs border rounded-lg",
                               onClick: () => y(m),
-                              children: /* @__PURE__ */ n.jsx(U, { icon: "fluent:edit-28-regular" })
+                              children: /* @__PURE__ */ n.jsx(z, { icon: "fluent:edit-28-regular" })
                             }
                           ),
                           d.length > 1 && /* @__PURE__ */ n.jsx(
@@ -6968,7 +6969,7 @@ const Gs = an(Ks), Hs = B.object({
                               type: "button",
                               className: "p-1 text-xs border rounded-lg",
                               onClick: () => a(m.id),
-                              children: /* @__PURE__ */ n.jsx(U, { icon: "lets-icons:trash-duotone-line" })
+                              children: /* @__PURE__ */ n.jsx(z, { icon: "lets-icons:trash-duotone-line" })
                             }
                           ),
                           /* @__PURE__ */ n.jsx(
@@ -6978,7 +6979,7 @@ const Gs = an(Ks), Hs = B.object({
                               className: "p-1 text-xs rounded-lg",
                               onClick: () => g(p),
                               children: /* @__PURE__ */ n.jsx(
-                                U,
+                                z,
                                 {
                                   icon: c.includes(p) ? "fa6-solid:chevron-up" : "fa6-solid:chevron-down",
                                   iconClass: "text-base"
@@ -6994,7 +6995,7 @@ const Gs = an(Ks), Hs = B.object({
                         {
                           className: "h-full mt-4 transition-all duration-200",
                           id: m.id,
-                          onDragOver: v,
+                          onDragOver: h,
                           onDragEnd: () => t(!1),
                           onClick: () => u(m.id),
                           children: [
@@ -7039,9 +7040,9 @@ function Ws({
   uploadUrl: e
 }) {
   const { setFormData: o, addSection: s, setUploadUrl: a } = Ni(pi);
-  K(() => {
+  O(() => {
     i && i.length > 0 && o(i);
-  }, [i, o]), K(() => {
+  }, [i, o]), O(() => {
     a(e);
   }, [e, a]);
   const l = Y((d) => {
@@ -7096,19 +7097,18 @@ const An = [
     };
     s(y, a);
   }
-  const t = fi("config") || {}, u = t.elementColor, r = t.elementBgColor, c = t.elementBorderColor, h = _a.filter(
+  const t = fi("config") || {}, u = t.elementColor, r = t.elementBgColor, c = t.elementBorderColor, v = _a.filter(
     (g) => g.label.toLowerCase().includes(i.toLowerCase())
-  ), v = An == null ? void 0 : An.map((g) => ({
+  ), h = An == null ? void 0 : An.map((g) => ({
     title: g.title,
-    elements: h.filter(
+    elements: v.filter(
       (y) => {
         var f;
         return (f = Ja[g.key]) == null ? void 0 : f.includes(y.type);
       }
     )
   })).filter((g) => g.elements.length > 0);
-  return console.log({ categorizedElements: v }), /* @__PURE__ */ n.jsxs("div", { className: "pt-4 pb-6", children: [
-    /* @__PURE__ */ n.jsx(Ae, {}),
+  return /* @__PURE__ */ n.jsxs("div", { className: "pt-4 pb-6", children: [
     /* @__PURE__ */ n.jsx("div", { className: "px-5 mb-4", children: /* @__PURE__ */ n.jsx(
       "input",
       {
@@ -7121,7 +7121,7 @@ const An = [
       }
     ) }),
     /* @__PURE__ */ n.jsx("hr", {}),
-    /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("ul", { className: "grid gap-y-5 mt-3 px-5 max-h-[80vh] overflow-y-auto no-scrollbar", children: v == null ? void 0 : v.map((g, y) => {
+    /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("ul", { className: "grid gap-y-5 mt-3 px-5 max-h-[80vh] overflow-y-auto no-scrollbar", children: h == null ? void 0 : h.map((g, y) => {
       var f;
       return /* @__PURE__ */ n.jsxs("li", { children: [
         /* @__PURE__ */ n.jsx("h4", { className: "mb-2 text-[11px] font-bold text-gray-500 uppercase", children: g.title }),
@@ -7141,7 +7141,7 @@ const An = [
                                active:opacity-50 element_class`,
             draggable: !0,
             children: /* @__PURE__ */ n.jsxs("span", { className: "flex flex-row-reverse items-center justify-between w-full gap-x-3", children: [
-              /* @__PURE__ */ n.jsx("span", { style: { color: u }, children: /* @__PURE__ */ n.jsx(U, { icon: m.icon, iconClass: "w-4 h-4" }) }),
+              /* @__PURE__ */ n.jsx("span", { style: { color: u }, children: /* @__PURE__ */ n.jsx(z, { icon: m.icon, iconClass: "w-4 h-4" }) }),
               /* @__PURE__ */ n.jsx(
                 "span",
                 {
@@ -7169,8 +7169,8 @@ const An = [
   link: u = "",
   div: r = !1,
   type: c = "button",
-  style: h,
-  onClick: v
+  style: v,
+  onClick: h
 }) => {
   const g = J(
     "btn inline-flex justify-center",
@@ -7212,9 +7212,9 @@ const An = [
     ),
     "Submitting..."
   ] }) : /* @__PURE__ */ n.jsxs("span", { className: "flex items-center", children: [
-    a && l === "left" && /* @__PURE__ */ n.jsx("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(U, { icon: a }) }),
+    a && l === "left" && /* @__PURE__ */ n.jsx("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(z, { icon: a }) }),
     i && /* @__PURE__ */ n.jsx("span", { children: i }),
-    a && l === "right" && /* @__PURE__ */ n.jsx("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(U, { icon: a }) })
+    a && l === "right" && /* @__PURE__ */ n.jsx("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(z, { icon: a }) })
   ] });
   return r ? /* @__PURE__ */ n.jsx("div", { className: g, children: y() }) : u ? /* @__PURE__ */ n.jsx(No, { to: u, className: g, children: y() }) : /* @__PURE__ */ n.jsx(
     "button",
@@ -7223,8 +7223,8 @@ const An = [
       type: c,
       className: g,
       "data-testid": "btn",
-      onClick: v,
-      style: h,
+      onClick: h,
+      style: v,
       children: y()
     }
   );
@@ -7332,7 +7332,7 @@ function Zs({
   publishLoading: d,
   onTitleChange: t
 }) {
-  const { formData: u } = Ni(pi), [r, c] = R(!1), [h, v] = R(!1), [g, y] = R(i || ""), f = fi("config");
+  const { formData: u } = Ni(pi), [r, c] = R(!1), [v, h] = R(!1), [g, y] = R(i || ""), f = fi("config");
   function m() {
     localStorage.setItem("formData", JSON.stringify(u)), o == null || o(u);
   }
@@ -7340,7 +7340,7 @@ function Zs({
     localStorage.setItem("formData", JSON.stringify(u)), s == null || s(u);
   }
   function x() {
-    v(!1), t && g !== i && t(g.trim());
+    h(!1), t && g !== i && t(g.trim());
   }
   return /* @__PURE__ */ n.jsxs("div", { className: "px-[30px] py-3 flex justify-between items-center bg-[#F9F9FB] top_bar", children: [
     /* @__PURE__ */ n.jsxs("span", { className: "flex items-center gap-x-2", children: [
@@ -7355,7 +7355,7 @@ function Zs({
         }
       ),
       " ",
-      h ? /* @__PURE__ */ n.jsx(
+      v ? /* @__PURE__ */ n.jsx(
         "input",
         {
           type: "text",
@@ -7370,7 +7370,7 @@ function Zs({
         {
           title: "Click to edit",
           className: "text-base font-semibold cursor-pointer form_title",
-          onClick: () => v(!0),
+          onClick: () => h(!0),
           children: g || "Untitled"
         }
       )
@@ -7429,7 +7429,7 @@ const Ve = ({ loadingClass: i }) => {
     "h-full w-full min-h-[300px] flex justify-center items-center",
     i
   );
-  return K(() => {
+  return O(() => {
     const o = fi("config"), s = (o == null ? void 0 : o.loaderColor) || "#333";
     document.documentElement.style.setProperty("--loader-color", s);
   }, []), /* @__PURE__ */ n.jsx("div", { className: e, children: /* @__PURE__ */ n.jsx("span", { className: "loader" }) });
@@ -7447,26 +7447,28 @@ function qs({
   onTitleChange: r,
   uploadUrl: c
 }) {
-  return /* @__PURE__ */ n.jsx(Se, { children: /* @__PURE__ */ n.jsxs("div", { className: "w-full h-full bg-[#F8F9FC] flex flex-col", children: [
-    /* @__PURE__ */ n.jsx(Ae, {}),
-    /* @__PURE__ */ n.jsx("div", { className: "border-b  bg-white  border-[#E4E7EC]", children: /* @__PURE__ */ n.jsx(
-      Zs,
-      {
-        title: o,
-        goBackUrl: s,
-        onSubmit: i,
-        onPublish: l,
-        previewLoading: d,
-        saveLoading: t,
-        publishLoading: u,
-        onTitleChange: r
-      }
-    ) }),
-    /* @__PURE__ */ n.jsxs("div", { className: "flex flex-1 ", children: [
-      /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("div", { className: "w-[260px]  h-[calc(100vh-64px)]  border-r border-[#E4E7EC] bg-white ", children: /* @__PURE__ */ n.jsx(zs, {}) }) }),
-      /* @__PURE__ */ n.jsx("div", { className: "flex-1 h-full max-h-full z-[1]", children: a ? /* @__PURE__ */ n.jsx(Ve, { loadingClass: "!w-full !h-[800px]" }) : /* @__PURE__ */ n.jsx(Ws, { questionData: e, uploadUrl: c }) })
+  return /* @__PURE__ */ n.jsxs(Se, { children: [
+    /* @__PURE__ */ n.jsx(Ae, { position: "top-right", richColors: !0, closeButton: !0 }),
+    /* @__PURE__ */ n.jsxs("div", { className: "w-full h-full bg-[#F8F9FC] flex flex-col", children: [
+      /* @__PURE__ */ n.jsx("div", { className: "border-b  bg-white  border-[#E4E7EC]", children: /* @__PURE__ */ n.jsx(
+        Zs,
+        {
+          title: o,
+          goBackUrl: s,
+          onSubmit: i,
+          onPublish: l,
+          previewLoading: d,
+          saveLoading: t,
+          publishLoading: u,
+          onTitleChange: r
+        }
+      ) }),
+      /* @__PURE__ */ n.jsxs("div", { className: "flex flex-1 ", children: [
+        /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("div", { className: "w-[260px]  h-[calc(100vh-64px)]  border-r border-[#E4E7EC] bg-white ", children: /* @__PURE__ */ n.jsx(zs, {}) }) }),
+        /* @__PURE__ */ n.jsx("div", { className: "flex-1 h-full max-h-full z-[1]", children: a ? /* @__PURE__ */ n.jsx(Ve, { loadingClass: "!w-full !h-[800px]" }) : /* @__PURE__ */ n.jsx(Ws, { questionData: e, uploadUrl: c }) })
+      ] })
     ] })
-  ] }) });
+  ] });
 }
 const xl = ({
   onSubmit: i,
@@ -7482,9 +7484,9 @@ const xl = ({
   previewLoading: u,
   saveLoading: r,
   publishLoading: c,
-  onTitleChange: h,
-  uploadUrl: v
-}) => (K(() => {
+  onTitleChange: v,
+  uploadUrl: h
+}) => (O(() => {
   s && Ge("config", s);
 }, [s]), /* @__PURE__ */ n.jsx(
   qs,
@@ -7499,8 +7501,8 @@ const xl = ({
     previewLoading: u,
     saveLoading: r,
     publishLoading: c,
-    onTitleChange: h,
-    uploadUrl: v
+    onTitleChange: v,
+    uploadUrl: h
   }
 )), Ci = {
   required: "This field is required",
@@ -7700,7 +7702,7 @@ function ol({ form_data: i, options: e, current: o }) {
           element: a,
           customClass: "p-0 min-h-[60px] border-none",
           children: t == null ? void 0 : t.map((u) => {
-            var r, c, h;
+            var r, c, v;
             return /* @__PURE__ */ n.jsxs(
               On,
               {
@@ -7708,7 +7710,7 @@ function ol({ form_data: i, options: e, current: o }) {
                 customClass: "p-0",
                 children: [
                   en(u, on(u, e)),
-                  /* @__PURE__ */ n.jsx("div", { className: "mt-1 text-xs text-red-600", children: (h = (c = e == null ? void 0 : e.errors) == null ? void 0 : c[u.id]) == null ? void 0 : h.message })
+                  /* @__PURE__ */ n.jsx("div", { className: "mt-1 text-xs text-red-600", children: (v = (c = e == null ? void 0 : e.errors) == null ? void 0 : c[u.id]) == null ? void 0 : v.message })
                 ]
               },
               u.id
@@ -7749,9 +7751,9 @@ const sl = ({
   hideFooter: u = !1,
   uploadUrl: r
 }) => {
-  var vi, bi, di, H, O, si, ui, oi;
-  const { setAnswerData: c, setUploadUrl: h } = Ni(pi), [v, g] = R(0), y = ii(
-    () => i.filter((li) => !li.disabled),
+  var vi, bi, ai, H, D, li, ui, si;
+  const { setAnswerData: c, setUploadUrl: v } = Ni(pi), [h, g] = R(0), y = ii(
+    () => i.filter((di) => !di.disabled),
     [i]
   ), f = (vi = y == null ? void 0 : y.length) != null ? vi : 0, m = fi("config"), p = ii(
     () => nl(y),
@@ -7766,7 +7768,7 @@ const sl = ({
     control: S,
     handleSubmit: A,
     reset: C,
-    getValues: I,
+    getValues: K,
     watch: Q,
     formState: { errors: W, isSubmitting: Z },
     trigger: M,
@@ -7775,17 +7777,17 @@ const sl = ({
   } = x, L = fo({ control: S }), G = ii(
     () => L,
     [JSON.stringify(L)]
-  ), $ = Y(
-    (li) => {
-      a && a(li);
+  ), q = Y(
+    (di) => {
+      a && a(di);
     },
     [a]
   );
-  K(() => {
-    h(r);
-  }, [h, r]), K(() => {
+  O(() => {
+    v(r);
+  }, [v, r]), O(() => {
     if (!(y != null && y.length) || !a) return;
-    const li = y.flatMap(
+    const di = y.flatMap(
       (ji) => {
         var yi;
         return (yi = ji.questionData) == null ? void 0 : yi.map((ki) => ({
@@ -7796,24 +7798,24 @@ const sl = ({
         }));
       }
     );
-    $(li), c(G);
+    q(di), c(G);
   }, [
     G,
     y,
-    $,
+    q,
     a,
     c
-  ]), K(() => {
+  ]), O(() => {
     e != null && e.length && C(al(e));
   }, [e, C]);
   const w = Y(
-    (li) => {
+    (di) => {
       const ji = y.flatMap(
         (yi) => {
           var ki;
           return (ki = yi.questionData) == null ? void 0 : ki.map((Mi) => ({
             id: Mi.id,
-            value: li[Mi.id],
+            value: di[Mi.id],
             sectionId: yi.id,
             type: Mi.type
           }));
@@ -7822,18 +7824,18 @@ const sl = ({
       Object.keys(W).length > 0 || s == null || s(ji);
     },
     [W, y, s]
-  ), D = Y(async () => {
-    var li, ji;
+  ), I = Y(async () => {
+    var di, ji;
     if (!o) {
-      const yi = (ji = (li = y == null ? void 0 : y[v]) == null ? void 0 : li.questionData) == null ? void 0 : ji.map(
+      const yi = (ji = (di = y == null ? void 0 : y[h]) == null ? void 0 : di.questionData) == null ? void 0 : ji.map(
         (Mi) => Mi.id
       );
       if (!await M(yi)) return;
     }
     g((yi) => yi + 1);
-  }, [v, y, o, M]), z = Y(() => {
-    g((li) => li - 1);
-  }, []), ai = ii(
+  }, [h, y, o, M]), U = Y(() => {
+    g((di) => di - 1);
+  }, []), ni = ii(
     () => ({
       register: j,
       setValue: N,
@@ -7842,7 +7844,7 @@ const sl = ({
       trigger: M,
       isSubmitting: Z,
       isReadOnly: l,
-      getValues: I,
+      getValues: K,
       setError: E,
       clearErrors: P
     }),
@@ -7854,64 +7856,77 @@ const sl = ({
       M,
       Z,
       l,
-      I,
+      K,
       E,
       P
     ]
   );
-  return /* @__PURE__ */ n.jsx(xo, { ...x, children: /* @__PURE__ */ n.jsxs(
-    "form",
-    {
-      onSubmit: A(w),
-      className: "container h-full mx-auto",
-      children: [
-        /* @__PURE__ */ n.jsx("div", { className: "relative flex flex-col w-full py-4 gap-y-12", children: /* @__PURE__ */ n.jsxs(
-          "div",
-          {
-            className: "multi_section__box",
-            children: [
-              d === "multi" && (((bi = y == null ? void 0 : y[v]) == null ? void 0 : bi.title) || ((di = y == null ? void 0 : y[v]) == null ? void 0 : di.description)) && /* @__PURE__ */ n.jsxs("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
-                ((H = y[v]) == null ? void 0 : H.title) && /* @__PURE__ */ n.jsx("h2", { className: "text-lg font-semibold mb-[6px]", children: (O = y[v]) == null ? void 0 : O.title }),
-                ((si = y[v]) == null ? void 0 : si.description) && /* @__PURE__ */ n.jsx("p", { className: "text-sm", children: (ui = y[v]) == null ? void 0 : ui.description })
-              ] }),
-              d === "multi" ? /* @__PURE__ */ n.jsx(
-                ol,
-                {
-                  form_data: y,
-                  options: ai,
-                  current: v
-                }
-              ) : /* @__PURE__ */ n.jsx(
-                el,
-                {
-                  form_data: y,
-                  options: ai
-                }
-              )
-            ]
-          },
-          (oi = y == null ? void 0 : y[v]) == null ? void 0 : oi.id
-        ) }),
-        !u && /* @__PURE__ */ n.jsx("footer", { className: "flex items-center justify-end gap-4 footer", children: d === "multi" ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-          v > 0 && /* @__PURE__ */ n.jsx(
-            Ei,
-            {
-              type: "button",
-              text: "Back",
-              onClick: z,
-              btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-gray-200 rounded-lg"
-            }
-          ),
-          v < f - 1 ? /* @__PURE__ */ n.jsx(
-            Ei,
+  return /* @__PURE__ */ n.jsxs(xo, { ...x, children: [
+    /* @__PURE__ */ n.jsx(Ae, { position: "top-right", richColors: !0, closeButton: !0 }),
+    /* @__PURE__ */ n.jsxs(
+      "form",
+      {
+        onSubmit: A(w),
+        className: "container h-full mx-auto",
+        children: [
+          /* @__PURE__ */ n.jsx("div", { className: "relative flex flex-col w-full py-4 gap-y-12", children: /* @__PURE__ */ n.jsxs(
+            "div",
             {
-              type: "button",
-              text: "Continue",
-              onClick: D,
-              style: { background: (m == null ? void 0 : m.buttonColor) || "#333" },
-              btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"
-            }
-          ) : !o && (t != null ? t : /* @__PURE__ */ n.jsx(
+              className: "multi_section__box",
+              children: [
+                d === "multi" && (((bi = y == null ? void 0 : y[h]) == null ? void 0 : bi.title) || ((ai = y == null ? void 0 : y[h]) == null ? void 0 : ai.description)) && /* @__PURE__ */ n.jsxs("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
+                  ((H = y[h]) == null ? void 0 : H.title) && /* @__PURE__ */ n.jsx("h2", { className: "text-lg font-semibold mb-[6px]", children: (D = y[h]) == null ? void 0 : D.title }),
+                  ((li = y[h]) == null ? void 0 : li.description) && /* @__PURE__ */ n.jsx("p", { className: "text-sm", children: (ui = y[h]) == null ? void 0 : ui.description })
+                ] }),
+                d === "multi" ? /* @__PURE__ */ n.jsx(
+                  ol,
+                  {
+                    form_data: y,
+                    options: ni,
+                    current: h
+                  }
+                ) : /* @__PURE__ */ n.jsx(
+                  el,
+                  {
+                    form_data: y,
+                    options: ni
+                  }
+                )
+              ]
+            },
+            (si = y == null ? void 0 : y[h]) == null ? void 0 : si.id
+          ) }),
+          !u && /* @__PURE__ */ n.jsx("footer", { className: "flex items-center justify-end gap-4 footer", children: d === "multi" ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+            h > 0 && /* @__PURE__ */ n.jsx(
+              Ei,
+              {
+                type: "button",
+                text: "Back",
+                onClick: U,
+                btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-gray-200 rounded-lg"
+              }
+            ),
+            h < f - 1 ? /* @__PURE__ */ n.jsx(
+              Ei,
+              {
+                type: "button",
+                text: "Continue",
+                onClick: I,
+                style: { background: (m == null ? void 0 : m.buttonColor) || "#333" },
+                btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"
+              }
+            ) : !o && (t != null ? t : /* @__PURE__ */ n.jsx(
+              Ei,
+              {
+                isDisabled: Z || Object.keys(W).length > 0,
+                isLoading: Z,
+                type: "submit",
+                text: "Submit",
+                style: { background: (m == null ? void 0 : m.buttonColor) || "#333" },
+                btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"
+              }
+            ))
+          ] }) : !o && (t != null ? t : /* @__PURE__ */ n.jsx(
             Ei,
             {
               isDisabled: Z || Object.keys(W).length > 0,
@@ -7921,21 +7936,11 @@ const sl = ({
               style: { background: (m == null ? void 0 : m.buttonColor) || "#333" },
               btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"
             }
-          ))
-        ] }) : !o && (t != null ? t : /* @__PURE__ */ n.jsx(
-          Ei,
-          {
-            isDisabled: Z || Object.keys(W).length > 0,
-            isLoading: Z,
-            type: "submit",
-            text: "Submit",
-            style: { background: (m == null ? void 0 : m.buttonColor) || "#333" },
-            btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"
-          }
-        )) })
-      ]
-    }
-  ) });
+          )) })
+        ]
+      }
+    )
+  ] });
 }, ll = ri.memo(sl);
 function dl({
   answerData: i,
@@ -7949,12 +7954,12 @@ function dl({
   children: u,
   hideFooter: r,
   onGetValues: c,
-  uploadUrl: h
+  uploadUrl: v
 }) {
-  K(() => {
+  O(() => {
     d && Ge("config", d);
   }, [d]);
-  const v = Y(
+  const h = Y(
     (g) => {
       c && c(g);
     },
@@ -7972,8 +7977,8 @@ function dl({
         isReadOnly: a,
         renderType: t,
         hideFooter: r,
-        onGetValues: v,
-        uploadUrl: h,
+        onGetValues: h,
+        uploadUrl: v,
         children: u
       }
     ) })