@liveblocks/react-ui 2.25.0-aiprivatebeta5 → 2.25.0-aiprivatebeta7

package/dist/components/AiChat/AiChat.js

@@ -1,209 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { kInternal } from '@liveblocks/core';
-import { useAiChatMessages, useClient } from '@liveblocks/react';
-import { useLayoutEffect } from '@liveblocks/react/_private';
-import { forwardRef, useRef, useState, useImperativeHandle, useEffect } from 'react';
-import { ChevronDownIcon } from '../../icons/ChevronDown.js';
-import { SpinnerIcon } from '../../icons/Spinner.js';
-import { useOverrides } from '../../overrides.js';
-import { classNames } from '../../utils/class-names.js';
-import { AiChatAssistantMessage } from '../internal/AiChatAssistantMessage.js';
-import { AiChatComposer } from '../internal/AiChatComposer.js';
-import { AiChatUserMessage } from '../internal/AiChatUserMessage.js';
-
-const MIN_DISTANCE_TO_BOTTOM = 50;
-const AiChat = forwardRef(function({
-  chatId,
-  copilotId,
-  overrides,
-  contexts = [],
-  tools = {},
-  className,
-  ...props
-}, forwardedRef) {
-  const { messages, isLoading, error } = useAiChatMessages(chatId);
-  const $ = useOverrides(overrides);
-  const containerRef = useRef(null);
-  const [distanceToBottom, setDistanceToBottom] = useState(null);
-  const client = useClient();
-  useImperativeHandle(
-    forwardedRef,
-    () => containerRef.current,
-    []
-  );
-  useEffect(() => {
-    const unregister = contexts.map(
-      (context) => client[kInternal].ai.registerChatContext(chatId, context)
-    );
-    return () => {
-      unregister.forEach((unregister2) => unregister2());
-    };
-  }, [client, chatId, contexts]);
-  useEffect(() => {
-    Object.entries(tools).map(
-      ([key, value]) => client[kInternal].ai.registerChatTool(chatId, key, value)
-    );
-    return () => {
-      Object.entries(tools).map(
-        ([key]) => client[kInternal].ai.unregisterChatTool(chatId, key)
-      );
-    };
-  }, [client, chatId, tools]);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (container === null)
-      return;
-    function handleScrollChange() {
-      const container2 = containerRef.current;
-      if (container2 === null)
-        return;
-      setDistanceToBottom(
-        container2.scrollHeight - container2.clientHeight - container2.scrollTop
-      );
-    }
-    container.addEventListener("scroll", handleScrollChange);
-    return () => {
-      container.removeEventListener("scroll", handleScrollChange);
-    };
-  }, []);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (container === null)
-      return;
-    setDistanceToBottom(
-      container.scrollHeight - container.clientHeight - container.scrollTop
-    );
-  }, [messages]);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (container === null)
-      return;
-    const distanceToBottom2 = container.scrollHeight - container.clientHeight - container.scrollTop;
-    if (messages === void 0)
-      return;
-    const lastMessage = messages[messages.length - 1];
-    if (lastMessage !== void 0 && lastMessage.role === "user") {
-      container.scrollTo({
-        top: container.scrollHeight,
-        behavior: "smooth"
-      });
-    } else if (distanceToBottom2 <= MIN_DISTANCE_TO_BOTTOM) {
-      container.scrollTo({
-        top: container.scrollHeight,
-        behavior: "smooth"
-      });
-    }
-  }, [messages]);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (container === null)
-      return;
-    const observer = new ResizeObserver(() => {
-      const container2 = containerRef.current;
-      if (container2 === null)
-        return;
-      setDistanceToBottom(
-        container2.scrollHeight - container2.clientHeight - container2.scrollTop
-      );
-    });
-    observer.observe(container);
-    return () => {
-      observer.disconnect();
-    };
-  }, []);
-  const scrollToBottomCallbackRef = useRef(void 0);
-  if (scrollToBottomCallbackRef.current === void 0) {
-    scrollToBottomCallbackRef.current = function() {
-      const container = containerRef.current;
-      if (container === null)
-        return;
-      container.scrollTo({
-        top: container.scrollHeight,
-        behavior: "instant"
-      });
-    };
-  }
-  return /* @__PURE__ */ jsxs("div", {
-    ref: containerRef,
-    ...props,
-    className: classNames("lb-root lb-ai-chat", className),
-    children: [
-      isLoading ? /* @__PURE__ */ jsx("div", {
-        className: "lb-ai-chat-loading lb-loading",
-        children: /* @__PURE__ */ jsx(SpinnerIcon, {})
-      }) : error !== void 0 ? /* @__PURE__ */ jsx("div", {
-        className: "lb-ai-chat-error lb-error",
-        children: $.GET_CHAT_MESSAGES_ERROR(error)
-      }) : /* @__PURE__ */ jsx("div", {
-        className: "lb-ai-chat-messages",
-        children: /* @__PURE__ */ jsx(Messages, {
-          messages,
-          overrides: $,
-          onDistanceToBottomChange: scrollToBottomCallbackRef.current
-        })
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "lb-ai-chat-footer",
-        children: [
-          /* @__PURE__ */ jsx("div", {
-            className: "lb-ai-chat-footer-actions",
-            children: /* @__PURE__ */ jsx("button", {
-              className: "lb-ai-chat-scroll-button lb-button",
-              "data-visible": distanceToBottom !== null && distanceToBottom > MIN_DISTANCE_TO_BOTTOM ? "" : void 0,
-              "data-variant": "secondary",
-              onClick: () => {
-                const container = containerRef.current;
-                if (container === null)
-                  return;
-                container.scrollTo({
-                  top: container.scrollHeight,
-                  behavior: "smooth"
-                });
-              },
-              children: /* @__PURE__ */ jsx("span", {
-                className: "lb-icon-container",
-                children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
-              })
-            })
-          }),
-          /* @__PURE__ */ jsx(AiChatComposer, {
-            chatId,
-            copilotId,
-            className: "lb-ai-chat-composer",
-            overrides: $
-          }, chatId)
-        ]
-      })
-    ]
-  });
-});
-function Messages({
-  messages,
-  overrides,
-  onDistanceToBottomChange
-}) {
-  const $ = useOverrides(overrides);
-  useLayoutEffect(() => {
-    onDistanceToBottomChange();
-  }, [onDistanceToBottomChange]);
-  return messages.map((message) => {
-    if (message.role === "user") {
-      return /* @__PURE__ */ jsx(AiChatUserMessage, {
-        message,
-        overrides: $,
-        className: "lb-ai-chat-messages-user-message"
-      }, message.id);
-    } else if (message.role === "assistant") {
-      return /* @__PURE__ */ jsx(AiChatAssistantMessage, {
-        message,
-        overrides: $,
-        className: "lb-ai-chat-messages-assistant-message"
-      }, message.id);
-    } else {
-      return null;
-    }
-  });
-}
-
-export { AiChat };
-//# sourceMappingURL=AiChat.js.map

