@arudovwen/form-builder-react 1.4.40 → 1.4.42

package/dist/form-builder.es.js

@@ -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, 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 };
+    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 };
   }
   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"), v = Symbol.for("react.memo"), h = 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"), h = Symbol.for("react.memo"), v = 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;
@@ -76,7 +76,7 @@ function ko() {
     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 || 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
+      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 === v || b.$$typeof === h || 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,10 +123,10 @@ function ko() {
             return M(T._context) + ".Provider";
           case u:
             return Z(b, b.render, "ForwardRef");
-          case v:
+          case h:
             var V = b.displayName || null;
             return V !== null ? V : E(b.type) || "Memo";
-          case h: {
+          case v: {
             var X = b, ei = X._payload, $ = X._init;
             try {
               return E($(ei));
@@ -313,9 +313,9 @@ function ko() {
         switch (b.$$typeof) {
           case u:
             return ji(b.render);
-          case v:
+          case h:
             return zi(b.type, k, T);
-          case h: {
+          case v: {
             var V = b, X = V._payload, ei = V._init;
             try {
               return zi(ei(X), k, T);
@@ -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 === v))
+        k.$$typeof === h))
           T = k.propTypes;
         else
           return;
@@ -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), [v, h] = R([
+  const [e, o] = R({}), [s, a] = R({}), [l, d] = R([oe]), [t, u] = R(!1), [r, c] = R(null), [h, v] = R([
     0
   ]), [g, y] = R(""), f = ri.useCallback(() => {
   }, []), m = ri.useCallback(() => {
     const M = xi();
-    d((E) => [...E, { ...oe, id: M }]), c(M), h([l.length]);
+    d((E) => [...E, { ...oe, id: M }]), c(M), v([l.length]);
   }, [l]), p = ri.useCallback((M) => {
     d(
       (E) => E.filter((P) => P.id !== M)
@@ -882,8 +882,8 @@ const pi = ro(void 0), oe = {
       setIsDragging: u,
       selectedSection: r,
       setSelectedSection: c,
-      activeSections: v,
-      setActiveSections: h,
+      activeSections: h,
+      setActiveSections: v,
       updateGridElement: C,
       answerData: e,
       setAnswerData: o,
@@ -906,7 +906,7 @@ const pi = ro(void 0), oe = {
       W,
       t,
       r,
-      v,
+      h,
       C,
       e,
       g,
@@ -1113,15 +1113,15 @@ const Nn = ({
   maxDate: t,
   showYearDropdown: u
 }) => {
-  const r = i ? new Date(i) : null, [c, v] = R(r);
+  const r = i ? new Date(i) : null, [c, h] = R(r);
   O(() => {
     const g = i ? new Date(i) : null;
-    (g && c && g.getTime() !== c.getTime() || !g && c || g && !c) && v(g);
+    (g && c && g.getTime() !== c.getTime() || !g && c || g && !c) && h(g);
   }, [i]), O(() => {
     e && e(a, c);
   }, [c, e, a]);
-  const h = (g) => {
-    v(g);
+  const v = (g) => {
+    h(g);
   };
   return /* @__PURE__ */ n.jsx("div", { className: "builder_date__picker", children: /* @__PURE__ */ n.jsx(
     mo,
@@ -1132,7 +1132,7 @@ const Nn = ({
       dateFormat: s,
       disabled: o,
       selected: c,
-      onChange: h,
+      onChange: v,
       className: "field-control",
       portalId: "root-portal",
       placeholderText: l,
@@ -1451,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, 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());
+  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());
   };
-  g("width", c), g("height", v);
+  g("width", c), g("height", h);
   const y = [
     a.left,
     a.top,
     u,
     r
   ];
-  return h.viewBox = y.join(" "), {
-    attributes: h,
+  return v.viewBox = y.join(" "), {
+    attributes: v,
     viewBox: y,
     body: l
   };
@@ -1679,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 v = {
+    const h = {
       provider: l,
       prefix: d,
       name: t
     };
-    c.push(v);
+    c.push(h);
   }), e;
 }
 function da(i, e = !0, o = !1) {
@@ -1714,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, v = null, h = [], g = [];
+  let u = "pending", r = 0, c, h = null, v = [], g = [];
   typeof s == "function" && g.push(s);
   function y() {
-    v && (clearTimeout(v), v = null);
+    h && (clearTimeout(h), h = null);
   }
   function f() {
-    u === "pending" && (u = "aborted"), y(), h.forEach((A) => {
+    u === "pending" && (u = "aborted"), y(), v.forEach((A) => {
       A.status === "pending" && (A.status = "aborted");
-    }), h = [];
+    }), v = [];
   }
   function m(A, C) {
     C && (g = []), typeof A == "function" && g.push(A);
@@ -1733,7 +1733,7 @@ function ta(i, e, o, s) {
       payload: e,
       status: u,
       queriesSent: r,
-      queriesPending: h.length,
+      queriesPending: v.length,
       subscribe: m,
       abort: f
     };
@@ -1744,13 +1744,13 @@ function ta(i, e, o, s) {
     });
   }
   function j() {
-    h.forEach((A) => {
+    v.forEach((A) => {
       A.status === "pending" && (A.status = "aborted");
-    }), h = [];
+    }), v = [];
   }
   function N(A, C, K) {
     const Q = C !== "success";
-    switch (h = h.filter((W) => W !== A), u) {
+    switch (v = v.filter((W) => W !== A), u) {
       case "pending":
         break;
       case "failed":
@@ -1764,7 +1764,7 @@ function ta(i, e, o, s) {
       return;
     }
     if (Q) {
-      c = K, h.length || (d.length ? S() : x());
+      c = K, v.length || (d.length ? S() : x());
       return;
     }
     if (y(), j(), !i.random) {
@@ -1780,8 +1780,8 @@ function ta(i, e, o, s) {
     y();
     const A = d.shift();
     if (A === void 0) {
-      if (h.length) {
-        v = setTimeout(() => {
+      if (v.length) {
+        h = setTimeout(() => {
           y(), u === "pending" && (j(), x());
         }, i.timeout);
         return;
@@ -1796,7 +1796,7 @@ function ta(i, e, o, s) {
         N(C, K, Q);
       }
     };
-    h.push(C), r++, v = setTimeout(S, i.rotate), o(A, e, C.callback);
+    v.push(C), r++, h = setTimeout(S, i.rotate), o(A, e, C.callback);
   }
   return setTimeout(S), p;
 }
@@ -1810,8 +1810,8 @@ function we(i) {
     o = o.filter((t) => t().status === "pending");
   }
   function a(t, u, r) {
-    const c = ta(e, t, u, (v, h) => {
-      s(), r && r(v, h);
+    const c = ta(e, t, u, (h, v) => {
+      s(), r && r(h, v);
     });
     return o.push(c), c;
   }
@@ -1916,11 +1916,11 @@ function va(i, e) {
     }
     if (l) {
       a.forEach((c) => {
-        const v = l(c, s, o);
-        re(v, (h) => {
-          const g = h ? {
+        const h = l(c, s, o);
+        re(h, (v) => {
+          const g = v ? {
             prefix: s,
-            icons: { [c]: h }
+            icons: { [c]: v }
           } : null;
           Fi(i, [c], g);
         });
@@ -1935,8 +1935,8 @@ function va(i, e) {
       return;
     }
     u.prepare(o, s, d).forEach((c) => {
-      ra(o, c, (v) => {
-        Fi(i, c.icons, v);
+      ra(o, c, (h) => {
+        Fi(i, c.icons, h);
       });
     });
   }));
@@ -1957,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 v = a[r] || (a[r] = /* @__PURE__ */ Object.create(null));
-    v[c] || (v[c] = []);
+    const h = a[r] || (a[r] = /* @__PURE__ */ Object.create(null));
+    h[c] || (h[c] = []);
   }), s.pending.forEach((u) => {
-    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));
+    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));
   }), l.forEach((u) => {
     const r = a[u.provider][u.prefix];
     r.length && va(u, r);
@@ -2149,9 +2149,9 @@ const Ea = (i, e, o) => {
       __html: ka(Jo(r.body, p ? () => p + "ID" + m++ : "iconifyReact"))
     }, Sn("svg", u);
   }
-  const { body: v, width: h, height: g } = i, y = l === "mask" || (l === "bg" ? !1 : v.indexOf("currentColor") !== -1), f = ya(v, {
+  const { body: h, width: v, height: g } = i, y = l === "mask" || (l === "bg" ? !1 : h.indexOf("currentColor") !== -1), f = ya(h, {
     ...c,
-    width: h + "",
+    width: v + "",
     height: g + ""
   });
   return u.style = {
@@ -2252,11 +2252,11 @@ function De(i) {
   O(() => (o(!0), u), []), O(() => {
     e && c();
   }, [i.icon, e]);
-  const { name: v, data: h } = d;
-  return h ? Ea({
+  const { name: h, data: v } = d;
+  return v ? Ea({
     ...Bn,
-    ...h
-  }, i, v) : i.children ? i.children : i.fallback ? i.fallback : Sn("span", {});
+    ...v
+  }, i, h) : i.children ? i.children : i.fallback ? i.fallback : Sn("span", {});
 }
 const Oe = ye((i, e) => De({
   ...i,
@@ -2285,27 +2285,27 @@ function Rn({
     isReadOnly: t,
     watch: u
   } = e || {}, r = ii(
-    () => s == null ? void 0 : s.map((v) => v.label).join(", "),
+    () => s == null ? void 0 : s.map((h) => h.label).join(", "),
     [s]
   );
   return O(() => {
     l(i.id);
   }, [i.id, l]), O(() => {
     if (u) {
-      const v = u((h) => {
-        a(h[i.id]);
+      const h = u((v) => {
+        a(v[i.id]);
       });
       return () => {
-        var h;
-        return (h = v.unsubscribe) == null ? void 0 : h.call(v);
+        var v;
+        return (v = h.unsubscribe) == null ? void 0 : v.call(h);
       };
     }
   }, [u, i.id]), /* @__PURE__ */ n.jsx("div", { className: "custom-select", children: /* @__PURE__ */ n.jsx(
     oi,
     {
       value: s || [],
-      onChange: (v) => {
-        a(v), d == null || d(i.id, v);
+      onChange: (h) => {
+        a(h), d == null || d(i.id, h);
       },
       multiple: !0,
       disabled: t,
@@ -2328,23 +2328,23 @@ function Rn({
             anchor: "bottom start",
             className: "custom-select__options",
             children: (c = i == null ? void 0 : i.options) == null ? void 0 : c.map(
-              (v, h) => /* @__PURE__ */ n.jsx(
+              (h, v) => /* @__PURE__ */ n.jsx(
                 oi.Option,
                 {
-                  value: v,
+                  value: h,
                   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: v.label
+                        children: h.label
                       }
                     ),
                     g && /* @__PURE__ */ n.jsx("span", { className: "custom-select__check", children: "✓" })
                   ] })
                 },
-                h
+                v
               )
             )
           }
@@ -2396,8 +2396,8 @@ function Ke({
   }, [i, l]);
   const r = () => {
     l === "image" || l === "pdf" ? a(!0) : window.open(t || i, "_blank");
-  }, c = () => a(!1), v = e || (i == null ? void 0 : i.split("/").pop()) || "Unknown file";
-  function h(g, y = "download") {
+  }, c = () => a(!1), h = e || (i == null ? void 0 : i.split("/").pop()) || "Unknown file";
+  function v(g, y = "download") {
     if (!g) return;
     if (g.startsWith("data:")) {
       const m = document.createElement("a");
@@ -2413,11 +2413,11 @@ function Ke({
       {
         onClick: r,
         className: "!flex items-center rounded cursor-pointer   gap-x-3",
-        title: `Click to preview ${v}`,
+        title: `Click to preview ${h}`,
         children: [
           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 })
+          /* @__PURE__ */ n.jsx("span", { className: "text-sm font-semibold text-center text-gray-700 truncate max-w-[300px]", children: h })
         ]
       }
     ),
@@ -2427,8 +2427,8 @@ function Ke({
         {
           type: "button",
           className: "p-2",
-          onClick: () => h(t || i, e),
-          title: `Download ${v}`,
+          onClick: () => v(t || i, e),
+          title: `Download ${h}`,
           children: /* @__PURE__ */ n.jsx(z, { icon: "streamline-flex:download-tray-solid" })
         }
       ),
@@ -2466,7 +2466,7 @@ function Ke({
                 "img",
                 {
                   src: i,
-                  alt: v,
+                  alt: h,
                   className: "max-w-full max-h-[80vh] mx-auto object-contain",
                   crossOrigin: "anonymous"
                 }
@@ -2474,7 +2474,7 @@ function Ke({
                 "iframe",
                 {
                   src: t || i,
-                  title: v,
+                  title: h,
                   className: "w-full h-[80vh] rounded border"
                 }
               ) : null
@@ -2504,11 +2504,11 @@ function Ra({
   list: a = null,
   accept: l = []
 }) {
-  const { uploadUrl: d } = Ni(pi), t = Ii(null), [u, r] = R(a), [c, v] = R(!1);
+  const { uploadUrl: d } = Ni(pi), t = Ii(null), [u, r] = R(a), [c, h] = R(!1);
   O(() => {
     r(a);
   }, [a]);
-  const h = ii(
+  const v = ii(
     () => l == null ? void 0 : l.map((N) => N.value).join(", "),
     [l]
   ), g = ii(
@@ -2557,7 +2557,7 @@ function Ra({
   ), m = Y(
     (N) => {
       var A;
-      const S = h ? (A = h.split(",")) == null ? void 0 : A.map((C) => C.trim()) : [];
+      const S = v ? (A = v.split(",")) == null ? void 0 : A.map((C) => C.trim()) : [];
       for (const C of N) {
         if (C.size > wa)
           return Si.error(
@@ -2572,7 +2572,7 @@ function Ra({
       }
       return !0;
     },
-    [h, g]
+    [v, g]
   ), p = Y(
     async (N) => {
       const S = Array.from(N.target.files || []);
@@ -2582,13 +2582,13 @@ function Ra({
           return;
         }
         try {
-          v(!0);
+          h(!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 {
-          v(!1), t.current && (t.current.value = "");
+          h(!1), t.current && (t.current.value = "");
         }
       }
     },
@@ -2612,7 +2612,7 @@ function Ra({
           onChange: p,
           disabled: e || c,
           multiple: s,
-          accept: h || "",
+          accept: v || "",
           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
@@ -2661,18 +2661,18 @@ function Ia({ element: i, validationData: e }) {
     a(i.id);
   }, [i.id, a]), O(() => {
     if (t) {
-      const v = t((h) => {
-        s(h[i.id]);
+      const h = t((v) => {
+        s(v[i.id]);
       });
       return () => {
-        var h;
-        return (h = v.unsubscribe) == null ? void 0 : h.call(v);
+        var v;
+        return (v = h.unsubscribe) == null ? void 0 : v.call(h);
       };
     }
   }, [t, i.id]);
   const u = Y(
-    (v) => {
-      l == null || l(i.id, v), s(v);
+    (h) => {
+      l == null || l(i.id, h), s(h);
     },
     [i.id, l]
   ), r = () => {
@@ -2690,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((v, h) => /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ke, { fileUrl: v.base64, fileName: v.name }) }, h))) })
+    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))) })
   ] });
 }
 function Da({
@@ -2721,8 +2721,8 @@ const F = ({
   setValue: u,
   value: r,
   trigger: c,
-  prefix: v,
-  disabled: h,
+  prefix: h,
+  disabled: v,
   watch: g,
   min: y,
   max: f
@@ -2748,8 +2748,8 @@ const F = ({
           className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"}`,
           decimalsLimit: 2,
           value: r,
-          prefix: v,
-          disabled: h
+          prefix: h,
+          disabled: v
         }
       ),
       (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 })
@@ -2765,7 +2765,7 @@ const F = ({
             ...m,
             type: l,
             value: r || "",
-            disabled: h,
+            disabled: v,
             className: "peer sr-only"
           }
         ),
@@ -2809,7 +2809,7 @@ const F = ({
         ...m,
         className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"} ${a}`,
         placeholder: d,
-        disabled: h
+        disabled: v
       }
     ),
     (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 })
@@ -2828,7 +2828,7 @@ const F = ({
         type: l,
         className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"} ${a}`,
         placeholder: t ? "" : d,
-        disabled: h,
+        disabled: v,
         min: y,
         max: f
       }
@@ -2898,8 +2898,8 @@ const wi = ({
   trigger: u,
   isMultiple: r,
   isFloatingLabel: c,
-  subText: v,
-  labelClass: h = "text-[10px]",
+  subText: h,
+  labelClass: v = "text-[10px]",
   loading: g,
   disabled: y
 }) => {
@@ -2937,7 +2937,7 @@ const wi = ({
       {
         className: J(
           "z-[40] absolute bg-white py-[2px] px-1 -top-[10px] left-3",
-          h
+          v
         ),
         children: d
       }
@@ -2985,7 +2985,7 @@ const wi = ({
         ] })
       }
     ),
-    !o && v && /* @__PURE__ */ n.jsx("p", { className: "text-[10px] text-[#98A2B3] mt-[6px]", children: v }),
+    !o && h && /* @__PURE__ */ n.jsx("p", { className: "text-[10px] text-[#98A2B3] mt-[6px]", children: h }),
     (o == null ? void 0 : o.message) && /* @__PURE__ */ n.jsx("span", { className: "text-sm text-red-500", children: o.message })
   ] });
 };
@@ -3007,20 +3007,20 @@ function Tn({
       c(g);
     }
   }, [e, i]);
-  const v = ii(() => {
+  const h = ii(() => {
     if (d === "") return i;
     const g = d.toLowerCase();
     return i.filter(
       (y) => y.label.toLowerCase().includes(g)
     );
-  }, [d, i]), h = Y((g) => {
+  }, [d, i]), v = 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: h,
+      onChange: v,
       disabled: a,
       children: [
         /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
@@ -3035,7 +3035,7 @@ function Tn({
           ),
           /* @__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: 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(
+        /* @__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(
           po,
           {
             value: g,
@@ -3117,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 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);
+            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);
           }
           return r;
         }, {})), l) };
@@ -3146,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
-    ), v = J({
+    ), h = J({
       "border-gray-500 border-primary border-primary-500  text-primary text-primary-500": u,
       "border-transparent text-gray-400 ": !u
-    }), 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 });
+    }), 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 });
     return /* @__PURE__ */ n.jsxs(
       "button",
       {
         onClick: () => s(t.key),
-        className: J(c, v),
+        className: J(c, h),
         "aria-selected": u,
         role: "tab",
         type: "button",
         children: [
           t.title,
-          h
+          v
         ]
       },
       t.key
@@ -3554,7 +3554,7 @@ function os({
     a(u), e && e(u);
   }
   function t(u) {
-    const r = s.filter((c, v) => v !== u);
+    const r = s.filter((c, h) => h !== u);
     a(r), e && e(r);
   }
   return O(() => {
@@ -3652,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 v = c.target.result, h = So.parse(v, { header: !0 });
-      i(e, h.data);
+      const h = c.target.result, v = So.parse(h, { header: !0 });
+      i(e, v.data);
     }, r.readAsText(u)) : u.name.endsWith(".xlsx") || u.name.endsWith(".xls") ? (r.onload = (c) => {
-      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);
+      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);
       i(e, f);
     }, r.readAsArrayBuffer(u)) : Si.error("Unsupported file type. Please upload a CSV or Excel file.");
   };
@@ -3748,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 v = d.find(
-        (h) => h.id === c.id
+      const h = d.find(
+        (v) => v.id === c.id
       );
       return {
         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 : ""
+        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 : ""
       };
     });
-  }, [l, d, a]), u = (r, c, v) => {
-    const h = d == null ? void 0 : d.map(
-      (g, y) => y === r ? { ...g, [c]: v } : g
+  }, [l, d, a]), u = (r, c, h) => {
+    const v = d == null ? void 0 : d.map(
+      (g, y) => y === r ? { ...g, [c]: h } : g
     );
-    e("visibilityDependentFields", h);
+    e("visibilityDependentFields", v);
   };
   return /* @__PURE__ */ n.jsxs("div", { className: "visibility-editor", children: [
     /* @__PURE__ */ n.jsx("label", { className: "label", children: "Select Dependent Fields" }),
@@ -3781,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 v, h;
+      var h, v;
       return /* @__PURE__ */ n.jsxs("div", { className: "dependent-field", children: [
         /* @__PURE__ */ n.jsx(
           "input",
@@ -3847,7 +3847,7 @@ function rs({
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
-                      children: (v = r.fieldType === "number" ? [...pe, ...cs] : pe) == null ? void 0 : v.map((g) => /* @__PURE__ */ n.jsx(
+                      children: (h = r.fieldType === "number" ? [...pe, ...cs] : pe) == null ? void 0 : h.map((g) => /* @__PURE__ */ n.jsx(
                         oi.Option,
                         {
                           value: g,
@@ -3875,7 +3875,7 @@ function rs({
         ) : /* @__PURE__ */ n.jsx("div", { className: "field-listbox", children: /* @__PURE__ */ n.jsx(
           oi,
           {
-            value: (h = r.fieldValue) != null ? h : "",
+            value: (v = r.fieldValue) != null ? v : "",
             onChange: (g) => u(c, "fieldValue", g),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
               /* @__PURE__ */ n.jsx(oi.Button, { className: "listbox-button", children: r.fieldValue === !0 ? "True" : r.fieldValue === !1 ? "False" : "Select value" }),
@@ -3999,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"), v = fi("config"), {
-    register: h,
+  ), { updateElement: a } = ri.useContext(pi), [l, d] = R("basic"), [t, u] = R(!1), [r, c] = R("manual"), h = fi("config"), {
+    register: v,
     handleSubmit: g,
     control: y,
     setValue: f,
@@ -4097,7 +4097,7 @@ const ms = B.object().shape({
               label: "Load Options from Api",
               name: "apiUrl",
               errors: x,
-              register: h,
+              register: v,
               className: "!w-full",
               placeholder: "https://example.com/options",
               isFloating: !0
@@ -4139,7 +4139,7 @@ const ms = B.object().shape({
                 watch: m,
                 label: D === 0 ? "Label" : "",
                 name: `options.${D}.label`,
-                register: h,
+                register: v,
                 errors: x,
                 element: o,
                 placeholder: "Label"
@@ -4151,7 +4151,7 @@ const ms = B.object().shape({
                 watch: m,
                 label: D === 0 ? "Value" : "",
                 name: `options.${D}.value`,
-                register: h,
+                register: v,
                 errors: x,
                 element: o,
                 placeholder: "Value"
@@ -4204,7 +4204,7 @@ const ms = B.object().shape({
                   watch: m,
                   label: "Label",
                   name: `options1.${D}.label`,
-                  register: h,
+                  register: v,
                   errors: x,
                   element: o,
                   placeholder: "Label",
@@ -4217,7 +4217,7 @@ const ms = B.object().shape({
                   watch: m,
                   label: "Value",
                   name: `options1.${D}.value`,
-                  register: h,
+                  register: v,
                   errors: x,
                   element: o,
                   placeholder: "Value",
@@ -4230,7 +4230,7 @@ const ms = B.object().shape({
                   watch: m,
                   label: "Key",
                   name: `options1.${D}.key`,
-                  register: h,
+                  register: v,
                   errors: x,
                   element: o,
                   placeholder: "Key",
@@ -4296,7 +4296,7 @@ const ms = B.object().shape({
               label: "Load Columns from Api",
               name: "apiUrl",
               errors: x,
-              register: h,
+              register: v,
               className: "!w-full",
               placeholder: "https://example.com/columns",
               isFloating: !0
@@ -4345,7 +4345,7 @@ const ms = B.object().shape({
               value: "checkbox"
             }
           ],
-          register: h,
+          register: v,
           name: `dataColumns.${D}.type`,
           setValue: f,
           trigger: p,
@@ -4358,7 +4358,7 @@ const ms = B.object().shape({
           watch: m,
           label: D === 0 ? "Field key" : "",
           name: `dataColumns.${D}.field`,
-          register: h,
+          register: v,
           errors: x,
           element: o,
           placeholder: "fieldKey"
@@ -4370,7 +4370,7 @@ const ms = B.object().shape({
           watch: m,
           label: D === 0 ? "Display header" : "",
           name: `dataColumns.${D}.headerName`,
-          register: h,
+          register: v,
           errors: x,
           element: o,
           placeholder: "header"
@@ -4466,7 +4466,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Value",
                             name: "value",
-                            register: h,
+                            register: v,
                             errors: x,
                             element: o
                           }
@@ -4478,7 +4478,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Label",
                               name: "inputLabel",
-                              register: h,
+                              register: v,
                               errors: x,
                               element: o
                             }
@@ -4490,7 +4490,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Child Label",
                               name: "childLabel",
-                              register: h,
+                              register: v,
                               errors: x,
                               element: o
                             }
@@ -4502,7 +4502,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Placeholder",
                             name: "placeholder",
-                            register: h,
+                            register: v,
                             errors: x,
                             element: o
                           }
@@ -4513,7 +4513,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Prefix",
                             name: "prefix",
-                            register: h,
+                            register: v,
                             errors: x,
                             element: o
                           }
@@ -4526,7 +4526,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Api Url",
                               name: "url",
-                              register: h,
+                              register: v,
                               errors: x,
                               element: o
                             }
@@ -4545,7 +4545,7 @@ const ms = B.object().shape({
                                   value: "POST"
                                 }
                               ],
-                              register: h,
+                              register: v,
                               name: "method",
                               setValue: f,
                               trigger: p,
@@ -4566,7 +4566,7 @@ const ms = B.object().shape({
                                   value: "object"
                                 }
                               ],
-                              register: h,
+                              register: v,
                               name: "responseType",
                               setValue: f,
                               trigger: p,
@@ -4589,7 +4589,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Short Description",
                             name: "description",
-                            register: h,
+                            register: v,
                             errors: x,
                             element: o
                           }
@@ -4600,7 +4600,7 @@ const ms = B.object().shape({
                             {
                               label: "Date Format",
                               options: Ya,
-                              register: h,
+                              register: v,
                               name: "dateFormat",
                               setValue: f,
                               trigger: p,
@@ -4613,7 +4613,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Allow Range",
                               name: "canHaveDateRange",
-                              register: h,
+                              register: v,
                               errors: x,
                               element: o,
                               type: "checkbox"
@@ -4646,7 +4646,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Allow Year Picker",
                               name: "allowYearPicker",
-                              register: h,
+                              register: v,
                               errors: x,
                               element: o,
                               type: "checkbox"
@@ -4659,7 +4659,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Allow States",
                             name: "showState",
-                            register: h,
+                            register: v,
                             errors: x,
                             element: o,
                             type: "checkbox"
@@ -4679,7 +4679,7 @@ const ms = B.object().shape({
                                 value: "Combobox"
                               }
                             ],
-                            register: h,
+                            register: v,
                             name: "selectType",
                             setValue: f,
                             trigger: p,
@@ -4692,7 +4692,7 @@ const ms = B.object().shape({
                             watch: m,
                             label: "Number of columns (max: 4)",
                             name: "columns",
-                            register: h,
+                            register: v,
                             errors: x,
                             element: o,
                             max: 4,
@@ -4707,7 +4707,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Document Options Url",
                                 name: "url",
-                                register: h,
+                                register: v,
                                 errors: x,
                                 element: o
                               }
@@ -4722,7 +4722,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Document Validation Url",
                                 name: "validationUrl",
-                                register: h,
+                                register: v,
                                 errors: x,
                                 element: o
                               }
@@ -4735,7 +4735,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Signature Page Url",
                               name: "signatureLink",
-                              register: h,
+                              register: v,
                               errors: x,
                               element: o
                             }
@@ -4749,7 +4749,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Allow Multiple Uploads",
                               name: "isMultiple",
-                              register: h,
+                              register: v,
                               errors: x,
                               element: o,
                               type: "checkbox"
@@ -4763,7 +4763,7 @@ const ms = B.object().shape({
                                 id: "acceptedFiles",
                                 value: A == null ? void 0 : A.acceptedFiles
                               },
-                              validationData: { register: h, setValue: f, trigger: p, watch: m },
+                              validationData: { register: v, setValue: f, trigger: p, watch: m },
                               placeholder: "Choose file types"
                             }
                           )
@@ -4776,7 +4776,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Toggle Visibility",
                               name: "isHidden",
-                              register: h,
+                              register: v,
                               errors: x,
                               element: o,
                               type: "checkbox"
@@ -4786,7 +4786,7 @@ const ms = B.object().shape({
                           A.isHidden && /* @__PURE__ */ n.jsx(
                             rs,
                             {
-                              register: h,
+                              register: v,
                               setValue: f,
                               trigger: p,
                               watch: m,
@@ -4803,7 +4803,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Required",
                               name: "isRequired",
-                              register: h,
+                              register: v,
                               errors: x,
                               element: o,
                               type: "checkbox"
@@ -4816,7 +4816,7 @@ const ms = B.object().shape({
                               watch: m,
                               label: "Error message text",
                               name: "requiredMessage",
-                              register: h,
+                              register: v,
                               errors: x,
                               element: o
                             }
@@ -4830,7 +4830,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Min Length",
                                 name: "minLength",
-                                register: h,
+                                register: v,
                                 errors: x,
                                 element: o,
                                 type: "number"
@@ -4843,7 +4843,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Error message text",
                                 name: "minLengthMessage",
-                                register: h,
+                                register: v,
                                 errors: x,
                                 element: o
                               }
@@ -4856,7 +4856,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Max Length",
                                 name: "maxLength",
-                                register: h,
+                                register: v,
                                 errors: x,
                                 element: o,
                                 type: "number"
@@ -4869,7 +4869,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Error message text",
                                 name: "maxLengthMessage",
-                                register: h,
+                                register: v,
                                 errors: x,
                                 element: o
                               }
@@ -4884,7 +4884,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Min Amount",
                                 name: "minAmount",
-                                register: h,
+                                register: v,
                                 errors: x,
                                 element: o,
                                 type: "amount"
@@ -4897,7 +4897,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Error message text",
                                 name: "minAmountMessage",
-                                register: h,
+                                register: v,
                                 errors: x,
                                 element: o
                               }
@@ -4910,7 +4910,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Max Amount",
                                 name: "maxAmount",
-                                register: h,
+                                register: v,
                                 errors: x,
                                 element: o,
                                 type: "amount"
@@ -4923,7 +4923,7 @@ const ms = B.object().shape({
                                 watch: m,
                                 label: "Error message text",
                                 name: "maxAmountMessage",
-                                register: h,
+                                register: v,
                                 errors: x,
                                 element: o
                               }
@@ -4948,7 +4948,7 @@ const ms = B.object().shape({
                       {
                         type: "submit",
                         disabled: !N || j,
-                        style: { background: (v == null ? void 0 : v.buttonColor) || "#333" },
+                        style: { background: (h == null ? void 0 : h.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"
                       }
@@ -5159,7 +5159,7 @@ 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), [v, h] = R(""), g = 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), [h, v] = R(""), g = a && a(i == null ? void 0 : i.id);
   O(() => {
     d(g);
   }, [g]);
@@ -5185,13 +5185,13 @@ function fs({
             I = await Di.post(m, { value: C }, N);
           else
             throw new Error("Unsupported HTTP method");
-          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(
+          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" ? v(
             ((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 = 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)));
+          )) : (console.error("Invalid input:", C), v("Unable to validate input"), c(!1)));
         } catch (I) {
-          console.error("Error validating input:", I), h(
+          console.error("Error validating input:", I), v(
             ((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 {
@@ -5260,11 +5260,11 @@ function fs({
         r && !t && /* @__PURE__ */ n.jsx("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n.jsx(z, { icon: "gg:check-o" }) })
       ] })
     ] }),
-    v && x === "string" && /* @__PURE__ */ n.jsx(
+    h && x === "string" && /* @__PURE__ */ n.jsx(
       "span",
       {
         className: `${r ? "text-green-600" : "text-red-600"} text-sm`,
-        children: v
+        children: h
       }
     ),
     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: [
@@ -5284,12 +5284,12 @@ function xs({
 }) {
   const [a, l] = R([...o]);
   function d(r, c) {
-    l((v) => {
-      const h = [...v];
-      return h[c] = {
-        ...h[c],
+    l((h) => {
+      const v = [...h];
+      return v[c] = {
+        ...v[c],
         value: r
-      }, h;
+      }, v;
     });
   }
   function t(r, c) {
@@ -5297,8 +5297,8 @@ function xs({
   }
   const u = ii(
     () => a.reduce((r, c) => {
-      const v = t(c.key, c.value);
-      return r + v;
+      const h = t(c.key, c.value);
+      return r + h;
     }, 0),
     [a]
   );
@@ -5306,9 +5306,9 @@ function xs({
     i && i(a);
   }, [a]), O(() => {
     if (s != null && s.length) {
-      const r = s == null ? void 0 : s.map((c, v) => ({
+      const r = s == null ? void 0 : s.map((c, h) => ({
         key: c.value,
-        value: Array.isArray(o) && o[v] ? o[v].value : ""
+        value: Array.isArray(o) && o[h] ? o[h].value : ""
       }));
       l(r);
     }
@@ -5319,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 v, h;
+      var h, v;
       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(r.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: (h = parseFloat(r.key)) == null ? void 0 : h.toLocaleString() }) }),
             /* @__PURE__ */ n.jsx("div", { className: "border-r px-4 py-1", children: /* @__PURE__ */ n.jsx("span", { children: /* @__PURE__ */ n.jsx(
               sn,
               {
@@ -5338,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: (h = t(r.key, r.value)) == null ? void 0 : h.toLocaleString() }) })
+            /* @__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() }) })
           ]
         },
         c + "index"
@@ -5411,7 +5411,7 @@ function ks({
   return /* @__PURE__ */ n.jsxs("tr", { children: [
     e.map((c) => {
       var x;
-      const v = i[c.field], h = c.editable && !o, g = r(c.field), { isValidating: y, result: f } = t(i.id, c.field);
+      const h = i[c.field], v = 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}`;
@@ -5420,21 +5420,21 @@ function ks({
         {
           title: o ? "" : "Double click to edit",
           className: "px-3 py-1 border",
-          onDoubleClick: () => h && a({
+          onDoubleClick: () => v && a({
             rowId: i.id,
             field: c.field
           }),
-          children: h && g ? /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
+          children: v && g ? /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
             c.type === "number" ? /* @__PURE__ */ n.jsx(
               sn,
               {
-                value: v,
+                value: h,
                 decimalsLimit: 6,
                 allowNegativeValue: !1,
                 className: p,
                 onValueChange: (j) => l(j, i.id, c.field),
                 onBlur: () => {
-                  a(null), d(v, i.id, c.field, c);
+                  a(null), d(h, i.id, c.field, c);
                 },
                 autoFocus: !0
               }
@@ -5454,7 +5454,7 @@ function ks({
                         id: S,
                         type: "radio",
                         name: `boolean-${i.id}-${String(c.field)}`,
-                        checked: v === N,
+                        checked: h === N,
                         onChange: () => l(N, i.id, c.field)
                       }
                     ),
@@ -5467,10 +5467,10 @@ function ks({
               "input",
               {
                 type: "text",
-                value: String(v != null ? v : ""),
+                value: String(h != null ? h : ""),
                 onChange: (j) => l(j.target.value, i.id, c.field),
                 onBlur: () => {
-                  a(null), d(v, i.id, c.field, c);
+                  a(null), d(h, i.id, c.field, c);
                 },
                 className: p,
                 autoFocus: !0
@@ -5479,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(v != null ? v : ""),
+              String(h != null ? h : ""),
               " ",
               f.data && `[${f.data}]`
             ] }),
@@ -5491,7 +5491,7 @@ function ks({
                 children: "✗"
               }
             )
-          ] }) : 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 : "") })
+          ] }) : 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 : "") })
         },
         String(c.id)
       );
@@ -5539,7 +5539,7 @@ function Ms({
     };
     return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
   }, []);
-  const v = Y(
+  const h = Y(
     (f, m, p) => {
       l(
         (x) => x.map(
@@ -5548,7 +5548,7 @@ function Ms({
       );
     },
     []
-  ), h = Y(() => {
+  ), v = 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) => {
@@ -5564,7 +5564,7 @@ function Ms({
     /* @__PURE__ */ n.jsx("div", { className: "flex justify-end", children: !o && /* @__PURE__ */ n.jsx(
       "button",
       {
-        onClick: h,
+        onClick: v,
         type: "button",
         className: "px-2 py-1 mb-3 text-xs text-white bg-gray-600 rounded hover:bg-gray-700",
         children: "Add Row"
@@ -5601,7 +5601,7 @@ function Ms({
               isReadOnly: o,
               editingCell: d,
               setEditingCell: t,
-              handleCellChange: v,
+              handleCellChange: h,
               debouncedValidate: () => {
               },
               getValidationStatus: y,
@@ -5662,8 +5662,8 @@ const ge = ({
   value: u,
   trigger: r,
   isMultiple: c = !1,
-  isFloatingLabel: v = !1,
-  subText: h,
+  isFloatingLabel: h = !1,
+  subText: v,
   labelClass: g = "",
   loading: y,
   disabled: f
@@ -5678,8 +5678,8 @@ const ge = ({
   }, [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 && !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 }),
+    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 }),
     /* @__PURE__ */ n.jsx(
       oi,
       {
@@ -5723,7 +5723,7 @@ const ge = ({
         ] })
       }
     ),
-    h && !s && /* @__PURE__ */ n.jsx("p", { className: "custom-select__subtext", children: h }),
+    v && !s && /* @__PURE__ */ n.jsx("p", { className: "custom-select__subtext", children: v }),
     s && /* @__PURE__ */ n.jsx("span", { className: "custom-select__error", children: s.message })
   ] });
 }, Es = ({
@@ -5737,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, v] = R(""), h = (m, p) => {
+  } = e || {}, t = (f = i == null ? void 0 : i.id) != null ? f : "cascadeValue", [u, r] = R(""), [c, h] = R(""), v = (m, p) => {
     const x = m && p ? `${m}_${p}` : "";
     a == null || a(t, x), s == null || s(t);
   }, g = (m, p) => {
-    m === "first" ? (r(p), v(""), h(p, "")) : (v(p), h(u, p));
+    m === "first" ? (r(p), h(""), v(p, "")) : (h(p), v(u, p));
   };
   O(() => {
     if (l) {
       const m = l(t);
       if (m != null && m.includes("_")) {
         const [p, x] = m.split("_");
-        r(p), v(x);
+        r(p), h(x);
       }
     }
   }, [l, t]);
@@ -5800,14 +5800,14 @@ const ge = ({
     register: u = () => ({}),
     trigger: r,
     setValue: c,
-    watch: v,
-    isReadOnly: h
-  } = t || {}, g = (p = v == null ? void 0 : v(d.id)) != null ? p : 0, [y, f] = R(null);
+    watch: h,
+    isReadOnly: v
+  } = t || {}, g = (p = h == null ? void 0 : h(d.id)) != null ? p : 0, [y, f] = R(null);
   O(() => {
     g == null && (c == null || c(d.id, i));
   }, []);
   const m = (x) => {
-    if (!o && !h) {
+    if (!o && !v) {
       const j = x + 1;
       c == null || c(d.id, j), r == null || r(d.id), s == null || s(j);
     }
@@ -5823,8 +5823,8 @@ const ge = ({
           className: `cursor-pointer transition-colors ${N ? "text-yellow-400" : "text-gray-300"}`,
           width: a,
           height: a,
-          onMouseEnter: () => !(o || h) && f(j),
-          onMouseLeave: () => !(o || h) && f(null),
+          onMouseEnter: () => !(o || v) && f(j),
+          onMouseLeave: () => !(o || v) && f(null),
           onClick: () => m(j)
         },
         j
@@ -5849,13 +5849,13 @@ function fe({
       return { country: m, state: f };
     }
     return { country: t, state: "" };
-  }, [t]), c = Ii(t), v = ii(() => {
+  }, [t]), c = Ii(t), h = 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]), h = (y, f) => {
+  }, [u]), v = (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) => {
@@ -5870,19 +5870,19 @@ function fe({
       Tn,
       {
         options: i.options,
-        onGetValue: h,
+        onGetValue: v,
         name: `${i.id}-country`,
         readOnly: l,
         defaultValue: u
       },
       `country-${u}`
     ),
-    v.length > 0 && i.showState && /* @__PURE__ */ n.jsxs("div", { children: [
+    h.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: v,
+          options: h,
           onGetValue: g,
           name: `${i.id}-state`,
           readOnly: l,
@@ -5897,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, v] = R(!1), h = Y(async () => {
+  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 () => {
     var g, y;
     if (!(!a || !l))
       try {
-        v(!0);
+        h(!0);
         const m = {
           headers: {
             Authorization: `Bearer ${fi("token")}`
@@ -5914,19 +5914,19 @@ function Ls({
       } catch (f) {
         console.error("Failed to check sign status", f);
       } finally {
-        v(!1);
+        h(!1);
       }
   }, [a, l]);
   return O(() => {
     let g = null;
     return !u && l && a && (async () => {
-      await h() || (g = setInterval(async () => {
-        await h() && g && clearInterval(g);
+      await v() || (g = setInterval(async () => {
+        await v() && g && clearInterval(g);
       }, 2e3));
     })(), () => {
       g && clearInterval(g);
     };
-  }, [h, u, l, a]), /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
+  }, [v, u, l, a]), /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
     /* @__PURE__ */ n.jsx(
       "input",
       {
@@ -5941,7 +5941,7 @@ function Ls({
       "button",
       {
         type: "button",
-        onClick: h,
+        onClick: v,
         disabled: c || u,
         style: { background: (t == null ? void 0 : t.buttonColor) || "#333" },
         className: J(
@@ -6220,8 +6220,8 @@ function Ps({
   disabled: u,
   readOnly: r,
   horizontal: c,
-  description: v,
-  validate: h,
+  description: h,
+  validate: v,
   onChange: g,
   onError: y
 }) {
@@ -6320,7 +6320,7 @@ function Ps({
             /* @__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" }) }) })
           ] })
         ] }),
-        v && /* @__PURE__ */ n.jsx("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: v })
+        h && /* @__PURE__ */ n.jsx("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: h })
       ]
     }
   );
@@ -6470,8 +6470,8 @@ const He = {
     setIsDragging: u,
     moveElement: r,
     isDragging: c,
-    removeElement: v
-  } = Ni(pi), h = ii(
+    removeElement: h
+  } = Ni(pi), v = ii(
     () => Array.from({ length: i.columns }),
     [i.columns]
   ), [g, y] = R(null);
@@ -6522,7 +6522,7 @@ const He = {
             return P.gridId === i.id && ((L = P.gridPosition) == null ? void 0 : L.col) === A;
           }
         );
-        M && v(M.id, e);
+        M && h(M.id, e);
         const E = {
           ...W,
           id: xi(),
@@ -6605,7 +6605,7 @@ const He = {
       style: {
         gridTemplateColumns: `repeat(${i.columns}, 1fr)`
       },
-      children: h == null ? void 0 : h.map(
+      children: v == null ? void 0 : v.map(
         (N, S) => j(S, s, a)
       )
     }
@@ -6665,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]
-  ), v = Y(() => {
+  ), h = Y(() => {
     u(null), a(!1);
   }, [a]);
   O(() => {
     !s && t && u(null);
   }, [s, t]);
-  const h = Y(
+  const v = Y(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const x = p.dataTransfer.getData("elementId"), j = p.currentTarget.id;
       if (!x || !j || x === j) {
-        v();
+        h();
         return;
       }
       const N = r.find((A) => A.id === x), S = r.findIndex(
@@ -6684,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, v, r]
+    [e, d, a, h, r]
   ), g = Y(
     (p, x) => {
       p.preventDefault(), p.stopPropagation(), a(!1);
@@ -6713,8 +6713,8 @@ function Ks({ elementData: i, sectionId: e }) {
         onDragOver: x ? void 0 : (j) => {
           j.preventDefault(), j.stopPropagation();
         },
-        onDrop: x ? void 0 : h,
-        onDragEnd: v,
+        onDrop: x ? void 0 : v,
+        onDragEnd: h,
         className: J(
           "cursor-grab active:cursor-grabbing border p-4 w-full rounded-lg",
           "transition-all duration-200 ease-in-out",
@@ -6724,7 +6724,7 @@ function Ks({ elementData: i, sectionId: e }) {
       },
       p.id
     ),
-    [t, h, e, c, v]
+    [t, v, e, c, h]
   ), 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 (!(i != null && i.length))
     return /* @__PURE__ */ n.jsx(
@@ -6732,7 +6732,7 @@ function Ks({ elementData: i, sectionId: e }) {
       {
         onDragOver: (p) => p.preventDefault(),
         onDrop: (p) => g(p, 0),
-        onDragEnd: v,
+        onDragEnd: h,
         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"
       }
@@ -6745,7 +6745,7 @@ function Ks({ elementData: i, sectionId: e }) {
         index: 0,
         isDragging: s,
         onDrop: g,
-        onDragEnd: v
+        onDragEnd: h
       }
     ),
     m.map((p) => {
@@ -6762,8 +6762,8 @@ function Ks({ elementData: i, sectionId: e }) {
               onDragOver: (A) => {
                 A.preventDefault(), A.stopPropagation();
               },
-              onDrop: h,
-              onDragEnd: v,
+              onDrop: v,
+              onDragEnd: h,
               className: J(
                 "w-full p-4 border rounded-lg cursor-grab active:cursor-grabbing",
                 "transition-all duration-200 ease-in-out",
@@ -6792,7 +6792,7 @@ function Ks({ elementData: i, sectionId: e }) {
               index: x + 1,
               isDragging: s,
               onDrop: g,
-              onDragEnd: v
+              onDragEnd: h
             }
           )
         ] }, p.id);
@@ -6805,7 +6805,7 @@ function Ks({ elementData: i, sectionId: e }) {
             index: x + 1,
             isDragging: s,
             onDrop: g,
-            onDragEnd: v
+            onDragEnd: h
           }
         )
       ] }, p.id);
@@ -6829,8 +6829,8 @@ const Gs = an(Ks), Hs = B.object({
   if (ri.useEffect(() => {
     i || c();
   }, [i, c]), !i) return null;
-  const v = (h) => {
-    s(h, o.id), e();
+  const h = (v) => {
+    s(v, 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: [
@@ -6844,7 +6844,7 @@ const Gs = an(Ks), Hs = B.object({
         }
       )
     ] }),
-    /* @__PURE__ */ n.jsxs("form", { onSubmit: l(v), className: "w-full", children: [
+    /* @__PURE__ */ n.jsxs("form", { onSubmit: l(h), 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,
@@ -6900,19 +6900,19 @@ const Gs = an(Ks), Hs = B.object({
     setSelectedSection: u,
     selectedSection: r,
     activeSections: c,
-    setActiveSections: v
+    setActiveSections: h
   } = Ni(pi);
   O(() => {
     var m;
     u(((m = d[0]) == null ? void 0 : m.id) || null);
   }, []);
-  const h = Y((m) => {
+  const v = Y((m) => {
     m.preventDefault(), m.dataTransfer.dropEffect = "move", s.current && (s.current.scrollTop = s.current.scrollHeight);
   }, []);
   function g(m) {
-    c.includes(m) ? v(
+    c.includes(m) ? h(
       (p) => p.filter((x) => x !== m)
-    ) : v((p) => [...p, m]);
+    ) : h((p) => [...p, m]);
   }
   function y(m) {
     o.current = m, e(!0);
@@ -6995,7 +6995,7 @@ const Gs = an(Ks), Hs = B.object({
                         {
                           className: "h-full mt-4 transition-all duration-200",
                           id: m.id,
-                          onDragOver: h,
+                          onDragOver: v,
                           onDragEnd: () => t(!1),
                           onClick: () => u(m.id),
                           children: [
@@ -7097,11 +7097,11 @@ const An = [
     };
     s(y, a);
   }
-  const t = fi("config") || {}, u = t.elementColor, r = t.elementBgColor, c = t.elementBorderColor, v = _a.filter(
+  const t = fi("config") || {}, u = t.elementColor, r = t.elementBgColor, c = t.elementBorderColor, h = _a.filter(
     (g) => g.label.toLowerCase().includes(i.toLowerCase())
-  ), h = An == null ? void 0 : An.map((g) => ({
+  ), v = An == null ? void 0 : An.map((g) => ({
     title: g.title,
-    elements: v.filter(
+    elements: h.filter(
       (y) => {
         var f;
         return (f = Ja[g.key]) == null ? void 0 : f.includes(y.type);
@@ -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: h == null ? void 0 : h.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: v == null ? void 0 : v.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 }),
@@ -7169,8 +7169,8 @@ const An = [
   link: u = "",
   div: r = !1,
   type: c = "button",
-  style: v,
-  onClick: h
+  style: h,
+  onClick: v
 }) => {
   const g = J(
     "btn inline-flex justify-center",
@@ -7223,8 +7223,8 @@ const An = [
       type: c,
       className: g,
       "data-testid": "btn",
-      onClick: h,
-      style: v,
+      onClick: v,
+      style: h,
       children: y()
     }
   );
@@ -7332,7 +7332,7 @@ function Zs({
   publishLoading: d,
   onTitleChange: t
 }) {
-  const { formData: u } = Ni(pi), [r, c] = R(!1), [v, h] = R(!1), [g, y] = R(i || ""), f = fi("config");
+  const { formData: u } = Ni(pi), [r, c] = R(!1), [h, v] = 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() {
-    h(!1), t && g !== i && t(g.trim());
+    v(!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({
         }
       ),
       " ",
-      v ? /* @__PURE__ */ n.jsx(
+      h ? /* @__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: () => h(!0),
+          onClick: () => v(!0),
           children: g || "Untitled"
         }
       )
@@ -7484,8 +7484,8 @@ const xl = ({
   previewLoading: u,
   saveLoading: r,
   publishLoading: c,
-  onTitleChange: v,
-  uploadUrl: h
+  onTitleChange: h,
+  uploadUrl: v
 }) => (O(() => {
   s && Ge("config", s);
 }, [s]), /* @__PURE__ */ n.jsx(
@@ -7501,8 +7501,8 @@ const xl = ({
     previewLoading: u,
     saveLoading: r,
     publishLoading: c,
-    onTitleChange: v,
-    uploadUrl: h
+    onTitleChange: h,
+    uploadUrl: v
   }
 )), Mi = {
   required: "This field is required",
@@ -7698,7 +7698,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, v;
+            var r, c, h;
             return /* @__PURE__ */ n.jsxs(
               On,
               {
@@ -7706,7 +7706,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: (v = (c = e == null ? void 0 : e.errors) == null ? void 0 : c[u.id]) == null ? void 0 : v.message })
+                  /* @__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 })
                 ]
               },
               u.id
@@ -7748,7 +7748,7 @@ const sl = ({
   uploadUrl: r
 }) => {
   var vi, bi, ai, H, D, li, ui, si;
-  const { setAnswerData: c, setUploadUrl: v } = Ni(pi), [h, g] = R(0), y = ii(
+  const { setAnswerData: c, setUploadUrl: h } = Ni(pi), [v, 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(
@@ -7780,8 +7780,8 @@ const sl = ({
     [a]
   );
   O(() => {
-    v(r);
-  }, [v, r]), O(() => {
+    h(r);
+  }, [h, r]), O(() => {
     if (!(y != null && y.length) || !a) return;
     const di = y.flatMap(
       (ki) => {
@@ -7829,13 +7829,13 @@ const sl = ({
   ), I = Y(async () => {
     var di, ki;
     if (!o) {
-      const yi = (ki = (di = y == null ? void 0 : y[h]) == null ? void 0 : di.questionData) == null ? void 0 : ki.map(
+      const yi = (ki = (di = y == null ? void 0 : y[v]) == null ? void 0 : di.questionData) == null ? void 0 : ki.map(
         (Ci) => Ci.id
       );
       if (!await M(yi)) return;
     }
     g((yi) => yi + 1);
-  }, [h, y, o, M]), U = Y(() => {
+  }, [v, y, o, M]), U = Y(() => {
     g((di) => di - 1);
   }, []), ni = ii(
     () => ({
@@ -7876,16 +7876,16 @@ const sl = ({
             {
               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" && (((bi = y == null ? void 0 : y[v]) == null ? void 0 : bi.title) || ((ai = y == null ? void 0 : y[v]) == 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[v]) == null ? void 0 : H.title) && /* @__PURE__ */ n.jsx("h2", { className: "text-lg font-semibold mb-[6px]", children: (D = y[v]) == null ? void 0 : D.title }),
+                  ((li = y[v]) == null ? void 0 : li.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: ni,
-                    current: h
+                    current: v
                   }
                 ) : /* @__PURE__ */ n.jsx(
                   el,
@@ -7896,28 +7896,31 @@ const sl = ({
                 )
               ]
             },
-            (si = y == null ? void 0 : y[h]) == null ? void 0 : si.id
+            (si = y == null ? void 0 : y[v]) == null ? void 0 : si.id
           ) }),
           !u && /* @__PURE__ */ n.jsx("footer", { className: "flex items-center justify-end gap-4 footer flex-wrap", 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 text-sm 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 text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"
-              }
-            ) : !o && (t != null ? t : /* @__PURE__ */ n.jsx(
+            /* @__PURE__ */ n.jsxs("div", { className: "flex gap-x-4 justify-end navigation_container", children: [
+              v > 0 && /* @__PURE__ */ n.jsx(
+                Ei,
+                {
+                  type: "button",
+                  text: "Back",
+                  onClick: U,
+                  btnClass: "text-gray-700 back_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-gray-200 rounded-lg"
+                }
+              ),
+              v < f - 1 && /* @__PURE__ */ n.jsx(
+                Ei,
+                {
+                  type: "button",
+                  text: "Next",
+                  onClick: I,
+                  style: { background: (m == null ? void 0 : m.buttonColor) || "#333" },
+                  btnClass: "text-gray-700 next_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"
+                }
+              )
+            ] }),
+            (v === f - 1 || l) && !o && (t != null ? t : /* @__PURE__ */ n.jsx(
               Ei,
               {
                 isDisabled: Z || Object.keys(W).length > 0,
@@ -7925,7 +7928,7 @@ const sl = ({
                 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"
+                btnClass: "text-gray-700 border-[#98A2B3] submit_btn !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"
               }
             ))
           ] }) : !o && (t != null ? t : /* @__PURE__ */ n.jsx(
@@ -7936,7 +7939,7 @@ const sl = ({
               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"
+              btnClass: "text-gray-700 border-[#98A2B3] submit_btn !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"
             }
           )) })
         ]
@@ -7956,12 +7959,12 @@ function dl({
   children: u,
   hideFooter: r,
   onGetValues: c,
-  uploadUrl: v
+  uploadUrl: h
 }) {
   O(() => {
     d && Ge("config", d);
   }, [d]);
-  const h = Y(
+  const v = Y(
     (g) => {
       c && c(g);
     },
@@ -7979,8 +7982,8 @@ function dl({
         isReadOnly: a,
         renderType: t,
         hideFooter: r,
-        onGetValues: h,
-        uploadUrl: v,
+        onGetValues: v,
+        uploadUrl: h,
         children: u
       }
     ) })