@sendbird/uikit-react 3.5.0-mobile-web-0 → 3.5.0-mobile-rc-2

package/ui/MessageContent.js

@@ -1,13 +1,13 @@
-import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-ce69e916.js';
+import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-447283c1.js';
 import React__default, { useContext, useRef, useState } from 'react';
-import { f as format } from '../index-06f34585.js';
+import { f as format } from '../index-9bd6a977.js';
 import Avatar from './Avatar.js';
 import UserProfile from './UserProfile.js';
-import { M as MessageStatus } from '../index-c6df8184.js';
+import { M as MessageStatus } from '../index-777dd564.js';
 import MessageItemMenu from './MessageItemMenu.js';
 import MessageItemReactionMenu from './MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1cd2fcf.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-428dfbbb.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
@@ -16,59 +16,60 @@ import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { u as getUIKitMessageTypes, j as getClassName, v as getSenderName, w as isTextMessage, x as isOGMessage, s as getUIKitMessageType, d as isVoiceMessage, n as isThumbnailMessage } from '../index-fd51c7d1.js';
-import { a as UserProfileContext } from '../UserProfileContext-7e645551.js';
-import { u as useLocalization } from '../LocalizationContext-1839d2db.js';
+import { s as getUIKitMessageTypes, h as getClassName, u as getSenderName, v as isOGMessage, w as isTextMessage, r as getUIKitMessageType, d as isVoiceMessage, m as isThumbnailMessage } from '../index-23c41d59.js';
+import { a as UserProfileContext } from '../UserProfileContext-ce4a3d51.js';
+import { u as useLocalization } from '../LocalizationContext-98745624.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useLongPress } from '../useLongPress-685c7391.js';
-import { M as MobileMenu } from '../index-edfb3327.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-0e0b3a1b.js';
+import { u as useLongPress } from '../useLongPress-9865142d.js';
+import { M as MobileMenu } from '../index-903c2a2c.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-6d766662.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../const-a77c08c9.js';
+import { T as ThreadReplySelectType } from '../const-6d65fabb.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
-import { n as noop } from '../utils-256f157f.js';
-import '../index-d9c12cf4.js';
+import { n as noop } from '../utils-24dcdae9.js';
+import '../index-88ce0c27.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-720c99c0.js';
+import '../uuid-aad1e324.js';
 import '../sendbirdSelectors.js';
-import '../topics-f9628f1f.js';
+import '../topics-1e293d68.js';
 import './Button.js';
-import '../stringSet-d368e289.js';
+import '../stringSet-c7aab2f2.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-5db37327.js';
-import '../index-9781d2b9.js';
+import '../index-220d8a67.js';
+import '../index-e06140fa.js';
 import './IconButton.js';
-import '../types-2b508dbc.js';
+import '../types-0cc4206d.js';
 import './ReactionButton.js';
 import 'react-dom';
 import './SortByRow.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../index-3165e396.js';
+import '../index-81c890ab.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../tokenize-7056afb7.js';
-import '../index-3130ac38.js';
-import '../index.module-8c144786.js';
+import '../tokenize-fcce2576.js';
+import '../index-84b66a35.js';
+import '../index.module-2576c9ac.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../consts-decd9c7d.js';
+import '../consts-66ff57d0.js';
 import './TextButton.js';
-import '../color-4ca8a2ea.js';
-import '../consts-d46e0fc1.js';
+import '../color-e245623c.js';
+import '../consts-ed8231c7.js';
 import '../withSendbird.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../index-5644a6c0.js';
-import '../consts-9393e7c8.js';
+import '../index-d8a55f17.js';
+import '../consts-1a2e6bf0.js';
 import '../VoiceRecorder/context.js';
+import './Modal.js';
 import './PlaybackTime.js';
 
 // should initialize in UserProfileContext.jsx
