@arudovwen/form-builder-react 1.8.4 → 1.8.5

package/dist/{index-C1NLzkzv.js → index-BZqvwb5p.js}

@@ -76,21 +76,21 @@ const pe = xn(void 0), Pi = {
     if (c.length === 0) return;
     const O = c[c.length - 1], B = c.slice(0, c.length - 1);
     h(B), f([r, ...p]), m(O), a == null || a("UNDO", null);
-  }, [c, p, r, a]), N = le.useCallback(() => {
+  }, [c, p, r, a]), A = le.useCallback(() => {
     if (p.length === 0) return;
     const O = p[0], B = p.slice(1);
     f(B), h([...c, r]), m(O), a == null || a("REDO", null);
-  }, [c, p, r, a]), S = r, k = c.length > 0, x = p.length > 0, [C, w] = I(!1), [T, A] = I(null), [M, R] = I([
+  }, [c, p, r, a]), S = r, C = c.length > 0, x = p.length > 0, [k, w] = I(!1), [T, N] = I(null), [M, R] = I([
     0
   ]), [E, V] = I(""), [Y, ee] = I(0), ae = le.useCallback(() => {
   }, []), oe = le.useCallback(() => {
     const O = ge();
-    y((B) => [...B, { ...Pi, id: O }]), A(O), R([S.length]), a == null || a("ADD_SECTION", { sectionId: O });
+    y((B) => [...B, { ...Pi, id: O }]), N(O), R([S.length]), a == null || a("ADD_SECTION", { sectionId: O });
   }, [S, a, y]), $ = le.useCallback(
     (O) => {
       y(
         (B) => B.filter((K) => K.id !== O)
-      ), A(null), a == null || a("REMOVE_SECTION", { sectionId: O });
+      ), N(null), a == null || a("REMOVE_SECTION", { sectionId: O });
     },
     [a, y]
   ), j = le.useCallback(
@@ -330,10 +330,10 @@ const pe = xn(void 0), Pi = {
       addSection: oe,
       removeSection: $,
       updateSection: Me,
-      isDragging: C,
+      isDragging: k,
       setIsDragging: w,
       selectedSection: T,
-      setSelectedSection: A,
+      setSelectedSection: N,
       activeSections: M,
       setActiveSections: R,
       updateGridElement: be,
@@ -348,8 +348,8 @@ const pe = xn(void 0), Pi = {
       showPreview: s,
       setShowPreview: o,
       undo: v,
-      redo: N,
-      canUndo: k,
+      redo: A,
+      canUndo: C,
       canRedo: x
     }),
     [
@@ -364,7 +364,7 @@ const pe = xn(void 0), Pi = {
       oe,
       $,
       Me,
-      C,
+      k,
       T,
       M,
       be,
@@ -375,8 +375,8 @@ const pe = xn(void 0), Pi = {
       Be,
       s,
       v,
-      N,
-      k,
+      A,
+      C,
       x
     ]
   );
@@ -901,22 +901,22 @@ function $n(e, n) {
   };
   let l = a.body;
   [a, s].forEach((g) => {
-    const y = [], v = g.hFlip, N = g.vFlip;
+    const y = [], v = g.hFlip, A = g.vFlip;
     let S = g.rotate;
-    v ? N ? S += 2 : (y.push("translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"), y.push("scale(-1 1)"), o.top = o.left = 0) : N && (y.push("translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"), y.push("scale(1 -1)"), o.top = o.left = 0);
-    let k;
+    v ? A ? S += 2 : (y.push("translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"), y.push("scale(-1 1)"), o.top = o.left = 0) : A && (y.push("translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"), y.push("scale(1 -1)"), o.top = o.left = 0);
+    let C;
     switch (S < 0 && (S -= Math.floor(S / 4) * 4), S = S % 4, S) {
       case 1:
-        k = o.height / 2 + o.top, y.unshift("rotate(90 " + k.toString() + " " + k.toString() + ")");
+        C = o.height / 2 + o.top, y.unshift("rotate(90 " + C.toString() + " " + C.toString() + ")");
         break;
       case 2:
         y.unshift("rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")");
         break;
       case 3:
-        k = o.width / 2 + o.left, y.unshift("rotate(-90 " + k.toString() + " " + k.toString() + ")");
+        C = o.width / 2 + o.left, y.unshift("rotate(-90 " + C.toString() + " " + C.toString() + ")");
         break;
     }
-    S % 2 === 1 && (o.left !== o.top && (k = o.left, o.left = o.top, o.top = k), o.width !== o.height && (k = o.width, o.width = o.height, o.height = k)), y.length && (l = Yn(l, '<g transform="' + y.join(" ") + '">', "</g>"));
+    S % 2 === 1 && (o.left !== o.top && (C = o.left, o.left = o.top, o.top = C), o.width !== o.height && (C = o.width, o.width = o.height, o.height = C)), y.length && (l = Yn(l, '<g transform="' + y.join(" ") + '">', "</g>"));
   });
   const d = s.width, u = s.height, t = o.width, r = o.height;
   let m, c;
@@ -1174,12 +1174,12 @@ function ga(e, n, a, s) {
   const o = e.resources.length, l = e.random ? Math.floor(Math.random() * o) : e.index;
   let d;
   if (e.random) {
-    let C = e.resources.slice(0);
-    for (d = []; C.length > 1; ) {
-      const w = Math.floor(Math.random() * C.length);
-      d.push(C[w]), C = C.slice(0, w).concat(C.slice(w + 1));
+    let k = e.resources.slice(0);
+    for (d = []; k.length > 1; ) {
+      const w = Math.floor(Math.random() * k.length);
+      d.push(k[w]), k = k.slice(0, w).concat(k.slice(w + 1));
     }
-    d = d.concat(C);
+    d = d.concat(k);
   } else d = e.resources.slice(l).concat(e.resources.slice(0, l));
   const u = Date.now();
   let t = "pending", r = 0, m, c = null, h = [], p = [];
@@ -1188,12 +1188,12 @@ function ga(e, n, a, s) {
     c && (clearTimeout(c), c = null);
   }
   function g() {
-    t === "pending" && (t = "aborted"), f(), h.forEach((C) => {
-      C.status === "pending" && (C.status = "aborted");
+    t === "pending" && (t = "aborted"), f(), h.forEach((k) => {
+      k.status === "pending" && (k.status = "aborted");
     }), h = [];
   }
-  function y(C, w) {
-    w && (p = []), typeof C == "function" && p.push(C);
+  function y(k, w) {
+    w && (p = []), typeof k == "function" && p.push(k);
   }
   function v() {
     return {
@@ -1206,37 +1206,37 @@ function ga(e, n, a, s) {
       abort: g
     };
   }
-  function N() {
-    t = "failed", p.forEach((C) => {
-      C(void 0, m);
+  function A() {
+    t = "failed", p.forEach((k) => {
+      k(void 0, m);
     });
   }
   function S() {
-    h.forEach((C) => {
-      C.status === "pending" && (C.status = "aborted");
+    h.forEach((k) => {
+      k.status === "pending" && (k.status = "aborted");
     }), h = [];
   }
-  function k(C, w, T) {
-    const A = w !== "success";
-    switch (h = h.filter((M) => M !== C), t) {
+  function C(k, w, T) {
+    const N = w !== "success";
+    switch (h = h.filter((M) => M !== k), t) {
       case "pending":
         break;
       case "failed":
-        if (A || !e.dataAfterTimeout) return;
+        if (N || !e.dataAfterTimeout) return;
         break;
       default:
         return;
     }
     if (w === "abort") {
-      m = T, N();
+      m = T, A();
       return;
     }
-    if (A) {
-      m = T, h.length || (d.length ? x() : N());
+    if (N) {
+      m = T, h.length || (d.length ? x() : A());
       return;
     }
     if (f(), S(), !e.random) {
-      const M = e.resources.indexOf(C.resource);
+      const M = e.resources.indexOf(k.resource);
       M !== -1 && M !== e.index && (e.index = M);
     }
     t = "completed", p.forEach((M) => {
@@ -1246,25 +1246,25 @@ function ga(e, n, a, s) {
   function x() {
     if (t !== "pending") return;
     f();
-    const C = d.shift();
-    if (C === void 0) {
+    const k = d.shift();
+    if (k === void 0) {
       if (h.length) {
         c = setTimeout(() => {
-          f(), t === "pending" && (S(), N());
+          f(), t === "pending" && (S(), A());
         }, e.timeout);
         return;
       }
-      N();
+      A();
       return;
     }
     const w = {
       status: "pending",
-      resource: C,
-      callback: (T, A) => {
-        k(w, T, A);
+      resource: k,
+      callback: (T, N) => {
+        C(w, T, N);
       }
     };
-    h.push(w), r++, c = setTimeout(x, e.rotate), a(C, n, w.callback);
+    h.push(w), r++, c = setTimeout(x, e.rotate), a(k, n, w.callback);
   }
   return setTimeout(x), v;
 }
@@ -1548,11 +1548,11 @@ const Oa = (e, n, a) => {
   if (a) {
     const y = Qe(a, !1, !0);
     if (y) {
-      const v = ["iconify"], N = [
+      const v = ["iconify"], A = [
         "provider",
         "prefix"
       ];
-      for (const S of N)
+      for (const S of A)
         y[S] && v.push("iconify--" + y[S]);
       t.className = v.join(" ");
     }
@@ -1856,8 +1856,8 @@ function pn({
     if (l === "pdf" && (e != null && e.startsWith("data:")))
       try {
         const p = atob(e.split(",")[1]), f = new ArrayBuffer(p.length), g = new Uint8Array(f);
-        for (let N = 0; N < p.length; N++)
-          g[N] = p.charCodeAt(N);
+        for (let A = 0; A < p.length; A++)
+          g[A] = p.charCodeAt(A);
         const y = new Blob([f], { type: "application/pdf" }), v = URL.createObjectURL(y);
         return t(v), () => URL.revokeObjectURL(v);
       } catch (p) {
@@ -1988,8 +1988,8 @@ function Va({
     [l]
   ), g = _(
     async (x) => {
-      var T, A;
-      const C = ue("token"), w = ((T = ue("orgData")) == null ? void 0 : T.id) || ue("organizationId");
+      var T, N;
+      const k = ue("token"), w = ((T = ue("orgData")) == null ? void 0 : T.id) || ue("organizationId");
       try {
         const { data: M } = await Pe.post(
           d,
@@ -2000,36 +2000,36 @@ function Va({
           },
           {
             headers: {
-              Authorization: `Bearer ${C}`
+              Authorization: `Bearer ${k}`
             }
           }
         );
-        return (A = M == null ? void 0 : M.data) == null ? void 0 : A.url;
+        return (N = M == null ? void 0 : M.data) == null ? void 0 : N.url;
       } catch (M) {
         throw console.error("File upload error:", M), new Error("Failed to upload file to server");
       }
     },
     [d]
   ), y = _(
-    (x) => new Promise((C, w) => {
+    (x) => new Promise((k, w) => {
       const T = new FileReader();
       T.onloadend = async () => {
         try {
-          const A = T.result.replace(
+          const N = T.result.replace(
             /^data:.*;base64,/,
             ""
           ), M = d ? await g({
-            base64: A,
+            base64: N,
             ext: `.${x.name.split(".").pop()}`,
             fileName: x.name
           }) : T.result;
-          C({
+          k({
             base64: M,
             type: x.type,
             name: x.name
           });
-        } catch (A) {
-          w(A);
+        } catch (N) {
+          w(N);
         }
       }, T.onerror = () => w(new Error("File read failed")), T.readAsDataURL(x);
     }),
@@ -2037,14 +2037,14 @@ function Va({
   ), v = _(
     (x) => {
       var w;
-      const C = p ? (w = p.split(",")) == null ? void 0 : w.map((T) => T.trim()) : [];
+      const k = p ? (w = p.split(",")) == null ? void 0 : w.map((T) => T.trim()) : [];
       for (const T of x) {
         if (T.size > Fa)
           return Ae.error(
             `File "${T.name}" exceeds 5MB limit (${(T.size / 1024 / 1024).toFixed(2)}MB)`
           ), !1;
-        if (C.length && !C.some(
-          (A) => T.type === A || T.name.toLowerCase().endsWith(A.replace("*", ""))
+        if (k.length && !k.some(
+          (N) => T.type === N || T.name.toLowerCase().endsWith(N.replace("*", ""))
         ))
           return Ae.error(
             `File "${T.name}" is not an allowed type. Allowed: ${f || "any"}`
@@ -2053,18 +2053,18 @@ function Va({
       return !0;
     },
     [p, f]
-  ), N = _(
+  ), A = _(
     async (x) => {
-      const C = Array.from(x.target.files || []);
-      if (!(!C.length || c)) {
-        if (!v(C)) {
+      const k = Array.from(x.target.files || []);
+      if (!(!k.length || c)) {
+        if (!v(k)) {
           t.current && (t.current.value = "");
           return;
         }
         try {
-          h(!0), u == null || u((A) => A + 1);
-          const w = await Promise.all(C == null ? void 0 : C.map(y)), T = s && r ? [...r, ...w] : w;
-          m(T), e(T), Ae.success(`Successfully uploaded ${C.length} file(s)`);
+          h(!0), u == null || u((N) => N + 1);
+          const w = await Promise.all(k == null ? void 0 : k.map(y)), T = s && r ? [...r, ...w] : w;
+          m(T), e(T), Ae.success(`Successfully uploaded ${k.length} file(s)`);
         } catch (w) {
           console.error("Upload error:", w), Ae.error("Failed to upload file(s). Please try again.");
         } finally {
@@ -2075,13 +2075,13 @@ function Va({
     [c, v, y, e, s, r, u]
   ), S = _(
     (x) => {
-      c || (t.current && (t.current.value = ""), m((C) => {
-        const w = x === void 0 ? null : (C == null ? void 0 : C.filter((T, A) => A !== x)) || null;
+      c || (t.current && (t.current.value = ""), m((k) => {
+        const w = x === void 0 ? null : (k == null ? void 0 : k.filter((T, N) => N !== x)) || null;
         return e(w), w;
       }), a == null || a());
     },
     [a, e, c]
-  ), k = r && r.length > 0;
+  ), C = r && r.length > 0;
   return /* @__PURE__ */ b("div", { className: "flex flex-col items-start gap-2", children: [
     !n && /* @__PURE__ */ b("div", { className: "!flex field-control !py-0 !px-0 relative", children: [
       /* @__PURE__ */ i(
@@ -2089,7 +2089,7 @@ function Va({
         {
           ref: t,
           type: "file",
-          onChange: N,
+          onChange: A,
           disabled: n || c,
           multiple: s,
           accept: p || "",
@@ -2100,7 +2100,7 @@ function Va({
                      hover:file:bg-blue-100 disabled:opacity-50 disabled:cursor-not-allowed`
         }
       ),
-      k && /* @__PURE__ */ i(
+      C && /* @__PURE__ */ i(
         "button",
         {
           type: "button",
@@ -2112,19 +2112,19 @@ function Va({
         }
       )
     ] }),
-    k && /* @__PURE__ */ b("div", { className: "relative grid gap-y-1 flex-1 w-full", children: [
+    C && /* @__PURE__ */ b("div", { className: "relative grid gap-y-1 flex-1 w-full", children: [
       c && /* @__PURE__ */ i("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-white/60 rounded", children: /* @__PURE__ */ b("div", { className: "flex items-center gap-2 text-sm text-blue-600 font-medium", children: [
         /* @__PURE__ */ i("span", { className: "animate-spin h-4 w-4 border-2 border-blue-500 border-t-transparent rounded-full" }),
         "Uploading..."
       ] }) }),
-      typeof r == "object" && (r == null ? void 0 : r.map((x, C) => /* @__PURE__ */ i(
+      typeof r == "object" && (r == null ? void 0 : r.map((x, k) => /* @__PURE__ */ i(
         pn,
         {
           fileUrl: x.base64,
           fileName: x.name,
-          removeFile: () => S(C)
+          removeFile: () => S(k)
         },
-        `${x.name}-${C}`
+        `${x.name}-${k}`
       )))
     ] })
   ] });
@@ -2217,8 +2217,8 @@ const z = ({
   description: y,
   onChange: v
 }) => {
-  var S, k, x, C;
-  const N = a ? { ...a(n) } : {};
+  var S, C, x, k;
+  const A = a ? { ...a(n) } : {};
   if (l === "amount")
     return /* @__PURE__ */ b("div", { className: "space-y-1.5 relative", children: [
       /* @__PURE__ */ i(
@@ -2256,7 +2256,7 @@ const z = ({
             /* @__PURE__ */ i(
               "input",
               {
-                ...N,
+                ...A,
                 type: l,
                 value: r || "",
                 disabled: h,
@@ -2291,7 +2291,7 @@ const z = ({
           ]
         }
       ),
-      (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "ml-8 text-sm text-red-600", children: (k = s[n]) == null ? void 0 : k.message })
+      (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "ml-8 text-sm text-red-600", children: (C = s[n]) == null ? void 0 : C.message })
     ] });
   }
   return l === "textarea" ? /* @__PURE__ */ b("div", { className: "space-y-1.5 relative", children: [
@@ -2305,10 +2305,10 @@ const z = ({
     /* @__PURE__ */ i(
       "textarea",
       {
-        ...N,
+        ...A,
         onChange: (w) => {
           var T;
-          (T = N.onChange) == null || T.call(N, w), v == null || v(w);
+          (T = A.onChange) == null || T.call(A, w), v == null || v(w);
         },
         className: `field-control ${s != null && s[n] ? "border-red-300" : "border-[#D0D5DD]"} ${o}`,
         placeholder: d,
@@ -2328,10 +2328,10 @@ const z = ({
     /* @__PURE__ */ i(
       "input",
       {
-        ...N,
+        ...A,
         onChange: (w) => {
           var T;
-          (T = N.onChange) == null || T.call(N, w), v == null || v(w);
+          (T = A.onChange) == null || T.call(A, w), v == null || v(w);
         },
         type: l,
         className: `field-control ${s != null && s[n] ? "border-red-300" : "border-[#D0D5DD]"} ${o}`,
@@ -2343,7 +2343,7 @@ const z = ({
         "data-1p-ignore": !0
       }
     ),
-    (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red-600", children: (C = s[n]) == null ? void 0 : C.message })
+    (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red-600", children: (k = s[n]) == null ? void 0 : k.message })
   ] });
 };
 function za({
@@ -2413,33 +2413,33 @@ const Ie = ({
   loading: p,
   disabled: f
 }) => {
-  const [g, y] = I(r ? [] : null), v = re(!1), N = X(() => !u || !e || e.length === 0 ? r ? [] : null : r ? Array.isArray(u) ? e.filter((x) => u.some(
-    (C) => {
+  const [g, y] = I(r ? [] : null), v = re(!1), A = X(() => !u || !e || e.length === 0 ? r ? [] : null : r ? Array.isArray(u) ? e.filter((x) => u.some(
+    (k) => {
       var w;
-      return typeof x.value == "object" ? ((w = x.value) == null ? void 0 : w.id) === (C == null ? void 0 : C.id) : x.value === C;
+      return typeof x.value == "object" ? ((w = x.value) == null ? void 0 : w.id) === (k == null ? void 0 : k.id) : x.value === k;
     }
   )) : [] : e.find((x) => {
-    var C;
-    return typeof x.value == "string" && typeof u == "string" ? x.value.toLowerCase() === u.toLowerCase() : typeof x.value == "object" && typeof u == "object" ? ((C = x.value) == null ? void 0 : C.id) === (u == null ? void 0 : u.id) : x.value === u;
+    var k;
+    return typeof x.value == "string" && typeof u == "string" ? x.value.toLowerCase() === u.toLowerCase() : typeof x.value == "object" && typeof u == "object" ? ((k = x.value) == null ? void 0 : k.id) === (u == null ? void 0 : u.id) : x.value === u;
   }) || null, [u, e, r]);
   G(() => {
     if (v.current) {
       v.current = !1;
       return;
     }
-    if (r && Array.isArray(N) && Array.isArray(g)) {
-      const x = g == null ? void 0 : g.map((w) => w.value), C = N == null ? void 0 : N.map((w) => w.value);
-      JSON.stringify(x) !== JSON.stringify(C) && y(N);
-    } else (N == null ? void 0 : N.value) !== (g == null ? void 0 : g.value) && y(N);
-  }, [N, r]);
+    if (r && Array.isArray(A) && Array.isArray(g)) {
+      const x = g == null ? void 0 : g.map((w) => w.value), k = A == null ? void 0 : A.map((w) => w.value);
+      JSON.stringify(x) !== JSON.stringify(k) && y(A);
+    } else (A == null ? void 0 : A.value) !== (g == null ? void 0 : g.value) && y(A);
+  }, [A, r]);
   const S = _((x) => {
-    var C;
+    var k;
     if (v.current = !0, y(x), o) {
-      const w = r ? Array.isArray(x) ? x == null ? void 0 : x.map((T) => T.value) : [] : (C = x == null ? void 0 : x.value) != null ? C : null;
+      const w = r ? Array.isArray(x) ? x == null ? void 0 : x.map((T) => T.value) : [] : (k = x == null ? void 0 : x.value) != null ? k : null;
       o(l, w), t == null || t(l);
     }
     s && !v.current && s(l);
-  }, [o, l, t, s, r]), k = X(() => p ? "Fetching data..." : g ? r && Array.isArray(g) ? g.length > 0 ? g == null ? void 0 : g.map((x) => x.label).join(", ") : n : (g == null ? void 0 : g.label) || n : n, [g, p, n, r]);
+  }, [o, l, t, s, r]), C = X(() => p ? "Fetching data..." : g ? r && Array.isArray(g) ? g.length > 0 ? g == null ? void 0 : g.map((x) => x.label).join(", ") : n : (g == null ? void 0 : g.label) || n : n, [g, p, n, r]);
   return /* @__PURE__ */ b("div", { className: "relative", children: [
     !m && d && /* @__PURE__ */ i("label", { className: "block text-sm text-[#686878] darks:text-white/70 mb-2", children: d }),
     m && d && /* @__PURE__ */ i(
@@ -2467,7 +2467,7 @@ const Ie = ({
                 className: q("block text-sm text-left truncate", {
                   "opacity-60": !g || p
                 }),
-                children: k
+                children: C
               }
             ),
             /* @__PURE__ */ i("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) })
@@ -2478,7 +2478,7 @@ const Ie = ({
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ i(ne.Options, { anchor: "bottom start", className: "select-button-options", children: e.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : e == null ? void 0 : e.map((x, C) => {
+              children: /* @__PURE__ */ i(ne.Options, { anchor: "bottom start", className: "select-button-options", children: e.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : e == null ? void 0 : e.map((x, k) => {
                 var w;
                 return /* @__PURE__ */ i(
                   ne.Option,
@@ -2487,7 +2487,7 @@ const Ie = ({
                     className: ({ active: T }) => q("select-option", { active: T }),
                     children: ({ selected: T }) => /* @__PURE__ */ i("div", { className: q("option-text", { selected: T }), children: x.label })
                   },
-                  ((w = x.value) == null ? void 0 : w.id) || x.value || C
+                  ((w = x.value) == null ? void 0 : w.id) || x.value || k
                 );
               }) })
             }
@@ -2512,13 +2512,13 @@ function Ue({
   const [t, r] = I(""), [m, c] = I([]), [h, p] = I(!1);
   G(() => {
     (async () => {
-      var x, C;
+      var x, k;
       if (n) {
         p(!0);
         try {
           const w = ue("token"), T = w ? { headers: { Authorization: `Bearer ${w}` } } : {};
           let M = (await Pe.get(n, T)).data;
-          if (M && !Array.isArray(M) && (M.data && Array.isArray(M.data) ? M = M.data : (x = M.data) != null && x.data && Array.isArray(M.data.data) ? M = M.data.data : M.results && Array.isArray(M.results) ? M = M.results : (C = M.data) != null && C.results && Array.isArray(M.data.results) ? M = M.data.results : M.items && Array.isArray(M.items) && (M = M.items)), Array.isArray(M)) {
+          if (M && !Array.isArray(M) && (M.data && Array.isArray(M.data) ? M = M.data : (x = M.data) != null && x.data && Array.isArray(M.data.data) ? M = M.data.data : M.results && Array.isArray(M.results) ? M = M.results : (k = M.data) != null && k.results && Array.isArray(M.data.results) ? M = M.data.results : M.items && Array.isArray(M.items) && (M = M.items)), Array.isArray(M)) {
             const R = M.map((E) => typeof E == "string" ? { label: E, value: E } : {
               label: E.label || E.name || String(E.id || E.value),
               value: String(E.value || E.id || E.name)
@@ -2534,26 +2534,26 @@ function Ue({
     })();
   }, [n]);
   const f = n ? m : e, g = X(() => {
-    const k = a != null ? a : s;
-    return k == null || k === "" ? null : f.find((x) => String(x.value) === String(k) || String(x.label) === String(k)) || null;
+    const C = a != null ? a : s;
+    return C == null || C === "" ? null : f.find((x) => String(x.value) === String(C) || String(x.label) === String(C)) || null;
   }, [a, s, f]), [y, v] = I(g);
   G(() => {
     if (a !== void 0)
       if (a === null || a === "")
         v(null);
       else {
-        const k = f.find((x) => String(x.value) === String(a) || String(x.label) === String(a)) || null;
-        v(k);
+        const C = f.find((x) => String(x.value) === String(a) || String(x.label) === String(a)) || null;
+        v(C);
       }
   }, [a, f]);
-  const N = X(() => {
+  const A = X(() => {
     if (t === "") return f;
-    const k = t.toLowerCase();
+    const C = t.toLowerCase();
     return f.filter(
-      (x) => x.label.toLowerCase().includes(k)
+      (x) => x.label.toLowerCase().includes(C)
     );
-  }, [t, f]), S = _((k) => {
-    v(k), o(d, k);
+  }, [t, f]), S = _((C) => {
+    v(C), o(d, C);
   }, [d, o]);
   return /* @__PURE__ */ i("div", { className: "relative w-full", children: /* @__PURE__ */ b(
     De,
@@ -2567,8 +2567,8 @@ function Ue({
             Nn,
             {
               className: `field-control ${u}`,
-              displayValue: (k) => (k == null ? void 0 : k.label) || "",
-              onChange: (k) => r(k.target.value),
+              displayValue: (C) => (C == null ? void 0 : C.label) || "",
+              onChange: (C) => r(C.target.value),
               placeholder: h ? "Loading..." : l ? "" : "Select an option..."
             }
           ),
@@ -2577,14 +2577,14 @@ function Ue({
             /* @__PURE__ */ i("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
           ] }) : /* @__PURE__ */ i(J, { icon: "octicon:chevron-down-12" }) })
         ] }),
-        /* @__PURE__ */ i(kn, { anchor: "bottom start", className: "select-options__combo", children: h ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "Loading..." }) : N.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : N == null ? void 0 : N.map((k) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i(kn, { anchor: "bottom start", className: "select-options__combo", children: h ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "Loading..." }) : A.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : A == null ? void 0 : A.map((C) => /* @__PURE__ */ i(
           Mn,
           {
-            value: k,
-            className: ({ active: x, selected: C }) => q("select-option", { active: x, selected: C }),
-            children: ({ selected: x }) => /* @__PURE__ */ i("div", { className: q("option-text", { selected: x }), children: k.label })
+            value: C,
+            className: ({ active: x, selected: k }) => q("select-option", { active: x, selected: k }),
+            children: ({ selected: x }) => /* @__PURE__ */ i("div", { className: q("option-text", { selected: x }), children: C.label })
           },
-          k.value
+          C.value
         )) })
       ]
     }
@@ -3560,42 +3560,42 @@ function Ao({
 }) {
   const [o, l] = I(() => Ji(e)), [d, u] = I(null), [t, r] = I(!1), [m, c] = I(""), [h, p] = I(null), f = re(null), g = re(null), y = re(/* @__PURE__ */ new Map());
   G(() => {
-    const A = Ji(e);
-    l(A);
+    const N = Ji(e);
+    l(N);
   }, []);
   const v = _(
-    (A) => {
-      n(So(A));
+    (N) => {
+      n(So(N));
     },
     [n]
-  ), N = (A, M) => {
+  ), A = (N, M) => {
     const R = [...o];
-    R[A] = { type: "operator", value: M }, l(R), v(R);
-  }, S = (A) => {
-    const M = o.filter((R, E) => E !== A);
+    R[N] = { type: "operator", value: M }, l(R), v(R);
+  }, S = (N) => {
+    const M = o.filter((R, E) => E !== N);
     l(M), v(M);
-  }, k = (A) => {
-    p(A), c(""), r(!0);
-  }, x = (A, M) => {
+  }, C = (N) => {
+    p(N), c(""), r(!0);
+  }, x = (N, M) => {
     const R = M !== void 0 ? M : h != null ? h : o.length, E = [...o], V = E.slice(0, R), Y = E.slice(R), ee = [
       ...V,
-      { type: "field", id: A.id, display: A.display },
+      { type: "field", id: N.id, display: N.display },
       ...Y
-    ], ae = C(ee);
+    ], ae = k(ee);
     l(ae), v(ae), r(!1), p(null);
   };
-  function C(A) {
+  function k(N) {
     const M = [];
-    if (A.length === 0) return [{ type: "operator", value: "" }];
-    A[0].type === "field" && M.push({ type: "operator", value: "" });
-    for (let R = 0; R < A.length; R++)
-      M.push(A[R]), A[R].type === "field" && (R + 1 >= A.length || A[R + 1].type === "field") && M.push({ type: "operator", value: "" });
+    if (N.length === 0) return [{ type: "operator", value: "" }];
+    N[0].type === "field" && M.push({ type: "operator", value: "" });
+    for (let R = 0; R < N.length; R++)
+      M.push(N[R]), N[R].type === "field" && (R + 1 >= N.length || N[R + 1].type === "field") && M.push({ type: "operator", value: "" });
     return M;
   }
   const w = a.filter(
-    (A) => A.display.toLowerCase().includes(m.toLowerCase())
+    (N) => N.display.toLowerCase().includes(m.toLowerCase())
   ), T = o.every(
-    (A) => A.type === "operator" && A.value.trim() === ""
+    (N) => N.type === "operator" && N.value.trim() === ""
   );
   return /* @__PURE__ */ b("div", { className: "relative", ref: g, children: [
     /* @__PURE__ */ b(
@@ -3605,20 +3605,20 @@ function Ao({
         style: { padding: "6px 10px" },
         onClick: () => {
           var M;
-          const A = [...o].reverse().findIndex((R) => R.type === "operator");
-          if (A !== -1) {
-            const R = o.length - 1 - A;
+          const N = [...o].reverse().findIndex((R) => R.type === "operator");
+          if (N !== -1) {
+            const R = o.length - 1 - N;
             (M = y.current.get(R)) == null || M.focus();
           }
         },
         children: [
           T && /* @__PURE__ */ i("span", { className: "text-gray-400 text-sm pointer-events-none select-none", children: s || "Build your formula..." }),
-          o.map((A, M) => A.type === "field" ? /* @__PURE__ */ b(
+          o.map((N, M) => N.type === "field" ? /* @__PURE__ */ b(
             "span",
             {
               className: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 text-sm px-2 py-0.5 rounded-full font-medium select-none",
               children: [
-                A.display,
+                N.display,
                 /* @__PURE__ */ i(
                   "button",
                   {
@@ -3627,7 +3627,7 @@ function Ao({
                       R.preventDefault(), S(M);
                     },
                     className: "text-blue-400 hover:text-blue-700 leading-none ml-0.5",
-                    "aria-label": `Remove ${A.display}`,
+                    "aria-label": `Remove ${N.display}`,
                     children: "×"
                   }
                 )
@@ -3641,13 +3641,13 @@ function Ao({
                 R ? y.current.set(M, R) : y.current.delete(M);
               },
               type: "text",
-              value: A.value,
-              onChange: (R) => N(M, R.target.value),
+              value: N.value,
+              onChange: (R) => A(M, R.target.value),
               onFocus: () => u(M),
               onBlur: () => u(null),
               className: "border-none outline-none bg-transparent text-sm font-mono p-0 m-0",
               style: {
-                width: `${Math.max(A.value.length * 9 + 8, d === M ? 40 : 14)}px`,
+                width: `${Math.max(N.value.length * 9 + 8, d === M ? 40 : 14)}px`,
                 minWidth: "14px",
                 maxWidth: "200px"
               },
@@ -3660,8 +3660,8 @@ function Ao({
             "button",
             {
               type: "button",
-              onMouseDown: (A) => {
-                A.preventDefault(), k(o.length);
+              onMouseDown: (N) => {
+                N.preventDefault(), C(o.length);
               },
               className: "inline-flex items-center gap-1 text-xs text-blue-600 hover:text-blue-800 hover:bg-blue-50 px-1.5 py-0.5 rounded transition-colors",
               title: "Insert a field",
@@ -3673,7 +3673,7 @@ function Ao({
     ),
     !T && /* @__PURE__ */ b("div", { className: "mt-2 text-xs bg-blue-50 text-blue-800 border border-blue-100 rounded px-2 py-1.5 font-mono break-words", children: [
       /* @__PURE__ */ i("span", { className: "font-sans font-semibold text-blue-500 uppercase tracking-wide mr-1", children: "Preview:" }),
-      o.map((A) => A.type === "field" ? `[${A.display}]` : A.value).join("")
+      o.map((N) => N.type === "field" ? `[${N.display}]` : N.value).join("")
     ] }),
     t && /* @__PURE__ */ b(he, { children: [
       /* @__PURE__ */ i(
@@ -3697,51 +3697,51 @@ function Ao({
                 type: "text",
                 placeholder: "Search fields...",
                 value: m,
-                onChange: (A) => c(A.target.value),
+                onChange: (N) => c(N.target.value),
                 className: "w-full text-sm px-2 py-1 border border-gray-200 rounded outline-none focus:border-blue-300",
-                onKeyDown: (A) => {
-                  A.key === "Escape" && r(!1), A.key === "Enter" && w.length > 0 && x(w[0]);
+                onKeyDown: (N) => {
+                  N.key === "Escape" && r(!1), N.key === "Enter" && w.length > 0 && x(w[0]);
                 }
               }
             ) }),
             /* @__PURE__ */ b("div", { className: "max-h-48 overflow-y-auto", children: [
               w.length === 0 && /* @__PURE__ */ i("p", { className: "text-xs text-gray-400 text-center py-3", children: "No matching fields" }),
-              w.map((A) => /* @__PURE__ */ b(
+              w.map((N) => /* @__PURE__ */ b(
                 "div",
                 {
                   onMouseDown: (M) => {
-                    M.preventDefault(), x(A);
+                    M.preventDefault(), x(N);
                   },
                   className: "px-3 py-2 text-sm cursor-pointer flex items-center justify-between hover:bg-blue-50 group",
                   children: [
-                    /* @__PURE__ */ i("span", { className: "font-medium text-gray-800", children: A.display }),
+                    /* @__PURE__ */ i("span", { className: "font-medium text-gray-800", children: N.display }),
                     /* @__PURE__ */ b("span", { className: "text-xs text-gray-400 font-mono group-hover:text-blue-400", children: [
-                      A.id.slice(0, 8),
+                      N.id.slice(0, 8),
                       "..."
                     ] })
                   ]
                 },
-                A.id
+                N.id
               ))
             ] })
           ]
         }
       )
     ] }),
-    a.length > 0 && /* @__PURE__ */ i("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: a.map((A) => /* @__PURE__ */ b(
+    a.length > 0 && /* @__PURE__ */ i("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: a.map((N) => /* @__PURE__ */ b(
       "button",
       {
         type: "button",
         onMouseDown: (M) => {
-          M.preventDefault(), x(A, o.length);
+          M.preventDefault(), x(N, o.length);
         },
         className: "text-xs bg-gray-100 hover:bg-blue-50 hover:text-blue-700 border text-gray-600 px-2 py-0.5 rounded-full transition-colors",
         children: [
           "+ ",
-          A.display
+          N.display
         ]
       },
-      A.id
+      N.id
     )) })
   ] });
 }
@@ -3842,10 +3842,10 @@ const No = D.object().shape({
     register: g,
     handleSubmit: y,
     control: v,
-    setValue: N,
+    setValue: A,
     watch: S,
-    trigger: k,
-    formState: { errors: x, isSubmitting: C, isValid: w },
+    trigger: C,
+    formState: { errors: x, isSubmitting: k, isValid: w },
     reset: T
   } = Si({
     resolver: wi(No),
@@ -3853,7 +3853,7 @@ const No = D.object().shape({
       ...a,
       options: a.options || []
     }
-  }), A = S(), { fields: M, append: R, remove: E } = ni({
+  }), N = S(), { fields: M, append: R, remove: E } = ni({
     control: v,
     name: "options"
   }), {
@@ -3882,13 +3882,13 @@ const No = D.object().shape({
     }
   }, Se = _(async () => {
     var B, K, P;
-    if (!A.apiUrl || !/^https?:\/\//.test(A.apiUrl)) {
+    if (!N.apiUrl || !/^https?:\/\//.test(N.apiUrl)) {
       Ae.info("Please provide a valid API URL");
       return;
     }
     try {
       r(!0);
-      const { status: L, data: U } = await Pe.get(A.apiUrl, ye);
+      const { status: L, data: U } = await Pe.get(N.apiUrl, ye);
       if (L !== 200 || !U) {
         Ae.error("Unexpected response from server.");
         return;
@@ -3898,14 +3898,14 @@ const No = D.object().shape({
         Ae.error("Expected an array in response (data, record, or result).");
         return;
       }
-      ((B = a.type) == null ? void 0 : B.toLowerCase()) === "datagrid" ? N("dataColumns", xi(Z)) : N("options", yi(Z));
+      ((B = a.type) == null ? void 0 : B.toLowerCase()) === "datagrid" ? A("dataColumns", xi(Z)) : A("options", yi(Z));
     } catch (L) {
       const U = ((P = (K = L == null ? void 0 : L.response) == null ? void 0 : K.data) == null ? void 0 : P.message) || (L == null ? void 0 : L.message) || "Unable to load options";
       Ae.error(U);
     } finally {
       r(!1);
     }
-  }, [a.type, N, A.apiUrl]), ce = ["manual", "api", "sheet"];
+  }, [a.type, A, N.apiUrl]), ce = ["manual", "api", "sheet"];
   function be() {
     m === "api" && Se();
   }
@@ -3963,7 +3963,7 @@ const No = D.object().shape({
         {
           type: a.type,
           label: "Load options form sheet (csv, xlsx)",
-          setValue: N,
+          setValue: A,
           name: "options"
         }
       ) }),
@@ -3986,7 +3986,7 @@ const No = D.object().shape({
                   placeholder: "Label",
                   onChange: (U) => {
                     const H = U.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                    N(`options.${L}.value`, H, {
+                    A(`options.${L}.value`, H, {
                       shouldValidate: !0,
                       shouldDirty: !0
                     });
@@ -4058,7 +4058,7 @@ const No = D.object().shape({
                     placeholder: "Label",
                     onChange: (U) => {
                       const H = U.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                      N(`options1.${L}.value`, H, {
+                      A(`options1.${L}.value`, H, {
                         shouldValidate: !0,
                         shouldDirty: !0
                       });
@@ -4174,7 +4174,7 @@ const No = D.object().shape({
       {
         type: a.type,
         label: "Load columns form sheet (csv, xlsx)",
-        setValue: N,
+        setValue: A,
         name: "dataColumns"
       }
     ) }),
@@ -4210,9 +4210,9 @@ const No = D.object().shape({
                   ],
                   register: g,
                   name: `dataColumns.${K}.type`,
-                  setValue: N,
-                  trigger: k,
-                  value: A.dataColumns[K].type
+                  setValue: A,
+                  trigger: C,
+                  value: N.dataColumns[K].type
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
@@ -4224,7 +4224,7 @@ const No = D.object().shape({
                   register: g,
                   onChange: (U) => {
                     const H = U.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                    N(`dataColumns.${K}.field`, H, {
+                    A(`dataColumns.${K}.field`, H, {
                       shouldValidate: !0,
                       shouldDirty: !0
                     });
@@ -4258,7 +4258,7 @@ const No = D.object().shape({
                 }
               )
             ] }),
-            ((L = (P = A.dataColumns) == null ? void 0 : P[K]) == null ? void 0 : L.type) === "select" && /* @__PURE__ */ i("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
+            ((L = (P = N.dataColumns) == null ? void 0 : P[K]) == null ? void 0 : L.type) === "select" && /* @__PURE__ */ i("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
               z,
               {
                 watch: S,
@@ -4298,16 +4298,16 @@ const No = D.object().shape({
       )
     ] })
   ] }), Me = _(async () => {
-    const B = ue("token"), { status: K, data: P } = await Pe.get(A.url, {
+    const B = ue("token"), { status: K, data: P } = await Pe.get(N.url, {
       headers: {
         Authorization: `Bearer ${B}`
       }
     });
-    K === 200 && N("options", (P == null ? void 0 : P.data) || P);
-  }, [N, A.url]);
+    K === 200 && A("options", (P == null ? void 0 : P.data) || P);
+  }, [A, N.url]);
   G(() => {
-    a.type === "document" && A.url && Me();
-  }, [A.url, a.type, Me]);
+    a.type === "document" && N.url && Me();
+  }, [N.url, a.type, Me]);
   const Ee = /* @__PURE__ */ i(
     "div",
     {
@@ -4434,8 +4434,8 @@ const No = D.object().shape({
                           ],
                           register: g,
                           name: "method",
-                          setValue: N,
-                          trigger: k,
+                          setValue: A,
+                          trigger: C,
                           value: S("method")
                         }
                       ),
@@ -4455,8 +4455,8 @@ const No = D.object().shape({
                           ],
                           register: g,
                           name: "responseType",
-                          setValue: N,
-                          trigger: k,
+                          setValue: A,
+                          trigger: C,
                           value: S("responseType")
                         }
                       )
@@ -4465,7 +4465,7 @@ const No = D.object().shape({
                       mo,
                       {
                         onChange: (B) => {
-                          N("denominators", B);
+                          A("denominators", B);
                         },
                         value: S("denominators")
                       }
@@ -4489,8 +4489,8 @@ const No = D.object().shape({
                           options: no,
                           register: g,
                           name: "dateFormat",
-                          setValue: N,
-                          trigger: k,
+                          setValue: A,
+                          trigger: C,
                           value: S("dateFormat")
                         }
                       ),
@@ -4504,16 +4504,16 @@ const No = D.object().shape({
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.canHaveDateRange
+                          value: N.canHaveDateRange
                         }
                       ),
-                      (A == null ? void 0 : A.canHaveDateRange) && /* @__PURE__ */ b("div", { className: "grid grid-cols-2 gap-4", children: [
+                      (N == null ? void 0 : N.canHaveDateRange) && /* @__PURE__ */ b("div", { className: "grid grid-cols-2 gap-4", children: [
                         /* @__PURE__ */ i(
                           vi,
                           {
                             name: "minDate",
-                            value: A == null ? void 0 : A.minDate,
-                            onGetValue: N,
+                            value: N == null ? void 0 : N.minDate,
+                            onGetValue: A,
                             placeholder: "Select min date"
                           }
                         ),
@@ -4521,10 +4521,10 @@ const No = D.object().shape({
                           vi,
                           {
                             name: "maxDate",
-                            value: A == null ? void 0 : A.minDate,
-                            onGetValue: N,
+                            value: N == null ? void 0 : N.minDate,
+                            onGetValue: A,
                             placeholder: "Select max date",
-                            minDate: A == null ? void 0 : A.minDate
+                            minDate: N == null ? void 0 : N.minDate
                           }
                         )
                       ] }),
@@ -4538,7 +4538,7 @@ const No = D.object().shape({
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.allowYearPicker
+                          value: N.allowYearPicker
                         }
                       )
                     ] }),
@@ -4552,7 +4552,7 @@ const No = D.object().shape({
                         errors: x,
                         element: a,
                         type: "checkbox",
-                        value: A.showState
+                        value: N.showState
                       }
                     ),
                     a.type.toLowerCase() === "selectfield" && /* @__PURE__ */ i(
@@ -4571,8 +4571,8 @@ const No = D.object().shape({
                         ],
                         register: g,
                         name: "selectType",
-                        setValue: N,
-                        trigger: k,
+                        setValue: A,
+                        trigger: C,
                         value: S("selectType")
                       }
                     ),
@@ -4643,7 +4643,7 @@ const No = D.object().shape({
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.isMultiple
+                          value: N.isMultiple
                         }
                       ),
                       /* @__PURE__ */ i(
@@ -4652,9 +4652,9 @@ const No = D.object().shape({
                           element: {
                             options: ro,
                             id: "acceptedFiles",
-                            value: A == null ? void 0 : A.acceptedFiles
+                            value: N == null ? void 0 : N.acceptedFiles
                           },
-                          validationData: { register: g, setValue: N, trigger: k, watch: S },
+                          validationData: { register: g, setValue: A, trigger: C, watch: S },
                           placeholder: "Choose file types"
                         }
                       )
@@ -4671,16 +4671,16 @@ const No = D.object().shape({
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.isHidden
+                          value: N.isHidden
                         }
                       ) }),
                       " ",
-                      A.isHidden && /* @__PURE__ */ i(
+                      N.isHidden && /* @__PURE__ */ i(
                         xo,
                         {
                           register: g,
-                          setValue: N,
-                          trigger: k,
+                          setValue: A,
+                          trigger: C,
                           watch: S,
                           id: a == null ? void 0 : a.id
                         }
@@ -4692,7 +4692,7 @@ const No = D.object().shape({
                         Ao,
                         {
                           value: S("formula") || "",
-                          onChange: (B) => N("formula", B, {
+                          onChange: (B) => A("formula", B, {
                             shouldValidate: !0,
                             shouldDirty: !0
                           }),
@@ -4712,10 +4712,10 @@ const No = D.object().shape({
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.fetchExternalResults
+                          value: N.fetchExternalResults
                         }
                       ),
-                      A.fetchExternalResults && /* @__PURE__ */ i(
+                      N.fetchExternalResults && /* @__PURE__ */ i(
                         z,
                         {
                           watch: S,
@@ -4741,7 +4741,7 @@ const No = D.object().shape({
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.isRequired
+                          value: N.isRequired
                         }
                       ) }),
                       " ",
@@ -4882,10 +4882,10 @@ const No = D.object().shape({
                   "button",
                   {
                     type: "submit",
-                    disabled: !w || C,
+                    disabled: !w || k,
                     style: { background: (f == null ? void 0 : f.buttonColor) || "#333" },
-                    className: `flex-1 px-4 py-2.5 ${!w || C ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!w || C ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
-                    children: C ? "Saving..." : "Save"
+                    className: `flex-1 px-4 py-2.5 ${!w || k ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!w || k ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
+                    children: k ? "Saving..." : "Save"
                   }
                 )
               ] })
@@ -5109,7 +5109,7 @@ function Bo({
   element: e,
   validationData: n
 }) {
-  var C;
+  var k;
   const { register: a = () => ({}), setValue: s, watch: o } = n || {}, [l, d] = I(), [u, t] = I(!1), [r, m] = I(!1), [c, h] = I(""), p = o && o(e == null ? void 0 : e.id);
   G(() => {
     d(p);
@@ -5118,25 +5118,25 @@ function Bo({
   G(() => {
     a(e.id);
   }, [e.id, a]);
-  const { url: y, method: v, responseType: N } = e || {}, k = {
+  const { url: y, method: v, responseType: A } = e || {}, C = {
     headers: {
       Authorization: `Bearer ${ue("token")}`
     }
   }, x = _(
     async (w) => {
-      var T, A, M, R, E, V, Y, ee, ae, oe, $;
+      var T, N, M, R, E, V, Y, ee, ae, oe, $;
       if (!(!y || !v)) {
         t(!0);
         try {
           let j;
           if (v.toLowerCase() === "get") {
             const me = `${y}?value=${w}`;
-            j = await Pe.get(me, k);
+            j = await Pe.get(me, C);
           } else if (v.toLowerCase() === "post")
-            j = await Pe.post(y, { value: w }, k);
+            j = await Pe.post(y, { value: w }, C);
           else
             throw new Error("Unsupported HTTP method");
-          j.status === 200 && ((((A = (T = j == null ? void 0 : j.data) == null ? void 0 : T.data) == null ? void 0 : A.status) || ((M = j == null ? void 0 : j.data) == null ? void 0 : M.status)) === !0 ? (m(!0), N === "string" ? h(
+          j.status === 200 && ((((N = (T = j == null ? void 0 : j.data) == null ? void 0 : T.data) == null ? void 0 : N.status) || ((M = j == null ? void 0 : j.data) == null ? void 0 : M.status)) === !0 ? (m(!0), A === "string" ? h(
             ((E = (R = j == null ? void 0 : j.data) == null ? void 0 : R.data) == null ? void 0 : E.description) || ((V = j == null ? void 0 : j.data) == null ? void 0 : V.description) || "Validation successful"
           ) : g(
             ((ee = (Y = j == null ? void 0 : j.data) == null ? void 0 : Y.data) == null ? void 0 : ee.description) || ((ae = j == null ? void 0 : j.data) == null ? void 0 : ae.description) || {}
@@ -5150,7 +5150,7 @@ function Bo({
         }
       }
     },
-    [v, N, y]
+    [v, A, y]
   );
   return G(() => {
     if (l) {
@@ -5211,14 +5211,14 @@ function Bo({
         r && !u && /* @__PURE__ */ i("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ i(J, { icon: "gg:check-o" }) })
       ] })
     ] }),
-    c && N === "string" && /* @__PURE__ */ i(
+    c && A === "string" && /* @__PURE__ */ i(
       "span",
       {
         className: `${r ? "text-green-600" : "text-red-600"} text-sm`,
         children: c
       }
     ),
-    N === "object" && /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (C = Object.entries(f)) == null ? void 0 : C.map(([w, T]) => /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
+    A === "object" && /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (k = Object.entries(f)) == null ? void 0 : k.map(([w, T]) => /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
       /* @__PURE__ */ b("span", { className: "font-semibold", children: [
         w,
         ":"
@@ -5600,13 +5600,13 @@ const qi = ({
   loading: f,
   disabled: g
 }) => {
-  const [y, v] = I(m ? [] : null), N = q("custom-select__control", e), S = X(() => n, [n]);
+  const [y, v] = I(m ? [] : null), A = q("custom-select__control", e), S = X(() => n, [n]);
   return G(() => {
-    const k = n == null ? void 0 : n.find((x) => {
-      var C;
-      return typeof x.value == "string" && typeof t == "string" ? x.value.toLowerCase() === t.toLowerCase() : typeof x.value == "object" && typeof t == "object" ? ((C = x.value) == null ? void 0 : C.id) === (t == null ? void 0 : t.id) : x.value === t;
+    const C = n == null ? void 0 : n.find((x) => {
+      var k;
+      return typeof x.value == "string" && typeof t == "string" ? x.value.toLowerCase() === t.toLowerCase() : typeof x.value == "object" && typeof t == "object" ? ((k = x.value) == null ? void 0 : k.id) === (t == null ? void 0 : t.id) : x.value === t;
     });
-    v(k || null);
+    v(C || null);
   }, [t, n]), G(() => {
     y && l && o && (l(d, y == null ? void 0 : y.value), o(d), r == null || r(d));
   }, [d, y]), /* @__PURE__ */ b("div", { className: "custom-select", children: [
@@ -5620,7 +5620,7 @@ const qi = ({
         multiple: m,
         disabled: g,
         children: /* @__PURE__ */ b("div", { className: "custom-select__wrapper", children: [
-          /* @__PURE__ */ b(ne.Button, { className: N, disabled: g, children: [
+          /* @__PURE__ */ b(ne.Button, { className: A, disabled: g, children: [
             f ? /* @__PURE__ */ i("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ i("span", { className: "custom-select__value", children: (y == null ? void 0 : y.label) || /* @__PURE__ */ i("span", { className: "custom-select__placeholder", children: a }) }),
             /* @__PURE__ */ i("span", { className: "custom-select__icon", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) })
           ] }),
@@ -5629,22 +5629,22 @@ const qi = ({
             {
               as: le.Fragment,
               leave: "custom-select__transition",
-              children: /* @__PURE__ */ i(ne.Options, { className: "custom-select__options", anchor: "bottom", children: S == null ? void 0 : S.map((k, x) => /* @__PURE__ */ i(
+              children: /* @__PURE__ */ i(ne.Options, { className: "custom-select__options", anchor: "bottom", children: S == null ? void 0 : S.map((C, x) => /* @__PURE__ */ i(
                 ne.Option,
                 {
-                  value: k,
-                  className: ({ active: C }) => q(
+                  value: C,
+                  className: ({ active: k }) => q(
                     "custom-select__option",
-                    C && "custom-select__option--active"
+                    k && "custom-select__option--active"
                   ),
-                  children: ({ selected: C }) => /* @__PURE__ */ i(
+                  children: ({ selected: k }) => /* @__PURE__ */ i(
                     "span",
                     {
                       className: q(
                         "custom-select__option-label",
-                        C && "custom-select__option--selected"
+                        k && "custom-select__option--selected"
                       ),
-                      children: k.label
+                      children: C.label
                     }
                   )
                 },
@@ -5670,8 +5670,8 @@ const qi = ({
     watch: l,
     isReadOnly: d
   } = n || {}, u = (g = e == null ? void 0 : e.id) != null ? g : "cascadeValue", [t, r] = I(""), [m, c] = I(""), h = (y, v) => {
-    const N = y && v ? `${y}_${v}` : "";
-    o == null || o(u, N), s == null || s(u);
+    const A = y && v ? `${y}_${v}` : "";
+    o == null || o(u, A), s == null || s(u);
   }, p = (y, v) => {
     y === "first" ? (r(v), c(""), h(v, "")) : (c(v), h(t, v));
   };
@@ -5679,8 +5679,8 @@ const qi = ({
     if (l) {
       const y = l(u);
       if (y != null && y.includes("_")) {
-        const [v, N] = y.split("_");
-        r(v), c(N);
+        const [v, A] = y.split("_");
+        r(v), c(A);
       }
     }
   }, [l, u]);
@@ -5738,21 +5738,21 @@ const qi = ({
   G(() => {
     p == null && (m == null || m(d.id, e));
   }, []);
-  const y = (N) => {
+  const y = (A) => {
     if (!a && !h) {
-      const S = N + 1;
+      const S = A + 1;
       m == null || m(d.id, S), r == null || r(d.id), s == null || s(S);
     }
   };
   return /* @__PURE__ */ b("div", { className: `flex gap-1 ${l}`, children: [
     /* @__PURE__ */ i("input", { type: "hidden", ...t(d.id) }),
-    Array.from({ length: n }, (N, S) => {
-      const k = f !== null ? S <= f : S < p;
+    Array.from({ length: n }, (A, S) => {
+      const C = f !== null ? S <= f : S < p;
       return /* @__PURE__ */ i(
         vn,
         {
-          icon: k ? "mdi:star" : "mdi:star-outline",
-          className: `cursor-pointer transition-colors ${k ? "text-yellow-400" : "text-gray-300"}`,
+          icon: C ? "mdi:star" : "mdi:star-outline",
+          className: `cursor-pointer transition-colors ${C ? "text-yellow-400" : "text-gray-300"}`,
           width: o,
           height: o,
           onMouseEnter: () => !(a || h) && g(S),
@@ -5880,8 +5880,8 @@ function Uo({
         }, { data: v } = await Pe.get(
           `${o}/${l}`,
           y
-        ), N = !!((f = (p = v == null ? void 0 : v.data) == null ? void 0 : p.isSigned) != null ? f : v != null && v.isSigned);
-        return r(N), N;
+        ), A = !!((f = (p = v == null ? void 0 : v.data) == null ? void 0 : p.isSigned) != null ? f : v != null && v.isSigned);
+        return r(A), A;
       } catch (g) {
         console.error("Failed to check sign status", g);
       } finally {
@@ -6196,15 +6196,15 @@ function Wo({
   onChange: p,
   onError: f
 }) {
-  const [g, y] = I(""), [v, N] = I(null), [S, k] = I(""), x = X(
+  const [g, y] = I(""), [v, A] = I(null), [S, C] = I(""), x = X(
     () => {
       var E;
       return (E = ui == null ? void 0 : ui.slice().sort((V, Y) => V.label.localeCompare(Y.label))) == null ? void 0 : E.map((V) => ({ ...V, phone: `+${V.phone}` }));
     },
     []
-  ), C = X(() => g ? x.filter(
+  ), k = X(() => g ? x.filter(
     (E) => `${E.label} ${E.phone}`.toLowerCase().includes(g.toLowerCase())
-  ) : x, [g, x]), w = (v == null ? void 0 : v.min) || 10, T = (v == null ? void 0 : v.max) || 10, A = () => S ? `${(v == null ? void 0 : v.phone) || "+234"}-${S}` : "", M = (E) => {
+  ) : x, [g, x]), w = (v == null ? void 0 : v.min) || 10, T = (v == null ? void 0 : v.max) || 10, N = () => S ? `${(v == null ? void 0 : v.phone) || "+234"}-${S}` : "", M = (E) => {
     if (!E) return { code: "+234", number: "" };
     const V = E.split(/[-\s]/);
     return { code: V[0], number: V.slice(1).join(" ") };
@@ -6212,9 +6212,9 @@ function Wo({
   G(() => {
     if (d) {
       const E = M(d);
-      N(
+      A(
         x.find((V) => V.phone === E.code) || x[0]
-      ), k(E.number);
+      ), C(E.number);
     }
   }, [d, x]);
   const R = X(() => {
@@ -6223,7 +6223,7 @@ function Wo({
     return s && E === 0 ? "Phone number is required" : E > 0 && !/^\d+$/.test(S) ? "Phone number must contain only digits" : E > 0 && E < w ? `Minimum length is ${w}` : E > T ? `Maximum length is ${T}` : "";
   }, [u, S, w, T, s]);
   return G(() => {
-    p == null || p(A()), f == null || f(R || null);
+    p == null || p(N()), f == null || f(R || null);
   }, [S, v, R]), /* @__PURE__ */ b(
     "div",
     {
@@ -6244,7 +6244,7 @@ function Wo({
         ),
         /* @__PURE__ */ b("div", { className: "relative !flex items-center input-control text-[#667085] !py-0 field-control", children: [
           /* @__PURE__ */ i(J, { icon: "lucide:phone-call" }),
-          /* @__PURE__ */ i(De, { value: v, onChange: N, children: /* @__PURE__ */ b("div", { className: "relative", children: [
+          /* @__PURE__ */ i(De, { value: v, onChange: A, children: /* @__PURE__ */ b("div", { className: "relative", children: [
             /* @__PURE__ */ i(
               De.Input,
               {
@@ -6255,7 +6255,7 @@ function Wo({
               }
             ),
             /* @__PURE__ */ i(De.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) }),
-            /* @__PURE__ */ i(De.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: C == null ? void 0 : C.map((E, V) => /* @__PURE__ */ b(
+            /* @__PURE__ */ i(De.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: k == null ? void 0 : k.map((E, V) => /* @__PURE__ */ b(
               De.Option,
               {
                 value: E,
@@ -6280,7 +6280,7 @@ function Wo({
                 readOnly: r,
                 onChange: (E) => {
                   const V = E.target.value.replace(/\D/g, "");
-                  k(V);
+                  C(V);
                 },
                 placeholder: n,
                 className: "w-full px-3 outline-none",
@@ -6434,12 +6434,12 @@ function _o({
         const y = await fetch(e.externalApiUrl);
         if (!y.ok) return;
         const v = await y.json();
-        let N = {};
-        Array.isArray(v) ? v.forEach((k) => {
-          const x = k.value || k.id || k.option, C = k.count || k.votes || k.value || 0;
-          x && (N[x] = Number(C));
-        }) : typeof v == "object" && (N = v), u(N);
-        const S = Object.values(N).reduce((k, x) => k + Number(x), 0);
+        let A = {};
+        Array.isArray(v) ? v.forEach((C) => {
+          const x = C.value || C.id || C.option, k = C.count || C.votes || C.value || 0;
+          x && (A[x] = Number(k));
+        }) : typeof v == "object" && (A = v), u(A);
+        const S = Object.values(A).reduce((C, x) => C + Number(x), 0);
         r(S);
       } catch (y) {
         console.error("Failed to fetch polling results", y);
@@ -6607,50 +6607,50 @@ const fn = {
     [e.columns]
   ), [p, f] = I(null);
   G(() => {
-    const k = () => {
+    const C = () => {
       f(null), t(!1);
     };
-    return document.addEventListener("dragend", k), () => document.removeEventListener("dragend", k);
+    return document.addEventListener("dragend", C), () => document.removeEventListener("dragend", C);
   }, [t]);
   const g = _(
-    (k, x) => {
-      k.preventDefault(), k.stopPropagation(), k.dataTransfer.dropEffect = "move", f(x);
+    (C, x) => {
+      C.preventDefault(), C.stopPropagation(), C.dataTransfer.dropEffect = "move", f(x);
     },
     []
   ), y = _(
-    (k, x) => {
-      k.preventDefault(), k.stopPropagation(), f(x);
+    (C, x) => {
+      C.preventDefault(), C.stopPropagation(), f(x);
     },
     []
   ), v = _(
-    (k, x) => {
-      const C = k.relatedTarget;
-      C && k.currentTarget.contains(C) || f((w) => w === x ? null : w);
+    (C, x) => {
+      const k = C.relatedTarget;
+      k && C.currentTarget.contains(k) || f((w) => w === x ? null : w);
     },
     []
-  ), N = _(
-    (k, x) => {
+  ), A = _(
+    (C, x) => {
       var T;
-      k.preventDefault(), k.stopPropagation(), t(!1), f(null);
-      const C = x + 1, w = k.dataTransfer.getData("elementId");
+      C.preventDefault(), C.stopPropagation(), t(!1), f(null);
+      const k = x + 1, w = C.dataTransfer.getData("elementId");
       if (w) {
         r({
           draggedId: w,
           sectionId: n,
           targetGridId: e.id,
-          targetCol: C
+          targetCol: k
         });
         return;
       }
       try {
-        const A = k.dataTransfer.getData("properties");
-        if (!A) return;
-        const M = JSON.parse(A);
+        const N = C.dataTransfer.getData("properties");
+        if (!N) return;
+        const M = JSON.parse(N);
         if ((M == null ? void 0 : M.type) === "grid") return;
         const R = d.find((Y) => Y.id === n), E = (T = R == null ? void 0 : R.questionData) == null ? void 0 : T.find(
           (Y) => {
             var ee;
-            return Y.gridId === e.id && ((ee = Y.gridPosition) == null ? void 0 : ee.col) === C;
+            return Y.gridId === e.id && ((ee = Y.gridPosition) == null ? void 0 : ee.col) === k;
           }
         );
         E && c(E.id, n);
@@ -6659,28 +6659,28 @@ const fn = {
           id: ge(),
           sectionId: n,
           gridId: e.id,
-          gridPosition: { col: C }
+          gridPosition: { col: k }
         };
         u(V, n);
-      } catch (A) {
-        console.error("Drop failed in grid:", A), t(!1);
+      } catch (N) {
+        console.error("Drop failed in grid:", N), t(!1);
       }
     },
     [u, e.id, d, n, t, r]
-  ), S = (k, x, C) => {
+  ), S = (C, x, k) => {
     var ee, ae, oe;
-    const w = k + 1, T = (ae = (ee = d.find(($) => $.id === n)) == null ? void 0 : ee.questionData) == null ? void 0 : ae.find(
+    const w = C + 1, T = (ae = (ee = d.find(($) => $.id === n)) == null ? void 0 : ee.questionData) == null ? void 0 : ae.find(
       ($) => {
         var j;
         return $.gridId === e.id && ((j = $.gridPosition) == null ? void 0 : j.col) === w;
       }
-    ), A = (oe = T == null ? void 0 : T.id) != null ? oe : null, M = Array.isArray(a) && a.find(($) => {
+    ), N = (oe = T == null ? void 0 : T.id) != null ? oe : null, M = Array.isArray(a) && a.find(($) => {
       var j;
       return ((j = $ == null ? void 0 : $.props) == null ? void 0 : j.col) === w;
-    }), R = m && p === k, E = !!M, V = m && !!l, Y = E && A && C === "edit" ? {
+    }), R = m && p === C, E = !!M, V = m && !!l, Y = E && N && k === "edit" ? {
       draggable: !0,
       onDragStart: ($) => {
-        $.stopPropagation(), $.dataTransfer.setData("elementId", A), $.dataTransfer.setData("properties", A), $.dataTransfer.effectAllowed = "move", t(!0);
+        $.stopPropagation(), $.dataTransfer.setData("elementId", N), $.dataTransfer.setData("properties", N), $.dataTransfer.effectAllowed = "move", t(!0);
       },
       onDragEnd: () => {
         f(null), t(!1);
@@ -6689,18 +6689,18 @@ const fn = {
     return /* @__PURE__ */ i("div", { className: "min-w-0", children: /* @__PURE__ */ b(
       "div",
       {
-        id: `grid-cell-${e.id}-${k}`,
+        id: `grid-cell-${e.id}-${C}`,
         ...Y,
-        onDrop: ($) => N($, k),
-        onDragEnter: ($) => y($, k),
-        onDragOver: ($) => g($, k),
-        onDragLeave: ($) => v($, k),
+        onDrop: ($) => A($, C),
+        onDragEnter: ($) => y($, C),
+        onDragOver: ($) => g($, C),
+        onDragLeave: ($) => v($, C),
         className: q(
           "relative border  rounded-lg min-h-[110px] min-w-0",
           "flex items-center justify-center",
           "transition-all duration-200 ease-in-out",
-          C === "edit" ? "py-3 " : "",
-          E && C === "edit" && "cursor-grab active:cursor-grabbing border-none",
+          k === "edit" ? "py-3 " : "",
+          E && k === "edit" && "cursor-grab active:cursor-grabbing border-none",
           x,
           !V && !R && "bg-white border-gray-200 text-gray-300",
           V && !R && !E && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
@@ -6709,7 +6709,7 @@ const fn = {
           R && E && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
         ),
         children: [
-          E && C === "edit" && /* @__PURE__ */ i("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ i(J, { icon: "ph:dots-six-bold" }) }),
+          E && k === "edit" && /* @__PURE__ */ i("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ i(J, { icon: "ph:dots-six-bold" }) }),
           R && !E && /* @__PURE__ */ b("span", { className: "absolute inset-0 flex flex-col items-center justify-center gap-1 text-blue-400 text-xs font-medium pointer-events-none", children: [
             /* @__PURE__ */ i(J, { icon: "ph:plus-bold" }),
             "Drop here"
@@ -6722,12 +6722,12 @@ const fn = {
                 "w-full select-none min-w-0",
                 R && "opacity-50 pointer-events-none"
               ),
-              children: M || /* @__PURE__ */ i("span", { className: "flex items-center justify-center text-gray-300", children: C === "edit" && /* @__PURE__ */ i(J, { icon: "ph:plus-bold" }) })
+              children: M || /* @__PURE__ */ i("span", { className: "flex items-center justify-center text-gray-300", children: k === "edit" && /* @__PURE__ */ i(J, { icon: "ph:plus-bold" }) })
             }
           )
         ]
       }
-    ) }, k);
+    ) }, C);
   };
   return /* @__PURE__ */ i("div", { className: "relative w-full", children: /* @__PURE__ */ i(
     "div",
@@ -6737,7 +6737,7 @@ const fn = {
         gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`
       },
       children: h == null ? void 0 : h.map(
-        (k, x) => S(x, s, o)
+        (C, x) => S(x, s, o)
       )
     }
   ) });
@@ -6788,12 +6788,12 @@ function Qo({ elementData: e, sectionId: n }) {
   } = xe(pe), [u, t] = I(null), r = X(
     () => {
       var v;
-      return ((v = a.find((N) => N.id === n)) == null ? void 0 : v.questionData) || [];
+      return ((v = a.find((A) => A.id === n)) == null ? void 0 : v.questionData) || [];
     },
     [a, n]
   ), m = _(
-    (v, N) => {
-      v.dataTransfer.setData("elementId", N), v.dataTransfer.setData("properties", N), v.dataTransfer.effectAllowed = "move", t(N), o(!0);
+    (v, A) => {
+      v.dataTransfer.setData("elementId", A), v.dataTransfer.setData("properties", A), v.dataTransfer.effectAllowed = "move", t(A), o(!0);
     },
     [o]
   ), c = _(() => {
@@ -6805,46 +6805,46 @@ function Qo({ elementData: e, sectionId: n }) {
   const h = _(
     (v) => {
       v.preventDefault(), v.stopPropagation();
-      const N = v.dataTransfer.getData("elementId"), S = v.currentTarget.id;
-      if (!N || !S || N === S) {
+      const A = v.dataTransfer.getData("elementId"), S = v.currentTarget.id;
+      if (!A || !S || A === S) {
         c();
         return;
       }
-      const k = r.find((C) => C.id === N), x = r.findIndex(
-        (C) => C.id === S
+      const C = r.find((k) => k.id === A), x = r.findIndex(
+        (k) => k.id === S
       );
-      k != null && k.gridId && x !== -1 ? d({ draggedId: N, sectionId: n, targetIndex: x }) : d({ draggedId: N, sectionId: n, targetId: S }), t(null), o(!1);
+      C != null && C.gridId && x !== -1 ? d({ draggedId: A, sectionId: n, targetIndex: x }) : d({ draggedId: A, sectionId: n, targetId: S }), t(null), o(!1);
     },
     [n, d, o, c, r]
   ), p = _(
-    (v, N) => {
+    (v, A) => {
       v.preventDefault(), v.stopPropagation(), o(!1);
       const S = v.dataTransfer.getData("elementId");
       if (S) {
-        d({ draggedId: S, sectionId: n, targetIndex: N }), t(null);
+        d({ draggedId: S, sectionId: n, targetIndex: A }), t(null);
         return;
       }
       try {
-        const k = JSON.parse(v.dataTransfer.getData("properties"));
-        if ((k == null ? void 0 : k.type) === "section") return;
-        const x = { ...k, id: ge(), sectionId: n };
-        l(x, n, N), t(null);
-      } catch (k) {
-        console.error("Drop error:", k);
+        const C = JSON.parse(v.dataTransfer.getData("properties"));
+        if ((C == null ? void 0 : C.type) === "section") return;
+        const x = { ...C, id: ge(), sectionId: n };
+        l(x, n, A), t(null);
+      } catch (C) {
+        console.error("Drop error:", C);
       }
     },
     [l, n, o, d]
   ), f = _(
-    (v, N = !1) => /* @__PURE__ */ i(
+    (v, A = !1) => /* @__PURE__ */ i(
       "div",
       {
         id: v.id,
         draggable: !0,
         onDragStart: (S) => m(S, v.id),
-        onDragOver: N ? void 0 : (S) => {
+        onDragOver: A ? void 0 : (S) => {
           S.preventDefault(), S.stopPropagation();
         },
-        onDrop: N ? void 0 : h,
+        onDrop: A ? void 0 : h,
         onDragEnd: c,
         className: q(
           "cursor-grab active:cursor-grabbing border p-4 w-full rounded-lg",
@@ -6856,7 +6856,7 @@ function Qo({ elementData: e, sectionId: n }) {
       v.id
     ),
     [u, h, n, m, c]
-  ), g = X(() => (e == null ? void 0 : e.reduce((v, N) => (N.gridId && (v[N.gridId] = v[N.gridId] || [], v[N.gridId].push(N)), v), {})) || {}, [e]);
+  ), g = X(() => (e == null ? void 0 : e.reduce((v, A) => (A.gridId && (v[A.gridId] = v[A.gridId] || [], v[A.gridId].push(A)), v), {})) || {}, [e]);
   if (!(e != null && e.length))
     return /* @__PURE__ */ i(
       "div",
@@ -6880,25 +6880,25 @@ function Qo({ elementData: e, sectionId: n }) {
       }
     ),
     y.map((v) => {
-      const N = r.findIndex((S) => S.id === v.id);
+      const A = r.findIndex((S) => S.id === v.id);
       if (v.type === "grid") {
-        const S = g[v.id] || [], k = u === v.id, x = !!u && !k;
+        const S = g[v.id] || [], C = u === v.id, x = !!u && !C;
         return /* @__PURE__ */ b("div", { className: "flex flex-col gap-0", children: [
           /* @__PURE__ */ i(
             "div",
             {
               id: v.id,
               draggable: !0,
-              onDragStart: (C) => m(C, v.id),
-              onDragOver: (C) => {
-                C.preventDefault(), C.stopPropagation();
+              onDragStart: (k) => m(k, v.id),
+              onDragOver: (k) => {
+                k.preventDefault(), k.stopPropagation();
               },
               onDrop: h,
               onDragEnd: c,
               className: q(
                 "w-full p-4 border rounded-lg cursor-grab active:cursor-grabbing",
                 "transition-all duration-200 ease-in-out",
-                k ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner" : x ? "bg-white border-dashed border-blue-200" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
+                C ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner" : x ? "bg-white border-dashed border-blue-200" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
               ),
               children: /* @__PURE__ */ i(Ti, { element: v, state: "edit", children: /* @__PURE__ */ i(
                 ei,
@@ -6908,9 +6908,9 @@ function Qo({ elementData: e, sectionId: n }) {
                   state: $o,
                   draggedElementId: u,
                   children: S == null ? void 0 : S.map(
-                    (C) => {
+                    (k) => {
                       var w;
-                      return /* @__PURE__ */ i(Xe, { col: (w = C.gridPosition) == null ? void 0 : w.col, children: f(C, !0) }, C.id);
+                      return /* @__PURE__ */ i(Xe, { col: (w = k.gridPosition) == null ? void 0 : w.col, children: f(k, !0) }, k.id);
                     }
                   )
                 }
@@ -6920,7 +6920,7 @@ function Qo({ elementData: e, sectionId: n }) {
           /* @__PURE__ */ i(
             ti,
             {
-              index: N + 1,
+              index: A + 1,
               isDragging: s,
               onDrop: p,
               onDragEnd: c
@@ -6933,7 +6933,7 @@ function Qo({ elementData: e, sectionId: n }) {
         /* @__PURE__ */ i(
           ti,
           {
-            index: N + 1,
+            index: A + 1,
             isDragging: s,
             onDrop: p,
             onDragEnd: c
@@ -7260,30 +7260,32 @@ const Xo = Ze(Qo), es = D.object({
   isDragging: c,
   onReorderSection: h
 }) => {
-  var g, y;
-  const p = re(null), f = re((g = e == null ? void 0 : e.questionData) == null ? void 0 : g.length);
+  var y, v;
+  const p = re(null), f = re((y = e == null ? void 0 : e.questionData) == null ? void 0 : y.length), g = re(c);
   return G(() => {
-    var v, N;
-    if (((v = e == null ? void 0 : e.questionData) == null ? void 0 : v.length) > f.current && !c) {
-      const S = document.getElementById("section-container");
-      S && requestAnimationFrame(() => {
-        S.scrollTo({
-          top: S.scrollHeight,
+    var A, S;
+    if (((A = e == null ? void 0 : e.questionData) == null ? void 0 : A.length) > f.current && !c && !g.current) {
+      const C = document.getElementById("section-container");
+      C && requestAnimationFrame(() => {
+        C.scrollTo({
+          top: C.scrollHeight,
           behavior: "smooth"
         });
       });
     }
-    f.current = (N = e == null ? void 0 : e.questionData) == null ? void 0 : N.length;
-  }, [(y = e == null ? void 0 : e.questionData) == null ? void 0 : y.length, c]), /* @__PURE__ */ i(
+    f.current = (S = e == null ? void 0 : e.questionData) == null ? void 0 : S.length;
+  }, [(v = e == null ? void 0 : e.questionData) == null ? void 0 : v.length, c]), G(() => {
+    g.current = c;
+  }, [c]), /* @__PURE__ */ i(
     "div",
     {
       ref: p,
-      onDragOver: (v) => {
-        v.dataTransfer.types.includes("sectionid") && v.preventDefault();
+      onDragOver: (A) => {
+        A.dataTransfer.types.includes("sectionid") && A.preventDefault();
       },
-      onDrop: (v) => {
-        const N = v.dataTransfer.getData("sectionid");
-        N && (v.preventDefault(), v.stopPropagation(), h && h(N, e.id));
+      onDrop: (A) => {
+        const S = A.dataTransfer.getData("sectionid");
+        S && (A.preventDefault(), A.stopPropagation(), h && h(S, e.id));
       },
       className: "bg-white group cursor-pointer rounded-lg  shadow-[rgba(149,157,165,0.2)_0px_2px_2px] transition-colors duration-200",
       children: /* @__PURE__ */ b(
@@ -7297,8 +7299,8 @@ const Xo = Ze(Qo), es = D.object({
                 "div",
                 {
                   draggable: !0,
-                  onDragStart: (v) => {
-                    v.dataTransfer.setData("sectionid", e.id), v.dataTransfer.effectAllowed = "move", m(!0);
+                  onDragStart: (A) => {
+                    A.dataTransfer.setData("sectionid", e.id), A.dataTransfer.effectAllowed = "move", m(!0);
                   },
                   onDragEnd: () => m(!1),
                   onClick: () => s(e.id),
@@ -7385,7 +7387,7 @@ const Xo = Ze(Qo), es = D.object({
     activeSections: g,
     setActiveSections: y,
     setFormData: v,
-    isDragging: N
+    isDragging: A
   } = xe(pe), S = re((c == null ? void 0 : c.length) || 0);
   G(() => {
     var M;
@@ -7399,7 +7401,7 @@ const Xo = Ze(Qo), es = D.object({
       });
     }), S.current = (c == null ? void 0 : c.length) || 0;
   }, [c == null ? void 0 : c.length]);
-  const k = _((M) => {
+  const C = _((M) => {
     M.preventDefault(), M.dataTransfer.dropEffect = "move";
   }, []), x = _((M, R) => {
     v((E) => {
@@ -7409,7 +7411,7 @@ const Xo = Ze(Qo), es = D.object({
       return ee.splice(Y, 0, ae), ee;
     });
   }, [v]);
-  function C(M) {
+  function k(M) {
     g.includes(M) ? y(
       (R) => R.filter((E) => E !== M)
     ) : y((R) => [...R, M]);
@@ -7439,7 +7441,7 @@ const Xo = Ze(Qo), es = D.object({
       });
       c.length === 1 && c[0].title === "" && c[0].description === "" && (!((E = c[0]) != null && E.questionData) || ((Y = (V = c[0]) == null ? void 0 : V.questionData) == null ? void 0 : Y.length) === 0) ? (v(oe), oe.length > 0 && p((ee = oe[0]) == null ? void 0 : ee.id)) : v((j) => [...j, ...oe]);
     }
-  }, A = ue("config");
+  }, N = ue("config");
   return /* @__PURE__ */ b(
     "div",
     {
@@ -7469,13 +7471,13 @@ const Xo = Ze(Qo), es = D.object({
                     selectedSection: f,
                     setSelectedSection: p,
                     activeSections: g,
-                    toggleSection: C,
+                    toggleSection: k,
                     handleSectionEdit: w,
                     removeSection: r,
                     formDataLength: c.length,
-                    onDragOver: k,
+                    onDragOver: C,
                     setIsDragging: h,
-                    isDragging: N,
+                    isDragging: A,
                     onReorderSection: x
                   },
                   M.id
@@ -7487,7 +7489,7 @@ const Xo = Ze(Qo), es = D.object({
                   {
                     type: "button",
                     onClick: () => m(),
-                    style: { color: (A == null ? void 0 : A.buttonColor) || "#333" },
+                    style: { color: (N == null ? void 0 : N.buttonColor) || "#333" },
                     className: "text-sm font-medium",
                     children: [
                       "+ Add section",
@@ -7502,7 +7504,7 @@ const Xo = Ze(Qo), es = D.object({
                     onClick: () => {
                       a != null && a.length ? d(!0) : e && e();
                     },
-                    style: { color: (A == null ? void 0 : A.buttonColor) || "#333" },
+                    style: { color: (N == null ? void 0 : N.buttonColor) || "#333" },
                     className: "text-sm font-medium",
                     children: "+ Add existing template"
                   }
@@ -7569,7 +7571,7 @@ const Xo = Ze(Qo), es = D.object({
     const a = ue("config"), s = (a == null ? void 0 : a.loaderColor) || "#333";
     document.documentElement.style.setProperty("--loader-color", s);
   }, []), /* @__PURE__ */ i("div", { className: n, children: /* @__PURE__ */ i("span", { className: "loader" }) });
-}, ds = le.lazy(() => import("./logic-flow-DG1M8dil.js"));
+}, ds = le.lazy(() => import("./logic-flow-Bl4k5PL3.js"));
 function us({
   questionData: e,
   uploadUrl: n,
@@ -7898,8 +7900,8 @@ function vs({
     redo: g,
     canUndo: y,
     canRedo: v
-  } = xe(pe), [N, S] = I(!1), [k, x] = I(!1), [C, w] = I(e || ""), T = ue("config");
-  function A() {
+  } = xe(pe), [A, S] = I(!1), [C, x] = I(!1), [k, w] = I(e || ""), T = ue("config");
+  function N() {
     try {
       localStorage.setItem("formData", JSON.stringify(c));
     } catch (E) {
@@ -7916,7 +7918,7 @@ function vs({
     s == null || s(c);
   }
   function R() {
-    x(!1), u && C !== e && u(C.trim());
+    x(!1), u && k !== e && u(k.trim());
   }
   return /* @__PURE__ */ b("div", { className: "px-[30px] py-3 flex justify-between items-center bg-[#F9F9FB] top_bar border-b h-full", children: [
     /* @__PURE__ */ b("span", { className: "flex items-center gap-x-2", children: [
@@ -7931,11 +7933,11 @@ function vs({
         }
       ),
       " ",
-      k ? /* @__PURE__ */ i(
+      C ? /* @__PURE__ */ i(
         "input",
         {
           type: "text",
-          value: C,
+          value: k,
           onChange: (E) => w(E.target.value),
           onBlur: R,
           autoFocus: !0,
@@ -7947,14 +7949,14 @@ function vs({
           title: "Click to edit",
           className: "text-base font-semibold cursor-pointer form_title",
           onClick: () => x(!0),
-          children: C || "Untitled"
+          children: k || "Untitled"
         }
       )
     ] }),
-    N && /* @__PURE__ */ i(
+    A && /* @__PURE__ */ i(
       ms,
       {
-        isOpen: N,
+        isOpen: A,
         onClose: () => S(!1),
         element: void 0
       }
@@ -8046,7 +8048,7 @@ function vs({
       /* @__PURE__ */ i(
         ke,
         {
-          onClick: A,
+          onClick: N,
           text: "Save",
           btnClass: "px-2  bg-transparent font-medium text-sm form_save__btn",
           icon: "lets-icons:save-duotone",
@@ -8545,7 +8547,7 @@ const ks = ({
       } : H;
     }),
     [e]
-  ), N = (Be = v == null ? void 0 : v.length) != null ? Be : 0, S = ue("config"), k = _(
+  ), A = (Be = v == null ? void 0 : v.length) != null ? Be : 0, S = ue("config"), C = _(
     async (H, F, W) => {
       const Q = xs({
         formData: v,
@@ -8557,14 +8559,14 @@ const ks = ({
     },
     [v, l]
   ), x = Si({
-    resolver: k,
+    resolver: C,
     mode: "onSubmit",
     defaultValues: {}
   }), {
-    register: C,
+    register: k,
     setValue: w,
     control: T,
-    handleSubmit: A,
+    handleSubmit: N,
     reset: M,
     getValues: R,
     watch: E,
@@ -8655,7 +8657,7 @@ const ks = ({
         const Q = W.gridChildren ? W.gridChildren.map((de) => de.id) : [W.id];
         if (!await ee(Q)) return;
       }
-      g < me.length - 1 ? y((W) => W + 1) : A(Se)();
+      g < me.length - 1 ? y((W) => W + 1) : N(Se)();
       return;
     }
     if (!a) {
@@ -8673,7 +8675,7 @@ const ks = ({
     a,
     ee,
     d,
-    A,
+    N,
     Se
   ]), be = _(() => {
     if (d === "conversational") {
@@ -8683,7 +8685,7 @@ const ks = ({
     f((H) => H - 1);
   }, [d]), Ne = X(
     () => ({
-      register: C,
+      register: k,
       setValue: w,
       watch: E,
       errors: V,
@@ -8696,7 +8698,7 @@ const ks = ({
       apiActivityCount: h
     }),
     [
-      C,
+      k,
       w,
       E,
       V,
@@ -8714,7 +8716,7 @@ const ks = ({
     /* @__PURE__ */ b(
       "form",
       {
-        onSubmit: A(Se),
+        onSubmit: N(Se),
         className: "container h-full mx-auto",
         children: [
           /* @__PURE__ */ i("div", { className: "relative flex flex-col w-full min-w-0 py-4 gap-y-12", children: /* @__PURE__ */ b(
@@ -8778,7 +8780,7 @@ const ks = ({
                   }
                 )
               ] }),
-              p < N - 1 && /* @__PURE__ */ i(
+              p < A - 1 && /* @__PURE__ */ i(
                 ke,
                 {
                   type: "button",
@@ -8789,7 +8791,7 @@ const ks = ({
                 }
               )
             ] }),
-            (p === N - 1 || l) && !a && ((U = typeof u == "function" ? u({ isUploading: h > 0, isSubmitting: Y, hasErrors: Object.keys(V).length > 0 }) : u) != null ? U : /* @__PURE__ */ i(
+            (p === A - 1 || l) && !a && ((U = typeof u == "function" ? u({ isUploading: h > 0, isSubmitting: Y, hasErrors: Object.keys(V).length > 0 }) : u) != null ? U : /* @__PURE__ */ i(
               ke,
               {
                 isDisabled: Y || Object.keys(V).length > 0 || h > 0,