@sendbird/uikit-react 3.3.0-rc.0 → 3.3.0

package/App.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Sendbird from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './MediaQueryContext-9c1bb79f.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-bdfbc4af.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -9,26 +9,26 @@ 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 './uuid-636df95b.js';
-import './_rollupPluginBabelHelpers-636e674b.js';
+import { u as uuidv4 } from './uuid-a6fa7f5c.js';
+import './_rollupPluginBabelHelpers-409f988a.js';
 import './withSendbird.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './actionTypes-9bf40e56.js';
-import './index-1a59aaa9.js';
-import './tslib.es6-279bc71d.js';
+import './actionTypes-8328df66.js';
+import './index-07f9c3d9.js';
+import './tslib.es6-88db6fd7.js';
 import './utils/message/getOutgoingMessageState.js';
 import 'css-vars-ponyfill';
-import './LocalizationContext-5920dafc.js';
-import './stringSet-f0e25f08.js';
-import './index-b5b56cb7.js';
-import './ChannelListProvider-6916e880.js';
-import './topics-d2e15fe6.js';
-import './utils-5a4995e3.js';
-import './UserProfileContext-749db4f6.js';
+import './LocalizationContext-a600fb50.js';
+import './stringSet-91224dde.js';
+import './index-8a738c8a.js';
+import './ChannelListProvider-b13103dc.js';
+import './topics-43edce25.js';
+import './utils-37e7b76b.js';
+import './UserProfileContext-14ece55d.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './index-4a23e6ff.js';
+import './index-191a1508.js';
 import './ui/IconButton.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
@@ -36,12 +36,12 @@ import './ui/Icon.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-4604e579.js';
+import './CreateChannelProvider-cc047bd8.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-d2dd3ae2.js';
+import './index-719ce4f1.js';
 import './ui/Button.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
@@ -52,37 +52,37 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-afd23bb8.js';
+import './utils-d7d46e26.js';
 import './ui/Badge.js';
-import './index-358a6180.js';
-import './index-8b94db1e.js';
-import './index-4f51d577.js';
+import './index-165910a3.js';
+import './index-1a5c804a.js';
+import './index-bbd69eed.js';
 import './ui/MentionUserLabel.js';
 import './ui/TextButton.js';
-import './color-253fcdc4.js';
+import './color-592f66aa.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-8be62d5d.js';
-import './compareIds-5494c074.js';
-import './const-8bb8cc10.js';
+import './ChannelProvider-1f4902ed.js';
+import './compareIds-62c0f89f.js';
+import './const-55d2d983.js';
 import '@sendbird/chat/message';
 import './ui/ReactionButton.js';
 import './ui/MessageStatus.js';
 import './ui/Loader.js';
-import './useLongPress-53f7929a.js';
+import './useLongPress-9665cd48.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-b932b49d.js';
+import './index-897750c3.js';
 import './ui/Input.js';
-import './index-cb6348b0.js';
+import './index-04212901.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-ad636dfd.js';
+import './utils-776d4a47.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-2aae43f2.js';
-import './ThreadProvider-4640c6fb.js';
+import './const-654f9496.js';
+import './ThreadProvider-4cfa4d07.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
@@ -119,9 +119,9 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-8c660706.js';
+import './context-5ee0e892.js';
 import './ChannelSettings/components/UserListItem.js';
-import './MemberList-743b0708.js';
+import './MemberList-afcf6013.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -130,7 +130,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-0ce1f978.js';
+import './RemoveMessageModal-779f1a33.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/FileViewer.js';
 import './Thread/components/ThreadHeader.js';

package/CHANGELOG.md