@@ -127,6 +128,7 @@ function MessageContent(_ref) {
   const supposedHoverClassName = supposedHover ? 'sendbird-mouse-hover' : '';
   const useReplying = !!((replyType === 'QUOTE_REPLY' || replyType === 'THREAD') && message !== null && message !== void 0 && message.parentMessageId && message !== null && message !== void 0 && message.parentMessage && !disableQuoteMessage);
   const useReplyingClassName = useReplying ? 'use-quote' : '';
+  const isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
 
   // Thread replies
   const displayThreadReplies = (message === null || message === void 0 ? void 0 : (_message$threadInfo = message.threadInfo) === null || _message$threadInfo === void 0 ? void 0 : _message$threadInfo.replyCount) > 0 && replyType === 'THREAD';
@@ -257,6 +259,7 @@ function MessageContent(_ref) {
   ), useReplying ? /*#__PURE__*/React__default.createElement("div", {
     className: getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName])
   }, /*#__PURE__*/React__default.createElement(QuoteMessage, {
+    className: "sendbird-message-content__middle__quote-message__quote",
     message: message,
     userId: userId,
     isByMe: isByMe,
@@ -281,21 +284,21 @@ function MessageContent(_ref) {
   }, /*#__PURE__*/React__default.createElement(MessageStatus, {
     message: message,
     channel: channel
-  }))), isTextMessage(message) && /*#__PURE__*/React__default.createElement(TextMessageItemBody, {
+  }))), isOgMessageEnabledInGroupChannel && isOGMessage(message) ? /*#__PURE__*/React__default.createElement(OGMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
     isByMe: isByMe,
     mouseHover: mouseHover,
     isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false,
-    isReactionEnabled: isReactionEnabledInChannel
-  }), isOGMessage(message) && /*#__PURE__*/React__default.createElement(OGMessageItemBody, {
+    isReactionEnabled: isReactionEnabledInChannel,
+    onMessageHeightChange: onMessageHeightChange
+  }) : isTextMessage(message) && /*#__PURE__*/React__default.createElement(TextMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
     isByMe: isByMe,
     mouseHover: mouseHover,
     isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false,
-    isReactionEnabled: isReactionEnabledInChannel,
-    onMessageHeightChange: onMessageHeightChange
+    isReactionEnabled: isReactionEnabledInChannel
   }), getUIKitMessageType(message) === messageTypes.FILE && /*#__PURE__*/React__default.createElement(FileMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
@@ -314,7 +317,10 @@ function MessageContent(_ref) {
     isByMe: isByMe,
     mouseHover: mouseHover,
     isReactionEnabled: isReactionEnabledInChannel,
-    showFileViewer: showFileViewer
+    showFileViewer: showFileViewer,
+    style: isMobile ? {
+      width: '100%'
+    } : {}
   }), getUIKitMessageType(message) === messageTypes.UNKNOWN && /*#__PURE__*/React__default.createElement(UnknownMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,

package/ui/MessageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContent.js","sources":["../../src/ui/MessageContent/index.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport UserProfile from '../UserProfile';\nimport MessageStatus from '../MessageStatus';\nimport MessageItemMenu from '../MessageItemMenu';\nimport MessageItemReactionMenu from '../MessageItemReactionMenu';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport EmojiReactions from '../EmojiReactions';\n\nimport ClientAdminMessage from '../AdminMessage';\nimport TextMessageItemBody from '../TextMessageItemBody';\nimport FileMessageItemBody from '../FileMessageItemBody';\nimport ThumbnailMessageItemBody from '../ThumbnailMessageItemBody';\nimport OGMessageItemBody from '../OGMessageItemBody';\nimport UnknownMessageItemBody from '../UnknownMessageItemBody';\nimport QuoteMessage from '../QuoteMessage';\n\nimport {\n  getClassName,\n  getUIKitMessageTypes,\n  getUIKitMessageType,\n  isTextMessage,\n  isOGMessage,\n  isThumbnailMessage,\n  getSenderName,\n  isVoiceMessage,\n} from '../../utils';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { ReplyType } from '../../index';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { AdminMessage, FileMessage, Sender, UserMessage } from '@sendbird/chat/message';\nimport useLongPress from '../../hooks/useLongPress';\nimport MobileMenu from '../MobileMenu';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport ThreadReplies from '../ThreadReplies';\nimport { ThreadReplySelectType } from '../../modules/Channel/context/const';\nimport VoiceMessageItemBody from '../VoiceMessageItemBody';\nimport { Nullable } from '../../types';\nimport { noop } from '../../utils/utils';\n\n// should initialize in UserProfileContext.jsx\nexport interface UserProfileContextInterface {\n  disableUserProfile: boolean;\n  isOpenChannel: boolean;\n  renderUserProfile?: (props: { user: Sender, close: () => void }) => React.ReactElement,\n}\n\ninterface Props {\n  className?: string | Array<string>;\n  userId: string;\n  channel: Nullable<GroupChannel>;\n  message: AdminMessage | UserMessage | FileMessage;\n  disabled?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  isReactionEnabled?: boolean;\n  disableQuoteMessage?: boolean;\n  replyType?: ReplyType;\n  threadReplySelectType?: ThreadReplySelectType;\n  nicknamesMap?: Map<string, string>;\n  emojiContainer?: EmojiContainer;\n  scrollToMessage?: (createdAt: number, messageId: number) => void;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  showFileViewer?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => Promise<UserMessage | FileMessage>;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  setQuoteMessage?: (message: UserMessage | FileMessage) => void;\n  onReplyInThread?: (props: { message: UserMessage | FileMessage }) => void;\n  onQuoteMessageClick?: (props: { message: UserMessage | FileMessage }) => void;\n  onMessageHeightChange?: () => void;\n}\nexport default function MessageContent({\n  className,\n  userId,\n  channel,\n  message,\n  disabled = false,\n  chainTop = false,\n  chainBottom = false,\n  isReactionEnabled = false,\n  disableQuoteMessage = false,\n  replyType,\n  threadReplySelectType,\n  nicknamesMap,\n  emojiContainer,\n  scrollToMessage,\n  showEdit,\n  showRemove,\n  showFileViewer,\n  resendMessage,\n  toggleReaction,\n  setQuoteMessage,\n  onReplyInThread,\n  onQuoteMessageClick,\n  onMessageHeightChange,\n}: Props): ReactElement {\n  const messageTypes = getUIKitMessageTypes();\n  const { dateLocale } = useLocalization();\n  const { config } = useSendbirdStateContext?.() || {};\n  const { disableUserProfile, renderUserProfile }: UserProfileContextInterface = useContext(UserProfileContext);\n  const avatarRef = useRef(null);\n  const contentRef = useRef(null);\n  const { isMobile } = useMediaQueryContext();\n  const [showMenu, setShowMenu] = useState(false);\n  const [mouseHover, setMouseHover] = useState(false);\n  const [supposedHover, setSupposedHover] = useState(false);\n\n  const isByMe = (userId === (message as UserMessage | FileMessage)?.sender?.userId)\n    || ((message as UserMessage | FileMessage)?.sendingStatus === 'pending')\n    || ((message as UserMessage | FileMessage)?.sendingStatus === 'failed');\n  const isByMeClassName = isByMe ? 'outgoing' : 'incoming';\n  const chainTopClassName = chainTop ? 'chain-top' : '';\n  const isReactionEnabledInChannel = isReactionEnabled && !channel?.isEphemeral;\n  const isReactionEnabledClassName = isReactionEnabledInChannel ? 'use-reactions' : '';\n  const supposedHoverClassName = supposedHover ? 'sendbird-mouse-hover' : '';\n  const useReplying = !!((replyType === 'QUOTE_REPLY' || replyType === 'THREAD')\n    && message?.parentMessageId && message?.parentMessage\n    && !disableQuoteMessage\n  );\n  const useReplyingClassName = useReplying ? 'use-quote' : '';\n\n  // Thread replies\n  const displayThreadReplies = message?.threadInfo?.replyCount > 0 && replyType === 'THREAD';\n\n  // onMouseDown: (e: React.MouseEvent<T>) => void;\n  // onTouchStart: (e: React.TouchEvent<T>) => void;\n  // onMouseUp: (e: React.MouseEvent<T>) => void;\n  // onMouseLeave: (e: React.MouseEvent<T>) => void;\n  // onTouchEnd: (e: React.TouchEvent<T>) => void;\n  const longPress = useLongPress({\n    onLongPress: () => {\n      if (isMobile) {\n        setShowMenu(true);\n      }\n    },\n    onClick: noop,\n  }, {\n    delay: 300,\n    shouldPreventDefault: false,\n  });\n\n  if (message?.isAdminMessage?.() || message?.messageType === 'admin') {\n    return (<ClientAdminMessage message={message as AdminMessage} />);\n  }\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-content', isByMeClassName])}\n      onMouseOver={() => setMouseHover(true)}\n      onMouseLeave={() => setMouseHover(false)}\n    >\n      {/* left */}\n      <div className={getClassName(['sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName])}>\n        {(!isByMe && !chainBottom) && (\n          /** user profile */\n          <ContextMenu\n            menuTrigger={(toggleDropdown: () => void): ReactElement => (\n              <Avatar\n                className={`sendbird-message-content__left__avatar ${displayThreadReplies ? 'use-thread-replies' : ''}`}\n                // @ts-ignore\n                src={channel?.members?.find((member) => member?.userId === message?.sender?.userId)?.profileUrl || message?.sender?.profileUrl || ''}\n                // TODO: Divide getting profileUrl logic to utils\n                ref={avatarRef}\n                width=\"28px\"\n                height=\"28px\"\n                onClick={(): void => { if (!disableUserProfile) toggleDropdown(); }}\n              />\n            )}\n            menuItems={(closeDropdown: () => void): ReactElement => (\n              <MenuItems\n                /**\n                * parentRef: For catching location(x, y) of MenuItems\n                * parentContainRef: For toggling more options(menus & reactions)\n                */\n                parentRef={avatarRef}\n                parentContainRef={avatarRef}\n                closeDropdown={closeDropdown}\n                style={{ paddingTop: '0px', paddingBottom: '0px' }}\n              >\n                {renderUserProfile\n                  // @ts-ignore\n                  ? renderUserProfile({ user: message?.sender, close: closeDropdown })\n                  // @ts-ignore\n                  : (<UserProfile user={message.sender} onSuccess={closeDropdown} />)\n                }\n              </MenuItems>\n            )}\n          />\n        )}\n        {/* outgoing menu */}\n        {isByMe && !isMobile && (\n          <div className={getClassName(['sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName])}>\n            <MessageItemMenu\n              className=\"sendbird-message-content-menu__normal-menu\"\n              channel={channel}\n              message={message as UserMessage | FileMessage}\n              isByMe={isByMe}\n              replyType={replyType}\n              disabled={disabled}\n              showEdit={showEdit}\n              showRemove={showRemove}\n              resendMessage={resendMessage}\n              setQuoteMessage={setQuoteMessage}\n              setSupposedHover={setSupposedHover}\n              onReplyInThread={({ message }) => {\n                if (threadReplySelectType === ThreadReplySelectType.THREAD) {\n                  onReplyInThread({ message });\n                } else if (threadReplySelectType === ThreadReplySelectType.PARENT) {\n                  scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);\n                }\n              }}\n            />\n            {isReactionEnabledInChannel && (\n              <MessageItemReactionMenu\n                className=\"sendbird-message-content-menu__reaction-menu\"\n                message={message as UserMessage | FileMessage}\n                userId={userId}\n                spaceFromTrigger={{}}\n                emojiContainer={emojiContainer}\n                toggleReaction={toggleReaction}\n                setSupposedHover={setSupposedHover}\n              />\n            )}\n          </div>\n        )}\n      </div>\n      {/* middle */}\n      <div\n        className=\"sendbird-message-content__middle\"\n        {...(isMobile ? { ...longPress } : {})}\n        ref={contentRef}\n      >\n        {(!isByMe && !chainTop && !useReplying) && (\n          <Label\n            className=\"sendbird-message-content__middle__sender-name\"\n            type={LabelTypography.CAPTION_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {\n              // @ts-ignore\n              channel?.members?.find((member) => member?.userId === message?.sender?.userId)?.nickname\n              || getSenderName(message as UserMessage | FileMessage)\n              // TODO: Divide getting profileUrl logic to utils\n            }\n          </Label>\n        )}\n        {/* quote message */}\n        {(useReplying) ? (\n          <div className={getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName])}>\n            <QuoteMessage\n              message={message as UserMessage | FileMessage}\n              userId={userId}\n              isByMe={isByMe}\n              isUnavailable={(replyType === 'THREAD' && (channel?.joinedAt ?? 0 * 1000) > (message.parentMessage?.createdAt ?? 0))}\n              onClick={() => {\n                if (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.THREAD) {\n                  onQuoteMessageClick?.({ message: message as UserMessage | FileMessage });\n                }\n                if (\n                  (replyType === 'QUOTE_REPLY' || (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.PARENT))\n                  && message?.parentMessage?.createdAt && message?.parentMessageId\n                ) {\n                  scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);\n                }\n              }}\n            />\n          </div>\n        ) : null}\n        {/* container: message item body + emoji reactions */}\n        <div className={getClassName(['sendbird-message-content__middle__body-container'])} >\n          {/* message status component */}\n          {(isByMe && !chainBottom) && (\n            <div className={getClassName(['sendbird-message-content__middle__body-container__created-at', 'left', supposedHoverClassName])}>\n              <div className=\"sendbird-message-content__middle__body-container__created-at__component-container\">\n                <MessageStatus\n                  message={message as UserMessage | FileMessage}\n                  channel={channel}\n                />\n              </div>\n            </div>\n          )}\n          {/* message item body components */}\n          {isTextMessage(message as UserMessage) && (\n            <TextMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as UserMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isMentionEnabled={config?.isMentionEnabled || false}\n              isReactionEnabled={isReactionEnabledInChannel}\n            />\n          )}\n          {(isOGMessage(message as UserMessage)) && (\n            <OGMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as UserMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isMentionEnabled={config?.isMentionEnabled || false}\n              isReactionEnabled={isReactionEnabledInChannel}\n              onMessageHeightChange={onMessageHeightChange}\n            />\n          )}\n          {(getUIKitMessageType((message as FileMessage)) === messageTypes.FILE) && (\n            <FileMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as FileMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isReactionEnabled={isReactionEnabledInChannel}\n            />\n          )}\n          {isVoiceMessage(message as FileMessage) && (\n            <VoiceMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as FileMessage}\n              channelUrl={channel?.url ?? ''}\n              isByMe={isByMe}\n              isReactionEnabled={isReactionEnabledInChannel}\n            />\n          )}\n          {(isThumbnailMessage(message as FileMessage)) && (\n            <ThumbnailMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as FileMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isReactionEnabled={isReactionEnabledInChannel}\n              showFileViewer={showFileViewer}\n            />\n          )}\n          {(getUIKitMessageType((message as FileMessage)) === messageTypes.UNKNOWN) && (\n            <UnknownMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isReactionEnabled={isReactionEnabledInChannel}\n            />\n          )}\n          {/* reactions */}\n          {(isReactionEnabledInChannel && message?.reactions?.length > 0) && (\n            <div className={getClassName([\n              'sendbird-message-content-reactions',\n              (!isByMe || isThumbnailMessage(message as FileMessage) || isOGMessage(message as UserMessage)) ? '' : 'primary',\n              mouseHover ? 'mouse-hover' : '',\n            ])}>\n              <EmojiReactions\n                userId={userId}\n                message={message as UserMessage | FileMessage}\n                channel={channel}\n                isByMe={isByMe}\n                emojiContainer={emojiContainer}\n                memberNicknamesMap={nicknamesMap}\n                toggleReaction={toggleReaction}\n              />\n            </div>\n          )}\n          {(!isByMe && !chainBottom) && (\n            <Label\n              className={getClassName(['sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName])}\n              type={LabelTypography.CAPTION_3}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {format(message?.createdAt || 0, 'p', {\n                locale: dateLocale,\n              })}\n            </Label>\n          )}\n        </div>\n        {/* thread replies */}\n        {displayThreadReplies && (\n          <ThreadReplies\n            className=\"sendbird-message-content__middle__thread-replies\"\n            threadInfo={message?.threadInfo}\n            onClick={() => onReplyInThread?.({ message: message as UserMessage | FileMessage })}\n          />\n        )}\n      </div>\n      {/* right */}\n      <div className={getClassName(['sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName])}>\n        {/* incoming menu */}\n        {!isByMe && !isMobile && (\n          <div className={getClassName(['sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName])}>\n            {isReactionEnabledInChannel && (\n              <MessageItemReactionMenu\n                className=\"sendbird-message-content-menu__reaction-menu\"\n                message={message as UserMessage | FileMessage}\n                userId={userId}\n                spaceFromTrigger={{}}\n                emojiContainer={emojiContainer}\n                toggleReaction={toggleReaction}\n                setSupposedHover={setSupposedHover}\n              />\n            )}\n            <MessageItemMenu\n              className=\"sendbird-message-content-menu__normal-menu\"\n              channel={channel}\n              message={message as UserMessage | FileMessage}\n              isByMe={isByMe}\n              replyType={replyType}\n              disabled={disabled}\n              showRemove={showRemove}\n              resendMessage={resendMessage}\n              setQuoteMessage={setQuoteMessage}\n              setSupposedHover={setSupposedHover}\n              onReplyInThread={({ message }) => {\n                if (threadReplySelectType === ThreadReplySelectType.THREAD) {\n                  onReplyInThread({ message });\n                } else if (threadReplySelectType === ThreadReplySelectType.PARENT) {\n                  scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);\n                }\n              }}\n            />\n          </div>\n        )}\n      </div>\n      {\n        showMenu && (\n          message?.isUserMessage?.() || message?.isFileMessage?.()\n        ) && (\n          <MobileMenu\n            parentRef={contentRef}\n            channel={channel}\n            hideMenu={() => { setShowMenu(false); }}\n            message={message}\n            isReactionEnabled={isReactionEnabledInChannel}\n            isByMe={isByMe}\n            userId={userId}\n            replyType={replyType}\n            disabled={disabled}\n            showRemove={showRemove}\n            emojiContainer={emojiContainer}\n            resendMessage={resendMessage}\n            setQuoteMessage={setQuoteMessage}\n            toggleReaction={toggleReaction}\n            showEdit={showEdit}\n            onReplyInThread={({ message }) => {\n              if (threadReplySelectType === ThreadReplySelectType.THREAD) {\n                onReplyInThread?.({ message });\n              } else if (threadReplySelectType === ThreadReplySelectType.PARENT) {\n                scrollToMessage?.(message?.parentMessage?.createdAt || 0, message?.parentMessageId || 0);\n              }\n            }}\n          />\n        )\n      }\n    </div>\n  );\n}\n"],"names":["MessageContent","_ref","_sender","_message$threadInfo","_message$isAdminMessa","_channel$members2","_channel$members2$fin","_channel$joinedAt","_message$parentMessag","_message$parentMessag2","_channel$url","_message$reactions","_message$isUserMessag","_message$isFileMessag","className","userId","channel","message","disabled","chainTop","chainBottom","isReactionEnabled","disableQuoteMessage","replyType","threadReplySelectType","nicknamesMap","emojiContainer","scrollToMessage","showEdit","showRemove","showFileViewer","resendMessage","toggleReaction","setQuoteMessage","onReplyInThread","onQuoteMessageClick","onMessageHeightChange","messageTypes","getUIKitMessageTypes","dateLocale","useLocalization","config","useSendbirdStateContext","disableUserProfile","renderUserProfile","useContext","UserProfileContext","avatarRef","useRef","contentRef","isMobile","useMediaQueryContext","showMenu","setShowMenu","useState","mouseHover","setMouseHover","supposedHover","setSupposedHover","isByMe","sender","sendingStatus","isByMeClassName","chainTopClassName","isReactionEnabledInChannel","isEphemeral","isReactionEnabledClassName","supposedHoverClassName","useReplying","parentMessageId","parentMessage","useReplyingClassName","displayThreadReplies","threadInfo","replyCount","longPress","useLongPress","onLongPress","onClick","noop","delay","shouldPreventDefault","isAdminMessage","call","messageType","React","createElement","ClientAdminMessage","getClassName","onMouseOver","onMouseLeave","ContextMenu","menuTrigger","toggleDropdown","_channel$members","_channel$members$find","_message$sender2","Avatar","src","members","find","member","_message$sender","profileUrl","ref","width","height","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","user","close","UserProfile","onSuccess","MessageItemMenu","_ref2","ThreadReplySelectType","THREAD","PARENT","createdAt","MessageItemReactionMenu","spaceFromTrigger","_extends","_objectSpread","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2","_message$sender3","nickname","getSenderName","QuoteMessage","isUnavailable","joinedAt","_message$parentMessag3","MessageStatus","isTextMessage","TextMessageItemBody","isMentionEnabled","isOGMessage","OGMessageItemBody","getUIKitMessageType","FILE","FileMessageItemBody","isVoiceMessage","VoiceMessageItemBody","channelUrl","url","isThumbnailMessage","ThumbnailMessageItemBody","UNKNOWN","UnknownMessageItemBody","reactions","length","EmojiReactions","memberNicknamesMap","CAPTION_3","format","locale","ThreadReplies","_ref3","isUserMessage","isFileMessage","MobileMenu","hideMenu","_ref4","_message$parentMessag4"],"mappings":"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"}
+{"version":3,"file":"MessageContent.js","sources":["../../src/ui/MessageContent/index.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport UserProfile from '../UserProfile';\nimport MessageStatus from '../MessageStatus';\nimport MessageItemMenu from '../MessageItemMenu';\nimport MessageItemReactionMenu from '../MessageItemReactionMenu';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport EmojiReactions from '../EmojiReactions';\n\nimport ClientAdminMessage from '../AdminMessage';\nimport TextMessageItemBody from '../TextMessageItemBody';\nimport FileMessageItemBody from '../FileMessageItemBody';\nimport ThumbnailMessageItemBody from '../ThumbnailMessageItemBody';\nimport OGMessageItemBody from '../OGMessageItemBody';\nimport UnknownMessageItemBody from '../UnknownMessageItemBody';\nimport QuoteMessage from '../QuoteMessage';\n\nimport {\n  getClassName,\n  getUIKitMessageTypes,\n  getUIKitMessageType,\n  isTextMessage,\n  isOGMessage,\n  isThumbnailMessage,\n  getSenderName,\n  isVoiceMessage,\n} from '../../utils';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { ReplyType } from '../../index';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { AdminMessage, FileMessage, Sender, UserMessage } from '@sendbird/chat/message';\nimport useLongPress from '../../hooks/useLongPress';\nimport MobileMenu from '../MobileMenu';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport ThreadReplies from '../ThreadReplies';\nimport { ThreadReplySelectType } from '../../modules/Channel/context/const';\nimport VoiceMessageItemBody from '../VoiceMessageItemBody';\nimport { Nullable } from '../../types';\nimport { noop } from '../../utils/utils';\n\n// should initialize in UserProfileContext.jsx\nexport interface UserProfileContextInterface {\n  disableUserProfile: boolean;\n  isOpenChannel: boolean;\n  renderUserProfile?: (props: { user: Sender, close: () => void }) => React.ReactElement,\n}\n\ninterface Props {\n  className?: string | Array<string>;\n  userId: string;\n  channel: Nullable<GroupChannel>;\n  message: AdminMessage | UserMessage | FileMessage;\n  disabled?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  isReactionEnabled?: boolean;\n  disableQuoteMessage?: boolean;\n  replyType?: ReplyType;\n  threadReplySelectType?: ThreadReplySelectType;\n  nicknamesMap?: Map<string, string>;\n  emojiContainer?: EmojiContainer;\n  scrollToMessage?: (createdAt: number, messageId: number) => void;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  showFileViewer?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => Promise<UserMessage | FileMessage>;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  setQuoteMessage?: (message: UserMessage | FileMessage) => void;\n  onReplyInThread?: (props: { message: UserMessage | FileMessage }) => void;\n  onQuoteMessageClick?: (props: { message: UserMessage | FileMessage }) => void;\n  onMessageHeightChange?: () => void;\n}\nexport default function MessageContent({\n  className,\n  userId,\n  channel,\n  message,\n  disabled = false,\n  chainTop = false,\n  chainBottom = false,\n  isReactionEnabled = false,\n  disableQuoteMessage = false,\n  replyType,\n  threadReplySelectType,\n  nicknamesMap,\n  emojiContainer,\n  scrollToMessage,\n  showEdit,\n  showRemove,\n  showFileViewer,\n  resendMessage,\n  toggleReaction,\n  setQuoteMessage,\n  onReplyInThread,\n  onQuoteMessageClick,\n  onMessageHeightChange,\n}: Props): ReactElement {\n  const messageTypes = getUIKitMessageTypes();\n  const { dateLocale } = useLocalization();\n  const { config } = useSendbirdStateContext?.() || {};\n  const { disableUserProfile, renderUserProfile }: UserProfileContextInterface = useContext(UserProfileContext);\n  const avatarRef = useRef(null);\n  const contentRef = useRef(null);\n  const { isMobile } = useMediaQueryContext();\n  const [showMenu, setShowMenu] = useState(false);\n  const [mouseHover, setMouseHover] = useState(false);\n  const [supposedHover, setSupposedHover] = useState(false);\n\n  const isByMe = (userId === (message as UserMessage | FileMessage)?.sender?.userId)\n    || ((message as UserMessage | FileMessage)?.sendingStatus === 'pending')\n    || ((message as UserMessage | FileMessage)?.sendingStatus === 'failed');\n  const isByMeClassName = isByMe ? 'outgoing' : 'incoming';\n  const chainTopClassName = chainTop ? 'chain-top' : '';\n  const isReactionEnabledInChannel = isReactionEnabled && !channel?.isEphemeral;\n  const isReactionEnabledClassName = isReactionEnabledInChannel ? 'use-reactions' : '';\n  const supposedHoverClassName = supposedHover ? 'sendbird-mouse-hover' : '';\n  const useReplying = !!((replyType === 'QUOTE_REPLY' || replyType === 'THREAD')\n    && message?.parentMessageId && message?.parentMessage\n    && !disableQuoteMessage\n  );\n  const useReplyingClassName = useReplying ? 'use-quote' : '';\n\n  const isOgMessageEnabledInGroupChannel = channel?.isGroupChannel() && config.groupChannel.enableOgtag;\n\n  // Thread replies\n  const displayThreadReplies = message?.threadInfo?.replyCount > 0 && replyType === 'THREAD';\n\n  // onMouseDown: (e: React.MouseEvent<T>) => void;\n  // onTouchStart: (e: React.TouchEvent<T>) => void;\n  // onMouseUp: (e: React.MouseEvent<T>) => void;\n  // onMouseLeave: (e: React.MouseEvent<T>) => void;\n  // onTouchEnd: (e: React.TouchEvent<T>) => void;\n  const longPress = useLongPress({\n    onLongPress: () => {\n      if (isMobile) {\n        setShowMenu(true);\n      }\n    },\n    onClick: noop,\n  }, {\n    delay: 300,\n    shouldPreventDefault: false,\n  });\n\n  if (message?.isAdminMessage?.() || message?.messageType === 'admin') {\n    return (<ClientAdminMessage message={message as AdminMessage} />);\n  }\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-content', isByMeClassName])}\n      onMouseOver={() => setMouseHover(true)}\n      onMouseLeave={() => setMouseHover(false)}\n    >\n      {/* left */}\n      <div className={getClassName(['sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName])}>\n        {(!isByMe && !chainBottom) && (\n          /** user profile */\n          <ContextMenu\n            menuTrigger={(toggleDropdown: () => void): ReactElement => (\n              <Avatar\n                className={`sendbird-message-content__left__avatar ${displayThreadReplies ? 'use-thread-replies' : ''}`}\n                // @ts-ignore\n                src={channel?.members?.find((member) => member?.userId === message?.sender?.userId)?.profileUrl || message?.sender?.profileUrl || ''}\n                // TODO: Divide getting profileUrl logic to utils\n                ref={avatarRef}\n                width=\"28px\"\n                height=\"28px\"\n                onClick={(): void => { if (!disableUserProfile) toggleDropdown(); }}\n              />\n            )}\n            menuItems={(closeDropdown: () => void): ReactElement => (\n              <MenuItems\n                /**\n                * parentRef: For catching location(x, y) of MenuItems\n                * parentContainRef: For toggling more options(menus & reactions)\n                */\n                parentRef={avatarRef}\n                parentContainRef={avatarRef}\n                closeDropdown={closeDropdown}\n                style={{ paddingTop: '0px', paddingBottom: '0px' }}\n              >\n                {renderUserProfile\n                  // @ts-ignore\n                  ? renderUserProfile({ user: message?.sender, close: closeDropdown })\n                  // @ts-ignore\n                  : (<UserProfile user={message.sender} onSuccess={closeDropdown} />)\n                }\n              </MenuItems>\n            )}\n          />\n        )}\n        {/* outgoing menu */}\n        {isByMe && !isMobile && (\n          <div className={getClassName(['sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName])}>\n            <MessageItemMenu\n              className=\"sendbird-message-content-menu__normal-menu\"\n              channel={channel}\n              message={message as UserMessage | FileMessage}\n              isByMe={isByMe}\n              replyType={replyType}\n              disabled={disabled}\n              showEdit={showEdit}\n              showRemove={showRemove}\n              resendMessage={resendMessage}\n              setQuoteMessage={setQuoteMessage}\n              setSupposedHover={setSupposedHover}\n              onReplyInThread={({ message }) => {\n                if (threadReplySelectType === ThreadReplySelectType.THREAD) {\n                  onReplyInThread({ message });\n                } else if (threadReplySelectType === ThreadReplySelectType.PARENT) {\n                  scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);\n                }\n              }}\n            />\n            {isReactionEnabledInChannel && (\n              <MessageItemReactionMenu\n                className=\"sendbird-message-content-menu__reaction-menu\"\n                message={message as UserMessage | FileMessage}\n                userId={userId}\n                spaceFromTrigger={{}}\n                emojiContainer={emojiContainer}\n                toggleReaction={toggleReaction}\n                setSupposedHover={setSupposedHover}\n              />\n            )}\n          </div>\n        )}\n      </div>\n      {/* middle */}\n      <div\n        className=\"sendbird-message-content__middle\"\n        {...(isMobile ? { ...longPress } : {})}\n        ref={contentRef}\n      >\n        {(!isByMe && !chainTop && !useReplying) && (\n          <Label\n            className=\"sendbird-message-content__middle__sender-name\"\n            type={LabelTypography.CAPTION_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {\n              // @ts-ignore\n              channel?.members?.find((member) => member?.userId === message?.sender?.userId)?.nickname\n              || getSenderName(message as UserMessage | FileMessage)\n              // TODO: Divide getting profileUrl logic to utils\n            }\n          </Label>\n        )}\n        {/* quote message */}\n        {(useReplying) ? (\n          <div className={getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName])}>\n            <QuoteMessage\n              className=\"sendbird-message-content__middle__quote-message__quote\"\n              message={message as UserMessage | FileMessage}\n              userId={userId}\n              isByMe={isByMe}\n              isUnavailable={(replyType === 'THREAD' && (channel?.joinedAt ?? 0 * 1000) > (message.parentMessage?.createdAt ?? 0))}\n              onClick={() => {\n                if (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.THREAD) {\n                  onQuoteMessageClick?.({ message: message as UserMessage | FileMessage });\n                }\n                if (\n                  (replyType === 'QUOTE_REPLY' || (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.PARENT))\n                  && message?.parentMessage?.createdAt && message?.parentMessageId\n                ) {\n                  scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);\n                }\n              }}\n            />\n          </div>\n        ) : null}\n        {/* container: message item body + emoji reactions */}\n        <div className={getClassName(['sendbird-message-content__middle__body-container'])} >\n          {/* message status component */}\n          {(isByMe && !chainBottom) && (\n            <div className={getClassName(['sendbird-message-content__middle__body-container__created-at', 'left', supposedHoverClassName])}>\n              <div className=\"sendbird-message-content__middle__body-container__created-at__component-container\">\n                <MessageStatus\n                  message={message as UserMessage | FileMessage}\n                  channel={channel}\n                />\n              </div>\n            </div>\n          )}\n          {/* message item body components */}\n          {isOgMessageEnabledInGroupChannel && isOGMessage(message as UserMessage) ? (\n            <OGMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as UserMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isMentionEnabled={config?.isMentionEnabled || false}\n              isReactionEnabled={isReactionEnabledInChannel}\n              onMessageHeightChange={onMessageHeightChange}\n            />\n          ) : isTextMessage(message as UserMessage) && (\n            <TextMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as UserMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isMentionEnabled={config?.isMentionEnabled || false}\n              isReactionEnabled={isReactionEnabledInChannel}\n            />\n          )}\n          {(getUIKitMessageType((message as FileMessage)) === messageTypes.FILE) && (\n            <FileMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as FileMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isReactionEnabled={isReactionEnabledInChannel}\n            />\n          )}\n          {isVoiceMessage(message as FileMessage) && (\n            <VoiceMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as FileMessage}\n              channelUrl={channel?.url ?? ''}\n              isByMe={isByMe}\n              isReactionEnabled={isReactionEnabledInChannel}\n            />\n          )}\n          {(isThumbnailMessage(message as FileMessage)) && (\n            <ThumbnailMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as FileMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isReactionEnabled={isReactionEnabledInChannel}\n              showFileViewer={showFileViewer}\n              style={isMobile ? { width: '100%' } : {}}\n            />\n          )}\n          {(getUIKitMessageType((message as FileMessage)) === messageTypes.UNKNOWN) && (\n            <UnknownMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isReactionEnabled={isReactionEnabledInChannel}\n            />\n          )}\n          {/* reactions */}\n          {(isReactionEnabledInChannel && message?.reactions?.length > 0) && (\n            <div className={getClassName([\n              'sendbird-message-content-reactions',\n              (!isByMe || isThumbnailMessage(message as FileMessage) || isOGMessage(message as UserMessage)) ? '' : 'primary',\n              mouseHover ? 'mouse-hover' : '',\n            ])}>\n              <EmojiReactions\n                userId={userId}\n                message={message as UserMessage | FileMessage}\n                channel={channel}\n                isByMe={isByMe}\n                emojiContainer={emojiContainer}\n                memberNicknamesMap={nicknamesMap}\n                toggleReaction={toggleReaction}\n              />\n            </div>\n          )}\n          {(!isByMe && !chainBottom) && (\n            <Label\n              className={getClassName(['sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName])}\n              type={LabelTypography.CAPTION_3}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {format(message?.createdAt || 0, 'p', {\n                locale: dateLocale,\n              })}\n            </Label>\n          )}\n        </div>\n        {/* thread replies */}\n        {displayThreadReplies && (\n          <ThreadReplies\n            className=\"sendbird-message-content__middle__thread-replies\"\n            threadInfo={message?.threadInfo}\n            onClick={() => onReplyInThread?.({ message: message as UserMessage | FileMessage })}\n          />\n        )}\n      </div>\n      {/* right */}\n      <div className={getClassName(['sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName])}>\n        {/* incoming menu */}\n        {!isByMe && !isMobile && (\n          <div className={getClassName(['sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName])}>\n            {isReactionEnabledInChannel && (\n              <MessageItemReactionMenu\n                className=\"sendbird-message-content-menu__reaction-menu\"\n                message={message as UserMessage | FileMessage}\n                userId={userId}\n                spaceFromTrigger={{}}\n                emojiContainer={emojiContainer}\n                toggleReaction={toggleReaction}\n                setSupposedHover={setSupposedHover}\n              />\n            )}\n            <MessageItemMenu\n              className=\"sendbird-message-content-menu__normal-menu\"\n              channel={channel}\n              message={message as UserMessage | FileMessage}\n              isByMe={isByMe}\n              replyType={replyType}\n              disabled={disabled}\n              showRemove={showRemove}\n              resendMessage={resendMessage}\n              setQuoteMessage={setQuoteMessage}\n              setSupposedHover={setSupposedHover}\n              onReplyInThread={({ message }) => {\n                if (threadReplySelectType === ThreadReplySelectType.THREAD) {\n                  onReplyInThread({ message });\n                } else if (threadReplySelectType === ThreadReplySelectType.PARENT) {\n                  scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);\n                }\n              }}\n            />\n          </div>\n        )}\n      </div>\n      {\n        showMenu && (\n          message?.isUserMessage?.() || message?.isFileMessage?.()\n        ) && (\n          <MobileMenu\n            parentRef={contentRef}\n            channel={channel}\n            hideMenu={() => { setShowMenu(false); }}\n            message={message}\n            isReactionEnabled={isReactionEnabledInChannel}\n            isByMe={isByMe}\n            userId={userId}\n            replyType={replyType}\n            disabled={disabled}\n            showRemove={showRemove}\n            emojiContainer={emojiContainer}\n            resendMessage={resendMessage}\n            setQuoteMessage={setQuoteMessage}\n            toggleReaction={toggleReaction}\n            showEdit={showEdit}\n            onReplyInThread={({ message }) => {\n              if (threadReplySelectType === ThreadReplySelectType.THREAD) {\n                onReplyInThread?.({ message });\n              } else if (threadReplySelectType === ThreadReplySelectType.PARENT) {\n                scrollToMessage?.(message?.parentMessage?.createdAt || 0, message?.parentMessageId || 0);\n              }\n            }}\n          />\n        )\n      }\n    </div>\n  );\n}\n"],"names":["MessageContent","_ref","_sender","_message$threadInfo","_message$isAdminMessa","_channel$members2","_channel$members2$fin","_channel$joinedAt","_message$parentMessag","_message$parentMessag2","_channel$url","_message$reactions","_message$isUserMessag","_message$isFileMessag","className","userId","channel","message","disabled","chainTop","chainBottom","isReactionEnabled","disableQuoteMessage","replyType","threadReplySelectType","nicknamesMap","emojiContainer","scrollToMessage","showEdit","showRemove","showFileViewer","resendMessage","toggleReaction","setQuoteMessage","onReplyInThread","onQuoteMessageClick","onMessageHeightChange","messageTypes","getUIKitMessageTypes","dateLocale","useLocalization","config","useSendbirdStateContext","disableUserProfile","renderUserProfile","useContext","UserProfileContext","avatarRef","useRef","contentRef","isMobile","useMediaQueryContext","showMenu","setShowMenu","useState","mouseHover","setMouseHover","supposedHover","setSupposedHover","isByMe","sender","sendingStatus","isByMeClassName","chainTopClassName","isReactionEnabledInChannel","isEphemeral","isReactionEnabledClassName","supposedHoverClassName","useReplying","parentMessageId","parentMessage","useReplyingClassName","isOgMessageEnabledInGroupChannel","isGroupChannel","groupChannel","enableOgtag","displayThreadReplies","threadInfo","replyCount","longPress","useLongPress","onLongPress","onClick","noop","delay","shouldPreventDefault","isAdminMessage","call","messageType","React","createElement","ClientAdminMessage","getClassName","onMouseOver","onMouseLeave","ContextMenu","menuTrigger","toggleDropdown","_channel$members","_channel$members$find","_message$sender2","Avatar","src","members","find","member","_message$sender","profileUrl","ref","width","height","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","user","close","UserProfile","onSuccess","MessageItemMenu","_ref2","ThreadReplySelectType","THREAD","PARENT","createdAt","MessageItemReactionMenu","spaceFromTrigger","_extends","_objectSpread","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2","_message$sender3","nickname","getSenderName","QuoteMessage","isUnavailable","joinedAt","_message$parentMessag3","MessageStatus","isOGMessage","OGMessageItemBody","isMentionEnabled","isTextMessage","TextMessageItemBody","getUIKitMessageType","FILE","FileMessageItemBody","isVoiceMessage","VoiceMessageItemBody","channelUrl","url","isThumbnailMessage","ThumbnailMessageItemBody","UNKNOWN","UnknownMessageItemBody","reactions","length","EmojiReactions","memberNicknamesMap","CAPTION_3","format","locale","ThreadReplies","_ref3","isUserMessage","isFileMessage","MobileMenu","hideMenu","_ref4","_message$parentMessag4"],"mappings":"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"}

package/ui/MessageInput.js

@@ -1,21 +1,21 @@
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-ce69e916.js';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-447283c1.js';
 import React__default, { useCallback, useContext, useRef, useState, useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-714046e0.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../const-a77c08c9.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-973fe8be.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-6d65fabb.js';
 import IconButton from './IconButton.js';
 import Button, { ButtonTypes, ButtonSizes } from './Button.js';
 import DOMPurify from 'dompurify';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-aecb8fab.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-08ba417b.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1cd2fcf.js';
-import { a as LocalizationContext } from '../LocalizationContext-1839d2db.js';
-import { k as arrayEqual, j as getClassName } from '../index-fd51c7d1.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-decd9c7d.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-d46e0fc1.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../tokenize-7056afb7.js';
-import '../stringSet-d368e289.js';
-import '../index-d9c12cf4.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-428dfbbb.js';
+import { a as LocalizationContext } from '../LocalizationContext-98745624.js';
+import { j as arrayEqual, h as getClassName } from '../index-23c41d59.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-66ff57d0.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-ed8231c7.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../tokenize-fcce2576.js';
+import '../stringSet-c7aab2f2.js';
+import '../index-88ce0c27.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 // cretes a sanitized string from a mention user label

package/ui/MessageItemMenu.js

@@ -2,18 +2,18 @@ import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { r as isUserMessage, C as isSentMessage, D as isFailedMessage, E as isPendingMessage, j as getClassName, F as copyToClipboard } from '../index-fd51c7d1.js';
-import { a as LocalizationContext } from '../LocalizationContext-1839d2db.js';
-import { R as Role } from '../types-2b508dbc.js';
-import '../_rollupPluginBabelHelpers-ce69e916.js';
+import { q as isUserMessage, C as isSentMessage, D as isFailedMessage, E as isPendingMessage, h as getClassName, F as copyToClipboard } from '../index-23c41d59.js';
+import { a as LocalizationContext } from '../LocalizationContext-98745624.js';
+import { R as Role } from '../types-0cc4206d.js';
+import '../_rollupPluginBabelHelpers-447283c1.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-720c99c0.js';
-import '../index-e1cd2fcf.js';
+import '../uuid-aad1e324.js';
+import '../index-428dfbbb.js';
 import 'prop-types';
-import '../stringSet-d368e289.js';
+import '../stringSet-c7aab2f2.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-d9c12cf4.js';
+import '../index-88ce0c27.js';
 
 function MessageItemMenu(_ref) {
   var _channel$isGroupChann;
@@ -93,14 +93,16 @@ function MessageItemMenu(_ref) {
         onClick: () => {
           copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
           closeDropdown();
-        }
+        },
+        dataSbId: "ui_message_item_menu_copy"
       }, stringSet.MESSAGE_MENU__COPY), showMenuItemReply && /*#__PURE__*/React__default.createElement(MenuItem, {
         className: "sendbird-message-item-menu__list__menu-item menu-item-reply",
         onClick: () => {
           setQuoteMessage(message);
           closeDropdown();
         },
-        disable: (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0
+        disable: (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0,
+        dataSbId: "ui_message_item_menu_reply"
       }, stringSet.MESSAGE_MENU__REPLY), showMenuItemThread && /*#__PURE__*/React__default.createElement(MenuItem, {
         className: "sendbird-message-item-menu__list__menu-item menu-item-thread",
         onClick: () => {
@@ -108,13 +110,15 @@ function MessageItemMenu(_ref) {
             message
           });
           closeDropdown();
-        }
+        },
+        dataSbId: "ui_message_item_menu_thread"
       }, stringSet.MESSAGE_MENU__THREAD), showMenuItemOpenInChannel && /*#__PURE__*/React__default.createElement(MenuItem, {
         className: "sendbird-message-item-menu__list__menu-item menu-item-open-channel",
         onClick: () => {
           onMoveToParentMessage === null || onMoveToParentMessage === void 0 ? void 0 : onMoveToParentMessage();
           closeDropdown();
-        }
+        },
+        dataSbId: "ui_message_item_menu_open_in_channel"
       }, stringSet.MESSAGE_MENU__OPEN_IN_CHANNEL), showMenuItemEdit && /*#__PURE__*/React__default.createElement(MenuItem, {
         className: "sendbird-message-item-menu__list__menu-item menu-item-edit",
         onClick: () => {
@@ -122,7 +126,8 @@ function MessageItemMenu(_ref) {
             showEdit(true);
             closeDropdown();
           }
-        }
+        },
+        dataSbId: "ui_message_item_menu_edit"
       }, stringSet.MESSAGE_MENU__EDIT), showMenuItemResend && /*#__PURE__*/React__default.createElement(MenuItem, {
         className: "sendbird-message-item-menu__list__menu-item menu-item-resend",
         onClick: () => {
@@ -130,7 +135,8 @@ function MessageItemMenu(_ref) {
             resendMessage(message);
             closeDropdown();
           }
-        }
+        },
+        dataSbId: "ui_message_item_menu_resend"
       }, stringSet.MESSAGE_MENU__RESEND), showMenuItemDelete && /*#__PURE__*/React__default.createElement(MenuItem, {
         className: "sendbird-message-item-menu__list__menu-item menu-item-delete",
         onClick: () => {
@@ -139,7 +145,8 @@ function MessageItemMenu(_ref) {
             closeDropdown();
           }
         },
-        disable: typeof disableDeleteMessage === 'boolean' ? disableDeleteMessage : (message === null || message === void 0 ? void 0 : (_message$threadInfo = message.threadInfo) === null || _message$threadInfo === void 0 ? void 0 : _message$threadInfo.replyCount) > 0
+        disable: typeof disableDeleteMessage === 'boolean' ? disableDeleteMessage : (message === null || message === void 0 ? void 0 : (_message$threadInfo = message.threadInfo) === null || _message$threadInfo === void 0 ? void 0 : _message$threadInfo.replyCount) > 0,
+        dataSbId: "ui_message_item_menu_delete"
       }, stringSet.MESSAGE_MENU__DELETE));
     }
   }));

