@sendbird/uikit-react 3.9.3 → 3.10.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-ior2BlUD.js';
+import { u as useMediaQueryContext } from './chunks/bundle-Uw736N77.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -8,44 +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-hEvM6x_9.js';
-import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-jzsK-B6H.js';
-import './chunks/bundle-t6JaUd1b.js';
+import { u as uuidv4 } from './chunks/bundle-mccz6DbW.js';
+import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-8XsN_e3a.js';
+import './chunks/bundle-Dv_OpODB.js';
 import '@sendbird/uikit-tools';
 import './withSendbird.js';
 import 'css-vars-ponyfill';
-import './chunks/bundle-2axFKCIx.js';
-import './chunks/bundle-A36uZCDl.js';
+import './chunks/bundle-rQ1k1Cpu.js';
+import './chunks/bundle-XkweI7LG.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-NZcldiSn.js';
+import './chunks/bundle-aD4V4aI8.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-f-bQSvmA.js';
+import './chunks/bundle-kHH52OEM.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-KjVIQqaY.js';
-import './chunks/bundle-olZmltOQ.js';
-import './chunks/bundle-vAvSNdmj.js';
-import './chunks/bundle-q1M15U1p.js';
+import './chunks/bundle-AilPIINY.js';
+import './chunks/bundle-P_LfQm7L.js';
+import './chunks/bundle-26VX7FQg.js';
+import './chunks/bundle-4vHal8Yn.js';
 import 'react-dom';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-mxq273ll.js';
+import './chunks/bundle-cYhstyoi.js';
 import './ui/Icon.js';
-import './chunks/bundle-joPrRU5E.js';
-import './chunks/bundle-EvZinAAd.js';
+import './chunks/bundle-QjcHKpDK.js';
+import './chunks/bundle-QGpFq71p.js';
 import './hooks/useModal.js';
-import './chunks/bundle-K0r8aWXg.js';
-import './chunks/bundle-KF1IhHsV.js';
-import './chunks/bundle-79RbKDD4.js';
+import './chunks/bundle-pnJu3fWb.js';
+import './chunks/bundle-tD8xAWw2.js';
+import './chunks/bundle-8XAFqDsw.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './chunks/bundle-vVdAEhWk.js';
+import './chunks/bundle-HVtbYmj3.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-gdweDZjg.js';
+import './chunks/bundle-s5uFV3hh.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-amfimmWY.js';
+import './chunks/bundle-KnWMPlLu.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/UserListItem.js';
@@ -57,27 +57,27 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-ZbGteG77.js';
+import './chunks/bundle-8tjyQiRi.js';
 import './ui/Badge.js';
-import './chunks/bundle-_nBy-aBx.js';
-import './chunks/bundle-jJZAQH44.js';
+import './chunks/bundle-fDGhJhA3.js';
+import './chunks/bundle-gzQGUVJt.js';
 import './ui/Loader.js';
-import './chunks/bundle-TSWaRDnP.js';
-import './chunks/bundle-yT-RH-aL.js';
+import './chunks/bundle-cN2gAFB_.js';
+import './chunks/bundle-6LRbbWyh.js';
 import './ui/MentionUserLabel.js';
-import './chunks/bundle-mO3J4SXS.js';
+import './chunks/bundle-imm3o8vY.js';
 import './ui/TextButton.js';
-import './chunks/bundle-yND4UFpN.js';
+import './chunks/bundle-y_DSrC-A.js';
 import './Channel/components/TypingIndicator.js';
-import './chunks/bundle-oaL-WZdX.js';
-import './chunks/bundle-XlrrUjEJ.js';
-import './chunks/bundle-4PBxOF7r.js';
+import './chunks/bundle-QSb_mwts.js';
+import './chunks/bundle-zx8iuoIh.js';
+import './chunks/bundle-KpJtSqe-.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-mW5agIOj.js';
-import './chunks/bundle-l9d09gzQ.js';
+import './chunks/bundle-ej1sc1yZ.js';
+import './chunks/bundle-1pnUZsGs.js';
 import './Channel/hooks/useInitialMessagesFetch.js';
