@sendbird/uikit-react 3.14.10 → 3.14.11-rc-1

package/App.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import { SendbirdProvider } from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './chunks/bundle-D3QfP61V.js';
-import { _ as __assign } from './chunks/bundle-qivrTGrV.js';
+import { u as useMediaQueryContext } from './chunks/bundle-Ddmh-CSA.js';
+import { _ as __assign } from './chunks/bundle-CFPctvMY.js';
 import { GroupChannel } from './GroupChannel.js';
 import { GroupChannelList } from './GroupChannelList.js';
 import Channel from './Channel.js';
@@ -9,85 +9,84 @@ import ChannelList from './ChannelList.js';
 import ChannelSettings from './ChannelSettings.js';
 import MessageSearchPannel from './MessageSearch.js';
 import Thread from './Thread.js';
-import { c as classnames } from './chunks/bundle-CymNo3WD.js';
+import { c as classnames } from './chunks/bundle-D_-SsVPb.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import { useSendbirdStateContext } from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './chunks/bundle-C7f1DHyg.js';
-import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-BRMIsbFP.js';
-import { g as getCaseResolvedReplyType } from './chunks/bundle-FlpX_Kua.js';
+import { u as uuidv4 } from './chunks/bundle-DBI4R6Wl.js';
+import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-B--KSVZl.js';
+import { g as getCaseResolvedReplyType } from './chunks/bundle-Ba1wQpmb.js';
 import '@sendbird/uikit-tools';
 import './withSendbird.js';
-import 'css-vars-ponyfill';
-import './chunks/bundle-C9dq6ZD4.js';
+import './chunks/bundle-Fw4J4vYE.js';
+import './chunks/bundle-Ci5HsRTf.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-Cj5JMK7Q.js';
-import './chunks/bundle-CP4szzas.js';
-import './chunks/bundle-CNntTHc2.js';
-import './chunks/bundle-BjRVnEt2.js';
-import '@sendbird/chat';
-import '@sendbird/chat/openChannel';
-import './chunks/bundle-DeZiTTFB.js';
-import './chunks/bundle-ZiboK-fO.js';
+import './chunks/bundle-9-Mn7M_Z.js';
+import './chunks/bundle-LFWpEfNl.js';
 import 'react-dom';
-import './chunks/bundle-DLSqJtw7.js';
-import './chunks/bundle-BPtW84KW.js';
-import './chunks/bundle-CJ0gnHtN.js';
+import './chunks/bundle-QidoK1d-.js';
+import './chunks/bundle-DpvwJ56x.js';
+import './chunks/bundle-BGyFQLds.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-6WkrZ6GC.js';
+import './chunks/bundle-C5ry_tLy.js';
 import './ui/Icon.js';
-import './chunks/bundle-DExTOIEC.js';
-import './chunks/bundle-D4w7NQSK.js';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
+import './chunks/bundle-Das_HcJY.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
+import './chunks/bundle-D_Z0gcUk.js';
+import './chunks/bundle-CGGiHRqC.js';
+import './chunks/bundle-Be6tbz1P.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-DyLTHcXb.js';
-import './chunks/bundle-CEJvyLWs.js';
-import './chunks/bundle-B69jleUo.js';
-import './chunks/bundle-DJ72fQy-.js';
-import './chunks/bundle-BLtZDfBw.js';
+import './chunks/bundle-MnMO7fTy.js';
+import './chunks/bundle-BAeuPMFc.js';
+import './chunks/bundle-BX3FODIp.js';
+import './chunks/bundle-mnktcUOP.js';
+import './chunks/bundle-DBhARJJE.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-C24BBg-c.js';
+import './chunks/bundle-CZZcoU2t.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-DxoQxJce.js';
+import './chunks/bundle-CmR1BOgg.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-Dk_le87C.js';
+import './chunks/bundle-BUTDHQ0K.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-Cj4fyKiq.js';
-import './chunks/bundle-Bmi-ESIg.js';
-import './chunks/bundle-Dbrz-SZu.js';
+import './chunks/bundle-gYCdtXHX.js';
+import './chunks/bundle-DDyW5U8c.js';
+import './chunks/bundle-BhJo-J5S.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-bP-B5oUs.js';
+import './chunks/bundle-D34mzHDX.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-RF00I10F.js';
-import './chunks/bundle-DntyeaUa.js';
-import './chunks/bundle-h5uBMqdB.js';
+import './chunks/bundle-DJd7sEV5.js';
+import './chunks/bundle-wjiRO8fP.js';
+import './chunks/bundle-T36Ny7tN.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-DPKDvBjV.js';
-import './chunks/bundle-BqUF9DSr.js';
+import './chunks/bundle-CneD1kSz.js';
+import './chunks/bundle-DPjIs0rS.js';
 import 'dompurify';