package/ui/MessageItemMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItemMenu.js","sources":["../../src/ui/MessageItemMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useRef } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport {\n  getClassName,\n  copyToClipboard,\n  isUserMessage,\n  isSentMessage,\n  isFailedMessage,\n  isPendingMessage,\n} from '../../utils/index';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { ReplyType } from '../../index';\nimport { Role } from '../../lib/types';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel | OpenChannel;\n  isByMe?: boolean;\n  disabled?: boolean;\n  replyType?: ReplyType;\n  disableDeleteMessage?: boolean;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => void;\n  setQuoteMessage?: (message: UserMessage | FileMessage) => void;\n  setSupposedHover?: (bool: boolean) => void;\n  onReplyInThread?: (props: { message: UserMessage | FileMessage }) => void;\n  onMoveToParentMessage?: () => void;\n}\n\nexport default function MessageItemMenu({\n  className,\n  message,\n  channel,\n  isByMe = false,\n  disabled = false,\n  replyType,\n  disableDeleteMessage = null,\n  showEdit,\n  showRemove,\n  resendMessage,\n  setQuoteMessage,\n  setSupposedHover,\n  onReplyInThread,\n  onMoveToParentMessage = null,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  const showMenuItemCopy: boolean = isUserMessage(message as UserMessage);\n  const showMenuItemEdit: boolean = (!channel?.isEphemeral && isUserMessage(message as UserMessage) && isSentMessage(message) && isByMe);\n  const showMenuItemResend: boolean = (isFailedMessage(message) && message?.isResendable && isByMe);\n  const showMenuItemDelete: boolean = !channel?.isEphemeral && !isPendingMessage(message) && isByMe;\n  const showMenuItemOpenInChannel: boolean = onMoveToParentMessage !== null;\n  /**\n   * TODO: Manage timing issue\n   * User delete pending message -> Sending message success\n   */\n  const isReplyTypeEnabled = !isFailedMessage(message)\n    && !isPendingMessage(message)\n    && (channel?.isGroupChannel?.()\n    && !channel?.isEphemeral\n    && (\n      ((channel as GroupChannel)?.isBroadcast && channel?.myRole === Role.OPERATOR)\n      || !(channel as GroupChannel)?.isBroadcast\n    ));\n  const showMenuItemReply = isReplyTypeEnabled && replyType === 'QUOTE_REPLY';\n  const showMenuItemThread = isReplyTypeEnabled && replyType === 'THREAD' && !message?.parentMessageId && onReplyInThread;\n\n  if (!(showMenuItemCopy\n    || showMenuItemReply\n    || showMenuItemThread\n    || showMenuItemOpenInChannel\n    || showMenuItemEdit\n    || showMenuItemResend\n    || showMenuItemDelete\n  )) {\n    return null;\n  }\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-menu__trigger__icon\"\n              type={IconTypes.MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <MenuItems\n              className=\"sendbird-message-item-menu__list\"\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              openLeft={isByMe}\n            >\n              {showMenuItemCopy && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-copy\"\n                  onClick={() => {\n                    copyToClipboard((message as UserMessage)?.message);\n                    closeDropdown();\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__COPY}\n                </MenuItem>\n              )}\n              {showMenuItemReply && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-reply\"\n                  onClick={() => {\n                    setQuoteMessage(message);\n                    closeDropdown();\n                  }}\n                  disable={message?.parentMessageId > 0}\n                >\n                  {stringSet.MESSAGE_MENU__REPLY}\n                </MenuItem>\n              )}\n              {showMenuItemThread && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-thread\"\n                  onClick={() => {\n                    onReplyInThread?.({ message });\n                    closeDropdown();\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__THREAD}\n                </MenuItem>\n              )}\n              {showMenuItemOpenInChannel && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-open-channel\"\n                  onClick={() => {\n                    onMoveToParentMessage?.();\n                    closeDropdown();\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__OPEN_IN_CHANNEL}\n                </MenuItem>\n              )}\n              {showMenuItemEdit && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-edit\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showEdit(true);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__EDIT}\n                </MenuItem>\n              )}\n              {showMenuItemResend && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-resend\"\n                  onClick={() => {\n                    if (!disabled) {\n                      resendMessage(message);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__RESEND}\n                </MenuItem>\n              )}\n              {showMenuItemDelete && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-delete\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showRemove(true);\n                      closeDropdown();\n                    }\n                  }}\n                  disable={\n                    typeof disableDeleteMessage === 'boolean'\n                      ? disableDeleteMessage\n                      : message?.threadInfo?.replyCount > 0\n                  }\n                >\n                  {stringSet.MESSAGE_MENU__DELETE}\n                </MenuItem>\n              )}\n            </MenuItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemMenu","_ref","_channel$isGroupChann","className","message","channel","isByMe","disabled","replyType","disableDeleteMessage","showEdit","showRemove","resendMessage","setQuoteMessage","setSupposedHover","onReplyInThread","onMoveToParentMessage","stringSet","useContext","LocalizationContext","triggerRef","useRef","containerRef","showMenuItemCopy","isUserMessage","showMenuItemEdit","isEphemeral","isSentMessage","showMenuItemResend","isFailedMessage","isResendable","showMenuItemDelete","isPendingMessage","showMenuItemOpenInChannel","isReplyTypeEnabled","isGroupChannel","call","isBroadcast","myRole","Role","OPERATOR","showMenuItemReply","showMenuItemThread","parentMessageId","React","createElement","getClassName","ref","ContextMenu","menuTrigger","toggleDropdown","IconButton","width","height","onClick","onBlur","Icon","type","IconTypes","MORE","fillColor","IconColors","CONTENT_INVERSE","menuItems","close","_message$threadInfo","closeDropdown","MenuItems","parentRef","parentContainRef","openLeft","MenuItem","copyToClipboard","MESSAGE_MENU__COPY","disable","MESSAGE_MENU__REPLY","MESSAGE_MENU__THREAD","MESSAGE_MENU__OPEN_IN_CHANNEL","MESSAGE_MENU__EDIT","MESSAGE_MENU__RESEND","threadInfo","replyCount","MESSAGE_MENU__DELETE"],"mappings":"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"}
+{"version":3,"file":"MessageItemMenu.js","sources":["../../src/ui/MessageItemMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useRef } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport {\n  getClassName,\n  copyToClipboard,\n  isUserMessage,\n  isSentMessage,\n  isFailedMessage,\n  isPendingMessage,\n} from '../../utils/index';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { ReplyType } from '../../index';\nimport { Role } from '../../lib/types';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel | OpenChannel;\n  isByMe?: boolean;\n  disabled?: boolean;\n  replyType?: ReplyType;\n  disableDeleteMessage?: boolean;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => void;\n  setQuoteMessage?: (message: UserMessage | FileMessage) => void;\n  setSupposedHover?: (bool: boolean) => void;\n  onReplyInThread?: (props: { message: UserMessage | FileMessage }) => void;\n  onMoveToParentMessage?: () => void;\n}\n\nexport default function MessageItemMenu({\n  className,\n  message,\n  channel,\n  isByMe = false,\n  disabled = false,\n  replyType,\n  disableDeleteMessage = null,\n  showEdit,\n  showRemove,\n  resendMessage,\n  setQuoteMessage,\n  setSupposedHover,\n  onReplyInThread,\n  onMoveToParentMessage = null,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  const showMenuItemCopy: boolean = isUserMessage(message as UserMessage);\n  const showMenuItemEdit: boolean = (!channel?.isEphemeral && isUserMessage(message as UserMessage) && isSentMessage(message) && isByMe);\n  const showMenuItemResend: boolean = (isFailedMessage(message) && message?.isResendable && isByMe);\n  const showMenuItemDelete: boolean = !channel?.isEphemeral && !isPendingMessage(message) && isByMe;\n  const showMenuItemOpenInChannel: boolean = onMoveToParentMessage !== null;\n  /**\n   * TODO: Manage timing issue\n   * User delete pending message -> Sending message success\n   */\n  const isReplyTypeEnabled = !isFailedMessage(message)\n    && !isPendingMessage(message)\n    && (channel?.isGroupChannel?.()\n    && !channel?.isEphemeral\n    && (\n      ((channel as GroupChannel)?.isBroadcast && channel?.myRole === Role.OPERATOR)\n      || !(channel as GroupChannel)?.isBroadcast\n    ));\n  const showMenuItemReply = isReplyTypeEnabled && replyType === 'QUOTE_REPLY';\n  const showMenuItemThread = isReplyTypeEnabled && replyType === 'THREAD' && !message?.parentMessageId && onReplyInThread;\n\n  if (!(showMenuItemCopy\n    || showMenuItemReply\n    || showMenuItemThread\n    || showMenuItemOpenInChannel\n    || showMenuItemEdit\n    || showMenuItemResend\n    || showMenuItemDelete\n  )) {\n    return null;\n  }\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-menu__trigger__icon\"\n              type={IconTypes.MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <MenuItems\n              className=\"sendbird-message-item-menu__list\"\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              openLeft={isByMe}\n            >\n              {showMenuItemCopy && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-copy\"\n                  onClick={() => {\n                    copyToClipboard((message as UserMessage)?.message);\n                    closeDropdown();\n                  }}\n                  dataSbId=\"ui_message_item_menu_copy\"\n                >\n                  {stringSet.MESSAGE_MENU__COPY}\n                </MenuItem>\n              )}\n              {showMenuItemReply && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-reply\"\n                  onClick={() => {\n                    setQuoteMessage(message);\n                    closeDropdown();\n                  }}\n                  disable={message?.parentMessageId > 0}\n                  dataSbId=\"ui_message_item_menu_reply\"\n                >\n                  {stringSet.MESSAGE_MENU__REPLY}\n                </MenuItem>\n              )}\n              {showMenuItemThread && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-thread\"\n                  onClick={() => {\n                    onReplyInThread?.({ message });\n                    closeDropdown();\n                  }}\n                  dataSbId=\"ui_message_item_menu_thread\"\n                >\n                  {stringSet.MESSAGE_MENU__THREAD}\n                </MenuItem>\n              )}\n              {showMenuItemOpenInChannel && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-open-channel\"\n                  onClick={() => {\n                    onMoveToParentMessage?.();\n                    closeDropdown();\n                  }}\n                  dataSbId=\"ui_message_item_menu_open_in_channel\"\n                >\n                  {stringSet.MESSAGE_MENU__OPEN_IN_CHANNEL}\n                </MenuItem>\n              )}\n              {showMenuItemEdit && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-edit\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showEdit(true);\n                      closeDropdown();\n                    }\n                  }}\n                  dataSbId=\"ui_message_item_menu_edit\"\n                >\n                  {stringSet.MESSAGE_MENU__EDIT}\n                </MenuItem>\n              )}\n              {showMenuItemResend && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-resend\"\n                  onClick={() => {\n                    if (!disabled) {\n                      resendMessage(message);\n                      closeDropdown();\n                    }\n                  }}\n                  dataSbId=\"ui_message_item_menu_resend\"\n                >\n                  {stringSet.MESSAGE_MENU__RESEND}\n                </MenuItem>\n              )}\n              {showMenuItemDelete && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-delete\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showRemove(true);\n                      closeDropdown();\n                    }\n                  }}\n                  disable={\n                    typeof disableDeleteMessage === 'boolean'\n                      ? disableDeleteMessage\n                      : message?.threadInfo?.replyCount > 0\n                  }\n                  dataSbId=\"ui_message_item_menu_delete\"\n                >\n                  {stringSet.MESSAGE_MENU__DELETE}\n                </MenuItem>\n              )}\n            </MenuItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemMenu","_ref","_channel$isGroupChann","className","message","channel","isByMe","disabled","replyType","disableDeleteMessage","showEdit","showRemove","resendMessage","setQuoteMessage","setSupposedHover","onReplyInThread","onMoveToParentMessage","stringSet","useContext","LocalizationContext","triggerRef","useRef","containerRef","showMenuItemCopy","isUserMessage","showMenuItemEdit","isEphemeral","isSentMessage","showMenuItemResend","isFailedMessage","isResendable","showMenuItemDelete","isPendingMessage","showMenuItemOpenInChannel","isReplyTypeEnabled","isGroupChannel","call","isBroadcast","myRole","Role","OPERATOR","showMenuItemReply","showMenuItemThread","parentMessageId","React","createElement","getClassName","ref","ContextMenu","menuTrigger","toggleDropdown","IconButton","width","height","onClick","onBlur","Icon","type","IconTypes","MORE","fillColor","IconColors","CONTENT_INVERSE","menuItems","close","_message$threadInfo","closeDropdown","MenuItems","parentRef","parentContainRef","openLeft","MenuItem","copyToClipboard","dataSbId","MESSAGE_MENU__COPY","disable","MESSAGE_MENU__REPLY","MESSAGE_MENU__THREAD","MESSAGE_MENU__OPEN_IN_CHANNEL","MESSAGE_MENU__EDIT","MESSAGE_MENU__RESEND","threadInfo","replyCount","MESSAGE_MENU__DELETE"],"mappings":"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"}

