@sendbird/uikit-react 3.3.4 → 3.3.5-rc.0

package/ui/OpenchannelFileMessage.js

@@ -1,33 +1,33 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-1596259a.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-1d845c73.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-c0cff13a.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-bacd991d.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../index-837130fb.js';
+import { f as format } from '../index-358a7883.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-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-8cec4652.js';
-import { u as useLocalization } from '../LocalizationContext-0a81b301.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-11069e08.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-dbf82efb.js';
-import { u as useLongPress } from '../useLongPress-f99b61d9.js';
-import '../index-a682dd0a.js';
+import { a as UserProfileContext } from '../UserProfileContext-f1df8507.js';
+import { u as useLocalization } from '../LocalizationContext-2884fc26.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-c6c7ad47.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-4b77fc65.js';
+import { u as useLongPress } from '../useLongPress-952b34b2.js';
+import '../index-e38e42b0.js';
 import './ImageRenderer.js';
-import '../uuid-1f647558.js';
+import '../uuid-f376ea4b.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-75c6845d.js';
+import '../index-27fd8d9e.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-522716ae.js';
-import '../color-bf0c20dc.js';
+import '../stringSet-140ed862.js';
+import '../color-a3418d45.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-65e08b70.js';
+import '../utils-796bbfd8.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelOGMessage.js

@@ -1,35 +1,35 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-1596259a.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-1d845c73.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-c0cff13a.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-bacd991d.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-837130fb.js';
+import { f as format } from '../index-358a7883.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 { L as Label, a as LabelTypography, b as LabelColors } from '../index-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
 import Word from './Word.js';
-import { a as UserProfileContext } from '../UserProfileContext-8cec4652.js';
-import { u as uuidv4 } from '../uuid-1f647558.js';
-import { c as copyToClipboard } from '../utils-355daaf8.js';
-import { u as useLocalization } from '../LocalizationContext-0a81b301.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-11069e08.js';
+import { a as UserProfileContext } from '../UserProfileContext-f1df8507.js';
+import { u as uuidv4 } from '../uuid-f376ea4b.js';
+import { c as copyToClipboard } from '../utils-ae7fe229.js';
+import { u as useLocalization } from '../LocalizationContext-2884fc26.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-c6c7ad47.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-dbf82efb.js';
-import { u as useLongPress } from '../useLongPress-f99b61d9.js';
-import '../index-a682dd0a.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-4b77fc65.js';
+import { u as useLongPress } from '../useLongPress-952b34b2.js';
+import '../index-e38e42b0.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-75c6845d.js';
+import '../index-27fd8d9e.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-522716ae.js';
+import '../stringSet-140ed862.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-65e08b70.js';
+import '../utils-796bbfd8.js';
 import './Button.js';
 import './MentionLabel.js';
 import '../withSendbird.js';

package/ui/OpenchannelThumbnailMessage.js

@@ -1,31 +1,31 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-1596259a.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-1d845c73.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-c0cff13a.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-bacd991d.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-837130fb.js';
-import { u as useLocalization } from '../LocalizationContext-0a81b301.js';
+import { f as format } from '../index-358a7883.js';
+import { u as useLocalization } from '../LocalizationContext-2884fc26.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-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-8cec4652.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../index-11069e08.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-dbf82efb.js';
-import { u as useLongPress } from '../useLongPress-f99b61d9.js';
-import '../index-a682dd0a.js';
-import '../stringSet-522716ae.js';
-import '../uuid-1f647558.js';
+import { a as UserProfileContext } from '../UserProfileContext-f1df8507.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../index-c6c7ad47.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-4b77fc65.js';
+import { u as useLongPress } from '../useLongPress-952b34b2.js';
+import '../index-e38e42b0.js';
+import '../stringSet-140ed862.js';
+import '../uuid-f376ea4b.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-75c6845d.js';
+import '../index-27fd8d9e.js';
 import '../utils/message/getOutgoingMessageState.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-65e08b70.js';
+import '../utils-796bbfd8.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelUserMessage.js