package/dist/components/AiChat/AiChat.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AiChat.js","sources":["../../../src/components/AiChat/AiChat.tsx"],"sourcesContent":["import {\n  type AiChatContext,\n  type ClientToolDefinition,\n  type CopilotId,\n  kInternal,\n  type UiChatMessage,\n} from \"@liveblocks/core\";\nimport { useAiChatMessages, useClient } from \"@liveblocks/react\";\nimport { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons/ChevronDown\";\nimport { SpinnerIcon } from \"../../icons/Spinner\";\nimport {\n  type ChatComposerOverrides,\n  type ChatMessageOverrides,\n  type ChatOverrides,\n  type GlobalOverrides,\n  useOverrides,\n} from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\nimport { AiChatAssistantMessage } from \"../internal/AiChatAssistantMessage\";\nimport { AiChatComposer } from \"../internal/AiChatComposer\";\nimport { AiChatUserMessage } from \"../internal/AiChatUserMessage\";\n\n/**\n * The number of pixels from the bottom of the messages list to trigger the scroll to bottom.\n */\nconst MIN_DISTANCE_TO_BOTTOM = 50;\n\nexport type AiChatProps = HTMLAttributes<HTMLDivElement> & {\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?: string;\n  /**\n   * The contextual information to include in the chat. Used by the assistant when generating responses.\n   */\n  contexts?: AiChatContext[];\n  /**\n   * The contextual information to include in the chat. Used by the assistant when generating responses.\n   */\n  tools?: Record<string, ClientToolDefinition>;\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<\n    GlobalOverrides &\n      ChatMessageOverrides &\n      ChatComposerOverrides &\n      ChatOverrides\n  >;\n};\nexport const AiChat = forwardRef<HTMLDivElement, AiChatProps>(function (\n  {\n    chatId,\n    copilotId,\n    overrides,\n    contexts = [],\n    tools = {},\n    className,\n    ...props\n  },\n  forwardedRef\n) {\n  const { messages, isLoading, error } = useAiChatMessages(chatId);\n  const $ = useOverrides(overrides);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [distanceToBottom, setDistanceToBottom] = useState<number | null>(null);\n  const client = useClient();\n\n  useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n    forwardedRef,\n    () => containerRef.current,\n    []\n  );\n\n  // Add the provided contextual information to the chat on mount and remove on unmount\n  // Note: 'contexts' will most likely be a new object on each render (unless user passes a stable object), but this won't be an issue as context addition and removal is a quick operation\n  useEffect(() => {\n    const unregister = contexts.map((context) =>\n      client[kInternal].ai.registerChatContext(chatId, context)\n    );\n    return () => {\n      unregister.forEach((unregister) => unregister());\n    };\n  }, [client, chatId, contexts]);\n\n  // Register the provided tools to the chat on mount and unregister them on unmount\n  useEffect(() => {\n    Object.entries(tools).map(([key, value]) =>\n      client[kInternal].ai.registerChatTool(chatId, key, value)\n    );\n    return () => {\n      Object.entries(tools).map(([key]) =>\n        client[kInternal].ai.unregisterChatTool(chatId, key)\n      );\n    };\n  }, [client, chatId, tools]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (container === null) return;\n    function handleScrollChange() {\n      const container = containerRef.current;\n      if (container === null) return;\n\n      setDistanceToBottom(\n        container.scrollHeight - container.clientHeight - container.scrollTop\n      );\n    }\n    container.addEventListener(\"scroll\", handleScrollChange);\n    return () => {\n      container.removeEventListener(\"scroll\", handleScrollChange);\n    };\n  }, []);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (container === null) return;\n\n    setDistanceToBottom(\n      container.scrollHeight - container.clientHeight - container.scrollTop\n    );\n  }, [messages]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (container === null) return;\n\n    const distanceToBottom =\n      container.scrollHeight - container.clientHeight - container.scrollTop;\n\n    if (messages === undefined) return;\n    const lastMessage = messages[messages.length - 1];\n    if (lastMessage !== undefined && lastMessage.role === \"user\") {\n      container.scrollTo({\n        top: container.scrollHeight,\n        behavior: \"smooth\",\n      });\n    } else if (distanceToBottom <= MIN_DISTANCE_TO_BOTTOM) {\n      container.scrollTo({\n        top: container.scrollHeight,\n        behavior: \"smooth\",\n      });\n    }\n  }, [messages]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (container === null) return;\n\n    const observer = new ResizeObserver(() => {\n      const container = containerRef.current;\n      if (container === null) return;\n      setDistanceToBottom(\n        container.scrollHeight - container.clientHeight - container.scrollTop\n      );\n    });\n    observer.observe(container);\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  const scrollToBottomCallbackRef = useRef<() => void>(undefined);\n  if (scrollToBottomCallbackRef.current === undefined) {\n    scrollToBottomCallbackRef.current = function () {\n      const container = containerRef.current;\n      if (container === null) return;\n\n      container.scrollTo({\n        top: container.scrollHeight,\n        behavior: \"instant\",\n      });\n    };\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      {...props}\n      className={classNames(\"lb-root lb-ai-chat\", className)}\n    >\n      {isLoading ? (\n        <div className=\"lb-ai-chat-loading lb-loading\">\n          <SpinnerIcon />\n        </div>\n      ) : error !== undefined ? (\n        <div className=\"lb-ai-chat-error lb-error\">\n          {$.GET_CHAT_MESSAGES_ERROR(error)}\n        </div>\n      ) : (\n        <div className=\"lb-ai-chat-messages\">\n          <Messages\n            messages={messages}\n            overrides={$}\n            onDistanceToBottomChange={scrollToBottomCallbackRef.current}\n          />\n        </div>\n      )}\n\n      <div className=\"lb-ai-chat-footer\">\n        <div className=\"lb-ai-chat-footer-actions\">\n          <button\n            className=\"lb-ai-chat-scroll-button lb-button\"\n            data-visible={\n              distanceToBottom !== null &&\n              distanceToBottom > MIN_DISTANCE_TO_BOTTOM\n                ? \"\"\n                : undefined\n            }\n            data-variant=\"secondary\"\n            onClick={() => {\n              const container = containerRef.current;\n              if (container === null) return;\n\n              container.scrollTo({\n                top: container.scrollHeight,\n                behavior: \"smooth\",\n              });\n            }}\n          >\n            <span className=\"lb-icon-container\">\n              <ChevronDownIcon />\n            </span>\n          </button>\n        </div>\n        <AiChatComposer\n          key={chatId}\n          chatId={chatId}\n          copilotId={copilotId as CopilotId}\n          className=\"lb-ai-chat-composer\"\n          overrides={$}\n        />\n      </div>\n    </div>\n  );\n});\n\nfunction Messages({\n  messages,\n  overrides,\n  onDistanceToBottomChange,\n}: {\n  messages: readonly UiChatMessage[];\n  overrides: Partial<GlobalOverrides & ChatMessageOverrides>;\n  onDistanceToBottomChange: () => void;\n}) {\n  const $ = useOverrides(overrides);\n\n  useLayoutEffect(() => {\n    onDistanceToBottomChange();\n  }, [onDistanceToBottomChange]);\n\n  return messages.map((message) => {\n    if (message.role === \"user\") {\n      return (\n        <AiChatUserMessage\n          key={message.id}\n          message={message}\n          overrides={$}\n          className=\"lb-ai-chat-messages-user-message\"\n        />\n      );\n    } else if (message.role === \"assistant\") {\n      return (\n        <AiChatAssistantMessage\n          key={message.id}\n          message={message}\n          overrides={$}\n          className=\"lb-ai-chat-messages-assistant-message\"\n        />\n      );\n    } else {\n      return null;\n    }\n  });\n}\n"],"names":["unregister","container","distanceToBottom"],"mappings":"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"}

