@liveblocks/react-ui 2.24.1 → 2.25.0-aiprivatebeta0

package/dist/components/internal/AiChatUserMessage.js

@@ -0,0 +1,185 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo, forwardRef, useState } from 'react';
+import '../../icons/index.js';
+import { useOverrides } from '../../overrides.js';
+import { classNames } from '../../utils/class-names.js';
+import { formatFileSize } from '../../utils/format-file-size.js';
+import { useChatAttachmentUrl, splitFileName, MAX_DISPLAYED_MEDIA_SIZE } from './AiChatComposer.js';
+import { SpinnerIcon } from '../../icons/Spinner.js';
+
+const AiChatUserMessage = memo(
+  forwardRef(
+    ({ message, className }, forwardedRef) => {
+      const text = message.content.filter((c) => c.type === "text").map((c) => c.text).join("\n");
+      const images = message.content.filter((c) => c.type === "image");
+      if (message.deletedAt !== void 0) {
+        return /* @__PURE__ */ jsx("div", {
+          ref: forwardedRef,
+          className: classNames("lb-ai-chat-user-message", className),
+          children: /* @__PURE__ */ jsx("div", {
+            className: "lb-ai-chat-user-message-deleted",
+            children: "This message has been deleted."
+          })
+        });
+      }
+      return /* @__PURE__ */ jsxs("div", {
+        ref: forwardedRef,
+        className: classNames("lb-ai-chat-user-message", className),
+        children: [
+          images.length > 0 && /* @__PURE__ */ jsx("div", {
+            className: "lb-ai-chat-user-message-attachments",
+            children: /* @__PURE__ */ jsx("div", {
+              className: "lb-ai-chat-user-message-media-attachments",
+              children: images.map((image) => /* @__PURE__ */ jsx(AiChatUserMessageMediaAttachment, {
+                chatId: message.chatId,
+                attachment: image,
+                className: "lb-ai-chat-user-message-attachment"
+              }, image.id))
+            })
+          }),
+          /* @__PURE__ */ jsx("div", {
+            className: "lb-ai-chat-user-message-content",
+            children: /* @__PURE__ */ jsx("div", {
+              className: "lb-ai-chat-user-message-body",
+              children: text
+            })
+          })
+        ]
+      });
+    }
+  )
+);
+function AiChatUserMessageMediaAttachment({
+  className,
+  chatId,
+  attachment,
+  overrides,
+  onClick,
+  onKeyDown,
+  ...props
+}) {
+  if (!attachment.mimeType.startsWith("image/")) {
+    throw new Error("Only image attachments are supported.");
+  }
+  const { url } = useChatAttachmentUrl(chatId, attachment.id);
+  const { base, extension } = splitFileName(attachment.name);
+  const $ = useOverrides(overrides);
+  const description = formatFileSize(attachment.size, $.locale);
+  return /* @__PURE__ */ jsxs("div", {
+    className: classNames(
+      "lb-ai-chat-user-message-attachment lb-attachment lb-media-attachment",
+      className
+    ),
+    role: url !== void 0 ? "button" : void 0,
+    tabIndex: url !== void 0 ? 0 : -1,
+    onKeyDown: (event) => {
+      onKeyDown?.(event);
+      if (event.isDefaultPrevented())
+        return;
+      if (url === void 0)
+        return;
+      if (event.key === "Enter" || event.key === " ") {
+        window.open(url, "_blank");
+      }
+    },
+    ...props,
+    onClick: (event) => {
+      onClick?.(event);
+      if (event.isDefaultPrevented())
+        return;
+      if (url === void 0)
+        return;
+      window.open(url, "_blank");
+    },
+    children: [
+      /* @__PURE__ */ jsx(AttachmentPreview, {
+        attachment,
+        url
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "lb-attachment-details",
+        children: [
+          /* @__PURE__ */ jsxs("span", {
+            className: "lb-attachment-name",
+            title: attachment.name,
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "lb-attachment-name-base",
+                children: base
+              }),
+              extension && /* @__PURE__ */ jsx("span", {
+                className: "lb-attachment-name-extension",
+                children: extension
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "lb-attachment-description",
+            title: description,
+            children: description
+          })
+        ]
+      })
+    ]
+  });
+}
+function AttachmentPreview({
+  attachment,
+  url,
+  ...props
+}) {
+  const [isUnsupportedPreview, setUnsupportedPreview] = useState(false);
+  const [isLoaded, setLoaded] = useState(false);
+  if (!isUnsupportedPreview && attachment.size <= MAX_DISPLAYED_MEDIA_SIZE) {
+    return /* @__PURE__ */ jsxs("div", {
+      className: "lb-attachment-preview",
+      ...props,
+      children: [
+        !isLoaded ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : null,
+        url ? /* @__PURE__ */ jsx("div", {
+          className: "lb-attachment-preview-media",
+          "data-hidden": !isLoaded ? "" : void 0,
+          children: /* @__PURE__ */ jsx("img", {
+            src: url,
+            loading: "lazy",
+            onLoad: () => setLoaded(true),
+            onError: () => setUnsupportedPreview(true)
+          })
+        }) : null
+      ]
+    });
+  }
+  return /* @__PURE__ */ jsxs("svg", {
+    className: "lb-attachment-icon",
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "currentColor",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx("path", {
+        d: "M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z",
+        className: "lb-attachment-icon-shadow"
+      }),
+      /* @__PURE__ */ jsx("path", {
+        d: "M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z",
+        className: "lb-attachment-icon-background"
+      }),
+      /* @__PURE__ */ jsx("path", {
+        d: "M14.382 3.037a4 4 0 0 1 2.29 1.135l6.156 6.157a4 4 0 0 1 1.136 2.289A2 2 0 0 0 22 11h-4a2 2 0 0 1-2-2V5a2 2 0 0 0-1.618-1.963Z",
+        className: "lb-attachment-icon-fold"
+      }),
+      /* @__PURE__ */ jsx("g", {
+        className: "lb-attachment-icon-glyph",
+        children: /* @__PURE__ */ jsx("path", {
+          d: "M12 16h6a1 1 0 0 1 1 1v3l-1.293-1.293a1 1 0 0 0-1.414 0L14.09 20.91l-.464-.386a1 1 0 0 0-1.265-.013l-1.231.985A.995.995 0 0 1 11 21v-4a1 1 0 0 1 1-1Zm-2 1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-4Zm3 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
+        })
+      })
+    ]
+  });
+}
+
+export { AiChatUserMessage };
+//# sourceMappingURL=AiChatUserMessage.js.map