@@ -1,32 +1,32 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-1596259a.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-1d845c73.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-c0cff13a.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-bacd991d.js';
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { f as format } from '../index-837130fb.js';
+import { f as format } from '../index-358a7883.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-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-8cec4652.js';
-import { u as useLocalization } from '../LocalizationContext-0a81b301.js';
-import { c as copyToClipboard } from '../utils-355daaf8.js';
-import { u as uuidv4 } from '../uuid-1f647558.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-11069e08.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-dbf82efb.js';
-import { u as useLongPress } from '../useLongPress-f99b61d9.js';
-import { d as isEditedMessage } from '../index-75c6845d.js';
-import '../index-a682dd0a.js';
+import { a as UserProfileContext } from '../UserProfileContext-f1df8507.js';
+import { u as useLocalization } from '../LocalizationContext-2884fc26.js';
+import { c as copyToClipboard } from '../utils-ae7fe229.js';
+import { u as uuidv4 } from '../uuid-f376ea4b.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-c6c7ad47.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-4b77fc65.js';
+import { u as useLongPress } from '../useLongPress-952b34b2.js';
+import { d as isEditedMessage } from '../index-27fd8d9e.js';
+import '../index-e38e42b0.js';
 import './ImageRenderer.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-522716ae.js';
+import '../stringSet-140ed862.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-65e08b70.js';
+import '../utils-796bbfd8.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/PlaceHolder.js

@@ -1,11 +1,11 @@
-import '../tslib.es6-1d845c73.js';
+import '../tslib.es6-bacd991d.js';
 import 'react';
-export { a as PlaceHolderTypes, P as default } from '../index-c4124d52.js';
-import '../LocalizationContext-0a81b301.js';
+export { a as PlaceHolderTypes, P as default } from '../index-a88158af.js';
+import '../LocalizationContext-2884fc26.js';
 import './Icon.js';
-import '../index-4052efb0.js';
+import '../index-e525702f.js';
 import './Loader.js';
-import '../stringSet-522716ae.js';
-import '../index-a682dd0a.js';
+import '../stringSet-140ed862.js';
+import '../index-e38e42b0.js';
 import 'prop-types';
 //# sourceMappingURL=PlaceHolder.js.map

package/ui/QuoteMessage.js

@@ -1,13 +1,13 @@
 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-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-0a81b301.js';
-import { K as getUIKitFileTypes, h as getClassName, r as isUserMessage, n as isThumbnailMessage, E as isVideo, L as isGif, l as isFileMessage, D as isSupportedFileView, J as getUIKitFileType, t as truncateString } from '../index-75c6845d.js';
+import { a as LocalizationContext } from '../LocalizationContext-2884fc26.js';
+import { K as getUIKitFileTypes, h as getClassName, r as isUserMessage, n as isThumbnailMessage, E as isVideo, L as isGif, l as isFileMessage, D as isSupportedFileView, J as getUIKitFileType, t as truncateString } from '../index-27fd8d9e.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
-import '../tslib.es6-1d845c73.js';
-import '../index-a682dd0a.js';
+import '../stringSet-140ed862.js';
+import '../tslib.es6-bacd991d.js';
+import '../index-e38e42b0.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function QuoteMessage(_a) {

package/ui/QuoteMessageInput.js

@@ -1,14 +1,14 @@
 import React__default, { useContext } from 'react';
