@liveblocks/emails 2.14.0 → 2.15.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import { CommentBodyText, CommentBodyLink, BaseUserMeta, DU, CommentBodyMention, ResolveUsersArgs, OptionalPromise, DRI, CommentBody } from '@liveblocks/core';
 export { ResolveUsersArgs } from '@liveblocks/core';
-import React from 'react';
+import { ReactNode, ComponentType } from 'react';
 import { Properties } from 'csstype';
 import { Liveblocks, TextMentionNotificationEvent, ThreadNotificationEvent } from '@liveblocks/node';
 
@@ -15,13 +15,13 @@ declare type CommentBodyContainerComponentProps = {
     /**
      * The blocks of the comment body
      */
-    children: React.ReactNode;
+    children: ReactNode;
 };
 declare type CommentBodyParagraphComponentProps = {
     /**
      * The text content of the paragraph.
      */
-    children: React.ReactNode;
+    children: ReactNode;
 };
 declare type CommentBodyTextComponentProps = {
     /**
@@ -54,23 +54,23 @@ declare type ConvertCommentBodyAsReactComponents<U extends BaseUserMeta = DU> =
      *
      * The component used to act as a container to wrap comment body blocks,
      */
-    Container: React.ComponentType<CommentBodyContainerComponentProps>;
+    Container: ComponentType<CommentBodyContainerComponentProps>;
     /**
      * The component used to display paragraphs.
      */
-    Paragraph: React.ComponentType<CommentBodyParagraphComponentProps>;
+    Paragraph: ComponentType<CommentBodyParagraphComponentProps>;
     /**
      * The component used to display text elements.
      */
-    Text: React.ComponentType<CommentBodyTextComponentProps>;
+    Text: ComponentType<CommentBodyTextComponentProps>;
     /**
      * The component used to display links.
      */
-    Link: React.ComponentType<CommentBodyLinkComponentProps>;
+    Link: ComponentType<CommentBodyLinkComponentProps>;
     /**
      * The component used to display mentions.
      */
-    Mention: React.ComponentType<CommentBodyMentionComponentProps<U>>;
+    Mention: ComponentType<CommentBodyMentionComponentProps<U>>;
 };
 declare type ConvertCommentBodyAsHtmlStyles = {
     /**
@@ -141,7 +141,7 @@ declare type TextEditorContainerComponentProps = {
     /**
      * The nodes of the text editor
      */
-    children: React.ReactNode;
+    children: ReactNode;
 };
 declare type TextEditorMentionComponentProps<U extends BaseUserMeta = DU> = {
     /**
@@ -164,15 +164,15 @@ declare type ConvertTextEditorNodesAsReactComponents<U extends BaseUserMeta = DU
      *
      * The component used to act as a container to wrap text editor nodes,
      */
-    Container: React.ComponentType<TextEditorContainerComponentProps>;
+    Container: ComponentType<TextEditorContainerComponentProps>;
     /**
      * The component used to display mentions.
      */
-    Mention: React.ComponentType<TextEditorMentionComponentProps<U>>;
+    Mention: ComponentType<TextEditorMentionComponentProps<U>>;
     /**
      * The component used to display text nodes.
      */
-    Text: React.ComponentType<TextEditorTextComponentProps>;
+    Text: ComponentType<TextEditorTextComponentProps>;
 };
 declare type ConvertTextEditorNodesAsHtmlStyles = {
     /**
@@ -208,7 +208,7 @@ declare type PrepareTextMentionNotificationEmailBaseDataOptions = {
 };
 declare type MentionEmailAsReactData<U extends BaseUserMeta = DU> = Omit<MentionEmailBaseData, "userId" | "textEditorNodes"> & {
     author: U;
-    reactContent: React.ReactNode;
+    reactContent: ReactNode;
 };
 declare type MentionEmailAsHtmlData<U extends BaseUserMeta = DU> = Omit<MentionEmailBaseData, "userId" | "textEditorNodes"> & {
     author: U;
@@ -314,7 +314,7 @@ declare type CommentEmailAsHtmlData<U extends BaseUserMeta = DU> = Omit<CommentE
 };
 declare type CommentEmailAsReactData<U extends BaseUserMeta = DU> = Omit<CommentEmailBaseData, "userId" | "rawBody"> & {
     author: U;
-    reactBody: React.ReactNode;
+    reactBody: ReactNode;
 };
 declare type ThreadNotificationEmailUnreadRepliesData<U extends BaseUserMeta, C extends CommentEmailAsHtmlData<U> | CommentEmailAsReactData<U>> = {
     type: "unreadReplies";

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { CommentBodyText, CommentBodyLink, BaseUserMeta, DU, CommentBodyMention, ResolveUsersArgs, OptionalPromise, DRI, CommentBody } from '@liveblocks/core';
 export { ResolveUsersArgs } from '@liveblocks/core';
-import React from 'react';
+import { ReactNode, ComponentType } from 'react';
 import { Properties } from 'csstype';
 import { Liveblocks, TextMentionNotificationEvent, ThreadNotificationEvent } from '@liveblocks/node';
 
@@ -15,13 +15,13 @@ declare type CommentBodyContainerComponentProps = {
     /**
      * The blocks of the comment body
      */
-    children: React.ReactNode;
+    children: ReactNode;
 };
 declare type CommentBodyParagraphComponentProps = {
     /**
      * The text content of the paragraph.
      */
-    children: React.ReactNode;
+    children: ReactNode;
 };
 declare type CommentBodyTextComponentProps = {
     /**
@@ -54,23 +54,23 @@ declare type ConvertCommentBodyAsReactComponents<U extends BaseUserMeta = DU> =
      *
      * The component used to act as a container to wrap comment body blocks,
      */
-    Container: React.ComponentType<CommentBodyContainerComponentProps>;
+    Container: ComponentType<CommentBodyContainerComponentProps>;
     /**
      * The component used to display paragraphs.
      */
-    Paragraph: React.ComponentType<CommentBodyParagraphComponentProps>;
+    Paragraph: ComponentType<CommentBodyParagraphComponentProps>;
     /**
      * The component used to display text elements.
      */
-    Text: React.ComponentType<CommentBodyTextComponentProps>;
+    Text: ComponentType<CommentBodyTextComponentProps>;
     /**
      * The component used to display links.
      */
-    Link: React.ComponentType<CommentBodyLinkComponentProps>;
+    Link: ComponentType<CommentBodyLinkComponentProps>;
     /**
      * The component used to display mentions.
      */
-    Mention: React.ComponentType<CommentBodyMentionComponentProps<U>>;
+    Mention: ComponentType<CommentBodyMentionComponentProps<U>>;
 };
 declare type ConvertCommentBodyAsHtmlStyles = {
     /**
@@ -141,7 +141,7 @@ declare type TextEditorContainerComponentProps = {
     /**
      * The nodes of the text editor
      */
-    children: React.ReactNode;
+    children: ReactNode;
 };
 declare type TextEditorMentionComponentProps<U extends BaseUserMeta = DU> = {
     /**
@@ -164,15 +164,15 @@ declare type ConvertTextEditorNodesAsReactComponents<U extends BaseUserMeta = DU
      *
      * The component used to act as a container to wrap text editor nodes,
      */
-    Container: React.ComponentType<TextEditorContainerComponentProps>;
+    Container: ComponentType<TextEditorContainerComponentProps>;
     /**
      * The component used to display mentions.
      */
-    Mention: React.ComponentType<TextEditorMentionComponentProps<U>>;
+    Mention: ComponentType<TextEditorMentionComponentProps<U>>;
     /**
      * The component used to display text nodes.
      */
-    Text: React.ComponentType<TextEditorTextComponentProps>;
+    Text: ComponentType<TextEditorTextComponentProps>;
 };
 declare type ConvertTextEditorNodesAsHtmlStyles = {
     /**
@@ -208,7 +208,7 @@ declare type PrepareTextMentionNotificationEmailBaseDataOptions = {
 };
 declare type MentionEmailAsReactData<U extends BaseUserMeta = DU> = Omit<MentionEmailBaseData, "userId" | "textEditorNodes"> & {
     author: U;
-    reactContent: React.ReactNode;
+    reactContent: ReactNode;
 };
 declare type MentionEmailAsHtmlData<U extends BaseUserMeta = DU> = Omit<MentionEmailBaseData, "userId" | "textEditorNodes"> & {
     author: U;
@@ -314,7 +314,7 @@ declare type CommentEmailAsHtmlData<U extends BaseUserMeta = DU> = Omit<CommentE
 };
 declare type CommentEmailAsReactData<U extends BaseUserMeta = DU> = Omit<CommentEmailBaseData, "userId" | "rawBody"> & {
     author: U;
-    reactBody: React.ReactNode;
+    reactBody: ReactNode;
 };
 declare type ThreadNotificationEmailUnreadRepliesData<U extends BaseUserMeta, C extends CommentEmailAsHtmlData<U> | CommentEmailAsReactData<U>> = {
     type: "unreadReplies";

package/dist/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/index.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class;// src/index.ts
 var _core = require('@liveblocks/core');
 
 // src/version.ts
 var PKG_NAME = "@liveblocks/emails";
-var PKG_VERSION = "2.14.0";
+var PKG_VERSION = "2.15.0";
 var PKG_FORMAT = "cjs";
 
 // ../../node_modules/lib0/map.js
@@ -7622,19 +7622,14 @@ var createDevelopmentWarning = (condition, ...args2) => {
 };
 
 // src/lib/batch-users-resolver.ts
-var BatchUsersResolver = class {
-  constructor(resolveUsers) {
-    this.resolveUsers = async (args2) => {
-      if (this.isResolved) {
-        this.warnAsAlreadyResolved();
-        return void 0;
-      }
-      for (const userId of args2.userIds) {
-        this.usersById.set(userId, void 0);
-      }
-      await this.resolvePromise;
-      return args2.userIds.map((userId) => this.usersById.get(userId));
-    };
+var BatchUsersResolver = (_class = class {
+  
+  
+  
+  
+  
+  
+  constructor(resolveUsers) {;_class.prototype.__init.call(this);
     const { promise, resolve } = _core.Promise_withResolvers.call(void 0, );
     this.isResolved = false;
     this.markAsResolved = resolve;
@@ -7646,6 +7641,17 @@ var BatchUsersResolver = class {
       "Batch users resolver promise already resolved. It can only resolve once."
     );
   }
+  __init() {this.resolveUsers = async (args2) => {
+    if (this.isResolved) {
+      this.warnAsAlreadyResolved();
+      return void 0;
+    }
+    for (const userId of args2.userIds) {
+      this.usersById.set(userId, void 0);
+    }
+    await this.resolvePromise;
+    return args2.userIds.map((userId) => this.usersById.get(userId));
+  }}
   async resolve() {
     if (this.isResolved) {
       this.warnAsAlreadyResolved();
@@ -7660,7 +7666,7 @@ var BatchUsersResolver = class {
     this.isResolved = true;
     this.markAsResolved();
   }
-};
+}, _class);
 function createBatchUsersResolver({
   resolveUsers,
   callerName
@@ -7685,7 +7691,6 @@ function createBatchUsersResolver({
 
 
 
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 // src/lib/constants.ts
 var MENTION_CHARACTER = "@";
@@ -7919,6 +7924,7 @@ function findTiptapMentionNodeWithContext({
 }
 
 // src/liveblocks-text-editor.tsx
+var _jsxruntime = require('react/jsx-runtime');
 var baseLiveblocksTextEditorTextFormat = {
   bold: false,
   italic: false,
@@ -8049,23 +8055,26 @@ var resolveUsersInLiveblocksTextEditorNodes = async (nodes, resolveUsers) => {
   return resolvedUsers;
 };
 var baseComponents = {
-  Container: ({ children }) => /* @__PURE__ */ _react2.default.createElement("div", null, children),
-  Mention: ({ element, user }) => /* @__PURE__ */ _react2.default.createElement("span", { "data-mention": true }, MENTION_CHARACTER, _nullishCoalesce(_optionalChain([user, 'optionalAccess', _9 => _9.name]), () => ( element.userId))),
+  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__ */ _react2.default.createElement("strong", null, children);
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children });
     }
     if (element.italic) {
-      children = /* @__PURE__ */ _react2.default.createElement("em", null, children);
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "em", { children });
     }
     if (element.strikethrough) {
-      children = /* @__PURE__ */ _react2.default.createElement("s", null, children);
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "s", { children });
     }
     if (element.code) {
-      children = /* @__PURE__ */ _react2.default.createElement("code", null, children);
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { children });
     }
