@sendbird/uikit-react 3.8.2 → 3.9.0-rc.0

package/App.js

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
 import { SendbirdProvider } from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './chunks/bundle-nB9Rk0Vg.js';
+import { u as useMediaQueryContext } from './chunks/bundle-S6yFiUrY.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -8,43 +8,44 @@ import MessageSearchPannel from './MessageSearch.js';
 import Thread from './Thread.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import { useSendbirdStateContext } from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './chunks/bundle-LutukB6f.js';
-import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-fiU7Tho8.js';
-import './chunks/bundle-HUCZoqot.js';
+import { u as uuidv4 } from './chunks/bundle-P0Em254T.js';
+import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-_X0TUlY4.js';
+import './chunks/bundle-WOkl3_Qa.js';
 import '@sendbird/uikit-tools';
 import './withSendbird.js';
 import 'css-vars-ponyfill';
-import './chunks/bundle-qReOreYH.js';
-import './chunks/bundle-4yQvKOnq.js';
+import './chunks/bundle-Y1x4CZpy.js';
+import './chunks/bundle-qAGxD_Jb.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-UW-TqfsF.js';
+import './chunks/bundle-MY-lEq_u.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-fBRojj0w.js';
+import './chunks/bundle-CYvmOLIw.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-1O7rPYFy.js';
-import './chunks/bundle-JGL7ecyE.js';
-import './chunks/bundle-FxBVAeu9.js';
-import './chunks/bundle-mg_7Exot.js';
+import './chunks/bundle-XQrrPHzm.js';
+import './chunks/bundle-1Ni9PXLu.js';
+import './chunks/bundle-zYQpPgUz.js';
+import './chunks/bundle-m6y5OeVq.js';
 import 'react-dom';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-qJVzRD5Y.js';
+import './chunks/bundle-XASWNrfg.js';
 import './ui/Icon.js';
-import './chunks/bundle-fRhlDZge.js';
-import './chunks/bundle-j2oaAFR4.js';
+import './chunks/bundle-pfoFNefK.js';
+import './chunks/bundle-_oSqlLwH.js';
 import './hooks/useModal.js';
-import './chunks/bundle-50blTGht.js';
-import './chunks/bundle-Ey2KFn-R.js';
-import './chunks/bundle-5WxplyP9.js';
+import './chunks/bundle-d29XY04u.js';
+import './chunks/bundle-7qnTBkFI.js';
+import './chunks/bundle-lQUkPvfG.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './chunks/bundle-cTKDcBXH.js';
+import './chunks/bundle--vRpTESf.js';
 import './ui/ImageRenderer.js';
+import './chunks/bundle-lWgUjnZ7.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-iI1ssAAJ.js';
+import './chunks/bundle-9oakeFBl.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/UserListItem.js';
@@ -56,27 +57,27 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-ybonwZPt.js';
+import './chunks/bundle-3kSg3poT.js';
 import './ui/Badge.js';
-import './chunks/bundle-iTeulylJ.js';
-import './chunks/bundle-o_MR5zP9.js';
+import './chunks/bundle-0wRb_ox9.js';
+import './chunks/bundle-VELRmCgM.js';
 import './ui/Loader.js';
-import './chunks/bundle-0--XgUA7.js';
-import './chunks/bundle-JJDjO0bj.js';
+import './chunks/bundle-IY-fHnHj.js';
+import './chunks/bundle-WwAytaYU.js';
 import './ui/MentionUserLabel.js';
-import './chunks/bundle-dGdUFeGw.js';
+import './chunks/bundle-ohkKzbFZ.js';
 import './ui/TextButton.js';
-import './chunks/bundle-8Ct4JuXG.js';
+import './chunks/bundle-H2gT5GjQ.js';
 import './Channel/components/TypingIndicator.js';
-import './chunks/bundle-BgGUA_Do.js';
-import './chunks/bundle-sTNKynXj.js';
-import './chunks/bundle-EoW7JC-6.js';
+import './chunks/bundle-foFhJqNy.js';
+import './chunks/bundle-GIZVQ7W4.js';
+import './chunks/bundle-gxrNtcmM.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-GaBLtZQZ.js';
-import './chunks/bundle-L1jL1HlF.js';
+import './chunks/bundle-TIBUJEGt.js';
+import './chunks/bundle-Ahnepylk.js';
 import './Channel/hooks/useInitialMessagesFetch.js';
