@liveblocks/emails 2.25.0-aiprivatebeta8 → 3.0.0

package/dist/index.cjs

@@ -3,9 +3,15 @@ var _core = require('@liveblocks/core');
 
 // src/version.ts
 var PKG_NAME = "@liveblocks/emails";
-var PKG_VERSION = "2.25.0-aiprivatebeta8";
+var PKG_VERSION = "3.0.0";
 var PKG_FORMAT = "cjs";
 
+// src/text-mention-notification.tsx
+
+
+
+
+
 // ../../node_modules/lib0/map.js
 var create = () => /* @__PURE__ */ new Map();
 var copy = (m) => {
@@ -7693,9 +7699,6 @@ function createBatchUsersResolver({
   };
 }
 
-// src/liveblocks-text-editor.tsx
-
-
 // src/lib/constants.ts
 var MENTION_CHARACTER = "@";
 
@@ -7927,8 +7930,7 @@ function findTiptapMentionNodeWithContext({
   };
 }
 
-// src/liveblocks-text-editor.tsx
-var _jsxruntime = require('react/jsx-runtime');
+// src/liveblocks-text-editor.ts
 var baseLiveblocksTextEditorTextFormat = {
   bold: false,
   italic: false,
@@ -7967,7 +7969,8 @@ var transformLexicalMentionNodeWithContext = (mentionNodeWithContext) => {
       } else if (node.group === "decorator" && isSerializedMentionNode(node)) {
         textEditorNodes.push({
           type: "mention",
-          userId: node.attributes.__userId
+          kind: "user",
+          id: node.attributes.__userId
         });
       }
     }
@@ -7975,7 +7978,8 @@ var transformLexicalMentionNodeWithContext = (mentionNodeWithContext) => {
   transform(before);
   textEditorNodes.push({
     type: "mention",
-    userId: mention.attributes.__userId
+    kind: "user",
+    id: mention.attributes.__userId
   });
   transform(after);
   return textEditorNodes;
@@ -8008,7 +8012,8 @@ var transformTiptapMentionNodeWithContext = (mentionNodeWithContext) => {
       } else if (isSerializedMentionNode2(node)) {
         textEditorNodes.push({
           type: "mention",
-          userId: node.attrs.id
+          kind: "user",
+          id: node.attrs.id
         });
       }
     }
@@ -8016,7 +8021,8 @@ var transformTiptapMentionNodeWithContext = (mentionNodeWithContext) => {
   transform(before);
   textEditorNodes.push({
     type: "mention",
-    userId: mention.attrs.id
+    kind: "user",
+    id: mention.attrs.id
   });
   transform(after);
   return textEditorNodes;
@@ -8042,8 +8048,8 @@ var resolveUsersInLiveblocksTextEditorNodes = async (nodes, resolveUsers) => {
   }
   const mentionedUserIds = /* @__PURE__ */ new Set();
   for (const node of nodes) {
-    if (node.type === "mention") {
-      mentionedUserIds.add(node.userId);
+    if (node.type === "mention" && node.kind === "user") {
+      mentionedUserIds.add(node.id);
     }
   }
   const userIds = Array.from(mentionedUserIds);
@@ -8058,119 +8064,35 @@ var resolveUsersInLiveblocksTextEditorNodes = async (nodes, resolveUsers) => {
   }
   return resolvedUsers;
 };
-var baseComponents = {
-  Container: ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children }),
-  Mention: ({ element, user }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-mention": true, children: [
-    MENTION_CHARACTER,
-    _nullishCoalesce(_optionalChain([user, 'optionalAccess', _9 => _9.name]), () => ( element.userId))
-  ] }),
-  Text: ({ element }) => {
-    let children = element.text;
-    if (element.bold) {
-      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children });
-    }
-    if (element.italic) {
-      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "em", { children });
-    }
-    if (element.strikethrough) {
-      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "s", { children });
-    }
-    if (element.code) {
-      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { children });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children });
-  }
-};
-async function convertTextEditorNodesAsReact(nodes, options) {
-  const Components = {
-    ...baseComponents,
-    ..._optionalChain([options, 'optionalAccess', _10 => _10.components])
-  };
-  const resolvedUsers = await resolveUsersInLiveblocksTextEditorNodes(
-    nodes,
-    _optionalChain([options, 'optionalAccess', _11 => _11.resolveUsers])
-  );
-  const children = nodes.map((node, index) => {
-    switch (node.type) {
-      case "mention":
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          Components.Mention,
-          {
-            element: node,
-            user: resolvedUsers.get(node.userId)
-          },
-          `lb-text-editor-mention-${index}-${node.userId}`
-        );
-      case "text":
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          Components.Text,
-          {
-            element: node
-          },
-          `lb-text-editor-text-${index}`
-        );
-    }
-  });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Components.Container, { children }, "lb-text-editor-container");
-}
-var baseStyles = {
-  container: {
-    fontSize: "14px"
-  },
-  strong: {
-    fontWeight: 500
-  },
-  code: {
-    fontFamily: 'ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Consolas", "Courier New", monospace',
-    backgroundColor: "rgba(0,0,0,0.05)",
-    border: "solid 1px rgba(0,0,0,0.1)",
-    borderRadius: "4px"
-  },
-  mention: {
-    color: "blue"
-  }
-};
-async function convertTextEditorNodesAsHtml(nodes, options) {
-  const styles = { ...baseStyles, ..._optionalChain([options, 'optionalAccess', _12 => _12.styles]) };
+
+// src/mention-content.tsx
+
+async function convertMentionContent(nodes, options) {
   const resolvedUsers = await resolveUsersInLiveblocksTextEditorNodes(
     nodes,
-    _optionalChain([options, 'optionalAccess', _13 => _13.resolveUsers])
+    _optionalChain([options, 'optionalAccess', _9 => _9.resolveUsers])
   );
-  const children = nodes.map((node) => {
+  const blocks = nodes.map((node, index) => {
     switch (node.type) {
       case "mention": {
-        const user = resolvedUsers.get(node.userId);
-        return _core.html`<span data-mention style="${toInlineCSSString(styles.mention)}">${MENTION_CHARACTER}${_optionalChain([user, 'optionalAccess', _14 => _14.name]) ? _core.html`${_optionalChain([user, 'optionalAccess', _15 => _15.name])}` : node.userId}</span>`;
+        if (node.kind !== "user") {
+          return _core.assertNever.call(void 0, node.kind, "Unknown mention kind");
+        }
+        return options.elements.mention(
+          { node, user: resolvedUsers.get(node.id) },
+          index
+        );
       }
       case "text": {
-        let children2 = node.text;
-        if (!children2) {
-          return _core.html`${children2}`;
-        }
-        if (node.bold) {
-          children2 = _core.html`<strong style="${toInlineCSSString(styles.strong)}">${children2}</strong>`;
-        }
-        if (node.italic) {
-          children2 = _core.html`<em>${children2}</em>`;
-        }
-        if (node.strikethrough) {
-          children2 = _core.html`<s>${children2}</s>`;
-        }
-        if (node.code) {
-          children2 = _core.html`<code style="${toInlineCSSString(styles.code)}">${children2}</code>`;
-        }
-        return _core.html`${children2}`;
+        return options.elements.text({ node }, index);
       }
     }
-  }).join("");
-  const content = [
-    // prettier-ignore
-    _core.html`<div style="${toInlineCSSString(styles.container)}">${_core.htmlSafe.call(void 0, children)}</div>`
-  ];
-  return content.join("\n");
+  });
+  return options.elements.container({ children: blocks });
 }
 
 // src/text-mention-notification.tsx
+var _jsxruntime = require('react/jsx-runtime');
 var extractTextMentionNotificationData = async ({
   client,
   event
@@ -8213,7 +8135,8 @@ var extractTextMentionNotificationData = async ({
         editor: "lexical",
         mentionNodeWithContext,
         createdAt: mentionCreatedAt,
-        userId: mentionAuthorUserId
+        userId,
+        createdBy: mentionAuthorUserId
       };
     }
     case "tiptap": {
@@ -8230,26 +8153,31 @@ var extractTextMentionNotificationData = async ({
         editor: "tiptap",
         mentionNodeWithContext,
         createdAt: mentionCreatedAt,
-        userId: mentionAuthorUserId
+        userId,
+        createdBy: mentionAuthorUserId
       };
     }
   }
 };
-var prepareTextMentionNotificationEmailBaseData = async ({
-  client,
-  event,
-  options = {}
-}) => {
+async function prepareTextMentionNotificationEmail(client, event, options, elements, callerName) {
   const { roomId, mentionId } = event.data;
-  const roomInfo = options.resolveRoomInfo ? await options.resolveRoomInfo({ roomId }) : void 0;
-  const resolvedRoomInfo = {
-    ...roomInfo,
-    name: _nullishCoalesce(_optionalChain([roomInfo, 'optionalAccess', _16 => _16.name]), () => ( roomId))
-  };
   const data = await extractTextMentionNotificationData({ client, event });
   if (data === null) {
     return null;
   }
+  const roomInfo = options.resolveRoomInfo ? await options.resolveRoomInfo({ roomId: event.data.roomId }) : void 0;
+  const resolvedRoomInfo = {
+    ...roomInfo,
+    name: _nullishCoalesce(_optionalChain([roomInfo, 'optionalAccess', _10 => _10.name]), () => ( event.data.roomId))
+  };
+  const batchUsersResolver = createBatchUsersResolver({
+    resolveUsers: options.resolveUsers,
+    callerName
+  });
+  const authorsInfoPromise = resolveAuthorsInfo({
+    userIds: [data.createdBy],
+    resolveUsers: batchUsersResolver.resolveUsers
+  });
   let textEditorNodes = [];
   switch (data.editor) {
     case "lexical": {
@@ -8267,107 +8195,150 @@ var prepareTextMentionNotificationEmailBaseData = async ({
       break;
     }
   }
-  return {
-    mention: {
-      id: mentionId,
-      roomId,
-      textEditorNodes,
-      createdAt: data.createdAt,
-      userId: data.userId
-    },
-    roomInfo: resolvedRoomInfo
-  };
-};
-async function prepareTextMentionNotificationEmailAsReact(client, event, options = {}) {
-  const data = await prepareTextMentionNotificationEmailBaseData({
-    client,
-    event,
-    options: {
-      resolveRoomInfo: options.resolveRoomInfo
-    }
-  });
-  if (data === null) {
-    return null;
-  }
-  const { mention, roomInfo } = data;
-  const batchUsersResolver = createBatchUsersResolver({
-    resolveUsers: options.resolveUsers,
-    callerName: "prepareTextMentionNotificationEmailAsReact"
-  });
-  const authorsInfoPromise = resolveAuthorsInfo({
-    userIds: [mention.userId],
-    resolveUsers: batchUsersResolver.resolveUsers
-  });
-  const contentPromise = convertTextEditorNodesAsReact(
-    mention.textEditorNodes,
+  const contentPromise = convertMentionContent(
+    textEditorNodes,
     {
       resolveUsers: batchUsersResolver.resolveUsers,
-      components: options.components
+      elements
     }
   );
   await batchUsersResolver.resolve();
-  const [authorsInfo, reactContent] = await Promise.all([
+  const [authorsInfo, content] = await Promise.all([
     authorsInfoPromise,
     contentPromise
   ]);
-  const authorInfo = authorsInfo.get(mention.userId);
+  const authorInfo = authorsInfo.get(data.createdBy);
   return {
     mention: {
-      id: mention.id,
+      // TODO: When introducing new mention kinds (e.g. group mentions), this should be updated
+      kind: "user",
+      id: data.userId,
+      textMentionId: mentionId,
+      roomId,
       author: {
-        id: mention.userId,
-        info: _nullishCoalesce(authorInfo, () => ( { name: mention.userId }))
+        id: data.createdBy,
+        info: _nullishCoalesce(authorInfo, () => ( { name: data.createdBy }))
       },
-      roomId: mention.roomId,
-      reactContent,
-      createdAt: mention.createdAt
+      content,
+      createdAt: data.createdAt
     },
-    roomInfo
+    roomInfo: resolvedRoomInfo
   };
 }
-async function prepareTextMentionNotificationEmailAsHtml(client, event, options = {}) {
-  const data = await prepareTextMentionNotificationEmailBaseData({
+var baseComponents = {
+  Container: ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children }),
+  Mention: ({ element, user }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-mention": true, children: [
+    MENTION_CHARACTER,
+    _nullishCoalesce(_optionalChain([user, 'optionalAccess', _11 => _11.name]), () => ( element.id))
+  ] }),
+  Text: ({ element }) => {
+    let children = element.text;
+    if (element.bold) {
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children });
+    }
+    if (element.italic) {
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "em", { children });
+    }
+    if (element.strikethrough) {
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "s", { children });
+    }
+    if (element.code) {
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { children });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children });
+  }
+};
+async function prepareTextMentionNotificationEmailAsReact(client, event, options = {}) {
+  const Components = { ...baseComponents, ...options.components };
+  const data = await prepareTextMentionNotificationEmail(
     client,
     event,
-    options: {
-      resolveRoomInfo: options.resolveRoomInfo
-    }
-  });
+    {
+      resolveRoomInfo: options.resolveRoomInfo,
+      resolveUsers: options.resolveUsers
+    },
+    {
+      container: ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Components.Container, { children }, "lb-text-editor-container"),
+      mention: ({ node, user }, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        Components.Mention,
+        {
+          element: node,
+          user
+        },
+        `lb-text-editor-mention-${index}`
+      ),
+      text: ({ node }, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Components.Text, { element: node }, `lb-text-editor-text-${index}`)
+    },
+    "prepareTextMentionNotificationEmailAsReact"
+  );
   if (data === null) {
     return null;
   }
