@notmrabhi/flowforge 0.1.52 → 0.1.54

package/dist/{GatewayBranchEdge-CrgczPYJ.js → GatewayBranchEdge-BWz43Sat.js}

@@ -1,14 +1,14 @@
 import { jsxs as t, jsx as e, Fragment as j } from "react/jsx-runtime";
-import { Handle as x, Position as N, getStraightPath as U, BaseEdge as G } from "reactflow";
+import { Handle as x, Position as N, getStraightPath as U, BaseEdge as V } from "reactflow";
 import { Tooltip as $, Chip as q } from "@mui/material";
-import { GrTrigger as Ne } from "react-icons/gr";
-import { createContext as ke, useContext as ve } from "react";
-import { d as we } from "./messages-CO299wPN.js";
-import { MdOutlineModeEdit as D, MdInfoOutline as B, MdInput as fe, MdDeleteOutline as F, MdCheckCircle as Se, MdPeople as Ce, MdSchedule as Ee, MdWebhook as de, MdNotifications as O, MdSms as Te, MdEmail as ze, MdContentCopy as Ie, MdHttp as Pe, MdCallSplit as Ae, MdAccountTree as De, MdOpenInNew as Re } from "react-icons/md";
+import { GrTrigger as ke } from "react-icons/gr";
+import { createContext as ve, useContext as we } from "react";
+import { d as Se } from "./messages-CO299wPN.js";
+import { MdOutlineModeEdit as D, MdInfoOutline as B, MdInput as fe, MdDeleteOutline as F, MdCheckCircle as Ce, MdPeople as Te, MdSchedule as Ee, MdWebhook as de, MdNotifications as O, MdSms as ze, MdEmail as Ie, MdContentCopy as Pe, MdHttp as Ae, MdCallSplit as De, MdAccountTree as Le, MdOpenInNew as Re } from "react-icons/md";
 import { FaCheckCircle as ae, FaTimesCircle as pe } from "react-icons/fa";
-import { FiFilter as Le } from "react-icons/fi";
-import { a as K, H as We, B as Y } from "./canvasTokens-CAD6G24b.js";
-const Fe = ke({
+import { FiFilter as We } from "react-icons/fi";
+import { a as K, H as Fe, B as Y } from "./canvasTokens-CAD6G24b.js";
+const $e = ve({
   onEditNode: () => {
   },
   onDeleteNode: () => {
@@ -17,16 +17,16 @@ const Fe = ke({
   },
   onClickAddTrigger: () => {
   },
-  messages: we,
+  messages: Se,
   nodeRegistry: null,
   nodeBody: "full"
-}), P = () => ve(Fe), $e = () => /* @__PURE__ */ t("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+}), P = () => we($e), je = () => /* @__PURE__ */ t("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
   /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0, left: "50%" } }),
   /* @__PURE__ */ e("div", { style: { padding: "8px 28px", borderRadius: 999, background: "#f5f5f5", border: "1.5px solid #bdbdbd", fontSize: 13, fontWeight: 500, color: "#424242", userSelect: "none" }, children: "Start" })
-] }), je = () => /* @__PURE__ */ t("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+] }), Be = () => /* @__PURE__ */ t("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
   /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0, left: "50%" } }),
   /* @__PURE__ */ e("div", { style: { padding: "8px 28px", borderRadius: 999, background: "#f5f5f5", border: "1.5px solid #bdbdbd", fontSize: 13, fontWeight: 500, color: "#424242", userSelect: "none" }, children: "End" })
-] }), Be = () => {
+] }), Ke = () => {
   const { onClickAddTrigger: n, messages: i } = P();
   return /* @__PURE__ */ t("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0, left: "50%" } }),
@@ -41,14 +41,14 @@ const Fe = ke({
         },
         style: { padding: "10px 24px", borderRadius: 8, border: "1.5px dashed #d0d0d0", background: "#fff", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", gap: 8 },
         children: [
-          /* @__PURE__ */ e(Ne, { size: 16 }),
+          /* @__PURE__ */ e(ke, { size: 16 }),
           /* @__PURE__ */ e("span", { className: "ff-text-black", style: { fontSize: 13 }, "data-testid": "add-trigger-btn-text", children: i.addTriggerButton })
         ]
       }
     ) }),
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0, left: "50%" } })
   ] });