-import './chunks/bundle-n3JTobCF.js';
-import './chunks/bundle-HTP_W562.js';
+import './chunks/bundle-WrbACLdS.js';
+import './chunks/bundle-5r5nUzch.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
@@ -86,23 +87,23 @@ import './ui/PlaceHolder.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './chunks/bundle-kdRMkp9s.js';
-import './Channel/components/MessageList.js';
+import './chunks/bundle-T0Gu5k42.js';
+import './chunks/bundle-F7vhZTzm.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-NRuB0VyT.js';
+import './chunks/bundle-CLwn_FRg.js';
 import './Thread/context.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-zz-E8ZLu.js';
+import './chunks/bundle-avof2r-9.js';
 import 'dompurify';
-import './chunks/bundle-WiQweU5U.js';
-import './chunks/bundle-I0NSP9ei.js';
-import './chunks/bundle-EaGyVrR8.js';
+import './chunks/bundle-L5shvyy2.js';
+import './chunks/bundle-bSloPXLn.js';
+import './chunks/bundle-m5aRS8p_.js';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-zL8um0im.js';
+import './chunks/bundle-svI6ejWT.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
 import './ui/EmojiReactions.js';
@@ -113,17 +114,17 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-9AVOtanU.js';
-import './chunks/bundle-9YazFOHk.js';
+import './chunks/bundle-sieNQ6Gk.js';
+import './chunks/bundle-tDRC-k6Z.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-grxc9ClY.js';
+import './chunks/bundle-Ly8vUhTn.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-WJ4T7o4h.js';
-import './chunks/bundle-u_gMIDNK.js';
+import './chunks/bundle-jg-ROmIh.js';
+import './chunks/bundle-wiEDSdp9.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -132,18 +133,20 @@ import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-atKtJDZx.js';
-import './chunks/bundle-mjC4Frm5.js';
+import './chunks/bundle-XbJe5Xl_.js';
+import './chunks/bundle-h8tsadkG.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import './Channel/components/UnreadCount.js';
 import './Channel/components/FrozenNotification.js';
+import './ui/TypingIndicatorBubble.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './chunks/bundle-tR2Ipjel.js';
+import './chunks/bundle-6SUASyd-.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-RXyEKXFG.js';
+import './chunks/bundle-24dj5skA.js';
+import './Channel/hooks/useHandleUploadFiles.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
@@ -151,10 +154,10 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-2zaLibl-.js';
+import './chunks/bundle-ab7JDkX-.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-rYiLt_kr.js';
+import './chunks/bundle-bxpCJddF.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -163,7 +166,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-5asq-E-v.js';
+import './chunks/bundle-cBi_2Vbd.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';

package/App.js.map

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

package/CHANGELOG.md

@@ -1,5 +1,119 @@
 # Changelog - v3
 