package/ui/MessageItemReactionMenu.js

@@ -4,18 +4,18 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { E as isPendingMessage, D as isFailedMessage, j as getClassName, G as getEmojiListAll } from '../index-fd51c7d1.js';
-import '../_rollupPluginBabelHelpers-ce69e916.js';
+import { E as isPendingMessage, D as isFailedMessage, h as getClassName, G as getEmojiListAll } from '../index-23c41d59.js';
+import '../_rollupPluginBabelHelpers-447283c1.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-720c99c0.js';
-import '../index-e1cd2fcf.js';
+import '../uuid-aad1e324.js';
+import '../index-428dfbbb.js';
 import 'prop-types';
-import '../stringSet-d368e289.js';
+import '../stringSet-c7aab2f2.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../useLongPress-685c7391.js';
-import '../MediaQueryContext-0e0b3a1b.js';
-import '../utils-256f157f.js';
+import '../useLongPress-9865142d.js';
+import '../MediaQueryContext-6d766662.js';
+import '../utils-24dcdae9.js';
 
 function MessageItemReactionMenu(_ref) {
   let {
@@ -79,7 +79,8 @@ function MessageItemReactionMenu(_ref) {
           onClick: () => {
             closeDropdown();
             toggleReaction(message, emoji.key, isReacted);
-          }
+          },
+          dataSbId: `ui_emoji_reactions_menu_${emoji.key}`
         }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
           url: emoji.url,
           width: "28px",