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

package/cjs/ui/MessageContent.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-919a4db3.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-36df1dd2.js');
 var React = require('react');
-var index$1 = require('../index-60bf4d5c.js');
+var index$1 = require('../index-963a1cb0.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_UserProfile = require('./UserProfile.js');
-var ui_MessageStatus = require('../index-a7025294.js');
+var ui_MessageStatus = require('../index-738bdba1.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-44186883.js');
+var ui_Label = require('../index-dc79adcc.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
@@ -18,59 +18,60 @@ var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../index-bca3d144.js');
-var UserProfileContext = require('../UserProfileContext-1bcc48a2.js');
-var LocalizationContext = require('../LocalizationContext-461a0816.js');
+var index = require('../index-afdcc71c.js');
+var UserProfileContext = require('../UserProfileContext-7a6236bc.js');
+var LocalizationContext = require('../LocalizationContext-08e5c17b.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var useLongPress = require('../useLongPress-4c2e9a3b.js');
-var index$2 = require('../index-f5399132.js');
-var MediaQueryContext = require('../MediaQueryContext-de7c63bc.js');
+var useLongPress = require('../useLongPress-a69973fa.js');
+var index$2 = require('../index-3ca314da.js');
+var MediaQueryContext = require('../MediaQueryContext-456e731e.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../const-852d5677.js');
+var _const = require('../const-f45b8147.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
-var utils = require('../utils-3dacb9bc.js');
-require('../index-5e6194f8.js');
+var utils = require('../utils-16920dec.js');
+require('../index-66390034.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
 require('prop-types');
-require('../uuid-d86ea01f.js');
+require('../uuid-982f480d.js');
 require('../sendbirdSelectors.js');
-require('../topics-00c67dd6.js');
+require('../topics-3c26f8b2.js');
 require('./Button.js');
-require('../stringSet-d1cee26a.js');
+require('../stringSet-f096ea52.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-60ea6503.js');
-require('../index-849c0736.js');
+require('../index-d246f067.js');
+require('../index-7eab3b18.js');
 require('./IconButton.js');
-require('../types-2e9e46b2.js');
+require('../types-81799612.js');
 require('./ReactionButton.js');
 require('react-dom');
 require('./SortByRow.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
-require('../index-7a68d56f.js');
+require('../index-43dc753a.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../tokenize-d3bb1637.js');
-require('../index-f4682499.js');
-require('../index.module-10ef9afc.js');
+require('../tokenize-64ea0c48.js');
+require('../index-2c2b84d3.js');
+require('../index.module-76c961aa.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../consts-2580246d.js');
+require('../consts-47075b32.js');
 require('./TextButton.js');
-require('../color-48ff06b2.js');
-require('../consts-5851f376.js');
+require('../color-529206b1.js');
+require('../consts-513030e5.js');
 require('../withSendbird.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
-require('../index-6a46ed00.js');
-require('../consts-6f02fcc4.js');
+require('../index-7f58f1fb.js');
+require('../consts-df560049.js');
 require('../VoiceRecorder/context.js');
+require('./Modal.js');
 require('./PlaybackTime.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -133,6 +134,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';
@@ -263,6 +265,7 @@ function MessageContent(_ref) {
   ), useReplying ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: index.getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName])
   }, /*#__PURE__*/React__default["default"].createElement(ui_QuoteMessage, {
+    className: "sendbird-message-content__middle__quote-message__quote",
     message: message,
     userId: userId,
     isByMe: isByMe,
@@ -287,21 +290,21 @@ function MessageContent(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(ui_MessageStatus.MessageStatus, {
     message: message,
     channel: channel
-  }))), index.isTextMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_TextMessageItemBody, {
+  }))), isOgMessageEnabledInGroupChannel && index.isOGMessage(message) ? /*#__PURE__*/React__default["default"].createElement(ui_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
-  }), index.isOGMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_OGMessageItemBody, {
+    isReactionEnabled: isReactionEnabledInChannel,
+    onMessageHeightChange: onMessageHeightChange
+  }) : index.isTextMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_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
   }), index.getUIKitMessageType(message) === messageTypes.FILE && /*#__PURE__*/React__default["default"].createElement(ui_FileMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
@@ -320,7 +323,10 @@ function MessageContent(_ref) {
     isByMe: isByMe,
     mouseHover: mouseHover,
     isReactionEnabled: isReactionEnabledInChannel,
-    showFileViewer: showFileViewer
+    showFileViewer: showFileViewer,
+    style: isMobile ? {
+      width: '100%'
+    } : {}
   }), index.getUIKitMessageType(message) === messageTypes.UNKNOWN && /*#__PURE__*/React__default["default"].createElement(ui_UnknownMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,

package/cjs/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/cjs/ui/MessageInput.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-919a4db3.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-36df1dd2.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var _const$1 = require('../const-49de651c.js');
-var _const = require('../const-852d5677.js');
+var _const$1 = require('../const-12d439f2.js');
+var _const = require('../const-f45b8147.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
 var DOMPurify = require('dompurify');
-var consts = require('../consts-e9ee4cf4.js');
+var consts = require('../consts-e2998e23.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-44186883.js');
-var LocalizationContext = require('../LocalizationContext-461a0816.js');
-var index = require('../index-bca3d144.js');
-var consts$2 = require('../consts-2580246d.js');
-var consts$1 = require('../consts-5851f376.js');
-var tokenize = require('../tokenize-d3bb1637.js');
-require('../stringSet-d1cee26a.js');
-require('../index-5e6194f8.js');
+var ui_Label = require('../index-dc79adcc.js');
+var LocalizationContext = require('../LocalizationContext-08e5c17b.js');
+var index = require('../index-afdcc71c.js');
+var consts$2 = require('../consts-47075b32.js');
+var consts$1 = require('../consts-513030e5.js');
+var tokenize = require('../tokenize-64ea0c48.js');
+require('../stringSet-f096ea52.js');
+require('../index-66390034.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/MessageItemMenu.js

@@ -4,18 +4,18 @@ var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../index-bca3d144.js');
-var LocalizationContext = require('../LocalizationContext-461a0816.js');
-var types = require('../types-2e9e46b2.js');
-require('../_rollupPluginBabelHelpers-919a4db3.js');
+var index = require('../index-afdcc71c.js');
+var LocalizationContext = require('../LocalizationContext-08e5c17b.js');
+var types = require('../types-81799612.js');
+require('../_rollupPluginBabelHelpers-36df1dd2.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-d86ea01f.js');
-require('../index-44186883.js');
+require('../uuid-982f480d.js');
+require('../index-dc79adcc.js');
 require('prop-types');
-require('../stringSet-d1cee26a.js');
+require('../stringSet-f096ea52.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-5e6194f8.js');
+require('../index-66390034.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -99,14 +99,16 @@ function MessageItemMenu(_ref) {
         onClick: () => {
           index.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["default"].createElement(ui_ContextMenu.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["default"].createElement(ui_ContextMenu.MenuItem, {
         className: "sendbird-message-item-menu__list__menu-item menu-item-thread",
         onClick: () => {
@@ -114,13 +116,15 @@ function MessageItemMenu(_ref) {
             message
           });
           closeDropdown();
-        }
+        },
+        dataSbId: "ui_message_item_menu_thread"
       }, stringSet.MESSAGE_MENU__THREAD), showMenuItemOpenInChannel && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.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["default"].createElement(ui_ContextMenu.MenuItem, {
         className: "sendbird-message-item-menu__list__menu-item menu-item-edit",
         onClick: () => {
@@ -128,7 +132,8 @@ function MessageItemMenu(_ref) {
             showEdit(true);
             closeDropdown();
           }
-        }
+        },
+        dataSbId: "ui_message_item_menu_edit"
       }, stringSet.MESSAGE_MENU__EDIT), showMenuItemResend && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
         className: "sendbird-message-item-menu__list__menu-item menu-item-resend",
         onClick: () => {
@@ -136,7 +141,8 @@ function MessageItemMenu(_ref) {
             resendMessage(message);
             closeDropdown();
           }
-        }
+        },
+        dataSbId: "ui_message_item_menu_resend"
       }, stringSet.MESSAGE_MENU__RESEND), showMenuItemDelete && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
         className: "sendbird-message-item-menu__list__menu-item menu-item-delete",
         onClick: () => {
@@ -145,7 +151,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/cjs/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/cjs/ui/MessageItemReactionMenu.js

@@ -6,18 +6,18 @@ var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_ReactionButton = require('./ReactionButton.js');
-var index = require('../index-bca3d144.js');
-require('../_rollupPluginBabelHelpers-919a4db3.js');
+var index = require('../index-afdcc71c.js');
+require('../_rollupPluginBabelHelpers-36df1dd2.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-d86ea01f.js');
-require('../index-44186883.js');
+require('../uuid-982f480d.js');
+require('../index-dc79adcc.js');
 require('prop-types');
-require('../stringSet-d1cee26a.js');
+require('../stringSet-f096ea52.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../useLongPress-4c2e9a3b.js');
-require('../MediaQueryContext-de7c63bc.js');
-require('../utils-3dacb9bc.js');
+require('../useLongPress-a69973fa.js');
+require('../MediaQueryContext-456e731e.js');
+require('../utils-16920dec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -85,7 +85,8 @@ function MessageItemReactionMenu(_ref) {
           onClick: () => {
             closeDropdown();
             toggleReaction(message, emoji.key, isReacted);
-          }
+          },
+          dataSbId: `ui_emoji_reactions_menu_${emoji.key}`
         }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
           url: emoji.url,
           width: "28px",