stream-chat-react 12.10.0 → 12.11.0

package/dist/components/Message/FixedHeightMessage.js

@@ -18,8 +18,8 @@ const selectColor = (number, dark) => {
 };
 const hashUserId = (userId) => {
     const hash = userId.split('').reduce((acc, c) => {
-        acc = (acc << 5) - acc + c.charCodeAt(0); // eslint-disable-line
-        return acc & acc; // eslint-disable-line no-bitwise
+        acc = (acc << 5) - acc + c.charCodeAt(0);
+        return acc & acc;
     }, 0);
     return Math.abs(hash) / 10 ** Math.ceil(Math.log10(Math.abs(hash) + 1));
 };
@@ -27,7 +27,7 @@ const getUserColor = (theme, userId) => selectColor(hashUserId(userId), theme.in
 const UnMemoizedFixedHeightMessage = (props) => {
     const { groupedByUser: propGroupedByUser, message: propMessage } = props;
     const { theme } = useChatContext('FixedHeightMessage');
-    const { groupedByUser: contextGroupedByUser, message: contextMessage, } = useMessageContext('FixedHeightMessage');
+    const { groupedByUser: contextGroupedByUser, message: contextMessage } = useMessageContext('FixedHeightMessage');
     const { MessageDeleted = DefaultMessageDeleted } = useComponentContext('FixedHeightMessage');
     const { userLanguage } = useTranslationContext('FixedHeightMessage');
     const groupedByUser = propGroupedByUser !== undefined ? propGroupedByUser : contextGroupedByUser;
@@ -35,11 +35,9 @@ const UnMemoizedFixedHeightMessage = (props) => {
     const handleAction = useActionHandler(message);
     const handleDelete = useDeleteHandler(message);
     const role = useUserRole(message);
-    const messageTextToRender = message?.i18n?.[`${userLanguage}_text`] || message?.text;
-    const renderedText = useMemo(() => renderText(messageTextToRender, message.mentioned_users), [
-        message.mentioned_users,
-        messageTextToRender,
-    ]);
+    const messageTextToRender = message?.i18n?.[`${userLanguage}_text`] ||
+        message?.text;
+    const renderedText = useMemo(() => renderText(messageTextToRender, message.mentioned_users), [message.mentioned_users, messageTextToRender]);
     const userId = message.user?.id || '';
     const userColor = useMemo(() => getUserColor(theme, userId), [userId, theme]);
     const messageActionsHandler = useCallback(() => getMessageActions(['delete'], { canDelete: role.canDelete }), [role]);

package/dist/components/Message/Message.js

@@ -21,7 +21,8 @@ const MessageWithContext = (props) => {
         read &&
         (!read[client.user.id] ||
             (message?.created_at &&
-                new Date(message.created_at).getTime() > read[client.user.id].last_read.getTime()))), [client, isMyMessage, message.created_at, read]);
+                new Date(message.created_at).getTime() >
+                    read[client.user.id].last_read.getTime()))), [client, isMyMessage, message.created_at, read]);
     const messageActionsHandler = useCallback(() => getMessageActions(messageActions, {
         canDelete,
         canEdit,

package/dist/components/Message/MessageEditedTimestamp.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import clsx from 'clsx';
-import { useComponentContext, useMessageContext, useTranslationContext } from '../../context';
+import { useComponentContext, useMessageContext, useTranslationContext, } from '../../context';
 import { Timestamp as DefaultTimestamp } from './Timestamp';
 import { isMessageEdited } from './utils';
 export function MessageEditedTimestamp({ message: propMessage, open, ...timestampProps }) {

package/dist/components/Message/MessageSimple.js

@@ -35,10 +35,7 @@ const MessageSimpleWithContext = (props) => {
     MessageActions = MessageOptions, MessageDeleted = DefaultMessageDeleted, MessageBouncePrompt = DefaultMessageBouncePrompt, MessageRepliesCountButton = DefaultMessageRepliesCountButton, MessageStatus = DefaultMessageStatus, MessageTimestamp = DefaultMessageTimestamp, ReactionsList = DefaultReactionList, StreamedMessageText = DefaultStreamedMessageText, PinIndicator, } = useComponentContext('MessageSimple');
     const hasAttachment = messageHasAttachments(message);
     const hasReactions = messageHasReactions(message);
-    const isAIGenerated = useMemo(() => isMessageAIGenerated?.(message), [
-        isMessageAIGenerated,
-        message,
-    ]);
+    const isAIGenerated = useMemo(() => isMessageAIGenerated?.(message), [isMessageAIGenerated, message]);
     if (message.customType === CUSTOM_MESSAGE_TYPE.date) {
         return null;
     }
@@ -98,7 +95,7 @@ const MessageSimpleWithContext = (props) => {
                 !isMyMessage() && !!message.user && (React.createElement("span", { className: 'str-chat__message-simple-name' }, message.user.name || message.user.id)),
                 React.createElement(MessageTimestamp, { customClass: 'str-chat__message-simple-timestamp' }),
                 isEdited && (React.createElement("span", { className: 'str-chat__mesage-simple-edited' }, t('Edited'))),
-                isEdited && React.createElement(MessageEditedTimestamp, { calendar: true, open: isEditedTimestampOpen }))))));
+                isEdited && (React.createElement(MessageEditedTimestamp, { calendar: true, open: isEditedTimestampOpen })))))));
 };
 const MemoizedMessageSimple = React.memo(MessageSimpleWithContext, areMessageUIPropsEqual);
 /**

package/dist/components/Message/MessageStatus.js

@@ -15,7 +15,7 @@ const UnMemoizedMessageStatus = (props) => {
     const { handleEnter, handleLeave, tooltipVisible } = useEnterLeaveHandlers();
     const { client } = useChatContext('MessageStatus');
     const { Avatar: contextAvatar } = useComponentContext('MessageStatus');
-    const { isMyMessage, lastReceivedId, message, readBy, threadList, } = useMessageContext('MessageStatus');
+    const { isMyMessage, lastReceivedId, message, readBy, threadList } = useMessageContext('MessageStatus');
     const { t } = useTranslationContext('MessageStatus');
     const [referenceElement, setReferenceElement] = useState(null);
     const Avatar = propAvatar || contextAvatar || DefaultAvatar;

package/dist/components/Message/MessageText.js

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import React, { useMemo } from 'react';
 import { QuotedMessage as DefaultQuotedMessage } from './QuotedMessage';
 import { isOnlyEmojis, messageHasAttachments } from './utils';
-import { useComponentContext, useMessageContext, useTranslationContext } from '../../context';
+import { useComponentContext, useMessageContext, useTranslationContext, } from '../../context';
 import { renderText as defaultRenderText } from './renderText';
 import { MessageErrorText } from './MessageErrorText';
 const UnMemoizedMessageTextComponent = (props) => {
@@ -13,14 +13,14 @@ const UnMemoizedMessageTextComponent = (props) => {
     const { userLanguage } = useTranslationContext('MessageText');
     const message = propMessage || contextMessage;
     const hasAttachment = messageHasAttachments(message);
-    const messageTextToRender = message.i18n?.[`${userLanguage}_text`] || message.text;
+    const messageTextToRender = message.i18n?.[`${userLanguage}_text`] ||
+        message.text;
+    const messageText = useMemo(() => renderText(messageTextToRender, message.mentioned_users), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const messageText = useMemo(() => renderText(messageTextToRender, message.mentioned_users), [
-        message.mentioned_users,
-        messageTextToRender,
-    ]);
+    [message.mentioned_users, messageTextToRender]);
     const wrapperClass = customWrapperClass || 'str-chat__message-text';
-    const innerClass = customInnerClass || `str-chat__message-text-inner str-chat__message-${theme}-text-inner`;
+    const innerClass = customInnerClass ||
+        `str-chat__message-text-inner str-chat__message-${theme}-text-inner`;
     if (!messageTextToRender && !message.quoted_message)
         return null;
     return (React.createElement("div", { className: wrapperClass, tabIndex: 0 },

package/dist/components/Message/QuotedMessage.js

@@ -9,7 +9,7 @@ import { useMessageContext } from '../../context/MessageContext';
 import { useTranslationContext } from '../../context/TranslationContext';
 import { useChannelActionContext } from '../../context/ChannelActionContext';
 export const QuotedMessage = () => {
-    const { Attachment = DefaultAttachment, Avatar: ContextAvatar, } = useComponentContext('QuotedMessage');
+    const { Attachment = DefaultAttachment, Avatar: ContextAvatar } = useComponentContext('QuotedMessage');
     const { client } = useChatContext();
     const { isMyMessage, message } = useMessageContext('QuotedMessage');
     const { t, userLanguage } = useTranslationContext('QuotedMessage');
@@ -39,5 +39,5 @@ export const QuotedMessage = () => {
             React.createElement("div", { className: 'str-chat__quoted-message-bubble', "data-testid": 'quoted-message-contents' }, poll ? (React.createElement(Poll, { isQuoted: true, poll: poll })) : (React.createElement(React.Fragment, null,
                 quotedMessageAttachment && (React.createElement(Attachment, { attachments: [quotedMessageAttachment], isQuoted: true })),
                 React.createElement("div", { className: 'str-chat__quoted-message-bubble__text', "data-testid": 'quoted-message-text' }, quotedMessageText))))),
-        message.attachments?.length ? React.createElement(Attachment, { attachments: message.attachments }) : null));
+        message.attachments?.length ? (React.createElement(Attachment, { attachments: message.attachments })) : null));
 };

package/dist/components/Message/Timestamp.js

@@ -16,7 +16,15 @@ export function Timestamp(props) {
         t,
         tDateTimeParser,
         timestampTranslationKey: 'timestamp/MessageTimestamp',
-    }), [calendar, calendarFormats, format, formatDate, normalizedTimestamp, t, tDateTimeParser]);
+    }), [
+        calendar,
+        calendarFormats,
+        format,
+        formatDate,
+        normalizedTimestamp,
+        t,
+        tDateTimeParser,
+    ]);
     if (!when) {
         return null;
     }

package/dist/components/Message/hooks/useActionHandler.js

@@ -1,5 +1,5 @@
 import { useChannelActionContext } from '../../../context/ChannelActionContext';
-import { useChannelStateContext } from '../../../context/ChannelStateContext';
+import { useChannelStateContext, } from '../../../context/ChannelStateContext';
 export const handleActionWarning = `Action handler was called, but it is missing one of its required arguments. 
 Make sure the ChannelAction and ChannelState contexts are properly set and the hook is initialized with a valid message.`;
 export function useActionHandler(message) {

package/dist/components/Message/hooks/useFlagHandler.js

@@ -17,7 +17,8 @@ export const useFlagHandler = (message, notifications = {}) => {
         }
         try {
             await client.flagMessage(message.id);
-            const successMessage = getSuccessNotification && validateAndGetMessage(getSuccessNotification, [message]);
+            const successMessage = getSuccessNotification &&
+                validateAndGetMessage(getSuccessNotification, [message]);
             notify(successMessage || t('Message has been successfully flagged'), 'success');
         }
         catch (e) {

package/dist/components/Message/hooks/useMarkUnreadHandler.js

@@ -14,7 +14,8 @@ export const useMarkUnreadHandler = (message, notifications = {}) => {
             await channel.markUnread({ message_id: message.id });
             if (!notify)
                 return;
-            const successMessage = getSuccessNotification && validateAndGetMessage(getSuccessNotification, [message]);
+            const successMessage = getSuccessNotification &&
+                validateAndGetMessage(getSuccessNotification, [message]);
             if (successMessage)
                 notify(successMessage, 'success');
         }

package/dist/components/Message/hooks/useMessageTextStreaming.d.ts

@@ -11,6 +11,6 @@ export type UseMessageTextStreamingProps<StreamChatGenerics extends DefaultStrea
  * @param {string} text - The text that we want to render in a typewriter fashion.
  * @returns {{ streamedMessageText: string }} - A substring of the text property, up until we've finished rendering the typewriter animation.
  */
