@sendbird/uikit-react 3.1.3-rc.0 → 3.1.3

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-67f295c6.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-b2b008c2.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { a as LabelTypography, b as LabelColors, d as changeColorToClassName, L as Label } from '../index-cc420cce.js';
-import '../stringSet-232e2ec0.js';
+import { a as LabelTypography, b as LabelColors, d as changeColorToClassName, L as Label } from '../index-e028fd23.js';
+import '../stringSet-c4a61372.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_ref) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 
 function Loader(_a) {

package/ui/MentionLabel.js

@@ -1,26 +1,26 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-cc420cce.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
 import ConnectedUserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../tslib.es6-ea4b7876.js';
+import '../tslib.es6-72a2f141.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-e8af582d.js';
-import '../index-7e7eecb5.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../uuid-8a4db02f.js';
+import '../index-24a5ab49.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../stringSet-232e2ec0.js';
-import '../LocalizationContext-397e33d0.js';
-import '../index-cd8f3035.js';
+import '../stringSet-c4a61372.js';
+import '../LocalizationContext-5b475a64.js';
+import '../index-25496c01.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-84946297.js';
-import '../utils-0cadb616.js';
+import '../topics-851d221c.js';
+import '../utils-2c4d166e.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../index-fcc0e6dc.js';
+import '../index-16e14c17.js';
 
 function MentionLabel(props) {
   var _a, _b, _c;

package/ui/MessageContent.js

@@ -1,12 +1,12 @@
 import React__default, { useContext, useRef, useState } from 'react';
-import { f as format } from '../index-33e14ef9.js';
+import { f as format } from '../index-4400a360.js';
 import Avatar from './Avatar.js';
 import ConnectedUserProfile from './UserProfile.js';
 import MessageStatus from './MessageStatus.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-cc420cce.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
@@ -15,24 +15,24 @@ import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { v as getUIKitMessageTypes, k as getClassName, w as getSenderName, x as isTextMessage, y as isOGMessage, z as getUIKitMessageType, p as isThumbnailMessage } from '../index-7e7eecb5.js';
-import { a as UserProfileContext } from '../UserProfileContext-70f3b69e.js';
-import { u as useLocalization } from '../LocalizationContext-397e33d0.js';
+import { v as getUIKitMessageTypes, k as getClassName, w as getSenderName, x as isTextMessage, y as isOGMessage, z as getUIKitMessageType, p as isThumbnailMessage } from '../index-24a5ab49.js';
+import { a as UserProfileContext } from '../UserProfileContext-a2483e23.js';
+import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../index-cd8f3035.js';
-import '../tslib.es6-ea4b7876.js';
+import '../index-25496c01.js';
+import '../tslib.es6-72a2f141.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../uuid-e8af582d.js';
+import '../uuid-8a4db02f.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-84946297.js';
-import '../utils-0cadb616.js';
-import '../index-fcc0e6dc.js';
+import '../topics-851d221c.js';
+import '../utils-2c4d166e.js';
+import '../index-16e14c17.js';
 import './Loader.js';
-import '../stringSet-232e2ec0.js';
+import '../stringSet-c4a61372.js';
 import './IconButton.js';
 import './ReactionButton.js';
 import 'react-dom';
@@ -44,7 +44,7 @@ import './Word.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './TextButton.js';
-import '../color-c5e2ab33.js';
+import '../color-83cfc07a.js';
 
 function MessageContent(_a) {
   var _b, _c, _d, _e, _f;
@@ -223,29 +223,34 @@ function MessageContent(_a) {
     message: message,
     isByMe: isByMe,
     mouseHover: mouseHover,
-    isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false
+    isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false,
+    isReactionEnabled: isReactionEnabled
   }), 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
+    isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false,
+    isReactionEnabled: isReactionEnabled
   }), getUIKitMessageType(message) === messageTypes.FILE && /*#__PURE__*/React__default.createElement(FileMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
     isByMe: isByMe,
-    mouseHover: mouseHover
+    mouseHover: mouseHover,
+    isReactionEnabled: isReactionEnabled
   }), isThumbnailMessage(message) && /*#__PURE__*/React__default.createElement(ThumbnailMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
     isByMe: isByMe,
     mouseHover: mouseHover,
+    isReactionEnabled: isReactionEnabled,
     showFileViewer: showFileViewer
   }), getUIKitMessageType(message) === messageTypes.UNKNOWN && /*#__PURE__*/React__default.createElement(UnknownMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
     isByMe: isByMe,
-    mouseHover: mouseHover
+    mouseHover: mouseHover,
+    isReactionEnabled: isReactionEnabled
   }), isReactionEnabled && ((_f = message === null || message === void 0 ? void 0 : message.reactions) === null || _f === void 0 ? void 0 : _f.length) > 0 && /*#__PURE__*/React__default.createElement("div", {
     className: getClassName(['sendbird-message-content-reactions', !isByMe || isThumbnailMessage(message) || isOGMessage(message) ? '' : 'primary', mouseHover ? 'mouse-hover' : ''])
   }, /*#__PURE__*/React__default.createElement(EmojiReactions, {

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} from '../../utils';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { ReplyType } from '../../index.js';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  userId: string;\n  channel: GroupChannel;\n  message: AdminMessage | UserMessage | FileMessage;\n  disabled?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  isReactionEnabled?: boolean;\n  replyType?: ReplyType;\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}\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  replyType,\n  nicknamesMap,\n  emojiContainer,\n  scrollToMessage,\n  showEdit,\n  showRemove,\n  showFileViewer,\n  resendMessage,\n  toggleReaction,\n  setQuoteMessage,\n}: Props): ReactElement {\n  const messageTypes = getUIKitMessageTypes();\n  const { dateLocale } = useLocalization();\n  const { config } = useSendbirdStateContext?.() || {};\n  const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n  const avatarRef = useRef(null);\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 isReactionEnabledClassName = isReactionEnabled ? 'use-reactions' : '';\n  const supposedHoverClassName = supposedHover ? 'supposed-hover' : '';\n  const useReplying = !!((replyType === 'QUOTE_REPLY') && message?.parentMessageId && message?.parentMessage);\n  const useReplyingClassName = useReplying ? 'use-quote' : '';\n\n  if (message?.isAdminMessage?.() || message?.messageType === 'admin') {\n    return (<ClientAdminMessage message={message} />);\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\"\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: 0, paddingBottom: 0 }}\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 && (\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            />\n            {isReactionEnabled && (\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 className=\"sendbird-message-content__middle\">\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              onClick={() => {\n                if (message?.parentMessage?.createdAt && message?.parentMessageId) {\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            />\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            />\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            />\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              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            />\n          )}\n          {/* reactions */}\n          {(isReactionEnabled && 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                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      </div>\n      {/* right */}\n      <div className={getClassName(['sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName])}>\n        {/* incoming menu */}\n        {!isByMe && (\n          <div className={getClassName(['sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName])}>\n            {isReactionEnabled && (\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            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["MessageContent","_a","className","userId","channel","message","_g","disabled","_h","chainTop","_j","chainBottom","_k","isReactionEnabled","replyType","nicknamesMap","emojiContainer","scrollToMessage","showEdit","showRemove","showFileViewer","resendMessage","toggleReaction","setQuoteMessage","messageTypes","getUIKitMessageTypes","dateLocale","useLocalization","config","useSendbirdStateContext","_l","useContext","UserProfileContext","disableUserProfile","renderUserProfile","avatarRef","useRef","_m","useState","mouseHover","setMouseHover","_o","supposedHover","setSupposedHover","isByMe","sender","sendingStatus","isByMeClassName","chainTopClassName","isReactionEnabledClassName","supposedHoverClassName","useReplying","parentMessageId","parentMessage","useReplyingClassName","isAdminMessage","messageType","React","ClientAdminMessage","getClassName","toggleDropdown","members","find","member","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","UserProfile","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","nickname","getSenderName","createdAt","isTextMessage","isMentionEnabled","isOGMessage","getUIKitMessageType","FILE","isThumbnailMessage","UNKNOWN","reactions","length","CAPTION_3","format","locale"],"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} from '../../utils';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { ReplyType } from '../../index.js';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  userId: string;\n  channel: GroupChannel;\n  message: AdminMessage | UserMessage | FileMessage;\n  disabled?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  isReactionEnabled?: boolean;\n  replyType?: ReplyType;\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}\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  replyType,\n  nicknamesMap,\n  emojiContainer,\n  scrollToMessage,\n  showEdit,\n  showRemove,\n  showFileViewer,\n  resendMessage,\n  toggleReaction,\n  setQuoteMessage,\n}: Props): ReactElement {\n  const messageTypes = getUIKitMessageTypes();\n  const { dateLocale } = useLocalization();\n  const { config } = useSendbirdStateContext?.() || {};\n  const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n  const avatarRef = useRef(null);\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 isReactionEnabledClassName = isReactionEnabled ? 'use-reactions' : '';\n  const supposedHoverClassName = supposedHover ? 'supposed-hover' : '';\n  const useReplying = !!((replyType === 'QUOTE_REPLY') && message?.parentMessageId && message?.parentMessage);\n  const useReplyingClassName = useReplying ? 'use-quote' : '';\n\n  if (message?.isAdminMessage?.() || message?.messageType === 'admin') {\n    return (<ClientAdminMessage message={message} />);\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\"\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: 0, paddingBottom: 0 }}\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 && (\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            />\n            {isReactionEnabled && (\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 className=\"sendbird-message-content__middle\">\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              onClick={() => {\n                if (message?.parentMessage?.createdAt && message?.parentMessageId) {\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={isReactionEnabled}\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={isReactionEnabled}\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={isReactionEnabled}\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={isReactionEnabled}\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={isReactionEnabled}\n            />\n          )}\n          {/* reactions */}\n          {(isReactionEnabled && 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                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      </div>\n      {/* right */}\n      <div className={getClassName(['sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName])}>\n        {/* incoming menu */}\n        {!isByMe && (\n          <div className={getClassName(['sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName])}>\n            {isReactionEnabled && (\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            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["MessageContent","_a","className","userId","channel","message","_g","disabled","_h","chainTop","_j","chainBottom","_k","isReactionEnabled","replyType","nicknamesMap","emojiContainer","scrollToMessage","showEdit","showRemove","showFileViewer","resendMessage","toggleReaction","setQuoteMessage","messageTypes","getUIKitMessageTypes","dateLocale","useLocalization","config","useSendbirdStateContext","_l","useContext","UserProfileContext","disableUserProfile","renderUserProfile","avatarRef","useRef","_m","useState","mouseHover","setMouseHover","_o","supposedHover","setSupposedHover","isByMe","sender","sendingStatus","isByMeClassName","chainTopClassName","isReactionEnabledClassName","supposedHoverClassName","useReplying","parentMessageId","parentMessage","useReplyingClassName","isAdminMessage","messageType","React","ClientAdminMessage","getClassName","toggleDropdown","members","find","member","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","UserProfile","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","nickname","getSenderName","createdAt","isTextMessage","isMentionEnabled","isOGMessage","getUIKitMessageType","FILE","isThumbnailMessage","UNKNOWN","reactions","length","CAPTION_3","format","locale"],"mappings":"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"}

package/ui/MessageInput.js

@@ -1,18 +1,18 @@
-import { a as _slicedToArray, _ as _objectSpread2, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-67f295c6.js';
+import { a as _slicedToArray, _ as _objectSpread2, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-b2b008c2.js';
 import React__default, { useContext, useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-87ede7b1.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../const-849d720a.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-71ceda85.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-7867ac6a.js';
 import IconButton from './IconButton.js';
-import { B as Button, a as ButtonTypes, b as ButtonSizes } from '../index-fcc0e6dc.js';
+import { B as Button, a as ButtonTypes, b as ButtonSizes } from '../index-16e14c17.js';
 import MentionUserLabel from './MentionUserLabel.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-cc420cce.js';
-import { a as LocalizationContext } from '../LocalizationContext-397e33d0.js';
-import { l as convertWordToStringObj, S as StringObjType, m as arrayEqual, k as getClassName } from '../index-7e7eecb5.js';
-import '../tslib.es6-ea4b7876.js';
-import '../stringSet-232e2ec0.js';
-import '../index-cd8f3035.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
+import { l as convertWordToStringObj, S as StringObjType, m as arrayEqual, k as getClassName } from '../index-24a5ab49.js';
+import '../tslib.es6-72a2f141.js';
+import '../stringSet-c4a61372.js';
+import '../index-25496c01.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/ui/MessageItemMenu.js

@@ -2,17 +2,17 @@ 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 { u as isUserMessage, D as isSentMessage, E as isFailedMessage, F as isPendingMessage, k as getClassName, G as copyToClipboard } from '../index-7e7eecb5.js';
-import { a as LocalizationContext } from '../LocalizationContext-397e33d0.js';
-import '../tslib.es6-ea4b7876.js';
+import { u as isUserMessage, D as isSentMessage, E as isFailedMessage, F as isPendingMessage, k as getClassName, G as copyToClipboard } from '../index-24a5ab49.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
+import '../tslib.es6-72a2f141.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-e8af582d.js';
-import '../index-cc420cce.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../uuid-8a4db02f.js';
+import '../index-e028fd23.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../stringSet-232e2ec0.js';
-import '../index-cd8f3035.js';
+import '../stringSet-c4a61372.js';
+import '../index-25496c01.js';
 
 function MessageItemMenu(_a) {
   var className = _a.className,

package/ui/MessageItemReactionMenu.js

@@ -4,15 +4,15 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { F as isPendingMessage, E as isFailedMessage, k as getClassName, H as getEmojiListAll } from '../index-7e7eecb5.js';
-import '../tslib.es6-ea4b7876.js';
+import { F as isPendingMessage, E as isFailedMessage, k as getClassName, H as getEmojiListAll } from '../index-24a5ab49.js';
+import '../tslib.es6-72a2f141.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-e8af582d.js';
-import '../index-cc420cce.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../uuid-8a4db02f.js';
+import '../index-e028fd23.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../stringSet-232e2ec0.js';
+import '../stringSet-c4a61372.js';
 
 function MessageItemReactionMenu(_a) {
   var className = _a.className,

package/ui/MessageSearchFileItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-cc420cce.js';
-import { u as useLocalization } from '../LocalizationContext-397e33d0.js';
-import { f as format } from '../index-33e14ef9.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-30d6338a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
+import { f as format } from '../index-4400a360.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-952d5f9b.js';
 import './ImageRenderer.js';
-import '../uuid-e8af582d.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../uuid-8a4db02f.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../stringSet-232e2ec0.js';
-import '../index-cd8f3035.js';
-import '../index-9564359d.js';
+import '../stringSet-c4a61372.js';
+import '../index-25496c01.js';
+import '../index-2f85a795.js';
 
 function getCreatedAt(createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageSearchItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default from 'react';
-import { f as format } from '../index-33e14ef9.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-30d6338a.js';
+import { f as format } from '../index-4400a360.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-952d5f9b.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-cc420cce.js';
-import { u as useLocalization } from '../LocalizationContext-397e33d0.js';
-import '../index-cd8f3035.js';
-import '../index-9564359d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
+import '../index-25496c01.js';
+import '../index-2f85a795.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../uuid-e8af582d.js';
-import '../stringSet-232e2ec0.js';
+import '../uuid-8a4db02f.js';
+import '../stringSet-c4a61372.js';
 
 function getCreatedAt (createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageStatus.js

@@ -1,15 +1,15 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default, { useMemo } from 'react';
-import { f as format } from '../index-33e14ef9.js';
+import { f as format } from '../index-4400a360.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-cc420cce.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
 import Loader from './Loader.js';
-import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-7e7eecb5.js';
-import { u as useLocalization } from '../LocalizationContext-397e33d0.js';
-import '../index-cd8f3035.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-24a5ab49.js';
+import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
+import '../index-25496c01.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../stringSet-232e2ec0.js';
+import '../stringSet-c4a61372.js';
 
 var MessageStatusTypes = getOutgoingMessageStates();
 function MessageStatus(_a) {

package/ui/Modal.js

@@ -1,15 +1,15 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { M as MODAL_ROOT } from '../index-6bf196c4.js';
-import { a as LocalizationContext } from '../LocalizationContext-397e33d0.js';
-import { a as ButtonTypes, B as Button } from '../index-fcc0e6dc.js';
+import { M as MODAL_ROOT } from '../index-1086dd43.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
+import { a as ButtonTypes, B as Button } from '../index-16e14c17.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-cc420cce.js';
-import '../stringSet-232e2ec0.js';
-import '../index-cd8f3035.js';
-import '../tslib.es6-ea4b7876.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import '../stringSet-c4a61372.js';
+import '../index-25496c01.js';
+import '../tslib.es6-72a2f141.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 
 var ModalHeader = function ModalHeader(_a) {

package/ui/MutedAvatarOverlay.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 
 function MutedAvatarOverlay(props) {

package/ui/OGMessageItemBody.js

@@ -2,27 +2,27 @@ import React__default, { useContext } from 'react';
 import Word from './Word.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-cc420cce.js';
-import { u as uuidv4 } from '../uuid-e8af582d.js';
-import { k as getClassName, e as isEditedMessage } from '../index-7e7eecb5.js';
-import { a as LocalizationContext } from '../LocalizationContext-397e33d0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { u as uuidv4 } from '../uuid-8a4db02f.js';
+import { k as getClassName, e as isEditedMessage } from '../index-24a5ab49.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
 import './LinkLabel.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 import './MentionLabel.js';
 import './ContextMenu.js';
-import '../tslib.es6-ea4b7876.js';
+import '../tslib.es6-72a2f141.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-232e2ec0.js';
+import '../stringSet-c4a61372.js';
 import './UserProfile.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-84946297.js';
-import '../utils-0cadb616.js';
+import '../topics-851d221c.js';
+import '../utils-2c4d166e.js';
 import './Avatar.js';
-import '../index-fcc0e6dc.js';
-import '../index-cd8f3035.js';
+import '../index-16e14c17.js';
+import '../index-25496c01.js';
 import '../useSendbirdStateContext.js';
 
 function OGMessageItemBody(_a) {
@@ -35,7 +35,9 @@ function OGMessageItemBody(_a) {
       _o = _a.mouseHover,
       mouseHover = _o === void 0 ? false : _o,
       _p = _a.isMentionEnabled,
-      isMentionEnabled = _p === void 0 ? false : _p;
+      isMentionEnabled = _p === void 0 ? false : _p,
+      _q = _a.isReactionEnabled,
+      isReactionEnabled = _q === void 0 ? false : _q;
   var stringSet = useContext(LocalizationContext).stringSet;
 
   var openOGUrl = function openOGUrl() {
@@ -46,7 +48,7 @@ function OGMessageItemBody(_a) {
 
   var isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-og-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
+    className: getClassName([className, 'sendbird-og-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
   }, /*#__PURE__*/React__default.createElement(Label, {
     key: uuidv4(),
     type: LabelTypography.BODY_1,

package/ui/OGMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      message?.reactions?.length > 0 ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            isMessageMentioned\n              ? (\n                message?.mentionedMessageTemplate.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n              : (\n                message?.message.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        className=\"sendbird-og-message-item-body__og-thumbnail\"\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          width=\"320px\"\n          height=\"180px\"\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_m","isByMe","_o","mouseHover","_p","isMentionEnabled","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","React","getClassName","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","split","map","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED","defaultImage","alt","IconTypes","THUMBNAIL_NONE","title","SUBTITLE_2","description","BODY_2","CAPTION_3"],"mappings":"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"}
+{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            isMessageMentioned\n              ? (\n                message?.mentionedMessageTemplate.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n              : (\n                message?.message.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        className=\"sendbird-og-message-item-body__og-thumbnail\"\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          width=\"320px\"\n          height=\"180px\"\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_m","isByMe","_o","mouseHover","_p","isMentionEnabled","_q","isReactionEnabled","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","React","getClassName","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","split","map","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED","defaultImage","alt","IconTypes","THUMBNAIL_NONE","title","SUBTITLE_2","description","BODY_2","CAPTION_3"],"mappings":"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"}

package/ui/OpenChannelAdminMessage.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-cc420cce.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../stringSet-232e2ec0.js';
+import '../stringSet-c4a61372.js';
 
 function OpenChannelAdminMessage(_a) {
   var className = _a.className,