-import { l as isFileMessage, m as isImageMessage, n as isThumbnailMessage, o as isAudioMessage, h as getClassName, p as isGifMessage, q as isVideoMessage, r as isUserMessage } from '../index-75c6845d.js';
+import { l as isFileMessage, m as isImageMessage, n as isThumbnailMessage, o as isAudioMessage, h as getClassName, p as isGifMessage, q as isVideoMessage, r as isUserMessage } from '../index-27fd8d9e.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4052efb0.js';
-import { a as LocalizationContext } from '../LocalizationContext-0a81b301.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
+import { a as LocalizationContext } from '../LocalizationContext-2884fc26.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../tslib.es6-1d845c73.js';
+import '../tslib.es6-bacd991d.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
-import '../index-a682dd0a.js';
+import '../stringSet-140ed862.js';
+import '../index-e38e42b0.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/ui/ReactionBadge.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-bacd991d.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
+import '../stringSet-140ed862.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-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-bacd991d.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-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-bacd991d.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../uuid-1f647558.js';
+import { u as uuidv4 } from '../uuid-f376ea4b.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-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-bacd991d.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-bf0c20dc.js';
+import { C as Colors, c as changeColorToClassName } from '../color-a3418d45.js';
 
 var TextButton = function (_a) {
   var _b = _a.className,

package/ui/TextMessageItemBody.js

@@ -1,31 +1,31 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4052efb0.js';
-import { h as getClassName, d as isEditedMessage } from '../index-75c6845d.js';
-import { a as LocalizationContext } from '../LocalizationContext-0a81b301.js';
-import { u as uuidv4 } from '../uuid-1f647558.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
+import { h as getClassName, d as isEditedMessage } from '../index-27fd8d9e.js';
+import { a as LocalizationContext } from '../LocalizationContext-2884fc26.js';
+import { u as uuidv4 } from '../uuid-f376ea4b.js';
 import Word from './Word.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
-import '../tslib.es6-1d845c73.js';
+import '../stringSet-140ed862.js';
+import '../tslib.es6-bacd991d.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-a682dd0a.js';
+import '../index-e38e42b0.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
 import './UserProfile.js';
-import '../UserProfileContext-8cec4652.js';
+import '../UserProfileContext-f1df8507.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-65e08b70.js';
+import '../utils-796bbfd8.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-1596259a.js';
+import '../_rollupPluginBabelHelpers-c0cff13a.js';
 
 function TextMessageItemBody(_a) {
   var _b, _c, _d;
@@ -43,9 +43,15 @@ function TextMessageItemBody(_a) {
   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 () {
-    var _a;
+    var _a, _b;
 
-    return (_a = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _a === void 0 ? void 0 : _a.split(/\n/).map(function (sentence) {
+    if (isMessageMentioned) {
+      return (_a = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _a === void 0 ? void 0 : _a.split(/\n/).map(function (sentence) {
+        return sentence.split(/\s/);
+      });
+    }
+
+    return (_b = message === null || message === void 0 ? void 0 : message.message) === null || _b === void 0 ? void 0 : _b.split(/\n/).map(function (sentence) {
       return sentence.split(/\s/);
     });
   }, [message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate]);
@@ -54,7 +60,7 @@ function TextMessageItemBody(_a) {
     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' : '', 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) {
+  }, sentences.map(function (sentence, index) {
     return [sentence.map(function (word) {
       return /*#__PURE__*/React__default.createElement(Word, {
         key: uuidv4(),
@@ -63,7 +69,7 @@ function TextMessageItemBody(_a) {
         isByMe: isByMe
       });
     }), (sentences === null || sentences === void 0 ? void 0 : sentences[index + 1]) ? /*#__PURE__*/React__default.createElement("br", null) : null];
-  }) : message === null || message === void 0 ? void 0 : message.message, isEditedMessage(message) && /*#__PURE__*/React__default.createElement(Label, {
+  }), isEditedMessage(message) && /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-text-message-item-body__message edited",
     type: LabelTypography.BODY_1,
     color: isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2

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  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","_b","mentionedMessageTemplate","length","_c","mentionedUsers","sentences","useMemo","split","map","sentence","React","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","_d","reactions","index","word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED"],"mappings":"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"}
+{"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    if (isMessageMentioned) {\n      return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n    }\n    return message?.message?.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          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        {\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","_b","mentionedMessageTemplate","length","_c","mentionedUsers","sentences","useMemo","split","map","sentence","React","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","_d","reactions","index","word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED"],"mappings":"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"}

package/ui/ThreadReplies.js

@@ -1,14 +1,14 @@
 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-4052efb0.js';
-import { u as useLocalization } from '../LocalizationContext-0a81b301.js';
-import { u as uuidv4 } from '../uuid-1f647558.js';
-import '../tslib.es6-1d845c73.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
+import { u as useLocalization } from '../LocalizationContext-2884fc26.js';
+import { u as uuidv4 } from '../uuid-f376ea4b.js';
+import '../tslib.es6-bacd991d.js';
 import './ImageRenderer.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
-import '../index-a682dd0a.js';
+import '../stringSet-140ed862.js';
+import '../index-e38e42b0.js';
 
 function ThreadReplies(_a) {
   var _b;

package/ui/ThumbnailMessageItemBody.js

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { h as getClassName, s as isSentMessage, q as isVideoMessage, p as isGifMessage } from '../index-75c6845d.js';
+import { h as getClassName, s as isSentMessage, q as isVideoMessage, p as isGifMessage } from '../index-27fd8d9e.js';
 import 'prop-types';
-import '../tslib.es6-1d845c73.js';
+import '../tslib.es6-bacd991d.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function ThumbnailMessageItemBody(_a) {

package/ui/Tooltip.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-bacd991d.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
+import '../stringSet-140ed862.js';
 
 function Tooltip(_a) {
   var _b = _a.className,

package/ui/TooltipWrapper.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-bacd991d.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-4052efb0.js';
-import { h as getClassName } from '../index-75c6845d.js';
-import { a as LocalizationContext } from '../LocalizationContext-0a81b301.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
+import { h as getClassName } from '../index-27fd8d9e.js';
+import { a as LocalizationContext } from '../LocalizationContext-2884fc26.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
-import '../tslib.es6-1d845c73.js';
+import '../stringSet-140ed862.js';
+import '../tslib.es6-bacd991d.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-a682dd0a.js';
+import '../index-e38e42b0.js';
 
 function UnknownMessageItemBody(_a) {
   var _b;

package/ui/UserListItem.js

@@ -1,29 +1,29 @@
-import { a as __spreadArray } from '../tslib.es6-1d845c73.js';
+import { a as __spreadArray } from '../tslib.es6-bacd991d.js';
 import React__default, { useContext } from 'react';
-import { a as UserProfileContext } from '../UserProfileContext-8cec4652.js';
-import { a as LocalizationContext } from '../LocalizationContext-0a81b301.js';
+import { a as UserProfileContext } from '../UserProfileContext-f1df8507.js';
+import { a as LocalizationContext } from '../LocalizationContext-2884fc26.js';
 import Avatar from './Avatar.js';
 import MutedAvatarOverlay from './MutedAvatarOverlay.js';
 import Checkbox from './Checkbox.js';
 import UserProfile from './UserProfile.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
-import '../index-a682dd0a.js';
+import '../stringSet-140ed862.js';
+import '../index-e38e42b0.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-1f647558.js';
+import '../uuid-f376ea4b.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-65e08b70.js';
+import '../utils-796bbfd8.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-1596259a.js';
+import '../_rollupPluginBabelHelpers-c0cff13a.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-75c6845d.js';
+import '../index-27fd8d9e.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function UserListItem(_a) {

package/ui/UserProfile.js

@@ -1,22 +1,22 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../LocalizationContext-0a81b301.js';
-import { a as UserProfileContext } from '../UserProfileContext-8cec4652.js';
+import { a as LocalizationContext } from '../LocalizationContext-2884fc26.js';
+import { a as UserProfileContext } from '../UserProfileContext-f1df8507.js';
 import { getCreateGroupChannel } from '../sendbirdSelectors.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4052efb0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e525702f.js';
 import Button, { ButtonTypes } from './Button.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../stringSet-522716ae.js';
-import '../index-a682dd0a.js';
+import '../stringSet-140ed862.js';
+import '../index-e38e42b0.js';
 import 'prop-types';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
-import '../tslib.es6-1d845c73.js';
+import '../topics-65e08b70.js';
+import '../utils-796bbfd8.js';
+import '../tslib.es6-bacd991d.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-1f647558.js';
+import '../uuid-f376ea4b.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-1596259a.js';
+import '../_rollupPluginBabelHelpers-c0cff13a.js';
 
 function UserProfile(_a) {
   var _b, _c;

package/ui/Word.js

@@ -1,30 +1,30 @@
 import React__default from 'react';
-import { a as LabelTypography } from '../index-4052efb0.js';
+import { a as LabelTypography } from '../index-e525702f.js';
 import LinkLabel from './LinkLabel.js';
-import { u as uuidv4 } from '../uuid-1f647558.js';
-import { j as convertWordToStringObj, S as StringObjType } from '../index-75c6845d.js';
+import { u as uuidv4 } from '../uuid-f376ea4b.js';
+import { j as convertWordToStringObj, S as StringObjType } from '../index-27fd8d9e.js';
 import MentionLabel from './MentionLabel.js';
 import 'prop-types';
-import '../stringSet-522716ae.js';
-import '../tslib.es6-1d845c73.js';
+import '../stringSet-140ed862.js';
+import '../tslib.es6-bacd991d.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
 import './UserProfile.js';
-import '../LocalizationContext-0a81b301.js';
-import '../index-a682dd0a.js';
-import '../UserProfileContext-8cec4652.js';
+import '../LocalizationContext-2884fc26.js';
+import '../index-e38e42b0.js';
+import '../UserProfileContext-f1df8507.js';
 import '../sendbirdSelectors.js';
-import '../topics-4353311c.js';
-import '../utils-531c0ded.js';
+import '../topics-65e08b70.js';
+import '../utils-796bbfd8.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-1596259a.js';
+import '../_rollupPluginBabelHelpers-c0cff13a.js';
 
 function Word(props) {
   var word = props.word,