-  const { mention, roomInfo } = data;
-  const batchUsersResolver = createBatchUsersResolver({
-    resolveUsers: options.resolveUsers,
-    callerName: "prepareTextMentionNotificationEmailAsHtml"
-  });
-  const authorsInfoPromise = resolveAuthorsInfo({
-    userIds: [mention.userId],
-    resolveUsers: batchUsersResolver.resolveUsers
-  });
-  const contentPromise = convertTextEditorNodesAsHtml(mention.textEditorNodes, {
-    resolveUsers: batchUsersResolver.resolveUsers,
-    styles: options.styles
-  });
-  await batchUsersResolver.resolve();
-  const [authorsInfo, htmlContent] = await Promise.all([
-    authorsInfoPromise,
-    contentPromise
-  ]);
-  const authorInfo = authorsInfo.get(mention.userId);
-  return {
-    mention: {
-      id: mention.id,
-      author: {
-        id: mention.userId,
-        info: _nullishCoalesce(authorInfo, () => ( { name: mention.userId }))
+  return data;
+}
+var baseStyles = {
+  container: {
+    fontSize: "14px"
+  },
+  strong: {
+    fontWeight: 500
+  },
+  code: {
+    fontFamily: 'ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Consolas", "Courier New", monospace',
+    backgroundColor: "rgba(0,0,0,0.05)",
+    border: "solid 1px rgba(0,0,0,0.1)",
+    borderRadius: "4px"
+  },
+  mention: {
+    color: "blue"
+  }
+};
+async function prepareTextMentionNotificationEmailAsHtml(client, event, options = {}) {
+  const styles = { ...baseStyles, ...options.styles };
+  const data = await prepareTextMentionNotificationEmail(
+    client,
+    event,
+    {
+      resolveRoomInfo: options.resolveRoomInfo,
+      resolveUsers: options.resolveUsers
+    },
+    {
+      container: ({ children }) => {
+        const content = [
+          // prettier-ignore
+          _core.html`<div style="${toInlineCSSString(styles.container)}">${_core.htmlSafe.call(void 0, children.join(""))}</div>`
+        ];
+        return content.join("\n");
       },
-      roomId: mention.roomId,
-      htmlContent,
-      createdAt: mention.createdAt
+      mention: ({ node, user }) => {
+        return _core.html`<span data-mention style="${toInlineCSSString(styles.mention)}">${MENTION_CHARACTER}${_optionalChain([user, 'optionalAccess', _12 => _12.name]) ? _core.html`${_optionalChain([user, 'optionalAccess', _13 => _13.name])}` : node.id}</span>`;
+      },
+      text: ({ node }) => {
+        let children = node.text;
+        if (!children) {
+          return _core.html`${children}`;
+        }
+        if (node.bold) {
+          children = _core.html`<strong style="${toInlineCSSString(styles.strong)}">${children}</strong>`;
+        }
+        if (node.italic) {
+          children = _core.html`<em>${children}</em>`;
+        }
+        if (node.strikethrough) {
+          children = _core.html`<s>${children}</s>`;
+        }
+        if (node.code) {
+          children = _core.html`<code style="${toInlineCSSString(styles.code)}">${children}</code>`;
+        }
+        return _core.html`${children}`;
+      }
     },
-    roomInfo
-  };
+    "prepareTextMentionNotificationEmailAsHtml"
+  );
+  if (data === null) {
+    return null;
+  }
+  return data;
 }
 
 // src/thread-notification.tsx
@@ -8389,7 +8360,7 @@ async function prepareTextMentionNotificationEmailAsHtml(client, event, options
 async function convertCommentBody(body, options) {
   const resolvedUsers = await _core.resolveUsersInCommentBody.call(void 0, 
     body,
-    _optionalChain([options, 'optionalAccess', _17 => _17.resolveUsers])
+    _optionalChain([options, 'optionalAccess', _14 => _14.resolveUsers])
   );
   const blocks = body.content.map((block, index) => {
     switch (block.type) {
@@ -8470,8 +8441,11 @@ var getLastUnreadCommentWithMention = ({
   mentionedUserId
 }) => {
   return _nullishCoalesce(Array.from(comments).reverse().filter((c) => c.userId !== mentionedUserId).find((c) => {
-    const mentionedUserIds = _core.getMentionedIdsFromCommentBody.call(void 0, c.body);
-    return mentionedUserIds.includes(mentionedUserId);
+    const mentions = _core.getMentionsFromCommentBody.call(void 0, 
+      c.body,
+      (mention) => mention.kind === "user" && mention.id === mentionedUserId
+    );
+    return mentions.length > 0;
   }), () => ( null));
 };
 var extractThreadNotificationData = async ({
@@ -8513,7 +8487,7 @@ async function prepareThreadNotificationEmail(client, event, options, elements,
   const roomInfo = options.resolveRoomInfo ? await options.resolveRoomInfo({ roomId: event.data.roomId }) : void 0;
   const resolvedRoomInfo = {
     ...roomInfo,
-    name: _nullishCoalesce(_optionalChain([roomInfo, 'optionalAccess', _18 => _18.name]), () => ( event.data.roomId))
+    name: _nullishCoalesce(_optionalChain([roomInfo, 'optionalAccess', _15 => _15.name]), () => ( event.data.roomId))
   };
   const batchUsersResolver = createBatchUsersResolver({
     resolveUsers: options.resolveUsers,
@@ -8536,8 +8510,8 @@ async function prepareThreadNotificationEmail(client, event, options, elements,
         commentBodyPromise
       ]);
       const authorInfo = authorsInfo.get(comment.userId);
-      const url = _optionalChain([roomInfo, 'optionalAccess', _19 => _19.url]) ? _core.generateCommentUrl.call(void 0, {
-        roomUrl: _optionalChain([roomInfo, 'optionalAccess', _20 => _20.url]),
+      const url = _optionalChain([roomInfo, 'optionalAccess', _16 => _16.url]) ? _core.generateCommentUrl.call(void 0, {
+        roomUrl: _optionalChain([roomInfo, 'optionalAccess', _17 => _17.url]),
         commentId: comment.id
       }) : void 0;
       return {
@@ -8579,8 +8553,8 @@ async function prepareThreadNotificationEmail(client, event, options, elements,
         comments: comments.map((comment, index) => {
           const authorInfo = authorsInfo.get(comment.userId);
           const commentBody = commentBodies[index];
-          const url = _optionalChain([roomInfo, 'optionalAccess', _21 => _21.url]) ? _core.generateCommentUrl.call(void 0, {
-            roomUrl: _optionalChain([roomInfo, 'optionalAccess', _22 => _22.url]),
+          const url = _optionalChain([roomInfo, 'optionalAccess', _18 => _18.url]) ? _core.generateCommentUrl.call(void 0, {
+            roomUrl: _optionalChain([roomInfo, 'optionalAccess', _19 => _19.url]),
             commentId: comment.id
           }) : void 0;
           return {
@@ -8622,7 +8596,7 @@ var baseStyles2 = {
   }
 };
 async function prepareThreadNotificationEmailAsHtml(client, event, options = {}) {
-  const styles = { ...baseStyles2, ..._optionalChain([options, 'optionalAccess', _23 => _23.styles]) };
+  const styles = { ...baseStyles2, ..._optionalChain([options, 'optionalAccess', _20 => _20.styles]) };
   const data = await prepareThreadNotificationEmail(
     client,
     event,
@@ -8659,7 +8633,7 @@ async function prepareThreadNotificationEmailAsHtml(client, event, options = {})
         return _core.html`<a href="${href}" target="_blank" rel="noopener noreferrer" style="${toInlineCSSString(styles.link)}">${element.text ? _core.html`${element.text}` : element.url}</a>`;
       },
       mention: ({ element, user }) => {
-        return _core.html`<span data-mention style="${toInlineCSSString(styles.mention)}">${MENTION_CHARACTER}${_optionalChain([user, 'optionalAccess', _24 => _24.name]) ? _core.html`${_optionalChain([user, 'optionalAccess', _25 => _25.name])}` : element.id}</span>`;
+        return _core.html`<span data-mention style="${toInlineCSSString(styles.mention)}">${MENTION_CHARACTER}${_optionalChain([user, 'optionalAccess', _21 => _21.name]) ? _core.html`${_optionalChain([user, 'optionalAccess', _22 => _22.name])}` : element.id}</span>`;
       }
     },
     "prepareThreadNotificationEmailAsHtml"
@@ -8667,23 +8641,7 @@ async function prepareThreadNotificationEmailAsHtml(client, event, options = {})
   if (data === null) {
     return null;
   }
-  switch (data.type) {
-    case "unreadMention": {
-      return {
-        ...data,
-        comment: { ...data.comment, htmlBody: data.comment.body }
-      };
-    }
-    case "unreadReplies": {
-      return {
-        ...data,
-        comments: data.comments.map((comment) => ({
-          ...comment,
-          htmlBody: comment.body
-        }))
-      };
-    }
-  }
+  return data;
 }
 var baseComponents2 = {
   Container: ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children }),
@@ -8707,11 +8665,11 @@ var baseComponents2 = {
   Link: ({ element, href }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href, target: "_blank", rel: "noopener noreferrer", children: _nullishCoalesce(element.text, () => ( element.url)) }),
   Mention: ({ element, user }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-mention": true, children: [
     MENTION_CHARACTER,
-    _nullishCoalesce(_optionalChain([user, 'optionalAccess', _26 => _26.name]), () => ( element.id))
+    _nullishCoalesce(_optionalChain([user, 'optionalAccess', _23 => _23.name]), () => ( element.id))
   ] })
 };
 async function prepareThreadNotificationEmailAsReact(client, event, options = {}) {
-  const Components = { ...baseComponents2, ..._optionalChain([options, 'optionalAccess', _27 => _27.components]) };
+  const Components = { ...baseComponents2, ..._optionalChain([options, 'optionalAccess', _24 => _24.components]) };
   const data = await prepareThreadNotificationEmail(
     client,
     event,
@@ -8751,23 +8709,7 @@ async function prepareThreadNotificationEmailAsReact(client, event, options = {}
   if (data === null) {
     return null;
   }
-  switch (data.type) {
-    case "unreadMention": {
-      return {
-        ...data,
-        comment: { ...data.comment, reactBody: data.comment.body }
-      };
-    }
-    case "unreadReplies": {
-      return {
-        ...data,
-        comments: data.comments.map((comment) => ({
-          ...comment,
-          reactBody: comment.body
-        }))
-      };
-    }
-  }
+  return data;
 }
 
 // src/index.ts