@ixo/editor 1.10.1 → 1.11.0

package/dist/{chunk-IILVJR2F.mjs → chunk-7MKIYHNA.mjs}

@@ -1036,14 +1036,15 @@ import { Card as Card2, Checkbox, Group as Group2, Stack as Stack6, Text as Text
 
 // src/mantine/utils/iconMap.tsx
 import React9 from "react";
-import { IconSquareCheck, IconFileText, IconCheckbox, IconNote, IconChecklist, IconThumbUp } from "@tabler/icons-react";
+import { IconSquareCheck, IconFileText, IconCheckbox, IconNote, IconChecklist, IconThumbUp, IconBell } from "@tabler/icons-react";
 var ICON_MAP = {
   "square-check": IconSquareCheck,
   "file-text": IconFileText,
   checklist: IconChecklist,
   checkbox: IconCheckbox,
   note: IconNote,
-  "thumb-up": IconThumbUp
+  "thumb-up": IconThumbUp,
+  bell: IconBell
 };
 var getIcon = (key, size = 20, stroke = 1.5, fallback = "square-check") => {
   const validKey = key in ICON_MAP ? key : fallback;
@@ -8227,6 +8228,566 @@ var EnumChecklistBlock = createReactBlockSpec6(
   }
 );
 
+// src/mantine/blocks/notify/NotifyBlockSpec.tsx
+import React103 from "react";
+import { createReactBlockSpec as createReactBlockSpec7 } from "@blocknote/react";
+
+// src/mantine/blocks/notify/NotifyBlock.tsx
+import React102 from "react";
+
+// src/mantine/blocks/notify/template/TemplateView.tsx
+import React100, { useMemo as useMemo14 } from "react";
+
+// src/mantine/blocks/notify/template/TemplateConfig.tsx
+import React99, { useCallback as useCallback17 } from "react";
+import { Paper as Paper11, CloseButton as CloseButton7, Title as Title7 } from "@mantine/core";
+
+// src/mantine/blocks/notify/template/GeneralTab.tsx
+import React98, { useEffect as useEffect17, useState as useState26 } from "react";
+import { Divider as Divider6, Select as Select11, Stack as Stack74, Text as Text49, TextInput as TextInput36, Textarea as Textarea20, Button as Button24, Group as Group30, ActionIcon as ActionIcon13, Paper as Paper10 } from "@mantine/core";
+import { IconTrash as IconTrash2, IconPlus as IconPlus2 } from "@tabler/icons-react";
+var GeneralTab5 = ({
+  title,
+  description,
+  channel,
+  to,
+  cc,
+  bcc,
+  subject,
+  body,
+  bodyType,
+  from,
+  replyTo,
+  onTitleChange,
+  onDescriptionChange,
+  onChannelChange,
+  onToChange,
+  onCcChange,
+  onBccChange,
+  onSubjectChange,
+  onBodyChange,
+  onBodyTypeChange,
+  onFromChange,
+  onReplyToChange
+}) => {
+  const [localTitle, setLocalTitle] = useState26(title || "");
+  const [localDescription, setLocalDescription] = useState26(description || "");
+  const [localChannel, setLocalChannel] = useState26(channel || "email");
+  const [localTo, setLocalTo] = useState26(to || []);
+  const [localCc, setLocalCc] = useState26(cc || []);
+  const [localBcc, setLocalBcc] = useState26(bcc || []);
+  const [localSubject, setLocalSubject] = useState26(subject || "");
+  const [localBody, setLocalBody] = useState26(body || "");
+  const [localBodyType, setLocalBodyType] = useState26(bodyType || "text");
+  const [localFrom, setLocalFrom] = useState26(from || "");
+  const [localReplyTo, setLocalReplyTo] = useState26(replyTo || "");
+  useEffect17(() => setLocalTitle(title || ""), [title]);
+  useEffect17(() => setLocalDescription(description || ""), [description]);
+  useEffect17(() => setLocalChannel(channel || "email"), [channel]);
+  useEffect17(() => setLocalTo(to || []), [to]);
+  useEffect17(() => setLocalCc(cc || []), [cc]);
+  useEffect17(() => setLocalBcc(bcc || []), [bcc]);
+  useEffect17(() => setLocalSubject(subject || ""), [subject]);
+  useEffect17(() => setLocalBody(body || ""), [body]);
+  useEffect17(() => setLocalBodyType(bodyType || "text"), [bodyType]);
+  useEffect17(() => setLocalFrom(from || ""), [from]);
+  useEffect17(() => setLocalReplyTo(replyTo || ""), [replyTo]);
+  const handleAddRecipient = (type) => {
+    const setter = type === "to" ? setLocalTo : type === "cc" ? setLocalCc : setLocalBcc;
+    const callback = type === "to" ? onToChange : type === "cc" ? onCcChange : onBccChange;
+    const current = type === "to" ? localTo : type === "cc" ? localCc : localBcc;
+    const newRecipients = [...current, ""];
+    setter(newRecipients);
+    callback(newRecipients);
+  };
+  const handleRemoveRecipient = (type, index) => {
+    const setter = type === "to" ? setLocalTo : type === "cc" ? setLocalCc : setLocalBcc;
+    const callback = type === "to" ? onToChange : type === "cc" ? onCcChange : onBccChange;
+    const current = type === "to" ? localTo : type === "cc" ? localCc : localBcc;
+    const newRecipients = current.filter((_, i) => i !== index);
+    setter(newRecipients);
+    callback(newRecipients);
+  };
+  const handleRecipientChange = (type, index, value) => {
+    const setter = type === "to" ? setLocalTo : type === "cc" ? setLocalCc : setLocalBcc;
+    const callback = type === "to" ? onToChange : type === "cc" ? onCcChange : onBccChange;
+    const current = type === "to" ? localTo : type === "cc" ? localCc : localBcc;
+    const newRecipients = [...current];
+    newRecipients[index] = value;
+    setter(newRecipients);
+    callback(newRecipients);
+  };
+  return /* @__PURE__ */ React98.createElement(Stack74, { gap: "lg" }, /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, /* @__PURE__ */ React98.createElement(Text49, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React98.createElement(
+    TextInput36,
+    {
+      placeholder: "e.g. Welcome Email",
+      value: localTitle,
+      onChange: (event) => {
+        const newTitle = event.currentTarget.value;
+        setLocalTitle(newTitle);
+        onTitleChange(newTitle);
+      }
+    }
+  )), /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, /* @__PURE__ */ React98.createElement(Text49, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React98.createElement(
+    Textarea20,
+    {
+      placeholder: "Describe what this notification does",
+      minRows: 2,
+      value: localDescription,
+      onChange: (event) => {
+        const newDescription = event.currentTarget.value;
+        setLocalDescription(newDescription);
+        onDescriptionChange(newDescription);
+      }
+    }
+  )), /* @__PURE__ */ React98.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, /* @__PURE__ */ React98.createElement(Text49, { size: "sm", fw: 600 }, "Channel"), /* @__PURE__ */ React98.createElement(
+    Select11,
+    {
+      value: localChannel,
+      onChange: (value) => {
+        const newChannel = value || "email";
+        setLocalChannel(newChannel);
+        onChannelChange(newChannel);
+      },
+      data: [
+        { value: "email", label: "Email" },
+        { value: "sms", label: "SMS (Coming Soon)", disabled: true },
+        { value: "whatsapp", label: "WhatsApp (Coming Soon)", disabled: true },
+        { value: "rcs", label: "RCS (Coming Soon)", disabled: true }
+      ]
+    }
+  )), /* @__PURE__ */ React98.createElement(Divider6, { variant: "dashed" }), localChannel === "email" && /* @__PURE__ */ React98.createElement(React98.Fragment, null, /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, /* @__PURE__ */ React98.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React98.createElement(Text49, { size: "sm", fw: 600 }, "To (Recipients)"), /* @__PURE__ */ React98.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React98.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("to") }, "Add")), localTo.length === 0 && /* @__PURE__ */ React98.createElement(Text49, { size: "xs", c: "dimmed" }, "No recipients added yet"), /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, localTo.map((recipient, index) => /* @__PURE__ */ React98.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React98.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React98.createElement(TextInput36, { style: { flex: 1 }, placeholder: "email@example.com", value: recipient, onChange: (e) => handleRecipientChange("to", index, e.currentTarget.value) }), /* @__PURE__ */ React98.createElement(ActionIcon13, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("to", index) }, /* @__PURE__ */ React98.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, /* @__PURE__ */ React98.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React98.createElement(Text49, { size: "sm", fw: 600 }, "CC (Optional)"), /* @__PURE__ */ React98.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React98.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("cc") }, "Add")), localCc.length > 0 && /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, localCc.map((recipient, index) => /* @__PURE__ */ React98.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React98.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React98.createElement(
+    TextInput36,
+    {
+      style: { flex: 1 },
+      placeholder: "email@example.com",
+      value: recipient,
+      onChange: (e) => handleRecipientChange("cc", index, e.currentTarget.value)
+    }
+  ), /* @__PURE__ */ React98.createElement(ActionIcon13, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("cc", index) }, /* @__PURE__ */ React98.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, /* @__PURE__ */ React98.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React98.createElement(Text49, { size: "sm", fw: 600 }, "BCC (Optional)"), /* @__PURE__ */ React98.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React98.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("bcc") }, "Add")), localBcc.length > 0 && /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, localBcc.map((recipient, index) => /* @__PURE__ */ React98.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React98.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React98.createElement(
+    TextInput36,
+    {
+      style: { flex: 1 },
+      placeholder: "email@example.com",
+      value: recipient,
+      onChange: (e) => handleRecipientChange("bcc", index, e.currentTarget.value)
+    }
+  ), /* @__PURE__ */ React98.createElement(ActionIcon13, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("bcc", index) }, /* @__PURE__ */ React98.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React98.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, /* @__PURE__ */ React98.createElement(Text49, { size: "sm", fw: 600 }, "From (Optional)"), /* @__PURE__ */ React98.createElement(
+    TextInput36,
+    {
+      placeholder: "sender@example.com",
+      value: localFrom,
+      onChange: (event) => {
+        const newFrom = event.currentTarget.value;
+        setLocalFrom(newFrom);
+        onFromChange(newFrom);
+      }
+    }
+  ), /* @__PURE__ */ React98.createElement(Text49, { size: "xs", c: "dimmed" }, "Custom sender email address")), /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, /* @__PURE__ */ React98.createElement(Text49, { size: "sm", fw: 600 }, "Reply-To (Optional)"), /* @__PURE__ */ React98.createElement(
+    TextInput36,
+    {
+      placeholder: "reply@example.com",
+      value: localReplyTo,
+      onChange: (event) => {
+        const newReplyTo = event.currentTarget.value;
+        setLocalReplyTo(newReplyTo);
+        onReplyToChange(newReplyTo);
+      }
+    }
+  ), /* @__PURE__ */ React98.createElement(Text49, { size: "xs", c: "dimmed" }, "Where replies should be sent")), /* @__PURE__ */ React98.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, /* @__PURE__ */ React98.createElement(Text49, { size: "sm", fw: 600 }, "Subject"), /* @__PURE__ */ React98.createElement(
+    TextInput36,
+    {
+      placeholder: "Email subject line",
+      value: localSubject,
+      onChange: (event) => {
+        const newSubject = event.currentTarget.value;
+        setLocalSubject(newSubject);
+        onSubjectChange(newSubject);
+      }
+    }
+  )), /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, /* @__PURE__ */ React98.createElement(Text49, { size: "sm", fw: 600 }, "Body Type"), /* @__PURE__ */ React98.createElement(
+    Select11,
+    {
+      value: localBodyType,
+      onChange: (value) => {
+        const newBodyType = value || "text";
+        setLocalBodyType(newBodyType);
+        onBodyTypeChange(newBodyType);
+      },
+      data: [
+        { value: "text", label: "Plain Text" },
+        { value: "html", label: "HTML" }
+      ]
+    }
+  )), /* @__PURE__ */ React98.createElement(Stack74, { gap: "xs" }, /* @__PURE__ */ React98.createElement(Text49, { size: "sm", fw: 600 }, "Body"), /* @__PURE__ */ React98.createElement(
+    Textarea20,
+    {
+      placeholder: localBodyType === "html" ? "<h1>Hello!</h1><p>Welcome to our service.</p>" : "Email body content",
+      minRows: 6,
+      value: localBody,
+      onChange: (event) => {
+        const newBody = event.currentTarget.value;
+        setLocalBody(newBody);
+        onBodyChange(newBody);
+      }
+    }
+  ), /* @__PURE__ */ React98.createElement(Text49, { size: "xs", c: "dimmed" }, localBodyType === "html" ? "HTML content for the email body" : "Plain text content for the email body"))));
+};
+
+// src/mantine/blocks/notify/template/TemplateConfig.tsx
+var TemplateConfig5 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const updateProp = useCallback17(
+    (key, value) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          [key]: value
+        }
+      });
+    },
+    [editor, block]
+  );
+  const handleToChange = useCallback17(
+    (to) => {
+      updateProp("to", JSON.stringify(to));
+    },
+    [updateProp]
+  );
+  const handleCcChange = useCallback17(
+    (cc) => {
+      updateProp("cc", JSON.stringify(cc));
+    },
+    [updateProp]
+  );
+  const handleBccChange = useCallback17(
+    (bcc) => {
+      updateProp("bcc", JSON.stringify(bcc));
+    },
+    [updateProp]
+  );
+  return /* @__PURE__ */ React99.createElement(
+    Paper11,
+    {
+      p: "md",
+      shadow: "sm",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ React99.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "1rem"
+        }
+      },
+      /* @__PURE__ */ React99.createElement(Title7, { order: 3 }, "Notification Settings"),
+      /* @__PURE__ */ React99.createElement(CloseButton7, { onClick: closePanel })
+    ),
+    /* @__PURE__ */ React99.createElement(
+      ReusablePanel,
+      {
+        extraTabs: [
+          {
+            label: "General",
+            value: "general",
+            content: /* @__PURE__ */ React99.createElement(
+              GeneralTab5,
+              {
+                title: block.props.title || "",
+                description: block.props.description || "",
+                channel: block.props.channel || "email",
+                to: (() => {
+                  try {
+                    return typeof block.props.to === "string" ? JSON.parse(block.props.to) : block.props.to || [];
+                  } catch {
+                    return [];
+                  }
+                })(),
+                cc: (() => {
+                  try {
+                    return typeof block.props.cc === "string" ? JSON.parse(block.props.cc) : block.props.cc || [];
+                  } catch {
+                    return [];
+                  }
+                })(),
+                bcc: (() => {
+                  try {
+                    return typeof block.props.bcc === "string" ? JSON.parse(block.props.bcc) : block.props.bcc || [];
+                  } catch {
+                    return [];
+                  }
+                })(),
+                subject: block.props.subject || "",
+                body: block.props.body || "",
+                bodyType: block.props.bodyType || "text",
+                from: block.props.from || "",
+                replyTo: block.props.replyTo || "",
+                onTitleChange: (value) => updateProp("title", value),
+                onDescriptionChange: (value) => updateProp("description", value),
+                onChannelChange: (value) => updateProp("channel", value),
+                onToChange: handleToChange,
+                onCcChange: handleCcChange,
+                onBccChange: handleBccChange,
+                onSubjectChange: (value) => updateProp("subject", value),
+                onBodyChange: (value) => updateProp("body", value),
+                onBodyTypeChange: (value) => updateProp("bodyType", value),
+                onFromChange: (value) => updateProp("from", value),
+                onReplyToChange: (value) => updateProp("replyTo", value)
+              }
+            )
+          }
+        ],
+        context: { editor, block }
+      }
+    )
+  );
+};
+
+// src/mantine/blocks/notify/template/TemplateView.tsx
+import { Card as Card22, Group as Group31, Stack as Stack75, Text as Text50, ActionIcon as ActionIcon14, Badge as Badge12 } from "@mantine/core";
+var NOTIFY_TEMPLATE_PANEL_ID = "notify-template-panel";
+var NotifyTemplateView = ({ editor, block }) => {
+  const panelId = `${NOTIFY_TEMPLATE_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo14(() => /* @__PURE__ */ React100.createElement(TemplateConfig5, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  const channel = block.props.channel || "email";
+  const to = (() => {
+    try {
+      const parsed = typeof block.props.to === "string" ? JSON.parse(block.props.to) : block.props.to;
+      return Array.isArray(parsed) ? parsed : [];
+    } catch {
+      return [];
+    }
+  })();
+  const getChannelColor = (channel2) => {
+    switch (channel2) {
+      case "email":
+        return "blue";
+      case "sms":
+        return "green";
+      case "whatsapp":
+        return "teal";
+      case "rcs":
+        return "violet";
+      default:
+        return "gray";
+    }
+  };
+  return /* @__PURE__ */ React100.createElement(Card22, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React100.createElement(Badge12, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React100.createElement(Group31, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React100.createElement(Group31, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React100.createElement(ActionIcon14, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React100.createElement(Stack75, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React100.createElement(Group31, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React100.createElement(Badge12, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React100.createElement(Text50, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification")), /* @__PURE__ */ React100.createElement(Text50, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.join(", ")}` : "Click to configure recipients"), block.props.description && /* @__PURE__ */ React100.createElement(Text50, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
+};
+
+// src/mantine/blocks/notify/flow/FlowView.tsx
+import React101, { useState as useState27 } from "react";
+import { Card as Card23, Group as Group32, Stack as Stack76, Text as Text51, ActionIcon as ActionIcon15, Tooltip as Tooltip5, Button as Button25, Badge as Badge13, Collapse as Collapse2, Alert as Alert10, Loader as Loader4, Code as Code2 } from "@mantine/core";
+import { IconSend as IconSend2, IconChevronDown as IconChevronDown2, IconChevronUp as IconChevronUp2, IconCheck, IconX } from "@tabler/icons-react";
+var NotifyFlowView = ({ editor, block, isDisabled }) => {
+  const disabled = isDisabled?.isDisabled === "disable";
+  const [isLoading, setIsLoading] = useState27(false);
+  const [showDetails, setShowDetails] = useState27(false);
+  let handlers = null;
+  try {
+    handlers = useBlocknoteHandlers();
+  } catch {
+    handlers = null;
+  }
+  const channel = block.props.channel || "email";
+  const status = block.props.status || "idle";
+  const to = (() => {
+    try {
+      return typeof block.props.to === "string" ? JSON.parse(block.props.to) : block.props.to || [];
+    } catch {
+      return [];
+    }
+  })();
+  const cc = (() => {
+    try {
+      return typeof block.props.cc === "string" ? JSON.parse(block.props.cc) : block.props.cc || [];
+    } catch {
+      return [];
+    }
+  })();
+  const bcc = (() => {
+    try {
+      return typeof block.props.bcc === "string" ? JSON.parse(block.props.bcc) : block.props.bcc || [];
+    } catch {
+      return [];
+    }
+  })();
+  const getChannelColor = (channel2) => {
+    switch (channel2) {
+      case "email":
+        return "blue";
+      case "sms":
+        return "green";
+      case "whatsapp":
+        return "teal";
+      case "rcs":
+        return "violet";
+      default:
+        return "gray";
+    }
+  };
+  const getStatusColor = (status2) => {
+    switch (status2) {
+      case "sent":
+        return "green";
+      case "failed":
+        return "red";
+      case "sending":
+        return "blue";
+      default:
+        return "gray";
+    }
+  };
+  const handleSendNotification = async () => {
+    if (disabled || !handlers || to.length === 0) return;
+    setIsLoading(true);
+    editor.updateBlock(block, {
+      props: { ...block.props, status: "sending", errorMessage: "" }
+    });
+    try {
+      if (channel === "email") {
+        const params = {
+          channel: "email",
+          to: to.filter((email) => email.trim() !== ""),
+          cc: cc.filter((email) => email.trim() !== ""),
+          bcc: bcc.filter((email) => email.trim() !== ""),
+          subject: block.props.subject || "",
+          body: block.props.body || "",
+          bodyType: block.props.bodyType || "text",
+          from: block.props.from || void 0,
+          replyTo: block.props.replyTo || void 0
+        };
+        if (params.cc?.length === 0) delete params.cc;
+        if (params.bcc?.length === 0) delete params.bcc;
+        const response = await handlers.sendNotification(params);
+        editor.updateBlock(block, {
+          props: {
+            ...block.props,
+            status: "sent",
+            messageId: response.messageId,
+            sentAt: response.timestamp,
+            errorMessage: ""
+          }
+        });
+      }
+    } catch (error) {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          status: "failed",
+          errorMessage: error instanceof Error ? error.message : "Failed to send notification"
+        }
+      });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const canSend = !disabled && !isLoading && handlers && to.length > 0 && (channel === "email" ? block.props.subject && block.props.body : true);
+  const sendButton = /* @__PURE__ */ React101.createElement(
+    Button25,
+    {
+      size: "sm",
+      variant: "light",
+      color: getChannelColor(channel),
+      leftSection: isLoading ? /* @__PURE__ */ React101.createElement(Loader4, { size: 14 }) : status === "sent" ? /* @__PURE__ */ React101.createElement(IconCheck, { size: 14 }) : /* @__PURE__ */ React101.createElement(IconSend2, { size: 14 }),
+      onClick: handleSendNotification,
+      disabled: !canSend,
+      style: { flexShrink: 0 }
+    },
+    isLoading ? "Sending..." : status === "sent" ? "Sent" : "Send"
+  );
+  return /* @__PURE__ */ React101.createElement(Card23, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React101.createElement(Stack76, { gap: "md" }, /* @__PURE__ */ React101.createElement(Group32, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React101.createElement(Group32, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React101.createElement(ActionIcon15, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React101.createElement(Group32, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React101.createElement(Badge13, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React101.createElement(Text51, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification"), status !== "idle" && /* @__PURE__ */ React101.createElement(Badge13, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React101.createElement(Text51, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.slice(0, 2).join(", ")}${to.length > 2 ? ` +${to.length - 2} more` : ""}` : "No recipients"), block.props.description && /* @__PURE__ */ React101.createElement(Text51, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React101.createElement(Group32, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React101.createElement(Tooltip5, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, /* @__PURE__ */ React101.createElement(ActionIcon15, { variant: "subtle", onClick: () => setShowDetails(!showDetails) }, showDetails ? /* @__PURE__ */ React101.createElement(IconChevronUp2, { size: 16 }) : /* @__PURE__ */ React101.createElement(IconChevronDown2, { size: 16 })))), status === "failed" && block.props.errorMessage && /* @__PURE__ */ React101.createElement(Alert10, { color: "red", icon: /* @__PURE__ */ React101.createElement(IconX, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, block.props.errorMessage), status === "sent" && block.props.messageId && /* @__PURE__ */ React101.createElement(Alert10, { color: "green", icon: /* @__PURE__ */ React101.createElement(IconCheck, { size: 16 }), title: "Sent successfully", styles: { message: { fontSize: "12px" } } }, "Message ID: ", block.props.messageId, block.props.sentAt && /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement("br", null), "Sent at: ", new Date(block.props.sentAt).toLocaleString())), /* @__PURE__ */ React101.createElement(Collapse2, { in: showDetails }, /* @__PURE__ */ React101.createElement(Stack76, { gap: "md" }, channel === "email" && /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "xs", fw: 600, c: "dimmed" }, "Recipients:"), /* @__PURE__ */ React101.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+    {
+      to: to.filter((e) => e.trim() !== ""),
+      ...cc.length > 0 && { cc: cc.filter((e) => e.trim() !== "") },
+      ...bcc.length > 0 && { bcc: bcc.filter((e) => e.trim() !== "") }
+    },
+    null,
+    2
+  ))), block.props.subject && /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "xs", fw: 600, c: "dimmed" }, "Subject:"), /* @__PURE__ */ React101.createElement(Text51, { size: "xs" }, block.props.subject)), block.props.body && /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "xs", fw: 600, c: "dimmed" }, "Body (", block.props.bodyType || "text", "):"), /* @__PURE__ */ React101.createElement(Code2, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, block.props.body)), (block.props.from || block.props.replyTo) && /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "xs", fw: 600, c: "dimmed" }, "Additional:"), /* @__PURE__ */ React101.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
+    {
+      ...block.props.from && { from: block.props.from },
+      ...block.props.replyTo && { replyTo: block.props.replyTo }
+    },
+    null,
+    2
+  ))))))));
+};
+
+// src/mantine/blocks/notify/NotifyBlock.tsx
+function NotifyBlock({ editor, block }) {
+  const { editable } = useBlocknoteContext();
+  const { actions } = useBlockConditions(block, editor);
+  if (editable) {
+    return /* @__PURE__ */ React102.createElement(NotifyTemplateView, { editor, block });
+  }
+  const conditionConfig = parseConditionConfig(block.props.conditions);
+  const hasVisibility = hasVisibilityConditions(conditionConfig);
+  const showActionExists = actions.some((a) => a.action === "show");
+  const shouldHide = hasVisibility && !showActionExists;
+  if (shouldHide) {
+    return null;
+  }
+  const hasEnable = hasEnableConditions(conditionConfig);
+  const enableActionExists = actions.some((a) => a.action === "enable");
+  const shouldDisable = hasEnable && !enableActionExists;
+  return /* @__PURE__ */ React102.createElement(NotifyFlowView, { block, editor, isDisabled: shouldDisable ? { isDisabled: "disable", message: "Notification disabled by conditions" } : void 0 });
+}
+
+// src/mantine/blocks/notify/NotifyBlockSpec.tsx
+var NotifyBlockSpec = createReactBlockSpec7(
+  {
+    type: "notify",
+    propSchema: {
+      title: { default: "" },
+      description: { default: "" },
+      icon: { default: "bell" },
+      // Notification channel configuration
+      channel: { default: "email" },
+      // Email-specific fields
+      to: { default: "[]" },
+      // JSON array of recipients
+      cc: { default: "[]" },
+      // JSON array of CC recipients
+      bcc: { default: "[]" },
+      // JSON array of BCC recipients
+      subject: { default: "" },
+      body: { default: "" },
+      bodyType: { default: "text" },
+      // 'text' or 'html'
+      from: { default: "" },
+      replyTo: { default: "" },
+      // SMS/WhatsApp fields
+      templateId: { default: "" },
+      templateVariables: { default: "{}" },
+      // JSON object
+      // Execution status
+      status: { default: "idle" },
+      // 'idle', 'sending', 'sent', 'failed'
+      messageId: { default: "" },
+      sentAt: { default: "" },
+      errorMessage: { default: "" },
+      // Conditions
+      conditions: { default: "" }
+    },
+    content: "inline"
+  },
+  {
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React103.createElement(NotifyBlock, { ...ixoProps });
+    }
+  }
+);
+
 // src/mantine/blocks/registry/blockRegistry.ts
 var BlockRegistry = class {
   constructor() {
@@ -8320,12 +8881,43 @@ blockRegistry.register({
   validDependencies: [],
   defaultProps: {}
 });
+blockRegistry.register({
+  type: "notify",
+  propSchema: {
+    title: "",
+    description: "",
+    icon: "bell",
+    channel: "email",
+    to: "[]",
+    cc: "[]",
+    bcc: "[]",
+    subject: "",
+    body: "",
+    bodyType: "text",
+    from: "",
+    replyTo: "",
+    templateId: "",
+    templateVariables: "{}",
+    status: "idle",
+    messageId: "",
+    sentAt: "",
+    errorMessage: "",
+    conditions: ""
+  },
+  validDependencies: [],
+  defaultProps: {
+    icon: "bell",
+    channel: "email",
+    bodyType: "text",
+    status: "idle"
+  }
+});
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo14, useEffect as useEffect17, useState as useState26, useCallback as useCallback17 } from "react";
+import { useMemo as useMemo15, useEffect as useEffect18, useState as useState28, useCallback as useCallback18 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 
 // src/mantine/blocks/index.ts
 var blockSpecs = {
@@ -8334,7 +8926,8 @@ var blockSpecs = {
   enumChecklist: EnumChecklistBlock,
   overview: OverviewBlock,
   proposal: ProposalBlockSpec,
-  apiRequest: ApiRequestBlockSpec
+  apiRequest: ApiRequestBlockSpec,
+  notify: NotifyBlockSpec
 };
 var getExtraSlashMenuItems = (editor) => {
   const slashMenuList = [
@@ -8498,6 +9091,73 @@ var getExtraSlashMenuItems = (editor) => {
       aliases: ["actions", "proposal-actions", "dao-actions", "governance-actions"],
       group: "DAO",
       subtext: "Manage proposal actions"
+    },
+    {
+      title: "API Request",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "apiRequest",
+              props: {
+                title: "",
+                description: "",
+                icon: "square-check",
+                endpoint: "",
+                method: "GET",
+                headers: "[]",
+                body: "[]",
+                response: "",
+                status: "idle",
+                conditions: ""
+              }
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["api", "api-request", "request", "http", "fetch"],
+      group: "Basics",
+      subtext: "Make HTTP requests and handle responses"
+    },
+    {
+      title: "Notification",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "notify",
+              props: {
+                title: "",
+                description: "",
+                icon: "bell",
+                channel: "email",
+                to: "[]",
+                cc: "[]",
+                bcc: "[]",
+                subject: "",
+                body: "",
+                bodyType: "text",
+                from: "",
+                replyTo: "",
+                templateId: "",
+                templateVariables: "{}",
+                status: "idle",
+                messageId: "",
+                sentAt: "",
+                errorMessage: "",
+                conditions: ""
+              }
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["notify", "notification", "email", "alert", "message", "bird"],
+      group: "Basics",
+      subtext: "Send notifications via Email, SMS, or WhatsApp"
     }
   ];
   const yRoot = editor?._yRoot;
@@ -8576,15 +9236,15 @@ import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
 import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
 
 // src/core/hooks/useMatrixProvider.ts
-import { useEffect as useEffect18, useState as useState27, useRef as useRef3, useCallback as useCallback18, useMemo as useMemo16 } from "react";
+import { useEffect as useEffect19, useState as useState29, useRef as useRef3, useCallback as useCallback19, useMemo as useMemo17 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState27(null);
-  const [status, setStatus] = useState27("disconnected");
+  const [matrixProvider, setProvider] = useState29(null);
+  const [status, setStatus] = useState29("disconnected");
   const isMountedRef = useRef3(true);
   const providerRef = useRef3(null);
   const retryTimeoutRef = useRef3(null);
-  const providerOptions = useMemo16(
+  const providerOptions = useMemo17(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -8597,22 +9257,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback18(() => {
+  const handleDocumentAvailable = useCallback19(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback18(() => {
+  const handleDocumentUnavailable = useCallback19(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback18(() => {
+  const handleCanWriteChanged = useCallback19(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback18(async () => {
+  const initProvider = useCallback19(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -8646,7 +9306,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect18(() => {
+  useEffect19(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -8663,7 +9323,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect18(() => {
+  useEffect19(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -8672,17 +9332,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo17 } from "react";
+import { useMemo as useMemo18 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo17(() => {
+  return useMemo18(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo18, useEffect as useEffect19 } from "react";
+import { useMemo as useMemo19, useEffect as useEffect20 } from "react";
 function useCreateCollaborativeIxoEditor(options) {
   const yDoc = useCollaborativeYDoc(options);
   const {
@@ -8700,7 +9360,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo18(
+  const memoizedUser = useMemo19(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -8715,7 +9375,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const defaultUploadFile = useMemo18(
+  const defaultUploadFile = useMemo19(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -8729,7 +9389,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo18(
+  const schema = useMemo19(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -8744,11 +9404,11 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo18(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo18(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo18(() => yDoc.getArray("flow"), [yDoc]);
-  const userFragment = useMemo18(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo18(
+  const root = useMemo19(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo19(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo19(() => yDoc.getArray("flow"), [yDoc]);
+  const userFragment = useMemo19(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo19(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -8760,7 +9420,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo18(
+  const ixoConfig = useMemo19(
     () => ({
       theme,
       editable,
@@ -8779,7 +9439,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo18(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo19(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -8836,12 +9496,12 @@ function useCreateCollaborativeIxoEditor(options) {
       root.set("docType", value);
     };
   }
-  useEffect19(() => {
+  useEffect20(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -8874,19 +9534,19 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/IxoEditor.tsx
-import React99 from "react";
+import React105 from "react";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
 import { MantineProvider } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React98 from "react";
+import React104 from "react";
 function PanelContent() {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React98.createElement(
+  return /* @__PURE__ */ React104.createElement(
     "div",
     {
       style: {
@@ -8910,7 +9570,7 @@ function IxoEditorContent({
   onSelectionChange,
   children
 }) {
-  return /* @__PURE__ */ React99.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React99.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React99.createElement(
+  return /* @__PURE__ */ React105.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React105.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React105.createElement(
     BlockNoteView,
     {
       editor,
@@ -8925,7 +9585,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React99.createElement(
+    config.slashMenu && /* @__PURE__ */ React105.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -8937,7 +9597,7 @@ function IxoEditorContent({
       }
     ),
     children
-  )), /* @__PURE__ */ React99.createElement(PanelContent, null));
+  )), /* @__PURE__ */ React105.createElement(PanelContent, null));
 }
 function IxoEditor({
   editor,
@@ -8963,9 +9623,9 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React99.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React99.createElement(IxoEditorContent, { editor, config, isEditable, className, onChange, onSelectionChange }, children));
+  const editorContent = /* @__PURE__ */ React105.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React105.createElement(IxoEditorContent, { editor, config, isEditable, className, onChange, onSelectionChange }, children));
   if (mantineTheme) {
-    return /* @__PURE__ */ React99.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React105.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
@@ -9049,4 +9709,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-IILVJR2F.mjs.map
+//# sourceMappingURL=chunk-7MKIYHNA.mjs.map