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

package/ui/OpenchannelOGMessage.js

@@ -1,38 +1,38 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-t4qeDosj.js';
-import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
+import { f as format } from '../chunks/bundle-Bb8eZMFx.js';
+import { A as Avatar } from '../chunks/bundle-DnCl_muj.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 '../chunks/bundle-prXB4t_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-C_dNvBEo.js';
-import { u as uuidv4 } from '../chunks/bundle-uIqOEfCa.js';
-import { c as copyToClipboard } from '../chunks/bundle-FfoT30Gt.js';
-import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.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 '../chunks/bundle-CYknZObK.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
-import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
-import { T as TextFragment } from '../chunks/bundle-B-DnYw4p.js';
-import { t as tokenizeMessage } from '../chunks/bundle-ZBhGb8Lc.js';
-import { o as openURL } from '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-DprHnWfH.js';
-import '../chunks/bundle-Bmk2FVdj.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import { a as UserProfileContext } from '../chunks/bundle-nDjk3-Gt.js';
+import { u as uuidv4 } from '../chunks/bundle-BR1kJOcI.js';
+import { c as copyToClipboard } from '../chunks/bundle-Dbi35CqT.js';
+import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.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 '../chunks/bundle-DUqPbING.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-BU6Qpz93.js';
+import { u as useLongPress } from '../chunks/bundle--dzeu7GZ.js';
+import { T as TextFragment } from '../chunks/bundle-D8FnCo6L.js';
+import { t as tokenizeMessage } from '../chunks/bundle-XNbFC3cL.js';
+import { o as openURL } from '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-BsBFjLW0.js';
+import '../chunks/bundle-CM2t7eH3.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-janisM9b.js';
+import '../chunks/bundle-CIHtPXyv.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-CqhNkmsl.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CriEArZn.js';
+import '../chunks/bundle-ScIM6mz0.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
@@ -120,25 +120,25 @@ function OpenChannelOGMessage(_a) {
                             isFineCopy({ message: message, userId: userId, status: status }) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
                                     copyToClipboard(message.message);
                                     closeDropdown();
-                                }, dataSbId: "open_channel_og_message_menu_copy" }, stringSet.CONTEXT_MENU_DROPDOWN__COPY)),
+                                }, testID: "open_channel_og_message_menu_copy" }, stringSet.CONTEXT_MENU_DROPDOWN__COPY)),
                             (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
                                     if (disabled) {
                                         return;
                                     }
                                     showEdit(true);
                                     closeDropdown();
-                                }, dataSbId: "open_channel_og_message_menu_edit" }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT)),
+                                }, testID: "open_channel_og_message_menu_edit" }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT)),
                             isFineResend({ message: message, userId: userId, status: status }) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__resend", onClick: function () {
                                     resendMessage(message);
                                     closeDropdown();
