npm - @sendbird/uikit-react - Versions diffs - 3.6.3-rc-1 → 3.6.3 - Mend

@sendbird/uikit-react 3.6.3-rc-1 → 3.6.3

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.

Files changed (501) hide show

package/cjs/Channel/components/ChannelUI.js CHANGED Viewed

@@ -2,76 +2,76 @@
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-bf4de470.js');
-var ui_PlaceHolder = require('../../index-8e888530.js');
+var Channel_context = require('../../ChannelProvider-7abd9fa3.js');
+var ui_PlaceHolder = require('../../index-3a1678b7.js');
 var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
 var Channel_components_ChannelHeader = require('./ChannelHeader.js');
 var Channel_components_MessageList = require('./MessageList.js');
 var Channel_components_TypingIndicator = require('./TypingIndicator.js');
 var Channel_components_MessageInput = require('./MessageInput.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-71f7daf4.js');
-require('../../UserProfileContext-2811f604.js');
+require('../../_rollupPluginBabelHelpers-a2f03c55.js');
+require('../../UserProfileContext-218e40b8.js');
 require('prop-types');
-require('../../const-f55ab29b.js');
-require('../../index-040b2cdd.js');
-require('../../index-813b6b08.js');
-require('../../topics-adfc7f39.js');
-require('../../index-07d87206.js');
+require('../../const-2371a4db.js');
+require('../../index-ee440b53.js');
+require('../../index-035bdafb.js');
+require('../../topics-d64c7836.js');
+require('../../index-f4d89559.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-c431c3ff.js');
+require('../../compareIds-0f9de3a1.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-644621cb.js');
+require('../../uuid-3462be83.js');
 require('@sendbird/chat/message');
-require('../../consts-8c21a90e.js');
-require('../../resolvedReplyType-46b6e002.js');
-require('../../LocalizationContext-69ba55fb.js');
-require('../../stringSet-8bc472f8.js');
+require('../../consts-e09f89f0.js');
+require('../../resolvedReplyType-478d89dd.js');
+require('../../LocalizationContext-c014018b.js');
+require('../../stringSet-b0d09ab2.js');
 require('../../ui/Icon.js');
-require('../../index-51c60830.js');
+require('../../index-347004c1.js');
 require('../../ui/Loader.js');
-require('../../utils-113df2ca.js');
+require('../../utils-f4dc128f.js');
 require('../../ui/IconButton.js');
 require('../../ui/ChannelAvatar.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../utils-baa4c65b.js');
-require('../../MediaQueryContext-4e4a0a7d.js');
-require('../../utils-6bea57fc.js');
+require('../../utils-d19c24e7.js');
+require('../../MediaQueryContext-aea0ce1a.js');
+require('../../utils-29b5d4dd.js');
 require('./Message.js');
 require('./SuggestedMentionList.js');
-require('../../const-40f7a704.js');
-require('../../ThreadProvider-93b81491.js');
+require('../../const-fc4d15a8.js');
+require('../../ThreadProvider-48a2b384.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../ui/DateSeparator.js');
-require('../../color-01ded58a.js');
+require('../../color-e2978317.js');
 require('../../ui/MessageInput.js');
 require('../../ui/Button.js');
 require('dompurify');
-require('../../consts-2eec4cbc.js');
-require('../../consts-dab8c0ba.js');
-require('../../consts-7e2e06a8.js');
-require('../../tokenize-a8ebd32e.js');
-require('../../index.module-4e8de508.js');
+require('../../consts-fb57db79.js');
+require('../../consts-65d5b30a.js');
+require('../../consts-0374d4b1.js');
+require('../../tokenize-dd712668.js');
+require('../../index.module-81f6dfc4.js');
 require('../../ui/MessageContent.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../index-ef72ec41.js');
