@notmrabhi/flowforge 0.1.42 → 0.1.44

package/dist/{SchemaBuilderDrawer-CUzYWGCN.js → SchemaBuilderDrawer-DlmInnSC.js}

@@ -1,9 +1,9 @@
 import { useMemo as P, useState as T, useRef as M, useEffect as de, useCallback as te } from "react";
 import { useFormik as ke } from "formik";
-import { k as pe, C as Ne, g as oe, a as ue, b as ie, v as se, E as ze, d as Te, V as we } from "./index-B74jTc2b.js";
+import { k as pe, G as Ne, g as oe, a as ue, b as ie, v as se, H as ze, d as Te, V as we } from "./index-y_v8Qog1.js";
 import { jsxs as t, Fragment as q, jsx as e } from "react/jsx-runtime";
-import { Box as n, Collapse as Ie, Tooltip as A, Dialog as he, Typography as S, IconButton as Y, Stepper as Fe, Step as Oe, StepLabel as Re, Drawer as Ee, Chip as We, Divider as Ae } from "@mui/material";
-import { MdCheck as G, MdClose as _, MdAdd as J, MdArrowBack as fe, MdEdit as De, MdDeleteOutline as Pe, MdSettings as be, MdArrowForward as Me } from "react-icons/md";
+import { Box as n, Collapse as Ie, Tooltip as D, Dialog as he, Typography as S, IconButton as Y, Stepper as Fe, Step as Oe, StepLabel as Re, Drawer as We, Chip as Ae, Divider as De } from "@mui/material";
+import { MdCheck as G, MdClose as _, MdAdd as J, MdArrowBack as fe, MdEdit as Ee, MdDeleteOutline as Pe, MdSettings as be, MdArrowForward as Me } from "react-icons/md";
 import { FaWpforms as _e } from "react-icons/fa6";
 function sl({
   schema: l,
@@ -89,7 +89,7 @@ function $e({ value: l, onChange: o }) {
   const p = l ?? 12;
   return /* @__PURE__ */ t(n, { children: [
     /* @__PURE__ */ e("span", { className: m, children: "Column width" }),
-    /* @__PURE__ */ e(n, { sx: { display: "flex", gap: 0.5 }, children: Ve.map((c) => /* @__PURE__ */ e(A, { title: `colSpan: ${c.value}`, placement: "top", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(n, { sx: { display: "flex", gap: 0.5 }, children: Ve.map((c) => /* @__PURE__ */ e(D, { title: `colSpan: ${c.value}`, placement: "top", children: /* @__PURE__ */ e(
       n,
       {
         component: "button",
@@ -221,7 +221,7 @@ function He({ condition: l, onChange: o }) {
     ] })
   ] });
 }
-function D({ id: l, label: o, checked: p, onChange: c }) {
+function E({ id: l, label: o, checked: p, onChange: c }) {
   return /* @__PURE__ */ t(n, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
     /* @__PURE__ */ e("input", { type: "checkbox", id: l, checked: p, onChange: (a) => c(a.target.checked), style: { cursor: "pointer", width: 14, height: 14, flexShrink: 0 } }),
     /* @__PURE__ */ e("label", { htmlFor: l, className: m, style: { margin: 0, cursor: "pointer" }, children: o })
@@ -480,12 +480,12 @@ function ge({ field: l, onChange: o, onSave: p, onCancel: c, noFooter: a }) {
             /* @__PURE__ */ e("input", { className: v, value: l.info ?? "", onChange: (r) => u("info", r.target.value || void 0), placeholder: "Shown in ℹ tooltip" })
           ] }),
           /* @__PURE__ */ t(n, { sx: { display: "flex", flexWrap: "wrap", gap: 1.5 }, children: [
-            /* @__PURE__ */ e(D, { id: `${s}-req`, label: "Required", checked: !!l.required, onChange: (r) => u("required", r || void 0) }),
-            /* @__PURE__ */ e(D, { id: `${s}-dis`, label: "Disabled", checked: !!l.disabled, onChange: (r) => u("disabled", r || void 0) }),
-            /* @__PURE__ */ e(D, { id: `${s}-hid`, label: "Hidden", checked: !!l.hidden, onChange: (r) => u("hidden", r || void 0) }),
-            /* @__PURE__ */ e(D, { id: `${s}-opt`, label: "Show optional", checked: !!l.showOptional, onChange: (r) => u("showOptional", r || void 0) }),
-            /* @__PURE__ */ e(D, { id: `${s}-div`, label: "Divider after", checked: !!l.dividerAfter, onChange: (r) => u("dividerAfter", r || void 0) }),
-            /* @__PURE__ */ e(D, { id: `${s}-frm`, label: "Formula input", checked: !!l.formula, onChange: (r) => u("formula", r || void 0) })
+            /* @__PURE__ */ e(E, { id: `${s}-req`, label: "Required", checked: !!l.required, onChange: (r) => u("required", r || void 0) }),
+            /* @__PURE__ */ e(E, { id: `${s}-dis`, label: "Disabled", checked: !!l.disabled, onChange: (r) => u("disabled", r || void 0) }),
+            /* @__PURE__ */ e(E, { id: `${s}-hid`, label: "Hidden", checked: !!l.hidden, onChange: (r) => u("hidden", r || void 0) }),
+            /* @__PURE__ */ e(E, { id: `${s}-opt`, label: "Show optional", checked: !!l.showOptional, onChange: (r) => u("showOptional", r || void 0) }),
+            /* @__PURE__ */ e(E, { id: `${s}-div`, label: "Divider after", checked: !!l.dividerAfter, onChange: (r) => u("dividerAfter", r || void 0) }),
+            /* @__PURE__ */ e(E, { id: `${s}-frm`, label: "Formula input", checked: !!l.formula, onChange: (r) => u("formula", r || void 0) })
           ] })
         ] }) })
       ] })
@@ -720,7 +720,7 @@ function re({ open: l, initial: o, onSave: p, onClose: c, editMode: a = !1 }) {
             /* @__PURE__ */ e(S, { sx: { fontSize: 14, fontWeight: 700, color: "#0f172a", flex: 1 }, children: a ? "Edit Field" : "Add Field" }),
             /* @__PURE__ */ e(Y, { size: "small", onClick: c, sx: { color: "#94a3b8" }, children: /* @__PURE__ */ e(_, { size: 17 }) })
           ] }),
-          /* @__PURE__ */ e(Fe, { activeStep: g, sx: { pb: 1.5 }, children: u.map((z, E) => /* @__PURE__ */ e(Oe, { completed: g > E, children: /* @__PURE__ */ e(Re, { children: z }) }, z)) })
+          /* @__PURE__ */ e(Fe, { activeStep: g, sx: { pb: 1.5 }, children: u.map((z, W) => /* @__PURE__ */ e(Oe, { completed: g > W, children: /* @__PURE__ */ e(Re, { children: z }) }, z)) })
         ] }),
         /* @__PURE__ */ t(n, { sx: { flex: 1, overflowY: "auto" }, children: [
           i === 1 && /* @__PURE__ */ e(ge, { field: s, onChange: d, onSave: b, onCancel: c, noFooter: !0 }),
@@ -759,8 +759,8 @@ function Xe({ field: l, index: o, total: p, onEdit: c, onDelete: a, onMoveUp: i,
       ] }),
       /* @__PURE__ */ e(S, { sx: { fontSize: 11, color: "#94a3b8", fontFamily: "monospace" }, children: d })
     ] }),
-    /* @__PURE__ */ e(A, { title: "Edit field", placement: "top", children: /* @__PURE__ */ e(n, { component: "button", onClick: c, sx: { background: "none", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", width: 28, height: 28, borderRadius: "6px", p: 0, color: "#94a3b8", "&:hover": { bgcolor: "#f1f5f9", color: "#475569" } }, children: /* @__PURE__ */ e(De, { size: 14 }) }) }),
-    /* @__PURE__ */ e(A, { title: "Remove field", placement: "top", children: /* @__PURE__ */ e(n, { component: "button", onClick: a, sx: { background: "none", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", width: 28, height: 28, borderRadius: "6px", p: 0, color: "#94a3b8", "&:hover": { bgcolor: "#fee2e2", color: "#dc2626" } }, children: /* @__PURE__ */ e(Pe, { size: 16 }) }) })
+    /* @__PURE__ */ e(D, { title: "Edit field", placement: "top", children: /* @__PURE__ */ e(n, { component: "button", onClick: c, sx: { background: "none", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", width: 28, height: 28, borderRadius: "6px", p: 0, color: "#94a3b8", "&:hover": { bgcolor: "#f1f5f9", color: "#475569" } }, children: /* @__PURE__ */ e(Ee, { size: 14 }) }) }),
+    /* @__PURE__ */ e(D, { title: "Remove field", placement: "top", children: /* @__PURE__ */ e(n, { component: "button", onClick: a, sx: { background: "none", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", width: 28, height: 28, borderRadius: "6px", p: 0, color: "#94a3b8", "&:hover": { bgcolor: "#fee2e2", color: "#dc2626" } }, children: /* @__PURE__ */ e(Pe, { size: 16 }) }) })
   ] });
 }
 function Ze({ open: l, value: o, onSave: p, onClose: c }) {
@@ -867,7 +867,7 @@ function U({
   initialFormulaConfig: x,
   initialConditionConfig: y
 }) {
-  const [N, u] = T(!1), [r, b] = T(!1), [f, C] = T(null), [g, I] = T(x ?? {}), [w, z] = T(y ?? {}), E = M(d ?? {}), j = P(() => ye(l), [l]), K = P(
+  const [N, u] = T(!1), [r, b] = T(!1), [f, C] = T(null), [g, I] = T(x ?? {}), [w, z] = T(y ?? {}), W = M(d ?? {}), j = P(() => ye(l), [l]), K = P(
     () => d && Object.keys(d).length > 0 ? { ...j, ...d } : j,
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [j, d]
@@ -881,12 +881,12 @@ function U({
       formulaConfig: g,
       conditionConfig: w,
       conditionExpressions: se(w),
-      values: E.current,
-      evaluationPayload: oe({ values: E.current, conditionConfig: w })
+      values: W.current,
+      evaluationPayload: oe({ values: W.current, conditionConfig: w })
     });
   }, [w, g, l]);
   const X = te((F) => {
-    E.current = F, a && a({
+    W.current = F, a && a({
       schema: l,
       formulaConfig: g,
       conditionConfig: w,
@@ -906,7 +906,7 @@ function U({
       return {
         ...O,
         tabs: le.map(
-          (W) => W.id === Q ? { ...W, fields: [...W.fields ?? [], F] } : W
+          (A) => A.id === Q ? { ...A, fields: [...A.fields ?? [], F] } : A
         )
       };
     });
@@ -919,7 +919,7 @@ function U({
       return {
         ...O,
         tabs: le.map(
-          (W) => W.id === V ? { ...W, fields: (W.fields ?? []).filter((el, Se) => Se !== Q) } : W
+          (A) => A.id === V ? { ...A, fields: (A.fields ?? []).filter((el, Se) => Se !== Q) } : A
         )
       };
     });
@@ -931,7 +931,7 @@ function U({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }), [l, o]), ae = /* @__PURE__ */ t("div", { className: "schema-builder-root", children: [
     l.length > 0 && /* @__PURE__ */ e("div", { className: "schema-builder-header", children: /* @__PURE__ */ t("div", { className: "schema-builder-actions", children: [
-      /* @__PURE__ */ e(A, { title: "Edit schema", placement: "top", children: /* @__PURE__ */ t(
+      /* @__PURE__ */ e(D, { title: "Edit schema", placement: "top", children: /* @__PURE__ */ t(
         "button",
         {
           className: "sb-btn sb-btn-outline",
@@ -942,7 +942,7 @@ function U({
           ]
         }
       ) }),
-      /* @__PURE__ */ e(A, { title: "Add a new field", placement: "top", children: /* @__PURE__ */ t(
+      /* @__PURE__ */ e(D, { title: "Add a new field", placement: "top", children: /* @__PURE__ */ t(
         "button",
         {
           className: "sb-btn sb-btn-primary",
@@ -1016,8 +1016,8 @@ function Qe({ fields: l, onOpen: o }) {
   return /* @__PURE__ */ t(n, { sx: { border: "1px solid #e2e8f0", borderRadius: "8px", bgcolor: "#fff", overflow: "hidden" }, children: [
     l.length > 0 ? /* @__PURE__ */ e(n, { sx: { px: 1.5, py: 1.25, display: "flex", flexWrap: "wrap", gap: 0.5 }, children: l.map((p, c) => {
       const a = p.id ?? p.name ?? "";
-      return /* @__PURE__ */ e(A, { title: `${p.type} · ${a}`, placement: "top", children: /* @__PURE__ */ e(
-        We,
+      return /* @__PURE__ */ e(D, { title: `${p.type} · ${a}`, placement: "top", children: /* @__PURE__ */ e(
+        Ae,
         {
           label: p.label || a,
           size: "small",
@@ -1025,7 +1025,7 @@ function Qe({ fields: l, onOpen: o }) {
         }
       ) }, c);
     }) }) : /* @__PURE__ */ e(n, { sx: { px: 1.5, py: 1.5 }, children: /* @__PURE__ */ e(S, { sx: { fontSize: 12, color: "#94a3b8" }, children: "No fields defined yet" }) }),
-    /* @__PURE__ */ e(Ae, { sx: { borderColor: "#f1f5f9" } }),
+    /* @__PURE__ */ e(De, { sx: { borderColor: "#f1f5f9" } }),
     /* @__PURE__ */ t(n, { onClick: o, sx: { display: "flex", alignItems: "center", gap: 0.75, px: 1.5, py: 1, cursor: "pointer", "&:hover": { bgcolor: "#f8fafc" }, transition: "background 0.12s" }, children: [
       l.length === 0 ? /* @__PURE__ */ e(J, { size: 14, color: "#6366f1" }) : /* @__PURE__ */ e(be, { size: 13, color: "#6366f1" }),
       /* @__PURE__ */ e(S, { sx: { fontSize: 12, fontWeight: 600, color: "#6366f1", flex: 1 }, children: l.length === 0 ? "Add fields" : "Configure fields" }),
@@ -1045,7 +1045,7 @@ function cl({
   drawerTitle: d = "Configure Fields",
   drawerWidth: x = 580
 }) {
-  const [y, N] = T(!1), [u, r] = T({ type: "list" }), [b, f] = T(l), C = M(null), g = M(void 0), I = M(void 0), w = M(void 0), [z, E] = T(null);
+  const [y, N] = T(!1), [u, r] = T({ type: "list" }), [b, f] = T(l), C = M(null), g = M(void 0), I = M(void 0), w = M(void 0), [z, W] = T(null);
   function j() {
     f(l), r({ type: "list" }), N(!0);
   }
@@ -1060,10 +1060,10 @@ function cl({
   function X() {
     if (u.type !== "edit" || !z) return;
     const k = [...b];
-    k[u.index] = z, f(k), r({ type: "list" }), E(null);
+    k[u.index] = z, f(k), r({ type: "list" }), W(null);
   }
   function $() {
-    r({ type: "list" }), E(null);
+    r({ type: "list" }), W(null);
   }
   const Z = JSON.stringify(b) !== JSON.stringify(l);
   return u.type === "edit" && b[u.index], /* @__PURE__ */ t(q, { children: [
@@ -1072,7 +1072,7 @@ function cl({
       /* @__PURE__ */ e(Qe, { fields: l, onOpen: j })
     ] }),
     /* @__PURE__ */ t(
-      Ee,
+      We,
       {
         anchor: "right",
         open: y,
@@ -1080,12 +1080,12 @@ function cl({
         PaperProps: { sx: { width: x, display: "flex", flexDirection: "column", boxShadow: "-4px 0 24px rgba(0,0,0,0.12)", overflow: "hidden" } },
         children: [
           /* @__PURE__ */ t(n, { sx: { display: "flex", alignItems: "center", px: 2, py: 1.5, borderBottom: "1px solid #e2e8f0", flexShrink: 0, gap: 1 }, children: [
-            u.type === "edit" && /* @__PURE__ */ e(A, { title: "Back to fields", placement: "bottom", children: /* @__PURE__ */ e(Y, { size: "small", onClick: $, sx: { color: "#64748b" }, children: /* @__PURE__ */ e(fe, { size: 17 }) }) }),
+            u.type === "edit" && /* @__PURE__ */ e(D, { title: "Back to fields", placement: "bottom", children: /* @__PURE__ */ e(Y, { size: "small", onClick: $, sx: { color: "#64748b" }, children: /* @__PURE__ */ e(fe, { size: 17 }) }) }),
             /* @__PURE__ */ t(n, { sx: { flex: 1 }, children: [
               /* @__PURE__ */ e(S, { sx: { fontSize: 14, fontWeight: 700, color: "#0f172a" }, children: u.type === "edit" ? (z == null ? void 0 : z.label) || (z == null ? void 0 : z.id) || "Edit field" : d }),
               /* @__PURE__ */ e(S, { sx: { fontSize: 11, color: "#94a3b8" }, children: u.type === "edit" ? "Configure field properties" : `${b.length} field${b.length !== 1 ? "s" : ""} defined` })
             ] }),
-            u.type === "list" && /* @__PURE__ */ e(A, { title: "Close", placement: "bottom", children: /* @__PURE__ */ e(Y, { size: "small", onClick: L, sx: { color: "#94a3b8" }, children: /* @__PURE__ */ e(_, { size: 17 }) }) })
+            u.type === "list" && /* @__PURE__ */ e(D, { title: "Close", placement: "bottom", children: /* @__PURE__ */ e(Y, { size: "small", onClick: L, sx: { color: "#94a3b8" }, children: /* @__PURE__ */ e(_, { size: 17 }) }) })
           ] }),
           u.type === "list" && /* @__PURE__ */ t(q, { children: [
             /* @__PURE__ */ e(n, { sx: { flex: 1, overflowY: "auto", p: 2.5 }, children: /* @__PURE__ */ e(
@@ -1118,7 +1118,7 @@ function cl({
             ge,
             {
               field: z,
-              onChange: E,
+              onChange: W,
               onSave: X,
               onCancel: $
             }
@@ -1134,4 +1134,4 @@ export {
   cl as a,
   sl as u
 };
-//# sourceMappingURL=SchemaBuilderDrawer-CUzYWGCN.js.map
+//# sourceMappingURL=SchemaBuilderDrawer-DlmInnSC.js.map