-import './chunks/bundle-BVEvbzBV.js';
-import './chunks/bundle-D4tV1HWB.js';
-import './chunks/bundle-D5fZI6wu.js';
-import './chunks/bundle-CnfTwxdb.js';
+import './chunks/bundle-B_o6NOdV.js';
+import './chunks/bundle-DVlyQ2ig.js';
+import './chunks/bundle-CA_gJKx5.js';
+import './chunks/bundle-BRLMd1qq.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-D6dnQXfh.js';
-import './chunks/bundle-CNOIDdgc.js';
-import './chunks/bundle-BjawE8kS.js';
-import './ui/MessageItemMenu.js';
-import './chunks/bundle-8PdqOmx2.js';
+import './chunks/bundle-BrAFzKQH.js';
+import './chunks/bundle-C0bw_0Ty.js';
+import './chunks/bundle-BZ_5U6BN.js';
+import './chunks/bundle-CjMJBCGv.js';
+import './chunks/bundle-BHH2yc5e.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-B5HpGUWF.js';
+import './chunks/bundle-D04CScdZ.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -101,18 +100,18 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-Bq9EiMSo.js';
-import './chunks/bundle-DyJeNv3Y.js';
+import './chunks/bundle-BE1MPdgl.js';
+import './ui/MobileMenu.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-DZhrQ9kO.js';
+import './chunks/bundle-ChMsC3d8.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-Bn6qVQdD.js';
+import './chunks/bundle-BRE3kEFl.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-DNIpksmH.js';
+import './chunks/bundle-eaNunjZ5.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -120,7 +119,7 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-CJ8jo8ld.js';
+import './chunks/bundle-C1HovpNn.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/FeedbackIconButton.js';
@@ -129,61 +128,61 @@ import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './ui/MessageFeedbackFailedModal.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-DKD06bkH.js';
+import './chunks/bundle-AcYfIPGB.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-YMAJHrkr.js';
+import './chunks/bundle-7tw1QkZe.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-VweMT7yw.js';
-import './chunks/bundle-Djjm3Uvp.js';
+import './chunks/bundle-YBSnJQDn.js';
+import './chunks/bundle-CNXcyMQE.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-D6XlG_Vn.js';
+import './chunks/bundle-bGo0dTJI.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-Bl7LZU7k.js';
+import './chunks/bundle-BauiqHmz.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-BUiKw2Xz.js';
-import './chunks/bundle-BoPCJB2N.js';
+import './chunks/bundle-Djc6v63E.js';
+import './chunks/bundle-BIWz0XDC.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-B1j0RBSY.js';
+import './chunks/bundle-DNO0hXZk.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-DkjDKNtY.js';
-import './chunks/bundle-D7HK_nEb.js';
+import './chunks/bundle-KkbDKD28.js';
+import './chunks/bundle-CIS48p4l.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-EgukjrKu.js';
+import './chunks/bundle-D2HvftUm.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-iw1p3kR6.js';
+import './chunks/bundle-D_EwfZao.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-oZzTj33R.js';
+import './chunks/bundle-BE4HZgAJ.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Channel/context.js';
-import './chunks/bundle-BTW8xwJY.js';
-import './chunks/bundle-ChLVGsVc.js';
-import './chunks/bundle-BDVMQbBW.js';
-import './chunks/bundle-C6NL2rIx.js';
-import './chunks/bundle-BQvIS2hV.js';
+import './chunks/bundle-DF0TEDHi.js';
+import './chunks/bundle-C5XlByHy.js';
+import './chunks/bundle-DsEgBhPg.js';
+import './chunks/bundle-Doh2YVn-.js';
+import './chunks/bundle-B9g_TRqy.js';
 import './Channel/components/ChannelUI.js';
 import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-DV9a2cbl.js';
+import './chunks/bundle-3fMVUYp7.js';
 import './Channel/components/MessageInput.js';
-import './chunks/bundle-CEPVxLI6.js';
+import './chunks/bundle-Bl9s7gbM.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
@@ -197,7 +196,7 @@ import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-D7iwt9t3.js';
+import './chunks/bundle-CGI-GJdx.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -208,9 +207,11 @@ import './Thread/context.js';
 import './Thread/context/types.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-DED8zFWK.js';