-    return /* @__PURE__ */ _react2.default.createElement("span", null, children);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children });
   }
 };
 async function convertTextEditorNodesAsReact(nodes, options) {
@@ -8080,25 +8089,25 @@ async function convertTextEditorNodesAsReact(nodes, options) {
   const children = nodes.map((node, index) => {
     switch (node.type) {
       case "mention":
-        return /* @__PURE__ */ _react2.default.createElement(
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           Components.Mention,
           {
-            key: `lb-text-editor-mention-${index}-${node.userId}`,
             element: node,
             user: resolvedUsers.get(node.userId)
-          }
+          },
+          `lb-text-editor-mention-${index}-${node.userId}`
         );
       case "text":
-        return /* @__PURE__ */ _react2.default.createElement(
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           Components.Text,
           {
-            key: `lb-text-editor-text-${index}`,
             element: node
-          }
+          },
+          `lb-text-editor-text-${index}`
         );
     }
   });
-  return /* @__PURE__ */ _react2.default.createElement(Components.Container, { key: "lb-text-editor-container" }, children);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Components.Container, { children }, "lb-text-editor-container");
 }
 var baseStyles = {
   container: {
@@ -8376,26 +8385,29 @@ async function prepareTextMentionNotificationEmailAsHtml(client, event, options
 
 
 var baseComponents2 = {
-  Container: ({ children }) => /* @__PURE__ */ _react2.default.createElement("div", null, children),
-  Paragraph: ({ children }) => /* @__PURE__ */ _react2.default.createElement("p", null, children),
+  Container: ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children }),
+  Paragraph: ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children }),
   Text: ({ element }) => {
     let children = element.text;
     if (element.bold) {
-      children = /* @__PURE__ */ _react2.default.createElement("strong", null, children);
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children });
     }
     if (element.italic) {
-      children = /* @__PURE__ */ _react2.default.createElement("em", null, children);
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "em", { children });
     }
     if (element.strikethrough) {
-      children = /* @__PURE__ */ _react2.default.createElement("s", null, children);
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "s", { children });
     }
     if (element.code) {
-      children = /* @__PURE__ */ _react2.default.createElement("code", null, children);
+      children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { children });
     }
