@notmrabhi/flowforge 0.1.114 → 0.1.115

package/dist/{GatewayBranchEdge-C9hllCUh.js → GatewayBranchEdge-Ceuxbttn.js}

@@ -4,7 +4,7 @@ import { Tooltip as D, Chip as J } from "@mui/material";
 import { GrTrigger as ke } from "react-icons/gr";
 import we, { createContext as Se, useContext as Te } from "react";
 import { d as Ee } from "./messages-CRZgWFU-.js";
-import { MdOutlineModeEdit as A, MdInfoOutline as B, MdInput as ue, MdDeleteOutline as R, MdCheckCircle as Ce, MdPeople as ze, MdArrowForward as Ae, MdSchedule as Pe, MdWebhook as ge, MdNotifications as U, MdSms as Ie, MdEmail as Le, MdContentCopy as Re, MdHttp as De, MdCallSplit as We, MdAccountTree as $e, MdOpenInNew as Be } from "react-icons/md";
+import { MdOutlineModeEdit as A, MdInfoOutline as B, MdInput as ue, MdDeleteOutline as R, MdCheckCircle as Ce, MdPeople as ze, MdArrowForward as Ae, MdSchedule as Ie, MdWebhook as ge, MdNotifications as U, MdSms as Pe, MdEmail as Le, MdContentCopy as Re, MdHttp as De, MdCallSplit as We, MdAccountTree as $e, MdOpenInNew as Be } from "react-icons/md";
 import { FaCheckCircle as me, FaTimesCircle as be } from "react-icons/fa";
 import { FiFilter as Fe } from "react-icons/fi";
 import { a as F, H as je, B as X } from "./canvasTokens-CAD6G24b.js";