package/dist/primitives/Chat/Composer/index.cjs

@@ -1,323 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@liveblocks/core');
-var react$1 = require('@liveblocks/react');
-var _private = require('@liveblocks/react/_private');
-var react = require('react');
-var slate = require('slate');
-var slateHistory = require('slate-history');
-var slateReact = require('slate-react');
-var normalize = require('../../../slate/plugins/normalize.cjs');
-var isEmpty = require('../../../slate/utils/is-empty.cjs');
-var utils = require('../../Composer/utils.cjs');
-
-const ComposerContext = react.createContext(null);
-const MAX_ATTACHMENTS = 10;
-const MAX_ATTACHMENT_SIZE = 1024 * 1024 * 1024;
-const Form = react.forwardRef(
-  ({ onComposerSubmit, onSubmit, disabled, chatId, ...props }, forwardedRef) => {
-    const formRef = react.useRef(null);
-    const fileInputRef = react.useRef(null);
-    const editorRef = react.useRef(
-      null
-    );
-    if (editorRef.current === null) {
-      editorRef.current = normalize.withNormalize(slateHistory.withHistory(slateReact.withReact(slate.createEditor())));
-    }
-    const editor = editorRef.current;
-    const [isEditorEmpty, setIsEditorEmpty] = react.useState(true);
-    const [attachments, setAttachments] = react.useState([]);
-    const handleSubmit = react.useCallback(
-      (event) => {
-        if (disabled || isEmpty.isEmpty(editor, editor.children))
-          return;
-        onSubmit?.(event);
-        if (onComposerSubmit === void 0 || event.isDefaultPrevented()) {
-          event.preventDefault();
-          return;
-        }
-        const content = editor.children.map((block) => {
-          if ("type" in block && block.type === "paragraph") {
-            return block.children.map((child) => {
-              if ("text" in child) {
-                return child.text;
-              }
-              return "";
-            }).join("");
-          }
-          return "";
-        }).join("\n");
-        onComposerSubmit({ text: content }, event);
-        if (event.isDefaultPrevented()) {
-          return;
-        }
-        event.preventDefault();
-        slate.Transforms.delete(editor, {
-          at: {
-            anchor: slate.Editor.start(editor, []),
-            focus: slate.Editor.end(editor, [])
-          }
-        });
-      },
-      [disabled, editor, onSubmit, onComposerSubmit]
-    );
-    _private.useLayoutEffect(() => {
-      setIsEditorEmpty(isEmpty.isEmpty(editor, editor.children));
-    }, [editor]);
-    const handleEditorValueChange = react.useCallback(() => {
-      setIsEditorEmpty(isEmpty.isEmpty(editor, editor.children));
-    }, [editor]);
-    const requestFormSubmit = react.useCallback(() => {
-      if (isEmpty.isEmpty(editor, editor.children))
-        return;
-      if (attachments.some((attachment) => attachment.status === "uploading")) {
-        return;
-      }
-      requestAnimationFrame(() => {
-        if (formRef.current === null)
-          return;
-        if (typeof formRef.current.requestSubmit === "function") {
-          return formRef.current.requestSubmit();
-        }
-        const submitter = document.createElement("input");
-        submitter.type = "submit";
-        submitter.hidden = true;
-        formRef.current.appendChild(submitter);
-        submitter.click();
-        formRef.current.removeChild(submitter);
-      });
-    }, [editor, attachments]);
-    const handleAttachFiles = react.useCallback(() => {
-      if (disabled)
-        return;
-      fileInputRef.current?.click();
-    }, [disabled]);
-    const handleRemoveAttachment = react.useCallback((id) => {
-      setAttachments(
-        (attachments2) => attachments2.filter((attachment) => attachment.id !== id)
-      );
-    }, []);
-    react.useImperativeHandle(
-      forwardedRef,
-      () => formRef.current,
-      []
-    );
-    const client = react$1.useClient();
-    return /* @__PURE__ */ jsxRuntime.jsxs(ComposerContext.Provider, {
-      value: {
-        chatId,
-        editor,
-        onEditorValueChange: handleEditorValueChange,
-        isEditorEmpty,
-        requestFormSubmit,
-        disabled: disabled || false,
-        attachments,
-        onAttachFiles: handleAttachFiles,
-        onRemoveAttachment: handleRemoveAttachment,
-        numOfAttachments: attachments.length
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("form", {
-          onSubmit: handleSubmit,
-          ...props,
-          ref: formRef
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("input", {
-          type: "file",
-          multiple: true,
-          accept: "image/png, image/jpeg",
-          ref: fileInputRef,
-          onClick: (event) => {
-            event.stopPropagation();
-          },
-          onChange: function(event) {
-            if (disabled)
-              return;
-            if (event.target.files === null)
-              return;
-            if (event.target.files.length === 0)
-              return;
-            for (const file of Array.from(event.target.files).slice(
-              0,
-              MAX_ATTACHMENTS - attachments.length
-            )) {
-              const id = `at_${core.nanoid()}`;
-              if (file.size > MAX_ATTACHMENT_SIZE) {
-                setAttachments((attachments2) => [
-                  ...attachments2,
-                  {
-                    id,
-                    file,
-                    status: "error",
-                    error: new utils.AttachmentTooLargeError("File is too large.")
-                  }
-                ]);
-                continue;
-              }
-              setAttachments((attachments2) => [
-                ...attachments2,
-                {
-                  id,
-                  file,
-                  status: "uploading"
-                }
-              ]);
-              client[core.kInternal].httpClient.uploadChatAttachment({
-                chatId,
-                attachment: {
-                  id,
-                  file
-                }
-              }).then(() => {
-                setAttachments(
-                  (attachments2) => attachments2.map(
-                    (attachment) => attachment.id === id ? { ...attachment, status: "uploaded" } : attachment
-                  )
-                );
-              }).catch((error) => {
-                if (error instanceof Error) {
-                  setAttachments(
-                    (attachments2) => attachments2.map(
-                      (attachment) => attachment.id === id ? {
-                        ...attachment,
-                        status: "error",
-                        error: error instanceof core.HttpError && error.status === 413 ? new utils.AttachmentTooLargeError(
-                          "File is too large"
-                        ) : error
-                      } : attachment
-                    )
-                  );
-                }
-              });
-            }
-            event.target.value = "";
-          },
-          tabIndex: -1,
-          style: { display: "none" }
-        })
-      ]
-    });
-  }
-);
-const Editor = react.forwardRef(
-  ({ defaultValue = "", onKeyDown, disabled, autoFocus, ...props }, forwardedRef) => {
-    const context = react.useContext(ComposerContext);
-    if (context === null) {
-      throw new Error("Editor must be a descendant of Form.");
-    }
-    const {
-      editor,
-      onEditorValueChange,
-      requestFormSubmit,
-      disabled: isFormDisabled
-    } = context;
-    const handleKeyDown = react.useCallback(
-      (event) => {
-        onKeyDown?.(event);
-        if (event.isDefaultPrevented())
-          return;
-        if (event.key === "Enter" && !event.shiftKey) {
-          event.preventDefault();
-          requestFormSubmit();
-        } else if (event.key === "Enter" && event.shiftKey) {
-          event.preventDefault();
-          editor.insertBreak();
-        }
-      },
-      [editor, onKeyDown, requestFormSubmit]
-    );
-    react.useImperativeHandle(
-      forwardedRef,
-      () => slateReact.ReactEditor.toDOMNode(editor, editor),
-      [editor]
-    );
-    react.useEffect(() => {
-      if (!autoFocus)
-        return;
-      try {
-        if (!slateReact.ReactEditor.isFocused(editor)) {
-          slate.Transforms.select(editor, slate.Editor.end(editor, []));
-          slateReact.ReactEditor.focus(editor);
-        }
-      } catch {
-      }
-    }, [editor, autoFocus]);
-    const initialValue = react.useMemo(() => {
-      return defaultValue.split("\n").map((text) => ({ type: "paragraph", children: [{ text }] }));
-    }, [defaultValue]);
-    return /* @__PURE__ */ jsxRuntime.jsx(slateReact.Slate, {
-      editor,
-      initialValue,
-      onValueChange: onEditorValueChange,
-      children: /* @__PURE__ */ jsxRuntime.jsx(slateReact.Editable, {
-        enterKeyHint: "send",
-        autoCapitalize: "sentences",
-        onKeyDown: handleKeyDown,
-        "data-disabled": disabled || isFormDisabled || void 0,
-        ...props,
-        readOnly: disabled || isFormDisabled,
-        disabled: disabled || isFormDisabled,
-        renderPlaceholder: function({ attributes, children }) {
-          const { opacity: _opacity, ...style } = attributes.style;
-          return /* @__PURE__ */ jsxRuntime.jsx("span", {
-            ...attributes,
-            style,
-            "data-placeholder": "",
-            children
-          });
-        }
-      })
-    });
-  }
-);
-const Submit = react.forwardRef(
-  ({ disabled, ...props }, forwardedRef) => {
-    const context = react.useContext(ComposerContext);
-    if (context === null) {
-      throw new Error("Submit must be a descendant of Form.");
-    }
-    const { disabled: isFormDisabled, isEditorEmpty, attachments } = context;
-    return /* @__PURE__ */ jsxRuntime.jsx("button", {
-      type: "submit",
-      ...props,
-      ref: forwardedRef,
-      disabled: disabled || isFormDisabled || isEditorEmpty || attachments.some((attachment) => attachment.status === "uploading")
-    });
-  }
-);
-const AttachFiles = react.forwardRef(
-  ({ onClick, disabled, ...props }, forwardedRef) => {
-    const context = react.useContext(ComposerContext);
-    if (context === null) {
-      throw new Error("AttachFiles must be a descendant of Form.");
-    }
-    const {
-      disabled: isFormDisabled,
-      onAttachFiles,
-      numOfAttachments
-    } = context;
-    return /* @__PURE__ */ jsxRuntime.jsx("button", {
-      type: "button",
-      ...props,
-      onClick: function(event) {
-        onClick?.(event);
-        if (event.isDefaultPrevented())
-          return;
-        onAttachFiles();
-      },
-      onPointerDown: (event) => event.preventDefault(),
-      ref: forwardedRef,
-      disabled: isFormDisabled || disabled || numOfAttachments >= MAX_ATTACHMENTS
-    });
-  }
-);
-
-exports.AttachFiles = AttachFiles;
-exports.ComposerContext = ComposerContext;
-exports.Editor = Editor;
-exports.Form = Form;
-exports.MAX_ATTACHMENTS = MAX_ATTACHMENTS;
-exports.MAX_ATTACHMENT_SIZE = MAX_ATTACHMENT_SIZE;
-exports.Submit = Submit;
-//# sourceMappingURL=index.cjs.map

package/dist/primitives/Chat/Composer/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Chat/Composer/index.tsx"],"sourcesContent":["import { HttpError, kInternal, nanoid } from \"@liveblocks/core\";\nimport { useClient } from \"@liveblocks/react\";\nimport { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport type {\n  ButtonHTMLAttributes,\n  FormEvent,\n  FormHTMLAttributes,\n  HTMLAttributes,\n  KeyboardEvent,\n} from \"react\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { BaseEditor, Descendant } from \"slate\";\nimport { createEditor, Editor as SlateEditor, Transforms } from \"slate\";\nimport type { HistoryEditor } from \"slate-history\";\nimport { withHistory } from \"slate-history\";\nimport { Editable, ReactEditor, Slate, withReact } from \"slate-react\";\n\nimport { withNormalize } from \"../../../slate/plugins/normalize\";\nimport { isEmpty } from \"../../../slate/utils/is-empty\";\nimport { AttachmentTooLargeError } from \"../../Composer/utils\";\n\n/* -------------------------------------------------------------------------------------------------\n * Form\n * -----------------------------------------------------------------------------------------------*/\nexport const ComposerContext = createContext<{\n  chatId: string;\n\n  editor: SlateEditor;\n  onEditorValueChange: (value: Descendant[]) => void;\n  isEditorEmpty: boolean;\n\n  attachments: ({\n    id: string;\n    file: File;\n  } & (\n    | {\n        status: \"uploading\" | \"uploaded\";\n      }\n    | {\n        status: \"error\";\n        error: Error;\n      }\n  ))[];\n  onAttachFiles: () => void;\n  onRemoveAttachment: (id: string) => void;\n  numOfAttachments: number;\n\n  requestFormSubmit: () => void;\n  disabled: boolean;\n} | null>(null);\n\nexport const MAX_ATTACHMENTS = 10;\nexport const MAX_ATTACHMENT_SIZE = 1024 * 1024 * 1024; // 1 GB\n\nexport type FormProps = FormHTMLAttributes<HTMLFormElement> & {\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   * The id of the chat the composer belongs to.\n   */\n  chatId: string;\n};\n\n/**\n * Surrounds the chat composer's content and handles submissions.\n *\n * @example\n * <Form onComposerSubmit={({ text }) => {}}>\n *\t <Editor />\n *   <Submit />\n * </Form>\n */\nexport const Form = forwardRef<HTMLFormElement, FormProps>(\n  (\n    { onComposerSubmit, onSubmit, disabled, chatId, ...props },\n    forwardedRef\n  ) => {\n    const formRef = useRef<HTMLFormElement | null>(null);\n    const fileInputRef = useRef<HTMLInputElement | null>(null);\n\n    const editorRef = useRef<(BaseEditor & ReactEditor & HistoryEditor) | null>(\n      null\n    );\n    if (editorRef.current === null) {\n      editorRef.current = withNormalize(withHistory(withReact(createEditor())));\n    }\n    const editor = editorRef.current;\n\n    const [isEditorEmpty, setIsEditorEmpty] = useState(true);\n\n    const [attachments, setAttachments] = useState<\n      ({\n        id: string;\n        file: File;\n      } & (\n        | {\n            status: \"uploading\" | \"uploaded\";\n          }\n        | {\n            status: \"error\";\n            error: Error;\n          }\n      ))[]\n    >([]);\n\n    const handleSubmit = useCallback(\n      (event: FormEvent<HTMLFormElement>) => {\n        if (disabled || isEmpty(editor, editor.children)) return;\n\n        onSubmit?.(event);\n\n        if (onComposerSubmit === undefined || event.isDefaultPrevented()) {\n          event.preventDefault();\n          return;\n        }\n\n        // Extract the text content from the editor.\n        const content = editor.children\n          .map((block) => {\n            if (\"type\" in block && block.type === \"paragraph\") {\n              return block.children\n                .map((child) => {\n                  if (\"text\" in child) {\n                    return child.text;\n                  }\n                  return \"\";\n                })\n                .join(\"\");\n            }\n            return \"\";\n          })\n          .join(\"\\n\");\n\n        onComposerSubmit({ text: content }, event);\n\n        if (event.isDefaultPrevented()) {\n          return;\n        }\n\n        event.preventDefault();\n\n        // Clear the editor after dispatching the message.\n        Transforms.delete(editor, {\n          at: {\n            anchor: SlateEditor.start(editor, []),\n            focus: SlateEditor.end(editor, []),\n          },\n        });\n      },\n      [disabled, editor, onSubmit, onComposerSubmit]\n    );\n\n    useLayoutEffect(() => {\n      setIsEditorEmpty(isEmpty(editor, editor.children));\n    }, [editor]);\n\n    const handleEditorValueChange = useCallback(() => {\n      setIsEditorEmpty(isEmpty(editor, editor.children));\n    }, [editor]);\n\n    const requestFormSubmit = useCallback(() => {\n      if (isEmpty(editor, editor.children)) return;\n\n      if (attachments.some((attachment) => attachment.status === \"uploading\")) {\n        return;\n      }\n\n      // We need to wait for the next frame in some cases like when composing diacritics,\n      // we want any native handling to be done first while still being handled on `keydown`.\n      requestAnimationFrame(() => {\n        if (formRef.current === null) return;\n        if (typeof formRef.current.requestSubmit === \"function\") {\n          return formRef.current.requestSubmit();\n        }\n        const submitter = document.createElement(\"input\");\n        submitter.type = \"submit\";\n        submitter.hidden = true;\n        formRef.current.appendChild(submitter);\n        submitter.click();\n        formRef.current.removeChild(submitter);\n      });\n    }, [editor, attachments]);\n\n    const handleAttachFiles = useCallback(() => {\n      if (disabled) return;\n      fileInputRef.current?.click();\n    }, [disabled]);\n\n    const handleRemoveAttachment = useCallback((id: string) => {\n      setAttachments((attachments) =>\n        attachments.filter((attachment) => attachment.id !== id)\n      );\n    }, []);\n\n    useImperativeHandle<HTMLFormElement | null, HTMLFormElement | null>(\n      forwardedRef,\n      () => formRef.current,\n      []\n    );\n\n    const client = useClient();\n\n    return (\n      <ComposerContext.Provider\n        value={{\n          chatId,\n          editor,\n          onEditorValueChange: handleEditorValueChange,\n          isEditorEmpty,\n          requestFormSubmit,\n          disabled: disabled || false,\n          attachments,\n          onAttachFiles: handleAttachFiles,\n          onRemoveAttachment: handleRemoveAttachment,\n          numOfAttachments: attachments.length,\n        }}\n      >\n        <form onSubmit={handleSubmit} {...props} ref={formRef} />\n        <input\n          type=\"file\"\n          multiple\n          accept=\"image/png, image/jpeg\"\n          ref={fileInputRef}\n          onClick={(event) => {\n            event.stopPropagation();\n          }}\n          onChange={function (event) {\n            if (disabled) return;\n\n            if (event.target.files === null) return;\n            if (event.target.files.length === 0) return;\n\n            for (const file of Array.from(event.target.files).slice(\n              0,\n              MAX_ATTACHMENTS - attachments.length\n            )) {\n              const id = `at_${nanoid()}`;\n              if (file.size > MAX_ATTACHMENT_SIZE) {\n                setAttachments((attachments) => [\n                  ...attachments,\n                  {\n                    id,\n                    file,\n                    status: \"error\",\n                    error: new AttachmentTooLargeError(\"File is too large.\"),\n                  },\n                ]);\n                continue;\n              }\n\n              setAttachments((attachments) => [\n                ...attachments,\n                {\n                  id,\n                  file,\n                  status: \"uploading\",\n                },\n              ]);\n\n              client[kInternal].httpClient\n                .uploadChatAttachment({\n                  chatId,\n                  attachment: {\n                    id,\n                    file,\n                  },\n                })\n                .then(() => {\n                  setAttachments((attachments) =>\n                    attachments.map((attachment) =>\n                      attachment.id === id\n                        ? { ...attachment, status: \"uploaded\" }\n                        : attachment\n                    )\n                  );\n                })\n                .catch((error) => {\n                  if (error instanceof Error) {\n                    setAttachments((attachments) =>\n                      attachments.map((attachment) =>\n                        attachment.id === id\n                          ? {\n                              ...attachment,\n                              status: \"error\",\n                              error:\n                                error instanceof HttpError &&\n                                error.status === 413\n                                  ? new AttachmentTooLargeError(\n                                      \"File is too large\"\n                                    )\n                                  : error,\n                            }\n                          : attachment\n                      )\n                    );\n                  }\n                });\n            }\n\n            event.target.value = \"\";\n          }}\n          tabIndex={-1}\n          style={{ display: \"none\" }}\n        />\n      </ComposerContext.Provider>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Editor\n * -----------------------------------------------------------------------------------------------*/\nexport type EditorProps = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"defaultValue\"\n> & {\n  /**\n   * The editor's initial value.\n   */\n  defaultValue?: string;\n  /**\n   * The text to display when the editor is empty.\n   */\n  placeholder?: string;\n  /**\n   * Whether the editor is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Whether to focus the editor on mount.\n   */\n  autoFocus?: boolean;\n};\n\n/**\n * Displays the chat composer's editor.\n *\n * @example\n * <Editor placeholder=\"Write a message…\" />\n */\nexport const Editor = forwardRef<HTMLDivElement, EditorProps>(\n  (\n    { defaultValue = \"\", onKeyDown, disabled, autoFocus, ...props },\n    forwardedRef\n  ) => {\n    const context = useContext(ComposerContext);\n    if (context === null) {\n      throw new Error(\"Editor must be a descendant of Form.\");\n    }\n\n    const {\n      editor,\n      onEditorValueChange,\n      requestFormSubmit,\n      disabled: isFormDisabled,\n    } = context;\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        onKeyDown?.(event);\n        if (event.isDefaultPrevented()) return;\n\n        if (event.key === \"Enter\" && !event.shiftKey) {\n          event.preventDefault();\n          requestFormSubmit();\n        } else if (event.key === \"Enter\" && event.shiftKey) {\n          event.preventDefault();\n          editor.insertBreak();\n        }\n      },\n      [editor, onKeyDown, requestFormSubmit]\n    );\n\n    useImperativeHandle(\n      forwardedRef,\n      () => ReactEditor.toDOMNode(editor, editor) as HTMLDivElement,\n      [editor]\n    );\n\n    useEffect(() => {\n      if (!autoFocus) return;\n\n      try {\n        if (!ReactEditor.isFocused(editor)) {\n          Transforms.select(editor, SlateEditor.end(editor, []));\n          ReactEditor.focus(editor);\n        }\n      } catch {\n        // Slate's DOM-specific methods will throw if the editor's DOM  node no longer exists. This action doesn't make sense on an unmounted editor so we can safely ignore it.\n      }\n    }, [editor, autoFocus]);\n\n    const initialValue: { type: \"paragraph\"; children: { text: string }[] }[] =\n      useMemo(() => {\n        return defaultValue\n          .split(\"\\n\")\n          .map((text) => ({ type: \"paragraph\", children: [{ text }] }));\n      }, [defaultValue]);\n\n    return (\n      <Slate\n        editor={editor}\n        initialValue={initialValue}\n        onValueChange={onEditorValueChange}\n      >\n        <Editable\n          enterKeyHint=\"send\"\n          autoCapitalize=\"sentences\"\n          onKeyDown={handleKeyDown}\n          data-disabled={disabled || isFormDisabled || undefined}\n          {...props}\n          readOnly={disabled || isFormDisabled}\n          disabled={disabled || isFormDisabled}\n          renderPlaceholder={function ({ attributes, children }) {\n            const { opacity: _opacity, ...style } = attributes.style;\n            return (\n              <span {...attributes} style={style} data-placeholder=\"\">\n                {children}\n              </span>\n            );\n          }}\n        />\n      </Slate>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Submit\n * -----------------------------------------------------------------------------------------------*/\nexport type SubmitProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\n/**\n * A button to submit a chat message.\n *\n * @example\n * <ChatComposer.Submit>Send</ChatComposer.Submit>\n */\nexport const Submit = forwardRef<HTMLButtonElement, SubmitProps>(\n  ({ disabled, ...props }, forwardedRef) => {\n    const context = useContext(ComposerContext);\n    if (context === null) {\n      throw new Error(\"Submit must be a descendant of Form.\");\n    }\n\n    const { disabled: isFormDisabled, isEditorEmpty, attachments } = context;\n\n    return (\n      <button\n        type=\"submit\"\n        {...props}\n        ref={forwardedRef}\n        disabled={\n          disabled ||\n          isFormDisabled ||\n          isEditorEmpty ||\n          attachments.some((attachment) => attachment.status === \"uploading\")\n        }\n      />\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * AttachFiles\n * -----------------------------------------------------------------------------------------------*/\nexport type AttachFilesProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\n/**\n * A button which opens a file picker to create attachments.\n *\n * @example\n * <Composer.AttachFiles>Attach files</Composer.AttachFiles>\n */\nexport const AttachFiles = forwardRef<HTMLButtonElement, AttachFilesProps>(\n  ({ onClick, disabled, ...props }, forwardedRef) => {\n    const context = useContext(ComposerContext);\n    if (context === null) {\n      throw new Error(\"AttachFiles must be a descendant of Form.\");\n    }\n\n    const {\n      disabled: isFormDisabled,\n      onAttachFiles,\n      numOfAttachments,\n    } = context;\n\n    return (\n      <button\n        type=\"button\"\n        {...props}\n        onClick={function (event) {\n          onClick?.(event);\n          if (event.isDefaultPrevented()) return;\n          onAttachFiles();\n        }}\n        onPointerDown={(event) => event.preventDefault()}\n        ref={forwardedRef}\n        disabled={\n          isFormDisabled || disabled || numOfAttachments >= MAX_ATTACHMENTS\n        }\n      />\n    );\n  }\n);\n"],"names":["createContext","forwardRef","useRef","withNormalize","withHistory","withReact","createEditor","useState","useCallback","isEmpty","Transforms","SlateEditor","useLayoutEffect","attachments","useImperativeHandle","useClient","jsxs","jsx","nanoid","AttachmentTooLargeError","kInternal","HttpError","useContext","ReactEditor","useEffect","useMemo","Slate","Editable"],"mappings":"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"}