@arudovwen/form-builder-react 1.5.5 → 1.5.6

package/dist/form-builder.es.js

@@ -27,11 +27,11 @@ function wo() {
   if (ee) return Gi;
   ee = 1;
   var i = bi, 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, c) {
-    var r, v = {}, m = null, h = null;
-    c !== void 0 && (m = "" + c), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (h = u.ref);
-    for (r in u) s.call(u, r) && !l.hasOwnProperty(r) && (v[r] = u[r]);
-    if (t && t.defaultProps) for (r in u = t.defaultProps, u) v[r] === void 0 && (v[r] = u[r]);
+  function d(t, u, r) {
+    var c, v = {}, m = null, h = null;
+    r !== void 0 && (m = "" + r), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (h = 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: m, ref: h, props: v, _owner: a.current };
   }
   return Gi.Fragment = o, Gi.jsx = d, Gi.jsxs = d, Gi;
@@ -49,7 +49,7 @@ var Hi = {};
 var oe;
 function Bo() {
   return oe || (oe = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = bi, 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"), c = Symbol.for("react.suspense"), r = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), f = Symbol.iterator, y = "@@iterator";
+    var i = bi, 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"), m = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), f = Symbol.iterator, y = "@@iterator";
     function g(b) {
       if (b === null || typeof b != "object")
         return null;
@@ -77,7 +77,7 @@ function Bo() {
     var S = !1, j = !1, A = !1, N = !1, E = !1, ei;
     ei = Symbol.for("react.module.reference");
     function Y(b) {
-      return !!(typeof b == "string" || typeof b == "function" || b === s || b === l || E || b === a || b === c || b === r || N || b === h || S || j || A || typeof b == "object" && b !== null && (b.$$typeof === m || b.$$typeof === v || 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 || E || b === a || b === r || b === c || N || b === h || S || j || A || typeof b == "object" && b !== null && (b.$$typeof === m || 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.
@@ -109,9 +109,9 @@ function Bo() {
           return "Profiler";
         case a:
           return "StrictMode";
-        case c:
-          return "Suspense";
         case r:
+          return "Suspense";
+        case c:
           return "SuspenseList";
       }
       if (typeof b == "object")
@@ -305,9 +305,9 @@ function Bo() {
       if (typeof b == "string")
         return V(b);
       switch (b) {
-        case c:
-          return V("Suspense");
         case r:
+          return V("Suspense");
+        case c:
           return V("SuspenseList");
       }
       if (typeof b == "object")
@@ -649,7 +649,7 @@ const fi = ho(void 0), se = {
   disabled: !1,
   isHidden: !1
 }, je = ({ children: i }) => {
-  const [e, o] = R(!0), [s, a] = R({}), [l, d] = R({}), [t, u] = R([se]), [c, r] = R(!1), [v, m] = R(null), [h, f] = R([
+  const [e, o] = R(!0), [s, a] = R({}), [l, d] = R({}), [t, u] = R([se]), [r, c] = R(!1), [v, m] = R(null), [h, f] = R([
     0
   ]), [y, g] = R(""), p = bi.useCallback(() => {
   }, []), x = bi.useCallback(() => {
@@ -887,8 +887,8 @@ const fi = ho(void 0), se = {
       addSection: x,
       removeSection: C,
       updateSection: L,
-      isDragging: c,
-      setIsDragging: r,
+      isDragging: r,
+      setIsDragging: c,
       selectedSection: v,
       setSelectedSection: m,
       activeSections: h,
@@ -915,7 +915,7 @@ const fi = ho(void 0), se = {
       x,
       C,
       L,
-      c,
+      r,
       v,
       h,
       ei,
@@ -1125,13 +1125,13 @@ const Nn = ({
   maxDate: t,
   showYearDropdown: u
 }) => {
-  const c = i ? new Date(i) : null, [r, v] = R(c);
+  const r = i ? new Date(i) : null, [c, v] = R(r);
   O(() => {
     const h = i ? new Date(i) : null;
-    (h && r && h.getTime() !== r.getTime() || !h && r || h && !r) && v(h);
+    (h && c && h.getTime() !== c.getTime() || !h && c || h && !c) && v(h);
   }, [i]), O(() => {
-    e && e(a, r);
-  }, [r, e, a]);
+    e && e(a, c);
+  }, [c, e, a]);
   const m = (h) => {
     v(h);
   };
@@ -1143,7 +1143,7 @@ const Nn = ({
       showPopperArrow: !1,
       dateFormat: s,
       disabled: o,
-      selected: r,
+      selected: c,
       onChange: m,
       className: "field-control",
       portalId: "root-portal",
@@ -1324,12 +1324,12 @@ const Be = /^[a-z0-9]+(-[a-z0-9]+)*$/, ln = (i, e, o, s = "") => {
   }
   if (a.length > 3 || !a.length) return null;
   if (a.length > 1) {
-    const t = a.pop(), u = a.pop(), c = {
+    const t = a.pop(), u = a.pop(), r = {
       provider: a.length > 0 ? a[0] : s,
       prefix: u,
       name: t
     };
-    return e && !$i(c) ? null : c;
+    return e && !$i(r) ? null : r;
   }
   const l = a[0], d = l.split("-");
   if (d.length > 1) {
@@ -1462,18 +1462,18 @@ function Yo(i, e) {
     }
     C % 2 === 1 && (a.left !== a.top && (S = a.left, a.left = a.top, a.top = S), a.width !== a.height && (S = a.width, a.width = a.height, a.height = S)), g.length && (l = _o(l, '<g transform="' + g.join(" ") + '">', "</g>"));
   });
-  const d = s.width, t = s.height, u = a.width, c = a.height;
-  let r, v;
-  d === null ? (v = t === null ? "1em" : t === "auto" ? c : t, r = te(v, u / c)) : (r = d === "auto" ? u : d, v = t === null ? te(r, c / u) : t === "auto" ? c : t);
+  const d = s.width, t = s.height, u = a.width, r = a.height;
+  let c, v;
+  d === null ? (v = t === null ? "1em" : t === "auto" ? r : t, c = te(v, u / r)) : (c = d === "auto" ? u : d, v = t === null ? te(c, r / u) : t === "auto" ? r : t);
   const m = {}, h = (y, g) => {
     Jo(g) || (m[y] = g.toString());
   };
-  h("width", r), h("height", v);
+  h("width", c), h("height", v);
   const f = [
     a.left,
     a.top,
     u,
-    c
+    r
   ];
   return m.viewBox = f.join(" "), {
     attributes: m,
@@ -1560,8 +1560,8 @@ const aa = (i, e, o) => {
     prefix: e,
     icons: []
   }, t = 0;
-  return o.forEach((u, c) => {
-    t += u.length + 1, t >= a && c > 0 && (s.push(d), d = {
+  return o.forEach((u, r) => {
+    t += u.length + 1, t >= a && r > 0 && (s.push(d), d = {
       type: l,
       provider: i,
       prefix: e,
@@ -1641,16 +1641,16 @@ function ua(i) {
       const d = l.icons, t = d.pending.length;
       d.pending = d.pending.filter((u) => {
         if (u.prefix !== a) return !0;
-        const c = u.name;
-        if (i.icons[c]) d.loaded.push({
+        const r = u.name;
+        if (i.icons[r]) d.loaded.push({
           provider: s,
           prefix: a,
-          name: c
+          name: r
         });
-        else if (i.missing.has(c)) d.missing.push({
+        else if (i.missing.has(r)) d.missing.push({
           provider: s,
           prefix: a,
-          name: c
+          name: r
         });
         else
           return o = !0, !0;
@@ -1688,15 +1688,15 @@ function ra(i) {
   return i.forEach((a) => {
     if (s.name === a.name && s.prefix === a.prefix && s.provider === a.provider) return;
     s = a;
-    const l = a.provider, d = a.prefix, t = a.name, u = o[l] || (o[l] = /* @__PURE__ */ Object.create(null)), c = u[d] || (u[d] = Oi(l, d));
-    let r;
-    t in c.icons ? r = e.loaded : d === "" || c.missing.has(t) ? r = e.missing : r = e.pending;
+    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 v = {
       provider: l,
       prefix: d,
       name: t
     };
-    r.push(v);
+    c.push(v);
   }), e;
 }
 function ma(i, e = !0, o = !1) {
@@ -1726,7 +1726,7 @@ function va(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", c = 0, r, v = null, m = [], h = [];
+  let u = "pending", r = 0, c, v = null, m = [], h = [];
   typeof s == "function" && h.push(s);
   function f() {
     v && (clearTimeout(v), v = null);
@@ -1744,7 +1744,7 @@ function va(i, e, o, s) {
       startTime: t,
       payload: e,
       status: u,
-      queriesSent: c,
+      queriesSent: r,
       queriesPending: m.length,
       subscribe: g,
       abort: y
@@ -1752,7 +1752,7 @@ function va(i, e, o, s) {
   }
   function x() {
     u = "failed", h.forEach((A) => {
-      A(void 0, r);
+      A(void 0, c);
     });
   }
   function C() {
@@ -1772,11 +1772,11 @@ function va(i, e, o, s) {
         return;
     }
     if (N === "abort") {
-      r = E, x();
+      c = E, x();
       return;
     }
     if (ei) {
-      r = E, m.length || (d.length ? j() : x());
+      c = E, m.length || (d.length ? j() : x());
       return;
     }
     if (f(), C(), !i.random) {
@@ -1808,7 +1808,7 @@ function va(i, e, o, s) {
         S(N, E, ei);
       }
     };
-    m.push(N), c++, v = setTimeout(j, i.rotate), o(A, e, N.callback);
+    m.push(N), r++, v = setTimeout(j, i.rotate), o(A, e, N.callback);
   }
   return setTimeout(j), p;
 }
@@ -1821,11 +1821,11 @@ function De(i) {
   function s() {
     o = o.filter((t) => t().status === "pending");
   }
-  function a(t, u, c) {
-    const r = va(e, t, u, (v, m) => {
-      s(), c && c(v, m);
+  function a(t, u, r) {
+    const c = va(e, t, u, (v, m) => {
+      s(), r && r(v, m);
     });
-    return o.push(r), r;
+    return o.push(c), c;
   }
   function l(t) {
     return o.find((u) => t(u)) || null;
@@ -1921,20 +1921,20 @@ function xa(i, e) {
     if (delete i.iconsToLoad, !a || !a.length) return;
     const l = i.loadIcon;
     if (i.loadIcons && (a.length > 1 || !l)) {
-      be(i.loadIcons(a, s, o), (r) => {
-        Fi(i, a, r);
+      be(i.loadIcons(a, s, o), (c) => {
+        Fi(i, a, c);
       });
       return;
     }
     if (l) {
-      a.forEach((r) => {
-        const v = l(r, s, o);
+      a.forEach((c) => {
+        const v = l(c, s, o);
         be(v, (m) => {
           const h = m ? {
             prefix: s,
-            icons: { [r]: m }
+            icons: { [c]: m }
           } : null;
-          Fi(i, [r], h);
+          Fi(i, [c], h);
         });
       });
       return;
@@ -1946,9 +1946,9 @@ function xa(i, e) {
       Fi(i, d, null);
       return;
     }
-    u.prepare(o, s, d).forEach((r) => {
-      pa(o, r, (v) => {
-        Fi(i, r.icons, v);
+    u.prepare(o, s, d).forEach((c) => {
+      pa(o, c, (v) => {
+        Fi(i, c.icons, v);
       });
     });
   }));
@@ -1966,17 +1966,17 @@ const ya = (i, e) => {
   const a = /* @__PURE__ */ Object.create(null), l = [];
   let d, t;
   return s.pending.forEach((u) => {
-    const { provider: c, prefix: r } = u;
-    if (r === t && c === d) return;
-    d = c, t = r, l.push(Oi(c, r));
-    const v = a[c] || (a[c] = /* @__PURE__ */ Object.create(null));
-    v[r] || (v[r] = []);
+    const { provider: r, prefix: c } = u;
+    if (c === t && r === d) return;
+    d = r, t = c, l.push(Oi(r, c));
+    const v = a[r] || (a[r] = /* @__PURE__ */ Object.create(null));
+    v[c] || (v[c] = []);
   }), s.pending.forEach((u) => {
-    const { provider: c, prefix: r, name: v } = u, m = Oi(c, r), h = m.pendingIcons || (m.pendingIcons = /* @__PURE__ */ new Set());
-    h.has(v) || (h.add(v), a[c][r].push(v));
+    const { provider: r, prefix: c, name: v } = u, m = Oi(r, c), h = m.pendingIcons || (m.pendingIcons = /* @__PURE__ */ new Set());
+    h.has(v) || (h.add(v), a[r][c].push(v));
   }), l.forEach((u) => {
-    const c = a[u.provider][u.prefix];
-    c.length && xa(u, c);
+    const r = a[u.provider][u.prefix];
+    r.length && xa(u, r);
   }), e ? ca(e, s, l) : me;
 };
 function Aa(i, e) {
@@ -2150,27 +2150,27 @@ const Ra = (i, e, o) => {
           s[g] === void 0 && (u[g] = p);
       }
   }
-  const c = Yo(i, a), r = c.attributes;
+  const r = Yo(i, a), c = r.attributes;
   if (a.inline && (d.verticalAlign = "-0.125em"), l === "svg") {
     u.style = {
       ...d,
       ...t
-    }, Object.assign(u, r);
+    }, Object.assign(u, c);
     let g = 0, p = e.id;
     return typeof p == "string" && (p = p.replace(/-/g, "_")), u.dangerouslySetInnerHTML = {
-      __html: Ba(Qo(c.body, p ? () => p + "ID" + g++ : "iconifyReact"))
+      __html: Ba(Qo(r.body, p ? () => p + "ID" + g++ : "iconifyReact"))
     }, Sn("svg", u);
   }
   const { body: v, width: m, height: h } = i, f = l === "mask" || (l === "bg" ? !1 : v.indexOf("currentColor") !== -1), y = ka(v, {
-    ...r,
+    ...c,
     width: m + "",
     height: h + ""
   });
   return u.style = {
     ...d,
     "--svg": Ta(y),
-    width: pe(r.width),
-    height: pe(r.height),
+    width: pe(c.width),
+    height: pe(c.height),
     ...La,
     ...f ? Mn : Oe,
     ...t
@@ -2235,34 +2235,34 @@ function Ke(i) {
     const h = s.callback;
     h && (h(), a({}));
   }
-  function c(h) {
+  function r(h) {
     if (JSON.stringify(d) !== JSON.stringify(h))
       return u(), t(h), !0;
   }
-  function r() {
+  function c() {
     var h;
     const f = i.icon;
     if (typeof f == "object") {
-      c({
+      r({
         name: "",
         data: f
       });
       return;
     }
     const y = ue(f);
-    if (c({
+    if (r({
       name: f,
       data: y
     }))
       if (y === void 0) {
-        const g = ya([f], r);
+        const g = ya([f], c);
         a({
           callback: g
         });
       } else y && ((h = i.onLoad) === null || h === void 0 || h.call(i, f));
   }
   O(() => (o(!0), u), []), O(() => {
-    e && r();
+    e && c();
   }, [i.icon, e]);
   const { name: v, data: m } = d;
   return m ? Ra({
@@ -2297,10 +2297,10 @@ function In({
     isReadOnly: l,
     watch: d,
     getValues: t
-  } = e || {}, [u, c] = R(() => {
+  } = e || {}, [u, r] = R(() => {
     const m = t == null ? void 0 : t(i.id);
     return Array.isArray(m) ? m : [];
-  }), r = si(
+  }), c = si(
     () => u == null ? void 0 : u.map((m) => m.label).join(", "),
     [u]
   );
@@ -2310,7 +2310,7 @@ function In({
     if (!d) return;
     const m = d((h) => {
       const f = h[i.id];
-      f !== void 0 && c(Array.isArray(f) ? f : []);
+      f !== void 0 && r(Array.isArray(f) ? f : []);
     });
     return () => {
       var h;
@@ -2321,7 +2321,7 @@ function In({
     {
       value: u || [],
       onChange: (m) => {
-        c(m), a == null || a(i.id, m);
+        r(m), a == null || a(i.id, m);
       },
       multiple: !0,
       disabled: l,
@@ -2333,7 +2333,7 @@ function In({
             className: "custom-select__control field-control",
             disabled: l,
             children: [
-              /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (u == null ? void 0 : u.length) > 0 ? r : /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o != null ? o : " Select options" }) }),
+              /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (u == null ? void 0 : u.length) > 0 ? c : /* @__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(q, { icon: "lucide:chevron-down" }) })
             ]
           }
@@ -2410,9 +2410,9 @@ function He({
     else
       u(null);
   }, [i, l]);
-  const c = () => {
+  const r = () => {
     l === "image" || l === "pdf" ? a(!0) : window.open(t || i, "_blank");
-  }, r = () => a(!1), v = e || (i == null ? void 0 : i.split("/").pop()) || "Unknown file";
+  }, c = () => a(!1), v = e || (i == null ? void 0 : i.split("/").pop()) || "Unknown file";
   function m(h, f = "download") {
     if (!h) return;
     if (h.startsWith("data:")) {
@@ -2427,7 +2427,7 @@ function He({
     /* @__PURE__ */ n.jsxs(
       "div",
       {
-        onClick: c,
+        onClick: r,
         className: "!flex items-center rounded cursor-pointer   gap-x-3",
         title: `Click to preview ${v}`,
         children: [
@@ -2462,7 +2462,7 @@ function He({
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50",
-        onClick: r,
+        onClick: c,
         children: /* @__PURE__ */ n.jsxs(
           "div",
           {
@@ -2472,7 +2472,7 @@ function He({
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  onClick: r,
+                  onClick: c,
                   className: "absolute text-2xl font-bold text-gray-700 top-2 right-2",
                   "aria-label": "Close preview",
                   children: "×"
@@ -2520,9 +2520,9 @@ function Ga({
   list: a = null,
   accept: l = []
 }) {
-  const { uploadUrl: d } = ji(fi), t = Mi(null), [u, c] = R(a), [r, v] = R(!1);
+  const { uploadUrl: d } = ji(fi), t = Mi(null), [u, r] = R(a), [c, v] = R(!1);
   O(() => {
-    c(a);
+    r(a);
   }, [a]);
   const m = si(
     () => l == null ? void 0 : l.map((S) => S.value).join(", "),
@@ -2592,7 +2592,7 @@ function Ga({
   ), p = X(
     async (S) => {
       const j = Array.from(S.target.files || []);
-      if (!(!j.length || r)) {
+      if (!(!j.length || c)) {
         if (!g(j)) {
           t.current && (t.current.value = "");
           return;
@@ -2600,7 +2600,7 @@ function Ga({
         try {
           v(!0);
           const A = await Promise.all(j == null ? void 0 : j.map(y)), N = s && u ? [...u, ...A] : A;
-          c(N), i(N), ki.success(`Successfully uploaded ${j.length} file(s)`);
+          r(N), i(N), ki.success(`Successfully uploaded ${j.length} file(s)`);
         } catch (A) {
           console.error("Upload error:", A), ki.error("Failed to upload file(s). Please try again.");
         } finally {
@@ -2608,15 +2608,15 @@ function Ga({
         }
       }
     },
-    [r, g, y, i, s, u]
+    [c, g, y, i, s, u]
   ), x = X(
     (S) => {
-      r || (t.current && (t.current.value = ""), c((j) => {
+      c || (t.current && (t.current.value = ""), r((j) => {
         const A = S === void 0 ? null : (j == null ? void 0 : j.filter((N, E) => E !== S)) || null;
         return i(A), A;
       }), o == null || o());
     },
-    [o, i, r]
+    [o, i, c]
   ), C = u && u.length > 0;
   return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-start gap-2", children: [
     !e && /* @__PURE__ */ n.jsxs("div", { className: "!flex field-control !py-0 !px-0 relative", children: [
@@ -2626,7 +2626,7 @@ function Ga({
           ref: t,
           type: "file",
           onChange: p,
-          disabled: e || r,
+          disabled: e || c,
           multiple: s,
           accept: m || "",
           className: `w-full text-sm text-gray-500 file:mr-4 flex-1 file:px-4 !py-1 !pl-1\r
@@ -2642,14 +2642,14 @@ function Ga({
           type: "button",
           className: "p-2 text-lg text-red-500 hover:text-red-600 transition-colors disabled:opacity-50",
           onClick: () => x(),
-          disabled: r,
+          disabled: c,
           "aria-label": "Remove all files",
           children: /* @__PURE__ */ n.jsx(q, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
     C && /* @__PURE__ */ n.jsxs("div", { className: "relative grid gap-y-1 flex-1 w-full", children: [
-      r && /* @__PURE__ */ n.jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-white/60 rounded", children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2 text-sm text-blue-600 font-medium", children: [
+      c && /* @__PURE__ */ n.jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-white/60 rounded", children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2 text-sm text-blue-600 font-medium", children: [
         /* @__PURE__ */ n.jsx("span", { className: "animate-spin h-4 w-4 border-2 border-blue-500 border-t-transparent rounded-full" }),
         "Uploading..."
       ] }) }),
@@ -2666,8 +2666,8 @@ function Ga({
   ] });
 }
 function Ha({ element: i, validationData: e }) {
-  var r;
-  const [o, s] = R((r = i == null ? void 0 : i.value) != null ? r : null), {
+  var c;
+  const [o, s] = R((c = i == null ? void 0 : i.value) != null ? c : null), {
     register: a = () => ({}),
     setValue: l,
     isReadOnly: d,
@@ -2691,7 +2691,7 @@ function Ha({ element: i, validationData: e }) {
       l == null || l(i.id, v), s(v);
     },
     [i.id, l]
-  ), c = () => {
+  ), r = () => {
     l == null || l(i.id, null), s(null);
   };
   return /* @__PURE__ */ n.jsxs("div", { children: [
@@ -2701,7 +2701,7 @@ function Ha({ element: i, validationData: e }) {
         onFileLoaded: u,
         disabled: d,
         multiple: i == null ? void 0 : i.isMultiple,
-        handleDeleteFile: c,
+        handleDeleteFile: r,
         list: o,
         accept: i == null ? void 0 : i.acceptedFiles
       }
@@ -2735,8 +2735,8 @@ const z = ({
   placeholder: d = "",
   isFloating: t,
   setValue: u,
-  value: c,
-  trigger: r,
+  value: r,
+  trigger: c,
   prefix: v,
   disabled: m,
   watch: h,
@@ -2760,12 +2760,12 @@ const z = ({
         sn,
         {
           onValueChange: (N) => {
-            u(e, N != null ? N : null), o && o(e), r && r(e);
+            u(e, N != null ? N : null), o && o(e), c && c(e);
           },
           placeholder: d,
           className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"}`,
           decimalsLimit: 2,
-          value: c,
+          value: r,
           prefix: v,
           disabled: m
         }
@@ -2775,7 +2775,7 @@ const z = ({
   if (["checkbox", "radio"].includes(l)) {
     const N = (h == null ? void 0 : h(e)) || null;
     let E = !1;
-    return N && (N != null && N.length && l === "checkbox" ? E = N == null ? void 0 : N.includes(c) : E = N == c), /* @__PURE__ */ n.jsxs("div", { className: "space-y-1", children: [
+    return N && (N != null && N.length && l === "checkbox" ? E = N == null ? void 0 : N.includes(r) : E = N == r), /* @__PURE__ */ n.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ n.jsxs(
         "label",
         {
@@ -2786,7 +2786,7 @@ const z = ({
               {
                 ...x,
                 type: l,
-                value: c || "",
+                value: r || "",
                 disabled: m,
                 className: "peer sr-only"
               }
@@ -2931,14 +2931,14 @@ const Di = ({
   label: d,
   value: t,
   trigger: u,
-  isMultiple: c,
-  isFloatingLabel: r,
+  isMultiple: r,
+  isFloatingLabel: c,
   subText: v,
   labelClass: m = "text-[10px]",
   loading: h,
   disabled: f
 }) => {
-  const [y, g] = R(c ? [] : null), p = Mi(!1), x = si(() => !t || !i || i.length === 0 ? c ? [] : null : c ? Array.isArray(t) ? i.filter((j) => t.some(
+  const [y, g] = R(r ? [] : null), p = Mi(!1), x = si(() => !t || !i || i.length === 0 ? r ? [] : null : r ? Array.isArray(t) ? i.filter((j) => t.some(
     (A) => {
       var N;
       return typeof j.value == "object" ? ((N = j.value) == null ? void 0 : N.id) === (A == null ? void 0 : A.id) : j.value === A;
@@ -2946,28 +2946,28 @@ const Di = ({
   )) : [] : i.find((j) => {
     var A;
     return typeof j.value == "string" && typeof t == "string" ? j.value.toLowerCase() === t.toLowerCase() : typeof j.value == "object" && typeof t == "object" ? ((A = j.value) == null ? void 0 : A.id) === (t == null ? void 0 : t.id) : j.value === t;
-  }) || null, [t, i, c]);
+  }) || null, [t, i, r]);
   O(() => {
     if (p.current) {
       p.current = !1;
       return;
     }
-    if (c && Array.isArray(x) && Array.isArray(y)) {
+    if (r && Array.isArray(x) && Array.isArray(y)) {
       const j = y == null ? void 0 : y.map((N) => N.value), A = x == null ? void 0 : x.map((N) => N.value);
       JSON.stringify(j) !== JSON.stringify(A) && g(x);
     } else (x == null ? void 0 : x.value) !== (y == null ? void 0 : y.value) && g(x);
-  }, [x, c]);
+  }, [x, r]);
   const C = X((j) => {
     var A;
     if (p.current = !0, g(j), a) {
-      const N = c ? Array.isArray(j) ? j == null ? void 0 : j.map((E) => E.value) : [] : (A = j == null ? void 0 : j.value) != null ? A : null;
+      const N = r ? Array.isArray(j) ? j == null ? void 0 : j.map((E) => E.value) : [] : (A = j == null ? void 0 : j.value) != null ? A : null;
       a(l, N), u == null || u(l);
     }
     s && !p.current && s(l);
-  }, [a, l, u, s, c]), S = si(() => h ? "Fetching data..." : y ? c && Array.isArray(y) ? y.length > 0 ? y == null ? void 0 : y.map((j) => j.label).join(", ") : e : (y == null ? void 0 : y.label) || e : e, [y, h, e, c]);
+  }, [a, l, u, s, r]), S = si(() => h ? "Fetching data..." : y ? r && Array.isArray(y) ? y.length > 0 ? y == null ? void 0 : y.map((j) => j.label).join(", ") : e : (y == null ? void 0 : y.label) || e : e, [y, h, e, r]);
   return /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
-    !r && d && /* @__PURE__ */ n.jsx("label", { className: "block text-sm text-[#686878] darks:text-white/70 mb-2", children: d }),
-    r && d && /* @__PURE__ */ n.jsx(
+    !c && d && /* @__PURE__ */ n.jsx("label", { className: "block text-sm text-[#686878] darks:text-white/70 mb-2", children: d }),
+    c && d && /* @__PURE__ */ n.jsx(
       "label",
       {
         className: Z(
@@ -2982,7 +2982,7 @@ const Di = ({
       {
         value: y,
         onChange: C,
-        multiple: c,
+        multiple: r,
         disabled: f || h,
         children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ n.jsxs(ui.Button, { className: "field-control", disabled: f || h, children: [
@@ -3035,11 +3035,11 @@ function Tn({
   const [d, t] = R(""), u = si(() => {
     const h = e != null ? e : o;
     return i.find((f) => f.value === h || f.label === h) || null;
-  }, [e, o, i]), [c, r] = R(u);
+  }, [e, o, i]), [r, c] = R(u);
   O(() => {
     if (e !== void 0) {
       const h = i.find((f) => f.value === e || f.label === e) || null;
-      r(h);
+      c(h);
     }
   }, [e, i]);
   const v = si(() => {
@@ -3049,12 +3049,12 @@ function Tn({
       (f) => f.label.toLowerCase().includes(h)
     );
   }, [d, i]), m = X((h) => {
-    r(h), s(l, h);
+    c(h), s(l, h);
   }, [l, s]);
   return /* @__PURE__ */ n.jsx("div", { className: "relative w-full", children: /* @__PURE__ */ n.jsxs(
     Ri,
     {
-      value: c,
+      value: r,
       onChange: m,
       disabled: a,
       children: [
@@ -3141,21 +3141,21 @@ function On(i, e, o) {
     try {
       return Promise.resolve(function(d, t) {
         try {
-          var u = (e.context && process.env.NODE_ENV === "development" && console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"), Promise.resolve(i[o.mode === "sync" ? "validateSync" : "validate"](s, Object.assign({ abortEarly: !1 }, e, { context: a }))).then(function(c) {
-            return l.shouldUseNativeValidation && ko({}, l), { values: o.raw ? s : c, errors: {} };
+          var u = (e.context && process.env.NODE_ENV === "development" && console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"), Promise.resolve(i[o.mode === "sync" ? "validateSync" : "validate"](s, Object.assign({ abortEarly: !1 }, e, { context: a }))).then(function(r) {
+            return l.shouldUseNativeValidation && ko({}, l), { values: o.raw ? s : r, errors: {} };
           }));
-        } catch (c) {
-          return t(c);
+        } catch (r) {
+          return t(r);
         }
         return u && u.then ? u.then(void 0, t) : u;
       }(0, function(d) {
         if (!d.inner) throw d;
-        return { values: {}, errors: Co((t = d, u = !l.shouldUseNativeValidation && l.criteriaMode === "all", (t.inner || []).reduce(function(c, r) {
-          if (c[r.path] || (c[r.path] = { message: r.message, type: r.type }), u) {
-            var v = c[r.path].types, m = v && v[r.type];
-            c[r.path] = So(r.path, u, c, r.type, m ? [].concat(m, r.message) : r.message);
+        return { values: {}, errors: Co((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 v = r[c.path].types, m = v && v[c.type];
+            r[c.path] = So(c.path, u, r, c.type, m ? [].concat(m, c.message) : c.message);
           }
-          return c;
+          return r;
         }, {})), l) };
         var t, u;
       }));
@@ -3177,19 +3177,19 @@ const Ja = ({
     e
   );
   return /* @__PURE__ */ n.jsx("div", { className: d, children: i == null ? void 0 : i.map((t) => {
-    const u = a === t.key, c = o[t.key] || 0, r = Z(
+    const u = a === t.key, r = o[t.key] || 0, c = Z(
       "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
     ), v = Z({
       "border-gray-500 border-primary border-primary-500  text-primary text-primary-500": u,
       "border-transparent text-gray-400 ": !u
-    }), m = c > 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: c });
+    }), m = 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: Z(r, v),
+        className: Z(c, v),
         "aria-selected": u,
         role: "tab",
         type: "button",
@@ -3591,12 +3591,12 @@ function us({
   O(() => {
     (i == null ? void 0 : i.length) > 0 && JSON.stringify(i) !== JSON.stringify(s) && a(i);
   }, [i]);
-  function l(u, c) {
-    const r = [...s];
-    r[c] = {
-      ...r[c],
+  function l(u, r) {
+    const c = [...s];
+    c[r] = {
+      ...c[r],
       value: u
-    }, a(r), e && e(r);
+    }, a(c), e && e(c);
   }
   function d() {
     const u = [
@@ -3608,15 +3608,15 @@ function us({
     a(u), e && e(u);
   }
   function t(u) {
-    const c = s.filter((r, v) => v !== u);
-    a(c), e && e(c);
+    const r = s.filter((c, v) => v !== u);
+    a(r), e && e(r);
   }
   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: [
       /* @__PURE__ */ n.jsx("div", { className: "grid text-sm font-bold border-b border-gray-100 bg-gray-50", children: /* @__PURE__ */ n.jsx("div", { className: "px-2 py-2", children: /* @__PURE__ */ n.jsx("span", { className: "", children: "Add Denominations" }) }) }),
-      s == null ? void 0 : s.map((u, c) => /* @__PURE__ */ n.jsx(
+      s == null ? void 0 : s.map((u, r) => /* @__PURE__ */ n.jsx(
         "div",
         {
           className: "grid text-sm border-b border-gray-100",
@@ -3628,14 +3628,14 @@ function us({
                 className: "border border-gray-100 rounded w-full px-3 py-1 outline-none",
                 decimalsLimit: 6,
                 defaultValue: u.value,
-                onValueChange: (r) => l(r, c),
+                onValueChange: (c) => l(c, r),
                 allowNegativeValue: !1
               }
             ) }),
             /* @__PURE__ */ n.jsx(
               "button",
               {
-                onClick: () => t(c),
+                onClick: () => t(r),
                 className: "text-red-500 hover:text-red-700 px-2",
                 type: "button",
                 "aria-label": "Remove row",
@@ -3644,7 +3644,7 @@ function us({
             )
           ] })
         },
-        c + "index"
+        r + "index"
       ))
     ] }),
     /* @__PURE__ */ n.jsx("div", { className: "mt-1 flex justify-end", children: /* @__PURE__ */ n.jsx(
@@ -3713,12 +3713,12 @@ const ts = () => /* @__PURE__ */ n.jsx("blockquote", { className: "bg-gray-100 p
   label: s,
   type: a
 }) => {
-  const [l, d] = R(""), t = gi("config"), u = (c) => {
-    const r = c.target.files[0];
-    if (!r) return;
-    d(r.name);
+  const [l, d] = R(""), t = gi("config"), u = (r) => {
+    const c = r.target.files[0];
+    if (!c) return;
+    d(c.name);
     const v = new FileReader();
-    r.name.endsWith(".csv") ? (v.onload = (m) => {
+    c.name.endsWith(".csv") ? (v.onload = (m) => {
       const h = m.target.result, f = Mo.parse(h, { header: !0 });
       i(
         e,
@@ -3726,13 +3726,13 @@ const ts = () => /* @__PURE__ */ n.jsx("blockquote", { className: "bg-gray-100 p
           f.data
         )
       );
-    }, v.readAsText(r)) : r.name.endsWith(".xlsx") || r.name.endsWith(".xls") ? (v.onload = (m) => {
+    }, v.readAsText(c)) : c.name.endsWith(".xlsx") || c.name.endsWith(".xls") ? (v.onload = (m) => {
       const h = new Uint8Array(m.target.result), f = ne.read(h, { type: "array" }), y = f.SheetNames[0], g = f.Sheets[y], p = ne.utils.sheet_to_json(g);
       i(
         e,
         (a === "dataGrid" ? Bn : wn)(p)
       );
-    }, v.readAsArrayBuffer(r)) : ki.error("Unsupported file type. Please upload a CSV or Excel file.");
+    }, v.readAsArrayBuffer(c)) : ki.error("Unsupported file type. Please upload a CSV or Excel file.");
   };
   return /* @__PURE__ */ n.jsxs("div", { children: [
     /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
@@ -3835,24 +3835,24 @@ function ps({
   id: a
 }) {
   const { formData: l } = ji(fi), d = s("visibilityDependentFields") || [], t = si(() => {
-    var c;
-    return (c = vs(l).filter((r) => r.id !== a)) == null ? void 0 : c.map((r) => {
+    var r;
+    return (r = vs(l).filter((c) => c.id !== a)) == null ? void 0 : r.map((c) => {
       const v = d.find(
-        (m) => m.id === r.id
+        (m) => m.id === c.id
       );
       return {
-        id: r.id,
-        value: r.id,
-        label: r.inputLabel,
-        sectionId: r.sectionId,
+        id: c.id,
+        value: c.id,
+        label: c.inputLabel,
+        sectionId: c.sectionId,
         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 = (c, r, v) => {
+  }, [l, d, a]), u = (r, c, v) => {
     const m = d == null ? void 0 : d.map(
-      (h, f) => f === c ? { ...h, [r]: v } : h
+      (h, f) => f === r ? { ...h, [c]: v } : h
     );
     e("visibilityDependentFields", m);
   };
@@ -3869,14 +3869,14 @@ function ps({
         validationData: { register: i, setValue: e, trigger: o, watch: s }
       }
     ),
-    d.length > 0 && /* @__PURE__ */ n.jsx("div", { className: "py-1 bg-gray-100 rounded dependent-fields", children: d == null ? void 0 : d.map((c, r) => {
+    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 v, m;
       return /* @__PURE__ */ n.jsxs("div", { className: "dependent-field", children: [
         /* @__PURE__ */ n.jsx(
           "input",
           {
             type: "text",
-            value: c.label,
+            value: r.label,
             readOnly: !0,
             disabled: !0,
             className: "field-label"
@@ -3885,10 +3885,10 @@ function ps({
         /* @__PURE__ */ n.jsx("div", { className: "field-listbox min-w-[100px]", children: /* @__PURE__ */ n.jsx(
           ui,
           {
-            value: c.fieldType,
-            onChange: (h) => u(r, "fieldType", h),
+            value: r.fieldType,
+            onChange: (h) => u(c, "fieldType", h),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ n.jsx(ui.Button, { className: "listbox-button", children: c.fieldType }),
+              /* @__PURE__ */ n.jsx(ui.Button, { className: "listbox-button", children: r.fieldType }),
               /* @__PURE__ */ n.jsx(
                 Ei,
                 {
@@ -3920,10 +3920,10 @@ function ps({
         /* @__PURE__ */ n.jsx("div", { className: "field-listbox min-w-[100px]", children: /* @__PURE__ */ n.jsx(
           ui,
           {
-            value: c.operator,
-            onChange: (h) => u(r, "operator", h),
+            value: r.operator,
+            onChange: (h) => u(c, "operator", h),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ n.jsx(ui.Button, { className: "listbox-button", children: c.operator.replace("_", " ") }),
+              /* @__PURE__ */ n.jsx(ui.Button, { className: "listbox-button", children: r.operator.replace("_", " ") }),
               /* @__PURE__ */ n.jsx(
                 Ei,
                 {
@@ -3936,7 +3936,7 @@ function ps({
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
-                      children: (v = c.fieldType === "number" ? [...fe, ...hs] : fe) == null ? void 0 : v.map((h) => /* @__PURE__ */ n.jsx(
+                      children: (v = r.fieldType === "number" ? [...fe, ...hs] : fe) == null ? void 0 : v.map((h) => /* @__PURE__ */ n.jsx(
                         ui.Option,
                         {
                           value: h,
@@ -3952,22 +3952,22 @@ function ps({
             ] })
           }
         ) }),
-        c.fieldType !== "boolean" ? /* @__PURE__ */ n.jsx(
+        r.fieldType !== "boolean" ? /* @__PURE__ */ n.jsx(
           "input",
           {
-            type: c.fieldType,
-            value: c.fieldValue || "",
-            onChange: (h) => u(r, "fieldValue", h.target.value),
+            type: r.fieldType,
+            value: r.fieldValue || "",
+            onChange: (h) => u(c, "fieldValue", h.target.value),
             placeholder: "Value",
             className: "field-value"
           }
         ) : /* @__PURE__ */ n.jsx("div", { className: "field-listbox", children: /* @__PURE__ */ n.jsx(
           ui,
           {
-            value: (m = c.fieldValue) != null ? m : "",
-            onChange: (h) => u(r, "fieldValue", h),
+            value: (m = r.fieldValue) != null ? m : "",
+            onChange: (h) => u(c, "fieldValue", h),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ n.jsx(ui.Button, { className: "listbox-button", children: c.fieldValue === !0 ? "True" : c.fieldValue === !1 ? "False" : "Select value" }),
+              /* @__PURE__ */ n.jsx(ui.Button, { className: "listbox-button", children: r.fieldValue === !0 ? "True" : r.fieldValue === !1 ? "False" : "Select value" }),
               /* @__PURE__ */ n.jsx(
                 Ei,
                 {
@@ -4005,7 +4005,7 @@ function ps({
             ] })
           }
         ) })
-      ] }, c.id);
+      ] }, r.id);
     }) })
   ] });
 }
@@ -4086,10 +4086,9 @@ const gs = w.object().shape({
   onClose: e,
   element: o
 }) => {
-  console.log(o);
   const s = fs.filter(
     (D) => !qi.includes(o.inputType) || D.key !== "validation"
-  ), { updateElement: a } = bi.useContext(fi), [l, d] = R("basic"), [t, u] = R(!1), [c, r] = R("manual"), v = gi("config"), {
+  ), { updateElement: a } = bi.useContext(fi), [l, d] = R("basic"), [t, u] = R(!1), [r, c] = R("manual"), v = gi("config"), {
     register: m,
     handleSubmit: h,
     control: f,
@@ -4158,7 +4157,7 @@ const gs = w.object().shape({
     }
   }, [o.type, y, A.apiUrl]), J = ["manual", "api", "sheet"];
   function ri() {
-    c === "api" && B();
+    r === "api" && B();
   }
   const ii = () => {
     var D, _;
@@ -4169,7 +4168,7 @@ const gs = w.object().shape({
           {
             type: "radio",
             name: "optionType",
-            onChange: (F) => r(F.target.value),
+            onChange: (F) => c(F.target.value),
             value: V
           }
         ),
@@ -4179,7 +4178,7 @@ const gs = w.object().shape({
           " options"
         ] })
       ] }, V)) }),
-      c === "api" && /* @__PURE__ */ n.jsxs("div", { className: "mb-4", children: [
+      r === "api" && /* @__PURE__ */ n.jsxs("div", { className: "mb-4", children: [
         /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
           /* @__PURE__ */ n.jsxs("div", { className: "relative flex items-center w-full mb-2", children: [
             /* @__PURE__ */ n.jsx(
@@ -4209,7 +4208,7 @@ const gs = w.object().shape({
         ] }),
         /* @__PURE__ */ n.jsx(cs, {})
       ] }),
-      c === "sheet" && /* @__PURE__ */ n.jsx("div", { className: "mb-4", children: /* @__PURE__ */ n.jsx(
+      r === "sheet" && /* @__PURE__ */ n.jsx("div", { className: "mb-4", children: /* @__PURE__ */ n.jsx(
         ge,
         {
           type: o.type,
@@ -4379,9 +4378,9 @@ const gs = w.object().shape({
         {
           type: "radio",
           name: "optionType",
-          onChange: (_) => r(_.target.value),
+          onChange: (_) => c(_.target.value),
           value: D,
-          checked: D === c
+          checked: D === r
         }
       ),
       " ",
@@ -4390,7 +4389,7 @@ const gs = w.object().shape({
         " options"
       ] })
     ] }, D)) }),
-    c === "api" && /* @__PURE__ */ n.jsxs("div", { className: "mb-4", children: [
+    r === "api" && /* @__PURE__ */ n.jsxs("div", { className: "mb-4", children: [
       /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ n.jsxs("div", { className: "relative flex items-center w-full mb-2", children: [
           /* @__PURE__ */ n.jsx(
@@ -4420,7 +4419,7 @@ const gs = w.object().shape({
       ] }),
       /* @__PURE__ */ n.jsx(rs, {})
     ] }),
-    c === "sheet" && /* @__PURE__ */ n.jsx("div", { className: "mb-4", children: /* @__PURE__ */ n.jsx(
+    r === "sheet" && /* @__PURE__ */ n.jsx("div", { className: "mb-4", children: /* @__PURE__ */ n.jsx(
       ge,
       {
         type: o.type,
@@ -5067,8 +5066,8 @@ const gs = w.object().shape({
   ({ state: i, element: e, children: o }) => {
     const [s, a] = R(!1), { removeElement: l, duplicateElement: d } = bi.useContext(fi), t = si(
       () => {
-        var c;
-        return (c = e == null ? void 0 : e.acceptedFiles) == null ? void 0 : c.map((r) => r.label).join(", ");
+        var r;
+        return (r = e == null ? void 0 : e.acceptedFiles) == null ? void 0 : r.map((c) => c.label).join(", ");
       },
       [e]
     ), u = X(() => {
@@ -5260,7 +5259,7 @@ function Ns({
   validationData: e
 }) {
   var A;
-  const { register: o = () => ({}), setValue: s, watch: a } = e || {}, [l, d] = R(), [t, u] = R(!1), [c, r] = R(!1), [v, m] = R(""), h = a && a(i == null ? void 0 : i.id);
+  const { register: o = () => ({}), setValue: s, watch: a } = e || {}, [l, d] = R(), [t, u] = R(!1), [r, c] = R(!1), [v, m] = R(""), h = a && a(i == null ? void 0 : i.id);
   O(() => {
     d(h);
   }, [h]);
@@ -5286,15 +5285,15 @@ function Ns({
             B = await Ii.post(g, { value: N }, S);
           else
             throw new Error("Unsupported HTTP method");
-          B.status === 200 && ((((ei = (E = B == null ? void 0 : B.data) == null ? void 0 : E.data) == null ? void 0 : ei.status) || ((Y = B == null ? void 0 : B.data) == null ? void 0 : Y.status)) === !0 ? (r(!0), x === "string" ? m(
+          B.status === 200 && ((((ei = (E = B == null ? void 0 : B.data) == null ? void 0 : E.data) == null ? void 0 : ei.status) || ((Y = B == null ? void 0 : B.data) == null ? void 0 : Y.status)) === !0 ? (c(!0), x === "string" ? m(
             ((L = (Q = B == null ? void 0 : B.data) == null ? void 0 : Q.data) == null ? void 0 : L.description) || ((U = B == null ? void 0 : B.data) == null ? void 0 : U.description) || "Validation successful"
           ) : y(
             ((K = (I = B == null ? void 0 : B.data) == null ? void 0 : I.data) == null ? void 0 : K.description) || ((G = B == null ? void 0 : B.data) == null ? void 0 : G.description) || {}
-          )) : (console.error("Invalid input:", N), m("Unable to validate input"), r(!1)));
+          )) : (console.error("Invalid input:", N), m("Unable to validate input"), c(!1)));
         } catch (B) {
           console.error("Error validating input:", B), m(
             ((M = (P = B == null ? void 0 : B.response) == null ? void 0 : P.data) == null ? void 0 : M.message) || "Unable to validate input"
-          ), r(!1);
+          ), c(!1);
         } finally {
           u(!1);
         }
@@ -5358,13 +5357,13 @@ function Ns({
             }
           )
         ] }),
-        c && !t && /* @__PURE__ */ n.jsx("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n.jsx(q, { icon: "gg:check-o" }) })
+        r && !t && /* @__PURE__ */ n.jsx("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n.jsx(q, { icon: "gg:check-o" }) })
       ] })
     ] }),
     v && x === "string" && /* @__PURE__ */ n.jsx(
       "span",
       {
-        className: `${c ? "text-green-600" : "text-red-600"} text-sm`,
+        className: `${r ? "text-green-600" : "text-red-600"} text-sm`,
         children: v
       }
     ),
@@ -5384,22 +5383,22 @@ function js({
   denominators: s
 }) {
   const [a, l] = R([...o]);
-  function d(c, r) {
+  function d(r, c) {
     l((v) => {
       const m = [...v];
-      return m[r] = {
-        ...m[r],
-        value: c
+      return m[c] = {
+        ...m[c],
+        value: r
       }, m;
     });
   }
-  function t(c, r) {
-    return parseFloat(c) * parseFloat(r) || 0;
+  function t(r, c) {
+    return parseFloat(r) * parseFloat(c) || 0;
   }
   const u = si(
-    () => a.reduce((c, r) => {
-      const v = t(r.key, r.value);
-      return c + v;
+    () => a.reduce((r, c) => {
+      const v = t(c.key, c.value);
+      return r + v;
     }, 0),
     [a]
   );
@@ -5407,11 +5406,11 @@ function js({
     i && i(a);
   }, [a]), O(() => {
     if (s != null && s.length) {
-      const c = s == null ? void 0 : s.map((r, v) => ({
-        key: r.value,
+      const r = s == null ? void 0 : s.map((c, v) => ({
+        key: c.value,
         value: Array.isArray(o) && o[v] ? o[v].value : ""
       }));
-      l(c);
+      l(r);
     }
   }, [o, s]), /* @__PURE__ */ n.jsx("div", { className: "mt-2", children: /* @__PURE__ */ n.jsxs("div", { className: "border border-gray-200 rounded-lg overflow-hidden text-gray-700", children: [
     /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-3 text-sm font-bold border-b border-gray-100 bg-gray-50", children: [
@@ -5419,30 +5418,30 @@ function js({
       /* @__PURE__ */ n.jsx("div", { className: "border-r px-4 py-2", children: /* @__PURE__ */ n.jsx("span", { children: "Quantity" }) }),
       /* @__PURE__ */ n.jsx("div", { className: "px-4 py-2", children: /* @__PURE__ */ n.jsx("span", { children: "Sub total" }) })
     ] }),
-    a == null ? void 0 : a.map((c, r) => {
+    a == null ? void 0 : a.map((r, c) => {
       var v, m;
       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: (v = parseFloat(c.key)) == null ? void 0 : v.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,
               {
                 id: "input-example",
                 className: "border border-gray-100 rounded w-full px-3 py-1 outline-none",
                 decimalsLimit: 6,
-                value: c.value,
-                onValueChange: (h) => d(h, r),
+                value: r.value,
+                onValueChange: (h) => d(h, c),
                 disabled: e,
                 allowNegativeValue: !1
               }
             ) }) }),
-            /* @__PURE__ */ n.jsx("div", { className: "px-4 py-2 flex justify-between items-center", children: /* @__PURE__ */ n.jsx("span", { children: (m = t(c.key, c.value)) == null ? void 0 : m.toLocaleString() }) })
+            /* @__PURE__ */ n.jsx("div", { className: "px-4 py-2 flex justify-between items-center", children: /* @__PURE__ */ n.jsx("span", { children: (m = t(r.key, r.value)) == null ? void 0 : m.toLocaleString() }) })
           ]
         },
-        r + "index"
+        c + "index"
       );
     }),
     /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-3 text-sm font-bold bg-gray-50", children: [
@@ -5508,9 +5507,9 @@ function Bs({
   return /* @__PURE__ */ n.jsxs("tr", { children: [
     e.map((d) => {
       var h;
-      const t = i[d.field], u = d.editable && !o, { isValidating: c, result: r } = a(i.id, d.field);
+      const t = i[d.field], u = d.editable && !o, { isValidating: r, result: c } = a(i.id, d.field);
       let v = "border-gray-300";
-      d.validate && ((r == null ? void 0 : r.isValid) === !1 ? v = "border-red-500 bg-red-50" : (r == null ? void 0 : r.isValid) === !0 && (v = "border-green-500 bg-green-50"));
+      d.validate && ((c == null ? void 0 : c.isValid) === !1 ? v = "border-red-500 bg-red-50" : (c == null ? void 0 : c.isValid) === !0 && (v = "border-green-500 bg-green-50"));
       const m = `w-full py-1 rounded outline-none ${v}`;
       return /* @__PURE__ */ n.jsx(
         "td",
@@ -5558,18 +5557,18 @@ function Bs({
                 className: m
               }
             ),
-            c && /* @__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" }) })
-          ] }) : d.validate && r ? /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
+            r && /* @__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" }) })
+          ] }) : d.validate && c ? /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ n.jsxs("span", { children: [
               String(t != null ? t : ""),
               " ",
-              r.data && `[${r.data}]`
+              c.data && `[${c.data}]`
             ] }),
-            r.isValid ? /* @__PURE__ */ n.jsx("span", { className: "text-xs text-green-600", children: "✓" }) : /* @__PURE__ */ n.jsx(
+            c.isValid ? /* @__PURE__ */ n.jsx("span", { className: "text-xs text-green-600", children: "✓" }) : /* @__PURE__ */ n.jsx(
               "span",
               {
                 className: "text-xs text-red-600 cursor-help",
-                title: (h = r.error) != null ? h : "",
+                title: (h = c.error) != null ? h : "",
                 children: "✗"
               }
             )
@@ -5615,9 +5614,9 @@ function Ls({
   ), u = X(() => {
     const v = Si(), m = s.reduce((h, f) => (h[f.field] = f.field === "id" ? v : "", h), {});
     l((h) => [...h, { id: v, ...m }]);
-  }, [s]), c = X((v) => {
+  }, [s]), r = X((v) => {
     l((m) => m.filter((h) => h.id !== v));
-  }, []), r = X(
+  }, []), c = X(
     (v, m) => ({
       isValidating: !1,
       result: void 0
@@ -5650,8 +5649,8 @@ function Ls({
           columns: s,
           isReadOnly: o,
           handleCellChange: t,
-          getValidationStatus: r,
-          deleteRow: c
+          getValidationStatus: c,
+          deleteRow: r
         },
         v.id
       )) : /* @__PURE__ */ n.jsx("tr", { children: /* @__PURE__ */ n.jsx(
@@ -5679,17 +5678,17 @@ function Ps({
   element: i,
   validationData: e
 }) {
-  var r;
+  var c;
   const {
     register: o = () => ({}),
     setValue: s,
     watch: a,
     isReadOnly: l
-  } = e || {}, d = a && a(i == null ? void 0 : i.id) || {}, t = Array.isArray(d) ? d : (r = d == null ? void 0 : d.rows) != null ? r : [];
+  } = e || {}, d = a && a(i == null ? void 0 : i.id) || {}, t = Array.isArray(d) ? d : (c = d == null ? void 0 : d.rows) != null ? c : [];
   O(() => {
     o(i.id);
   }, [i.id, o]);
-  const u = Mi(""), c = X(
+  const u = Mi(""), r = X(
     (v) => {
       const m = JSON.stringify(v);
       m !== u.current && (u.current = m, s == null || s(i.id, {
@@ -5703,7 +5702,7 @@ function Ps({
     Ls,
     {
       value: t,
-      onChange: c,
+      onChange: r,
       columns: i == null ? void 0 : i.dataColumns,
       isReadOnly: l
     }
@@ -5719,15 +5718,15 @@ const xe = ({
   name: d,
   label: t,
   value: u,
-  trigger: c,
-  isMultiple: r = !1,
+  trigger: r,
+  isMultiple: c = !1,
   isFloatingLabel: v = !1,
   subText: m,
   labelClass: h = "",
   loading: f,
   disabled: y
 }) => {
-  const [g, p] = R(r ? [] : null), x = Z("custom-select__control", i), C = si(() => e, [e]);
+  const [g, p] = R(c ? [] : null), x = Z("custom-select__control", i), C = si(() => e, [e]);
   return O(() => {
     const S = e == null ? void 0 : e.find((j) => {
       var A;
@@ -5735,7 +5734,7 @@ const xe = ({
     });
     p(S || null);
   }, [u, e]), O(() => {
-    g && l && a && (l(d, g == null ? void 0 : g.value), a(d), c == null || c(d));
+    g && l && a && (l(d, g == null ? void 0 : g.value), a(d), r == null || r(d));
   }, [d, g]), /* @__PURE__ */ n.jsxs("div", { className: "custom-select", children: [
     t && !v && /* @__PURE__ */ n.jsx("label", { className: "custom-select__label", children: t }),
     v && t && /* @__PURE__ */ n.jsx("label", { className: Z("custom-select__floating-label", h), children: t }),
@@ -5744,7 +5743,7 @@ const xe = ({
       {
         value: g,
         onChange: p,
-        multiple: r,
+        multiple: c,
         disabled: y,
         children: /* @__PURE__ */ n.jsxs("div", { className: "custom-select__wrapper", children: [
           /* @__PURE__ */ n.jsxs(ui.Button, { className: x, disabled: y, children: [
@@ -5796,18 +5795,18 @@ const xe = ({
     setValue: a,
     watch: l,
     isReadOnly: d
-  } = e || {}, t = (y = i == null ? void 0 : i.id) != null ? y : "cascadeValue", [u, c] = R(""), [r, v] = R(""), m = (g, p) => {
+  } = e || {}, t = (y = i == null ? void 0 : i.id) != null ? y : "cascadeValue", [u, r] = R(""), [c, v] = R(""), m = (g, p) => {
     const x = g && p ? `${g}_${p}` : "";
     a == null || a(t, x), s == null || s(t);
   }, h = (g, p) => {
-    g === "first" ? (c(p), v(""), m(p, "")) : (v(p), m(u, p));
+    g === "first" ? (r(p), v(""), m(p, "")) : (v(p), m(u, p));
   };
   O(() => {
     if (l) {
       const g = l(t);
       if (g != null && g.includes("_")) {
         const [p, x] = g.split("_");
-        c(p), v(x);
+        r(p), v(x);
       }
     }
   }, [l, t]);
@@ -5839,7 +5838,7 @@ const xe = ({
           options: f,
           name: `${t}`,
           register: o,
-          value: r
+          value: c
         }
       )
     ] })
@@ -5857,18 +5856,18 @@ const xe = ({
   var p;
   const {
     register: u = () => ({}),
-    trigger: c,
-    setValue: r,
+    trigger: r,
+    setValue: c,
     watch: v,
     isReadOnly: m
   } = t || {}, h = (p = v == null ? void 0 : v(d.id)) != null ? p : 0, [f, y] = R(null);
   O(() => {
-    h == null && (r == null || r(d.id, i));
+    h == null && (c == null || c(d.id, i));
   }, []);
   const g = (x) => {
     if (!o && !m) {
       const C = x + 1;
-      r == null || r(d.id, C), c == null || c(d.id), s == null || s(C);
+      c == null || c(d.id, C), r == null || r(d.id), s == null || s(C);
     }
   };
   return /* @__PURE__ */ n.jsxs("div", { className: `flex gap-1 ${l}`, children: [
@@ -5940,14 +5939,14 @@ function ye({
     trigger: a,
     isReadOnly: l,
     watch: d
-  } = e || {}, t = (d == null ? void 0 : d(i.id)) || "", { country: u, state: c } = si(() => {
+  } = e || {}, t = (d == null ? void 0 : d(i.id)) || "", { country: u, state: r } = si(() => {
     var f;
     if (typeof t == "string" && t.includes(",")) {
       const [y, g] = (f = t.split(",")) == null ? void 0 : f.map((p) => p.trim());
       return { country: g, state: y };
     }
     return { country: t, state: "" };
-  }, [t]), r = Mi(t), v = si(() => {
+  }, [t]), c = Mi(t), v = si(() => {
     var f, y;
     return u ? ((y = (f = Xi.find((g) => g.name === u)) == null ? void 0 : f.states) == null ? void 0 : y.map((g) => ({
       label: g.name,
@@ -5955,13 +5954,13 @@ function ye({
     }))) || [] : [];
   }, [u]), m = (f, y) => {
     const p = (y == null ? void 0 : y.value) || "";
-    s && p !== r.current && (s(i.id, p), a == null || a(i.id), r.current = p);
+    s && p !== c.current && (s(i.id, p), a == null || a(i.id), c.current = p);
   }, h = (f, y) => {
     const g = (y == null ? void 0 : y.value) || "", p = g ? `${g}, ${u}` : u;
-    s && p !== r.current && (s(i.id, p), a == null || a(i.id), r.current = p);
+    s && p !== c.current && (s(i.id, p), a == null || a(i.id), c.current = p);
   };
   return O(() => {
-    r.current = t;
+    c.current = t;
   }, [t]), /* @__PURE__ */ n.jsxs("div", { className: "grid gap-y-6", children: [
     /* @__PURE__ */ n.jsx("input", { type: "hidden", ...o(i.id) }),
     /* @__PURE__ */ n.jsx(
@@ -5984,9 +5983,9 @@ function ye({
           onGetValue: h,
           name: `${i.id}-state`,
           readOnly: l,
-          defaultValue: c
+          defaultValue: r
         },
-        `state-${c}`
+        `state-${r}`
       )
     ] })
   ] });
@@ -5995,7 +5994,7 @@ function Os({
   element: i,
   validationData: e
 }) {
-  const { register: o = () => ({}), isReadOnly: s } = e || {}, { validationUrl: a, documentObj: l, signatureLink: d } = i, t = si(() => gi("config"), []), [u, c] = R(!1), [r, v] = R(!1), m = X(async () => {
+  const { register: o = () => ({}), isReadOnly: s } = e || {}, { validationUrl: a, documentObj: l, signatureLink: d } = i, t = si(() => gi("config"), []), [u, r] = R(!1), [c, v] = R(!1), m = X(async () => {
     var h, f;
     if (!(!a || !l))
       try {
@@ -6008,7 +6007,7 @@ function Os({
           `${a}/${l}`,
           g
         ), x = !!((f = (h = p == null ? void 0 : p.data) == null ? void 0 : h.isSigned) != null ? f : p != null && p.isSigned);
-        return c(x), x;
+        return r(x), x;
       } catch (y) {
         console.error("Failed to check sign status", y);
       } finally {
@@ -6040,21 +6039,21 @@ function Os({
       {
         type: "button",
         onClick: m,
-        disabled: r || u,
+        disabled: c || u,
         style: { background: (t == null ? void 0 : t.buttonColor) || "#333" },
         className: Z(
           "flex items-center gap-x-1 rounded-lg border border-gray-200 bg-gray-200 px-3 py-[10px] text-sm text-white",
-          { "!opacity-60": r }
+          { "!opacity-60": c }
         ),
         children: [
           /* @__PURE__ */ n.jsx(
             q,
             {
-              icon: r ? "solar:refresh-outline" : u ? "solar:check-circle-bold" : "solar:pen-2-line-duotone",
-              iconClass: r ? "animate-spin" : ""
+              icon: c ? "solar:refresh-outline" : u ? "solar:check-circle-bold" : "solar:pen-2-line-duotone",
+              iconClass: c ? "animate-spin" : ""
             }
           ),
-          r ? "Checking..." : u ? "Signed" : "Sign"
+          c ? "Checking..." : u ? "Signed" : "Sign"
         ]
       }
     ) })
@@ -6316,8 +6315,8 @@ function Ks({
   value: d,
   error: t,
   disabled: u,
-  readOnly: c,
-  horizontal: r,
+  readOnly: r,
+  horizontal: c,
   description: v,
   validate: m,
   onChange: h,
@@ -6354,13 +6353,13 @@ function Ks({
   }, [C, p, Q]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `relative formGroup ${Q && !c ? "has-error" : ""} ${r ? "flex" : ""} ${!Q && C.length > 0 && !c ? "is-valid" : ""}`,
+      className: `relative formGroup ${Q && !r ? "has-error" : ""} ${c ? "flex" : ""} ${!Q && C.length > 0 && !r ? "is-valid" : ""}`,
       children: [
         i && /* @__PURE__ */ n.jsxs(
           "label",
           {
             htmlFor: l,
-            className: `${o} ${r ? "flex-0 mr-6 md:w-[100px] w-[60px] break-words" : ""} flex items-center gap-x-1 input-label text-sm text-[#1B2B41B8]`,
+            className: `${o} ${c ? "flex-0 mr-6 md:w-[100px] w-[60px] break-words" : ""} flex items-center gap-x-1 input-label text-sm text-[#1B2B41B8]`,
             children: [
               i,
               " ",
@@ -6404,7 +6403,7 @@ function Ks({
                 inputMode: "numeric",
                 value: C,
                 disabled: u,
-                readOnly: c,
+                readOnly: r,
                 onChange: (L) => {
                   const U = L.target.value.replace(/\D/g, "");
                   S(U);
@@ -6415,7 +6414,7 @@ function Ks({
                 minLength: N
               }
             ),
-            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !Q && C.length > 0 && !c && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(q, { icon: "bi:check-lg" }) }) })
+            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !Q && C.length > 0 && !r && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(q, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
         v && /* @__PURE__ */ n.jsx("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: v })
@@ -6447,11 +6446,11 @@ function Gs({
       value: u,
       readOnly: l,
       disabled: l,
-      onError: (c) => {
-        c ? d == null || d(i.id, { type: "manual", message: c }) : t == null || t(i.id);
+      onError: (r) => {
+        r ? d == null || d(i.id, { type: "manual", message: r }) : t == null || t(i.id);
       },
-      onChange: (c) => {
-        c && (s == null || s(i.id, c));
+      onChange: (r) => {
+        r && (s == null || s(i.id, r));
       }
     }
   );
@@ -6460,10 +6459,10 @@ function Hs({
   element: i,
   validationData: e
 }) {
-  var c;
+  var r;
   const { register: o = () => ({}), watch: s } = e || {};
   let a = "";
-  s && (a = (c = s()[i.id]) != null ? c : "");
+  s && (a = (r = s()[i.id]) != null ? r : "");
   const l = a.trim(), d = /^https?:\/\//i.test(l), t = l ? d ? l : `https://${l}` : "", u = !d;
   return /* @__PURE__ */ n.jsxs("div", { children: [
     !(e != null && e.isReadOnly) && /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
@@ -6567,8 +6566,8 @@ const We = {
     formData: d,
     addElement: t,
     setIsDragging: u,
-    moveElement: c,
-    isDragging: r,
+    moveElement: r,
+    isDragging: c,
     removeElement: v
   } = ji(fi), m = si(
     () => Array.from({ length: i.columns }),
@@ -6602,7 +6601,7 @@ const We = {
       S.preventDefault(), S.stopPropagation(), u(!1), f(null);
       const A = j + 1, N = S.dataTransfer.getData("elementId");
       if (N) {
-        c({
+        r({
           draggedId: N,
           sectionId: e,
           targetGridId: i.id,
@@ -6634,7 +6633,7 @@ const We = {
         console.error("Drop failed in grid:", ei), u(!1);
       }
     },
-    [t, i.id, d, e, u, c]
+    [t, i.id, d, e, u, r]
   ), C = (S, j, A) => {
     var K, G, P;
     const N = S + 1, E = (G = (K = d.find((M) => M.id === e)) == null ? void 0 : K.questionData) == null ? void 0 : G.find(
@@ -6645,7 +6644,7 @@ const We = {
     ), ei = (P = E == null ? void 0 : E.id) != null ? P : null, Y = Array.isArray(o) && o.find((M) => {
       var B;
       return ((B = M == null ? void 0 : M.props) == null ? void 0 : B.col) === N;
-    }), Q = r && h === S, L = !!Y, U = r && !!l, I = L && ei && A === "edit" ? {
+    }), Q = c && h === S, L = !!Y, U = c && !!l, I = L && ei && A === "edit" ? {
       draggable: !0,
       onDragStart: (M) => {
         M.stopPropagation(), M.dataTransfer.setData("elementId", ei), M.dataTransfer.setData("properties", ei), M.dataTransfer.effectAllowed = "move", u(!0);
@@ -6753,13 +6752,13 @@ function Us({ elementData: i, sectionId: e }) {
     setIsDragging: a,
     addElementInPosition: l,
     moveElement: d
-  } = ji(fi), [t, u] = R(null), c = si(
+  } = ji(fi), [t, u] = R(null), r = si(
     () => {
       var p;
       return ((p = o.find((x) => x.id === e)) == null ? void 0 : p.questionData) || [];
     },
     [o, e]
-  ), r = X(
+  ), c = X(
     (p, x) => {
       p.dataTransfer.setData("elementId", x), p.dataTransfer.setData("properties", x), p.dataTransfer.effectAllowed = "move", u(x), a(!0);
     },
@@ -6778,12 +6777,12 @@ function Us({ elementData: i, sectionId: e }) {
         v();
         return;
       }
-      const S = c.find((A) => A.id === x), j = c.findIndex(
+      const S = r.find((A) => A.id === x), j = r.findIndex(
         (A) => A.id === C
       );
       S != null && S.gridId && j !== -1 ? d({ draggedId: x, sectionId: e, targetIndex: j }) : d({ draggedId: x, sectionId: e, targetId: C }), u(null), a(!1);
     },
-    [e, d, a, v, c]
+    [e, d, a, v, r]
   ), h = X(
     (p, x) => {
       p.preventDefault(), p.stopPropagation(), a(!1);
@@ -6808,7 +6807,7 @@ function Us({ elementData: i, sectionId: e }) {
       {
         id: p.id,
         draggable: !0,
-        onDragStart: (C) => r(C, p.id),
+        onDragStart: (C) => c(C, p.id),
         onDragOver: x ? void 0 : (C) => {
           C.preventDefault(), C.stopPropagation();
         },
@@ -6823,7 +6822,7 @@ function Us({ elementData: i, sectionId: e }) {
       },
       p.id
     ),
-    [t, m, e, r, v]
+    [t, m, e, c, v]
   ), y = si(() => (i == null ? void 0 : i.reduce((p, x) => (x.gridId && (p[x.gridId] = p[x.gridId] || [], p[x.gridId].push(x)), p), {})) || {}, [i]);
   if (!(i != null && i.length))
     return /* @__PURE__ */ n.jsx(
@@ -6848,7 +6847,7 @@ function Us({ elementData: i, sectionId: e }) {
       }
     ),
     g.map((p) => {
-      const x = c.findIndex((C) => C.id === p.id);
+      const x = r.findIndex((C) => C.id === p.id);
       if (p.type === "grid") {
         const C = y[p.id] || [], S = t === p.id, j = !!t && !S;
         return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-0", children: [
@@ -6857,7 +6856,7 @@ function Us({ elementData: i, sectionId: e }) {
             {
               id: p.id,
               draggable: !0,
-              onDragStart: (A) => r(A, p.id),
+              onDragStart: (A) => c(A, p.id),
               onDragOver: (A) => {
                 A.preventDefault(), A.stopPropagation();
               },
@@ -6921,15 +6920,15 @@ const zs = an(Us), _s = w.object({
     register: a,
     handleSubmit: l,
     watch: d,
-    formState: { errors: t, isSubmitting: u, isValid: c },
-    reset: r
+    formState: { errors: t, isSubmitting: u, isValid: r },
+    reset: c
   } = En({
     resolver: On(_s),
     defaultValues: o
   });
   if (bi.useEffect(() => {
-    i || r();
-  }, [i, r]), !i) return null;
+    i || c();
+  }, [i, c]), !i) return null;
   const v = (h) => {
     s(h, o.id), e();
   }, m = d();
@@ -7009,9 +7008,9 @@ const zs = an(Us), _s = w.object({
           "button",
           {
             type: "submit",
-            disabled: !c || u,
+            disabled: !r || u,
             style: { background: (yn == null ? void 0 : yn.buttonColor) || "#333" },
-            className: `flex-1 px-4 py-2.5 ${!c || u ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!c || u ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50`,
+            className: `flex-1 px-4 py-2.5 ${!r || u ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!r || u ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50`,
             children: u ? "Saving..." : "Save"
           }
         )
@@ -7028,8 +7027,8 @@ const zs = an(Us), _s = w.object({
   handleSectionEdit: d,
   removeSection: t,
   formDataLength: u,
-  onDragOver: c,
-  setIsDragging: r
+  onDragOver: r,
+  setIsDragging: c
 }) => {
   var h, f;
   const v = Mi(null), m = Mi((h = i.questionData) == null ? void 0 : h.length);
@@ -7104,8 +7103,8 @@ const zs = an(Us), _s = w.object({
               {
                 className: "h-full mt-4 transition-all duration-200",
                 id: i.id,
-                onDragOver: c,
-                onDragEnd: () => r(!1),
+                onDragOver: r,
+                onDragEnd: () => c(!1),
                 onClick: () => s(i.id),
                 children: [
                   /* @__PURE__ */ n.jsx("hr", { className: "group-last:hidden" }),
@@ -7133,8 +7132,8 @@ const zs = an(Us), _s = w.object({
     formData: d,
     setIsDragging: t,
     setSelectedSection: u,
-    selectedSection: c,
-    activeSections: r,
+    selectedSection: r,
+    activeSections: c,
     setActiveSections: v
   } = ji(fi), m = Mi((d == null ? void 0 : d.length) || 0);
   O(() => {
@@ -7153,7 +7152,7 @@ const zs = an(Us), _s = w.object({
     p.preventDefault(), p.dataTransfer.dropEffect = "move", s.current && (s.current.scrollTop = s.current.scrollHeight);
   }, []);
   function f(p) {
-    r.includes(p) ? v(
+    c.includes(p) ? v(
       (x) => x.filter((C) => C !== p)
     ) : v((x) => [...x, p]);
   }
@@ -7187,9 +7186,9 @@ const zs = an(Us), _s = w.object({
                   {
                     section: p,
                     index: x,
-                    selectedSection: c,
+                    selectedSection: r,
                     setSelectedSection: u,
-                    activeSections: r,
+                    activeSections: c,
                     toggleSection: f,
                     handleSectionEdit: y,
                     removeSection: a,
@@ -7314,7 +7313,7 @@ const An = [
     };
     s(f, a);
   }
-  const t = gi("config") || {}, u = t.elementColor, c = t.elementBgColor, r = t.elementBorderColor, v = $a.filter(
+  const t = gi("config") || {}, u = t.elementColor, r = t.elementBgColor, c = t.elementBorderColor, v = $a.filter(
     (h) => h.label.toLowerCase().includes(i.toLowerCase())
   ), m = An == null ? void 0 : An.map((h) => ({
     title: h.title,
@@ -7348,8 +7347,8 @@ const An = [
             onDragEnd: () => o(!1),
             onClick: () => d(g),
             style: {
-              borderColor: r,
-              backgroundColor: c
+              borderColor: c,
+              backgroundColor: r
             },
             className: `cursor-move text-[#475467] flex justify-between items-center \r
                                border-[1.5px] border-[#98A2B3] rounded-lg py-2 px-2 shadow-custom\r
@@ -7383,8 +7382,8 @@ const An = [
   iconClass: d = "text-[20px]",
   loadingClass: t = "",
   link: u = "",
-  div: c = !1,
-  type: r = "button",
+  div: r = !1,
+  type: c = "button",
   style: v,
   onClick: m
 }) => {
@@ -7432,11 +7431,11 @@ const An = [
     i && /* @__PURE__ */ n.jsx("span", { children: i }),
     a && l === "right" && /* @__PURE__ */ n.jsx("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(q, { icon: a }) })
   ] });
-  return c ? /* @__PURE__ */ n.jsx("div", { className: h, children: f() }) : u ? /* @__PURE__ */ n.jsx(To, { to: u, className: h, children: f() }) : /* @__PURE__ */ n.jsx(
+  return r ? /* @__PURE__ */ n.jsx("div", { className: h, children: f() }) : u ? /* @__PURE__ */ n.jsx(To, { to: u, className: h, children: f() }) : /* @__PURE__ */ n.jsx(
     "button",
     {
       disabled: e,
-      type: r,
+      type: c,
       className: h,
       "data-testid": "btn",
       onClick: m,
@@ -7548,7 +7547,7 @@ function ol({
   publishLoading: d,
   onTitleChange: t
 }) {
-  const { formData: u, setShowPreview: c, showPreview: r } = ji(fi), [v, m] = R(!1), [h, f] = R(!1), [y, g] = R(i || ""), p = gi("config");
+  const { formData: u, setShowPreview: r, showPreview: c } = ji(fi), [v, m] = R(!1), [h, f] = R(!1), [y, g] = R(i || ""), p = gi("config");
   function x() {
     localStorage.setItem("formData", JSON.stringify(u)), o == null || o(u);
   }
@@ -7603,10 +7602,10 @@ function ol({
       /* @__PURE__ */ n.jsx(
         Bi,
         {
-          onClick: () => c((j) => !j),
-          text: r ? "Hide Preview" : "Preview",
+          onClick: () => r((j) => !j),
+          text: c ? "Hide Preview" : "Preview",
           btnClass: "px-2  bg-transparent font-medium text-sm form_preview",
-          icon: r ? "iconamoon:eye-off-duotone" : "solar:eye-bold-duotone",
+          icon: c ? "iconamoon:eye-off-duotone" : "solar:eye-bold-duotone",
           iconClass: "text-base",
           style: { color: (p == null ? void 0 : p.buttonColor) || "#333" },
           isDisabled: a,
@@ -7660,8 +7659,8 @@ function al({
   previewLoading: d,
   saveLoading: t,
   publishLoading: u,
-  onTitleChange: c,
-  uploadUrl: r
+  onTitleChange: r,
+  uploadUrl: c
 }) {
   return /* @__PURE__ */ n.jsxs(je, { children: [
     /* @__PURE__ */ n.jsx(Ne, { position: "top-right", richColors: !0, closeButton: !0 }),
@@ -7678,10 +7677,10 @@ function al({
             previewLoading: d,
             saveLoading: t,
             publishLoading: u,
-            onTitleChange: c
+            onTitleChange: r
           }
         ) }),
-        /* @__PURE__ */ n.jsx("div", { className: "p-6 h-[calc(100vh-70px)]", children: a ? /* @__PURE__ */ n.jsx(Ue, { loadingClass: "!w-full !h-[800px]" }) : /* @__PURE__ */ n.jsx($s, { questionData: e, uploadUrl: r }) })
+        /* @__PURE__ */ n.jsx("div", { className: "p-6 h-[calc(100vh-70px)]", children: a ? /* @__PURE__ */ n.jsx(Ue, { loadingClass: "!w-full !h-[800px]" }) : /* @__PURE__ */ n.jsx($s, { questionData: e, uploadUrl: c }) })
       ] })
     ] }) })
   ] });
@@ -7698,8 +7697,8 @@ const Ml = ({
   goBackUrl: d,
   onPublish: t,
   previewLoading: u,
-  saveLoading: c,
-  publishLoading: r,
+  saveLoading: r,
+  publishLoading: c,
   onTitleChange: v,
   uploadUrl: m
 }) => (O(() => {
@@ -7715,8 +7714,8 @@ const Ml = ({
     goBackUrl: d,
     loading: l,
     previewLoading: u,
-    saveLoading: c,
-    publishLoading: r,
+    saveLoading: r,
+    publishLoading: c,
     onTitleChange: v,
     uploadUrl: m
   }
@@ -7728,19 +7727,19 @@ const Ml = ({
   maxLength: (i) => `Maximum length is ${i}`,
   minAmount: (i) => `Minimum amount is ${i}`,
   maxAmount: (i) => `Maximum amount is ${i}`
-}, sl = (i) => ({
+}, sl = (i, e = !1) => ({
   textField: w.string().nullable(),
   longText: w.string().nullable(),
-  numberField: w.number().nullable().transform((o) => isNaN(o) ? null : o),
-  amountField: w.number().nullable().transform((o) => isNaN(o) ? null : o),
+  numberField: w.number().nullable().transform((s) => isNaN(s) ? null : s),
+  amountField: w.number().nullable().transform((s) => isNaN(s) ? null : s),
   selectField: w.string().nullable(),
   checkbox: w.mixed().nullable(),
   radio: w.mixed().nullable(),
   matrix: w.mixed().nullable(),
-  email: w.string().nullable().test("email-format", Ti.email, (o) => !o || o.trim() === "" ? !0 : /^[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/.test(o)),
-  date: w.date().typeError("Invalid date").nullable(),
-  url: w.string().nullable().test("url-format", Ti.url, (o) => !o || o.trim() === "" ? !0 : /^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/.*)?$/.test(
-    o
+  email: w.string().nullable().test("email-format", Ti.email, (s) => !s || s.trim() === "" ? !0 : /^[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/.test(s)),
+  date: w.date().nullable().transform((s, a) => e && a === "" ? null : s).typeError("Invalid date"),
+  url: w.string().nullable().test("url-format", Ti.url, (s) => !s || s.trim() === "" ? !0 : /^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/.*)?$/.test(
+    s
   ))
 })[i] || w.mixed().nullable(), ll = (i, e, o) => e ? i.type === "boolean" ? i.oneOf([!0], o || Ti.required) : i.required(o || Ti.required) : i, dl = (i, {
   minLength: e,
@@ -7771,25 +7770,25 @@ const Ml = ({
     a || Ti.maxAmount(o)
   )), l;
 };
-function tl(i) {
-  const e = {};
-  return i.forEach(({ questionData: o }) => {
-    o == null || o.forEach((s) => {
-      const { id: a, type: l, isRequired: d, requiredMessage: t, isDisabled: u } = s;
-      let c = sl(l);
+function tl({ formData: i, isReadOnly: e }) {
+  const o = {};
+  return i.forEach(({ questionData: s }) => {
+    s == null || s.forEach((a) => {
+      const { id: l, type: d, isRequired: t, requiredMessage: u, isDisabled: r } = a;
+      let c = sl(d, e);
       c = ll(
         c,
-        u ? !1 : d,
-        t
-      ), l === "textField" || l === "longText" || l === "email" || l === "url" ? c = dl(
+        r || e ? !1 : t,
+        u
+      ), d === "textField" || d === "longText" || d === "email" || d === "url" ? c = dl(
         c,
-        s
-      ) : (l === "numberField" || l === "amountField") && (c = ul(
+        a
+      ) : (d === "numberField" || d === "amountField") && (c = ul(
         c,
-        s
-      )), e[a] = c;
+        a
+      )), o[l] = c;
     });
-  }), w.object().shape(e);
+  }), w.object().shape(o);
 }
 const en = ({ element: i, validationData: e }) => {
   const o = We[i.type], { answerData: s } = ji(fi), a = si(
@@ -7804,20 +7803,20 @@ const en = ({ element: i, validationData: e }) => {
   ), d = si(() => l.length ? l.every(
     (t) => {
       if (!i.isHidden) return !0;
-      const u = s == null ? void 0 : s[t.id], c = t.fieldValue, r = u;
+      const u = s == null ? void 0 : s[t.id], r = t.fieldValue, c = u;
       switch (t.operator) {
         case "equals":
-          return String(c).toLowerCase() === String(r).toLowerCase();
+          return String(r).toLowerCase() === String(c).toLowerCase();
         case "not_equals":
-          return String(c).toLowerCase() !== String(r).toLowerCase();
+          return String(r).toLowerCase() !== String(c).toLowerCase();
         case "greater":
-          return Number(r) > Number(c);
+          return Number(c) > Number(r);
         case "less":
-          return Number(r) < Number(c);
+          return Number(c) < Number(r);
         case "contains":
-          return String(r).toLowerCase().includes(String(c).toLowerCase());
+          return String(c).toLowerCase().includes(String(r).toLowerCase());
         case "not_contains":
-          return !String(r).toLowerCase().includes(String(c).toLowerCase());
+          return !String(c).toLowerCase().includes(String(r).toLowerCase());
         default:
           return !0;
       }
@@ -7859,7 +7858,7 @@ function cl({ form_data: i, options: e }) {
       element: a,
       customClass: "p-0 min-h-[60px] border-none",
       children: l == null ? void 0 : l.map((d) => {
-        var t, u, c;
+        var t, u, r;
         return /* @__PURE__ */ n.jsxs(
           Gn,
           {
@@ -7873,7 +7872,7 @@ function cl({ form_data: i, options: e }) {
                   validationData: on(d, e)
                 }
               ),
-              ((c = (u = e == null ? void 0 : e.errors) == null ? void 0 : u[d.id]) == null ? void 0 : c.message) && /* @__PURE__ */ n.jsx("div", { className: "mt-1 text-xs text-red-600", children: e.errors[d.id].message })
+              ((r = (u = e == null ? void 0 : e.errors) == null ? void 0 : u[d.id]) == null ? void 0 : r.message) && /* @__PURE__ */ n.jsx("div", { className: "mt-1 text-xs text-red-600", children: e.errors[d.id].message })
             ]
           },
           d.id
@@ -7931,11 +7930,11 @@ function rl({ 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 c, r, v;
+            var r, c, v;
             return /* @__PURE__ */ n.jsxs(
               Gn,
               {
-                col: (c = u.gridPosition) == null ? void 0 : c.col,
+                col: (r = u.gridPosition) == null ? void 0 : r.col,
                 customClass: "p-0",
                 children: [
                   /* @__PURE__ */ n.jsx(
@@ -7945,7 +7944,7 @@ function rl({ form_data: i, options: e, current: o }) {
                       validationData: on(u, e)
                     }
                   ),
-                  /* @__PURE__ */ n.jsx("div", { className: "mt-1 text-xs text-red-600", children: (v = (r = e == null ? void 0 : e.errors) == null ? void 0 : r[u.id]) == null ? void 0 : v.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
@@ -7989,10 +7988,10 @@ const bl = ({
   renderType: d = "multi",
   children: t,
   hideFooter: u = !1,
-  uploadUrl: c
+  uploadUrl: r
 }) => {
   var ii, di, pi, vi, D, _, V, F;
-  const { setAnswerData: r, setUploadUrl: v } = ji(fi), [m, h] = R(0), f = si(
+  const { setAnswerData: c, setUploadUrl: v } = ji(fi), [m, h] = R(0), f = si(
     () => i.filter((W) => !W.isHidden).map((W) => {
       var ti;
       return W.isDisabled || W.disabled ? {
@@ -8005,8 +8004,8 @@ const bl = ({
     }),
     [i]
   ), y = (ii = f == null ? void 0 : f.length) != null ? ii : 0, g = gi("config"), p = si(
-    () => tl(f),
-    [f]
+    () => tl({ formData: f, isReadOnly: l }),
+    [f, l]
   ), x = En({
     resolver: On(p),
     mode: "onSubmit",
@@ -8033,8 +8032,8 @@ const bl = ({
     [a]
   );
   O(() => {
-    v(c);
-  }, [v, c]), O(() => {
+    v(r);
+  }, [v, r]), O(() => {
     if (!(f != null && f.length) || !a) return;
     const W = f.flatMap(
       (oi) => {
@@ -8051,13 +8050,13 @@ const bl = ({
         }));
       }
     );
-    P(W), r(G);
+    P(W), c(G);
   }, [
     G,
     f,
     P,
     a,
-    r
+    c
   ]), O(() => {
     e != null && e.length && N(ml(e));
   }, [e, N]);
@@ -8215,8 +8214,8 @@ function ze({
   config: d = { buttonColor: "#333" },
   renderType: t,
   children: u,
-  hideFooter: c,
-  onGetValues: r,
+  hideFooter: r,
+  onGetValues: c,
   uploadUrl: v
 }) {
   O(() => {
@@ -8224,9 +8223,9 @@ function ze({
   }, [d]);
   const m = X(
     (h) => {
-      r && r(h);
+      c && c(h);
     },
-    [r]
+    [c]
   );
   return l ? /* @__PURE__ */ n.jsx(Ue, {}) : e ? /* @__PURE__ */ n.jsxs("div", { className: "w-full h-full min-w-0", children: [
     /* @__PURE__ */ n.jsx("div", { id: "root-portal" }),
@@ -8239,7 +8238,7 @@ function ze({
         onSubmitData: s,
         isReadOnly: a,
         renderType: t,
-        hideFooter: c,
+        hideFooter: r,
         onGetValues: m,
         uploadUrl: v,
         children: u