@liveblocks/react-ui 2.24.1 → 2.25.0-aiprivatebeta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_private/index.cjs +6 -0
- package/dist/_private/index.cjs.map +1 -1
- package/dist/_private/index.d.cts +166 -10
- package/dist/_private/index.d.ts +166 -10
- package/dist/_private/index.js +3 -0
- package/dist/_private/index.js.map +1 -1
- package/dist/components/AiChat/AiChat.cjs +211 -0
- package/dist/components/AiChat/AiChat.cjs.map +1 -0
- package/dist/components/AiChat/AiChat.js +209 -0
- package/dist/components/AiChat/AiChat.js.map +1 -0
- package/dist/components/internal/AiChatAssistantMessage.cjs +353 -0
- package/dist/components/internal/AiChatAssistantMessage.cjs.map +1 -0
- package/dist/components/internal/AiChatAssistantMessage.js +351 -0
- package/dist/components/internal/AiChatAssistantMessage.js.map +1 -0
- package/dist/components/internal/AiChatComposer.cjs +385 -0
- package/dist/components/internal/AiChatComposer.cjs.map +1 -0
- package/dist/components/internal/AiChatComposer.js +379 -0
- package/dist/components/internal/AiChatComposer.js.map +1 -0
- package/dist/components/internal/AiChatUserMessage.cjs +187 -0
- package/dist/components/internal/AiChatUserMessage.cjs.map +1 -0
- package/dist/components/internal/AiChatUserMessage.js +185 -0
- package/dist/components/internal/AiChatUserMessage.js.map +1 -0
- package/dist/icons/Copy.cjs +26 -0
- package/dist/icons/Copy.cjs.map +1 -0
- package/dist/icons/Copy.js +24 -0
- package/dist/icons/Copy.js.map +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +65 -4
- package/dist/index.d.ts +65 -4
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/overrides.cjs +13 -1
- package/dist/overrides.cjs.map +1 -1
- package/dist/overrides.js +13 -1
- package/dist/overrides.js.map +1 -1
- package/dist/primitives/Chat/Composer/index.cjs +323 -0
- package/dist/primitives/Chat/Composer/index.cjs.map +1 -0
- package/dist/primitives/Chat/Composer/index.js +315 -0
- package/dist/primitives/Chat/Composer/index.js.map +1 -0
- package/dist/primitives/index.cjs +9 -4
- package/dist/primitives/index.cjs.map +1 -1
- package/dist/primitives/index.d.cts +108 -2
- package/dist/primitives/index.d.ts +108 -2
- package/dist/primitives/index.js +1 -0
- package/dist/primitives/index.js.map +1 -1
- package/dist/primitives/internal/Collapsible.cjs +99 -0
- package/dist/primitives/internal/Collapsible.cjs.map +1 -0
- package/dist/primitives/internal/Collapsible.js +95 -0
- package/dist/primitives/internal/Collapsible.js.map +1 -0
- package/dist/primitives/internal/Markdown.cjs +444 -0
- package/dist/primitives/internal/Markdown.cjs.map +1 -0
- package/dist/primitives/internal/Markdown.js +440 -0
- package/dist/primitives/internal/Markdown.js.map +1 -0
- package/dist/version.cjs +1 -1
- package/dist/version.cjs.map +1 -1
- package/dist/version.js +1 -1
- package/dist/version.js.map +1 -1
- package/package.json +5 -5
- package/src/styles/constants.css +4 -0
- package/src/styles/dark/index.css +1 -0
- package/src/styles/index.css +510 -0
- package/styles/dark/attributes.css +1 -1
- package/styles/dark/attributes.css.map +1 -1
- package/styles/dark/media-query.css +1 -1
- package/styles/dark/media-query.css.map +1 -1
- package/styles.css +1 -1
- package/styles.css.map +1 -1
package/dist/overrides.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overrides.js","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":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"overrides.js","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;;"}
|
|
@@ -0,0 +1,323 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var core = require('@liveblocks/core');
|
|
5
|
+
var react$1 = require('@liveblocks/react');
|
|
6
|
+
var _private = require('@liveblocks/react/_private');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
var slate = require('slate');
|
|
9
|
+
var slateHistory = require('slate-history');
|
|
10
|
+
var slateReact = require('slate-react');
|
|
11
|
+
var normalize = require('../../../slate/plugins/normalize.cjs');
|
|
12
|
+
var isEmpty = require('../../../slate/utils/is-empty.cjs');
|
|
13
|
+
var utils = require('../../Composer/utils.cjs');
|
|
14
|
+
|
|
15
|
+
const ComposerContext = react.createContext(null);
|
|
16
|
+
const MAX_ATTACHMENTS = 10;
|
|
17
|
+
const MAX_ATTACHMENT_SIZE = 1024 * 1024 * 1024;
|
|
18
|
+
const Form = react.forwardRef(
|
|
19
|
+
({ onComposerSubmit, onSubmit, disabled, chatId, ...props }, forwardedRef) => {
|
|
20
|
+
const formRef = react.useRef(null);
|
|
21
|
+
const fileInputRef = react.useRef(null);
|
|
22
|
+
const editorRef = react.useRef(
|
|
23
|
+
null
|
|
24
|
+
);
|
|
25
|
+
if (editorRef.current === null) {
|
|
26
|
+
editorRef.current = normalize.withNormalize(slateHistory.withHistory(slateReact.withReact(slate.createEditor())));
|
|
27
|
+
}
|
|
28
|
+
const editor = editorRef.current;
|
|
29
|
+
const [isEditorEmpty, setIsEditorEmpty] = react.useState(true);
|
|
30
|
+
const [attachments, setAttachments] = react.useState([]);
|
|
31
|
+
const handleSubmit = react.useCallback(
|
|
32
|
+
(event) => {
|
|
33
|
+
if (disabled || isEmpty.isEmpty(editor, editor.children))
|
|
34
|
+
return;
|
|
35
|
+
onSubmit?.(event);
|
|
36
|
+
if (onComposerSubmit === void 0 || event.isDefaultPrevented()) {
|
|
37
|
+
event.preventDefault();
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
const content = editor.children.map((block) => {
|
|
41
|
+
if ("type" in block && block.type === "paragraph") {
|
|
42
|
+
return block.children.map((child) => {
|
|
43
|
+
if ("text" in child) {
|
|
44
|
+
return child.text;
|
|
45
|
+
}
|
|
46
|
+
return "";
|
|
47
|
+
}).join("");
|
|
48
|
+
}
|
|
49
|
+
return "";
|
|
50
|
+
}).join("\n");
|
|
51
|
+
onComposerSubmit({ text: content }, event);
|
|
52
|
+
if (event.isDefaultPrevented()) {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
event.preventDefault();
|
|
56
|
+
slate.Transforms.delete(editor, {
|
|
57
|
+
at: {
|
|
58
|
+
anchor: slate.Editor.start(editor, []),
|
|
59
|
+
focus: slate.Editor.end(editor, [])
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
},
|
|
63
|
+
[disabled, editor, onSubmit, onComposerSubmit]
|
|
64
|
+
);
|
|
65
|
+
_private.useLayoutEffect(() => {
|
|
66
|
+
setIsEditorEmpty(isEmpty.isEmpty(editor, editor.children));
|
|
67
|
+
}, [editor]);
|
|
68
|
+
const handleEditorValueChange = react.useCallback(() => {
|
|
69
|
+
setIsEditorEmpty(isEmpty.isEmpty(editor, editor.children));
|
|
70
|
+
}, [editor]);
|
|
71
|
+
const requestFormSubmit = react.useCallback(() => {
|
|
72
|
+
if (isEmpty.isEmpty(editor, editor.children))
|
|
73
|
+
return;
|
|
74
|
+
if (attachments.some((attachment) => attachment.status === "uploading")) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
requestAnimationFrame(() => {
|
|
78
|
+
if (formRef.current === null)
|
|
79
|
+
return;
|
|
80
|
+
if (typeof formRef.current.requestSubmit === "function") {
|
|
81
|
+
return formRef.current.requestSubmit();
|
|
82
|
+
}
|
|
83
|
+
const submitter = document.createElement("input");
|
|
84
|
+
submitter.type = "submit";
|
|
85
|
+
submitter.hidden = true;
|
|
86
|
+
formRef.current.appendChild(submitter);
|
|
87
|
+
submitter.click();
|
|
88
|
+
formRef.current.removeChild(submitter);
|
|
89
|
+
});
|
|
90
|
+
}, [editor, attachments]);
|
|
91
|
+
const handleAttachFiles = react.useCallback(() => {
|
|
92
|
+
if (disabled)
|
|
93
|
+
return;
|
|
94
|
+
fileInputRef.current?.click();
|
|
95
|
+
}, [disabled]);
|
|
96
|
+
const handleRemoveAttachment = react.useCallback((id) => {
|
|
97
|
+
setAttachments(
|
|
98
|
+
(attachments2) => attachments2.filter((attachment) => attachment.id !== id)
|
|
99
|
+
);
|
|
100
|
+
}, []);
|
|
101
|
+
react.useImperativeHandle(
|
|
102
|
+
forwardedRef,
|
|
103
|
+
() => formRef.current,
|
|
104
|
+
[]
|
|
105
|
+
);
|
|
106
|
+
const client = react$1.useClient();
|
|
107
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(ComposerContext.Provider, {
|
|
108
|
+
value: {
|
|
109
|
+
chatId,
|
|
110
|
+
editor,
|
|
111
|
+
onEditorValueChange: handleEditorValueChange,
|
|
112
|
+
isEditorEmpty,
|
|
113
|
+
requestFormSubmit,
|
|
114
|
+
disabled: disabled || false,
|
|
115
|
+
attachments,
|
|
116
|
+
onAttachFiles: handleAttachFiles,
|
|
117
|
+
onRemoveAttachment: handleRemoveAttachment,
|
|
118
|
+
numOfAttachments: attachments.length
|
|
119
|
+
},
|
|
120
|
+
children: [
|
|
121
|
+
/* @__PURE__ */ jsxRuntime.jsx("form", {
|
|
122
|
+
onSubmit: handleSubmit,
|
|
123
|
+
...props,
|
|
124
|
+
ref: formRef
|
|
125
|
+
}),
|
|
126
|
+
/* @__PURE__ */ jsxRuntime.jsx("input", {
|
|
127
|
+
type: "file",
|
|
128
|
+
multiple: true,
|
|
129
|
+
accept: "image/png, image/jpeg",
|
|
130
|
+
ref: fileInputRef,
|
|
131
|
+
onClick: (event) => {
|
|
132
|
+
event.stopPropagation();
|
|
133
|
+
},
|
|
134
|
+
onChange: function(event) {
|
|
135
|
+
if (disabled)
|
|
136
|
+
return;
|
|
137
|
+
if (event.target.files === null)
|
|
138
|
+
return;
|
|
139
|
+
if (event.target.files.length === 0)
|
|
140
|
+
return;
|
|
141
|
+
for (const file of Array.from(event.target.files).slice(
|
|
142
|
+
0,
|
|
143
|
+
MAX_ATTACHMENTS - attachments.length
|
|
144
|
+
)) {
|
|
145
|
+
const id = `at_${core.nanoid()}`;
|
|
146
|
+
if (file.size > MAX_ATTACHMENT_SIZE) {
|
|
147
|
+
setAttachments((attachments2) => [
|
|
148
|
+
...attachments2,
|
|
149
|
+
{
|
|
150
|
+
id,
|
|
151
|
+
file,
|
|
152
|
+
status: "error",
|
|
153
|
+
error: new utils.AttachmentTooLargeError("File is too large.")
|
|
154
|
+
}
|
|
155
|
+
]);
|
|
156
|
+
continue;
|
|
157
|
+
}
|
|
158
|
+
setAttachments((attachments2) => [
|
|
159
|
+
...attachments2,
|
|
160
|
+
{
|
|
161
|
+
id,
|
|
162
|
+
file,
|
|
163
|
+
status: "uploading"
|
|
164
|
+
}
|
|
165
|
+
]);
|
|
166
|
+
client[core.kInternal].httpClient.uploadChatAttachment({
|
|
167
|
+
chatId,
|
|
168
|
+
attachment: {
|
|
169
|
+
id,
|
|
170
|
+
file
|
|
171
|
+
}
|
|
172
|
+
}).then(() => {
|
|
173
|
+
setAttachments(
|
|
174
|
+
(attachments2) => attachments2.map(
|
|
175
|
+
(attachment) => attachment.id === id ? { ...attachment, status: "uploaded" } : attachment
|
|
176
|
+
)
|
|
177
|
+
);
|
|
178
|
+
}).catch((error) => {
|
|
179
|
+
if (error instanceof Error) {
|
|
180
|
+
setAttachments(
|
|
181
|
+
(attachments2) => attachments2.map(
|
|
182
|
+
(attachment) => attachment.id === id ? {
|
|
183
|
+
...attachment,
|
|
184
|
+
status: "error",
|
|
185
|
+
error: error instanceof core.HttpError && error.status === 413 ? new utils.AttachmentTooLargeError(
|
|
186
|
+
"File is too large"
|
|
187
|
+
) : error
|
|
188
|
+
} : attachment
|
|
189
|
+
)
|
|
190
|
+
);
|
|
191
|
+
}
|
|
192
|
+
});
|
|
193
|
+
}
|
|
194
|
+
event.target.value = "";
|
|
195
|
+
},
|
|
196
|
+
tabIndex: -1,
|
|
197
|
+
style: { display: "none" }
|
|
198
|
+
})
|
|
199
|
+
]
|
|
200
|
+
});
|
|
201
|
+
}
|
|
202
|
+
);
|
|
203
|
+
const Editor = react.forwardRef(
|
|
204
|
+
({ defaultValue = "", onKeyDown, disabled, autoFocus, ...props }, forwardedRef) => {
|
|
205
|
+
const context = react.useContext(ComposerContext);
|
|
206
|
+
if (context === null) {
|
|
207
|
+
throw new Error("Editor must be a descendant of Form.");
|
|
208
|
+
}
|
|
209
|
+
const {
|
|
210
|
+
editor,
|
|
211
|
+
onEditorValueChange,
|
|
212
|
+
requestFormSubmit,
|
|
213
|
+
disabled: isFormDisabled
|
|
214
|
+
} = context;
|
|
215
|
+
const handleKeyDown = react.useCallback(
|
|
216
|
+
(event) => {
|
|
217
|
+
onKeyDown?.(event);
|
|
218
|
+
if (event.isDefaultPrevented())
|
|
219
|
+
return;
|
|
220
|
+
if (event.key === "Enter" && !event.shiftKey) {
|
|
221
|
+
event.preventDefault();
|
|
222
|
+
requestFormSubmit();
|
|
223
|
+
} else if (event.key === "Enter" && event.shiftKey) {
|
|
224
|
+
event.preventDefault();
|
|
225
|
+
editor.insertBreak();
|
|
226
|
+
}
|
|
227
|
+
},
|
|
228
|
+
[editor, onKeyDown, requestFormSubmit]
|
|
229
|
+
);
|
|
230
|
+
react.useImperativeHandle(
|
|
231
|
+
forwardedRef,
|
|
232
|
+
() => slateReact.ReactEditor.toDOMNode(editor, editor),
|
|
233
|
+
[editor]
|
|
234
|
+
);
|
|
235
|
+
react.useEffect(() => {
|
|
236
|
+
if (!autoFocus)
|
|
237
|
+
return;
|
|
238
|
+
try {
|
|
239
|
+
if (!slateReact.ReactEditor.isFocused(editor)) {
|
|
240
|
+
slate.Transforms.select(editor, slate.Editor.end(editor, []));
|
|
241
|
+
slateReact.ReactEditor.focus(editor);
|
|
242
|
+
}
|
|
243
|
+
} catch {
|
|
244
|
+
}
|
|
245
|
+
}, [editor, autoFocus]);
|
|
246
|
+
const initialValue = react.useMemo(() => {
|
|
247
|
+
return defaultValue.split("\n").map((text) => ({ type: "paragraph", children: [{ text }] }));
|
|
248
|
+
}, [defaultValue]);
|
|
249
|
+
return /* @__PURE__ */ jsxRuntime.jsx(slateReact.Slate, {
|
|
250
|
+
editor,
|
|
251
|
+
initialValue,
|
|
252
|
+
onValueChange: onEditorValueChange,
|
|
253
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(slateReact.Editable, {
|
|
254
|
+
enterKeyHint: "send",
|
|
255
|
+
autoCapitalize: "sentences",
|
|
256
|
+
onKeyDown: handleKeyDown,
|
|
257
|
+
"data-disabled": disabled || isFormDisabled || void 0,
|
|
258
|
+
...props,
|
|
259
|
+
readOnly: disabled || isFormDisabled,
|
|
260
|
+
disabled: disabled || isFormDisabled,
|
|
261
|
+
renderPlaceholder: function({ attributes, children }) {
|
|
262
|
+
const { opacity: _opacity, ...style } = attributes.style;
|
|
263
|
+
return /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
264
|
+
...attributes,
|
|
265
|
+
style,
|
|
266
|
+
"data-placeholder": "",
|
|
267
|
+
children
|
|
268
|
+
});
|
|
269
|
+
}
|
|
270
|
+
})
|
|
271
|
+
});
|
|
272
|
+
}
|
|
273
|
+
);
|
|
274
|
+
const Submit = react.forwardRef(
|
|
275
|
+
({ disabled, ...props }, forwardedRef) => {
|
|
276
|
+
const context = react.useContext(ComposerContext);
|
|
277
|
+
if (context === null) {
|
|
278
|
+
throw new Error("Submit must be a descendant of Form.");
|
|
279
|
+
}
|
|
280
|
+
const { disabled: isFormDisabled, isEditorEmpty, attachments } = context;
|
|
281
|
+
return /* @__PURE__ */ jsxRuntime.jsx("button", {
|
|
282
|
+
type: "submit",
|
|
283
|
+
...props,
|
|
284
|
+
ref: forwardedRef,
|
|
285
|
+
disabled: disabled || isFormDisabled || isEditorEmpty || attachments.some((attachment) => attachment.status === "uploading")
|
|
286
|
+
});
|
|
287
|
+
}
|
|
288
|
+
);
|
|
289
|
+
const AttachFiles = react.forwardRef(
|
|
290
|
+
({ onClick, disabled, ...props }, forwardedRef) => {
|
|
291
|
+
const context = react.useContext(ComposerContext);
|
|
292
|
+
if (context === null) {
|
|
293
|
+
throw new Error("AttachFiles must be a descendant of Form.");
|
|
294
|
+
}
|
|
295
|
+
const {
|
|
296
|
+
disabled: isFormDisabled,
|
|
297
|
+
onAttachFiles,
|
|
298
|
+
numOfAttachments
|
|
299
|
+
} = context;
|
|
300
|
+
return /* @__PURE__ */ jsxRuntime.jsx("button", {
|
|
301
|
+
type: "button",
|
|
302
|
+
...props,
|
|
303
|
+
onClick: function(event) {
|
|
304
|
+
onClick?.(event);
|
|
305
|
+
if (event.isDefaultPrevented())
|
|
306
|
+
return;
|
|
307
|
+
onAttachFiles();
|
|
308
|
+
},
|
|
309
|
+
onPointerDown: (event) => event.preventDefault(),
|
|
310
|
+
ref: forwardedRef,
|
|
311
|
+
disabled: isFormDisabled || disabled || numOfAttachments >= MAX_ATTACHMENTS
|
|
312
|
+
});
|
|
313
|
+
}
|
|
314
|
+
);
|
|
315
|
+
|
|
316
|
+
exports.AttachFiles = AttachFiles;
|
|
317
|
+
exports.ComposerContext = ComposerContext;
|
|
318
|
+
exports.Editor = Editor;
|
|
319
|
+
exports.Form = Form;
|
|
320
|
+
exports.MAX_ATTACHMENTS = MAX_ATTACHMENTS;
|
|
321
|
+
exports.MAX_ATTACHMENT_SIZE = MAX_ATTACHMENT_SIZE;
|
|
322
|
+
exports.Submit = Submit;
|
|
323
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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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"}
|