+## [v3.9.0] (Nov 24 2023)
+
+### Features:
+#### Typing indicator bubble feature
+
+`TypingIndicatorBubble` is a new typing indicator UI that can be turned on through `typingIndicatorTypes` option. When turned on, it will be displayed in `MessageList` upon receiving typing event in real time.
+
+* Added `typingIndicatorTypes` global option
+* Added `TypingIndicatorType` enum
+  * How to use?
+  ```tsx
+  <App
+    appId={appId}
+    userId={userId}
+    uikitOptions={{
+      groupChannel: {
+        // Below turns on both bubble and text typing indicators. Default is Text only.
+        typingIndicatorTypes: new Set([TypingIndicatorType.Bubble, TypingIndicatorType.Text]),
+      }
+    }}
+  />
+  ```
+* Added `TypingIndicatorBubble`
+  * How to use?
+  ```tsx
+  const moveScroll = (): void => {
+    const current = scrollRef?.current;
+    if (current) {
+      const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
+      if (scrollBottom < bottom && scrollBottom < SCROLL_BUFFER) {
+        // Move the scroll as much as the height of the message has changed
+        current.scrollTop += bottom - scrollBottom;
+      }
+    }
+  };
+  
+  return (
+    <TypingIndicatorBubble
+      typingMembers={typingMembers}
+      handleScroll={moveScroll} // Scroll to the rendered typing indicator message IFF current scroll is bottom.
+    />
+  );
+  ```
+
+#### Others
+* Added support for `eventHandlers.connection.onFailed` callback in `setupConnection`. This callback will be called on connection failure
+  * How to use?
+  ```tsx
+    <Sendbird
+      appId={appId}
+      userId={undefined} // this will cause an error 
+      eventHandlers={{
+        connection: {
+          onFailed: (error) => {
+            alert(error?.message); // display a browser alert and print the error message inside
+          }
+        }
+      }}
+    >
+  ```
+* Added new props to the `MessageContent` component: `renderMessageMenu`, `renderEmojiMenu`, and `renderEmojiReactions`
+  * How to use?
+  ```tsx
+  <Channel
+  renderMessageContent={(props) => {
+    return <MessageContent
+      {...props}
+      renderMessageMenu={(props) => {
+        return <MessageMenu {...props} />
+      }}
+      renderEmojiMenu={(props) => {
+        return <MessageEmojiMenu {...props} />
+      }}
+      renderEmojiReactions={(props) => {
+        return <EmojiReactions {...props} />
+      }}
+    />
+  }}
+  />
+  ```
+* Added `onProfileEditSuccess` prop to `App` and `ChannelList` components
+* Added `renderFrozenNotification` in `ChannelUIProps`
+  * How to use?
+  ```tsx
+    <Channel
+      channelUrl={channelUrl}
+      renderFrozenNotification={() => {
+        return (
+          <div
+            className="sendbird-notification sendbird-notification--frozen sendbird-conversation__messages__notification"
+          >My custom Frozen Notification</div>
+        );
+      }}
+    />
+  ```
+* Exported `VoiceMessageInputWrapper` and `useHandleUploadFiles`
+  * How to use?
+  ```tsx
+  import { useHandleUploadFiles } from '@sendbird/uikit-react/Channel/hooks/useHandleUploadFiles'
+  import { VoiceMessageInputWrapper, VoiceMessageInputWrapperProps } from '@sendbird/uikit-react/Channel/components/MessageInput'
+  ```
+
+### Fixes:
+* Fixed a bug where setting `startingPoint` scrolls to the middle of the target message when it should be at the top of the message
+* Applied dark theme to the slide left icon
+* Fixed a bug where changing current channel not clearing pending and failed messages from the previous channel
+* Fixed a bug where the thumbnail image of `OGMessage` being displayed as not fitting the container
+* Fixed a bug where resending a failed message in `Thread` results in displaying resulting message in `Channel`
+* Fixed a bug where unread message notification not being removed when scroll reaches bottom
+
+### Improvement:
+* Channels list no longer displays unread message count badge for focused channel
+
+
 ## [v3.8.2] (Nov 10 2023)
 
 ### Features:

package/Channel/components/ChannelHeader.js

@@ -1,38 +1,39 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../chunks/bundle-kdRMkp9s.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-qJVzRD5Y.js';
+import { g as getChannelTitle } from '../../chunks/bundle-T0Gu5k42.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-XASWNrfg.js';
 import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { L as LocalizationContext } from '../../chunks/bundle-1O7rPYFy.js';