package/dist/components/internal/AiChatUserMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiChatUserMessage.js","sources":["../../../src/components/internal/AiChatUserMessage.tsx"],"sourcesContent":["import type { UiUserMessage } from \"@liveblocks/core\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef, memo, useState } from \"react\";\n\nimport { SpinnerIcon } from \"../../icons\";\nimport type { GlobalOverrides } from \"../../overrides\";\nimport { useOverrides } from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\nimport { formatFileSize } from \"../../utils/format-file-size\";\nimport {\n  MAX_DISPLAYED_MEDIA_SIZE,\n  splitFileName,\n  useChatAttachmentUrl,\n} from \"./AiChatComposer\";\n\n/* -------------------------------------------------------------------------------------------------\n * AiChatUserMessage\n * -----------------------------------------------------------------------------------------------*/\nexport type AiChatUserMessageProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The message to display.\n   */\n  message: UiUserMessage;\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<GlobalOverrides>;\n};\n\nexport const AiChatUserMessage = memo(\n  forwardRef<HTMLDivElement, AiChatUserMessageProps>(\n    ({ message, className }, forwardedRef) => {\n      const text = message.content\n        .filter((c) => c.type === \"text\")\n        .map((c) => c.text)\n        .join(\"\\n\");\n\n      const images = message.content.filter((c) => c.type === \"image\");\n\n      if (message.deletedAt !== undefined) {\n        return (\n          <div\n            ref={forwardedRef}\n            className={classNames(\"lb-ai-chat-user-message\", className)}\n          >\n            <div className=\"lb-ai-chat-user-message-deleted\">\n              This message has been deleted.\n            </div>\n          </div>\n        );\n      }\n\n      return (\n        <div\n          ref={forwardedRef}\n          className={classNames(\"lb-ai-chat-user-message\", className)}\n        >\n          {images.length > 0 && (\n            <div className=\"lb-ai-chat-user-message-attachments\">\n              <div className=\"lb-ai-chat-user-message-media-attachments\">\n                {images.map((image) => (\n                  <AiChatUserMessageMediaAttachment\n                    key={image.id}\n                    chatId={message.chatId}\n                    attachment={image}\n                    className=\"lb-ai-chat-user-message-attachment\"\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n\n          <div className=\"lb-ai-chat-user-message-content\">\n            <div className=\"lb-ai-chat-user-message-body\">{text}</div>\n          </div>\n        </div>\n      );\n    }\n  )\n);\n\ntype AiChatUserMessageMediaAttachmentProps = HTMLAttributes<HTMLDivElement> & {\n  chatId: string;\n  attachment: {\n    id: string;\n    name: string;\n    size: number;\n    mimeType: string;\n  };\n  overrides?: Partial<GlobalOverrides>;\n};\n\nfunction AiChatUserMessageMediaAttachment({\n  className,\n  chatId,\n  attachment,\n  overrides,\n  onClick,\n  onKeyDown,\n  ...props\n}: AiChatUserMessageMediaAttachmentProps) {\n  if (!attachment.mimeType.startsWith(\"image/\")) {\n    throw new Error(\"Only image attachments are supported.\");\n  }\n\n  const { url } = useChatAttachmentUrl(chatId, attachment.id);\n\n  const { base, extension } = splitFileName(attachment.name);\n  const $ = useOverrides(overrides);\n  const description = formatFileSize(attachment.size, $.locale);\n\n  return (\n    <div\n      className={classNames(\n        \"lb-ai-chat-user-message-attachment lb-attachment lb-media-attachment\",\n        className\n      )}\n      role={url !== undefined ? \"button\" : undefined}\n      tabIndex={url !== undefined ? 0 : -1}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (event.isDefaultPrevented()) return;\n\n        if (url === undefined) return;\n        if (event.key === \"Enter\" || event.key === \" \") {\n          window.open(url, \"_blank\");\n        }\n      }}\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.isDefaultPrevented()) return;\n\n        if (url === undefined) return;\n        window.open(url, \"_blank\");\n      }}\n    >\n      <AttachmentPreview attachment={attachment} url={url} />\n\n      <div className=\"lb-attachment-details\">\n        <span className=\"lb-attachment-name\" title={attachment.name}>\n          <span className=\"lb-attachment-name-base\">{base}</span>\n          {extension && (\n            <span className=\"lb-attachment-name-extension\">{extension}</span>\n          )}\n        </span>\n\n        <span className=\"lb-attachment-description\" title={description}>\n          {description}\n        </span>\n      </div>\n    </div>\n  );\n}\n\ntype AttachmentPreviewProps = HTMLAttributes<HTMLDivElement> & {\n  attachment: { name: string; size: number };\n  url: string | undefined;\n};\n\nfunction AttachmentPreview({\n  attachment,\n  url,\n  ...props\n}: AttachmentPreviewProps) {\n  const [isUnsupportedPreview, setUnsupportedPreview] = useState(false);\n  const [isLoaded, setLoaded] = useState(false);\n\n  if (!isUnsupportedPreview && attachment.size <= MAX_DISPLAYED_MEDIA_SIZE) {\n    return (\n      <div className=\"lb-attachment-preview\" {...props}>\n        {!isLoaded ? <SpinnerIcon /> : null}\n\n        {url ? (\n          <div\n            className=\"lb-attachment-preview-media\"\n            data-hidden={!isLoaded ? \"\" : undefined}\n          >\n            <img\n              src={url}\n              loading=\"lazy\"\n              onLoad={() => setLoaded(true)}\n              onError={() => setUnsupportedPreview(true)}\n            />\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <svg\n      className=\"lb-attachment-icon\"\n      width={30}\n      height={30}\n      viewBox=\"0 0 30 30\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z\"\n        className=\"lb-attachment-icon-shadow\"\n      />\n      <path\n        d=\"M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z\"\n        className=\"lb-attachment-icon-background\"\n      />\n      <path\n        d=\"M14.382 3.037a4 4 0 0 1 2.29 1.135l6.156 6.157a4 4 0 0 1 1.136 2.289A2 2 0 0 0 22 11h-4a2 2 0 0 1-2-2V5a2 2 0 0 0-1.618-1.963Z\"\n        className=\"lb-attachment-icon-fold\"\n      />\n\n      <g className=\"lb-attachment-icon-glyph\">\n        <path d=\"M12 16h6a1 1 0 0 1 1 1v3l-1.293-1.293a1 1 0 0 0-1.414 0L14.09 20.91l-.464-.386a1 1 0 0 0-1.265-.013l-1.231.985A.995.995 0 0 1 11 21v-4a1 1 0 0 1 1-1Zm-2 1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-4Zm3 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\" />\n      </g>\n    </svg>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/icons/Copy.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Icon = require('../components/internal/Icon.cjs');
+
+function CopyIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Icon.Icon, {
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", {
+        x: "7.33",
+        y: "7.33",
+        width: "9.48",
+        height: "9.48",
+        rx: "1.38",
+        ry: "1.38"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", {
+        d: "M4.57 12.67 c-0.73 0 -1.38 -0.65 -1.38 -1.38 V4.57 c0 -0.73 0.65 -1.38 1.38 -1.38 h6.72 c0.73 0 1.38 0.65 1.38 1.38"
+      })
+    ]
+  });
+}
+
+exports.CopyIcon = CopyIcon;
+//# sourceMappingURL=Copy.cjs.map

package/dist/icons/Copy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Copy.cjs","sources":["../../src/icons/Copy.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function CopyIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <rect x=\"7.33\" y=\"7.33\" width=\"9.48\" height=\"9.48\" rx=\"1.38\" ry=\"1.38\" />\n      <path d=\"M4.57 12.67 c-0.73 0 -1.38 -0.65 -1.38 -1.38 V4.57 c0 -0.73 0.65 -1.38 1.38 -1.38 h6.72 c0.73 0 1.38 0.65 1.38 1.38\" />\n    </Icon>\n  );\n}\n"],"names":["jsxs","Icon","jsx"],"mappings":";;;;;AAIO,SAAS,SAAS,KAA8B,EAAA;AACrD,EAAA,uBACGA,eAAA,CAAAC,SAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,CAAE,EAAA,MAAA;AAAA,QAAO,CAAE,EAAA,MAAA;AAAA,QAAO,KAAM,EAAA,MAAA;AAAA,QAAO,MAAO,EAAA,MAAA;AAAA,QAAO,EAAG,EAAA,MAAA;AAAA,QAAO,EAAG,EAAA,MAAA;AAAA,OAAO,CAAA;AAAA,sBACtEA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,CAAE,EAAA,qHAAA;AAAA,OAAsH,CAAA;AAAA,KAAA;AAAA,GAChI,CAAA,CAAA;AAEJ;;;;"}

package/dist/icons/Copy.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon } from '../components/internal/Icon.js';
+
+function CopyIcon(props) {
+  return /* @__PURE__ */ jsxs(Icon, {
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("rect", {
+        x: "7.33",
+        y: "7.33",
+        width: "9.48",
+        height: "9.48",
+        rx: "1.38",
+        ry: "1.38"
+      }),
+      /* @__PURE__ */ jsx("path", {
+        d: "M4.57 12.67 c-0.73 0 -1.38 -0.65 -1.38 -1.38 V4.57 c0 -0.73 0.65 -1.38 1.38 -1.38 h6.72 c0.73 0 1.38 0.65 1.38 1.38"
+      })
+    ]
+  });
+}
+
+export { CopyIcon };
+//# sourceMappingURL=Copy.js.map

package/dist/icons/Copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Copy.js","sources":["../../src/icons/Copy.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Icon } from \"../components/internal/Icon\";\n\nexport function CopyIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <Icon {...props}>\n      <rect x=\"7.33\" y=\"7.33\" width=\"9.48\" height=\"9.48\" rx=\"1.38\" ry=\"1.38\" />\n      <path d=\"M4.57 12.67 c-0.73 0 -1.38 -0.65 -1.38 -1.38 V4.57 c0 -0.73 0.65 -1.38 1.38 -1.38 h6.72 c0.73 0 1.38 0.65 1.38 1.38\" />\n    </Icon>\n  );\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,SAAS,KAA8B,EAAA;AACrD,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,KAAA;AAAA,IACR,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,CAAE,EAAA,MAAA;AAAA,QAAO,CAAE,EAAA,MAAA;AAAA,QAAO,KAAM,EAAA,MAAA;AAAA,QAAO,MAAO,EAAA,MAAA;AAAA,QAAO,EAAG,EAAA,MAAA;AAAA,QAAO,EAAG,EAAA,MAAA;AAAA,OAAO,CAAA;AAAA,sBACtE,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,CAAE,EAAA,qHAAA;AAAA,OAAsH,CAAA;AAAA,KAAA;AAAA,GAChI,CAAA,CAAA;AAEJ;;;;"}