-require('../../index-ed238dfc.js');
-require('../../index-f6cb1755.js');
+require('../../index-b03881eb.js');
+require('../../index-449ba503.js');
+require('../../index-45f1fd2f.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../types-7516c9ab.js');
+require('../../types-81253512.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../useLongPress-a867226d.js');
+require('../../useLongPress-d2e3654f.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
-require('../../index-76a77b83.js');
+require('../../index-fea92ea0.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
@@ -80,7 +80,7 @@ require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../index-aae33735.js');
+require('../../index-10a942ae.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/FileMessageItemBody.js');
@@ -89,25 +89,25 @@ require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
-require('../../index-c23dd0d5.js');
+require('../../index-016f7465.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-53cb0842.js');
+require('../../index-513a30b7.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/Modal.js');
 require('../../ui/PlaybackTime.js');
 require('./FileViewer.js');
 require('./RemoveMessageModal.js');
-require('../../index-f15b37db.js');
-require('../../useDirtyGetMentions-a9f4e74f.js');
+require('../../index-4321dbbb.js');
+require('../../useDirtyGetMentions-2f9462f1.js');
 require('./UnreadCount.js');
 require('./FrozenNotification.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../VoiceMessageInputWrapper-8bf71d1f.js');
+require('../../VoiceMessageInputWrapper-90c4bdb2.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-be7de5d6.js');
+require('../../index-b713c814.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/Channel/components/FileViewer.js CHANGED Viewed

@@ -5,29 +5,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactDom = require('react-dom');
 var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Label = require('../../index-51c60830.js');
+var ui_Label = require('../../index-347004c1.js');
 var ui_Icon = require('../../ui/Icon.js');
-var index$1 = require('../../index-76a77b83.js');
-var index = require('../../index-07d87206.js');
+var index$1 = require('../../index-fea92ea0.js');
+var index = require('../../index-f4d89559.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-bf4de470.js');
+var Channel_context = require('../../ChannelProvider-7abd9fa3.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-644621cb.js');
+require('../../uuid-3462be83.js');
 require('prop-types');
-require('../../stringSet-8bc472f8.js');
-require('../../_rollupPluginBabelHelpers-71f7daf4.js');
+require('../../stringSet-b0d09ab2.js');
+require('../../_rollupPluginBabelHelpers-a2f03c55.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../withSendbird.js');
-require('../../UserProfileContext-2811f604.js');
-require('../../const-f55ab29b.js');
-require('../../index-040b2cdd.js');
-require('../../index-813b6b08.js');
-require('../../topics-adfc7f39.js');
-require('../../compareIds-c431c3ff.js');
+require('../../UserProfileContext-218e40b8.js');
+require('../../const-2371a4db.js');
+require('../../index-ee440b53.js');
+require('../../index-035bdafb.js');
+require('../../topics-d64c7836.js');
+require('../../compareIds-0f9de3a1.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../consts-8c21a90e.js');
-require('../../resolvedReplyType-46b6e002.js');
+require('../../consts-e09f89f0.js');
+require('../../resolvedReplyType-478d89dd.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/Channel/components/FrozenNotification.js CHANGED Viewed

@@ -1,10 +1,10 @@
 'use strict';
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-69ba55fb.js');
-var ui_Label = require('../../index-51c60830.js');
-require('../../stringSet-8bc472f8.js');
-require('../../index-813b6b08.js');
+var LocalizationContext = require('../../LocalizationContext-c014018b.js');
+var ui_Label = require('../../index-347004c1.js');
+require('../../stringSet-b0d09ab2.js');
+require('../../index-035bdafb.js');
 require('prop-types');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/Channel/components/Message.js CHANGED Viewed

@@ -1,71 +1,71 @@
 'use strict';
 var React = require('react');
-var index$2 = require('../../index-040b2cdd.js');
+var index$2 = require('../../index-ee440b53.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-bf4de470.js');
-var index$1 = require('../../index-07d87206.js');
-var _const = require('../../const-f55ab29b.js');
+var Channel_context = require('../../ChannelProvider-7abd9fa3.js');
+var index$1 = require('../../index-f4d89559.js');
+var _const = require('../../const-2371a4db.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-51c60830.js');
+var ui_Label = require('../../index-347004c1.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_MessageContent = require('../../ui/MessageContent.js');
 var Channel_components_FileViewer = require('./FileViewer.js');
 var Channel_components_RemoveMessageModal = require('./RemoveMessageModal.js');
-var _const$1 = require('../../const-40f7a704.js');
-var LocalizationContext = require('../../LocalizationContext-69ba55fb.js');
-var index = require('../../index-f15b37db.js');
-var useDirtyGetMentions = require('../../useDirtyGetMentions-a9f4e74f.js');
-require('../../index-813b6b08.js');
+var _const$1 = require('../../const-fc4d15a8.js');
+var LocalizationContext = require('../../LocalizationContext-c014018b.js');
+var index = require('../../index-4321dbbb.js');
+var useDirtyGetMentions = require('../../useDirtyGetMentions-2f9462f1.js');
+require('../../index-035bdafb.js');
 require('../../ui/Icon.js');
 require('prop-types');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-644621cb.js');
-require('../../ThreadProvider-93b81491.js');
+require('../../uuid-3462be83.js');
+require('../../ThreadProvider-48a2b384.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../UserProfileContext-2811f604.js');
-require('../../_rollupPluginBabelHelpers-71f7daf4.js');
+require('../../UserProfileContext-218e40b8.js');
+require('../../_rollupPluginBabelHelpers-a2f03c55.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
-require('../../topics-adfc7f39.js');
+require('../../topics-d64c7836.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../consts-8c21a90e.js');
+require('../../consts-e09f89f0.js');
 require('../../withSendbird.js');
-require('../../compareIds-c431c3ff.js');
-require('../../resolvedReplyType-46b6e002.js');
-require('../../color-01ded58a.js');
-require('../../stringSet-8bc472f8.js');
+require('../../compareIds-0f9de3a1.js');
+require('../../resolvedReplyType-478d89dd.js');
+require('../../color-e2978317.js');
+require('../../stringSet-b0d09ab2.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('dompurify');
-require('../../consts-2eec4cbc.js');
-require('../../consts-dab8c0ba.js');
-require('../../consts-7e2e06a8.js');
-require('../../tokenize-a8ebd32e.js');
-require('../../index.module-4e8de508.js');
+require('../../consts-fb57db79.js');
+require('../../consts-65d5b30a.js');
+require('../../consts-0374d4b1.js');
+require('../../tokenize-dd712668.js');
+require('../../index.module-81f6dfc4.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-6bea57fc.js');
-require('../../index-ef72ec41.js');
+require('../../utils-29b5d4dd.js');
+require('../../index-b03881eb.js');
 require('../../ui/Loader.js');
-require('../../index-ed238dfc.js');
-require('../../index-f6cb1755.js');
+require('../../index-449ba503.js');
+require('../../index-45f1fd2f.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../types-7516c9ab.js');
+require('../../types-81253512.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../useLongPress-a867226d.js');
-require('../../MediaQueryContext-4e4a0a7d.js');
+require('../../useLongPress-d2e3654f.js');
+require('../../MediaQueryContext-aea0ce1a.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
-require('../../index-76a77b83.js');
+require('../../index-fea92ea0.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
@@ -74,7 +74,7 @@ require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../index-aae33735.js');
+require('../../index-10a942ae.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/FileMessageItemBody.js');
@@ -83,12 +83,12 @@ require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
-require('../../index-c23dd0d5.js');
+require('../../index-016f7465.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-53cb0842.js');
+require('../../index-513a30b7.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/Modal.js');
 require('../../ui/PlaybackTime.js');
@@ -174,15 +174,6 @@ const Message = _ref => {
   const messageScrollRef = React.useRef(null);
   const displaySuggestedMentionList = isOnline && isMentionEnabled && mentionNickname.length > 0 && !Channel_context.isDisabledBecauseFrozen(currentGroupChannel) && !Channel_context.isDisabledBecauseMuted(currentGroupChannel);
   const disabled = !initialized || Channel_context.isDisabledBecauseFrozen(currentGroupChannel) || Channel_context.isDisabledBecauseMuted(currentGroupChannel) || !isOnline;
-  const messageMeta = React.useMemo(() => {
-    let messageMeta;
-    try {
-      messageMeta = message !== null && message !== void 0 && message.data ? JSON.parse(message.data) : null;
-    } catch (error) {
-      messageMeta = null;
-    }
-    return messageMeta;
-  }, [message === null || message === void 0 ? void 0 : message.data]);
   const handleOnScroll = index.useHandleOnScrollCallback({
     hasMore: false,
     onScroll: onScrollCallback,
@@ -221,7 +212,7 @@ const Message = _ref => {
   }, [showEdit, message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length]);
   useDidMountEffect(() => {
     handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
-  }, [message === null || message === void 0 ? void 0 : message.updatedAt, messageMeta === null || messageMeta === void 0 ? void 0 : messageMeta.stream]);
+  }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
   React.useLayoutEffect(() => {
     let animationTimeout = null;
     let messageHighlightedTimeout = null;

package/cjs/Channel/components/Message.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Message.js","sources":["../../../../src/utils/useDidMountEffect.ts","../../../../src/modules/Channel/components/Message/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst useDidMountEffect = (func: () => void, deps: Array<unknown>): void => {\n const [didMount, setDidmount] = useState(false);\n useEffect(() => {\n if (didMount) {\n func();\n } else {\n setDidmount(true);\n }\n }, deps);\n};\n\nexport default useDidMountEffect;\n","import React, {\n useRef,\n useMemo,\n useState,\n useEffect,\n useLayoutEffect,\n} from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\n\nimport useDidMountEffect from '../../../../utils/useDidMountEffect';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { getClassName } from '../../../../utils';\nimport { isDisabledBecauseFrozen, isDisabledBecauseMuted } from '../../context/utils';\nimport { MAX_USER_MENTION_COUNT, MAX_USER_SUGGESTION_COUNT } from '../../context/const';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport MessageContent from '../../../../ui/MessageContent';\nimport FileViewer from '../FileViewer';\nimport RemoveMessageModal from '../RemoveMessageModal';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback';\nimport { useDirtyGetMentions } from '../../../Message/hooks/useDirtyGetMentions';\n\ntype MessageUIProps = {\n message: EveryMessage;\n hasSeparator?: boolean;\n chainTop?: boolean;\n chainBottom?: boolean;\n handleScroll?: (isBottomMessageAffected?: boolean) => void;\n // for extending\n renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n renderEditInput?: () => React.ReactElement;\n renderMessageContent?: () => React.ReactElement;\n};\n\ninterface MessageMeta {\n stream: boolean;\n}\n\n// todo: Refactor this component, is too complex now\nconst Message = ({\n message,\n hasSeparator,\n chainTop,\n chainBottom,\n handleScroll,\n renderCustomSeparator,\n renderEditInput,\n renderMessage,\n renderMessageContent,\n}: MessageUIProps): React.ReactElement => {\n const { dateLocale } = useLocalization();\n const globalStore = useSendbirdStateContext();\n\n const {\n userId,\n isOnline,\n isMentionEnabled,\n userMention,\n logger,\n } = globalStore.config;\n const maxUserMentionCount = userMention?.maxMentionCount \|\| MAX_USER_MENTION_COUNT;\n const maxUserSuggestionCount = userMention?.maxSuggestionCount \|\| MAX_USER_SUGGESTION_COUNT;\n\n const {\n initialized,\n currentGroupChannel,\n highLightedMessageId,\n setHighLightedMessageId,\n animatedMessageId,\n setAnimatedMessageId,\n updateMessage,\n scrollToMessage,\n replyType,\n threadReplySelectType,\n isReactionEnabled,\n toggleReaction,\n emojiContainer,\n nicknamesMap,\n setQuoteMessage,\n resendMessage,\n renderUserMentionItem,\n onReplyInThread,\n onQuoteMessageClick,\n onMessageAnimated,\n onMessageHighlighted,\n onScrollCallback,\n } = useChannelContext();\n const [showEdit, setShowEdit] = useState(false);\n const [showRemove, setShowRemove] = useState(false);\n const [showFileViewer, setShowFileViewer] = useState(false);\n const [isAnimated, setIsAnimated] = useState(false);\n const [isHighlighted, setIsHighlighted] = useState(false);\n const [mentionNickname, setMentionNickname] = useState('');\n const [mentionedUsers, setMentionedUsers] = useState([]);\n const [mentionedUserIds, setMentionedUserIds] = useState([]);\n const [messageInputEvent, setMessageInputEvent] = useState(null);\n const [selectedUser, setSelectedUser] = useState(null);\n const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n const editMessageInputRef = useRef(null);\n const messageScrollRef = useRef(null);\n const displaySuggestedMentionList = isOnline\n && isMentionEnabled\n && mentionNickname.length > 0\n && !isDisabledBecauseFrozen(currentGroupChannel)\n && !isDisabledBecauseMuted(currentGroupChannel);\n const disabled = !initialized\n \|\| isDisabledBecauseFrozen(currentGroupChannel)\n \|\| isDisabledBecauseMuted(currentGroupChannel)\n \|\| !isOnline;\n\n const messageMeta = useMemo(() => {\n let messageMeta: MessageMeta \| null;\n try {\n messageMeta = message?.data ? JSON.parse(message.data) : null;\n } catch (error) {\n messageMeta = null;\n }\n return messageMeta;\n }, [message?.data]);\n\n const handleOnScroll = useHandleOnScrollCallback({\n hasMore: false,\n onScroll: onScrollCallback,\n scrollRef: messageScrollRef,\n });\n\n const mentionNodes = useDirtyGetMentions({ ref: editMessageInputRef }, { logger });\n const ableMention = mentionNodes?.length < maxUserMentionCount;\n\n useEffect(() => {\n setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n const i = mentionedUserIds.indexOf(userId);\n if (i < 0) {\n return false;\n } else {\n mentionedUserIds.splice(i, 1);\n return true;\n }\n }));\n }, [mentionedUserIds]);\n\n useLayoutEffect(() => {\n // Keep the scrollBottom value after fetching new message list\n handleScroll?.();\n }, []);\n /*\n Move the messsage list scroll\n * when the message's height is changed by `showEdit` OR `message.reactions`\n /\n useDidMountEffect(() => {\n handleScroll?.();\n }, [showEdit, message?.reactions?.length]);\n useDidMountEffect(() => {\n handleScroll?.(true);\n }, [message?.updatedAt, messageMeta?.stream]);\n\n useLayoutEffect(() => {\n let animationTimeout = null;\n let messageHighlightedTimeout = null;\n if (highLightedMessageId === message.messageId && messageScrollRef?.current) {\n handleOnScroll();\n setIsAnimated(false);\n animationTimeout = setTimeout(() => {\n setIsHighlighted(true);\n }, 500);\n messageHighlightedTimeout = setTimeout(() => {\n setHighLightedMessageId(0);\n onMessageHighlighted?.();\n }, 1600);\n } else {\n setIsHighlighted(false);\n }\n return () => {\n clearTimeout(animationTimeout);\n clearTimeout(messageHighlightedTimeout);\n };\n }, [highLightedMessageId, messageScrollRef.current, message.messageId]);\n\n useLayoutEffect(() => {\n let animationTimeout = null;\n let messageAnimatedTimeout = null;\n if (animatedMessageId === message.messageId && messageScrollRef?.current) {\n handleOnScroll();\n setIsHighlighted(false);\n animationTimeout = setTimeout(() => {\n setIsAnimated(true);\n }, 500);\n messageAnimatedTimeout = setTimeout(() => {\n setAnimatedMessageId(0);\n onMessageAnimated?.();\n }, 1600);\n } else {\n setIsAnimated(false);\n }\n return () => {\n clearTimeout(animationTimeout);\n clearTimeout(messageAnimatedTimeout);\n };\n }, [animatedMessageId, messageScrollRef.current, message.messageId, onMessageAnimated]);\n const renderedMessage = useMemo(() => {\n return renderMessage?.({\n message,\n chainTop,\n chainBottom,\n });\n }, [message, renderMessage]);\n const renderedCustomSeparator = useMemo(() => {\n if (renderCustomSeparator) {\n return renderCustomSeparator?.({ message: message });\n }\n return null;\n }, [message, renderCustomSeparator]);\n\n if (renderedMessage) {\n return (\n <div\n // do not delete this data attribute, used for scroll to given message\n // and also for testing\n data-sb-message-id={message.messageId}\n data-sb-created-at={message.createdAt}\n ref={messageScrollRef}\n className={getClassName([\n 'sendbird-msg-hoc sendbird-msg--scroll-ref',\n isAnimated ? 'sendbird-msg-hoc__animated' : '',\n isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n ])}\n >\n {/ date-separator /}\n {\n // TODO: Add message instance as a function parameter\n hasSeparator && (renderedCustomSeparator \|\| (\n <DateSeparator>\n <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n {format(message.createdAt, 'MMMM dd, yyyy', {\n locale: dateLocale,\n })}\n </Label>\n </DateSeparator>\n ))\n }\n {renderedMessage}\n </div>\n );\n }\n\n if (showEdit && message?.isUserMessage?.()) {\n return renderEditInput?.() \|\| (\n <>\n {\n displaySuggestedMentionList && (\n <SuggestedMentionList\n targetNickname={mentionNickname}\n inputEvent={messageInputEvent}\n renderUserMentionItem={renderUserMentionItem}\n onUserItemClick={(user) => {\n if (user) {\n setMentionedUsers([...mentionedUsers, user]);\n }\n setMentionNickname('');\n setSelectedUser(user);\n setMessageInputEvent(null);\n }}\n onFocusItemChange={() => {\n setMessageInputEvent(null);\n }}\n onFetchUsers={(users) => {\n setMentionSuggestedUsers(users);\n }}\n ableAddMention={ableMention}\n maxMentionCount={maxUserMentionCount}\n maxSuggestionCount={maxUserSuggestionCount}\n />\n )\n }\n <MessageInput\n isEdit\n channel={currentGroupChannel}\n disabled={disabled}\n ref={editMessageInputRef}\n mentionSelectedUser={selectedUser}\n isMentionEnabled={isMentionEnabled}\n message={message}\n onStartTyping={() => {\n currentGroupChannel?.startTyping?.();\n }}\n onUpdateMessage={({ messageId, message, mentionTemplate }) => {\n updateMessage({\n messageId,\n message,\n mentionedUsers,\n mentionTemplate,\n });\n setShowEdit(false);\n currentGroupChannel?.endTyping?.();\n }}\n onCancelEdit={() => {\n setMentionNickname('');\n setMentionedUsers([]);\n setMentionedUserIds([]);\n setMentionSuggestedUsers([]);\n setShowEdit(false);\n currentGroupChannel?.endTyping?.();\n }}\n onUserMentioned={(user) => {\n if (selectedUser?.userId === user?.userId) {\n setSelectedUser(null);\n setMentionNickname('');\n }\n }}\n onMentionStringChange={(mentionText) => {\n setMentionNickname(mentionText);\n }}\n onMentionedUserIdsUpdated={(userIds) => {\n setMentionedUserIds(userIds);\n }}\n onKeyDown={(e) => {\n if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n && ((e.key === MessageInputKeys.Enter && ableMention) \|\| e.key === MessageInputKeys.ArrowUp \|\| e.key === MessageInputKeys.ArrowDown)\n ) {\n setMessageInputEvent(e);\n return true;\n }\n return false;\n }}\n />\n </>\n );\n }\n\n return (\n <div\n className={getClassName([\n 'sendbird-msg-hoc sendbird-msg--scroll-ref',\n isAnimated ? 'sendbird-msg-hoc__animated' : '',\n isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n ])}\n style={{ marginBottom: '2px' }}\n data-sb-message-id={message.messageId}\n data-sb-created-at={message.createdAt}\n ref={messageScrollRef}\n >\n {/ date-separator /}\n {\n hasSeparator && (renderedCustomSeparator \|\| (\n <DateSeparator>\n <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n {format(message.createdAt, 'MMMM dd, yyyy', {\n locale: dateLocale,\n })}\n </Label>\n </DateSeparator>\n ))\n }\n {/ Message /}\n {\n renderMessageContent?.() \|\| (\n <MessageContent\n className=\"sendbird-message-hoc__message-content\"\n userId={userId}\n scrollToMessage={scrollToMessage}\n channel={currentGroupChannel}\n message={message}\n disabled={!isOnline}\n chainTop={chainTop}\n chainBottom={chainBottom}\n isReactionEnabled={isReactionEnabled}\n replyType={replyType}\n threadReplySelectType={threadReplySelectType}\n nicknamesMap={nicknamesMap}\n emojiContainer={emojiContainer}\n showEdit={setShowEdit}\n showRemove={setShowRemove}\n showFileViewer={setShowFileViewer}\n resendMessage={resendMessage}\n toggleReaction={toggleReaction}\n setQuoteMessage={setQuoteMessage}\n onReplyInThread={onReplyInThread}\n onQuoteMessageClick={onQuoteMessageClick}\n onMessageHeightChange={handleScroll}\n />\n )\n }\n {/ Modal */}\n {\n showRemove && (\n <RemoveMessageModal\n message={message}\n onCancel={() => setShowRemove(false)}\n />\n )\n }\n {\n showFileViewer && (\n <FileViewer\n message={message as FileMessage}\n onCancel={() => setShowFileViewer(false)}\n />\n )\n }\n </div>\n );\n};\n\nexport default Message;\n"],"names":["useDidMountEffect","func","deps","didMount","setDidmount","useState","useEffect","Message","_ref","_message$reactions","_message$isUserMessag","message","hasSeparator","chainTop","chainBottom","handleScroll","renderCustomSeparator","renderEditInput","renderMessage","renderMessageContent","dateLocale","useLocalization","globalStore","useSendbirdStateContext","userId","isOnline","isMentionEnabled","userMention","logger","config","maxUserMentionCount","maxMentionCount","MAX_USER_MENTION_COUNT","maxUserSuggestionCount","maxSuggestionCount","MAX_USER_SUGGESTION_COUNT","initialized","currentGroupChannel","highLightedMessageId","setHighLightedMessageId","animatedMessageId","setAnimatedMessageId","updateMessage","scrollToMessage","replyType","threadReplySelectType","isReactionEnabled","toggleReaction","emojiContainer","nicknamesMap","setQuoteMessage","resendMessage","renderUserMentionItem","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","onScrollCallback","useChannelContext","showEdit","setShowEdit","showRemove","setShowRemove","showFileViewer","setShowFileViewer","isAnimated","setIsAnimated","isHighlighted","setIsHighlighted","mentionNickname","setMentionNickname","mentionedUsers","setMentionedUsers","mentionedUserIds","setMentionedUserIds","messageInputEvent","setMessageInputEvent","selectedUser","setSelectedUser","mentionSuggestedUsers","setMentionSuggestedUsers","editMessageInputRef","useRef","messageScrollRef","displaySuggestedMentionList","length","isDisabledBecauseFrozen","isDisabledBecauseMuted","disabled","messageMeta","useMemo","data","JSON","parse","error","handleOnScroll","useHandleOnScrollCallback","hasMore","onScroll","scrollRef","mentionNodes","useDirtyGetMentions","ref","ableMention","filter","_ref2","i","indexOf","splice","useLayoutEffect","reactions","updatedAt","stream","animationTimeout","messageHighlightedTimeout","messageId","current","setTimeout","clearTimeout","messageAnimatedTimeout","renderedMessage","renderedCustomSeparator","React","createElement","createdAt","className","getClassName","DateSeparator","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2","format","locale","isUserMessage","call","Fragment","SuggestedMentionList","targetNickname","inputEvent","onUserItemClick","user","onFocusItemChange","onFetchUsers","users","ableAddMention","MessageInput","isEdit","channel","mentionSelectedUser","onStartTyping","_currentGroupChannel$","startTyping","onUpdateMessage","_ref3","_currentGroupChannel$2","mentionTemplate","endTyping","onCancelEdit","_currentGroupChannel$3","onUserMentioned","onMentionStringChange","mentionText","onMentionedUserIdsUpdated","userIds","onKeyDown","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","style","marginBottom","MessageContent","onMessageHeightChange","RemoveMessageModal","onCancel","FileViewer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAMA,iBAAiB,GAAGA,CAACC,IAAgB,EAAEC,IAAoB,KAAW;EAC1E,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAC/CC,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAIH,QAAQ,EAAE;AACZF,MAAAA,IAAI,EAAE,CAAA;AACR,KAAC,MAAM;MACLG,WAAW,CAAC,IAAI,CAAC,CAAA;AACnB,KAAA;GACD,EAAEF,IAAI,CAAC,CAAA;AACV,CAAC;;ACoCD;AACMK,MAAAA,OAAO,GAAGC,IAAA,IAU0B;EAAA,IAAAC,kBAAA,EAAAC,qBAAA,CAAA;EAAA,IAVzB;IACfC,OAAO;IACPC,YAAY;IACZC,QAAQ;IACRC,WAAW;IACXC,YAAY;IACZC,qBAAqB;IACrBC,eAAe;IACfC,aAAa;AACbC,IAAAA,oBAAAA;AACc,GAAC,GAAAX,IAAA,CAAA;EACf,MAAM;AAAEY,IAAAA,UAAAA;GAAY,GAAGC,mCAAe,EAAE,CAAA;EACxC,MAAMC,WAAW,GAAGC,uBAAuB,EAAE,CAAA;EAE7C,MAAM;IACJC,MAAM;IACNC,QAAQ;IACRC,gBAAgB;IAChBC,WAAW;AACXC,IAAAA,MAAAA;GACD,GAAGN,WAAW,CAACO,MAAM,CAAA;EACtB,MAAMC,mBAAmB,GAAG,CAAAH,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEI,eAAe,KAAIC,6BAAsB,CAAA;EAClF,MAAMC,sBAAsB,GAAG,CAAAN,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEO,kBAAkB,KAAIC,gCAAyB,CAAA;EAE3F,MAAM;IACJC,WAAW;IACXC,mBAAmB;IACnBC,oBAAoB;IACpBC,uBAAuB;IACvBC,iBAAiB;IACjBC,oBAAoB;IACpBC,aAAa;IACbC,eAAe;IACfC,SAAS;IACTC,qBAAqB;IACrBC,iBAAiB;IACjBC,cAAc;IACdC,cAAc;IACdC,YAAY;IACZC,eAAe;IACfC,aAAa;IACbC,qBAAqB;IACrBC,eAAe;IACfC,mBAAmB;IACnBC,iBAAiB;IACjBC,oBAAoB;AACpBC,IAAAA,gBAAAA;GACD,GAAGC,iCAAiB,EAAE,CAAA;EACvB,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGvD,cAAQ,CAAC,KAAK,CAAC,CAAA;EAC/C,MAAM,CAACwD,UAAU,EAAEC,aAAa,CAAC,GAAGzD,cAAQ,CAAC,KAAK,CAAC,CAAA;EACnD,MAAM,CAAC0D,cAAc,EAAEC,iBAAiB,CAAC,GAAG3D,cAAQ,CAAC,KAAK,CAAC,CAAA;EAC3D,MAAM,CAAC4D,UAAU,EAAEC,aAAa,CAAC,GAAG7D,cAAQ,CAAC,KAAK,CAAC,CAAA;EACnD,MAAM,CAAC8D,aAAa,EAAEC,gBAAgB,CAAC,GAAG/D,cAAQ,CAAC,KAAK,CAAC,CAAA;EACzD,MAAM,CAACgE,eAAe,EAAEC,kBAAkB,CAAC,GAAGjE,cAAQ,CAAC,EAAE,CAAC,CAAA;EAC1D,MAAM,CAACkE,cAAc,EAAEC,iBAAiB,CAAC,GAAGnE,cAAQ,CAAC,EAAE,CAAC,CAAA;EACxD,MAAM,CAACoE,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGrE,cAAQ,CAAC,EAAE,CAAC,CAAA;EAC5D,MAAM,CAACsE,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGvE,cAAQ,CAAC,IAAI,CAAC,CAAA;EAChE,MAAM,CAACwE,YAAY,EAAEC,eAAe,CAAC,GAAGzE,cAAQ,CAAC,IAAI,CAAC,CAAA;EACtD,MAAM,CAAC0E,qBAAqB,EAAEC,wBAAwB,CAAC,GAAG3E,cAAQ,CAAC,EAAE,CAAC,CAAA;AACtE,EAAA,MAAM4E,mBAAmB,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;AACxC,EAAA,MAAMC,gBAAgB,GAAGD,YAAM,CAAC,IAAI,CAAC,CAAA;EACrC,MAAME,2BAA2B,GAAG3D,QAAQ,IACvCC,gBAAgB,IAChB2C,eAAe,CAACgB,MAAM,GAAG,CAAC,IAC1B,CAACC,uCAAuB,CAACjD,mBAAmB,CAAC,IAC7C,CAACkD,sCAAsB,CAAClD,mBAAmB,CAAC,CAAA;AACjD,EAAA,MAAMmD,QAAQ,GAAG,CAACpD,WAAW,IACxBkD,uCAAuB,CAACjD,mBAAmB,CAAC,IAC5CkD,sCAAsB,CAAClD,mBAAmB,CAAC,IAC3C,CAACZ,QAAQ,CAAA;AAEd,EAAA,MAAMgE,WAAW,GAAGC,aAAO,CAAC,MAAM;AAChC,IAAA,IAAID,WAA+B,CAAA;IACnC,IAAI;AACFA,MAAAA,WAAW,GAAG9E,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAEgF,IAAI,GAAGC,IAAI,CAACC,KAAK,CAAClF,OAAO,CAACgF,IAAI,CAAC,GAAG,IAAI,CAAA;KAC9D,CAAC,OAAOG,KAAK,EAAE;AACdL,MAAAA,WAAW,GAAG,IAAI,CAAA;AACpB,KAAA;AACA,IAAA,OAAOA,WAAW,CAAA;GACnB,EAAE,CAAC9E,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEgF,IAAI,CAAC,CAAC,CAAA;EAEnB,MAAMI,cAAc,GAAGC,+BAAyB,CAAC;AAC/CC,IAAAA,OAAO,EAAE,KAAK;AACdC,IAAAA,QAAQ,EAAEzC,gBAAgB;AAC1B0C,IAAAA,SAAS,EAAEhB,gBAAAA;AACb,GAAC,CAAC,CAAA;EAEF,MAAMiB,YAAY,GAAGC,uCAAmB,CAAC;AAAEC,IAAAA,GAAG,EAAErB,mBAAAA;AAAoB,GAAC,EAAE;AAAErD,IAAAA,MAAAA;AAAO,GAAC,CAAC,CAAA;EAClF,MAAM2E,WAAW,GAAG,CAAAH,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEf,MAAM,IAAGvD,mBAAmB,CAAA;AAE9DxB,EAAAA,eAAS,CAAC,MAAM;AACdkE,IAAAA,iBAAiB,CAACD,cAAc,CAACiC,MAAM,CAACC,KAAA,IAAgB;MAAA,IAAf;AAAEjF,QAAAA,MAAAA;AAAO,OAAC,GAAAiF,KAAA,CAAA;AACjD,MAAA,MAAMC,CAAC,GAAGjC,gBAAgB,CAACkC,OAAO,CAACnF,MAAM,CAAC,CAAA;MAC1C,IAAIkF,CAAC,GAAG,CAAC,EAAE;AACT,QAAA,OAAO,KAAK,CAAA;AACd,OAAC,MAAM;AACLjC,QAAAA,gBAAgB,CAACmC,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC,CAAA;AAC7B,QAAA,OAAO,IAAI,CAAA;AACb,OAAA;AACF,KAAC,CAAC,CAAC,CAAA;AACL,GAAC,EAAE,CAACjC,gBAAgB,CAAC,CAAC,CAAA;AAEtBoC,EAAAA,qBAAe,CAAC,MAAM;AACpB;AACA9F,IAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,EAAI,CAAA;GACjB,EAAE,EAAE,CAAC,CAAA;AACN;AACF;AACA;AACA;AACEf,EAAAA,iBAAiB,CAAC,MAAM;AACtBe,IAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,EAAI,CAAA;GACjB,EAAE,CAAC4C,QAAQ,EAAEhD,OAAO,KAAPA,IAAAA,IAAAA,OAAO,wBAAAF,kBAAA,GAAPE,OAAO,CAAEmG,SAAS,cAAArG,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAA,CAAoB4E,MAAM,CAAC,CAAC,CAAA;AAC1CrF,EAAAA,iBAAiB,CAAC,MAAM;AACtBe,IAAAA,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAG,IAAI,CAAC,CAAA;AACtB,GAAC,EAAE,CAACJ,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEoG,SAAS,EAAEtB,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEuB,MAAM,CAAC,CAAC,CAAA;AAE7CH,EAAAA,qBAAe,CAAC,MAAM;IACpB,IAAII,gBAAgB,GAAG,IAAI,CAAA;IAC3B,IAAIC,yBAAyB,GAAG,IAAI,CAAA;AACpC,IAAA,IAAI5E,oBAAoB,KAAK3B,OAAO,CAACwG,SAAS,IAAIhC,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,KAAA,CAAA,IAAhBA,gBAAgB,CAAEiC,OAAO,EAAE;AAC3ErB,MAAAA,cAAc,EAAE,CAAA;MAChB7B,aAAa,CAAC,KAAK,CAAC,CAAA;MACpB+C,gBAAgB,GAAGI,UAAU,CAAC,MAAM;QAClCjD,gBAAgB,CAAC,IAAI,CAAC,CAAA;OACvB,EAAE,GAAG,CAAC,CAAA;MACP8C,yBAAyB,GAAGG,UAAU,CAAC,MAAM;QAC3C9E,uBAAuB,CAAC,CAAC,CAAC,CAAA;AAC1BiB,QAAAA,oBAAoB,KAApBA,IAAAA,IAAAA,oBAAoB,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAoB,EAAI,CAAA;OACzB,EAAE,IAAI,CAAC,CAAA;AACV,KAAC,MAAM;MACLY,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACzB,KAAA;AACA,IAAA,OAAO,MAAM;MACXkD,YAAY,CAACL,gBAAgB,CAAC,CAAA;MAC9BK,YAAY,CAACJ,yBAAyB,CAAC,CAAA;KACxC,CAAA;AACH,GAAC,EAAE,CAAC5E,oBAAoB,EAAE6C,gBAAgB,CAACiC,OAAO,EAAEzG,OAAO,CAACwG,SAAS,CAAC,CAAC,CAAA;AAEvEN,EAAAA,qBAAe,CAAC,MAAM;IACpB,IAAII,gBAAgB,GAAG,IAAI,CAAA;IAC3B,IAAIM,sBAAsB,GAAG,IAAI,CAAA;AACjC,IAAA,IAAI/E,iBAAiB,KAAK7B,OAAO,CAACwG,SAAS,IAAIhC,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,KAAA,CAAA,IAAhBA,gBAAgB,CAAEiC,OAAO,EAAE;AACxErB,MAAAA,cAAc,EAAE,CAAA;MAChB3B,gBAAgB,CAAC,KAAK,CAAC,CAAA;MACvB6C,gBAAgB,GAAGI,UAAU,CAAC,MAAM;QAClCnD,aAAa,CAAC,IAAI,CAAC,CAAA;OACpB,EAAE,GAAG,CAAC,CAAA;MACPqD,sBAAsB,GAAGF,UAAU,CAAC,MAAM;QACxC5E,oBAAoB,CAAC,CAAC,CAAC,CAAA;AACvBc,QAAAA,iBAAiB,KAAjBA,IAAAA,IAAAA,iBAAiB,KAAjBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,iBAAiB,EAAI,CAAA;OACtB,EAAE,IAAI,CAAC,CAAA;AACV,KAAC,MAAM;MACLW,aAAa,CAAC,KAAK,CAAC,CAAA;AACtB,KAAA;AACA,IAAA,OAAO,MAAM;MACXoD,YAAY,CAACL,gBAAgB,CAAC,CAAA;MAC9BK,YAAY,CAACC,sBAAsB,CAAC,CAAA;KACrC,CAAA;AACH,GAAC,EAAE,CAAC/E,iBAAiB,EAAE2C,gBAAgB,CAACiC,OAAO,EAAEzG,OAAO,CAACwG,SAAS,EAAE5D,iBAAiB,CAAC,CAAC,CAAA;AACvF,EAAA,MAAMiE,eAAe,GAAG9B,aAAO,CAAC,MAAM;AACpC,IAAA,OAAOxE,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG;MACrBP,OAAO;MACPE,QAAQ;AACRC,MAAAA,WAAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACH,OAAO,EAAEO,aAAa,CAAC,CAAC,CAAA;AAC5B,EAAA,MAAMuG,uBAAuB,GAAG/B,aAAO,CAAC,MAAM;AAC5C,IAAA,IAAI1E,qBAAqB,EAAE;AACzB,MAAA,OAAOA,qBAAqB,KAAA,IAAA,IAArBA,qBAAqB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,qBAAqB,CAAG;AAAEL,QAAAA,OAAO,EAAEA,OAAAA;AAAQ,OAAC,CAAC,CAAA;AACtD,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAC,EAAE,CAACA,OAAO,EAAEK,qBAAqB,CAAC,CAAC,CAAA;AAEpC,EAAA,IAAIwG,eAAe,EAAE;IACnB,oBACEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACE;AACA;MACA,oBAAoBhH,EAAAA,OAAO,CAACwG,SAAU;MACtC,oBAAoBxG,EAAAA,OAAO,CAACiH,SAAU;AACtCtB,MAAAA,GAAG,EAAEnB,gBAAiB;AACtB0C,MAAAA,SAAS,EAAEC,oBAAY,CAAC,CACtB,2CAA2C,EAC3C7D,UAAU,GAAG,4BAA4B,GAAG,EAAE,EAC9CE,aAAa,GAAG,+BAA+B,GAAG,EAAE,CACrD,CAAA;AAAE,KAAA;AAID;AACAvD,IAAAA,YAAY,KAAK6G,uBAAuB,iBACtCC,yBAAA,CAAAC,aAAA,CAACI,gBAAa,EACZL,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAACK,cAAK,EAAA;MAACC,IAAI,EAAEC,wBAAe,CAACC,SAAU;MAACC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,KAAA,EACvEC,cAAM,CAAC5H,OAAO,CAACiH,SAAS,EAAE,eAAe,EAAE;AAC1CY,MAAAA,MAAM,EAAEpH,UAAAA;AACV,KAAC,CAAC,CACI,CAEX,CAAC,EAEHoG,eAAe,CACZ,CAAA;AAEV,GAAA;EAEA,IAAI7D,QAAQ,IAAIhD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAD,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAPC,OAAO,CAAE8H,aAAa,MAAA/H,IAAAA,IAAAA,qBAAA,eAAtBA,qBAAA,CAAAgI,IAAA,CAAA/H,OAAO,CAAmB,EAAE;IAC1C,OAAO,CAAAM,eAAe,KAAfA,IAAAA,IAAAA,eAAe,uBAAfA,eAAe,EAAI,kBACxByG,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAiB,QAAA,EAEIvD,IAAAA,EAAAA,2BAA2B,iBACzBsC,yBAAA,CAAAC,aAAA,CAACiB,uCAAoB,EAAA;AACnBC,MAAAA,cAAc,EAAExE,eAAgB;AAChCyE,MAAAA,UAAU,EAAEnE,iBAAkB;AAC9BvB,MAAAA,qBAAqB,EAAEA,qBAAsB;MAC7C2F,eAAe,EAAGC,IAAI,IAAK;AACzB,QAAA,IAAIA,IAAI,EAAE;AACRxE,UAAAA,iBAAiB,CAAC,CAAC,GAAGD,cAAc,EAAEyE,IAAI,CAAC,CAAC,CAAA;AAC9C,SAAA;QACA1E,kBAAkB,CAAC,EAAE,CAAC,CAAA;QACtBQ,eAAe,CAACkE,IAAI,CAAC,CAAA;QACrBpE,oBAAoB,CAAC,IAAI,CAAC,CAAA;OAC1B;MACFqE,iBAAiB,EAAEA,MAAM;QACvBrE,oBAAoB,CAAC,IAAI,CAAC,CAAA;OAC1B;MACFsE,YAAY,EAAGC,KAAK,IAAK;QACvBnE,wBAAwB,CAACmE,KAAK,CAAC,CAAA;OAC/B;AACFC,MAAAA,cAAc,EAAE7C,WAAY;AAC5BxE,MAAAA,eAAe,EAAED,mBAAoB;AACrCI,MAAAA,kBAAkB,EAAED,sBAAAA;AAAuB,KAAA,CAE9C,eAEHyF,yBAAA,CAAAC,aAAA,CAAC0B,eAAY,EAAA;MACXC,MAAM,EAAA,IAAA;AACNC,MAAAA,OAAO,EAAElH,mBAAoB;AAC7BmD,MAAAA,QAAQ,EAAEA,QAAS;AACnBc,MAAAA,GAAG,EAAErB,mBAAoB;AACzBuE,MAAAA,mBAAmB,EAAE3E,YAAa;AAClCnD,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCf,MAAAA,OAAO,EAAEA,OAAQ;MACjB8I,aAAa,EAAEA,MAAM;AAAA,QAAA,IAAAC,qBAAA,CAAA;AACnBrH,QAAAA,mBAAmB,aAAnBA,mBAAmB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAqH,qBAAA,GAAnBrH,mBAAmB,CAAEsH,WAAW,MAAAD,IAAAA,IAAAA,qBAAA,uBAAhCA,qBAAA,CAAAhB,IAAA,CAAArG,mBAAmB,CAAiB,CAAA;OACpC;MACFuH,eAAe,EAAEC,KAAA,IAA6C;AAAA,QAAA,IAAAC,sBAAA,CAAA;QAAA,IAA5C;UAAE3C,SAAS;UAAExG,OAAO;AAAEoJ,UAAAA,eAAAA;AAAgB,SAAC,GAAAF,KAAA,CAAA;AACvDnH,QAAAA,aAAa,CAAC;UACZyE,SAAS;UACTxG,OAAO;UACP4D,cAAc;AACdwF,UAAAA,eAAAA;AACF,SAAC,CAAC,CAAA;QACFnG,WAAW,CAAC,KAAK,CAAC,CAAA;AAClBvB,QAAAA,mBAAmB,aAAnBA,mBAAmB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAyH,sBAAA,GAAnBzH,mBAAmB,CAAE2H,SAAS,MAAAF,IAAAA,IAAAA,sBAAA,uBAA9BA,sBAAA,CAAApB,IAAA,CAAArG,mBAAmB,CAAe,CAAA;OAClC;MACF4H,YAAY,EAAEA,MAAM;AAAA,QAAA,IAAAC,sBAAA,CAAA;QAClB5F,kBAAkB,CAAC,EAAE,CAAC,CAAA;QACtBE,iBAAiB,CAAC,EAAE,CAAC,CAAA;QACrBE,mBAAmB,CAAC,EAAE,CAAC,CAAA;QACvBM,wBAAwB,CAAC,EAAE,CAAC,CAAA;QAC5BpB,WAAW,CAAC,KAAK,CAAC,CAAA;AAClBvB,QAAAA,mBAAmB,aAAnBA,mBAAmB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA6H,sBAAA,GAAnB7H,mBAAmB,CAAE2H,SAAS,MAAAE,IAAAA,IAAAA,sBAAA,uBAA9BA,sBAAA,CAAAxB,IAAA,CAAArG,mBAAmB,CAAe,CAAA;OAClC;MACF8H,eAAe,EAAGnB,IAAI,IAAK;AACzB,QAAA,IAAI,CAAAnE,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAErD,MAAM,OAAKwH,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAExH,MAAM,CAAE,EAAA;UACzCsD,eAAe,CAAC,IAAI,CAAC,CAAA;UACrBR,kBAAkB,CAAC,EAAE,CAAC,CAAA;AACxB,SAAA;OACA;MACF8F,qBAAqB,EAAGC,WAAW,IAAK;QACtC/F,kBAAkB,CAAC+F,WAAW,CAAC,CAAA;OAC/B;MACFC,yBAAyB,EAAGC,OAAO,IAAK;QACtC7F,mBAAmB,CAAC6F,OAAO,CAAC,CAAA;OAC5B;MACFC,SAAS,EAAGC,CAAC,IAAK;AAChB,QAAA,IAAIrF,2BAA2B,IAAI,CAAAL,qBAAqB,KAAA,IAAA,IAArBA,qBAAqB,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAqB,CAAEM,MAAM,IAAG,CAAC,KAC7DoF,CAAC,CAACC,GAAG,KAAKC,yBAAgB,CAACC,KAAK,IAAIrE,WAAW,IAAKkE,CAAC,CAACC,GAAG,KAAKC,yBAAgB,CAACE,OAAO,IAAIJ,CAAC,CAACC,GAAG,KAAKC,yBAAgB,CAACG,SAAS,CAAC,EACpI;UACAlG,oBAAoB,CAAC6F,CAAC,CAAC,CAAA;AACvB,UAAA,OAAO,IAAI,CAAA;AACb,SAAA;AACA,QAAA,OAAO,KAAK,CAAA;AACd,OAAA;AAAE,KAAA,CACF,CAEL,CAAA;AACH,GAAA;EAEA,oBACE/C,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAEC,oBAAY,CAAC,CACtB,2CAA2C,EAC3C7D,UAAU,GAAG,4BAA4B,GAAG,EAAE,EAC9CE,aAAa,GAAG,+BAA+B,GAAG,EAAE,CACrD,CAAE;AACH4G,IAAAA,KAAK,EAAE;AAAEC,MAAAA,YAAY,EAAE,KAAA;KAAQ;IAC/B,oBAAoBrK,EAAAA,OAAO,CAACwG,SAAU;IACtC,oBAAoBxG,EAAAA,OAAO,CAACiH,SAAU;AACtCtB,IAAAA,GAAG,EAAEnB,gBAAAA;AAAiB,GAAA,EAIpBvE,YAAY,KAAK6G,uBAAuB,iBACtCC,yBAAA,CAAAC,aAAA,CAACI,gBAAa,EACZL,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAACK,cAAK,EAAA;IAACC,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAACC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EACvEC,cAAM,CAAC5H,OAAO,CAACiH,SAAS,EAAE,eAAe,EAAE;AAC1CY,IAAAA,MAAM,EAAEpH,UAAAA;AACV,GAAC,CAAC,CACI,CAEX,CAAC,EAIF,CAAAD,oBAAoB,KAAA,IAAA,IAApBA,oBAAoB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,oBAAoB,EAAI,kBACtBuG,yBAAA,CAAAC,aAAA,CAACsD,iBAAc,EAAA;AACbpD,IAAAA,SAAS,EAAC,uCAAuC;AACjDrG,IAAAA,MAAM,EAAEA,MAAO;AACfmB,IAAAA,eAAe,EAAEA,eAAgB;AACjC4G,IAAAA,OAAO,EAAElH,mBAAoB;AAC7B1B,IAAAA,OAAO,EAAEA,OAAQ;IACjB6E,QAAQ,EAAE,CAAC/D,QAAS;AACpBZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBgC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCF,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CI,IAAAA,YAAY,EAAEA,YAAa;AAC3BD,IAAAA,cAAc,EAAEA,cAAe;AAC/BW,IAAAA,QAAQ,EAAEC,WAAY;AACtBC,IAAAA,UAAU,EAAEC,aAAc;AAC1BC,IAAAA,cAAc,EAAEC,iBAAkB;AAClCb,IAAAA,aAAa,EAAEA,aAAc;AAC7BJ,IAAAA,cAAc,EAAEA,cAAe;AAC/BG,IAAAA,eAAe,EAAEA,eAAgB;AACjCG,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzC4H,IAAAA,qBAAqB,EAAEnK,YAAAA;AAAa,GAAA,CAEvC,EAID8C,UAAU,iBACR6D,yBAAA,CAAAC,aAAA,CAACwD,qCAAkB,EAAA;AACjBxK,IAAAA,OAAO,EAAEA,OAAQ;AACjByK,IAAAA,QAAQ,EAAEA,MAAMtH,aAAa,CAAC,KAAK,CAAA;AAAE,GAAA,CAExC,EAGDC,cAAc,iBACZ2D,yBAAA,CAAAC,aAAA,CAAC0D,wCAAU,EAAA;AACT1K,IAAAA,OAAO,EAAEA,OAAuB;AAChCyK,IAAAA,QAAQ,EAAEA,MAAMpH,iBAAiB,CAAC,KAAK,CAAA;AAAE,GAAA,CAE5C,CAEC,CAAA;AAEV;;;;"}
1	+ {"version":3,"file":"Message.js","sources":["../../../../src/utils/useDidMountEffect.ts","../../../../src/modules/Channel/components/Message/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst useDidMountEffect = (func: () => void, deps: Array<unknown>): void => {\n const [didMount, setDidmount] = useState(false);\n useEffect(() => {\n if (didMount) {\n func();\n } else {\n setDidmount(true);\n }\n }, deps);\n};\n\nexport default useDidMountEffect;\n","import React, {\n useRef,\n useMemo,\n useState,\n useEffect,\n useLayoutEffect,\n} from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\n\nimport useDidMountEffect from '../../../../utils/useDidMountEffect';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { getClassName } from '../../../../utils';\nimport { isDisabledBecauseFrozen, isDisabledBecauseMuted } from '../../context/utils';\nimport { MAX_USER_MENTION_COUNT, MAX_USER_SUGGESTION_COUNT } from '../../context/const';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport MessageContent from '../../../../ui/MessageContent';\nimport FileViewer from '../FileViewer';\nimport RemoveMessageModal from '../RemoveMessageModal';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback';\nimport { useDirtyGetMentions } from '../../../Message/hooks/useDirtyGetMentions';\n\ntype MessageUIProps = {\n message: EveryMessage;\n hasSeparator?: boolean;\n chainTop?: boolean;\n chainBottom?: boolean;\n handleScroll?: (isBottomMessageAffected?: boolean) => void;\n // for extending\n renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n renderEditInput?: () => React.ReactElement;\n renderMessageContent?: () => React.ReactElement;\n};\n\n// todo: Refactor this component, is too complex now\nconst Message = ({\n message,\n hasSeparator,\n chainTop,\n chainBottom,\n handleScroll,\n renderCustomSeparator,\n renderEditInput,\n renderMessage,\n renderMessageContent,\n}: MessageUIProps): React.ReactElement => {\n const { dateLocale } = useLocalization();\n const globalStore = useSendbirdStateContext();\n\n const {\n userId,\n isOnline,\n isMentionEnabled,\n userMention,\n logger,\n } = globalStore.config;\n const maxUserMentionCount = userMention?.maxMentionCount \|\| MAX_USER_MENTION_COUNT;\n const maxUserSuggestionCount = userMention?.maxSuggestionCount \|\| MAX_USER_SUGGESTION_COUNT;\n\n const {\n initialized,\n currentGroupChannel,\n highLightedMessageId,\n setHighLightedMessageId,\n animatedMessageId,\n setAnimatedMessageId,\n updateMessage,\n scrollToMessage,\n replyType,\n threadReplySelectType,\n isReactionEnabled,\n toggleReaction,\n emojiContainer,\n nicknamesMap,\n setQuoteMessage,\n resendMessage,\n renderUserMentionItem,\n onReplyInThread,\n onQuoteMessageClick,\n onMessageAnimated,\n onMessageHighlighted,\n onScrollCallback,\n } = useChannelContext();\n const [showEdit, setShowEdit] = useState(false);\n const [showRemove, setShowRemove] = useState(false);\n const [showFileViewer, setShowFileViewer] = useState(false);\n const [isAnimated, setIsAnimated] = useState(false);\n const [isHighlighted, setIsHighlighted] = useState(false);\n const [mentionNickname, setMentionNickname] = useState('');\n const [mentionedUsers, setMentionedUsers] = useState([]);\n const [mentionedUserIds, setMentionedUserIds] = useState([]);\n const [messageInputEvent, setMessageInputEvent] = useState(null);\n const [selectedUser, setSelectedUser] = useState(null);\n const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n const editMessageInputRef = useRef(null);\n const messageScrollRef = useRef(null);\n const displaySuggestedMentionList = isOnline\n && isMentionEnabled\n && mentionNickname.length > 0\n && !isDisabledBecauseFrozen(currentGroupChannel)\n && !isDisabledBecauseMuted(currentGroupChannel);\n const disabled = !initialized\n \|\| isDisabledBecauseFrozen(currentGroupChannel)\n \|\| isDisabledBecauseMuted(currentGroupChannel)\n \|\| !isOnline;\n\n const handleOnScroll = useHandleOnScrollCallback({\n hasMore: false,\n onScroll: onScrollCallback,\n scrollRef: messageScrollRef,\n });\n\n const mentionNodes = useDirtyGetMentions({ ref: editMessageInputRef }, { logger });\n const ableMention = mentionNodes?.length < maxUserMentionCount;\n\n useEffect(() => {\n setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n const i = mentionedUserIds.indexOf(userId);\n if (i < 0) {\n return false;\n } else {\n mentionedUserIds.splice(i, 1);\n return true;\n }\n }));\n }, [mentionedUserIds]);\n\n useLayoutEffect(() => {\n // Keep the scrollBottom value after fetching new message list\n handleScroll?.();\n }, []);\n /*\n Move the messsage list scroll\n * when the message's height is changed by `showEdit` OR `message.reactions`\n /\n useDidMountEffect(() => {\n handleScroll?.();\n }, [showEdit, message?.reactions?.length]);\n useDidMountEffect(() => {\n handleScroll?.(true);\n }, [message?.updatedAt]);\n\n useLayoutEffect(() => {\n let animationTimeout = null;\n let messageHighlightedTimeout = null;\n if (highLightedMessageId === message.messageId && messageScrollRef?.current) {\n handleOnScroll();\n setIsAnimated(false);\n animationTimeout = setTimeout(() => {\n setIsHighlighted(true);\n }, 500);\n messageHighlightedTimeout = setTimeout(() => {\n setHighLightedMessageId(0);\n onMessageHighlighted?.();\n }, 1600);\n } else {\n setIsHighlighted(false);\n }\n return () => {\n clearTimeout(animationTimeout);\n clearTimeout(messageHighlightedTimeout);\n };\n }, [highLightedMessageId, messageScrollRef.current, message.messageId]);\n\n useLayoutEffect(() => {\n let animationTimeout = null;\n let messageAnimatedTimeout = null;\n if (animatedMessageId === message.messageId && messageScrollRef?.current) {\n handleOnScroll();\n setIsHighlighted(false);\n animationTimeout = setTimeout(() => {\n setIsAnimated(true);\n }, 500);\n messageAnimatedTimeout = setTimeout(() => {\n setAnimatedMessageId(0);\n onMessageAnimated?.();\n }, 1600);\n } else {\n setIsAnimated(false);\n }\n return () => {\n clearTimeout(animationTimeout);\n clearTimeout(messageAnimatedTimeout);\n };\n }, [animatedMessageId, messageScrollRef.current, message.messageId, onMessageAnimated]);\n const renderedMessage = useMemo(() => {\n return renderMessage?.({\n message,\n chainTop,\n chainBottom,\n });\n }, [message, renderMessage]);\n const renderedCustomSeparator = useMemo(() => {\n if (renderCustomSeparator) {\n return renderCustomSeparator?.({ message: message });\n }\n return null;\n }, [message, renderCustomSeparator]);\n\n if (renderedMessage) {\n return (\n <div\n // do not delete this data attribute, used for scroll to given message\n // and also for testing\n data-sb-message-id={message.messageId}\n data-sb-created-at={message.createdAt}\n ref={messageScrollRef}\n className={getClassName([\n 'sendbird-msg-hoc sendbird-msg--scroll-ref',\n isAnimated ? 'sendbird-msg-hoc__animated' : '',\n isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n ])}\n >\n {/ date-separator /}\n {\n // TODO: Add message instance as a function parameter\n hasSeparator && (renderedCustomSeparator \|\| (\n <DateSeparator>\n <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n {format(message.createdAt, 'MMMM dd, yyyy', {\n locale: dateLocale,\n })}\n </Label>\n </DateSeparator>\n ))\n }\n {renderedMessage}\n </div>\n );\n }\n\n if (showEdit && message?.isUserMessage?.()) {\n return renderEditInput?.() \|\| (\n <>\n {\n displaySuggestedMentionList && (\n <SuggestedMentionList\n targetNickname={mentionNickname}\n inputEvent={messageInputEvent}\n renderUserMentionItem={renderUserMentionItem}\n onUserItemClick={(user) => {\n if (user) {\n setMentionedUsers([...mentionedUsers, user]);\n }\n setMentionNickname('');\n setSelectedUser(user);\n setMessageInputEvent(null);\n }}\n onFocusItemChange={() => {\n setMessageInputEvent(null);\n }}\n onFetchUsers={(users) => {\n setMentionSuggestedUsers(users);\n }}\n ableAddMention={ableMention}\n maxMentionCount={maxUserMentionCount}\n maxSuggestionCount={maxUserSuggestionCount}\n />\n )\n }\n <MessageInput\n isEdit\n channel={currentGroupChannel}\n disabled={disabled}\n ref={editMessageInputRef}\n mentionSelectedUser={selectedUser}\n isMentionEnabled={isMentionEnabled}\n message={message}\n onStartTyping={() => {\n currentGroupChannel?.startTyping?.();\n }}\n onUpdateMessage={({ messageId, message, mentionTemplate }) => {\n updateMessage({\n messageId,\n message,\n mentionedUsers,\n mentionTemplate,\n });\n setShowEdit(false);\n currentGroupChannel?.endTyping?.();\n }}\n onCancelEdit={() => {\n setMentionNickname('');\n setMentionedUsers([]);\n setMentionedUserIds([]);\n setMentionSuggestedUsers([]);\n setShowEdit(false);\n currentGroupChannel?.endTyping?.();\n }}\n onUserMentioned={(user) => {\n if (selectedUser?.userId === user?.userId) {\n setSelectedUser(null);\n setMentionNickname('');\n }\n }}\n onMentionStringChange={(mentionText) => {\n setMentionNickname(mentionText);\n }}\n onMentionedUserIdsUpdated={(userIds) => {\n setMentionedUserIds(userIds);\n }}\n onKeyDown={(e) => {\n if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n && ((e.key === MessageInputKeys.Enter && ableMention) \|\| e.key === MessageInputKeys.ArrowUp \|\| e.key === MessageInputKeys.ArrowDown)\n ) {\n setMessageInputEvent(e);\n return true;\n }\n return false;\n }}\n />\n </>\n );\n }\n\n return (\n <div\n className={getClassName([\n 'sendbird-msg-hoc sendbird-msg--scroll-ref',\n isAnimated ? 'sendbird-msg-hoc__animated' : '',\n isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n ])}\n style={{ marginBottom: '2px' }}\n data-sb-message-id={message.messageId}\n data-sb-created-at={message.createdAt}\n ref={messageScrollRef}\n >\n {/ date-separator /}\n {\n hasSeparator && (renderedCustomSeparator \|\| (\n <DateSeparator>\n <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n {format(message.createdAt, 'MMMM dd, yyyy', {\n locale: dateLocale,\n })}\n </Label>\n </DateSeparator>\n ))\n }\n {/ Message /}\n {\n renderMessageContent?.() \|\| (\n <MessageContent\n className=\"sendbird-message-hoc__message-content\"\n userId={userId}\n scrollToMessage={scrollToMessage}\n channel={currentGroupChannel}\n message={message}\n disabled={!isOnline}\n chainTop={chainTop}\n chainBottom={chainBottom}\n isReactionEnabled={isReactionEnabled}\n replyType={replyType}\n threadReplySelectType={threadReplySelectType}\n nicknamesMap={nicknamesMap}\n emojiContainer={emojiContainer}\n showEdit={setShowEdit}\n showRemove={setShowRemove}\n showFileViewer={setShowFileViewer}\n resendMessage={resendMessage}\n toggleReaction={toggleReaction}\n setQuoteMessage={setQuoteMessage}\n onReplyInThread={onReplyInThread}\n onQuoteMessageClick={onQuoteMessageClick}\n onMessageHeightChange={handleScroll}\n />\n )\n }\n {/ Modal */}\n {\n showRemove && (\n <RemoveMessageModal\n message={message}\n onCancel={() => setShowRemove(false)}\n />\n )\n }\n {\n showFileViewer && (\n <FileViewer\n message={message as FileMessage}\n onCancel={() => setShowFileViewer(false)}\n />\n )\n }\n </div>\n );\n};\n\nexport default Message;\n"],"names":["useDidMountEffect","func","deps","didMount","setDidmount","useState","useEffect","Message","_ref","_message$reactions","_message$isUserMessag","message","hasSeparator","chainTop","chainBottom","handleScroll","renderCustomSeparator","renderEditInput","renderMessage","renderMessageContent","dateLocale","useLocalization","globalStore","useSendbirdStateContext","userId","isOnline","isMentionEnabled","userMention","logger","config","maxUserMentionCount","maxMentionCount","MAX_USER_MENTION_COUNT","maxUserSuggestionCount","maxSuggestionCount","MAX_USER_SUGGESTION_COUNT","initialized","currentGroupChannel","highLightedMessageId","setHighLightedMessageId","animatedMessageId","setAnimatedMessageId","updateMessage","scrollToMessage","replyType","threadReplySelectType","isReactionEnabled","toggleReaction","emojiContainer","nicknamesMap","setQuoteMessage","resendMessage","renderUserMentionItem","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","onScrollCallback","useChannelContext","showEdit","setShowEdit","showRemove","setShowRemove","showFileViewer","setShowFileViewer","isAnimated","setIsAnimated","isHighlighted","setIsHighlighted","mentionNickname","setMentionNickname","mentionedUsers","setMentionedUsers","mentionedUserIds","setMentionedUserIds","messageInputEvent","setMessageInputEvent","selectedUser","setSelectedUser","mentionSuggestedUsers","setMentionSuggestedUsers","editMessageInputRef","useRef","messageScrollRef","displaySuggestedMentionList","length","isDisabledBecauseFrozen","isDisabledBecauseMuted","disabled","handleOnScroll","useHandleOnScrollCallback","hasMore","onScroll","scrollRef","mentionNodes","useDirtyGetMentions","ref","ableMention","filter","_ref2","i","indexOf","splice","useLayoutEffect","reactions","updatedAt","animationTimeout","messageHighlightedTimeout","messageId","current","setTimeout","clearTimeout","messageAnimatedTimeout","renderedMessage","useMemo","renderedCustomSeparator","React","createElement","createdAt","className","getClassName","DateSeparator","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2","format","locale","isUserMessage","call","Fragment","SuggestedMentionList","targetNickname","inputEvent","onUserItemClick","user","onFocusItemChange","onFetchUsers","users","ableAddMention","MessageInput","isEdit","channel","mentionSelectedUser","onStartTyping","_currentGroupChannel$","startTyping","onUpdateMessage","_ref3","_currentGroupChannel$2","mentionTemplate","endTyping","onCancelEdit","_currentGroupChannel$3","onUserMentioned","onMentionStringChange","mentionText","onMentionedUserIdsUpdated","userIds","onKeyDown","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","style","marginBottom","MessageContent","onMessageHeightChange","RemoveMessageModal","onCancel","FileViewer"],"mappings":"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"}

package/cjs/Channel/components/MessageInput.js CHANGED Viewed

@@ -1,60 +1,60 @@
 'use strict';
 var React = require('react');
-var Channel_context = require('../../ChannelProvider-bf4de470.js');
+var Channel_context = require('../../ChannelProvider-7abd9fa3.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_QuoteMessageInput = require('../../ui/QuoteMessageInput.js');
-var LocalizationContext = require('../../LocalizationContext-69ba55fb.js');
+var LocalizationContext = require('../../LocalizationContext-c014018b.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
-var _const = require('../../const-40f7a704.js');
-var VoiceMessageInputWrapper = require('../../VoiceMessageInputWrapper-8bf71d1f.js');
-var useDirtyGetMentions = require('../../useDirtyGetMentions-a9f4e74f.js');
-var MediaQueryContext = require('../../MediaQueryContext-4e4a0a7d.js');
-require('../../UserProfileContext-2811f604.js');
+var _const = require('../../const-fc4d15a8.js');
+var VoiceMessageInputWrapper = require('../../VoiceMessageInputWrapper-90c4bdb2.js');
+var useDirtyGetMentions = require('../../useDirtyGetMentions-2f9462f1.js');
+var MediaQueryContext = require('../../MediaQueryContext-aea0ce1a.js');
+require('../../UserProfileContext-218e40b8.js');
 require('prop-types');
-require('../../const-f55ab29b.js');
-require('../../index-040b2cdd.js');
-require('../../index-813b6b08.js');
-require('../../topics-adfc7f39.js');
-require('../../index-07d87206.js');
-require('../../_rollupPluginBabelHelpers-71f7daf4.js');
+require('../../const-2371a4db.js');
+require('../../index-ee440b53.js');
+require('../../index-035bdafb.js');
+require('../../topics-d64c7836.js');
+require('../../index-f4d89559.js');
+require('../../_rollupPluginBabelHelpers-a2f03c55.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-c431c3ff.js');
+require('../../compareIds-0f9de3a1.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-644621cb.js');
+require('../../uuid-3462be83.js');
 require('@sendbird/chat/message');
-require('../../consts-8c21a90e.js');
-require('../../resolvedReplyType-46b6e002.js');
+require('../../consts-e09f89f0.js');
+require('../../resolvedReplyType-478d89dd.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../index-51c60830.js');
-require('../../stringSet-8bc472f8.js');
+require('../../index-347004c1.js');
+require('../../stringSet-b0d09ab2.js');
 require('dompurify');
-require('../../consts-2eec4cbc.js');
+require('../../consts-fb57db79.js');
 require('../../ui/Icon.js');
-require('../../consts-dab8c0ba.js');
-require('../../consts-7e2e06a8.js');
-require('../../tokenize-a8ebd32e.js');
-require('../../index.module-4e8de508.js');
+require('../../consts-65d5b30a.js');
+require('../../consts-0374d4b1.js');
+require('../../tokenize-dd712668.js');
+require('../../index.module-81f6dfc4.js');
 require('../../ui/ImageRenderer.js');
 require('../../withSendbird.js');
 require('../../ui/Avatar.js');
-require('../../ThreadProvider-93b81491.js');
+require('../../ThreadProvider-48a2b384.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-53cb0842.js');
+require('../../index-513a30b7.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-76a77b83.js');
+require('../../index-fea92ea0.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-be7de5d6.js');
+require('../../index-b713c814.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../color-01ded58a.js');
+require('../../color-e2978317.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }