@sendbird/uikit-react 3.14.6 → 3.14.7-rc.0

package/ui/Icon.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
 import * as React from 'react';
 import React__default from 'react';
-import { n as noop } from '../chunks/bundle-Dw9nwO7e.js';
+import { n as noop } from '../chunks/bundle-C5cPwfl7.js';
 
 /* eslint-disable no-redeclare */
 var Types = {
@@ -1016,7 +1016,7 @@ function changeTypeToIconComponent(type) {
     }
 }
 function Icon(_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, type = _a.type, _c = _a.fillColor, fillColor = _c === void 0 ? Colors.DEFAULT : _c, _d = _a.width, width = _d === void 0 ? 26 : _d, _e = _a.height, height = _e === void 0 ? 26 : _e, _f = _a.onClick, onClick = _f === void 0 ? noop : _f, _g = _a.children, children = _g === void 0 ? null : _g;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, type = _a.type, _c = _a.fillColor, fillColor = _c === void 0 ? Colors.DEFAULT : _c, _d = _a.width, width = _d === void 0 ? 26 : _d, _e = _a.height, height = _e === void 0 ? 26 : _e, _f = _a.onClick, onClick = _f === void 0 ? noop : _f, _g = _a.children, children = _g === void 0 ? null : _g, testID = _a.testID;
     var iconStyle = {
         width: typeof width === 'string' ? width : "".concat(width, "px"),
         minWidth: typeof width === 'string' ? width : "".concat(width, "px"),
@@ -1027,7 +1027,7 @@ function Icon(_a) {
             'sendbird-icon',
             changeTypeToIconClassName(type),
             changeColorToClassName(fillColor),
-        ], false).join(' '), role: 'button', onClick: onClick, onKeyDown: onClick, tabIndex: 0, style: iconStyle }, children || changeTypeToIconComponent(type)));
+        ], false).join(' '), "data-testid": testID, role: 'button', onClick: onClick, onKeyDown: onClick, tabIndex: 0, style: iconStyle }, children || changeTypeToIconComponent(type)));
 }
 var IconTypes = Types;
 var IconColors = Colors;

package/ui/IconButton.js

@@ -1,10 +1,10 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CCRwOILr.js';
 import React__default, { useState } from 'react';
 
 var IconButton = React__default.forwardRef(function (props, ref) {
-    var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.disabled, disabled = _b === void 0 ? false : _b, _c = props.width, width = _c === void 0 ? '56px' : _c, _d = props.height, height = _d === void 0 ? '56px' : _d, _e = props.type, type = _e === void 0 ? 'button' : _e, _f = props.style, style = _f === void 0 ? {} : _f, _g = props.onBlur, onBlur = _g === void 0 ? function () { } : _g, _h = props.onClick, onClick = _h === void 0 ? function () { } : _h;
+    var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.disabled, disabled = _b === void 0 ? false : _b, _c = props.width, width = _c === void 0 ? '56px' : _c, _d = props.height, height = _d === void 0 ? '56px' : _d, _e = props.type, type = _e === void 0 ? 'button' : _e, _f = props.style, style = _f === void 0 ? {} : _f, _g = props.onBlur, onBlur = _g === void 0 ? function () { } : _g, _h = props.onClick, onClick = _h === void 0 ? function () { } : _h, testID = props.testID;
     var _j = useState(false), isPressed = _j[0], setIsPressed = _j[1];
-    return (React__default.createElement("button", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+    return (React__default.createElement("button", { "data-testid": testID, className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-iconbutton',
             isPressed ? 'sendbird-iconbutton--pressed' : '',
         ], false).join(' '), disabled: disabled, ref: ref, type: type, style: __assign(__assign({}, style), { height: height, width: width }), onClick: function (e) {

package/ui/ImageRenderer.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CCRwOILr.js';
 import React__default, { useMemo, useState, useLayoutEffect, useRef } from 'react';
-import { n as noop } from '../chunks/bundle-Dw9nwO7e.js';
+import { n as noop } from '../chunks/bundle-C5cPwfl7.js';
 
 var numberToPx = (function (value) {
     if (value === null)

package/ui/Input.js

@@ -1,7 +1,7 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import '../chunks/bundle-DKkCwVCs.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
+import '../chunks/bundle-CCRwOILr.js';
+import '../chunks/bundle-CqhNkmsl.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-DKkCwVCs.js';
+import '../chunks/bundle-CCRwOILr.js';
 import 'react';
-export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-prXB4t_m.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-rmCgpYl2.js';
+import '../chunks/bundle-CqhNkmsl.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { o as openURL } from '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
+import { o as openURL } from '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-CqhNkmsl.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {
@@ -18,7 +18,7 @@ function LinkLabel(_a) {
             e.nativeEvent.stopImmediatePropagation();
             openURL(url);
         } },
-        React__default.createElement(Label, { className: "sendbird-link-label__label", type: type, color: color }, children)));
+        React__default.createElement(Label, { className: "sendbird-link-label__label", testID: "sendbird-link-label__label", type: type, color: color }, children)));
 }
 var LinkLabelTypography = LabelTypography;
 var LinkLabelColors = LabelColors;

package/ui/Loader.js

@@ -1,13 +1,13 @@
-import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-C5cPwfl7.js';
 
 function Loader(_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children, testID = _a.testID;
     return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-loader',
-        ], false).join(' '), style: {
+        ], false).join(' '), "data-testid": testID, style: {
             width: typeof width === 'string' ? width : "".concat(width, "px"),
             height: typeof height === 'string' ? height : "".concat(height, "px"),
         } }, children