@@ -12,6 +12,37 @@ Features:
     import { ThreadProvider, useThreadContext } from "@sendbird/uikit-react/Thread/context"
     ```
   * And the other UI components are provided under the Thread. `ThreadUI`, `ThreadHeader`, `ParentMessageInfo`, `ParentMessageInfoItem`, `ThreadList`, `ThreadListItem`, and `ThreadMessageInput` are it
+* Add channel props
+  * `threadReplySelectType`: Type of the value should be
+    ```typescript
+    enum ThreadReplySelectType { PARENT, THREAD }
+    ```
+    You can see how to use it below
+    ```typescript
+    import { ThreadReplySelectType } from "@sendbird/uikit-react/Channel/context";
+
+    <Channel
+      ...
+      threadReplySelectType={ThreadReplySelectType.PARENT}
+    />
+    ```
+  * `animatedMessage`: Type of the value should be number(messageId)
+  * `onReplyInThread`: This function is called when user click the button "Reply in thread" on the message context menu
+    ```typescript
+    type onReplyInThread = ({ message: UserMessage | FileMessage }) => void
+    ```
+  * `onQuoteMessageClick`: This function is called when user click the quote message on the message of Channel
+    ```typescript
+    type onQuoteMessageClick = ({ message: UserMessage | FileMessage }) => {}
+    ```
+  * `onMessageAnimated`: This function is called after that message item is animated
+    ```typescript
+    type onMessageAnimated = () => void
+    ```
+  * `onMessageHighlighted`: This function is called after that message item is highlighted
+    ```typescript
+    type onMessageHighlighted = () => void
+    ```
 * Add `ui/ThreadReplies` component
   ```typescript
   interface ThreadRepliesProps {
@@ -20,20 +51,6 @@ Features:
     onClick?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
   }
   ```
-* Add channel props `threadReplySelectType`
-  * Type of the value should be
-  ```typescript
-  enum ThreadReplySelectType { PARENT, THREAD }
-  ```
-  You can see how to use it below
-  ```typescript
-  import { ThreadReplySelectType } from "@sendbird/uikit-react/Channel/context";
-
-  <Channel
-    ...
-    threadReplySelectType={ThreadReplySelectType.PARENT}
-  />
-  ```
 
 Fixes:
 * Do not allow operator to unregister itself on the OperatorList of GroupChannel

package/Channel/components/ChannelHeader.js

@@ -1,31 +1,31 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../utils-ad636dfd.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4a23e6ff.js';
+import { g as getChannelTitle } from '../../utils-776d4a47.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-191a1508.js';
 import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-5920dafc.js';
+import { a as LocalizationContext } from '../../LocalizationContext-a600fb50.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-8be62d5d.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-9c1bb79f.js';
-import { n as noop } from '../../utils-5a4995e3.js';
+import { u as useChannelContext } from '../../ChannelProvider-1f4902ed.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-bdfbc4af.js';
+import { n as noop } from '../../utils-37e7b76b.js';
 import 'prop-types';
-import '../../stringSet-f0e25f08.js';
-import '../../tslib.es6-279bc71d.js';
+import '../../stringSet-91224dde.js';
+import '../../tslib.es6-88db6fd7.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-636df95b.js';
-import '../../utils-afd23bb8.js';
-import '../../index-b5b56cb7.js';
+import '../../uuid-a6fa7f5c.js';
+import '../../utils-d7d46e26.js';
+import '../../index-8a738c8a.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-636e674b.js';
-import '../../UserProfileContext-749db4f6.js';
-import '../../index-4f51d577.js';
-import '../../topics-d2e15fe6.js';
-import '../../index-1a59aaa9.js';
+import '../../_rollupPluginBabelHelpers-409f988a.js';
+import '../../UserProfileContext-14ece55d.js';
+import '../../index-bbd69eed.js';
+import '../../topics-43edce25.js';
+import '../../index-07f9c3d9.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-5494c074.js';
-import '../../const-8bb8cc10.js';
+import '../../compareIds-62c0f89f.js';
+import '../../const-55d2d983.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';

package/Channel/components/ChannelUI.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, M as MARK_AS_READ } from '../../ChannelProvider-8be62d5d.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-cb6348b0.js';
+import { u as useChannelContext, M as MARK_AS_READ } from '../../ChannelProvider-1f4902ed.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-04212901.js';
 import ConnectionStatus from '../../ui/ConnectionStatus.js';
 import ChannelHeader from './ChannelHeader.js';
 import MessageList from './MessageList.js';
@@ -10,46 +10,46 @@ import FrozenNotification from './FrozenNotification.js';
 import UnreadCount from './UnreadCount.js';
 import MessageInputWrapper from './MessageInput.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-636e674b.js';
-import '../../UserProfileContext-749db4f6.js';
+import '../../_rollupPluginBabelHelpers-409f988a.js';
+import '../../UserProfileContext-14ece55d.js';
 import 'prop-types';
-import '../../index-4f51d577.js';
-import '../../index-b5b56cb7.js';
-import '../../topics-d2e15fe6.js';
-import '../../index-1a59aaa9.js';
-import '../../tslib.es6-279bc71d.js';
+import '../../index-bbd69eed.js';
+import '../../index-8a738c8a.js';
+import '../../topics-43edce25.js';
+import '../../index-07f9c3d9.js';
+import '../../tslib.es6-88db6fd7.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-5494c074.js';
-import '../../const-8bb8cc10.js';
+import '../../compareIds-62c0f89f.js';
+import '../../const-55d2d983.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-636df95b.js';
+import '../../uuid-a6fa7f5c.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-4a23e6ff.js';
-import '../../stringSet-f0e25f08.js';
+import '../../index-191a1508.js';
+import '../../stringSet-91224dde.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../LocalizationContext-5920dafc.js';
+import '../../LocalizationContext-a600fb50.js';
 import '../../ui/Loader.js';
-import '../../utils-ad636dfd.js';
+import '../../utils-776d4a47.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../utils-afd23bb8.js';
-import '../../MediaQueryContext-9c1bb79f.js';
-import '../../utils-5a4995e3.js';
-import '../../index-8b94db1e.js';
+import '../../utils-d7d46e26.js';
+import '../../MediaQueryContext-bdfbc4af.js';
+import '../../utils-37e7b76b.js';
+import '../../index-1a5c804a.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-2aae43f2.js';
-import '../../ThreadProvider-4640c6fb.js';
+import '../../const-654f9496.js';
+import '../../ThreadProvider-4cfa4d07.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-253fcdc4.js';
+import '../../color-592f66aa.js';
 import '../../ui/MessageInput.js';
 import 'react-dom/server';
 import '../../ui/Button.js';
@@ -75,9 +75,9 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-53f7929a.js';
+import '../../useLongPress-9665cd48.js';
 import '../../ui/BottomSheet.js';
-import '../../index-d2dd3ae2.js';
+import '../../index-719ce4f1.js';
 import '../../ui/ThreadReplies.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';

package/Channel/components/FileViewer.js

@@ -1,26 +1,26 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
 import Avatar from '../../ui/Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4a23e6ff.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-191a1508.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as MODAL_ROOT } from '../../index-d2dd3ae2.js';
-import { D as isSupportedFileView, E as isVideo, F as isImage } from '../../index-1a59aaa9.js';
+import { M as MODAL_ROOT } from '../../index-719ce4f1.js';
+import { D as isSupportedFileView, E as isVideo, F as isImage } from '../../index-07f9c3d9.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-8be62d5d.js';
-import '../../tslib.es6-279bc71d.js';
+import { u as useChannelContext } from '../../ChannelProvider-1f4902ed.js';
+import '../../tslib.es6-88db6fd7.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-636df95b.js';
+import '../../uuid-a6fa7f5c.js';
 import 'prop-types';
-import '../../stringSet-f0e25f08.js';
+import '../../stringSet-91224dde.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-636e674b.js';
-import '../../UserProfileContext-749db4f6.js';
-import '../../index-4f51d577.js';
-import '../../index-b5b56cb7.js';
-import '../../topics-d2e15fe6.js';
-import '../../compareIds-5494c074.js';
-import '../../const-8bb8cc10.js';
+import '../../_rollupPluginBabelHelpers-409f988a.js';
+import '../../UserProfileContext-14ece55d.js';
+import '../../index-bbd69eed.js';
+import '../../index-8a738c8a.js';
+import '../../topics-43edce25.js';
+import '../../compareIds-62c0f89f.js';
+import '../../const-55d2d983.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';

package/Channel/components/FrozenNotification.js

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-5920dafc.js';
-import { L as Label, a as LabelTypography } from '../../index-4a23e6ff.js';
-import '../../stringSet-f0e25f08.js';
-import '../../index-b5b56cb7.js';
+import { a as LocalizationContext } from '../../LocalizationContext-a600fb50.js';
+import { L as Label, a as LabelTypography } from '../../index-191a1508.js';
+import '../../stringSet-91224dde.js';
+import '../../index-8a738c8a.js';
 import 'prop-types';
 
 var FrozenNotification = function () {

package/Channel/components/Message.js

@@ -1,49 +1,49 @@
-import { a as __spreadArray } from '../../tslib.es6-279bc71d.js';
+import { a as __spreadArray } from '../../tslib.es6-88db6fd7.js';
 import React__default, { useState, useRef, useEffect, useLayoutEffect, useMemo } from 'react';
-import { f as format } from '../../index-4f51d577.js';
+import { f as format } from '../../index-bbd69eed.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-8be62d5d.js';
-import { h as getClassName } from '../../index-1a59aaa9.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-8bb8cc10.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-1f4902ed.js';
+import { h as getClassName } from '../../index-07f9c3d9.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-55d2d983.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4a23e6ff.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-191a1508.js';
 import MessageInput from '../../ui/MessageInput.js';
 import MessageContent from '../../ui/MessageContent.js';
 import FileViewer from './FileViewer.js';
 import RemoveMessage from './RemoveMessageModal.js';
-import { M as MessageInputKeys } from '../../const-2aae43f2.js';
-import { u as useLocalization } from '../../LocalizationContext-5920dafc.js';
-import '../../index-b5b56cb7.js';
+import { M as MessageInputKeys } from '../../const-654f9496.js';
+import { u as useLocalization } from '../../LocalizationContext-a600fb50.js';
+import '../../index-8a738c8a.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-636df95b.js';
-import '../../ThreadProvider-4640c6fb.js';
+import '../../uuid-a6fa7f5c.js';
+import '../../ThreadProvider-4cfa4d07.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-749db4f6.js';
+import '../../UserProfileContext-14ece55d.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
-import '../../topics-d2e15fe6.js';
+import '../../topics-43edce25.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-636e674b.js';
-import '../../compareIds-5494c074.js';
+import '../../_rollupPluginBabelHelpers-409f988a.js';
+import '../../compareIds-62c0f89f.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../stringSet-f0e25f08.js';
+import '../../stringSet-91224dde.js';
 import '../../ui/ReactionButton.js';
-import '../../color-253fcdc4.js';
+import '../../color-592f66aa.js';
 import 'react-dom/server';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-5a4995e3.js';
+import '../../utils-37e7b76b.js';
 import '../../ui/MessageStatus.js';
 import '../../ui/Loader.js';
 import '../../ui/MessageItemMenu.js';
@@ -59,14 +59,14 @@ import '../../ui/LinkLabel.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../MediaQueryContext-9c1bb79f.js';
+import '../../MediaQueryContext-bdfbc4af.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-53f7929a.js';
+import '../../useLongPress-9665cd48.js';
 import '../../ui/BottomSheet.js';
-import '../../index-d2dd3ae2.js';
+import '../../index-719ce4f1.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/Modal.js';
 

package/Channel/components/MessageInput.js

@@ -1,30 +1,30 @@
-import { a as __spreadArray } from '../../tslib.es6-279bc71d.js';
+import { a as __spreadArray } from '../../tslib.es6-88db6fd7.js';
 import React__default, { useContext, useState, useEffect } from 'react';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-8be62d5d.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-1f4902ed.js';
 import MessageInput from '../../ui/MessageInput.js';
 import QuoteMessageInput from '../../ui/QuoteMessageInput.js';
-import { a as LocalizationContext } from '../../LocalizationContext-5920dafc.js';
+import { a as LocalizationContext } from '../../LocalizationContext-a600fb50.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
-import { M as MessageInputKeys } from '../../const-2aae43f2.js';
-import '../../UserProfileContext-749db4f6.js';
+import { M as MessageInputKeys } from '../../const-654f9496.js';
+import '../../UserProfileContext-14ece55d.js';
 import 'prop-types';
-import '../../index-4f51d577.js';
-import '../../index-b5b56cb7.js';
-import '../../topics-d2e15fe6.js';
-import '../../index-1a59aaa9.js';
+import '../../index-bbd69eed.js';
+import '../../index-8a738c8a.js';
+import '../../topics-43edce25.js';
+import '../../index-07f9c3d9.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-636e674b.js';
-import '../../compareIds-5494c074.js';
-import '../../const-8bb8cc10.js';
+import '../../_rollupPluginBabelHelpers-409f988a.js';
+import '../../compareIds-62c0f89f.js';
+import '../../const-55d2d983.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-636df95b.js';
+import '../../uuid-a6fa7f5c.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-4a23e6ff.js';
-import '../../stringSet-f0e25f08.js';
+import '../../index-191a1508.js';
+import '../../stringSet-91224dde.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
@@ -34,7 +34,7 @@ import '../../ui/Button.js';
 import '../../ui/MentionUserLabel.js';
 import '../../withSendbird.js';
 import '../../ui/Avatar.js';
-import '../../ThreadProvider-4640c6fb.js';
+import '../../ThreadProvider-4cfa4d07.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 

package/Channel/components/MessageList.js

@@ -1,42 +1,42 @@
 import React__default, { useState, useMemo } from 'react';
-import { i as isSameDay } from '../../index-8b94db1e.js';
-import { u as useChannelContext, c as compareMessagesForGrouping, i as isAboutSame } from '../../ChannelProvider-8be62d5d.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-cb6348b0.js';
+import { i as isSameDay } from '../../index-1a5c804a.js';
+import { u as useChannelContext, c as compareMessagesForGrouping, i as isAboutSame } from '../../ChannelProvider-1f4902ed.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-04212901.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Message from './Message.js';
-import { u as uuidv4 } from '../../uuid-636df95b.js';
-import '../../index-4f51d577.js';
-import '../../index-b5b56cb7.js';
-import '../../UserProfileContext-749db4f6.js';
+import { u as uuidv4 } from '../../uuid-a6fa7f5c.js';
+import '../../index-bbd69eed.js';
+import '../../index-8a738c8a.js';
+import '../../UserProfileContext-14ece55d.js';
 import 'prop-types';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-636e674b.js';
-import '../../topics-d2e15fe6.js';
-import '../../index-1a59aaa9.js';
-import '../../tslib.es6-279bc71d.js';
+import '../../_rollupPluginBabelHelpers-409f988a.js';
+import '../../topics-43edce25.js';
+import '../../index-07f9c3d9.js';
+import '../../tslib.es6-88db6fd7.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-5494c074.js';
-import '../../const-8bb8cc10.js';
+import '../../compareIds-62c0f89f.js';
+import '../../const-55d2d983.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-4a23e6ff.js';
-import '../../stringSet-f0e25f08.js';
+import '../../index-191a1508.js';
+import '../../stringSet-91224dde.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
-import '../../LocalizationContext-5920dafc.js';
+import '../../LocalizationContext-a600fb50.js';
 import '../../ui/Loader.js';
 import './SuggestedMentionList.js';
 import '../../ui/Avatar.js';
-import '../../const-2aae43f2.js';
-import '../../ThreadProvider-4640c6fb.js';
+import '../../const-654f9496.js';
+import '../../ThreadProvider-4cfa4d07.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-253fcdc4.js';
+import '../../color-592f66aa.js';
 import '../../ui/MessageInput.js';
 import 'react-dom/server';
 import '../../ui/IconButton.js';
@@ -45,7 +45,7 @@ import '../../ui/MentionUserLabel.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-5a4995e3.js';
+import '../../utils-37e7b76b.js';
 import '../../ui/MessageStatus.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/MessageItemReactionMenu.js';
@@ -60,14 +60,14 @@ import '../../ui/LinkLabel.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../MediaQueryContext-9c1bb79f.js';
+import '../../MediaQueryContext-bdfbc4af.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-53f7929a.js';
+import '../../useLongPress-9665cd48.js';
 import '../../ui/BottomSheet.js';
-import '../../index-d2dd3ae2.js';
+import '../../index-719ce4f1.js';
 import '../../ui/ThreadReplies.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';