@sendbird/uikit-react 3.14.10-rc.0 → 3.14.11-rc-0

package/ui/FileViewer.js

@@ -1,35 +1,36 @@
-import { _ as __assign } from '../chunks/bundle-DdIo_zFs.js';
+import { _ as __assign } from '../chunks/bundle-DIOwxpcG.js';
 import React__default, { useRef, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { L as LocalizationContext } from '../chunks/bundle-DT4DSBZo.js';
-import { a as MODAL_ROOT, M as Modal } from '../chunks/bundle-C7vkuHMJ.js';
-import { c as isMultipleFilesMessage, b as isFileMessage, h as isSupportedFileView, j as isVideo, k as isImage } from '../chunks/bundle-VXXJZkam.js';
-import { n as noop } from '../chunks/bundle-BPHZWcCv.js';
-import { A as Avatar } from '../chunks/bundle-CKHDZj3X.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DEtCTxPD.js';
+import { L as LocalizationContext } from '../chunks/bundle-DYYQHn6P.js';
+import { a as MODAL_ROOT, M as Modal } from '../chunks/bundle-se1hgaQ-.js';
+import { c as isMultipleFilesMessage, b as isFileMessage, f as isSupportedFileView, h as isVideo, j as isImage } from '../chunks/bundle-Bq0-bOfM.js';
+import { n as noop } from '../chunks/bundle-CdRIsiQ1.js';
+import { A as Avatar } from '../chunks/bundle-D_CNS70y.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { n as SLIDER_BUTTON_ICON_SIDE_LENGTH } from '../chunks/bundle-B9jaULeT.js';
-import { u as useKeyDown } from '../chunks/bundle-D97UcpIe.js';
-import '../chunks/bundle-DDmvUZXC.js';
-import '../chunks/bundle-D66A0jl2.js';
-import '../chunks/bundle-ByOz6UaI.js';
+import { m as SLIDER_BUTTON_ICON_SIDE_LENGTH } from '../chunks/bundle-DjH4PXg3.js';
+import { u as useKeyDown } from '../chunks/bundle-CeB984LL.js';
+import '../chunks/bundle-CNHyfb7V.js';
+import '../chunks/bundle-D7eYnlgm.js';
+import '../chunks/bundle-5suIscWh.js';
 import './IconButton.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-BJuiDRhf.js';
+import '../chunks/bundle-CjreAsCZ.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-DEc9jVCz.js';
+import '../chunks/bundle-DDA3KytI.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-DI7rfz5k.js';
-import '../chunks/bundle-p7o7XIwK.js';
+import '../chunks/bundle-CT6oIowo.js';
+import './ContextMenu.js';
+import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-BOBvB-6E.js';
+import '../chunks/bundle-DKbR0B7W.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BU88BWC9.js';
+import '../chunks/bundle-LJTd2kwV.js';
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var ViewerTypes = {

package/ui/FileViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FileViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/Header.js

@@ -1,13 +1,13 @@
-import { _ as __assign } from '../chunks/bundle-DdIo_zFs.js';
+import { _ as __assign } from '../chunks/bundle-DIOwxpcG.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DEtCTxPD.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-ByOz6UaI.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-5suIscWh.js';
 import TextButton from './TextButton.js';
 import Icon$1 from './Icon.js';
 import IconButton$1 from './IconButton.js';
-import { c as classnames, n as noop } from '../chunks/bundle-BPHZWcCv.js';
-import '../chunks/bundle-DDmvUZXC.js';
-import '../chunks/bundle-BpOEDk4N.js';
+import { c as classnames, n as noop } from '../chunks/bundle-CdRIsiQ1.js';
+import '../chunks/bundle-CNHyfb7V.js';
+import '../chunks/bundle-DmtJDvJO.js';
 
 var Header = function (_a) {
     var _b;

package/ui/Icon.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DdIo_zFs.js';
+import { c as __spreadArray } from '../chunks/bundle-DIOwxpcG.js';
 import * as React from 'react';
 import React__default from 'react';
-import { n as noop } from '../chunks/bundle-BPHZWcCv.js';
+import { n as noop } from '../chunks/bundle-CdRIsiQ1.js';
 
 /* eslint-disable no-redeclare */
 var Types = {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DdIo_zFs.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DIOwxpcG.js';
 import React__default, { useState } from 'react';
 
 var IconButton = React__default.forwardRef(function (props, ref) {

package/ui/ImageRenderer.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DdIo_zFs.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DIOwxpcG.js';
 import React__default, { useMemo, useState, useLayoutEffect, useRef } from 'react';
-import { n as noop } from '../chunks/bundle-BPHZWcCv.js';
+import { n as noop } from '../chunks/bundle-CdRIsiQ1.js';
 
 var numberToPx = (function (value) {
     if (value === null)

package/ui/Input.js

@@ -1,7 +1,7 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DEtCTxPD.js';
-import '../chunks/bundle-DdIo_zFs.js';
-import '../chunks/bundle-DDmvUZXC.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
+import '../chunks/bundle-DIOwxpcG.js';
+import '../chunks/bundle-CNHyfb7V.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-DdIo_zFs.js';
+import '../chunks/bundle-DIOwxpcG.js';
 import 'react';
-export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-DEtCTxPD.js';
-import '../chunks/bundle-DDmvUZXC.js';
+export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-BlCc7_eN.js';
+import '../chunks/bundle-CNHyfb7V.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-DdIo_zFs.js';
+import { c as __spreadArray } from '../chunks/bundle-DIOwxpcG.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DEtCTxPD.js';
-import { o as openURL } from '../chunks/bundle-BPHZWcCv.js';
-import '../chunks/bundle-DDmvUZXC.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
+import { o as openURL } from '../chunks/bundle-CdRIsiQ1.js';
+import '../chunks/bundle-CNHyfb7V.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DdIo_zFs.js';
+import { c as __spreadArray } from '../chunks/bundle-DIOwxpcG.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-BPHZWcCv.js';
+import '../chunks/bundle-CdRIsiQ1.js';
 
 function Loader(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children, testID = _a.testID;

package/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { c as classnames } from '../chunks/bundle-BPHZWcCv.js';
-import '../chunks/bundle-DdIo_zFs.js';
+import { c as classnames } from '../chunks/bundle-CdRIsiQ1.js';
+import '../chunks/bundle-DIOwxpcG.js';
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {

package/ui/MentionLabel.js

@@ -1,30 +1,29 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DEtCTxPD.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { c as classnames } from '../chunks/bundle-BPHZWcCv.js';
-import '../chunks/bundle-p7o7XIwK.js';
-import '../chunks/bundle-DdIo_zFs.js';
+import { c as classnames } from '../chunks/bundle-CdRIsiQ1.js';
+import '../chunks/bundle-DIOwxpcG.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BJuiDRhf.js';
-import '../chunks/bundle-VXXJZkam.js';
+import '../chunks/bundle-CjreAsCZ.js';
+import '../chunks/bundle-Bq0-bOfM.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DI7rfz5k.js';
-import '../chunks/bundle-BOBvB-6E.js';
-import '../chunks/bundle-DDmvUZXC.js';
-import '../chunks/bundle-DT4DSBZo.js';
-import '../chunks/bundle-D66A0jl2.js';
-import '../chunks/bundle-CFVWrfBk.js';
+import '../chunks/bundle-CT6oIowo.js';
+import '../chunks/bundle-DKbR0B7W.js';
+import '../chunks/bundle-CNHyfb7V.js';
+import '../chunks/bundle-DYYQHn6P.js';
+import '../chunks/bundle-D7eYnlgm.js';
+import '../chunks/bundle-DwvKuCVj.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-6c1kf582.js';
-import '../chunks/bundle-CKHDZj3X.js';
+import '../chunks/bundle-DmIUQle9.js';
+import '../chunks/bundle-D_CNS70y.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BU88BWC9.js';
+import '../chunks/bundle-LJTd2kwV.js';
 import './Icon.js';
 import './Button.js';
 import '../withSendbird.js';

package/ui/MentionLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MentionLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/MentionUserLabel.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-BkXs4vmC.js';
-import { c as classnames } from '../chunks/bundle-BPHZWcCv.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-CUa9CREe.js';
+import { c as classnames } from '../chunks/bundle-CdRIsiQ1.js';
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;

package/ui/MessageContent.js

@@ -1,32 +1,33 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-DdIo_zFs.js';
-import React__default, { useRef, useContext, useState, useMemo } from 'react';
-import { f as format } from '../chunks/bundle-ySoO0NFU.js';
-import { M as MessageStatus } from '../chunks/bundle-uQmOP01H.js';
-import { MessageMenu } from './MessageItemMenu.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-DIOwxpcG.js';
+import React__default, { useRef, useContext, useState, useEffect, useMemo } from 'react';
+import { f as format } from '../chunks/bundle-BH16nLFs.js';
+import { M as MessageStatus } from '../chunks/bundle-HjRXtQVk.js';
+import { M as MessageMenu } from '../chunks/bundle-DelNZG3a.js';
+import '../chunks/bundle-DVk-GxJm.js';
+import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-CdRIsiQ1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DEtCTxPD.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { e as isSendableMessage, n as getUIKitMessageTypes, K, C as isTemplateMessage, M as isOGMessage, N as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, P as getMessageContentMiddleClassNameByContainerType, Q as isAdminMessage, w as getClassName, R as UI_CONTAINER_TYPES } from '../chunks/bundle-VXXJZkam.js';
-import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-DT4DSBZo.js';
+import { k as isSendableMessage, n as getUIKitMessageTypes, K, C as isTemplateMessage, M as isOGMessage, N as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, e as getSenderName, W as getMessageContentMiddleClassNameByContainerType, X as isAdminMessage, w as getClassName, Y as UI_CONTAINER_TYPES } from '../chunks/bundle-Bq0-bOfM.js';
+import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-DYYQHn6P.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { EmojiContainer } from '@sendbird/chat';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-DhI4QWLh.js';
-import { M as MobileMenu } from '../chunks/bundle-Dnuvu_jv.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-ByOz6UaI.js';
+import { u as useLongPress } from '../chunks/bundle-BqDr8EF4.js';
+import { M as MobileMenu } from '../chunks/bundle-bkcMncK1.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-5suIscWh.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-YkcGOzNM.js';
-import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-BPHZWcCv.js';
-import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { A as Avatar } from '../chunks/bundle-CKHDZj3X.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-CUld9h31.js';
+import ContextMenu, { MenuItems, MENU_ROOT_ID, EMOJI_MENU_ROOT_ID, getObservingId, MENU_OBSERVING_CLASS_NAME } from './ContextMenu.js';
+import { A as Avatar } from '../chunks/bundle-D_CNS70y.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-CFVWrfBk.js';
+import { a as UserProfileContext } from '../chunks/bundle-DwvKuCVj.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
 import FileMessageItemBody from './FileMessageItemBody.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-DpdytzS4.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-CK_XaTIr.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
 import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
@@ -36,58 +37,56 @@ import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from './MessageFeedbackModal.js';
 import MessageFeedbackFailedModal from './MessageFeedbackFailedModal.js';
-import '../chunks/bundle-BOBvB-6E.js';
-import '../chunks/bundle-D66A0jl2.js';
+import '../chunks/bundle-DKbR0B7W.js';
+import '../chunks/bundle-D7eYnlgm.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Bt0C-BFZ.js';
-import '../chunks/bundle-7aYnlE9g.js';
+import '../chunks/bundle-e2HPSZbM.js';
+import '../chunks/bundle-B9dVXusF.js';
 import './IconButton.js';
-import '../chunks/bundle-D8ed5Px8.js';
-import '../chunks/bundle-p7o7XIwK.js';
+import '../chunks/bundle-CNHyfb7V.js';
+import './ImageRenderer.js';
+import './ReactionButton.js';
 import 'react-dom';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BJuiDRhf.js';
-import '../chunks/bundle-DDmvUZXC.js';
+import '../chunks/bundle-CjreAsCZ.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-DI7rfz5k.js';
-import './ImageRenderer.js';
-import './ReactionButton.js';
+import '../chunks/bundle-CT6oIowo.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../chunks/bundle-C7vkuHMJ.js';
+import '../chunks/bundle-se1hgaQ-.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-DEc9jVCz.js';
-import '../chunks/bundle-B9jaULeT.js';
+import '../chunks/bundle-DDA3KytI.js';
+import '../chunks/bundle-DjH4PXg3.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
-import '../chunks/bundle-BU88BWC9.js';
+import '../chunks/bundle-LJTd2kwV.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-6c1kf582.js';
+import '../chunks/bundle-DmIUQle9.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-BDRmRmBl.js';
-import '../chunks/bundle-BN9hrgMv.js';
-import '../chunks/bundle-DHttsGgb.js';
-import '../chunks/bundle-CjpdKqHs.js';
+import '../chunks/bundle-JEz3lgaG.js';
+import '../chunks/bundle-w4CjbNCf.js';
+import '../chunks/bundle-BSk0V4c7.js';
+import '../chunks/bundle-_eyrDcfG.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-Cyq2ZaJb.js';
-import '../chunks/bundle-CopNic9v.js';
+import '../chunks/bundle-cyqCJOXP.js';
+import '../chunks/bundle-S6HEUDHq.js';
 import './TextButton.js';
-import '../chunks/bundle-BpOEDk4N.js';
+import '../chunks/bundle-DmtJDvJO.js';
 import './FileViewer.js';
-import '../chunks/bundle-D97UcpIe.js';
+import '../chunks/bundle-CeB984LL.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
 import './PlaybackTime.js';
-import '../chunks/bundle-CmkJzmJF.js';
+import '../chunks/bundle-BZ0pRqJA.js';
 import './FallbackTemplateMessageItemBody.tsx.js';
 import './LoadingTemplateMessageItemBody.tsx.js';
 import './Input.js';
@@ -143,11 +142,11 @@ function MessageBody(props) {
         && isSendableMessage(message)
         && isOGMessage(message); }, function () {
         var _a;
-        return (React__default.createElement(OGMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange }));
+        return (React__default.createElement(OGMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage }));
     })
         .when(isTextMessage, function () {
         var _a;
-        return (React__default.createElement(TextMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel }));
+        return (React__default.createElement(TextMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage }));
     })
         .when(function (message) { return getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React__default.createElement(FileMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
         .when(isMultipleFilesMessage, function () { return (React__default.createElement(MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
@@ -185,6 +184,51 @@ var SbFeedbackStatus;
     SbFeedbackStatus["SUBMITTED"] = "SUBMITTED";
 })(SbFeedbackStatus || (SbFeedbackStatus = {}));
 
+/* global MutationCallback */
+/* global MutationObserverInit */
+// To prevent Undefined lint errors: https://github.com/standard/standard/issues/1159#issuecomment-403003627
+function useElementObserver(selector, targetElement) {
+    var _a = useState(false), isElementMounted = _a[0], setIsElementMounted = _a[1];
+    useEffect(function () {
+        var targetElements = Array.isArray(targetElement) ? targetElement : [targetElement];
+        var updateElementState = function () {
+            var _a;
+            var elements = targetElements === null || targetElements === void 0 ? void 0 : targetElements.map(function (target) { return target === null || target === void 0 ? void 0 : target.querySelector(selector); });
+            setIsElementMounted((_a = elements === null || elements === void 0 ? void 0 : elements.some(function (element) { return !!element; })) !== null && _a !== void 0 ? _a : false);
+        };
+        updateElementState();
+        var observerCallback = function (mutations) {
+            mutations.forEach(function (mutation) {
+                if (mutation.addedNodes.length || mutation.removedNodes.length) {
+                    Array.from(mutation.addedNodes).forEach(function (node) {
+                        if (node.nodeType === Node.ELEMENT_NODE && node.matches(selector)) {
+                            setIsElementMounted(true);
+                        }
+                    });
+                    Array.from(mutation.removedNodes).forEach(function (node) {
+                        if (node.nodeType === Node.ELEMENT_NODE && node.matches(selector)) {
+                            setIsElementMounted(false);
+                        }
+                    });
+                }
+            });
+        };
+        var observer = new MutationObserver(observerCallback);
+        var observerOptions = {
+            childList: true, // Observe addition and removal of child nodes
+            subtree: true, // Observe the entire subtree
+        };
+        targetElements === null || targetElements === void 0 ? void 0 : targetElements.forEach(function (target) {
+            if (target)
+                observer.observe(target, observerOptions);
+        });
+        return function () {
+            observer.disconnect();
+        };
+    }, [selector, targetElement]);
+    return isElementMounted;
+}
+
 function MessageContent(props) {
     var _this = this;
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
@@ -197,22 +241,25 @@ function MessageContent(props) {
     var _3 = useSendbirdStateContext(), config = _3.config, eventHandlers = _3.eventHandlers;
     var logger = config.logger;
     var onPressUserProfileHandler = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _a === void 0 ? void 0 : _a.onPressUserProfile;
-    var contentRef = useRef(null);
+    var contentRef = useRef();
     var timestampRef = useRef();
     var threadRepliesRef = useRef();
     var feedbackButtonsRef = useRef();
     var isMobile = useMediaQueryContext().isMobile;
     var _4 = useState(false), showMenu = _4[0], setShowMenu = _4[1];
     var _5 = useState(false), mouseHover = _5[0], setMouseHover = _5[1];
-    var _6 = useState(false), supposedHover = _6[0], setSupposedHover = _6[1];
+    var isMenuMounted = useElementObserver("#".concat(getObservingId(message.messageId), ".").concat(MENU_OBSERVING_CLASS_NAME), [
+        document.getElementById(MENU_ROOT_ID),
+        document.getElementById(EMOJI_MENU_ROOT_ID),
+    ]);
     // Feedback states
-    var _7 = useState(false), showFeedbackOptionsMenu = _7[0], setShowFeedbackOptionsMenu = _7[1];
-    var _8 = useState(false), showFeedbackModal = _8[0], setShowFeedbackModal = _8[1];
-    var _9 = useState(''), feedbackFailedText = _9[0], setFeedbackFailedText = _9[1];
-    var _10 = useState(getMessageContentMiddleClassNameByContainerType({
+    var _6 = useState(false), showFeedbackOptionsMenu = _6[0], setShowFeedbackOptionsMenu = _6[1];
+    var _7 = useState(false), showFeedbackModal = _7[0], setShowFeedbackModal = _7[1];
+    var _8 = useState(''), feedbackFailedText = _8[0], setFeedbackFailedText = _8[1];
+    var _9 = useState(getMessageContentMiddleClassNameByContainerType({
         message: message,
         isMobile: isMobile,
-    })), uiContainerType = _10[0], setUiContainerType = _10[1];
+    })), uiContainerType = _9[0], setUiContainerType = _9[1];
     var onTemplateMessageRenderedCallback = function (renderedTemplateType) {
         if (renderedTemplateType === 'failed') {
             setUiContainerType(UI_CONTAINER_TYPES.DEFAULT);
@@ -232,7 +279,7 @@ function MessageContent(props) {
     var chainTopClassName = chainTop ? 'chain-top' : '';
     var isReactionEnabledInChannel = isReactionEnabled && !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral);
     var isReactionEnabledClassName = isReactionEnabledInChannel ? 'use-reactions' : '';
-    var supposedHoverClassName = supposedHover ? 'sendbird-mouse-hover' : '';
+    var hoveredMenuClassName = isMenuMounted ? 'sendbird-mouse-hover' : '';
     var useReplying = !!((replyType === 'QUOTE_REPLY' || replyType === 'THREAD')
         && (message === null || message === void 0 ? void 0 : message.parentMessageId) && (message === null || message === void 0 ? void 0 : message.parentMessage)
         && !disableQuoteMessage);
@@ -313,18 +360,16 @@ function MessageContent(props) {
         ]), onMouseOver: function () { return setMouseHover(true); }, onMouseLeave: function () { return setMouseHover(false); } },
         React__default.createElement("div", { className: classnames('sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName), "data-testid": "sendbird-message-content__left" },
             renderSenderProfile(__assign(__assign({}, props), { isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
-            showOutgoingMenu && (React__default.createElement("div", { className: classnames('sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName) },
+            showOutgoingMenu && (React__default.createElement("div", { className: classnames('sendbird-message-content-menu', isReactionEnabledClassName, hoveredMenuClassName, isByMeClassName) },
                 renderMessageMenu({
                     channel: channel,
                     message: message,
                     isByMe: isByMe,
                     replyType: replyType,
-                    disabled: disabled,
                     showEdit: showEdit,
                     showRemove: showRemove,
                     resendMessage: resendMessage,
                     setQuoteMessage: setQuoteMessage,
-                    setSupposedHover: setSupposedHover,
                     onReplyInThread: function (_a) {
                         var _b, _c;
                         var message = _a.message;
@@ -342,7 +387,6 @@ function MessageContent(props) {
                     userId: userId,
                     emojiContainer: emojiContainer,
                     toggleReaction: toggleReaction,
-                    setSupposedHover: setSupposedHover,
                 }))))),
         React__default.createElement("div", __assign({ className: classnames('sendbird-message-content__middle', isTemplateMessage(message) && 'sendbird-message-content__middle__for_template_message', uiContainerType), "data-testid": "sendbird-message-content__middle" }, (isMobile ? __assign({}, longPress) : {}), { ref: contentRef }),
             !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
@@ -358,7 +402,7 @@ function MessageContent(props) {
                         }
                     } }))) : null,
             React__default.createElement("div", { className: classnames('sendbird-message-content__middle__body-container', isTemplateMessage(message) && 'sendbird-message-content__middle__for_template_message') },
-                (isByMe && !chainBottom) && (React__default.createElement("div", { className: classnames('sendbird-message-content__middle__body-container__created-at', 'left', supposedHoverClassName, uiContainerType), ref: timestampRef },
+                (isByMe && !chainBottom) && (React__default.createElement("div", { className: classnames('sendbird-message-content__middle__body-container__created-at', 'left', hoveredMenuClassName, uiContainerType), ref: timestampRef },
                     React__default.createElement("div", { className: "sendbird-message-content__middle__body-container__created-at__component-container" },
                         React__default.createElement(MessageStatus, { message: message, channel: channel })))),
                 renderMessageBody({
@@ -385,7 +429,7 @@ function MessageContent(props) {
                     toggleReaction: toggleReaction,
                     onPressUserProfile: onPressUserProfileHandler,
                 }))),
-                (!isByMe && !chainBottom) && (React__default.createElement(Label, { className: classnames('sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName, uiContainerType), type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2, ref: timestampRef }, format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
+                (!isByMe && !chainBottom) && (React__default.createElement(Label, { className: classnames('sendbird-message-content__middle__body-container__created-at', 'right', hoveredMenuClassName, uiContainerType), type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2, ref: timestampRef }, format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
                     locale: dateLocale,
                 })))),
             isTimestampBottom && React__default.createElement("div", { style: {
@@ -458,14 +502,13 @@ function MessageContent(props) {
                     }); }, disabled: !!(message === null || message === void 0 ? void 0 : message.myFeedback) && message.myFeedback.rating !== FeedbackRating.BAD },
                     React__default.createElement(Icon, { type: IconTypes.FEEDBACK_DISLIKE, width: '24px', height: '24px' })))),
         showRightContent && (React__default.createElement("div", { className: classnames('sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName), "data-testid": "sendbird-message-content__right" },
-            React__default.createElement("div", { className: classnames('sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName) },
+            React__default.createElement("div", { className: classnames('sendbird-message-content-menu', chainTopClassName, hoveredMenuClassName, isByMeClassName) },
                 isReactionEnabledInChannel && (renderEmojiMenu({
                     className: 'sendbird-message-content-menu__reaction-menu',
                     message: message,
                     userId: userId,
                     emojiContainer: emojiContainer,
                     toggleReaction: toggleReaction,
-                    setSupposedHover: setSupposedHover,
                 })),
                 renderMessageMenu({
                     className: 'sendbird-message-content-menu__normal-menu',
@@ -473,11 +516,9 @@ function MessageContent(props) {
                     message: message,
                     isByMe: isByMe,
                     replyType: replyType,
-                    disabled: disabled,
                     showRemove: showRemove,
                     resendMessage: resendMessage,
                     setQuoteMessage: setQuoteMessage,
-                    setSupposedHover: setSupposedHover,
                     onReplyInThread: function (_a) {
                         var _b, _c;
                         var message = _a.message;

package/ui/MessageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MessageContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/MessageFeedbackFailedModal.js

@@ -1,32 +1,33 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-DT4DSBZo.js';
-import { M as Modal } from '../chunks/bundle-C7vkuHMJ.js';
+import { L as LocalizationContext } from '../chunks/bundle-DYYQHn6P.js';
+import { M as Modal } from '../chunks/bundle-se1hgaQ-.js';
 import Button, { ButtonTypes } from './Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DEtCTxPD.js';
-import { u as useKeyDown } from '../chunks/bundle-D97UcpIe.js';
-import '../chunks/bundle-DdIo_zFs.js';
-import '../chunks/bundle-DDmvUZXC.js';
-import '../chunks/bundle-D66A0jl2.js';
-import '../chunks/bundle-VXXJZkam.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
+import { u as useKeyDown } from '../chunks/bundle-CeB984LL.js';
+import '../chunks/bundle-DIOwxpcG.js';
+import '../chunks/bundle-CNHyfb7V.js';
+import '../chunks/bundle-D7eYnlgm.js';
+import '../chunks/bundle-Bq0-bOfM.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DI7rfz5k.js';
-import '../chunks/bundle-BOBvB-6E.js';
-import '../chunks/bundle-BPHZWcCv.js';
+import '../chunks/bundle-CT6oIowo.js';
+import '../chunks/bundle-DKbR0B7W.js';
+import '../chunks/bundle-CdRIsiQ1.js';
 import 'react-dom';
-import '../chunks/bundle-ByOz6UaI.js';
+import '../chunks/bundle-5suIscWh.js';
 import './IconButton.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-BJuiDRhf.js';
+import '../chunks/bundle-CjreAsCZ.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DEc9jVCz.js';
-import '../chunks/bundle-B9jaULeT.js';
+import '../chunks/bundle-DDA3KytI.js';
+import '../chunks/bundle-DjH4PXg3.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-p7o7XIwK.js';
+import './ContextMenu.js';
+import './SortByRow.js';
 
 function MessageFeedbackFailedModal(props) {
     var text = props.text, onCancel = props.onCancel;

package/ui/MessageFeedbackFailedModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageFeedbackFailedModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MessageFeedbackFailedModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}