@@ -145,12 +145,12 @@ function Je(t) {
   return l(t), i;
 }
 function Qe(t, i) {
-  const l = Ve(i == null ? void 0 : i.formSchema), s = t.conditionConfig ?? t._conditionConfig, o = (i == null ? void 0 : i.label) || t.title || "Set", r = o.length <= 18 ? o : "", d = (a) => {
-    const h = l.find((u) => (u == null ? void 0 : u.id) === a || (u == null ? void 0 : u.name) === a);
-    return h != null && h.label ? String(h.label) : qe(a);
+  const l = Ve(i == null ? void 0 : i.formSchema), s = t.conditionConfig ?? t._conditionConfig, o = (i == null ? void 0 : i.label) || t.title || "Set", r = o.length <= 18 ? o : "", d = (f) => {
+    const h = l.find((u) => (u == null ? void 0 : u.id) === f || (u == null ? void 0 : u.name) === f);
+    return h != null && h.label ? String(h.label) : qe(f);
   }, c = [], p = new Set(s ? Object.keys(s) : []);
-  if (s && typeof s == "object" && Object.entries(s).forEach(([a, h]) => {
-    const u = Je(h), g = te(t, a);
+  if (s && typeof s == "object" && Object.entries(s).forEach(([f, h]) => {
+    const u = Je(h), g = te(t, f);
     u.length === 0 && g.length === 0 || c.push({
       kind: "rule",
       when: u.map((y) => ({
@@ -163,31 +163,31 @@ function Qe(t, i) {
       outcome: g
     });
   }), l.length)
-    l.forEach((a) => {
-      const h = String(a.id || a.name || "");
-      if (!h || ee.has(h) || p.has(h) || Ge.has(a.type)) return;
-      const u = Ze(t, a);
+    l.forEach((f) => {
+      const h = String(f.id || f.name || "");
+      if (!h || ee.has(h) || p.has(h) || Ge.has(f.type)) return;
+      const u = Ze(t, f);
       u.length && c.push({ kind: "value", label: d(h), value: u });
     });
   else {
-    const a = (h, u) => {
+    const f = (h, u) => {
       Object.keys(h).forEach((g) => {
         const y = u ? `${u}.${g}` : g;
         if (ee.has(g) || p.has(y)) return;
-        const f = h[g];
-        if (f && typeof f == "object" && !Array.isArray(f)) {
-          a(f, y);
+        const a = h[g];
+        if (a && typeof a == "object" && !Array.isArray(a)) {
+          f(a, y);
           return;
         }
-        if (typeof f == "boolean") {
-          f && c.push({ kind: "value", label: d(y), value: ["Yes"] });
+        if (typeof a == "boolean") {
+          a && c.push({ kind: "value", label: d(y), value: ["Yes"] });
           return;
         }
         const N = te(t, y);
         N.length && c.push({ kind: "value", label: d(y), value: N });
       });
     };
-    a(t, "");
+    f(t, "");
   }
   return c;
 }
@@ -241,18 +241,18 @@ function xe({ data: t, descriptor: i, accent: l = "#2563eb", emptyText: s }) {
         /* @__PURE__ */ e("span", { style: L, children: "Otherwise → " }),
         /* @__PURE__ */ e(W, { text: d.outcome.join(", "), style: r })
       ] }, c);
-    const p = d.outcome.length > 0, a = !!d.when && d.when.length > 0;
+    const p = d.outcome.length > 0, f = !!d.when && d.when.length > 0;
     return d.outcomeLabel ? /* @__PURE__ */ n("div", { style: { lineHeight: 1.5 }, children: [
       /* @__PURE__ */ n("span", { style: L, children: [
         d.outcomeLabel,
         " "
       ] }),
       p && /* @__PURE__ */ e(W, { text: d.outcome.join(", "), style: r }),
-      a && /* @__PURE__ */ n(z, { children: [
+      f && /* @__PURE__ */ n(z, { children: [
         /* @__PURE__ */ e("span", { style: L, children: " when " }),
         /* @__PURE__ */ e(ne, { conditions: d.when })
       ] })
-    ] }, c) : a ? /* @__PURE__ */ n("div", { style: { lineHeight: 1.5 }, children: [
+    ] }, c) : f ? /* @__PURE__ */ n("div", { style: { lineHeight: 1.5 }, children: [
       /* @__PURE__ */ e("span", { style: L, children: "When " }),
       /* @__PURE__ */ e(ne, { conditions: d.when }),
       p && /* @__PURE__ */ n(z, { children: [
@@ -276,14 +276,14 @@ const tt = ({ id: t, data: i }) => {
     type: d,
     eventType: c,
     sources: p,
-    label: a,
+    label: f,
     source: h,
     previewWorkflow: u,
     executionStatus: g,
     infoText: y = "This node decides the flow trigger type and configuration."
-  } = i ?? {}, f = (x) => {
+  } = i ?? {}, a = (x) => {
     x == null || x.stopPropagation(), d === "scheduler" ? s(t) : l();
-  }, N = Array.isArray(p) && p.length > 0, w = !!(a || h), E = d === "scheduler" ? (o == null ? void 0 : o.schedulerTriggerTitle) ?? "Scheduler Trigger" : d === "event" || N || w ? (o == null ? void 0 : o.eventTriggerSourceTitle) ?? "Event Trigger Source" : (o == null ? void 0 : o.selectTriggerTitle) ?? "Select Trigger", k = (() => {
+  }, N = Array.isArray(p) && p.length > 0, w = !!(f || h), E = d === "scheduler" ? (o == null ? void 0 : o.schedulerTriggerTitle) ?? "Scheduler Trigger" : d === "event" || N || w ? (o == null ? void 0 : o.eventTriggerSourceTitle) ?? "Event Trigger Source" : (o == null ? void 0 : o.selectTriggerTitle) ?? "Select Trigger", k = (() => {
     if (d === "scheduler")
       return /* @__PURE__ */ e(
         xe,
@@ -294,13 +294,13 @@ const tt = ({ id: t, data: i }) => {
         }
       );
     if (d === "event" || N) {
-      const x = a || ve(c);
+      const x = f || ve(c);
       return /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: x }),
           /* @__PURE__ */ e("span", { className: "ff-ms-2 ff-text-muted", style: { fontSize: 12 }, children: "via" })
         ] }),
-        /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-2", style: { gap: 4 }, children: N ? p.map((C, P) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-2", style: { gap: 4 }, children: N ? p.map((C, I) => /* @__PURE__ */ e(
           J,
           {
             label: et(C),
@@ -308,21 +308,21 @@ const tt = ({ id: t, data: i }) => {
             size: "small",
             className: "ff-text-dark"
           },
-          P
+          I
         )) : /* @__PURE__ */ e("span", { className: "ff-text-muted", style: { fontSize: 12 }, children: (o == null ? void 0 : o.noSourceSelected) ?? "No source selected" }) })
       ] });
     }
     return w ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-flex-wrap ff-align-items-center", style: { gap: 6 }, children: [
-      a && /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: a }),
+      f && /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: f }),
       h && /* @__PURE__ */ e(J, { label: h, variant: "outlined", size: "small" })
     ] }) : /* @__PURE__ */ e(
       "span",
       {
         role: "button",
         tabIndex: 0,
-        onClick: f,
+        onClick: a,
         onKeyDown: (x) => {
-          (x.key === "Enter" || x.key === " ") && f(x);
+          (x.key === "Enter" || x.key === " ") && a(x);
         },
         style: { cursor: "pointer", color: "#1e88e5" },
         children: (o == null ? void 0 : o.selectTriggerCta) ?? "Click to select a trigger to start your workflow"
@@ -337,9 +337,9 @@ const tt = ({ id: t, data: i }) => {
       {
         role: "button",
         tabIndex: 0,
-        onClick: f,
+        onClick: a,
         onKeyDown: (x) => {
-          (x.key === "Enter" || x.key === " ") && f(x);
+          (x.key === "Enter" || x.key === " ") && a(x);
         },
         className: "ff-me-2",
         style: { cursor: "pointer", color: "#212121" },
@@ -353,7 +353,7 @@ const tt = ({ id: t, data: i }) => {
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     r.renderFullTriggerNode({
       data: i,
-      onEdit: f
+      onEdit: a
     }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 }, id: "1" })
   ] }) : /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
@@ -462,7 +462,7 @@ const it = ({ data: t }) => {
             /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: c }),
             Array.isArray(o) && o.length > 0 && /* @__PURE__ */ n(z, { children: [
               /* @__PURE__ */ e("div", { className: "ff-text-muted", style: { fontSize: 12, marginTop: 4 }, children: "via" }),
-              /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-1", style: { gap: 4 }, children: o.map((p, a) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-1", style: { gap: 4 }, children: o.map((p, f) => /* @__PURE__ */ e(
                 J,
                 {
                   label: nt(p),
@@ -470,7 +470,7 @@ const it = ({ data: t }) => {
                   size: "small",
                   className: "ff-text-dark"
                 },
-                a
+                f
               )) })
             ] })
           ]
@@ -525,7 +525,7 @@ const it = ({ data: t }) => {
     }
   );
 }, ot = ({ id: t, data: i }) => {
-  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o } = T(), { conditions: r = [], infoText: d = "Filter conditions applied to workflow data", _branchRail: c, descriptorType: p, branchStyle: a } = i, h = p ? o == null ? void 0 : o.forType(p) : void 0, u = a === "inline-gate", g = /* @__PURE__ */ n(z, { children: [
+  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o } = T(), { conditions: r = [], infoText: d = "Filter conditions applied to workflow data", _branchRail: c, descriptorType: p, branchStyle: f } = i, h = p ? o == null ? void 0 : o.forType(p) : void 0, u = f === "inline-gate", g = /* @__PURE__ */ n(z, { children: [
     /* @__PURE__ */ e(m, { id: "pass", type: "source", position: b.Bottom, style: { opacity: 0 } }),
     /* @__PURE__ */ e(m, { id: "fail", type: "source", position: b.Right, style: { opacity: 0, top: "50%" } })
   ] });
@@ -580,18 +580,18 @@ const it = ({ data: t }) => {
           /* @__PURE__ */ e(D, { title: d, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: r.length === 0 ? /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "No conditions configured" }) : r.map((y, f) => /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-mb-1", children: [
+      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: r.length === 0 ? /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "No conditions configured" }) : r.map((y, a) => /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-mb-1", children: [
         /* @__PURE__ */ e("p", { className: "ff-m-0 ff-fw-bold ff-me-1 ff-text-truncate", style: { maxWidth: 100 }, title: y.field, children: y.field }),
         /* @__PURE__ */ e("span", { className: "ff-text-muted", children: y.operator }),
         /* @__PURE__ */ e("p", { className: "ff-text-dark ff-text-truncate ff-mx-1 ff-m-0", title: y.value, children: y.value }),
-        f < r.length - 1 && /* @__PURE__ */ e("p", { className: "ff-bg-primary ff-text-white ff-fw-bold ff-ms-1 ff-px-1 ff-rounded-1 ff-m-0", children: y.logicalOperator })
-      ] }, f)) })
+        a < r.length - 1 && /* @__PURE__ */ e("p", { className: "ff-bg-primary ff-text-white ff-fw-bold ff-ms-1 ff-px-1 ff-rounded-1 ff-m-0", children: y.logicalOperator })
+      ] }, a)) })
     ] }),
     g,
     !u && c && /* @__PURE__ */ e(Y, { rail: c, cardWidth: 350 })
   ] });
 }, lt = ({ id: t, data: i }) => {
-  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o, nodeBody: r = "full", messages: d } = T(), { title: c = "Task", descriptorType: p, infoText: a = "" } = i, h = p ? o == null ? void 0 : o.forType(p) : void 0, u = h == null ? void 0 : h.icon;
+  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o, nodeBody: r = "full", messages: d } = T(), { title: c = "Task", descriptorType: p, infoText: f = "" } = i, h = p ? o == null ? void 0 : o.forType(p) : void 0, u = h == null ? void 0 : h.icon;
   return h != null && h.renderFullNode ? /* @__PURE__ */ n("div", { style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     h.renderFullNode({
@@ -639,7 +639,7 @@ const it = ({ data: t }) => {
               children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           ),
-          a && /* @__PURE__ */ e(D, { title: a, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
+          f && /* @__PURE__ */ e(D, { title: f, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
       r !== "title-only" && /* @__PURE__ */ e(
@@ -683,7 +683,7 @@ function st(t) {
   } : { label: "Not configured", configured: o };
 }
 const ct = ({ id: t, data: i }) => {
-  const { onEditNode: l, onDeleteNode: s } = T(), { approvalData: o, isPreview: r = !1, _branchRail: d, executionModeLabel: c } = i, p = (o == null ? void 0 : o.policy) ?? {}, a = p.stages ?? [], h = a.length, u = a.slice(0, ie), g = h - ie, y = p.name ?? p.policyName ?? "Untitled Policy";
+  const { onEditNode: l, onDeleteNode: s } = T(), { approvalData: o, isPreview: r = !1, _branchRail: d, executionModeLabel: c } = i, p = (o == null ? void 0 : o.policy) ?? {}, f = p.stages ?? [], h = f.length, u = f.slice(0, ie), g = h - ie, y = p.name ?? p.policyName ?? "Untitled Policy";
   return /* @__PURE__ */ n("div", { style: { width: 350, position: "relative" }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #ffe082", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
@@ -711,11 +711,11 @@ const ct = ({ id: t, data: i }) => {
                   role: "button",
                   tabIndex: 0,
                   style: { cursor: "pointer" },
-                  onClick: (f) => {
-                    f.stopPropagation(), l(t);
+                  onClick: (a) => {
+                    a.stopPropagation(), l(t);
                   },
-                  onKeyDown: (f) => {
-                    f.key === "Enter" && (f.stopPropagation(), l(t));
+                  onKeyDown: (a) => {
+                    a.key === "Enter" && (a.stopPropagation(), l(t));
                   },
                   "data-testid": "approval-node-edit-btn",
                   children: /* @__PURE__ */ e(A, { size: 16, className: "ff-text-secondary" })
@@ -728,11 +728,11 @@ const ct = ({ id: t, data: i }) => {
                   role: "button",
                   tabIndex: 0,
                   style: { cursor: "pointer" },
-                  onClick: (f) => {
-                    f.stopPropagation(), s(t);
+                  onClick: (a) => {
+                    a.stopPropagation(), s(t);
                   },
-                  onKeyDown: (f) => {
-                    f.key === "Enter" && (f.stopPropagation(), s(t));
+                  onKeyDown: (a) => {
+                    a.key === "Enter" && (a.stopPropagation(), s(t));
                   },
                   "data-testid": "approval-node-delete-btn",
                   children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
@@ -760,7 +760,7 @@ const ct = ({ id: t, data: i }) => {
           children: y
         }
       ),
-      /* @__PURE__ */ e("div", { style: { margin: "0 10px 10px", display: "flex", flexDirection: "column", gap: 8 }, children: a.length === 0 ? /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { style: { margin: "0 10px 10px", display: "flex", flexDirection: "column", gap: 8 }, children: f.length === 0 ? /* @__PURE__ */ e(
         "div",
         {
           className: "ff-text-center",
@@ -775,11 +775,11 @@ const ct = ({ id: t, data: i }) => {
           children: "No stages configured"
         }
       ) : /* @__PURE__ */ n(z, { children: [
-        u.map((f, N) => {
+        u.map((a, N) => {
           var x;
-          const w = ((x = f.stageName) == null ? void 0 : x.trim()) || `Stage ${N + 1}`, { label: E, configured: k } = st(f), S = rt(
-            f.executionMode,
-            f.isSequential,
+          const w = ((x = a.stageName) == null ? void 0 : x.trim()) || `Stage ${N + 1}`, { label: E, configured: k } = st(a), S = rt(
+            a.executionMode,
+            a.isSequential,
             c
           );
           return /* @__PURE__ */ n(
@@ -874,11 +874,11 @@ const ct = ({ id: t, data: i }) => {
             },
             role: r ? void 0 : "button",
             tabIndex: r ? void 0 : 0,
-            onClick: (f) => {
-              r || (f.stopPropagation(), l(t));
+            onClick: (a) => {
+              r || (a.stopPropagation(), l(t));
             },
-            onKeyDown: (f) => {
-              r || (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), l(t));
+            onKeyDown: (a) => {
+              r || (a.key === "Enter" || a.key === " ") && (a.stopPropagation(), l(t));
             },
             children: [
               "+ ",
@@ -893,14 +893,14 @@ const ct = ({ id: t, data: i }) => {
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } }),
     d && /* @__PURE__ */ e(Y, { rail: d, cardWidth: 350 })
   ] });
-}, at = ({ id: t, data: i }) => {
+}, ft = ({ id: t, data: i }) => {
   const { onEditNode: l, onDeleteNode: s } = T(), { duration: o, unit: r } = i, d = o != null && r, c = d ? `Wait ${o} ${r}` : "Not configured";
   return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center ff-mx-2 ff-mt-2 ff-mb-1", children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(33,150,243,0.1)" }, children: /* @__PURE__ */ e(Pe, { size: 16, color: "#1976d2" }) }),
+          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(33,150,243,0.1)" }, children: /* @__PURE__ */ e(Ie, { size: 16, color: "#1976d2" }) }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Delay" })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -943,7 +943,7 @@ const ct = ({ id: t, data: i }) => {
   email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: Le },
   slack: { label: "Slack", bg: "#e8f5e9", color: "#2e7d32", iconType: U },
   teams: { label: "MS Teams", bg: "#ede7f6", color: "#4527a0", iconType: U },
-  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: Ie },
+  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: Pe },
   "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: U },
   webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: ge }
 }, dt = {
@@ -952,7 +952,7 @@ const ct = ({ id: t, data: i }) => {
   color: "#7b1fa2",
   iconType: U
 };
-function ft(t) {
+function at(t) {
   var i;
   switch (t.channel) {
     case "email":
@@ -986,13 +986,13 @@ function pt(t) {
   }
 }
 const ht = ({ id: t, data: i }) => {
-  const { onEditNode: l, onDeleteNode: s } = T(), o = i, r = o.channel && oe[o.channel] ? oe[o.channel] : dt, d = ft(o), c = pt(o), p = !!(o.channel && d), a = r.iconType;
+  const { onEditNode: l, onDeleteNode: s } = T(), o = i, r = o.channel && oe[o.channel] ? oe[o.channel] : dt, d = at(o), c = pt(o), p = !!(o.channel && d), f = r.iconType;
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: r.bg }, children: /* @__PURE__ */ e(a, { size: 16, color: r.color }) }),
+          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: r.bg }, children: /* @__PURE__ */ e(f, { size: 16, color: r.color }) }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: o.channel ? `${r.label} Notification` : "Notification" })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -1098,7 +1098,7 @@ const ht = ({ id: t, data: i }) => {
   ] });
 }, ut = ({ id: t, data: i }) => {
   var g;
-  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o } = T(), { method: r, url: d, descriptorType: c } = i, p = c ? (g = o == null ? void 0 : o.forType(c)) == null ? void 0 : g.icon : /* @__PURE__ */ e(De, { size: 16, color: "#546e7a" }), a = !!(r && d), h = (r == null ? void 0 : r.toUpperCase()) ?? "", u = je[h] ?? null;
+  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o } = T(), { method: r, url: d, descriptorType: c } = i, p = c ? (g = o == null ? void 0 : o.forType(c)) == null ? void 0 : g.icon : /* @__PURE__ */ e(De, { size: 16, color: "#546e7a" }), f = !!(r && d), h = (r == null ? void 0 : r.toUpperCase()) ?? "", u = je[h] ?? null;
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
@@ -1139,7 +1139,7 @@ const ht = ({ id: t, data: i }) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: a ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
+      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: f ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
         u && /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 700, padding: "2px 6px", borderRadius: 4, background: u.bg, color: u.color, flexShrink: 0 }, children: h }),
         /* @__PURE__ */ e("span", { className: "ff-text-dark ff-text-truncate", style: { fontFamily: "monospace", fontSize: 11 }, title: d, children: d })
       ] }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured" }) })
@@ -1201,9 +1201,9 @@ const ht = ({ id: t, data: i }) => {
         ] })
       ] }),
       /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: c ? /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
-        r.map((p, a) => {
-          var y, f;
-          const h = X[a % X.length], u = (y = p.conditions) == null ? void 0 : y[0], g = (((f = p.conditions) == null ? void 0 : f.length) ?? 0) - 1;
+        r.map((p, f) => {
+          var y, a;
+          const h = X[f % X.length], u = (y = p.conditions) == null ? void 0 : y[0], g = (((a = p.conditions) == null ? void 0 : a.length) ?? 0) - 1;
           return /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
             /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 600, padding: "2px 7px", borderRadius: 10, background: h.bg, color: h.color, flexShrink: 0 }, children: p.label || p.key }),
             u ? /* @__PURE__ */ n("span", { style: { fontSize: 11, color: "#616161", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
@@ -1225,8 +1225,8 @@ const ht = ({ id: t, data: i }) => {
   ] });
 }, bt = ({ id: t, data: i }) => {
   var y;
-  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o } = T(), { title: r = "Sub-Workflow", workflowId: d, workflowLabel: c, descriptorType: p, onPreview: a } = i, h = p ? (y = o == null ? void 0 : o.forType(p)) == null ? void 0 : y.icon : /* @__PURE__ */ e($e, { size: 16, color: "#00695c" }), u = !!d, g = (f) => {
-    f.stopPropagation(), d && a && a(d);
+  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o } = T(), { title: r = "Sub-Workflow", workflowId: d, workflowLabel: c, descriptorType: p, onPreview: f } = i, h = p ? (y = o == null ? void 0 : o.forType(p)) == null ? void 0 : y.icon : /* @__PURE__ */ e($e, { size: 16, color: "#00695c" }), u = !!d, g = (a) => {
+    a.stopPropagation(), d && f && f(d);
   };
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
@@ -1242,11 +1242,11 @@ const ht = ({ id: t, data: i }) => {
             {
               role: "button",
               tabIndex: 0,
-              onClick: (f) => {
-                f.stopPropagation(), l(t);
+              onClick: (a) => {
+                a.stopPropagation(), l(t);
               },
-              onKeyDown: (f) => {
-                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), l(t));
+              onKeyDown: (a) => {
+                (a.key === "Enter" || a.key === " ") && (a.stopPropagation(), l(t));
               },
               children: /* @__PURE__ */ e(A, { size: 16 })
             }
@@ -1257,11 +1257,11 @@ const ht = ({ id: t, data: i }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (f) => {
-                f.stopPropagation(), s(t);
+              onClick: (a) => {
+                a.stopPropagation(), s(t);
               },
-              onKeyDown: (f) => {
-                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), s(t));
+              onKeyDown: (a) => {
+                (a.key === "Enter" || a.key === " ") && (a.stopPropagation(), s(t));
               },
               children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
@@ -1276,14 +1276,14 @@ const ht = ({ id: t, data: i }) => {
             d
           ] })
         ] }),