-                                }, dataSbId: "open_channel_og_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
+                                }, testID: "open_channel_og_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
                             (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__delete", onClick: function () {
                                     if (disabled) {
                                         return;
                                     }
                                     showRemove(true);
                                     closeDropdown();
-                                }, dataSbId: "open_channel_og_message_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } })))),
+                                }, testID: "open_channel_og_message_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } })))),
             React__default.createElement("div", { className: "sendbird-openchannel-og-message__bottom" },
                 React__default.createElement("div", { className: "sendbird-openchannel-og-message__bottom__og-tag", ref: mobileMenuRef },
                     (ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.url) && (React__default.createElement(Label, { className: "sendbird-openchannel-og-message__bottom__og-tag__url", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, ogMetaData.url)),

package/ui/OpenchannelThumbnailMessage.js

@@ -1,34 +1,34 @@
-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, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-t4qeDosj.js';
-import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
-import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
+import { f as format } from '../chunks/bundle-Bb8eZMFx.js';
+import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.js';
+import { A as Avatar } from '../chunks/bundle-DnCl_muj.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 '../chunks/bundle-prXB4t_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-C_dNvBEo.js';
-import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-CYknZObK.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
-import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
-import '../chunks/bundle-DprHnWfH.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-Bmk2FVdj.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import { a as UserProfileContext } from '../chunks/bundle-nDjk3-Gt.js';
+import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-DUqPbING.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-BU6Qpz93.js';
+import { u as useLongPress } from '../chunks/bundle--dzeu7GZ.js';
+import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-BsBFjLW0.js';
+import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-CM2t7eH3.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 '../sendbirdSelectors.js';
-import '../chunks/bundle-CriEArZn.js';
+import '../chunks/bundle-ScIM6mz0.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
@@ -156,14 +156,14 @@ function OpenchannelThumbnailMessage(_a) {
                     isFineResend({ message: message, userId: userId, status: status }) && (React__default.createElement(MenuItem, { onClick: function () {
                             resendMessage(message);
                             closeDropdown();
-                        }, dataSbId: "open_channel_thumbnail_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
+                        }, testID: "open_channel_thumbnail_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
                     (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React__default.createElement(MenuItem, { onClick: function () {
                             if (disabled) {
                                 return;
                             }
                             showRemove(true);
                             closeDropdown();
-                        }, dataSbId: "open_channel_thumbnail_message_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } }))))),
+                        }, testID: "open_channel_thumbnail_message_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } }))))),
         contextMenu && (React__default.createElement(OpenChannelMobileMenu, { message: message, parentRef: mobileMenuRef, hideMenu: function () {
                 setContextMenu(false);
             }, showRemove: function () {

package/ui/OpenchannelUserMessage.js

@@ -1,33 +1,33 @@
-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, { useContext, useRef, useState, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-t4qeDosj.js';
-import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
+import { f as format } from '../chunks/bundle-Bb8eZMFx.js';
+import { A as Avatar } from '../chunks/bundle-DnCl_muj.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 '../chunks/bundle-prXB4t_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-C_dNvBEo.js';
-import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
-import { c as copyToClipboard } from '../chunks/bundle-FfoT30Gt.js';
-import { u as uuidv4 } from '../chunks/bundle-uIqOEfCa.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 '../chunks/bundle-CYknZObK.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
-import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
-import { d as isEditedMessage } from '../chunks/bundle-janisM9b.js';
-import '../chunks/bundle-DprHnWfH.js';
+import { a as UserProfileContext } from '../chunks/bundle-nDjk3-Gt.js';
+import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.js';
+import { c as copyToClipboard } from '../chunks/bundle-Dbi35CqT.js';
+import { u as uuidv4 } from '../chunks/bundle-BR1kJOcI.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 '../chunks/bundle-DUqPbING.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-BU6Qpz93.js';
+import { u as useLongPress } from '../chunks/bundle--dzeu7GZ.js';
+import { d as isEditedMessage } from '../chunks/bundle-CIHtPXyv.js';
+import '../chunks/bundle-144DoI9L.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-Bmk2FVdj.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-BsBFjLW0.js';
+import '../chunks/bundle-CM2t7eH3.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-CqhNkmsl.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CriEArZn.js';
+import '../chunks/bundle-ScIM6mz0.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
@@ -110,25 +110,25 @@ function OpenchannelUserMessage(_a) {
                         isFineCopy({ message: message, userId: userId, status: status }) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-user-message__context-menu__copy", onClick: function () {
                                 copyToClipboard(message.message);
                                 closeDropdown();
-                            }, dataSbId: "open_channel_user_message_menu_copy" }, stringSet.CONTEXT_MENU_DROPDOWN__COPY)),
+                            }, testID: "open_channel_user_message_menu_copy" }, stringSet.CONTEXT_MENU_DROPDOWN__COPY)),
                         (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-user-message__context-menu__edit", onClick: function () {
                                 if (disabled) {
                                     return;
                                 }
                                 showEdit(true);
                                 closeDropdown();
-                            }, dataSbId: "open_channel_user_message_menu_edit" }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT)),
+                            }, testID: "open_channel_user_message_menu_edit" }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT)),
                         isFineResend({ message: message, userId: userId, status: status }) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-user-message__context-menu__resend", onClick: function () {
                                 resendMessage(message);
                                 closeDropdown();
-                            }, dataSbId: "open_channel_user_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
+                            }, testID: "open_channel_user_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
                         (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-user-message__context-menu__delete", onClick: function () {
                                 if (disabled) {
                                     return;
                                 }
                                 showRemove(true);
                                 closeDropdown();
-                            }, dataSbId: "open_channel_user_message_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } })))),
+                            }, testID: "open_channel_user_message_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } })))),
         contextMenu && (React__default.createElement(OpenChannelMobileMenu, { message: message, parentRef: mobileMenuRef, hideMenu: function () {
                 setContextMenu(false);
             }, showRemove: function () {

package/ui/PlaceHolder.js

@@ -1,12 +1,12 @@
-import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
+import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
 import Icon, { IconTypes, IconColors } from './Icon.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 Loader from './Loader.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
-import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-C5cPwfl7.js';
 
 var PlaceHolderTypes = {
     LOADING: 'LOADING',

package/ui/PlaybackTime.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../chunks/bundle-prXB4t_m.js';
-import '../chunks/bundle-DKkCwVCs.js';
-import '../chunks/bundle-Ce-B4ROs.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../chunks/bundle-rmCgpYl2.js';
+import '../chunks/bundle-CCRwOILr.js';
+import '../chunks/bundle-CqhNkmsl.js';
 
 var PlaybackTime = function (_a) {
     var className = _a.className, _b = _a.time, time = _b === void 0 ? 0 : _b, _c = _a.labelType, labelType = _c === void 0 ? LabelTypography.CAPTION_2 : _c, _d = _a.labelColor, labelColor = _d === void 0 ? LabelColors.ONCONTENT_1 : _d;

package/ui/ProgressBar.js

@@ -1,5 +1,5 @@
 import React__default, { useMemo } from 'react';
-import { c as classnames } from '../chunks/bundle-Dw9nwO7e.js';
+import { c as classnames } from '../chunks/bundle-C5cPwfl7.js';
 
 /* eslint-disable no-redeclare */
 var ProgressBarColorTypes = {

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 '../chunks/bundle-prXB4t_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
 import ImageRenderer from './ImageRenderer.js';
-import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
-import { z as getUIKitFileTypes, w as getClassName, l as isUserMessage, i as isVoiceMessage, p as isThumbnailMessage, c as isMultipleFilesMessage, j as isVideo, A as isGif, m as getUIKitMessageType, U as UIKitMessageTypes, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-janisM9b.js';
-import { g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-DYErcqMl.js';
-import '../chunks/bundle-DKkCwVCs.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
+import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
+import { z as getUIKitFileTypes, w as getClassName, l as isUserMessage, i as isVoiceMessage, p as isThumbnailMessage, c as isMultipleFilesMessage, j as isVideo, A as isGif, m as getUIKitMessageType, U as UIKitMessageTypes, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-CIHtPXyv.js';
+import { g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-Dbcnuh2P.js';
+import '../chunks/bundle-CCRwOILr.js';
+import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 
@@ -37,17 +37,17 @@ function QuoteMessage(_a) {
         } },
         React__default.createElement("div", { className: "sendbird-quote-message__replied-to" },
             React__default.createElement(Icon, { className: "sendbird-quote-message__replied-to__icon", type: IconTypes.REPLY, fillColor: IconColors.ON_BACKGROUND_3, width: "12px", height: "12px" }),
-            React__default.createElement(Label, { className: "sendbird-quote-message__replied-to__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_3 },
+            React__default.createElement(Label, { className: "sendbird-quote-message__replied-to__text", testID: "sendbird-quote-message__replied-to__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_3 },
                 React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, currentMessageSenderNickname),
                 React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__text" }, stringSet.QUOTED_MESSAGE__REPLIED_TO),
                 React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, parentMessageSenderNickname))),
         React__default.createElement("div", { className: "sendbird-quote-message__replied-message" },
             isUnavailable && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
-                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.QUOTED_MESSAGE__UNAVAILABLE))),
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", testID: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.QUOTED_MESSAGE__UNAVAILABLE))),
             ((isUserMessage(parentMessage) && ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message) === null || _g === void 0 ? void 0 : _g.length) > 0) && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
-                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message))),
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", testID: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message))),
             (isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
-                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.VOICE_MESSAGE))),
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", testID: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.VOICE_MESSAGE))),
             ((isThumbnailMessage(parentMessage)
                 || isMultipleFilesMessage(parentMessage))
                 && parentMessageUrl

package/ui/QuoteMessageInput.js

@@ -1,16 +1,16 @@
 import React__default, { useContext } from 'react';
-import { b as isFileMessage, c as isMultipleFilesMessage, i as isVoiceMessage, I as isImageMessage, r as isVideoMessage, J as isImageFileInfo, p as isThumbnailMessage, L as isAudioMessage, w as getClassName, s as isGifMessage, l as isUserMessage, m as getUIKitMessageType, U as UIKitMessageTypes } from '../chunks/bundle-janisM9b.js';
+import { b as isFileMessage, c as isMultipleFilesMessage, i as isVoiceMessage, I as isImageMessage, r as isVideoMessage, J as isImageFileInfo, p as isThumbnailMessage, L as isAudioMessage, w as getClassName, s as isGifMessage, l as isUserMessage, m as getUIKitMessageType, U as UIKitMessageTypes } from '../chunks/bundle-CIHtPXyv.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
+import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
 import ImageRenderer from './ImageRenderer.js';
-import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-DYErcqMl.js';
-import '../chunks/bundle-DKkCwVCs.js';
+import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType, b as getMessageFirstFileName } from '../chunks/bundle-Dbcnuh2P.js';
+import '../chunks/bundle-CCRwOILr.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/ui/ReactionBadge.js

@@ -1,10 +1,10 @@
-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, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.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-CqhNkmsl.js';
 
 var ReactionBadge = React__default.forwardRef(function (props, ref) {
-    var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.count, count = _b === void 0 ? '' : _b, _c = props.isAdd, isAdd = _c === void 0 ? false : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.onClick, onClick = _e === void 0 ? function () { } : _e;
+    var _a = props.className, className = _a === void 0 ? '' : _a, testID = props.testID, children = props.children, _b = props.count, count = _b === void 0 ? '' : _b, _c = props.isAdd, isAdd = _c === void 0 ? false : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.onClick, onClick = _e === void 0 ? function () { } : _e;
     var getClassNameTail = function () {
         if (selected && !isAdd) {
             return '--selected';
@@ -16,7 +16,7 @@ var ReactionBadge = React__default.forwardRef(function (props, ref) {
     };
     return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             "sendbird-reaction-badge".concat(getClassNameTail()),
-        ], false).join(' '), role: "button", ref: ref, onClick: onClick, onKeyDown: onClick, onTouchEnd: onClick, tabIndex: 0 },
+        ], false).join(' '), "data-testid": testID, role: "button", ref: ref, onClick: onClick, onKeyDown: onClick, onTouchEnd: onClick, tabIndex: 0 },
         React__default.createElement("div", { className: "sendbird-reaction-badge__inner" },
             React__default.createElement("div", { className: "sendbird-reaction-badge__inner__icon" }, children),
             React__default.createElement(Label, { className: (children && count) ? 'sendbird-reaction-badge__inner__count' : '', type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_1 }, count))));

