@sendbird/uikit-react 3.17.8 → 3.17.10

package/dist/index.css

@@ -3082,7 +3082,7 @@
 }
 
 .sendbird--mobile-mode .sendbird-message-content .sendbird-message-content__middle {
-  max-width: calc(100vw - 140px);
+  width: calc(100vw - 140px);
 }
 
 .sendbird-message-content .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.use-quote {
@@ -3322,7 +3322,6 @@
 
 .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container {
   position: relative;
-  width: 100%;
 }
 
 .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at {
@@ -3404,6 +3403,11 @@
   align-items: unset;
 }
 
+.sendbird--mobile-mode .sendbird-message-content__middle__body-container--thumbnail {
+  width: 100%;
+  align-items: stretch;
+}
+
 .sendbird-message-content-reactions {
   border-radius: 0 0 16px 16px;
   max-width: 400px;
@@ -4947,6 +4951,7 @@
 }
 
 .sendbird--mobile-mode .sendbird-og-message-item-body {
+  max-width: calc(100vw - 140px);
   min-width: 160px;
 }
 
@@ -11310,7 +11315,9 @@ div.sendbird-text-message-item-body {
 
 .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap {
   position: relative;
-  box-sizing: content-box;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 360px;
 }
 
 .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay {
@@ -11341,8 +11348,14 @@ div.sendbird-text-message-item-body {
 }
 
 .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video {
-  max-width: 360px;
-  max-height: 360px;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 270px;
+  overflow: hidden;
+  border-radius: 8px;
 }
 
 .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video:hover {
@@ -11350,8 +11363,13 @@ div.sendbird-text-message-item-body {
 }
 
 .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__video {
-  max-width: 360px;
-  max-height: 360px;
+  display: block;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: contain;
+     object-fit: contain;
+  -o-object-position: center;
+     object-position: center;
   border-radius: 8px;
 }
 

package/hooks/useConnectionState.js

@@ -1,10 +1,10 @@
 import { useState, useEffect } from 'react';
 import { ConnectionHandler, ConnectionState } from '@sendbird/chat';
-import { u as uuidv4 } from '../chunks/bundle-N8Fgt3t-.js';
-import { u as useSendbird } from '../chunks/bundle-CzumtYKK.js';
-import '../chunks/bundle-Cb33D_QR.js';
-import '../chunks/bundle-LtUjjnGN.js';
-import '../chunks/bundle-Bxw6lQbS.js';
+import { u as uuidv4 } from '../chunks/bundle-DnBGqmRP.js';
+import { u as useSendbird } from '../chunks/bundle-C98ZxHO9.js';
+import '../chunks/bundle-fT16CxUq.js';
+import '../chunks/bundle-VqoQQamR.js';
+import '../chunks/bundle-DobIp5EF.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
 

package/hooks/useLocalization.js

@@ -1,8 +1,8 @@
-import { u as useLocalization } from '../chunks/bundle-B3070GP8.js';
-import '../chunks/bundle-Cb33D_QR.js';
+import { u as useLocalization } from '../chunks/bundle-CwWHzn0O.js';
+import '../chunks/bundle-fT16CxUq.js';
 import 'react';
-import '../chunks/bundle-CGdHR-Ps.js';
-import '../chunks/bundle-Chl-afJt.js';
+import '../chunks/bundle-BZoeTBeq.js';
+import '../chunks/bundle-zxR5w1Ch.js';
 
 /**
  * This file is only for re-exporting the `useLocalization` hook.

package/hooks/useModal.js

@@ -1,22 +1,22 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-Cb33D_QR.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-fT16CxUq.js';
 import React__default, { createContext, useState, useCallback, useMemo, useContext } from 'react';
-import { K } from '../chunks/bundle-CeCKOzBv.js';
-import { n as noop, c as classnames } from '../chunks/bundle-DeBC8-NM.js';
-import { M as Modal } from '../chunks/bundle-m4x7sPQ7.js';
-export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-m4x7sPQ7.js';
+import { K } from '../chunks/bundle-yydYieYt.js';
+import { n as noop, c as classnames } from '../chunks/bundle-BxRMl0NH.js';
+import { M as Modal } from '../chunks/bundle-Bq3cKfll.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-Bq3cKfll.js';
 import 'react-dom';
-import '../chunks/bundle-B3070GP8.js';
-import '../chunks/bundle-CGdHR-Ps.js';
-import '../chunks/bundle-Chl-afJt.js';
-import '../chunks/bundle-B8QzeTlj.js';
+import '../chunks/bundle-CwWHzn0O.js';
+import '../chunks/bundle-BZoeTBeq.js';
+import '../chunks/bundle-zxR5w1Ch.js';
+import '../chunks/bundle-DcfQg8Uy.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-Vwe91C8I.js';
+import '../chunks/bundle-DzM4yc5s.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-N8Fgt3t-.js';
-import '../chunks/bundle-CzumtYKK.js';
-import '../chunks/bundle-LtUjjnGN.js';
-import '../chunks/bundle-Bxw6lQbS.js';
+import '../chunks/bundle-DnBGqmRP.js';
+import '../chunks/bundle-C98ZxHO9.js';
+import '../chunks/bundle-VqoQQamR.js';
+import '../chunks/bundle-DobIp5EF.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';

package/index.js

@@ -1,99 +1,99 @@
 export { SendbirdProvider as SendBirdProvider, withSendBird } from './SendbirdProvider.js';
 export { default as App } from './App.js';
 export { default as ChannelSettings } from './ChannelSettings.js';
-export { C as ChannelList } from './chunks/bundle-ByXzZBhE.js';
+export { C as ChannelList } from './chunks/bundle-ByScbYGt.js';
 export { default as Channel } from './Channel.js';
-export { g as getStringSet } from './chunks/bundle-CGdHR-Ps.js';
+export { g as getStringSet } from './chunks/bundle-BZoeTBeq.js';
 export { default as OpenChannel } from './OpenChannel.js';
 export { default as OpenChannelSettings } from './OpenChannelSettings.js';
 export { default as MessageSearch } from './MessageSearch.js';
 export { useSendbirdStateContext } from './useSendbirdStateContext.js';
-export { u as useSendbird } from './chunks/bundle-CzumtYKK.js';
+export { u as useSendbird } from './chunks/bundle-C98ZxHO9.js';
 export { default as sendBirdSelectors, default as sendbirdSelectors } from './sendbirdSelectors.js';
-export { T as TypingIndicatorType } from './chunks/bundle-HP--QSrP.js';
-import './chunks/bundle-Cb33D_QR.js';
+export { T as TypingIndicatorType } from './chunks/bundle-BzEareAP.js';
+import './chunks/bundle-fT16CxUq.js';
 import 'react';
 import '@sendbird/uikit-tools';
-import './chunks/bundle-BDRTwJmn.js';
-import './chunks/bundle-Dly3MK8P.js';
-import './chunks/bundle-BF6ey5Oc.js';
-import './chunks/bundle-Bxw6lQbS.js';
-import './chunks/bundle-CLr3fT6Y.js';
+import './chunks/bundle-Bi2zy7Rq.js';
+import './chunks/bundle-CY6jSZJz.js';
+import './chunks/bundle-aylKVP-t.js';
+import './chunks/bundle-DobIp5EF.js';
+import './chunks/bundle-CqUk0XXd.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-B3070GP8.js';
-import './chunks/bundle-Chl-afJt.js';
-import './chunks/bundle-m4x7sPQ7.js';
+import './chunks/bundle-CwWHzn0O.js';
+import './chunks/bundle-zxR5w1Ch.js';
+import './chunks/bundle-Bq3cKfll.js';
 import 'react-dom';
-import './chunks/bundle-DeBC8-NM.js';
-import './chunks/bundle-B8QzeTlj.js';
+import './chunks/bundle-BxRMl0NH.js';
+import './chunks/bundle-DcfQg8Uy.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-Vwe91C8I.js';
+import './chunks/bundle-DzM4yc5s.js';
 import './ui/Icon.js';
-import './chunks/bundle-N8Fgt3t-.js';
+import './chunks/bundle-DnBGqmRP.js';
 import './hooks/useModal.js';
-import './chunks/bundle-CeCKOzBv.js';
-import './chunks/bundle-CLhx8hxU.js';
-import './chunks/bundle-CGVdQav_.js';
+import './chunks/bundle-yydYieYt.js';
+import './chunks/bundle-CgDS9B4O.js';
+import './chunks/bundle-44QynWoG.js';
 import 'css-vars-ponyfill';
-import './chunks/bundle-Cu3LsDnq.js';
+import './chunks/bundle-CY2NPyy9.js';
 import '@sendbird/chat';
-import './chunks/bundle-VVVOJGMk.js';
+import './chunks/bundle-DFwAWoi7.js';
 import '@sendbird/chat/openChannel';
 import './ui/SortByRow.js';
-import './chunks/bundle-CwiOZkw5.js';
+import './chunks/bundle-ByVmmqcj.js';
 import '@sendbird/chat/groupChannel';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-CuMlMBCU.js';
-import './chunks/bundle-LtUjjnGN.js';
-import './chunks/bundle-Cxv41Qwz.js';
+import './chunks/bundle-DArDRDUr.js';
+import './chunks/bundle-VqoQQamR.js';
+import './chunks/bundle-CLLlK3L0.js';
 import './GroupChannel.js';
-import './chunks/bundle-D5GnWE9c.js';
+import './chunks/bundle-Bma0fCyK.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-C2j5faYi.js';
-import './chunks/bundle-DzCmr8py.js';
-import './chunks/bundle-G9Ab37UP.js';
-import './chunks/bundle-DyvN3jnE.js';
-import './chunks/bundle-DDuEV8ss.js';
+import './chunks/bundle-CJX5Jh7u.js';
+import './chunks/bundle-Cda4O3PL.js';
+import './chunks/bundle-CIlc1dvT.js';
+import './chunks/bundle-CUdLrgmK.js';
+import './chunks/bundle-B3Vz_eYg.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-DV3apbMR.js';
+import './chunks/bundle-CtNthIiA.js';
 import './GroupChannel/components/TypingIndicator.js';
 import './ui/ConnectionStatus.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './GroupChannel/components/GroupChannelHeader.js';
-import './chunks/bundle-rfynU_-Q.js';
+import './chunks/bundle-BE-vC7Lt.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-DgGM7iAj.js';
+import './chunks/bundle-DMP4IOmZ.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-BjH8wyIq.js';
-import './chunks/bundle-B7-_ZzvG.js';
-import './chunks/bundle-BtHF6odC.js';
+import './chunks/bundle-CjHWsy4S.js';
+import './chunks/bundle-Dwn0i3O0.js';
+import './chunks/bundle-BREsEgZM.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-DRqC4c0T.js';
+import './chunks/bundle-DQu3BLLd.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-JRuLGGVr.js';
-import './chunks/bundle-DfcVDYZJ.js';
+import './chunks/bundle-CzS9d74N.js';
+import './chunks/bundle-DvfLia2p.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-7j_kGHGn.js';
-import './chunks/bundle-DrTCKt_l.js';
+import './chunks/bundle-CLxgZowy.js';
+import './chunks/bundle-CbLxWQmt.js';
 import 'dompurify';
-import './chunks/bundle-BMCJ_Yj1.js';
-import './chunks/bundle-D8NOKNDm.js';
-import './chunks/bundle-Dy_aAi1y.js';
-import './chunks/bundle-Cj5HFVNm.js';
+import './chunks/bundle-CeknuDhO.js';
+import './chunks/bundle-C6DfSdlB.js';
+import './chunks/bundle-CQgnHPbJ.js';
+import './chunks/bundle-DiDPUa4G.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-BUocnB3D.js';
-import './chunks/bundle-CBXVXcKA.js';
-import './chunks/bundle-LAORUmCI.js';
-import './chunks/bundle-ray7Dj4f.js';
+import './chunks/bundle-BQqf09uI.js';
+import './chunks/bundle-DJM1hhs4.js';
+import './chunks/bundle-DbWCSmuo.js';
+import './chunks/bundle-CVkjpnw8.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-dza5Ln49.js';
+import './chunks/bundle-C584816X.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -106,19 +106,19 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-7Lu1-IwI.js';
+import './chunks/bundle-CWttl_Pf.js';
 import './ui/MobileMenu.js';
 import './ui/ThreadReplies.js';
-import './chunks/bundle-BBsTFpWr.js';
+import './chunks/bundle-CD7nQMNh.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-DW_bfssX.js';
+import './chunks/bundle-CT2liYyN.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-CluAw9vh.js';
+import './chunks/bundle-C8ue-M9T.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-Dr70s9Hs.js';
+import './chunks/bundle-BgOjuIrI.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -126,7 +126,7 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-J7NywV72.js';
+import './chunks/bundle-DwoUKI2F.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/MessageFeedbackFailedModal.js';
@@ -134,38 +134,38 @@ import './ui/FeedbackIconButton.js';
 import './ui/MobileFeedbackMenu.js';
 import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
-import './chunks/bundle-muxpTh9u.js';
+import './chunks/bundle-VHuYsTmC.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-CD7tUuUD.js';
+import './chunks/bundle-Ds73wciT.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-Evgz3hq4.js';
+import './chunks/bundle-CyU55YQc.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-B0GntYsM.js';
-import './chunks/bundle-Bk6K4SiJ.js';
+import './chunks/bundle-MA8C181q.js';
+import './chunks/bundle-BNJo28hx.js';
 import './GroupChannel/components/UnreadCount.js';
 import './GroupChannel/components/FrozenNotification.js';
 import './ui/TypingIndicatorBubble.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
-import './chunks/bundle-CrO5YQyr.js';
+import './chunks/bundle-DfkEzAlf.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-BdaLfhAv.js';
+import './chunks/bundle-BS8MSmBM.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-BfZFSUFJ.js';
-import './chunks/bundle-Dv3rdIbE.js';
+import './chunks/bundle-gclN7sr5.js';
+import './chunks/bundle-Bu8UF7z9.js';
 import './Thread.js';
-import './chunks/bundle-BWUmjjMw.js';
-import './chunks/bundle-Yat0lxs0.js';
-import './chunks/bundle-8BN9Ampe.js';
+import './chunks/bundle-CznW00mg.js';
+import './chunks/bundle-FpTYjAqh.js';
+import './chunks/bundle-lcE93tnM.js';
 import './Thread/context/types.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-CHQbC-Dq.js';
+import './chunks/bundle-BNvlnMM2.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-DGyKg9fA.js';
-import './chunks/bundle-t-3ijxgJ.js';
+import './chunks/bundle-CAtDWrGV.js';
+import './chunks/bundle-C3cyXpot.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -173,13 +173,13 @@ import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
 import './Channel/hooks/useHandleUploadFiles.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
-import './chunks/bundle-Cc4mNH8e.js';
+import './chunks/bundle-DcYwBbme.js';
 import './ChannelSettings/hooks/useMenuList.js';
-import './chunks/bundle-BJGRF-ja.js';
-import './chunks/bundle-CHLFLbHl.js';
-import './chunks/bundle-PB3YcYyN.js';
-import './chunks/bundle-ChPmOO9d.js';
-import './chunks/bundle-CLQhlbOw.js';
+import './chunks/bundle-CCFaWKwf.js';
+import './chunks/bundle-QdDm0lM_.js';
+import './chunks/bundle-Cy88TJjF.js';
+import './chunks/bundle-DxCD7jJG.js';
+import './chunks/bundle-BVBQRww-.js';
 import './ui/Badge.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/ChannelSettingsMenuItem.js';
@@ -188,33 +188,33 @@ import './ChannelSettings/components/ChannelProfile.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/ChannelSettingMenuList.js';
-import './chunks/bundle-DcCnTTQq.js';
+import './chunks/bundle-_96c-wim.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-CrMXger7.js';
+import './chunks/bundle-DKx3NR1w.js';
 import './ui/MentionUserLabel.js';
 import './Channel/context.js';
-import './chunks/bundle-BSdXHtZO.js';
-import './chunks/bundle-CHo7Ym5x.js';
-import './chunks/bundle-C-3XjeEQ.js';
-import './chunks/bundle-D_16EZJ4.js';
+import './chunks/bundle-DEL8ljY9.js';
+import './chunks/bundle-DYU7abrP.js';
+import './chunks/bundle-7K78yrCU.js';
+import './chunks/bundle-H_Psj481.js';
 import './ChannelList/components/ChannelPreview.js';
-import './chunks/bundle-B0GrBRcM.js';
+import './chunks/bundle-CFHEY2p4.js';
 import './OpenChannel/components/OpenChannelInput.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
-import './chunks/bundle-B_JC7FwN.js';
-import './chunks/bundle-Bu4j0AKg.js';
+import './chunks/bundle-Cx0E1vwh.js';
+import './chunks/bundle-D3vBmq0k.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
-import './chunks/bundle-lN1arHZQ.js';
+import './chunks/bundle-BoZeHqfo.js';
 import './OpenChannelSettings/context.js';
 import './ui/AccordionGroup.js';
 import './Channel/components/ChannelUI.js';
@@ -232,7 +232,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-CNOE57-o.js';
+import './chunks/bundle-BPvTEy0t.js';
 import './ui/Accordion.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './ui/MessageSearchItem.js';

package/package.json

@@ -36,13 +36,13 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.17.8",
+  "version": "3.17.10",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@sendbird/chat": "^4.20.6",
+    "@sendbird/chat": "^4.21.0",
     "@sendbird/react-uikit-message-template-view": "^0.1.0",
     "@sendbird/uikit-tools": "^0.1.0",
     "css-vars-ponyfill": "^2.3.2",

package/pubSub/topics.js

@@ -1,2 +1,2 @@
-export { P as PUBSUB_TOPICS, b as PublishingModuleType, p as default } from '../chunks/bundle-DDuEV8ss.js';
+export { P as PUBSUB_TOPICS, b as PublishingModuleType, p as default } from '../chunks/bundle-B3Vz_eYg.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-DDuEV8ss.js';
-import { n as noop } from './chunks/bundle-DeBC8-NM.js';
+import { p as pubSubTopics } from './chunks/bundle-B3Vz_eYg.js';
+import { n as noop } from './chunks/bundle-BxRMl0NH.js';
 
 /**
  * 1. UIKit Instances

package/types/modules/Message/components/TextFragment/index.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 import { Token } from '../../utils/tokens/types';
 export type TextFragmentProps = {
     tokens: Token[];
+    isByMe?: boolean;
 };
-export default function TextFragment({ tokens, }: TextFragmentProps): React.ReactElement;
+export default function TextFragment({ tokens, isByMe: isByMeProp, }: TextFragmentProps): React.ReactElement;

package/types/modules/OpenChannelList/context/dux/actionTypes.d.ts

@@ -9,6 +9,7 @@ declare enum OpenChannelListActionTypes {
     CREATE_OPEN_CHANNEL = "CREATE_OPEN_CHANNEL",
     SET_CURRENT_OPEN_CHANNEL = "SET_CURRENT_OPEN_CHANNEL",
     UPDATE_OPEN_CHANNEL_LIST_QUERY = "UPDATE_OPEN_CHANNEL_LIST_QUERY",
-    UPDATE_OPEN_CHANNEL = "UPDATE_OPEN_CHANNEL"
+    UPDATE_OPEN_CHANNEL = "UPDATE_OPEN_CHANNEL",
+    DELETE_OPEN_CHANNEL = "DELETE_OPEN_CHANNEL"
 }
 export default OpenChannelListActionTypes;

package/types/ui/ContextMenu/MenuItems.d.ts

@@ -21,8 +21,10 @@ interface MenuItemsState {
 export default class MenuItems extends React.Component<MenuItemsProps, MenuItemsState> {
     constructor(props: MenuItemsProps);
     menuRef: React.RefObject<HTMLUListElement>;
+    private resizeRafId;
     componentDidMount(): void;
     componentWillUnmount(): void;
+    handleResize: () => void;
     setupEvents: () => void;
     cleanUpEvents: () => void;
     getMenuPosition: () => MenuStyleType;

package/types/ui/FormMessageItemBody/FormInput.d.ts

@@ -5,6 +5,9 @@ export interface InputLabelProps {
     children: ReactNode;
 }
 export declare const InputLabel: ({ children }: InputLabelProps) => ReactElement;
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 export interface InputProps {
     name: string;
     style: MessageFormItemStyle;
@@ -19,5 +22,8 @@ export interface InputProps {
     placeHolder?: string;
     onFocused?: (isFocus: boolean) => void;
 }
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 declare const FormInput: (props: InputProps) => React.JSX.Element;
 export default FormInput;

package/types/ui/FormMessageItemBody/index.d.ts

@@ -8,5 +8,8 @@ interface Props {
     isByMe: boolean;
     logger?: LoggerInterface;
 }
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 export default function FormMessageItemBody(props: Props): React.JSX.Element;
 export {};

package/types/ui/MessageFeedbackFailedModal/index.d.ts

@@ -1,7 +1,13 @@
 import { ReactElement } from 'react';
 import '../MessageFeedbackModal/index.scss';
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 export interface MessageFeedbackFailedModalProps {
     text: string;
     onCancel?: () => void;
 }
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 export default function MessageFeedbackFailedModal(props: MessageFeedbackFailedModalProps): ReactElement;

package/types/ui/MessageFeedbackModal/index.d.ts

@@ -2,6 +2,9 @@ import { ReactElement } from 'react';
 import './index.scss';
 import { CoreMessageType } from '../../utils';
 import { FeedbackRating } from '@sendbird/chat/message';
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 export interface MessageFeedbackModalProps {
     selectedFeedback: FeedbackRating | undefined;
     message: CoreMessageType;
@@ -10,4 +13,7 @@ export interface MessageFeedbackModalProps {
     onUpdate?: (selectedFeedback: FeedbackRating, comment: string) => void;
     onRemove?: () => void;
 }
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 export default function MessageFeedbackModal(props: MessageFeedbackModalProps): ReactElement;

package/types/ui/MessageMenu/MessageMenu.d.ts

@@ -22,6 +22,7 @@ export interface MessageMenuProps {
     channel: GroupChannel | OpenChannel | null;
     isByMe?: boolean;
     replyType?: ReplyType;
+    inThreadList?: boolean;
     renderTrigger?: (params: TriggerIconProps) => ReactElement;
     renderMenuItems?: (params: RenderMenuItemsParams) => ReactElement;
     disableDeleteMessage?: boolean;
@@ -36,4 +37,4 @@ export interface MessageMenuProps {
     }) => void;
     onMoveToParentMessage?: () => void;
 }
-export declare const MessageMenu: ({ className, message, channel, isByMe, replyType, renderTrigger, renderMenuItems, disableDeleteMessage, showEdit, showRemove, deleteMessage, resendMessage, markAsUnread, setQuoteMessage, onReplyInThread, onMoveToParentMessage, }: MessageMenuProps) => React.JSX.Element;
+export declare const MessageMenu: ({ className, message, channel, isByMe, replyType, inThreadList, renderTrigger, renderMenuItems, disableDeleteMessage, showEdit, showRemove, deleteMessage, resendMessage, markAsUnread, setQuoteMessage, onReplyInThread, onMoveToParentMessage, }: MessageMenuProps) => React.JSX.Element;

package/types/ui/MobileFeedbackMenu/index.d.ts

@@ -1,5 +1,8 @@
 import { ReactElement } from 'react';
 import './index.scss';
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 export interface MobileFeedbackMenuProps {
     hideMenu(): void;
     onEditFeedback(): void;

package/types/ui/MobileMenu/types.d.ts

@@ -16,6 +16,7 @@ export interface BaseMenuProps {
     hideMenu(): void;
     isByMe?: boolean;
     replyType?: ReplyType;
+    inThreadList?: boolean;
     disabled?: boolean;
     deleteMenuState?: DeleteMenuStates;
     showEdit?: (bool: boolean) => void;

package/types/utils/index.d.ts

@@ -71,6 +71,9 @@ export declare const isFileMessage: (message?: CoreMessageType) => message is Fi
 export declare const isMultipleFilesMessage: (message?: CoreMessageType) => message is MultipleFilesMessage;
 export declare const isParentMessage: (message: CoreMessageType) => boolean;
 export declare const isThreadMessage: (message: CoreMessageType) => boolean;
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 export declare const isFormMessage: (message: CoreMessageType) => boolean;
 export declare const isTemplateMessage: (message: CoreMessageType) => boolean;
 export declare const isValidTemplateMessageType: (templatePayload: unknown) => boolean;