-        a && /* @__PURE__ */ n(
+        f && /* @__PURE__ */ n(
           "div",
           {
             role: "button",
             tabIndex: 0,
             onClick: g,
-            onKeyDown: (f) => {
-              (f.key === "Enter" || f.key === " ") && g(f);
+            onKeyDown: (a) => {
+              (a.key === "Enter" || a.key === " ") && g(a);
             },
             style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 3, fontSize: 11, color: "#00897b" },
             children: [
@@ -1306,13 +1306,13 @@ const ht = ({ id: t, data: i }) => {
   filterNode: ot,
   actionNode: lt,
   approvalNode: ct,
-  delayNode: at,
+  delayNode: ft,
   notificationNode: ht,
   webhookTriggerNode: yt,
   restApiNode: ut,
   conditionBranchNode: mt,
   subWorkflowNode: bt
-}, xt = 11.5, re = 2, M = 6, se = 40, ce = 20, ae = 4, Dt = ({
+}, xt = 11.5, re = 2, M = 6, se = 40, ce = 20, fe = 4, Dt = ({
   id: t,
   sourceX: i,
   sourceY: l,
@@ -1322,15 +1322,15 @@ const ht = ({ id: t, data: i }) => {
   targetPosition: d,
   source: c,
   target: p,
-  data: a
+  data: f
 }) => {
   const [h, u, g] = G({
     sourceX: i,
     sourceY: l,
     targetX: s,
     targetY: o
-  }), y = a == null ? void 0 : a.label, f = y === "Pass", N = f || y === "Fail", w = i + (s - i) / 3, E = l + (o - l) / 3, k = i + 2 * (s - i) / 3, S = l + 2 * (o - l) / 3, x = a == null ? void 0 : a.onAddStepClick, C = (I) => {
-    if (I.stopPropagation(), typeof x != "function") return;
+  }), y = f == null ? void 0 : f.label, a = y === "Pass", N = a || y === "Fail", w = i + (s - i) / 3, E = l + (o - l) / 3, k = i + 2 * (s - i) / 3, S = l + 2 * (o - l) / 3, x = f == null ? void 0 : f.onAddStepClick, C = (P) => {
+    if (P.stopPropagation(), typeof x != "function") return;
     const Z = {
       edgeId: t,
       nodeId: c,
@@ -1338,12 +1338,13 @@ const ht = ({ id: t, data: i }) => {
       targetNodeId: p,
       position: "between",
       referenceNodeId: c,
-      referenceNodeType: a == null ? void 0 : a.referenceNodeType,
-      stepVisibility: a == null ? void 0 : a.stepVisibility
+      referenceNodeType: f == null ? void 0 : f.referenceNodeType,
+      stepVisibility: f == null ? void 0 : f.stepVisibility,
+      ...f != null && f.filterId ? { filterId: f.filterId, branch: f.branch } : {}
     };
     x(c, Z);
-  }, P = (I) => {
-    (I.key === "Enter" || I.key === " ") && (I.preventDefault(), C(I));
+  }, I = (P) => {
+    (P.key === "Enter" || P.key === " ") && (P.preventDefault(), C(P));
   }, j = () => /* @__PURE__ */ n(z, { children: [
     /* @__PURE__ */ n("g", { className: "plus-icon-container", children: [
       /* @__PURE__ */ e("circle", { r: xt, className: "edge-plus-circle" }),
@@ -1357,7 +1358,7 @@ const ht = ({ id: t, data: i }) => {
     ] })
   ] }), _ = x ? {
     onClick: C,
-    onKeyDown: P,
+    onKeyDown: I,
     role: "button",
     tabIndex: 0,
     style: { cursor: "pointer", pointerEvents: "all" }
@@ -1368,8 +1369,8 @@ const ht = ({ id: t, data: i }) => {
     /* @__PURE__ */ e(V, { id: t, path: h }),
     N ? /* @__PURE__ */ n(z, { children: [
       /* @__PURE__ */ n("g", { transform: `translate(${w}, ${E})`, children: [
-        /* @__PURE__ */ e("rect", { x: -se / 2, y: -ce / 2, width: se, height: ce, rx: ae, ry: ae, fill: f ? "#ADE6C5" : "#FDBFBF" }),
-        /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: f ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: y })
+        /* @__PURE__ */ e("rect", { x: -se / 2, y: -ce / 2, width: se, height: ce, rx: fe, ry: fe, fill: a ? "#ADE6C5" : "#FDBFBF" }),
+        /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: a ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: y })
       ] }),
       /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${k}, ${S})`, "data-testid": "plus-node-icon", ..._, children: /* @__PURE__ */ e(j, {}) })
     ] }) : /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${u}, ${g})`, "data-testid": "plus-node-icon", ..._, children: /* @__PURE__ */ e(j, {}) })
@@ -1384,13 +1385,13 @@ const ht = ({ id: t, data: i }) => {
   target: d,
   data: c
 }) => {
-  const [p, a, h] = G({
+  const [p, f, h] = G({
     sourceX: i,
     sourceY: l,
     targetX: s,
     targetY: o
-  }), u = c == null ? void 0 : c.onAddStepClick, g = (f) => {
-    f.stopPropagation(), typeof u == "function" && u(r, {
+  }), u = c == null ? void 0 : c.onAddStepClick, g = (a) => {
+    a.stopPropagation(), typeof u == "function" && u(r, {
       edgeId: t,
       nodeId: r,
       sourceNodeId: r,
@@ -1402,8 +1403,8 @@ const ht = ({ id: t, data: i }) => {
       filterId: c == null ? void 0 : c.filterId,
       branch: c == null ? void 0 : c.branch
     });
-  }, y = (f) => {
-    (f.key === "Enter" || f.key === " ") && (f.preventDefault(), g(f));
+  }, y = (a) => {
+    (a.key === "Enter" || a.key === " ") && (a.preventDefault(), g(a));
   };
   return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
     /* @__PURE__ */ e(V, { id: t, path: p, style: { stroke: "#b0bec5" } }),
@@ -1411,7 +1412,7 @@ const ht = ({ id: t, data: i }) => {
       "g",
       {
         className: "nodrag nopan edge-plus-svg",
-        transform: `translate(${a}, ${h})`,
+        transform: `translate(${f}, ${h})`,
         style: {
           cursor: u ? "pointer" : "default",
           pointerEvents: "all",
@@ -1481,7 +1482,7 @@ const ht = ({ id: t, data: i }) => {
 }, $t = ({ id: t, sourceX: i, sourceY: l, targetX: s, targetY: o }) => {
   const [r] = G({ sourceX: i, sourceY: l, targetX: s, targetY: o });
   return /* @__PURE__ */ e(V, { id: t, path: r, style: { stroke: "#b0bec5" } });
-}, Nt = 11.5, fe = 2, O = 6, kt = -24, pe = 40, he = 20, ye = 4, Bt = ({
+}, Nt = 11.5, ae = 2, O = 6, kt = -24, pe = 40, he = 20, ye = 4, Bt = ({
   id: t,
   sourceX: i,
   sourceY: l,
@@ -1491,8 +1492,8 @@ const ht = ({ id: t, data: i }) => {
   target: d,
   data: c
 }) => {
-  const [p, a, h] = G({ sourceX: i, sourceY: l, targetX: s, targetY: o }), u = c == null ? void 0 : c.label, g = u === "Pass", y = g || u === "Fail", f = c == null ? void 0 : c.onAddStepClick, N = (c == null ? void 0 : c.showPlus) !== !1 && !!f, w = (k) => {
-    k.stopPropagation(), typeof f == "function" && f(r, {
+  const [p, f, h] = G({ sourceX: i, sourceY: l, targetX: s, targetY: o }), u = c == null ? void 0 : c.label, g = u === "Pass", y = g || u === "Fail", a = c == null ? void 0 : c.onAddStepClick, N = (c == null ? void 0 : c.showPlus) !== !1 && !!a, w = (k) => {
+    k.stopPropagation(), typeof a == "function" && a(r, {
       edgeId: t,
       nodeId: r,
       sourceNodeId: r,
@@ -1512,12 +1513,12 @@ const ht = ({ id: t, data: i }) => {
       "g",
       {
         className: "nodrag nopan edge-plus-svg",
-        transform: `translate(${a}, ${h})`,
-        style: { cursor: f ? "pointer" : "default", pointerEvents: "all", outline: "none" },
-        onClick: f ? w : void 0,
-        onKeyDown: f ? E : void 0,
-        role: f ? "button" : void 0,
-        tabIndex: f ? 0 : void 0,
+        transform: `translate(${f}, ${h})`,
+        style: { cursor: a ? "pointer" : "default", pointerEvents: "all", outline: "none" },
+        onClick: a ? w : void 0,
+        onKeyDown: a ? E : void 0,
+        role: a ? "button" : void 0,
+        tabIndex: a ? 0 : void 0,
         children: [
           y && /* @__PURE__ */ n("g", { transform: `translate(0, ${N ? kt : 0})`, children: [
             /* @__PURE__ */ e(
@@ -1536,8 +1537,8 @@ const ht = ({ id: t, data: i }) => {
           ] }),
           N && /* @__PURE__ */ n("g", { className: "plus-icon-container", children: [
             /* @__PURE__ */ e("circle", { r: Nt, className: "edge-plus-circle" }),
-            /* @__PURE__ */ e("line", { x1: 0, y1: -O, x2: 0, y2: O, strokeWidth: fe, strokeLinecap: "round", className: "plus-line" }),
-            /* @__PURE__ */ e("line", { x1: -O, y1: 0, x2: O, y2: 0, strokeWidth: fe, strokeLinecap: "round", className: "plus-line" })
+            /* @__PURE__ */ e("line", { x1: 0, y1: -O, x2: 0, y2: O, strokeWidth: ae, strokeLinecap: "round", className: "plus-line" }),
+            /* @__PURE__ */ e("line", { x1: -O, y1: 0, x2: O, y2: 0, strokeWidth: ae, strokeLinecap: "round", className: "plus-line" })
           ] }),
           N && /* @__PURE__ */ n("g", { className: "edge-plus-tooltip", transform: "translate(22, 0)", children: [
             /* @__PURE__ */ e("rect", { x: 0, y: -10, width: 65, height: 20, rx: 4, className: "tooltip-bg" }),
@@ -1558,9 +1559,9 @@ const ht = ({ id: t, data: i }) => {
   targetY: d,
   style: c = {},
   markerEnd: p,
-  data: a
+  data: f
 }) => {
-  const h = (a == null ? void 0 : a.verticalRouting) ?? !1, u = (a == null ? void 0 : a.sideRouting) ?? !1, g = (a == null ? void 0 : a.railless) ?? !1, y = 30, f = u ? (
+  const h = (f == null ? void 0 : f.verticalRouting) ?? !1, u = (f == null ? void 0 : f.sideRouting) ?? !1, g = (f == null ? void 0 : f.railless) ?? !1, y = 30, a = u ? (
     // From the right handle: straight across to the target's left handle.
     `M ${s},${o} L ${r},${o} L ${r},${d}`
   ) : g ? (
@@ -1572,21 +1573,21 @@ const ht = ({ id: t, data: i }) => {
   })() : (() => {
     const v = o + 30;
     return `M ${s},${o} L ${s},${v} L ${r},${v} L ${r},${d}`;
-  })(), N = c.stroke || "#d1d5db", w = a == null ? void 0 : a.label, E = (a == null ? void 0 : a.isFirst) ?? !1, k = a == null ? void 0 : a.onAddStepClick;
-  let S, x, C, P;
+  })(), N = c.stroke || "#d1d5db", w = f == null ? void 0 : f.label, E = (f == null ? void 0 : f.isFirst) ?? !1, k = f == null ? void 0 : f.onAddStepClick;
+  let S, x, C, I;
   if (u)
-    S = s + (r - s) * 0.5, x = o, C = S, P = o;
+    S = s + (r - s) * 0.5, x = o, C = S, I = o;
   else if (g) {
     const v = d - o;
-    S = s, x = o + v / 3, C = s, P = o + v * 2 / 3;
+    S = s, x = o + v / 3, C = s, I = o + v * 2 / 3;
   } else if (h) {
     const v = d - y;
-    S = s + (r - s) * 0.25, x = v, C = s + (r - s) * 0.65, P = v;
+    S = s + (r - s) * 0.25, x = v, C = s + (r - s) * 0.65, I = v;
   } else {
     const v = o + 30;
-    S = s + (r - s) * 0.35, x = v, C = s + (r - s) * 0.7, P = v;
+    S = s + (r - s) * 0.35, x = v, C = s + (r - s) * 0.7, I = v;
   }
-  const j = !!w && (!h || u || g), _ = !!k && !u, I = (v) => {
+  const j = !!w && (!h || u || g), _ = !!k && !u, P = (v) => {
     v.stopPropagation(), k && k(i, {
       edgeId: t,
       nodeId: i,
@@ -1594,12 +1595,12 @@ const ht = ({ id: t, data: i }) => {
       targetNodeId: l,
       position: "between",
       referenceNodeId: i,
-      filterId: a == null ? void 0 : a.filterId,
-      branch: a == null ? void 0 : a.branch
+      filterId: f == null ? void 0 : f.filterId,
+      branch: f == null ? void 0 : f.branch
     });
   }, Z = 11.5, K = 6;
   return /* @__PURE__ */ n("g", { children: [
-    /* @__PURE__ */ e("path", { id: t, d: f, fill: "none", stroke: N, strokeWidth: 1.5, markerEnd: p }),
+    /* @__PURE__ */ e("path", { id: t, d: a, fill: "none", stroke: N, strokeWidth: 1.5, markerEnd: p }),
     j && /* @__PURE__ */ e("g", { transform: `translate(${S}, ${x})`, children: (() => {
       const v = Math.max(44, w.length * 7 + 20);
       return /* @__PURE__ */ n(z, { children: [
@@ -1634,8 +1635,8 @@ const ht = ({ id: t, data: i }) => {
     _ && /* @__PURE__ */ n(
       "g",
       {
-        transform: `translate(${C}, ${P})`,
-        onClick: I,
+        transform: `translate(${C}, ${I})`,
+        onClick: P,
         style: { cursor: "pointer", pointerEvents: "all" },
         className: "nodrag nopan edge-plus-svg",
         children: [
@@ -1649,7 +1650,7 @@ const ht = ({ id: t, data: i }) => {
 };
 export {
   lt as A,
-  at as D,
+  ft as D,
   Dt as E,
   ot as F,
   Ft as G,
@@ -1670,4 +1671,4 @@ export {
   _e as h,
   Ye as r
 };
-//# sourceMappingURL=GatewayBranchEdge-C9hllCUh.js.map
+//# sourceMappingURL=GatewayBranchEdge-Ceuxbttn.js.map