package/dist/index.cjs

@@ -2,6 +2,7 @@
 
 var core = require('@liveblocks/core');
 var version = require('./version.cjs');
+var AiChat = require('./components/AiChat/AiChat.cjs');
 var Comment = require('./components/Comment.cjs');
 var Composer = require('./components/Composer.cjs');
 var HistoryVersionSummary = require('./components/HistoryVersionSummary.cjs');
@@ -15,6 +16,7 @@ var overrides = require('./overrides.cjs');
 
 core.detectDupes(version.PKG_NAME, version.PKG_VERSION, version.PKG_FORMAT);
 
+exports.AiChat = AiChat.AiChat;
 exports.Comment = Comment.Comment;
 exports.Composer = Composer.Composer;
 exports.HistoryVersionSummary = HistoryVersionSummary.HistoryVersionSummary;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { CommentProps } from \"./components/Comment\";\nexport { Comment } from \"./components/Comment\";\nexport type { ComposerProps } from \"./components/Composer\";\nexport { Composer } from \"./components/Composer\";\nexport type { HistoryVersionSummaryProps } from \"./components/HistoryVersionSummary\";\nexport { HistoryVersionSummary } from \"./components/HistoryVersionSummary\";\nexport type { HistoryVersionSummaryListProps } from \"./components/HistoryVersionSummaryList\";\nexport { HistoryVersionSummaryList } from \"./components/HistoryVersionSummaryList\";\nexport type {\n  InboxNotificationAvatarProps,\n  InboxNotificationCustomKindProps,\n  InboxNotificationCustomProps,\n  InboxNotificationIconProps,\n  InboxNotificationProps,\n  InboxNotificationTextMentionKindProps,\n  InboxNotificationTextMentionProps,\n  InboxNotificationThreadKindProps,\n  InboxNotificationThreadProps,\n} from \"./components/InboxNotification\";\nexport { InboxNotification } from \"./components/InboxNotification\";\nexport type { InboxNotificationListProps } from \"./components/InboxNotificationList\";\nexport { InboxNotificationList } from \"./components/InboxNotificationList\";\nexport type { ThreadProps } from \"./components/Thread\";\nexport { Thread } from \"./components/Thread\";\nexport { LiveblocksUIConfig } from \"./config\";\nexport * as Icon from \"./icon\";\nexport type {\n  CommentOverrides,\n  ComposerOverrides,\n  GlobalOverrides,\n  InboxNotificationOverrides,\n  LocalizationOverrides,\n  Overrides,\n  ThreadOverrides,\n} from \"./overrides\";\nexport { useOverrides } from \"./overrides\";\nexport type { ComposerSubmitComment } from \"./primitives\";\nexport type {\n  CommentAttachmentArgs,\n  ComposerBodyMark,\n  ComposerBodyMarks,\n} from \"./types\";\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;;;;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport { AiChat, type AiChatProps } from \"./components/AiChat/AiChat\";\nexport type { CommentProps } from \"./components/Comment\";\nexport { Comment } from \"./components/Comment\";\nexport type { ComposerProps } from \"./components/Composer\";\nexport { Composer } from \"./components/Composer\";\nexport type { HistoryVersionSummaryProps } from \"./components/HistoryVersionSummary\";\nexport { HistoryVersionSummary } from \"./components/HistoryVersionSummary\";\nexport type { HistoryVersionSummaryListProps } from \"./components/HistoryVersionSummaryList\";\nexport { HistoryVersionSummaryList } from \"./components/HistoryVersionSummaryList\";\nexport type {\n  InboxNotificationAvatarProps,\n  InboxNotificationCustomKindProps,\n  InboxNotificationCustomProps,\n  InboxNotificationIconProps,\n  InboxNotificationProps,\n  InboxNotificationTextMentionKindProps,\n  InboxNotificationTextMentionProps,\n  InboxNotificationThreadKindProps,\n  InboxNotificationThreadProps,\n} from \"./components/InboxNotification\";\nexport { InboxNotification } from \"./components/InboxNotification\";\nexport type { InboxNotificationListProps } from \"./components/InboxNotificationList\";\nexport { InboxNotificationList } from \"./components/InboxNotificationList\";\nexport type { ThreadProps } from \"./components/Thread\";\nexport { Thread } from \"./components/Thread\";\nexport { LiveblocksUIConfig } from \"./config\";\nexport * as Icon from \"./icon\";\nexport type {\n  ChatComposerOverrides,\n  CommentOverrides,\n  ComposerOverrides,\n  GlobalOverrides,\n  InboxNotificationOverrides,\n  LocalizationOverrides,\n  Overrides,\n  ThreadOverrides,\n} from \"./overrides\";\nexport { useOverrides } from \"./overrides\";\nexport type { ComposerSubmitComment } from \"./primitives\";\nexport type {\n  CommentAttachmentArgs,\n  ComposerBodyMark,\n  ComposerBodyMarks,\n} from \"./types\";\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;;;;;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;;;;;;;;;;"}

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { ElementType, ComponentPropsWithoutRef, ReactNode, FormEvent, ComponentType, RefAttributes, MouseEvent, ComponentProps, PropsWithChildren } from 'react';
-import { CommentAttachment, CommentBody, BaseMetadata, DM, CommentData, HistoryVersion, InboxNotificationData, InboxNotificationThreadData, InboxNotificationTextMentionData, InboxNotificationCustomData, KDAD, ThreadData } from '@liveblocks/core';
+import { ElementType, ComponentPropsWithoutRef, ReactNode, HTMLAttributes, FormEvent, ComponentType, RefAttributes, MouseEvent, ComponentProps, PropsWithChildren } from 'react';
+import { CommentAttachment, CopilotId, AiChatContext, ClientToolDefinition, CommentBody, BaseMetadata, DM, CommentData, HistoryVersion, InboxNotificationData, InboxNotificationThreadData, InboxNotificationTextMentionData, InboxNotificationCustomData, KDAD, ThreadData } from '@liveblocks/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type Direction = "ltr" | "rtl";
@@ -73,6 +73,22 @@ interface ComposerOverrides {
     COMPOSER_SEND: string;
     COMPOSER_TOGGLE_MARK: (mark: ComposerBodyMark) => string;
 }
