@arudovwen/form-builder-react 1.6.9 → 1.7.1

package/dist/{index-wS1880WB.js → index-CAKsnsol.js}

@@ -9,7 +9,7 @@ import Ye from "react-currency-input-field";
 import { createPortal as Cn } from "react-dom";
 import { appendErrors as Mn, useForm as yi, useFieldArray as ei, useWatch as wn, FormProvider as Tn } from "react-hook-form";
 import { validateFieldsNatively as Bn, toNestErrors as En } from "@hookform/resolvers";
-import * as D from "yup";
+import * as R from "yup";
 import Ln from "papaparse";
 import * as Bi from "xlsx";
 import { Link as Pn } from "react-router-dom";
@@ -47,8 +47,8 @@ const re = fn(void 0), Ei = {
     c((H) => {
       const J = typeof O == "function" ? O(H) : O;
       if (JSON.stringify(H) !== JSON.stringify(J)) {
-        const T = Date.now();
-        v((P) => P.length > 0 && JSON.stringify(P[P.length - 1]) === JSON.stringify(H) ? P : T - f.current < 800 && P.length > 0 ? (f.current = T, P) : (f.current = T, [...P, H])), y([]);
+        const B = Date.now();
+        v((P) => P.length > 0 && JSON.stringify(P[P.length - 1]) === JSON.stringify(H) ? P : B - f.current < 800 && P.length > 0 ? (f.current = B, P) : (f.current = B, [...P, H])), y([]);
       }
       return J;
     });
@@ -60,53 +60,53 @@ const re = fn(void 0), Ei = {
     if (h.length === 0) return;
     const O = h[0], H = h.slice(1);
     y(H), v([...m, r]), c(O), a == null || a("REDO", null);
-  }, [m, h, r, a]), C = r, S = m.length > 0, x = h.length > 0, [M, k] = I(!1), [L, A] = I(null), [w, R] = I([
+  }, [m, h, r, a]), k = r, S = m.length > 0, x = h.length > 0, [C, M] = I(!1), [w, A] = I(null), [T, D] = I([
     0
-  ]), [B, z] = I(""), $ = ne.useCallback(() => {
+  ]), [E, z] = I(""), $ = ne.useCallback(() => {
   }, []), ae = ne.useCallback(() => {
     const O = be();
-    p((H) => [...H, { ...Ei, id: O }]), A(O), R([C.length]), a == null || a("ADD_SECTION", { sectionId: O });
-  }, [C, a, p]), X = ne.useCallback((O) => {
+    p((H) => [...H, { ...Ei, id: O }]), A(O), D([k.length]), a == null || a("ADD_SECTION", { sectionId: O });
+  }, [k, a, p]), X = ne.useCallback((O) => {
     p(
       (H) => H.filter((J) => J.id !== O)
     ), A(null), a == null || a("REMOVE_SECTION", { sectionId: O });
   }, [a, p]), te = ne.useCallback(
     (O, H) => {
-      const J = C.find((P) => P.id === H), T = J == null ? void 0 : J.questionData.find(
+      const J = k.find((P) => P.id === H), B = J == null ? void 0 : J.questionData.find(
         (P) => P.id === O
       );
-      T && (p(
+      B && (p(
         (P) => P == null ? void 0 : P.map(
           (U) => U.id === H ? {
             ...U,
-            questionData: U.questionData.filter((E) => T.type === "grid" ? E.gridId !== T.id && E.id !== T.id : E.id !== O)
+            questionData: U.questionData.filter((L) => B.type === "grid" ? L.gridId !== B.id && L.id !== B.id : L.id !== O)
           } : U
         )
       ), a == null || a("REMOVE_ELEMENT", { sectionId: H, elementId: O }));
     },
-    [C, p, a]
+    [k, p, a]
   ), _ = ne.useCallback(
     (O, H) => {
-      const J = C.find((E) => E.id === H);
+      const J = k.find((L) => L.id === H);
       if (!J) return;
-      const T = J.questionData.findIndex(
-        (E) => E.id === O
+      const B = J.questionData.findIndex(
+        (L) => L.id === O
       );
-      if (T === -1) return;
-      const P = J.questionData[T], U = (E, Y = {}) => ({
-        ...JSON.parse(JSON.stringify(E)),
+      if (B === -1) return;
+      const P = J.questionData[B], U = (L, Y = {}) => ({
+        ...JSON.parse(JSON.stringify(L)),
         id: be(),
         ...Y
       });
       p(
-        (E) => E == null ? void 0 : E.map((Y) => {
+        (L) => L == null ? void 0 : L.map((Y) => {
           var F;
           if (Y.id !== H) return Y;
           const K = [...Y.questionData];
           if (P.type === "grid") {
             const oe = (F = K == null ? void 0 : K.map((pe, Xe) => ({ e: pe, i: Xe })).filter(
               ({ e: pe }) => pe.id === P.id || pe.gridId === P.id
-            )) == null ? void 0 : F.map(({ i: pe }) => pe), ce = oe.length ? Math.max(...oe) + 1 : T + 1, le = be(), ve = U(P, {});
+            )) == null ? void 0 : F.map(({ i: pe }) => pe), ce = oe.length ? Math.max(...oe) + 1 : B + 1, le = be(), ve = U(P, {});
             ve.id = le;
             const de = K.filter((pe) => pe.gridId === P.id), xe = de == null ? void 0 : de.map(
               (pe) => U(pe, { gridId: le })
@@ -120,7 +120,7 @@ const re = fn(void 0), Ei = {
           } else if (P.gridId) {
             const { gridId: oe, gridPosition: ce, ...le } = P, ve = U(le, {}), de = K.reduce(
               (Te, pe, Xe) => pe.id === P.gridId || pe.gridId === P.gridId ? Xe : Te,
-              T
+              B
             ), xe = [
               ...K.slice(0, de + 1),
               ve,
@@ -129,21 +129,21 @@ const re = fn(void 0), Ei = {
             return { ...Y, questionData: xe };
           } else {
             const oe = U(P, {}), ce = [
-              ...K.slice(0, T + 1),
+              ...K.slice(0, B + 1),
               oe,
-              ...K.slice(T + 1)
+              ...K.slice(B + 1)
             ];
             return { ...Y, questionData: ce };
           }
         })
       ), a == null || a("DUPLICATE_ELEMENT", { sectionId: H, elementId: O });
     },
-    [C, p, a]
+    [k, p, a]
   ), j = ne.useCallback(
     (O, H) => {
       p(
         (J) => J == null ? void 0 : J.map(
-          (T) => T.id === H ? { ...T, questionData: O } : T
+          (B) => B.id === H ? { ...B, questionData: O } : B
         )
       ), a == null || a("UPDATE_ELEMENT_POSITION", { sectionId: H });
     },
@@ -151,16 +151,16 @@ const re = fn(void 0), Ei = {
   ), ye = ne.useCallback((O, H) => {
     p(
       (J) => J == null ? void 0 : J.map(
-        (T) => T.id === H ? {
-          ...T,
-          questionData: [...T.questionData, O]
-        } : T
+        (B) => B.id === H ? {
+          ...B,
+          questionData: [...B.questionData, O]
+        } : B
       )
     ), a == null || a("ADD_ELEMENT", { sectionId: H, element: O });
   }, [p, a]), Ne = ne.useCallback(
     (O, H, J) => {
       p(
-        (T) => T == null ? void 0 : T.map(
+        (B) => B == null ? void 0 : B.map(
           (P) => P.id === H ? {
             ...P,
             questionData: [
@@ -176,25 +176,25 @@ const re = fn(void 0), Ei = {
   ), Me = ne.useCallback(
     (O, H, J) => {
       p(
-        (T) => T == null ? void 0 : T.map(
+        (B) => B == null ? void 0 : B.map(
           (P) => {
             var U;
             return P.id === J ? {
               ...P,
               questionData: (U = P.questionData) == null ? void 0 : U.map(
-                (E) => {
+                (L) => {
                   var Y;
-                  return E.type === "grid" && E.gridData ? {
-                    ...E,
-                    gridData: (Y = E.gridData) == null ? void 0 : Y.map(
+                  return L.type === "grid" && L.gridData ? {
+                    ...L,
+                    gridData: (Y = L.gridData) == null ? void 0 : Y.map(
                       (K, F) => F === O ? {
                         ...K,
                         ...H
                       } : K
                     ).concat(
-                      O >= E.gridData.length ? { ...H } : []
+                      O >= L.gridData.length ? { ...H } : []
                     )
-                  } : E;
+                  } : L;
                 }
               )
             } : P;
@@ -206,26 +206,26 @@ const re = fn(void 0), Ei = {
   ), he = ne.useCallback((O, H) => {
     p(
       (J) => J == null ? void 0 : J.map(
-        (T) => {
+        (B) => {
           var P;
-          return T.id === H ? {
-            ...T,
-            questionData: (P = T.questionData) == null ? void 0 : P.map(
+          return B.id === H ? {
+            ...B,
+            questionData: (P = B.questionData) == null ? void 0 : P.map(
               (U) => U.id === O.id ? { ...U, ...O } : U
             )
-          } : T;
+          } : B;
         }
       )
     ), a == null || a("UPDATE_ELEMENT", { sectionId: H, value: O });
-  }, [p, a]), Ae = ne.useCallback(
+  }, [p, a]), Se = ne.useCallback(
     (O) => {
       const {
         draggedId: H,
         sectionId: J,
-        targetIndex: T,
+        targetIndex: B,
         targetId: P,
         targetGridId: U,
-        targetCol: E
+        targetCol: L
       } = O;
       p(
         (Y) => Y.map((K) => {
@@ -233,19 +233,19 @@ const re = fn(void 0), Ei = {
           const F = [...K.questionData], oe = F.findIndex((le) => le.id === H);
           if (oe === -1) return K;
           const ce = { ...F[oe] };
-          if (U !== void 0 && E !== void 0) {
+          if (U !== void 0 && L !== void 0) {
             if (ce.type === "grid") return K;
             const le = F.findIndex(
               (de) => {
                 var xe;
-                return de.id !== H && de.gridId === U && ((xe = de.gridPosition) == null ? void 0 : xe.col) === E;
+                return de.id !== H && de.gridId === U && ((xe = de.gridPosition) == null ? void 0 : xe.col) === L;
               }
             );
             let ve = F.map(
               (de) => de.id === H ? {
                 ...de,
                 gridId: U,
-                gridPosition: { col: E }
+                gridPosition: { col: L }
               } : de
             );
             return le !== -1 && (ve = ve.map((de, xe) => {
@@ -254,15 +254,15 @@ const re = fn(void 0), Ei = {
               return delete Te.gridId, delete Te.gridPosition, Te;
             })), { ...K, questionData: ve };
           }
-          if (ce.gridId && T !== void 0 && U === void 0) {
+          if (ce.gridId && B !== void 0 && U === void 0) {
             const le = { ...ce };
             delete le.gridId, delete le.gridPosition;
-            const ve = F.filter((xe) => xe.id !== H), de = Math.min(T, ve.length);
+            const ve = F.filter((xe) => xe.id !== H), de = Math.min(B, ve.length);
             return ve.splice(de, 0, le), { ...K, questionData: ve };
           }
-          if (!ce.gridId && T !== void 0 && U === void 0 && !P) {
+          if (!ce.gridId && B !== void 0 && U === void 0 && !P) {
             F.splice(oe, 1);
-            const le = Math.min(T, F.length);
+            const le = Math.min(B, F.length);
             return F.splice(le, 0, ce), { ...K, questionData: F };
           }
           if (P) {
@@ -277,15 +277,15 @@ const re = fn(void 0), Ei = {
   ), we = ne.useCallback((O, H) => {
     p(
       (J) => J == null ? void 0 : J.map(
-        (T) => T.id === H ? {
-          ...T,
+        (B) => B.id === H ? {
+          ...B,
           ...O
-        } : T
+        } : B
       )
     ), a == null || a("UPDATE_SECTION", { sectionId: H, value: O });
   }, [p, a]), Ee = Q(
     () => ({
-      formData: C,
+      formData: k,
       setFormData: p,
       handleDragStop: $,
       removeElement: te,
@@ -298,19 +298,19 @@ const re = fn(void 0), Ei = {
       addSection: ae,
       removeSection: X,
       updateSection: we,
-      isDragging: M,
-      setIsDragging: k,
-      selectedSection: L,
+      isDragging: C,
+      setIsDragging: M,
+      selectedSection: w,
       setSelectedSection: A,
-      activeSections: w,
-      setActiveSections: R,
+      activeSections: T,
+      setActiveSections: D,
       updateGridElement: Me,
       answerData: l,
       setAnswerData: d,
-      uploadUrl: B,
+      uploadUrl: E,
       setUploadUrl: z,
       duplicateElement: _,
-      moveElement: Ae,
+      moveElement: Se,
       showPreview: s,
       setShowPreview: o,
       undo: g,
@@ -319,7 +319,7 @@ const re = fn(void 0), Ei = {
       canRedo: x
     }),
     [
-      C,
+      k,
       $,
       te,
       u,
@@ -330,14 +330,14 @@ const re = fn(void 0), Ei = {
       ae,
       X,
       we,
-      M,
-      L,
+      C,
       w,
+      T,
       Me,
       l,
-      B,
+      E,
       _,
-      Ae,
+      Se,
       s,
       g,
       N,
@@ -863,10 +863,10 @@ function Yn(e, n) {
   let l = a.body;
   [a, s].forEach((f) => {
     const p = [], g = f.hFlip, N = f.vFlip;
-    let C = f.rotate;
-    g ? N ? C += 2 : (p.push("translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"), p.push("scale(-1 1)"), o.top = o.left = 0) : N && (p.push("translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"), p.push("scale(1 -1)"), o.top = o.left = 0);
+    let k = f.rotate;
+    g ? N ? k += 2 : (p.push("translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"), p.push("scale(-1 1)"), o.top = o.left = 0) : N && (p.push("translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"), p.push("scale(1 -1)"), o.top = o.left = 0);
     let S;
-    switch (C < 0 && (C -= Math.floor(C / 4) * 4), C = C % 4, C) {
+    switch (k < 0 && (k -= Math.floor(k / 4) * 4), k = k % 4, k) {
       case 1:
         S = o.height / 2 + o.top, p.unshift("rotate(90 " + S.toString() + " " + S.toString() + ")");
         break;
@@ -877,7 +877,7 @@ function Yn(e, n) {
         S = o.width / 2 + o.left, p.unshift("rotate(-90 " + S.toString() + " " + S.toString() + ")");
         break;
     }
-    C % 2 === 1 && (o.left !== o.top && (S = o.left, o.left = o.top, o.top = S), o.width !== o.height && (S = o.width, o.width = o.height, o.height = S)), p.length && (l = qn(l, '<g transform="' + p.join(" ") + '">', "</g>"));
+    k % 2 === 1 && (o.left !== o.top && (S = o.left, o.left = o.top, o.top = S), o.width !== o.height && (S = o.width, o.width = o.height, o.height = S)), p.length && (l = qn(l, '<g transform="' + p.join(" ") + '">', "</g>"));
   });
   const d = s.width, u = s.height, t = o.width, r = o.height;
   let c, m;
@@ -1135,12 +1135,12 @@ function pa(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 M = e.resources.slice(0);
-    for (d = []; M.length > 1; ) {
-      const k = Math.floor(Math.random() * M.length);
-      d.push(M[k]), M = M.slice(0, k).concat(M.slice(k + 1));
+    let C = e.resources.slice(0);
+    for (d = []; C.length > 1; ) {
+      const M = Math.floor(Math.random() * C.length);
+      d.push(C[M]), C = C.slice(0, M).concat(C.slice(M + 1));
     }
-    d = d.concat(M);
+    d = d.concat(C);
   } else d = e.resources.slice(l).concat(e.resources.slice(0, l));
   const u = Date.now();
   let t = "pending", r = 0, c, m = null, v = [], h = [];
@@ -1149,12 +1149,12 @@ function pa(e, n, a, s) {
     m && (clearTimeout(m), m = null);
   }
   function f() {
-    t === "pending" && (t = "aborted"), y(), v.forEach((M) => {
-      M.status === "pending" && (M.status = "aborted");
+    t === "pending" && (t = "aborted"), y(), v.forEach((C) => {
+      C.status === "pending" && (C.status = "aborted");
     }), v = [];
   }
-  function p(M, k) {
-    k && (h = []), typeof M == "function" && h.push(M);
+  function p(C, M) {
+    M && (h = []), typeof C == "function" && h.push(C);
   }
   function g() {
     return {
@@ -1168,18 +1168,18 @@ function pa(e, n, a, s) {
     };
   }
   function N() {
-    t = "failed", h.forEach((M) => {
-      M(void 0, c);
+    t = "failed", h.forEach((C) => {
+      C(void 0, c);
     });
   }
-  function C() {
-    v.forEach((M) => {
-      M.status === "pending" && (M.status = "aborted");
+  function k() {
+    v.forEach((C) => {
+      C.status === "pending" && (C.status = "aborted");
     }), v = [];
   }
-  function S(M, k, L) {
-    const A = k !== "success";
-    switch (v = v.filter((w) => w !== M), t) {
+  function S(C, M, w) {
+    const A = M !== "success";
+    switch (v = v.filter((T) => T !== C), t) {
       case "pending":
         break;
       case "failed":
@@ -1188,44 +1188,44 @@ function pa(e, n, a, s) {
       default:
         return;
     }
-    if (k === "abort") {
-      c = L, N();
+    if (M === "abort") {
+      c = w, N();
       return;
     }
     if (A) {
-      c = L, v.length || (d.length ? x() : N());
+      c = w, v.length || (d.length ? x() : N());
       return;
     }
-    if (y(), C(), !e.random) {
-      const w = e.resources.indexOf(M.resource);
-      w !== -1 && w !== e.index && (e.index = w);
+    if (y(), k(), !e.random) {
+      const T = e.resources.indexOf(C.resource);
+      T !== -1 && T !== e.index && (e.index = T);
     }
-    t = "completed", h.forEach((w) => {
-      w(L);
+    t = "completed", h.forEach((T) => {
+      T(w);
     });
   }
   function x() {
     if (t !== "pending") return;
     y();
-    const M = d.shift();
-    if (M === void 0) {
+    const C = d.shift();
+    if (C === void 0) {
       if (v.length) {
         m = setTimeout(() => {
-          y(), t === "pending" && (C(), N());
+          y(), t === "pending" && (k(), N());
         }, e.timeout);
         return;
       }
       N();
       return;
     }
-    const k = {
+    const M = {
       status: "pending",
-      resource: M,
-      callback: (L, A) => {
-        S(k, L, A);
+      resource: C,
+      callback: (w, A) => {
+        S(M, w, A);
       }
     };
-    v.push(k), r++, m = setTimeout(x, e.rotate), a(M, n, k.callback);
+    v.push(M), r++, m = setTimeout(x, e.rotate), a(C, n, M.callback);
   }
   return setTimeout(x), g;
 }
@@ -1513,8 +1513,8 @@ const Ia = (e, n, a) => {
         "provider",
         "prefix"
       ];
-      for (const C of N)
-        p[C] && g.push("iconify--" + p[C]);
+      for (const k of N)
+        p[k] && g.push("iconify--" + p[k]);
       t.className = g.join(" ");
     }
   }
@@ -1949,15 +1949,15 @@ function Ha({
     [l]
   ), y = Z(
     async (S) => {
-      var k, L;
-      const x = se("token"), M = ((k = se("orgData")) == null ? void 0 : k.id) || se("organizationId");
+      var M, w;
+      const x = se("token"), C = ((M = se("orgData")) == null ? void 0 : M.id) || se("organizationId");
       try {
         const { data: A } = await Be.post(
           d,
           {
             ...S,
             service: "FORM",
-            organizationId: M || ""
+            organizationId: C || ""
           },
           {
             headers: {
@@ -1965,50 +1965,50 @@ function Ha({
             }
           }
         );
-        return (L = A == null ? void 0 : A.data) == null ? void 0 : L.url;
+        return (w = A == null ? void 0 : A.data) == null ? void 0 : w.url;
       } catch (A) {
         throw console.error("File upload error:", A), new Error("Failed to upload file to server");
       }
     },
     [d]
   ), f = Z(
-    (S) => new Promise((x, M) => {
-      const k = new FileReader();
-      k.onloadend = async () => {
+    (S) => new Promise((x, C) => {
+      const M = new FileReader();
+      M.onloadend = async () => {
         try {
-          const L = k.result.replace(
+          const w = M.result.replace(
             /^data:.*;base64,/,
             ""
           ), A = d ? await y({
-            base64: L,
+            base64: w,
             ext: `.${S.name.split(".").pop()}`,
             fileName: S.name
-          }) : k.result;
+          }) : M.result;
           x({
             base64: A,
             type: S.type,
             name: S.name
           });
-        } catch (L) {
-          M(L);
+        } catch (w) {
+          C(w);
         }
-      }, k.onerror = () => M(new Error("File read failed")), k.readAsDataURL(S);
+      }, M.onerror = () => C(new Error("File read failed")), M.readAsDataURL(S);
     }),
     [d, y]
   ), p = Z(
     (S) => {
-      var M;
-      const x = v ? (M = v.split(",")) == null ? void 0 : M.map((k) => k.trim()) : [];
-      for (const k of S) {
-        if (k.size > ja)
+      var C;
+      const x = v ? (C = v.split(",")) == null ? void 0 : C.map((M) => M.trim()) : [];
+      for (const M of S) {
+        if (M.size > ja)
           return fe.error(
-            `File "${k.name}" exceeds 5MB limit (${(k.size / 1024 / 1024).toFixed(2)}MB)`
+            `File "${M.name}" exceeds 5MB limit (${(M.size / 1024 / 1024).toFixed(2)}MB)`
           ), !1;
         if (x.length && !x.some(
-          (L) => k.type === L || k.name.toLowerCase().endsWith(L.replace("*", ""))
+          (w) => M.type === w || M.name.toLowerCase().endsWith(w.replace("*", ""))
         ))
           return fe.error(
-            `File "${k.name}" is not an allowed type. Allowed: ${h || "any"}`
+            `File "${M.name}" is not an allowed type. Allowed: ${h || "any"}`
           ), !1;
       }
       return !0;
@@ -2024,10 +2024,10 @@ function Ha({
         }
         try {
           m(!0);
-          const M = await Promise.all(x == null ? void 0 : x.map(f)), k = s && t ? [...t, ...M] : M;
-          r(k), e(k), fe.success(`Successfully uploaded ${x.length} file(s)`);
-        } catch (M) {
-          console.error("Upload error:", M), fe.error("Failed to upload file(s). Please try again.");
+          const C = await Promise.all(x == null ? void 0 : x.map(f)), M = s && t ? [...t, ...C] : C;
+          r(M), e(M), fe.success(`Successfully uploaded ${x.length} file(s)`);
+        } catch (C) {
+          console.error("Upload error:", C), fe.error("Failed to upload file(s). Please try again.");
         } finally {
           m(!1), u.current && (u.current.value = "");
         }
@@ -2037,12 +2037,12 @@ function Ha({
   ), N = Z(
     (S) => {
       c || (u.current && (u.current.value = ""), r((x) => {
-        const M = S === void 0 ? null : (x == null ? void 0 : x.filter((k, L) => L !== S)) || null;
-        return e(M), M;
+        const C = S === void 0 ? null : (x == null ? void 0 : x.filter((M, w) => w !== S)) || null;
+        return e(C), C;
       }), a == null || a());
     },
     [a, e, c]
-  ), C = t && t.length > 0;
+  ), k = t && t.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(
@@ -2061,7 +2061,7 @@ function Ha({
                      hover:file:bg-blue-100 disabled:opacity-50 disabled:cursor-not-allowed`
         }
       ),
-      C && /* @__PURE__ */ i(
+      k && /* @__PURE__ */ i(
         "button",
         {
           type: "button",
@@ -2073,7 +2073,7 @@ function Ha({
         }
       )
     ] }),
-    C && /* @__PURE__ */ b("div", { className: "relative grid gap-y-1 flex-1 w-full", children: [
+    k && /* @__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..."
@@ -2178,7 +2178,7 @@ const V = ({
   description: p,
   onChange: g
 }) => {
-  var C, S, x, M;
+  var k, S, x, C;
   const N = a ? { ...a(n) } : {};
   if (l === "amount")
     return /* @__PURE__ */ b("div", { className: "space-y-1.5 relative", children: [
@@ -2192,8 +2192,8 @@ const V = ({
       /* @__PURE__ */ i(
         Ye,
         {
-          onValueChange: (k) => {
-            t(n, k != null ? k : null), a && a(n), c && c(n);
+          onValueChange: (M) => {
+            t(n, M != null ? M : null), a && a(n), c && c(n);
           },
           placeholder: d,
           className: `field-control ${s != null && s[n] ? "border-red-300" : "border-[#D0D5DD]"}`,
@@ -2203,12 +2203,12 @@ const V = ({
           disabled: v
         }
       ),
-      (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 })
     ] });
   if (["checkbox", "radio"].includes(l)) {
-    const k = (h == null ? void 0 : h(n)) || null;
-    let L = !1;
-    return k && (k != null && k.length && l === "checkbox" ? L = k == null ? void 0 : k.includes(r) : L = k == r), /* @__PURE__ */ b("div", { className: "space-y-1", children: [
+    const M = (h == null ? void 0 : h(n)) || null;
+    let w = !1;
+    return M && (M != null && M.length && l === "checkbox" ? w = M == null ? void 0 : M.includes(r) : w = M == r), /* @__PURE__ */ b("div", { className: "space-y-1", children: [
       /* @__PURE__ */ b(
         "label",
         {
@@ -2236,7 +2236,7 @@ const V = ({
             peer-disabled:opacity-60
             peer-disabled:cursor-not-allowed
           `,
-                children: L && /* @__PURE__ */ i(
+                children: w && /* @__PURE__ */ i(
                   W,
                   {
                     icon: "meteor-icons:check",
@@ -2267,9 +2267,9 @@ const V = ({
       "textarea",
       {
         ...N,
-        onChange: (k) => {
-          var L;
-          (L = N.onChange) == null || L.call(N, k), g == null || g(k);
+        onChange: (M) => {
+          var w;
+          (w = N.onChange) == null || w.call(N, M), g == null || g(M);
         },
         className: `field-control ${s != null && s[n] ? "border-red-300" : "border-[#D0D5DD]"} ${o}`,
         placeholder: d,
@@ -2289,9 +2289,9 @@ const V = ({
       "input",
       {
         ...N,
-        onChange: (k) => {
-          var L;
-          (L = N.onChange) == null || L.call(N, k), g == null || g(k);
+        onChange: (M) => {
+          var w;
+          (w = N.onChange) == null || w.call(N, M), g == null || g(M);
         },
         type: l,
         className: `field-control ${s != null && s[n] ? "border-red-300" : "border-[#D0D5DD]"} ${o}`,
@@ -2301,7 +2301,7 @@ const V = ({
         max: f
       }
     ),
-    (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red-600", children: (M = s[n]) == null ? void 0 : M.message })
+    (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 })
   ] });
 };
 function Ua({
@@ -2372,13 +2372,13 @@ const Re = ({
   disabled: y
 }) => {
   const [f, p] = I(r ? [] : null), g = ue(!1), N = Q(() => !u || !e || e.length === 0 ? r ? [] : null : r ? Array.isArray(u) ? e.filter((x) => u.some(
-    (M) => {
-      var k;
-      return typeof x.value == "object" ? ((k = x.value) == null ? void 0 : k.id) === (M == null ? void 0 : M.id) : x.value === M;
+    (C) => {
+      var M;
+      return typeof x.value == "object" ? ((M = x.value) == null ? void 0 : M.id) === (C == null ? void 0 : C.id) : x.value === C;
     }
   )) : [] : e.find((x) => {
-    var M;
-    return typeof x.value == "string" && typeof u == "string" ? x.value.toLowerCase() === u.toLowerCase() : typeof x.value == "object" && typeof u == "object" ? ((M = x.value) == null ? void 0 : M.id) === (u == null ? void 0 : u.id) : x.value === u;
+    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;
   }) || null, [u, e, r]);
   G(() => {
     if (g.current) {
@@ -2386,15 +2386,15 @@ const Re = ({
       return;
     }
     if (r && Array.isArray(N) && Array.isArray(f)) {
-      const x = f == null ? void 0 : f.map((k) => k.value), M = N == null ? void 0 : N.map((k) => k.value);
-      JSON.stringify(x) !== JSON.stringify(M) && p(N);
+      const x = f == null ? void 0 : f.map((M) => M.value), C = N == null ? void 0 : N.map((M) => M.value);
+      JSON.stringify(x) !== JSON.stringify(C) && p(N);
     } else (N == null ? void 0 : N.value) !== (f == null ? void 0 : f.value) && p(N);
   }, [N, r]);
-  const C = Z((x) => {
-    var M;
+  const k = Z((x) => {
+    var C;
     if (g.current = !0, p(x), o) {
-      const k = r ? Array.isArray(x) ? x == null ? void 0 : x.map((L) => L.value) : [] : (M = x == null ? void 0 : x.value) != null ? M : null;
-      o(l, k), t == null || t(l);
+      const M = r ? Array.isArray(x) ? x == null ? void 0 : x.map((w) => w.value) : [] : (C = x == null ? void 0 : x.value) != null ? C : null;
+      o(l, M), t == null || t(l);
     }
     s && !g.current && s(l);
   }, [o, l, t, s, r]), S = Q(() => h ? "Fetching data..." : f ? r && Array.isArray(f) ? f.length > 0 ? f == null ? void 0 : f.map((x) => x.label).join(", ") : n : (f == null ? void 0 : f.label) || n : n, [f, h, n, r]);
@@ -2414,7 +2414,7 @@ const Re = ({
       ie,
       {
         value: f,
-        onChange: C,
+        onChange: k,
         multiple: r,
         disabled: y || h,
         children: /* @__PURE__ */ b("div", { className: "relative", children: [
@@ -2436,16 +2436,16 @@ const Re = ({
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ i(ie.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, M) => {
-                var k;
+              children: /* @__PURE__ */ i(ie.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) => {
+                var M;
                 return /* @__PURE__ */ i(
                   ie.Option,
                   {
                     value: x,
-                    className: ({ active: L }) => q("select-option", { active: L }),
-                    children: ({ selected: L }) => /* @__PURE__ */ i("div", { className: q("option-text", { selected: L }), children: x.label })
+                    className: ({ active: w }) => q("select-option", { active: w }),
+                    children: ({ selected: w }) => /* @__PURE__ */ i("div", { className: q("option-text", { selected: w }), children: x.label })
                   },
-                  ((k = x.value) == null ? void 0 : k.id) || x.value || M
+                  ((M = x.value) == null ? void 0 : M.id) || x.value || C
                 );
               }) })
             }
@@ -2470,21 +2470,21 @@ function Fe({
   const [t, r] = I(""), [c, m] = I([]), [v, h] = I(!1);
   G(() => {
     (async () => {
-      var x, M;
+      var x, C;
       if (n) {
         h(!0);
         try {
-          const k = se("token"), L = k ? { headers: { Authorization: `Bearer ${k}` } } : {};
-          let w = (await Be.get(n, L)).data;
-          if (w && !Array.isArray(w) && (w.data && Array.isArray(w.data) ? w = w.data : (x = w.data) != null && x.data && Array.isArray(w.data.data) ? w = w.data.data : w.results && Array.isArray(w.results) ? w = w.results : (M = w.data) != null && M.results && Array.isArray(w.data.results) ? w = w.data.results : w.items && Array.isArray(w.items) && (w = w.items)), Array.isArray(w)) {
-            const R = w.map((B) => typeof B == "string" ? { label: B, value: B } : {
-              label: B.label || B.name || String(B.id || B.value),
-              value: String(B.value || B.id || B.name)
+          const M = se("token"), w = M ? { headers: { Authorization: `Bearer ${M}` } } : {};
+          let T = (await Be.get(n, w)).data;
+          if (T && !Array.isArray(T) && (T.data && Array.isArray(T.data) ? T = T.data : (x = T.data) != null && x.data && Array.isArray(T.data.data) ? T = T.data.data : T.results && Array.isArray(T.results) ? T = T.results : (C = T.data) != null && C.results && Array.isArray(T.data.results) ? T = T.data.results : T.items && Array.isArray(T.items) && (T = T.items)), Array.isArray(T)) {
+            const D = T.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)
             });
-            m(R);
+            m(D);
           }
-        } catch (k) {
-          console.error("Failed to fetch options", k);
+        } catch (M) {
+          console.error("Failed to fetch options", M);
         } finally {
           h(!1);
         }
@@ -2510,14 +2510,14 @@ function Fe({
     return y.filter(
       (x) => x.label.toLowerCase().includes(S)
     );
-  }, [t, y]), C = Z((S) => {
+  }, [t, y]), k = Z((S) => {
     g(S), o(d, S);
   }, [d, o]);
   return /* @__PURE__ */ i("div", { className: "relative w-full", children: /* @__PURE__ */ b(
     Pe,
     {
       value: p,
-      onChange: C,
+      onChange: k,
       disabled: l,
       children: [
         /* @__PURE__ */ b("div", { className: "relative", children: [
@@ -2539,7 +2539,7 @@ function Fe({
           kn,
           {
             value: S,
-            className: ({ active: x, selected: M }) => q("select-option", { active: x, selected: M }),
+            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: S.label })
           },
           S.value
@@ -3526,33 +3526,33 @@ function xo({
       n(yo(A));
     },
     [n]
-  ), N = (A, w) => {
-    const R = [...o];
-    R[A] = { type: "operator", value: w }, l(R), g(R);
-  }, C = (A) => {
-    const w = o.filter((R, B) => B !== A);
-    l(w), g(w);
+  ), N = (A, T) => {
+    const D = [...o];
+    D[A] = { type: "operator", value: T }, l(D), g(D);
+  }, k = (A) => {
+    const T = o.filter((D, E) => E !== A);
+    l(T), g(T);
   }, S = (A) => {
     h(A), m(""), r(!0);
-  }, x = (A, w) => {
-    const R = w !== void 0 ? w : v != null ? v : o.length, B = [...o], z = B.slice(0, R), $ = B.slice(R), ae = [
+  }, x = (A, T) => {
+    const D = T !== void 0 ? T : v != null ? v : o.length, E = [...o], z = E.slice(0, D), $ = E.slice(D), ae = [
       ...z,
       { type: "field", id: A.id, display: A.display },
       ...$
-    ], X = M(ae);
+    ], X = C(ae);
     l(X), g(X), r(!1), h(null);
   };
-  function M(A) {
-    const w = [];
+  function C(A) {
+    const T = [];
     if (A.length === 0) return [{ type: "operator", value: "" }];
-    A[0].type === "field" && w.push({ type: "operator", value: "" });
-    for (let R = 0; R < A.length; R++)
-      w.push(A[R]), A[R].type === "field" && (R + 1 >= A.length || A[R + 1].type === "field") && w.push({ type: "operator", value: "" });
-    return w;
+    A[0].type === "field" && T.push({ type: "operator", value: "" });
+    for (let D = 0; D < A.length; D++)
+      T.push(A[D]), A[D].type === "field" && (D + 1 >= A.length || A[D + 1].type === "field") && T.push({ type: "operator", value: "" });
+    return T;
   }
-  const k = a.filter(
+  const M = a.filter(
     (A) => A.display.toLowerCase().includes(c.toLowerCase())
-  ), L = o.every(
+  ), w = o.every(
     (A) => A.type === "operator" && A.value.trim() === ""
   );
   return /* @__PURE__ */ b("div", { className: "relative", ref: f, children: [
@@ -3562,16 +3562,16 @@ function xo({
         className: "field-control flex flex-wrap items-center gap-1 min-h-[44px] cursor-text",
         style: { padding: "6px 10px" },
         onClick: () => {
-          var w;
-          const A = [...o].reverse().findIndex((R) => R.type === "operator");
+          var T;
+          const A = [...o].reverse().findIndex((D) => D.type === "operator");
           if (A !== -1) {
-            const R = o.length - 1 - A;
-            (w = p.current.get(R)) == null || w.focus();
+            const D = o.length - 1 - A;
+            (T = p.current.get(D)) == null || T.focus();
           }
         },
         children: [
-          L && /* @__PURE__ */ i("span", { className: "text-gray-400 text-sm pointer-events-none select-none", children: s || "Build your formula..." }),
-          o.map((A, w) => A.type === "field" ? /* @__PURE__ */ b(
+          w && /* @__PURE__ */ i("span", { className: "text-gray-400 text-sm pointer-events-none select-none", children: s || "Build your formula..." }),
+          o.map((A, T) => A.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",
@@ -3581,8 +3581,8 @@ function xo({
                   "button",
                   {
                     type: "button",
-                    onMouseDown: (R) => {
-                      R.preventDefault(), C(w);
+                    onMouseDown: (D) => {
+                      D.preventDefault(), k(T);
                     },
                     className: "text-blue-400 hover:text-blue-700 leading-none ml-0.5",
                     "aria-label": `Remove ${A.display}`,
@@ -3591,28 +3591,28 @@ function xo({
                 )
               ]
             },
-            w
+            T
           ) : /* @__PURE__ */ i(
             "input",
             {
-              ref: (R) => {
-                R ? p.current.set(w, R) : p.current.delete(w);
+              ref: (D) => {
+                D ? p.current.set(T, D) : p.current.delete(T);
               },
               type: "text",
               value: A.value,
-              onChange: (R) => N(w, R.target.value),
-              onFocus: () => u(w),
+              onChange: (D) => N(T, D.target.value),
+              onFocus: () => u(T),
               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 === w ? 40 : 14)}px`,
+                width: `${Math.max(A.value.length * 9 + 8, d === T ? 40 : 14)}px`,
                 minWidth: "14px",
                 maxWidth: "200px"
               },
               placeholder: "",
-              "aria-label": `Operator at position ${w}`
+              "aria-label": `Operator at position ${T}`
             },
-            w
+            T
           )),
           /* @__PURE__ */ i(
             "button",
@@ -3629,7 +3629,7 @@ function xo({
         ]
       }
     ),
-    !L && /* @__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: [
+    !w && /* @__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("")
     ] }),
@@ -3658,17 +3658,17 @@ function xo({
                 onChange: (A) => m(A.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" && k.length > 0 && x(k[0]);
+                  A.key === "Escape" && r(!1), A.key === "Enter" && M.length > 0 && x(M[0]);
                 }
               }
             ) }),
             /* @__PURE__ */ b("div", { className: "max-h-48 overflow-y-auto", children: [
-              k.length === 0 && /* @__PURE__ */ i("p", { className: "text-xs text-gray-400 text-center py-3", children: "No matching fields" }),
-              k.map((A) => /* @__PURE__ */ b(
+              M.length === 0 && /* @__PURE__ */ i("p", { className: "text-xs text-gray-400 text-center py-3", children: "No matching fields" }),
+              M.map((A) => /* @__PURE__ */ b(
                 "div",
                 {
-                  onMouseDown: (w) => {
-                    w.preventDefault(), x(A);
+                  onMouseDown: (T) => {
+                    T.preventDefault(), x(A);
                   },
                   className: "px-3 py-2 text-sm cursor-pointer flex items-center justify-between hover:bg-blue-50 group",
                   children: [
@@ -3690,8 +3690,8 @@ function xo({
       "button",
       {
         type: "button",
-        onMouseDown: (w) => {
-          w.preventDefault(), x(A, o.length);
+        onMouseDown: (T) => {
+          T.preventDefault(), x(A, 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: [
@@ -3703,25 +3703,25 @@ function xo({
     )) })
   ] });
 }
-const Ao = D.object().shape({
-  inputLabel: D.string().nullable(),
-  placeholder: D.string().nullable(),
-  description: D.string().nullable(),
-  isReadOnly: D.boolean(),
-  isDisabled: D.boolean(),
-  isRequired: D.boolean(),
-  requiredMessage: D.string().nullable(),
-  minLengthMessage: D.string().nullable(),
-  maxLengthMessage: D.string().nullable(),
-  maxLength: D.number().typeError("Expecting a number").nullable(),
-  minLength: D.number().typeError("Expecting a number").nullable(),
-  inputType: D.string().nullable(),
-  maxAmountMessage: D.string().nullable(),
-  maxAmount: D.string().nullable(),
-  options: D.array().of(
-    D.object().shape({
-      label: D.string().nullable(),
-      value: D.string().when("label", {
+const Ao = R.object().shape({
+  inputLabel: R.string().nullable(),
+  placeholder: R.string().nullable(),
+  description: R.string().nullable(),
+  isReadOnly: R.boolean(),
+  isDisabled: R.boolean(),
+  isRequired: R.boolean(),
+  requiredMessage: R.string().nullable(),
+  minLengthMessage: R.string().nullable(),
+  maxLengthMessage: R.string().nullable(),
+  maxLength: R.number().typeError("Expecting a number").nullable(),
+  minLength: R.number().typeError("Expecting a number").nullable(),
+  inputType: R.string().nullable(),
+  maxAmountMessage: R.string().nullable(),
+  maxAmount: R.string().nullable(),
+  options: R.array().of(
+    R.object().shape({
+      label: R.string().nullable(),
+      value: R.string().when("label", {
         is: (e) => e && e.length > 0,
         then: (e) => e.required("Value is required when label is present"),
         otherwise: (e) => e.nullable()
@@ -3732,10 +3732,10 @@ const Ao = D.object().shape({
     then: (e) => e.required("Options are required for radio or checkbox inputs"),
     otherwise: (e) => e.nullable()
   }),
-  options1: D.array().of(
-    D.object().shape({
-      label: D.string().nullable(),
-      value: D.string().when("label", {
+  options1: R.array().of(
+    R.object().shape({
+      label: R.string().nullable(),
+      value: R.string().when("label", {
         is: (e) => e && e.length > 0,
         then: (e) => e.required("Value is required when label is present"),
         otherwise: (e) => e.nullable()
@@ -3746,35 +3746,35 @@ const Ao = D.object().shape({
     then: (e) => e.required("Options are required for radio or checkbox inputs"),
     otherwise: (e) => e.nullable()
   }),
-  prefix: D.string().nullable(),
-  url: D.string().nullable(),
-  method: D.string().nullable(),
-  denominators: D.mixed().nullable(),
-  responseType: D.string().nullable(),
-  minAmount: D.string().nullable(),
-  heading: D.string().nullable(),
-  minAmountMessage: D.string().nullable(),
-  columns: D.number().nullable().max(4).min(2),
-  value: D.mixed().nullable(),
-  customClass: D.string().nullable(),
-  elementClass: D.string().nullable(),
-  apiUrl: D.string().nullable(),
-  selectType: D.string().default("list"),
-  dateType: D.string().default("basic"),
-  validationUrl: D.string(),
-  signatureLink: D.string(),
-  minDate: D.string().nullable(),
-  maxDate: D.string().nullable(),
-  canHaveDateRange: D.boolean(),
-  allowYearPicker: D.boolean(),
-  isHidden: D.boolean(),
-  visibilityDependentFields: D.array().nullable(),
-  isMultiple: D.boolean(),
-  acceptedFiles: D.array(),
-  showState: D.boolean(),
-  formula: D.string().nullable(),
-  fetchExternalResults: D.boolean(),
-  externalApiUrl: D.string().nullable()
+  prefix: R.string().nullable(),
+  url: R.string().nullable(),
+  method: R.string().nullable(),
+  denominators: R.mixed().nullable(),
+  responseType: R.string().nullable(),
+  minAmount: R.string().nullable(),
+  heading: R.string().nullable(),
+  minAmountMessage: R.string().nullable(),
+  columns: R.number().nullable().max(4).min(2),
+  value: R.mixed().nullable(),
+  customClass: R.string().nullable(),
+  elementClass: R.string().nullable(),
+  apiUrl: R.string().nullable(),
+  selectType: R.string().default("list"),
+  dateType: R.string().default("basic"),
+  validationUrl: R.string(),
+  signatureLink: R.string(),
+  minDate: R.string().nullable(),
+  maxDate: R.string().nullable(),
+  canHaveDateRange: R.boolean(),
+  allowYearPicker: R.boolean(),
+  isHidden: R.boolean(),
+  visibilityDependentFields: R.array().nullable(),
+  isMultiple: R.boolean(),
+  acceptedFiles: R.array(),
+  showState: R.boolean(),
+  formula: R.string().nullable(),
+  fetchExternalResults: R.boolean(),
+  externalApiUrl: R.string().nullable()
 }), So = [
   { title: "Configurations", key: "basic" },
   { title: "Validations", key: "validation" }
@@ -3785,29 +3785,29 @@ const Ao = D.object().shape({
 }) => {
   var J;
   const s = So.filter(
-    (T) => !Ve.includes(a.inputType) || T.key !== "validation"
-  ), { updateElement: o, formData: l } = ne.useContext(re), [d, u] = I("basic"), [t, r] = I(!1), [c, m] = I("manual"), v = ((J = l == null ? void 0 : l.flatMap((T) => T.questionData || [])) == null ? void 0 : J.length) || 0, h = ne.useMemo(() => (l == null ? void 0 : l.flatMap((T) => T.questionData || []).filter((T) => {
+    (B) => !Ve.includes(a.inputType) || B.key !== "validation"
+  ), { updateElement: o, formData: l } = ne.useContext(re), [d, u] = I("basic"), [t, r] = I(!1), [c, m] = I("manual"), v = ((J = l == null ? void 0 : l.flatMap((B) => B.questionData || [])) == null ? void 0 : J.length) || 0, h = ne.useMemo(() => (l == null ? void 0 : l.flatMap((B) => B.questionData || []).filter((B) => {
     var P;
-    return T.id !== (a == null ? void 0 : a.id) && !["spacer", "divider", "section", "grid"].includes((P = T.type) == null ? void 0 : P.toLowerCase());
-  }).map((T) => ({
-    id: T.id,
-    display: T.inputLabel || T.label || "Unnamed"
+    return B.id !== (a == null ? void 0 : a.id) && !["spacer", "divider", "section", "grid"].includes((P = B.type) == null ? void 0 : P.toLowerCase());
+  }).map((B) => ({
+    id: B.id,
+    display: B.inputLabel || B.label || "Unnamed"
   }))) || [], [v, a == null ? void 0 : a.id]), y = se("config"), {
     register: f,
     handleSubmit: p,
     control: g,
     setValue: N,
-    watch: C,
+    watch: k,
     trigger: S,
-    formState: { errors: x, isSubmitting: M, isValid: k },
-    reset: L
+    formState: { errors: x, isSubmitting: C, isValid: M },
+    reset: w
   } = yi({
     resolver: Ci(Ao),
     defaultValues: {
       ...a,
       options: a.options || []
     }
-  }), A = C(), { fields: w, append: R, remove: B } = ei({
+  }), A = k(), { fields: T, append: D, remove: E } = ei({
     control: g,
     name: "options"
   }), {
@@ -3826,24 +3826,24 @@ const Ao = D.object().shape({
     name: "dataColumns"
   });
   G(() => {
-    e || L();
-  }, [e, L]);
-  const j = (T) => {
-    o(T, a.sectionId), n();
+    e || w();
+  }, [e, w]);
+  const j = (B) => {
+    o(B, a.sectionId), n();
   }, Ne = {
     headers: {
       Authorization: `Bearer ${se("token")}`
     }
   }, Me = Z(async () => {
-    var T, P, U;
+    var B, P, U;
     if (!A.apiUrl || !/^https?:\/\//.test(A.apiUrl)) {
       fe.info("Please provide a valid API URL");
       return;
     }
     try {
       r(!0);
-      const { status: E, data: Y } = await Be.get(A.apiUrl, Ne);
-      if (E !== 200 || !Y) {
+      const { status: L, data: Y } = await Be.get(A.apiUrl, Ne);
+      if (L !== 200 || !Y) {
         fe.error("Unexpected response from server.");
         return;
       }
@@ -3852,19 +3852,19 @@ const Ao = D.object().shape({
         fe.error("Expected an array in response (data, record, or result).");
         return;
       }
-      ((T = a.type) == null ? void 0 : T.toLowerCase()) === "datagrid" ? N("dataColumns", fi(K)) : N("options", gi(K));
-    } catch (E) {
-      const Y = ((U = (P = E == null ? void 0 : E.response) == null ? void 0 : P.data) == null ? void 0 : U.message) || (E == null ? void 0 : E.message) || "Unable to load options";
+      ((B = a.type) == null ? void 0 : B.toLowerCase()) === "datagrid" ? N("dataColumns", fi(K)) : N("options", gi(K));
+    } catch (L) {
+      const Y = ((U = (P = L == null ? void 0 : L.response) == null ? void 0 : P.data) == null ? void 0 : U.message) || (L == null ? void 0 : L.message) || "Unable to load options";
       fe.error(Y);
     } finally {
       r(!1);
     }
   }, [a.type, N, A.apiUrl]), he = ["manual", "api", "sheet"];
-  function Ae() {
+  function Se() {
     c === "api" && Me();
   }
   const we = () => {
-    var T, P;
+    var B, P;
     return /* @__PURE__ */ b("div", { className: "flex flex-col justify-start gap-y-1", children: [
       /* @__PURE__ */ i("div", { className: "flex items-center mb-4 gap-x-5", children: he == null ? void 0 : he.map((U) => /* @__PURE__ */ b("label", { className: "items-center text-base capitalize gap-x-3", children: [
         /* @__PURE__ */ i(
@@ -3872,7 +3872,7 @@ const Ao = D.object().shape({
           {
             type: "radio",
             name: "optionType",
-            onChange: (E) => m(E.target.value),
+            onChange: (L) => m(L.target.value),
             value: U
           }
         ),
@@ -3888,7 +3888,7 @@ const Ao = D.object().shape({
             /* @__PURE__ */ i(
               V,
               {
-                watch: C,
+                watch: k,
                 label: "Load Options from Api",
                 name: "apiUrl",
                 errors: x,
@@ -3903,7 +3903,7 @@ const Ao = D.object().shape({
           /* @__PURE__ */ i(
             "button",
             {
-              onClick: Ae,
+              onClick: Se,
               className: "px-3 py-1 text-xs text-white bg-gray-600 rounded",
               type: "button",
               children: "Load"
@@ -3922,8 +3922,8 @@ const Ao = D.object().shape({
         }
       ) }),
       /* @__PURE__ */ b("div", { children: [
-        /* @__PURE__ */ i("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((T = a == null ? void 0 : a.type) == null ? void 0 : T.toLowerCase()) === "matrix" ? "Rows Options" : "Parent Options" }),
-        w == null ? void 0 : w.map((U, E) => /* @__PURE__ */ b(
+        /* @__PURE__ */ i("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((B = a == null ? void 0 : a.type) == null ? void 0 : B.toLowerCase()) === "matrix" ? "Rows Options" : "Parent Options" }),
+        T == null ? void 0 : T.map((U, L) => /* @__PURE__ */ b(
           "div",
           {
             className: "flex items-center mb-1 gap-x-4 last:mb-0",
@@ -3931,16 +3931,16 @@ const Ao = D.object().shape({
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
                 V,
                 {
-                  watch: C,
-                  label: E === 0 ? "Label" : "",
-                  name: `options.${E}.label`,
+                  watch: k,
+                  label: L === 0 ? "Label" : "",
+                  name: `options.${L}.label`,
                   register: f,
                   errors: x,
                   element: a,
                   placeholder: "Label",
                   onChange: (Y) => {
                     const F = Y.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                    N(`options.${E}.value`, F, {
+                    N(`options.${L}.value`, F, {
                       shouldValidate: !0,
                       shouldDirty: !0
                     });
@@ -3950,9 +3950,9 @@ const Ao = D.object().shape({
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
                 V,
                 {
-                  watch: C,
-                  label: E === 0 ? "Value" : "",
-                  name: `options.${E}.value`,
+                  watch: k,
+                  label: L === 0 ? "Value" : "",
+                  name: `options.${L}.value`,
                   register: f,
                   errors: x,
                   element: a,
@@ -3962,10 +3962,10 @@ const Ao = D.object().shape({
               /* @__PURE__ */ i(
                 "button",
                 {
-                  disabled: w.length === 1,
+                  disabled: T.length === 1,
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                  onClick: () => B(E),
+                  onClick: () => E(L),
                   children: /* @__PURE__ */ i(W, { icon: "iconamoon:sign-times-fill" })
                 }
               )
@@ -3981,7 +3981,7 @@ const Ao = D.object().shape({
             {
               type: "button",
               className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
-              onClick: () => R({ label: "", value: "", id: be() }),
+              onClick: () => D({ label: "", value: "", id: be() }),
               children: [
                 /* @__PURE__ */ i(W, { icon: "qlementine-icons:plus-16" }),
                 " Add Option"
@@ -3995,7 +3995,7 @@ const Ao = D.object().shape({
         /* @__PURE__ */ b("div", { children: [
           " ",
           /* @__PURE__ */ i("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((P = a == null ? void 0 : a.type) == null ? void 0 : P.toLowerCase()) === "matrix" ? "Columns Options" : "Child Options" }),
-          z == null ? void 0 : z.map((U, E) => /* @__PURE__ */ b(
+          z == null ? void 0 : z.map((U, L) => /* @__PURE__ */ b(
             "div",
             {
               className: "flex items-center mb-1 gap-x-4 last:mb-0",
@@ -4003,16 +4003,16 @@ const Ao = D.object().shape({
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
                   V,
                   {
-                    watch: C,
-                    label: E === 0 ? "Label" : "",
-                    name: `options1.${E}.label`,
+                    watch: k,
+                    label: L === 0 ? "Label" : "",
+                    name: `options1.${L}.label`,
                     register: f,
                     errors: x,
                     element: a,
                     placeholder: "Label",
                     onChange: (Y) => {
                       const F = Y.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                      N(`options1.${E}.value`, F, {
+                      N(`options1.${L}.value`, F, {
                         shouldValidate: !0,
                         shouldDirty: !0
                       });
@@ -4022,9 +4022,9 @@ const Ao = D.object().shape({
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
                   V,
                   {
-                    watch: C,
-                    label: E === 0 ? "Value" : "",
-                    name: `options1.${E}.value`,
+                    watch: k,
+                    label: L === 0 ? "Value" : "",
+                    name: `options1.${L}.value`,
                     register: f,
                     errors: x,
                     element: a,
@@ -4034,9 +4034,9 @@ const Ao = D.object().shape({
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
                   V,
                   {
-                    watch: C,
-                    label: E === 0 ? "Key" : "",
-                    name: `options1.${E}.key`,
+                    watch: k,
+                    label: L === 0 ? "Key" : "",
+                    name: `options1.${L}.key`,
                     register: f,
                     errors: x,
                     element: a,
@@ -4049,7 +4049,7 @@ const Ao = D.object().shape({
                     disabled: z.length === 1,
                     type: "button",
                     className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                    onClick: () => ae(E),
+                    onClick: () => ae(L),
                     children: /* @__PURE__ */ i(W, { icon: "iconamoon:sign-times-fill" })
                   }
                 )
@@ -4076,30 +4076,30 @@ const Ao = D.object().shape({
       ] })
     ] });
   }, Ee = () => /* @__PURE__ */ b("div", { className: "flex flex-col justify-start gap-y-1", children: [
-    /* @__PURE__ */ i("div", { className: "flex items-center mb-4 gap-x-5", children: he == null ? void 0 : he.map((T) => /* @__PURE__ */ b("label", { className: "items-center text-base capitalize gap-x-3", children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center mb-4 gap-x-5", children: he == null ? void 0 : he.map((B) => /* @__PURE__ */ b("label", { className: "items-center text-base capitalize gap-x-3", children: [
       /* @__PURE__ */ i(
         "input",
         {
           type: "radio",
           name: "optionType",
           onChange: (P) => m(P.target.value),
-          value: T,
-          checked: T === c
+          value: B,
+          checked: B === c
         }
       ),
       " ",
       /* @__PURE__ */ b("span", { children: [
-        T,
+        B,
         " options"
       ] })
-    ] }, T)) }),
+    ] }, B)) }),
     c === "api" && /* @__PURE__ */ b("div", { className: "mb-4", children: [
       /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ b("div", { className: "relative flex items-center w-full mb-2", children: [
           /* @__PURE__ */ i(
             V,
             {
-              watch: C,
+              watch: k,
               label: "Load Columns from Api",
               name: "apiUrl",
               errors: x,
@@ -4114,7 +4114,7 @@ const Ao = D.object().shape({
         /* @__PURE__ */ i(
           "button",
           {
-            onClick: Ae,
+            onClick: Se,
             className: "px-3 py-1 text-xs text-white bg-gray-600 rounded",
             type: "button",
             children: "Load"
@@ -4132,8 +4132,8 @@ const Ao = D.object().shape({
         name: "dataColumns"
       }
     ) }),
-    /* @__PURE__ */ i("div", { className: "grid gap-y-3", children: X == null ? void 0 : X.map((T, P) => {
-      var U, E;
+    /* @__PURE__ */ i("div", { className: "grid gap-y-3", children: X == null ? void 0 : X.map((B, P) => {
+      var U, L;
       return /* @__PURE__ */ b("div", { className: "flex flex-col gap-2 border-b border-gray-100 pb-2 mb-2 last:border-0 last:pb-0 last:mb-0", children: [
         /* @__PURE__ */ b("div", { className: "flex items-center gap-x-4", children: [
           /* @__PURE__ */ i("div", { className: "min-w-[140px]", children: /* @__PURE__ */ i(
@@ -4168,7 +4168,7 @@ const Ao = D.object().shape({
           /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
             V,
             {
-              watch: C,
+              watch: k,
               label: P === 0 ? "Display header" : "",
               name: `dataColumns.${P}.headerName`,
               register: f,
@@ -4187,7 +4187,7 @@ const Ao = D.object().shape({
           /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
             V,
             {
-              watch: C,
+              watch: k,
               label: P === 0 ? "Field key" : "",
               name: `dataColumns.${P}.field`,
               register: f,
@@ -4208,10 +4208,10 @@ const Ao = D.object().shape({
             }
           )
         ] }),
-        ((E = (U = A.dataColumns) == null ? void 0 : U[P]) == null ? void 0 : E.type) === "select" && /* @__PURE__ */ i("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
+        ((L = (U = A.dataColumns) == null ? void 0 : U[P]) == 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(
           V,
           {
-            watch: C,
+            watch: k,
             label: "Options API URL",
             name: `dataColumns.${P}.optionsUrl`,
             register: f,
@@ -4220,7 +4220,7 @@ const Ao = D.object().shape({
             placeholder: "https://api.example.com/options"
           }
         ) }) })
-      ] }, T.id);
+      ] }, B.id);
     }) }),
     /* @__PURE__ */ b("div", { children: [
       " ",
@@ -4245,9 +4245,9 @@ const Ao = D.object().shape({
       )
     ] })
   ] }), O = Z(async () => {
-    const T = se("token"), { status: P, data: U } = await Be.get(A.url, {
+    const B = se("token"), { status: P, data: U } = await Be.get(A.url, {
       headers: {
-        Authorization: `Bearer ${T}`
+        Authorization: `Bearer ${B}`
       }
     });
     P === 200 && N("options", (U == null ? void 0 : U.data) || U);
@@ -4259,10 +4259,10 @@ const Ao = D.object().shape({
     "div",
     {
       className: "fixed inset-0 bg-gray-800/40 backdrop-blur-sm flex items-center justify-end z-[999] cursor-default",
-      onMouseDown: (T) => T.stopPropagation(),
-      onPointerDown: (T) => T.stopPropagation(),
-      onDragStart: (T) => {
-        T.preventDefault(), T.stopPropagation();
+      onMouseDown: (B) => B.stopPropagation(),
+      onPointerDown: (B) => B.stopPropagation(),
+      onDragStart: (B) => {
+        B.preventDefault(), B.stopPropagation();
       },
       children: /* @__PURE__ */ b("div", { className: "w-full lg:w-2/3 xl:w-2/5 bg-white h-screen  shadow-xl relative flex flex-col  items-center", children: [
         /* @__PURE__ */ i(
@@ -4296,7 +4296,7 @@ const Ao = D.object().shape({
                     oi.includes(a.inputType) && /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i(
                       V,
                       {
-                        watch: C,
+                        watch: k,
                         label: "Value",
                         name: "value",
                         register: f,
@@ -4308,7 +4308,7 @@ const Ao = D.object().shape({
                       /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "Label",
                           name: "inputLabel",
                           register: f,
@@ -4320,7 +4320,7 @@ const Ao = D.object().shape({
                       a.type.toLowerCase() === "cascadeselect" && /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "Child Label",
                           name: "childLabel",
                           register: f,
@@ -4332,7 +4332,7 @@ const Ao = D.object().shape({
                     ao.includes(a.inputType) && /* @__PURE__ */ i(
                       V,
                       {
-                        watch: C,
+                        watch: k,
                         label: "Placeholder",
                         name: "placeholder",
                         register: f,
@@ -4343,7 +4343,7 @@ const Ao = D.object().shape({
                     io.includes(a.inputType) && /* @__PURE__ */ i(
                       V,
                       {
-                        watch: C,
+                        watch: k,
                         label: "Prefix",
                         name: "prefix",
                         register: f,
@@ -4356,7 +4356,7 @@ const Ao = D.object().shape({
                       /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "Api Url",
                           name: "url",
                           register: f,
@@ -4382,7 +4382,7 @@ const Ao = D.object().shape({
                           name: "method",
                           setValue: N,
                           trigger: S,
-                          value: C("method")
+                          value: k("method")
                         }
                       ),
                       /* @__PURE__ */ i(
@@ -4403,23 +4403,23 @@ const Ao = D.object().shape({
                           name: "responseType",
                           setValue: N,
                           trigger: S,
-                          value: C("responseType")
+                          value: k("responseType")
                         }
                       )
                     ] }),
                     uo.includes(a.inputType) && /* @__PURE__ */ i(
                       co,
                       {
-                        onChange: (T) => {
-                          N("denominators", T);
+                        onChange: (B) => {
+                          N("denominators", B);
                         },
-                        value: C("denominators")
+                        value: k("denominators")
                       }
                     ),
                     !oi.includes(a.inputType) && !Ve.includes(a.inputType) && /* @__PURE__ */ i(
                       V,
                       {
-                        watch: C,
+                        watch: k,
                         label: "Short Description",
                         name: "description",
                         register: f,
@@ -4437,13 +4437,13 @@ const Ao = D.object().shape({
                           name: "dateFormat",
                           setValue: N,
                           trigger: S,
-                          value: C("dateFormat")
+                          value: k("dateFormat")
                         }
                       ),
                       /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "Allow Range",
                           name: "canHaveDateRange",
                           register: f,
@@ -4477,7 +4477,7 @@ const Ao = D.object().shape({
                       /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "Allow Year Picker",
                           name: "allowYearPicker",
                           register: f,
@@ -4491,7 +4491,7 @@ const Ao = D.object().shape({
                     a.type.toLowerCase() === "country" && /* @__PURE__ */ i(
                       V,
                       {
-                        watch: C,
+                        watch: k,
                         label: "Allow States",
                         name: "showState",
                         register: f,
@@ -4519,13 +4519,13 @@ const Ao = D.object().shape({
                         name: "selectType",
                         setValue: N,
                         trigger: S,
-                        value: C("selectType")
+                        value: k("selectType")
                       }
                     ),
                     a.type.toLowerCase() === "grid" && /* @__PURE__ */ i(
                       V,
                       {
-                        watch: C,
+                        watch: k,
                         label: "Number of columns (max: 4)",
                         name: "columns",
                         register: f,
@@ -4540,7 +4540,7 @@ const Ao = D.object().shape({
                         /* @__PURE__ */ i(
                           V,
                           {
-                            watch: C,
+                            watch: k,
                             label: "Document Options Url",
                             name: "url",
                             register: f,
@@ -4555,7 +4555,7 @@ const Ao = D.object().shape({
                         /* @__PURE__ */ i(
                           V,
                           {
-                            watch: C,
+                            watch: k,
                             label: "Document Validation Url",
                             name: "validationUrl",
                             register: f,
@@ -4568,7 +4568,7 @@ const Ao = D.object().shape({
                       /* @__PURE__ */ i("div", { className: "grid gap-y-1", children: /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "Signature Page Url",
                           name: "signatureLink",
                           register: f,
@@ -4582,7 +4582,7 @@ const Ao = D.object().shape({
                       /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "Allow Multiple Uploads",
                           name: "isMultiple",
                           register: f,
@@ -4600,7 +4600,7 @@ const Ao = D.object().shape({
                             id: "acceptedFiles",
                             value: A == null ? void 0 : A.acceptedFiles
                           },
-                          validationData: { register: f, setValue: N, trigger: S, watch: C },
+                          validationData: { register: f, setValue: N, trigger: S, watch: k },
                           placeholder: "Choose file types"
                         }
                       )
@@ -4610,7 +4610,7 @@ const Ao = D.object().shape({
                       /* @__PURE__ */ i("div", { className: "w-[150px] mb-4", children: /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "Toggle Visibility",
                           name: "isHidden",
                           register: f,
@@ -4627,7 +4627,7 @@ const Ao = D.object().shape({
                           register: f,
                           setValue: N,
                           trigger: S,
-                          watch: C,
+                          watch: k,
                           id: a == null ? void 0 : a.id
                         }
                       )
@@ -4637,8 +4637,8 @@ const Ao = D.object().shape({
                       /* @__PURE__ */ i(
                         xo,
                         {
-                          value: C("formula") || "",
-                          onChange: (T) => N("formula", T, { shouldValidate: !0, shouldDirty: !0 }),
+                          value: k("formula") || "",
+                          onChange: (B) => N("formula", B, { shouldValidate: !0, shouldDirty: !0 }),
                           fields: h,
                           placeholder: "Build your formula..."
                         }
@@ -4648,7 +4648,7 @@ const Ao = D.object().shape({
                       /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "Fetch results from external API",
                           name: "fetchExternalResults",
                           register: f,
@@ -4661,7 +4661,7 @@ const Ao = D.object().shape({
                       A.fetchExternalResults && /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "External API URL (returns options results)",
                           name: "externalApiUrl",
                           register: f,
@@ -4677,7 +4677,7 @@ const Ao = D.object().shape({
                       /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "Required",
                           name: "isRequired",
                           register: f,
@@ -4691,7 +4691,7 @@ const Ao = D.object().shape({
                       /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
                         V,
                         {
-                          watch: C,
+                          watch: k,
                           label: "Error message text",
                           name: "requiredMessage",
                           register: f,
@@ -4705,7 +4705,7 @@ const Ao = D.object().shape({
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
                           V,
                           {
-                            watch: C,
+                            watch: k,
                             label: "Min Length",
                             name: "minLength",
                             register: f,
@@ -4718,7 +4718,7 @@ const Ao = D.object().shape({
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
                           V,
                           {
-                            watch: C,
+                            watch: k,
                             label: "Error message text",
                             name: "minLengthMessage",
                             register: f,
@@ -4731,7 +4731,7 @@ const Ao = D.object().shape({
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
                           V,
                           {
-                            watch: C,
+                            watch: k,
                             label: "Max Length",
                             name: "maxLength",
                             register: f,
@@ -4744,7 +4744,7 @@ const Ao = D.object().shape({
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
                           V,
                           {
-                            watch: C,
+                            watch: k,
                             label: "Error message text",
                             name: "maxLengthMessage",
                             register: f,
@@ -4759,7 +4759,7 @@ const Ao = D.object().shape({
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
                           V,
                           {
-                            watch: C,
+                            watch: k,
                             label: "Min Amount",
                             name: "minAmount",
                             register: f,
@@ -4772,7 +4772,7 @@ const Ao = D.object().shape({
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
                           V,
                           {
-                            watch: C,
+                            watch: k,
                             label: "Error message text",
                             name: "minAmountMessage",
                             register: f,
@@ -4785,7 +4785,7 @@ const Ao = D.object().shape({
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
                           V,
                           {
-                            watch: C,
+                            watch: k,
                             label: "Max Amount",
                             name: "maxAmount",
                             register: f,
@@ -4798,7 +4798,7 @@ const Ao = D.object().shape({
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
                           V,
                           {
-                            watch: C,
+                            watch: k,
                             label: "Error message text",
                             name: "maxAmountMessage",
                             register: f,
@@ -4825,10 +4825,10 @@ const Ao = D.object().shape({
                   "button",
                   {
                     type: "submit",
-                    disabled: !k || M,
+                    disabled: !M || C,
                     style: { background: (y == null ? void 0 : y.buttonColor) || "#333" },
-                    className: `flex-1 px-4 py-2.5 ${!k || M ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!k || M ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
-                    children: M ? "Saving..." : "Save"
+                    className: `flex-1 px-4 py-2.5 ${!M || C ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!M || C ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
+                    children: C ? "Saving..." : "Save"
                   }
                 )
               ] })
@@ -5051,7 +5051,7 @@ function wo({
   element: e,
   validationData: n
 }) {
-  var M;
+  var C;
   const { register: a = () => ({}), setValue: s, watch: o } = n || {}, [l, d] = I(), [u, t] = I(!1), [r, c] = I(!1), [m, v] = I(""), h = o && o(e == null ? void 0 : e.id);
   G(() => {
     d(h);
@@ -5065,24 +5065,24 @@ function wo({
       Authorization: `Bearer ${se("token")}`
     }
   }, x = Z(
-    async (k) => {
-      var L, A, w, R, B, z, $, ae, X, te, _;
+    async (M) => {
+      var w, A, T, D, E, z, $, ae, X, te, _;
       if (!(!p || !g)) {
         t(!0);
         try {
           let j;
           if (g.toLowerCase() === "get") {
-            const ye = `${p}?value=${k}`;
+            const ye = `${p}?value=${M}`;
             j = await Be.get(ye, S);
           } else if (g.toLowerCase() === "post")
-            j = await Be.post(p, { value: k }, S);
+            j = await Be.post(p, { value: M }, S);
           else
             throw new Error("Unsupported HTTP method");
-          j.status === 200 && ((((A = (L = j == null ? void 0 : j.data) == null ? void 0 : L.data) == null ? void 0 : A.status) || ((w = j == null ? void 0 : j.data) == null ? void 0 : w.status)) === !0 ? (c(!0), N === "string" ? v(
-            ((B = (R = j == null ? void 0 : j.data) == null ? void 0 : R.data) == null ? void 0 : B.description) || ((z = j == null ? void 0 : j.data) == null ? void 0 : z.description) || "Validation successful"
+          j.status === 200 && ((((A = (w = j == null ? void 0 : j.data) == null ? void 0 : w.data) == null ? void 0 : A.status) || ((T = j == null ? void 0 : j.data) == null ? void 0 : T.status)) === !0 ? (c(!0), N === "string" ? v(
+            ((E = (D = j == null ? void 0 : j.data) == null ? void 0 : D.data) == null ? void 0 : E.description) || ((z = j == null ? void 0 : j.data) == null ? void 0 : z.description) || "Validation successful"
           ) : f(
             ((ae = ($ = j == null ? void 0 : j.data) == null ? void 0 : $.data) == null ? void 0 : ae.description) || ((X = j == null ? void 0 : j.data) == null ? void 0 : X.description) || {}
-          )) : (console.error("Invalid input:", k), v("Unable to validate input"), c(!1)));
+          )) : (console.error("Invalid input:", M), v("Unable to validate input"), c(!1)));
         } catch (j) {
           console.error("Error validating input:", j), v(
             ((_ = (te = j == null ? void 0 : j.response) == null ? void 0 : te.data) == null ? void 0 : _.message) || "Unable to validate input"
@@ -5096,10 +5096,10 @@ function wo({
   );
   return G(() => {
     if (l) {
-      const k = setTimeout(() => {
+      const M = setTimeout(() => {
         x(l);
       }, 700);
-      return () => clearTimeout(k);
+      return () => clearTimeout(M);
     }
   }, [x, l]), /* @__PURE__ */ b("div", { children: [
     /* @__PURE__ */ b("div", { className: "relative flex items-center", children: [
@@ -5110,8 +5110,8 @@ function wo({
           type: (e == null ? void 0 : e.inputType) || "text",
           className: q("field-control", e == null ? void 0 : e.customClass),
           ...a(e == null ? void 0 : e.id),
-          onChange: (k) => {
-            d(k.target.value), s(e == null ? void 0 : e.id, k.target.value);
+          onChange: (M) => {
+            d(M.target.value), s(e == null ? void 0 : e.id, M.target.value);
           },
           disabled: n == null ? void 0 : n.isReadOnly
         }
@@ -5160,13 +5160,13 @@ function wo({
         children: m
       }
     ),
-    N === "object" && /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (M = Object.entries(y)) == null ? void 0 : M.map(([k, L]) => /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
+    N === "object" && /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (C = Object.entries(y)) == null ? void 0 : C.map(([M, w]) => /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
       /* @__PURE__ */ b("span", { className: "font-semibold", children: [
-        k,
+        M,
         ":"
       ] }),
-      Co(L) ? /* @__PURE__ */ i(Mo, { imageUrl: L }) : /* @__PURE__ */ i("span", { children: String(L) })
-    ] }, k)) })
+      Co(w) ? /* @__PURE__ */ i(Mo, { imageUrl: w }) : /* @__PURE__ */ i("span", { children: String(w) })
+    ] }, M)) })
   ] });
 }
 function To({
@@ -5542,11 +5542,11 @@ const zi = ({
   loading: y,
   disabled: f
 }) => {
-  const [p, g] = I(c ? [] : null), N = q("custom-select__control", e), C = Q(() => n, [n]);
+  const [p, g] = I(c ? [] : null), N = q("custom-select__control", e), k = Q(() => n, [n]);
   return G(() => {
     const S = n == null ? void 0 : n.find((x) => {
-      var M;
-      return typeof x.value == "string" && typeof t == "string" ? x.value.toLowerCase() === t.toLowerCase() : typeof x.value == "object" && typeof t == "object" ? ((M = x.value) == null ? void 0 : M.id) === (t == null ? void 0 : t.id) : x.value === t;
+      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;
     });
     g(S || null);
   }, [t, n]), G(() => {
@@ -5571,20 +5571,20 @@ const zi = ({
             {
               as: ne.Fragment,
               leave: "custom-select__transition",
-              children: /* @__PURE__ */ i(ie.Options, { className: "custom-select__options", anchor: "bottom", children: C == null ? void 0 : C.map((S, x) => /* @__PURE__ */ i(
+              children: /* @__PURE__ */ i(ie.Options, { className: "custom-select__options", anchor: "bottom", children: k == null ? void 0 : k.map((S, x) => /* @__PURE__ */ i(
                 ie.Option,
                 {
                   value: S,
-                  className: ({ active: M }) => q(
+                  className: ({ active: C }) => q(
                     "custom-select__option",
-                    M && "custom-select__option--active"
+                    C && "custom-select__option--active"
                   ),
-                  children: ({ selected: M }) => /* @__PURE__ */ i(
+                  children: ({ selected: C }) => /* @__PURE__ */ i(
                     "span",
                     {
                       className: q(
                         "custom-select__option-label",
-                        M && "custom-select__option--selected"
+                        C && "custom-select__option--selected"
                       ),
                       children: S.label
                     }
@@ -5682,14 +5682,14 @@ const zi = ({
   }, []);
   const p = (N) => {
     if (!a && !v) {
-      const C = N + 1;
-      c == null || c(d.id, C), r == null || r(d.id), s == null || s(C);
+      const k = N + 1;
+      c == null || c(d.id, k), r == null || r(d.id), s == null || s(k);
     }
   };
   return /* @__PURE__ */ b("div", { className: `flex gap-1 ${l}`, children: [
     /* @__PURE__ */ i("input", { type: "hidden", ...t(d.id) }),
-    Array.from({ length: n }, (N, C) => {
-      const S = y !== null ? C <= y : C < h;
+    Array.from({ length: n }, (N, k) => {
+      const S = y !== null ? k <= y : k < h;
       return /* @__PURE__ */ i(
         mn,
         {
@@ -5697,11 +5697,11 @@ const zi = ({
           className: `cursor-pointer transition-colors ${S ? "text-yellow-400" : "text-gray-300"}`,
           width: o,
           height: o,
-          onMouseEnter: () => !(a || v) && f(C),
+          onMouseEnter: () => !(a || v) && f(k),
           onMouseLeave: () => !(a || v) && f(null),
-          onClick: () => p(C)
+          onClick: () => p(k)
         },
-        C
+        k
       );
     })
   ] });
@@ -6138,38 +6138,38 @@ function Vo({
   onChange: h,
   onError: y
 }) {
-  const [f, p] = I(""), [g, N] = I(null), [C, S] = I(""), x = Q(
+  const [f, p] = I(""), [g, N] = I(null), [k, S] = I(""), x = Q(
     () => {
-      var B;
-      return (B = li == null ? void 0 : li.slice().sort((z, $) => z.label.localeCompare($.label))) == null ? void 0 : B.map((z) => ({ ...z, phone: `+${z.phone}` }));
+      var E;
+      return (E = li == null ? void 0 : li.slice().sort((z, $) => z.label.localeCompare($.label))) == null ? void 0 : E.map((z) => ({ ...z, phone: `+${z.phone}` }));
     },
     []
-  ), M = Q(() => f ? x.filter(
-    (B) => `${B.label} ${B.phone}`.toLowerCase().includes(f.toLowerCase())
-  ) : x, [f, x]), k = (g == null ? void 0 : g.min) || 10, L = (g == null ? void 0 : g.max) || 10, A = () => C ? `${(g == null ? void 0 : g.phone) || "+234"}-${C}` : "", w = (B) => {
-    if (!B) return { code: "+234", number: "" };
-    const z = B.split(/[-\s]/);
+  ), C = Q(() => f ? x.filter(
+    (E) => `${E.label} ${E.phone}`.toLowerCase().includes(f.toLowerCase())
+  ) : x, [f, x]), M = (g == null ? void 0 : g.min) || 10, w = (g == null ? void 0 : g.max) || 10, A = () => k ? `${(g == null ? void 0 : g.phone) || "+234"}-${k}` : "", T = (E) => {
+    if (!E) return { code: "+234", number: "" };
+    const z = E.split(/[-\s]/);
     return { code: z[0], number: z.slice(1).join(" ") };
   };
   G(() => {
     if (d) {
-      const B = w(d);
+      const E = T(d);
       N(
-        x.find((z) => z.phone === B.code) || x[0]
-      ), S(B.number);
+        x.find((z) => z.phone === E.code) || x[0]
+      ), S(E.number);
     }
   }, [d, x]);
-  const R = Q(() => {
+  const D = Q(() => {
     if (u) return u;
-    const B = C.length;
-    return s && B === 0 ? "Phone number is required" : B > 0 && !/^\d+$/.test(C) ? "Phone number must contain only digits" : B > 0 && B < k ? `Minimum length is ${k}` : B > L ? `Maximum length is ${L}` : "";
-  }, [u, C, k, L, s]);
+    const E = k.length;
+    return s && E === 0 ? "Phone number is required" : E > 0 && !/^\d+$/.test(k) ? "Phone number must contain only digits" : E > 0 && E < M ? `Minimum length is ${M}` : E > w ? `Maximum length is ${w}` : "";
+  }, [u, k, M, w, s]);
   return G(() => {
-    h == null || h(A()), y == null || y(R || null);
-  }, [C, g, R]), /* @__PURE__ */ b(
+    h == null || h(A()), y == null || y(D || null);
+  }, [k, g, D]), /* @__PURE__ */ b(
     "div",
     {
-      className: `relative formGroup ${R && !r ? "has-error" : ""} ${c ? "flex" : ""} ${!R && C.length > 0 && !r ? "is-valid" : ""}`,
+      className: `relative formGroup ${D && !r ? "has-error" : ""} ${c ? "flex" : ""} ${!D && k.length > 0 && !r ? "is-valid" : ""}`,
       children: [
         e && /* @__PURE__ */ b(
           "label",
@@ -6191,24 +6191,24 @@ function Vo({
               Pe.Input,
               {
                 className: "pl-3 pr-4 mr-1 text-sm bg-white  py-[10px] outline-none whitespace-nowrap max-w-[70px]",
-                displayValue: (B) => (B == null ? void 0 : B.phone) || "+234",
+                displayValue: (E) => (E == null ? void 0 : E.phone) || "+234",
                 placeholder: "+234",
-                onChange: (B) => p(B.target.value)
+                onChange: (E) => p(E.target.value)
               }
             ),
             /* @__PURE__ */ i(Pe.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ i(W, { icon: "lucide:chevron-down" }) }),
-            /* @__PURE__ */ i(Pe.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: M == null ? void 0 : M.map((B, z) => /* @__PURE__ */ b(
+            /* @__PURE__ */ i(Pe.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, z) => /* @__PURE__ */ b(
               Pe.Option,
               {
-                value: B,
+                value: E,
                 className: "px-4 py-2 cursor-pointer hover:bg-gray-100",
                 children: [
-                  B.phone,
+                  E.phone,
                   " - ",
-                  B.label
+                  E.label
                 ]
               },
-              `${B.code}+ ${z}`
+              `${E.code}+ ${z}`
             )) })
           ] }) }),
           /* @__PURE__ */ b("div", { className: "relative flex items-center flex-1 z-[1]", children: [
@@ -6217,20 +6217,20 @@ function Vo({
               {
                 type: "tel",
                 inputMode: "numeric",
-                value: C,
+                value: k,
                 disabled: t,
                 readOnly: r,
-                onChange: (B) => {
-                  const z = B.target.value.replace(/\D/g, "");
+                onChange: (E) => {
+                  const z = E.target.value.replace(/\D/g, "");
                   S(z);
                 },
                 placeholder: n,
                 className: "w-full px-3 outline-none",
-                maxLength: L,
-                minLength: k
+                maxLength: w,
+                minLength: M
               }
             ),
-            /* @__PURE__ */ i("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !R && C.length > 0 && !r && /* @__PURE__ */ i("span", { className: "text-green-500", children: /* @__PURE__ */ i(W, { icon: "bi:check-lg" }) }) })
+            /* @__PURE__ */ i("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !D && k.length > 0 && !r && /* @__PURE__ */ i("span", { className: "text-green-500", children: /* @__PURE__ */ i(W, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
         m && /* @__PURE__ */ i("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: m })
@@ -6378,11 +6378,11 @@ function Jo({
         const g = await p.json();
         let N = {};
         Array.isArray(g) ? g.forEach((S) => {
-          const x = S.value || S.id || S.option, M = S.count || S.votes || S.value || 0;
-          x && (N[x] = Number(M));
+          const x = S.value || S.id || S.option, C = S.count || S.votes || S.value || 0;
+          x && (N[x] = Number(C));
         }) : typeof g == "object" && (N = g), u(N);
-        const C = Object.values(N).reduce((S, x) => S + Number(x), 0);
-        r(C);
+        const k = Object.values(N).reduce((S, x) => S + Number(x), 0);
+        r(k);
       } catch (p) {
         console.error("Failed to fetch polling results", p);
       }
@@ -6566,42 +6566,42 @@ const hn = {
     []
   ), g = Z(
     (S, x) => {
-      const M = S.relatedTarget;
-      M && S.currentTarget.contains(M) || y((k) => k === x ? null : k);
+      const C = S.relatedTarget;
+      C && S.currentTarget.contains(C) || y((M) => M === x ? null : M);
     },
     []
   ), N = Z(
     (S, x) => {
-      var L;
+      var w;
       S.preventDefault(), S.stopPropagation(), t(!1), y(null);
-      const M = x + 1, k = S.dataTransfer.getData("elementId");
-      if (k) {
+      const C = x + 1, M = S.dataTransfer.getData("elementId");
+      if (M) {
         r({
-          draggedId: k,
+          draggedId: M,
           sectionId: n,
           targetGridId: e.id,
-          targetCol: M
+          targetCol: C
         });
         return;
       }
       try {
         const A = S.dataTransfer.getData("properties");
         if (!A) return;
-        const w = JSON.parse(A);
-        if ((w == null ? void 0 : w.type) === "grid") return;
-        const R = d.find(($) => $.id === n), B = (L = R == null ? void 0 : R.questionData) == null ? void 0 : L.find(
+        const T = JSON.parse(A);
+        if ((T == null ? void 0 : T.type) === "grid") return;
+        const D = d.find(($) => $.id === n), E = (w = D == null ? void 0 : D.questionData) == null ? void 0 : w.find(
           ($) => {
             var ae;
-            return $.gridId === e.id && ((ae = $.gridPosition) == null ? void 0 : ae.col) === M;
+            return $.gridId === e.id && ((ae = $.gridPosition) == null ? void 0 : ae.col) === C;
           }
         );
-        B && m(B.id, n);
+        E && m(E.id, n);
         const z = {
-          ...w,
+          ...T,
           id: be(),
           sectionId: n,
           gridId: e.id,
-          gridPosition: { col: M }
+          gridPosition: { col: C }
         };
         u(z, n);
       } catch (A) {
@@ -6609,17 +6609,17 @@ const hn = {
       }
     },
     [u, e.id, d, n, t, r]
-  ), C = (S, x, M) => {
+  ), k = (S, x, C) => {
     var ae, X, te;
-    const k = S + 1, L = (X = (ae = d.find((_) => _.id === n)) == null ? void 0 : ae.questionData) == null ? void 0 : X.find(
+    const M = S + 1, w = (X = (ae = d.find((_) => _.id === n)) == null ? void 0 : ae.questionData) == null ? void 0 : X.find(
       (_) => {
         var j;
-        return _.gridId === e.id && ((j = _.gridPosition) == null ? void 0 : j.col) === k;
+        return _.gridId === e.id && ((j = _.gridPosition) == null ? void 0 : j.col) === M;
       }
-    ), A = (te = L == null ? void 0 : L.id) != null ? te : null, w = Array.isArray(a) && a.find((_) => {
+    ), A = (te = w == null ? void 0 : w.id) != null ? te : null, T = Array.isArray(a) && a.find((_) => {
       var j;
-      return ((j = _ == null ? void 0 : _.props) == null ? void 0 : j.col) === k;
-    }), R = c && h === S, B = !!w, z = c && !!l, $ = B && A && M === "edit" ? {
+      return ((j = _ == null ? void 0 : _.props) == null ? void 0 : j.col) === M;
+    }), D = c && h === S, E = !!T, z = c && !!l, $ = E && A && C === "edit" ? {
       draggable: !0,
       onDragStart: (_) => {
         _.stopPropagation(), _.dataTransfer.setData("elementId", A), _.dataTransfer.setData("properties", A), _.dataTransfer.effectAllowed = "move", t(!0);
@@ -6641,30 +6641,30 @@ const hn = {
           "relative border  rounded-lg min-h-[110px] min-w-0",
           "flex items-center justify-center",
           "transition-all duration-200 ease-in-out",
-          M === "edit" ? "py-3 " : "",
-          B && M === "edit" && "cursor-grab active:cursor-grabbing border-none",
+          C === "edit" ? "py-3 " : "",
+          E && C === "edit" && "cursor-grab active:cursor-grabbing border-none",
           x,
-          !z && !R && "bg-white border-gray-200 text-gray-300",
-          z && !R && !B && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
-          z && !R && B && "bg-white border-orange-200 border-dashed",
-          R && !B && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
-          R && B && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
+          !z && !D && "bg-white border-gray-200 text-gray-300",
+          z && !D && !E && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
+          z && !D && E && "bg-white border-orange-200 border-dashed",
+          D && !E && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
+          D && E && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
         ),
         children: [
-          B && M === "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(W, { icon: "ph:dots-six-bold" }) }),
-          R && !B && /* @__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: [
+          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(W, { icon: "ph:dots-six-bold" }) }),
+          D && !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(W, { icon: "ph:plus-bold" }),
             "Drop here"
           ] }),
-          R && B && /* @__PURE__ */ i("span", { className: "absolute top-1 right-1 text-xs text-orange-400 font-medium pointer-events-none px-1 py-0.5 bg-orange-50 rounded", children: "Replace" }),
+          D && E && /* @__PURE__ */ i("span", { className: "absolute top-1 right-1 text-xs text-orange-400 font-medium pointer-events-none px-1 py-0.5 bg-orange-50 rounded", children: "Replace" }),
           /* @__PURE__ */ i(
             "div",
             {
               className: q(
                 "w-full select-none min-w-0",
-                R && "opacity-50 pointer-events-none"
+                D && "opacity-50 pointer-events-none"
               ),
-              children: w || /* @__PURE__ */ i("span", { className: "flex items-center justify-center text-gray-300", children: M === "edit" && /* @__PURE__ */ i(W, { icon: "ph:plus-bold" }) })
+              children: T || /* @__PURE__ */ i("span", { className: "flex items-center justify-center text-gray-300", children: C === "edit" && /* @__PURE__ */ i(W, { icon: "ph:plus-bold" }) })
             }
           )
         ]
@@ -6679,7 +6679,7 @@ const hn = {
         gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`
       },
       children: v == null ? void 0 : v.map(
-        (S, x) => C(x, s, o)
+        (S, x) => k(x, s, o)
       )
     }
   ) });
@@ -6747,23 +6747,23 @@ function Zo({ elementData: e, sectionId: n }) {
   const v = Z(
     (g) => {
       g.preventDefault(), g.stopPropagation();
-      const N = g.dataTransfer.getData("elementId"), C = g.currentTarget.id;
-      if (!N || !C || N === C) {
+      const N = g.dataTransfer.getData("elementId"), k = g.currentTarget.id;
+      if (!N || !k || N === k) {
         m();
         return;
       }
-      const S = r.find((M) => M.id === N), x = r.findIndex(
-        (M) => M.id === C
+      const S = r.find((C) => C.id === N), x = r.findIndex(
+        (C) => C.id === k
       );
-      S != null && S.gridId && x !== -1 ? d({ draggedId: N, sectionId: n, targetIndex: x }) : d({ draggedId: N, sectionId: n, targetId: C }), t(null), o(!1);
+      S != null && S.gridId && x !== -1 ? d({ draggedId: N, sectionId: n, targetIndex: x }) : d({ draggedId: N, sectionId: n, targetId: k }), t(null), o(!1);
     },
     [n, d, o, m, r]
   ), h = Z(
     (g, N) => {
       g.preventDefault(), g.stopPropagation(), o(!1);
-      const C = g.dataTransfer.getData("elementId");
-      if (C) {
-        d({ draggedId: C, sectionId: n, targetIndex: N }), t(null);
+      const k = g.dataTransfer.getData("elementId");
+      if (k) {
+        d({ draggedId: k, sectionId: n, targetIndex: N }), t(null);
         return;
       }
       try {
@@ -6782,9 +6782,9 @@ function Zo({ elementData: e, sectionId: n }) {
       {
         id: g.id,
         draggable: !0,
-        onDragStart: (C) => c(C, g.id),
-        onDragOver: N ? void 0 : (C) => {
-          C.preventDefault(), C.stopPropagation();
+        onDragStart: (k) => c(k, g.id),
+        onDragOver: N ? void 0 : (k) => {
+          k.preventDefault(), k.stopPropagation();
         },
         onDrop: N ? void 0 : v,
         onDragEnd: m,
@@ -6822,18 +6822,18 @@ function Zo({ elementData: e, sectionId: n }) {
       }
     ),
     p.map((g) => {
-      const N = r.findIndex((C) => C.id === g.id);
+      const N = r.findIndex((k) => k.id === g.id);
       if (g.type === "grid") {
-        const C = f[g.id] || [], S = u === g.id, x = !!u && !S;
+        const k = f[g.id] || [], S = u === g.id, x = !!u && !S;
         return /* @__PURE__ */ b("div", { className: "flex flex-col gap-0", children: [
           /* @__PURE__ */ i(
             "div",
             {
               id: g.id,
               draggable: !0,
-              onDragStart: (M) => c(M, g.id),
-              onDragOver: (M) => {
-                M.preventDefault(), M.stopPropagation();
+              onDragStart: (C) => c(C, g.id),
+              onDragOver: (C) => {
+                C.preventDefault(), C.stopPropagation();
               },
               onDrop: v,
               onDragEnd: m,
@@ -6849,10 +6849,10 @@ function Zo({ elementData: e, sectionId: n }) {
                   sectionId: n,
                   state: Yo,
                   draggedElementId: u,
-                  children: C == null ? void 0 : C.map(
-                    (M) => {
-                      var k;
-                      return /* @__PURE__ */ i($e, { col: (k = M.gridPosition) == null ? void 0 : k.col, children: y(M, !0) }, M.id);
+                  children: k == null ? void 0 : k.map(
+                    (C) => {
+                      var M;
+                      return /* @__PURE__ */ i($e, { col: (M = C.gridPosition) == null ? void 0 : M.col, children: y(C, !0) }, C.id);
                     }
                   )
                 }
@@ -6885,11 +6885,11 @@ function Zo({ elementData: e, sectionId: n }) {
     })
   ] });
 }
-const $o = _e(Zo), Qo = D.object({
-  title: D.string(),
-  description: D.string(),
-  disabled: D.boolean().default(!1),
-  isHidden: D.boolean().default(!1)
+const $o = _e(Zo), Qo = R.object({
+  title: R.string(),
+  description: R.string(),
+  disabled: R.boolean().default(!1),
+  isHidden: R.boolean().default(!1)
 }).required(), ui = se("config"), Xo = ({ isOpen: e, onClose: n, section: a }) => {
   const { updateSection: s } = ne.useContext(re), {
     register: o,
@@ -7336,33 +7336,33 @@ const $o = _e(Zo), Qo = D.object({
       });
     }), N.current = (m == null ? void 0 : m.length) || 0;
   }, [m == null ? void 0 : m.length]);
-  const C = Z((A) => {
+  const k = Z((A) => {
     A.preventDefault(), A.dataTransfer.dropEffect = "move", t.current && (t.current.scrollTop = t.current.scrollHeight);
-  }, []), S = Z((A, w) => {
-    g((R) => {
-      const B = R.findIndex((X) => X.id === A), z = R.findIndex((X) => X.id === w);
-      if (B === -1 || z === -1 || B === z) return R;
-      const $ = [...R], [ae] = $.splice(B, 1);
+  }, []), S = Z((A, T) => {
+    g((D) => {
+      const E = D.findIndex((X) => X.id === A), z = D.findIndex((X) => X.id === T);
+      if (E === -1 || z === -1 || E === z) return D;
+      const $ = [...D], [ae] = $.splice(E, 1);
       return $.splice(z, 0, ae), $;
     });
   }, [g]);
   function x(A) {
     f.includes(A) ? p(
-      (w) => w.filter((R) => R !== A)
-    ) : p((w) => [...w, A]);
+      (T) => T.filter((D) => D !== A)
+    ) : p((T) => [...T, A]);
   }
-  function M(A) {
+  function C(A) {
     u.current = A, o(!0);
   }
-  const k = (A) => {
-    const w = (R, B = {}) => ({
-      ...JSON.parse(JSON.stringify(R)),
-      ...B
+  const M = (A) => {
+    const T = (D, E = {}) => ({
+      ...JSON.parse(JSON.stringify(D)),
+      ...E
     });
     if (A.sections && Array.isArray(A.sections)) {
-      const B = A.sections.filter(Boolean).map(($) => {
+      const E = A.sections.filter(Boolean).map(($) => {
         var te;
-        const ae = be(), X = (te = $.questionData) == null ? void 0 : te.map((_) => w(_, { id: be(), sectionId: ae }));
+        const ae = be(), X = (te = $.questionData) == null ? void 0 : te.map((_) => T(_, { id: be(), sectionId: ae }));
         if (X) {
           const _ = /* @__PURE__ */ new Map();
           $.questionData.forEach((j, ye) => {
@@ -7371,11 +7371,11 @@ const $o = _e(Zo), Qo = D.object({
             j.gridId && _.has(j.gridId) && (j.gridId = _.get(j.gridId));
           });
         }
-        return w($, { id: ae, questionData: X || [] });
+        return T($, { id: ae, questionData: X || [] });
       });
-      m.length === 1 && m[0].title === "" && m[0].description === "" && (!m[0].questionData || m[0].questionData.length === 0) ? (g(B), B.length > 0 && h(B[0].id)) : g(($) => [...$, ...B]);
+      m.length === 1 && m[0].title === "" && m[0].description === "" && (!m[0].questionData || m[0].questionData.length === 0) ? (g(E), E.length > 0 && h(E[0].id)) : g(($) => [...$, ...E]);
     }
-  }, L = se("config");
+  }, w = se("config");
   return /* @__PURE__ */ b(
     "div",
     {
@@ -7397,19 +7397,19 @@ const $o = _e(Zo), Qo = D.object({
             className: "relative flex flex-col flex-1 w-full gap-y-3 container overflow-y-auto",
             children: [
               m == null ? void 0 : m.map(
-                (A, w) => /* @__PURE__ */ i(
+                (A, T) => /* @__PURE__ */ i(
                   ns,
                   {
                     section: A,
-                    index: w,
+                    index: T,
                     selectedSection: y,
                     setSelectedSection: h,
                     activeSections: f,
                     toggleSection: x,
-                    handleSectionEdit: M,
+                    handleSectionEdit: C,
                     removeSection: r,
                     formDataLength: m.length,
-                    onDragOver: C,
+                    onDragOver: k,
                     setIsDragging: v,
                     onReorderSection: S
                   },
@@ -7422,7 +7422,7 @@ const $o = _e(Zo), Qo = D.object({
                   {
                     type: "button",
                     onClick: () => c(),
-                    style: { color: (L == null ? void 0 : L.buttonColor) || "#333" },
+                    style: { color: (w == null ? void 0 : w.buttonColor) || "#333" },
                     className: "text-sm font-medium",
                     children: [
                       "+ Add section",
@@ -7437,7 +7437,7 @@ const $o = _e(Zo), Qo = D.object({
                     onClick: () => {
                       a != null && a.length ? d(!0) : e && e();
                     },
-                    style: { color: (L == null ? void 0 : L.buttonColor) || "#333" },
+                    style: { color: (w == null ? void 0 : w.buttonColor) || "#333" },
                     className: "text-sm font-medium",
                     children: "+ Add existing template"
                   }
@@ -7452,7 +7452,7 @@ const $o = _e(Zo), Qo = D.object({
             isOpen: l,
             onClose: () => d(!1),
             templates: a,
-            onSelect: k
+            onSelect: M
           }
         )
       ]
@@ -7504,7 +7504,7 @@ const $o = _e(Zo), Qo = D.object({
     const a = se("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" }) });
-}, ss = ne.lazy(() => import("./logic-flow-COuXfOVB.js"));
+}, ss = ne.lazy(() => import("./logic-flow-BD7m9aZW.js"));
 function ls({
   questionData: e,
   uploadUrl: n,
@@ -7646,7 +7646,7 @@ const ti = [
       ] }, y);
     }) }) })
   ] });
-}, us = _e(ds), Se = ({
+}, us = _e(ds), Ae = ({
   text: e = "",
   isDisabled: n = !1,
   isLoading: a = !1,
@@ -7821,25 +7821,26 @@ function ms({
   publishLoading: d,
   onTitleChange: u,
   viewMode: t,
-  setViewMode: r
+  setViewMode: r,
+  onShowVersion: c
 }) {
   const {
-    formData: c,
-    setShowPreview: m,
-    showPreview: v,
-    undo: h,
-    redo: y,
-    canUndo: f,
-    canRedo: p
-  } = ge(re), [g, N] = I(!1), [C, S] = I(!1), [x, M] = I(e || ""), k = se("config");
-  function L() {
-    localStorage.setItem("formData", JSON.stringify(c)), a == null || a(c);
-  }
+    formData: m,
+    setShowPreview: v,
+    showPreview: h,
+    undo: y,
+    redo: f,
+    canUndo: p,
+    canRedo: g
+  } = ge(re), [N, k] = I(!1), [S, x] = I(!1), [C, M] = I(e || ""), w = se("config");
   function A() {
-    localStorage.setItem("formData", JSON.stringify(c)), s == null || s(c);
+    localStorage.setItem("formData", JSON.stringify(m)), a == null || a(m);
   }
-  function w() {
-    S(!1), u && x !== e && u(x.trim());
+  function T() {
+    localStorage.setItem("formData", JSON.stringify(m)), s == null || s(m);
+  }
+  function D() {
+    x(!1), u && C !== e && u(C.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: [
@@ -7848,19 +7849,19 @@ function ms({
         {
           type: "button",
           onClick: () => n(),
-          style: { color: (k == null ? void 0 : k.buttonColor) || "#333" },
+          style: { color: (w == null ? void 0 : w.buttonColor) || "#333" },
           className: "flex items-center gap-x-3",
           children: /* @__PURE__ */ i(rs, {})
         }
       ),
       " ",
-      C ? /* @__PURE__ */ i(
+      S ? /* @__PURE__ */ i(
         "input",
         {
           type: "text",
-          value: x,
-          onChange: (R) => M(R.target.value),
-          onBlur: w,
+          value: C,
+          onChange: (E) => M(E.target.value),
+          onBlur: D,
           autoFocus: !0,
           className: "w-48 px-2 py-1 text-sm font-semibold outline-gray-100 input form_title"
         }
@@ -7869,16 +7870,16 @@ function ms({
         {
           title: "Click to edit",
           className: "text-base font-semibold cursor-pointer form_title",
-          onClick: () => S(!0),
-          children: x || "Untitled"
+          onClick: () => x(!0),
+          children: C || "Untitled"
         }
       )
     ] }),
-    g && /* @__PURE__ */ i(
+    N && /* @__PURE__ */ i(
       cs,
       {
-        isOpen: g,
-        onClose: () => N(!1),
+        isOpen: N,
+        onClose: () => k(!1),
         element: void 0
       }
     ),
@@ -7888,8 +7889,8 @@ function ms({
           "button",
           {
             type: "button",
-            style: { color: (k == null ? void 0 : k.buttonColor) || "#333" },
-            className: `px-3 flex items-center gap-1.5 transition-colors canvas_view ${t === "canvas" ? "bg-gray-100  font-medium" : "bg-white text-gray-500 hover:bg-gray-50"}`,
+            style: { color: (w == null ? void 0 : w.buttonColor) || "#333" },
+            className: `px-3 flex items-center gap-1.5 transition-colors canvas_view ${t === "canvas" ? "bg-white   font-medium" : "bg-gray-100 text-gray-500 hover:bg-gray-50"}`,
             onClick: () => r("canvas"),
             children: [
               /* @__PURE__ */ i(
@@ -7908,8 +7909,8 @@ function ms({
           "button",
           {
             type: "button",
-            style: { color: (k == null ? void 0 : k.buttonColor) || "#333" },
-            className: `px-3 flex items-center gap-1.5 border-l border-gray-300 transition-colors flow_view ${t === "flow" ? "bg-gray-100  font-medium" : "bg-white text-gray-500 hover:bg-gray-50"}`,
+            style: { color: (w == null ? void 0 : w.buttonColor) || "#333" },
+            className: `px-3 flex items-center gap-1.5 border-l border-gray-300 transition-colors flow_view ${t === "flow" ? " bg-white  font-medium" : "bg-gray-100  text-gray-500 hover:bg-gray-50"}`,
             onClick: () => r("flow"),
             children: [
               /* @__PURE__ */ i(W, { icon: "mdi:sitemap-outline", iconClass: "text-base" }),
@@ -7919,61 +7920,72 @@ function ms({
         )
       ] }),
       /* @__PURE__ */ i(
-        Se,
+        Ae,
         {
-          onClick: h,
+          onClick: y,
           text: "",
-          btnClass: `!px-2 bg-transparent undo ${f ? "" : "opacity-50"}`,
+          btnClass: `!px-2 bg-transparent undo ${p ? "" : "opacity-50"}`,
           icon: "material-symbols:undo",
           iconClass: "text-xl !mr-0",
-          style: { color: (k == null ? void 0 : k.buttonColor) || "#333" },
-          isDisabled: !f
+          style: { color: (w == null ? void 0 : w.buttonColor) || "#333" },
+          isDisabled: !p
         }
       ),
       /* @__PURE__ */ i(
-        Se,
+        Ae,
         {
-          onClick: y,
+          onClick: f,
           text: "",
-          btnClass: `!px-2 bg-transparent redo ${p ? "" : "opacity-50"}`,
+          btnClass: `!px-2 bg-transparent redo ${g ? "" : "opacity-50"}`,
           icon: "material-symbols:redo",
           iconClass: "text-xl !mr-0",
-          style: { color: (k == null ? void 0 : k.buttonColor) || "#333" },
-          isDisabled: !p
+          style: { color: (w == null ? void 0 : w.buttonColor) || "#333" },
+          isDisabled: !g
+        }
+      ),
+      c && /* @__PURE__ */ i(
+        Ae,
+        {
+          onClick: c,
+          text: "Versions",
+          btnClass: "px-2  bg-transparent font-medium text-sm version_btn",
+          icon: "tabler:history",
+          iconClass: "text-xl",
+          style: { color: (w == null ? void 0 : w.buttonColor) || "#333" }
         }
       ),
       /* @__PURE__ */ i(
-        Se,
+        Ae,
         {
-          onClick: () => m((R) => !R),
-          text: v ? "Hide Preview" : "Preview",
+          onClick: () => v((E) => !E),
+          text: h ? "Hide Preview" : "Preview",
           btnClass: "px-2  bg-transparent font-medium text-sm form_preview",
-          icon: v ? "iconamoon:eye-off-duotone" : "solar:eye-bold-duotone",
+          icon: h ? "iconamoon:eye-off-duotone" : "solar:eye-bold-duotone",
           iconClass: "text-base",
-          style: { color: (k == null ? void 0 : k.buttonColor) || "#333" },
+          style: { color: (w == null ? void 0 : w.buttonColor) || "#333" },
           isDisabled: o,
           isLoading: o
         }
       ),
       /* @__PURE__ */ i(
-        Se,
+        Ae,
         {
-          onClick: L,
+          onClick: A,
           text: "Save",
           btnClass: "px-2  bg-transparent font-medium text-sm form_save__btn",
           icon: "lets-icons:save-duotone",
           iconClass: "text-base",
-          style: { color: (k == null ? void 0 : k.buttonColor) || "#333" },
+          style: { color: (w == null ? void 0 : w.buttonColor) || "#333" },
           isDisabled: l,
           isLoading: l
         }
       ),
       /* @__PURE__ */ i(
-        Se,
+        Ae,
         {
-          onClick: A,
+          onClick: T,
           text: "Publish",
-          style: { background: (k == null ? void 0 : k.buttonColor) || "#333" },
+          style: { background: (w == null ? void 0 : w.buttonColor) || "#333" },
           btnClass: "border-[#98A2B3] font-medium text-sm py-2 px-6 text-white rounded-lg form_publish__btn",
           isDisabled: d,
           isLoading: d
@@ -7997,14 +8009,15 @@ function bs({
   onTitleChange: m,
   uploadUrl: v,
   onAddTemplate: h,
-  templates: y
+  templates: y,
+  onShowVersion: f
 }) {
-  const [f, p] = I("canvas");
+  const [p, g] = I("canvas");
   return /* @__PURE__ */ b(Zi, { onChange: n, onLogAction: a, children: [
     /* @__PURE__ */ i(Yi, { position: "top-right", richColors: !0, closeButton: !0 }),
     /* @__PURE__ */ i("div", { className: "w-full h-full bg-[#F8F9FC] flex flex-col", children: /* @__PURE__ */ b("div", { className: "flex flex-1 ", children: [
-      f === "canvas" && /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("div", { className: "w-[250px] h-screen border-r border-[#E4E7EC] bg-white ", children: /* @__PURE__ */ i(us, {}) }) }),
-      /* @__PURE__ */ b("div", { className: `flex-1 h-full max-h-full z-[1] ${f === "canvas" ? "w-[calc(100%-250px)]" : "w-full"}`, children: [
+      p === "canvas" && /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("div", { className: "w-[250px] h-screen border-r border-[#E4E7EC] bg-white ", children: /* @__PURE__ */ i(us, {}) }) }),
+      /* @__PURE__ */ b("div", { className: `flex-1 h-full max-h-full z-[1] ${p === "canvas" ? "w-[calc(100%-250px)]" : "w-full"}`, children: [
         /* @__PURE__ */ i("div", { className: " h-[70px]", children: /* @__PURE__ */ i(
           ms,
           {
@@ -8016,8 +8029,9 @@ function bs({
             saveLoading: r,
             publishLoading: c,
             onTitleChange: m,
-            viewMode: f,
-            setViewMode: p
+            viewMode: p,
+            setViewMode: g,
+            onShowVersion: f
           }
         ) }),
         /* @__PURE__ */ i("div", { className: "p-6 h-[calc(100vh-70px)]", children: d ? /* @__PURE__ */ i(wi, { loadingClass: "!w-full !h-[800px]" }) : /* @__PURE__ */ i(
@@ -8027,7 +8041,7 @@ function bs({
             uploadUrl: v,
             onAddTemplate: h,
             templates: y,
-            viewMode: f
+            viewMode: p
           }
         ) })
       ] })
@@ -8053,7 +8067,8 @@ const Gs = ({
   onTitleChange: h,
   uploadUrl: y,
   onAddTemplate: f,
-  templates: p
+  templates: p,
+  onShowVersion: g
 }) => (G(() => {
   l && vn("config", l);
 }, [l]), /* @__PURE__ */ i(
@@ -8074,7 +8089,8 @@ const Gs = ({
     onTitleChange: h,
     uploadUrl: y,
     onAddTemplate: f,
-    templates: p
+    templates: p,
+    onShowVersion: g
   }
 )), Ce = {
   required: "This field is required",
@@ -8085,20 +8101,20 @@ const Gs = ({
   minAmount: (e) => `Minimum amount is ${e}`,
   maxAmount: (e) => `Maximum amount is ${e}`
 }, vs = (e, n = !1) => ({
-  textField: D.string().nullable(),
-  longText: D.string().nullable(),
-  numberField: D.number().nullable().transform((s) => isNaN(s) ? null : s),
-  amountField: D.number().nullable().transform((s) => isNaN(s) ? null : s),
-  selectField: D.string().nullable(),
-  checkbox: D.mixed().nullable(),
-  radio: D.mixed().nullable(),
-  matrix: D.mixed().nullable(),
-  email: D.string().nullable().test("email-format", Ce.email, (s) => !s || s.trim() === "" ? !0 : /^[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/.test(s)),
-  date: D.date().nullable().transform((s, o) => n && o === "" ? null : s).typeError("Invalid date"),
-  url: D.string().nullable().test("url-format", Ce.url, (s) => !s || s.trim() === "" ? !0 : /^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/.*)?$/.test(
+  textField: R.string().nullable(),
+  longText: R.string().nullable(),
+  numberField: R.number().nullable().transform((s) => isNaN(s) ? null : s),
+  amountField: R.number().nullable().transform((s) => isNaN(s) ? null : s),
+  selectField: R.string().nullable(),
+  checkbox: R.mixed().nullable(),
+  radio: R.mixed().nullable(),
+  matrix: R.mixed().nullable(),
+  email: R.string().nullable().test("email-format", Ce.email, (s) => !s || s.trim() === "" ? !0 : /^[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/.test(s)),
+  date: R.date().nullable().transform((s, o) => n && o === "" ? null : s).typeError("Invalid date"),
+  url: R.string().nullable().test("url-format", Ce.url, (s) => !s || s.trim() === "" ? !0 : /^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/.*)?$/.test(
     s
   ))
-})[e] || D.mixed().nullable(), ps = (e, n, a) => n ? e.type === "boolean" ? e.oneOf([!0], a || Ce.required) : e.required(a || Ce.required) : e, hs = (e, {
+})[e] || R.mixed().nullable(), ps = (e, n, a) => n ? e.type === "boolean" ? e.oneOf([!0], a || Ce.required) : e.required(a || Ce.required) : e, hs = (e, {
   minLength: n,
   maxLength: a,
   minLengthMessage: s,
@@ -8169,7 +8185,7 @@ function fs({ formData: e, isReadOnly: n, answerData: a }) {
         l
       )), s[d] = m;
     });
-  }), D.object().shape(s);
+  }), R.object().shape(s);
 }
 const Ie = ({ element: e, validationData: n }) => {
   const a = hn[e.type], { answerData: s } = ge(re), o = Q(
@@ -8411,7 +8427,7 @@ function As({ element: e, options: n, onNext: a, onPrev: s, isFirst: o, isLast:
             /* @__PURE__ */ i("div", { className: "text-left w-full mb-8", children: e.type === "grid" ? t(e) : r(e) }),
             !d && /* @__PURE__ */ b("div", { className: "flex items-center gap-4 mt-8", children: [
               /* @__PURE__ */ i(
-                Se,
+                Ae,
                 {
                   type: "button",
                   text: l ? n != null && n.isSubmitting ? "Submitting..." : "Submit" : "OK",
@@ -8448,52 +8464,52 @@ const Ns = ({
   hideFooter: t = !1,
   uploadUrl: r
 }) => {
-  var we, Ee, O, H, J, T, P, U;
+  var we, Ee, O, H, J, B, P, U;
   const { setAnswerData: c, setUploadUrl: m } = ge(re), [v, h] = I(0), [y, f] = I(0), p = Q(
-    () => e.filter((E) => !E.isHidden).map((E) => {
+    () => e.filter((L) => !L.isHidden).map((L) => {
       var K;
-      return E.isDisabled || E.disabled ? {
-        ...E,
-        questionData: (K = E.questionData) == null ? void 0 : K.map((F) => ({
+      return L.isDisabled || L.disabled ? {
+        ...L,
+        questionData: (K = L.questionData) == null ? void 0 : K.map((F) => ({
           ...F,
           isDisabled: !0
         }))
-      } : E;
+      } : L;
     }),
     [e]
-  ), g = (we = p == null ? void 0 : p.length) != null ? we : 0, N = se("config"), C = Z(
-    async (E, Y, K) => {
+  ), g = (we = p == null ? void 0 : p.length) != null ? we : 0, N = se("config"), k = Z(
+    async (L, Y, K) => {
       const F = fs({
         formData: p,
         isReadOnly: l,
-        answerData: E
+        answerData: L
         // use current form data to evaluate visibility
       });
-      return Ci(F)(E, Y, K);
+      return Ci(F)(L, Y, K);
     },
     [p, l]
   ), S = yi({
-    resolver: C,
+    resolver: k,
     mode: "onSubmit",
     defaultValues: {}
   }), {
     register: x,
-    setValue: M,
-    control: k,
-    handleSubmit: L,
+    setValue: C,
+    control: M,
+    handleSubmit: w,
     reset: A,
-    getValues: w,
-    watch: R,
-    formState: { errors: B, isSubmitting: z },
+    getValues: T,
+    watch: D,
+    formState: { errors: E, isSubmitting: z },
     trigger: $,
     setError: ae,
     clearErrors: X
-  } = S, te = wn({ control: k }), _ = Q(
+  } = S, te = wn({ control: M }), _ = Q(
     () => te,
     [JSON.stringify(te)]
   ), j = Q(() => {
     if (d !== "conversational") return [];
-    const E = [];
+    const L = [];
     return p.forEach((Y) => {
       var K;
       (K = Y.questionData) == null || K.forEach((F) => {
@@ -8501,13 +8517,13 @@ const Ns = ({
         if (Ti(F, _))
           if (F.type === "grid") {
             const ce = (oe = Y.questionData) == null ? void 0 : oe.filter((le) => le.gridId === F.id);
-            E.push({ ...F, gridChildren: ce });
-          } else F.gridId || E.push(F);
+            L.push({ ...F, gridChildren: ce });
+          } else F.gridId || L.push(F);
       });
-    }), E;
+    }), L;
   }, [p, _, d]), ye = Z(
-    (E) => {
-      o && o(E);
+    (L) => {
+      o && o(L);
     },
     [o]
   );
@@ -8515,7 +8531,7 @@ const Ns = ({
     m(r);
   }, [m, r]), G(() => {
     if (!(p != null && p.length) || !o) return;
-    const E = p.flatMap(
+    const L = p.flatMap(
       (Y) => {
         var K;
         return (K = Y.questionData) == null ? void 0 : K.map((F) => ({
@@ -8530,7 +8546,7 @@ const Ns = ({
         }));
       }
     );
-    ye(E), c(_);
+    ye(L), c(_);
   }, [
     _,
     p,
@@ -8541,13 +8557,13 @@ const Ns = ({
     n != null && n.length && A(Ss(n));
   }, [n, A]);
   const Ne = Z(
-    (E) => {
+    (L) => {
       const Y = p.flatMap(
         (K) => {
           var F;
           return (F = K.questionData) == null ? void 0 : F.map((oe) => ({
             id: oe.id,
-            value: E[oe.id] || "",
+            value: L[oe.id] || "",
             sectionId: K.id,
             type: oe.type,
             metaData: {
@@ -8557,11 +8573,11 @@ const Ns = ({
           }));
         }
       );
-      Object.keys(B).length > 0 || s == null || s(Y);
+      Object.keys(E).length > 0 || s == null || s(Y);
     },
-    [B, p, s]
+    [E, p, s]
   ), Me = Z(async () => {
-    var E, Y;
+    var L, Y;
     if (d === "conversational") {
       if (!a) {
         const K = j[y];
@@ -8569,44 +8585,44 @@ const Ns = ({
         const F = K.gridChildren ? K.gridChildren.map((ce) => ce.id) : [K.id];
         if (!await $(F)) return;
       }
-      y < j.length - 1 ? f((K) => K + 1) : L(Ne)();
+      y < j.length - 1 ? f((K) => K + 1) : w(Ne)();
       return;
     }
     if (!a) {
-      const K = (Y = (E = p == null ? void 0 : p[v]) == null ? void 0 : E.questionData) == null ? void 0 : Y.map(
+      const K = (Y = (L = p == null ? void 0 : p[v]) == null ? void 0 : L.questionData) == null ? void 0 : Y.map(
         (oe) => oe.id
       );
       if (!await $(K)) return;
     }
     h((K) => K + 1);
-  }, [v, y, j, p, a, $, d, L, Ne]), he = Z(() => {
+  }, [v, y, j, p, a, $, d, w, Ne]), he = Z(() => {
     if (d === "conversational") {
-      f((E) => Math.max(0, E - 1));
+      f((L) => Math.max(0, L - 1));
       return;
     }
-    h((E) => E - 1);
-  }, [d]), Ae = Q(
+    h((L) => L - 1);
+  }, [d]), Se = Q(
     () => ({
       register: x,
-      setValue: M,
-      watch: R,
-      errors: B,
+      setValue: C,
+      watch: D,
+      errors: E,
       trigger: $,
       isSubmitting: z,
       isReadOnly: l,
-      getValues: w,
+      getValues: T,
       setError: ae,
       clearErrors: X
     }),
     [
       x,
-      M,
-      R,
-      B,
+      C,
+      D,
+      E,
       $,
       z,
       l,
-      w,
+      T,
       ae,
       X
     ]
@@ -8616,7 +8632,7 @@ const Ns = ({
     /* @__PURE__ */ b(
       "form",
       {
-        onSubmit: L(Ne),
+        onSubmit: w(Ne),
         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(
@@ -8626,20 +8642,20 @@ const Ns = ({
               children: [
                 d === "multi" && (((Ee = p == null ? void 0 : p[v]) == null ? void 0 : Ee.title) || ((O = p == null ? void 0 : p[v]) == null ? void 0 : O.description)) && /* @__PURE__ */ b("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
                   ((H = p[v]) == null ? void 0 : H.title) && /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-[6px]", children: (J = p[v]) == null ? void 0 : J.title }),
-                  ((T = p[v]) == null ? void 0 : T.description) && /* @__PURE__ */ i("p", { className: "text-sm", children: (P = p[v]) == null ? void 0 : P.description })
+                  ((B = p[v]) == null ? void 0 : B.description) && /* @__PURE__ */ i("p", { className: "text-sm", children: (P = p[v]) == null ? void 0 : P.description })
                 ] }),
                 d === "multi" ? /* @__PURE__ */ i(
                   xs,
                   {
                     form_data: p,
-                    options: Ae,
+                    options: Se,
                     current: v
                   }
                 ) : d === "conversational" ? /* @__PURE__ */ i(
                   As,
                   {
                     element: j[y],
-                    options: Ae,
+                    options: Se,
                     onNext: Me,
                     onPrev: he,
                     isFirst: y === 0,
@@ -8650,7 +8666,7 @@ const Ns = ({
                   ys,
                   {
                     form_data: p,
-                    options: Ae
+                    options: Se
                   }
                 )
               ]
@@ -8675,7 +8691,7 @@ const Ns = ({
                 )
               ] }),
               v < g - 1 && /* @__PURE__ */ i(
-                Se,
+                Ae,
                 {
                   type: "button",
                   text: "Next",
@@ -8686,9 +8702,9 @@ const Ns = ({
               )
             ] }),
             (v === g - 1 || l) && !a && (u != null ? u : /* @__PURE__ */ i(
-              Se,
+              Ae,
               {
-                isDisabled: z || Object.keys(B).length > 0,
+                isDisabled: z || Object.keys(E).length > 0,
                 isLoading: z,
                 type: "submit",
                 text: "Submit",
@@ -8697,9 +8713,9 @@ const Ns = ({
               }
             ))
           ] }) : !a && (u != null ? u : /* @__PURE__ */ i(
-            Se,
+            Ae,
             {
-              isDisabled: z || Object.keys(B).length > 0,
+              isDisabled: z || Object.keys(E).length > 0,
               isLoading: z,
               type: "submit",
               text: "Submit",