@alfadocs/ui-kit 0.0.12

package/dist/_chunks/workflow-map-Uf-hHAO3.js

@@ -0,0 +1,1337 @@
+import { jsx as t, jsxs as d, Fragment as fe } from "react/jsx-runtime";
+import { forwardRef as P, useMemo as V, useRef as B, useCallback as K, useEffect as me } from "react";
+import { c as L } from "./index-D2ZczOXr.js";
+import { useTranslation as z } from "react-i18next";
+import { C as _ } from "./card-n97MNPP2.js";
+import { B as pe } from "./badge--CmSr7ok.js";
+import { K as G } from "./key-value-pair--Je59tAF.js";
+import { T as he } from "./timestamp-BLM-jjdw.js";
+import { I as M } from "./icon-button-C1vpylg3.js";
+import { c as C } from "./createLucideIcon-CrFbzy84.js";
+import { C as ve } from "./circle-BkqTgYmt.js";
+import { A as W } from "./alert-C5ud6CfE.js";
+import { B as we } from "./button-CXL8bA8G.js";
+import { D as N } from "./dropdown-menu-CJKvK7VG.js";
+import { E as T } from "./empty-state-DiG7vYBM.js";
+import { P as ee } from "./plus-CYKNmfuA.js";
+import { G as te } from "./globe-BkEFMNSg.js";
+import { S as re } from "./square-check-big-Jr-0202D.js";
+import { M as ae } from "./mail-C8irm52s.js";
+import { C as oe } from "./clock-21AGPWJ5.js";
+import { C as ye } from "./chevron-up-zOEDrmBB.js";
+import { C as be } from "./chevron-down-BX_NP2Yh.js";
+import { C as ge } from "./check-DPdL_Sm7.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ke = [
+  ["path", { d: "M10.1 2.182a10 10 0 0 1 3.8 0", key: "5ilxe3" }],
+  ["path", { d: "M13.9 21.818a10 10 0 0 1-3.8 0", key: "11zvb9" }],
+  ["path", { d: "M17.609 3.721a10 10 0 0 1 2.69 2.7", key: "1iw5b2" }],
+  ["path", { d: "M2.182 13.9a10 10 0 0 1 0-3.8", key: "c0bmvh" }],
+  ["path", { d: "M20.279 17.609a10 10 0 0 1-2.7 2.69", key: "1ruxm7" }],
+  ["path", { d: "M21.818 10.1a10 10 0 0 1 0 3.8", key: "qkgqxc" }],
+  ["path", { d: "M3.721 6.391a10 10 0 0 1 2.7-2.69", key: "1mcia2" }],
+  ["path", { d: "M6.391 20.279a10 10 0 0 1-2.69-2.7", key: "1fvljs" }]
+], xe = C("circle-dashed", ke);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ne = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "10", x2: "10", y1: "15", y2: "9", key: "c1nkhi" }],
+  ["line", { x1: "14", x2: "14", y1: "15", y2: "9", key: "h65svq" }]
+], _e = C("circle-pause", Ne);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ce = [
+  ["path", { d: "M13 5h8", key: "a7qcls" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 19h8", key: "c3s6r1" }],
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }]
+], Me = C("list-checks", Ce);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ze = [
+  [
+    "path",
+    {
+      d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
+      key: "1sd12s"
+    }
+  ]
+], ne = C("message-circle", ze);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const je = [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+], O = C("pencil", je);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Se = [
+  ["path", { d: "M18.36 6.64A9 9 0 0 1 20.77 15", key: "dxknvb" }],
+  ["path", { d: "M6.16 6.16a9 9 0 1 0 12.68 12.68", key: "1x7qb5" }],
+  ["path", { d: "M12 2v4", key: "3427ic" }],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
+], Ae = C("power-off", Se);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ie = [
+  ["path", { d: "M12 2v10", key: "mnfbl" }],
+  ["path", { d: "M18.4 6.6a9 9 0 1 1-12.77.04", key: "obofu9" }]
+], Te = C("power", Ie);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Le = [
+  ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }]
+], ie = C("smartphone", Le);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const De = [
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+], se = C("trash-2", De);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ee = [
+  ["path", { d: "M10 15H6a4 4 0 0 0-4 4v2", key: "1nfge6" }],
+  ["path", { d: "m14.305 16.53.923-.382", key: "1itpsq" }],
+  ["path", { d: "m15.228 13.852-.923-.383", key: "eplpkm" }],
+  ["path", { d: "m16.852 12.228-.383-.923", key: "13v3q0" }],
+  ["path", { d: "m16.852 17.772-.383.924", key: "1i8mnm" }],
+  ["path", { d: "m19.148 12.228.383-.923", key: "1q8j1v" }],
+  ["path", { d: "m19.53 18.696-.382-.924", key: "vk1qj3" }],
+  ["path", { d: "m20.772 13.852.924-.383", key: "n880s0" }],
+  ["path", { d: "m20.772 16.148.924.383", key: "1g6xey" }],
+  ["circle", { cx: "18", cy: "15", r: "3", key: "gjjjvw" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
+], le = C("user-cog", Ee), Be = L("relative w-full", {
+  variants: {
+    density: {
+      comfortable: "",
+      compact: ""
+    }
+  },
+  defaultVariants: {
+    density: "comfortable"
+  }
+});
+function Ke(e) {
+  switch (e) {
+    case "active":
+      return {
+        badgeVariant: "success",
+        icon: /* @__PURE__ */ t(ve, { className: "fill-current", "aria-hidden": "true" })
+      };
+    case "paused":
+      return {
+        badgeVariant: "warning",
+        icon: /* @__PURE__ */ t(_e, { "aria-hidden": "true" })
+      };
+    case "inactive":
+    default:
+      return {
+        badgeVariant: "neutral",
+        icon: /* @__PURE__ */ t(xe, { "aria-hidden": "true" })
+      };
+  }
+}
+const $e = P(
+  function({
+    workflow: r,
+    density: a = "comfortable",
+    onView: o,
+    onEdit: l,
+    onDelete: i,
+    onToggleActive: n,
+    className: p
+  }, m) {
+    const { t: u } = z(), s = Ke(r.status), c = r.status === "active", y = a === "compact", h = (v) => (g) => {
+      g.stopPropagation(), v == null || v();
+    }, k = /* @__PURE__ */ t(
+      pe,
+      {
+        variant: s.badgeVariant,
+        leading: s.icon,
+        withDot: !1,
+        children: u(`workflow.status.${r.status}`)
+      }
+    ), x = u("workflow.card.activeEnrollments");
+    return /* @__PURE__ */ d(
+      _,
+      {
+        ref: m,
+        variant: "default",
+        className: Be({ density: a, className: p }),
+        children: [
+          /* @__PURE__ */ t(_.Header, { children: /* @__PURE__ */ d("div", { className: "flex items-start justify-between gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ d("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-xs)]", children: [
+              /* @__PURE__ */ t("h3", { className: "m-0 type-title-card text-[color:var(--foreground)] [overflow-wrap:anywhere] break-words", children: o ? /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => o(r.id),
+                  className: [
+                    "text-start font-inherit text-inherit",
+                    // Inset overlay that turns the whole card into a
+                    // click target without nesting buttons. The
+                    // IconButton cluster in the footer paints above
+                    // this pseudo via `position: relative` + z-10.
+                    'after:absolute after:inset-0 after:content-[""]',
+                    "after:rounded-[var(--radius-lg)]",
+                    "focus-visible:outline-none",
+                    "focus-visible:after:outline-[length:var(--focus-ring-width)]",
+                    "focus-visible:after:outline-solid",
+                    "focus-visible:after:outline-[color:var(--ring)]",
+                    "focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]"
+                  ].join(" "),
+                  children: r.name
+                }
+              ) : r.name }),
+              y && /* @__PURE__ */ d("span", { className: "flex items-baseline gap-[var(--spacing-xs)] type-body-sm text-[color:var(--muted-foreground)]", children: [
+                /* @__PURE__ */ t("span", { children: x }),
+                /* @__PURE__ */ t("span", { className: "font-medium text-[color:var(--foreground)]", children: r.stats.activeEnrollments })
+              ] })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "shrink-0", children: k })
+          ] }) }),
+          !y && /* @__PURE__ */ d(_.Body, { className: "flex flex-col gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ t(
+              G,
+              {
+                label: u("workflow.card.activeEnrollments"),
+                value: r.stats.activeEnrollments
+              }
+            ),
+            /* @__PURE__ */ t(
+              G,
+              {
+                label: u("workflow.card.totalEnrollments"),
+                value: r.stats.totalEnrollments
+              }
+            )
+          ] }),
+          /* @__PURE__ */ d(_.Footer, { className: "flex-wrap items-center justify-between gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ d("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-xs)] type-body-sm text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ t("span", { className: "truncate", title: r.createdBy, children: u("workflow.createdBy", { name: r.createdBy }) }),
+              r.updatedAt && /* @__PURE__ */ t(
+                he,
+                {
+                  value: r.updatedAt,
+                  format: "absolute",
+                  shape: "bare",
+                  absoluteFormat: { dateStyle: "medium" },
+                  className: "truncate"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ d("div", { className: "relative z-10 flex shrink-0 items-center gap-[var(--spacing-xs)] ms-auto", children: [
+              l && /* @__PURE__ */ t(
+                M,
+                {
+                  icon: /* @__PURE__ */ t(O, {}),
+                  size: "sm",
+                  intent: "ghost",
+                  "aria-label": u("workflow.card.edit"),
+                  onClick: h(() => l(r.id))
+                }
+              ),
+              n && /* @__PURE__ */ t(
+                M,
+                {
+                  icon: c ? /* @__PURE__ */ t(Ae, {}) : /* @__PURE__ */ t(Te, {}),
+                  size: "sm",
+                  intent: "ghost",
+                  "aria-label": u(
+                    c ? "workflow.card.deactivate" : "workflow.card.activate"
+                  ),
+                  onClick: h(
+                    () => n(r.id, !c)
+                  )
+                }
+              ),
+              i && /* @__PURE__ */ t(
+                M,
+                {
+                  icon: /* @__PURE__ */ t(se, {}),
+                  size: "sm",
+                  intent: "destructive",
+                  "aria-label": u("workflow.card.delete"),
+                  onClick: h(() => i(r.id))
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+$e.displayName = "WorkflowCard";
+function H(e) {
+  if (e.nodes.length === 0) return [];
+  const r = e.edges.filter(
+    (s) => s.condition == null
+  ), a = new Set(r.map((s) => s.to)), l = e.nodes.filter((s) => !a.has(s.id))[0] ?? e.nodes[0], i = new Map(e.nodes.map((s) => [s.id, s])), n = /* @__PURE__ */ new Map();
+  for (const s of r) {
+    const c = n.get(s.from) ?? [];
+    c.push(s), n.set(s.from, c);
+  }
+  const p = /* @__PURE__ */ new Set(), m = [];
+  let u = l;
+  for (; u && !p.has(u.id); ) {
+    p.add(u.id), m.push(u);
+    const s = n.get(u.id) ?? [];
+    s.length > 1 && typeof console < "u" && console.warn(
+      `[workflow] node ${u.id} has ${s.length} outgoing linear edges; v1 walks the first only.`
+    ), u = s[0] ? i.get(s[0].to) : void 0;
+  }
+  for (const s of e.nodes)
+    p.has(s.id) || m.push(s);
+  return m;
+}
+function F(e, r, a) {
+  const o = [...e.nodes, a];
+  if (r === null) {
+    const n = e.nodes[0];
+    return n ? {
+      nodes: o,
+      edges: [
+        { from: a.id, to: n.id, condition: null },
+        ...e.edges
+      ]
+    } : { nodes: o, edges: [] };
+  }
+  const l = e.edges.find(
+    (n) => n.from === r && n.condition == null
+  );
+  if (!l)
+    return {
+      nodes: o,
+      edges: [
+        ...e.edges,
+        { from: r, to: a.id, condition: null }
+      ]
+    };
+  const i = e.edges.filter((n) => n !== l);
+  return {
+    nodes: o,
+    edges: [
+      ...i,
+      { from: r, to: a.id, condition: null },
+      { from: a.id, to: l.to, condition: null }
+    ]
+  };
+}
+function Y(e, r) {
+  const a = e.edges.find(
+    (n) => n.to === r && n.condition == null
+  ), o = e.edges.find(
+    (n) => n.from === r && n.condition == null
+  ), l = e.edges.filter(
+    (n) => n.from !== r && n.to !== r
+  ), i = a && o ? [
+    ...l,
+    { from: a.from, to: o.to, condition: null }
+  ] : l;
+  return {
+    nodes: e.nodes.filter((n) => n.id !== r),
+    edges: i
+  };
+}
+function qe(e, r, a) {
+  var h;
+  const o = H(e), l = o.findIndex((k) => k.id === r);
+  if (l === -1) return e;
+  const i = a === "up" ? l - 1 : l + 1;
+  if (i < 0 || i >= o.length) return e;
+  const n = o[l], p = o[i];
+  if (!n || !p) return e;
+  const m = Y(Y(e, n.id), p.id), u = a === "up" ? n : p, s = a === "up" ? p : n, c = ((h = o[Math.min(l, i) - 1]) == null ? void 0 : h.id) ?? null, y = F(m, c, u);
+  return F(y, u.id, s);
+}
+const Re = /* @__PURE__ */ new Set([
+  "dateOfBirth",
+  "date_of_birth",
+  "firstName",
+  "first_name",
+  "lastName",
+  "last_name",
+  "name",
+  "email",
+  "phone",
+  "phoneNumber",
+  "phone_number",
+  "fiscalCode",
+  "fiscal_code",
+  "taxId",
+  "tax_id",
+  "gender",
+  "address",
+  "id"
+]);
+function Ve(e) {
+  return Re.has(e);
+}
+const D = {
+  add_delay: {
+    labelKey: "workflow.action.addDelay",
+    iconName: "Clock"
+  },
+  send_email: {
+    labelKey: "workflow.action.sendEmail",
+    iconName: "Mail"
+  },
+  send_sms: {
+    labelKey: "workflow.action.sendSms",
+    iconName: "Smartphone"
+  },
+  create_task: {
+    labelKey: "workflow.action.createTask",
+    iconName: "CheckSquare"
+  },
+  send_whatsapp: {
+    labelKey: "workflow.action.sendWhatsapp",
+    iconName: "MessageCircle"
+  },
+  update_patient_field: {
+    labelKey: "workflow.action.updateField",
+    iconName: "UserCog"
+  },
+  webhook: {
+    labelKey: "workflow.action.webhook",
+    iconName: "Globe"
+  }
+}, We = {
+  Clock: oe,
+  Mail: ae,
+  Smartphone: ie,
+  CheckSquare: re,
+  MessageCircle: ne,
+  UserCog: le,
+  Globe: te
+};
+function U({
+  iconName: e,
+  className: r
+}) {
+  const a = We[e];
+  return /* @__PURE__ */ t(a, { "aria-hidden": "true", className: r ?? "size-4" });
+}
+const Fe = 40, Pe = 60;
+function J(e, r) {
+  return e.length <= r ? e : `${e.slice(0, r - 1)}…`;
+}
+function Oe(e, r) {
+  switch (e.kind) {
+    case "add_delay": {
+      const a = e.days ?? 0, o = r("workflow.delay.summary", { count: a });
+      return { text: o, full: o };
+    }
+    case "send_email": {
+      const a = e.subject ?? "", l = `${r("workflow.action.sendEmail")}: ${a}`;
+      return { text: J(l, Fe), full: l };
+    }
+    case "send_sms": {
+      const a = e.body ?? "";
+      return { text: J(a, Pe), full: a };
+    }
+    case "create_task": {
+      const a = e.title ?? "";
+      return { text: a, full: a };
+    }
+    // v2 types — generic fallback (no bespoke summariser yet).
+    case "send_whatsapp":
+    case "update_patient_field":
+    case "webhook":
+    default:
+      return null;
+  }
+}
+const Q = [
+  "flex flex-col",
+  "w-full",
+  "text-start",
+  "gap-[var(--spacing-sm)]"
+].join(" "), R = [
+  "block",
+  "self-start",
+  "h-[var(--spacing-md)]",
+  "ms-[calc(var(--min-target-size)/2)]",
+  "border-inline-start-[var(--border-width-hairline)]",
+  "border-solid",
+  "border-[color:var(--border)]"
+].join(" "), He = [
+  "inline-flex items-center justify-center gap-[var(--spacing-xs)]",
+  "min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]",
+  "rounded-[var(--radius-full)]",
+  "border border-dashed border-[color:var(--border)]",
+  "bg-[color:var(--background)]",
+  "text-[color:var(--muted-foreground)]",
+  "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
+  "text-[length:var(--font-size-sm)]",
+  "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
+  "hover:bg-[color:var(--muted)]/20 hover:text-[color:var(--foreground)]",
+  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+  "focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "forced-colors:focus-visible:outline-[CanvasText]",
+  "disabled:opacity-50 disabled:cursor-not-allowed"
+].join(" "), Ue = [
+  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+  "focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "forced-colors:focus-visible:outline-[CanvasText]",
+  "rounded-[var(--radius-lg)]"
+].join(" "), Ge = Object.keys(
+  D
+);
+let X = 0;
+function Ye() {
+  X += 1;
+  const e = Math.random().toString(36).slice(2, 8);
+  return `wf-node-${Date.now()}-${X}-${e}`;
+}
+function Je(e) {
+  switch (e) {
+    case "add_delay":
+      return { kind: "add_delay", days: 1 };
+    case "send_email":
+      return { kind: "send_email", subject: "" };
+    case "send_sms":
+      return { kind: "send_sms", body: "" };
+    case "create_task":
+      return { kind: "create_task", title: "" };
+    case "send_whatsapp":
+      return { kind: "send_whatsapp", templateName: "" };
+    case "update_patient_field":
+      return {
+        kind: "update_patient_field",
+        fieldId: "",
+        fieldLabel: "",
+        value: ""
+      };
+    case "webhook":
+      return { kind: "webhook", url: "", method: "POST" };
+  }
+}
+function Qe(e = 0) {
+  const r = B(e), a = K((o) => {
+    r.current = o;
+  }, []);
+  return [r, a];
+}
+function Xe({
+  node: e,
+  position: r,
+  total: a,
+  disabled: o,
+  onEdit: l,
+  onDelete: i,
+  onMove: n,
+  registerRef: p
+}) {
+  const { t: m } = z(), u = D[e.type], s = B(null), [c, y] = Qe(0), h = K(
+    (w) => {
+      var f, b;
+      const S = (f = s.current) == null ? void 0 : f.querySelectorAll(
+        "button[data-wf-control]:not([disabled])"
+      );
+      if (!S || S.length === 0) return;
+      const I = Math.max(0, Math.min(w, S.length - 1));
+      (b = S[I]) == null || b.focus(), y(I);
+    },
+    [y]
+  ), k = (w) => {
+    w.target === w.currentTarget && (w.key === "ArrowRight" || w.key === "ArrowDown") && (w.preventDefault(), h(0));
+  }, x = (w) => {
+    w.key === "ArrowRight" ? (w.preventDefault(), h(c.current + 1)) : w.key === "ArrowLeft" ? (w.preventDefault(), h(c.current - 1)) : w.key === "Home" ? (w.preventDefault(), h(0)) : w.key === "End" && (w.preventDefault(), h(Number.POSITIVE_INFINITY));
+  }, v = Oe(e.settings, m), g = m(u.labelKey), j = r > 0, A = r < a - 1, $ = m("workflow.editor.position", {
+    current: r + 1,
+    total: a
+  }), q = m("workflow.editor.nodeAriaLabel", {
+    type: g,
+    current: r + 1,
+    total: a
+  });
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: (w) => p(e.id, w),
+      tabIndex: o ? -1 : 0,
+      onKeyDown: k,
+      "aria-label": q,
+      className: Ue,
+      children: /* @__PURE__ */ d(_, { variant: "outlined", children: [
+        /* @__PURE__ */ t(_.Header, { className: "pb-[var(--spacing-sm)]", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "inline-flex size-8 shrink-0 items-center justify-center rounded-[var(--radius-sm)] bg-[color:var(--muted)]/20 text-[color:var(--foreground)]",
+              children: /* @__PURE__ */ t(U, { iconName: u.iconName, className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ d("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ t("span", { className: "text-[length:var(--font-size-sm)] font-[var(--font-weight-semibold)] text-[color:var(--foreground)] [overflow-wrap:anywhere] break-words", children: g }),
+            /* @__PURE__ */ t("span", { className: "text-[length:var(--font-size-xs)] text-[color:var(--muted-foreground)]", children: $ })
+          ] }),
+          /* @__PURE__ */ d(
+            "div",
+            {
+              ref: s,
+              onKeyDown: x,
+              className: "flex shrink-0 items-center gap-[var(--spacing-xs)] ms-auto",
+              children: [
+                l ? /* @__PURE__ */ t(
+                  M,
+                  {
+                    "data-wf-control": "edit",
+                    icon: /* @__PURE__ */ t(O, {}),
+                    size: "sm",
+                    intent: "ghost",
+                    disabled: o,
+                    tabIndex: -1,
+                    "aria-label": m("workflow.editor.editAction"),
+                    onClick: () => l(e.id)
+                  }
+                ) : null,
+                /* @__PURE__ */ t(
+                  M,
+                  {
+                    "data-wf-control": "up",
+                    icon: /* @__PURE__ */ t(ye, {}),
+                    size: "sm",
+                    intent: "ghost",
+                    disabled: o || !j,
+                    tabIndex: -1,
+                    "aria-label": m("workflow.editor.moveUp"),
+                    onClick: () => n(e.id, "up")
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  M,
+                  {
+                    "data-wf-control": "down",
+                    icon: /* @__PURE__ */ t(be, {}),
+                    size: "sm",
+                    intent: "ghost",
+                    disabled: o || !A,
+                    tabIndex: -1,
+                    "aria-label": m("workflow.editor.moveDown"),
+                    onClick: () => n(e.id, "down")
+                  }
+                ),
+                i ? /* @__PURE__ */ t(
+                  M,
+                  {
+                    "data-wf-control": "delete",
+                    icon: /* @__PURE__ */ t(se, {}),
+                    size: "sm",
+                    intent: "destructive",
+                    disabled: o,
+                    tabIndex: -1,
+                    "aria-label": m("workflow.editor.deleteAction"),
+                    onClick: () => i(e.id)
+                  }
+                ) : null
+              ]
+            }
+          )
+        ] }) }),
+        v ? /* @__PURE__ */ t(_.Body, { className: "pt-0", children: /* @__PURE__ */ t(
+          "p",
+          {
+            className: "text-[length:var(--font-size-sm)] text-[color:var(--muted-foreground)] [overflow-wrap:anywhere] break-words",
+            title: v.full,
+            children: v.text
+          }
+        ) }) : null,
+        e.settings.kind === "update_patient_field" && Ve(e.settings.fieldId) ? /* @__PURE__ */ t(_.Body, { className: "pt-0", children: /* @__PURE__ */ t(
+          W,
+          {
+            variant: "error",
+            "data-testid": "workflow-editor-invalid-field",
+            children: m("workflow.editor.invalidField")
+          }
+        ) }) : null
+      ] })
+    }
+  );
+}
+function Z({
+  availableActions: e,
+  onSelect: r,
+  disabled: a,
+  label: o,
+  compact: l = !0
+}) {
+  const { t: i } = z();
+  return /* @__PURE__ */ d(N.Root, { children: [
+    /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        disabled: a,
+        "aria-label": o,
+        className: He,
+        children: [
+          /* @__PURE__ */ t(ee, { "aria-hidden": "true", className: "size-4" }),
+          l ? null : /* @__PURE__ */ t("span", { className: "text-[length:var(--font-size-sm)]", children: o })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ d(N.Content, { align: "start", sideOffset: 6, children: [
+      /* @__PURE__ */ t(N.Label, { children: i("workflow.editor.addAction") }),
+      e.map((n) => {
+        const p = D[n];
+        return /* @__PURE__ */ t(
+          N.Item,
+          {
+            startIcon: /* @__PURE__ */ t(U, { iconName: p.iconName }),
+            onSelect: () => r(n),
+            children: i(p.labelKey)
+          },
+          n
+        );
+      })
+    ] })
+  ] });
+}
+function Ze({ criteria: e, onEdit: r, disabled: a }) {
+  const { t: o } = z(), l = (e == null ? void 0 : e.ruleCount) ?? 0, i = l > 0 ? o("workflow.editor.criteriaCount", { count: l }) : o("workflow.editor.noCriteria");
+  return /* @__PURE__ */ t(_, { variant: "outlined", children: /* @__PURE__ */ t(_.Header, { className: "pb-[var(--spacing-sm)]", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ d("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ t("span", { className: "text-[length:var(--font-size-sm)] font-[var(--font-weight-semibold)] text-[color:var(--foreground)]", children: o("workflow.editor.enrollmentCriteria") }),
+      /* @__PURE__ */ t("span", { className: "text-[length:var(--font-size-sm)] text-[color:var(--muted-foreground)] [overflow-wrap:anywhere] break-words", children: (e == null ? void 0 : e.summary) ?? i })
+    ] }),
+    r ? /* @__PURE__ */ t(
+      M,
+      {
+        icon: /* @__PURE__ */ t(O, {}),
+        size: "sm",
+        intent: "ghost",
+        disabled: a,
+        "aria-label": o("workflow.editor.editCriteria"),
+        onClick: r
+      }
+    ) : null
+  ] }) }) });
+}
+const et = P(
+  function({
+    graph: r,
+    onChange: a,
+    enrollmentCriteria: o,
+    onEditEnrollmentCriteria: l,
+    isActive: i = !1,
+    availableActions: n,
+    onEditNode: p,
+    onDeleteNode: m,
+    className: u
+  }, s) {
+    const { t: c } = z(), y = n ?? Ge, h = V(() => H(r), [r]), k = B(/* @__PURE__ */ new Map()), x = B(null), v = K(
+      (f) => {
+        i || a(f);
+      },
+      [i, a]
+    ), g = K(
+      (f, b) => {
+        b ? k.current.set(f, b) : k.current.delete(f);
+      },
+      []
+    );
+    me(() => {
+      const f = x.current;
+      if (!f) return;
+      const b = k.current.get(f);
+      b && (b.focus(), x.current = null);
+    });
+    const j = (f, b) => {
+      if (i) return;
+      const E = {
+        id: Ye(),
+        type: b,
+        settings: Je(b)
+      };
+      x.current = E.id, v(F(r, f, E));
+    }, A = (f, b) => {
+      i || (x.current = f, v(qe(r, f, b)));
+    }, $ = (f) => {
+      i || !p || p(f);
+    }, q = (f) => {
+      i || !m || m(f);
+    }, w = () => i ? /* @__PURE__ */ t(W, { variant: "warning", children: /* @__PURE__ */ t(W.Title, { as: "p", children: c("workflow.editor.activeLock") }) }) : null, S = () => o || l ? /* @__PURE__ */ d(fe, { children: [
+      /* @__PURE__ */ t(
+        Ze,
+        {
+          criteria: o,
+          onEdit: l,
+          disabled: i
+        }
+      ),
+      /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R })
+    ] }) : null, I = h.length;
+    return I === 0 ? /* @__PURE__ */ d(
+      "div",
+      {
+        ref: s,
+        className: [Q, u].filter(Boolean).join(" "),
+        children: [
+          w(),
+          S(),
+          /* @__PURE__ */ d(
+            T,
+            {
+              variant: "first-use",
+              title: c("workflow.editor.addFirstAction"),
+              description: c("workflow.editor.empty"),
+              children: [
+                /* @__PURE__ */ t(T.Illustration, { children: /* @__PURE__ */ d(
+                  "svg",
+                  {
+                    viewBox: "0 0 120 120",
+                    fill: "none",
+                    "aria-hidden": "true",
+                    className: "w-full h-full",
+                    children: [
+                      /* @__PURE__ */ t(
+                        "circle",
+                        {
+                          cx: "60",
+                          cy: "60",
+                          r: "50",
+                          fill: "var(--muted)",
+                          stroke: "var(--border)",
+                          strokeWidth: "2"
+                        }
+                      ),
+                      /* @__PURE__ */ t(
+                        "rect",
+                        {
+                          x: "55",
+                          y: "30",
+                          width: "10",
+                          height: "60",
+                          rx: "5",
+                          fill: "var(--primary)"
+                        }
+                      ),
+                      /* @__PURE__ */ t(
+                        "rect",
+                        {
+                          x: "30",
+                          y: "55",
+                          width: "60",
+                          height: "10",
+                          rx: "5",
+                          fill: "var(--primary)"
+                        }
+                      )
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ t(T.Title, { children: c("workflow.editor.addFirstAction") }),
+                /* @__PURE__ */ t(T.Description, { children: c("workflow.editor.empty") }),
+                /* @__PURE__ */ t(T.Actions, { children: /* @__PURE__ */ d(N.Root, { children: [
+                  /* @__PURE__ */ t(N.Trigger, { asChild: !0, children: /* @__PURE__ */ d(we, { intent: "primary", disabled: i, children: [
+                    /* @__PURE__ */ t(ee, { "aria-hidden": "true", className: "size-4" }),
+                    /* @__PURE__ */ t("span", { children: c("workflow.editor.addFirstAction") })
+                  ] }) }),
+                  /* @__PURE__ */ d(N.Content, { align: "center", sideOffset: 6, children: [
+                    /* @__PURE__ */ t(N.Label, { children: c("workflow.editor.addAction") }),
+                    y.map((f) => {
+                      const b = D[f];
+                      return /* @__PURE__ */ t(
+                        N.Item,
+                        {
+                          startIcon: /* @__PURE__ */ t(U, { iconName: b.iconName }),
+                          onSelect: () => j(null, f),
+                          children: c(b.labelKey)
+                        },
+                        f
+                      );
+                    })
+                  ] })
+                ] }) })
+              ]
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ d(
+      "div",
+      {
+        ref: s,
+        className: [Q, u].filter(Boolean).join(" "),
+        children: [
+          w(),
+          S(),
+          /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+            Z,
+            {
+              availableActions: y,
+              disabled: i,
+              label: c("workflow.editor.addAction"),
+              onSelect: (f) => j(null, f)
+            }
+          ) }),
+          /* @__PURE__ */ t(
+            "ol",
+            {
+              role: "list",
+              "aria-label": c("workflow.editor.pipeline"),
+              className: "list-none m-0 p-0 flex flex-col",
+              children: h.map((f, b) => /* @__PURE__ */ d("li", { className: "list-none flex flex-col", children: [
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R }),
+                /* @__PURE__ */ t(
+                  Xe,
+                  {
+                    node: f,
+                    position: b,
+                    total: I,
+                    disabled: i,
+                    onEdit: p ? $ : void 0,
+                    onDelete: m ? q : void 0,
+                    onMove: A,
+                    registerRef: g
+                  }
+                ),
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: R }),
+                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+                  Z,
+                  {
+                    availableActions: y,
+                    disabled: i,
+                    label: c("workflow.editor.addActionAfter"),
+                    onSelect: (E) => j(f.id, E)
+                  }
+                ) })
+              ] }, f.id))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+et.displayName = "WorkflowEditor";
+const tt = {
+  Clock: oe,
+  Mail: ae,
+  Smartphone: ie,
+  CheckSquare: re,
+  MessageCircle: ne,
+  UserCog: le,
+  Globe: te
+}, rt = L(
+  // The map is a list of steps — never a list of meaningful controls.
+  // Layout via logical properties only; connectors are sibling spacers
+  // styled with border-inline-start / border-block-end (see node/spacer).
+  "flex list-none p-0 m-0",
+  {
+    variants: {
+      orientation: {
+        vertical: "flex-col items-stretch",
+        horizontal: "flex-row items-stretch flex-wrap"
+      },
+      compact: {
+        true: "gap-0",
+        false: "gap-0"
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical",
+      compact: !1
+    }
+  }
+), ce = L("flex", {
+  variants: {
+    orientation: {
+      vertical: "flex-col items-stretch",
+      horizontal: "flex-row items-center"
+    }
+  }
+}), de = L(
+  [
+    "relative flex items-center",
+    "gap-[var(--spacing-sm)]",
+    "rounded-[var(--radius-md)]",
+    "border border-[color:var(--border)]",
+    "bg-[var(--card)] text-[var(--card-foreground)]",
+    // Motion honours the accessible theme (--animation-duration → 0ms).
+    "transition-[box-shadow,transform,opacity] duration-[var(--animation-duration)]",
+    "motion-reduce:transition-none",
+    // Content wraps instead of pushing siblings off-screen (DE / CJK story contract).
+    "[word-break:break-word] [overflow-wrap:anywhere]"
+  ].join(" "),
+  {
+    variants: {
+      orientation: {
+        vertical: "inline-size-full",
+        horizontal: "block-size-full"
+      },
+      compact: {
+        true: "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] py-[var(--spacing-xs)] min-h-[var(--spacing-xl)]",
+        false: "ps-[var(--spacing-md)] pe-[var(--spacing-md)] py-[var(--spacing-sm)]"
+      },
+      state: {
+        completed: "",
+        current: "ring-2 ring-[color:var(--ring)] font-[var(--font-weight-semibold)]",
+        // Pending state uses a dashed border + muted foreground so the
+        // step reads as "upcoming" without dropping text contrast below
+        // the 4.5:1 AA floor in dark-accessible. Applying opacity to
+        // text that is already on --muted-foreground fails axe on the
+        // dark themes (contrast ~3.6:1 after a 50 % dim).
+        pending: "border-dashed text-[color:var(--muted-foreground)] [&_[data-testid=workflow-map-summary]]:text-[color:var(--muted-foreground)]",
+        neutral: ""
+      },
+      interactive: {
+        true: [
+          "cursor-pointer",
+          "hover:shadow-[var(--shadow-sm)]",
+          "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+          "focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+        ].join(" "),
+        false: ""
+      }
+    }
+  }
+), ue = L(
+  [
+    "block",
+    "border-solid",
+    "border-[color:var(--border)]"
+  ].join(" "),
+  {
+    variants: {
+      orientation: {
+        vertical: [
+          // Single edge: `border-s-[length:…]` maps to
+          // `border-inline-start-width` in Tailwind v4, so only the
+          // inline-start side renders — the other three stay at 0.
+          // `ms-[…]` aligns the line under the icon column.
+          "ms-[calc(var(--spacing-md)+var(--spacing-sm))]",
+          "border-s-[length:var(--border-width-hairline)]",
+          "border-inline-start"
+        ].join(" "),
+        horizontal: [
+          "self-center",
+          "border-b-[length:var(--border-width-hairline)]",
+          "border-block-end"
+        ].join(" ")
+      },
+      compact: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        orientation: "vertical",
+        compact: !1,
+        class: "h-[var(--spacing-md)]"
+      },
+      {
+        orientation: "vertical",
+        compact: !0,
+        class: "h-[var(--spacing-sm)]"
+      },
+      {
+        orientation: "horizontal",
+        compact: !1,
+        class: "w-[var(--spacing-md)]"
+      },
+      {
+        orientation: "horizontal",
+        compact: !0,
+        class: "w-[var(--spacing-sm)]"
+      }
+    ]
+  }
+);
+function at(e) {
+  switch (e.kind) {
+    case "add_delay":
+      return typeof e.days == "number" && e.days > 0 ? {
+        key: "workflow.delay.days",
+        options: { count: e.days }
+      } : typeof e.hours == "number" && e.hours > 0 ? {
+        key: "workflow.delay.hours",
+        options: { count: e.hours }
+      } : typeof e.minutes == "number" && e.minutes > 0 ? {
+        key: "workflow.delay.minutes",
+        options: { count: e.minutes }
+      } : void 0;
+    case "send_email":
+      return e.subject || void 0;
+    case "send_sms":
+      return e.body || void 0;
+    case "create_task":
+      return e.title || void 0;
+    case "send_whatsapp":
+      return e.templateName || void 0;
+    case "update_patient_field":
+      return e.fieldLabel || void 0;
+    case "webhook":
+      return e.url || void 0;
+    default:
+      return;
+  }
+}
+function ot(e, r) {
+  if (e !== void 0)
+    return typeof e == "string" ? e : r(e.key, e.options);
+}
+const nt = P(
+  function({
+    graph: r,
+    activeNodeId: a,
+    onNodeClick: o,
+    enrollmentCriteria: l,
+    orientation: i = "vertical",
+    compact: n = !1,
+    className: p,
+    "aria-label": m,
+    ...u
+  }, s) {
+    const { t: c } = z(), y = V(() => H(r), [r]), h = V(
+      () => a ? y.findIndex((v) => v.id === a) : -1,
+      [y, a]
+    ), k = m ?? c("workflow.map.label", { count: y.length }), x = (v) => h === -1 ? "neutral" : v === h ? "current" : v < h ? "completed" : "pending";
+    return /* @__PURE__ */ d(
+      "ol",
+      {
+        ref: s,
+        role: "list",
+        "aria-label": k,
+        className: rt({ orientation: i, compact: n, className: p }),
+        ...u,
+        children: [
+          l ? /* @__PURE__ */ t(
+            st,
+            {
+              orientation: i,
+              compact: n,
+              criteria: l
+            }
+          ) : null,
+          y.map((v, g) => {
+            const j = x(g), A = g === y.length - 1;
+            return /* @__PURE__ */ t(
+              it,
+              {
+                node: v,
+                state: j,
+                orientation: i,
+                compact: n,
+                isLast: A,
+                onNodeClick: o
+              },
+              v.id
+            );
+          })
+        ]
+      }
+    );
+  }
+);
+nt.displayName = "WorkflowMap";
+function it({
+  node: e,
+  state: r,
+  orientation: a,
+  compact: o,
+  isLast: l,
+  onNodeClick: i
+}) {
+  const { t: n } = z(), p = D[e.type], m = tt[p.iconName], u = n(p.labelKey), s = ot(at(e.settings), n), c = typeof i == "function", y = r === "current", h = r === "completed", k = (g) => {
+    c && (g.preventDefault(), i == null || i(e.id));
+  }, x = (g) => {
+    c && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), i == null || i(e.id));
+  }, v = y ? n("workflow.map.current") : h ? n("workflow.map.completed") : r === "pending" ? n("workflow.map.pending") : null;
+  return (
+    // `<li>` has implicit role="listitem"; no explicit role needed.
+    /* @__PURE__ */ d("li", { className: ce({ orientation: a }), children: [
+      /* @__PURE__ */ d(
+        "div",
+        {
+          role: c ? "button" : void 0,
+          tabIndex: c ? 0 : void 0,
+          "aria-current": y ? "step" : void 0,
+          "aria-label": c && o ? s ? n("workflow.map.nodeLabelWithSummary", {
+            type: u,
+            summary: s
+          }) : n("workflow.map.nodeLabel", { type: u }) : void 0,
+          title: o && s ? n("workflow.map.nodeLabelWithSummary", {
+            type: u,
+            summary: s
+          }) : void 0,
+          onClick: c ? k : void 0,
+          onKeyDown: c ? x : void 0,
+          className: de({
+            orientation: a,
+            compact: o,
+            state: r,
+            interactive: c
+          }),
+          "data-node-id": e.id,
+          "data-state": r,
+          children: [
+            /* @__PURE__ */ t(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "flex items-center justify-center shrink-0 size-[var(--spacing-md)] text-[var(--muted-foreground)]",
+                children: h ? /* @__PURE__ */ t(
+                  ge,
+                  {
+                    className: "size-[var(--spacing-md)] text-[color:var(--success)]",
+                    "data-testid": "workflow-map-check"
+                  }
+                ) : /* @__PURE__ */ t(m, { className: "size-[var(--spacing-md)]" })
+              }
+            ),
+            /* @__PURE__ */ d("span", { className: "flex flex-col min-w-0 flex-1", children: [
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  className: o ? "type-meta truncate" : "type-body-sm",
+                  children: u
+                }
+              ),
+              !o && s ? /* @__PURE__ */ t(
+                "span",
+                {
+                  className: "type-meta text-[var(--muted-foreground)]",
+                  "data-testid": "workflow-map-summary",
+                  children: s
+                }
+              ) : null
+            ] }),
+            v ? /* @__PURE__ */ t("span", { className: "sr-only", children: v }) : null
+          ]
+        }
+      ),
+      l ? null : /* @__PURE__ */ t(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: ue({ orientation: a, compact: o }),
+          "data-testid": "workflow-map-connector"
+        }
+      )
+    ] })
+  );
+}
+function st({
+  orientation: e,
+  compact: r,
+  criteria: a
+}) {
+  const { t: o } = z();
+  return /* @__PURE__ */ d("li", { className: ce({ orientation: e }), children: [
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: de({
+          orientation: e,
+          compact: r,
+          state: "neutral",
+          interactive: !1
+        }),
+        "data-testid": "workflow-map-criteria",
+        children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "flex items-center justify-center shrink-0 size-[var(--spacing-md)] text-[var(--muted-foreground)]",
+              children: /* @__PURE__ */ t(Me, { className: "size-[var(--spacing-md)]" })
+            }
+          ),
+          /* @__PURE__ */ d("span", { className: "flex flex-col min-w-0 flex-1", children: [
+            /* @__PURE__ */ t(
+              "span",
+              {
+                className: r ? "type-meta truncate" : "type-body-sm",
+                children: o("workflow.editor.enrollmentCriteria")
+              }
+            ),
+            r ? null : /* @__PURE__ */ t("span", { className: "type-meta text-[var(--muted-foreground)]", children: a.summary ?? o("workflow.editor.criteriaCount", {
+              count: a.ruleCount
+            }) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: ue({ orientation: e, compact: r })
+      }
+    )
+  ] });
+}
+export {
+  Re as C,
+  $e as W,
+  et as a,
+  nt as b,
+  F as c,
+  Ve as i,
+  H as l,
+  qe as m,
+  Y as r,
+  D as w
+};
+//# sourceMappingURL=workflow-map-Uf-hHAO3.js.map