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

package/cjs/index.js

@@ -5,94 +5,91 @@ var App = require('./App.js');
 var ChannelSettings = require('./ChannelSettings.js');
 var ChannelList = require('./ChannelList.js');
 var Channel = require('./Channel.js');
-var stringSet = require('./chunks/bundle-BNMoxGCr.js');
+var stringSet = require('./chunks/bundle-CyhBskLi.js');
 var OpenChannel = require('./OpenChannel.js');
 var OpenChannelSettings = require('./OpenChannelSettings.js');
 var MessageSearch = require('./MessageSearch.js');
 var withSendbird = require('./withSendbird.js');
 var sendbirdSelectors = require('./sendbirdSelectors.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var index = require('./chunks/bundle-DrYI_bNa.js');
-require('./chunks/bundle-eTYC1RPT.js');
+var index = require('./chunks/bundle-CrD4PCap.js');
+require('./chunks/bundle-CJeQAwIq.js');
 require('react');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('./chunks/bundle-DikFXMAd.js');
-require('./chunks/bundle-D1Ka8I9e.js');
+require('./chunks/bundle-DlNU2sn6.js');
+require('./chunks/bundle-BgG4YCP5.js');
 require('@sendbird/chat');
-require('./chunks/bundle-YRiE_c63.js');
+require('./chunks/bundle-CoMYKwh1.js');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('./chunks/bundle-DOoshvnj.js');
-require('./chunks/bundle-Dd1DS9KT.js');
-require('./chunks/bundle-CW2oMonb.js');
-require('./chunks/bundle-BNzVVkzd.js');
-require('./chunks/bundle-DW8u-n3u.js');
+require('./chunks/bundle-DmWW0WBf.js');
+require('./chunks/bundle-wotIKZl5.js');
+require('./chunks/bundle-fR0Lyqms.js');
+require('./chunks/bundle-r2wrE4gR.js');
+require('./chunks/bundle-DZifaK6e.js');
 require('react-dom');
-require('./chunks/bundle-OWb8eJt-.js');
-require('./chunks/bundle-1A4pOyri.js');
-require('./chunks/bundle-OIKGVRus.js');
+require('./chunks/bundle-B1-CSUH3.js');
+require('./chunks/bundle-DLq7U-TG.js');
+require('./chunks/bundle-JvOSvbT-.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
-require('./chunks/bundle-DY5rfl6W.js');
+require('./chunks/bundle-kA42u0Gu.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-Dymg5zVO.js');
-require('./chunks/bundle-6_B00yYz.js');
+require('./chunks/bundle-Dth1pRws.js');
+require('./chunks/bundle-H773iNlu.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
 require('./GroupChannel.js');
 require('./GroupChannel/context.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-DTzydpqA.js');
-require('./chunks/bundle-kbRkyLdH.js');
-require('./chunks/bundle-CHvJg3bD.js');
-require('./chunks/bundle-DQu5RJ2y.js');
-require('./chunks/bundle-BBsKv3Vz.js');
-require('./chunks/bundle-Bvsx1m1J.js');
-require('./chunks/bundle-7CEyuoln.js');
-require('./chunks/bundle-H13ErLKW.js');
+require('./chunks/bundle-IB5obbRW.js');
+require('./chunks/bundle-BAU1zV3Y.js');
+require('./chunks/bundle-D-8XyWF_.js');
+require('./chunks/bundle-BoRj-mgS.js');
+require('./chunks/bundle-BJ8j5f4n.js');
 require('./GroupChannel/components/GroupChannelUI.js');
-require('./chunks/bundle-KUj3wjEl.js');
+require('./chunks/bundle-CVox3lmH.js');
 require('./GroupChannel/components/TypingIndicator.js');
 require('./ui/ConnectionStatus.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./GroupChannel/components/GroupChannelHeader.js');
-require('./chunks/bundle-D7rSRN-8.js');
+require('./chunks/bundle-DQd2VI2t.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-C_8UQBXr.js');
+require('./chunks/bundle-DA3mJxgj.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-DcQeRT4T.js');
-require('./chunks/bundle-BimsU_nb.js');
-require('./chunks/bundle-B2WuxwoH.js');
+require('./chunks/bundle-DwiW36qb.js');
+require('./chunks/bundle-CckK2ZmP.js');
+require('./chunks/bundle-Dy6FoHuz.js');
 require('./ui/Header.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-CA69fSDI.js');
+require('./chunks/bundle-DLImZze-.js');
 require('./GroupChannel/components/MessageList.js');
 require('./GroupChannel/components/Message.js');
-require('./chunks/bundle-CJk1q-XX.js');
-require('./chunks/bundle-Cd-3W3UM.js');
-require('./chunks/bundle-CuOOXDK0.js');
+require('./chunks/bundle-DSZalFnG.js');
+require('./chunks/bundle-4OndLy2v.js');
+require('./chunks/bundle-BbMTHb6h.js');
 require('./Message/hooks/useDirtyGetMentions.js');
 require('./ui/DateSeparator.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-wz_O1vyk.js');
-require('./chunks/bundle-A_xDyoq6.js');
+require('./chunks/bundle-CMEQx4Mz.js');
+require('./chunks/bundle-MfG33Jpz.js');
 require('dompurify');
-require('./chunks/bundle-CBNBRNN0.js');
-require('./chunks/bundle-D3BhVTZt.js');
-require('./chunks/bundle-CI1zoEKe.js');
-require('./chunks/bundle-B1Ql7yM0.js');
+require('./chunks/bundle-DI_kGoPm.js');
+require('./chunks/bundle-BYa01_Vw.js');
+require('./chunks/bundle-DVG4EUf8.js');
+require('./chunks/bundle-C8g_BN3A.js');
 require('./ui/MessageContent.js');
-require('./chunks/bundle-BPV3CKzS.js');
+require('./chunks/bundle-2u6B53jr.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-DTJnlh7y.js');
-require('./chunks/bundle-TEjGhclf.js');
+require('./chunks/bundle-M4R5UMAX.js');
+require('./chunks/bundle-zrhH00S-.js');
 require('./ui/MessageItemMenu.js');
-require('./chunks/bundle-BFy8_d3W.js');
+require('./chunks/bundle-DyB6a-BA.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-Bgeq75IH.js');
+require('./chunks/bundle-Gf-QDewd.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/BottomSheet.js');
@@ -105,18 +102,18 @@ require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/QuoteMessage.js');
-require('./chunks/bundle-cqwHj7Dj.js');
-require('./chunks/bundle-6aemRbmn.js');
+require('./chunks/bundle-DKzRDD56.js');
+require('./chunks/bundle-D74xdt53.js');
 require('./ui/ThreadReplies.js');
 require('./ui/OGMessageItemBody.js');
-require('./chunks/bundle-CoJbL3ob.js');
+require('./chunks/bundle-C5cMcHd8.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
-require('./chunks/bundle-BE-L5873.js');
-require('./chunks/bundle-CTraI7aM.js');
-require('./chunks/bundle-jHjvHr01.js');
+require('./chunks/bundle-xRIT87Jh.js');
+require('./chunks/bundle-DpM6-wea.js');
+require('./chunks/bundle-Dm-aPoDj.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
@@ -124,7 +121,7 @@ require('./ui/PlaybackTime.js');
 require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/TemplateMessageItemBody.js');
-require('./chunks/bundle-DUzcm-3u.js');
+require('./chunks/bundle-DvAeFFek.js');
 require('./ui/FallbackTemplateMessageItemBody.tsx.js');
 require('./ui/LoadingTemplateMessageItemBody.tsx.js');
 require('./ui/FeedbackIconButton.js');
@@ -133,55 +130,58 @@ require('./ui/MessageFeedbackModal.js');
 require('./ui/Input.js');
 require('./ui/MessageFeedbackFailedModal.js');
 require('./GroupChannel/components/SuggestedReplies.js');
-require('./chunks/bundle-DMUz-Xui.js');
+require('./chunks/bundle-Df_Hgwlj.js');
 require('./GroupChannel/components/FileViewer.js');
-require('./chunks/bundle-BE1dAigY.js');
+require('./chunks/bundle-CLnYHKKW.js');
 require('./GroupChannel/components/RemoveMessageModal.js');
-require('./chunks/bundle-Cd0cyqgA.js');
-require('./chunks/bundle-LO6QlzTz.js');
-require('./Channel/utils/getMessagePartsInfo.js');
-require('./Channel/utils/compareMessagesForGrouping.js');
+require('./chunks/bundle-CdYljwjX.js');
+require('./chunks/bundle-DSh6-vgP.js');
 require('./GroupChannel/components/UnreadCount.js');
 require('./GroupChannel/components/FrozenNotification.js');
 require('./ui/TypingIndicatorBubble.js');
+require('./Channel/utils/getMessagePartsInfo.js');
+require('./Channel/utils/compareMessagesForGrouping.js');
+require('./chunks/bundle-B0mQpXb8.js');
 require('./GroupChannel/components/MessageInputWrapper.js');
-require('./chunks/bundle-ZjYFUjTH.js');
+require('./chunks/bundle-BepqPmkO.js');
 require('./GroupChannel/components/SuggestedMentionList.js');
 require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-D1mguvwi.js');
-require('./chunks/bundle-C1YuUjH3.js');
+require('./chunks/bundle-BRaP2Q-R.js');
+require('./chunks/bundle-BUcgXS7J.js');
 require('./GroupChannelList.js');
 require('./GroupChannelList/context.js');
 require('./GroupChannelList/components/GroupChannelListUI.js');
-require('./chunks/bundle-DAEHB1AV.js');
+require('./chunks/bundle-BoLJU6b4.js');
 require('./GroupChannelList/components/GroupChannelListHeader.js');
 require('./EditUserProfile.js');
 require('./EditUserProfile/context.js');
 require('./EditUserProfile/components/EditUserProfileUI.js');
+require('./chunks/bundle-Cr_c2Lo-.js');
+require('./chunks/bundle-DoDXqpHF.js');
 require('./GroupChannelList/components/GroupChannelPreviewAction.js');
 require('./GroupChannelList/components/GroupChannelListItem.js');
-require('./chunks/bundle-13qq2yWM.js');
+require('./chunks/bundle-DikCd5Bz.js');
 require('./ui/Badge.js');
 require('./ui/MentionUserLabel.js');
 require('./GroupChannelList/components/AddGroupChannel.js');
-require('./chunks/bundle-RUFiV4i0.js');
+require('./chunks/bundle-Be702CAz.js');
 require('./CreateChannel.js');
 require('./CreateChannel/components/CreateChannelUI.js');
-require('./chunks/bundle-86A5Bf9J.js');
+require('./chunks/bundle-DvlM2li_.js');
 require('./CreateChannel/components/InviteUsers.js');
 require('./CreateChannel/components/SelectChannelType.js');
 require('./Thread.js');
 require('./Thread/context.js');
-require('./chunks/bundle-DSLFcE0C.js');
+require('./chunks/bundle-CcGHhI1c.js');
 require('./Thread/context/types.js');
-require('./chunks/bundle-BzyQ6Vof.js');
-require('./chunks/bundle-BK_SqbHE.js');
+require('./chunks/bundle-BkElNSsE.js');
+require('./chunks/bundle-B9LsRGk4.js');
 require('./Thread/components/ThreadUI.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-ozey_V94.js');
+require('./chunks/bundle-hEeqnLlq.js');
 require('./Thread/components/ParentMessageInfoItem.js');
-require('./chunks/bundle-Bw1ttM89.js');
+require('./chunks/bundle-zpaqoVEt.js');
 require('./Thread/components/ThreadHeader.js');
 require('./Thread/components/ThreadList.js');
 require('./Thread/components/ThreadListItem.js');
@@ -198,34 +198,34 @@ require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');
 require('./ui/Toggle.js');
 require('./ChannelSettings/components/UserListItem.js');
-require('./chunks/bundle-CCYpnzRf.js');
+require('./chunks/bundle-CCHKCW9k.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
-require('./chunks/bundle-DohVekRv.js');
-require('./chunks/bundle-BtsHzLKX.js');
+require('./chunks/bundle-Dhl4bNef.js');
+require('./chunks/bundle-CXv0asgk.js');
 require('./ChannelList/components/ChannelListUI.js');
 require('./ChannelList/components/ChannelPreview.js');
 require('./ChannelList/components/AddChannel.js');
 require('./Channel/context.js');
-require('./chunks/bundle-0t_JDxef.js');
+require('./chunks/bundle-CTWSIzL2.js');
 require('./Channel/components/ChannelUI.js');
 require('./Channel/components/ChannelHeader.js');
 require('./Channel/components/MessageList.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/FileViewer.js');
 require('./Channel/components/RemoveMessageModal.js');
-require('./chunks/bundle-133JUAh1.js');
+require('./chunks/bundle-DGW75RKW.js');
 require('./Channel/components/MessageInput.js');
 require('./OpenChannel/components/OpenChannelUI.js');
-require('./chunks/bundle-BLs0JcXs.js');
+require('./chunks/bundle-CyI_-EL3.js');
 require('./OpenChannel/components/OpenChannelInput.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
-require('./chunks/bundle-CL4Kklzg.js');
-require('./chunks/bundle-lYouUxag.js');
+require('./chunks/bundle-CzsT2_fe.js');
+require('./chunks/bundle-Rv_iVc4Y.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/OpenchannelThumbnailMessage.js');
@@ -236,7 +236,7 @@ require('./OpenChannelSettings/components/OperatorUI.js');
 require('./OpenChannelSettings/components/OpenChannelProfile.js');
 require('./ui/OpenChannelAvatar.js');
 require('./OpenChannelSettings/components/EditDetailsModal.js');
-require('./chunks/bundle-C4Gs08vJ.js');
+require('./chunks/bundle-BmdWwlCZ.js');
 require('./MessageSearch/components/MessageSearchUI.js');
 require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');

package/cjs/pubSub/topics.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var pubSub_topics = require('../chunks/bundle-7CEyuoln.js');
+var pubSub_topics = require('../chunks/bundle-BoRj-mgS.js');
 
 
 

package/cjs/sendbirdSelectors.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var pubSub_topics = require('./chunks/bundle-7CEyuoln.js');
-var utils = require('./chunks/bundle-DOoshvnj.js');
+var pubSub_topics = require('./chunks/bundle-BoRj-mgS.js');
+var utils = require('./chunks/bundle-DmWW0WBf.js');
 
 /**
  * 1. UIKit Instances

package/cjs/ui/Accordion.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_AccordionGroup = require('./AccordionGroup.js');
-var utils = require('../chunks/bundle-DOoshvnj.js');
-require('../chunks/bundle-eTYC1RPT.js');
+var utils = require('../chunks/bundle-DmWW0WBf.js');
+require('../chunks/bundle-CJeQAwIq.js');
 
 var Accordion = function (_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;

package/cjs/ui/AccordionGroup.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('../chunks/bundle-DOoshvnj.js');
+var utils = require('../chunks/bundle-DmWW0WBf.js');
 
 var AccordionGroupContext = React.createContext({
     openedListKeys: [],

package/cjs/ui/AdminMessage.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-eTYC1RPT.js');
+var _tslib = require('../chunks/bundle-CJeQAwIq.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
-require('../chunks/bundle-BNMoxGCr.js');
+var ui_Label = require('../chunks/bundle-kA42u0Gu.js');
+require('../chunks/bundle-CyhBskLi.js');
 
 function AdminMessage(_a) {
     var _b;

package/cjs/ui/Avatar.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-eTYC1RPT.js');
+require('../chunks/bundle-CJeQAwIq.js');
 require('react');
 require('./ImageRenderer.js');
-var ui_Avatar = require('../chunks/bundle-C_8UQBXr.js');
-require('../chunks/bundle-DOoshvnj.js');
-require('../chunks/bundle-DcQeRT4T.js');
+var ui_Avatar = require('../chunks/bundle-DA3mJxgj.js');
+require('../chunks/bundle-DmWW0WBf.js');
+require('../chunks/bundle-DwiW36qb.js');
 require('./Icon.js');
 
 

package/cjs/ui/Badge.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-eTYC1RPT.js');
+var _tslib = require('../chunks/bundle-CJeQAwIq.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
-var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
-require('../chunks/bundle-BNMoxGCr.js');
-require('../chunks/bundle-1A4pOyri.js');
+var ui_Label = require('../chunks/bundle-kA42u0Gu.js');
+var LocalizationContext = require('../chunks/bundle-B1-CSUH3.js');
+require('../chunks/bundle-CyhBskLi.js');
+require('../chunks/bundle-DLq7U-TG.js');
 
 function Badge(_a) {
     var count = _a.count, _b = _a.maxLevel, maxLevel = _b === void 0 ? 2 : _b, _c = _a.className, className = _c === void 0 ? '' : _c;

package/cjs/ui/BottomSheet.js

@@ -2,30 +2,30 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
-var ui_Modal = require('../chunks/bundle-DW8u-n3u.js');
+var ui_Modal = require('../chunks/bundle-DZifaK6e.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-eTYC1RPT.js');
-require('../chunks/bundle-DrYI_bNa.js');
+require('../chunks/bundle-CJeQAwIq.js');
+require('../chunks/bundle-CrD4PCap.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DOoshvnj.js');
-require('../chunks/bundle-OWb8eJt-.js');
-require('../chunks/bundle-BNMoxGCr.js');
-require('../chunks/bundle-1A4pOyri.js');
-require('../chunks/bundle-OIKGVRus.js');
+require('../chunks/bundle-DmWW0WBf.js');
+require('../chunks/bundle-B1-CSUH3.js');
+require('../chunks/bundle-CyhBskLi.js');
+require('../chunks/bundle-DLq7U-TG.js');
+require('../chunks/bundle-JvOSvbT-.js');
 require('./IconButton.js');
 require('./Button.js');
-require('../chunks/bundle-DY5rfl6W.js');
+require('../chunks/bundle-kA42u0Gu.js');
 require('./Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-YRiE_c63.js');
+require('../chunks/bundle-CoMYKwh1.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-CW2oMonb.js');
-require('../chunks/bundle-BNzVVkzd.js');
-require('../chunks/bundle-Dymg5zVO.js');
+require('../chunks/bundle-fR0Lyqms.js');
+require('../chunks/bundle-r2wrE4gR.js');
+require('../chunks/bundle-Dth1pRws.js');
 
 var BottomSheet = function (props) {
     var _a, _b, _c;

package/cjs/ui/Button.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-eTYC1RPT.js');
+var _tslib = require('../chunks/bundle-CJeQAwIq.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
-require('../chunks/bundle-BNMoxGCr.js');
+var ui_Label = require('../chunks/bundle-kA42u0Gu.js');
+require('../chunks/bundle-CyhBskLi.js');
 
 exports.ButtonTypes = void 0;
 (function (ButtonTypes) {

package/cjs/ui/ChannelAvatar.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-C_8UQBXr.js');
+var ui_Avatar = require('../chunks/bundle-DA3mJxgj.js');
 var ui_Icon = require('./Icon.js');
-var utils = require('../chunks/bundle-BimsU_nb.js');
-require('../chunks/bundle-eTYC1RPT.js');
+var utils = require('../chunks/bundle-CckK2ZmP.js');
+require('../chunks/bundle-CJeQAwIq.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-DOoshvnj.js');
-require('../chunks/bundle-DcQeRT4T.js');
+require('../chunks/bundle-DmWW0WBf.js');
+require('../chunks/bundle-DwiW36qb.js');
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, userId = _a.userId, theme = _a.theme, _b = _a.width, width = _b === void 0 ? 56 : _b, _c = _a.height, height = _c === void 0 ? 56 : _c;

package/cjs/ui/ConnectionStatus.js

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
-var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
-require('../chunks/bundle-eTYC1RPT.js');
-require('../chunks/bundle-DOoshvnj.js');
-require('../chunks/bundle-BNMoxGCr.js');
-require('../chunks/bundle-1A4pOyri.js');
+var ui_Label = require('../chunks/bundle-kA42u0Gu.js');
+var LocalizationContext = require('../chunks/bundle-B1-CSUH3.js');
+require('../chunks/bundle-CJeQAwIq.js');
+require('../chunks/bundle-DmWW0WBf.js');
+require('../chunks/bundle-CyhBskLi.js');
+require('../chunks/bundle-DLq7U-TG.js');
 
 function ConnectionStatus() {
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;

package/cjs/ui/ContextMenu.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var MenuItems$1 = require('../chunks/bundle-Dymg5zVO.js');
+var MenuItems$1 = require('../chunks/bundle-Dth1pRws.js');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
 var reactDom = require('react-dom');
 var ui_SortByRow = require('./SortByRow.js');
-var index = require('../chunks/bundle-DrYI_bNa.js');
-var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
-require('../chunks/bundle-eTYC1RPT.js');
-require('../chunks/bundle-YRiE_c63.js');
+var index = require('../chunks/bundle-CrD4PCap.js');
+var ui_Label = require('../chunks/bundle-kA42u0Gu.js');
+require('../chunks/bundle-CJeQAwIq.js');
+require('../chunks/bundle-CoMYKwh1.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BNMoxGCr.js');
+require('../chunks/bundle-CyhBskLi.js');
 
 var MuteMenuItem = function (_a) {
-    var channel = _a.channel, user = _a.user, _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.disable, disable = _c === void 0 ? false : _c, _d = _a.dataSbId, dataSbId = _d === void 0 ? '' : _d, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.onError, onError = _f === void 0 ? function () { } : _f;
+    var channel = _a.channel, user = _a.user, _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.disable, disable = _c === void 0 ? false : _c, _d = _a.dataSbId, dataSbId = _d === void 0 ? '' : _d, testID = _a.testID, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.onError, onError = _f === void 0 ? function () { } : _f;
     var _g = React.useState(user.isMuted), isMuted = _g[0], setIsMuted = _g[1];
     var isProcessing = React.useRef(false);
     var onClickHandler = React.useCallback(function () {
@@ -49,11 +49,11 @@ var MuteMenuItem = function (_a) {
             }
         }
     }, [isProcessing, isMuted]);
-    return (React.createElement(MenuItem, { className: className, disable: disable, dataSbId: dataSbId, onClick: onClickHandler }, children));
+    return (React.createElement(MenuItem, { className: className, disable: disable, testID: testID !== null && testID !== void 0 ? testID : dataSbId, onClick: onClickHandler }, children));
 };
 
 var OperatorMenuItem = function (_a) {
-    var channel = _a.channel, user = _a.user, _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.disable, disable = _c === void 0 ? false : _c, _d = _a.dataSbId, dataSbId = _d === void 0 ? '' : _d, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.onError, onError = _f === void 0 ? function () { } : _f;
+    var channel = _a.channel, user = _a.user, _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.disable, disable = _c === void 0 ? false : _c, _d = _a.dataSbId, dataSbId = _d === void 0 ? '' : _d, testID = _a.testID, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.onError, onError = _f === void 0 ? function () { } : _f;
     var _g = React.useState(channel instanceof openChannel.OpenChannel
         ? channel.isOperator(user)
         : user.role === SendbirdChat.Role.OPERATOR), isOperator = _g[0], setIsOperator = _g[1];
@@ -87,7 +87,7 @@ var OperatorMenuItem = function (_a) {
             }
         }
     }, [isProcessing, isOperator]);
-    return (React.createElement(MenuItem, { className: className, disable: disable, dataSbId: dataSbId, onClick: onClickHandler }, children));
+    return (React.createElement(MenuItem, { className: className, disable: disable, testID: testID !== null && testID !== void 0 ? testID : dataSbId, onClick: onClickHandler }, children));
 };
 
 var defaultParentRect = { x: 0, y: 0, left: 0, top: 0, height: 0 };
@@ -161,7 +161,7 @@ var EmojiListItems$1 = function (_a) {
     if (rootElement) {
         return (reactDom.createPortal(React.createElement(React.Fragment, null,
             React.createElement("div", { className: "sendbird-dropdown__menu-backdrop" }),
-            React.createElement("ul", { className: "sendbird-dropdown__reaction-bar", ref: reactionRef, style: {
+            React.createElement("ul", { className: "sendbird-dropdown__reaction-bar", "data-testid": "sendbird-dropdown__reaction-bar", ref: reactionRef, style: {
                     display: 'inline-block',
                     position: 'fixed',
                     left: "".concat(Math.round(reactionStyle.left), "px"),
@@ -176,14 +176,14 @@ var ENTER_KEY = 13;
 var MenuItems = MenuItems$1.MenuItems;
 var EmojiListItems = EmojiListItems$1;
 var MenuItem = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, onClick = _a.onClick, _c = _a.disable, disable = _c === void 0 ? false : _c, _d = _a.dataSbId, dataSbId = _d === void 0 ? '' : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, onClick = _a.onClick, _c = _a.disable, disable = _c === void 0 ? false : _c, _d = _a.dataSbId, dataSbId = _d === void 0 ? '' : _d, testID = _a.testID;
     var handleClickEvent = function (e) {
         if (!disable && onClick) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
         }
     };
     return (React.createElement("li", { className: index.getClassName([className, 'sendbird-dropdown__menu-item', disable ? 'disable' : '']), role: "menuitem", "aria-disabled": disable ? true : false, onClick: handleClickEvent, onKeyPress: function (e) { if (e.keyCode === ENTER_KEY)
-            handleClickEvent(e); }, tabIndex: 0, "data-sb-id": dataSbId },
+            handleClickEvent(e); }, tabIndex: 0, "data-sb-id": testID !== null && testID !== void 0 ? testID : dataSbId, "data-testid": testID !== null && testID !== void 0 ? testID : dataSbId },
         React.createElement(ui_Label.Label, { className: "sendbird-dropdown__menu-item__text", type: ui_Label.LabelTypography.SUBTITLE_2, color: disable ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONBACKGROUND_1 }, children)));
 };
 var MenuRoot = function () { return (React.createElement("div", { id: "sendbird-dropdown-portal", className: "sendbird-dropdown-portal" })); };

package/cjs/ui/DateSeparator.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-eTYC1RPT.js');
+var _tslib = require('../chunks/bundle-CJeQAwIq.js');
 var React = require('react');
-var color = require('../chunks/bundle-CA69fSDI.js');
-var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
-require('../chunks/bundle-BNMoxGCr.js');
+var color = require('../chunks/bundle-DLImZze-.js');
+var ui_Label = require('../chunks/bundle-kA42u0Gu.js');
+require('../chunks/bundle-CyhBskLi.js');
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? undefined : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? color.Colors.ONBACKGROUND_4 : _d;