npm - @arudovwen/form-builder-react - Versions diffs - 1.8.0 → 1.8.2 - Mend

@arudovwen/form-builder-react 1.8.0 → 1.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/form-builder-react.css +1 -1
package/dist/form-builder.es.js +1 -1
package/dist/form-builder.umd.js +4 -4
package/dist/{index-h5u3VnI5.js → index-prA6eLNT.js} +803 -778
package/dist/{logic-flow-KtIPQ2fZ.js → logic-flow-2lu0WlOE.js} +1 -1
package/package.json +1 -1
package/types/components/editor/bottom-bar.d.ts +2 -1

package/dist/{index-h5u3VnI5.js → index-prA6eLNT.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import { jsx as i, Fragment as ve, jsxs as b } from "react/jsx-runtime";
-import se, { createContext as xn, useState as D, useEffect as G, useRef as re, useMemo as ee, forwardRef as Zi, createElement as bi, Fragment as ze, useContext as ye, useCallback as Y, memo as Ze, Suspense as An } from "react";
+import se, { createContext as xn, useState as D, useEffect as G, useRef as re, useMemo as ee, forwardRef as Zi, createElement as bi, Fragment as ze, useContext as ye, useCallback as Y, memo as Ze, Suspense as Sn } from "react";
 import { v4 as pe } from "uuid";
-import Sn from "react-datepicker";
-import { Listbox as ae, Transition as we, Combobox as De, ComboboxInput as Nn, ComboboxButton as kn, ComboboxOptions as Cn, ComboboxOption as Mn } from "@headlessui/react";
+import An from "react-datepicker";
+import { Listbox as ae, Transition as we, Combobox as De, ComboboxInput as Nn, ComboboxButton as Cn, ComboboxOptions as kn, ComboboxOption as Mn } from "@headlessui/react";
 import { toast as xe, Toaster as $i } from "sonner";
 import Pe from "axios";
 import $e from "react-currency-input-field";
 import { createPortal as wn } from "react-dom";
-import { appendErrors as Tn, useForm as Ai, useFieldArray as ni, useWatch as Bn, FormProvider as En } from "react-hook-form";
+import { appendErrors as Tn, useForm as Si, useFieldArray as ni, useWatch as Bn, FormProvider as En } from "react-hook-form";
 import { validateFieldsNatively as Ln, toNestErrors as Pn } from "@hookform/resolvers";
 import * as R from "yup";
 import Rn from "papaparse";
@@ -43,16 +43,32 @@ const be = xn(void 0), Pi = {
   G(() => {
     n && n(m);
   }, [m, n]), G(() => {
-    sessionStorage.setItem("editor_past", JSON.stringify(r));
+    try {
+      sessionStorage.setItem("editor_past", JSON.stringify(r));
+    } catch (O) {
+      console.warn("Could not save editor_past to sessionStorage", O);
+    }
   }, [r]), G(() => {
-    sessionStorage.setItem("editor_future", JSON.stringify(v));
+    try {
+      sessionStorage.setItem("editor_future", JSON.stringify(v));
+    } catch (O) {
+      console.warn("Could not save editor_future to sessionStorage", O);
+    }
   }, [v]);
   const f = re(Date.now()), g = se.useCallback((O) => {
     c((B) => {
       const K = typeof O == "function" ? O(B) : O;
       if (JSON.stringify(B) !== JSON.stringify(K)) {
         const P = Date.now();
-        h((E) => E.length > 0 && JSON.stringify(E[E.length - 1]) === JSON.stringify(B) ? E : P - f.current < 800 && E.length > 0 ? (f.current = P, E) : (f.current = P, [...E, B])), y([]);
+        h((L) => {
+          if (L.length > 0 && JSON.stringify(L[L.length - 1]) === JSON.stringify(B))
+            return L;
+          if (P - f.current < 800 && L.length > 0)
+            return f.current = P, L;
+          f.current = P;
+          const U = [...L, B];
+          return U.length > 20 ? U.slice(U.length - 20) : U;
+        }), y([]);
       }
       return K;
     });
@@ -64,59 +80,59 @@ const be = xn(void 0), Pi = {
     if (v.length === 0) return;
     const O = v[0], B = v.slice(1);
     y(B), h([...r, m]), c(O), a == null || a("REDO", null);
-  }, [r, v, m, a]), S = m, C = r.length > 0, x = v.length > 0, [k, M] = D(!1), [w, A] = D(null), [T, I] = D([
+  }, [r, v, m, a]), A = m, k = r.length > 0, x = v.length > 0, [C, M] = D(!1), [w, S] = D(null), [T, I] = D([
     0
-  ]), [L, F] = D(""), [Z, ie] = D(0), X = se.useCallback(() => {
+  ]), [E, F] = D(""), [Z, ie] = D(0), X = se.useCallback(() => {
   }, []), he = se.useCallback(() => {
     const O = pe();
-    g((B) => [...B, { ...Pi, id: O }]), A(O), I([S.length]), a == null || a("ADD_SECTION", { sectionId: O });
-  }, [S, a, g]), _ = se.useCallback(
+    g((B) => [...B, { ...Pi, id: O }]), S(O), I([A.length]), a == null || a("ADD_SECTION", { sectionId: O });
+  }, [A, a, g]), _ = se.useCallback(
     (O) => {
       g(
         (B) => B.filter((K) => K.id !== O)
-      ), A(null), a == null || a("REMOVE_SECTION", { sectionId: O });
+      ), S(null), a == null || a("REMOVE_SECTION", { sectionId: O });
     },
     [a, g]
   ), V = se.useCallback(
     (O, B) => {
-      const K = S.find((E) => E.id === B), P = K == null ? void 0 : K.questionData.find(
-        (E) => E.id === O
+      const K = A.find((L) => L.id === B), P = K == null ? void 0 : K.questionData.find(
+        (L) => L.id === O
       );
       P && (g(
-        (E) => E == null ? void 0 : E.map(
-          (q) => q.id === B ? {
-            ...q,
-            questionData: q == null ? void 0 : q.questionData.filter(($) => P.type === "grid" ? $.gridId !== P.id && $.id !== P.id : $.id !== O)
-          } : q
+        (L) => L == null ? void 0 : L.map(
+          (U) => U.id === B ? {
+            ...U,
+            questionData: U == null ? void 0 : U.questionData.filter(($) => P.type === "grid" ? $.gridId !== P.id && $.id !== P.id : $.id !== O)
+          } : U
         )
       ), a == null || a("REMOVE_ELEMENT", { sectionId: B, elementId: O }));
     },
-    [S, g, a]
+    [A, g, a]
   ), ce = se.useCallback(
     (O, B) => {
-      const K = S.find(($) => $.id === B);
+      const K = A.find(($) => $.id === B);
       if (!K) return;
       const P = K == null ? void 0 : K.questionData.findIndex(
         ($) => $.id === O
       );
       if (P === -1) return;
-      const E = K == null ? void 0 : K.questionData[P], q = ($, j = {}) => ({
+      const L = K == null ? void 0 : K.questionData[P], U = ($, j = {}) => ({
         ...JSON.parse(JSON.stringify($)),
         id: pe(),
         ...j
       });
       g(
         ($) => $ == null ? void 0 : $.map((j) => {
-          var U;
+          var W;
           if (j.id !== B) return j;
           const H = [...j.questionData];
-          if (E.type === "grid") {
-            const Q = (U = H == null ? void 0 : H.map((fe, ii) => ({ e: fe, i: ii })).filter(
-              ({ e: fe }) => fe.id === E.id || fe.gridId === E.id
-            )) == null ? void 0 : U.map(({ i: fe }) => fe), oe = Q.length ? Math.max(...Q) + 1 : P + 1, le = pe(), me = q(E, {});
+          if (L.type === "grid") {
+            const Q = (W = H == null ? void 0 : H.map((fe, ii) => ({ e: fe, i: ii })).filter(
+              ({ e: fe }) => fe.id === L.id || fe.gridId === L.id
+            )) == null ? void 0 : W.map(({ i: fe }) => fe), oe = Q.length ? Math.max(...Q) + 1 : P + 1, le = pe(), me = U(L, {});
             me.id = le;
-            const te = H.filter((fe) => fe.gridId === E.id), Ne = te == null ? void 0 : te.map(
-              (fe) => q(fe, { gridId: le })
+            const te = H.filter((fe) => fe.gridId === L.id), Ne = te == null ? void 0 : te.map(
+              (fe) => U(fe, { gridId: le })
             ), Le = [
               ...H.slice(0, oe),
               me,
@@ -124,9 +140,9 @@ const be = xn(void 0), Pi = {
               ...H.slice(oe)
             ];
             return { ...j, questionData: Le };
-          } else if (E.gridId) {
-            const { gridId: Q, gridPosition: oe, ...le } = E, me = q(le, {}), te = H.reduce(
-              (Le, fe, ii) => fe.id === E.gridId || fe.gridId === E.gridId ? ii : Le,
+          } else if (L.gridId) {
+            const { gridId: Q, gridPosition: oe, ...le } = L, me = U(le, {}), te = H.reduce(
+              (Le, fe, ii) => fe.id === L.gridId || fe.gridId === L.gridId ? ii : Le,
               P
             ), Ne = [
               ...H.slice(0, te + 1),
@@ -135,7 +151,7 @@ const be = xn(void 0), Pi = {
             ];
             return { ...j, questionData: Ne };
           } else {
-            const Q = q(E, {}), oe = [
+            const Q = U(L, {}), oe = [
               ...H.slice(0, P + 1),
               Q,
               ...H.slice(P + 1)
@@ -145,8 +161,8 @@ const be = xn(void 0), Pi = {
         })
       ), a == null || a("DUPLICATE_ELEMENT", { sectionId: B, elementId: O });
     },
-    [S, g, a]
-  ), Ae = se.useCallback(
+    [A, g, a]
+  ), Se = se.useCallback(
     (O, B) => {
       g(
         (K) => K == null ? void 0 : K.map(
@@ -171,33 +187,33 @@ const be = xn(void 0), Pi = {
     (O, B, K) => {
       g(
         (P) => P == null ? void 0 : P.map(
-          (E) => E.id === B ? {
-            ...E,
+          (L) => L.id === B ? {
+            ...L,
             questionData: [
-              ...E == null ? void 0 : E.questionData.slice(0, K),
+              ...L == null ? void 0 : L.questionData.slice(0, K),
               O,
-              ...E == null ? void 0 : E.questionData.slice(K)
+              ...L == null ? void 0 : L.questionData.slice(K)
             ]
-          } : E
+          } : L
         )
       ), a == null || a("ADD_ELEMENT_IN_POSITION", { sectionId: B, element: O, index: K });
     },
     [g, a]
-  ), Se = se.useCallback(
+  ), Ae = se.useCallback(
     (O, B, K) => {
       g(
         (P) => P == null ? void 0 : P.map(
-          (E) => {
-            var q;
-            return E.id === K ? {
-              ...E,
-              questionData: (q = E == null ? void 0 : E.questionData) == null ? void 0 : q.map(
+          (L) => {
+            var U;
+            return L.id === K ? {
+              ...L,
+              questionData: (U = L == null ? void 0 : L.questionData) == null ? void 0 : U.map(
                 ($) => {
                   var j;
                   return $.type === "grid" && $.gridData ? {
                     ...$,
                     gridData: (j = $.gridData) == null ? void 0 : j.map(
-                      (H, U) => U === O ? {
+                      (H, W) => W === O ? {
                         ...H,
                         ...B
                       } : H
@@ -207,22 +223,22 @@ const be = xn(void 0), Pi = {
                   } : $;
                 }
               )
-            } : E;
+            } : L;
           }
         )
       ), a == null || a("UPDATE_GRID_ELEMENT", { sectionId: K, gridIndex: O, element: B });
     },
     [g, a]
-  ), Ce = se.useCallback(
+  ), ke = se.useCallback(
     (O, B) => {
       g(
         (K) => K == null ? void 0 : K.map(
           (P) => {
-            var E;
+            var L;
             return P.id === B ? {
               ...P,
-              questionData: (E = P == null ? void 0 : P.questionData) == null ? void 0 : E.map(
-                (q) => q.id === O.id ? { ...q, ...O } : q
+              questionData: (L = P == null ? void 0 : P.questionData) == null ? void 0 : L.map(
+                (U) => U.id === O.id ? { ...U, ...O } : U
               )
             } : P;
           }
@@ -236,28 +252,28 @@ const be = xn(void 0), Pi = {
         draggedId: B,
         sectionId: K,
         targetIndex: P,
-        targetId: E,
-        targetGridId: q,
+        targetId: L,
+        targetGridId: U,
         targetCol: $
       } = O;
       g(
         (j) => j.map((H) => {
           if (H.id !== K) return H;
-          const U = [...H == null ? void 0 : H.questionData], Q = U.findIndex((le) => le.id === B);
+          const W = [...H == null ? void 0 : H.questionData], Q = W.findIndex((le) => le.id === B);
           if (Q === -1) return H;
-          const oe = { ...U[Q] };
-          if (q !== void 0 && $ !== void 0) {
+          const oe = { ...W[Q] };
+          if (U !== void 0 && $ !== void 0) {
             if (oe.type === "grid") return H;
-            const le = U.findIndex(
+            const le = W.findIndex(
               (te) => {
                 var Ne;
-                return te.id !== B && te.gridId === q && ((Ne = te.gridPosition) == null ? void 0 : Ne.col) === $;
+                return te.id !== B && te.gridId === U && ((Ne = te.gridPosition) == null ? void 0 : Ne.col) === $;
               }
             );
-            let me = U.map(
+            let me = W.map(
               (te) => te.id === B ? {
                 ...te,
-                gridId: q,
+                gridId: U,
                 gridPosition: { col: $ }
               } : te
             );
@@ -267,20 +283,20 @@ const be = xn(void 0), Pi = {
               return delete Le.gridId, delete Le.gridPosition, Le;
             })), { ...H, questionData: me };
           }
-          if (oe.gridId && P !== void 0 && q === void 0) {
+          if (oe.gridId && P !== void 0 && U === void 0) {
             const le = { ...oe };
             delete le.gridId, delete le.gridPosition;
-            const me = U.filter((Ne) => Ne.id !== B), te = Math.min(P, me.length);
+            const me = W.filter((Ne) => Ne.id !== B), te = Math.min(P, me.length);
             return me.splice(te, 0, le), { ...H, questionData: me };
           }
-          if (!oe.gridId && P !== void 0 && q === void 0 && !E) {
-            U.splice(Q, 1);
-            const le = Math.min(P, U.length);
-            return U.splice(le, 0, oe), { ...H, questionData: U };
+          if (!oe.gridId && P !== void 0 && U === void 0 && !L) {
+            W.splice(Q, 1);
+            const le = Math.min(P, W.length);
+            return W.splice(le, 0, oe), { ...H, questionData: W };
           }
-          if (E) {
-            const le = U.findIndex((me) => me.id === E);
-            return le === -1 ? H : (U.splice(Q, 1), U.splice(le, 0, oe), { ...H, questionData: U });
+          if (L) {
+            const le = W.findIndex((me) => me.id === L);
+            return le === -1 ? H : (W.splice(Q, 1), W.splice(le, 0, oe), { ...H, questionData: W });
           }
           return H;
         })
@@ -301,29 +317,29 @@ const be = xn(void 0), Pi = {
     [g, a]
   ), Ee = ee(
     () => ({
-      formData: S,
+      formData: A,
       setFormData: g,
       handleDragStop: X,
       removeElement: V,
       elementData: u,
       setElementData: t,
-      updateElementPosition: Ae,
+      updateElementPosition: Se,
       addElement: ge,
       addElementInPosition: ue,
-      updateElement: Ce,
+      updateElement: ke,
       addSection: he,
       removeSection: _,
       updateSection: Me,
-      isDragging: k,
+      isDragging: C,
       setIsDragging: M,
       selectedSection: w,
-      setSelectedSection: A,
+      setSelectedSection: S,
       activeSections: T,
       setActiveSections: I,
-      updateGridElement: Se,
+      updateGridElement: Ae,
       answerData: l,
       setAnswerData: d,
-      uploadUrl: L,
+      uploadUrl: E,
       setUploadUrl: F,
       apiActivityCount: Z,
       setApiActivityCount: ie,
@@ -333,34 +349,34 @@ const be = xn(void 0), Pi = {
       setShowPreview: o,
       undo: p,
       redo: N,
-      canUndo: C,
+      canUndo: k,
       canRedo: x
     }),
     [
-      S,
+      A,
       X,
       V,
       u,
-      Ae,
+      Se,
       ge,
       ue,
-      Ce,
+      ke,
       he,
       _,
       Me,
-      k,
+      C,
       w,
       T,
-      Se,
+      Ae,
       l,
-      L,
+      E,
       Z,
       ce,
       Be,
       s,
       p,
       N,
-      C,
+      k,
       x
     ]
   );
@@ -375,7 +391,7 @@ function Xi(e) {
   } else for (a in e) e[a] && (s && (s += " "), s += a);
   return s;
 }
-function J() {
+function q() {
   for (var e, n, a = 0, s = "", o = arguments.length; a < o; a++) (e = arguments[a]) && (n = Xi(e)) && (s && (s += " "), s += n);
   return s;
 }
@@ -570,7 +586,7 @@ const vi = ({
   }, [e]), G(() => {
     n && n(o, c);
   }, [c, n, o]), /* @__PURE__ */ i("div", { className: "builder_date__picker", children: /* @__PURE__ */ i(
-    Sn,
+    An,
     {
       showIcon: !0,
       icon: /* @__PURE__ */ i(In, { className: "react-datepicker__calendar-icon" }),
@@ -629,7 +645,7 @@ function ai({
     {
       placeholder: (e == null ? void 0 : e.placeholder) || "",
       type: (e == null ? void 0 : e.inputType) || "text",
-      className: J("field-control", e == null ? void 0 : e.customClass),
+      className: q("field-control", e == null ? void 0 : e.customClass),
       ...a(e == null ? void 0 : e.id),
       disabled: n == null ? void 0 : n.isReadOnly,
       inputMode: (e == null ? void 0 : e.inputMode) || void 0,
@@ -660,11 +676,11 @@ const en = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), Si = Object.freeze({
+}), Ai = Object.freeze({
   ...en,
   ...Ye
 }), pi = Object.freeze({
-  ...Si,
+  ...Ai,
   body: "",
   hidden: !1
 });
@@ -868,7 +884,7 @@ function Yn(e, n, a) {
 const Zn = (e) => e === "unset" || e === "undefined" || e === "none";
 function $n(e, n) {
   const a = {
-    ...Si,
+    ...Ai,
     ...e
   }, s = {
     ...un,
@@ -882,21 +898,21 @@ function $n(e, n) {
   let l = a.body;
   [a, s].forEach((f) => {
     const g = [], p = f.hFlip, N = f.vFlip;
-    let S = f.rotate;
-    p ? N ? S += 2 : (g.push("translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"), g.push("scale(-1 1)"), o.top = o.left = 0) : N && (g.push("translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"), g.push("scale(1 -1)"), o.top = o.left = 0);
-    let C;
-    switch (S < 0 && (S -= Math.floor(S / 4) * 4), S = S % 4, S) {
+    let A = f.rotate;
+    p ? N ? A += 2 : (g.push("translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"), g.push("scale(-1 1)"), o.top = o.left = 0) : N && (g.push("translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"), g.push("scale(1 -1)"), o.top = o.left = 0);
+    let k;
+    switch (A < 0 && (A -= Math.floor(A / 4) * 4), A = A % 4, A) {
       case 1:
-        C = o.height / 2 + o.top, g.unshift("rotate(90 " + C.toString() + " " + C.toString() + ")");
+        k = o.height / 2 + o.top, g.unshift("rotate(90 " + k.toString() + " " + k.toString() + ")");
         break;
       case 2:
         g.unshift("rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")");
         break;
       case 3:
-        C = o.width / 2 + o.left, g.unshift("rotate(-90 " + C.toString() + " " + C.toString() + ")");
+        k = o.width / 2 + o.left, g.unshift("rotate(-90 " + k.toString() + " " + k.toString() + ")");
         break;
     }
-    S % 2 === 1 && (o.left !== o.top && (C = o.left, o.left = o.top, o.top = C), o.width !== o.height && (C = o.width, o.width = o.height, o.height = C)), g.length && (l = Yn(l, '<g transform="' + g.join(" ") + '">', "</g>"));
+    A % 2 === 1 && (o.left !== o.top && (k = o.left, o.left = o.top, o.top = k), o.width !== o.height && (k = o.width, o.width = o.height, o.height = k)), g.length && (l = Yn(l, '<g transform="' + g.join(" ") + '">', "</g>"));
   });
   const d = s.width, u = s.height, t = o.width, m = o.height;
   let c, r;
@@ -952,15 +968,15 @@ function Ni(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const ki = /* @__PURE__ */ Object.create(null), je = ["https://api.simplesvg.com", "https://api.unisvg.com"], qe = [];
+const Ci = /* @__PURE__ */ Object.create(null), je = ["https://api.simplesvg.com", "https://api.unisvg.com"], qe = [];
 for (; je.length > 0; ) je.length === 1 || Math.random() > 0.5 ? qe.push(je.shift()) : qe.push(je.pop());
-ki[""] = Ni({ resources: ["https://api.iconify.design"].concat(qe) });
+Ci[""] = Ni({ resources: ["https://api.iconify.design"].concat(qe) });
 function aa(e, n) {
   const a = Ni(n);
-  return a === null ? !1 : (ki[e] = a, !0);
+  return a === null ? !1 : (Ci[e] = a, !0);
 }
-function Ci(e) {
-  return ki[e];
+function ki(e) {
+  return Ci[e];
 }
 const oa = () => {
   let e;
@@ -971,7 +987,7 @@ const oa = () => {
 };
 let Oi = oa();
 function sa(e, n) {
-  const a = Ci(e);
+  const a = ki(e);
   if (!a) return 0;
   let s;
   if (!a.maxURL) s = 0;
@@ -1007,7 +1023,7 @@ const da = (e, n, a) => {
 };
 function ua(e) {
   if (typeof e == "string") {
-    const n = Ci(e);
+    const n = ki(e);
     if (n) return n.path;
   }
   return "/";
@@ -1154,12 +1170,12 @@ function ga(e, n, a, s) {
   const o = e.resources.length, l = e.random ? Math.floor(Math.random() * o) : e.index;
   let d;
   if (e.random) {
-    let k = e.resources.slice(0);
-    for (d = []; k.length > 1; ) {
-      const M = Math.floor(Math.random() * k.length);
-      d.push(k[M]), k = k.slice(0, M).concat(k.slice(M + 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(k);
+    d = d.concat(C);
   } else d = e.resources.slice(l).concat(e.resources.slice(0, l));
   const u = Date.now();
   let t = "pending", m = 0, c, r = null, h = [], v = [];
@@ -1168,12 +1184,12 @@ function ga(e, n, a, s) {
     r && (clearTimeout(r), r = null);
   }
   function f() {
-    t === "pending" && (t = "aborted"), y(), h.forEach((k) => {
-      k.status === "pending" && (k.status = "aborted");
+    t === "pending" && (t = "aborted"), y(), h.forEach((C) => {
+      C.status === "pending" && (C.status = "aborted");
     }), h = [];
   }
-  function g(k, M) {
-    M && (v = []), typeof k == "function" && v.push(k);
+  function g(C, M) {
+    M && (v = []), typeof C == "function" && v.push(C);
   }
   function p() {
     return {
@@ -1187,22 +1203,22 @@ function ga(e, n, a, s) {
     };
   }
   function N() {
-    t = "failed", v.forEach((k) => {
-      k(void 0, c);
+    t = "failed", v.forEach((C) => {
+      C(void 0, c);
     });
   }
-  function S() {
-    h.forEach((k) => {
-      k.status === "pending" && (k.status = "aborted");
+  function A() {
+    h.forEach((C) => {
+      C.status === "pending" && (C.status = "aborted");
     }), h = [];
   }
-  function C(k, M, w) {
-    const A = M !== "success";
-    switch (h = h.filter((T) => T !== k), t) {
+  function k(C, M, w) {
+    const S = M !== "success";
+    switch (h = h.filter((T) => T !== C), t) {
       case "pending":
         break;
       case "failed":
-        if (A || !e.dataAfterTimeout) return;
+        if (S || !e.dataAfterTimeout) return;
         break;
       default:
         return;
@@ -1211,12 +1227,12 @@ function ga(e, n, a, s) {
       c = w, N();
       return;
     }
-    if (A) {
+    if (S) {
       c = w, h.length || (d.length ? x() : N());
       return;
     }
-    if (y(), S(), !e.random) {
-      const T = e.resources.indexOf(k.resource);
+    if (y(), A(), !e.random) {
+      const T = e.resources.indexOf(C.resource);
       T !== -1 && T !== e.index && (e.index = T);
     }
     t = "completed", v.forEach((T) => {
@@ -1226,11 +1242,11 @@ function ga(e, n, a, s) {
   function x() {
     if (t !== "pending") return;
     y();
-    const k = d.shift();
-    if (k === void 0) {
+    const C = d.shift();
+    if (C === void 0) {
       if (h.length) {
         r = setTimeout(() => {
-          y(), t === "pending" && (S(), N());
+          y(), t === "pending" && (A(), N());
         }, e.timeout);
         return;
       }
@@ -1239,12 +1255,12 @@ function ga(e, n, a, s) {
     }
     const M = {
       status: "pending",
-      resource: k,
-      callback: (w, A) => {
-        C(M, w, A);
+      resource: C,
+      callback: (w, S) => {
+        k(M, w, S);
       }
     };
-    h.push(M), m++, r = setTimeout(x, e.rotate), a(k, n, M.callback);
+    h.push(M), m++, r = setTimeout(x, e.rotate), a(C, n, M.callback);
   }
   return setTimeout(x), p;
 }
@@ -1281,7 +1297,7 @@ function Gi() {
 const si = /* @__PURE__ */ Object.create(null);
 function fa(e) {
   if (!si[e]) {
-    const n = Ci(e);
+    const n = ki(e);
     if (!n) return;
     const a = cn(n), s = {
       config: n,
@@ -1317,7 +1333,7 @@ function xa(e) {
     e.iconsLoaderFlag = !1, ra(e);
   }));
 }
-function Aa(e) {
+function Sa(e) {
   const n = [], a = [];
   return e.forEach((s) => {
     (s.match(sn) ? n : a).push(s);
@@ -1350,7 +1366,7 @@ function Hi(e, n) {
     n(null);
   }) : n(e);
 }
-function Sa(e, n) {
+function Aa(e, n) {
   e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(n).sort() : e.iconsToLoad = n, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
     e.iconsQueueFlag = !1;
     const { provider: a, prefix: s } = e, o = e.iconsToLoad;
@@ -1375,7 +1391,7 @@ function Sa(e, n) {
       });
       return;
     }
-    const { valid: d, invalid: u } = Aa(o);
+    const { valid: d, invalid: u } = Sa(o);
     if (u.length && He(e, u, null), !d.length) return;
     const t = s.match(sn) ? gi(a) : null;
     if (!t) {
@@ -1412,10 +1428,10 @@ const Na = (e, n) => {
     v.has(r) || (v.add(r), o[m][c].push(r));
   }), l.forEach((t) => {
     const m = o[t.provider][t.prefix];
-    m.length && Sa(t, m);
+    m.length && Aa(t, m);
   }), n ? ba(n, s, l) : ji;
 };
-function ka(e, n) {
+function Ca(e, n) {
   const a = { ...e };
   for (const s in n) {
     const o = n[s], l = typeof o;
@@ -1423,9 +1439,9 @@ function ka(e, n) {
   }
   return a;
 }
-const Ca = /[\s,]+/;
+const ka = /[\s,]+/;
 function Ma(e, n) {
-  n.split(Ca).forEach((a) => {
+  n.split(ka).forEach((a) => {
     switch (a.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -1522,7 +1538,7 @@ function Ui(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const Oa = (e, n, a) => {
-  const s = n.inline ? Ka : rn, o = ka(s, n), l = n.mode || "svg", d = {}, u = n.style || {}, t = {
+  const s = n.inline ? Ka : rn, o = Ca(s, n), l = n.mode || "svg", d = {}, u = n.style || {}, t = {
     ...l === "svg" ? Da : {}
   };
   if (a) {
@@ -1532,8 +1548,8 @@ const Oa = (e, n, a) => {
         "provider",
         "prefix"
       ];
-      for (const S of N)
-        g[S] && p.push("iconify--" + g[S]);
+      for (const A of N)
+        g[A] && p.push("iconify--" + g[A]);
       t.className = p.join(" ");
     }
   }
@@ -1702,7 +1718,7 @@ function bn(e) {
   }, [e.icon, n]);
   const { name: r, data: h } = d;
   return h ? Oa({
-    ...Si,
+    ...Ai,
     ...h
   }, e, r) : e.children ? e.children : e.fallback ? e.fallback : bi("span", {});
 }
@@ -1715,7 +1731,7 @@ Zi((e, n) => bn({
   ...e,
   _ref: n
 }));
-function z({
+function J({
   icon: e,
   iconClass: n
 }) {
@@ -1770,7 +1786,7 @@ function Mi({
             disabled: l,
             children: [
               /* @__PURE__ */ i("span", { className: "custom-select__value", children: (t == null ? void 0 : t.length) > 0 ? c : /* @__PURE__ */ i("span", { className: "custom-select__placeholder", children: a != null ? a : " Select options" }) }),
-              /* @__PURE__ */ i("span", { className: "custom-select__icon", children: /* @__PURE__ */ i(z, { icon: "lucide:chevron-down" }) })
+              /* @__PURE__ */ i("span", { className: "custom-select__icon", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) })
             ]
           }
         ),
@@ -1867,8 +1883,8 @@ function pn({
         className: "!flex items-center rounded cursor-pointer   gap-x-3",
         title: `Click to preview ${r}`,
         children: [
-          l === "image" && /* @__PURE__ */ i("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ i(z, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
-          l !== "image" && /* @__PURE__ */ i(z, { icon: Ha[l], iconClass: "text-4xl" }),
+          l === "image" && /* @__PURE__ */ i("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ i(J, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
+          l !== "image" && /* @__PURE__ */ i(J, { icon: Ha[l], iconClass: "text-4xl" }),
           /* @__PURE__ */ i("span", { className: "text-sm font-semibold text-center text-gray-700 truncate max-w-[300px]", children: r })
         ]
       }
@@ -1881,7 +1897,7 @@ function pn({
           className: "p-2",
           onClick: () => h(u || e, n),
           title: `Download ${r}`,
-          children: /* @__PURE__ */ i(z, { icon: "streamline-flex:download-tray-solid" })
+          children: /* @__PURE__ */ i(J, { icon: "streamline-flex:download-tray-solid" })
         }
       ),
       a && /* @__PURE__ */ i(
@@ -1890,7 +1906,7 @@ function pn({
           type: "button",
           className: "p-2 text-lg text-red-500",
           onClick: a,
-          children: /* @__PURE__ */ i(z, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ i(J, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -1968,8 +1984,8 @@ function Va({
     [l]
   ), f = Y(
     async (x) => {
-      var w, A;
-      const k = de("token"), M = ((w = de("orgData")) == null ? void 0 : w.id) || de("organizationId");
+      var w, S;
+      const C = de("token"), M = ((w = de("orgData")) == null ? void 0 : w.id) || de("organizationId");
       try {
         const { data: T } = await Pe.post(
           d,
@@ -1980,36 +1996,36 @@ function Va({
           },
           {
             headers: {
-              Authorization: `Bearer ${k}`
+              Authorization: `Bearer ${C}`
             }
           }
         );
-        return (A = T == null ? void 0 : T.data) == null ? void 0 : A.url;
+        return (S = T == null ? void 0 : T.data) == null ? void 0 : S.url;
       } catch (T) {
         throw console.error("File upload error:", T), new Error("Failed to upload file to server");
       }
     },
     [d]
   ), g = Y(
-    (x) => new Promise((k, M) => {
+    (x) => new Promise((C, M) => {
       const w = new FileReader();
       w.onloadend = async () => {
         try {
-          const A = w.result.replace(
+          const S = w.result.replace(
             /^data:.*;base64,/,
             ""
           ), T = d ? await f({
-            base64: A,
+            base64: S,
             ext: `.${x.name.split(".").pop()}`,
             fileName: x.name
           }) : w.result;
-          k({
+          C({
             base64: T,
             type: x.type,
             name: x.name
           });
-        } catch (A) {
-          M(A);
+        } catch (S) {
+          M(S);
         }
       }, w.onerror = () => M(new Error("File read failed")), w.readAsDataURL(x);
     }),
@@ -2017,14 +2033,14 @@ function Va({
   ), p = Y(
     (x) => {
       var M;
-      const k = v ? (M = v.split(",")) == null ? void 0 : M.map((w) => w.trim()) : [];
+      const C = v ? (M = v.split(",")) == null ? void 0 : M.map((w) => w.trim()) : [];
       for (const w of x) {
         if (w.size > Fa)
           return xe.error(
             `File "${w.name}" exceeds 5MB limit (${(w.size / 1024 / 1024).toFixed(2)}MB)`
           ), !1;
-        if (k.length && !k.some(
-          (A) => w.type === A || w.name.toLowerCase().endsWith(A.replace("*", ""))
+        if (C.length && !C.some(
+          (S) => w.type === S || w.name.toLowerCase().endsWith(S.replace("*", ""))
         ))
           return xe.error(
             `File "${w.name}" is not an allowed type. Allowed: ${y || "any"}`
@@ -2035,16 +2051,16 @@ function Va({
     [v, y]
   ), N = Y(
     async (x) => {
-      const k = Array.from(x.target.files || []);
-      if (!(!k.length || r)) {
-        if (!p(k)) {
+      const C = Array.from(x.target.files || []);
+      if (!(!C.length || r)) {
+        if (!p(C)) {
           t.current && (t.current.value = "");
           return;
         }
         try {
-          h(!0), u == null || u((A) => A + 1);
-          const M = await Promise.all(k == null ? void 0 : k.map(g)), w = s && m ? [...m, ...M] : M;
-          c(w), e(w), xe.success(`Successfully uploaded ${k.length} file(s)`);
+          h(!0), u == null || u((S) => S + 1);
+          const M = await Promise.all(C == null ? void 0 : C.map(g)), w = s && m ? [...m, ...M] : M;
+          c(w), e(w), xe.success(`Successfully uploaded ${C.length} file(s)`);
         } catch (M) {
           console.error("Upload error:", M), xe.error("Failed to upload file(s). Please try again.");
         } finally {
@@ -2053,15 +2069,15 @@ function Va({
       }
     },
     [r, p, g, e, s, m, u]
-  ), S = Y(
+  ), A = Y(
     (x) => {
-      r || (t.current && (t.current.value = ""), c((k) => {
-        const M = x === void 0 ? null : (k == null ? void 0 : k.filter((w, A) => A !== x)) || null;
+      r || (t.current && (t.current.value = ""), c((C) => {
+        const M = x === void 0 ? null : (C == null ? void 0 : C.filter((w, S) => S !== x)) || null;
         return e(M), M;
       }), a == null || a());
     },
     [a, e, r]
-  ), C = m && m.length > 0;
+  ), k = m && m.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(
@@ -2080,31 +2096,31 @@ function Va({
                      hover:file:bg-blue-100 disabled:opacity-50 disabled:cursor-not-allowed`
         }
       ),
-      C && /* @__PURE__ */ i(
+      k && /* @__PURE__ */ i(
         "button",
         {
           type: "button",
           className: "p-2 text-lg text-red-500 hover:text-red-600 transition-colors disabled:opacity-50",
-          onClick: () => S(),
+          onClick: () => A(),
           disabled: r,
           "aria-label": "Remove all files",
-          children: /* @__PURE__ */ i(z, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ i(J, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
-    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: [
       r && /* @__PURE__ */ i("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-white/60 rounded", children: /* @__PURE__ */ b("div", { className: "flex items-center gap-2 text-sm text-blue-600 font-medium", children: [
         /* @__PURE__ */ i("span", { className: "animate-spin h-4 w-4 border-2 border-blue-500 border-t-transparent rounded-full" }),
         "Uploading..."
       ] }) }),
-      typeof m == "object" && (m == null ? void 0 : m.map((x, k) => /* @__PURE__ */ i(
+      typeof m == "object" && (m == null ? void 0 : m.map((x, C) => /* @__PURE__ */ i(
         pn,
         {
           fileUrl: x.base64,
           fileName: x.name,
-          removeFile: () => S(k)
+          removeFile: () => A(C)
         },
-        `${x.name}-${k}`
+        `${x.name}-${C}`
       )))
     ] })
   ] });
@@ -2171,13 +2187,13 @@ function Wa({
     {
       placeholder: e.placeholder,
       type: e.inputType,
-      className: J("field-control", e == null ? void 0 : e.customClass),
+      className: q("field-control", e == null ? void 0 : e.customClass),
       ...a(e.id),
       disabled: n == null ? void 0 : n.isReadOnly
     }
   );
 }
-const W = ({
+const z = ({
   label: e,
   name: n,
   register: a,
@@ -2197,7 +2213,7 @@ const W = ({
   description: g,
   onChange: p
 }) => {
-  var S, C, x, k;
+  var A, k, x, C;
   const N = a ? { ...a(n) } : {};
   if (l === "amount")
     return /* @__PURE__ */ b("div", { className: "space-y-1.5 relative", children: [
@@ -2222,7 +2238,7 @@ const W = ({
           disabled: h
         }
       ),
-      (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red-600", children: (S = s[n]) == null ? void 0 : S.message })
+      (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red-600", children: (A = s[n]) == null ? void 0 : A.message })
     ] });
   if (["checkbox", "radio"].includes(l)) {
     const M = (v == null ? void 0 : v(n)) || null;
@@ -2256,7 +2272,7 @@ const W = ({
             peer-disabled:cursor-not-allowed
           `,
                 children: w && /* @__PURE__ */ i(
-                  z,
+                  J,
                   {
                     icon: "meteor-icons:check",
                     iconClass: "w-3.5 h-3.5 text-white"
@@ -2271,7 +2287,7 @@ const W = ({
           ]
         }
       ),
-      (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "ml-8 text-sm text-red-600", children: (C = s[n]) == null ? void 0 : C.message })
+      (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "ml-8 text-sm text-red-600", children: (k = s[n]) == null ? void 0 : k.message })
     ] });
   }
   return l === "textarea" ? /* @__PURE__ */ b("div", { className: "space-y-1.5 relative", children: [
@@ -2320,7 +2336,7 @@ const W = ({
         max: f
       }
     ),
-    (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 })
+    (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 za({
@@ -2329,9 +2345,9 @@ function za({
 }) {
   var o;
   const { register: a = () => ({}), watch: s } = n || {};
-  return /* @__PURE__ */ i("div", { className: J("grid gap-y-[6px]", e.customClass), children: (o = e == null ? void 0 : e.options) == null ? void 0 : o.map(
+  return /* @__PURE__ */ i("div", { className: q("grid gap-y-[6px]", e.customClass), children: (o = e == null ? void 0 : e.options) == null ? void 0 : o.map(
     (l) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
-      W,
+      z,
       {
         placeholder: e.placeholder,
         type: e.inputType,
@@ -2357,9 +2373,9 @@ function qa({
 }) {
   var o;
   const { register: a = () => ({}), watch: s } = n || {};
-  return /* @__PURE__ */ i("div", { className: J("grid gap-y-[6px]", e.customClass), children: (o = e == null ? void 0 : e.options) == null ? void 0 : o.map(
+  return /* @__PURE__ */ i("div", { className: q("grid gap-y-[6px]", e.customClass), children: (o = e == null ? void 0 : e.options) == null ? void 0 : o.map(
     (l) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
-      W,
+      z,
       {
         placeholder: e.placeholder,
         type: e.inputType,
@@ -2391,13 +2407,13 @@ const Ie = ({
   disabled: y
 }) => {
   const [f, g] = D(m ? [] : null), p = re(!1), N = ee(() => !u || !e || e.length === 0 ? m ? [] : null : m ? Array.isArray(u) ? e.filter((x) => u.some(
-    (k) => {
+    (C) => {
       var M;
-      return typeof x.value == "object" ? ((M = x.value) == null ? void 0 : M.id) === (k == null ? void 0 : k.id) : x.value === k;
+      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 k;
-    return typeof x.value == "string" && typeof u == "string" ? x.value.toLowerCase() === u.toLowerCase() : typeof x.value == "object" && typeof u == "object" ? ((k = x.value) == null ? void 0 : k.id) === (u == null ? void 0 : u.id) : x.value === u;
+    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, m]);
   G(() => {
     if (p.current) {
@@ -2405,24 +2421,24 @@ const Ie = ({
       return;
     }
     if (m && Array.isArray(N) && Array.isArray(f)) {
-      const x = f == null ? void 0 : f.map((M) => M.value), k = N == null ? void 0 : N.map((M) => M.value);
-      JSON.stringify(x) !== JSON.stringify(k) && g(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) && g(N);
     } else (N == null ? void 0 : N.value) !== (f == null ? void 0 : f.value) && g(N);
   }, [N, m]);
-  const S = Y((x) => {
-    var k;
+  const A = Y((x) => {
+    var C;
     if (p.current = !0, g(x), o) {
-      const M = m ? Array.isArray(x) ? x == null ? void 0 : x.map((w) => w.value) : [] : (k = x == null ? void 0 : x.value) != null ? k : null;
+      const M = m ? 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 && !p.current && s(l);
-  }, [o, l, t, s, m]), C = ee(() => v ? "Fetching data..." : f ? m && 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, v, n, m]);
+  }, [o, l, t, s, m]), k = ee(() => v ? "Fetching data..." : f ? m && 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, v, n, m]);
   return /* @__PURE__ */ b("div", { className: "relative", children: [
     !c && d && /* @__PURE__ */ i("label", { className: "block text-sm text-[#686878] darks:text-white/70 mb-2", children: d }),
     c && d && /* @__PURE__ */ i(
       "label",
       {
-        className: J(
+        className: q(
           "z-[40] absolute bg-white py-[2px] px-1 -top-[10px] left-3",
           h
         ),
@@ -2433,7 +2449,7 @@ const Ie = ({
       ae,
       {
         value: f,
-        onChange: S,
+        onChange: A,
         multiple: m,
         disabled: y || v,
         children: /* @__PURE__ */ b("div", { className: "relative", children: [
@@ -2441,13 +2457,13 @@ const Ie = ({
             /* @__PURE__ */ i(
               "span",
               {
-                className: J("block text-sm text-left truncate", {
+                className: q("block text-sm text-left truncate", {
                   "opacity-60": !f || v
                 }),
-                children: C
+                children: k
               }
             ),
-            /* @__PURE__ */ i("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ i(z, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ i("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ i(
             we,
@@ -2455,16 +2471,16 @@ const Ie = ({
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ i(ae.Options, { anchor: "bottom start", className: "select-button-options", children: e.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : e == null ? void 0 : e.map((x, k) => {
+              children: /* @__PURE__ */ i(ae.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(
                   ae.Option,
                   {
                     value: x,
-                    className: ({ active: w }) => J("select-option", { active: w }),
-                    children: ({ selected: w }) => /* @__PURE__ */ i("div", { className: J("option-text", { selected: w }), 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 })
                   },
-                  ((M = x.value) == null ? void 0 : M.id) || x.value || k
+                  ((M = x.value) == null ? void 0 : M.id) || x.value || C
                 );
               }) })
             }
@@ -2489,16 +2505,16 @@ function Ue({
   const [t, m] = D(""), [c, r] = D([]), [h, v] = D(!1);
   G(() => {
     (async () => {
-      var x, k;
+      var x, C;
       if (n) {
         v(!0);
         try {
           const M = de("token"), w = M ? { headers: { Authorization: `Bearer ${M}` } } : {};
           let T = (await Pe.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 : (k = T.data) != null && k.results && Array.isArray(T.data.results) ? T = T.data.results : T.items && Array.isArray(T.items) && (T = T.items)), Array.isArray(T)) {
-            const I = T.map((L) => typeof L == "string" ? { label: L, value: L } : {
-              label: L.label || L.name || String(L.id || L.value),
-              value: String(L.value || L.id || L.name)
+          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 I = 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)
             });
             r(I);
           }
@@ -2511,32 +2527,32 @@ function Ue({
     })();
   }, [n]);
   const y = n ? c : e, f = ee(() => {
-    const C = a != null ? a : s;
-    return C == null || C === "" ? null : y.find((x) => String(x.value) === String(C) || String(x.label) === String(C)) || null;
+    const k = a != null ? a : s;
+    return k == null || k === "" ? null : y.find((x) => String(x.value) === String(k) || String(x.label) === String(k)) || null;
   }, [a, s, y]), [g, p] = D(f);
   G(() => {
     if (a !== void 0)
       if (a === null || a === "")
         p(null);
       else {
-        const C = y.find((x) => String(x.value) === String(a) || String(x.label) === String(a)) || null;
-        p(C);
+        const k = y.find((x) => String(x.value) === String(a) || String(x.label) === String(a)) || null;
+        p(k);
       }
   }, [a, y]);
   const N = ee(() => {
     if (t === "") return y;
-    const C = t.toLowerCase();
+    const k = t.toLowerCase();
     return y.filter(
-      (x) => x.label.toLowerCase().includes(C)
+      (x) => x.label.toLowerCase().includes(k)
     );
-  }, [t, y]), S = Y((C) => {
-    p(C), o(d, C);
+  }, [t, y]), A = Y((k) => {
+    p(k), o(d, k);
   }, [d, o]);
   return /* @__PURE__ */ i("div", { className: "relative w-full", children: /* @__PURE__ */ b(
     De,
     {
       value: g,
-      onChange: S,
+      onChange: A,
       disabled: l,
       children: [
         /* @__PURE__ */ b("div", { className: "relative", children: [
@@ -2544,24 +2560,24 @@ function Ue({
             Nn,
             {
               className: `field-control ${u}`,
-              displayValue: (C) => (C == null ? void 0 : C.label) || "",
-              onChange: (C) => m(C.target.value),
+              displayValue: (k) => (k == null ? void 0 : k.label) || "",
+              onChange: (k) => m(k.target.value),
               placeholder: h ? "Loading..." : l ? "" : "Select an option..."
             }
           ),
-          !l && /* @__PURE__ */ i(kn, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: h ? /* @__PURE__ */ b("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+          !l && /* @__PURE__ */ i(Cn, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: h ? /* @__PURE__ */ b("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
             /* @__PURE__ */ i("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
             /* @__PURE__ */ i("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
-          ] }) : /* @__PURE__ */ i(z, { icon: "octicon:chevron-down-12" }) })
+          ] }) : /* @__PURE__ */ i(J, { icon: "octicon:chevron-down-12" }) })
         ] }),
-        /* @__PURE__ */ i(Cn, { anchor: "bottom start", className: "select-options__combo", children: h ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "Loading..." }) : N.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : N == null ? void 0 : N.map((C) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i(kn, { anchor: "bottom start", className: "select-options__combo", children: h ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "Loading..." }) : N.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : N == null ? void 0 : N.map((k) => /* @__PURE__ */ i(
           Mn,
           {
-            value: C,
-            className: ({ active: x, selected: k }) => J("select-option", { active: x, selected: k }),
-            children: ({ selected: x }) => /* @__PURE__ */ i("div", { className: J("option-text", { selected: x }), children: C.label })
+            value: k,
+            className: ({ active: x, selected: C }) => q("select-option", { active: x, selected: C }),
+            children: ({ selected: x }) => /* @__PURE__ */ i("div", { className: q("option-text", { selected: x }), children: k.label })
           },
-          C.value
+          k.value
         )) })
       ]
     }
@@ -2590,7 +2606,7 @@ function _a({
       setValue: o,
       trigger: s,
       value: d,
-      className: J("field-control", e == null ? void 0 : e.customClass),
+      className: q("field-control", e == null ? void 0 : e.customClass),
       disabled: n == null ? void 0 : n.isReadOnly
     }
   ) : /* @__PURE__ */ i(
@@ -2614,7 +2630,7 @@ function Ya({
     {
       placeholder: e.placeholder,
       rows: 4,
-      className: J("field-control resize-none", e == null ? void 0 : e.customClass),
+      className: q("field-control resize-none", e == null ? void 0 : e.customClass),
       ...a(e.id),
       disabled: n == null ? void 0 : n.isReadOnly
     }
@@ -2656,16 +2672,16 @@ const Za = ({
   activeTab: o,
   btnClass: l = ""
 }) => {
-  const d = J(
+  const d = q(
     "flex gap-x-3 mb-8 w-full no-scrollbar overflow-x-auto border-b-2 border-[#EAECF0] darks:border-gray-500",
     n
   );
   return /* @__PURE__ */ i("div", { className: d, children: e == null ? void 0 : e.map((u) => {
-    const t = o === u.key, m = a[u.key] || 0, c = J(
+    const t = o === u.key, m = a[u.key] || 0, c = q(
       "capitalize text-sm  whitespace-nowrap no-scrollbar font-semibold pb-[14px] border-b-2 border-[#EAECF0] px-6 flex items-center  gap-x-1 flex-1 text-center",
       `${e.length === 1 ? "justify-start" : "justify-center"}`,
       l
-    ), r = J({
+    ), r = q({
       "border-gray-500 border-primary border-primary-500  text-primary text-primary-500": t,
       "border-transparent text-gray-400 ": !t
     }), h = m > 0 && /* @__PURE__ */ i("span", { className: "text-xs h-6 min-w-[24px] rounded-full flex justify-center items-center border border-[#EAECF0] darks:border-gray-500 bg-[#F9FAFB] darks:bg-gray-800 text-[#454745] darks:text-white/80", children: m });
@@ -2673,7 +2689,7 @@ const Za = ({
       "button",
       {
         onClick: () => s(u.key),
-        className: J(c, r),
+        className: q(c, r),
         "aria-selected": t,
         role: "tab",
         type: "button",
@@ -3524,12 +3540,12 @@ function Ji(e) {
   const l = e.slice(s);
   return l && n.push({ type: "operator", value: l }), n;
 }
-function Ao(e) {
+function So(e) {
   return e.map(
     (n) => n.type === "field" ? `@[${n.display}](${n.id})` : n.value
   ).join("");
 }
-function So({
+function Ao({
   value: e,
   onChange: n,
   fields: a,
@@ -3537,42 +3553,42 @@ function So({
 }) {
   const [o, l] = D(() => Ji(e)), [d, u] = D(null), [t, m] = D(!1), [c, r] = D(""), [h, v] = D(null), y = re(null), f = re(null), g = re(/* @__PURE__ */ new Map());
   G(() => {
-    const A = Ji(e);
-    l(A);
+    const S = Ji(e);
+    l(S);
   }, []);
   const p = Y(
-    (A) => {
-      n(Ao(A));
+    (S) => {
+      n(So(S));
     },
     [n]
-  ), N = (A, T) => {
+  ), N = (S, T) => {
     const I = [...o];
-    I[A] = { type: "operator", value: T }, l(I), p(I);
-  }, S = (A) => {
-    const T = o.filter((I, L) => L !== A);
+    I[S] = { type: "operator", value: T }, l(I), p(I);
+  }, A = (S) => {
+    const T = o.filter((I, E) => E !== S);
     l(T), p(T);
-  }, C = (A) => {
-    v(A), r(""), m(!0);
-  }, x = (A, T) => {
-    const I = T !== void 0 ? T : h != null ? h : o.length, L = [...o], F = L.slice(0, I), Z = L.slice(I), ie = [
+  }, k = (S) => {
+    v(S), r(""), m(!0);
+  }, x = (S, T) => {
+    const I = T !== void 0 ? T : h != null ? h : o.length, E = [...o], F = E.slice(0, I), Z = E.slice(I), ie = [
       ...F,
-      { type: "field", id: A.id, display: A.display },
+      { type: "field", id: S.id, display: S.display },
       ...Z
-    ], X = k(ie);
+    ], X = C(ie);
     l(X), p(X), m(!1), v(null);
   };
-  function k(A) {
+  function C(S) {
     const T = [];
-    if (A.length === 0) return [{ type: "operator", value: "" }];
-    A[0].type === "field" && T.push({ type: "operator", value: "" });
-    for (let I = 0; I < A.length; I++)
-      T.push(A[I]), A[I].type === "field" && (I + 1 >= A.length || A[I + 1].type === "field") && T.push({ type: "operator", value: "" });
+    if (S.length === 0) return [{ type: "operator", value: "" }];
+    S[0].type === "field" && T.push({ type: "operator", value: "" });
+    for (let I = 0; I < S.length; I++)
+      T.push(S[I]), S[I].type === "field" && (I + 1 >= S.length || S[I + 1].type === "field") && T.push({ type: "operator", value: "" });
     return T;
   }
   const M = a.filter(
-    (A) => A.display.toLowerCase().includes(c.toLowerCase())
+    (S) => S.display.toLowerCase().includes(c.toLowerCase())
   ), w = o.every(
-    (A) => A.type === "operator" && A.value.trim() === ""
+    (S) => S.type === "operator" && S.value.trim() === ""
   );
   return /* @__PURE__ */ b("div", { className: "relative", ref: f, children: [
     /* @__PURE__ */ b(
@@ -3582,29 +3598,29 @@ function So({
         style: { padding: "6px 10px" },
         onClick: () => {
           var T;
-          const A = [...o].reverse().findIndex((I) => I.type === "operator");
-          if (A !== -1) {
-            const I = o.length - 1 - A;
+          const S = [...o].reverse().findIndex((I) => I.type === "operator");
+          if (S !== -1) {
+            const I = o.length - 1 - S;
             (T = g.current.get(I)) == null || T.focus();
           }
         },
         children: [
           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(
+          o.map((S, T) => S.type === "field" ? /* @__PURE__ */ b(
             "span",
             {
               className: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 text-sm px-2 py-0.5 rounded-full font-medium select-none",
               children: [
-                A.display,
+                S.display,
                 /* @__PURE__ */ i(
                   "button",
                   {
                     type: "button",
                     onMouseDown: (I) => {
-                      I.preventDefault(), S(T);
+                      I.preventDefault(), A(T);
                     },
                     className: "text-blue-400 hover:text-blue-700 leading-none ml-0.5",
-                    "aria-label": `Remove ${A.display}`,
+                    "aria-label": `Remove ${S.display}`,
                     children: "×"
                   }
                 )
@@ -3618,13 +3634,13 @@ function So({
                 I ? g.current.set(T, I) : g.current.delete(T);
               },
               type: "text",
-              value: A.value,
+              value: S.value,
               onChange: (I) => N(T, I.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 === T ? 40 : 14)}px`,
+                width: `${Math.max(S.value.length * 9 + 8, d === T ? 40 : 14)}px`,
                 minWidth: "14px",
                 maxWidth: "200px"
               },
@@ -3637,8 +3653,8 @@ function So({
             "button",
             {
               type: "button",
-              onMouseDown: (A) => {
-                A.preventDefault(), C(o.length);
+              onMouseDown: (S) => {
+                S.preventDefault(), k(o.length);
               },
               className: "inline-flex items-center gap-1 text-xs text-blue-600 hover:text-blue-800 hover:bg-blue-50 px-1.5 py-0.5 rounded transition-colors",
               title: "Insert a field",
@@ -3650,7 +3666,7 @@ function So({
     ),
     !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("")
+      o.map((S) => S.type === "field" ? `[${S.display}]` : S.value).join("")
     ] }),
     t && /* @__PURE__ */ b(ve, { children: [
       /* @__PURE__ */ i(
@@ -3674,51 +3690,51 @@ function So({
                 type: "text",
                 placeholder: "Search fields...",
                 value: c,
-                onChange: (A) => r(A.target.value),
+                onChange: (S) => r(S.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" && m(!1), A.key === "Enter" && M.length > 0 && x(M[0]);
+                onKeyDown: (S) => {
+                  S.key === "Escape" && m(!1), S.key === "Enter" && M.length > 0 && x(M[0]);
                 }
               }
             ) }),
             /* @__PURE__ */ b("div", { className: "max-h-48 overflow-y-auto", children: [
               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(
+              M.map((S) => /* @__PURE__ */ b(
                 "div",
                 {
                   onMouseDown: (T) => {
-                    T.preventDefault(), x(A);
+                    T.preventDefault(), x(S);
                   },
                   className: "px-3 py-2 text-sm cursor-pointer flex items-center justify-between hover:bg-blue-50 group",
                   children: [
-                    /* @__PURE__ */ i("span", { className: "font-medium text-gray-800", children: A.display }),
+                    /* @__PURE__ */ i("span", { className: "font-medium text-gray-800", children: S.display }),
                     /* @__PURE__ */ b("span", { className: "text-xs text-gray-400 font-mono group-hover:text-blue-400", children: [
-                      A.id.slice(0, 8),
+                      S.id.slice(0, 8),
                       "..."
                     ] })
                   ]
                 },
-                A.id
+                S.id
               ))
             ] })
           ]
         }
       )
     ] }),
-    a.length > 0 && /* @__PURE__ */ i("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: a.map((A) => /* @__PURE__ */ b(
+    a.length > 0 && /* @__PURE__ */ i("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: a.map((S) => /* @__PURE__ */ b(
       "button",
       {
         type: "button",
         onMouseDown: (T) => {
-          T.preventDefault(), x(A, o.length);
+          T.preventDefault(), x(S, o.length);
         },
         className: "text-xs bg-gray-100 hover:bg-blue-50 hover:text-blue-700 border text-gray-600 px-2 py-0.5 rounded-full transition-colors",
         children: [
           "+ ",
-          A.display
+          S.display
         ]
       },
-      A.id
+      S.id
     )) })
   ] });
 }
@@ -3794,16 +3810,16 @@ const No = R.object().shape({
   formula: R.string().nullable(),
   fetchExternalResults: R.boolean(),
   externalApiUrl: R.string().nullable()
-}), ko = [
+}), Co = [
   { title: "Configurations", key: "basic" },
   { title: "Validations", key: "validation" }
-], Co = ({
+], ko = ({
   isOpen: e,
   onClose: n,
   element: a
 }) => {
   var O;
-  const s = ko.filter(
+  const s = Co.filter(
     (B) => !We.includes(a.inputType) || B.key !== "validation"
   ), { updateElement: o, formData: l } = se.useContext(be), [d, u] = D("basic"), [t, m] = D(!1), [c, r] = D("manual"), h = ((O = l == null ? void 0 : l.flatMap((B) => (B == null ? void 0 : B.questionData) || [])) == null ? void 0 : O.length) || 0, v = se.useMemo(() => (l == null ? void 0 : l.flatMap((B) => (B == null ? void 0 : B.questionData) || []).filter(
     (B) => {
@@ -3820,17 +3836,17 @@ const No = R.object().shape({
     handleSubmit: g,
     control: p,
     setValue: N,
-    watch: S,
-    trigger: C,
-    formState: { errors: x, isSubmitting: k, isValid: M },
+    watch: A,
+    trigger: k,
+    formState: { errors: x, isSubmitting: C, isValid: M },
     reset: w
-  } = Ai({
+  } = Si({
     resolver: wi(No),
     defaultValues: {
       ...a,
       options: a.options || []
     }
-  }), A = S(), { fields: T, append: I, remove: L } = ni({
+  }), S = A(), { fields: T, append: I, remove: E } = ni({
     control: p,
     name: "options"
   }), {
@@ -3853,40 +3869,40 @@ const No = R.object().shape({
   }, [e, w]);
   const V = (B) => {
     o(B, a.sectionId), n();
-  }, Ae = {
+  }, Se = {
     headers: {
       Authorization: `Bearer ${de("token")}`
     }
   }, ge = Y(async () => {
     var B, K, P;
-    if (!A.apiUrl || !/^https?:\/\//.test(A.apiUrl)) {
+    if (!S.apiUrl || !/^https?:\/\//.test(S.apiUrl)) {
       xe.info("Please provide a valid API URL");
       return;
     }
     try {
       m(!0);
-      const { status: E, data: q } = await Pe.get(A.apiUrl, Ae);
-      if (E !== 200 || !q) {
+      const { status: L, data: U } = await Pe.get(S.apiUrl, Se);
+      if (L !== 200 || !U) {
         xe.error("Unexpected response from server.");
         return;
       }
-      const $ = q.data || q.record || q.result;
+      const $ = U.data || U.record || U.result;
       if (!Array.isArray($)) {
         xe.error("Expected an array in response (data, record, or result).");
         return;
       }
       ((B = a.type) == null ? void 0 : B.toLowerCase()) === "datagrid" ? N("dataColumns", xi($)) : N("options", yi($));
-    } catch (E) {
-      const q = ((P = (K = E == null ? void 0 : E.response) == null ? void 0 : K.data) == null ? void 0 : P.message) || (E == null ? void 0 : E.message) || "Unable to load options";
-      xe.error(q);
+    } catch (L) {
+      const U = ((P = (K = L == null ? void 0 : L.response) == null ? void 0 : K.data) == null ? void 0 : P.message) || (L == null ? void 0 : L.message) || "Unable to load options";
+      xe.error(U);
     } finally {
       m(!1);
     }
-  }, [a.type, N, A.apiUrl]), ue = ["manual", "api", "sheet"];
-  function Se() {
+  }, [a.type, N, S.apiUrl]), ue = ["manual", "api", "sheet"];
+  function Ae() {
     c === "api" && ge();
   }
-  const Ce = () => {
+  const ke = () => {
     var B, K;
     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: ue == null ? void 0 : ue.map((P) => /* @__PURE__ */ b("label", { className: "items-center text-base capitalize gap-x-3", children: [
@@ -3895,7 +3911,7 @@ const No = R.object().shape({
           {
             type: "radio",
             name: "optionType",
-            onChange: (E) => r(E.target.value),
+            onChange: (L) => r(L.target.value),
             value: P
           }
         ),
@@ -3909,9 +3925,9 @@ const No = R.object().shape({
         /* @__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(
-              W,
+              z,
               {
-                watch: S,
+                watch: A,
                 label: "Load Options from Api",
                 name: "apiUrl",
                 errors: x,
@@ -3926,7 +3942,7 @@ const No = R.object().shape({
           /* @__PURE__ */ i(
             "button",
             {
-              onClick: Se,
+              onClick: Ae,
               className: "px-3 py-1 text-xs text-white bg-gray-600 rounded",
               type: "button",
               children: "Load"
@@ -3946,24 +3962,24 @@ const No = R.object().shape({
       ) }),
       /* @__PURE__ */ b("div", { children: [
         /* @__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((P, E) => /* @__PURE__ */ b(
+        T == null ? void 0 : T.map((P, L) => /* @__PURE__ */ b(
           "div",
           {
             className: "flex items-center mb-1 gap-x-4 last:mb-0",
             children: [
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                W,
+                z,
                 {
-                  watch: S,
-                  label: E === 0 ? "Label" : "",
-                  name: `options.${E}.label`,
+                  watch: A,
+                  label: L === 0 ? "Label" : "",
+                  name: `options.${L}.label`,
                   register: f,
                   errors: x,
                   element: a,
                   placeholder: "Label",
-                  onChange: (q) => {
-                    const j = q.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                    N(`options.${E}.value`, j, {
+                  onChange: (U) => {
+                    const j = U.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+                    N(`options.${L}.value`, j, {
                       shouldValidate: !0,
                       shouldDirty: !0
                     });
@@ -3971,11 +3987,11 @@ const No = R.object().shape({
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                W,
+                z,
                 {
-                  watch: S,
-                  label: E === 0 ? "Value" : "",
-                  name: `options.${E}.value`,
+                  watch: A,
+                  label: L === 0 ? "Value" : "",
+                  name: `options.${L}.value`,
                   register: f,
                   errors: x,
                   element: a,
@@ -3988,8 +4004,8 @@ const No = R.object().shape({
                   disabled: T.length === 1,
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                  onClick: () => L(E),
-                  children: /* @__PURE__ */ i(z, { icon: "iconamoon:sign-times-fill" })
+                  onClick: () => E(L),
+                  children: /* @__PURE__ */ i(J, { icon: "iconamoon:sign-times-fill" })
                 }
               )
             ]
@@ -4006,7 +4022,7 @@ const No = R.object().shape({
               className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
               onClick: () => I({ label: "", value: "", id: pe() }),
               children: [
-                /* @__PURE__ */ i(z, { icon: "qlementine-icons:plus-16" }),
+                /* @__PURE__ */ i(J, { icon: "qlementine-icons:plus-16" }),
                 " Add Option"
               ]
             }
@@ -4018,24 +4034,24 @@ const No = R.object().shape({
         /* @__PURE__ */ b("div", { children: [
           " ",
           /* @__PURE__ */ i("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((K = a == null ? void 0 : a.type) == null ? void 0 : K.toLowerCase()) === "matrix" ? "Columns Options" : "Child Options" }),
-          F == null ? void 0 : F.map((P, E) => /* @__PURE__ */ b(
+          F == null ? void 0 : F.map((P, L) => /* @__PURE__ */ b(
             "div",
             {
               className: "flex items-center mb-1 gap-x-4 last:mb-0",
               children: [
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                  W,
+                  z,
                   {
-                    watch: S,
-                    label: E === 0 ? "Label" : "",
-                    name: `options1.${E}.label`,
+                    watch: A,
+                    label: L === 0 ? "Label" : "",
+                    name: `options1.${L}.label`,
                     register: f,
                     errors: x,
                     element: a,
                     placeholder: "Label",
-                    onChange: (q) => {
-                      const j = q.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                      N(`options1.${E}.value`, j, {
+                    onChange: (U) => {
+                      const j = U.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+                      N(`options1.${L}.value`, j, {
                         shouldValidate: !0,
                         shouldDirty: !0
                       });
@@ -4043,11 +4059,11 @@ const No = R.object().shape({
                   }
                 ) }),
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                  W,
+                  z,
                   {
-                    watch: S,
-                    label: E === 0 ? "Value" : "",
-                    name: `options1.${E}.value`,
+                    watch: A,
+                    label: L === 0 ? "Value" : "",
+                    name: `options1.${L}.value`,
                     register: f,
                     errors: x,
                     element: a,
@@ -4055,11 +4071,11 @@ const No = R.object().shape({
                   }
                 ) }),
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                  W,
+                  z,
                   {
-                    watch: S,
-                    label: E === 0 ? "Key" : "",
-                    name: `options1.${E}.key`,
+                    watch: A,
+                    label: L === 0 ? "Key" : "",
+                    name: `options1.${L}.key`,
                     register: f,
                     errors: x,
                     element: a,
@@ -4072,8 +4088,8 @@ const No = R.object().shape({
                     disabled: F.length === 1,
                     type: "button",
                     className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                    onClick: () => ie(E),
-                    children: /* @__PURE__ */ i(z, { icon: "iconamoon:sign-times-fill" })
+                    onClick: () => ie(L),
+                    children: /* @__PURE__ */ i(J, { icon: "iconamoon:sign-times-fill" })
                   }
                 )
               ]
@@ -4089,7 +4105,7 @@ const No = R.object().shape({
                 className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
                 onClick: () => Z({ label: "", value: "", key: "", id: pe() }),
                 children: [
-                  /* @__PURE__ */ i(z, { icon: "qlementine-icons:plus-16" }),
+                  /* @__PURE__ */ i(J, { icon: "qlementine-icons:plus-16" }),
                   " Add Option"
                 ]
               }
@@ -4120,9 +4136,9 @@ const No = R.object().shape({
       /* @__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(
-            W,
+            z,
             {
-              watch: S,
+              watch: A,
               label: "Load Columns from Api",
               name: "apiUrl",
               errors: x,
@@ -4137,7 +4153,7 @@ const No = R.object().shape({
         /* @__PURE__ */ i(
           "button",
           {
-            onClick: Se,
+            onClick: Ae,
             className: "px-3 py-1 text-xs text-white bg-gray-600 rounded",
             type: "button",
             children: "Load"
@@ -4156,7 +4172,7 @@ const No = R.object().shape({
       }
     ) }),
     /* @__PURE__ */ i("div", { className: "grid gap-y-3", children: X == null ? void 0 : X.map((B, K) => {
-      var P, E;
+      var P, L;
       return /* @__PURE__ */ b(
         "div",
         {
@@ -4188,19 +4204,19 @@ const No = R.object().shape({
                   register: f,
                   name: `dataColumns.${K}.type`,
                   setValue: N,
-                  trigger: C,
-                  value: A.dataColumns[K].type
+                  trigger: k,
+                  value: S.dataColumns[K].type
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                W,
+                z,
                 {
-                  watch: S,
+                  watch: A,
                   label: K === 0 ? "Display header" : "",
                   name: `dataColumns.${K}.headerName`,
                   register: f,
-                  onChange: (q) => {
-                    const j = q.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+                  onChange: (U) => {
+                    const j = U.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
                     N(`dataColumns.${K}.field`, j, {
                       shouldValidate: !0,
                       shouldDirty: !0
@@ -4212,9 +4228,9 @@ const No = R.object().shape({
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                W,
+                z,
                 {
-                  watch: S,
+                  watch: A,
                   label: K === 0 ? "Field key" : "",
                   name: `dataColumns.${K}.field`,
                   register: f,
@@ -4231,14 +4247,14 @@ const No = R.object().shape({
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
                   onClick: () => _(K),
-                  children: /* @__PURE__ */ i(z, { icon: "iconamoon:sign-times-fill" })
+                  children: /* @__PURE__ */ i(J, { icon: "iconamoon:sign-times-fill" })
                 }
               )
             ] }),
-            ((E = (P = A.dataColumns) == null ? void 0 : P[K]) == 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(
-              W,
+            ((L = (P = S.dataColumns) == null ? void 0 : P[K]) == null ? void 0 : L.type) === "select" && /* @__PURE__ */ i("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
+              z,
               {
-                watch: S,
+                watch: A,
                 label: "Options API URL",
                 name: `dataColumns.${K}.optionsUrl`,
                 register: f,
@@ -4268,23 +4284,23 @@ const No = R.object().shape({
             validate: !1
           }),
           children: [
-            /* @__PURE__ */ i(z, { icon: "qlementine-icons:plus-16" }),
+            /* @__PURE__ */ i(J, { icon: "qlementine-icons:plus-16" }),
             " Add column"
           ]
         }
       )
     ] })
   ] }), Me = Y(async () => {
-    const B = de("token"), { status: K, data: P } = await Pe.get(A.url, {
+    const B = de("token"), { status: K, data: P } = await Pe.get(S.url, {
       headers: {
         Authorization: `Bearer ${B}`
       }
     });
     K === 200 && N("options", (P == null ? void 0 : P.data) || P);
-  }, [N, A.url]);
+  }, [N, S.url]);
   G(() => {
-    a.type === "document" && A.url && Me();
-  }, [A.url, a.type, Me]);
+    a.type === "document" && S.url && Me();
+  }, [S.url, a.type, Me]);
   const Ee = /* @__PURE__ */ i(
     "div",
     {
@@ -4300,7 +4316,7 @@ const No = R.object().shape({
           {
             className: "bg-white h-10 w-10 flex justify-center items-center absolute top-1 -left-12 rounded-lg hover:bg-gray-50",
             onClick: n,
-            children: /* @__PURE__ */ i(z, { icon: "tabler:x", iconClass: "text-xl" })
+            children: /* @__PURE__ */ i(J, { icon: "tabler:x", iconClass: "text-xl" })
           }
         ),
         /* @__PURE__ */ i("div", { className: "w-full pt-4", children: /* @__PURE__ */ i(
@@ -4324,9 +4340,9 @@ const No = R.object().shape({
                 /* @__PURE__ */ b("div", { className: " max-h-[70vh] overflow-y-auto flex-1", children: [
                   d === "basic" && /* @__PURE__ */ b("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
                     li.includes(a.inputType) && /* @__PURE__ */ i(ve, { children: /* @__PURE__ */ i(
-                      W,
+                      z,
                       {
-                        watch: S,
+                        watch: A,
                         label: "Value",
                         name: "value",
                         register: f,
@@ -4336,9 +4352,9 @@ const No = R.object().shape({
                     ) }),
                     !li.includes(a.inputType) && !We.includes(a.inputType) && /* @__PURE__ */ b(ve, { children: [
                       /* @__PURE__ */ i(
-                        W,
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "Label",
                           name: "inputLabel",
                           register: f,
@@ -4348,9 +4364,9 @@ const No = R.object().shape({
                       ),
                       " ",
                       a.type.toLowerCase() === "cascadeselect" && /* @__PURE__ */ i(
-                        W,
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "Child Label",
                           name: "childLabel",
                           register: f,
@@ -4360,9 +4376,9 @@ const No = R.object().shape({
                       )
                     ] }),
                     so.includes(a.inputType) && /* @__PURE__ */ i(
-                      W,
+                      z,
                       {
-                        watch: S,
+                        watch: A,
                         label: "Placeholder",
                         name: "placeholder",
                         register: f,
@@ -4371,9 +4387,9 @@ const No = R.object().shape({
                       }
                     ),
                     ao.includes(a.inputType) && /* @__PURE__ */ i(
-                      W,
+                      z,
                       {
-                        watch: S,
+                        watch: A,
                         label: "Prefix",
                         name: "prefix",
                         register: f,
@@ -4384,9 +4400,9 @@ const No = R.object().shape({
                     to.includes(a.inputType) && /* @__PURE__ */ b("div", { className: "grid gap-y-4", children: [
                       /* @__PURE__ */ i(bo, {}),
                       /* @__PURE__ */ i(
-                        W,
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "Api Url",
                           name: "url",
                           register: f,
@@ -4411,8 +4427,8 @@ const No = R.object().shape({
                           register: f,
                           name: "method",
                           setValue: N,
-                          trigger: C,
-                          value: S("method")
+                          trigger: k,
+                          value: A("method")
                         }
                       ),
                       /* @__PURE__ */ i(
@@ -4432,8 +4448,8 @@ const No = R.object().shape({
                           register: f,
                           name: "responseType",
                           setValue: N,
-                          trigger: C,
-                          value: S("responseType")
+                          trigger: k,
+                          value: A("responseType")
                         }
                       )
                     ] }),
@@ -4443,13 +4459,13 @@ const No = R.object().shape({
                         onChange: (B) => {
                           N("denominators", B);
                         },
-                        value: S("denominators")
+                        value: A("denominators")
                       }
                     ),
                     !li.includes(a.inputType) && !We.includes(a.inputType) && /* @__PURE__ */ i(
-                      W,
+                      z,
                       {
-                        watch: S,
+                        watch: A,
                         label: "Short Description",
                         name: "description",
                         register: f,
@@ -4466,29 +4482,29 @@ const No = R.object().shape({
                           register: f,
                           name: "dateFormat",
                           setValue: N,
-                          trigger: C,
-                          value: S("dateFormat")
+                          trigger: k,
+                          value: A("dateFormat")
                         }
                       ),
                       /* @__PURE__ */ i(
-                        W,
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "Allow Range",
                           name: "canHaveDateRange",
                           register: f,
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.canHaveDateRange
+                          value: S.canHaveDateRange
                         }
                       ),
-                      (A == null ? void 0 : A.canHaveDateRange) && /* @__PURE__ */ b("div", { className: "grid grid-cols-2 gap-4", children: [
+                      (S == null ? void 0 : S.canHaveDateRange) && /* @__PURE__ */ b("div", { className: "grid grid-cols-2 gap-4", children: [
                         /* @__PURE__ */ i(
                           vi,
                           {
                             name: "minDate",
-                            value: A == null ? void 0 : A.minDate,
+                            value: S == null ? void 0 : S.minDate,
                             onGetValue: N,
                             placeholder: "Select min date"
                           }
@@ -4497,38 +4513,38 @@ const No = R.object().shape({
                           vi,
                           {
                             name: "maxDate",
-                            value: A == null ? void 0 : A.minDate,
+                            value: S == null ? void 0 : S.minDate,
                             onGetValue: N,
                             placeholder: "Select max date",
-                            minDate: A == null ? void 0 : A.minDate
+                            minDate: S == null ? void 0 : S.minDate
                           }
                         )
                       ] }),
                       /* @__PURE__ */ i(
-                        W,
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "Allow Year Picker",
                           name: "allowYearPicker",
                           register: f,
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.allowYearPicker
+                          value: S.allowYearPicker
                         }
                       )
                     ] }),
                     a.type.toLowerCase() === "country" && /* @__PURE__ */ i(
-                      W,
+                      z,
                       {
-                        watch: S,
+                        watch: A,
                         label: "Allow States",
                         name: "showState",
                         register: f,
                         errors: x,
                         element: a,
                         type: "checkbox",
-                        value: A.showState
+                        value: S.showState
                       }
                     ),
                     a.type.toLowerCase() === "selectfield" && /* @__PURE__ */ i(
@@ -4548,14 +4564,14 @@ const No = R.object().shape({
                         register: f,
                         name: "selectType",
                         setValue: N,
-                        trigger: C,
-                        value: S("selectType")
+                        trigger: k,
+                        value: A("selectType")
                       }
                     ),
                     a.type.toLowerCase() === "grid" && /* @__PURE__ */ i(
-                      W,
+                      z,
                       {
-                        watch: S,
+                        watch: A,
                         label: "Number of columns (max: 4)",
                         name: "columns",
                         register: f,
@@ -4568,9 +4584,9 @@ const No = R.object().shape({
                     a.type.toLowerCase() === "document" && /* @__PURE__ */ b("div", { className: "grid gap-y-6", children: [
                       /* @__PURE__ */ b("div", { className: "grid gap-y-1", children: [
                         /* @__PURE__ */ i(
-                          W,
+                          z,
                           {
-                            watch: S,
+                            watch: A,
                             label: "Document Options Url",
                             name: "url",
                             register: f,
@@ -4583,9 +4599,9 @@ const No = R.object().shape({
                       ] }),
                       /* @__PURE__ */ b("div", { className: "grid gap-y-1", children: [
                         /* @__PURE__ */ i(
-                          W,
+                          z,
                           {
-                            watch: S,
+                            watch: A,
                             label: "Document Validation Url",
                             name: "validationUrl",
                             register: f,
@@ -4596,9 +4612,9 @@ const No = R.object().shape({
                         /* @__PURE__ */ i(go, {})
                       ] }),
                       /* @__PURE__ */ i("div", { className: "grid gap-y-1", children: /* @__PURE__ */ i(
-                        W,
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "Signature Page Url",
                           name: "signatureLink",
                           register: f,
@@ -4610,16 +4626,16 @@ const No = R.object().shape({
                     a.type.toLowerCase() === "datagrid" && Be(),
                     a.type.toLowerCase() === "file" && /* @__PURE__ */ b(ve, { children: [
                       /* @__PURE__ */ i(
-                        W,
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "Allow Multiple Uploads",
                           name: "isMultiple",
                           register: f,
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.isMultiple
+                          value: S.isMultiple
                         }
                       ),
                       /* @__PURE__ */ i(
@@ -4628,36 +4644,36 @@ const No = R.object().shape({
                           element: {
                             options: ro,
                             id: "acceptedFiles",
-                            value: A == null ? void 0 : A.acceptedFiles
+                            value: S == null ? void 0 : S.acceptedFiles
                           },
-                          validationData: { register: f, setValue: N, trigger: C, watch: S },
+                          validationData: { register: f, setValue: N, trigger: k, watch: A },
                           placeholder: "Choose file types"
                         }
                       )
                     ] }),
-                    uo.includes(a.inputType) && Ce(),
+                    uo.includes(a.inputType) && ke(),
                     /* @__PURE__ */ b("div", { children: [
                       /* @__PURE__ */ i("div", { className: "w-[150px] mb-4", children: /* @__PURE__ */ i(
-                        W,
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "Toggle Visibility",
                           name: "isHidden",
                           register: f,
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.isHidden
+                          value: S.isHidden
                         }
                       ) }),
                       " ",
-                      A.isHidden && /* @__PURE__ */ i(
+                      S.isHidden && /* @__PURE__ */ i(
                         xo,
                         {
                           register: f,
                           setValue: N,
-                          trigger: C,
-                          watch: S,
+                          trigger: k,
+                          watch: A,
                           id: a == null ? void 0 : a.id
                         }
                       )
@@ -4665,9 +4681,9 @@ const No = R.object().shape({
                     a.type.toLowerCase() === "calculatedfield" && /* @__PURE__ */ b("div", { className: "grid gap-y-2 mb-4", children: [
                       /* @__PURE__ */ i("label", { className: "block text-sm font-medium text-[#344054] font-onest", children: "Formula" }),
                       /* @__PURE__ */ i(
-                        So,
+                        Ao,
                         {
-                          value: S("formula") || "",
+                          value: A("formula") || "",
                           onChange: (B) => N("formula", B, {
                             shouldValidate: !0,
                             shouldDirty: !0
@@ -4679,22 +4695,22 @@ const No = R.object().shape({
                     ] }),
                     a.type.toLowerCase() === "polling" && /* @__PURE__ */ b("div", { className: "grid gap-y-4 mb-4 mt-2", children: [
                       /* @__PURE__ */ i(
-                        W,
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "Fetch results from external API",
                           name: "fetchExternalResults",
                           register: f,
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.fetchExternalResults
+                          value: S.fetchExternalResults
                         }
                       ),
-                      A.fetchExternalResults && /* @__PURE__ */ i(
-                        W,
+                      S.fetchExternalResults && /* @__PURE__ */ i(
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "External API URL (returns options results)",
                           name: "externalApiUrl",
                           register: f,
@@ -4708,23 +4724,23 @@ const No = R.object().shape({
                   !We.includes(a.type.toLowerCase()) && d === "validation" && /* @__PURE__ */ b("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
                     /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
                       /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                        W,
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "Required",
                           name: "isRequired",
                           register: f,
                           errors: x,
                           element: a,
                           type: "checkbox",
-                          value: A.isRequired
+                          value: S.isRequired
                         }
                       ) }),
                       " ",
                       /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                        W,
+                        z,
                         {
-                          watch: S,
+                          watch: A,
                           label: "Error message text",
                           name: "requiredMessage",
                           register: f,
@@ -4736,9 +4752,9 @@ const No = R.object().shape({
                     oo.includes(a.inputType) && /* @__PURE__ */ b(ve, { children: [
                       /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          W,
+                          z,
                           {
-                            watch: S,
+                            watch: A,
                             label: "Min Length",
                             name: "minLength",
                             register: f,
@@ -4749,9 +4765,9 @@ const No = R.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          W,
+                          z,
                           {
-                            watch: S,
+                            watch: A,
                             label: "Error message text",
                             name: "minLengthMessage",
                             register: f,
@@ -4762,9 +4778,9 @@ const No = R.object().shape({
                       ] }),
                       /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          W,
+                          z,
                           {
-                            watch: S,
+                            watch: A,
                             label: "Max Length",
                             name: "maxLength",
                             register: f,
@@ -4775,9 +4791,9 @@ const No = R.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          W,
+                          z,
                           {
-                            watch: S,
+                            watch: A,
                             label: "Error message text",
                             name: "maxLengthMessage",
                             register: f,
@@ -4790,9 +4806,9 @@ const No = R.object().shape({
                     lo.includes(a.inputType) && /* @__PURE__ */ b(ve, { children: [
                       /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          W,
+                          z,
                           {
-                            watch: S,
+                            watch: A,
                             label: "Min Amount",
                             name: "minAmount",
                             register: f,
@@ -4803,9 +4819,9 @@ const No = R.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          W,
+                          z,
                           {
-                            watch: S,
+                            watch: A,
                             label: "Error message text",
                             name: "minAmountMessage",
                             register: f,
@@ -4816,9 +4832,9 @@ const No = R.object().shape({
                       ] }),
                       /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          W,
+                          z,
                           {
-                            watch: S,
+                            watch: A,
                             label: "Max Amount",
                             name: "maxAmount",
                             register: f,
@@ -4829,9 +4845,9 @@ const No = R.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          W,
+                          z,
                           {
-                            watch: S,
+                            watch: A,
                             label: "Error message text",
                             name: "maxAmountMessage",
                             register: f,
@@ -4858,10 +4874,10 @@ const No = R.object().shape({
                   "button",
                   {
                     type: "submit",
-                    disabled: !M || k,
+                    disabled: !M || C,
                     style: { background: (y == null ? void 0 : y.buttonColor) || "#333" },
-                    className: `flex-1 px-4 py-2.5 ${!M || k ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!M || k ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
-                    children: k ? "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"
                   }
                 )
               ] })
@@ -4886,7 +4902,7 @@ const No = R.object().shape({
     }, [n.id, n.sectionId, l]);
     return /* @__PURE__ */ b("div", { className: "w-full min-w-0", children: [
       s && /* @__PURE__ */ i(
-        Co,
+        ko,
         {
           isOpen: s,
           onClose: () => o(!1),
@@ -4929,7 +4945,7 @@ const No = R.object().shape({
               className: "text-sm outline-none hover:opacity-80 py-1 text-gray-600",
               onClick: () => d(n == null ? void 0 : n.id, n.sectionId),
               title: "Duplicate",
-              children: /* @__PURE__ */ i(z, { icon: "tabler:copy", iconClass: "text-base" })
+              children: /* @__PURE__ */ i(J, { icon: "tabler:copy", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ i(
@@ -4939,7 +4955,7 @@ const No = R.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: () => o(!0),
               title: "Edit",
-              children: /* @__PURE__ */ i(z, { icon: "circum:edit", iconClass: "text-base" })
+              children: /* @__PURE__ */ i(J, { icon: "circum:edit", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ i(
@@ -4949,12 +4965,13 @@ const No = R.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: m,
               title: "Remove",
-              children: /* @__PURE__ */ i(z, { icon: "iconamoon:trash", iconClass: "text-base" })
+              children: /* @__PURE__ */ i(J, { icon: "iconamoon:trash", iconClass: "text-base" })
             }
           )
         ] })
       ] }),
-      a
+      a,
+      n.description && /* @__PURE__ */ i("small", { className: "block text-gray-400 mt-1 text-xs", children: n.description })
     ] });
   }
 );
@@ -4972,7 +4989,7 @@ function Mo({
   } = n || {};
   let u;
   return l && (u = l()[e.id]), /* @__PURE__ */ i(
-    W,
+    z,
     {
       placeholder: e.placeholder,
       type: e.inputType,
@@ -5084,7 +5101,7 @@ function Bo({
   element: e,
   validationData: n
 }) {
-  var k;
+  var C;
   const { register: a = () => ({}), setValue: s, watch: o } = n || {}, [l, d] = D(), [u, t] = D(!1), [m, c] = D(!1), [r, h] = D(""), v = o && o(e == null ? void 0 : e.id);
   G(() => {
     d(v);
@@ -5093,26 +5110,26 @@ function Bo({
   G(() => {
     a(e.id);
   }, [e.id, a]);
-  const { url: g, method: p, responseType: N } = e || {}, C = {
+  const { url: g, method: p, responseType: N } = e || {}, k = {
     headers: {
       Authorization: `Bearer ${de("token")}`
     }
   }, x = Y(
     async (M) => {
-      var w, A, T, I, L, F, Z, ie, X, he, _;
+      var w, S, T, I, E, F, Z, ie, X, he, _;
       if (!(!g || !p)) {
         t(!0);
         try {
           let V;
           if (p.toLowerCase() === "get") {
             const ce = `${g}?value=${M}`;
-            V = await Pe.get(ce, C);
+            V = await Pe.get(ce, k);
           } else if (p.toLowerCase() === "post")
-            V = await Pe.post(g, { value: M }, C);
+            V = await Pe.post(g, { value: M }, k);
           else
             throw new Error("Unsupported HTTP method");
-          V.status === 200 && ((((A = (w = V == null ? void 0 : V.data) == null ? void 0 : w.data) == null ? void 0 : A.status) || ((T = V == null ? void 0 : V.data) == null ? void 0 : T.status)) === !0 ? (c(!0), N === "string" ? h(
-            ((L = (I = V == null ? void 0 : V.data) == null ? void 0 : I.data) == null ? void 0 : L.description) || ((F = V == null ? void 0 : V.data) == null ? void 0 : F.description) || "Validation successful"
+          V.status === 200 && ((((S = (w = V == null ? void 0 : V.data) == null ? void 0 : w.data) == null ? void 0 : S.status) || ((T = V == null ? void 0 : V.data) == null ? void 0 : T.status)) === !0 ? (c(!0), N === "string" ? h(
+            ((E = (I = V == null ? void 0 : V.data) == null ? void 0 : I.data) == null ? void 0 : E.description) || ((F = V == null ? void 0 : V.data) == null ? void 0 : F.description) || "Validation successful"
           ) : f(
             ((ie = (Z = V == null ? void 0 : V.data) == null ? void 0 : Z.data) == null ? void 0 : ie.description) || ((X = V == null ? void 0 : V.data) == null ? void 0 : X.description) || {}
           )) : (console.error("Invalid input:", M), h("Unable to validate input"), c(!1)));
@@ -5141,7 +5158,7 @@ function Bo({
         {
           placeholder: (e == null ? void 0 : e.placeholder) || "",
           type: (e == null ? void 0 : e.inputType) || "text",
-          className: J("field-control", e == null ? void 0 : e.customClass),
+          className: q("field-control", e == null ? void 0 : e.customClass),
           ...a(e == null ? void 0 : e.id),
           onChange: (M) => {
             d(M.target.value), s(e == null ? void 0 : e.id, M.target.value);
@@ -5183,7 +5200,7 @@ function Bo({
             }
           )
         ] }),
-        m && !u && /* @__PURE__ */ i("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ i(z, { icon: "gg:check-o" }) })
+        m && !u && /* @__PURE__ */ i("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ i(J, { icon: "gg:check-o" }) })
       ] })
     ] }),
     r && N === "string" && /* @__PURE__ */ i(
@@ -5193,7 +5210,7 @@ function Bo({
         children: r
       }
     ),
-    N === "object" && /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (k = Object.entries(y)) == null ? void 0 : k.map(([M, w]) => /* @__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: [
         M,
         ":"
@@ -5296,10 +5313,10 @@ function Lo({
   ) });
 }
 function Po({ element: e }) {
-  return /* @__PURE__ */ i("div", { className: J("py-6", e == null ? void 0 : e.customClass) });
+  return /* @__PURE__ */ i("div", { className: q("py-6", e == null ? void 0 : e.customClass) });
 }
 function Ro({ element: e }) {
-  return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("hr", { className: J("border-gray-200 my-4", e == null ? void 0 : e.customClass) }) });
+  return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("hr", { className: q("border-gray-200 my-4", e == null ? void 0 : e.customClass) }) });
 }
 function Do({
   element: e,
@@ -5432,7 +5449,7 @@ function Ko({
         onClick: () => l(e.id),
         className: "text-red-500 hover:text-red-700",
         "aria-label": "Delete row",
-        children: /* @__PURE__ */ i(z, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
+        children: /* @__PURE__ */ i(J, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
       }
     ) })
   ] });
@@ -5575,18 +5592,18 @@ const qi = ({
   loading: y,
   disabled: f
 }) => {
-  const [g, p] = D(c ? [] : null), N = J("custom-select__control", e), S = ee(() => n, [n]);
+  const [g, p] = D(c ? [] : null), N = q("custom-select__control", e), A = ee(() => n, [n]);
   return G(() => {
-    const C = n == null ? void 0 : n.find((x) => {
-      var k;
-      return typeof x.value == "string" && typeof t == "string" ? x.value.toLowerCase() === t.toLowerCase() : typeof x.value == "object" && typeof t == "object" ? ((k = x.value) == null ? void 0 : k.id) === (t == null ? void 0 : t.id) : x.value === t;
+    const k = n == null ? void 0 : n.find((x) => {
+      var C;
+      return typeof x.value == "string" && typeof t == "string" ? x.value.toLowerCase() === t.toLowerCase() : typeof x.value == "object" && typeof t == "object" ? ((C = x.value) == null ? void 0 : C.id) === (t == null ? void 0 : t.id) : x.value === t;
     });
-    p(C || null);
+    p(k || null);
   }, [t, n]), G(() => {
     g && l && o && (l(d, g == null ? void 0 : g.value), o(d), m == null || m(d));
   }, [d, g]), /* @__PURE__ */ b("div", { className: "custom-select", children: [
     u && !r && /* @__PURE__ */ i("label", { className: "custom-select__label", children: u }),
-    r && u && /* @__PURE__ */ i("label", { className: J("custom-select__floating-label", v), children: u }),
+    r && u && /* @__PURE__ */ i("label", { className: q("custom-select__floating-label", v), children: u }),
     /* @__PURE__ */ i(
       ae,
       {
@@ -5597,29 +5614,29 @@ const qi = ({
         children: /* @__PURE__ */ b("div", { className: "custom-select__wrapper", children: [
           /* @__PURE__ */ b(ae.Button, { className: N, disabled: f, children: [
             y ? /* @__PURE__ */ i("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ i("span", { className: "custom-select__value", children: (g == null ? void 0 : g.label) || /* @__PURE__ */ i("span", { className: "custom-select__placeholder", children: a }) }),
-            /* @__PURE__ */ i("span", { className: "custom-select__icon", children: /* @__PURE__ */ i(z, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ i("span", { className: "custom-select__icon", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ i(
             we,
             {
               as: se.Fragment,
               leave: "custom-select__transition",
-              children: /* @__PURE__ */ i(ae.Options, { className: "custom-select__options", anchor: "bottom", children: S == null ? void 0 : S.map((C, x) => /* @__PURE__ */ i(
+              children: /* @__PURE__ */ i(ae.Options, { className: "custom-select__options", anchor: "bottom", children: A == null ? void 0 : A.map((k, x) => /* @__PURE__ */ i(
                 ae.Option,
                 {
-                  value: C,
-                  className: ({ active: k }) => J(
+                  value: k,
+                  className: ({ active: C }) => q(
                     "custom-select__option",
-                    k && "custom-select__option--active"
+                    C && "custom-select__option--active"
                   ),
-                  children: ({ selected: k }) => /* @__PURE__ */ i(
+                  children: ({ selected: C }) => /* @__PURE__ */ i(
                     "span",
                     {
-                      className: J(
+                      className: q(
                         "custom-select__option-label",
-                        k && "custom-select__option--selected"
+                        C && "custom-select__option--selected"
                       ),
-                      children: C.label
+                      children: k.label
                     }
                   )
                 },
@@ -5715,26 +5732,26 @@ const qi = ({
   }, []);
   const g = (N) => {
     if (!a && !h) {
-      const S = N + 1;
-      c == null || c(d.id, S), m == null || m(d.id), s == null || s(S);
+      const A = N + 1;
+      c == null || c(d.id, A), m == null || m(d.id), s == null || s(A);
     }
   };
   return /* @__PURE__ */ b("div", { className: `flex gap-1 ${l}`, children: [
     /* @__PURE__ */ i("input", { type: "hidden", ...t(d.id) }),
-    Array.from({ length: n }, (N, S) => {
-      const C = y !== null ? S <= y : S < v;
+    Array.from({ length: n }, (N, A) => {
+      const k = y !== null ? A <= y : A < v;
       return /* @__PURE__ */ i(
         vn,
         {
-          icon: C ? "mdi:star" : "mdi:star-outline",
-          className: `cursor-pointer transition-colors ${C ? "text-yellow-400" : "text-gray-300"}`,
+          icon: k ? "mdi:star" : "mdi:star-outline",
+          className: `cursor-pointer transition-colors ${k ? "text-yellow-400" : "text-gray-300"}`,
           width: o,
           height: o,
-          onMouseEnter: () => !(a || h) && f(S),
+          onMouseEnter: () => !(a || h) && f(A),
           onMouseLeave: () => !(a || h) && f(null),
-          onClick: () => g(S)
+          onClick: () => g(A)
         },
-        S
+        A
       );
     })
   ] });
@@ -5744,7 +5761,7 @@ function Vo({
   validationData: n
 }) {
   const { register: a = () => ({}) } = n || {}, s = (e == null ? void 0 : e.options) || [], o = (e == null ? void 0 : e.options1) || [];
-  return /* @__PURE__ */ i("div", { className: J("w-full overflow-x-auto", e.customClass), children: /* @__PURE__ */ b("table", { className: "w-full text-left border-collapse min-w-[600px] mb-2", children: [
+  return /* @__PURE__ */ i("div", { className: q("w-full overflow-x-auto", e.customClass), children: /* @__PURE__ */ b("table", { className: "w-full text-left border-collapse min-w-[600px] mb-2", children: [
     /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ b("tr", { children: [
       /* @__PURE__ */ i("th", { className: "p-3 border-b bg-gray-50/50" }),
       o.map((l) => /* @__PURE__ */ i(
@@ -5878,7 +5895,7 @@ function Uo({
       {
         placeholder: e.placeholder,
         type: e.inputType,
-        className: J("field-control", e.customClass),
+        className: q("field-control", e.customClass),
         ...a(e.id),
         disabled: s
       }
@@ -5890,13 +5907,13 @@ function Uo({
         onClick: h,
         disabled: c || t,
         style: { background: (u == null ? void 0 : u.buttonColor) || "#333" },
-        className: J(
+        className: q(
           "flex items-center gap-x-1 rounded-lg border border-gray-200 bg-gray-200 px-3 py-[10px] text-sm text-white",
           { "!opacity-60": c }
         ),
         children: [
           /* @__PURE__ */ i(
-            z,
+            J,
             {
               icon: c ? "solar:refresh-outline" : t ? "solar:check-circle-bold" : "solar:pen-2-line-duotone",
               iconClass: c ? "animate-spin" : ""
@@ -6171,38 +6188,38 @@ function Wo({
   onChange: v,
   onError: y
 }) {
-  const [f, g] = D(""), [p, N] = D(null), [S, C] = D(""), x = ee(
+  const [f, g] = D(""), [p, N] = D(null), [A, k] = D(""), x = ee(
     () => {
-      var L;
-      return (L = ui == null ? void 0 : ui.slice().sort((F, Z) => F.label.localeCompare(Z.label))) == null ? void 0 : L.map((F) => ({ ...F, phone: `+${F.phone}` }));
+      var E;
+      return (E = ui == null ? void 0 : ui.slice().sort((F, Z) => F.label.localeCompare(Z.label))) == null ? void 0 : E.map((F) => ({ ...F, phone: `+${F.phone}` }));
     },
     []
-  ), k = ee(() => f ? x.filter(
-    (L) => `${L.label} ${L.phone}`.toLowerCase().includes(f.toLowerCase())
-  ) : x, [f, x]), M = (p == null ? void 0 : p.min) || 10, w = (p == null ? void 0 : p.max) || 10, A = () => S ? `${(p == null ? void 0 : p.phone) || "+234"}-${S}` : "", T = (L) => {
-    if (!L) return { code: "+234", number: "" };
-    const F = L.split(/[-\s]/);
+  ), C = ee(() => f ? x.filter(
+    (E) => `${E.label} ${E.phone}`.toLowerCase().includes(f.toLowerCase())
+  ) : x, [f, x]), M = (p == null ? void 0 : p.min) || 10, w = (p == null ? void 0 : p.max) || 10, S = () => A ? `${(p == null ? void 0 : p.phone) || "+234"}-${A}` : "", T = (E) => {
+    if (!E) return { code: "+234", number: "" };
+    const F = E.split(/[-\s]/);
     return { code: F[0], number: F.slice(1).join(" ") };
   };
   G(() => {
     if (d) {
-      const L = T(d);
+      const E = T(d);
       N(
-        x.find((F) => F.phone === L.code) || x[0]
-      ), C(L.number);
+        x.find((F) => F.phone === E.code) || x[0]
+      ), k(E.number);
     }
   }, [d, x]);
   const I = ee(() => {
     if (u) return u;
-    const L = S.length;
-    return s && L === 0 ? "Phone number is required" : L > 0 && !/^\d+$/.test(S) ? "Phone number must contain only digits" : L > 0 && L < M ? `Minimum length is ${M}` : L > w ? `Maximum length is ${w}` : "";
-  }, [u, S, M, w, s]);
+    const E = A.length;
+    return s && E === 0 ? "Phone number is required" : E > 0 && !/^\d+$/.test(A) ? "Phone number must contain only digits" : E > 0 && E < M ? `Minimum length is ${M}` : E > w ? `Maximum length is ${w}` : "";
+  }, [u, A, M, w, s]);
   return G(() => {
-    v == null || v(A()), y == null || y(I || null);
-  }, [S, p, I]), /* @__PURE__ */ b(
+    v == null || v(S()), y == null || y(I || null);
+  }, [A, p, I]), /* @__PURE__ */ b(
     "div",
     {
-      className: `relative formGroup ${I && !m ? "has-error" : ""} ${c ? "flex" : ""} ${!I && S.length > 0 && !m ? "is-valid" : ""}`,
+      className: `relative formGroup ${I && !m ? "has-error" : ""} ${c ? "flex" : ""} ${!I && A.length > 0 && !m ? "is-valid" : ""}`,
       children: [
         e && /* @__PURE__ */ b(
           "label",
@@ -6218,30 +6235,30 @@ function Wo({
           }
         ),
         /* @__PURE__ */ b("div", { className: "relative !flex items-center input-control text-[#667085] !py-0 field-control", children: [
-          /* @__PURE__ */ i(z, { icon: "lucide:phone-call" }),
+          /* @__PURE__ */ i(J, { icon: "lucide:phone-call" }),
           /* @__PURE__ */ i(De, { value: p, onChange: N, children: /* @__PURE__ */ b("div", { className: "relative", children: [
             /* @__PURE__ */ i(
               De.Input,
               {
                 className: "pl-3 pr-4 mr-1 text-sm bg-white  py-[10px] outline-none whitespace-nowrap max-w-[70px]",
-                displayValue: (L) => (L == null ? void 0 : L.phone) || "+234",
+                displayValue: (E) => (E == null ? void 0 : E.phone) || "+234",
                 placeholder: "+234",
-                onChange: (L) => g(L.target.value)
+                onChange: (E) => g(E.target.value)
               }
             ),
-            /* @__PURE__ */ i(De.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ i(z, { icon: "lucide:chevron-down" }) }),
-            /* @__PURE__ */ i(De.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: k == null ? void 0 : k.map((L, F) => /* @__PURE__ */ b(
+            /* @__PURE__ */ i(De.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) }),
+            /* @__PURE__ */ i(De.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: C == null ? void 0 : C.map((E, F) => /* @__PURE__ */ b(
               De.Option,
               {
-                value: L,
+                value: E,
                 className: "px-4 py-2 cursor-pointer hover:bg-gray-100",
                 children: [
-                  L.phone,
+                  E.phone,
                   " - ",
-                  L.label
+                  E.label
                 ]
               },
-              `${L.code}+ ${F}`
+              `${E.code}+ ${F}`
             )) })
           ] }) }),
           /* @__PURE__ */ b("div", { className: "relative flex items-center flex-1 z-[1]", children: [
@@ -6250,12 +6267,12 @@ function Wo({
               {
                 type: "tel",
                 inputMode: "numeric",
-                value: S,
+                value: A,
                 disabled: t,
                 readOnly: m,
-                onChange: (L) => {
-                  const F = L.target.value.replace(/\D/g, "");
-                  C(F);
+                onChange: (E) => {
+                  const F = E.target.value.replace(/\D/g, "");
+                  k(F);
                 },
                 placeholder: n,
                 className: "w-full px-3 outline-none",
@@ -6263,7 +6280,7 @@ function Wo({
                 minLength: M
               }
             ),
-            /* @__PURE__ */ i("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !I && S.length > 0 && !m && /* @__PURE__ */ i("span", { className: "text-green-500", children: /* @__PURE__ */ i(z, { icon: "bi:check-lg" }) }) })
+            /* @__PURE__ */ i("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !I && A.length > 0 && !m && /* @__PURE__ */ i("span", { className: "text-green-500", children: /* @__PURE__ */ i(J, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
         r && /* @__PURE__ */ i("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: r })
@@ -6321,7 +6338,7 @@ function Jo({
         {
           placeholder: (e == null ? void 0 : e.placeholder) || "Enter Url link",
           type: "text",
-          className: J(
+          className: q(
             "field-control",
             t && "!pl-16",
             e == null ? void 0 : e.customClass
@@ -6387,7 +6404,7 @@ function qo({
     {
       placeholder: (e == null ? void 0 : e.placeholder) || "Calculated result",
       type: "text",
-      className: J("field-control bg-gray-100 cursor-not-allowed", e == null ? void 0 : e.customClass),
+      className: q("field-control bg-gray-100 cursor-not-allowed", e == null ? void 0 : e.customClass),
       value: u,
       readOnly: !0,
       disabled: !0,
@@ -6410,12 +6427,12 @@ function _o({
         if (!g.ok) return;
         const p = await g.json();
         let N = {};
-        Array.isArray(p) ? p.forEach((C) => {
-          const x = C.value || C.id || C.option, k = C.count || C.votes || C.value || 0;
-          x && (N[x] = Number(k));
+        Array.isArray(p) ? p.forEach((k) => {
+          const x = k.value || k.id || k.option, C = k.count || k.votes || k.value || 0;
+          x && (N[x] = Number(C));
         }) : typeof p == "object" && (N = p), u(N);
-        const S = Object.values(N).reduce((C, x) => C + Number(x), 0);
-        m(S);
+        const A = Object.values(N).reduce((k, x) => k + Number(x), 0);
+        m(A);
       } catch (g) {
         console.error("Failed to fetch polling results", g);
       }
@@ -6436,7 +6453,7 @@ function _o({
         "div",
         {
           onClick: () => h(y.value),
-          className: J(
+          className: q(
             "relative flex items-center justify-between p-3 border rounded-lg overflow-hidden transition-all duration-200",
             n != null && n.isReadOnly ? "cursor-default" : "cursor-pointer hover:border-blue-400 hover:bg-blue-50/50",
             p ? "border-blue-500 ring-1 ring-blue-500" : "border-gray-200"
@@ -6453,7 +6470,7 @@ function _o({
               /* @__PURE__ */ i(
                 "div",
                 {
-                  className: J(
+                  className: q(
                     "flex-shrink-0 w-5 h-5 rounded-full border flex items-center justify-center transition-colors",
                     p ? "border-blue-500 bg-blue-500" : "border-gray-300 bg-white"
                   ),
@@ -6463,7 +6480,7 @@ function _o({
               /* @__PURE__ */ i(
                 "span",
                 {
-                  className: J(
+                  className: q(
                     "font-medium text-sm",
                     p ? "text-blue-900" : "text-gray-700"
                   ),
@@ -6476,7 +6493,7 @@ function _o({
                 g,
                 "%"
               ] }),
-              p && /* @__PURE__ */ i(z, { icon: "material-symbols:check-circle", iconClass: "text-blue-500 text-lg" })
+              p && /* @__PURE__ */ i(J, { icon: "material-symbols:check-circle", iconClass: "text-blue-500 text-lg" })
             ] }),
             /* @__PURE__ */ i(
               "input",
@@ -6558,7 +6575,7 @@ const fn = {
 }, Xe = ({ col: e, children: n, customClass: a }) => /* @__PURE__ */ i(
   "div",
   {
-    className: J("w-full bg-white min-w-0", a),
+    className: q("w-full bg-white min-w-0", a),
     style: { gridColumn: e },
     children: n
   }
@@ -6582,80 +6599,80 @@ const fn = {
     [e.columns]
   ), [v, y] = D(null);
   G(() => {
-    const C = () => {
+    const k = () => {
       y(null), t(!1);
     };
-    return document.addEventListener("dragend", C), () => document.removeEventListener("dragend", C);
+    return document.addEventListener("dragend", k), () => document.removeEventListener("dragend", k);
   }, [t]);
   const f = Y(
-    (C, x) => {
-      C.preventDefault(), C.stopPropagation(), C.dataTransfer.dropEffect = "move", y(x);
+    (k, x) => {
+      k.preventDefault(), k.stopPropagation(), k.dataTransfer.dropEffect = "move", y(x);
     },
     []
   ), g = Y(
-    (C, x) => {
-      C.preventDefault(), C.stopPropagation(), y(x);
+    (k, x) => {
+      k.preventDefault(), k.stopPropagation(), y(x);
     },
     []
   ), p = Y(
-    (C, x) => {
-      const k = C.relatedTarget;
-      k && C.currentTarget.contains(k) || y((M) => M === x ? null : M);
+    (k, x) => {
+      const C = k.relatedTarget;
+      C && k.currentTarget.contains(C) || y((M) => M === x ? null : M);
     },
     []
   ), N = Y(
-    (C, x) => {
+    (k, x) => {
       var w;
-      C.preventDefault(), C.stopPropagation(), t(!1), y(null);
-      const k = x + 1, M = C.dataTransfer.getData("elementId");
+      k.preventDefault(), k.stopPropagation(), t(!1), y(null);
+      const C = x + 1, M = k.dataTransfer.getData("elementId");
       if (M) {
         m({
           draggedId: M,
           sectionId: n,
           targetGridId: e.id,
-          targetCol: k
+          targetCol: C
         });
         return;
       }
       try {
-        const A = C.dataTransfer.getData("properties");
-        if (!A) return;
-        const T = JSON.parse(A);
+        const S = k.dataTransfer.getData("properties");
+        if (!S) return;
+        const T = JSON.parse(S);
         if ((T == null ? void 0 : T.type) === "grid") return;
-        const I = d.find((Z) => Z.id === n), L = (w = I == null ? void 0 : I.questionData) == null ? void 0 : w.find(
+        const I = d.find((Z) => Z.id === n), E = (w = I == null ? void 0 : I.questionData) == null ? void 0 : w.find(
           (Z) => {
             var ie;
-            return Z.gridId === e.id && ((ie = Z.gridPosition) == null ? void 0 : ie.col) === k;
+            return Z.gridId === e.id && ((ie = Z.gridPosition) == null ? void 0 : ie.col) === C;
           }
         );
-        L && r(L.id, n);
+        E && r(E.id, n);
         const F = {
           ...T,
           id: pe(),
           sectionId: n,
           gridId: e.id,
-          gridPosition: { col: k }
+          gridPosition: { col: C }
         };
         u(F, n);
-      } catch (A) {
-        console.error("Drop failed in grid:", A), t(!1);
+      } catch (S) {
+        console.error("Drop failed in grid:", S), t(!1);
       }
     },
     [u, e.id, d, n, t, m]
-  ), S = (C, x, k) => {
+  ), A = (k, x, C) => {
     var ie, X, he;
-    const M = C + 1, w = (X = (ie = d.find((_) => _.id === n)) == null ? void 0 : ie.questionData) == null ? void 0 : X.find(
+    const M = k + 1, w = (X = (ie = d.find((_) => _.id === n)) == null ? void 0 : ie.questionData) == null ? void 0 : X.find(
       (_) => {
         var V;
         return _.gridId === e.id && ((V = _.gridPosition) == null ? void 0 : V.col) === M;
       }
-    ), A = (he = w == null ? void 0 : w.id) != null ? he : null, T = Array.isArray(a) && a.find((_) => {
+    ), S = (he = w == null ? void 0 : w.id) != null ? he : null, T = Array.isArray(a) && a.find((_) => {
       var V;
       return ((V = _ == null ? void 0 : _.props) == null ? void 0 : V.col) === M;
-    }), I = c && v === C, L = !!T, F = c && !!l, Z = L && A && k === "edit" ? {
+    }), I = c && v === k, E = !!T, F = c && !!l, Z = E && S && C === "edit" ? {
       draggable: !0,
       onDragStart: (_) => {
-        _.stopPropagation(), _.dataTransfer.setData("elementId", A), _.dataTransfer.setData("properties", A), _.dataTransfer.effectAllowed = "move", t(!0);
+        _.stopPropagation(), _.dataTransfer.setData("elementId", S), _.dataTransfer.setData("properties", S), _.dataTransfer.effectAllowed = "move", t(!0);
       },
       onDragEnd: () => {
         y(null), t(!1);
@@ -6664,45 +6681,45 @@ const fn = {
     return /* @__PURE__ */ i("div", { className: "min-w-0", children: /* @__PURE__ */ b(
       "div",
       {
-        id: `grid-cell-${e.id}-${C}`,
+        id: `grid-cell-${e.id}-${k}`,
         ...Z,
-        onDrop: (_) => N(_, C),
-        onDragEnter: (_) => g(_, C),
-        onDragOver: (_) => f(_, C),
-        onDragLeave: (_) => p(_, C),
-        className: J(
+        onDrop: (_) => N(_, k),
+        onDragEnter: (_) => g(_, k),
+        onDragOver: (_) => f(_, k),
+        onDragLeave: (_) => p(_, k),
+        className: q(
           "relative border  rounded-lg min-h-[110px] min-w-0",
           "flex items-center justify-center",
           "transition-all duration-200 ease-in-out",
-          k === "edit" ? "py-3 " : "",
-          L && k === "edit" && "cursor-grab active:cursor-grabbing border-none",
+          C === "edit" ? "py-3 " : "",
+          E && C === "edit" && "cursor-grab active:cursor-grabbing border-none",
           x,
           !F && !I && "bg-white border-gray-200 text-gray-300",
-          F && !I && !L && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
-          F && !I && L && "bg-white border-orange-200 border-dashed",
-          I && !L && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
-          I && L && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
+          F && !I && !E && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
+          F && !I && E && "bg-white border-orange-200 border-dashed",
+          I && !E && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
+          I && E && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
         ),
         children: [
-          L && k === "edit" && /* @__PURE__ */ i("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ i(z, { icon: "ph:dots-six-bold" }) }),
-          I && !L && /* @__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(z, { icon: "ph:plus-bold" }),
+          E && C === "edit" && /* @__PURE__ */ i("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ i(J, { icon: "ph:dots-six-bold" }) }),
+          I && !E && /* @__PURE__ */ b("span", { className: "absolute inset-0 flex flex-col items-center justify-center gap-1 text-blue-400 text-xs font-medium pointer-events-none", children: [
+            /* @__PURE__ */ i(J, { icon: "ph:plus-bold" }),
             "Drop here"
           ] }),
-          I && L && /* @__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" }),
+          I && 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: J(
+              className: q(
                 "w-full select-none min-w-0",
                 I && "opacity-50 pointer-events-none"
               ),
-              children: T || /* @__PURE__ */ i("span", { className: "flex items-center justify-center text-gray-300", children: k === "edit" && /* @__PURE__ */ i(z, { icon: "ph:plus-bold" }) })
+              children: T || /* @__PURE__ */ i("span", { className: "flex items-center justify-center text-gray-300", children: C === "edit" && /* @__PURE__ */ i(J, { icon: "ph:plus-bold" }) })
             }
           )
         ]
       }
-    ) }, C);
+    ) }, k);
   };
   return /* @__PURE__ */ i("div", { className: "relative w-full", children: /* @__PURE__ */ i(
     "div",
@@ -6712,7 +6729,7 @@ const fn = {
         gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`
       },
       children: h == null ? void 0 : h.map(
-        (C, x) => S(x, s, o)
+        (k, x) => A(x, s, o)
       )
     }
   ) });
@@ -6741,13 +6758,13 @@ function ti({
         l(!1), a();
       },
       style: { height: `${o ? 52 : s ? 28 : 4}px` },
-      className: J(
+      className: q(
         "w-full rounded-md flex items-center justify-center",
         "transition-all duration-150 ease-in-out overflow-hidden",
         o ? "bg-blue-50 border-2 border-blue-300 border-dashed" : s ? "border-2 border-blue-200 border-dashed" : "border-2 border-transparent"
       ),
       children: o && /* @__PURE__ */ b("span", { className: "flex items-center gap-1 text-blue-500 text-xs font-medium select-none pointer-events-none", children: [
-        /* @__PURE__ */ i(z, { icon: "octicon:plus-16" }),
+        /* @__PURE__ */ i(J, { icon: "octicon:plus-16" }),
         "Drop here"
       ] })
     }
@@ -6780,32 +6797,32 @@ function Qo({ elementData: e, sectionId: n }) {
   const h = Y(
     (p) => {
       p.preventDefault(), p.stopPropagation();
-      const N = p.dataTransfer.getData("elementId"), S = p.currentTarget.id;
-      if (!N || !S || N === S) {
+      const N = p.dataTransfer.getData("elementId"), A = p.currentTarget.id;
+      if (!N || !A || N === A) {
         r();
         return;
       }
-      const C = m.find((k) => k.id === N), x = m.findIndex(
-        (k) => k.id === S
+      const k = m.find((C) => C.id === N), x = m.findIndex(
+        (C) => C.id === A
       );
-      C != null && C.gridId && x !== -1 ? d({ draggedId: N, sectionId: n, targetIndex: x }) : d({ draggedId: N, sectionId: n, targetId: S }), t(null), o(!1);
+      k != null && k.gridId && x !== -1 ? d({ draggedId: N, sectionId: n, targetIndex: x }) : d({ draggedId: N, sectionId: n, targetId: A }), t(null), o(!1);
     },
     [n, d, o, r, m]
   ), v = Y(
     (p, N) => {
       p.preventDefault(), p.stopPropagation(), o(!1);
-      const S = p.dataTransfer.getData("elementId");
-      if (S) {
-        d({ draggedId: S, sectionId: n, targetIndex: N }), t(null);
+      const A = p.dataTransfer.getData("elementId");
+      if (A) {
+        d({ draggedId: A, sectionId: n, targetIndex: N }), t(null);
         return;
       }
       try {
-        const C = JSON.parse(p.dataTransfer.getData("properties"));
-        if ((C == null ? void 0 : C.type) === "section") return;
-        const x = { ...C, id: pe(), sectionId: n };
+        const k = JSON.parse(p.dataTransfer.getData("properties"));
+        if ((k == null ? void 0 : k.type) === "section") return;
+        const x = { ...k, id: pe(), sectionId: n };
         l(x, n, N), t(null);
-      } catch (C) {
-        console.error("Drop error:", C);
+      } catch (k) {
+        console.error("Drop error:", k);
       }
     },
     [l, n, o, d]
@@ -6815,13 +6832,13 @@ function Qo({ elementData: e, sectionId: n }) {
       {
         id: p.id,
         draggable: !0,
-        onDragStart: (S) => c(S, p.id),
-        onDragOver: N ? void 0 : (S) => {
-          S.preventDefault(), S.stopPropagation();
+        onDragStart: (A) => c(A, p.id),
+        onDragOver: N ? void 0 : (A) => {
+          A.preventDefault(), A.stopPropagation();
         },
         onDrop: N ? void 0 : h,
         onDragEnd: r,
-        className: J(
+        className: q(
           "cursor-grab active:cursor-grabbing border p-4 w-full rounded-lg",
           "transition-all duration-200 ease-in-out",
           u === p.id ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-300 shadow-inner" : u ? "bg-white border-dashed border-blue-200 shadow-sm" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
@@ -6855,25 +6872,25 @@ function Qo({ elementData: e, sectionId: n }) {
       }
     ),
     g.map((p) => {
-      const N = m.findIndex((S) => S.id === p.id);
+      const N = m.findIndex((A) => A.id === p.id);
       if (p.type === "grid") {
-        const S = f[p.id] || [], C = u === p.id, x = !!u && !C;
+        const A = f[p.id] || [], k = u === p.id, x = !!u && !k;
         return /* @__PURE__ */ b("div", { className: "flex flex-col gap-0", children: [
           /* @__PURE__ */ i(
             "div",
             {
               id: p.id,
               draggable: !0,
-              onDragStart: (k) => c(k, p.id),
-              onDragOver: (k) => {
-                k.preventDefault(), k.stopPropagation();
+              onDragStart: (C) => c(C, p.id),
+              onDragOver: (C) => {
+                C.preventDefault(), C.stopPropagation();
               },
               onDrop: h,
               onDragEnd: r,
-              className: J(
+              className: q(
                 "w-full p-4 border rounded-lg cursor-grab active:cursor-grabbing",
                 "transition-all duration-200 ease-in-out",
-                C ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner" : x ? "bg-white border-dashed border-blue-200" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
+                k ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner" : x ? "bg-white border-dashed border-blue-200" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
               ),
               children: /* @__PURE__ */ i(Ti, { element: p, state: "edit", children: /* @__PURE__ */ i(
                 ei,
@@ -6882,10 +6899,10 @@ function Qo({ elementData: e, sectionId: n }) {
                   sectionId: n,
                   state: $o,
                   draggedElementId: u,
-                  children: S == null ? void 0 : S.map(
-                    (k) => {
+                  children: A == null ? void 0 : A.map(
+                    (C) => {
                       var M;
-                      return /* @__PURE__ */ i(Xe, { col: (M = k.gridPosition) == null ? void 0 : M.col, children: y(k, !0) }, k.id);
+                      return /* @__PURE__ */ i(Xe, { col: (M = C.gridPosition) == null ? void 0 : M.col, children: y(C, !0) }, C.id);
                     }
                   )
                 }
@@ -6930,7 +6947,7 @@ const Xo = Ze(Qo), es = R.object({
     watch: d,
     formState: { errors: u, isSubmitting: t, isValid: m },
     reset: c
-  } = Ai({
+  } = Si({
     resolver: wi(es),
     defaultValues: a
   });
@@ -6948,14 +6965,14 @@ const Xo = Ze(Qo), es = R.object({
         {
           onClick: n,
           className: "absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",
-          children: /* @__PURE__ */ i(z, { icon: "tabler:x" })
+          children: /* @__PURE__ */ i(J, { icon: "tabler:x" })
         }
       )
     ] }),
     /* @__PURE__ */ b("form", { onSubmit: l(r), className: "w-full", children: [
       /* @__PURE__ */ b("div", { className: "w-full px-6 flex flex-col gap-5 z-10", children: [
         /* @__PURE__ */ i(
-          W,
+          z,
           {
             label: "Title",
             name: "title",
@@ -6965,7 +6982,7 @@ const Xo = Ze(Qo), es = R.object({
           }
         ),
         /* @__PURE__ */ i(
-          W,
+          z,
           {
             label: "Description",
             name: "description",
@@ -6976,7 +6993,7 @@ const Xo = Ze(Qo), es = R.object({
           }
         ),
         /* @__PURE__ */ i(
-          W,
+          z,
           {
             label: "Disable Section",
             name: "disabled",
@@ -6989,7 +7006,7 @@ const Xo = Ze(Qo), es = R.object({
           }
         ),
         /* @__PURE__ */ i(
-          W,
+          z,
           {
             label: "Hide Section",
             name: "isHidden",
@@ -7033,7 +7050,7 @@ const Xo = Ze(Qo), es = R.object({
       {
         onClick: n,
         className: "absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",
-        children: /* @__PURE__ */ i(z, { icon: "tabler:x" })
+        children: /* @__PURE__ */ i(J, { icon: "tabler:x" })
       }
     )
   ] }),
@@ -7238,13 +7255,16 @@ const Xo = Ze(Qo), es = R.object({
   const h = re(null), v = re((y = e == null ? void 0 : e.questionData) == null ? void 0 : y.length);
   return G(() => {
     var g, p;
-    ((g = e == null ? void 0 : e.questionData) == null ? void 0 : g.length) > v.current && h.current && requestAnimationFrame(() => {
-      var N;
-      (N = h.current) == null || N.scrollTo({
-        top: h.current.scrollHeight,
-        behavior: "smooth"
+    if (((g = e == null ? void 0 : e.questionData) == null ? void 0 : g.length) > v.current) {
+      const N = document.getElementById("section-container");
+      N && requestAnimationFrame(() => {
+        N.scrollTo({
+          top: N.scrollHeight,
+          behavior: "smooth"
+        });
       });
-    }), v.current = (p = e == null ? void 0 : e.questionData) == null ? void 0 : p.length;
+    }
+    v.current = (p = e == null ? void 0 : e.questionData) == null ? void 0 : p.length;
   }, [(f = e == null ? void 0 : e.questionData) == null ? void 0 : f.length]), /* @__PURE__ */ i(
     "div",
     {
@@ -7276,7 +7296,7 @@ const Xo = Ze(Qo), es = R.object({
                   className: "flex-1 h-full py-4 cursor-grab active:cursor-grabbing flex items-center gap-2",
                   title: "Drag to reorder section",
                   children: [
-                    /* @__PURE__ */ i(z, { icon: "material-symbols:drag-indicator", iconClass: "text-gray-400 text-lg" }),
+                    /* @__PURE__ */ i(J, { icon: "material-symbols:drag-indicator", iconClass: "text-gray-400 text-lg" }),
                     /* @__PURE__ */ i("h2", { className: "font-medium", children: e.title || "Section title" })
                   ]
                 }
@@ -7288,7 +7308,7 @@ const Xo = Ze(Qo), es = R.object({
                     type: "button",
                     className: "p-1 text-xs border rounded-lg",
                     onClick: () => d(e),
-                    children: /* @__PURE__ */ i(z, { icon: "fluent:edit-28-regular" })
+                    children: /* @__PURE__ */ i(J, { icon: "fluent:edit-28-regular" })
                   }
                 ),
                 t > 1 && /* @__PURE__ */ i(
@@ -7297,7 +7317,7 @@ const Xo = Ze(Qo), es = R.object({
                     type: "button",
                     className: "p-1 text-xs border rounded-lg",
                     onClick: () => u(e.id),
-                    children: /* @__PURE__ */ i(z, { icon: "lets-icons:trash-duotone-line" })
+                    children: /* @__PURE__ */ i(J, { icon: "lets-icons:trash-duotone-line" })
                   }
                 ),
                 /* @__PURE__ */ i(
@@ -7307,7 +7327,7 @@ const Xo = Ze(Qo), es = R.object({
                     className: "p-1 text-xs rounded-lg",
                     onClick: () => l(n),
                     children: /* @__PURE__ */ i(
-                      z,
+                      J,
                       {
                         icon: o.includes(n) ? "fa6-solid:chevron-up" : "fa6-solid:chevron-down",
                         iconClass: "text-base"
@@ -7358,62 +7378,61 @@ const Xo = Ze(Qo), es = R.object({
     setFormData: p
   } = ye(be), N = re((r == null ? void 0 : r.length) || 0);
   G(() => {
-    var A;
-    v(((A = r[0]) == null ? void 0 : A.id) || null);
+    var S;
+    v(((S = r[0]) == null ? void 0 : S.id) || null);
   }, []), G(() => {
     (r == null ? void 0 : r.length) > N.current && t.current && requestAnimationFrame(() => {
-      var A;
-      (A = t.current) == null || A.scrollTo({
+      var S;
+      (S = t.current) == null || S.scrollTo({
         top: t.current.scrollHeight,
         behavior: "smooth"
       });
     }), N.current = (r == null ? void 0 : r.length) || 0;
   }, [r == null ? void 0 : r.length]);
-  const S = Y((A) => {
-    A.preventDefault(), A.dataTransfer.dropEffect = "move", t.current && (t.current.scrollTop = t.current.scrollHeight);
-  }, []), C = Y((A, T) => {
+  const A = Y((S) => {
+    S.preventDefault(), S.dataTransfer.dropEffect = "move", t.current && (t.current.scrollTop = t.current.scrollHeight);
+  }, []), k = Y((S, T) => {
     p((I) => {
-      const L = I.findIndex((X) => X.id === A), F = I.findIndex((X) => X.id === T);
-      if (L === -1 || F === -1 || L === F) return I;
-      const Z = [...I], [ie] = Z.splice(L, 1);
+      const E = I.findIndex((X) => X.id === S), F = I.findIndex((X) => X.id === T);
+      if (E === -1 || F === -1 || E === F) return I;
+      const Z = [...I], [ie] = Z.splice(E, 1);
       return Z.splice(F, 0, ie), Z;
     });
   }, [p]);
-  function x(A) {
-    f.includes(A) ? g(
-      (T) => T.filter((I) => I !== A)
-    ) : g((T) => [...T, A]);
+  function x(S) {
+    f.includes(S) ? g(
+      (T) => T.filter((I) => I !== S)
+    ) : g((T) => [...T, S]);
   }
-  function k(A) {
-    u.current = A, o(!0);
+  function C(S) {
+    u.current = S, o(!0);
   }
-  const M = (A) => {
-    var I, L, F, Z;
+  const M = (S) => {
+    var I, E, F, Z;
     const T = (ie, X = {}) => ({
       ...JSON.parse(JSON.stringify(ie)),
       ...X
     });
-    if (A.sections && Array.isArray(A.sections)) {
-      const X = A.sections.filter(Boolean).map((_) => {
-        var Ae;
-        const V = pe(), ce = (Ae = _.questionData) == null ? void 0 : Ae.map((ge) => T(ge, { id: pe(), sectionId: V }));
+    if (S.sections && Array.isArray(S.sections)) {
+      const X = S.sections.filter(Boolean).map((_) => {
+        var Se;
+        const V = pe(), ce = (Se = _.questionData) == null ? void 0 : Se.map((ge) => T(ge, { id: pe(), sectionId: V }));
         if (ce) {
           const ge = /* @__PURE__ */ new Map();
-          _.questionData.forEach((ue, Se) => {
-            ge.set(ue.id, ce[Se].id);
+          _.questionData.forEach((ue, Ae) => {
+            ge.set(ue.id, ce[Ae].id);
           }), ce.forEach((ue) => {
             ue.gridId && ge.has(ue.gridId) && (ue.gridId = ge.get(ue.gridId));
           });
         }
         return T(_, { id: V, questionData: ce || [] });
       });
-      r.length === 1 && r[0].title === "" && r[0].description === "" && (!((I = r[0]) != null && I.questionData) || ((F = (L = r[0]) == null ? void 0 : L.questionData) == null ? void 0 : F.length) === 0) ? (p(X), X.length > 0 && v((Z = X[0]) == null ? void 0 : Z.id)) : p((_) => [..._, ...X]);
+      r.length === 1 && r[0].title === "" && r[0].description === "" && (!((I = r[0]) != null && I.questionData) || ((F = (E = r[0]) == null ? void 0 : E.questionData) == null ? void 0 : F.length) === 0) ? (p(X), X.length > 0 && v((Z = X[0]) == null ? void 0 : Z.id)) : p((_) => [..._, ...X]);
     }
   }, w = de("config");
   return /* @__PURE__ */ b(
     "div",
     {
-      ref: t,
       className: "relative flex flex-col h-full pb-5 mx-auto gap-x-4 ",
       children: [
         s && /* @__PURE__ */ i(
@@ -7428,26 +7447,27 @@ const Xo = Ze(Qo), es = R.object({
           "div",
           {
             id: "section-container",
+            ref: t,
             className: "relative flex flex-col flex-1 w-full gap-y-3 container overflow-y-auto",
             children: [
               r == null ? void 0 : r.map(
-                (A, T) => /* @__PURE__ */ i(
+                (S, T) => /* @__PURE__ */ i(
                   os,
                   {
-                    section: A,
+                    section: S,
                     index: T,
                     selectedSection: y,
                     setSelectedSection: v,
                     activeSections: f,
                     toggleSection: x,
-                    handleSectionEdit: k,
+                    handleSectionEdit: C,
                     removeSection: m,
                     formDataLength: r.length,
-                    onDragOver: S,
+                    onDragOver: A,
                     setIsDragging: h,
-                    onReorderSection: C
+                    onReorderSection: k
                   },
-                  A.id
+                  S.id
                 )
               ),
               /* @__PURE__ */ b("div", { className: "flex justify-center gap-x-4", children: [
@@ -7530,7 +7550,7 @@ const Xo = Ze(Qo), es = R.object({
     ) })
   ] });
 }, Bi = ({ loadingClass: e }) => {
-  const n = J(
+  const n = q(
     "h-full w-full min-h-[300px] flex justify-center items-center",
     e
   );
@@ -7538,7 +7558,7 @@ const Xo = Ze(Qo), es = R.object({
     const a = de("config"), s = (a == null ? void 0 : a.loaderColor) || "#333";
     document.documentElement.style.setProperty("--loader-color", s);
   }, []), /* @__PURE__ */ i("div", { className: n, children: /* @__PURE__ */ i("span", { className: "loader" }) });
-}, ds = se.lazy(() => import("./logic-flow-KtIPQ2fZ.js"));
+}, ds = se.lazy(() => import("./logic-flow-2lu0WlOE.js"));
 function us({
   questionData: e,
   uploadUrl: n,
@@ -7571,7 +7591,7 @@ function us({
         onDragOver: (r) => r.preventDefault(),
         onDrop: (r) => c(r),
         className: " h-full overflow-y-auto no-scrollbar max-h-[calc(100vh-80px)] flex-1 form_builder",
-        children: o === "canvas" ? /* @__PURE__ */ i(ss, { onAddTemplate: a, templates: s }) : /* @__PURE__ */ i(An, { fallback: /* @__PURE__ */ i(Bi, { loadingClass: "!w-full !h-full" }), children: /* @__PURE__ */ i(ds, { formData: m }) })
+        children: o === "canvas" ? /* @__PURE__ */ i(ss, { onAddTemplate: a, templates: s }) : /* @__PURE__ */ i(Sn, { fallback: /* @__PURE__ */ i(Bi, { loadingClass: "!w-full !h-full" }), children: /* @__PURE__ */ i(ds, { formData: m }) })
       }
     ),
     o === "canvas" && /* @__PURE__ */ i(
@@ -7664,7 +7684,7 @@ const ri = [
                                active:opacity-50 element_class`,
             draggable: !0,
             children: /* @__PURE__ */ b("span", { className: "flex flex-col items-center justify-center w-full gap-2", children: [
-              /* @__PURE__ */ i("span", { style: { color: t }, children: /* @__PURE__ */ i(z, { icon: g.icon, iconClass: "w-6 h-6" }) }),
+              /* @__PURE__ */ i("span", { style: { color: t }, children: /* @__PURE__ */ i(J, { icon: g.icon, iconClass: "w-6 h-6" }) }),
               /* @__PURE__ */ i(
                 "span",
                 {
@@ -7680,7 +7700,7 @@ const ri = [
       ] }, y);
     }) }) })
   ] });
-}, cs = Ze(ts), ke = ({
+}, cs = Ze(ts), Ce = ({
   text: e = "",
   isDisabled: n = !1,
   isLoading: a = !1,
@@ -7695,7 +7715,7 @@ const ri = [
   style: r,
   onClick: h
 }) => {
-  const v = J(
+  const v = q(
     "btn inline-flex justify-center",
     {
       "pointer-events-none": a,
@@ -7735,9 +7755,9 @@ const ri = [
     ),
     "Submitting..."
   ] }) : /* @__PURE__ */ b("span", { className: "flex items-center", children: [
-    o && l === "left" && /* @__PURE__ */ i("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ i(z, { icon: o }) }),
+    o && l === "left" && /* @__PURE__ */ i("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ i(J, { icon: o }) }),
     e && /* @__PURE__ */ i("span", { children: e }),
-    o && l === "right" && /* @__PURE__ */ i("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ i(z, { icon: o }) })
+    o && l === "right" && /* @__PURE__ */ i("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ i(J, { icon: o }) })
   ] });
   return m ? /* @__PURE__ */ i("div", { className: v, children: y() }) : t ? /* @__PURE__ */ i(Dn, { to: t, className: v, children: y() }) : /* @__PURE__ */ i(
     "button",
@@ -7866,15 +7886,25 @@ function vs({
     redo: f,
     canUndo: g,
     canRedo: p
-  } = ye(be), [N, S] = D(!1), [C, x] = D(!1), [k, M] = D(e || ""), w = de("config");
-  function A() {
-    localStorage.setItem("formData", JSON.stringify(r)), a == null || a(r);
+  } = ye(be), [N, A] = D(!1), [k, x] = D(!1), [C, M] = D(e || ""), w = de("config");
+  function S() {
+    try {
+      localStorage.setItem("formData", JSON.stringify(r));
+    } catch (E) {
+      console.warn("Could not save formData to localStorage", E);
+    }
+    a == null || a(r);
   }
   function T() {
-    localStorage.setItem("formData", JSON.stringify(r)), s == null || s(r);
+    try {
+      localStorage.setItem("formData", JSON.stringify(r));
+    } catch (E) {
+      console.warn("Could not save formData to localStorage", E);
+    }
+    s == null || s(r);
   }
   function I() {
-    x(!1), u && k !== e && u(k.trim());
+    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: [
@@ -7889,12 +7919,12 @@ function vs({
         }
       ),
       " ",
-      C ? /* @__PURE__ */ i(
+      k ? /* @__PURE__ */ i(
         "input",
         {
           type: "text",
-          value: k,
-          onChange: (L) => M(L.target.value),
+          value: C,
+          onChange: (E) => M(E.target.value),
           onBlur: I,
           autoFocus: !0,
           className: "w-48 px-2 py-1 text-sm font-semibold outline-gray-100 input form_title"
@@ -7905,7 +7935,7 @@ function vs({
           title: "Click to edit",
           className: "text-base font-semibold cursor-pointer form_title",
           onClick: () => x(!0),
-          children: k || "Untitled"
+          children: C || "Untitled"
         }
       )
     ] }),
@@ -7913,7 +7943,7 @@ function vs({
       ms,
       {
         isOpen: N,
-        onClose: () => S(!1),
+        onClose: () => A(!1),
         element: void 0
       }
     ),
@@ -7928,7 +7958,7 @@ function vs({
             onClick: () => m("canvas"),
             children: [
               /* @__PURE__ */ i(
-                z,
+                J,
                 {
                   icon: "mdi:view-dashboard-outline",
                   iconClass: "text-base"
@@ -7947,14 +7977,14 @@ function vs({
             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: () => m("flow"),
             children: [
-              /* @__PURE__ */ i(z, { icon: "mdi:sitemap-outline", iconClass: "text-base" }),
+              /* @__PURE__ */ i(J, { icon: "mdi:sitemap-outline", iconClass: "text-base" }),
               " Flow"
             ]
           }
         )
       ] }),
       /* @__PURE__ */ i(
-        ke,
+        Ce,
         {
           onClick: y,
           text: "",
@@ -7966,7 +7996,7 @@ function vs({
         }
       ),
       /* @__PURE__ */ i(
-        ke,
+        Ce,
         {
           onClick: f,
           text: "",
@@ -7978,7 +8008,7 @@ function vs({
         }
       ),
       c && /* @__PURE__ */ i(
-        ke,
+        Ce,
         {
           onClick: c,
           text: "Versions",
@@ -7989,9 +8019,9 @@ function vs({
         }
       ),
       /* @__PURE__ */ i(
-        ke,
+        Ce,
         {
-          onClick: () => h((L) => !L),
+          onClick: () => h((E) => !E),
           text: v ? "Hide Preview" : "Preview",
           btnClass: "px-2  bg-transparent font-medium text-sm form_preview",
           icon: v ? "iconamoon:eye-off-duotone" : "solar:eye-bold-duotone",
@@ -8002,9 +8032,9 @@ function vs({
         }
       ),
       /* @__PURE__ */ i(
-        ke,
+        Ce,
         {
-          onClick: A,
+          onClick: S,
           text: "Save",
           btnClass: "px-2  bg-transparent font-medium text-sm form_save__btn",
           icon: "lets-icons:save-duotone",
@@ -8015,7 +8045,7 @@ function vs({
         }
       ),
       /* @__PURE__ */ i(
-        ke,
+        Ce,
         {
           onClick: T,
           text: "Publish",
@@ -8229,22 +8259,16 @@ const Oe = ({ element: e, validationData: n }) => {
     },
     [e]
   ), l = ee(() => Ei(e, s), [s, e]);
-  return a ? /* @__PURE__ */ b("div", { className: `${l ? "" : "invisible h-0"} min-w-0 w-full`, children: [
-    /* @__PURE__ */ b("div", { className: "mb-1.5 min-w-0", children: [
-      e.inputLabel && /* @__PURE__ */ b("label", { className: "block text-sm font-medium  input_label", children: [
-        e.inputLabel,
-        " ",
-        o && /* @__PURE__ */ b("span", { className: "text-gray-400 text-xs", children: [
-          "(",
-          o == null ? void 0 : o.toLowerCase(),
-          ")"
-        ] })
-      ] }),
-      e.description && /* @__PURE__ */ b("small", { className: "block text-gray-400 mt-0.5 text-xs", children: [
-        " ",
-        e.description
+  return a ? /* @__PURE__ */ b("div", { className: `${l ? "" : "hidden"} min-w-0 w-full`, children: [
+    /* @__PURE__ */ i("div", { className: "mb-1.5 min-w-0", children: e.inputLabel && /* @__PURE__ */ b("label", { className: "block text-sm font-medium  input_label", children: [
+      e.inputLabel,
+      " ",
+      o && /* @__PURE__ */ b("span", { className: "text-gray-400 text-xs", children: [
+        "(",
+        o == null ? void 0 : o.toLowerCase(),
+        ")"
       ] })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ i(
       a,
       {
@@ -8255,10 +8279,11 @@ const Oe = ({ element: e, validationData: n }) => {
           isReadOnly: n.isReadOnly || e.isDisabled
         }
       }
-    )
+    ),
+    e.description && /* @__PURE__ */ i("small", { className: "block text-gray-400 mt-0.5 text-xs", children: e.description })
   ] }) : null;
 }, Ge = (e, n) => e != null && e.allowEdit ? { ...n, isReadOnly: !1 } : n;
-function As({ form_data: e, options: n }) {
+function Ss({ form_data: e, options: n }) {
   const a = (o, l) => /* @__PURE__ */ i("div", { className: "min-w-0", children: /* @__PURE__ */ i(ei, { element: o, customClass: "p-0 min-h-[60px] border-none", children: l == null ? void 0 : l.map((d) => {
     var u, t, m;
     return /* @__PURE__ */ b(
@@ -8284,7 +8309,7 @@ function As({ form_data: e, options: n }) {
     return /* @__PURE__ */ b(
       "div",
       {
-        className: J(
+        className: q(
           "group relative grid gap-y-[6px] min-w-0",
           o.elementClass
         ),
@@ -8319,7 +8344,7 @@ function As({ form_data: e, options: n }) {
     ] }, o.id);
   }) });
 }
-function Ss({ form_data: e, options: n, current: a }) {
+function As({ form_data: e, options: n, current: a }) {
   var s, o;
   return /* @__PURE__ */ i("div", { className: "grid gap-y-3 multi_section__content min-w-0", children: (o = (s = e[a]) == null ? void 0 : s.questionData) == null ? void 0 : o.map((l) => {
     var d, u, t, m;
@@ -8359,7 +8384,7 @@ function Ss({ form_data: e, options: n, current: a }) {
     return l.gridId ? null : /* @__PURE__ */ b(
       "div",
       {
-        className: J(
+        className: q(
           "group relative grid gap-y-[6px] min-w-0",
           l.elementClass
         ),
@@ -8419,7 +8444,7 @@ function Ns({ element: e, options: n, onNext: a, onPrev: s, isFirst: o, isLast:
     return /* @__PURE__ */ b(
       "div",
       {
-        className: J("group relative grid gap-y-[6px] min-w-0 w-full", c.elementClass),
+        className: q("group relative grid gap-y-[6px] min-w-0 w-full", c.elementClass),
         children: [
           /* @__PURE__ */ i(
             Oe,
@@ -8457,7 +8482,7 @@ function Ns({ 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) : m(e) }),
             !d && /* @__PURE__ */ b("div", { className: "flex items-center gap-4 mt-8", children: [
               /* @__PURE__ */ i(
-                ke,
+                Ce,
                 {
                   type: "button",
                   text: l ? n != null && n.isSubmitting ? "Submitting..." : "Submit" : "OK",
@@ -8469,7 +8494,7 @@ function Ns({ element: e, options: n, onNext: a, onPrev: s, isFirst: o, isLast:
               ),
               !l && /* @__PURE__ */ i("span", { className: "text-xs text-gray-400 font-medium hidden sm:inline-block", children: "press Enter ↵" }),
               !o && /* @__PURE__ */ b("button", { type: "button", onClick: s, className: "text-gray-400 hover:text-gray-600 font-medium text-sm ml-auto flex items-center gap-1 transition-colors", children: [
-                /* @__PURE__ */ i(z, { icon: "material-symbols:arrow-upward-rounded", iconClass: "text-lg" }),
+                /* @__PURE__ */ i(J, { icon: "material-symbols:arrow-upward-rounded", iconClass: "text-lg" }),
                 "Back"
               ] })
             ] })
@@ -8480,10 +8505,10 @@ function Ns({ element: e, options: n, onNext: a, onPrev: s, isFirst: o, isLast:
     }
   );
 }
-function ks(e) {
+function Cs(e) {
   return e.reduce((n, a) => (n[a.id] = a.value, n), {});
 }
-const Cs = ({
+const ks = ({
   form_data: e,
   answerData: n = [],
   ignoreValidation: a = !1,
@@ -8495,42 +8520,42 @@ const Cs = ({
   hideFooter: t = !1,
   uploadUrl: m
 }) => {
-  var Be, Me, Ee, O, B, K, P, E, q, $;
+  var Be, Me, Ee, O, B, K, P, L, U, $;
   const { setAnswerData: c, setUploadUrl: r, apiActivityCount: h } = ye(be), [v, y] = D(0), [f, g] = D(0), p = ee(
     () => e.filter((j) => !j.isHidden).map((j) => {
-      var U;
+      var W;
       return j.isDisabled || j.disabled ? {
         ...j,
-        questionData: (U = j == null ? void 0 : j.questionData) == null ? void 0 : U.map((Q) => ({
+        questionData: (W = j == null ? void 0 : j.questionData) == null ? void 0 : W.map((Q) => ({
           ...Q,
           isDisabled: !0
         }))
       } : j;
     }),
     [e]
-  ), N = (Be = p == null ? void 0 : p.length) != null ? Be : 0, S = de("config"), C = Y(
-    async (j, H, U) => {
+  ), N = (Be = p == null ? void 0 : p.length) != null ? Be : 0, A = de("config"), k = Y(
+    async (j, H, W) => {
       const Q = xs({
         formData: p,
         isReadOnly: l,
         answerData: j
         // use current form data to evaluate visibility
       });
-      return wi(Q)(j, H, U);
+      return wi(Q)(j, H, W);
     },
     [p, l]
-  ), x = Ai({
-    resolver: C,
+  ), x = Si({
+    resolver: k,
     mode: "onSubmit",
     defaultValues: {}
   }), {
-    register: k,
+    register: C,
     setValue: M,
     control: w,
-    handleSubmit: A,
+    handleSubmit: S,
     reset: T,
     getValues: I,
-    watch: L,
+    watch: E,
     formState: { errors: F, isSubmitting: Z },
     trigger: ie,
     setError: X,
@@ -8542,8 +8567,8 @@ const Cs = ({
     if (d !== "conversational") return [];
     const j = [];
     return p.forEach((H) => {
-      var U;
-      (U = H == null ? void 0 : H.questionData) == null || U.forEach((Q) => {
+      var W;
+      (W = H == null ? void 0 : H.questionData) == null || W.forEach((Q) => {
         var oe;
         if (Ei(Q, V))
           if (Q.type === "grid") {
@@ -8554,7 +8579,7 @@ const Cs = ({
           } else Q.gridId || j.push(Q);
       });
     }), j;
-  }, [p, V, d]), Ae = Y(
+  }, [p, V, d]), Se = Y(
     (j) => {
       o && o(j);
     },
@@ -8566,8 +8591,8 @@ const Cs = ({
     if (!(p != null && p.length) || !o) return;
     const j = p.flatMap(
       (H) => {
-        var U;
-        return (U = H == null ? void 0 : H.questionData) == null ? void 0 : U.map((Q) => ({
+        var W;
+        return (W = H == null ? void 0 : H.questionData) == null ? void 0 : W.map((Q) => ({
           id: Q.id,
           value: V[Q.id] || "",
           sectionId: H.id,
@@ -8579,25 +8604,25 @@ const Cs = ({
         }));
       }
     );
-    Ae(j), c(V);
+    Se(j), c(V);
   }, [
     V,
     p,
-    Ae,
+    Se,
     o,
     c
   ]), G(() => {
-    n != null && n.length && T(ks(n));
+    n != null && n.length && T(Cs(n));
   }, [n, T]);
   const ge = Y(
     (j) => {
       const H = p.flatMap(
-        (U) => {
+        (W) => {
           var Q;
-          return (Q = U == null ? void 0 : U.questionData) == null ? void 0 : Q.map((oe) => ({
+          return (Q = W == null ? void 0 : W.questionData) == null ? void 0 : Q.map((oe) => ({
             id: oe.id,
             value: j[oe.id] || "",
-            sectionId: U.id,
+            sectionId: W.id,
             type: oe.type,
             metaData: {
               prefix: oe.prefix,
@@ -8613,21 +8638,21 @@ const Cs = ({
     var j, H;
     if (d === "conversational") {
       if (!a) {
-        const U = ce[f];
-        if (!U) return;
-        const Q = U.gridChildren ? U.gridChildren.map((le) => le.id) : [U.id];
+        const W = ce[f];
+        if (!W) return;
+        const Q = W.gridChildren ? W.gridChildren.map((le) => le.id) : [W.id];
         if (!await ie(Q)) return;
       }
-      f < ce.length - 1 ? g((U) => U + 1) : A(ge)();
+      f < ce.length - 1 ? g((W) => W + 1) : S(ge)();
       return;
     }
     if (!a) {
-      const U = (H = (j = p == null ? void 0 : p[v]) == null ? void 0 : j.questionData) == null ? void 0 : H.map(
+      const W = (H = (j = p == null ? void 0 : p[v]) == null ? void 0 : j.questionData) == null ? void 0 : H.map(
         (oe) => oe.id
       );
-      if (!await ie(U)) return;
+      if (!await ie(W)) return;
     }
-    y((U) => U + 1);
+    y((W) => W + 1);
   }, [
     v,
     f,
@@ -8636,19 +8661,19 @@ const Cs = ({
     a,
     ie,
     d,
-    A,
+    S,
     ge
-  ]), Se = Y(() => {
+  ]), Ae = Y(() => {
     if (d === "conversational") {
       g((j) => Math.max(0, j - 1));
       return;
     }
     y((j) => j - 1);
-  }, [d]), Ce = ee(
+  }, [d]), ke = ee(
     () => ({
-      register: k,
+      register: C,
       setValue: M,
-      watch: L,
+      watch: E,
       errors: F,
       trigger: ie,
       isSubmitting: Z,
@@ -8659,9 +8684,9 @@ const Cs = ({
       apiActivityCount: h
     }),
     [
-      k,
+      C,
       M,
-      L,
+      E,
       F,
       ie,
       Z,
@@ -8677,7 +8702,7 @@ const Cs = ({
     /* @__PURE__ */ b(
       "form",
       {
-        onSubmit: A(ge),
+        onSubmit: S(ge),
         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(
@@ -8690,33 +8715,33 @@ const Cs = ({
                   ((K = p[v]) == null ? void 0 : K.description) && /* @__PURE__ */ i("p", { className: "text-sm", children: (P = p[v]) == null ? void 0 : P.description })
                 ] }),
                 d === "multi" ? /* @__PURE__ */ i(
-                  Ss,
+                  As,
                   {
                     form_data: p,
-                    options: Ce,
+                    options: ke,
                     current: v
                   }
                 ) : d === "conversational" ? /* @__PURE__ */ i(
                   Ns,
                   {
                     element: ce[f],
-                    options: Ce,
+                    options: ke,
                     onNext: ue,
-                    onPrev: Se,
+                    onPrev: Ae,
                     isFirst: f === 0,
                     isLast: f === ce.length - 1,
                     isReadOnly: l
                   }
                 ) : /* @__PURE__ */ i(
-                  As,
+                  Ss,
                   {
                     form_data: p,
-                    options: Ce
+                    options: ke
                   }
                 )
               ]
             },
-            d === "conversational" ? `conv-${f}` : (E = p == null ? void 0 : p[v]) == null ? void 0 : E.id
+            d === "conversational" ? `conv-${f}` : (L = p == null ? void 0 : p[v]) == null ? void 0 : L.id
           ) }),
           !t && d !== "conversational" && /* @__PURE__ */ i("footer", { className: "flex items-center justify-end gap-4 footer flex-wrap", children: d === "multi" ? /* @__PURE__ */ b(ve, { children: [
             /* @__PURE__ */ b("div", { className: "flex gap-x-4 justify-between navigation_container w-full", children: [
@@ -8726,11 +8751,11 @@ const Cs = ({
                   "button",
                   {
                     type: "button",
-                    onClick: Se,
+                    onClick: Ae,
                     className: "text-gray-400 hover:text-gray-600 font-medium text-sm flex items-center gap-1 transition-colors back_btn",
                     children: [
                       /* @__PURE__ */ i(
-                        z,
+                        J,
                         {
                           icon: "material-symbols:arrow-upward-rounded",
                           iconClass: "text-lg"
@@ -8742,35 +8767,35 @@ const Cs = ({
                 )
               ] }),
               v < N - 1 && /* @__PURE__ */ i(
-                ke,
+                Ce,
                 {
                   type: "button",
                   text: "Next",
                   onClick: ue,
-                  style: { background: (S == null ? void 0 : S.buttonColor) || "#333" },
+                  style: { background: (A == null ? void 0 : A.buttonColor) || "#333" },
                   btnClass: "text-gray-700 next_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"
                 }
               )
             ] }),
-            (v === N - 1 || l) && !a && ((q = typeof u == "function" ? u({ isUploading: h > 0, isSubmitting: Z, hasErrors: Object.keys(F).length > 0 }) : u) != null ? q : /* @__PURE__ */ i(
-              ke,
+            (v === N - 1 || l) && !a && ((U = typeof u == "function" ? u({ isUploading: h > 0, isSubmitting: Z, hasErrors: Object.keys(F).length > 0 }) : u) != null ? U : /* @__PURE__ */ i(
+              Ce,
               {
                 isDisabled: Z || Object.keys(F).length > 0 || h > 0,
                 isLoading: Z,
                 type: "submit",
                 text: "Submit",
-                style: { background: (S == null ? void 0 : S.buttonColor) || "#333" },
+                style: { background: (A == null ? void 0 : A.buttonColor) || "#333" },
                 btnClass: "text-gray-700 border-[#98A2B3] submit_btn !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"
               }
             ))
           ] }) : !a && (($ = typeof u == "function" ? u({ isUploading: h > 0, isSubmitting: Z, hasErrors: Object.keys(F).length > 0 }) : u) != null ? $ : /* @__PURE__ */ i(
-            ke,
+            Ce,
             {
               isDisabled: Z || Object.keys(F).length > 0 || h > 0,
               isLoading: Z,
               type: "submit",
               text: "Submit",
-              style: { background: (S == null ? void 0 : S.buttonColor) || "#333" },
+              style: { background: (A == null ? void 0 : A.buttonColor) || "#333" },
               btnClass: "text-gray-700 border-[#98A2B3] submit_btn !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"
             }
           )) }),
@@ -8780,7 +8805,7 @@ const Cs = ({
               className: "h-full bg-blue-600 transition-all duration-500 ease-out",
               style: {
                 width: `${(f + 1) / ce.length * 100}%`,
-                background: (S == null ? void 0 : S.buttonColor) || "#2563EB"
+                background: (A == null ? void 0 : A.buttonColor) || "#2563EB"
               }
             }
           ) })
@@ -8788,7 +8813,7 @@ const Cs = ({
       }
     )
   ] });
-}, Ms = se.memo(Cs);
+}, Ms = se.memo(ks);
 function yn({
   answerData: e,
   form_data: n,
@@ -8832,7 +8857,7 @@ function yn({
   ] }) : /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("p", { className: "p-6 text-sm text-gray-400", children: "Error: No form data available." }) });
 }
 export {
-  z as A,
+  J as A,
   Hs as H,
   yn as V
 };