-}, Ke = ({ id: n }) => {
+}, Me = ({ id: n }) => {
   const { onAddStep: i } = P();
   return /* @__PURE__ */ t(
     "div",
@@ -71,12 +71,12 @@ const Fe = ke({
 function ge(n) {
   return n ? n.replace(/[_-]+/g, " ").toLowerCase().replace(/\b\w/g, (i) => i.toUpperCase()) : "";
 }
-function Me(n) {
+function _e(n) {
   if (typeof n != "string" && n.label) return n.label;
   const i = typeof n == "string" ? n : n.value ?? "";
   return ge(i);
 }
-const _e = ({ data: n }) => {
+const He = ({ data: n }) => {
   const { onClickAddTrigger: i } = P(), {
     type: f,
     eventType: p,
@@ -101,7 +101,7 @@ const _e = ({ data: n }) => {
         /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-2", style: { gap: 4 }, children: y ? c.map((C, v) => /* @__PURE__ */ e(
           q,
           {
-            label: Me(C),
+            label: _e(C),
             variant: "outlined",
             size: "small",
             className: "ff-text-dark"
@@ -191,12 +191,13 @@ const _e = ({ data: n }) => {
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 }, id: "1" })
   ] });
 };
-function He(n) {
-  return n ? n === "END_USER_CREATION" ? "New User Registration" : n === "END_USER_UPDATION" ? "On User Update" : n.replace(/[_-]+/g, " ").replace(/\b\w/g, (i) => i.toUpperCase()) : "";
+function he(n) {
+  return n ? n.replace(/[_-]+/g, " ").replace(/\b\w/g, (i) => i.toUpperCase()) : "";
 }
 function Oe(n) {
+  if (typeof n != "string" && n.label) return n.label;
   const i = typeof n == "string" ? n : n.value ?? "";
-  return i === "SIGNUP_FLOW" ? "User Self-Registration" : i === "ADMIN_CREATION_FLOW" ? "Create User via Admin Portal" : i === "SHEDULAR" || i === "SCHEDULER" ? "Scheduler" : typeof n != "string" && n.label ? n.label : i.replace(/[_-]+/g, " ").replace(/\b\w/g, (f) => f.toUpperCase());
+  return he(i);
 }
 const Ue = ({ data: n }) => {
   const {
@@ -206,7 +207,7 @@ const Ue = ({ data: n }) => {
     sources: c,
     executionStatus: r,
     infoText: h = "This event is raised by the system. It cannot be configured."
-  } = n ?? {}, o = f ?? He(p) ?? "—";
+  } = n ?? {}, o = f || he(p) || "—";
   return /* @__PURE__ */ t("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #a5d6a7", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
@@ -269,7 +270,7 @@ const Ue = ({ data: n }) => {
     ] }),
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 }, id: "1" })
   ] });
-}, he = ({ rail: n, cardWidth: i }) => {
+}, ye = ({ rail: n, cardWidth: i }) => {
   const f = i / 2;
   i / 2 + n.indent;
   const p = "var(--ff-edge-color, #b0bec5)";
@@ -314,14 +315,14 @@ const Ue = ({ data: n }) => {
       ]
     }
   );
-}, Ge = ({ id: n, data: i }) => {
+}, Ve = ({ id: n, data: i }) => {
   const { onEditNode: f, onDeleteNode: p } = P(), { conditions: c = [], infoText: r = "Filter conditions applied to workflow data", _branchRail: h } = i;
   return /* @__PURE__ */ t("div", { style: { width: 350, position: "relative" }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #ffe082", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ t("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ t("div", { className: "ff-d-flex ff-align-items-center", 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(255,160,0,0.1)" }, children: /* @__PURE__ */ e(Le, { className: "ff-text-warning", size: 16 }) }),
+          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(255,160,0,0.1)" }, children: /* @__PURE__ */ e(We, { className: "ff-text-warning", size: 16 }) }),
           /* @__PURE__ */ e("span", { className: "ff-ms-2 ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Filter" })
         ] }),
         /* @__PURE__ */ t("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -365,9 +366,9 @@ const Ue = ({ data: n }) => {
       ] }, l)) })
     ] }),
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } }),
-    h && /* @__PURE__ */ e(he, { rail: h, cardWidth: 350 })
+    h && /* @__PURE__ */ e(ye, { rail: h, cardWidth: 350 })
   ] });
