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

package/ui/OpenChannelAvatar.js

@@ -1,15 +1,15 @@
 import React__default, { useContext, useMemo } from 'react';
 import Avatar from './Avatar.js';
-import { a as LocalizationContext } from '../LocalizationContext-397e33d0.js';
-import { b as getOpenChannelAvatar } from '../utils-6195b8b0.js';
-import '../tslib.es6-ea4b7876.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
+import { b as getOpenChannelAvatar } from '../utils-bc7d8f0c.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 '../stringSet-232e2ec0.js';
-import '../index-cd8f3035.js';
+import '../uuid-8a4db02f.js';
+import '../stringSet-c4a61372.js';
+import '../index-25496c01.js';
 
 function ChannelAvatar(_a) {
   var channel = _a.channel,

package/ui/OpenchannelConversationHeader.js

@@ -2,15 +2,15 @@ import React__default, { useContext } from 'react';
 import Avatar from './Avatar.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 { a as LocalizationContext } from '../LocalizationContext-397e33d0.js';
-import '../tslib.es6-ea4b7876.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
+import '../tslib.es6-72a2f141.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 '../stringSet-c4a61372.js';
+import '../index-25496c01.js';
 
 function OpenchannelConversationHeader(_a) {
   var coverImage = _a.coverImage,

package/ui/OpenchannelFileMessage.js

@@ -1,32 +1,32 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default, { useRef, useContext } from 'react';
-import { f as format } from '../index-33e14ef9.js';
+import { f as format } from '../index-4400a360.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } 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 Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-70f3b69e.js';
-import { u as useLocalization } from '../LocalizationContext-397e33d0.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-5cc6b7cb.js';
-import '../index-cd8f3035.js';
+import { a as UserProfileContext } from '../UserProfileContext-a2483e23.js';
+import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-f64223c9.js';
+import '../index-25496c01.js';
 import './ImageRenderer.js';
-import '../uuid-e8af582d.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../uuid-8a4db02f.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-7e7eecb5.js';
-import '../stringSet-232e2ec0.js';
-import '../color-c5e2ab33.js';
+import '../index-24a5ab49.js';
+import '../stringSet-c4a61372.js';
+import '../color-83cfc07a.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';
 
 var checkFileType = function checkFileType(fileUrl) {
   var audioFile = /(\.mp3)$/i;

package/ui/OpenchannelOGMessage.js

@@ -1,32 +1,32 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-33e14ef9.js';
+import { f as format } from '../index-4400a360.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import LinkLabel from './LinkLabel.js';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../index-cc420cce.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../index-e028fd23.js';
 import Loader from './Loader.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-70f3b69e.js';
-import { u as uuidv4 } from '../uuid-e8af582d.js';
-import { c as copyToClipboard } from '../utils-b6f36534.js';
-import { u as useLocalization } from '../LocalizationContext-397e33d0.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-5cc6b7cb.js';
-import '../index-cd8f3035.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import { a as UserProfileContext } from '../UserProfileContext-a2483e23.js';
+import { u as uuidv4 } from '../uuid-8a4db02f.js';
+import { c as copyToClipboard } from '../utils-12da1022.js';
+import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-f64223c9.js';
+import '../index-25496c01.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-7e7eecb5.js';
-import '../stringSet-232e2ec0.js';
+import '../index-24a5ab49.js';
+import '../stringSet-c4a61372.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';
 
 var URL_REG = /[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
 var createUrlTester = function createUrlTester(regexp) {

package/ui/OpenchannelThumbnailMessage.js

@@ -1,30 +1,30 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-33e14ef9.js';
-import { u as useLocalization } from '../LocalizationContext-397e33d0.js';
+import { f as format } from '../index-4400a360.js';
+import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconColors, IconTypes } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.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 ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-70f3b69e.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-5cc6b7cb.js';
-import '../index-cd8f3035.js';
-import '../stringSet-232e2ec0.js';
-import '../uuid-e8af582d.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import { a as UserProfileContext } from '../UserProfileContext-a2483e23.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-f64223c9.js';
+import '../index-25496c01.js';
+import '../stringSet-c4a61372.js';
+import '../uuid-8a4db02f.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-7e7eecb5.js';
+import '../index-24a5ab49.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';
 
 var SUPPORTING_TYPES = {
   IMAGE: 'IMAGE',

package/ui/OpenchannelUserMessage.js

@@ -1,31 +1,31 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default, { useContext, useRef, useState, useMemo, useEffect } from 'react';
-import { f as format } from '../index-33e14ef9.js';
+import { f as format } from '../index-4400a360.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.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 { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
 import Loader from './Loader.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-70f3b69e.js';
-import { u as useLocalization } from '../LocalizationContext-397e33d0.js';
-import { c as copyToClipboard } from '../utils-b6f36534.js';
-import { u as uuidv4 } from '../uuid-e8af582d.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-5cc6b7cb.js';
-import '../index-cd8f3035.js';
+import { a as UserProfileContext } from '../UserProfileContext-a2483e23.js';
+import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
+import { c as copyToClipboard } from '../utils-12da1022.js';
+import { u as uuidv4 } from '../uuid-8a4db02f.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-f64223c9.js';
+import '../index-25496c01.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-7e7eecb5.js';
-import '../stringSet-232e2ec0.js';
+import '../index-24a5ab49.js';
+import '../stringSet-c4a61372.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';
 
 function OpenchannelUserMessage(_a) {
   var className = _a.className,

package/ui/PlaceHolder.js

@@ -1,12 +1,12 @@
-import '../tslib.es6-ea4b7876.js';
+import '../tslib.es6-72a2f141.js';
 import 'react';
-export { a as PlaceHolderTypes, P as default } from '../index-55ffa40a.js';
-import '../LocalizationContext-397e33d0.js';
+export { a as PlaceHolderTypes, P as default } from '../index-7a790c96.js';
+import '../LocalizationContext-5b475a64.js';
 import './Icon.js';
-import '../index-cc420cce.js';
+import '../index-e028fd23.js';
 import './Loader.js';
-import '../stringSet-232e2ec0.js';
-import '../index-cd8f3035.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../stringSet-c4a61372.js';
+import '../index-25496c01.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 //# sourceMappingURL=PlaceHolder.js.map

package/ui/QuoteMessage.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useState } from 'react';
 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 ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-397e33d0.js';
-import { M as getUIKitFileTypes, k as getClassName, u as isUserMessage, p as isThumbnailMessage, B as isVideo, N as isGif, n as isFileMessage, A as isSupportedFileView, L as getUIKitFileType, t as truncateString } from '../index-7e7eecb5.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
+import { M as getUIKitFileTypes, k as getClassName, u as isUserMessage, p as isThumbnailMessage, B as isVideo, N as isGif, n as isFileMessage, A as isSupportedFileView, L as getUIKitFileType, t as truncateString } from '../index-24a5ab49.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../stringSet-232e2ec0.js';
-import '../tslib.es6-ea4b7876.js';
-import '../index-cd8f3035.js';
+import '../stringSet-c4a61372.js';
+import '../tslib.es6-72a2f141.js';
+import '../index-25496c01.js';
 
 function QuoteMessage(_a) {
   var _b;

package/ui/QuoteMessageInput.js

@@ -1,14 +1,14 @@
 import React__default, { useContext } from 'react';
-import { n as isFileMessage, o as isImageMessage, p as isThumbnailMessage, q as isAudioMessage, k as getClassName, r as isGifMessage, s as isVideoMessage, u as isUserMessage } from '../index-7e7eecb5.js';
+import { n as isFileMessage, o as isImageMessage, p as isThumbnailMessage, q as isAudioMessage, k as getClassName, r as isGifMessage, s as isVideoMessage, u as isUserMessage } from '../index-24a5ab49.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 Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../tslib.es6-ea4b7876.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../tslib.es6-72a2f141.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../stringSet-232e2ec0.js';
-import '../index-cd8f3035.js';
+import '../stringSet-c4a61372.js';
+import '../index-25496c01.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/ui/ReactionBadge.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';
 
 var ReactionBadge = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var _a = props.className,

package/ui/ReactionButton.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default from 'react';
 
 var ReactionButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {

package/ui/SortByRow.js

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../uuid-e8af582d.js';
+import { u as uuidv4 } from '../uuid-8a4db02f.js';
 
 var componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_a) {

package/ui/TextButton.js

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-c5e2ab33.js';
+import { C as Colors, c as changeColorToClassName } from '../color-83cfc07a.js';
 
 var TextButton = function TextButton(_a) {
   var _b = _a.className,

package/ui/TextMessageItemBody.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-cc420cce.js';
-import { k as getClassName, e as isEditedMessage } from '../index-7e7eecb5.js';
-import { a as LocalizationContext } from '../LocalizationContext-397e33d0.js';
-import { u as uuidv4 } from '../uuid-e8af582d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { k as getClassName, e as isEditedMessage } from '../index-24a5ab49.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
+import { u as uuidv4 } from '../uuid-8a4db02f.js';
 import Word from './Word.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../stringSet-232e2ec0.js';
-import '../tslib.es6-ea4b7876.js';
-import '../index-cd8f3035.js';
+import '../stringSet-c4a61372.js';
+import '../tslib.es6-72a2f141.js';
+import '../index-25496c01.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
@@ -17,12 +17,12 @@ import './SortByRow.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 './ImageRenderer.js';
 import './Icon.js';
-import '../index-fcc0e6dc.js';
+import '../index-16e14c17.js';
 import '../useSendbirdStateContext.js';
 
 function TextMessageItemBody(_a) {
@@ -35,7 +35,9 @@ function TextMessageItemBody(_a) {
       _f = _a.mouseHover,
       mouseHover = _f === void 0 ? false : _f,
       _g = _a.isMentionEnabled,
-      isMentionEnabled = _g === void 0 ? false : _g;
+      isMentionEnabled = _g === void 0 ? false : _g,
+      _h = _a.isReactionEnabled,
+      isReactionEnabled = _h === void 0 ? false : _h;
   var stringSet = useContext(LocalizationContext).stringSet;
   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;
   var sentences = useMemo(function () {
@@ -49,7 +51,7 @@ function TextMessageItemBody(_a) {
     type: LabelTypography.BODY_1,
     color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-text-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-text-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' : ''])
   }, isMessageMentioned ? sentences.map(function (sentence, index) {
     return [sentence.map(function (word) {
       return /*#__PURE__*/React__default.createElement(Word, {

package/ui/TextMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextMessageItemBody.js","sources":["../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\nimport Word from '../Word';\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 TextMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const sentences: Array<Array<string>> = useMemo(() => {\n    return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\n  return (\n    <Label\n      type={LabelTypography.BODY_1}\n      color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n    >\n      <div className={getClassName([\n        className,\n        'sendbird-text-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        message?.reactions?.length > 0 ? 'reactions' : '',\n      ])}>\n        {\n          isMessageMentioned\n           ? (\n              sentences.map((sentence, index) => {\n                return [\n                  sentence.map((word) => {\n                    return (\n                      <Word\n                        key={uuidv4()}\n                        word={word}\n                        message={message}\n                        isByMe={isByMe}\n                      />\n                    );\n                  }),\n                  sentences?.[index + 1] ? <br /> : null,\n                ]\n              })\n           )\n           : message?.message\n        }\n        {\n          isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-text-message-item-body__message edited\"\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  );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_e","isByMe","_f","mouseHover","_g","isMentionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","sentences","useMemo","split","map","sentence","React","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","reactions","index","word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;SAkBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC;MAAAC,gBAAgB,mBAAG;AAEX,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AACR,MAAMC,kBAAkB,GAAGJ,gBAAgB,IAAI,CAAA,MAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAT,UAAA,iBAAA,SAAA,MAAmCC,MAAnC,IAA4C,CAAhE,IAAqE,CAAA,MAAAZ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,cAAT,UAAA,iBAAA,SAAA,MAAyBD,MAAzB,IAAkC,CAAlI;AACA,MAAME,SAAS,GAAyBC,OAAO,CAAC;;;AAC9C,WAAO,MAAAf,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAT,UAAA,iBAAA,SAAA,MAAmCK,MAAM,MAAMC,IAAI,UAACC,QAAD;AAAc,aAAAA,QAAQ,CAACF,KAAT,CAAe,IAAf,CAAA;AAAoB,MAA5F;AACD,GAF8C,EAE5C,CAAChB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAV,CAF4C,CAA/C;AAGA,sBACEQ,6BAAC,KAAD;AACE,IAAA,IAAI,EAAEC,eAAe,CAACC,MADxB;AAEE,IAAA,KAAK,EAAEnB,MAAM,GAAGoB,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAFxD,kBAIEL;AAAK,IAAA,SAAS,EAAEM,YAAY,CAAC,CAC3B1B,SAD2B,EAE3B,iCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK3B,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE0B,SAAT,UAAA,iBAAA,SAAA,MAAoBd,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALpB,CAAD;AAA5B,KAQIF,kBAAkB,GAEdI,SAAS,CAACG,GAAV,CAAc,UAACC,QAAD,EAAWS,KAAX;AACZ,WAAO,CACLT,QAAQ,CAACD,GAAT,CAAa,UAACW,IAAD;AACX,0BACET,6BAAC,IAAD;AACE,QAAA,GAAG,EAAEU,MAAM,EADb;AAEE,QAAA,IAAI,EAAED,IAFR;AAGE,QAAA,OAAO,EAAE5B,OAHX;AAIE,QAAA,MAAM,EAAEE;AAJV,QADF;AAQD,KATD,CADK,EAWL,CAAAY,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAGa,KAAK,GAAG,CAAX,CAAT,iBAAyBR,wCAAzB,GAAkC,IAX7B,CAAP;AAaD,GAdD,CAFc,GAkBfnB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OA1BhB,EA6BI8B,eAAe,CAAC9B,OAAD,CAAf,iBACEmB,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEC,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEnB,MAAM,GAAGoB,WAAW,CAACS,WAAf,GAA6BT,WAAW,CAACU;AAHxD,KAKG,UAAA,CAAIzB,SAAS,CAAC0B,cAAd,KAAA,CALH,CA9BN,CAJF,CADF;AA+CD;;;;"}
+{"version":3,"file":"TextMessageItemBody.js","sources":["../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\nimport Word from '../Word';\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 TextMessageItemBody({\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 isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const sentences: Array<Array<string>> = useMemo(() => {\n    return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\n  return (\n    <Label\n      type={LabelTypography.BODY_1}\n      color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n    >\n      <div className={getClassName([\n        className,\n        'sendbird-text-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}>\n        {\n          isMessageMentioned\n           ? (\n              sentences.map((sentence, index) => {\n                return [\n                  sentence.map((word) => {\n                    return (\n                      <Word\n                        key={uuidv4()}\n                        word={word}\n                        message={message}\n                        isByMe={isByMe}\n                      />\n                    );\n                  }),\n                  sentences?.[index + 1] ? <br /> : null,\n                ]\n              })\n           )\n           : message?.message\n        }\n        {\n          isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-text-message-item-body__message edited\"\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  );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_e","isByMe","_f","mouseHover","_g","isMentionEnabled","_h","isReactionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","sentences","useMemo","split","map","sentence","React","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","reactions","index","word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;SAmBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC;MAAAC,gBAAgB,mBAAG;MACnBC;MAAAC,iBAAiB,mBAAG;AAEZ,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AACR,MAAMC,kBAAkB,GAAGN,gBAAgB,IAAI,CAAA,MAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,wBAAT,UAAA,iBAAA,SAAA,MAAmCC,MAAnC,IAA4C,CAAhE,IAAqE,CAAA,MAAAd,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEe,cAAT,UAAA,iBAAA,SAAA,MAAyBD,MAAzB,IAAkC,CAAlI;AACA,MAAME,SAAS,GAAyBC,OAAO,CAAC;;;AAC9C,WAAO,MAAAjB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,wBAAT,UAAA,iBAAA,SAAA,MAAmCK,MAAM,MAAMC,IAAI,UAACC,QAAD;AAAc,aAAAA,QAAQ,CAACF,KAAT,CAAe,IAAf,CAAA;AAAoB,MAA5F;AACD,GAF8C,EAE5C,CAAClB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,wBAAV,CAF4C,CAA/C;AAGA,sBACEQ,6BAAC,KAAD;AACE,IAAA,IAAI,EAAEC,eAAe,CAACC,MADxB;AAEE,IAAA,KAAK,EAAErB,MAAM,GAAGsB,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAFxD,kBAIEL;AAAK,IAAA,SAAS,EAAEM,YAAY,CAAC,CAC3B5B,SAD2B,EAE3B,iCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK1BI,iBAAiB,IAAI,CAAA,MAAAR,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE4B,SAAT,UAAA,iBAAA,SAAA,MAAoBd,MAApB,IAA6B,CAAnD,GAAwD,WAAxD,GAAsE,EAL3C,CAAD;AAA5B,KAQIF,kBAAkB,GAEdI,SAAS,CAACG,GAAV,CAAc,UAACC,QAAD,EAAWS,KAAX;AACZ,WAAO,CACLT,QAAQ,CAACD,GAAT,CAAa,UAACW,IAAD;AACX,0BACET,6BAAC,IAAD;AACE,QAAA,GAAG,EAAEU,MAAM,EADb;AAEE,QAAA,IAAI,EAAED,IAFR;AAGE,QAAA,OAAO,EAAE9B,OAHX;AAIE,QAAA,MAAM,EAAEE;AAJV,QADF;AAQD,KATD,CADK,EAWL,CAAAc,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAGa,KAAK,GAAG,CAAX,CAAT,iBAAyBR,wCAAzB,GAAkC,IAX7B,CAAP;AAaD,GAdD,CAFc,GAkBfrB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OA1BhB,EA6BIgC,eAAe,CAAChC,OAAD,CAAf,iBACEqB,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEC,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAErB,MAAM,GAAGsB,WAAW,CAACS,WAAf,GAA6BT,WAAW,CAACU;AAHxD,KAKG,UAAA,CAAIzB,SAAS,CAAC0B,cAAd,KAAA,CALH,CA9BN,CAJF,CADF;AA+CD;;;;"}

package/ui/ThumbnailMessageItemBody.js

@@ -1,10 +1,10 @@
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { k as getClassName, D as isSentMessage, s as isVideoMessage, r as isGifMessage } from '../index-7e7eecb5.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import { k as getClassName, D as isSentMessage, s as isVideoMessage, r as isGifMessage } from '../index-24a5ab49.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../tslib.es6-ea4b7876.js';
+import '../tslib.es6-72a2f141.js';
 
 function ThumbnailMessageItemBody(_a) {
   var _b, _c;
@@ -15,17 +15,19 @@ function ThumbnailMessageItemBody(_a) {
       isByMe = _d === void 0 ? false : _d,
       _e = _a.mouseHover,
       mouseHover = _e === void 0 ? false : _e,
+      _f = _a.isReactionEnabled,
+      isReactionEnabled = _f === void 0 ? false : _f,
       showFileViewer = _a.showFileViewer;
-  var _f = message.thumbnails,
-      thumbnails = _f === void 0 ? [] : _f;
+  var _g = message.thumbnails,
+      thumbnails = _g === void 0 ? [] : _g;
   var thumbnailUrl = thumbnails.length > 0 ? (_b = thumbnails[0]) === null || _b === void 0 ? void 0 : _b.url : '';
 
-  var _g = useState(false),
-      imageRendered = _g[0],
-      setImageRendered = _g[1];
+  var _h = useState(false),
+      imageRendered = _h[0],
+      setImageRendered = _h[1];
 
   return /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-thumbnail-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_c = message === null || message === void 0 ? void 0 : message.reactions) === null || _c === void 0 ? void 0 : _c.length) > 0 ? 'reactions' : '']),
+    className: getClassName([className, 'sendbird-thumbnail-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_c = message === null || message === void 0 ? void 0 : message.reactions) === null || _c === void 0 ? void 0 : _c.length) > 0 ? 'reactions' : '']),
     onClick: function onClick() {
       if (isSentMessage(message)) {
         showFileViewer(true);

package/ui/ThumbnailMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useState } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  showFileViewer?: (bool: boolean) => void;\n}\n\nexport default function ThumbnailMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  showFileViewer,\n}: Props): ReactElement {\n  const { thumbnails = [] } = message;\n  const thumbnailUrl: string = thumbnails.length > 0 ? thumbnails[0]?.url : '';\n  const [imageRendered, setImageRendered] = useState(false);\n\n  return (\n    <div\n      className={getClassName([\n        className,\n        'sendbird-thumbnail-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        message?.reactions?.length > 0 ? 'reactions' : '',\n      ])}\n      onClick={() => {\n        if (isSentMessage(message)) {\n          showFileViewer(true);\n        }\n      }}\n    >\n      <ImageRenderer\n        className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n        url={thumbnailUrl || message?.url}\n        alt={message?.type}\n        width=\"360px\"\n        height=\"270px\"\n        onLoad={() => { setImageRendered(true) }}\n        placeHolder={(style) => (\n          <div\n            className=\"sendbird-thumbnail-message-item-body__placeholder\"\n            style={style}\n          >\n            <div className=\"sendbird-thumbnail-message-item-body__placeholder__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )}\n      />\n      {\n        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n          <video className=\"sendbird-thumbnail-message-item-body__video\">\n            <source src={message?.url} type={message?.type} />\n          </video>\n        )\n      }\n      <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n      {\n        (isVideoMessage(message) || isGifMessage(message)) && (\n          <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n            <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                fillColor={IconColors.GRAY}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThumbnailMessageItemBody","_a","className","message","_d","isByMe","_e","mouseHover","showFileViewer","_f","thumbnails","thumbnailUrl","length","url","_g","useState","imageRendered","setImageRendered","React","getClassName","reactions","isSentMessage","type","style","isVideoMessage","IconTypes","PLAY","PHOTO","IconColors","ON_BACKGROUND_2","isGifMessage","GIF","GRAY"],"mappings":"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"}
+{"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useState } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  showFileViewer?: (bool: boolean) => void;\n}\n\nexport default function ThumbnailMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  showFileViewer,\n}: Props): ReactElement {\n  const { thumbnails = [] } = message;\n  const thumbnailUrl: string = thumbnails.length > 0 ? thumbnails[0]?.url : '';\n  const [imageRendered, setImageRendered] = useState(false);\n\n  return (\n    <div\n      className={getClassName([\n        className,\n        'sendbird-thumbnail-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}\n      onClick={() => {\n        if (isSentMessage(message)) {\n          showFileViewer(true);\n        }\n      }}\n    >\n      <ImageRenderer\n        className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n        url={thumbnailUrl || message?.url}\n        alt={message?.type}\n        width=\"360px\"\n        height=\"270px\"\n        onLoad={() => { setImageRendered(true) }}\n        placeHolder={(style) => (\n          <div\n            className=\"sendbird-thumbnail-message-item-body__placeholder\"\n            style={style}\n          >\n            <div className=\"sendbird-thumbnail-message-item-body__placeholder__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )}\n      />\n      {\n        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n          <video className=\"sendbird-thumbnail-message-item-body__video\">\n            <source src={message?.url} type={message?.type} />\n          </video>\n        )\n      }\n      <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n      {\n        (isVideoMessage(message) || isGifMessage(message)) && (\n          <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n            <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                fillColor={IconColors.GRAY}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThumbnailMessageItemBody","_a","className","message","_d","isByMe","_e","mouseHover","_f","isReactionEnabled","showFileViewer","_g","thumbnails","thumbnailUrl","length","url","_h","useState","imageRendered","setImageRendered","React","getClassName","reactions","isSentMessage","type","style","isVideoMessage","IconTypes","PLAY","PHOTO","IconColors","ON_BACKGROUND_2","isGifMessage","GIF","GRAY"],"mappings":"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"}

package/ui/Tooltip.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 Tooltip(_a) {
   var _b = _a.className,

package/ui/TooltipWrapper.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-ea4b7876.js';
+import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
 import React__default, { useState, useRef } from 'react';
 
 var SPACE_FROM_TRIGGER = 8;

package/ui/UnknownMessageItemBody.js

@@ -1,12 +1,12 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-cc420cce.js';
-import { k as getClassName } from '../index-7e7eecb5.js';
-import { a as LocalizationContext } from '../LocalizationContext-397e33d0.js';
-import '../_rollupPluginBabelHelpers-67f295c6.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { k as getClassName } from '../index-24a5ab49.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../stringSet-232e2ec0.js';
-import '../tslib.es6-ea4b7876.js';
-import '../index-cd8f3035.js';
+import '../stringSet-c4a61372.js';
+import '../tslib.es6-72a2f141.js';
+import '../index-25496c01.js';
 
 function UnknownMessageItemBody(_a) {
   var _b;
@@ -16,10 +16,12 @@ function UnknownMessageItemBody(_a) {
       _c = _a.isByMe,
       isByMe = _c === void 0 ? false : _c,
       _d = _a.mouseHover,
-      mouseHover = _d === void 0 ? false : _d;
+      mouseHover = _d === void 0 ? false : _d,
+      _e = _a.isReactionEnabled,
+      isReactionEnabled = _e === void 0 ? false : _e;
   var stringSet = useContext(LocalizationContext).stringSet;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-unknown-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
+    className: getClassName([className, 'sendbird-unknown-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-unknown-message-item-body__header",
     type: LabelTypography.BODY_1,

package/ui/UnknownMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnknownMessageItemBody.js","sources":["../../src/ui/UnknownMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { BaseMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  isByMe?: boolean;\n  message: BaseMessage;\n  mouseHover?: boolean;\n}\n\nexport default function UnknownMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-unknown-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      message?.reactions?.length > 0 ? 'reactions' : '',\n    ])}>\n      <Label\n        className=\"sendbird-unknown-message-item-body__header\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n      </Label>\n      <Label\n        className=\"sendbird-unknown-message-item-body__description\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n      >\n        {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n      </Label>\n    </div>\n  );\n}\n"],"names":["UnknownMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","stringSet","useContext","LocalizationContext","React","getClassName","reactions","length","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","UNKNOWN__UNKNOWN_MESSAGE_TYPE","ONCONTENT_2","ONBACKGROUND_2","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":";;;;;;;;;;SAewBA,uBAAuBC;;;MAC7CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;AAEL,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AACR,sBACEC;AAAK,IAAA,SAAS,EAAEC,YAAY,CAAC,CAC3BV,SAD2B,EAE3B,oCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK3B,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEU,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALpB,CAAD;AAA5B,kBAOEH,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEX,MAAM,GAAGY,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAHxD,KAKGX,SAAS,CAACY,6BALb,CAPF,eAcET,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEX,MAAM,GAAGY,WAAW,CAACI,WAAf,GAA6BJ,WAAW,CAACK;AAHxD,KAKGd,SAAS,CAACe,4BALb,CAdF,CADF;AAwBD;;;;"}
+{"version":3,"file":"UnknownMessageItemBody.js","sources":["../../src/ui/UnknownMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { BaseMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  isByMe?: boolean;\n  message: BaseMessage;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function UnknownMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-unknown-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        className=\"sendbird-unknown-message-item-body__header\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n      </Label>\n      <Label\n        className=\"sendbird-unknown-message-item-body__description\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n      >\n        {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n      </Label>\n    </div>\n  );\n}\n"],"names":["UnknownMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","_e","isReactionEnabled","stringSet","useContext","LocalizationContext","React","getClassName","reactions","length","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","UNKNOWN__UNKNOWN_MESSAGE_TYPE","ONCONTENT_2","ONBACKGROUND_2","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":";;;;;;;;;;SAgBwBA,uBAAuBC;;;MAC7CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC;MAAAC,iBAAiB,mBAAG;AAEZ,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AACR,sBACEC;AAAK,IAAA,SAAS,EAAEC,YAAY,CAAC,CAC3BZ,SAD2B,EAE3B,oCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK1BE,iBAAiB,IAAI,CAAA,MAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEY,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAAnD,GAAwD,WAAxD,GAAsE,EAL3C,CAAD;AAA5B,kBAOEH,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEb,MAAM,GAAGc,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAHxD,KAKGX,SAAS,CAACY,6BALb,CAPF,eAcET,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEb,MAAM,GAAGc,WAAW,CAACI,WAAf,GAA6BJ,WAAW,CAACK;AAHxD,KAKGd,SAAS,CAACe,4BALb,CAdF,CADF;AAwBD;;;;"}