+import './chunks/bundle-CmUDfnXn.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-DHfnVt9S.js';
+import './chunks/bundle-ggd5Nalb.js';
+import './ui/MessageItemMenu.js';
+import './chunks/bundle-rSjLiAzS.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.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,135 @@
 # Changelog - v3
 
+## [v3.11.14] (June 19, 2024)
+### Features
+- Markdown Support for Text Messages
+  - Added `enableMarkdownForUserMessage` to `UIKitOptions`. When enabled, markdown syntaxes for bold and link are now applied to user messages.
+
+- Descriptive Color Names Support
+  - Users can now customize the color set using more descriptive color names instead of numerical codes.
+  - Added a color map parsing utility function, `mapColorKeys`, to support both new and existing color names.
+  - Detailed color name mappings:
+     1. Primary, Secondary, Error, information
+    ```
+    Primary-500 -> Primary-extra dark
+    Primary-400 -> Primary-dark
+    Primary-300 -> Primary-main
+    Primary-200 -> Primary-light
+    Primary-100 -> Primary-extra light
+
+    Secondary-500 -> Secondary-extra dark
+    Secondary-400 -> Secondary-dark
+    Secondary-300 -> Secondary-main
+    Secondary-200 -> Secondary-light
+    Secondary-100 -> Secondary-extra light
+    ```
+    2. Background 100~700: No changes
+    3. Overlay
+    ```
+    Overlay-01 -> Overlay-dark
+    Overlay-02 -> Overlay-light
+    ```
+    4. OnLight & OnDark
+    ```
+    // On Light
+    On Light-01 -> Onlight-text-high-emphasis
+    On Light-02 -> Onlight-text-mid-emphasis
+    On Light-03 -> Onlight-text-low-emphasis
+    On Light-04 -> Onlight-text-disabled
+    // On Dark
+    On Dark -01 -> Ondark-text-high-emphasis
+    On Dark -02 -> Ondark-text-mid-emphasis
+    On Dark -03 -> Ondark-text-low-emphasis
+    On Dark -04 -> Ondark-text-disabled
+    ```
+
+- Message Menu Component Refactor
+  - Created `MessageMenuProvider`, `useMessageMenuContext`, and `MessageMenu` component.
+  - Replaced `MessageItemMenu` with `MessageMenu` in **GroupChannel**. Future PR will apply it to Thread.
+  - Migrated `MobileContextMenu` and `MobileBottomSheet` using `MessageMenuProvider`.
+  - Exported the `MobileMenu`
+    ```tsx
+    import { MobileMenu, MobileContextMenu, MobileBottomSheet } from '@sendbird/uikit-react/ui/MobileMenu';
+    ```
+  - How to use?
+
+    Desktop menu
+    ```tsx
+    import GroupChannel from '@sendbird/uikit-react/GroupChannel';
+    import MessageContent from '@sendbird/uikit-react/ui/MessageContent';
+    import { MessageMenu } from '@sendbird/uikit-react/ui/MessageMenu';
+
+    const GroupChannelPage = () => (
+      <GroupChannel
+        renderMessageContent={(props) => (
+          <MessageContent
+            {...props}
+            renderMessageMenu={(props) => (
+              <MessageMenu
+                {...props}
+                renderMenuItems={(props) => {
+                  const {
+                    CopyMenuItem,
+                    ReplyMenuItem,
+                    // ...
+                    DeleteMenuItem,
+                  } = props.items;
+                  // organize the menu items using the items
+                  return (
+                    <>
+                      <CopyMenuItem />
+                      <DeleteMenuItem />
+                    </>
+                  );
+                }}
+              />
+            )}
+          />
+        )}
+      />
+    );
+    ```
+    Mobile menu
+    ```tsx
+    import GroupChannel from '@sendbird/uikit-react/GroupChannel';
+    import MessageContent from '@sendbird/uikit-react/ui/MessageContent';
+    import { MobileMenu } from '@sendbird/uikit-react/ui/MessageMenu';
+
+    const GroupChannelPage = () => (
+      <GroupChannel
+        renderMessageContent={(props) => (
+          <MessageContent
+            {...props}
+            renderMobileMenuOnLongPress={(props) => (
+              <MobileMenu
+                {...props}
+                renderMenuItems={(props) => {
+                  const {
+                    CopyMenuItem,
+                    ReplyMenuItem,
+                    // ...
+                    DeleteMenuItem,
+                  } = props.items;
+                  // organize the menu items using the items
+                  return (
+                    <>
+                      <CopyMenuItem />
+                      <DeleteMenuItem />
+                    </>
+                  );
+                }}
+              />
+            )}
+          />
+        )}
+      />
+    );
+    ```
+
+### Fixes
+- Fixed an issue where the `newMessages` array was not being reset even after the message list scroll reached the bottom, causing the message notification bar to not disappear properly. Manually called `resetNewMessages()` under certain conditions.
+- Updated the logic to align with other platforms for consistency. Relocated the logic to the same section where other `disabled` conditions are checked.
+
 ## [v3.14.10] (June 13, 2024)
 ### Fixes
 - Replaced onlight-05 with onlight-03 since onlight-05 doesn't exist in the product design guide.