-}, Ve = ({ id: n, data: i }) => {
+}, Ge = ({ id: n, data: i }) => {
   const { onEditNode: f, onDeleteNode: p, nodeRegistry: c, nodeBody: r = "full" } = P(), { title: h = "Task", descriptorType: o, groupBlocks: l, groups: d, roles: u, groupId: y, roleId: k, infoText: g = "" } = i, s = o ? c == null ? void 0 : c.forType(o) : void 0, S = s == null ? void 0 : s.icon, m = (a) => a == null ? "" : typeof a == "string" ? a : typeof a == "object" && "label" in a ? String(a.label) : String(a), C = (a) => Array.isArray(a) ? a.map(m).filter(Boolean) : a != null && a !== "" ? [m(a)] : [], v = /* @__PURE__ */ new Set([
     "descriptorType",
     "title",
@@ -375,13 +376,11 @@ const Ue = ({ data: n }) => {
     "icon",
     "infoText",
     "label",
-    // FlowForm's condition-builder sidecar — rendered separately below as
-    // proper "When ..." rows, not as a JSON dump in the generic body.
     "conditionConfig",
     "_conditionConfig"
-  ]), R = s == null ? void 0 : s.formSchema, T = (a) => {
-    if (Array.isArray(R)) {
-      const b = R.find((w) => (w == null ? void 0 : w.id) === a || (w == null ? void 0 : w.name) === a);
+  ]), L = s == null ? void 0 : s.formSchema, E = (a) => {
+    if (Array.isArray(L)) {
+      const b = L.find((w) => (w == null ? void 0 : w.id) === a || (w == null ? void 0 : w.name) === a);
       if (b != null && b.label) return b.label;
     }
     return a.replace(/[_-]+/g, " ").replace(/\b\w/g, (b) => b.toUpperCase());
@@ -399,10 +398,10 @@ const Ue = ({ data: n }) => {
     return String(a);
   }, I = Object.entries(i || {}).filter(
     ([a, b]) => !v.has(a) && b !== "" && b !== null && b !== void 0 && !(Array.isArray(b) && b.length === 0)
-  ), z = (i == null ? void 0 : i.conditionConfig) ?? (i == null ? void 0 : i._conditionConfig), E = z && typeof z == "object" ? Object.entries(z).filter(([, a]) => Array.isArray(a) && a.length > 0).map(([a, b]) => ({
+  ), z = (i == null ? void 0 : i.conditionConfig) ?? (i == null ? void 0 : i._conditionConfig), T = z && typeof z == "object" ? Object.entries(z).filter(([, a]) => Array.isArray(a) && a.length > 0).map(([a, b]) => ({
     path: a,
     entries: b
-  })) : [], L = (l == null ? void 0 : l.flatMap((a) => a.groups ?? [])) ?? [...C(d), ...C(u), ...C(y), ...C(k)], V = L.length > 0;
+  })) : [], R = (l == null ? void 0 : l.flatMap((a) => a.groups ?? [])) ?? [...C(d), ...C(u), ...C(y), ...C(k)], G = R.length > 0;
   return /* @__PURE__ */ t("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
@@ -444,10 +443,7 @@ const Ue = ({ data: n }) => {
           g && /* @__PURE__ */ e($, { title: g, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
-      r !== "title-only" && // Body container matches IAM ActionNodeLabel: 12px text, left-aligned.
-      // We use a single bg-light rounded pill that wraps everything, the
-      // same way IAM's groupBlocks each render as bg-light rounded my-2 p-2.
-      /* @__PURE__ */ e(
+      r !== "title-only" && /* @__PURE__ */ e(
         "div",
         {
           style: {
@@ -460,11 +456,11 @@ const Ue = ({ data: n }) => {
             color: "#212529",
             lineHeight: 1.4
           },
-          children: s != null && s.renderNode ? s.renderNode(i) : I.length > 0 || E.length > 0 ? /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column" }, children: [
-            E.map((a, b) => /* @__PURE__ */ t("div", { children: [
+          children: s != null && s.renderNode ? s.renderNode(i) : I.length > 0 || T.length > 0 ? /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column" }, children: [
+            T.map((a, b) => /* @__PURE__ */ t("div", { children: [
               /* @__PURE__ */ e("div", { style: { color: "#6c757d" }, children: "When" }),
-              a.entries.slice(0, 3).map((w, W, ye) => {
-                const ue = w.field || "", me = w.fieldLabel || T(ue), be = w.operator || "", Z = w.value == null ? "" : typeof w.value == "object" ? A(w.value) : String(w.value), xe = w.connector || "and";
+              a.entries.slice(0, 3).map((w, W, ue) => {
+                const me = w.field || "", be = w.fieldLabel || E(me), xe = w.operator || "", Z = w.value == null ? "" : typeof w.value == "object" ? A(w.value) : String(w.value), Ne = w.connector || "and";
                 return /* @__PURE__ */ t(
                   "div",
                   {
@@ -475,10 +471,10 @@ const Ue = ({ data: n }) => {
                       marginTop: 4
                     },
                     children: [
-                      /* @__PURE__ */ e("span", { style: { fontWeight: 700, marginRight: 4, color: "#212529" }, children: me }),
-                      /* @__PURE__ */ e("span", { style: { color: "#6c757d", marginRight: 4 }, children: be }),
+                      /* @__PURE__ */ e("span", { style: { fontWeight: 700, marginRight: 4, color: "#212529" }, children: be }),
+                      /* @__PURE__ */ e("span", { style: { color: "#6c757d", marginRight: 4 }, children: xe }),
                       /* @__PURE__ */ e("span", { style: { color: "#212529", marginRight: 4 }, title: Z, children: Z }),
-                      W < ye.length - 1 && /* @__PURE__ */ e(
+                      W < ue.length - 1 && /* @__PURE__ */ e(
                         "span",
                         {
                           style: {
@@ -491,7 +487,7 @@ const Ue = ({ data: n }) => {
                             textTransform: "uppercase",
                             fontSize: 10
                           },
-                          children: xe
+                          children: Ne
                         }
                       )
                     ]
@@ -521,7 +517,7 @@ const Ue = ({ data: n }) => {
               I.slice(0, 6).map(([a, b]) => /* @__PURE__ */ e(
                 "span",
                 {
-                  title: `${T(a)}: ${A(b)}`,
+                  title: `${E(a)}: ${A(b)}`,
                   style: {
                     background: "#212529",
                     color: "#fff",
@@ -538,9 +534,10 @@ const Ue = ({ data: n }) => {
                 I.length - 6
               ] })
             ] })
-          ] }) : V ? (
-            // Dark badges matching IAM's bg-dark text-white py-1 px-2 rounded
-            /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: L.map((a, b) => /* @__PURE__ */ e(
+          ] }) : G ? (
+            // Legacy display fallback: dark badges for old-shape data
+            // (groupBlocks/groups/roles/groupId/roleId on the slot)
+            /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: R.map((a, b) => /* @__PURE__ */ e(
               "span",
               {
                 title: a,
@@ -568,7 +565,7 @@ const Ue = ({ data: n }) => {
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #ffe082", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ t("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ t("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(251,192,45,0.2)" }, children: /* @__PURE__ */ e(Se, { style: { color: "#FBC02D" }, size: 16 }) }),
+          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(251,192,45,0.2)" }, children: /* @__PURE__ */ e(Ce, { style: { color: "#FBC02D" }, size: 16 }) }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Approval Policy" })
         ] }),
         /* @__PURE__ */ t("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -618,15 +615,15 @@ const Ue = ({ data: n }) => {
         l.length > 0 ? /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
           u.map((g, s) => {
             var A, I, z;
-            const S = ((A = g.stageName) == null ? void 0 : A.trim()) || `Stage ${s + 1}`, m = Array.isArray(g.userIds) ? g.userIds.length : 0, C = ((I = g.groupName) == null ? void 0 : I.trim()) ?? "", v = ((z = g.roleName) == null ? void 0 : z.trim()) ?? "", R = m > 0 || C || v;
-            let T = "Not configured";
-            return C ? T = `Group: ${C}` : v ? T = `Role: ${v}` : m > 0 && (T = `${m} approver${m !== 1 ? "s" : ""}`), /* @__PURE__ */ t("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
+            const S = ((A = g.stageName) == null ? void 0 : A.trim()) || `Stage ${s + 1}`, m = Array.isArray(g.userIds) ? g.userIds.length : 0, C = ((I = g.groupName) == null ? void 0 : I.trim()) ?? "", v = ((z = g.roleName) == null ? void 0 : z.trim()) ?? "", L = m > 0 || C || v;
+            let E = "Not configured";
+            return C ? E = `Group: ${C}` : v ? E = `Role: ${v}` : m > 0 && (E = `${m} approver${m !== 1 ? "s" : ""}`), /* @__PURE__ */ t("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
               /* @__PURE__ */ e("div", { className: "ff-rounded-circle ff-d-flex ff-align-items-center ff-justify-content-center ff-flex-shrink-0", style: { width: 28, height: 28, background: "#FFF9C4", color: "#5D4037", fontSize: 12, fontWeight: 700 }, children: s + 1 }),
               /* @__PURE__ */ t("div", { className: "ff-flex-grow-1 ff-rounded ff-p-2 ff-d-flex ff-justify-content-between ff-align-items-center ff-border", style: { background: "#FFFDE7", borderColor: "#FEE79A" }, children: [
                 /* @__PURE__ */ e("span", { style: { fontSize: 12, fontWeight: 700, color: "#212121" }, children: S }),
-                /* @__PURE__ */ t("span", { className: `ff-d-flex ff-align-items-center ff-gap-1 ${R ? "ff-text-dark" : "ff-text-muted"}`, style: { fontSize: 12 }, children: [
-                  /* @__PURE__ */ e(Ce, { size: 16, className: "ff-flex-shrink-0", style: { color: R ? "#5D4037" : "#9E9E9E" } }),
-                  T
+                /* @__PURE__ */ t("span", { className: `ff-d-flex ff-align-items-center ff-gap-1 ${L ? "ff-text-dark" : "ff-text-muted"}`, style: { fontSize: 12 }, children: [
+                  /* @__PURE__ */ e(Te, { size: 16, className: "ff-flex-shrink-0", style: { color: L ? "#5D4037" : "#9E9E9E" } }),
+                  E
                 ] })
               ] })
             ] }, s);
@@ -656,7 +653,7 @@ const Ue = ({ data: n }) => {
       ] })
     ] }),
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } }),
-    h && /* @__PURE__ */ e(he, { rail: h, cardWidth: 350 })
+    h && /* @__PURE__ */ e(ye, { rail: h, cardWidth: 350 })
   ] });
 }, Ze = ({ id: n, data: i }) => {
   const { onEditNode: f, onDeleteNode: p } = P(), { duration: c, unit: r } = i, h = c != null && r, o = h ? `Wait ${c} ${r}` : "Not configured";
@@ -705,10 +702,10 @@ const Ue = ({ data: n }) => {
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
   ] });
 }, Q = {
-  email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: ze },
+  email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: Ie },
   slack: { label: "Slack", bg: "#e8f5e9", color: "#2e7d32", iconType: O },
   teams: { label: "MS Teams", bg: "#ede7f6", color: "#4527a0", iconType: O },
-  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: Te },
+  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: ze },
   "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: O },
   webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: de }
 }, Ye = {
@@ -853,7 +850,7 @@ const Xe = ({ id: n, data: i }) => {
                 (l.key === "Enter" || l.key === " ") && o(l);
               },
               style: { cursor: "pointer", flexShrink: 0 },
-              children: /* @__PURE__ */ e(Ie, { size: 12, color: "#1565c0" })
+              children: /* @__PURE__ */ e(Pe, { size: 12, color: "#1565c0" })
             }
           ) })
         ] })
@@ -863,7 +860,7 @@ const Xe = ({ id: n, data: i }) => {
   ] });
 }, tt = ({ id: n, data: i }) => {
   var k;
-  const { onEditNode: f, onDeleteNode: p, nodeRegistry: c } = P(), { method: r, url: h, descriptorType: o } = i, l = o ? (k = c == null ? void 0 : c.forType(o)) == null ? void 0 : k.icon : /* @__PURE__ */ e(Pe, { size: 16, color: "#546e7a" }), d = !!(r && h), u = (r == null ? void 0 : r.toUpperCase()) ?? "", y = We[u] ?? null;
+  const { onEditNode: f, onDeleteNode: p, nodeRegistry: c } = P(), { method: r, url: h, descriptorType: o } = i, l = o ? (k = c == null ? void 0 : c.forType(o)) == null ? void 0 : k.icon : /* @__PURE__ */ e(Ae, { size: 16, color: "#546e7a" }), d = !!(r && h), u = (r == null ? void 0 : r.toUpperCase()) ?? "", y = Fe[u] ?? null;
   return /* @__PURE__ */ t("div", { style: { width: K }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
@@ -930,7 +927,7 @@ const Xe = ({ id: n, data: i }) => {
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #b39ddb", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ t("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ t("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e("div", { style: { width: 25, height: 25, borderRadius: 6, background: "rgba(103,58,183,0.1)", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(Ae, { size: 16, color: "#512da8" }) }),
+          /* @__PURE__ */ e("div", { style: { width: 25, height: 25, borderRadius: 6, background: "rgba(103,58,183,0.1)", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(De, { size: 16, color: "#512da8" }) }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: c })
         ] }),
         /* @__PURE__ */ t("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -990,7 +987,7 @@ const Xe = ({ id: n, data: i }) => {
   ] });
 }, it = ({ id: n, data: i }) => {
   var g;
-  const { onEditNode: f, onDeleteNode: p, nodeRegistry: c } = P(), { title: r = "Sub-Workflow", workflowId: h, workflowLabel: o, descriptorType: l, onPreview: d } = i, u = l ? (g = c == null ? void 0 : c.forType(l)) == null ? void 0 : g.icon : /* @__PURE__ */ e(De, { size: 16, color: "#00695c" }), y = !!h, k = (s) => {
+  const { onEditNode: f, onDeleteNode: p, nodeRegistry: c } = P(), { title: r = "Sub-Workflow", workflowId: h, workflowLabel: o, descriptorType: l, onPreview: d } = i, u = l ? (g = c == null ? void 0 : c.forType(l)) == null ? void 0 : g.icon : /* @__PURE__ */ e(Le, { size: 16, color: "#00695c" }), y = !!h, k = (s) => {
     s.stopPropagation(), h && d && d(h);
   };
   return /* @__PURE__ */ t("div", { style: { width: K }, children: [
@@ -1062,14 +1059,14 @@ const Xe = ({ id: n, data: i }) => {
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
   ] });
 }, xt = {
-  startNode: $e,
-  endNode: je,
-  addTriggerNode: Be,
-  addStepNode: Ke,
-  triggerNode: _e,
+  startNode: je,
+  endNode: Be,
+  addTriggerNode: Ke,
+  addStepNode: Me,
+  triggerNode: He,
   eventNode: Ue,
-  filterNode: Ge,
-  actionNode: Ve,
+  filterNode: Ve,
+  actionNode: Ge,
   approvalNode: qe,
   delayNode: Ze,
   notificationNode: Xe,
@@ -1094,9 +1091,9 @@ const Xe = ({ id: n, data: i }) => {
     sourceY: f,
     targetX: p,
     targetY: c
-  }), g = d == null ? void 0 : d.label, s = g === "Pass", S = s || g === "Fail", m = i + (p - i) / 3, C = f + (c - f) / 3, v = i + 2 * (p - i) / 3, R = f + 2 * (c - f) / 3, T = d == null ? void 0 : d.onAddStepClick, A = (L) => {
-    if (L.stopPropagation(), typeof T != "function") return;
-    const V = {
+  }), g = d == null ? void 0 : d.label, s = g === "Pass", S = s || g === "Fail", m = i + (p - i) / 3, C = f + (c - f) / 3, v = i + 2 * (p - i) / 3, L = f + 2 * (c - f) / 3, E = d == null ? void 0 : d.onAddStepClick, A = (R) => {
+    if (R.stopPropagation(), typeof E != "function") return;
+    const G = {
       edgeId: n,
       nodeId: o,
       sourceNodeId: o,
@@ -1106,9 +1103,9 @@ const Xe = ({ id: n, data: i }) => {
       referenceNodeType: d == null ? void 0 : d.referenceNodeType,
       stepVisibility: d == null ? void 0 : d.stepVisibility
     };
-    T(o, V);
-  }, I = (L) => {
-    (L.key === "Enter" || L.key === " ") && (L.preventDefault(), A(L));
+    E(o, G);
+  }, I = (R) => {
+    (R.key === "Enter" || R.key === " ") && (R.preventDefault(), A(R));
   }, z = () => /* @__PURE__ */ t(j, { children: [
     /* @__PURE__ */ t("g", { className: "plus-icon-container", children: [
       /* @__PURE__ */ e("circle", { r: lt, className: "edge-plus-circle" }),
@@ -1120,7 +1117,7 @@ const Xe = ({ id: n, data: i }) => {
       /* @__PURE__ */ e("path", { d: "M0 -4 L-4 0 L0 4 Z", className: "tooltip-bg" }),
       /* @__PURE__ */ e("text", { x: 32, y: 0, textAnchor: "middle", dominantBaseline: "central", fill: "white", style: { fontSize: 10, fontWeight: 600, pointerEvents: "none" }, children: "Add Step" })
     ] })
-  ] }), E = T ? {
+  ] }), T = E ? {
     onClick: A,
     onKeyDown: I,
     role: "button",
@@ -1130,14 +1127,14 @@ const Xe = ({ id: n, data: i }) => {
     style: { cursor: "default", pointerEvents: "all" }
   };
   return /* @__PURE__ */ t("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(G, { id: n, path: u }),
+    /* @__PURE__ */ e(V, { id: n, path: u }),
     S ? /* @__PURE__ */ t(j, { children: [
       /* @__PURE__ */ t("g", { transform: `translate(${m}, ${C})`, children: [
         /* @__PURE__ */ e("rect", { x: -te / 2, y: -ne / 2, width: te, height: ne, rx: oe, ry: oe, fill: s ? "#ADE6C5" : "#FDBFBF" }),
         /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: s ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: g })
       ] }),
-      /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${v}, ${R})`, "data-testid": "plus-node-icon", ...E, children: /* @__PURE__ */ e(z, {}) })
-    ] }) : /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${y}, ${k})`, "data-testid": "plus-node-icon", ...E, children: /* @__PURE__ */ e(z, {}) })
+      /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${v}, ${L})`, "data-testid": "plus-node-icon", ...T, children: /* @__PURE__ */ e(z, {}) })
+    ] }) : /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${y}, ${k})`, "data-testid": "plus-node-icon", ...T, children: /* @__PURE__ */ e(z, {}) })
   ] });
 }, rt = 11.5, ie = 2, _ = 6, kt = ({
   id: n,
@@ -1171,7 +1168,7 @@ const Xe = ({ id: n, data: i }) => {
     (s.key === "Enter" || s.key === " ") && (s.preventDefault(), k(s));
   };
   return /* @__PURE__ */ t("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(G, { id: n, path: l, style: { stroke: "#b0bec5" } }),
+    /* @__PURE__ */ e(V, { id: n, path: l, style: { stroke: "#b0bec5" } }),
     /* @__PURE__ */ t(
       "g",
       {
@@ -1245,7 +1242,7 @@ const Xe = ({ id: n, data: i }) => {
   ] });
 }, vt = ({ id: n, sourceX: i, sourceY: f, targetX: p, targetY: c }) => {
   const [r] = U({ sourceX: i, sourceY: f, targetX: p, targetY: c });
-  return /* @__PURE__ */ e(G, { id: n, path: r, style: { stroke: "#b0bec5" } });
+  return /* @__PURE__ */ e(V, { id: n, path: r, style: { stroke: "#b0bec5" } });
 }, st = 11.5, le = 2, H = 6, ct = -24, re = 40, se = 20, ce = 4, wt = ({
   id: n,
   sourceX: i,
@@ -1271,7 +1268,7 @@ const Xe = ({ id: n, data: i }) => {
     (v.key === "Enter" || v.key === " ") && (v.preventDefault(), m(v));
   };
   return /* @__PURE__ */ t("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(G, { id: n, path: l, style: { stroke: "#b0bec5" } }),
+    /* @__PURE__ */ e(V, { id: n, path: l, style: { stroke: "#b0bec5" } }),
     /* @__PURE__ */ t(
       "g",
       {
@@ -1325,13 +1322,13 @@ const Xe = ({ id: n, data: i }) => {
   data: d
 }) => {
   const u = (d == null ? void 0 : d.verticalRouting) ?? !1, y = 30, k = u ? (() => {
-    const E = h - y;
-    return `M ${p},${E} L ${r},${E} L ${r},${h}`;
+    const T = h - y;
+    return `M ${p},${T} L ${r},${T} L ${r},${h}`;
   })() : (() => {
-    const E = c + 30;
-    return `M ${p},${c} L ${p},${E} L ${r},${E} L ${r},${h}`;
-  })(), g = o.stroke || "#d1d5db", s = d == null ? void 0 : d.label, S = (d == null ? void 0 : d.isFirst) ?? !1, m = d == null ? void 0 : d.onAddStepClick, C = u ? h - y : c + 30, v = p + (r - p) * (u ? 0.25 : 0.35), R = p + (r - p) * (u ? 0.65 : 0.7), T = C, A = (E) => {
-    E.stopPropagation(), m && m(i, {
+    const T = c + 30;
+    return `M ${p},${c} L ${p},${T} L ${r},${T} L ${r},${h}`;
+  })(), g = o.stroke || "#d1d5db", s = d == null ? void 0 : d.label, S = (d == null ? void 0 : d.isFirst) ?? !1, m = d == null ? void 0 : d.onAddStepClick, C = u ? h - y : c + 30, v = p + (r - p) * (u ? 0.25 : 0.35), L = p + (r - p) * (u ? 0.65 : 0.7), E = C, A = (T) => {
+    T.stopPropagation(), m && m(i, {
       edgeId: n,
       nodeId: i,
       sourceNodeId: i,
@@ -1344,15 +1341,15 @@ const Xe = ({ id: n, data: i }) => {
   }, I = 11.5, z = 6;
   return /* @__PURE__ */ t("g", { children: [
     /* @__PURE__ */ e("path", { id: n, d: k, fill: "none", stroke: g, strokeWidth: 1.5, markerEnd: l }),
-    s && !u && /* @__PURE__ */ e("g", { transform: `translate(${v}, ${T})`, children: (() => {
-      const E = Math.max(44, s.length * 7 + 20);
+    s && !u && /* @__PURE__ */ e("g", { transform: `translate(${v}, ${E})`, children: (() => {
+      const T = Math.max(44, s.length * 7 + 20);
       return /* @__PURE__ */ t(j, { children: [
         /* @__PURE__ */ e(
           "rect",
           {
-            x: -E / 2,
+            x: -T / 2,
             y: -11,
-            width: E,
+            width: T,
             height: 22,
             rx: 11,
             fill: S ? "#e8f5e9" : "#ffebee",
@@ -1378,7 +1375,7 @@ const Xe = ({ id: n, data: i }) => {
     m && /* @__PURE__ */ t(
       "g",
       {
-        transform: `translate(${R}, ${T})`,
+        transform: `translate(${L}, ${E})`,
         onClick: A,
         style: { cursor: "pointer", pointerEvents: "all" },
         className: "nodrag nopan edge-plus-svg",
@@ -1392,23 +1389,23 @@ const Xe = ({ id: n, data: i }) => {
   ] });
 };
 export {
-  Ve as A,
+  Ge as A,
   Ze as D,
   Nt as E,
-  Ge as F,
+  Ve as F,
   St as G,
   wt as L,
   Xe as N,
   vt as P,
   tt as R,
-  $e as S,
-  _e as T,
+  je as S,
+  He as T,
   et as W,
-  Be as a,
+  Ke as a,
   qe as b,
-  je as c,
+  Be as c,
   kt as d,
   xt as e,
-  Fe as f
+  $e as f
 };
-//# sourceMappingURL=GatewayBranchEdge-CrgczPYJ.js.map
+//# sourceMappingURL=GatewayBranchEdge-BWz43Sat.js.map