npm - @arudovwen/form-builder-react - Versions diffs - 1.9.11 → 1.9.12 - Mend

@arudovwen/form-builder-react 1.9.11 → 1.9.12

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 (6) hide show

package/dist/form-builder.es.js +1 -1
package/dist/form-builder.umd.js +9 -9
package/dist/{index-CfQGMBe3.js → index-CbC9vAx2.js} +784 -786
package/dist/{logic-flow-IDTRl8aO.js → logic-flow-DoGabFPy.js} +1 -1
package/package.json +1 -1
package/types/demo-data.d.ts +1632 -0

package/dist/{index-CfQGMBe3.js → index-CbC9vAx2.js} RENAMED Viewed

@@ -1,13 +1,13 @@
-import { jsx as i, Fragment as pe, jsxs as c } from "react/jsx-runtime";
-import re, { createContext as Pn, useState as G, useEffect as j, useRef as ge, useMemo as le, forwardRef as un, createElement as Ni, useCallback as oe, Fragment as Ze, useContext as Pe, memo as li, Suspense as Rn } from "react";
+import { jsx as i, Fragment as ge, jsxs as c } from "react/jsx-runtime";
+import me, { createContext as Pn, useState as G, useEffect as j, useRef as fe, useMemo as ue, forwardRef as un, createElement as Ni, useCallback as ae, Fragment as Ze, useContext as Pe, memo as li, Suspense as Dn } from "react";
 import { v4 as Ce } from "uuid";
 import { toast as Ae, Toaster as tn } from "sonner";
-import { createPortal as Dn } from "react-dom";
+import { createPortal as Rn } from "react-dom";
 import { appendErrors as In, useForm as Ei, useFieldArray as ci, useWatch as On, FormProvider as Kn } from "react-hook-form";
 import { validateFieldsNatively as Gn, toNestErrors as jn } from "@hookform/resolvers";
 import * as O from "yup";
 import di from "react-currency-input-field";
-import { Listbox as ce, Transition as je, Combobox as Le, Popover as mi, ComboboxInput as Fn, ComboboxButton as Hn, ComboboxOptions as Vn, ComboboxOption as Un } from "@headlessui/react";
+import { Listbox as be, Transition as je, Combobox as Le, Popover as mi, ComboboxInput as Fn, ComboboxButton as Hn, ComboboxOptions as Vn, ComboboxOption as Un } from "@headlessui/react";
 import Fe from "axios";
 import Wn from "papaparse";
 import * as Fi from "xlsx";
@@ -56,47 +56,47 @@ const we = Pn(void 0), Hi = {
       console.warn("Could not save editor_future to sessionStorage", T);
     }
   }, [f]);