package/ui/ReactionButton.js

@@ -1,11 +1,11 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
 import React__default from 'react';
-import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
-import { n as noop } from '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-3Mubyujl.js';
+import { u as useLongPress } from '../chunks/bundle--dzeu7GZ.js';
+import { n as noop } from '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-BU6Qpz93.js';
 
 var ReactionButton = React__default.forwardRef(function (props, ref) {
-    var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, onClick = props.onClick, children = props.children;
+    var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, testID = props.testID, onClick = props.onClick, children = props.children;
     var onClickHandler = useLongPress({
         onLongPress: noop,
         onClick: onClick,
@@ -15,7 +15,7 @@ var ReactionButton = React__default.forwardRef(function (props, ref) {
     });
     return (React__default.createElement("div", __assign({ className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             "sendbird-reaction-button".concat(selected ? '--selected' : ''),
-        ], false).join(' '), ref: ref, role: "button", style: { width: width, height: height } }, onClickHandler, { tabIndex: 0, "data-sb-id": dataSbId }),
+        ], false).join(' '), ref: ref, role: "button", style: { width: width, height: height } }, onClickHandler, { tabIndex: 0, "data-sb-id": testID !== null && testID !== void 0 ? testID : dataSbId, "data-testid": testID !== null && testID !== void 0 ? testID : dataSbId }),
         React__default.createElement("div", { className: "sendbird-reaction-button__inner" }, children)));
 });
 

