@liveblocks/react-ui 2.24.1 → 2.25.0-aiprivatebeta1

package/dist/components/internal/AiChatComposer.js

@@ -0,0 +1,379 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { kInternal, shallow, assert } from '@liveblocks/core';
+import { useClient } from '@liveblocks/react';
+import { useSignal, useSyncExternalStoreWithSelector } from '@liveblocks/react/_private';
+import { forwardRef, useCallback, useContext, useState, useEffect } from 'react';
+import '../../_private/index.js';
+import { useOverrides } from '../../overrides.js';
+import '../../primitives/index.js';
+import { Form, Editor, Submit, ComposerContext, MAX_ATTACHMENT_SIZE } from '../../primitives/Chat/Composer/index.js';
+import { classNames } from '../../utils/class-names.js';
+import { formatFileSize } from '../../utils/format-file-size.js';
+import { TooltipProvider } from '@radix-ui/react-tooltip';
+import { ShortcutTooltip, Tooltip } from './Tooltip.js';
+import { AttachmentTooLargeError } from '../../primitives/Composer/utils.js';
+import { SpinnerIcon } from '../../icons/Spinner.js';
+import { WarningIcon } from '../../icons/Warning.js';
+import { CrossIcon } from '../../icons/Cross.js';
+
+const AiChatComposer = forwardRef(
+  ({
+    defaultValue,
+    onComposerSubmit,
+    disabled,
+    overrides,
+    className,
+    chatId,
+    branchId,
+    copilotId,
+    stream = true,
+    ...props
+  }, forwardedRef) => {
+    const $ = useOverrides(overrides);
+    const client = useClient();
+    const getLastMessageId = useCallback((messages) => {
+      const lastMessage = messages[messages.length - 1];
+      if (lastMessage === void 0)
+        return null;
+      return lastMessage.id;
+    }, []);
+    const getPendingMessage = useCallback((messages) => {
+      return messages.find(
+        (m) => m.role === "assistant" && m.status === "pending"
+      )?.id;
+    }, []);
+    const pendingMessage = useSignal(
+      client[kInternal].ai.signals.getChatMessagesForBranch\u03A3(chatId, branchId),
+      getPendingMessage
+    );
+    const lastMessageId = useSignal(
+      client[kInternal].ai.signals.getChatMessagesForBranch\u03A3(chatId, branchId),
+      getLastMessageId
+    );
+    const handleComposerSubmit = useCallback(
+      (message, event) => {
+        if (pendingMessage !== void 0) {
+          event.preventDefault();
+          return;
+        }
+        onComposerSubmit?.(message, event);
+        if (event.isDefaultPrevented())
+          return;
+        client[kInternal].ai.addUserMessageAndAsk(
+          chatId,
+          lastMessageId,
+          message.text,
+          {
+            stream,
+            copilotId
+          }
+        );
+      },
+      [
+        onComposerSubmit,
+        client,
+        chatId,
+        lastMessageId,
+        pendingMessage,
+        stream,
+        copilotId
+      ]
+    );
+    return /* @__PURE__ */ jsx(TooltipProvider, {
+      children: /* @__PURE__ */ jsx(Form, {
+        className: classNames("lb-ai-chat-composer-form", className),
+        chatId,
+        dir: $.dir,
+        ...props,
+        disabled,
+        ref: forwardedRef,
+        onComposerSubmit: handleComposerSubmit,
+        children: /* @__PURE__ */ jsxs("div", {
+          className: "lb-ai-chat-composer-editor-container",
+          children: [
+            /* @__PURE__ */ jsx(Editor, {
+              autoFocus: true,
+              className: "lb-ai-chat-composer-editor",
+              placeholder: $.CHAT_COMPOSER_PLACEHOLDER,
+              defaultValue
+            }),
+            /* @__PURE__ */ jsx(Attachments, {}),
+            /* @__PURE__ */ jsxs("div", {
+              className: "lb-ai-chat-composer-footer",
+              children: [
+                /* @__PURE__ */ jsx("div", {
+                  className: "lb-ai-chat-composer-editor-actions"
+                }),
+                /* @__PURE__ */ jsx("div", {
+                  className: "lb-ai-chat-composer-actions",
+                  children: pendingMessage === void 0 ? /* @__PURE__ */ jsx(ShortcutTooltip, {
+                    content: $.CHAT_COMPOSER_SEND,
+                    shortcut: "Enter",
+                    children: /* @__PURE__ */ jsx(Submit, {
+                      className: "lb-button lb-ai-chat-composer-action",
+                      "data-variant": "primary",
+                      "data-size": "default",
+                      "aria-label": $.CHAT_COMPOSER_SEND,
+                      onPointerDown: (event) => event.preventDefault(),
+                      onClick: (event) => event.stopPropagation(),
+                      children: /* @__PURE__ */ jsx("span", {
+                        className: "lb-icon-container",
+                        children: /* @__PURE__ */ jsx("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: 20,
+                          height: 20,
+                          viewBox: `0 0 ${20} ${20}`,
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: 1.5,
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          role: "presentation",
+                          className: "lb-icon",
+                          children: /* @__PURE__ */ jsx("path", {
+                            d: "m5 16 12-6L5 4l2 6-2 6ZM7 10h10"
+                          })
+                        })
+                      })
+                    })
+                  }) : /* @__PURE__ */ jsx(ShortcutTooltip, {
+                    content: $.CHAT_COMPOSER_ABORT,
+                    children: /* @__PURE__ */ jsx("button", {
+                      type: "button",
+                      className: "lb-button lb-ai-chat-composer-action",
+                      "data-variant": "primary",
+                      "data-size": "default",
+                      "aria-label": $.CHAT_COMPOSER_ABORT,
+                      onPointerDown: (event) => event.preventDefault(),
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        client[kInternal].ai.abort(pendingMessage);
+                      },
+                      children: /* @__PURE__ */ jsx("span", {
+                        className: "lb-icon-container",
+                        children: /* @__PURE__ */ jsx("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: 20,
+                          height: 20,
+                          viewBox: "0 0 20 20",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: 1.5,
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          role: "presentation",
+                          className: "lb-icon",
+                          children: /* @__PURE__ */ jsx("rect", {
+                            x: 5,
+                            y: 5,
+                            width: 10,
+                            height: 10,
+                            rx: 1,
+                            fill: "currentColor"
+                          })
+                        })
+                      })
+                    })
+                  })
+                })
+              ]
+            })
+          ]
+        })
+      })
+    });
+  }
+);
+const Attachments = forwardRef(
+  ({ className, overrides, ...props }, forwardedRef) => {
+    const context = useContext(ComposerContext);
+    if (context === null) {
+      throw new Error("Attachments must be a descendant of Form.");
+    }
+    const { attachments } = context;
+    if (attachments.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx("div", {
+      ...props,
+      ref: forwardedRef,
+      className: classNames("lb-ai-chat-composer-attachments", className),
+      children: /* @__PURE__ */ jsx("div", {
+        className: "lb-attachments",
+        children: attachments.map((attachment) => /* @__PURE__ */ jsx(Attachment, {
+          attachment,
+          overrides
+        }, attachment.id))
+      })
+    });
+  }
+);
+function Attachment({
+  attachment,
+  overrides
+}) {
+  if (!attachment.file.type.startsWith("image/")) {
+    throw new Error("Only image attachments are supported.");
+  }
+  const context = useContext(ComposerContext);
+  if (context === null) {
+    throw new Error("Attachment must be a descendant of Form.");
+  }
+  const { chatId, onRemoveAttachment } = context;
+  const { base, extension } = splitFileName(attachment.file.name);
+  const $ = useOverrides(overrides);
+  let description;
+  if (attachment.status === "error") {
+    if (attachment.error instanceof AttachmentTooLargeError) {
+      description = $.ATTACHMENT_TOO_LARGE(
+        MAX_ATTACHMENT_SIZE ? formatFileSize(MAX_ATTACHMENT_SIZE, $.locale) : void 0
+      );
+    } else {
+      description = $.ATTACHMENT_ERROR(attachment.error);
+    }
+  } else {
+    description = formatFileSize(attachment.file.size, $.locale);
+  }
+  return /* @__PURE__ */ jsxs("div", {
+    className: "lb-attachment lb-file-attachment lb-ai-chat-composer-attachment",
+    "data-error": attachment.status === "error" ? "" : void 0,
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        className: "lb-attachment-preview",
+        children: attachment.status === "uploading" ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : attachment.status === "error" ? /* @__PURE__ */ jsx(WarningIcon, {}) : /* @__PURE__ */ jsx(ImageAttachmentPreview, {
+          chatId,
+          ...attachment
+        })
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "lb-attachment-details",
+        children: [
+          /* @__PURE__ */ jsxs("span", {
+            className: "lb-attachment-name",
+            title: attachment.file.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
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(Tooltip, {
+        content: $.CHAT_COMPOSER_REMOVE_ATTACHMENT,
+        children: /* @__PURE__ */ jsx("button", {
+          type: "button",
+          className: "lb-attachment-delete",
+          onClick: () => onRemoveAttachment(attachment.id),
+          onPointerDown: (event) => event.preventDefault(),
+          "aria-label": $.CHAT_COMPOSER_REMOVE_ATTACHMENT,
+          children: /* @__PURE__ */ jsx(CrossIcon, {})
+        })
+      })
+    ]
+  });
+}
+const MAX_DISPLAYED_MEDIA_SIZE = 60 * 1024 * 1024;
+function ImageAttachmentPreview({
+  chatId,
+  id,
+  file
+}) {
+  const [isUnsupportedPreview, setUnsupportedPreview] = useState(false);
+  const { url } = useChatAttachmentUrl(chatId, id);
+  const [isLoaded, setLoaded] = useState(false);
+  if (!isUnsupportedPreview && file.size <= MAX_DISPLAYED_MEDIA_SIZE) {
+    return /* @__PURE__ */ jsxs(Fragment, {
+      children: [
+        !isLoaded ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : null,
+        url ? /* @__PURE__ */ jsx("div", {
+          className: "lb-attachment-preview-media",
+          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"
+        })
+      })
+    ]
+  });
+}
+function splitFileName(name) {
+  const match = name.match(/^(.+?)(\.[^.]+)?$/);
+  return { base: match?.[1] ?? name, extension: match?.[2] };
+}
+function useChatAttachmentUrl(chatId, attachmentId) {
+  const client = useClient();
+  const store = client[kInternal].httpClient.getOrCreateChatAttachmentUrlsStore(chatId);
+  const getAttachmentUrlState = useCallback(
+    () => store.getItemState(attachmentId),
+    [store, attachmentId]
+  );
+  useEffect(() => {
+    void store.enqueue(attachmentId);
+  }, [store, attachmentId]);
+  return useSyncExternalStoreWithSelector(
+    store.subscribe,
+    getAttachmentUrlState,
+    getAttachmentUrlState,
+    selectorFor_useAttachmentUrl,
+    shallow
+  );
+}
+function selectorFor_useAttachmentUrl(state) {
+  if (state === void 0 || state?.isLoading) {
+    return state ?? { isLoading: true };
+  }
+  if (state.error) {
+    return state;
+  }
+  assert(state.data !== void 0, "Unexpected missing attachment URL");
+  return {
+    isLoading: false,
+    url: state.data
+  };
+}
+
+export { AiChatComposer, Attachments, MAX_DISPLAYED_MEDIA_SIZE, splitFileName, useChatAttachmentUrl };
+//# sourceMappingURL=AiChatComposer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiChatComposer.js","sources":["../../../src/components/internal/AiChatComposer.tsx"],"sourcesContent":["import type {\n  AsyncResult,\n  CopilotId,\n  MessageId,\n  UiChatMessage,\n} from \"@liveblocks/core\";\nimport { assert, kInternal, shallow } from \"@liveblocks/core\";\nimport { useClient } from \"@liveblocks/react\";\nimport {\n  useSignal,\n  useSyncExternalStoreWithSelector,\n} from \"@liveblocks/react/_private\";\nimport {\n  type FormEvent,\n  type FormHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport {\n  CrossIcon,\n  ShortcutTooltip,\n  SpinnerIcon,\n  Tooltip,\n  TooltipProvider,\n  WarningIcon,\n} from \"../../_private\";\nimport {\n  type ChatComposerOverrides,\n  type GlobalOverrides,\n  useOverrides,\n} from \"../../overrides\";\nimport { AttachmentTooLargeError } from \"../../primitives\";\nimport * as ComposerPrimitive from \"../../primitives/Chat/Composer\";\nimport { classNames } from \"../../utils/class-names\";\nimport { formatFileSize } from \"../../utils/format-file-size\";\n\n/* -------------------------------------------------------------------------------------------------\n * AiChatComposer\n * -----------------------------------------------------------------------------------------------*/\nexport type AiChatComposerProps = FormHTMLAttributes<HTMLFormElement> & {\n  /**\n   * The composer's initial value.\n   */\n  defaultValue?: string;\n  /**\n   * The event handler called when a chat message is submitted.\n   */\n  onComposerSubmit?: (\n    message: {\n      /**\n       * The submitted message text.\n       */\n      text: string;\n    },\n    event: FormEvent<HTMLFormElement>\n  ) => void;\n  /**\n   * Whether the composer is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;\n  /**\n   * The id of the chat the composer belongs to.\n   */\n  chatId: string;\n  /**\n   * The id of the copilot to use to send the message.\n   */\n  copilotId?: CopilotId;\n  /**\n   * @internal\n   */\n  branchId?: MessageId;\n  /**\n   * @internal\n   */\n  stream?: boolean;\n};\n\nexport const AiChatComposer = forwardRef<HTMLFormElement, AiChatComposerProps>(\n  (\n    {\n      defaultValue,\n      onComposerSubmit,\n      disabled,\n      overrides,\n      className,\n      chatId,\n      branchId,\n      copilotId,\n      stream = true,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const $ = useOverrides(overrides);\n    const client = useClient();\n\n    const getLastMessageId = useCallback((messages: UiChatMessage[]) => {\n      const lastMessage = messages[messages.length - 1];\n      if (lastMessage === undefined) return null;\n      return lastMessage.id;\n    }, []);\n\n    const getPendingMessage = useCallback((messages: UiChatMessage[]) => {\n      return messages.find(\n        (m) => m.role === \"assistant\" && m.status === \"pending\"\n      )?.id;\n    }, []);\n\n    const pendingMessage = useSignal(\n      client[kInternal].ai.signals.getChatMessagesForBranchΣ(chatId, branchId),\n      getPendingMessage\n    );\n\n    const lastMessageId = useSignal(\n      client[kInternal].ai.signals.getChatMessagesForBranchΣ(chatId, branchId),\n      getLastMessageId\n    );\n\n    const handleComposerSubmit = useCallback(\n      (message: { text: string }, event: FormEvent<HTMLFormElement>) => {\n        if (pendingMessage !== undefined) {\n          event.preventDefault();\n          return;\n        }\n\n        onComposerSubmit?.(message, event);\n        if (event.isDefaultPrevented()) return;\n\n        client[kInternal].ai.addUserMessageAndAsk(\n          chatId,\n          lastMessageId,\n          message.text,\n          {\n            stream,\n            copilotId,\n          }\n        );\n      },\n      [\n        onComposerSubmit,\n        client,\n        chatId,\n        lastMessageId,\n        pendingMessage,\n        stream,\n        copilotId,\n      ]\n    );\n\n    return (\n      <TooltipProvider>\n        <ComposerPrimitive.Form\n          className={classNames(\"lb-ai-chat-composer-form\", className)}\n          chatId={chatId}\n          dir={$.dir}\n          {...props}\n          disabled={disabled}\n          ref={forwardedRef}\n          onComposerSubmit={handleComposerSubmit}\n        >\n          <div className=\"lb-ai-chat-composer-editor-container\">\n            <ComposerPrimitive.Editor\n              autoFocus\n              className=\"lb-ai-chat-composer-editor\"\n              placeholder={$.CHAT_COMPOSER_PLACEHOLDER}\n              defaultValue={defaultValue}\n            />\n\n            <Attachments />\n\n            <div className=\"lb-ai-chat-composer-footer\">\n              <div className=\"lb-ai-chat-composer-editor-actions\">\n                {/* <Tooltip content={$.CHAT_COMPOSER_ATTACH_FILES}>\n                  <ComposerPrimitive.AttachFiles\n                    className=\"lb-button\"\n                    aria-label={$.CHAT_COMPOSER_ATTACH_FILES}\n                  >\n                    <span className=\"lb-icon-container\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width={20}\n                        height={20}\n                        viewBox={`0 0 ${20} ${20}`}\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        strokeWidth={1.5}\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        role=\"presentation\"\n                        className=\"lb-icon\"\n                      >\n                        <path d=\"m14.077 11.737-3.723 3.62c-1.55 1.507-4.128 1.507-5.678 0-1.543-1.5-1.543-4.02 0-5.52l5.731-5.573c1.034-1.006 2.754-1.007 3.789-.003 1.03 1 1.032 2.682.003 3.684l-5.744 5.572a1.377 1.377 0 0 1-1.893 0 1.283 1.283 0 0 1-.392-.92c0-.345.14-.676.392-.92L10.348 8\" />\n                      </svg>\n                    </span>\n                  </ComposerPrimitive.AttachFiles>\n                </Tooltip> */}\n              </div>\n\n              <div className=\"lb-ai-chat-composer-actions\">\n                {pendingMessage === undefined ? (\n                  <ShortcutTooltip\n                    content={$.CHAT_COMPOSER_SEND}\n                    shortcut=\"Enter\"\n                  >\n                    <ComposerPrimitive.Submit\n                      className=\"lb-button lb-ai-chat-composer-action\"\n                      data-variant=\"primary\"\n                      data-size=\"default\"\n                      aria-label={$.CHAT_COMPOSER_SEND}\n                      onPointerDown={(event) => event.preventDefault()}\n                      onClick={(event) => event.stopPropagation()}\n                    >\n                      <span className=\"lb-icon-container\">\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          width={20}\n                          height={20}\n                          viewBox={`0 0 ${20} ${20}`}\n                          fill=\"none\"\n                          stroke=\"currentColor\"\n                          strokeWidth={1.5}\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          role=\"presentation\"\n                          className=\"lb-icon\"\n                        >\n                          <path d=\"m5 16 12-6L5 4l2 6-2 6ZM7 10h10\" />\n                        </svg>\n                      </span>\n                    </ComposerPrimitive.Submit>\n                  </ShortcutTooltip>\n                ) : (\n                  <ShortcutTooltip content={$.CHAT_COMPOSER_ABORT}>\n                    <button\n                      type=\"button\"\n                      className=\"lb-button lb-ai-chat-composer-action\"\n                      data-variant=\"primary\"\n                      data-size=\"default\"\n                      aria-label={$.CHAT_COMPOSER_ABORT}\n                      onPointerDown={(event) => event.preventDefault()}\n                      onClick={(event) => {\n                        event.stopPropagation();\n                        client[kInternal].ai.abort(pendingMessage);\n                      }}\n                    >\n                      <span className=\"lb-icon-container\">\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          width={20}\n                          height={20}\n                          viewBox=\"0 0 20 20\"\n                          fill=\"none\"\n                          stroke=\"currentColor\"\n                          strokeWidth={1.5}\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          role=\"presentation\"\n                          className=\"lb-icon\"\n                        >\n                          <rect\n                            x={5}\n                            y={5}\n                            width={10}\n                            height={10}\n                            rx={1}\n                            fill=\"currentColor\"\n                          />\n                        </svg>\n                      </span>\n                    </button>\n                  </ShortcutTooltip>\n                )}\n              </div>\n            </div>\n          </div>\n        </ComposerPrimitive.Form>\n      </TooltipProvider>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Attachments\n * -----------------------------------------------------------------------------------------------*/\ntype AttachmentsProps = HTMLAttributes<HTMLDivElement> & {\n  overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;\n};\n\nexport const Attachments = forwardRef<HTMLDivElement, AttachmentsProps>(\n  ({ className, overrides, ...props }, forwardedRef) => {\n    const context = useContext(ComposerPrimitive.ComposerContext);\n    if (context === null) {\n      throw new Error(\"Attachments must be a descendant of Form.\");\n    }\n\n    const { attachments } = context;\n    if (attachments.length === 0) {\n      return null;\n    }\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\"lb-ai-chat-composer-attachments\", className)}\n      >\n        <div className=\"lb-attachments\">\n          {attachments.map((attachment) => (\n            <Attachment\n              key={attachment.id}\n              attachment={attachment}\n              overrides={overrides}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction Attachment({\n  attachment,\n  overrides,\n}: {\n  attachment: {\n    id: string;\n    file: File;\n  } & (\n    | {\n        status: \"uploading\" | \"uploaded\";\n      }\n    | {\n        status: \"error\";\n        error: Error;\n      }\n  );\n  overrides?: Partial<GlobalOverrides & ChatComposerOverrides>;\n}) {\n  if (!attachment.file.type.startsWith(\"image/\")) {\n    throw new Error(\"Only image attachments are supported.\");\n  }\n\n  const context = useContext(ComposerPrimitive.ComposerContext);\n  if (context === null) {\n    throw new Error(\"Attachment must be a descendant of Form.\");\n  }\n\n  const { chatId, onRemoveAttachment } = context;\n\n  const { base, extension } = splitFileName(attachment.file.name);\n  const $ = useOverrides(overrides);\n\n  let description: string;\n  if (attachment.status === \"error\") {\n    if (attachment.error instanceof AttachmentTooLargeError) {\n      description = $.ATTACHMENT_TOO_LARGE(\n        ComposerPrimitive.MAX_ATTACHMENT_SIZE\n          ? formatFileSize(ComposerPrimitive.MAX_ATTACHMENT_SIZE, $.locale)\n          : undefined\n      );\n    } else {\n      description = $.ATTACHMENT_ERROR(attachment.error);\n    }\n  } else {\n    description = formatFileSize(attachment.file.size, $.locale);\n  }\n\n  return (\n    <div\n      className=\"lb-attachment lb-file-attachment lb-ai-chat-composer-attachment\"\n      data-error={attachment.status === \"error\" ? \"\" : undefined}\n    >\n      <div className=\"lb-attachment-preview\">\n        {attachment.status === \"uploading\" ? (\n          <SpinnerIcon />\n        ) : attachment.status === \"error\" ? (\n          <WarningIcon />\n        ) : (\n          <ImageAttachmentPreview chatId={chatId} {...attachment} />\n        )}\n      </div>\n\n      <div className=\"lb-attachment-details\">\n        <span className=\"lb-attachment-name\" title={attachment.file.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\n      <Tooltip content={$.CHAT_COMPOSER_REMOVE_ATTACHMENT}>\n        <button\n          type=\"button\"\n          className=\"lb-attachment-delete\"\n          onClick={() => onRemoveAttachment(attachment.id)}\n          onPointerDown={(event) => event.preventDefault()}\n          aria-label={$.CHAT_COMPOSER_REMOVE_ATTACHMENT}\n        >\n          <CrossIcon />\n        </button>\n      </Tooltip>\n    </div>\n  );\n}\n\nexport const MAX_DISPLAYED_MEDIA_SIZE = 60 * 1024 * 1024; // 60 MB\n\nfunction ImageAttachmentPreview({\n  chatId,\n  id,\n  file,\n}: {\n  chatId: string;\n  id: string;\n  file: File;\n}) {\n  const [isUnsupportedPreview, setUnsupportedPreview] = useState(false);\n  const { url } = useChatAttachmentUrl(chatId, id);\n  const [isLoaded, setLoaded] = useState(false);\n\n  if (!isUnsupportedPreview && file.size <= MAX_DISPLAYED_MEDIA_SIZE) {\n    return (\n      <>\n        {!isLoaded ? <SpinnerIcon /> : null}\n\n        {url ? (\n          <div className=\"lb-attachment-preview-media\">\n            <img\n              src={url}\n              loading=\"lazy\"\n              onLoad={() => setLoaded(true)}\n              onError={() => setUnsupportedPreview(true)}\n            />\n          </div>\n        ) : null}\n      </>\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\nexport function splitFileName(name: string) {\n  const match = name.match(/^(.+?)(\\.[^.]+)?$/);\n  return { base: match?.[1] ?? name, extension: match?.[2] };\n}\n\nexport function useChatAttachmentUrl(\n  chatId: string,\n  attachmentId: string\n): AsyncResult<string, \"url\"> {\n  const client = useClient();\n  const store =\n    client[kInternal].httpClient.getOrCreateChatAttachmentUrlsStore(chatId);\n\n  const getAttachmentUrlState = useCallback(\n    () => store.getItemState(attachmentId),\n    [store, attachmentId]\n  );\n\n  useEffect(() => {\n    void store.enqueue(attachmentId);\n  }, [store, attachmentId]);\n\n  return useSyncExternalStoreWithSelector(\n    store.subscribe,\n    getAttachmentUrlState,\n    getAttachmentUrlState,\n    selectorFor_useAttachmentUrl,\n    shallow\n  );\n}\n\nfunction selectorFor_useAttachmentUrl(\n  state: AsyncResult<string | undefined> | undefined\n): AsyncResult<string, \"url\"> {\n  if (state === undefined || state?.isLoading) {\n    return state ?? { isLoading: true };\n  }\n\n  if (state.error) {\n    return state;\n  }\n\n  // For now `useAttachmentUrl` doesn't support a custom resolver so this case\n  // will never happen as `getAttachmentUrl` will either return a URL or throw.\n  // But we might decide to offer a custom resolver in the future to allow\n  // self-hosting attachments.\n  assert(state.data !== undefined, \"Unexpected missing attachment URL\");\n\n  return {\n    isLoading: false,\n    url: state.data,\n  };\n}\n"],"names":["ComposerPrimitive.Form","ComposerPrimitive.Editor","ComposerPrimitive.Submit","ComposerPrimitive.ComposerContext","ComposerPrimitive.MAX_ATTACHMENT_SIZE"],"mappings":"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"}

package/dist/components/internal/AiChatUserMessage.cjs

@@ -0,0 +1,187 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../icons/index.cjs');
+var overrides = require('../../overrides.cjs');
+var classNames = require('../../utils/class-names.cjs');
+var formatFileSize = require('../../utils/format-file-size.cjs');
+var AiChatComposer = require('./AiChatComposer.cjs');
+var Spinner = require('../../icons/Spinner.cjs');
+
+const AiChatUserMessage = react.memo(
+  react.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__ */ jsxRuntime.jsx("div", {
+          ref: forwardedRef,
+          className: classNames.classNames("lb-ai-chat-user-message", className),
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: "lb-ai-chat-user-message-deleted",
+            children: "This message has been deleted."
+          })
+        });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        ref: forwardedRef,
+        className: classNames.classNames("lb-ai-chat-user-message", className),
+        children: [
+          images.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: "lb-ai-chat-user-message-attachments",
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+              className: "lb-ai-chat-user-message-media-attachments",
+              children: images.map((image) => /* @__PURE__ */ jsxRuntime.jsx(AiChatUserMessageMediaAttachment, {
+                chatId: message.chatId,
+                attachment: image,
+                className: "lb-ai-chat-user-message-attachment"
+              }, image.id))
+            })
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: "lb-ai-chat-user-message-content",
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+              className: "lb-ai-chat-user-message-body",
+              children: text
+            })
+          })
+        ]
+      });
+    }
+  )
+);
+function AiChatUserMessageMediaAttachment({
+  className,
+  chatId,
+  attachment,
+  overrides: overrides$1,
+  onClick,
+  onKeyDown,
+  ...props
+}) {
+  if (!attachment.mimeType.startsWith("image/")) {
+    throw new Error("Only image attachments are supported.");
+  }
+  const { url } = AiChatComposer.useChatAttachmentUrl(chatId, attachment.id);
+  const { base, extension } = AiChatComposer.splitFileName(attachment.name);
+  const $ = overrides.useOverrides(overrides$1);
+  const description = formatFileSize.formatFileSize(attachment.size, $.locale);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    className: classNames.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__ */ jsxRuntime.jsx(AttachmentPreview, {
+        attachment,
+        url
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        className: "lb-attachment-details",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", {
+            className: "lb-attachment-name",
+            title: attachment.name,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", {
+                className: "lb-attachment-name-base",
+                children: base
+              }),
+              extension && /* @__PURE__ */ jsxRuntime.jsx("span", {
+                className: "lb-attachment-name-extension",
+                children: extension
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", {
+            className: "lb-attachment-description",
+            title: description,
+            children: description
+          })
+        ]
+      })
+    ]
+  });
+}
+function AttachmentPreview({
+  attachment,
+  url,
+  ...props
+}) {
+  const [isUnsupportedPreview, setUnsupportedPreview] = react.useState(false);
+  const [isLoaded, setLoaded] = react.useState(false);
+  if (!isUnsupportedPreview && attachment.size <= AiChatComposer.MAX_DISPLAYED_MEDIA_SIZE) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: "lb-attachment-preview",
+      ...props,
+      children: [
+        !isLoaded ? /* @__PURE__ */ jsxRuntime.jsx(Spinner.SpinnerIcon, {}) : null,
+        url ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: "lb-attachment-preview-media",
+          "data-hidden": !isLoaded ? "" : void 0,
+          children: /* @__PURE__ */ jsxRuntime.jsx("img", {
+            src: url,
+            loading: "lazy",
+            onLoad: () => setLoaded(true),
+            onError: () => setUnsupportedPreview(true)
+          })
+        }) : null
+      ]
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("g", {
+        className: "lb-attachment-icon-glyph",
+        children: /* @__PURE__ */ jsxRuntime.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"
+        })
+      })
+    ]
+  });
+}
+
+exports.AiChatUserMessage = AiChatUserMessage;
+//# sourceMappingURL=AiChatUserMessage.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiChatUserMessage.cjs","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":["memo","forwardRef","jsx","classNames","jsxs","overrides","useChatAttachmentUrl","splitFileName","useOverrides","formatFileSize","useState","MAX_DISPLAYED_MEDIA_SIZE","SpinnerIcon"],"mappings":"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"}