-import './chunks/bundle-fe2EF_iJ.js';
-import './chunks/bundle-IHKKjTVb.js';
+import './chunks/bundle-Abz9zH51.js';
+import './chunks/bundle-tLQ87Jwz.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
@@ -87,23 +87,23 @@ import './ui/PlaceHolder.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './chunks/bundle-DXjnvT3X.js';
-import './chunks/bundle-L_mUjiuK.js';
+import './chunks/bundle-Kt1S-50v.js';
+import './chunks/bundle-oW5LS1AU.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-rcUMtSzr.js';
+import './chunks/bundle-84jQZIDS.js';
 import './Thread/context.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-zL2GggA_.js';
+import './chunks/bundle-tZrqMc_G.js';
 import 'dompurify';
-import './chunks/bundle-Q-3uYmLU.js';
-import './chunks/bundle-iGWTklyk.js';
-import './chunks/bundle-nyXhTs2k.js';
+import './chunks/bundle-X2Sm7pn5.js';
+import './chunks/bundle-hpM7HwDV.js';
+import './chunks/bundle-ZExhHi47.js';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-uNgbgg3h.js';
+import './chunks/bundle-M-Qfv2tU.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
 import './ui/EmojiReactions.js';
@@ -114,40 +114,44 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-v7nqMv6h.js';
-import './chunks/bundle-Xp-L1BVs.js';
+import './chunks/bundle-5iL1VCKs.js';
+import './chunks/bundle-wNtXTu0c.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-LFXAxMSp.js';
+import './chunks/bundle-YD2b0cnK.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-wZlSE8gx.js';
-import './chunks/bundle-MtGjgUxA.js';
+import './chunks/bundle-4uNbb5ZI.js';
+import './chunks/bundle-hNJ4PtSG.js';
+import './chunks/bundle-YWlIaifS.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
 import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
+import './ui/FeedbackIconButton.js';
+import './ui/MobileFeedbackMenu.js';
+import './Channel/components/MessageFeedbackModal.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-hnbY99fx.js';
+import './chunks/bundle-TztVqjoB.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 './chunks/bundle-W0Wz_roj.js';
+import './chunks/bundle-edTAi5zj.js';
 import './ui/TypingIndicatorBubble.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './chunks/bundle-Zzg_Wc7p.js';
+import './chunks/bundle-ms16euCo.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-uDxWy2vD.js';
+import './chunks/bundle-Lxhlm_wG.js';
 import './Channel/hooks/useHandleUploadFiles.js';