+interface ChatComposerOverrides {
+    CHAT_COMPOSER_PLACEHOLDER: string;
+    CHAT_COMPOSER_SEND: string;
+    CHAT_COMPOSER_ATTACH_FILES: string;
+    CHAT_COMPOSER_REMOVE_ATTACHMENT: string;
+    CHAT_COMPOSER_ABORT: string;
+}
+interface ChatMessageOverrides {
+    CHAT_MESSAGE_DELETED: string;
+    CHAT_MESSAGE_THINKING: string;
+    CHAT_MESSAGE_COPY: string;
+    CHAT_MESSAGE_TRY_AGAIN: string;
+}
+interface ChatOverrides {
+    GET_CHAT_MESSAGES_ERROR: (error: Error) => ReactNode;
+}
 interface ThreadOverrides {
     THREAD_RESOLVE: string;
     THREAD_UNRESOLVE: string;
@@ -97,9 +113,54 @@ interface HistoryVersionPreviewOverrides {
     HISTORY_VERSION_PREVIEW_EMPTY: ReactNode;
     HISTORY_VERSION_PREVIEW_ERROR: (error: Error) => ReactNode;
 }
-type Overrides = LocalizationOverrides & GlobalOverrides & ComposerOverrides & CommentOverrides & ThreadOverrides & InboxNotificationOverrides & HistoryVersionPreviewOverrides;
+type Overrides = LocalizationOverrides & GlobalOverrides & ComposerOverrides & CommentOverrides & ThreadOverrides & InboxNotificationOverrides & HistoryVersionPreviewOverrides & ChatComposerOverrides & ChatMessageOverrides & ChatOverrides;
 declare function useOverrides(overrides?: Partial<Overrides>): Overrides;
 
+type AiChatProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The id of the chat the composer belongs to.
+     */
+    chatId: string;
+    /**
+     * The id of the copilot to use to send the message.
+     */
+    copilotId?: CopilotId;
+    /**
+     * The contextual information to include in the chat. Used by the assistant when generating responses.
+     */
+    contexts?: AiChatContext[];
+    /**
+     * The contextual information to include in the chat. Used by the assistant when generating responses.
+     */
+    tools?: Record<string, ClientToolDefinition>;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatMessageOverrides & ChatComposerOverrides & ChatOverrides>;
+};
+declare const AiChat: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The id of the chat the composer belongs to.
+     */
+    chatId: string;
+    /**
+     * The id of the copilot to use to send the message.
+     */
+    copilotId?: CopilotId;
+    /**
+     * The contextual information to include in the chat. Used by the assistant when generating responses.
+     */
+    contexts?: AiChatContext[];
+    /**
+     * The contextual information to include in the chat. Used by the assistant when generating responses.
+     */
+    tools?: Record<string, ClientToolDefinition>;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatMessageOverrides & ChatComposerOverrides & ChatOverrides>;
+} & react.RefAttributes<HTMLDivElement>>;
+
 interface ComposerEditorMentionProps {
     /**
      * Whether the mention is selected.
@@ -812,4 +873,4 @@ declare namespace icon {
   };
 }
 
-export { Comment, CommentAttachmentArgs, CommentOverrides, CommentProps, Composer, ComposerBodyMark, ComposerBodyMarks, ComposerOverrides, ComposerProps, ComposerSubmitComment, GlobalOverrides, HistoryVersionSummary, HistoryVersionSummaryList, HistoryVersionSummaryListProps, HistoryVersionSummaryProps, icon as Icon, InboxNotification, InboxNotificationAvatarProps, InboxNotificationCustomKindProps, InboxNotificationCustomProps, InboxNotificationIconProps, InboxNotificationList, InboxNotificationListProps, InboxNotificationOverrides, InboxNotificationProps, InboxNotificationTextMentionKindProps, InboxNotificationTextMentionProps, InboxNotificationThreadKindProps, InboxNotificationThreadProps, LiveblocksUIConfig, LocalizationOverrides, Overrides, Thread, ThreadOverrides, ThreadProps, useOverrides };
+export { AiChat, AiChatProps, ChatComposerOverrides, Comment, CommentAttachmentArgs, CommentOverrides, CommentProps, Composer, ComposerBodyMark, ComposerBodyMarks, ComposerOverrides, ComposerProps, ComposerSubmitComment, GlobalOverrides, HistoryVersionSummary, HistoryVersionSummaryList, HistoryVersionSummaryListProps, HistoryVersionSummaryProps, icon as Icon, InboxNotification, InboxNotificationAvatarProps, InboxNotificationCustomKindProps, InboxNotificationCustomProps, InboxNotificationIconProps, InboxNotificationList, InboxNotificationListProps, InboxNotificationOverrides, InboxNotificationProps, InboxNotificationTextMentionKindProps, InboxNotificationTextMentionProps, InboxNotificationThreadKindProps, InboxNotificationThreadProps, LiveblocksUIConfig, LocalizationOverrides, Overrides, Thread, ThreadOverrides, ThreadProps, useOverrides };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { ElementType, ComponentPropsWithoutRef, ReactNode, FormEvent, ComponentType, RefAttributes, MouseEvent, ComponentProps, PropsWithChildren } from 'react';
-import { CommentAttachment, CommentBody, BaseMetadata, DM, CommentData, HistoryVersion, InboxNotificationData, InboxNotificationThreadData, InboxNotificationTextMentionData, InboxNotificationCustomData, KDAD, ThreadData } from '@liveblocks/core';
+import { ElementType, ComponentPropsWithoutRef, ReactNode, HTMLAttributes, FormEvent, ComponentType, RefAttributes, MouseEvent, ComponentProps, PropsWithChildren } from 'react';
+import { CommentAttachment, CopilotId, AiChatContext, ClientToolDefinition, CommentBody, BaseMetadata, DM, CommentData, HistoryVersion, InboxNotificationData, InboxNotificationThreadData, InboxNotificationTextMentionData, InboxNotificationCustomData, KDAD, ThreadData } from '@liveblocks/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type Direction = "ltr" | "rtl";
@@ -73,6 +73,22 @@ interface ComposerOverrides {
     COMPOSER_SEND: string;
     COMPOSER_TOGGLE_MARK: (mark: ComposerBodyMark) => string;
 }
+interface ChatComposerOverrides {
+    CHAT_COMPOSER_PLACEHOLDER: string;
+    CHAT_COMPOSER_SEND: string;
+    CHAT_COMPOSER_ATTACH_FILES: string;
+    CHAT_COMPOSER_REMOVE_ATTACHMENT: string;
+    CHAT_COMPOSER_ABORT: string;
+}
+interface ChatMessageOverrides {
+    CHAT_MESSAGE_DELETED: string;
+    CHAT_MESSAGE_THINKING: string;
+    CHAT_MESSAGE_COPY: string;
+    CHAT_MESSAGE_TRY_AGAIN: string;
+}
+interface ChatOverrides {
+    GET_CHAT_MESSAGES_ERROR: (error: Error) => ReactNode;
+}
 interface ThreadOverrides {
     THREAD_RESOLVE: string;
     THREAD_UNRESOLVE: string;
@@ -97,9 +113,54 @@ interface HistoryVersionPreviewOverrides {
     HISTORY_VERSION_PREVIEW_EMPTY: ReactNode;
     HISTORY_VERSION_PREVIEW_ERROR: (error: Error) => ReactNode;
 }
-type Overrides = LocalizationOverrides & GlobalOverrides & ComposerOverrides & CommentOverrides & ThreadOverrides & InboxNotificationOverrides & HistoryVersionPreviewOverrides;
+type Overrides = LocalizationOverrides & GlobalOverrides & ComposerOverrides & CommentOverrides & ThreadOverrides & InboxNotificationOverrides & HistoryVersionPreviewOverrides & ChatComposerOverrides & ChatMessageOverrides & ChatOverrides;
 declare function useOverrides(overrides?: Partial<Overrides>): Overrides;
 
+type AiChatProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The id of the chat the composer belongs to.
+     */
+    chatId: string;
+    /**
+     * The id of the copilot to use to send the message.
+     */
+    copilotId?: CopilotId;
+    /**
+     * The contextual information to include in the chat. Used by the assistant when generating responses.
+     */
+    contexts?: AiChatContext[];
+    /**
+     * The contextual information to include in the chat. Used by the assistant when generating responses.
+     */
+    tools?: Record<string, ClientToolDefinition>;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatMessageOverrides & ChatComposerOverrides & ChatOverrides>;
+};
+declare const AiChat: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * The id of the chat the composer belongs to.
+     */
+    chatId: string;
+    /**
+     * The id of the copilot to use to send the message.
+     */
+    copilotId?: CopilotId;
+    /**
+     * The contextual information to include in the chat. Used by the assistant when generating responses.
+     */
+    contexts?: AiChatContext[];
+    /**
+     * The contextual information to include in the chat. Used by the assistant when generating responses.
+     */
+    tools?: Record<string, ClientToolDefinition>;
+    /**
+     * Override the component's strings.
+     */
+    overrides?: Partial<GlobalOverrides & ChatMessageOverrides & ChatComposerOverrides & ChatOverrides>;
+} & react.RefAttributes<HTMLDivElement>>;
+
 interface ComposerEditorMentionProps {
     /**
      * Whether the mention is selected.
@@ -812,4 +873,4 @@ declare namespace icon {
   };
 }
 
-export { Comment, CommentAttachmentArgs, CommentOverrides, CommentProps, Composer, ComposerBodyMark, ComposerBodyMarks, ComposerOverrides, ComposerProps, ComposerSubmitComment, GlobalOverrides, HistoryVersionSummary, HistoryVersionSummaryList, HistoryVersionSummaryListProps, HistoryVersionSummaryProps, icon as Icon, InboxNotification, InboxNotificationAvatarProps, InboxNotificationCustomKindProps, InboxNotificationCustomProps, InboxNotificationIconProps, InboxNotificationList, InboxNotificationListProps, InboxNotificationOverrides, InboxNotificationProps, InboxNotificationTextMentionKindProps, InboxNotificationTextMentionProps, InboxNotificationThreadKindProps, InboxNotificationThreadProps, LiveblocksUIConfig, LocalizationOverrides, Overrides, Thread, ThreadOverrides, ThreadProps, useOverrides };
+export { AiChat, AiChatProps, ChatComposerOverrides, Comment, CommentAttachmentArgs, CommentOverrides, CommentProps, Composer, ComposerBodyMark, ComposerBodyMarks, ComposerOverrides, ComposerProps, ComposerSubmitComment, GlobalOverrides, HistoryVersionSummary, HistoryVersionSummaryList, HistoryVersionSummaryListProps, HistoryVersionSummaryProps, icon as Icon, InboxNotification, InboxNotificationAvatarProps, InboxNotificationCustomKindProps, InboxNotificationCustomProps, InboxNotificationIconProps, InboxNotificationList, InboxNotificationListProps, InboxNotificationOverrides, InboxNotificationProps, InboxNotificationTextMentionKindProps, InboxNotificationTextMentionProps, InboxNotificationThreadKindProps, InboxNotificationThreadProps, LiveblocksUIConfig, LocalizationOverrides, Overrides, Thread, ThreadOverrides, ThreadProps, useOverrides };

package/dist/index.js

@@ -1,5 +1,6 @@
 import { detectDupes } from '@liveblocks/core';
 import { PKG_NAME, PKG_VERSION, PKG_FORMAT } from './version.js';
+export { AiChat } from './components/AiChat/AiChat.js';
 export { Comment } from './components/Comment.js';
 export { Composer } from './components/Composer.js';
 export { HistoryVersionSummary } from './components/HistoryVersionSummary.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { CommentProps } from \"./components/Comment\";\nexport { Comment } from \"./components/Comment\";\nexport type { ComposerProps } from \"./components/Composer\";\nexport { Composer } from \"./components/Composer\";\nexport type { HistoryVersionSummaryProps } from \"./components/HistoryVersionSummary\";\nexport { HistoryVersionSummary } from \"./components/HistoryVersionSummary\";\nexport type { HistoryVersionSummaryListProps } from \"./components/HistoryVersionSummaryList\";\nexport { HistoryVersionSummaryList } from \"./components/HistoryVersionSummaryList\";\nexport type {\n  InboxNotificationAvatarProps,\n  InboxNotificationCustomKindProps,\n  InboxNotificationCustomProps,\n  InboxNotificationIconProps,\n  InboxNotificationProps,\n  InboxNotificationTextMentionKindProps,\n  InboxNotificationTextMentionProps,\n  InboxNotificationThreadKindProps,\n  InboxNotificationThreadProps,\n} from \"./components/InboxNotification\";\nexport { InboxNotification } from \"./components/InboxNotification\";\nexport type { InboxNotificationListProps } from \"./components/InboxNotificationList\";\nexport { InboxNotificationList } from \"./components/InboxNotificationList\";\nexport type { ThreadProps } from \"./components/Thread\";\nexport { Thread } from \"./components/Thread\";\nexport { LiveblocksUIConfig } from \"./config\";\nexport * as Icon from \"./icon\";\nexport type {\n  CommentOverrides,\n  ComposerOverrides,\n  GlobalOverrides,\n  InboxNotificationOverrides,\n  LocalizationOverrides,\n  Overrides,\n  ThreadOverrides,\n} from \"./overrides\";\nexport { useOverrides } from \"./overrides\";\nexport type { ComposerSubmitComment } from \"./primitives\";\nexport type {\n  CommentAttachmentArgs,\n  ComposerBodyMark,\n  ComposerBodyMarks,\n} from \"./types\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAIA,WAAY,CAAA,QAAA,EAAU,aAAa,UAAU,CAAA"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport { AiChat, type AiChatProps } from \"./components/AiChat/AiChat\";\nexport type { CommentProps } from \"./components/Comment\";\nexport { Comment } from \"./components/Comment\";\nexport type { ComposerProps } from \"./components/Composer\";\nexport { Composer } from \"./components/Composer\";\nexport type { HistoryVersionSummaryProps } from \"./components/HistoryVersionSummary\";\nexport { HistoryVersionSummary } from \"./components/HistoryVersionSummary\";\nexport type { HistoryVersionSummaryListProps } from \"./components/HistoryVersionSummaryList\";\nexport { HistoryVersionSummaryList } from \"./components/HistoryVersionSummaryList\";\nexport type {\n  InboxNotificationAvatarProps,\n  InboxNotificationCustomKindProps,\n  InboxNotificationCustomProps,\n  InboxNotificationIconProps,\n  InboxNotificationProps,\n  InboxNotificationTextMentionKindProps,\n  InboxNotificationTextMentionProps,\n  InboxNotificationThreadKindProps,\n  InboxNotificationThreadProps,\n} from \"./components/InboxNotification\";\nexport { InboxNotification } from \"./components/InboxNotification\";\nexport type { InboxNotificationListProps } from \"./components/InboxNotificationList\";\nexport { InboxNotificationList } from \"./components/InboxNotificationList\";\nexport type { ThreadProps } from \"./components/Thread\";\nexport { Thread } from \"./components/Thread\";\nexport { LiveblocksUIConfig } from \"./config\";\nexport * as Icon from \"./icon\";\nexport type {\n  ChatComposerOverrides,\n  CommentOverrides,\n  ComposerOverrides,\n  GlobalOverrides,\n  InboxNotificationOverrides,\n  LocalizationOverrides,\n  Overrides,\n  ThreadOverrides,\n} from \"./overrides\";\nexport { useOverrides } from \"./overrides\";\nexport type { ComposerSubmitComment } from \"./primitives\";\nexport type {\n  CommentAttachmentArgs,\n  ComposerBodyMark,\n  ComposerBodyMarks,\n} from \"./types\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAIA,WAAY,CAAA,QAAA,EAAU,aAAa,UAAU,CAAA"}

package/dist/overrides.cjs

@@ -119,7 +119,19 @@ const defaultOverrides = {
   }),
   HISTORY_VERSION_PREVIEW_RESTORE: "Restore",
   HISTORY_VERSION_PREVIEW_EMPTY: "No content.",
-  HISTORY_VERSION_PREVIEW_ERROR: () => "There was an error while getting this version."
+  HISTORY_VERSION_PREVIEW_ERROR: () => "There was an error while getting this version.",
+  CHAT_COMPOSER_PLACEHOLDER: "Ask anything\u2026",
+  CHAT_COMPOSER_SEND: "Send",
+  CHAT_COMPOSER_ATTACH_FILES: "Attach files",
+  CHAT_COMPOSER_REMOVE_ATTACHMENT: "Remove attachment",
+  CHAT_COMPOSER_ABORT: "Abort response.",
+  CHAT_MESSAGE_DELETED: "This message has been deleted.",
+  CHAT_MESSAGE_THINKING: "Thinking\u2026",
+  CHAT_MESSAGE_COPY: "Copy",
+  CHAT_MESSAGE_TRY_AGAIN: "Try again",
+  GET_CHAT_MESSAGES_ERROR: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: "There was an error while getting the messages"
+  })
 };
 const OverridesContext = react.createContext(void 0);
 function useOverrides(overrides) {

package/dist/overrides.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"overrides.cjs","sources":["../src/overrides.tsx"],"sourcesContent":["\"use client\";\n\nimport { assertNever } from \"@liveblocks/core\";\nimport type { PropsWithChildren, ReactNode } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { Emoji } from \"./components/internal/Emoji\";\nimport type { ComposerBodyMark, Direction } from \"./types\";\nimport { pluralize } from \"./utils/pluralize\";\n\nexport interface LocalizationOverrides {\n  locale: string;\n  dir: Direction;\n}\n\nexport interface GlobalOverrides {\n  USER_SELF: string;\n  USER_UNKNOWN: string;\n  LIST_REMAINING: (count: number) => string;\n  LIST_REMAINING_USERS: (count: number) => string;\n  LIST_REMAINING_COMMENTS: (count: number) => string;\n  EMOJI_PICKER_SEARCH_PLACEHOLDER: string;\n  EMOJI_PICKER_EMPTY: ReactNode;\n  EMOJI_PICKER_ERROR: (error: Error) => ReactNode;\n  EMOJI_PICKER_CHANGE_SKIN_TONE: string;\n  ATTACHMENT_TOO_LARGE: (maxSize?: string) => string;\n  ATTACHMENT_ERROR: (error: Error) => string;\n}\n\nexport interface CommentOverrides {\n  COMMENT_EDITED: ReactNode;\n  COMMENT_DELETED: ReactNode;\n  COMMENT_MORE: string;\n  COMMENT_EDIT: string;\n  COMMENT_EDIT_COMPOSER_PLACEHOLDER: string;\n  COMMENT_EDIT_COMPOSER_CANCEL: string;\n  COMMENT_EDIT_COMPOSER_SAVE: string;\n  COMMENT_DELETE: string;\n  COMMENT_DELETE_ATTACHMENT: string;\n  COMMENT_ADD_REACTION: string;\n  COMMENT_REACTION_LIST: (\n    list: ReactNode,\n    emoji: string,\n    count: number\n  ) => ReactNode;\n  COMMENT_REACTION_DESCRIPTION: (emoji: string, count: number) => string;\n}\n\nexport interface ComposerOverrides {\n  COMPOSER_INSERT_MENTION: string;\n  COMPOSER_INSERT_EMOJI: string;\n  COMPOSER_ATTACH_FILES: string;\n  COMPOSER_REMOVE_ATTACHMENT: string;\n  COMPOSER_PLACEHOLDER: string;\n  COMPOSER_SEND: string;\n  COMPOSER_TOGGLE_MARK: (mark: ComposerBodyMark) => string;\n}\n\nexport interface ThreadOverrides {\n  THREAD_RESOLVE: string;\n  THREAD_UNRESOLVE: string;\n  THREAD_SUBSCRIBE: string;\n  THREAD_UNSUBSCRIBE: string;\n  THREAD_NEW_INDICATOR: string;\n  THREAD_NEW_INDICATOR_DESCRIPTION: string;\n  THREAD_COMPOSER_PLACEHOLDER: string;\n  THREAD_COMPOSER_SEND: string;\n}\n\nexport interface InboxNotificationOverrides {\n  INBOX_NOTIFICATION_MORE: string;\n  INBOX_NOTIFICATION_MARK_AS_READ: string;\n  INBOX_NOTIFICATION_DELETE: string;\n  INBOX_NOTIFICATION_THREAD_COMMENTS_LIST: (\n    list: ReactNode,\n    room: ReactNode | undefined,\n    count: number\n  ) => ReactNode;\n  INBOX_NOTIFICATION_THREAD_MENTION: (\n    user: ReactNode,\n    room: ReactNode | undefined\n  ) => ReactNode;\n  INBOX_NOTIFICATION_TEXT_MENTION: (\n    user: ReactNode,\n    room: ReactNode | undefined\n  ) => ReactNode;\n}\n\nexport interface HistoryVersionPreviewOverrides {\n  HISTORY_VERSION_PREVIEW_AUTHORS_LIST: (list: ReactNode) => ReactNode;\n  HISTORY_VERSION_PREVIEW_RESTORE: string;\n  HISTORY_VERSION_PREVIEW_EMPTY: ReactNode;\n  HISTORY_VERSION_PREVIEW_ERROR: (error: Error) => ReactNode;\n}\n\nexport type Overrides = LocalizationOverrides &\n  GlobalOverrides &\n  ComposerOverrides &\n  CommentOverrides &\n  ThreadOverrides &\n  InboxNotificationOverrides &\n  HistoryVersionPreviewOverrides;\n\ntype OverridesProviderProps = PropsWithChildren<{\n  overrides?: Partial<Overrides>;\n}>;\n\nexport const defaultOverrides: Overrides = {\n  locale: \"en\",\n  dir: \"ltr\",\n  USER_SELF: \"you\",\n  USER_UNKNOWN: \"Anonymous\",\n  LIST_REMAINING: (count) => `${count} more`,\n  LIST_REMAINING_USERS: (count) => `${count} ${pluralize(count, \"other\")}`,\n  LIST_REMAINING_COMMENTS: (count) =>\n    `${count} more ${pluralize(count, \"comment\")}`,\n  EMOJI_PICKER_SEARCH_PLACEHOLDER: \"Search…\",\n  EMOJI_PICKER_EMPTY: \"No emoji found.\",\n  EMOJI_PICKER_ERROR: () =>\n    \"There was an error while getting the list of emoji.\",\n  EMOJI_PICKER_CHANGE_SKIN_TONE: \"Change skin tone\",\n  ATTACHMENT_TOO_LARGE: (maxSize) =>\n    maxSize ? `The file is larger than ${maxSize}` : \"The file is too large\",\n  ATTACHMENT_ERROR: () => \"The file couldn’t be uploaded.\",\n  COMPOSER_INSERT_MENTION: \"Mention someone\",\n  COMPOSER_INSERT_EMOJI: \"Add emoji\",\n  COMPOSER_ATTACH_FILES: \"Attach files\",\n  COMPOSER_REMOVE_ATTACHMENT: \"Remove attachment\",\n  COMPOSER_PLACEHOLDER: \"Write a comment…\",\n  COMPOSER_SEND: \"Send\",\n  COMPOSER_TOGGLE_MARK: (format) => {\n    switch (format) {\n      case \"bold\":\n        return \"Bold\";\n      case \"italic\":\n        return \"Italic\";\n      case \"strikethrough\":\n        return \"Strikethrough\";\n      case \"code\":\n        return \"Inline code\";\n      default:\n        return assertNever(format, \"Unexpected mark\");\n    }\n  },\n  COMMENT_EDITED: \"(edited)\",\n  COMMENT_DELETED: \"This comment has been deleted.\",\n  COMMENT_MORE: \"More\",\n  COMMENT_EDIT: \"Edit comment\",\n  COMMENT_EDIT_COMPOSER_PLACEHOLDER: \"Edit comment…\",\n  COMMENT_EDIT_COMPOSER_CANCEL: \"Cancel\",\n  COMMENT_EDIT_COMPOSER_SAVE: \"Save\",\n  COMMENT_DELETE: \"Delete comment\",\n  COMMENT_DELETE_ATTACHMENT: \"Delete attachment\",\n  COMMENT_ADD_REACTION: \"Add reaction\",\n  COMMENT_REACTION_LIST: (list, emoji) => (\n    <>\n      {list} reacted with <Emoji emoji={emoji} />\n    </>\n  ),\n  COMMENT_REACTION_DESCRIPTION: (emoji, count) =>\n    `${count} ${pluralize(count, \"reaction\")}, react with ${emoji}`,\n  THREAD_RESOLVE: \"Resolve thread\",\n  THREAD_UNRESOLVE: \"Re-open thread\",\n  THREAD_SUBSCRIBE: \"Subscribe to thread\",\n  THREAD_UNSUBSCRIBE: \"Unsubscribe from thread\",\n  THREAD_NEW_INDICATOR: \"New\",\n  THREAD_NEW_INDICATOR_DESCRIPTION: \"New comments\",\n  THREAD_COMPOSER_PLACEHOLDER: \"Reply to thread…\",\n  THREAD_COMPOSER_SEND: \"Reply\",\n  INBOX_NOTIFICATION_MORE: \"More\",\n  INBOX_NOTIFICATION_MARK_AS_READ: \"Mark as read\",\n  INBOX_NOTIFICATION_DELETE: \"Delete notification\",\n  INBOX_NOTIFICATION_THREAD_COMMENTS_LIST: (\n    list: ReactNode,\n    room: ReactNode\n  ) => (\n    <>\n      {list} commented\n      {room ? <> in {room}</> : <> in a thread</>}\n    </>\n  ),\n  INBOX_NOTIFICATION_THREAD_MENTION: (user: ReactNode, room: ReactNode) => (\n    <>\n      {user} mentioned you{room ? <> in {room}</> : null}\n    </>\n  ),\n  INBOX_NOTIFICATION_TEXT_MENTION: (user: ReactNode, room: ReactNode) => (\n    <>\n      {user} mentioned you{room ? <> in {room}</> : null}\n    </>\n  ),\n  HISTORY_VERSION_PREVIEW_AUTHORS_LIST: (list: ReactNode) => (\n    <>Edits from {list}</>\n  ),\n  HISTORY_VERSION_PREVIEW_RESTORE: \"Restore\",\n  HISTORY_VERSION_PREVIEW_EMPTY: \"No content.\",\n  HISTORY_VERSION_PREVIEW_ERROR: () =>\n    \"There was an error while getting this version.\",\n};\n\nexport const OverridesContext = createContext<Overrides | undefined>(undefined);\n\nexport function useOverrides(overrides?: Partial<Overrides>): Overrides {\n  const contextOverrides = useContext(OverridesContext);\n\n  return useMemo(\n    () => ({\n      ...defaultOverrides,\n      ...contextOverrides,\n      ...overrides,\n    }),\n    [contextOverrides, overrides]\n  );\n}\n\nexport function OverridesProvider({\n  children,\n  overrides: providerOverrides,\n}: OverridesProviderProps) {\n  const contextOverrides = useContext(OverridesContext);\n  const overrides = useMemo(\n    () => ({\n      ...defaultOverrides,\n      ...contextOverrides,\n      ...providerOverrides,\n    }),\n    [contextOverrides, providerOverrides]\n  );\n\n  return (\n    <OverridesContext.Provider value={overrides}>\n      {children}\n    </OverridesContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AA2GO;AAAoC;AACjC;AACH;AACM;AACG;AACgB;AACuC;AAExB;AACZ;AACb;AAElB;AAC6B;AAEoB;AAC3B;AACC;AACF;AACA;AACK;AACN;AACP;AAEb;AAAgB;AAEZ;AAAO;AAEP;AAAO;AAEP;AAAO;AAEP;AAAO;AAEP;AAA4C;AAChD;AACF;AACgB;AACC;AACH;AACA;AACqB;AACL;AACF;AACZ;AACW;AACL;AAEpB;AACG;AAAA;AAAK;AAAe;AAAM;AAAc;AAAA;AAC3C;AAGwD;AAC1C;AACE;AACA;AACE;AACE;AACY;AACL;AACP;AACG;AACQ;AACN;AAKzB;AACG;AAAA;AAAK;AACE;AAAE;AAAA;AAAK;AAAA;AAAW;AAAE;AAAY;AAAA;AAC1C;AAGA;AACG;AAAA;AAAK;AAAsB;AAAE;AAAA;AAAK;AAAA;AAAW;AAAA;AAChD;AAGA;AACG;AAAA;AAAK;AAAsB;AAAE;AAAA;AAAK;AAAA;AAAW;AAAA;AAChD;AAGA;AAAE;AAAA;AAAY;AAAA;AAAK;AAEY;AACF;AAGjC;AAEa;AAEN;AACL;AAEA;AAAO;AACE;AACF;AACA;AACA;AACL;AAC4B;AAEhC;AAEO;AAA2B;AAChC;AAEF;AACE;AACA;AAAkB;AACT;AACF;AACA;AACA;AACL;AACoC;AAGtC;AACG;AAAiC;AAC/B;AAGP;;;;;"}
+{"version":3,"file":"overrides.cjs","sources":["../src/overrides.tsx"],"sourcesContent":["\"use client\";\n\nimport { assertNever } from \"@liveblocks/core\";\nimport type { PropsWithChildren, ReactNode } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { Emoji } from \"./components/internal/Emoji\";\nimport type { ComposerBodyMark, Direction } from \"./types\";\nimport { pluralize } from \"./utils/pluralize\";\n\nexport interface LocalizationOverrides {\n  locale: string;\n  dir: Direction;\n}\n\nexport interface GlobalOverrides {\n  USER_SELF: string;\n  USER_UNKNOWN: string;\n  LIST_REMAINING: (count: number) => string;\n  LIST_REMAINING_USERS: (count: number) => string;\n  LIST_REMAINING_COMMENTS: (count: number) => string;\n  EMOJI_PICKER_SEARCH_PLACEHOLDER: string;\n  EMOJI_PICKER_EMPTY: ReactNode;\n  EMOJI_PICKER_ERROR: (error: Error) => ReactNode;\n  EMOJI_PICKER_CHANGE_SKIN_TONE: string;\n  ATTACHMENT_TOO_LARGE: (maxSize?: string) => string;\n  ATTACHMENT_ERROR: (error: Error) => string;\n}\n\nexport interface CommentOverrides {\n  COMMENT_EDITED: ReactNode;\n  COMMENT_DELETED: ReactNode;\n  COMMENT_MORE: string;\n  COMMENT_EDIT: string;\n  COMMENT_EDIT_COMPOSER_PLACEHOLDER: string;\n  COMMENT_EDIT_COMPOSER_CANCEL: string;\n  COMMENT_EDIT_COMPOSER_SAVE: string;\n  COMMENT_DELETE: string;\n  COMMENT_DELETE_ATTACHMENT: string;\n  COMMENT_ADD_REACTION: string;\n  COMMENT_REACTION_LIST: (\n    list: ReactNode,\n    emoji: string,\n    count: number\n  ) => ReactNode;\n  COMMENT_REACTION_DESCRIPTION: (emoji: string, count: number) => string;\n}\n\nexport interface ComposerOverrides {\n  COMPOSER_INSERT_MENTION: string;\n  COMPOSER_INSERT_EMOJI: string;\n  COMPOSER_ATTACH_FILES: string;\n  COMPOSER_REMOVE_ATTACHMENT: string;\n  COMPOSER_PLACEHOLDER: string;\n  COMPOSER_SEND: string;\n  COMPOSER_TOGGLE_MARK: (mark: ComposerBodyMark) => string;\n}\n\nexport interface ChatComposerOverrides {\n  CHAT_COMPOSER_PLACEHOLDER: string;\n  CHAT_COMPOSER_SEND: string;\n  CHAT_COMPOSER_ATTACH_FILES: string;\n  CHAT_COMPOSER_REMOVE_ATTACHMENT: string;\n  CHAT_COMPOSER_ABORT: string;\n}\n\nexport interface ChatMessageOverrides {\n  CHAT_MESSAGE_DELETED: string;\n  CHAT_MESSAGE_THINKING: string;\n  CHAT_MESSAGE_COPY: string;\n  CHAT_MESSAGE_TRY_AGAIN: string;\n}\n\nexport interface ChatOverrides {\n  GET_CHAT_MESSAGES_ERROR: (error: Error) => ReactNode;\n}\n\nexport interface ThreadOverrides {\n  THREAD_RESOLVE: string;\n  THREAD_UNRESOLVE: string;\n  THREAD_SUBSCRIBE: string;\n  THREAD_UNSUBSCRIBE: string;\n  THREAD_NEW_INDICATOR: string;\n  THREAD_NEW_INDICATOR_DESCRIPTION: string;\n  THREAD_COMPOSER_PLACEHOLDER: string;\n  THREAD_COMPOSER_SEND: string;\n}\n\nexport interface InboxNotificationOverrides {\n  INBOX_NOTIFICATION_MORE: string;\n  INBOX_NOTIFICATION_MARK_AS_READ: string;\n  INBOX_NOTIFICATION_DELETE: string;\n  INBOX_NOTIFICATION_THREAD_COMMENTS_LIST: (\n    list: ReactNode,\n    room: ReactNode | undefined,\n    count: number\n  ) => ReactNode;\n  INBOX_NOTIFICATION_THREAD_MENTION: (\n    user: ReactNode,\n    room: ReactNode | undefined\n  ) => ReactNode;\n  INBOX_NOTIFICATION_TEXT_MENTION: (\n    user: ReactNode,\n    room: ReactNode | undefined\n  ) => ReactNode;\n}\n\nexport interface HistoryVersionPreviewOverrides {\n  HISTORY_VERSION_PREVIEW_AUTHORS_LIST: (list: ReactNode) => ReactNode;\n  HISTORY_VERSION_PREVIEW_RESTORE: string;\n  HISTORY_VERSION_PREVIEW_EMPTY: ReactNode;\n  HISTORY_VERSION_PREVIEW_ERROR: (error: Error) => ReactNode;\n}\n\nexport type Overrides = LocalizationOverrides &\n  GlobalOverrides &\n  ComposerOverrides &\n  CommentOverrides &\n  ThreadOverrides &\n  InboxNotificationOverrides &\n  HistoryVersionPreviewOverrides &\n  ChatComposerOverrides &\n  ChatMessageOverrides &\n  ChatOverrides;\n\ntype OverridesProviderProps = PropsWithChildren<{\n  overrides?: Partial<Overrides>;\n}>;\n\nexport const defaultOverrides: Overrides = {\n  locale: \"en\",\n  dir: \"ltr\",\n  USER_SELF: \"you\",\n  USER_UNKNOWN: \"Anonymous\",\n  LIST_REMAINING: (count) => `${count} more`,\n  LIST_REMAINING_USERS: (count) => `${count} ${pluralize(count, \"other\")}`,\n  LIST_REMAINING_COMMENTS: (count) =>\n    `${count} more ${pluralize(count, \"comment\")}`,\n  EMOJI_PICKER_SEARCH_PLACEHOLDER: \"Search…\",\n  EMOJI_PICKER_EMPTY: \"No emoji found.\",\n  EMOJI_PICKER_ERROR: () =>\n    \"There was an error while getting the list of emoji.\",\n  EMOJI_PICKER_CHANGE_SKIN_TONE: \"Change skin tone\",\n  ATTACHMENT_TOO_LARGE: (maxSize) =>\n    maxSize ? `The file is larger than ${maxSize}` : \"The file is too large\",\n  ATTACHMENT_ERROR: () => \"The file couldn’t be uploaded.\",\n  COMPOSER_INSERT_MENTION: \"Mention someone\",\n  COMPOSER_INSERT_EMOJI: \"Add emoji\",\n  COMPOSER_ATTACH_FILES: \"Attach files\",\n  COMPOSER_REMOVE_ATTACHMENT: \"Remove attachment\",\n  COMPOSER_PLACEHOLDER: \"Write a comment…\",\n  COMPOSER_SEND: \"Send\",\n  COMPOSER_TOGGLE_MARK: (format) => {\n    switch (format) {\n      case \"bold\":\n        return \"Bold\";\n      case \"italic\":\n        return \"Italic\";\n      case \"strikethrough\":\n        return \"Strikethrough\";\n      case \"code\":\n        return \"Inline code\";\n      default:\n        return assertNever(format, \"Unexpected mark\");\n    }\n  },\n  COMMENT_EDITED: \"(edited)\",\n  COMMENT_DELETED: \"This comment has been deleted.\",\n  COMMENT_MORE: \"More\",\n  COMMENT_EDIT: \"Edit comment\",\n  COMMENT_EDIT_COMPOSER_PLACEHOLDER: \"Edit comment…\",\n  COMMENT_EDIT_COMPOSER_CANCEL: \"Cancel\",\n  COMMENT_EDIT_COMPOSER_SAVE: \"Save\",\n  COMMENT_DELETE: \"Delete comment\",\n  COMMENT_DELETE_ATTACHMENT: \"Delete attachment\",\n  COMMENT_ADD_REACTION: \"Add reaction\",\n  COMMENT_REACTION_LIST: (list, emoji) => (\n    <>\n      {list} reacted with <Emoji emoji={emoji} />\n    </>\n  ),\n  COMMENT_REACTION_DESCRIPTION: (emoji, count) =>\n    `${count} ${pluralize(count, \"reaction\")}, react with ${emoji}`,\n  THREAD_RESOLVE: \"Resolve thread\",\n  THREAD_UNRESOLVE: \"Re-open thread\",\n  THREAD_SUBSCRIBE: \"Subscribe to thread\",\n  THREAD_UNSUBSCRIBE: \"Unsubscribe from thread\",\n  THREAD_NEW_INDICATOR: \"New\",\n  THREAD_NEW_INDICATOR_DESCRIPTION: \"New comments\",\n  THREAD_COMPOSER_PLACEHOLDER: \"Reply to thread…\",\n  THREAD_COMPOSER_SEND: \"Reply\",\n  INBOX_NOTIFICATION_MORE: \"More\",\n  INBOX_NOTIFICATION_MARK_AS_READ: \"Mark as read\",\n  INBOX_NOTIFICATION_DELETE: \"Delete notification\",\n  INBOX_NOTIFICATION_THREAD_COMMENTS_LIST: (\n    list: ReactNode,\n    room: ReactNode\n  ) => (\n    <>\n      {list} commented\n      {room ? <> in {room}</> : <> in a thread</>}\n    </>\n  ),\n  INBOX_NOTIFICATION_THREAD_MENTION: (user: ReactNode, room: ReactNode) => (\n    <>\n      {user} mentioned you{room ? <> in {room}</> : null}\n    </>\n  ),\n  INBOX_NOTIFICATION_TEXT_MENTION: (user: ReactNode, room: ReactNode) => (\n    <>\n      {user} mentioned you{room ? <> in {room}</> : null}\n    </>\n  ),\n  HISTORY_VERSION_PREVIEW_AUTHORS_LIST: (list: ReactNode) => (\n    <>Edits from {list}</>\n  ),\n  HISTORY_VERSION_PREVIEW_RESTORE: \"Restore\",\n  HISTORY_VERSION_PREVIEW_EMPTY: \"No content.\",\n  HISTORY_VERSION_PREVIEW_ERROR: () =>\n    \"There was an error while getting this version.\",\n  CHAT_COMPOSER_PLACEHOLDER: \"Ask anything…\",\n  CHAT_COMPOSER_SEND: \"Send\",\n  CHAT_COMPOSER_ATTACH_FILES: \"Attach files\",\n  CHAT_COMPOSER_REMOVE_ATTACHMENT: \"Remove attachment\",\n  CHAT_COMPOSER_ABORT: \"Abort response.\",\n  CHAT_MESSAGE_DELETED: \"This message has been deleted.\",\n  CHAT_MESSAGE_THINKING: \"Thinking…\",\n  CHAT_MESSAGE_COPY: \"Copy\",\n  CHAT_MESSAGE_TRY_AGAIN: \"Try again\",\n  GET_CHAT_MESSAGES_ERROR: () => (\n    <>There was an error while getting the messages</>\n  ),\n};\n\nexport const OverridesContext = createContext<Overrides | undefined>(undefined);\n\nexport function useOverrides(overrides?: Partial<Overrides>): Overrides {\n  const contextOverrides = useContext(OverridesContext);\n\n  return useMemo(\n    () => ({\n      ...defaultOverrides,\n      ...contextOverrides,\n      ...overrides,\n    }),\n    [contextOverrides, overrides]\n  );\n}\n\nexport function OverridesProvider({\n  children,\n  overrides: providerOverrides,\n}: OverridesProviderProps) {\n  const contextOverrides = useContext(OverridesContext);\n  const overrides = useMemo(\n    () => ({\n      ...defaultOverrides,\n      ...contextOverrides,\n      ...providerOverrides,\n    }),\n    [contextOverrides, providerOverrides]\n  );\n\n  return (\n    <OverridesContext.Provider value={overrides}>\n      {children}\n    </OverridesContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAiIO;AAAoC;AACjC;AACH;AACM;AACG;AACgB;AACuC;AAExB;AACZ;AACb;AAElB;AAC6B;AAEoB;AAC3B;AACC;AACF;AACA;AACK;AACN;AACP;AAEb;AAAgB;AAEZ;AAAO;AAEP;AAAO;AAEP;AAAO;AAEP;AAAO;AAEP;AAA4C;AAChD;AACF;AACgB;AACC;AACH;AACA;AACqB;AACL;AACF;AACZ;AACW;AACL;AAEpB;AACG;AAAA;AAAK;AAAe;AAAM;AAAc;AAAA;AAC3C;AAGwD;AAC1C;AACE;AACA;AACE;AACE;AACY;AACL;AACP;AACG;AACQ;AACN;AAKzB;AACG;AAAA;AAAK;AACE;AAAE;AAAA;AAAK;AAAA;AAAW;AAAE;AAAY;AAAA;AAC1C;AAGA;AACG;AAAA;AAAK;AAAsB;AAAE;AAAA;AAAK;AAAA;AAAW;AAAA;AAChD;AAGA;AACG;AAAA;AAAK;AAAsB;AAAE;AAAA;AAAK;AAAA;AAAW;AAAA;AAChD;AAGA;AAAE;AAAA;AAAY;AAAA;AAAK;AAEY;AACF;AAE7B;AACyB;AACP;AACQ;AACK;AACZ;AACC;AACC;AACJ;AACK;AAEtB;AAAE;AAEN;AAEa;AAEN;AACL;AAEA;AAAO;AACE;AACF;AACA;AACA;AACL;AAC4B;AAEhC;AAEO;AAA2B;AAChC;AAEF;AACE;AACA;AAAkB;AACT;AACF;AACA;AACA;AACL;AACoC;AAGtC;AACG;AAAiC;AAC/B;AAGP;;;;;"}

package/dist/overrides.js

@@ -117,7 +117,19 @@ const defaultOverrides = {
   }),
   HISTORY_VERSION_PREVIEW_RESTORE: "Restore",
   HISTORY_VERSION_PREVIEW_EMPTY: "No content.",
-  HISTORY_VERSION_PREVIEW_ERROR: () => "There was an error while getting this version."
+  HISTORY_VERSION_PREVIEW_ERROR: () => "There was an error while getting this version.",
+  CHAT_COMPOSER_PLACEHOLDER: "Ask anything\u2026",
+  CHAT_COMPOSER_SEND: "Send",
+  CHAT_COMPOSER_ATTACH_FILES: "Attach files",
+  CHAT_COMPOSER_REMOVE_ATTACHMENT: "Remove attachment",
+  CHAT_COMPOSER_ABORT: "Abort response.",
+  CHAT_MESSAGE_DELETED: "This message has been deleted.",
+  CHAT_MESSAGE_THINKING: "Thinking\u2026",
+  CHAT_MESSAGE_COPY: "Copy",
+  CHAT_MESSAGE_TRY_AGAIN: "Try again",
+  GET_CHAT_MESSAGES_ERROR: () => /* @__PURE__ */ jsx(Fragment, {
+    children: "There was an error while getting the messages"
+  })
 };
 const OverridesContext = createContext(void 0);
 function useOverrides(overrides) {