-export declare const useMessageTextStreaming: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ streamingLetterIntervalMs, renderingLetterCount, text, }: UseMessageTextStreamingProps<StreamChatGenerics>) => {
+export declare const useMessageTextStreaming: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ renderingLetterCount, streamingLetterIntervalMs, text, }: UseMessageTextStreamingProps<StreamChatGenerics>) => {
     streamedMessageText: string;
 };

package/dist/components/Message/hooks/useMessageTextStreaming.js

@@ -9,7 +9,7 @@ const DEFAULT_RENDERING_LETTER_COUNT = 2;
  * @param {string} text - The text that we want to render in a typewriter fashion.
  * @returns {{ streamedMessageText: string }} - A substring of the text property, up until we've finished rendering the typewriter animation.
  */
-export const useMessageTextStreaming = ({ streamingLetterIntervalMs = DEFAULT_LETTER_INTERVAL, renderingLetterCount = DEFAULT_RENDERING_LETTER_COUNT, text, }) => {
+export const useMessageTextStreaming = ({ renderingLetterCount = DEFAULT_RENDERING_LETTER_COUNT, streamingLetterIntervalMs = DEFAULT_LETTER_INTERVAL, text, }) => {
     const [streamedMessageText, setStreamedMessageText] = useState(text);
     const textCursor = useRef(text.length);
     useEffect(() => {

package/dist/components/Message/hooks/useMuteHandler.js

@@ -1,5 +1,5 @@
 import { isUserMuted, validateAndGetMessage } from '../utils';
-import { useChannelStateContext } from '../../../context/ChannelStateContext';
+import { useChannelStateContext, } from '../../../context/ChannelStateContext';
 import { useChatContext } from '../../../context/ChatContext';
 import { useTranslationContext } from '../../../context/TranslationContext';
 export const missingUseMuteHandlerParamsWarning = 'useMuteHandler was called but it is missing one or more necessary parameter.';
@@ -17,14 +17,16 @@ export const useMuteHandler = (message, notifications = {}) => {
         if (!isUserMuted(message, mutes)) {
             try {
                 await client.muteUser(message.user.id);
-                const successMessage = getSuccessNotification && validateAndGetMessage(getSuccessNotification, [message.user]);
+                const successMessage = getSuccessNotification &&
+                    validateAndGetMessage(getSuccessNotification, [message.user]);
                 notify(successMessage ||
                     t(`{{ user }} has been muted`, {
                         user: message.user.name || message.user.id,
                     }), 'success');
             }
             catch (e) {
-                const errorMessage = getErrorNotification && validateAndGetMessage(getErrorNotification, [message.user]);
+                const errorMessage = getErrorNotification &&
+                    validateAndGetMessage(getErrorNotification, [message.user]);
                 notify(errorMessage || t('Error muting a user ...'), 'error');
             }
         }
@@ -42,7 +44,8 @@ export const useMuteHandler = (message, notifications = {}) => {
                 }
             }
             catch (e) {
-                const errorMessage = (getErrorNotification && validateAndGetMessage(getErrorNotification, [message.user])) ||
+                const errorMessage = (getErrorNotification &&
+                    validateAndGetMessage(getErrorNotification, [message.user])) ||
                     t('Error unmuting a user ...');
                 if (typeof errorMessage === 'string') {
                     notify(errorMessage, 'error');

package/dist/components/Message/hooks/usePinHandler.js

@@ -1,6 +1,6 @@
 import { defaultPinPermissions, validateAndGetMessage } from '../utils';
 import { useChannelActionContext } from '../../../context/ChannelActionContext';
-import { useChannelStateContext } from '../../../context/ChannelStateContext';
+import { useChannelStateContext, } from '../../../context/ChannelStateContext';
 import { useChatContext } from '../../../context/ChatContext';
 import { useTranslationContext } from '../../../context/TranslationContext';
 export const usePinHandler = (message, 

package/dist/components/Message/hooks/useReactionHandler.js

@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 import throttle from 'lodash.throttle';
 import { useChannelActionContext } from '../../../context/ChannelActionContext';
-import { useChannelStateContext } from '../../../context/ChannelStateContext';
+import { useChannelStateContext, } from '../../../context/ChannelStateContext';
 import { useChatContext } from '../../../context/ChatContext';
 import { useThreadContext } from '../../Threads';
 export const reactionHandlerWarning = `Reaction handler was called, but it is missing one of its required arguments.
@@ -18,7 +18,10 @@ export const useReactionHandler = (message) => {
         if (add) {
             const timestamp = new Date().toISOString();
             newReactionGroups[reactionType] = hasReaction
-                ? { ...newReactionGroups[reactionType], count: newReactionGroups[reactionType].count + 1 }
+                ? {
+                    ...newReactionGroups[reactionType],
+                    count: newReactionGroups[reactionType].count + 1,
+                }
                 : {
                     count: 1,
                     first_reaction_at: timestamp,
@@ -66,7 +69,7 @@ export const useReactionHandler = (message) => {
         const tempMessage = createMessagePreview(add, newReaction, message);
         try {
             updateMessage(tempMessage);
-            // @ts-expect-error
+            // @ts-expect-error message type mismatch
             thread?.upsertReplyLocally({ message: tempMessage });
             const messageResponse = add
                 ? await channel.sendReaction(id, { type })
@@ -77,7 +80,7 @@ export const useReactionHandler = (message) => {
         catch (error) {
             // revert to the original message if the API call fails
             updateMessage(message);
-            // @ts-expect-error
+            // @ts-expect-error message type mismatch
             thread?.upsertReplyLocally({ message });
         }
     }, 1000);
@@ -93,7 +96,9 @@ export const useReactionHandler = (message) => {
             message.own_reactions.forEach((reaction) => {
                 // own user should only ever contain the current user id
                 // just in case we check to prevent bugs with message updates from breaking reactions
-                if (reaction.user && client.userID === reaction.user.id && reaction.type === reactionType) {
+                if (reaction.user &&
+                    client.userID === reaction.user.id &&
+                    reaction.type === reactionType) {
                     userExistingReaction = reaction;
                 }
                 else if (reaction.user && client.userID !== reaction.user.id) {

package/dist/components/Message/hooks/useRetryHandler.js

@@ -1,4 +1,4 @@
-import { useChannelActionContext } from '../../../context/ChannelActionContext';
+import { useChannelActionContext, } from '../../../context/ChannelActionContext';
 export const useRetryHandler = (customRetrySendMessage) => {
     const { retrySendMessage: contextRetrySendMessage } = useChannelActionContext('useRetryHandler');
     const retrySendMessage = customRetrySendMessage || contextRetrySendMessage;

package/dist/components/Message/hooks/useUserRole.js

@@ -1,4 +1,4 @@
-import { useChannelStateContext } from '../../../context/ChannelStateContext';
+import { useChannelStateContext, } from '../../../context/ChannelStateContext';
 import { useChatContext } from '../../../context/ChatContext';
 export const useUserRole = (message, onlySenderCanEdit, disableQuotedMessages) => {
     const { channel, channelCapabilities = {} } = useChannelStateContext('useUserRole');

package/dist/components/Message/renderText/renderText.js

@@ -50,7 +50,7 @@ function encodeDecode(url) {
         return url;
     }
 }
-const urlTransform = (uri) => (uri.startsWith('app://') ? uri : uriTransformer(uri));
+const urlTransform = (uri) => uri.startsWith('app://') ? uri : uriTransformer(uri);
 const getPluginsForward = (plugins) => plugins;
 export const markDownRenderers = {
     a: Anchor,
@@ -77,7 +77,7 @@ export const renderText = (text, mentionedUsers, { allowedTagNames = defaultAllo
                 const strippedText = text?.replace(detectHttp, '');
                 if (!strippedHref || !strippedText)
                     return false;
-                return strippedHref.includes(strippedText) || strippedText.includes(strippedHref);
+                return (strippedHref.includes(strippedText) || strippedText.includes(strippedHref));
             });
         if (noParsingNeeded.length > 0 || linkIsInBlock)
             return;

package/dist/components/Message/utils.js

@@ -9,8 +9,7 @@ export const validateAndGetMessage = (func, args) => {
         return null;
     // below is due to tests passing a single argument
     // rather than an array.
-    if (!(args instanceof Array)) {
-        // @ts-expect-error
+    if (!Array.isArray(args)) {
         args = [args];
     }
     const returnValue = func(...args);
@@ -154,7 +153,8 @@ export const shouldRenderMessageActions = ({ customMessageActions, CustomMessage
     if (!messageActions.length)
         return false;
     if (inThread &&
-        messageActions.filter((action) => !ACTIONS_NOT_WORKING_IN_THREAD.includes(action)).length === 0) {
+        messageActions.filter((action) => !ACTIONS_NOT_WORKING_IN_THREAD.includes(action))
+            .length === 0) {
         return false;
     }
     if (messageActions.length === 1 &&

package/dist/components/MessageActions/MessageActionsBox.js

@@ -4,8 +4,10 @@ import { MESSAGE_ACTIONS } from '../Message/utils';
 import { useChannelActionContext, useComponentContext, useMessageContext, useTranslationContext, } from '../../context';
 import { CustomMessageActionsList as DefaultCustomMessageActionsList } from './CustomMessageActionsList';
 const UnMemoizedMessageActionsBox = (props) => {
-    const { className, getMessageActions, handleDelete, handleEdit, handleFlag, handleMarkUnread, handleMute, handlePin, isUserMuted, mine, open, ...restDivProps } = props;
-    const { CustomMessageActionsList = DefaultCustomMessageActionsList, } = useComponentContext('MessageActionsBox');
+    const { className, getMessageActions, handleDelete, handleEdit, handleFlag, handleMarkUnread, handleMute, handlePin, isUserMuted, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    mine, open, ...restDivProps } = props;
+    const { CustomMessageActionsList = DefaultCustomMessageActionsList } = useComponentContext('MessageActionsBox');
     const { setQuotedMessage } = useChannelActionContext('MessageActionsBox');
     const { customMessageActions, message, threadList } = useMessageContext('MessageActionsBox');
     const { t } = useTranslationContext('MessageActionsBox');
@@ -29,7 +31,9 @@ const UnMemoizedMessageActionsBox = (props) => {
             React.createElement(CustomMessageActionsList, { customMessageActions: customMessageActions, message: message }),
             messageActions.indexOf(MESSAGE_ACTIONS.quote) > -1 && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleQuote, role: 'option' }, t('Reply'))),
             messageActions.indexOf(MESSAGE_ACTIONS.pin) > -1 && !message.parent_id && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handlePin, role: 'option' }, !message.pinned ? t('Pin') : t('Unpin'))),
-            messageActions.indexOf(MESSAGE_ACTIONS.markUnread) > -1 && !threadList && !!message.id && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleMarkUnread, role: 'option' }, t('Mark as unread'))),
+            messageActions.indexOf(MESSAGE_ACTIONS.markUnread) > -1 &&
+                !threadList &&
+                !!message.id && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleMarkUnread, role: 'option' }, t('Mark as unread'))),
             messageActions.indexOf(MESSAGE_ACTIONS.flag) > -1 && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleFlag, role: 'option' }, t('Flag'))),
             messageActions.indexOf(MESSAGE_ACTIONS.mute) > -1 && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleMute, role: 'option' }, isUserMuted() ? t('Unmute') : t('Mute'))),
             messageActions.indexOf(MESSAGE_ACTIONS.edit) > -1 && (React.createElement("button", { "aria-selected": 'false', className: buttonClassName, onClick: handleEdit, role: 'option' }, t('Edit Message'))),

package/dist/components/MessageInput/AttachmentPreviewList/AttachmentPreviewList.js

@@ -6,7 +6,7 @@ import { ImageAttachmentPreview as DefaultImagePreview, } from './ImageAttachmen
 import { isLocalAttachment, isLocalAudioAttachment, isLocalFileAttachment, isLocalImageAttachment, isLocalMediaAttachment, isLocalVoiceRecordingAttachment, isScrapedContent, } from '../../Attachment';
 import { useMessageInputContext } from '../../../context';
 export const AttachmentPreviewList = ({ AudioAttachmentPreview = DefaultFilePreview, FileAttachmentPreview = DefaultFilePreview, ImageAttachmentPreview = DefaultImagePreview, UnsupportedAttachmentPreview = DefaultUnknownAttachmentPreview, VideoAttachmentPreview = DefaultFilePreview, VoiceRecordingPreview = DefaultVoiceRecordingPreview, }) => {
-    const { attachments, removeAttachments, uploadAttachment, } = useMessageInputContext('AttachmentPreviewList');
+    const { attachments, removeAttachments, uploadAttachment } = useMessageInputContext('AttachmentPreviewList');
     return (React.createElement("div", { className: 'str-chat__attachment-preview-list' },
         React.createElement("div", { className: 'str-chat__attachment-list-scroll-container', "data-testid": 'attachment-list-scroll-container' }, attachments.map((attachment) => {
             if (isScrapedContent(attachment))

package/dist/components/MessageInput/AttachmentPreviewList/FileAttachmentPreview.js

@@ -7,13 +7,15 @@ export const FileAttachmentPreview = ({ attachment, handleRetry, removeAttachmen
     return (React.createElement("div", { className: 'str-chat__attachment-preview-file', "data-testid": 'attachment-preview-file' },
         React.createElement("div", { className: 'str-chat__attachment-preview-file-icon' },
             React.createElement(FileIcon, { filename: attachment.title, mimeType: attachment.mime_type })),
-        React.createElement("button", { "aria-label": t('aria/Remove attachment'), className: 'str-chat__attachment-preview-delete', "data-testid": 'file-preview-item-delete-button', disabled: attachment.localMetadata?.uploadState === 'uploading', onClick: () => attachment.localMetadata?.id && removeAttachments([attachment.localMetadata?.id]) },
+        React.createElement("button", { "aria-label": t('aria/Remove attachment'), className: 'str-chat__attachment-preview-delete', "data-testid": 'file-preview-item-delete-button', disabled: attachment.localMetadata?.uploadState === 'uploading', onClick: () => attachment.localMetadata?.id &&
+                removeAttachments([attachment.localMetadata?.id]) },
             React.createElement(CloseIcon, null)),
         attachment.localMetadata?.uploadState === 'failed' && !!handleRetry && (React.createElement("button", { className: 'str-chat__attachment-preview-error str-chat__attachment-preview-error-file', "data-testid": 'file-preview-item-retry-button', onClick: () => handleRetry(attachment) },
             React.createElement(RetryIcon, null))),
         React.createElement("div", { className: 'str-chat__attachment-preview-file-end' },
             React.createElement("div", { className: 'str-chat__attachment-preview-file-name', title: attachment.title }, attachment.title),
-            attachment.localMetadata?.uploadState === 'finished' && !!attachment.asset_url && (React.createElement("a", { "aria-label": t('aria/Download attachment'), className: 'str-chat__attachment-preview-file-download', download: true, href: attachment.asset_url, rel: 'noreferrer', target: '_blank', title: t('Download attachment {{ name }}', { name: attachment.title }) },
+            attachment.localMetadata?.uploadState === 'finished' &&
+                !!attachment.asset_url && (React.createElement("a", { "aria-label": t('aria/Download attachment'), className: 'str-chat__attachment-preview-file-download', download: true, href: attachment.asset_url, rel: 'noreferrer', target: '_blank', title: t('Download attachment {{ name }}', { name: attachment.title }) },
                 React.createElement(DownloadIcon, null))),
             attachment.localMetadata?.uploadState === 'uploading' && (React.createElement(LoadingIndicatorIcon, { size: 17 })))));
 };

package/dist/components/MessageInput/AttachmentPreviewList/UnsupportedAttachmentPreview.js

@@ -8,13 +8,15 @@ export const UnsupportedAttachmentPreview = ({ attachment, handleRetry, removeAt
     return (React.createElement("div", { className: 'str-chat__attachment-preview-unsupported', "data-testid": 'attachment-preview-unknown' },
         React.createElement("div", { className: 'str-chat__attachment-preview-file-icon' },
             React.createElement(FileIcon, { filename: title, mimeType: attachment.mime_type })),
-        React.createElement("button", { className: 'str-chat__attachment-preview-delete', "data-testid": 'file-preview-item-delete-button', disabled: attachment.localMetadata?.uploadState === 'uploading', onClick: () => attachment.localMetadata?.id && removeAttachments([attachment.localMetadata?.id]) },
+        React.createElement("button", { className: 'str-chat__attachment-preview-delete', "data-testid": 'file-preview-item-delete-button', disabled: attachment.localMetadata?.uploadState === 'uploading', onClick: () => attachment.localMetadata?.id &&
+                removeAttachments([attachment.localMetadata?.id]) },
             React.createElement(CloseIcon, null)),
         attachment.localMetadata?.uploadState === 'failed' && !!handleRetry && (React.createElement("button", { className: 'str-chat__attachment-preview-error str-chat__attachment-preview-error-file', "data-testid": 'file-preview-item-retry-button', onClick: () => handleRetry(attachment) },
             React.createElement(RetryIcon, null))),
         React.createElement("div", { className: 'str-chat__attachment-preview-metadata' },
             React.createElement("div", { className: 'str-chat__attachment-preview-title', title: title }, title),
-            attachment.localMetadata?.uploadState === 'finished' && !!attachment.asset_url && (React.createElement("a", { className: 'str-chat__attachment-preview-file-download', download: true, href: attachment.asset_url, rel: 'noreferrer', target: '_blank' },
+            attachment.localMetadata?.uploadState === 'finished' &&
+                !!attachment.asset_url && (React.createElement("a", { className: 'str-chat__attachment-preview-file-download', download: true, href: attachment.asset_url, rel: 'noreferrer', target: '_blank' },
                 React.createElement(DownloadIcon, null))),
             attachment.localMetadata?.uploadState === 'uploading' && (React.createElement(LoadingIndicatorIcon, { size: 17 })))));
 };

package/dist/components/MessageInput/AttachmentSelector.js

@@ -1,5 +1,5 @@
 import { nanoid } from 'nanoid';
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { UploadIcon as DefaultUploadIcon } from './icons';
 import { CHANNEL_CONTAINER_ID } from '../Channel/constants';
 import { DialogAnchor, useDialog, useDialogIsOpen } from '../Dialog';

package/dist/components/MessageInput/DefaultTriggerProvider.js

@@ -20,5 +20,5 @@ export const DefaultTriggerProvider = ({ children, }) => {
         ...currentValue,
         autocompleteTriggers: defaultAutocompleteTriggers,
     };
-    return React.createElement(MessageInputContextProvider, { value: newValue }, children);
+    return (React.createElement(MessageInputContextProvider, { value: newValue }, children));
 };

package/dist/components/MessageInput/DropzoneProvider.js

@@ -7,7 +7,7 @@ import { useChannelStateContext } from '../../context/ChannelStateContext';
 import { MessageInputContextProvider, useMessageInputContext, } from '../../context/MessageInputContext';
 const DropzoneInner = ({ children, }) => {
     const { acceptedFiles, multipleUploads } = useChannelStateContext('DropzoneProvider');
-    const { cooldownRemaining, isUploadEnabled, maxFilesLeft, uploadNewFiles, } = useMessageInputContext('DropzoneProvider');
+    const { cooldownRemaining, isUploadEnabled, maxFilesLeft, uploadNewFiles } = useMessageInputContext('DropzoneProvider');
     return (React.createElement(ImageDropzone, { accept: acceptedFiles, disabled: !isUploadEnabled || maxFilesLeft === 0 || !!cooldownRemaining, handleFiles: uploadNewFiles, maxNumberOfFiles: maxFilesLeft, multiple: multipleUploads }, children));
 };
 export const DropzoneProvider = (props) => {

package/dist/components/MessageInput/MessageInput.js

@@ -5,7 +5,7 @@ import { useCooldownTimer } from './hooks/useCooldownTimer';
 import { useCreateMessageInputContext } from './hooks/useCreateMessageInputContext';
 import { useMessageInputState } from './hooks/useMessageInputState';
 import { useChannelStateContext } from '../../context/ChannelStateContext';
-import { useComponentContext } from '../../context/ComponentContext';
+import { useComponentContext, } from '../../context/ComponentContext';
 import { MessageInputContextProvider } from '../../context/MessageInputContext';
 import { DialogManagerProvider } from '../../context';
 const MessageInputProvider = (props) => {

package/dist/components/MessageInput/MessageInputFlat.js

@@ -21,7 +21,7 @@ import { AIStates, useAIState } from '../AIStateIndicator';
 export const MessageInputFlat = () => {
     const { t } = useTranslationContext('MessageInputFlat');
     const { asyncMessagesMultiSendEnabled, attachments, cooldownRemaining, findAndEnqueueURLsToEnrich, handleSubmit, hideSendButton, isUploadEnabled, linkPreviews, maxFilesLeft, message, numberOfUploads, parent, recordingController, setCooldownRemaining, text, uploadNewFiles, } = useMessageInputContext('MessageInputFlat');
-    const { AudioRecorder = DefaultAudioRecorder, AttachmentPreviewList = DefaultAttachmentPreviewList, AttachmentSelector = message ? SimpleAttachmentSelector : DefaultAttachmentSelector, CooldownTimer = DefaultCooldownTimer, LinkPreviewList = DefaultLinkPreviewList, QuotedMessagePreview = DefaultQuotedMessagePreview, RecordingPermissionDeniedNotification = DefaultRecordingPermissionDeniedNotification, SendButton = DefaultSendButton, StartRecordingAudioButton = DefaultStartRecordingAudioButton, StopAIGenerationButton: StopAIGenerationButtonOverride, EmojiPicker, } = useComponentContext('MessageInputFlat');
+    const { AttachmentPreviewList = DefaultAttachmentPreviewList, AttachmentSelector = message ? SimpleAttachmentSelector : DefaultAttachmentSelector, AudioRecorder = DefaultAudioRecorder, CooldownTimer = DefaultCooldownTimer, EmojiPicker, LinkPreviewList = DefaultLinkPreviewList, QuotedMessagePreview = DefaultQuotedMessagePreview, RecordingPermissionDeniedNotification = DefaultRecordingPermissionDeniedNotification, SendButton = DefaultSendButton, StartRecordingAudioButton = DefaultStartRecordingAudioButton, StopAIGenerationButton: StopAIGenerationButtonOverride, } = useComponentContext('MessageInputFlat');
     const { acceptedFiles = [], multipleUploads, quotedMessage, } = useChannelStateContext('MessageInputFlat');
     const { setQuotedMessage } = useChannelActionContext('MessageInputFlat');
     const { channel } = useChatContext('MessageInputFlat');
@@ -76,7 +76,8 @@ export const MessageInputFlat = () => {
     const StopAIGenerationButton = StopAIGenerationButtonOverride === undefined
         ? DefaultStopAIGenerationButton
         : StopAIGenerationButtonOverride;
-    const shouldDisplayStopAIGeneration = [AIStates.Thinking, AIStates.Generating].includes(aiState) && !!StopAIGenerationButton;
+    const shouldDisplayStopAIGeneration = [AIStates.Thinking, AIStates.Generating].includes(aiState) &&
+        !!StopAIGenerationButton;
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { ...getRootProps({ className: 'str-chat__message-input' }) },
             recordingEnabled &&
@@ -92,7 +93,7 @@ export const MessageInputFlat = () => {
             React.createElement("div", { className: 'str-chat__message-input-inner' },
                 React.createElement(AttachmentSelector, null),
                 React.createElement("div", { className: 'str-chat__message-textarea-container' },
-                    displayQuotedMessage && React.createElement(QuotedMessagePreview, { quotedMessage: quotedMessage }),
+                    displayQuotedMessage && (React.createElement(QuotedMessagePreview, { quotedMessage: quotedMessage })),
                     isUploadEnabled &&
                         !!(numberOfUploads + failedUploadsCount || attachments.length > 0) && (React.createElement(AttachmentPreviewList, null)),
                     React.createElement("div", { className: 'str-chat__message-textarea-with-emoji-picker' },

package/dist/components/MessageInput/QuotedMessagePreview.js

@@ -17,7 +17,7 @@ export const QuotedMessagePreviewHeader = () => {
 };
 export const QuotedMessagePreview = ({ quotedMessage, }) => {
     const { client } = useChatContext();
-    const { Attachment = DefaultAttachment, Avatar = DefaultAvatar, } = useComponentContext('QuotedMessagePreview');
+    const { Attachment = DefaultAttachment, Avatar = DefaultAvatar } = useComponentContext('QuotedMessagePreview');
     const { userLanguage } = useTranslationContext('QuotedMessagePreview');
     const quotedMessageText = quotedMessage.i18n?.[`${userLanguage}_text`] ||
         quotedMessage.text;

package/dist/components/MessageInput/hooks/useAttachments.js

@@ -2,7 +2,7 @@ import { useCallback } from 'react';
 import { nanoid } from 'nanoid';
 import { checkUploadPermissions } from './utils';
 import { isLocalAttachment, isLocalImageAttachment } from '../../Attachment';
-import { createFileFromBlobs, generateFileName, isBlobButNotFile } from '../../ReactFileUtilities';
+import { createFileFromBlobs, generateFileName, isBlobButNotFile, } from '../../ReactFileUtilities';
 import { useChannelActionContext, useChannelStateContext, useChatContext, useTranslationContext, } from '../../../context';
 const apiMaxNumberOfFiles = 10;
 // const isAudioFile = (file: FileLike) => file.type.includes('audio/');
@@ -109,7 +109,10 @@ export const useAttachments = (props, state, dispatch, textareaRef) => {
             }
         }
         catch (error) {
-            let finalError = { message: t('Error uploading attachment'), name: 'Error' };
+            let finalError = {
+                message: t('Error uploading attachment'),
+                name: 'Error',
+            };
             if (typeof error.message === 'string') {
                 finalError = error;
             }
@@ -127,7 +130,10 @@ export const useAttachments = (props, state, dispatch, textareaRef) => {
             };
             upsertAttachments([failedAttachment]);
             if (errorHandler) {
-                errorHandler(finalError, 'upload-attachment', { ...file, id: localMetadata.id });
+                errorHandler(finalError, 'upload-attachment', {
+                    ...file,
+                    id: localMetadata.id,
+                });
             }
             return failedAttachment;
         }
@@ -173,7 +179,9 @@ export const useAttachments = (props, state, dispatch, textareaRef) => {
         upsertAttachments,
     ]);
     const uploadNewFiles = useCallback((files) => {
-        const filesToBeUploaded = noFiles ? Array.from(files).filter(isImageFile) : Array.from(files);
+        const filesToBeUploaded = noFiles
+            ? Array.from(files).filter(isImageFile)
+            : Array.from(files);
         filesToBeUploaded.slice(0, maxFilesLeft).forEach((fileLike) => {
             uploadAttachment({
                 localMetadata: {

package/dist/components/MessageInput/hooks/useLinkPreviews.js

@@ -102,6 +102,8 @@ export const useLinkPreviews = ({ debounceURLEnrichmentMs: debounceURLEnrichment
     return {
         cancelURLEnrichment,
         dismissLinkPreview,
-        findAndEnqueueURLsToEnrich: channelConfig?.url_enrichment && enrichURLForPreview ? findAndEnqueueURLsToEnrich : undefined,
+        findAndEnqueueURLsToEnrich: channelConfig?.url_enrichment && enrichURLForPreview
+            ? findAndEnqueueURLsToEnrich
+            : undefined,
     };
 };

package/dist/components/MessageInput/hooks/useMessageInputState.js

@@ -1,12 +1,12 @@
 import { useCallback, useReducer, useState } from 'react';
 import { nanoid } from 'nanoid';
-import { useChannelStateContext } from '../../../context/ChannelStateContext';
+import { useChannelStateContext, } from '../../../context/ChannelStateContext';
 import { useAttachments } from './useAttachments';
 import { useLinkPreviews } from './useLinkPreviews';
 import { useMessageInputText } from './useMessageInputText';
 import { useSubmitHandler } from './useSubmitHandler';
 import { usePasteHandler } from './usePasteHandler';
-import { useMediaRecorder } from '../../MediaRecorder/hooks/useMediaRecorder';
+import { useMediaRecorder, } from '../../MediaRecorder/hooks/useMediaRecorder';
 import { LinkPreviewState, SetLinkPreviewMode } from '../types';
 import { mergeDeep } from '../../../utils/mergeDeep';
 const makeEmptyMessageInputState = () => ({
@@ -59,7 +59,8 @@ const messageInputReducer = (state, action) => {
         case 'upsertAttachments': {
             const attachments = [...state.attachments];
             action.attachments.forEach((actionAttachment) => {
-                const attachmentIndex = state.attachments.findIndex((att) => att.localMetadata?.id && att.localMetadata?.id === actionAttachment.localMetadata?.id);
+                const attachmentIndex = state.attachments.findIndex((att) => att.localMetadata?.id &&
+                    att.localMetadata?.id === actionAttachment.localMetadata?.id);
                 if (attachmentIndex === -1) {
                     attachments.push(actionAttachment);
                 }

package/dist/components/MessageInput/hooks/useMessageInputText.js

@@ -32,7 +32,9 @@ export const useMessageInputText = (props, state, dispatch, findAndEnqueueURLsTo
         newCursorPosition.current = selectionStart + textToInsert.length;
         dispatch({
             getNewText: (prevText) => {
-                const updatedText = prevText.slice(0, selectionStart) + textToInsert + prevText.slice(selectionEnd);
+                const updatedText = prevText.slice(0, selectionStart) +
+                    textToInsert +
+                    prevText.slice(selectionEnd);
                 if (maxLength && updatedText.length > maxLength) {
                     return updatedText.slice(0, maxLength);
                 }