package/Channel/components/ChannelHeader.js

@@ -1,47 +1,47 @@
-import { _ as __assign } from '../../chunks/bundle-qivrTGrV.js';
+import { _ as __assign } from '../../chunks/bundle-CFPctvMY.js';
 import React__default from 'react';
-import { G as GroupChannelHeaderView } from '../../chunks/bundle-DxoQxJce.js';
+import { G as GroupChannelHeaderView } from '../../chunks/bundle-CmR1BOgg.js';
 import { useChannelContext } from '../context.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-CymNo3WD.js';
+import '../../chunks/bundle-D_-SsVPb.js';
 import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-Dk_le87C.js';
+import '../../chunks/bundle-BUTDHQ0K.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-Cj4fyKiq.js';
-import '../../chunks/bundle-Bmi-ESIg.js';
-import '../../chunks/bundle-Dbrz-SZu.js';
-import '../../chunks/bundle-6WkrZ6GC.js';
-import '../../chunks/bundle-BPtW84KW.js';
-import '../../chunks/bundle-D3QfP61V.js';
+import '../../chunks/bundle-gYCdtXHX.js';
+import '../../chunks/bundle-DDyW5U8c.js';
+import '../../chunks/bundle-BhJo-J5S.js';
+import '../../chunks/bundle-C5ry_tLy.js';
+import '../../chunks/bundle-DpvwJ56x.js';
+import '../../chunks/bundle-Ddmh-CSA.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-DLSqJtw7.js';
-import '../../chunks/bundle-CJ0gnHtN.js';
+import '../../chunks/bundle-QidoK1d-.js';
+import '../../chunks/bundle-BGyFQLds.js';
 import '../../ui/Header.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-bP-B5oUs.js';
+import '../../chunks/bundle-D34mzHDX.js';
 import '../../ui/IconButton.js';
-import '../../chunks/bundle-DyLTHcXb.js';
-import '../../chunks/bundle-h5uBMqdB.js';
-import '../../chunks/bundle-D6XlG_Vn.js';
+import '../../chunks/bundle-MnMO7fTy.js';
+import '../../chunks/bundle-T36Ny7tN.js';
+import '../../chunks/bundle-bGo0dTJI.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-BLtZDfBw.js';
-import '../../chunks/bundle-DntyeaUa.js';
-import '../../chunks/bundle-CP4szzas.js';
-import '../../chunks/bundle-C9dq6ZD4.js';
+import '../../chunks/bundle-DBhARJJE.js';
+import '../../chunks/bundle-wjiRO8fP.js';
+import '../../chunks/bundle-LFWpEfNl.js';
+import '../../chunks/bundle-Ci5HsRTf.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-Cj5JMK7Q.js';
-import '../../chunks/bundle-BTW8xwJY.js';
-import '../../chunks/bundle-ChLVGsVc.js';
-import '../../chunks/bundle-BDVMQbBW.js';
-import '../../chunks/bundle-DExTOIEC.js';
-import '../../chunks/bundle-C7f1DHyg.js';
-import '../../chunks/bundle-C6NL2rIx.js';
-import '../../chunks/bundle-DJ72fQy-.js';
-import '../../chunks/bundle-CEJvyLWs.js';
-import '../../chunks/bundle-FlpX_Kua.js';
-import '../../chunks/bundle-BQvIS2hV.js';
+import '../../chunks/bundle-9-Mn7M_Z.js';
+import '../../chunks/bundle-DF0TEDHi.js';
+import '../../chunks/bundle-C5XlByHy.js';
+import '../../chunks/bundle-DsEgBhPg.js';
+import '../../chunks/bundle-Das_HcJY.js';
+import '../../chunks/bundle-DBI4R6Wl.js';
+import '../../chunks/bundle-Doh2YVn-.js';
+import '../../chunks/bundle-mnktcUOP.js';
+import '../../chunks/bundle-BAeuPMFc.js';
+import '../../chunks/bundle-Ba1wQpmb.js';
+import '../../chunks/bundle-B9g_TRqy.js';
 
 var ChannelHeader = function (_a) {
     var className = _a.className;