-    return /* @__PURE__ */ _react2.default.createElement("span", null, children);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children });
   },
-  Link: ({ element, href }) => /* @__PURE__ */ _react2.default.createElement("a", { href, target: "_blank", rel: "noopener noreferrer" }, _nullishCoalesce(element.text, () => ( element.url))),
-  Mention: ({ element, user }) => /* @__PURE__ */ _react2.default.createElement("span", { "data-mention": true }, MENTION_CHARACTER, _nullishCoalesce(_optionalChain([user, 'optionalAccess', _16 => _16.name]), () => ( element.id)))
+  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', _16 => _16.name]), () => ( element.id))
+  ] })
 };
 async function convertCommentBodyAsReact(body, options) {
   const Components = {
@@ -8411,38 +8423,38 @@ async function convertCommentBodyAsReact(body, options) {
       case "paragraph": {
         const children = block.children.map((inline, inlineIndex) => {
           if (_core.isCommentBodyMention.call(void 0, inline)) {
-            return inline.id ? /* @__PURE__ */ _react2.default.createElement(
+            return inline.id ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               Components.Mention,
               {
-                key: `lb-comment-body-mention-${inlineIndex}`,
                 element: inline,
                 user: resolvedUsers.get(inline.id)
-              }
+              },
+              `lb-comment-body-mention-${inlineIndex}`
             ) : null;
           }
           if (_core.isCommentBodyLink.call(void 0, inline)) {
             const href = _nullishCoalesce(_core.toAbsoluteUrl.call(void 0, inline.url), () => ( inline.url));
-            return /* @__PURE__ */ _react2.default.createElement(
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               Components.Link,
               {
-                key: `lb-comment-body-link-${inlineIndex}`,
                 element: inline,
                 href
-              }
+              },
+              `lb-comment-body-link-${inlineIndex}`
             );
           }
           if (_core.isCommentBodyText.call(void 0, inline)) {
-            return /* @__PURE__ */ _react2.default.createElement(
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               Components.Text,
               {
-                key: `lb-comment-body-text-${inlineIndex}`,
                 element: inline
-              }
+              },
+              `lb-comment-body-text-${inlineIndex}`
             );
           }
           return null;
         });
-        return /* @__PURE__ */ _react2.default.createElement(Components.Paragraph, { key: `lb-comment-body-paragraph-${index}` }, children);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Components.Paragraph, { children }, `lb-comment-body-paragraph-${index}`);
       }
       default:
         console.warn(
@@ -8451,7 +8463,7 @@ async function convertCommentBodyAsReact(body, options) {
         return null;
     }
   });
-  return /* @__PURE__ */ _react2.default.createElement(Components.Container, { key: "lb-comment-body-container" }, blocks);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Components.Container, { children: blocks }, "lb-comment-body-container");
 }
 var baseStyles2 = {
   paragraph: {