+import { L as LocalizationContext } from '../../chunks/bundle-XQrrPHzm.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-BgGUA_Do.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-nB9Rk0Vg.js';
-import { n as noop } from '../../chunks/bundle-fBRojj0w.js';
-import '../../chunks/bundle-HUCZoqot.js';
-import '../../chunks/bundle-JGL7ecyE.js';
-import '../../chunks/bundle-cTKDcBXH.js';
+import { u as useChannelContext } from '../../chunks/bundle-foFhJqNy.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-S6yFiUrY.js';
+import { n as noop } from '../../chunks/bundle-CYvmOLIw.js';
+import '../../chunks/bundle-WOkl3_Qa.js';
+import '../../chunks/bundle-1Ni9PXLu.js';
+import '../../chunks/bundle--vRpTESf.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-LutukB6f.js';
-import '../../chunks/bundle-ybonwZPt.js';
-import '../../chunks/bundle-FxBVAeu9.js';
+import '../../chunks/bundle-P0Em254T.js';
+import '../../chunks/bundle-lWgUjnZ7.js';
+import '../../chunks/bundle-3kSg3poT.js';
+import '../../chunks/bundle-zYQpPgUz.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-5WxplyP9.js';
-import '../../chunks/bundle-sTNKynXj.js';
-import '../../chunks/bundle-EoW7JC-6.js';
-import '../../chunks/bundle-o_MR5zP9.js';
-import '../../chunks/bundle-UW-TqfsF.js';
+import '../../chunks/bundle-lQUkPvfG.js';
+import '../../chunks/bundle-GIZVQ7W4.js';
+import '../../chunks/bundle-gxrNtcmM.js';
+import '../../chunks/bundle-VELRmCgM.js';
+import '../../chunks/bundle-MY-lEq_u.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-qReOreYH.js';
+import '../../chunks/bundle-Y1x4CZpy.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-GaBLtZQZ.js';
-import '../../chunks/bundle-L1jL1HlF.js';
+import '../../chunks/bundle-TIBUJEGt.js';
+import '../../chunks/bundle-Ahnepylk.js';
 import '@sendbird/chat/groupChannel';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-Ey2KFn-R.js';