-import './chunks/bundle-21p8ODP_.js';
+import './chunks/bundle-EeL8s1uR.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
@@ -155,10 +159,10 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-PCj9QYWV.js';
+import './chunks/bundle-GXGH9ESl.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-qnTU06K7.js';
+import './chunks/bundle-OwmPKW49.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -167,7 +171,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-KVQUrA22.js';
+import './chunks/bundle-B_aR2jdp.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
@@ -320,7 +324,12 @@ var MobileLayout = function (props) {
         panel === PANELS.CHANNEL_LIST && (React__default.createElement("div", { className: 'sb_mobile__panelwrap' },
             React__default.createElement(ChannelList, { onProfileEditSuccess: onProfileEditSuccess, onChannelSelect: function (channel) {
                     setCurrentChannel(channel);
-                    setPanel(PANELS.CHANNEL);
+                    if (channel) {
+                        setPanel(PANELS.CHANNEL);
+                    }
+                    else {
+                        setPanel(PANELS.CHANNEL_LIST);
+                    }
                 }, allowProfileEdit: allowProfileEdit, 
                 // this condition must be true for mobile
                 disableAutoSelect: true }))),

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,61 @@
 # Changelog - v3
 
+## [v3.10.0] (Jan 19, 2024)
+
+### Features:
+#### Feedback message feature
+Now we are supporting Feedback Message feature!
+Feedback message feature can be turned on through `enableFeedback` option. When turned on, feedback feature is applied to messages with non default `myFeedbackStatus` values.
+
+* Added `enableFeedback` global option
+  * How to use?
+  ```tsx
+  <App
+    appId={appId}
+    userId={userId}
+    uikitOptions={{
+      groupChannel: {
+        // Below turns on the feedback message feature. Default value is false.
+        enableFeedback: true,
+      }
+    }}
+  />
+  ```
+
+#### Others
+
+* Added `labelType`, and `labelColor` props to `ButtonProps`
+* Added `renderMessageContent` in `ChannelUIProps`
+  * Now you can customize `MessageContent` through `Channel` in two ways:
+    1. Customize with `renderMessage`
+      ```tsx
+      <Channel
+        renderMessage={(props) => (
+          <Message
+            {...props}
+            renderMessageContent={(props) => (
+              <MessageContent {...props} />
+            )}
+          />
+        )}
+      />
+      ```
+    2. **[Simpler]** Customize with `renderMessageContent`
+      ```tsx
+      <Channel
+        renderMessageContent={(props) => (
+          <MessageContent {...props} />
+        )}
+      />
+      ```
+  
+### Fixes:
+
+* Fixed a bug in mobile view where channel view is displaying a default channel when there is no channel in channel list
+* Added missing props renderMessageContent in Channel
+* Fixed a bug where center alignment of `Badge` and `Button` components breaking in FireFox browser
+* Fixed a bug where messages sent by bot member in group channel are not triggering the expected hooks
+
 ## [v3.9.3] (Jan 5, 2024)
 
 ### Fixes:

package/Channel/components/ChannelHeader.js

@@ -1,39 +1,39 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../chunks/bundle-DXjnvT3X.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-mxq273ll.js';
+import { g as getChannelTitle } from '../../chunks/bundle-Kt1S-50v.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-cYhstyoi.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-KjVIQqaY.js';
+import { L as LocalizationContext } from '../../chunks/bundle-AilPIINY.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-oaL-WZdX.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-ior2BlUD.js';
-import { n as noop } from '../../chunks/bundle-f-bQSvmA.js';
-import '../../chunks/bundle-t6JaUd1b.js';
-import '../../chunks/bundle-olZmltOQ.js';
-import '../../chunks/bundle-vVdAEhWk.js';
+import { u as useChannelContext } from '../../chunks/bundle-QSb_mwts.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-Uw736N77.js';
+import { n as noop } from '../../chunks/bundle-kHH52OEM.js';
+import '../../chunks/bundle-Dv_OpODB.js';
+import '../../chunks/bundle-P_LfQm7L.js';
+import '../../chunks/bundle-HVtbYmj3.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-hEvM6x_9.js';
-import '../../chunks/bundle-gdweDZjg.js';
-import '../../chunks/bundle-ZbGteG77.js';
-import '../../chunks/bundle-vAvSNdmj.js';
+import '../../chunks/bundle-mccz6DbW.js';
+import '../../chunks/bundle-s5uFV3hh.js';
+import '../../chunks/bundle-8tjyQiRi.js';
+import '../../chunks/bundle-26VX7FQg.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-79RbKDD4.js';
-import '../../chunks/bundle-XlrrUjEJ.js';
-import '../../chunks/bundle-4PBxOF7r.js';
-import '../../chunks/bundle-jJZAQH44.js';
-import '../../chunks/bundle-NZcldiSn.js';
+import '../../chunks/bundle-8XAFqDsw.js';
+import '../../chunks/bundle-zx8iuoIh.js';
+import '../../chunks/bundle-KpJtSqe-.js';
+import '../../chunks/bundle-gzQGUVJt.js';
+import '../../chunks/bundle-aD4V4aI8.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-2axFKCIx.js';
+import '../../chunks/bundle-rQ1k1Cpu.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-mW5agIOj.js';
-import '../../chunks/bundle-l9d09gzQ.js';
+import '../../chunks/bundle-ej1sc1yZ.js';
+import '../../chunks/bundle-1pnUZsGs.js';
 import '@sendbird/chat/groupChannel';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-KF1IhHsV.js';
-import '../../chunks/bundle-joPrRU5E.js';
-import '../../chunks/bundle-EvZinAAd.js';
-import '../../chunks/bundle-fe2EF_iJ.js';
+import '../../chunks/bundle-tD8xAWw2.js';
+import '../../chunks/bundle-QjcHKpDK.js';
+import '../../chunks/bundle-QGpFq71p.js';
+import '../../chunks/bundle-Abz9zH51.js';
 
 var ChannelHeader = function (_a) {
     var _b, _c, _d;

package/Channel/components/ChannelUI.js

@@ -1,79 +1,79 @@
 import React__default from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-oaL-WZdX.js';
+import { u as useChannelContext } from '../../chunks/bundle-QSb_mwts.js';
 import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
 import ConnectionStatus from '../../ui/ConnectionStatus.js';
 import ChannelHeader from './ChannelHeader.js';
-import { M as MessageList, T as TypingIndicatorType } from '../../chunks/bundle-L_mUjiuK.js';
+import { M as MessageList, T as TypingIndicatorType } from '../../chunks/bundle-oW5LS1AU.js';
 import TypingIndicator from './TypingIndicator.js';
 import MessageInputWrapper from './MessageInput.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-t6JaUd1b.js';
-import '../../chunks/bundle-79RbKDD4.js';
-import '../../chunks/bundle-XlrrUjEJ.js';
-import '../../chunks/bundle-4PBxOF7r.js';
-import '../../chunks/bundle-jJZAQH44.js';
-import '../../chunks/bundle-vAvSNdmj.js';
-import '../../chunks/bundle-NZcldiSn.js';
+import '../../chunks/bundle-Dv_OpODB.js';
+import '../../chunks/bundle-8XAFqDsw.js';
+import '../../chunks/bundle-zx8iuoIh.js';
+import '../../chunks/bundle-KpJtSqe-.js';
+import '../../chunks/bundle-gzQGUVJt.js';
+import '../../chunks/bundle-26VX7FQg.js';
+import '../../chunks/bundle-aD4V4aI8.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-2axFKCIx.js';
+import '../../chunks/bundle-rQ1k1Cpu.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-mW5agIOj.js';
-import '../../chunks/bundle-l9d09gzQ.js';
+import '../../chunks/bundle-ej1sc1yZ.js';
+import '../../chunks/bundle-1pnUZsGs.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-hEvM6x_9.js';
+import '../../chunks/bundle-mccz6DbW.js';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-KF1IhHsV.js';
-import '../../chunks/bundle-joPrRU5E.js';
-import '../../chunks/bundle-EvZinAAd.js';
-import '../../chunks/bundle-fe2EF_iJ.js';
-import '../../chunks/bundle-KjVIQqaY.js';
-import '../../chunks/bundle-olZmltOQ.js';
+import '../../chunks/bundle-tD8xAWw2.js';
+import '../../chunks/bundle-QjcHKpDK.js';
+import '../../chunks/bundle-QGpFq71p.js';
+import '../../chunks/bundle-Abz9zH51.js';
+import '../../chunks/bundle-AilPIINY.js';
+import '../../chunks/bundle-P_LfQm7L.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-f-bQSvmA.js';
-import '../../chunks/bundle-mxq273ll.js';
+import '../../chunks/bundle-kHH52OEM.js';
+import '../../chunks/bundle-cYhstyoi.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-DXjnvT3X.js';
+import '../../chunks/bundle-Kt1S-50v.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-vVdAEhWk.js';
+import '../../chunks/bundle-HVtbYmj3.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-gdweDZjg.js';
-import '../../chunks/bundle-ZbGteG77.js';
-import '../../chunks/bundle-ior2BlUD.js';
+import '../../chunks/bundle-s5uFV3hh.js';
+import '../../chunks/bundle-8tjyQiRi.js';
+import '../../chunks/bundle-Uw736N77.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../chunks/bundle-rcUMtSzr.js';
+import '../../chunks/bundle-84jQZIDS.js';
 import '../../Thread/context.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-yND4UFpN.js';
+import '../../chunks/bundle-y_DSrC-A.js';
 import '../../ui/MessageInput.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-zL2GggA_.js';
+import '../../chunks/bundle-tZrqMc_G.js';
 import 'dompurify';
-import '../../chunks/bundle-mO3J4SXS.js';
-import '../../chunks/bundle-Q-3uYmLU.js';
-import '../../chunks/bundle-iGWTklyk.js';
-import '../../chunks/bundle-nyXhTs2k.js';
+import '../../chunks/bundle-imm3o8vY.js';
+import '../../chunks/bundle-X2Sm7pn5.js';
+import '../../chunks/bundle-hpM7HwDV.js';
+import '../../chunks/bundle-ZExhHi47.js';
 import '../../ui/MessageContent.js';
-import '../../chunks/bundle-_nBy-aBx.js';
-import '../../chunks/bundle-TSWaRDnP.js';
-import '../../chunks/bundle-yT-RH-aL.js';
+import '../../chunks/bundle-fDGhJhA3.js';
+import '../../chunks/bundle-cN2gAFB_.js';
+import '../../chunks/bundle-6LRbbWyh.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-uNgbgg3h.js';
+import '../../chunks/bundle-M-Qfv2tU.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-IHKKjTVb.js';
+import '../../chunks/bundle-tLQ87Jwz.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-q1M15U1p.js';
+import '../../chunks/bundle-4vHal8Yn.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -84,47 +84,52 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/QuoteMessage.js';
-import '../../chunks/bundle-v7nqMv6h.js';
-import '../../chunks/bundle-Xp-L1BVs.js';
+import '../../chunks/bundle-5iL1VCKs.js';
+import '../../chunks/bundle-wNtXTu0c.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/OGMessageItemBody.js';
-import '../../chunks/bundle-LFXAxMSp.js';
+import '../../chunks/bundle-YD2b0cnK.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-wZlSE8gx.js';
-import '../../chunks/bundle-MtGjgUxA.js';
+import '../../chunks/bundle-4uNbb5ZI.js';
+import '../../chunks/bundle-hNJ4PtSG.js';
+import '../../chunks/bundle-YWlIaifS.js';
+import '@sendbird/uikit-tools';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-jzsK-B6H.js';
+import '../../chunks/bundle-8XsN_e3a.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
+import '../../ui/FeedbackIconButton.js';
+import '../../ui/MobileFeedbackMenu.js';
+import './MessageFeedbackModal.js';
+import '../../ui/Input.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
-import '../../chunks/bundle-hnbY99fx.js';
+import '../../chunks/bundle-TztVqjoB.js';
 import '../../Message/hooks/useDirtyGetMentions.js';
 import '../utils/getMessagePartsInfo.js';
 import '../utils/compareMessagesForGrouping.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
-import '../../chunks/bundle-W0Wz_roj.js';
-import '@sendbird/uikit-tools';
+import '../../chunks/bundle-edTAi5zj.js';
 import '../../ui/TypingIndicatorBubble.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../chunks/bundle-Zzg_Wc7p.js';
+import '../../chunks/bundle-ms16euCo.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-uDxWy2vD.js';
+import '../../chunks/bundle-Lxhlm_wG.js';
 import '../hooks/useHandleUploadFiles.js';
-import '../../chunks/bundle-21p8ODP_.js';
+import '../../chunks/bundle-EeL8s1uR.js';
 
 var ChannelUI = function (_a) {
     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 isLoading = _a.isLoading, renderPlaceholderLoader = _a.renderPlaceholderLoader, renderPlaceholderInvalid = _a.renderPlaceholderInvalid, renderPlaceholderEmpty = _a.renderPlaceholderEmpty, renderChannelHeader = _a.renderChannelHeader, renderMessage = _a.renderMessage, renderMessageContent = _a.renderMessageContent, 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;
@@ -147,7 +152,7 @@ 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, renderFrozenNotification: renderFrozenNotification }),
+        React__default.createElement(MessageList, { className: "sendbird-conversation__message-list", renderMessage: renderMessage, renderMessageContent: renderMessageContent, 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" },

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}