package/ui/SortByRow.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../chunks/bundle-uIqOEfCa.js';
+import { u as uuidv4 } from '../chunks/bundle-BR1kJOcI.js';
 
 var componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_a) {

package/ui/TemplateMessageItemBody.js

@@ -1,20 +1,20 @@
-import { d as __extends, _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
+import { d as __extends, _ as __assign } from '../chunks/bundle-CCRwOILr.js';
 import React__default, { Component, useState, useEffect } from 'react';
-import { Z as startsWithAtAndEndsWithBraces, _ as removeAtAndBraces, w as getClassName } from '../chunks/bundle-janisM9b.js';
-import { M as MessageProvider, a as MessageTemplate, C as CompositeComponentType } from '../chunks/bundle-C7Vw36CA.js';
+import { Z as startsWithAtAndEndsWithBraces, _ as removeAtAndBraces, w as getClassName } from '../chunks/bundle-CIHtPXyv.js';
+import { M as MessageProvider, a as MessageTemplate, C as CompositeComponentType } from '../chunks/bundle-CvjZy952.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { FallbackTemplateMessageItemBody } from './FallbackTemplateMessageItemBody.tsx.js';
 import { LoadingTemplateMessageItemBody } from './LoadingTemplateMessageItemBody.tsx.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 import '../withSendbird.js';
-import '../chunks/bundle-nfJ9J5Md.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
-import '../chunks/bundle-prXB4t_m.js';
+import '../chunks/bundle-BhpRDUCv.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.js';
+import '../chunks/bundle-rmCgpYl2.js';
 import './Loader.js';
 import './Icon.js';
-import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-C5cPwfl7.js';
 
 var MessageTemplateWrapper = function (_a) {
     var message = _a.message, templateVersion = _a.templateVersion, templateItems = _a.templateItems;

package/ui/TextButton.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-h8I0AuUK.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-ThfYP9g9.js';
 
 var TextButton = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.color, color = _c === void 0 ? Colors.ONBACKGROUND_1 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.disableUnderline, disableUnderline = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, children = _a.children;

package/ui/TextMessageItemBody.js

@@ -1,32 +1,32 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-janisM9b.js';
-import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
-import { t as tokenizeMessage } from '../chunks/bundle-ZBhGb8Lc.js';
-import { T as TextFragment } from '../chunks/bundle-B-DnYw4p.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-QPuxH0uW.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 { w as getClassName, d as isEditedMessage } from '../chunks/bundle-CIHtPXyv.js';
+import { L as LocalizationContext } from '../chunks/bundle-BhpRDUCv.js';
+import { t as tokenizeMessage } from '../chunks/bundle-XNbFC3cL.js';
+import { T as TextFragment } from '../chunks/bundle-D8FnCo6L.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-BUF13B_d.js';
+import '../chunks/bundle-CCRwOILr.js';
+import '../chunks/bundle-CqhNkmsl.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-144DoI9L.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
-import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-CM2t7eH3.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-uIqOEfCa.js';
+import '../chunks/bundle-BR1kJOcI.js';
 import './UserProfile.js';
-import '../chunks/bundle-C_dNvBEo.js';
+import '../chunks/bundle-nDjk3-Gt.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CriEArZn.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-BgL9QnGd.js';
+import '../chunks/bundle-ScIM6mz0.js';
+import '../chunks/bundle-C5cPwfl7.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 '../useSendbirdStateContext.js';

package/ui/ThreadReplies.js

@@ -1,14 +1,14 @@
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
+import { A as Avatar } from '../chunks/bundle-DnCl_muj.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
-import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
-import '../chunks/bundle-DKkCwVCs.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-rmCgpYl2.js';
+import { u as useLocalization } from '../chunks/bundle-BhpRDUCv.js';
+import '../chunks/bundle-CCRwOILr.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Dw9nwO7e.js';
-import '../chunks/bundle-Bmk2FVdj.js';
-import '../chunks/bundle-Ce-B4ROs.js';
-import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-C5cPwfl7.js';
+import '../chunks/bundle-BsBFjLW0.js';
+import '../chunks/bundle-CqhNkmsl.js';
+import '../chunks/bundle-144DoI9L.js';
 
 function ThreadReplies(_a, ref) {
     var _b;

package/ui/ThumbnailMessageItemBody.js

@@ -1,14 +1,14 @@
-import { _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
+import { _ as __assign } from '../chunks/bundle-CCRwOILr.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { q as isSentMessage, w as getClassName, r as isVideoMessage, s as isGifMessage } from '../chunks/bundle-janisM9b.js';
-import { n as noop } from '../chunks/bundle-Dw9nwO7e.js';
-import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
-import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType } from '../chunks/bundle-DYErcqMl.js';
+import { q as isSentMessage, w as getClassName, r as isVideoMessage, s as isGifMessage } from '../chunks/bundle-CIHtPXyv.js';
+import { n as noop } from '../chunks/bundle-C5cPwfl7.js';
+import { u as useLongPress } from '../chunks/bundle--dzeu7GZ.js';
+import { c as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, a as getMessageFirstFileType } from '../chunks/bundle-Dbcnuh2P.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-3Mubyujl.js';
+import '../chunks/bundle-BU6Qpz93.js';
 
 function ThumbnailMessageItemBody(_a) {
     var _b, _c;

package/ui/Toggle.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useCallback } from 'react';
-import { _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
+import { _ as __assign } from '../chunks/bundle-CCRwOILr.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 
@@ -92,7 +92,7 @@ function ToggleUI(props) {
             checked ? 'sendbird-input-toggle-button--checked' : 'sendbird-input-toggle-button--unchecked',
             disabled ? 'sendbird-input-toggle-button--disabled' : [],
             reversed ? 'sendbird-input-toggle-button--reversed' : [],
-        ].flat().join(' '), style: __assign({ width: "".concat(toggleWidth, "px"), height: "".concat(toggleHeight, "px"), borderRadius: "".concat(dotSize, "px") }, style) },
+        ].flat().join(' '), "data-testid": "sendbird-input-toggle-button", style: __assign({ width: "".concat(toggleWidth, "px"), height: "".concat(toggleHeight, "px"), borderRadius: "".concat(dotSize, "px") }, style) },
         React__default.createElement("div", { className: [
                 'sendbird-input-toggle-button__inner-dot',
                 checked

package/ui/Tooltip.js

@@ -1,7 +1,7 @@
-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, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.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-CqhNkmsl.js';
 
 function Tooltip(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? '' : _c;

package/ui/TooltipWrapper.js

@@ -1,4 +1,4 @@
-import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray } from '../chunks/bundle-CCRwOILr.js';
 import React__default, { useState, useRef } from 'react';
 
 var SPACE_FROM_TRIGGER = 8;