package/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -1,21 +1,14 @@
 import React__default from 'react';
-import { w as getClassName } from '../chunks/bundle-janisM9b.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../chunks/bundle-DKkCwVCs.js';
-import '@sendbird/chat/groupChannel';
-import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Dw9nwO7e.js';
+import { c as classnames } from '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-CCRwOILr.js';
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {
     var className = _a.className, isByMe = _a.isByMe;
-    return (React__default.createElement("div", { className: getClassName([
-            className !== null && className !== void 0 ? className : '',
-            isByMe ? 'outgoing' : 'incoming',
-            'sendbird-template-loading-message-item-body',
-        ]) },
-        React__default.createElement(Loader, { className: "sendbird-message-status__icon", width: TEMPLATE_LOADING_SPINNER_SIZE, height: TEMPLATE_LOADING_SPINNER_SIZE },
+    return (React__default.createElement("div", { className: classnames(className, isByMe ? 'outgoing' : 'incoming', 'sendbird-template-loading-message-item-body') },
+        React__default.createElement(Loader, { className: "sendbird-message-status__icon", testID: "sendbird-message-status-icon", width: TEMPLATE_LOADING_SPINNER_SIZE, height: TEMPLATE_LOADING_SPINNER_SIZE },
             React__default.createElement(Icon, { type: IconTypes.SPINNER, fillColor: IconColors.CONTENT_INVERSE_5, width: TEMPLATE_LOADING_SPINNER_SIZE, height: TEMPLATE_LOADING_SPINNER_SIZE }))));
 }
 

package/ui/LoadingTemplateMessageItemBody.tsx.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingTemplateMessageItemBody.tsx.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LoadingTemplateMessageItemBody.tsx.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/ui/MentionLabel.js

@@ -1,28 +1,28 @@
 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 '../chunks/bundle-prXB4t_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { c as classnames } from '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-DwJ8HgZK.js';
-import '../chunks/bundle-DKkCwVCs.js';
+import { c as classnames } from '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-CM2t7eH3.js';
+import '../chunks/bundle-CCRwOILr.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-uIqOEfCa.js';
-import '../chunks/bundle-janisM9b.js';
+import '../chunks/bundle-BR1kJOcI.js';
+import '../chunks/bundle-CIHtPXyv.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-nfJ9J5Md.js';
-import '../chunks/bundle-DprHnWfH.js';
-import '../chunks/bundle-C_dNvBEo.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-BhpRDUCv.js';
+import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-nDjk3-Gt.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CriEArZn.js';
-import '../chunks/bundle-BgL9QnGd.js';
+import '../chunks/bundle-ScIM6mz0.js';
+import '../chunks/bundle-DnCl_muj.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-BsBFjLW0.js';
 import './Icon.js';
 import './Button.js';
 import '../withSendbird.js';

package/ui/MentionUserLabel.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-B3nNazhn.js';
-import { c as classnames } from '../chunks/bundle-Dw9nwO7e.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-DdlWQflQ.js';
+import { c as classnames } from '../chunks/bundle-C5cPwfl7.js';
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;

package/ui/MessageContent.js

@@ -1,32 +1,32 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-DKkCwVCs.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-CCRwOILr.js';
 import React__default, { useRef, useContext, useState, useMemo } from 'react';
-import { f as format } from '../chunks/bundle-t4qeDosj.js';
-import { M as MessageStatus } from '../chunks/bundle-C3gISq8S.js';
+import { f as format } from '../chunks/bundle-Bb8eZMFx.js';
+import { M as MessageStatus } from '../chunks/bundle-B3G0tTKZ.js';
 import { MessageMenu } from './MessageItemMenu.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { e as isSendableMessage, n as getUIKitMessageTypes, K, C as isTemplateMessage, M as isOGMessage, N as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, P as getMessageContentMiddleClassNameByContainerType, Q as isAdminMessage, w as getClassName, R as UI_CONTAINER_TYPES } from '../chunks/bundle-janisM9b.js';
-import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
+import { e as isSendableMessage, n as getUIKitMessageTypes, K, C as isTemplateMessage, M as isOGMessage, N as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, P as getMessageContentMiddleClassNameByContainerType, Q as isAdminMessage, w as getClassName, R as UI_CONTAINER_TYPES } from '../chunks/bundle-CIHtPXyv.js';
+import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { EmojiContainer } from '@sendbird/chat';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
-import { M as MobileMenu } from '../chunks/bundle-Cp2PKGXI.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
+import { u as useLongPress } from '../chunks/bundle--dzeu7GZ.js';
+import { M as MobileMenu } from '../chunks/bundle-Bwc4fZzt.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-BU6Qpz93.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-COYqO05C.js';
-import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-Dw9nwO7e.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-Dx-khVyG.js';
+import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-C5cPwfl7.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
+import { A as Avatar } from '../chunks/bundle-DnCl_muj.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-C_dNvBEo.js';
+import { a as UserProfileContext } from '../chunks/bundle-nDjk3-Gt.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
 import FileMessageItemBody from './FileMessageItemBody.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-zwvszN0Y.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-B3Cfr39D.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
 import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
@@ -36,56 +36,56 @@ import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from './MessageFeedbackModal.js';
 import MessageFeedbackFailedModal from './MessageFeedbackFailedModal.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-144DoI9L.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-BWiA6-mB.js';
-import '../chunks/bundle-D1rcEkoi.js';
+import '../chunks/bundle-BPZfkUNt.js';
+import '../chunks/bundle-Brfb9sy_.js';
 import './IconButton.js';
-import '../chunks/bundle-Boh0Ffwo.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-ZIevlLlV.js';
+import '../chunks/bundle-CM2t7eH3.js';
 import 'react-dom';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-uIqOEfCa.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-BR1kJOcI.js';
+import '../chunks/bundle-CqhNkmsl.js';
 import '@sendbird/chat/groupChannel';
 import './ImageRenderer.js';
 import './ReactionButton.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../chunks/bundle-CGmq3qGM.js';
+import '../chunks/bundle-BkNi-A4T.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-BMQLJ23N.js';
-import '../chunks/bundle-DhBuJR0w.js';
+import '../chunks/bundle-DZRXYe29.js';
+import '../chunks/bundle-hHUThi_g.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
-import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-BsBFjLW0.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CriEArZn.js';
+import '../chunks/bundle-ScIM6mz0.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-BFa8UJ8b.js';
-import '../chunks/bundle-DYErcqMl.js';
-import '../chunks/bundle-B-DnYw4p.js';
-import '../chunks/bundle-ZBhGb8Lc.js';
+import '../chunks/bundle-D8YkcooO.js';
+import '../chunks/bundle-Dbcnuh2P.js';
+import '../chunks/bundle-D8FnCo6L.js';
+import '../chunks/bundle-XNbFC3cL.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-C8jE79mn.js';
-import '../chunks/bundle-QPuxH0uW.js';
+import '../chunks/bundle-Cb1XOWfn.js';
+import '../chunks/bundle-BUF13B_d.js';
 import './TextButton.js';
-import '../chunks/bundle-h8I0AuUK.js';
-import '../chunks/bundle-Cn6S1UKt.js';
-import '../chunks/bundle-B4izwMfD.js';
+import '../chunks/bundle-ThfYP9g9.js';
+import '../chunks/bundle-LkO70XqN.js';
+import '../chunks/bundle-CEKJ0RSH.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
 import './PlaybackTime.js';
-import '../chunks/bundle-C7Vw36CA.js';
+import '../chunks/bundle-CvjZy952.js';
 import './FallbackTemplateMessageItemBody.tsx.js';
 import './LoadingTemplateMessageItemBody.tsx.js';
 import './Input.js';
@@ -309,9 +309,9 @@ function MessageContent(props) {
             isByMeClassName,
             uiContainerType,
         ]), onMouseOver: function () { return setMouseHover(true); }, onMouseLeave: function () { return setMouseHover(false); } },
-        React__default.createElement("div", { className: getClassName(['sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName]) },
+        React__default.createElement("div", { className: classnames('sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName), "data-testid": "sendbird-message-content__left" },
             renderSenderProfile(__assign(__assign({}, props), { isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
-            showOutgoingMenu && (React__default.createElement("div", { className: getClassName(['sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName]) },
+            showOutgoingMenu && (React__default.createElement("div", { className: classnames('sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName) },
                 renderMessageMenu({
                     channel: channel,
                     message: message,
@@ -342,13 +342,9 @@ function MessageContent(props) {
                     toggleReaction: toggleReaction,
                     setSupposedHover: setSupposedHover,
                 }))))),
-        React__default.createElement("div", __assign({ className: getClassName([
-                'sendbird-message-content__middle',
-                isTemplateMessage(message) ? 'sendbird-message-content__middle__for_template_message' : '',
-                uiContainerType,
-            ]) }, (isMobile ? __assign({}, longPress) : {}), { ref: contentRef }),
+        React__default.createElement("div", __assign({ className: classnames('sendbird-message-content__middle', isTemplateMessage(message) && 'sendbird-message-content__middle__for_template_message', uiContainerType), "data-testid": "sendbird-message-content__middle" }, (isMobile ? __assign({}, longPress) : {}), { ref: contentRef }),
             !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
-            (useReplying) ? (React__default.createElement("div", { className: getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName]) },
+            (useReplying) ? (React__default.createElement("div", { className: classnames('sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName), "data-testid": "sendbird-message-content__middle__quote-message" },
                 React__default.createElement(QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message, userId: userId, isByMe: isByMe, isUnavailable: ((_e = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _e !== void 0 ? _e : 0) > ((_g = (_f = message.parentMessage) === null || _f === void 0 ? void 0 : _f.createdAt) !== null && _g !== void 0 ? _g : 0), onClick: function () {
                         var _a;
                         if (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.THREAD) {
@@ -359,16 +355,8 @@ function MessageContent(props) {
                             scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);
                         }
                     } }))) : null,
-            React__default.createElement("div", { className: getClassName([
-                    'sendbird-message-content__middle__body-container',
-                    isTemplateMessage(message) ? 'sendbird-message-content__middle__for_template_message' : '',
-                ]) },
-                (isByMe && !chainBottom) && (React__default.createElement("div", { className: getClassName([
-                        'sendbird-message-content__middle__body-container__created-at',
-                        'left',
-                        supposedHoverClassName,
-                        uiContainerType,
-                    ]), ref: timestampRef },
+            React__default.createElement("div", { className: classnames('sendbird-message-content__middle__body-container', isTemplateMessage(message) && 'sendbird-message-content__middle__for_template_message') },
+                (isByMe && !chainBottom) && (React__default.createElement("div", { className: classnames('sendbird-message-content__middle__body-container__created-at', 'left', supposedHoverClassName, uiContainerType), ref: timestampRef },
                     React__default.createElement("div", { className: "sendbird-message-content__middle__body-container__created-at__component-container" },
                         React__default.createElement(MessageStatus, { message: message, channel: channel })))),
                 renderMessageBody({
@@ -384,14 +372,8 @@ function MessageContent(props) {
                     onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback,
                     onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
-                (isReactionEnabledInChannel && ((_h = message === null || message === void 0 ? void 0 : message.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React__default.createElement("div", { className: getClassName([
-                        'sendbird-message-content-reactions',
-                        isMultipleFilesMessage(message)
-                            ? 'image-grid'
-                            : (!isByMe || isThumbnailMessage(message) || isOGMessage(message))
-                                ? '' : 'primary',
-                        mouseHover ? 'mouse-hover' : '',
-                    ]) }, renderEmojiReactions({
+                (isReactionEnabledInChannel && ((_h = message === null || message === void 0 ? void 0 : message.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React__default.createElement("div", { className: classnames('sendbird-message-content-reactions', isMultipleFilesMessage(message) ? 'image-grid'
+                        : (isByMe && !isThumbnailMessage(message) && !isOGMessage(message)) && 'primary', mouseHover && 'mouse-hover') }, renderEmojiReactions({
                     userId: userId,
                     message: message,
                     channel: channel,
@@ -401,12 +383,7 @@ function MessageContent(props) {
                     toggleReaction: toggleReaction,
                     onPressUserProfile: onPressUserProfileHandler,
                 }))),
-                (!isByMe && !chainBottom) && (React__default.createElement(Label, { className: getClassName([
-                        'sendbird-message-content__middle__body-container__created-at',
-                        'right',
-                        supposedHoverClassName,
-                        uiContainerType,
-                    ]), type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2, ref: timestampRef }, format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
+                (!isByMe && !chainBottom) && (React__default.createElement(Label, { className: classnames('sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName, uiContainerType), type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2, ref: timestampRef }, format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
                     locale: dateLocale,
                 })))),
             isTimestampBottom && React__default.createElement("div", { style: {
@@ -478,8 +455,8 @@ function MessageContent(props) {
                         });
                     }); }, disabled: !!(message === null || message === void 0 ? void 0 : message.myFeedback) && message.myFeedback.rating !== FeedbackRating.BAD },
                     React__default.createElement(Icon, { type: IconTypes.FEEDBACK_DISLIKE, width: '24px', height: '24px' })))),
-        showRightContent && (React__default.createElement("div", { className: getClassName(['sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName]) },
-            React__default.createElement("div", { className: getClassName(['sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName]) },
+        showRightContent && (React__default.createElement("div", { className: classnames('sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName), "data-testid": "sendbird-message-content__right" },
+            React__default.createElement("div", { className: classnames('sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName) },
                 isReactionEnabledInChannel && (renderEmojiMenu({
                     className: 'sendbird-message-content-menu__reaction-menu',
                     message: message,

package/ui/MessageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MessageContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/MessageFeedbackFailedModal.js

@@ -1,30 +1,30 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
-import { M as Modal } from '../chunks/bundle-CGmq3qGM.js';
+import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
+import { M as Modal } from '../chunks/bundle-BkNi-A4T.js';
 import Button, { ButtonTypes } from './Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { u as useKeyDown } from '../chunks/bundle-B4izwMfD.js';
-import '../chunks/bundle-DKkCwVCs.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
-import '../chunks/bundle-janisM9b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
+import { u as useKeyDown } from '../chunks/bundle-CEKJ0RSH.js';
+import '../chunks/bundle-CCRwOILr.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-CIHtPXyv.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-C5cPwfl7.js';
 import 'react-dom';
-import '../chunks/bundle-3Mubyujl.js';
+import '../chunks/bundle-BU6Qpz93.js';
 import './IconButton.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-uIqOEfCa.js';
+import '../chunks/bundle-BR1kJOcI.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-BMQLJ23N.js';
-import '../chunks/bundle-DhBuJR0w.js';
+import '../chunks/bundle-DZRXYe29.js';
+import '../chunks/bundle-hHUThi_g.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-CM2t7eH3.js';
 
 function MessageFeedbackFailedModal(props) {
     var text = props.text, onCancel = props.onCancel;

package/ui/MessageFeedbackModal.js

@@ -1,18 +1,18 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
-import { M as Modal } from '../chunks/bundle-CGmq3qGM.js';
+import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
+import { M as Modal } from '../chunks/bundle-BkNi-A4T.js';
 import Button, { ButtonTypes } from './Button.js';
 import Input from './Input.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
-import { u as useKeyDown } from '../chunks/bundle-B4izwMfD.js';
-import '../chunks/bundle-DKkCwVCs.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
-import '../chunks/bundle-janisM9b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-BU6Qpz93.js';
+import { u as useKeyDown } from '../chunks/bundle-CEKJ0RSH.js';
+import '../chunks/bundle-CCRwOILr.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-CIHtPXyv.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-C5cPwfl7.js';
 import 'react-dom';
 import './IconButton.js';
 import './Icon.js';
@@ -20,12 +20,12 @@ import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-uIqOEfCa.js';
+import '../chunks/bundle-BR1kJOcI.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-BMQLJ23N.js';
-import '../chunks/bundle-DhBuJR0w.js';
+import '../chunks/bundle-DZRXYe29.js';
+import '../chunks/bundle-hHUThi_g.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-CM2t7eH3.js';
 
 function MessageFeedbackModal(props) {
     var _a, _b;

package/ui/MessageInput/hooks/usePaste.js

@@ -1,10 +1,10 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-YUF6WfTL.js';
-import '../../../chunks/bundle-CWXSCBTE.js';
-import '../../../chunks/bundle-COYqO05C.js';
-import '../../../chunks/bundle-DKkCwVCs.js';
-import '../../../chunks/bundle-B3nNazhn.js';
-import '../../../chunks/bundle-QPuxH0uW.js';
-import '../../../chunks/bundle-C8jE79mn.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-CP23reH8.js';
+import '../../../chunks/bundle-BzT1IYfR.js';
+import '../../../chunks/bundle-Dx-khVyG.js';
+import '../../../chunks/bundle-CCRwOILr.js';
+import '../../../chunks/bundle-DdlWQflQ.js';
+import '../../../chunks/bundle-BUF13B_d.js';
+import '../../../chunks/bundle-Cb1XOWfn.js';
 //# sourceMappingURL=usePaste.js.map