-  const S = ge(Date.now()), N = re.useCallback((T) => {
+  const S = fe(Date.now()), N = me.useCallback((T) => {
     b((K) => {
       const L = typeof T == "function" ? T(K) : T;
       if (JSON.stringify(K) !== JSON.stringify(L)) {
-        const D = Date.now();
+        const R = Date.now();
         x((P) => {
           if (P.length > 0 && JSON.stringify(P[P.length - 1]) === JSON.stringify(K))
             return P;
-          if (D - S.current < 800 && P.length > 0)
-            return S.current = D, P;
-          S.current = D;
-          const H = [...P, K];
-          return H.length > 20 ? H.slice(H.length - 20) : H;
+          if (R - S.current < 800 && P.length > 0)
+            return S.current = R, P;
+          S.current = R;
+          const V = [...P, K];
+          return V.length > 20 ? V.slice(V.length - 20) : V;
         }), p([]);
       }
       return L;
     });
-  }, []), g = re.useCallback(() => {
+  }, []), g = me.useCallback(() => {
     if (h.length === 0) return;
     const T = h[h.length - 1], K = h.slice(0, h.length - 1);
     x(K), p([t, ...f]), b(T), a == null || a("UNDO", null);
-  }, [h, f, t, a]), v = re.useCallback(() => {
+  }, [h, f, t, a]), v = me.useCallback(() => {
     if (f.length === 0) return;
     const T = f[0], K = f.slice(1);
     p(K), x([...h, t]), b(T), a == null || a("REDO", null);
-  }, [h, f, t, a]), w = t, M = h.length > 0, y = f.length > 0, [A, k] = G(!1), [C, E] = G(null), [B, R] = G([
+  }, [h, f, t, a]), w = t, M = h.length > 0, y = f.length > 0, [A, k] = G(!1), [C, E] = G(null), [B, D] = G([
     0
-  ]), [Z, Q] = G(""), [F, ae] = G(0), U = re.useCallback(() => {
-  }, []), X = re.useCallback(() => {
+  ]), [Z, Q] = G(""), [H, ie] = G(0), U = me.useCallback(() => {
+  }, []), X = me.useCallback(() => {
     const T = Ce();
-    N((K) => [...K, { ...Hi, id: T }]), E(T), R([w.length]), a == null || a("ADD_SECTION", { sectionId: T });
-  }, [w, a, N]), Y = re.useCallback(
+    N((K) => [...K, { ...Hi, id: T }]), E(T), D([w.length]), a == null || a("ADD_SECTION", { sectionId: T });
+  }, [w, a, N]), Y = me.useCallback(
     (T) => {
       N(
         s === "isDeleted" || s === "soft" ? (K) => K.map(
           (L) => {
-            var D;
+            var R;
             return L.id === T ? {
               ...L,
               isDeleted: !0,
-              questionData: (D = L == null ? void 0 : L.questionData) == null ? void 0 : D.map((P) => ({
+              questionData: (R = L == null ? void 0 : L.questionData) == null ? void 0 : R.map((P) => ({
                 ...P,
                 isDeleted: !0
               }))
@@ -106,103 +106,103 @@ const we = Pn(void 0), Hi = {
       ), E(null), a == null || a("REMOVE_SECTION", { sectionId: T });
     },
     [s, a, N]
-  ), ke = re.useCallback(
+  ), ke = me.useCallback(
     (T, K) => {
-      const L = w.find((P) => P.id === K), D = L == null ? void 0 : L.questionData.find(
+      const L = w.find((P) => P.id === K), R = L == null ? void 0 : L.questionData.find(
         (P) => P.id === T
       );
-      D && (N(
-        (P) => P == null ? void 0 : P.map((H) => {
+      R && (N(
+        (P) => P == null ? void 0 : P.map((V) => {
           var I;
-          return H.id !== K ? H : s === "isDeleted" || s === "soft" ? {
-            ...H,
-            questionData: (I = H == null ? void 0 : H.questionData) == null ? void 0 : I.map((V) => {
-              if (D.type === "grid") {
-                if (V.gridId === D.id || V.id === D.id)
-                  return { ...V, isDeleted: !0 };
-              } else if (V.id === T)
-                return { ...V, isDeleted: !0 };
-              return V;
+          return V.id !== K ? V : s === "isDeleted" || s === "soft" ? {
+            ...V,
+            questionData: (I = V == null ? void 0 : V.questionData) == null ? void 0 : I.map((F) => {
+              if (R.type === "grid") {
+                if (F.gridId === R.id || F.id === R.id)
+                  return { ...F, isDeleted: !0 };
+              } else if (F.id === T)
+                return { ...F, isDeleted: !0 };
+              return F;
             })
           } : {
-            ...H,
-            questionData: H == null ? void 0 : H.questionData.filter((V) => D.type === "grid" ? V.gridId !== D.id && V.id !== D.id : V.id !== T)
+            ...V,
+            questionData: V == null ? void 0 : V.questionData.filter((F) => R.type === "grid" ? F.gridId !== R.id && F.id !== R.id : F.id !== T)
           };
         })
       ), a == null || a("REMOVE_ELEMENT", { sectionId: K, elementId: T }));
     },
     [w, s, N, a]
-  ), be = re.useCallback(
+  ), pe = me.useCallback(
     (T, K) => {
       const L = w.find((I) => I.id === K);
       if (!L) return;
-      const D = L == null ? void 0 : L.questionData.findIndex(
+      const R = L == null ? void 0 : L.questionData.findIndex(
         (I) => I.id === T
       );
-      if (D === -1) return;
-      const P = L == null ? void 0 : L.questionData[D], H = (I, V = {}) => ({
+      if (R === -1) return;
+      const P = L == null ? void 0 : L.questionData[R], V = (I, F = {}) => ({
         ...JSON.parse(JSON.stringify(I)),
         id: Ce(),
-        ...V
+        ...F
       });
       N(
-        (I) => I == null ? void 0 : I.map((V) => {
-          var ee;
-          if (V.id !== K) return V;
-          const _ = [...V.questionData];
+        (I) => I == null ? void 0 : I.map((F) => {
+          var oe;
+          if (F.id !== K) return F;
+          const z = [...F.questionData];
           if (P.type === "grid") {
-            const ie = (ee = _ == null ? void 0 : _.map((Be, Ee) => ({ e: Be, i: Ee })).filter(
+            const ne = (oe = z == null ? void 0 : z.map((Be, Ee) => ({ e: Be, i: Ee })).filter(
               ({ e: Be }) => Be.id === P.id || Be.gridId === P.id
-            )) == null ? void 0 : ee.map(({ i: Be }) => Be), Se = ie.length ? Math.max(...ie) + 1 : D + 1, he = Ce(), He = H(P, {});
-            He.id = he;
-            const se = _.filter((Be) => Be.gridId === P.id), ne = se == null ? void 0 : se.map(
-              (Be) => H(Be, { gridId: he })
+            )) == null ? void 0 : oe.map(({ i: Be }) => Be), le = ne.length ? Math.max(...ne) + 1 : R + 1, se = Ce(), He = V(P, {});
+            He.id = se;
+            const de = z.filter((Be) => Be.gridId === P.id), ee = de == null ? void 0 : de.map(
+              (Be) => V(Be, { gridId: se })
             ), Oe = [
-              ..._.slice(0, Se),
+              ...z.slice(0, le),
               He,
-              ...ne,
-              ..._.slice(Se)
+              ...ee,
+              ...z.slice(le)
             ];
-            return { ...V, questionData: Oe };
+            return { ...F, questionData: Oe };
           } else if (P.gridId) {
-            const ie = { ...P };
-            delete ie.gridId, delete ie.gridPosition;
-            const Se = H(ie, {}), he = _.reduce(
-              (se, ne, Oe) => ne.id === P.gridId || ne.gridId === P.gridId ? Oe : se,
-              D
+            const ne = { ...P };
+            delete ne.gridId, delete ne.gridPosition;
+            const le = V(ne, {}), se = z.reduce(
+              (de, ee, Oe) => ee.id === P.gridId || ee.gridId === P.gridId ? Oe : de,
+              R
             ), He = [
-              ..._.slice(0, he + 1),
-              Se,
-              ..._.slice(he + 1)
+              ...z.slice(0, se + 1),
+              le,
+              ...z.slice(se + 1)
             ];
-            return { ...V, questionData: He };
+            return { ...F, questionData: He };
           } else {
-            const ie = H(P, {}), Se = [
-              ..._.slice(0, D + 1),
-              ie,
-              ..._.slice(D + 1)
+            const ne = V(P, {}), le = [
+              ...z.slice(0, R + 1),
+              ne,
+              ...z.slice(R + 1)
             ];
-            return { ...V, questionData: Se };
+            return { ...F, questionData: le };
           }
         })
       ), a == null || a("DUPLICATE_ELEMENT", { sectionId: K, elementId: T });
     },
     [w, N, a]
-  ), te = re.useCallback(
+  ), ce = me.useCallback(
     (T, K) => {
       const L = w.find((I) => I.id === K);
       if (!L) return;
-      const D = L == null ? void 0 : L.questionData.findIndex(
+      const R = L == null ? void 0 : L.questionData.findIndex(
         (I) => I.id === T
       );
-      if (D === -1) return;
-      const P = L == null ? void 0 : L.questionData[D];
-      let H = null;
+      if (R === -1) return;
+      const P = L == null ? void 0 : L.questionData[R];
+      let V = null;
       if (P.type === "grid") {
         const I = L.questionData.filter(
-          (V) => V.gridId === P.id
+          (F) => F.gridId === P.id
         );
-        H = {
+        V = {
           type: "FORM_BUILDER_CLIPBOARD",
           element: P,
           children: I,
@@ -210,44 +210,44 @@ const we = Pn(void 0), Hi = {
         };
       } else if (P.gridId) {
         const I = { ...P };
-        delete I.gridId, delete I.gridPosition, H = {
+        delete I.gridId, delete I.gridPosition, V = {
           type: "FORM_BUILDER_CLIPBOARD",
           element: I,
           timestamp: Date.now()
         };
       } else
-        H = {
+        V = {
           type: "FORM_BUILDER_CLIPBOARD",
           element: P,
           timestamp: Date.now()
         };
-      if (H) {
-        const I = JSON.stringify(H);
+      if (V) {
+        const I = JSON.stringify(V);
         try {
           localStorage.setItem("form_builder_clipboard", I), navigator.clipboard && navigator.clipboard.writeText && navigator.clipboard.writeText(I).catch(() => {
           }), Ae.success("Element copied to clipboard"), a == null || a("COPY_ELEMENT", { sectionId: K, elementId: T });
-        } catch (V) {
-          console.warn("Could not copy element to clipboard", V), Ae.error("Failed to copy element");
+        } catch (F) {
+          console.warn("Could not copy element to clipboard", F), Ae.error("Failed to copy element");
         }
       }
     },
     [w, a]
-  ), W = re.useCallback(
+  ), W = me.useCallback(
     async (T, K, L) => {
-      let D = "";
-      if (L && L.includes("FORM_BUILDER_CLIPBOARD") && (D = L), !D && navigator.clipboard && navigator.clipboard.readText)
+      let R = "";
+      if (L && L.includes("FORM_BUILDER_CLIPBOARD") && (R = L), !R && navigator.clipboard && navigator.clipboard.readText)
         try {
           const P = await navigator.clipboard.readText();
-          P && P.includes("FORM_BUILDER_CLIPBOARD") && (D = P);
+          P && P.includes("FORM_BUILDER_CLIPBOARD") && (R = P);
         } catch (P) {
           console.warn("Could not parse clipboard data", P);
         }
-      if (D || (D = localStorage.getItem("form_builder_clipboard") || ""), !D) {
+      if (R || (R = localStorage.getItem("form_builder_clipboard") || ""), !R) {
         Ae.error("Nothing to paste. Copy an element first.");
         return;
       }
       try {
-        const P = JSON.parse(D);
+        const P = JSON.parse(R);
         if ((P == null ? void 0 : P.type) !== "FORM_BUILDER_CLIPBOARD" || !(P != null && P.element)) {
           Ae.error("Invalid clipboard data.");
           return;
@@ -256,25 +256,25 @@ const we = Pn(void 0), Hi = {
           Ae.error("Copied element has expired (1 minute limit)."), localStorage.removeItem("form_builder_clipboard");
           return;
         }
-        const H = (I, V = {}) => ({
+        const V = (I, F = {}) => ({
           ...JSON.parse(JSON.stringify(I)),
           id: Ce(),
-          ...V
+          ...F
         });
         N(
-          (I) => I == null ? void 0 : I.map((V) => {
-            if (V.id !== T) return V;
-            const ee = [...[...V.questionData]];
+          (I) => I == null ? void 0 : I.map((F) => {
+            if (F.id !== T) return F;
+            const oe = [...[...F.questionData]];
             if (P.element.type === "grid") {
-              const ie = Ce(), Se = H(P.element, { id: ie, sectionId: T }), he = (P.children || []).map(
-                (He) => H(He, { gridId: ie, sectionId: T })
+              const ne = Ce(), le = V(P.element, { id: ne, sectionId: T }), se = (P.children || []).map(
+                (He) => V(He, { gridId: ne, sectionId: T })
               );
-              K !== void 0 ? ee.splice(K, 0, Se, ...he) : ee.push(Se, ...he);
+              K !== void 0 ? oe.splice(K, 0, le, ...se) : oe.push(le, ...se);
             } else {
-              const ie = H(P.element, { sectionId: T });
-              K !== void 0 ? ee.splice(K, 0, ie) : ee.push(ie);
+              const ne = V(P.element, { sectionId: T });
+              K !== void 0 ? oe.splice(K, 0, ne) : oe.push(ne);
             }
-            return { ...V, questionData: ee };
+            return { ...F, questionData: oe };
           })
         ), Ae.success("Element pasted successfully"), a == null || a("PASTE_ELEMENT", { sectionId: T });
       } catch (P) {
@@ -282,31 +282,31 @@ const we = Pn(void 0), Hi = {
       }
     },
     [N, a]
-  ), ve = re.useCallback(
+  ), he = me.useCallback(
     (T, K) => {
       N(
         (L) => L == null ? void 0 : L.map(
-          (D) => D.id === K ? { ...D, questionData: T } : D
+          (R) => R.id === K ? { ...R, questionData: T } : R
         )
       ), a == null || a("UPDATE_ELEMENT_POSITION", { sectionId: K });
     },
     [N, a]
-  ), ye = re.useCallback(
+  ), xe = me.useCallback(
     (T, K) => {
       N(
         (L) => L == null ? void 0 : L.map(
-          (D) => D.id === K ? {
-            ...D,
-            questionData: [...(D == null ? void 0 : D.questionData) || [], T]
-          } : D
+          (R) => R.id === K ? {
+            ...R,
+            questionData: [...(R == null ? void 0 : R.questionData) || [], T]
+          } : R
         )
       ), a == null || a("ADD_ELEMENT", { sectionId: K, element: T });
     },
     [N, a]
-  ), de = re.useCallback(
+  ), te = me.useCallback(
     (T, K, L) => {
       N(
-        (D) => D == null ? void 0 : D.map(
+        (R) => R == null ? void 0 : R.map(
           (P) => P.id === K ? {
             ...P,
             questionData: [
@@ -319,24 +319,24 @@ const we = Pn(void 0), Hi = {
       ), a == null || a("ADD_ELEMENT_IN_POSITION", { sectionId: K, element: T, index: L });
     },
     [N, a]
-  ), Te = re.useCallback(
+  ), Te = me.useCallback(
     (T, K, L) => {
       N(
-        (D) => D == null ? void 0 : D.map(
+        (R) => R == null ? void 0 : R.map(
           (P) => {
-            var H;
+            var V;
             return P.id === L ? {
               ...P,
-              questionData: (H = P == null ? void 0 : P.questionData) == null ? void 0 : H.map(
+              questionData: (V = P == null ? void 0 : P.questionData) == null ? void 0 : V.map(
                 (I) => {
-                  var V;
+                  var F;
                   return I.type === "grid" && I.gridData ? {
                     ...I,
-                    gridData: (V = I.gridData) == null ? void 0 : V.map(
-                      (_, ee) => ee === T ? {
-                        ..._,
+                    gridData: (F = I.gridData) == null ? void 0 : F.map(
+                      (z, oe) => oe === T ? {
+                        ...z,
                         ...K
-                      } : _
+                      } : z
                     ).concat(
                       T >= I.gridData.length ? { ...K } : []
                     )
@@ -349,154 +349,154 @@ const we = Pn(void 0), Hi = {
       ), a == null || a("UPDATE_GRID_ELEMENT", { sectionId: L, gridIndex: T, element: K });
     },
     [N, a]
-  ), Re = re.useCallback(
+  ), De = me.useCallback(
     (T, K) => {
       N(
         (L) => L == null ? void 0 : L.map(
-          (D) => {
+          (R) => {
             var P;
-            return D.id === K ? {
-              ...D,
-              questionData: (P = D == null ? void 0 : D.questionData) == null ? void 0 : P.map(
-                (H) => H.id === T.id ? { ...H, ...T } : H
+            return R.id === K ? {
+              ...R,
+              questionData: (P = R == null ? void 0 : R.questionData) == null ? void 0 : P.map(
+                (V) => V.id === T.id ? { ...V, ...T } : V
               )
-            } : D;
+            } : R;
           }
         )
       ), a == null || a("UPDATE_ELEMENT", { sectionId: K, value: T });
     },
     [N, a]
-  ), De = re.useCallback(
+  ), Re = me.useCallback(
     (T) => {
       const {
         draggedId: K,
         sectionId: L,
-        targetIndex: D,
+        targetIndex: R,
         targetId: P,
-        targetGridId: H,
+        targetGridId: V,
         targetCol: I
       } = T;
-      N((V) => {
+      N((F) => {
         var He;
-        let _ = null, ee = [], ie = null, Se = -1;
-        for (const se of V) {
-          const ne = (He = se.questionData) == null ? void 0 : He.findIndex(
+        let z = null, oe = [], ne = null, le = -1;
+        for (const de of F) {
+          const ee = (He = de.questionData) == null ? void 0 : He.findIndex(
             (Oe) => Oe.id === K
           );
-          if (ne !== -1) {
-            _ = se.questionData[ne], ie = se.id, Se = ne, _.type === "grid" && (ee = se.questionData.filter(
-              (Oe) => Oe.gridId === _.id
+          if (ee !== -1) {
+            z = de.questionData[ee], ne = de.id, le = ee, z.type === "grid" && (oe = de.questionData.filter(
+              (Oe) => Oe.gridId === z.id
             ));
             break;
           }
         }
-        if (!_ || H !== void 0 && _.type === "grid")
-          return V;
-        const he = { ..._, sectionId: L };
-        return V.map((se) => {
+        if (!z || V !== void 0 && z.type === "grid")
+          return F;
+        const se = { ...z, sectionId: L };
+        return F.map((de) => {
           var Oe, Be;
-          let ne = [...se.questionData || []];
-          if (se.id !== ie && se.id !== L)
-            return se;
-          if (ie === L && se.id === L) {
-            const Ee = Se;
-            if (H !== void 0 && I !== void 0) {
-              const Me = ne.findIndex(
-                (xe) => {
+          let ee = [...de.questionData || []];
+          if (de.id !== ne && de.id !== L)
+            return de;
+          if (ne === L && de.id === L) {
+            const Ee = le;
+            if (V !== void 0 && I !== void 0) {
+              const Me = ee.findIndex(
+                (Se) => {
                   var Ne;
-                  return xe.id !== K && xe.gridId === H && ((Ne = xe.gridPosition) == null ? void 0 : Ne.col) === I;
+                  return Se.id !== K && Se.gridId === V && ((Ne = Se.gridPosition) == null ? void 0 : Ne.col) === I;
                 }
               );
-              let me = ne.map(
-                (xe) => xe.id === K ? {
-                  ...he,
-                  gridId: H,
+              let ve = ee.map(
+                (Se) => Se.id === K ? {
+                  ...se,
+                  gridId: V,
                   gridPosition: { col: I }
-                } : xe
+                } : Se
               );
-              return Me !== -1 && (me = me.map((xe, Ne) => {
-                if (Ne !== Me) return xe;
-                const We = { ...xe };
+              return Me !== -1 && (ve = ve.map((Se, Ne) => {
+                if (Ne !== Me) return Se;
+                const We = { ...Se };
                 return delete We.gridId, delete We.gridPosition, We;
-              })), { ...se, questionData: me };
+              })), { ...de, questionData: ve };
             }
-            if (he.gridId && D !== void 0 && H === void 0) {
-              const Me = { ...he };
+            if (se.gridId && R !== void 0 && V === void 0) {
+              const Me = { ...se };
               delete Me.gridId, delete Me.gridPosition;
-              const me = ((Be = (Oe = V.find(
+              const ve = ((Be = (Oe = F.find(
                 (Ne) => Ne.id === L
-              )) == null ? void 0 : Oe.questionData) == null ? void 0 : Be.filter((Ne) => Ne.gridId !== K)) || [], xe = Math.min(D, me.length);
-              return me.splice(xe, 0, Me), { ...se, questionData: me };
+              )) == null ? void 0 : Oe.questionData) == null ? void 0 : Be.filter((Ne) => Ne.gridId !== K)) || [], Se = Math.min(R, ve.length);
+              return ve.splice(Se, 0, Me), { ...de, questionData: ve };
             }
-            if (!he.gridId && D !== void 0 && H === void 0 && !P) {
-              ne.splice(Ee, 1);
-              const Me = Math.min(D, ne.length);
-              return ne.splice(Me, 0, he), { ...se, questionData: ne };
+            if (!se.gridId && R !== void 0 && V === void 0 && !P) {
+              ee.splice(Ee, 1);
+              const Me = Math.min(R, ee.length);
+              return ee.splice(Me, 0, se), { ...de, questionData: ee };
             }
             if (P) {
-              const Me = ne.findIndex((me) => me.id === P);
-              return Me === -1 ? se : (ne.splice(Ee, 1), ne.splice(Me, 0, he), { ...se, questionData: ne });
+              const Me = ee.findIndex((ve) => ve.id === P);
+              return Me === -1 ? de : (ee.splice(Ee, 1), ee.splice(Me, 0, se), { ...de, questionData: ee });
             }
-            return se;
+            return de;
           }
-          if (se.id === ie && se.id !== L)
-            return ne.splice(Se, 1), ee.length > 0 && (ne = ne.filter((Ee) => Ee.gridId !== _.id)), { ...se, questionData: ne };
-          if (se.id === L && se.id !== ie) {
-            const Ee = ee.map((me) => ({
-              ...me,
+          if (de.id === ne && de.id !== L)
+            return ee.splice(le, 1), oe.length > 0 && (ee = ee.filter((Ee) => Ee.gridId !== z.id)), { ...de, questionData: ee };
+          if (de.id === L && de.id !== ne) {
+            const Ee = oe.map((ve) => ({
+              ...ve,
               sectionId: L
             }));
-            if (H !== void 0 && I !== void 0) {
-              const me = ne.findIndex(
+            if (V !== void 0 && I !== void 0) {
+              const ve = ee.findIndex(
                 (Ne) => {
                   var We;
-                  return Ne.gridId === H && ((We = Ne.gridPosition) == null ? void 0 : We.col) === I;
+                  return Ne.gridId === V && ((We = Ne.gridPosition) == null ? void 0 : We.col) === I;
                 }
-              ), xe = {
-                ...he,
-                gridId: H,
+              ), Se = {
+                ...se,
+                gridId: V,
                 gridPosition: { col: I }
               };
-              if (me !== -1) {
-                const Ne = { ...ne[me] };
-                delete Ne.gridId, delete Ne.gridPosition, ne[me] = Ne, ne.push(xe, ...Ee);
+              if (ve !== -1) {
+                const Ne = { ...ee[ve] };
+                delete Ne.gridId, delete Ne.gridPosition, ee[ve] = Ne, ee.push(Se, ...Ee);
               } else
-                ne.push(xe, ...Ee);
-              return { ...se, questionData: ne };
+                ee.push(Se, ...Ee);
+              return { ...de, questionData: ee };
             }
-            if (D !== void 0 && H === void 0 && !P) {
-              const me = { ...he };
-              delete me.gridId, delete me.gridPosition;
-              const xe = Math.min(D, ne.length);
-              return ne.splice(xe, 0, me, ...Ee), { ...se, questionData: ne };
+            if (R !== void 0 && V === void 0 && !P) {
+              const ve = { ...se };
+              delete ve.gridId, delete ve.gridPosition;
+              const Se = Math.min(R, ee.length);
+              return ee.splice(Se, 0, ve, ...Ee), { ...de, questionData: ee };
             }
             if (P) {
-              const me = { ...he };
-              delete me.gridId, delete me.gridPosition;
-              const xe = ne.findIndex((Ne) => Ne.id === P);
-              return xe !== -1 ? ne.splice(xe, 0, me, ...Ee) : ne.push(me, ...Ee), { ...se, questionData: ne };
+              const ve = { ...se };
+              delete ve.gridId, delete ve.gridPosition;
+              const Se = ee.findIndex((Ne) => Ne.id === P);
+              return Se !== -1 ? ee.splice(Se, 0, ve, ...Ee) : ee.push(ve, ...Ee), { ...de, questionData: ee };
             }
-            const Me = { ...he };
-            return delete Me.gridId, delete Me.gridPosition, ne.push(Me, ...Ee), { ...se, questionData: ne };
+            const Me = { ...se };
+            return delete Me.gridId, delete Me.gridPosition, ee.push(Me, ...Ee), { ...de, questionData: ee };
           }
-          return se;
+          return de;
         });
       }), a == null || a("MOVE_ELEMENT", T);
     },
     [N, a]
-  ), Ie = re.useCallback(
+  ), Ie = me.useCallback(
     (T, K) => {
       N(
         (L) => L == null ? void 0 : L.map(
-          (D) => D.id === K ? {
-            ...D,
+          (R) => R.id === K ? {
+            ...R,
             ...T
-          } : D
+          } : R
         )
       ), a == null || a("UPDATE_SECTION", { sectionId: K, value: T });
     },
     [N, a]
-  ), J = le(
+  ), q = ue(
     () => ({
       deleteMode: s,
       formData: w,
@@ -505,10 +505,10 @@ const we = Pn(void 0), Hi = {
       removeElement: ke,
       elementData: m,
       setElementData: r,
-      updateElementPosition: ve,
-      addElement: ye,
-      addElementInPosition: de,
-      updateElement: Re,
+      updateElementPosition: he,
+      addElement: xe,
+      addElementInPosition: te,
+      updateElement: De,
       addSection: X,
       removeSection: Y,
       updateSection: Ie,
@@ -517,23 +517,23 @@ const we = Pn(void 0), Hi = {
       selectedSection: C,
       setSelectedSection: E,
       activeSections: B,
-      setActiveSections: R,
+      setActiveSections: D,
       updateGridElement: Te,
       answerData: d,
       setAnswerData: u,
       uploadUrl: Z,
       setUploadUrl: Q,
-      apiActivityCount: F,
-      setApiActivityCount: ae,
-      duplicateElement: be,
-      moveElement: De,
+      apiActivityCount: H,
+      setApiActivityCount: ie,
+      duplicateElement: pe,
+      moveElement: Re,
       showPreview: o,
       setShowPreview: l,
       undo: g,
       redo: v,
       canUndo: M,
       canRedo: y,
-      copyElement: te,
+      copyElement: ce,
       pasteElement: W
     }),
     [
@@ -542,10 +542,10 @@ const we = Pn(void 0), Hi = {
       U,
       ke,
       m,
-      ve,
-      ye,
-      de,
-      Re,
+      he,
+      xe,
+      te,
+      De,
       X,
       Y,
       Ie,
@@ -555,19 +555,19 @@ const we = Pn(void 0), Hi = {
       Te,
       d,
       Z,
-      F,
-      be,
-      De,
+      H,
+      pe,
+      Re,
       o,
       g,
       v,
       M,
       y,
-      te,
+      ce,
       W
     ]
   );
-  return /* @__PURE__ */ i(we.Provider, { value: J, children: e });
+  return /* @__PURE__ */ i(we.Provider, { value: q, children: e });
 };
 function cn(e) {
   var n, a, s = "";
@@ -896,15 +896,15 @@ function Pi(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const Ri = /* @__PURE__ */ Object.create(null), $e = ["https://api.simplesvg.com", "https://api.unisvg.com"], ai = [];
+const Di = /* @__PURE__ */ Object.create(null), $e = ["https://api.simplesvg.com", "https://api.unisvg.com"], ai = [];
 for (; $e.length > 0; ) $e.length === 1 || Math.random() > 0.5 ? ai.push($e.shift()) : ai.push($e.pop());
-Ri[""] = Pi({ resources: ["https://api.iconify.design"].concat(ai) });
+Di[""] = Pi({ resources: ["https://api.iconify.design"].concat(ai) });
 function ba(e, n) {
   const a = Pi(n);
-  return a === null ? !1 : (Ri[e] = a, !0);
+  return a === null ? !1 : (Di[e] = a, !0);
 }
-function Di(e) {
-  return Ri[e];
+function Ri(e) {
+  return Di[e];
 }
 const va = () => {
   let e;
@@ -915,7 +915,7 @@ const va = () => {
 };
 let Ji = va();
 function pa(e, n) {
-  const a = Di(e);
+  const a = Ri(e);
   if (!a) return 0;
   let s;
   if (!a.maxURL) s = 0;
@@ -951,7 +951,7 @@ const ga = (e, n, a) => {
 };
 function fa(e) {
   if (typeof e == "string") {
-    const n = Di(e);
+    const n = Ri(e);
     if (n) return n.path;
   }
   return "/";
@@ -1225,7 +1225,7 @@ function qi() {
 const vi = /* @__PURE__ */ Object.create(null);
 function Ta(e) {
   if (!vi[e]) {
-    const n = Di(e);
+    const n = Ri(e);
     if (!n) return;
     const a = Sn(n), s = {
       config: n,
@@ -1333,7 +1333,7 @@ function Pa(e, n) {
     });
   }));
 }
-const Ra = (e, n) => {
+const Da = (e, n) => {
   const a = ka(e, !0, gn()), s = Ca(a);
   if (!s.pending.length) {
     let m = !0;
@@ -1359,7 +1359,7 @@ const Ra = (e, n) => {
     r.length && Pa(m, r);
   }), n ? Aa(n, s, l) : _i;
 };
-function Da(e, n) {
+function Ra(e, n) {
   const a = { ...e };
   for (const s in n) {
     const o = n[s], l = typeof o;
@@ -1466,7 +1466,7 @@ function Qi(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const qa = (e, n, a) => {
-  const s = n.inline ? Ja : Nn, o = Da(s, n), l = n.mode || "svg", d = {}, u = n.style || {}, m = {
+  const s = n.inline ? Ja : Nn, o = Ra(s, n), l = n.mode || "svg", d = {}, u = n.style || {}, m = {
     ...l === "svg" ? Wa : {}
   };
   if (a) {
@@ -1635,7 +1635,7 @@ function Cn(e) {
       data: p
     }))
       if (p === void 0) {
-        const S = Ra([f], t);
+        const S = Da([f], t);
         o({
           callback: S
         });
@@ -1659,11 +1659,11 @@ un((e, n) => Cn({
   ...e,
   _ref: n
 }));
-function z({
+function J({
   icon: e,
   iconClass: n
 }) {
-  return /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ i(kn, { icon: e, className: n }) });
+  return /* @__PURE__ */ i(ge, { children: /* @__PURE__ */ i(kn, { icon: e, className: n }) });
 }
 function Ii(e, n, a) {
   return n === void 0 && (n = {}), a === void 0 && (a = {}), function(s, o, l) {
@@ -1730,7 +1730,7 @@ const _a = ({
       u.key
     );
   }) });
-}, q = ({
+}, _ = ({
   label: e,
   name: n,
   register: a,
@@ -1812,7 +1812,7 @@ const _a = ({
             peer-disabled:cursor-not-allowed
           `,
                 children: C && /* @__PURE__ */ i(
-                  z,
+                  J,
                   {
                     icon: "bi:check-lg",
                     iconClass: "w-4 h-4 text-white"
@@ -1908,7 +1908,7 @@ const _a = ({
   label: e,
   value: n,
   id: Ce()
-}), ue = (e) => ({
+}), re = (e) => ({
   ...Ya,
   ...e
 }), Za = oi == null ? void 0 : oi.map((e) => ({
@@ -1916,28 +1916,28 @@ const _a = ({
   value: e.name,
   id: e.code || e.name
 })), Qa = [
-  ue({
+  re({
     type: "basicText",
     label: "Basic Text",
     icon: "majesticons:text",
     inputLabel: "",
     inputType: "basicText"
   }),
-  ue({
+  re({
     type: "textField",
     label: "Text Input",
     icon: "fluent:text-16-filled",
     inputLabel: "Text Label",
     inputType: "text"
   }),
-  ue({
+  re({
     type: "longText",
     label: "Long Text",
     icon: "dashicons:text",
     inputLabel: "Long Text Label",
     inputType: "text"
   }),
-  ue({
+  re({
     type: "selectField",
     label: "List",
     icon: "tabler:select",
@@ -1955,7 +1955,7 @@ const _a = ({
   //   options: [option("Parent", "")],
   //   options2: [option("Child", "")],
   // }),
-  ue({
+  re({
     type: "multiSelect",
     label: "Multi List",
     icon: "fluent-mdl2:multi-select",
@@ -1965,7 +1965,7 @@ const _a = ({
     requireAllChecked: !1,
     options: [Ke("Placeholder 1", "placeholder_1")]
   }),
-  ue({
+  re({
     type: "dataLookup",
     label: "Data Lookup",
     icon: "iconoir:www",
@@ -1975,7 +1975,7 @@ const _a = ({
     method: "GET",
     responseType: "string"
   }),
-  ue({
+  re({
     type: "numberField",
     label: "Number",
     icon: "octicon:number-16",
@@ -1983,7 +1983,7 @@ const _a = ({
     inputType: "number",
     inputMode: "decimal"
   }),
-  ue({
+  re({
     type: "amountField",
     label: "Amount",
     icon: "carbon:currency",
@@ -1991,7 +1991,7 @@ const _a = ({
     inputType: "amount",
     prefix: null
   }),
-  ue({
+  re({
     type: "date",
     label: "Date",
     icon: "bx:calendar",
@@ -2004,7 +2004,7 @@ const _a = ({
     canHaveDateRange: !1,
     allowYearPicker: !1
   }),
-  ue({
+  re({
     type: "time",
     label: "Time",
     icon: "mdi:clock-outline",
@@ -2012,21 +2012,21 @@ const _a = ({
     inputType: "time",
     is24Hour: !1
   }),
-  ue({
+  re({
     type: "url",
     label: "Link",
     icon: "iconamoon:link",
     inputLabel: "Url Link",
     inputType: "url"
   }),
-  ue({
+  re({
     type: "password",
     label: "Password",
     icon: "ic:round-password",
     inputLabel: "Password Label",
     inputType: "password"
   }),
-  ue({
+  re({
     type: "checkbox",
     label: "Checkbox",
     icon: "mingcute:checkbox-line",
@@ -2036,7 +2036,7 @@ const _a = ({
     requireAllChecked: !1,
     options: [Ke("Checkbox Option", "option")]
   }),
-  ue({
+  re({
     type: "phoneField",
     label: "Phone",
     icon: "fluent-mdl2:add-phone",
@@ -2044,7 +2044,7 @@ const _a = ({
     inputType: "tel",
     pattern: "^\\+?[0-9]{7,15}$"
   }),
-  ue({
+  re({
     type: "radio",
     label: "Radio",
     icon: "ri:checkbox-circle-line",
@@ -2052,14 +2052,14 @@ const _a = ({
     inputType: "radio",
     options: [Ke("Radio Option", "")]
   }),
-  ue({
+  re({
     type: "email",
     label: "Email",
     icon: "mdi:email-outline",
     inputLabel: "Email Label",
     inputType: "email"
   }),
-  ue({
+  re({
     type: "file",
     label: "File",
     icon: "ion:attach-sharp",
@@ -2069,7 +2069,7 @@ const _a = ({
     acceptedFiles: [],
     maxFileSize: 5
   }),
-  ue({
+  re({
     type: "country",
     label: "Country",
     icon: "fluent:globe-16-regular",
@@ -2078,14 +2078,14 @@ const _a = ({
     options: Za,
     showState: !1
   }),
-  ue({
+  re({
     type: "rating",
     label: "Ratings",
     icon: "streamline-ultimate:rating-star-ribbon",
     inputLabel: "Rating Label",
     inputType: "rating"
   }),
-  ue({
+  re({
     type: "dataGrid",
     label: "Table",
     icon: "carbon:data-table",
@@ -2112,14 +2112,14 @@ const _a = ({
   //   inputType: "tableInput",
   //   value: [],
   // }),
-  ue({
+  re({
     type: "divider",
     label: "Divider",
     icon: "pixel:divider",
     inputLabel: "",
     inputType: "divider"
   }),
-  ue({
+  re({
     type: "spacer",
     label: "Spacer",
     icon: "fluent-mdl2:spacer",
@@ -2133,7 +2133,7 @@ const _a = ({
   //   inputLabel: "",
   //   inputType: "section",
   // }),
-  ue({
+  re({
     type: "grid",
     label: "Grid",
     icon: "cuida:grid-outline",
@@ -2141,7 +2141,7 @@ const _a = ({
     inputType: "grid",
     columns: 2
   }),
-  ue({
+  re({
     type: "matrix",
     label: "Likert Scale",
     icon: "pepicons-pop:list",
@@ -2156,7 +2156,7 @@ const _a = ({
       { id: "c5", label: "Strongly Agree", value: "strongly_agree" }
     ]
   }),
-  ue({
+  re({
     type: "calculatedField",
     label: "Calculated Field",
     icon: "material-symbols:functions",
@@ -2164,7 +2164,7 @@ const _a = ({
     inputType: "calculatedField",
     formula: ""
   }),
-  ue({
+  re({
     type: "polling",
     label: "Polling",
     icon: "mdi:poll",
@@ -2174,7 +2174,7 @@ const _a = ({
     fetchExternalResults: !1,
     externalApiUrl: ""
   }),
-  ue({
+  re({
     type: "nps",
     label: "NPS Score (0-10)",
     icon: "tabler:hash",
@@ -2183,7 +2183,7 @@ const _a = ({
     minLabel: "Not at all likely",
     maxLabel: "Extremely likely"
   }),
-  ue({
+  re({
     type: "ranking",
     label: "Ranking Poll",
     icon: "fluent:re-order-16-regular",
@@ -2191,7 +2191,7 @@ const _a = ({
     inputType: "ranking",
     options: [Ke("Option 1", "option_1"), Ke("Option 2", "option_2")]
   }),
-  ue({
+  re({
     type: "imageChoice",
     label: "Image Choice",
     icon: "ic:outline-image",
@@ -2388,7 +2388,7 @@ const _a = ({
 }) => {
   const [p, S] = G(
     r ? [] : null
-  ), N = ge(!1), g = le(() => !u || !e || e.length === 0 ? r ? [] : null : r ? Array.isArray(u) ? e.filter(
+  ), N = fe(!1), g = ue(() => !u || !e || e.length === 0 ? r ? [] : null : r ? Array.isArray(u) ? e.filter(
     (y) => u.some(
       (A) => {
         var k;
@@ -2398,7 +2398,7 @@ const _a = ({
   ) : [] : e.find((y) => {
     var A;
     return typeof y.value == "string" && typeof u == "string" ? y.value.toLowerCase() === u.toLowerCase() : typeof y.value == "object" && typeof u == "object" ? ((A = y.value) == null ? void 0 : A.id) === (u == null ? void 0 : u.id) : y.value === u;
-  }) || null, [u, e, r]), v = le(() => u == null || u === "" || !e || e.length === 0 ? !1 : r ? !Array.isArray(u) || u.length === 0 ? !1 : (g == null ? void 0 : g.length) < u.length : g === null, [u, e, g, r]);
+  }) || null, [u, e, r]), v = ue(() => u == null || u === "" || !e || e.length === 0 ? !1 : r ? !Array.isArray(u) || u.length === 0 ? !1 : (g == null ? void 0 : g.length) < u.length : g === null, [u, e, g, r]);
   j(() => {
     if (N.current) {
       N.current = !1;
@@ -2411,7 +2411,7 @@ const _a = ({
       JSON.stringify(y) !== JSON.stringify(A) && S(g);
     } else (g == null ? void 0 : g.value) !== (p == null ? void 0 : p.value) && S(g);
   }, [g, r]);
-  const w = oe(
+  const w = ae(
     (y) => {
       var A;
       if (N.current = !0, S(y), o) {
@@ -2421,7 +2421,7 @@ const _a = ({
       s && !N.current && s(l);
     },
     [o, l, m, s, r]
-  ), M = le(() => x ? "Fetching data..." : p ? r && Array.isArray(p) ? p.length > 0 ? p == null ? void 0 : p.map((y) => y.label).join(", ") : n : (p == null ? void 0 : p.label) || n : n, [p, x, n, r]);
+  ), M = ue(() => x ? "Fetching data..." : p ? r && Array.isArray(p) ? p.length > 0 ? p == null ? void 0 : p.map((y) => y.label).join(", ") : n : (p == null ? void 0 : p.label) || n : n, [p, x, n, r]);
   return /* @__PURE__ */ c("div", { className: "relative", children: [
     !t && d && /* @__PURE__ */ i("label", { className: "block text-sm text-[#686878] darks:text-white/70 mb-2", children: d }),
     t && d && /* @__PURE__ */ i(
@@ -2435,7 +2435,7 @@ const _a = ({
       }
     ),
     /* @__PURE__ */ i(
-      ce,
+      be,
       {
         value: p,
         onChange: w,
@@ -2443,7 +2443,7 @@ const _a = ({
         disabled: f || x,
         children: /* @__PURE__ */ c("div", { className: "relative", children: [
           /* @__PURE__ */ c(
-            ce.Button,
+            be.Button,
             {
               className: "field-control",
               disabled: f || x,
@@ -2457,7 +2457,7 @@ const _a = ({
                     children: M
                   }
                 ),
-                /* @__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" }) })
               ]
             }
           ),
@@ -2468,7 +2468,7 @@ const _a = ({
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
               children: /* @__PURE__ */ i(
-                ce.Options,
+                be.Options,
                 {
                   anchor: "bottom start",
                   className: "select-button-options",
@@ -2476,7 +2476,7 @@ const _a = ({
                   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((y, A) => {
                     var k;
                     return /* @__PURE__ */ i(
-                      ce.Option,
+                      be.Option,
                       {
                         value: y,
                         className: ({ active: C }) => $("select-option", { active: C }),
@@ -2600,7 +2600,7 @@ const bo = () => /* @__PURE__ */ i("blockquote", { className: "bg-gray-100 p-4 r
       "}"
     ] }) })
   ] })
-] }) }), fe = (e) => {
+] }) }), ye = (e) => {
   const n = typeof window != "undefined" ? localStorage.getItem(e) : "";
   try {
     return JSON.parse(n);
@@ -2643,7 +2643,7 @@ const bo = () => /* @__PURE__ */ i("blockquote", { className: "bg-gray-100 p-4 r
   label: a,
   type: s
 }) => {
-  const [o, l] = G(""), d = fe("config");
+  const [o, l] = G(""), d = ye("config");
   return /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ c("div", { className: "relative", children: [
       /* @__PURE__ */ i(
@@ -2751,7 +2751,7 @@ const bo = () => /* @__PURE__ */ i("blockquote", { className: "bg-gray-100 p-4 r
   ] })
 ] }) });
 function fo({ type: e = "calendar", className: n }) {
-  return /* @__PURE__ */ i(pe, { children: e === "calendar" ? /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(ge, { children: e === "calendar" ? /* @__PURE__ */ c(
     "svg",
     {
       width: "20",
@@ -2995,21 +2995,21 @@ function Oi({
         var E, B;
         f(!0);
         try {
-          const R = fe("token"), Z = {
-            ...R ? { headers: { Authorization: `Bearer ${R}` } } : {},
+          const D = ye("token"), Z = {
+            ...D ? { headers: { Authorization: `Bearer ${D}` } } : {},
             signal: A.signal,
             params: r ? { search: r } : {}
           };
-          let F = (await Fe.get(p, Z)).data;
-          if (F && !Array.isArray(F) && (F.data && Array.isArray(F.data) ? F = F.data : (E = F.data) != null && E.data && Array.isArray(F.data.data) ? F = F.data.data : F.results && Array.isArray(F.results) ? F = F.results : (B = F.data) != null && B.results && Array.isArray(F.data.results) ? F = F.data.results : F.items && Array.isArray(F.items) && (F = F.items)), Array.isArray(F)) {
-            const ae = F.map((U) => typeof U == "string" ? { label: U, value: U } : {
+          let H = (await Fe.get(p, Z)).data;
+          if (H && !Array.isArray(H) && (H.data && Array.isArray(H.data) ? H = H.data : (E = H.data) != null && E.data && Array.isArray(H.data.data) ? H = H.data.data : H.results && Array.isArray(H.results) ? H = H.results : (B = H.data) != null && B.results && Array.isArray(H.data.results) ? H = H.data.results : H.items && Array.isArray(H.items) && (H = H.items)), Array.isArray(H)) {
+            const ie = H.map((U) => typeof U == "string" ? { label: U, value: U } : {
               label: U.label || U.name || String(U.id || U.value),
               value: String(U.value || U.id || U.name)
             });
-            h(ae);
+            h(ie);
           }
-        } catch (R) {
-          Fe.isCancel(R) || console.error("Failed to fetch options", R);
+        } catch (D) {
+          Fe.isCancel(D) || console.error("Failed to fetch options", D);
         } finally {
           A.signal.aborted || f(!1);
         }
@@ -3036,7 +3036,7 @@ function Oi({
       return (k = A.unsubscribe) == null ? void 0 : k.call(A);
     };
   }, [d, e.id, S]);
-  const w = le(() => {
+  const w = ue(() => {
     if (r === "") return S;
     const A = r.toLowerCase();
     return S.filter(
@@ -3071,7 +3071,7 @@ function Oi({
                     type: "button",
                     onClick: (C) => M(A, C),
                     className: "custom-select__chip-remove",
-                    children: /* @__PURE__ */ i(z, { icon: "mdi:close", iconClass: "w-3 h-3" })
+                    children: /* @__PURE__ */ i(J, { icon: "mdi:close", iconClass: "w-3 h-3" })
                   }
                 )
               ] }, k)),
@@ -3089,7 +3089,7 @@ function Oi({
             ]
           }
         ) }),
-        !l && /* @__PURE__ */ i(Le.Button, { className: "select-icon", children: x ? /* @__PURE__ */ i("div", { className: "w-4 h-4 border-2 border-blue-500 rounded-full border-t-transparent animate-spin" }) : /* @__PURE__ */ i(z, { icon: "lucide:chevron-down", iconClass: "text-gray-400" }) }),
+        !l && /* @__PURE__ */ i(Le.Button, { className: "select-icon", children: x ? /* @__PURE__ */ i("div", { className: "w-4 h-4 border-2 border-blue-500 rounded-full border-t-transparent animate-spin" }) : /* @__PURE__ */ i(J, { icon: "lucide:chevron-down", iconClass: "text-gray-400" }) }),
         /* @__PURE__ */ i(
           je,
           {
@@ -3117,7 +3117,7 @@ function Oi({
                           children: A.label
                         }
                       ),
-                      C ? /* @__PURE__ */ i("span", { className: "text-blue-600", children: /* @__PURE__ */ i(z, { icon: "mdi:check", iconClass: "w-5 h-5" }) }) : null
+                      C ? /* @__PURE__ */ i("span", { className: "text-blue-600", children: /* @__PURE__ */ i(J, { icon: "mdi:check", iconClass: "w-5 h-5" }) }) : null
                     ] })
                   },
                   k
@@ -3138,7 +3138,7 @@ function xo({
   watch: s,
   id: o
 }) {
-  const { formData: l } = Pe(we), d = s("visibilityDependentFields") || [], u = le(() => {
+  const { formData: l } = Pe(we), d = s("visibilityDependentFields") || [], u = ue(() => {
     var r;
     return (r = en(l).filter((t) => t.id !== o)) == null ? void 0 : r.map((t) => {
       const b = d.find(
@@ -3211,14 +3211,14 @@ function xo({
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: "w-[110px]", children: /* @__PURE__ */ i("div", { className: "relative", children: /* @__PURE__ */ c(
-                ce,
+                be,
                 {
                   value: r.fieldType,
                   onChange: (g) => m(t, "fieldType", g),
                   children: [
-                    /* @__PURE__ */ c(ce.Button, { className: "w-full flex items-center justify-between px-3 py-2 bg-white border border-slate-200/80 rounded-lg text-sm text-slate-700 font-medium hover:bg-slate-50 hover:border-slate-300 transition-colors focus:outline-none focus:ring-2 focus:ring-gray-500/20 focus:border-gray-500 shadow-sm", children: [
+                    /* @__PURE__ */ c(be.Button, { className: "w-full flex items-center justify-between px-3 py-2 bg-white border border-slate-200/80 rounded-lg text-sm text-slate-700 font-medium hover:bg-slate-50 hover:border-slate-300 transition-colors focus:outline-none focus:ring-2 focus:ring-gray-500/20 focus:border-gray-500 shadow-sm", children: [
                       /* @__PURE__ */ i("span", { className: "block truncate capitalize", children: r.fieldType }),
-                      /* @__PURE__ */ i(z, { icon: "lucide:chevron-down", iconClass: "w-4 h-4 text-slate-400" })
+                      /* @__PURE__ */ i(J, { icon: "lucide:chevron-down", iconClass: "w-4 h-4 text-slate-400" })
                     ] }),
                     /* @__PURE__ */ i(
                       je,
@@ -3228,12 +3228,12 @@ function xo({
                         leaveFrom: "opacity-100",
                         leaveTo: "opacity-0",
                         children: /* @__PURE__ */ i(
-                          ce.Options,
+                          be.Options,
                           {
                             className: "absolute z-[9999] w-[var(--button-width)] min-w-[120px] mt-2 bg-white/95 backdrop-blur-xl border border-slate-200/80 rounded-lg shadow-lg max-h-60 overflow-auto focus:outline-none py-1",
                             anchor: "bottom start",
                             children: hi == null ? void 0 : hi.map((g) => /* @__PURE__ */ i(
-                              ce.Option,
+                              be.Option,
                               {
                                 value: g,
                                 className: ({ active: v }) => `px-4 py-2 text-sm cursor-pointer capitalize transition-colors ${v ? "bg-gray-50/80 text-gray-700 font-medium" : "text-slate-700 hover:bg-slate-50"}`,
@@ -3249,14 +3249,14 @@ function xo({
                 }
               ) }) }),
               /* @__PURE__ */ i("div", { className: "w-[140px]", children: /* @__PURE__ */ i("div", { className: "relative", children: /* @__PURE__ */ c(
-                ce,
+                be,
                 {
                   value: r.operator,
                   onChange: (g) => m(t, "operator", g),
                   children: [
-                    /* @__PURE__ */ c(ce.Button, { className: "w-full flex items-center justify-between px-3 py-2 bg-white border border-slate-200/80 rounded-lg text-sm text-slate-700 font-medium hover:bg-slate-50 hover:border-slate-300 transition-colors focus:outline-none focus:ring-2 focus:ring-gray-500/20 focus:border-gray-500 shadow-sm", children: [
+                    /* @__PURE__ */ c(be.Button, { className: "w-full flex items-center justify-between px-3 py-2 bg-white border border-slate-200/80 rounded-lg text-sm text-slate-700 font-medium hover:bg-slate-50 hover:border-slate-300 transition-colors focus:outline-none focus:ring-2 focus:ring-gray-500/20 focus:border-gray-500 shadow-sm", children: [
                       /* @__PURE__ */ i("span", { className: "block truncate capitalize", children: r.operator.replace("_", " ") }),
-                      /* @__PURE__ */ i(z, { icon: "lucide:chevron-down", iconClass: "w-4 h-4 text-slate-400" })
+                      /* @__PURE__ */ i(J, { icon: "lucide:chevron-down", iconClass: "w-4 h-4 text-slate-400" })
                     ] }),
                     /* @__PURE__ */ i(
                       je,
@@ -3266,12 +3266,12 @@ function xo({
                         leaveFrom: "opacity-100",
                         leaveTo: "opacity-0",
                         children: /* @__PURE__ */ i(
-                          ce.Options,
+                          be.Options,
                           {
                             className: "absolute z-[9999] w-[var(--button-width)] min-w-[150px] mt-2 bg-white/95 backdrop-blur-xl border border-slate-200/80 rounded-lg shadow-lg max-h-60 overflow-auto focus:outline-none py-1",
                             anchor: "bottom start",
                             children: (f = r.fieldType === "number" ? [...nn, ...yo] : nn) == null ? void 0 : f.map((g) => /* @__PURE__ */ i(
-                              ce.Option,
+                              be.Option,
                               {
                                 value: g,
                                 className: ({ active: v }) => `px-4 py-2 text-sm cursor-pointer capitalize transition-colors ${v ? "bg-gray-50/80 text-gray-700 font-medium" : "text-slate-700 hover:bg-slate-50"}`,
@@ -3287,14 +3287,14 @@ function xo({
                 }
               ) }) }),
               /* @__PURE__ */ i("div", { className: "flex-1 min-w-[140px]", children: h && x.length > 0 ? /* @__PURE__ */ i("div", { className: "relative", children: /* @__PURE__ */ c(
-                ce,
+                be,
                 {
                   value: (p = r.fieldValue) != null ? p : "",
                   onChange: (g) => m(t, "fieldValue", g),
                   children: [
-                    /* @__PURE__ */ c(ce.Button, { className: "w-full flex items-center justify-between px-3 py-2 bg-white border border-slate-200/80 rounded-lg text-sm text-slate-700 font-medium hover:bg-slate-50 hover:border-slate-300 transition-colors focus:outline-none focus:ring-2 focus:ring-gray-500/20 focus:border-gray-500 shadow-sm", children: [
+                    /* @__PURE__ */ c(be.Button, { className: "w-full flex items-center justify-between px-3 py-2 bg-white border border-slate-200/80 rounded-lg text-sm text-slate-700 font-medium hover:bg-slate-50 hover:border-slate-300 transition-colors focus:outline-none focus:ring-2 focus:ring-gray-500/20 focus:border-gray-500 shadow-sm", children: [
                       /* @__PURE__ */ i("span", { className: "block truncate pr-2", children: ((S = x.find((g) => g.value === r.fieldValue)) == null ? void 0 : S.label) || "Select value" }),
-                      /* @__PURE__ */ i(z, { icon: "lucide:chevron-down", iconClass: "w-4 h-4 flex-shrink-0 text-slate-400" })
+                      /* @__PURE__ */ i(J, { icon: "lucide:chevron-down", iconClass: "w-4 h-4 flex-shrink-0 text-slate-400" })
                     ] }),
                     /* @__PURE__ */ i(
                       je,
@@ -3304,12 +3304,12 @@ function xo({
                         leaveFrom: "opacity-100",
                         leaveTo: "opacity-0",
                         children: /* @__PURE__ */ i(
-                          ce.Options,
+                          be.Options,
                           {
                             className: "absolute z-[9999] w-[var(--button-width)] min-w-[160px] mt-2 bg-white/95 backdrop-blur-xl border border-slate-200/80 rounded-lg  max-h-60 overflow-auto focus:outline-none py-1",
                             anchor: "bottom start",
                             children: x.map((g, v) => /* @__PURE__ */ i(
-                              ce.Option,
+                              be.Option,
                               {
                                 value: g.value,
                                 className: ({ active: w }) => `px-4 py-2 text-sm cursor-pointer transition-colors ${w ? "bg-gray-50/80 text-gray-700 font-medium" : "text-slate-700 hover:bg-slate-50"}`,
@@ -3333,14 +3333,14 @@ function xo({
                   className: "w-full px-3 py-2 bg-white border border-slate-200/80 rounded-lg text-sm text-slate-700 font-medium focus:outline-none focus:ring-2 focus:ring-gray-500/20 focus:border-gray-500 transition-colors shadow-sm placeholder-slate-400"
                 }
               ) : /* @__PURE__ */ i("div", { className: "relative", children: /* @__PURE__ */ c(
-                ce,
+                be,
                 {
                   value: (N = r.fieldValue) != null ? N : "",
                   onChange: (g) => m(t, "fieldValue", g),
                   children: [
-                    /* @__PURE__ */ c(ce.Button, { className: "w-full flex items-center justify-between px-3 py-2 bg-white border border-slate-200/80 rounded-lg text-sm text-slate-700 font-medium hover:bg-slate-50 hover:border-slate-300 transition-colors focus:outline-none focus:ring-2 focus:ring-gray-500/20 focus:border-gray-500 shadow-sm", children: [
+                    /* @__PURE__ */ c(be.Button, { className: "w-full flex items-center justify-between px-3 py-2 bg-white border border-slate-200/80 rounded-lg text-sm text-slate-700 font-medium hover:bg-slate-50 hover:border-slate-300 transition-colors focus:outline-none focus:ring-2 focus:ring-gray-500/20 focus:border-gray-500 shadow-sm", children: [
                       /* @__PURE__ */ i("span", { className: "block truncate", children: r.fieldValue === !0 ? "True" : r.fieldValue === !1 ? "False" : "Select value" }),
-                      /* @__PURE__ */ i(z, { icon: "lucide:chevron-down", iconClass: "w-4 h-4 text-slate-400" })
+                      /* @__PURE__ */ i(J, { icon: "lucide:chevron-down", iconClass: "w-4 h-4 text-slate-400" })
                     ] }),
                     /* @__PURE__ */ i(
                       je,
@@ -3350,13 +3350,13 @@ function xo({
                         leaveFrom: "opacity-100",
                         leaveTo: "opacity-0",
                         children: /* @__PURE__ */ c(
-                          ce.Options,
+                          be.Options,
                           {
                             className: "absolute z-[9999] w-[var(--button-width)] min-w-[150px] mt-2 bg-white/95 backdrop-blur-xl border border-slate-200/80 rounded-lg shadow-lg max-h-60 overflow-auto focus:outline-none py-1",
                             anchor: "bottom start",
                             children: [
-                              /* @__PURE__ */ i(ce.Option, { value: !0, className: ({ active: g }) => `px-4 py-2 text-sm cursor-pointer transition-colors ${g ? "bg-gray-50/80 text-gray-700 font-medium" : "text-slate-700 hover:bg-slate-50"}`, children: "True" }),
-                              /* @__PURE__ */ i(ce.Option, { value: !1, className: ({ active: g }) => `px-4 py-2 text-sm cursor-pointer transition-colors ${g ? "bg-gray-50/80 text-gray-700 font-medium" : "text-slate-700 hover:bg-slate-50"}`, children: "False" })
+                              /* @__PURE__ */ i(be.Option, { value: !0, className: ({ active: g }) => `px-4 py-2 text-sm cursor-pointer transition-colors ${g ? "bg-gray-50/80 text-gray-700 font-medium" : "text-slate-700 hover:bg-slate-50"}`, children: "True" }),
+                              /* @__PURE__ */ i(be.Option, { value: !1, className: ({ active: g }) => `px-4 py-2 text-sm cursor-pointer transition-colors ${g ? "bg-gray-50/80 text-gray-700 font-medium" : "text-slate-700 hover:bg-slate-50"}`, children: "False" })
                             ]
                           }
                         )
@@ -3394,12 +3394,12 @@ function No({
   fields: a,
   placeholder: s
 }) {
-  const [o, l] = G(() => an(e)), [d, u] = G(null), [m, r] = G(!1), [t, b] = G(""), [h, x] = G(null), f = ge(null), p = ge(null), S = ge(/* @__PURE__ */ new Map());
+  const [o, l] = G(() => an(e)), [d, u] = G(null), [m, r] = G(!1), [t, b] = G(""), [h, x] = G(null), f = fe(null), p = fe(null), S = fe(/* @__PURE__ */ new Map());
   j(() => {
     const C = an(e);
     l(C);
   }, []);
-  const N = oe(
+  const N = ae(
     (C) => {
       n(So(C));
     },
@@ -3408,17 +3408,17 @@ function No({
     const B = [...o];
     B[C] = { type: "operator", value: E }, l(B), N(B);
   }, v = (C) => {
-    const E = o.filter((B, R) => R !== C);
+    const E = o.filter((B, D) => D !== C);
     l(E), N(E);
   }, w = (C) => {
     x(C), b(""), r(!0);
   }, M = (C, E) => {
-    const B = E !== void 0 ? E : h != null ? h : o.length, R = [...o], Z = R.slice(0, B), Q = R.slice(B), F = [
+    const B = E !== void 0 ? E : h != null ? h : o.length, D = [...o], Z = D.slice(0, B), Q = D.slice(B), H = [
       ...Z,
       { type: "field", id: C.id, display: C.display },
       ...Q
-    ], ae = y(F);
-    l(ae), N(ae), r(!1), x(null);
+    ], ie = y(H);
+    l(ie), N(ie), r(!1), x(null);
   };
   function y(C) {
     const E = [];
@@ -3511,7 +3511,7 @@ function No({
       /* @__PURE__ */ i("span", { className: "font-sans font-semibold text-blue-500 uppercase tracking-wide mr-1", children: "Preview:" }),
       o.map((C) => C.type === "field" ? `[${C.display}]` : C.value).join("")
     ] }),
-    m && /* @__PURE__ */ c(pe, { children: [
+    m && /* @__PURE__ */ c(ge, { children: [
       /* @__PURE__ */ i(
         "div",
         {
@@ -3643,8 +3643,8 @@ function Tn({
         className: "!flex items-center rounded cursor-pointer   gap-x-3",
         title: `Click to preview ${b}`,
         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: ko[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: ko[l], iconClass: "text-4xl" }),
           /* @__PURE__ */ i("span", { className: "text-sm font-semibold text-center text-gray-700 truncate max-w-[300px]", children: b })
         ]
       }
@@ -3657,7 +3657,7 @@ function Tn({
           className: "p-2",
           onClick: () => h(u || e, n),
           title: `Download ${b}`,
-          children: /* @__PURE__ */ i(z, { icon: "streamline-flex:download-tray-solid" })
+          children: /* @__PURE__ */ i(J, { icon: "streamline-flex:download-tray-solid" })
         }
       ),
       a && /* @__PURE__ */ i(
@@ -3666,7 +3666,7 @@ function Tn({
           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" })
         }
       )
     ] }),
@@ -3722,20 +3722,20 @@ function Bn({
   accept: l = [],
   maxFileSize: d = 5
 }) {
-  const { uploadUrl: u, setApiActivityCount: m } = Pe(we), r = ge(null), [t, b] = G(o), [h, x] = G(!1);
+  const { uploadUrl: u, setApiActivityCount: m } = Pe(we), r = fe(null), [t, b] = G(o), [h, x] = G(!1);
   j(() => {
     b(o);
   }, [o]);
-  const f = le(
+  const f = ue(
     () => l == null ? void 0 : l.map((y) => y.value).join(", "),
     [l]
-  ), p = le(
+  ), p = ue(
     () => l == null ? void 0 : l.map((y) => y.label).join(", "),
     [l]
-  ), S = oe(
+  ), S = ae(
     async (y) => {
       var C, E;
-      const A = fe("token"), k = ((C = fe("orgData")) == null ? void 0 : C.id) || fe("organizationId");
+      const A = ye("token"), k = ((C = ye("orgData")) == null ? void 0 : C.id) || ye("organizationId");
       try {
         const { data: B } = await Fe.post(
           u,
@@ -3757,7 +3757,7 @@ function Bn({
       }
     },
     [u]
-  ), N = oe(
+  ), N = ae(
     (y) => new Promise((A, k) => {
       const C = new FileReader();
       C.onloadend = async () => {
@@ -3781,7 +3781,7 @@ function Bn({
       }, C.onerror = () => k(new Error("File read failed")), C.readAsDataURL(y);
     }),
     [u, S]
-  ), g = oe(
+  ), g = ae(
     (y) => {
       var C;
       const A = f ? (C = f.split(",")) == null ? void 0 : C.map((E) => E.trim()) : [], k = d * 1024 * 1024;
@@ -3792,8 +3792,8 @@ function Bn({
           ), !1;
         if (A.length && !A.some((B) => {
           if (B.endsWith("/*")) {
-            const R = B.split("/")[0];
-            return E.type.startsWith(`${R}/`);
+            const D = B.split("/")[0];
+            return E.type.startsWith(`${D}/`);
           }
           return E.type === B || E.name.toLowerCase().endsWith(B.replace("*", ""));
         }))
@@ -3804,7 +3804,7 @@ function Bn({
       return !0;
     },
     [f, p, d]
-  ), v = oe(
+  ), v = ae(
     async (y) => {
       const A = Array.from(y.target.files || []);
       if (!(!A.length || h)) {
@@ -3832,7 +3832,7 @@ function Bn({
       t,
       m
     ]
-  ), w = oe(
+  ), w = ae(
     (y) => {
       h || (r.current && (r.current.value = ""), b((A) => {
         const k = y === void 0 ? null : (A == null ? void 0 : A.filter((C, E) => E !== y)) || null;
@@ -3867,7 +3867,7 @@ function Bn({
           onClick: () => w(),
           disabled: h,
           "aria-label": "Remove all files",
-          children: /* @__PURE__ */ i(z, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ i(J, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -3990,12 +3990,12 @@ const wo = O.object().shape({
   onClose: n,
   element: a
 }) => {
-  var Te, Re, De, Ie;
+  var Te, De, Re, Ie;
   const s = Mo.filter(
-    (J) => !ii.includes(a.inputType) || J.key !== "validation"
-  ), { updateElement: o, formData: l } = re.useContext(we), [d, u] = G("basic"), [m, r] = G(!1), [t, b] = G("manual"), h = ((De = (Re = (Te = l == null ? void 0 : l.filter((J) => !(J != null && J.isDeleted))) == null ? void 0 : Te.flatMap((J) => (J == null ? void 0 : J.questionData) || [])) == null ? void 0 : Re.filter((J) => !(J != null && J.isDeleted))) == null ? void 0 : De.length) || 0, x = re.useMemo(() => {
-    var J;
-    return ((J = l == null ? void 0 : l.filter((T) => !(T != null && T.isDeleted))) == null ? void 0 : J.flatMap((T) => (T == null ? void 0 : T.questionData) || []).filter(
+    (q) => !ii.includes(a.inputType) || q.key !== "validation"
+  ), { updateElement: o, formData: l } = me.useContext(we), [d, u] = G("basic"), [m, r] = G(!1), [t, b] = G("manual"), h = ((Re = (De = (Te = l == null ? void 0 : l.filter((q) => !(q != null && q.isDeleted))) == null ? void 0 : Te.flatMap((q) => (q == null ? void 0 : q.questionData) || [])) == null ? void 0 : De.filter((q) => !(q != null && q.isDeleted))) == null ? void 0 : Re.length) || 0, x = me.useMemo(() => {
+    var q;
+    return ((q = l == null ? void 0 : l.filter((T) => !(T != null && T.isDeleted))) == null ? void 0 : q.flatMap((T) => (T == null ? void 0 : T.questionData) || []).filter(
       (T) => {
         var K;
         return !(T != null && T.isDeleted) && T.id !== (a == null ? void 0 : a.id) && !["spacer", "divider", "section", "grid"].includes(
@@ -4006,7 +4006,7 @@ const wo = O.object().shape({
       id: T.id,
       display: T.inputLabel || T.label || "Unnamed"
     }))) || [];
-  }, [h, a == null ? void 0 : a.id]), f = fe("config"), {
+  }, [h, a == null ? void 0 : a.id]), f = ye("config"), {
     register: p,
     handleSubmit: S,
     control: N,
@@ -4021,18 +4021,18 @@ const wo = O.object().shape({
       ...a,
       options: a.options || []
     }
-  }), C = v(), { fields: E, append: B, remove: R } = ci({
+  }), C = v(), { fields: E, append: B, remove: D } = ci({
     control: N,
     name: "options"
   }), {
     fields: Z,
     append: Q,
-    remove: F
+    remove: H
   } = ci({
     control: N,
     name: "options1"
   }), {
-    fields: ae,
+    fields: ie,
     append: U,
     remove: X
   } = ci({
@@ -4042,49 +4042,49 @@ const wo = O.object().shape({
   j(() => {
     e || k();
   }, [e, k]);
-  const Y = (J) => {
-    o(J, a.sectionId), n();
-  }, ke = ge(null), be = oe(async () => {
+  const Y = (q) => {
+    o(q, a.sectionId), n();
+  }, ke = fe(null), pe = ae(async () => {
     var T;
     if (!C.apiUrl || !/^https?:\/\//.test(C.apiUrl)) {
       Ae.info("Please provide a valid API URL");
       return;
     }
     ke.current && ke.current.abort();
-    const J = new AbortController();
-    ke.current = J;
+    const q = new AbortController();
+    ke.current = q;
     try {
       r(!0);
       const L = {
         headers: {
-          Authorization: `Bearer ${fe("token")}`
+          Authorization: `Bearer ${ye("token")}`
         },
-        signal: J.signal,
+        signal: q.signal,
         defaultMessage: "Unable to load options"
-      }, { status: D, data: P } = await Fe.get(C.apiUrl, L);
-      if (D !== 200 || !P) {
+      }, { status: R, data: P } = await Fe.get(C.apiUrl, L);
+      if (R !== 200 || !P) {
         Ae.error("Unexpected response from server.");
         return;
       }
-      const H = P.data || P.record || P.result;
-      if (!Array.isArray(H)) {
+      const V = P.data || P.record || P.result;
+      if (!Array.isArray(V)) {
         Ae.error("Expected an array in response (data, record, or result).");
         return;
       }
-      ((T = a.type) == null ? void 0 : T.toLowerCase()) === "datagrid" ? g("dataColumns", Ti(H)) : g("options", Mi(H));
+      ((T = a.type) == null ? void 0 : T.toLowerCase()) === "datagrid" ? g("dataColumns", Ti(V)) : g("options", Mi(V));
     } catch (K) {
       Fe.isCancel(K) || console.error(K);
     } finally {
-      ke.current === J && r(!1);
+      ke.current === q && r(!1);
     }
-  }, [a.type, g, C.apiUrl]), te = ["manual", "api", "sheet"];
+  }, [a.type, g, C.apiUrl]), ce = ["manual", "api", "sheet"];
   function W() {
-    t === "api" && be();
+    t === "api" && pe();
   }
-  const ve = () => {
-    var J, T;
+  const he = () => {
+    var q, T;
     return /* @__PURE__ */ c("div", { className: "flex flex-col justify-start gap-y-1", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center mb-4 gap-x-5", children: te == null ? void 0 : te.map((K) => /* @__PURE__ */ c("label", { className: "items-center text-base capitalize gap-x-3", children: [
+      /* @__PURE__ */ i("div", { className: "flex items-center mb-4 gap-x-5", children: ce == null ? void 0 : ce.map((K) => /* @__PURE__ */ c("label", { className: "items-center text-base capitalize gap-x-3", children: [
         /* @__PURE__ */ i(
           "input",
           {
@@ -4104,7 +4104,7 @@ const wo = O.object().shape({
         /* @__PURE__ */ c("div", { className: "flex items-center gap-x-2", children: [
           /* @__PURE__ */ c("div", { className: "relative flex items-center w-full mb-2", children: [
             /* @__PURE__ */ i(
-              q,
+              _,
               {
                 watch: v,
                 label: "Load Options from Api",
@@ -4140,7 +4140,7 @@ const wo = O.object().shape({
         }
       ) }),
       t === "manual" && /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ i("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((J = a == null ? void 0 : a.type) == null ? void 0 : J.toLowerCase()) === "matrix" ? "Rows Options" : "Parent Options" }),
+        /* @__PURE__ */ i("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((q = a == null ? void 0 : a.type) == null ? void 0 : q.toLowerCase()) === "matrix" ? "Rows Options" : "Parent Options" }),
         E == null ? void 0 : E.map((K, L) => /* @__PURE__ */ c(
           "div",
           {
@@ -4148,7 +4148,7 @@ const wo = O.object().shape({
             children: [
               /* @__PURE__ */ c("div", { className: "flex items-start gap-x-4", children: [
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                  q,
+                  _,
                   {
                     watch: v,
                     label: L === 0 ? "Label" : "",
@@ -4157,9 +4157,9 @@ const wo = O.object().shape({
                     errors: M,
                     element: a,
                     placeholder: "Label",
-                    onChange: (D) => {
-                      const H = D.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                      g(`options.${L}.value`, H, {
+                    onChange: (R) => {
+                      const V = R.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+                      g(`options.${L}.value`, V, {
                         shouldValidate: !0,
                         shouldDirty: !0
                       });
@@ -4167,7 +4167,7 @@ const wo = O.object().shape({
                   }
                 ) }),
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                  q,
+                  _,
                   {
                     watch: v,
                     label: L === 0 ? "Value" : "",
@@ -4184,9 +4184,9 @@ const wo = O.object().shape({
                     disabled: E.length === 1,
                     type: "button",
                     className: `outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed ${L === 0 ? "mt-[34px]" : "mt-[10px]"}`,
-                    onClick: () => R(L),
+                    onClick: () => D(L),
                     children: /* @__PURE__ */ i(
-                      z,
+                      J,
                       {
                         icon: "iconamoon:sign-times-fill",
                         iconClass: "text-gray-400 hover:text-red-500 text-lg transition-colors"
@@ -4210,8 +4210,8 @@ const wo = O.object().shape({
                         { value: "image/webp", label: "WebP" },
                         { value: "image/svg+xml", label: "SVG" }
                       ],
-                      onFileLoaded: (D) => {
-                        D && D.length > 0 ? g(`options.${L}.imageUrl`, D[0].base64, {
+                      onFileLoaded: (R) => {
+                        R && R.length > 0 ? g(`options.${L}.imageUrl`, R[0].base64, {
                           shouldDirty: !0,
                           shouldValidate: !0
                         }) : g(`options.${L}.imageUrl`, "", {
@@ -4229,7 +4229,7 @@ const wo = O.object().shape({
                     }
                   ),
                   /* @__PURE__ */ i("div", { className: "flex-1 hidden", children: /* @__PURE__ */ i(
-                    q,
+                    _,
                     {
                       watch: v,
                       label: "",
@@ -4255,14 +4255,14 @@ const wo = O.object().shape({
               className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
               onClick: () => B({ label: "", value: "", id: Ce() }),
               children: [
-                /* @__PURE__ */ i(z, { icon: "qlementine-icons:plus-16" }),
+                /* @__PURE__ */ i(J, { icon: "qlementine-icons:plus-16" }),
                 " Add Option"
               ]
             }
           )
         ] })
       ] }),
-      ["cascadeselect", "matrix"].includes(a.type.toLowerCase()) && /* @__PURE__ */ c(pe, { children: [
+      ["cascadeselect", "matrix"].includes(a.type.toLowerCase()) && /* @__PURE__ */ c(ge, { children: [
         /* @__PURE__ */ i("hr", { className: "my-5" }),
         /* @__PURE__ */ c("div", { children: [
           " ",
@@ -4273,7 +4273,7 @@ const wo = O.object().shape({
               className: "flex items-center mb-1 gap-x-4 last:mb-0",
               children: [
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                  q,
+                  _,
                   {
                     watch: v,
                     label: L === 0 ? "Label" : "",
@@ -4282,9 +4282,9 @@ const wo = O.object().shape({
                     errors: M,
                     element: a,
                     placeholder: "Label",
-                    onChange: (D) => {
-                      const H = D.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                      g(`options1.${L}.value`, H, {
+                    onChange: (R) => {
+                      const V = R.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+                      g(`options1.${L}.value`, V, {
                         shouldValidate: !0,
                         shouldDirty: !0
                       });
@@ -4292,7 +4292,7 @@ const wo = O.object().shape({
                   }
                 ) }),
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                  q,
+                  _,
                   {
                     watch: v,
                     label: L === 0 ? "Value" : "",
@@ -4304,7 +4304,7 @@ const wo = O.object().shape({
                   }
                 ) }),
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                  q,
+                  _,
                   {
                     watch: v,
                     label: L === 0 ? "Key" : "",
@@ -4321,8 +4321,8 @@ const wo = O.object().shape({
                     disabled: Z.length === 1,
                     type: "button",
                     className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                    onClick: () => F(L),
-                    children: /* @__PURE__ */ i(z, { icon: "iconamoon:sign-times-fill" })
+                    onClick: () => H(L),
+                    children: /* @__PURE__ */ i(J, { icon: "iconamoon:sign-times-fill" })
                   }
                 )
               ]
@@ -4338,7 +4338,7 @@ const wo = O.object().shape({
                 className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
                 onClick: () => Q({ label: "", value: "", key: "", id: Ce() }),
                 children: [
-                  /* @__PURE__ */ i(z, { icon: "qlementine-icons:plus-16" }),
+                  /* @__PURE__ */ i(J, { icon: "qlementine-icons:plus-16" }),
                   " Add Option"
                 ]
               }
@@ -4347,29 +4347,29 @@ const wo = O.object().shape({
         ] })
       ] })
     ] });
-  }, ye = () => /* @__PURE__ */ c("div", { className: "flex flex-col justify-start gap-y-1", children: [
-    /* @__PURE__ */ i("div", { className: "flex items-center mb-4 gap-x-5", children: te == null ? void 0 : te.map((J) => /* @__PURE__ */ c("label", { className: "items-center text-base capitalize gap-x-3", children: [
+  }, xe = () => /* @__PURE__ */ c("div", { className: "flex flex-col justify-start gap-y-1", children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center mb-4 gap-x-5", children: ce == null ? void 0 : ce.map((q) => /* @__PURE__ */ c("label", { className: "items-center text-base capitalize gap-x-3", children: [
       /* @__PURE__ */ i(
         "input",
         {
           type: "radio",
           name: "optionType",
           onChange: (T) => b(T.target.value),
-          value: J,
-          checked: J === t
+          value: q,
+          checked: q === t
         }
       ),
       " ",
       /* @__PURE__ */ c("span", { children: [
-        J,
+        q,
         " options"
       ] })
-    ] }, J)) }),
+    ] }, q)) }),
     t === "api" && /* @__PURE__ */ c("div", { className: "mb-4", children: [
       /* @__PURE__ */ c("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ c("div", { className: "relative flex items-center w-full mb-2", children: [
           /* @__PURE__ */ i(
-            q,
+            _,
             {
               watch: v,
               label: "Load Columns from Api",
@@ -4404,7 +4404,7 @@ const wo = O.object().shape({
         name: "dataColumns"
       }
     ) }),
-    /* @__PURE__ */ i("div", { className: "grid gap-y-3", children: ae == null ? void 0 : ae.map((J, T) => {
+    /* @__PURE__ */ i("div", { className: "grid gap-y-3", children: ie == null ? void 0 : ie.map((q, T) => {
       var K, L;
       return /* @__PURE__ */ c(
         "div",
@@ -4442,15 +4442,15 @@ const wo = O.object().shape({
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                q,
+                _,
                 {
                   watch: v,
                   label: T === 0 ? "Display header" : "",
                   name: `dataColumns.${T}.headerName`,
                   register: p,
-                  onChange: (D) => {
-                    const H = D.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                    g(`dataColumns.${T}.field`, H, {
+                  onChange: (R) => {
+                    const V = R.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+                    g(`dataColumns.${T}.field`, V, {
                       shouldValidate: !0,
                       shouldDirty: !0
                     });
@@ -4461,7 +4461,7 @@ const wo = O.object().shape({
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                q,
+                _,
                 {
                   watch: v,
                   label: T === 0 ? "Field key" : "",
@@ -4476,16 +4476,16 @@ const wo = O.object().shape({
               /* @__PURE__ */ i(
                 "button",
                 {
-                  disabled: ae.length === 1,
+                  disabled: ie.length === 1,
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
                   onClick: () => X(T),
-                  children: /* @__PURE__ */ i(z, { icon: "iconamoon:sign-times-fill" })
+                  children: /* @__PURE__ */ i(J, { icon: "iconamoon:sign-times-fill" })
                 }
               )
             ] }),
             ((L = (K = C.dataColumns) == null ? void 0 : K[T]) == 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(
-              q,
+              _,
               {
                 watch: v,
                 label: "Options API URL",
@@ -4498,7 +4498,7 @@ const wo = O.object().shape({
             ) }) })
           ]
         },
-        J.id
+        q.id
       );
     }) }),
     /* @__PURE__ */ c("div", { children: [
@@ -4517,20 +4517,20 @@ const wo = O.object().shape({
             validate: !1
           }),
           children: [
-            /* @__PURE__ */ i(z, { icon: "qlementine-icons:plus-16" }),
+            /* @__PURE__ */ i(J, { icon: "qlementine-icons:plus-16" }),
             " Add column"
           ]
         }
       )
     ] })
-  ] }), de = /* @__PURE__ */ i(
+  ] }), te = /* @__PURE__ */ i(
     "div",
     {
       className: "fixed inset-0 bg-gray-800/40 backdrop-blur-sm flex items-center justify-end z-[999] cursor-default",
-      onMouseDown: (J) => J.stopPropagation(),
-      onPointerDown: (J) => J.stopPropagation(),
-      onDragStart: (J) => {
-        J.preventDefault(), J.stopPropagation();
+      onMouseDown: (q) => q.stopPropagation(),
+      onPointerDown: (q) => q.stopPropagation(),
+      onDragStart: (q) => {
+        q.preventDefault(), q.stopPropagation();
       },
       children: /* @__PURE__ */ c("div", { className: "w-full lg:w-2/3 xl:w-2/5 bg-white h-screen  shadow-xl relative flex flex-col  items-center", children: [
         /* @__PURE__ */ i(
@@ -4538,7 +4538,7 @@ const wo = O.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(
@@ -4562,8 +4562,8 @@ const wo = O.object().shape({
                 " ",
                 /* @__PURE__ */ c("div", { className: "config_box max-h-[83vh] overflow-y-auto flex-1", children: [
                   d === "basic" && /* @__PURE__ */ c("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
-                    pi.includes(a.inputType) && /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ i(
-                      q,
+                    pi.includes(a.inputType) && /* @__PURE__ */ i(ge, { children: /* @__PURE__ */ i(
+                      _,
                       {
                         watch: v,
                         label: "Value",
@@ -4573,9 +4573,9 @@ const wo = O.object().shape({
                         element: a
                       }
                     ) }),
-                    !pi.includes(a.inputType) && !ii.includes(a.inputType) && /* @__PURE__ */ c(pe, { children: [
+                    !pi.includes(a.inputType) && !ii.includes(a.inputType) && /* @__PURE__ */ c(ge, { children: [
                       /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Label",
@@ -4587,7 +4587,7 @@ const wo = O.object().shape({
                       ),
                       " ",
                       a.type.toLowerCase() === "cascadeselect" && /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Child Label",
@@ -4597,9 +4597,9 @@ const wo = O.object().shape({
                           element: a
                         }
                       ),
-                      a.inputType === "nps" && /* @__PURE__ */ c(pe, { children: [
+                      a.inputType === "nps" && /* @__PURE__ */ c(ge, { children: [
                         /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "Low Rating Label (e.g. Not at all likely)",
@@ -4611,7 +4611,7 @@ const wo = O.object().shape({
                           }
                         ),
                         /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "High Rating Label (e.g. Extremely likely)",
@@ -4625,7 +4625,7 @@ const wo = O.object().shape({
                       ] })
                     ] }),
                     oo.includes(a.inputType) && /* @__PURE__ */ i(
-                      q,
+                      _,
                       {
                         watch: v,
                         label: "Placeholder",
@@ -4636,7 +4636,7 @@ const wo = O.object().shape({
                       }
                     ),
                     no.includes(a.inputType) && /* @__PURE__ */ i(
-                      q,
+                      _,
                       {
                         watch: v,
                         label: "Prefix",
@@ -4666,9 +4666,9 @@ const wo = O.object().shape({
                         Ve,
                         {
                           label: "Source Field",
-                          options: x.map((J) => ({
-                            label: J.display,
-                            value: J.id
+                          options: x.map((q) => ({
+                            label: q.display,
+                            value: q.id
                           })),
                           register: p,
                           name: "sourceFieldId",
@@ -4681,7 +4681,7 @@ const wo = O.object().shape({
                     uo.includes(a.inputType) && /* @__PURE__ */ c("div", { className: "grid gap-y-4", children: [
                       /* @__PURE__ */ i(bo, {}),
                       /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Api Url",
@@ -4737,14 +4737,14 @@ const wo = O.object().shape({
                     to.includes(a.inputType) && /* @__PURE__ */ i(
                       mo,
                       {
-                        onChange: (J) => {
-                          g("denominators", J);
+                        onChange: (q) => {
+                          g("denominators", q);
                         },
                         value: v("denominators")
                       }
                     ),
                     !pi.includes(a.inputType) && !ii.includes(a.inputType) && /* @__PURE__ */ i(
-                      q,
+                      _,
                       {
                         watch: v,
                         label: "Short Description",
@@ -4754,7 +4754,7 @@ const wo = O.object().shape({
                         element: a
                       }
                     ),
-                    a.type.toLowerCase() === "date" && /* @__PURE__ */ c(pe, { children: [
+                    a.type.toLowerCase() === "date" && /* @__PURE__ */ c(ge, { children: [
                       /* @__PURE__ */ i(
                         Ve,
                         {
@@ -4768,7 +4768,7 @@ const wo = O.object().shape({
                         }
                       ),
                       /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Allow Range",
@@ -4802,7 +4802,7 @@ const wo = O.object().shape({
                         )
                       ] }),
                       /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Allow Year Picker",
@@ -4816,7 +4816,7 @@ const wo = O.object().shape({
                       )
                     ] }),
                     a.type.toLowerCase() === "time" && /* @__PURE__ */ i(
-                      q,
+                      _,
                       {
                         watch: v,
                         label: "24 Hour Format",
@@ -4829,7 +4829,7 @@ const wo = O.object().shape({
                       }
                     ),
                     a.type.toLowerCase() === "country" && /* @__PURE__ */ i(
-                      q,
+                      _,
                       {
                         watch: v,
                         label: "Allow States",
@@ -4864,9 +4864,9 @@ const wo = O.object().shape({
                     ),
                     ["multiselect", "checkbox"].includes(
                       a.type.toLowerCase()
-                    ) && /* @__PURE__ */ c(pe, { children: [
+                    ) && /* @__PURE__ */ c(ge, { children: [
                       /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Minimum Options Checked",
@@ -4878,7 +4878,7 @@ const wo = O.object().shape({
                         }
                       ),
                       /* @__PURE__ */ i("div", { className: "w-[250px]", children: /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Require All Checked",
@@ -4892,7 +4892,7 @@ const wo = O.object().shape({
                       ) })
                     ] }),
                     a.type.toLowerCase() === "grid" && /* @__PURE__ */ i(
-                      q,
+                      _,
                       {
                         watch: v,
                         label: "Number of columns (max: 4)",
@@ -4907,7 +4907,7 @@ const wo = O.object().shape({
                     a.type.toLowerCase() === "document" && /* @__PURE__ */ c("div", { className: "grid gap-y-6", children: [
                       /* @__PURE__ */ c("div", { className: "grid gap-y-1", children: [
                         /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "Document Options Url",
@@ -4922,7 +4922,7 @@ const wo = O.object().shape({
                       ] }),
                       /* @__PURE__ */ c("div", { className: "grid gap-y-1", children: [
                         /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "Document Validation Url",
@@ -4935,7 +4935,7 @@ const wo = O.object().shape({
                         /* @__PURE__ */ i(go, {})
                       ] }),
                       /* @__PURE__ */ i("div", { className: "grid gap-y-1", children: /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Signature Page Url",
@@ -4946,10 +4946,10 @@ const wo = O.object().shape({
                         }
                       ) })
                     ] }),
-                    a.type.toLowerCase() === "datagrid" && ye(),
-                    a.type.toLowerCase() === "file" && /* @__PURE__ */ c(pe, { children: [
+                    a.type.toLowerCase() === "datagrid" && xe(),
+                    a.type.toLowerCase() === "file" && /* @__PURE__ */ c(ge, { children: [
                       /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Allow Multiple Uploads",
@@ -4974,7 +4974,7 @@ const wo = O.object().shape({
                         }
                       ),
                       /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Max File Size (MB)",
@@ -4986,12 +4986,12 @@ const wo = O.object().shape({
                         }
                       )
                     ] }),
-                    lo.includes(a.inputType) && ve(),
+                    lo.includes(a.inputType) && he(),
                     !["spacer", "divider", "section", "grid"].includes(
                       (Ie = a.type) == null ? void 0 : Ie.toLowerCase()
                     ) && /* @__PURE__ */ c("div", { className: "flex items-center gap-x-6 mb-4", children: [
                       /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Disabled",
@@ -5004,7 +5004,7 @@ const wo = O.object().shape({
                         }
                       ) }),
                       /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Read Only",
@@ -5019,7 +5019,7 @@ const wo = O.object().shape({
                     ] }),
                     /* @__PURE__ */ c("div", { children: [
                       /* @__PURE__ */ i("div", { className: "w-[150px] mb-4", children: /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Toggle Visibility",
@@ -5049,7 +5049,7 @@ const wo = O.object().shape({
                         No,
                         {
                           value: v("formula") || "",
-                          onChange: (J) => g("formula", J, {
+                          onChange: (q) => g("formula", q, {
                             shouldValidate: !0,
                             shouldDirty: !0
                           }),
@@ -5060,7 +5060,7 @@ const wo = O.object().shape({
                     ] }),
                     a.type.toLowerCase() === "polling" && /* @__PURE__ */ c("div", { className: "grid gap-y-4 mb-4 mt-2", children: [
                       /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Fetch results from external API",
@@ -5073,7 +5073,7 @@ const wo = O.object().shape({
                         }
                       ),
                       C.fetchExternalResults && /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "External API URL (returns options results)",
@@ -5089,7 +5089,7 @@ const wo = O.object().shape({
                   !ii.includes(a.type.toLowerCase()) && d === "validation" && /* @__PURE__ */ c("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
                     /* @__PURE__ */ c("div", { className: "flex items-center gap-x-6", children: [
                       /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Required",
@@ -5103,7 +5103,7 @@ const wo = O.object().shape({
                       ) }),
                       " ",
                       /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                        q,
+                        _,
                         {
                           watch: v,
                           label: "Error message text",
@@ -5114,10 +5114,10 @@ const wo = O.object().shape({
                         }
                       ) })
                     ] }),
-                    ao.includes(a.inputType) && /* @__PURE__ */ c(pe, { children: [
+                    ao.includes(a.inputType) && /* @__PURE__ */ c(ge, { children: [
                       /* @__PURE__ */ c("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "Min Length",
@@ -5130,7 +5130,7 @@ const wo = O.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "Error message text",
@@ -5143,7 +5143,7 @@ const wo = O.object().shape({
                       ] }),
                       /* @__PURE__ */ c("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "Max Length",
@@ -5156,7 +5156,7 @@ const wo = O.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "Error message text",
@@ -5168,10 +5168,10 @@ const wo = O.object().shape({
                         ) })
                       ] })
                     ] }),
-                    so.includes(a.inputType) && /* @__PURE__ */ c(pe, { children: [
+                    so.includes(a.inputType) && /* @__PURE__ */ c(ge, { children: [
                       /* @__PURE__ */ c("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "Min Amount",
@@ -5184,7 +5184,7 @@ const wo = O.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "Error message text",
@@ -5197,7 +5197,7 @@ const wo = O.object().shape({
                       ] }),
                       /* @__PURE__ */ c("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "Max Amount",
@@ -5210,7 +5210,7 @@ const wo = O.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          q,
+                          _,
                           {
                             watch: v,
                             label: "Error message text",
@@ -5252,17 +5252,17 @@ const wo = O.object().shape({
       ] })
     }
   );
-  return document.body ? Dn(de, document.body) : de;
+  return document.body ? Rn(te, document.body) : te;
 }, Ki = li(
   ({ state: e, element: n, children: a }) => {
     var b, h;
-    const [s, o] = G(!1), { removeElement: l, duplicateElement: d, updateElement: u, copyElement: m } = re.useContext(we), r = le(
+    const [s, o] = G(!1), { removeElement: l, duplicateElement: d, updateElement: u, copyElement: m } = me.useContext(we), r = ue(
       () => {
         var x;
         return (x = n == null ? void 0 : n.acceptedFiles) == null ? void 0 : x.map((f) => f.label).join(", ");
       },
       [n]
-    ), t = oe(() => {
+    ), t = ae(() => {
       l(n.id, n.sectionId);
     }, [n.id, n.sectionId, l]);
     return /* @__PURE__ */ c("div", { className: "w-full min-w-0", children: [
@@ -5288,7 +5288,7 @@ const wo = O.object().shape({
           ] })
         ] }),
         e === "edit" && /* @__PURE__ */ c("span", { className: "flex items-center gap-x-3", children: [
-          ((b = n.type) == null ? void 0 : b.toLowerCase()) !== "spacer" && ((h = n.type) == null ? void 0 : h.toLowerCase()) !== "divider" && /* @__PURE__ */ c(pe, { children: [
+          ((b = n.type) == null ? void 0 : b.toLowerCase()) !== "spacer" && ((h = n.type) == null ? void 0 : h.toLowerCase()) !== "divider" && /* @__PURE__ */ c(ge, { children: [
             n.isDisabled && /* @__PURE__ */ i("span", { className: "px-1.5 py-0.5 text-[10px] font-medium bg-gray-100 text-gray-600 rounded border border-gray-200", children: "Disabled" }),
             n.isReadOnly && /* @__PURE__ */ i("span", { className: "px-1.5 py-0.5 text-[10px] font-medium bg-amber-50 text-amber-700 rounded border border-amber-200", children: "Read Only" }),
             /* @__PURE__ */ c("label", { className: "flex items-center gap-1 text-xs cursor-pointer text-gray-500 mr-2 hover:text-gray-700 select-none", children: [
@@ -5316,7 +5316,7 @@ const wo = O.object().shape({
                 typeof d == "function" && d(n == null ? void 0 : n.id, n.sectionId);
               },
               title: "Duplicate",
-              children: /* @__PURE__ */ i(z, { icon: "solar:copy-outline", iconClass: "text-base" })
+              children: /* @__PURE__ */ i(J, { icon: "solar:copy-outline", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ i(
@@ -5328,7 +5328,7 @@ const wo = O.object().shape({
                 typeof m == "function" && m(n == null ? void 0 : n.id, n.sectionId);
               },
               title: "Copy to Clipboard",
-              children: /* @__PURE__ */ i(z, { icon: "lucide:clipboard-copy", iconClass: "text-base" })
+              children: /* @__PURE__ */ i(J, { icon: "lucide:clipboard-copy", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ i(
@@ -5338,7 +5338,7 @@ const wo = O.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(
@@ -5348,7 +5348,7 @@ const wo = O.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: t,
               title: "Remove",
-              children: /* @__PURE__ */ i(z, { icon: "iconamoon:trash", iconClass: "text-base" })
+              children: /* @__PURE__ */ i(J, { icon: "iconamoon:trash", iconClass: "text-base" })
             }
           )
         ] })
@@ -5393,7 +5393,7 @@ const Eo = ({
   placeholder: o = "Select time",
   is24Hour: l = !1
 }) => {
-  const [d, u] = G(e || null), m = fe("config"), r = (m == null ? void 0 : m.buttonColor) || "#7F56D9";
+  const [d, u] = G(e || null), m = ye("config"), r = (m == null ? void 0 : m.buttonColor) || "#7F56D9";
   j(() => {
     e !== d && u(e || null);
   }, [e]);
@@ -5423,7 +5423,7 @@ const Eo = ({
           scrollbar-width: none;
         }
       ` }),
-    /* @__PURE__ */ i(mi, { className: "relative w-full", children: ({ open: g }) => /* @__PURE__ */ c(pe, { children: [
+    /* @__PURE__ */ i(mi, { className: "relative w-full", children: ({ open: g }) => /* @__PURE__ */ c(ge, { children: [
       /* @__PURE__ */ c(
         mi.Button,
         {
@@ -5435,7 +5435,7 @@ const Eo = ({
           ),
           children: [
             /* @__PURE__ */ i("span", { children: d || o }),
-            /* @__PURE__ */ i(z, { icon: "mdi:clock-outline", iconClass: "text-gray-400 text-lg inline" })
+            /* @__PURE__ */ i(J, { icon: "mdi:clock-outline", iconClass: "text-gray-400 text-lg inline" })
           ]
         }
       ),
@@ -5572,7 +5572,7 @@ function Po({ element: e, validationData: n }) {
       };
     }
   }, [u, e.id]);
-  const m = oe(
+  const m = ae(
     (b) => {
       l == null || l(e.id, b), s(b);
     },
@@ -5593,7 +5593,7 @@ function Po({ element: e, validationData: n }) {
         maxFileSize: (e == null ? void 0 : e.maxFileSize) || 5
       }
     ),
-    d && /* @__PURE__ */ i(pe, { children: a ? /* @__PURE__ */ i("div", { className: "relative grid gap-y-1 flex-1 w-full", children: typeof a == "object" && Array.isArray(a) && a.map(
+    d && /* @__PURE__ */ i(ge, { children: a ? /* @__PURE__ */ i("div", { className: "relative grid gap-y-1 flex-1 w-full", children: typeof a == "object" && Array.isArray(a) && a.map(
       (b, h) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
         Tn,
         {
@@ -5604,7 +5604,7 @@ function Po({ element: e, validationData: n }) {
     ) }) : /* @__PURE__ */ i("span", { className: "field-control !bg-gray-50 w-full !text-gray-400 !text-sm !italic ", children: "No File Uploaded" }) })
   ] });
 }
-function Ro({
+function Do({
   element: e,
   validationData: n
 }) {
@@ -5625,7 +5625,7 @@ function Ro({
     }
   );
 }
-function Do({
+function Ro({
   element: e,
   validationData: n
 }) {
@@ -5633,7 +5633,7 @@ function Do({
   const { register: a = () => ({}), watch: s } = n || {};
   return /* @__PURE__ */ i("div", { className: $("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(
-      q,
+      _,
       {
         placeholder: e.placeholder,
         type: e.inputType,
@@ -5658,7 +5658,7 @@ function Oo({
   const { register: a = () => ({}), watch: s } = n || {};
   return /* @__PURE__ */ i("div", { className: $("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(
-      q,
+      _,
       {
         placeholder: e.placeholder,
         type: e.inputType,
@@ -5684,32 +5684,32 @@ function ei({
   name: u,
   customClass: m
 }) {
-  const [r, t] = G(null), [b, h] = G([]), [x, f] = G(!1), p = ge(!0);
+  const [r, t] = G(null), [b, h] = G([]), [x, f] = G(!1), p = fe(!0);
   j(() => {
     const y = new AbortController(), A = a != null ? a : s;
     let k = "";
     r !== null ? k = r : A && (k = String(A));
     const C = async () => {
-      var R, Z;
+      var D, Z;
       if (n) {
         f(!0);
         try {
-          const Q = fe("token"), F = {
+          const Q = ye("token"), H = {
             ...Q ? { headers: { Authorization: `Bearer ${Q}` } } : {},
             signal: y.signal,
             params: k ? { search: k } : {}
           };
-          let U = (await Fe.get(n, F)).data;
-          if (U && !Array.isArray(U) && (U.data && Array.isArray(U.data) ? U = U.data : (R = U.data) != null && R.data && Array.isArray(U.data.data) ? U = U.data.data : U.results && Array.isArray(U.results) ? U = U.results : (Z = U.data) != null && Z.results && Array.isArray(U.data.results) ? U = U.data.results : U.items && Array.isArray(U.items) && (U = U.items)), Array.isArray(U)) {
+          let U = (await Fe.get(n, H)).data;
+          if (U && !Array.isArray(U) && (U.data && Array.isArray(U.data) ? U = U.data : (D = U.data) != null && D.data && Array.isArray(U.data.data) ? U = U.data.data : U.results && Array.isArray(U.results) ? U = U.results : (Z = U.data) != null && Z.results && Array.isArray(U.data.results) ? U = U.data.results : U.items && Array.isArray(U.items) && (U = U.items)), Array.isArray(U)) {
             const X = U.map((Y) => {
-              var te, W, ve, ye, de, Te, Re, De, Ie, J, T, K, L, D;
+              var ce, W, he, xe, te, Te, De, Re, Ie, q, T, K, L, R;
               if (typeof Y == "string") return { label: Y, value: Y };
-              const ke = (Ie = (Te = (de = (ye = (ve = (W = (te = Y.label) != null ? te : Y.name) != null ? W : Y.title) != null ? ve : Y.productName) != null ? ye : Y.description) != null ? de : Y.text) != null ? Te : Y.displayName) != null ? Ie : String((De = (Re = Y.id) != null ? Re : Y.value) != null ? De : ""), be = String(
-                (D = (L = (K = (T = (J = Y.value) != null ? J : Y.id) != null ? T : Y.key) != null ? K : Y.code) != null ? L : Y.name) != null ? D : ""
+              const ke = (Ie = (Te = (te = (xe = (he = (W = (ce = Y.label) != null ? ce : Y.name) != null ? W : Y.title) != null ? he : Y.productName) != null ? xe : Y.description) != null ? te : Y.text) != null ? Te : Y.displayName) != null ? Ie : String((Re = (De = Y.id) != null ? De : Y.value) != null ? Re : ""), pe = String(
+                (R = (L = (K = (T = (q = Y.value) != null ? q : Y.id) != null ? T : Y.key) != null ? K : Y.code) != null ? L : Y.name) != null ? R : ""
               );
               return {
                 label: String(ke),
-                value: String(be)
+                value: String(pe)
               };
             });
             h(X);
@@ -5729,7 +5729,7 @@ function ei({
       clearTimeout(B), y.abort();
     };
   }, [n, r, a, s]);
-  const S = n ? b : e, N = le(() => {
+  const S = n ? b : e, N = ue(() => {
     const y = a != null ? a : s;
     if (y == null || y === "") return null;
     const A = S.find(
@@ -5758,7 +5758,7 @@ function ei({
         }));
       }
   }, [a, s, o, S]);
-  const w = le(() => {
+  const w = ue(() => {
     let y = S;
     if (g && !y.some(
       (k) => String(k.value) === String(g.value) || String(k.label) === String(g.label)
@@ -5767,7 +5767,7 @@ function ei({
     return y.filter(
       (k) => k.label.toLowerCase().includes(A)
     );
-  }, [r, S, g]), M = oe(
+  }, [r, S, g]), M = ae(
     (y) => {
       v(y), l(u, y);
     },
@@ -5826,7 +5826,7 @@ function ei({
                 )
               ]
             }
-          ) : /* @__PURE__ */ i(z, { icon: "octicon:chevron-down-12" }) })
+          ) : /* @__PURE__ */ i(J, { icon: "octicon:chevron-down-12" }) })
         ] }),
         /* @__PURE__ */ i(
           Vn,
@@ -5872,7 +5872,7 @@ function Ko({
     a(e.id);
   }, [e.id, a]);
   const r = d ? e.apiUrl : void 0;
-  return /* @__PURE__ */ i(pe, { children: e.selectType === "list" && !d ? /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(ge, { children: e.selectType === "list" && !d ? /* @__PURE__ */ i(
     Ve,
     {
       options: (h = e == null ? void 0 : e.options) != null ? h : [],
@@ -5938,7 +5938,7 @@ function jo({
   return j(() => {
     m && typeof o == "function" && o(e.id, r);
   }, [r, m, e.id, o]), /* @__PURE__ */ i(
-    q,
+    _,
     {
       placeholder: e.placeholder,
       type: e.inputType,
@@ -6061,43 +6061,43 @@ function Uo({
   j(() => {
     a(e.id);
   }, [e.id, a]);
-  const { url: N, method: g, responseType: v } = e || {}, w = ge(null), M = oe(
+  const { url: N, method: g, responseType: v } = e || {}, w = fe(null), M = ae(
     async (A) => {
-      var C, E, B, R, Z, Q, F, ae, U, X, Y, ke, be, te;
+      var C, E, B, D, Z, Q, H, ie, U, X, Y, ke, pe, ce;
       if (!N || typeof N != "string" || !N.trim() || !g) return;
       w.current && w.current.abort();
       const k = new AbortController();
       w.current = k, m(!0), h(""), t(!1);
       try {
         let W;
-        const ve = {
+        const he = {
           headers: {
-            Authorization: `Bearer ${fe("token")}`
+            Authorization: `Bearer ${ye("token")}`
           },
           signal: k.signal
         };
         if (g.toLowerCase() === "get") {
-          const ye = `${N}?value=${A}`;
-          W = await Fe.get(ye, ve);
+          const xe = `${N}?value=${A}`;
+          W = await Fe.get(xe, he);
         } else if (g.toLowerCase() === "post")
-          W = await Fe.post(N, { value: A }, ve);
+          W = await Fe.post(N, { value: A }, he);
         else
           throw new Error("Unsupported HTTP method");
         if (W.status === 200)
           if (((E = (C = W == null ? void 0 : W.data) == null ? void 0 : C.data) == null ? void 0 : E.status) === !1 || ((B = W == null ? void 0 : W.data) == null ? void 0 : B.status) === !1)
             console.error("Invalid input:", A), h("Unable to validate input"), t(!1);
           else if (t(!0), v === "string") {
-            let de = ((Z = (R = W == null ? void 0 : W.data) == null ? void 0 : R.data) == null ? void 0 : Z.description) || ((Q = W == null ? void 0 : W.data) == null ? void 0 : Q.description) || ((F = W == null ? void 0 : W.data) == null ? void 0 : F.data) || (W == null ? void 0 : W.data) || "Validation successful";
-            typeof de == "object" && de !== null && (de = JSON.stringify(de)), h(de);
+            let te = ((Z = (D = W == null ? void 0 : W.data) == null ? void 0 : D.data) == null ? void 0 : Z.description) || ((Q = W == null ? void 0 : W.data) == null ? void 0 : Q.description) || ((H = W == null ? void 0 : W.data) == null ? void 0 : H.data) || (W == null ? void 0 : W.data) || "Validation successful";
+            typeof te == "object" && te !== null && (te = JSON.stringify(te)), h(te);
           } else {
-            const de = ((U = (ae = W == null ? void 0 : W.data) == null ? void 0 : ae.data) == null ? void 0 : U.description) || ((X = W == null ? void 0 : W.data) == null ? void 0 : X.description) || ((Y = W == null ? void 0 : W.data) == null ? void 0 : Y.data) || (W == null ? void 0 : W.data) || {};
-            S(de), typeof de == "object" && de !== null && typeof s == "function" && s(`${e == null ? void 0 : e.id}_metaData`, de);
+            const te = ((U = (ie = W == null ? void 0 : W.data) == null ? void 0 : ie.data) == null ? void 0 : U.description) || ((X = W == null ? void 0 : W.data) == null ? void 0 : X.description) || ((Y = W == null ? void 0 : W.data) == null ? void 0 : Y.data) || (W == null ? void 0 : W.data) || {};
+            S(te), typeof te == "object" && te !== null && typeof s == "function" && s(`${e == null ? void 0 : e.id}_metaData`, te);
           }
       } catch (W) {
         if (!Fe.isCancel(W)) {
           console.error("Error validating input:", W);
-          let ve = ((be = (ke = W == null ? void 0 : W.response) == null ? void 0 : ke.data) == null ? void 0 : be.message) || ((te = W == null ? void 0 : W.response) == null ? void 0 : te.data) || "Unable to validate input";
-          typeof ve == "object" && ve !== null && (ve = JSON.stringify(ve)), h(ve), t(!1);
+          let he = ((pe = (ke = W == null ? void 0 : W.response) == null ? void 0 : ke.data) == null ? void 0 : pe.message) || ((ce = W == null ? void 0 : W.response) == null ? void 0 : ce.data) || "Unable to validate input";
+          typeof he == "object" && he !== null && (he = JSON.stringify(he)), h(he), t(!1);
         }
       } finally {
         w.current === k && m(!1);
@@ -6164,7 +6164,7 @@ function Uo({
             }
           )
         ] }),
-        r && !u && /* @__PURE__ */ i("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ i(z, { icon: "gg:check-o" }) })
+        r && !u && /* @__PURE__ */ i("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ i(J, { icon: "gg:check-o" }) })
       ] })
     ] }),
     b && v === "string" && /* @__PURE__ */ i(
@@ -6207,7 +6207,7 @@ function Wo({
   function u(r, t) {
     return parseFloat(r) * parseFloat(t) || 0;
   }
-  const m = le(
+  const m = ue(
     () => o.reduce((r, t) => {
       const b = u(t.key, t.value);
       return r + b;
@@ -6308,7 +6308,7 @@ function $o({
   validationData: a
 }) {
   const { watch: s } = a || {}, o = e.valueSource === "field" && e.sourceFieldId, l = o && typeof s == "function" ? s(e.sourceFieldId) : void 0;
-  return /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ i("div", { className: e == null ? void 0 : e.customClass, children: o ? l || n === "edit" && /* @__PURE__ */ i("span", { className: "text-gray-400", children: "Empty dynamic text" }) : (e == null ? void 0 : e.value) || n === "edit" && /* @__PURE__ */ i("span", { className: "text-gray-400", children: "Provide text" }) }) });
+  return /* @__PURE__ */ i(ge, { children: /* @__PURE__ */ i("div", { className: e == null ? void 0 : e.customClass, children: o ? l || n === "edit" && /* @__PURE__ */ i("span", { className: "text-gray-400", children: "Empty dynamic text" }) : (e == null ? void 0 : e.value) || n === "edit" && /* @__PURE__ */ i("span", { className: "text-gray-400", children: "Provide text" }) }) });
 }
 function Yo({
   row: e,
@@ -6420,7 +6420,7 @@ function Yo({
         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" })
       }
     ) })
   ] });
@@ -6432,11 +6432,11 @@ function Qo({
   isReadOnly: a = !1,
   columns: s
 }) {
-  const [o, l] = G(e), d = fe("config"), u = ge(o);
+  const [o, l] = G(e), d = ye("config"), u = fe(o);
   u.current = o, j(() => {
     l((h) => JSON.stringify(h) !== JSON.stringify(e) ? e : h);
   }, [e]);
-  const m = oe(
+  const m = ae(
     (h, x, f) => {
       const p = u.current.map(
         (S) => S.id === x ? { ...S, [f]: h } : S
@@ -6444,16 +6444,16 @@ function Qo({
       l(p), n == null || n(p);
     },
     [n]
-  ), r = oe(() => {
+  ), r = ae(() => {
     const h = Ce(), x = s.reduce((p, S) => (p[S.field] = S.field === "id" ? h : "", p), {}), f = [...u.current, { id: h, ...x }];
     l(f), n == null || n(f);
-  }, [s, n]), t = oe(
+  }, [s, n]), t = ae(
     (h) => {
       const x = u.current.filter((f) => f.id !== h);
       l(x), n == null || n(x);
     },
     [n]
-  ), b = oe(
+  ), b = ae(
     () => ({
       isValidating: !1,
       result: void 0
@@ -6525,9 +6525,9 @@ function Xo({
   j(() => {
     a(e.id);
   }, [e.id, a]);
-  const m = ge(""), r = ge(e == null ? void 0 : e.id), t = ge(e == null ? void 0 : e.dataColumns), b = ge(s);
+  const m = fe(""), r = fe(e == null ? void 0 : e.id), t = fe(e == null ? void 0 : e.dataColumns), b = fe(s);
   r.current = e == null ? void 0 : e.id, t.current = e == null ? void 0 : e.dataColumns, b.current = s;
-  const h = oe((f) => {
+  const h = ae((f) => {
     var S;
     const p = JSON.stringify(f);
     p !== m.current && (m.current = p, (S = b.current) == null || S.call(b, r.current, {
@@ -6563,7 +6563,7 @@ const on = ({
   loading: f,
   disabled: p
 }) => {
-  const [S, N] = G(t ? [] : null), g = $("custom-select__control", e), v = le(() => n, [n]);
+  const [S, N] = G(t ? [] : null), g = $("custom-select__control", e), v = ue(() => n, [n]);
   j(() => {
     const M = n == null ? void 0 : n.find((y) => {
       var A;
@@ -6571,7 +6571,7 @@ const on = ({
     });
     N(M || null);
   }, [m, n]);
-  const w = le(() => m == null || m === "" || !n || n.length === 0 ? !1 : t && Array.isArray(m) ? Array.isArray(S) && S.length < m.length : !n.some((y) => {
+  const w = ue(() => m == null || m === "" || !n || n.length === 0 ? !1 : t && Array.isArray(m) ? Array.isArray(S) && S.length < m.length : !n.some((y) => {
     var A;
     return typeof y.value == "string" && typeof m == "string" ? y.value.toLowerCase() === m.toLowerCase() : typeof y.value == "object" && typeof m == "object" ? ((A = y.value) == null ? void 0 : A.id) === (m == null ? void 0 : m.id) : y.value === m;
   }), [m, n, S, t]);
@@ -6581,19 +6581,19 @@ const on = ({
     u && !b && /* @__PURE__ */ i("label", { className: "custom-select__label", children: u }),
     b && u && /* @__PURE__ */ i("label", { className: $("custom-select__floating-label", x), children: u }),
     /* @__PURE__ */ i(
-      ce,
+      be,
       {
         value: S,
         onChange: N,
         multiple: t,
         disabled: p,
         children: /* @__PURE__ */ c("div", { className: "custom-select__wrapper", children: [
-          /* @__PURE__ */ c(ce.Button, { className: g, disabled: p, children: [
+          /* @__PURE__ */ c(be.Button, { className: g, disabled: p, children: [
             f ? /* @__PURE__ */ i("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ i("span", { className: "custom-select__value", children: (S == null ? void 0 : S.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(je, { as: re.Fragment, leave: "custom-select__transition", children: /* @__PURE__ */ i(ce.Options, { className: "custom-select__options", anchor: "bottom", children: v == null ? void 0 : v.map((M, y) => /* @__PURE__ */ i(
-            ce.Option,
+          /* @__PURE__ */ i(je, { as: me.Fragment, leave: "custom-select__transition", children: /* @__PURE__ */ i(be.Options, { className: "custom-select__options", anchor: "bottom", children: v == null ? void 0 : v.map((M, y) => /* @__PURE__ */ i(
+            be.Option,
             {
               value: M,
               className: ({ active: A }) => $(
@@ -6650,7 +6650,7 @@ const on = ({
       }
     }
   }, [l, u]);
-  const f = le(
+  const f = ue(
     () => {
       var S;
       return (S = e.options1) == null ? void 0 : S.filter((N) => N.key === m);
@@ -6786,13 +6786,13 @@ function sn({
     trigger: o,
     isReadOnly: l,
     watch: d
-  } = n || {}, u = (d == null ? void 0 : d(e.id)) || "", { country: m, state: r } = le(() => {
+  } = n || {}, u = (d == null ? void 0 : d(e.id)) || "", { country: m, state: r } = ue(() => {
     if (typeof u == "string" && u.includes(",")) {
       const [f, p] = u.split(",").map((S) => S.trim());
       return { country: p, state: f };
     }
     return { country: u, state: "" };
-  }, [u]), t = ge(u), b = le(() => {
+  }, [u]), t = fe(u), b = ue(() => {
     var f, p;
     return m ? ((p = (f = oi.find((S) => S.name === m)) == null ? void 0 : f.states) == null ? void 0 : p.map((S) => ({
       label: S.name,
@@ -7098,31 +7098,31 @@ function as({
   onChange: h,
   onError: x
 }) {
-  const [f, p] = G(""), [S, N] = G(null), [g, v] = G(""), w = le(
+  const [f, p] = G(""), [S, N] = G(null), [g, v] = G(""), w = ue(
     () => {
       var B;
-      return (B = fi == null ? void 0 : fi.slice().sort((R, Z) => R.label.localeCompare(Z.label))) == null ? void 0 : B.map((R) => ({ ...R, phone: `+${R.phone}` }));
+      return (B = fi == null ? void 0 : fi.slice().sort((D, Z) => D.label.localeCompare(Z.label))) == null ? void 0 : B.map((D) => ({ ...D, phone: `+${D.phone}` }));
     },
     []
-  ), M = le(() => f ? w.filter(
+  ), M = ue(() => f ? w.filter(
     (B) => `${B.label} ${B.phone}`.toLowerCase().includes(f.toLowerCase())
   ) : w, [f, w]), y = (S == null ? void 0 : S.min) || 10, A = (S == null ? void 0 : S.max) || 10, k = () => g ? `${(S == null ? void 0 : S.phone) || "+234"}-${g}` : "", C = (B) => {
     if (!B || typeof B != "string") return { code: "+234", number: "" };
-    const R = B.split(/[-\s]/);
-    return { code: R[0], number: R.slice(1).join(" ") };
+    const D = B.split(/[-\s]/);
+    return { code: D[0], number: D.slice(1).join(" ") };
   };
   j(() => {
     if (d) {
       const B = k();
       if (d !== B) {
-        const R = C(d);
+        const D = C(d);
         N(
-          w.find((Z) => Z.phone === R.code) || w[0]
-        ), v(R.number);
+          w.find((Z) => Z.phone === D.code) || w[0]
+        ), v(D.number);
       }
     }
   }, [d, w]);
-  const E = le(() => {
+  const E = ue(() => {
     if (u) return u;
     const B = g.length;
     return s && B === 0 ? "Phone number is required" : B > 0 && !/^\d+$/.test(g) ? "Phone number must contain only digits" : B > 0 && B < y ? `Minimum length is ${y}` : B > A ? `Maximum length is ${A}` : "";
@@ -7151,7 +7151,7 @@ function as({
           }
         ),
         /* @__PURE__ */ c("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(Le, { value: S, onChange: N, children: /* @__PURE__ */ c("div", { className: "relative", children: [
             /* @__PURE__ */ i(
               Le.Input,
@@ -7162,8 +7162,8 @@ function as({
                 onChange: (B) => p(B.target.value)
               }
             ),
-            /* @__PURE__ */ i(Le.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ i(z, { icon: "lucide:chevron-down" }) }),
-            /* @__PURE__ */ i(Le.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: M == null ? void 0 : M.map((B, R) => /* @__PURE__ */ c(
+            /* @__PURE__ */ i(Le.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) }),
+            /* @__PURE__ */ i(Le.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: M == null ? void 0 : M.map((B, D) => /* @__PURE__ */ c(
               Le.Option,
               {
                 value: B,
@@ -7174,7 +7174,7 @@ function as({
                   B.label
                 ]
               },
-              `${B.code}+ ${R}`
+              `${B.code}+ ${D}`
             )) })
           ] }) }),
           /* @__PURE__ */ c("div", { className: "relative flex items-center flex-1 z-[1]", children: [
@@ -7187,8 +7187,8 @@ function as({
                 disabled: m,
                 readOnly: r,
                 onChange: (B) => {
-                  const R = B.target.value.replace(/\D/g, "");
-                  v(R);
+                  const D = B.target.value.replace(/\D/g, "");
+                  v(D);
                 },
                 placeholder: n,
                 className: "w-full px-3 outline-none",
@@ -7196,7 +7196,7 @@ function as({
                 minLength: y
               }
             ),
-            /* @__PURE__ */ i("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !E && g.length > 0 && !r && /* @__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: !E && g.length > 0 && !r && /* @__PURE__ */ i("span", { className: "text-green-500", children: /* @__PURE__ */ i(J, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
         b && /* @__PURE__ */ i("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: b })
@@ -7296,13 +7296,13 @@ function ls({
   validationData: n
 }) {
   var m;
-  const { watch: a, setValue: s } = n || {}, o = (e == null ? void 0 : e.formula) || "", l = le(() => {
+  const { watch: a, setValue: s } = n || {}, o = (e == null ? void 0 : e.formula) || "", l = ue(() => {
     const t = (o.match(/\{\{([^{}]+)\}\}/g) || []).map((x) => x.replace(/[{}]/g, "")), h = (o.match(/@\[.*?\]\((.*?)\)/g) || []).map((x) => {
       const f = /@\[.*?\]\((.*?)\)/.exec(x);
       return f ? f[1] : "";
     }).filter(Boolean);
     return Array.from(/* @__PURE__ */ new Set([...t, ...h]));
-  }, [o]), d = a ? a(l) : [], u = le(() => {
+  }, [o]), d = a ? a(l) : [], u = ue(() => {
     if (!o) return "";
     let r = o, t = !1;
     if (l.forEach((b, h) => {
@@ -7414,7 +7414,7 @@ function ds({
                 S,
                 "%"
               ] }),
-              N && /* @__PURE__ */ i(z, { icon: "material-symbols:check-circle", iconClass: "text-blue-500 text-lg" })
+              N && /* @__PURE__ */ i(J, { icon: "material-symbols:check-circle", iconClass: "text-blue-500 text-lg" })
             ] }),
             /* @__PURE__ */ i(
               "input",
@@ -7497,7 +7497,7 @@ const us = ({ element: e, state: n, validationData: a }) => {
                 onClick: () => t(x),
                 disabled: s || n === "edit" || x === 0,
                 className: "hover:text-[#6366f1] disabled:opacity-30 disabled:hover:text-gray-400",
-                children: /* @__PURE__ */ i(z, { icon: "mdi:chevron-up", iconClass: "w-5 h-5" })
+                children: /* @__PURE__ */ i(J, { icon: "mdi:chevron-up", iconClass: "w-5 h-5" })
               }
             ),
             /* @__PURE__ */ i(
@@ -7507,7 +7507,7 @@ const us = ({ element: e, state: n, validationData: a }) => {
                 onClick: () => b(x),
                 disabled: s || n === "edit" || x === m.length - 1,
                 className: "hover:text-[#6366f1] disabled:opacity-30 disabled:hover:text-gray-400",
-                children: /* @__PURE__ */ i(z, { icon: "mdi:chevron-down", iconClass: "w-5 h-5" })
+                children: /* @__PURE__ */ i(J, { icon: "mdi:chevron-down", iconClass: "w-5 h-5" })
               }
             )
           ] }),
@@ -7534,7 +7534,7 @@ const us = ({ element: e, state: n, validationData: a }) => {
           u === t.value ? "border-[#6366f1] ring-2 ring-[#6366f1]/20" : "border-gray-100 hover:border-[#6366f1]"
         ),
         children: [
-          /* @__PURE__ */ i("div", { className: "aspect-video bg-gray-50 flex items-center justify-center text-gray-300 relative", children: t.imageUrl ? /* @__PURE__ */ i("img", { src: t.imageUrl, alt: t.label, className: "absolute inset-0 w-full h-full object-cover" }) : /* @__PURE__ */ i(z, { icon: "mdi:image-outline", iconClass: "w-12 h-12 group-hover:text-[#6366f1] transition-colors" }) }),
+          /* @__PURE__ */ i("div", { className: "aspect-video bg-gray-50 flex items-center justify-center text-gray-300 relative", children: t.imageUrl ? /* @__PURE__ */ i("img", { src: t.imageUrl, alt: t.label, className: "absolute inset-0 w-full h-full object-cover" }) : /* @__PURE__ */ i(J, { icon: "mdi:image-outline", iconClass: "w-12 h-12 group-hover:text-[#6366f1] transition-colors" }) }),
           /* @__PURE__ */ i("div", { className: $(
             "p-3 text-center text-sm font-medium",
             u === t.value ? "bg-[#6366f1] text-white" : "bg-white text-gray-700"
@@ -7554,9 +7554,9 @@ const us = ({ element: e, state: n, validationData: a }) => {
   amountField: jo,
   date: Bo,
   time: Lo,
-  password: Ro,
+  password: Do,
   checkbox: Oo,
-  radio: Do,
+  radio: Ro,
   email: gi,
   file: Po,
   dataGrid: Xo,
@@ -7618,7 +7618,7 @@ const us = ({ element: e, state: n, validationData: a }) => {
     moveElement: r,
     isDragging: t,
     removeElement: b
-  } = Pe(we), h = le(
+  } = Pe(we), h = ue(
     () => Array.from({ length: e.columns }),
     [e.columns]
   ), [x, f] = G(null);
@@ -7628,23 +7628,23 @@ const us = ({ element: e, state: n, validationData: a }) => {
     };
     return document.addEventListener("dragend", w), () => document.removeEventListener("dragend", w);
   }, [m]);
-  const p = oe(
+  const p = ae(
     (w, M) => {
       w.preventDefault(), w.stopPropagation(), w.dataTransfer.dropEffect = "move", f(M);
     },
     []
-  ), S = oe(
+  ), S = ae(
     (w, M) => {
       w.preventDefault(), w.stopPropagation(), f(M);
     },
     []
-  ), N = oe(
+  ), N = ae(
     (w, M) => {
       const y = w.relatedTarget;
       y && w.currentTarget.contains(y) || f((A) => A === M ? null : A);
     },
     []
-  ), g = oe(
+  ), g = ae(
     (w, M) => {
       var k;
       w.preventDefault(), w.stopPropagation(), m(!1), f(null);
@@ -7663,13 +7663,13 @@ const us = ({ element: e, state: n, validationData: a }) => {
         if (!C) return;
         const E = JSON.parse(C);
         if ((E == null ? void 0 : E.type) === "grid") return;
-        const B = d.find((Q) => Q.id === n), R = (k = B == null ? void 0 : B.questionData) == null ? void 0 : k.find(
+        const B = d.find((Q) => Q.id === n), D = (k = B == null ? void 0 : B.questionData) == null ? void 0 : k.find(
           (Q) => {
-            var F;
-            return !Q.isDeleted && Q.gridId === e.id && ((F = Q.gridPosition) == null ? void 0 : F.col) === y;
+            var H;
+            return !Q.isDeleted && Q.gridId === e.id && ((H = Q.gridPosition) == null ? void 0 : H.col) === y;
           }
         );
-        R && b(R.id, n);
+        D && b(D.id, n);
         const Z = {
           ...E,
           id: Ce(),
@@ -7684,8 +7684,8 @@ const us = ({ element: e, state: n, validationData: a }) => {
     },
     [u, e.id, d, n, m, r]
   ), v = (w, M, y) => {
-    var F, ae, U;
-    const A = w + 1, k = (ae = (F = d.find((X) => X.id === n)) == null ? void 0 : F.questionData) == null ? void 0 : ae.find(
+    var H, ie, U;
+    const A = w + 1, k = (ie = (H = d.find((X) => X.id === n)) == null ? void 0 : H.questionData) == null ? void 0 : ie.find(
       (X) => {
         var Y;
         return !X.isDeleted && X.gridId === e.id && ((Y = X.gridPosition) == null ? void 0 : Y.col) === A;
@@ -7693,7 +7693,7 @@ const us = ({ element: e, state: n, validationData: a }) => {
     ), C = (U = k == null ? void 0 : k.id) != null ? U : null, E = Array.isArray(a) && a.find((X) => {
       var Y;
       return ((Y = X == null ? void 0 : X.props) == null ? void 0 : Y.col) === A;
-    }), B = t && x === w, R = !!E, Z = t && !!l, Q = R && C && y === "edit" ? {
+    }), B = t && x === w, D = !!E, Z = t && !!l, Q = D && C && y === "edit" ? {
       draggable: !0,
       onDragStart: (X) => {
         X.stopPropagation(), X.dataTransfer.setData("elementId", C), X.dataTransfer.setData("properties", C), X.dataTransfer.effectAllowed = "move", m(!0);
@@ -7716,21 +7716,21 @@ const us = ({ element: e, state: n, validationData: a }) => {
           "flex items-center justify-center",
           "transition-all duration-200 ease-in-out",
           y === "edit" ? "py-3 " : "",
-          R && y === "edit" && "cursor-grab active:cursor-grabbing border-none",
+          D && y === "edit" && "cursor-grab active:cursor-grabbing border-none",
           M,
           !Z && !B && "bg-white border-gray-200 text-gray-300",
-          Z && !B && !R && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
-          Z && !B && R && "bg-white border-orange-200 border-dashed",
-          B && !R && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
-          B && R && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
+          Z && !B && !D && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
+          Z && !B && D && "bg-white border-orange-200 border-dashed",
+          B && !D && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
+          B && D && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
         ),
         children: [
-          R && y === "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" }) }),
-          B && !R && /* @__PURE__ */ c("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" }),
+          D && y === "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" }) }),
+          B && !D && /* @__PURE__ */ c("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"
           ] }),
-          B && R && /* @__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" }),
+          B && D && /* @__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",
             {
@@ -7738,7 +7738,7 @@ const us = ({ element: e, state: n, validationData: a }) => {
                 "w-full select-none min-w-0",
                 B && "opacity-50 pointer-events-none"
               ),
-              children: E || /* @__PURE__ */ i("span", { className: "flex items-center justify-center text-gray-300", children: y === "edit" && /* @__PURE__ */ i(z, { icon: "ph:plus-bold" }) })
+              children: E || /* @__PURE__ */ i("span", { className: "flex items-center justify-center text-gray-300", children: y === "edit" && /* @__PURE__ */ i(J, { icon: "ph:plus-bold" }) })
             }
           )
         ]
@@ -7757,7 +7757,7 @@ const us = ({ element: e, state: n, validationData: a }) => {
       )
     }
   ) });
-}, ri = re.memo(ms), bs = "edit";
+}, ri = me.memo(ms), bs = "edit";
 function yi({
   index: e,
   onDrop: n,
@@ -7788,7 +7788,7 @@ function yi({
         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__ */ c("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"
       ] })
     }
@@ -7801,24 +7801,24 @@ function vs({ elementData: e, sectionId: n }) {
     setIsDragging: o,
     addElementInPosition: l,
     moveElement: d
-  } = Pe(we), [u, m] = G(null), r = le(
+  } = Pe(we), [u, m] = G(null), r = ue(
     () => {
       var g;
       return ((g = a.find((v) => v.id === n)) == null ? void 0 : g.questionData) || [];
     },
     [a, n]
-  ), t = oe(
+  ), t = ae(
     (g, v) => {
       g.dataTransfer.setData("elementId", v), g.dataTransfer.setData("properties", v), g.dataTransfer.effectAllowed = "move", m(v), o(!0);
     },
     [o]
-  ), b = oe(() => {
+  ), b = ae(() => {
     m(null), o(!1);
   }, [o]);
   j(() => {
     !s && u && m(null);
   }, [s, u]);
-  const h = oe(
+  const h = ae(
     (g) => {
       g.preventDefault(), g.stopPropagation();
       const v = g.dataTransfer.getData("elementId"), w = g.currentTarget.id;
@@ -7832,7 +7832,7 @@ function vs({ elementData: e, sectionId: n }) {
       M != null && M.gridId && y !== -1 ? d({ draggedId: v, sectionId: n, targetIndex: y }) : d({ draggedId: v, sectionId: n, targetId: w }), m(null), o(!1);
     },
     [n, d, o, b, r]
-  ), x = oe(
+  ), x = ae(
     (g, v) => {
       g.preventDefault(), g.stopPropagation(), o(!1);
       const w = g.dataTransfer.getData("elementId");
@@ -7850,7 +7850,7 @@ function vs({ elementData: e, sectionId: n }) {
       }
     },
     [l, n, o, d]
-  ), f = oe(
+  ), f = ae(
     (g, v = !1) => /* @__PURE__ */ i(
       "div",
       {
@@ -7872,7 +7872,7 @@ function vs({ elementData: e, sectionId: n }) {
       g.id
     ),
     [u, h, n, t, b]
-  ), p = le(() => (e == null ? void 0 : e.reduce((g, v) => (v.gridId && !v.isDeleted && (g[v.gridId] = g[v.gridId] || [], g[v.gridId].push(v)), g), {})) || {}, [e]), S = le(
+  ), p = ue(() => (e == null ? void 0 : e.reduce((g, v) => (v.gridId && !v.isDeleted && (g[v.gridId] = g[v.gridId] || [], g[v.gridId].push(v)), g), {})) || {}, [e]), S = ue(
     () => (e == null ? void 0 : e.filter((g) => !g.isDeleted)) || [],
     [e]
   );
@@ -7967,8 +7967,8 @@ const ps = li(vs), hs = O.object({
   description: O.string(),
   disabled: O.boolean().default(!1),
   isHidden: O.boolean().default(!1)
-}).required(), xi = fe("config"), gs = ({ isOpen: e, onClose: n, section: a }) => {
-  const { updateSection: s } = re.useContext(we), {
+}).required(), xi = ye("config"), gs = ({ isOpen: e, onClose: n, section: a }) => {
+  const { updateSection: s } = me.useContext(we), {
     register: o,
     handleSubmit: l,
     watch: d,
@@ -7978,7 +7978,7 @@ const ps = li(vs), hs = O.object({
     resolver: Ii(hs),
     defaultValues: a
   });
-  if (re.useEffect(() => {
+  if (me.useEffect(() => {
     e || t();
   }, [e, t]), !e) return null;
   const b = (x) => {
@@ -7992,7 +7992,7 @@ const ps = li(vs), hs = O.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" })
         }
       )
     ] }),
@@ -8005,7 +8005,7 @@ const ps = li(vs), hs = O.object({
         children: [
           /* @__PURE__ */ c("div", { className: "w-full px-6 flex flex-col gap-5 z-10", children: [
             /* @__PURE__ */ i(
-              q,
+              _,
               {
                 label: "Title",
                 name: "title",
@@ -8015,7 +8015,7 @@ const ps = li(vs), hs = O.object({
               }
             ),
             /* @__PURE__ */ i(
-              q,
+              _,
               {
                 label: "Description",
                 name: "description",
@@ -8026,7 +8026,7 @@ const ps = li(vs), hs = O.object({
               }
             ),
             /* @__PURE__ */ i(
-              q,
+              _,
               {
                 label: "Disable Section",
                 name: "disabled",
@@ -8039,7 +8039,7 @@ const ps = li(vs), hs = O.object({
               }
             ),
             /* @__PURE__ */ i(
-              q,
+              _,
               {
                 label: "Hide Section",
                 name: "isHidden",
@@ -8085,7 +8085,7 @@ const ps = li(vs), hs = O.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" })
       }
     )
   ] }),
@@ -8288,7 +8288,7 @@ const ps = li(vs), hs = O.object({
   onReorderSection: h
 }) => {
   var S, N;
-  const x = ge(null), f = ge((S = e == null ? void 0 : e.questionData) == null ? void 0 : S.length), p = ge(b);
+  const x = fe(null), f = fe((S = e == null ? void 0 : e.questionData) == null ? void 0 : S.length), p = fe(b);
   return j(() => {
     var g, v;
     if (((g = e == null ? void 0 : e.questionData) == null ? void 0 : g.length) > f.current && !b && !p.current) {
@@ -8334,7 +8334,7 @@ const ps = li(vs), hs = O.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" })
                   ]
                 }
@@ -8346,7 +8346,7 @@ const ps = li(vs), hs = O.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" })
                   }
                 ),
                 m > 1 && /* @__PURE__ */ i(
@@ -8355,7 +8355,7 @@ const ps = li(vs), hs = O.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(
@@ -8365,7 +8365,7 @@ const ps = li(vs), hs = O.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"
@@ -8404,7 +8404,7 @@ const ps = li(vs), hs = O.object({
   );
 }, Ss = ({ onAddTemplate: e, templates: n }) => {
   var B;
-  const a = [...ys, ...n || []], [s, o] = G(!1), [l, d] = G(!1), u = ge(null), m = ge(null), {
+  const a = [...ys, ...n || []], [s, o] = G(!1), [l, d] = G(!1), u = fe(null), m = fe(null), {
     removeSection: r,
     // addElement,
     addSection: t,
@@ -8419,72 +8419,72 @@ const ps = li(vs), hs = O.object({
     pasteElement: v
   } = Pe(we);
   j(() => {
-    const R = (Z) => {
-      var F;
+    const D = (Z) => {
+      var H;
       const Q = Z.target;
       if (!(Q.tagName === "INPUT" || Q.tagName === "TEXTAREA" || Q.isContentEditable) && f) {
-        const ae = ((F = Z.clipboardData) == null ? void 0 : F.getData("text")) || "";
-        v(f, void 0, ae);
+        const ie = ((H = Z.clipboardData) == null ? void 0 : H.getData("text")) || "";
+        v(f, void 0, ie);
       }
     };
-    return window.addEventListener("paste", R), () => {
-      window.removeEventListener("paste", R);
+    return window.addEventListener("paste", D), () => {
+      window.removeEventListener("paste", D);
     };
   }, [f, v]);
-  const w = ge((b == null ? void 0 : b.length) || 0);
+  const w = fe((b == null ? void 0 : b.length) || 0);
   j(() => {
-    var R;
-    x(((R = b[0]) == null ? void 0 : R.id) || null);
+    var D;
+    x(((D = b[0]) == null ? void 0 : D.id) || null);
   }, []), j(() => {
     (b == null ? void 0 : b.length) > w.current && m.current && requestAnimationFrame(() => {
-      var R;
-      (R = m.current) == null || R.scrollTo({
+      var D;
+      (D = m.current) == null || D.scrollTo({
         top: m.current.scrollHeight,
         behavior: "smooth"
       });
     }), w.current = (b == null ? void 0 : b.length) || 0;
   }, [b == null ? void 0 : b.length]);
-  const M = oe((R) => {
-    R.preventDefault(), R.dataTransfer.dropEffect = "move";
-  }, []), y = oe((R, Z) => {
+  const M = ae((D) => {
+    D.preventDefault(), D.dataTransfer.dropEffect = "move";
+  }, []), y = ae((D, Z) => {
     N((Q) => {
-      const F = Q.findIndex((Y) => Y.id === R), ae = Q.findIndex((Y) => Y.id === Z);
-      if (F === -1 || ae === -1 || F === ae) return Q;
-      const U = [...Q], [X] = U.splice(F, 1);
-      return U.splice(ae, 0, X), U;
+      const H = Q.findIndex((Y) => Y.id === D), ie = Q.findIndex((Y) => Y.id === Z);
+      if (H === -1 || ie === -1 || H === ie) return Q;
+      const U = [...Q], [X] = U.splice(H, 1);
+      return U.splice(ie, 0, X), U;
     });
   }, [N]);
-  function A(R) {
-    p.includes(R) ? S(
-      (Z) => Z.filter((Q) => Q !== R)
-    ) : S((Z) => [...Z, R]);
+  function A(D) {
+    p.includes(D) ? S(
+      (Z) => Z.filter((Q) => Q !== D)
+    ) : S((Z) => [...Z, D]);
   }
-  function k(R) {
-    u.current = R, o(!0);
+  function k(D) {
+    u.current = D, o(!0);
   }
-  const C = (R) => {
-    var Q, F, ae, U;
+  const C = (D) => {
+    var Q, H, ie, U;
     const Z = (X, Y = {}) => ({
       ...JSON.parse(JSON.stringify(X)),
       ...Y
     });
-    if (R.sections && Array.isArray(R.sections)) {
-      const Y = R.sections.filter(Boolean).map((be) => {
-        var ve;
-        const te = Ce(), W = (ve = be.questionData) == null ? void 0 : ve.map((ye) => Z(ye, { id: Ce(), sectionId: te }));
+    if (D.sections && Array.isArray(D.sections)) {
+      const Y = D.sections.filter(Boolean).map((pe) => {
+        var he;
+        const ce = Ce(), W = (he = pe.questionData) == null ? void 0 : he.map((xe) => Z(xe, { id: Ce(), sectionId: ce }));
         if (W) {
-          const ye = /* @__PURE__ */ new Map();
-          be.questionData.forEach((de, Te) => {
-            ye.set(de.id, W[Te].id);
-          }), W.forEach((de) => {
-            de.gridId && ye.has(de.gridId) && (de.gridId = ye.get(de.gridId));
+          const xe = /* @__PURE__ */ new Map();
+          pe.questionData.forEach((te, Te) => {
+            xe.set(te.id, W[Te].id);
+          }), W.forEach((te) => {
+            te.gridId && xe.has(te.gridId) && (te.gridId = xe.get(te.gridId));
           });
         }
-        return Z(be, { id: te, questionData: W || [] });
+        return Z(pe, { id: ce, questionData: W || [] });
       });
-      b.length === 1 && b[0].title === "" && b[0].description === "" && (!((Q = b[0]) != null && Q.questionData) || ((ae = (F = b[0]) == null ? void 0 : F.questionData) == null ? void 0 : ae.length) === 0) ? (N(Y), Y.length > 0 && x((U = Y[0]) == null ? void 0 : U.id)) : N((be) => [...be, ...Y]);
+      b.length === 1 && b[0].title === "" && b[0].description === "" && (!((Q = b[0]) != null && Q.questionData) || ((ie = (H = b[0]) == null ? void 0 : H.questionData) == null ? void 0 : ie.length) === 0) ? (N(Y), Y.length > 0 && x((U = Y[0]) == null ? void 0 : U.id)) : N((pe) => [...pe, ...Y]);
     }
-  }, E = fe("config");
+  }, E = ye("config");
   return /* @__PURE__ */ c(
     "div",
     {
@@ -8505,13 +8505,13 @@ const ps = li(vs), hs = O.object({
             ref: m,
             className: "relative flex flex-col flex-1 w-full gap-y-3 container overflow-y-auto",
             children: [
-              (B = b == null ? void 0 : b.filter((R) => !(R != null && R.isDeleted))) == null ? void 0 : B.map(
-                (R, Z) => {
+              (B = b == null ? void 0 : b.filter((D) => !(D != null && D.isDeleted))) == null ? void 0 : B.map(
+                (D, Z) => {
                   var Q;
                   return /* @__PURE__ */ i(
                     xs,
                     {
-                      section: R,
+                      section: D,
                       index: Z,
                       selectedSection: f,
                       setSelectedSection: x,
@@ -8519,13 +8519,13 @@ const ps = li(vs), hs = O.object({
                       toggleSection: A,
                       handleSectionEdit: k,
                       removeSection: r,
-                      formDataLength: ((Q = b == null ? void 0 : b.filter((F) => !(F != null && F.isDeleted))) == null ? void 0 : Q.length) || 0,
+                      formDataLength: ((Q = b == null ? void 0 : b.filter((H) => !(H != null && H.isDeleted))) == null ? void 0 : Q.length) || 0,
                       onDragOver: M,
                       setIsDragging: h,
                       isDragging: g,
                       onReorderSection: y
                     },
-                    R.id
+                    D.id
                   );
                 }
               ),
@@ -8574,7 +8574,7 @@ const ps = li(vs), hs = O.object({
 }, Ns = () => {
   const { formData: e, uploadUrl: n } = Pe(
     we
-  ), [a, s] = G("multi"), o = fe("config");
+  ), [a, s] = G("multi"), o = ye("config");
   return /* @__PURE__ */ c("div", { className: "flex flex-col h-full w-full", children: [
     /* @__PURE__ */ i("div", { className: "flex justify-center p-3 border-b border-gray-100 bg-gray-50/50", children: /* @__PURE__ */ c("div", { className: "flex bg-gray-200 p-1 rounded-lg text-sm font-medium", children: [
       /* @__PURE__ */ i(
@@ -8614,10 +8614,10 @@ const ps = li(vs), hs = O.object({
     e
   );
   return j(() => {
-    const a = fe("config"), s = (a == null ? void 0 : a.loaderColor) || "#333";
+    const a = ye("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" }) });
-}, As = re.lazy(() => import("./logic-flow-IDTRl8aO.js"));
+}, As = me.lazy(() => import("./logic-flow-DoGabFPy.js"));
 function Cs({
   questionData: e,
   uploadUrl: n,
@@ -8631,7 +8631,7 @@ function Cs({
   }, [e, l]), j(() => {
     u(n);
   }, [n, u]);
-  const t = oe((b) => {
+  const t = ae((b) => {
     b.preventDefault();
     try {
       const h = JSON.parse(b.dataTransfer.getData("properties"));
@@ -8650,7 +8650,7 @@ function Cs({
         onDragOver: (b) => b.preventDefault(),
         onDrop: (b) => t(b),
         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(Rn, { fallback: /* @__PURE__ */ i(Gi, { loadingClass: "!w-full !h-full" }), children: /* @__PURE__ */ i(As, { formData: r }) })
+        children: o === "canvas" ? /* @__PURE__ */ i(Ss, { onAddTemplate: a, templates: s }) : /* @__PURE__ */ i(Dn, { fallback: /* @__PURE__ */ i(Gi, { loadingClass: "!w-full !h-full" }), children: /* @__PURE__ */ i(As, { formData: r }) })
       }
     ),
     o === "canvas" && /* @__PURE__ */ i(
@@ -8699,7 +8699,7 @@ const ks = [
     const w = setInterval(v, 1e3);
     return () => clearInterval(w);
   }, []);
-  const r = oe(
+  const r = ae(
     (v, w) => {
       if (!u) {
         Ae.error("Please select a section to add an element.");
@@ -8721,7 +8721,7 @@ const ks = [
     };
     d(w, u);
   }
-  const b = fe("config") || {}, h = b.elementColor, x = b.elementBgColor, f = b.elementBorderColor, p = Qa.filter(
+  const b = ye("config") || {}, h = b.elementColor, x = b.elementBgColor, f = b.elementBorderColor, p = Qa.filter(
     (v) => v.label.toLowerCase().includes(n.toLowerCase())
   ), S = e === "poll" ? ws : ks, N = e === "poll" ? eo : Xa, g = S == null ? void 0 : S.map((v) => ({
     title: v.title,
@@ -8759,7 +8759,7 @@ const ks = [
           },
           title: "Paste copied element",
           children: [
-            /* @__PURE__ */ i(z, { icon: "lucide:clipboard-paste" }),
+            /* @__PURE__ */ i(J, { icon: "lucide:clipboard-paste" }),
             "Paste Element (Ctrl+V)"
           ]
         }
@@ -8785,7 +8785,7 @@ const ks = [
                                active:opacity-50 element_class`,
             draggable: !0,
             children: /* @__PURE__ */ c("span", { className: "flex flex-col items-center justify-center w-full gap-2", children: [
-              /* @__PURE__ */ i("span", { style: { color: h }, children: /* @__PURE__ */ i(z, { icon: y.icon, iconClass: "w-6 h-6" }) }),
+              /* @__PURE__ */ i("span", { style: { color: h }, children: /* @__PURE__ */ i(J, { icon: y.icon, iconClass: "w-6 h-6" }) }),
               /* @__PURE__ */ i(
                 "span",
                 {
@@ -8823,7 +8823,7 @@ const ks = [
       "opacity-40 cursor-not-allowed": n
     },
     s
-  ), f = () => a ? /* @__PURE__ */ c(pe, { children: [
+  ), f = () => a ? /* @__PURE__ */ c(ge, { children: [
     /* @__PURE__ */ c(
       "svg",
       {
@@ -8856,9 +8856,9 @@ const ks = [
     ),
     "Submitting..."
   ] }) : /* @__PURE__ */ c("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 r ? /* @__PURE__ */ i("div", { className: x, children: f() }) : m ? /* @__PURE__ */ i(Jn, { to: m, className: x, children: f() }) : /* @__PURE__ */ i(
     "button",
@@ -8917,7 +8917,7 @@ const Es = ({
     we
   );
   if (!e) return null;
-  const o = fe("config");
+  const o = ye("config");
   return /* @__PURE__ */ c("div", { className: "fixed inset-0  flex  justify-center z-[999] cursor-default no-drag select-none w-screen h-screen pt-20 bg-[#F8F9FC]", children: [
     /* @__PURE__ */ i(
       "button",
@@ -8987,20 +8987,20 @@ function Ps({
     redo: p,
     canUndo: S,
     canRedo: N
-  } = Pe(we), [g, v] = G(!1), [w, M] = G(!1), [y, A] = G(e || ""), k = fe("config");
+  } = Pe(we), [g, v] = G(!1), [w, M] = G(!1), [y, A] = G(e || ""), k = ye("config");
   function C() {
     try {
       localStorage.setItem("formData", JSON.stringify(b));
-    } catch (R) {
-      console.warn("Could not save formData to localStorage", R);
+    } catch (D) {
+      console.warn("Could not save formData to localStorage", D);
     }
     a == null || a(b);
   }
   function E() {
     try {
       localStorage.setItem("formData", JSON.stringify(b));
-    } catch (R) {
-      console.warn("Could not save formData to localStorage", R);
+    } catch (D) {
+      console.warn("Could not save formData to localStorage", D);
     }
     s == null || s(b);
   }
@@ -9025,7 +9025,7 @@ function Ps({
         {
           type: "text",
           value: y,
-          onChange: (R) => A(R.target.value),
+          onChange: (D) => A(D.target.value),
           onBlur: B,
           autoFocus: !0,
           className: "w-48 px-2 py-1 text-sm font-semibold outline-gray-100 input form_title"
@@ -9059,7 +9059,7 @@ function Ps({
             onClick: () => r("canvas"),
             children: [
               /* @__PURE__ */ i(
-                z,
+                J,
                 {
                   icon: "mdi:view-dashboard-outline",
                   iconClass: "text-base"
@@ -9078,7 +9078,7 @@ function Ps({
             className: `px-3 flex items-center gap-1.5 border-l border-gray-300 transition-colors flow_view ${m === "flow" ? " bg-white  font-medium" : "bg-gray-100  text-gray-500 hover:bg-gray-50"}`,
             onClick: () => r("flow"),
             children: [
-              /* @__PURE__ */ i(z, { icon: "mdi:sitemap-outline", iconClass: "text-base" }),
+              /* @__PURE__ */ i(J, { icon: "mdi:sitemap-outline", iconClass: "text-base" }),
               " Flow"
             ]
           }
@@ -9122,7 +9122,7 @@ function Ps({
       /* @__PURE__ */ i(
         Ge,
         {
-          onClick: () => h((R) => !R),
+          onClick: () => h((D) => !D),
           text: x ? "Hide Preview" : "Preview",
           btnClass: "px-2  bg-transparent font-medium text-sm form_preview",
           icon: x ? "iconamoon:eye-off-duotone" : "solar:eye-bold-duotone",
@@ -9159,7 +9159,7 @@ function Ps({
     ] })
   ] });
 }
-function Rs({
+function Ds({
   onSubmit: e,
   onChange: n,
   onLogAction: a,
@@ -9250,7 +9250,7 @@ const sl = ({
 }) => (j(() => {
   d && wn("config", d);
 }, [d]), /* @__PURE__ */ i(
-  Rs,
+  Ds,
   {
     onSubmit: e,
     onChange: n,
@@ -9281,7 +9281,7 @@ const sl = ({
   maxLength: (e) => `Maximum length is ${e}`,
   minAmount: (e) => `Minimum amount is ${e}`,
   maxAmount: (e) => `Maximum amount is ${e}`
-}, Ds = (e) => ({
+}, Rs = (e) => ({
   textField: O.string().nullable(),
   longText: O.string().nullable(),
   numberField: O.number().nullable().transform((a) => isNaN(a) ? null : a),
@@ -9364,7 +9364,7 @@ function Gs({
         o[m] = O.mixed().notRequired().nullable();
         return;
       }
-      let f = Ds(r);
+      let f = Rs(r);
       f = Is(
         f,
         t,
@@ -9430,7 +9430,7 @@ const dn = (e) => {
             }
           ) })
         ] }, b)),
-        e.type === "rating" && ((o = e.responsesData) == null ? void 0 : o.options) && /* @__PURE__ */ c(pe, { children: [
+        e.type === "rating" && ((o = e.responsesData) == null ? void 0 : o.options) && /* @__PURE__ */ c(ge, { children: [
           ((l = e.responsesData) == null ? void 0 : l.average) !== void 0 && /* @__PURE__ */ c("div", { className: "mb-4 p-3 bg-white rounded-lg border text-center w-32 mx-auto", children: [
             /* @__PURE__ */ i("div", { className: "text-xs text-gray-500 uppercase", children: "Average Rating" }),
             /* @__PURE__ */ i("div", { className: "text-2xl font-bold text-yellow-500", children: e.responsesData.average })
@@ -9486,7 +9486,7 @@ const dn = (e) => {
             ] }, f)) })
           ] }, b);
         }) }),
-        e.type === "ranking" && ((u = e.responsesData) == null ? void 0 : u.rankings) && /* @__PURE__ */ c(pe, { children: [
+        e.type === "ranking" && ((u = e.responsesData) == null ? void 0 : u.rankings) && /* @__PURE__ */ c(ge, { children: [
           /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-1 text-xs text-gray-500", children: [
             /* @__PURE__ */ i("span", { className: "font-medium", children: "Rankings" }),
             /* @__PURE__ */ c("span", { children: [
@@ -9522,7 +9522,7 @@ const dn = (e) => {
             ] }, b);
           })
         ] }),
-        e.type === "nps" && /* @__PURE__ */ c(pe, { children: [
+        e.type === "nps" && /* @__PURE__ */ c(ge, { children: [
           ((m = e.responsesData) == null ? void 0 : m.nps) && /* @__PURE__ */ c("div", { className: "grid grid-cols-2 gap-4 md:grid-cols-4 mb-4", children: [
             /* @__PURE__ */ c("div", { className: "p-3 bg-white rounded-lg border text-center", children: [
               /* @__PURE__ */ i("div", { className: "text-xs text-gray-500 uppercase", children: "NPS Score" }),
@@ -9569,7 +9569,7 @@ const dn = (e) => {
         onClick: () => a(!n),
         className: "flex items-center gap-1.5 text-sm text-blue-600 hover:text-blue-700 font-medium transition-colors",
         children: [
-          /* @__PURE__ */ i(z, { icon: "bx:bar-chart-alt-2", iconClass: "w-4 h-4" }),
+          /* @__PURE__ */ i(J, { icon: "bx:bar-chart-alt-2", iconClass: "w-4 h-4" }),
           n ? "Hide Results" : "Show Results"
         ]
       }
@@ -9577,13 +9577,13 @@ const dn = (e) => {
   ] }) : null;
 }, qe = ({ element: e, validationData: n }) => {
   var d;
-  const a = En[e.type], { answerData: s } = Pe(we), o = le(
+  const a = En[e.type], { answerData: s } = Pe(we), o = ue(
     () => {
       var u;
       return (u = e == null ? void 0 : e.acceptedFiles) == null ? void 0 : u.map((m) => m.label).join(", ");
     },
     [e]
-  ), l = le(() => ji(e, s), [s, e]);
+  ), l = ue(() => ji(e, s), [s, e]);
   return a ? /* @__PURE__ */ c("div", { className: `${l ? "" : "hidden"} min-w-0 w-full`, children: [
     /* @__PURE__ */ i("div", { className: "mb-1.5 min-w-0", children: e.inputLabel && /* @__PURE__ */ c("label", { className: "block text-sm font-medium  input_label", children: [
       e.inputLabel,
@@ -9730,7 +9730,7 @@ function Hs({ form_data: e, options: n, current: a }) {
     );
   }) });
 }
-const Si = fe("config");
+const Si = ye("config");
 function Vs({ element: e, options: n, onNext: a, onPrev: s, isFirst: o, isLast: l, isReadOnly: d }) {
   if (!e)
     return /* @__PURE__ */ i("div", { className: "flex items-center justify-center min-h-[500px] text-gray-500", children: "No questions available." });
@@ -9821,7 +9821,7 @@ function Vs({ 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__ */ c("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"
               ] })
             ] })
@@ -9852,33 +9852,33 @@ const Ws = ({
   pollResults: t,
   showResults: b
 }) => {
-  var Re, De, Ie, J, T, K, L, D, P, H;
-  const { setAnswerData: h, setUploadUrl: x, apiActivityCount: f } = Pe(we), [p, S] = G(0), [N, g] = G(0), v = le(
+  var De, Re, Ie, q, T, K, L, R, P, V;
+  const { setAnswerData: h, setUploadUrl: x, apiActivityCount: f } = Pe(we), [p, S] = G(0), [N, g] = G(0), v = ue(
     () => e.filter((I) => !I.isHidden && !I.isDeleted).map((I) => {
-      var ee;
-      const V = I.isDisabled || I.disabled, _ = ((ee = I == null ? void 0 : I.questionData) == null ? void 0 : ee.filter((ie) => !ie.isDeleted)) || [];
-      return V ? {
+      var oe;
+      const F = I.isDisabled || I.disabled, z = ((oe = I == null ? void 0 : I.questionData) == null ? void 0 : oe.filter((ne) => !ne.isDeleted)) || [];
+      return F ? {
         ...I,
-        questionData: _.map((ie) => ({
-          ...ie,
+        questionData: z.map((ne) => ({
+          ...ne,
           isDisabled: !0
         }))
       } : {
         ...I,
-        questionData: _
+        questionData: z
       };
     }),
     [e]
-  ), w = (Re = v == null ? void 0 : v.length) != null ? Re : 0, M = fe("config"), y = oe(
-    async (I, V, _) => {
-      const ee = Gs({
+  ), w = (De = v == null ? void 0 : v.length) != null ? De : 0, M = ye("config"), y = ae(
+    async (I, F, z) => {
+      const oe = Gs({
         formData: v,
         isReadOnly: l,
         ignoreValidation: a,
         answerData: I
         // use current form data to evaluate visibility
       });
-      return Ii(ee)(I, V, _);
+      return Ii(oe)(I, F, z);
     },
     [v, l, a]
   ), A = Ei({
@@ -9890,33 +9890,33 @@ const Ws = ({
     setValue: C,
     control: E,
     handleSubmit: B,
-    reset: R,
+    reset: D,
     getValues: Z,
     watch: Q,
-    formState: { errors: F, isSubmitting: ae },
+    formState: { errors: H, isSubmitting: ie },
     trigger: U,
     setError: X,
     clearErrors: Y
-  } = A, ke = On({ control: E }), be = le(
+  } = A, ke = On({ control: E }), pe = ue(
     () => ke,
     [JSON.stringify(ke)]
-  ), te = le(() => {
+  ), ce = ue(() => {
     if (d !== "conversational") return [];
     const I = [];
-    return v.forEach((V) => {
-      var _;
-      (_ = V == null ? void 0 : V.questionData) == null || _.forEach((ee) => {
-        var ie;
-        if (ji(ee, be))
-          if (ee.type === "grid") {
-            const Se = (ie = V == null ? void 0 : V.questionData) == null ? void 0 : ie.filter(
-              (he) => he.gridId === ee.id
+    return v.forEach((F) => {
+      var z;
+      (z = F == null ? void 0 : F.questionData) == null || z.forEach((oe) => {
+        var ne;
+        if (ji(oe, pe))
+          if (oe.type === "grid") {
+            const le = (ne = F == null ? void 0 : F.questionData) == null ? void 0 : ne.filter(
+              (se) => se.gridId === oe.id
             );
-            I.push({ ...ee, gridChildren: Se });
-          } else ee.gridId || I.push(ee);
+            I.push({ ...oe, gridChildren: le });
+          } else oe.gridId || I.push(oe);
       });
     }), I;
-  }, [v, be, d]), W = oe(
+  }, [v, pe, d]), W = ae(
     (I) => {
       o && o(I);
     },
@@ -9925,97 +9925,95 @@ const Ws = ({
   j(() => {
     x(r);
   }, [x, r]), j(() => {
-    if (!(v != null && v.length) || !o) return;
-    const I = v.flatMap(
-      (V) => {
-        var _;
-        return (_ = V == null ? void 0 : V.questionData) == null ? void 0 : _.map((ee) => ({
-          id: ee.id,
-          value: be[ee.id] || "",
-          sectionId: V.id,
-          type: ee.type,
-          metaData: {
-            prefix: ee.prefix,
-            dateFormat: ee.dateFormat,
-            ...be[`${ee.id}_metaData`] ? { responseObject: be[`${ee.id}_metaData`] } : {}
-          }
-        }));
-      }
-    );
-    W(I), h(be);
+    if (!(e != null && e.length) || !o) return;
+    const I = e.filter((F) => !(F != null && F.isDeleted)).flatMap((F) => {
+      var oe, ne;
+      const z = F == null ? void 0 : F.isHidden;
+      return ((ne = (oe = F == null ? void 0 : F.questionData) == null ? void 0 : oe.filter((le) => !(le != null && le.isDeleted))) == null ? void 0 : ne.map((le) => ({
+        id: le.id,
+        value: z ? "" : pe[le.id] || "",
+        sectionId: F.id,
+        type: le.type,
+        metaData: {
+          prefix: le.prefix,
+          dateFormat: le.dateFormat,
+          ...z || !pe[`${le.id}_metaData`] ? {} : { responseObject: pe[`${le.id}_metaData`] }
+        }
+      }))) || [];
+    });
+    W(I), h(pe);
   }, [
-    be,
-    v,
+    pe,
+    e,
     W,
     o,
     h
   ]), j(() => {
-    n != null && n.length && R(Us(n));
-  }, [n, R]);
-  const ve = oe(
+    n != null && n.length && D(Us(n));
+  }, [n, D]);
+  const he = ae(
     (I) => {
-      const V = v.flatMap(
-        (_) => {
-          var ee;
-          return (ee = _ == null ? void 0 : _.questionData) == null ? void 0 : ee.map((ie) => ({
-            id: ie.id,
-            value: I[ie.id] || "",
-            sectionId: _.id,
-            type: ie.type,
-            metaData: {
-              prefix: ie.prefix,
-              dateFormat: ie.dateFormat,
-              ...I[`${ie.id}_metaData`] ? { responseObject: I[`${ie.id}_metaData`] } : {}
-            }
-          }));
-        }
-      );
-      Object.keys(F).length > 0 || s == null || s(V);
+      const F = e.filter((z) => !(z != null && z.isDeleted)).flatMap((z) => {
+        var ne, le;
+        const oe = z == null ? void 0 : z.isHidden;
+        return ((le = (ne = z == null ? void 0 : z.questionData) == null ? void 0 : ne.filter((se) => !(se != null && se.isDeleted))) == null ? void 0 : le.map((se) => ({
+          id: se.id,
+          value: oe ? "" : I[se.id] || "",
+          sectionId: z.id,
+          type: se.type,
+          metaData: {
+            prefix: se.prefix,
+            dateFormat: se.dateFormat,
+            ...oe || !I[`${se.id}_metaData`] ? {} : { responseObject: I[`${se.id}_metaData`] }
+          }
+        }))) || [];
+      });
+      Object.keys(H).length > 0 || s == null || s(F);
     },
-    [F, v, s]
-  ), ye = oe(async () => {
-    var I, V;
+    [H, e, s]
+  ), xe = ae(async () => {
+    var I, F;
     if (d === "conversational") {
       if (!a) {
-        const _ = te[N];
-        if (!_) return;
-        const ee = _.gridChildren ? _.gridChildren.map((Se) => Se.id) : [_.id];
-        if (!await U(ee)) return;
+        const z = ce[N];
+        if (!z) return;
+        const oe = z.gridChildren ? z.gridChildren.map((le) => le.id) : [z.id];
+        if (!await U(oe)) return;
       }
-      N < te.length - 1 ? g((_) => _ + 1) : B(ve)();
+      N < ce.length - 1 ? g((z) => z + 1) : B(he)();
       return;
     }
     if (!a) {
-      const _ = (V = (I = v == null ? void 0 : v[p]) == null ? void 0 : I.questionData) == null ? void 0 : V.map(
-        (ie) => ie.id
+      const z = (F = (I = v == null ? void 0 : v[p]) == null ? void 0 : I.questionData) == null ? void 0 : F.map(
+        (ne) => ne.id
       );
-      if (!await U(_)) return;
+      if (!await U(z)) return;
     }
-    S((_) => _ + 1);
+    S((z) => z + 1);
   }, [
     p,
     N,
-    te,
+    ce,
     v,
     a,
     U,
     d,
     B,
-    ve
-  ]), de = oe(() => {
+    he
+  ]), te = ae(() => {
     if (d === "conversational") {
       g((I) => Math.max(0, I - 1));
       return;
     }
     S((I) => I - 1);
-  }, [d]), Te = le(
+  }, [d]), Te = ue(
     () => ({
       register: k,
       setValue: C,
       watch: Q,
-      errors: F,
+      errors: H,
       trigger: U,
-      isSubmitting: ae,
+      isSubmitting: ie,
       isReadOnly: l,
       getValues: Z,
       setError: X,
@@ -10029,9 +10027,9 @@ const Ws = ({
       k,
       C,
       Q,
-      F,
+      H,
       U,
-      ae,
+      ie,
       l,
       Z,
       X,
@@ -10046,7 +10044,7 @@ const Ws = ({
     /* @__PURE__ */ c(
       "form",
       {
-        onSubmit: B(ve),
+        onSubmit: B(he),
         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__ */ c(
@@ -10054,8 +10052,8 @@ const Ws = ({
             {
               className: "multi_section__box min-w-0",
               children: [
-                d === "multi" && (((De = v == null ? void 0 : v[p]) == null ? void 0 : De.title) || ((Ie = v == null ? void 0 : v[p]) == null ? void 0 : Ie.description)) && /* @__PURE__ */ c("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
-                  ((J = v[p]) == null ? void 0 : J.title) && /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-[6px]", children: (T = v[p]) == null ? void 0 : T.title }),
+                d === "multi" && (((Re = v == null ? void 0 : v[p]) == null ? void 0 : Re.title) || ((Ie = v == null ? void 0 : v[p]) == null ? void 0 : Ie.description)) && /* @__PURE__ */ c("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
+                  ((q = v[p]) == null ? void 0 : q.title) && /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-[6px]", children: (T = v[p]) == null ? void 0 : T.title }),
                   ((K = v[p]) == null ? void 0 : K.description) && /* @__PURE__ */ i("p", { className: "text-sm", children: (L = v[p]) == null ? void 0 : L.description })
                 ] }),
                 d === "multi" ? /* @__PURE__ */ i(
@@ -10068,12 +10066,12 @@ const Ws = ({
                 ) : d === "conversational" ? /* @__PURE__ */ i(
                   Vs,
                   {
-                    element: te[N],
+                    element: ce[N],
                     options: Te,
-                    onNext: ye,
-                    onPrev: de,
+                    onNext: xe,
+                    onPrev: te,
                     isFirst: N === 0,
-                    isLast: N === te.length - 1,
+                    isLast: N === ce.length - 1,
                     isReadOnly: l
                   }
                 ) : /* @__PURE__ */ i(
@@ -10085,9 +10083,9 @@ const Ws = ({
                 )
               ]
             },
-            d === "conversational" ? `conv-${N}` : (D = v == null ? void 0 : v[p]) == null ? void 0 : D.id
+            d === "conversational" ? `conv-${N}` : (R = v == null ? void 0 : v[p]) == null ? void 0 : R.id
           ) }),
-          !m && d !== "conversational" && /* @__PURE__ */ i("footer", { className: "flex items-center justify-end gap-4 footer flex-wrap", children: d === "multi" ? /* @__PURE__ */ c(pe, { children: [
+          !m && d !== "conversational" && /* @__PURE__ */ i("footer", { className: "flex items-center justify-end gap-4 footer flex-wrap", children: d === "multi" ? /* @__PURE__ */ c(ge, { children: [
             /* @__PURE__ */ c("div", { className: "flex gap-x-4 justify-between navigation_container w-full", children: [
               /* @__PURE__ */ c("div", { children: [
                 " ",
@@ -10095,11 +10093,11 @@ const Ws = ({
                   "button",
                   {
                     type: "button",
-                    onClick: de,
+                    onClick: te,
                     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"
@@ -10115,7 +10113,7 @@ const Ws = ({
                 {
                   type: "button",
                   text: "Next",
-                  onClick: ye,
+                  onClick: xe,
                   style: { background: (M == null ? void 0 : M.buttonColor) || "#333" },
                   btnClass: "text-gray-700 next_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"
                 }
@@ -10123,40 +10121,40 @@ const Ws = ({
             ] }),
             (p === w - 1 || l) && !a && ((P = typeof u == "function" ? u({
               isUploading: f > 0,
-              isSubmitting: ae,
-              hasErrors: Object.keys(F).length > 0
+              isSubmitting: ie,
+              hasErrors: Object.keys(H).length > 0
             }) : u) != null ? P : /* @__PURE__ */ i(
               Ge,
               {
-                isDisabled: ae || Object.keys(F).length > 0 || f > 0,
-                isLoading: ae,
+                isDisabled: ie || Object.keys(H).length > 0 || f > 0,
+                isLoading: ie,
                 type: "submit",
                 text: "Submit",
                 style: { background: (M == null ? void 0 : M.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 && ((H = typeof u == "function" ? u({
+          ] }) : !a && ((V = typeof u == "function" ? u({
             isUploading: f > 0,
-            isSubmitting: ae,
-            hasErrors: Object.keys(F).length > 0
-          }) : u) != null ? H : /* @__PURE__ */ i(
+            isSubmitting: ie,
+            hasErrors: Object.keys(H).length > 0
+          }) : u) != null ? V : /* @__PURE__ */ i(
             Ge,
             {
-              isDisabled: ae || Object.keys(F).length > 0 || f > 0,
-              isLoading: ae,
+              isDisabled: ie || Object.keys(H).length > 0 || f > 0,
+              isLoading: ie,
               type: "submit",
               text: "Submit",
               style: { background: (M == null ? void 0 : M.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"
             }
           )) }),
-          d === "conversational" && te.length > 0 && /* @__PURE__ */ i("div", { className: "fixed bottom-0 left-0 w-full h-1.5 bg-gray-200", children: /* @__PURE__ */ i(
+          d === "conversational" && ce.length > 0 && /* @__PURE__ */ i("div", { className: "fixed bottom-0 left-0 w-full h-1.5 bg-gray-200", children: /* @__PURE__ */ i(
             "div",
             {
               className: "h-full bg-blue-600 transition-all duration-500 ease-out",
               style: {
-                width: `${(N + 1) / te.length * 100}%`,
+                width: `${(N + 1) / ce.length * 100}%`,
                 background: (M == null ? void 0 : M.buttonColor) || "#2563EB"
               }
             }
@@ -10165,7 +10163,7 @@ const Ws = ({
       }
     )
   ] });
-}, zs = re.memo(Ws);
+}, zs = me.memo(Ws);
 function Ln({
   answerData: e,
   form_data: n,
@@ -10185,7 +10183,7 @@ function Ln({
   j(() => {
     d && wn("config", d);
   }, [d]);
-  const f = oe(
+  const f = ae(
     (p) => {
       t && t(p);
     },
@@ -10213,7 +10211,7 @@ function Ln({
   ] }) : /* @__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,
   sl as H,
   Ln as V
 };