-import '../../chunks/bundle-fRhlDZge.js';
-import '../../chunks/bundle-j2oaAFR4.js';
-import '../../chunks/bundle-n3JTobCF.js';
+import '../../chunks/bundle-7qnTBkFI.js';
+import '../../chunks/bundle-pfoFNefK.js';
+import '../../chunks/bundle-_oSqlLwH.js';
+import '../../chunks/bundle-WrbACLdS.js';
 
 var ChannelHeader = function (_a) {
     var _b, _c, _d;

package/Channel/components/ChannelHeader.js.map

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

package/Channel/components/ChannelUI.js

@@ -1,78 +1,79 @@
 import React__default from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-BgGUA_Do.js';
+import { u as useChannelContext } from '../../chunks/bundle-foFhJqNy.js';
 import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
 import ConnectionStatus from '../../ui/ConnectionStatus.js';
 import ChannelHeader from './ChannelHeader.js';
-import MessageList from './MessageList.js';
+import { M as MessageList, T as TypingIndicatorType } from '../../chunks/bundle-F7vhZTzm.js';
 import TypingIndicator from './TypingIndicator.js';
 import MessageInputWrapper from './MessageInput.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-HUCZoqot.js';
-import '../../chunks/bundle-5WxplyP9.js';
-import '../../chunks/bundle-sTNKynXj.js';
-import '../../chunks/bundle-EoW7JC-6.js';
-import '../../chunks/bundle-o_MR5zP9.js';
-import '../../chunks/bundle-FxBVAeu9.js';
-import '../../chunks/bundle-UW-TqfsF.js';
+import '../../chunks/bundle-WOkl3_Qa.js';
+import '../../chunks/bundle-lQUkPvfG.js';
+import '../../chunks/bundle-GIZVQ7W4.js';
+import '../../chunks/bundle-gxrNtcmM.js';
+import '../../chunks/bundle-VELRmCgM.js';
+import '../../chunks/bundle-zYQpPgUz.js';
+import '../../chunks/bundle-MY-lEq_u.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-qReOreYH.js';
+import '../../chunks/bundle-Y1x4CZpy.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-GaBLtZQZ.js';
-import '../../chunks/bundle-L1jL1HlF.js';
+import '../../chunks/bundle-TIBUJEGt.js';
+import '../../chunks/bundle-Ahnepylk.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-LutukB6f.js';
+import '../../chunks/bundle-P0Em254T.js';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-Ey2KFn-R.js';
-import '../../chunks/bundle-fRhlDZge.js';
-import '../../chunks/bundle-j2oaAFR4.js';
-import '../../chunks/bundle-n3JTobCF.js';
-import '../../chunks/bundle-1O7rPYFy.js';
-import '../../chunks/bundle-JGL7ecyE.js';
+import '../../chunks/bundle-7qnTBkFI.js';
+import '../../chunks/bundle-pfoFNefK.js';
+import '../../chunks/bundle-_oSqlLwH.js';
+import '../../chunks/bundle-WrbACLdS.js';
+import '../../chunks/bundle-XQrrPHzm.js';
+import '../../chunks/bundle-1Ni9PXLu.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-fBRojj0w.js';
-import '../../chunks/bundle-qJVzRD5Y.js';
+import '../../chunks/bundle-CYvmOLIw.js';
+import '../../chunks/bundle-XASWNrfg.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-kdRMkp9s.js';
+import '../../chunks/bundle-T0Gu5k42.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-cTKDcBXH.js';
+import '../../chunks/bundle--vRpTESf.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-ybonwZPt.js';
-import '../../chunks/bundle-nB9Rk0Vg.js';
+import '../../chunks/bundle-lWgUjnZ7.js';
+import '../../chunks/bundle-3kSg3poT.js';
+import '../../chunks/bundle-S6yFiUrY.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../chunks/bundle-NRuB0VyT.js';
+import '../../chunks/bundle-CLwn_FRg.js';
 import '../../Thread/context.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-8Ct4JuXG.js';
+import '../../chunks/bundle-H2gT5GjQ.js';
 import '../../ui/MessageInput.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-zz-E8ZLu.js';
+import '../../chunks/bundle-avof2r-9.js';
 import 'dompurify';
-import '../../chunks/bundle-dGdUFeGw.js';
-import '../../chunks/bundle-WiQweU5U.js';
-import '../../chunks/bundle-I0NSP9ei.js';
-import '../../chunks/bundle-EaGyVrR8.js';
+import '../../chunks/bundle-ohkKzbFZ.js';
+import '../../chunks/bundle-L5shvyy2.js';
+import '../../chunks/bundle-bSloPXLn.js';
+import '../../chunks/bundle-m5aRS8p_.js';
 import '../../ui/MessageContent.js';
-import '../../chunks/bundle-iTeulylJ.js';
-import '../../chunks/bundle-0--XgUA7.js';
-import '../../chunks/bundle-JJDjO0bj.js';
+import '../../chunks/bundle-0wRb_ox9.js';
+import '../../chunks/bundle-IY-fHnHj.js';
+import '../../chunks/bundle-WwAytaYU.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-zL8um0im.js';
+import '../../chunks/bundle-svI6ejWT.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-HTP_W562.js';
+import '../../chunks/bundle-5r5nUzch.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-mg_7Exot.js';
+import '../../chunks/bundle-m6y5OeVq.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -83,44 +84,47 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/QuoteMessage.js';
-import '../../chunks/bundle-9AVOtanU.js';
-import '../../chunks/bundle-9YazFOHk.js';
+import '../../chunks/bundle-sieNQ6Gk.js';
+import '../../chunks/bundle-tDRC-k6Z.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/OGMessageItemBody.js';
-import '../../chunks/bundle-grxc9ClY.js';
+import '../../chunks/bundle-Ly8vUhTn.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-WJ4T7o4h.js';
-import '../../chunks/bundle-u_gMIDNK.js';
+import '../../chunks/bundle-jg-ROmIh.js';
+import '../../chunks/bundle-wiEDSdp9.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-fiU7Tho8.js';
+import '../../chunks/bundle-_X0TUlY4.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
-import '../../chunks/bundle-atKtJDZx.js';
-import '../../chunks/bundle-mjC4Frm5.js';
+import '../../chunks/bundle-XbJe5Xl_.js';
+import '../../chunks/bundle-h8tsadkG.js';
 import '../../Message/hooks/useDirtyGetMentions.js';
 import '../utils/getMessagePartsInfo.js';
 import '../utils/compareMessagesForGrouping.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
+import '../../ui/TypingIndicatorBubble.js';
+import '@sendbird/uikit-tools';
 import '../../ui/QuoteMessageInput.js';
-import '../../chunks/bundle-tR2Ipjel.js';
+import '../../chunks/bundle-6SUASyd-.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-RXyEKXFG.js';
+import '../../chunks/bundle-24dj5skA.js';
+import '../hooks/useHandleUploadFiles.js';
 
 var ChannelUI = function (_a) {
-    var _b, _c, _d, _e, _f, _g;
-    var isLoading = _a.isLoading, renderPlaceholderLoader = _a.renderPlaceholderLoader, renderPlaceholderInvalid = _a.renderPlaceholderInvalid, renderPlaceholderEmpty = _a.renderPlaceholderEmpty, renderChannelHeader = _a.renderChannelHeader, renderMessage = _a.renderMessage, renderMessageInput = _a.renderMessageInput, renderTypingIndicator = _a.renderTypingIndicator, renderCustomSeparator = _a.renderCustomSeparator, renderFileUploadIcon = _a.renderFileUploadIcon, renderVoiceMessageIcon = _a.renderVoiceMessageIcon, renderSendMessageIcon = _a.renderSendMessageIcon;
-    var _h = useChannelContext(), channelUrl = _h.channelUrl, isInvalid = _h.isInvalid;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var isLoading = _a.isLoading, renderPlaceholderLoader = _a.renderPlaceholderLoader, renderPlaceholderInvalid = _a.renderPlaceholderInvalid, renderPlaceholderEmpty = _a.renderPlaceholderEmpty, renderChannelHeader = _a.renderChannelHeader, renderMessage = _a.renderMessage, renderMessageInput = _a.renderMessageInput, renderTypingIndicator = _a.renderTypingIndicator, renderCustomSeparator = _a.renderCustomSeparator, renderFileUploadIcon = _a.renderFileUploadIcon, renderVoiceMessageIcon = _a.renderVoiceMessageIcon, renderSendMessageIcon = _a.renderSendMessageIcon, renderFrozenNotification = _a.renderFrozenNotification;
+    var _l = useChannelContext(), channelUrl = _l.channelUrl, isInvalid = _l.isInvalid;
     var globalStore = useSendbirdStateContext();
     var sdkError = (_c = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.error;
     var logger = (_d = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _d === void 0 ? void 0 : _d.logger;
@@ -142,12 +146,14 @@ var ChannelUI = function (_a) {
     }
     return (React__default.createElement("div", { className: 'sendbird-conversation' },
         (renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 : renderChannelHeader()) || (React__default.createElement(ChannelHeader, { className: "sendbird-conversation__channel-header" })),
-        React__default.createElement(MessageList, { className: "sendbird-conversation__message-list", renderMessage: renderMessage, renderPlaceholderEmpty: renderPlaceholderEmpty, renderCustomSeparator: renderCustomSeparator, renderPlaceholderLoader: renderPlaceholderLoader }),
+        React__default.createElement(MessageList, { className: "sendbird-conversation__message-list", renderMessage: renderMessage, renderPlaceholderEmpty: renderPlaceholderEmpty, renderCustomSeparator: renderCustomSeparator, renderPlaceholderLoader: renderPlaceholderLoader, renderFrozenNotification: renderFrozenNotification }),
         React__default.createElement("div", { className: "sendbird-conversation__footer" },
             (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || (React__default.createElement(MessageInputWrapper, { renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon })),
             React__default.createElement("div", { className: "sendbird-conversation__footer__typing-indicator" },
                 (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator())
-                    || ((_g = (_f = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _f === void 0 ? void 0 : _f.groupChannel) === null || _g === void 0 ? void 0 : _g.enableTypingIndicator) && (React__default.createElement(TypingIndicator, null)),
+                    || (((_g = (_f = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _f === void 0 ? void 0 : _f.groupChannel) === null || _g === void 0 ? void 0 : _g.enableTypingIndicator)
+                        && ((_k = (_j = (_h = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _h === void 0 ? void 0 : _h.groupChannel) === null || _j === void 0 ? void 0 : _j.typingIndicatorTypes) === null || _k === void 0 ? void 0 : _k.has(TypingIndicatorType.Text))
+                        && (React__default.createElement(TypingIndicator, null))),
                 !isOnline && (React__default.createElement(ConnectionStatus, null))))));
 };
 

package/Channel/components/ChannelUI.js.map

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