@sendbird/uikit-react 3.11.1 → 3.12.0-rc.0

package/chunks/{bundle-jiwqHI-2.js → bundle-J-eeHkE5.js}

@@ -1,14 +1,12 @@
-import { _ as __assign } from './bundle-0vtSUcHY.js';
 import React__default from 'react';
 import { createPortal } from 'react-dom';
-import { A as Avatar } from './bundle-7RyEqo9-.js';
+import { A as Avatar } from './bundle-zdgdWVyn.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-RzWTDZDo.js';
-import { F as isSupportedFileView, x as isVideo, v as isImage } from './bundle-hrqkDKRD.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-VC1JO5-p.js';
+import { h as isSupportedFileView, j as isVideo, k as isImage } from './bundle-RX3fBZMu.js';
 import '../hooks/useModal.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { a as MODAL_ROOT } from './bundle-92kzAxsw.js';
-import { useChannelContext } from '../Channel/context.js';
+import { a as MODAL_ROOT } from './bundle-cqMRshaU.js';
 
 var FileViewerView = function (_a) {
     var message = _a.message, onCancel = _a.onCancel, deleteMessage = _a.deleteMessage;
@@ -52,10 +50,5 @@ var FileViewerComponent = function (_a) {
                 React__default.createElement(Label, { type: LabelTypography.H_1, color: LabelColors.ONBACKGROUND_1 }, "Unsupoprted message"))))));
 };
 
-var FileViewer = function (props) {
-    var deleteMessage = useChannelContext().deleteMessage;
-    return React__default.createElement(FileViewerView, __assign({}, props, { deleteMessage: deleteMessage }));
-};
-
-export { FileViewer as F, FileViewerView as a };
-//# sourceMappingURL=bundle-jiwqHI-2.js.map
+export { FileViewerView as F };
+//# sourceMappingURL=bundle-J-eeHkE5.js.map

package/chunks/bundle-J-eeHkE5.js.map

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

package/chunks/{bundle-8GIaD9eE.js → bundle-JkQoCKWv.js}

@@ -1,7 +1,7 @@
 import React__default, { useCallback, useEffect, useContext, useMemo, useReducer } from 'react';
-import { p as pubSubTopics } from './bundle-KwnXXB-s.js';
+import { p as pubSubTopics } from './bundle-7nI0MJOs.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray } from './bundle-0vtSUcHY.js';
+import { _ as __assign, c as __spreadArray } from './bundle-bBs0-8AF.js';
 
 var OpenChannelListFetchingStatus;
 (function (OpenChannelListFetchingStatus) {
@@ -352,4 +352,4 @@ var OpenChannelListProvider$1 = {
 };
 
 export { OpenChannelListProvider as O, OpenChannelListFetchingStatus as a, OpenChannelListActionTypes$1 as b, OpenChannelListProvider$1 as c, useOpenChannelListContext as u };
-//# sourceMappingURL=bundle-8GIaD9eE.js.map
+//# sourceMappingURL=bundle-JkQoCKWv.js.map

package/chunks/{bundle-8GIaD9eE.js.map → bundle-JkQoCKWv.js.map}

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

package/chunks/{bundle-buXsGWIu.js → bundle-JlL_734C.js}

@@ -1,11 +1,10 @@
-import { _ as __assign } from './bundle-0vtSUcHY.js';
 import React__default, { useContext } from 'react';
-import { M as Modal } from './bundle-92kzAxsw.js';
-import './bundle-RzWTDZDo.js';
+import { M as Modal } from './bundle-cqMRshaU.js';
+import './bundle-bBs0-8AF.js';
+import './bundle-VC1JO5-p.js';
 import { ButtonTypes } from '../ui/Button.js';
-import { L as LocalizationContext } from './bundle-zOkaSZl3.js';
-import { g as getModalDeleteMessageTitle } from './bundle-ncF5Vx6b.js';
-import { useChannelContext } from '../Channel/context.js';
+import { L as LocalizationContext } from './bundle-wbu1BRph.js';
+import { g as getModalDeleteMessageTitle } from './bundle-OZuyNhMv.js';
 
 var RemoveMessageModalView = function (props) {
     var _a;
@@ -25,10 +24,5 @@ var RemoveMessageModalView = function (props) {
         }, submitText: stringSet.MESSAGE_MENU__DELETE, titleText: getModalDeleteMessageTitle(stringSet, message) }));
 };
 
-var RemoveMessageModal = function (props) {
-    var deleteMessage = useChannelContext().deleteMessage;
-    return React__default.createElement(RemoveMessageModalView, __assign({}, props, { deleteMessage: deleteMessage }));
-};
-
-export { RemoveMessageModal as R, RemoveMessageModalView as a };
-//# sourceMappingURL=bundle-buXsGWIu.js.map
+export { RemoveMessageModalView as R };
+//# sourceMappingURL=bundle-JlL_734C.js.map

package/chunks/bundle-JlL_734C.js.map

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

package/chunks/bundle-KUOX5P0q.js

@@ -0,0 +1,8 @@
+var TypingIndicatorType;
+(function (TypingIndicatorType) {
+    TypingIndicatorType["Text"] = "text";
+    TypingIndicatorType["Bubble"] = "bubble";
+})(TypingIndicatorType || (TypingIndicatorType = {}));
+
+export { TypingIndicatorType as T };
+//# sourceMappingURL=bundle-KUOX5P0q.js.map

package/chunks/bundle-KUOX5P0q.js.map

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

package/chunks/{bundle-Xy9OskjJ.js → bundle-LG1mMxPr.js}

@@ -1,12 +1,12 @@
 import React__default, { useRef, useContext, useEffect, useMemo, useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-RzWTDZDo.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-VC1JO5-p.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { A as Avatar } from './bundle-7RyEqo9-.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle-zOkaSZl3.js';
-import { u as uuidv4 } from './bundle-brky8TnE.js';
+import { A as Avatar } from './bundle-zdgdWVyn.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-wbu1BRph.js';
+import { u as uuidv4 } from './bundle-7128atOc.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { M as MessageInputKeys } from './bundle-K3gy6I7U.js';
-import { b as __awaiter, c as __generator } from './bundle-0vtSUcHY.js';
+import { M as MessageInputKeys } from './bundle-mPXz1Hjl.js';
+import { a as __awaiter, b as __generator } from './bundle-bBs0-8AF.js';
 
 var MAX_USER_MENTION_COUNT = 10;
 var MAX_USER_SUGGESTION_COUNT = 15;
@@ -176,4 +176,4 @@ var SuggestedMentionListView = function (props) {
 };
 
 export { MAX_USER_MENTION_COUNT as M, SuggestedMentionListView as S, MAX_USER_SUGGESTION_COUNT as a };
-//# sourceMappingURL=bundle-Xy9OskjJ.js.map
+//# sourceMappingURL=bundle-LG1mMxPr.js.map

package/chunks/{bundle-Xy9OskjJ.js.map → bundle-LG1mMxPr.js.map}

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

package/chunks/{bundle-kP3o9aRv.js → bundle-Lgn5J-2T.js}

@@ -85,4 +85,4 @@ function throttle(callback, delay, options) {
 }
 
 export { throttle as t, useThrottleCallback as u };
-//# sourceMappingURL=bundle-kP3o9aRv.js.map
+//# sourceMappingURL=bundle-Lgn5J-2T.js.map

package/chunks/bundle-Lgn5J-2T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-Lgn5J-2T.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-4ab6nIKe.js → bundle-MYBkZ28K.js}

@@ -7,4 +7,4 @@ var isMobileIOS = function (userAgent) {
 };
 
 export { isMobileIOS as i, noop as n };
-//# sourceMappingURL=bundle-4ab6nIKe.js.map
+//# sourceMappingURL=bundle-MYBkZ28K.js.map

package/chunks/bundle-MYBkZ28K.js.map

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

package/chunks/{bundle-scS3KeKI.js → bundle-NOqfYbat.js}

@@ -1,18 +1,18 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef, useMemo } from 'react';
-import { U as UserProfileProvider } from './bundle-U_0F9z8c.js';
-import { _ as __assign, a as __spreadArray, b as __awaiter, c as __generator } from './bundle-0vtSUcHY.js';
-import { c as compareIds } from './bundle-TlXrstq8.js';
-import { p as pubSubTopics } from './bundle-KwnXXB-s.js';
+import { U as UserProfileProvider } from './bundle-xHxKphkV.js';
+import { _ as __assign, c as __spreadArray, a as __awaiter, b as __generator } from './bundle-bBs0-8AF.js';
+import { c as compareIds } from './bundle-VhCdB2-c.js';
+import { p as pubSubTopics } from './bundle-7nI0MJOs.js';
 import { ChannelType } from '@sendbird/chat';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
-import { u as uuidv4 } from './bundle-brky8TnE.js';
-import { c as compressImages } from './bundle-Y0R5tada.js';
+import { u as uuidv4 } from './bundle-7128atOc.js';
+import { c as compressImages } from './bundle-dlgSS-h4.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useGlobalModalContext } from '../hooks/useModal.js';
-import { u as useLocalization } from './bundle-zOkaSZl3.js';
-import { O as ONE_MiB } from './bundle-e5lT4U6_.js';
-import { c as ModalFooter } from './bundle-92kzAxsw.js';
-import './bundle-RzWTDZDo.js';
+import { u as useLocalization } from './bundle-wbu1BRph.js';
+import { O as ONE_MiB } from './bundle-5FiMKfdx.js';
+import { c as ModalFooter } from './bundle-cqMRshaU.js';
+import './bundle-VC1JO5-p.js';
 import { ButtonTypes } from '../ui/Button.js';
 
 var shouldFetchMore = function (messageLength, maxMessages) {
@@ -1362,4 +1362,4 @@ var OpenChannelProvider = function (props) {
 var useOpenChannelContext = function () { return React__default.useContext(OpenChannelContext); };
 
 export { OpenChannelProvider as O, kFormatter as k, useOpenChannelContext as u };
-//# sourceMappingURL=bundle-scS3KeKI.js.map
+//# sourceMappingURL=bundle-NOqfYbat.js.map

package/chunks/{bundle-scS3KeKI.js.map → bundle-NOqfYbat.js.map}

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

package/chunks/{bundle-KNG-9gh9.js → bundle-N_nx28TN.js}

@@ -1,6 +1,6 @@
 import React__default, { createContext, useReducer, useContext } from 'react';
-import { _ as __assign } from './bundle-0vtSUcHY.js';
-import { g as VOICE_PLAYER_ROOT_ID, d as VOICE_PLAYER_AUDIO_ID, a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE } from './bundle-e5lT4U6_.js';
+import { _ as __assign } from './bundle-bBs0-8AF.js';
+import { i as VOICE_PLAYER_ROOT_ID, f as VOICE_PLAYER_AUDIO_ID, a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE } from './bundle-5FiMKfdx.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
 var INITIALIZE_AUDIO_UNIT = 'INITIALIZE_AUDIO_UNIT';
@@ -242,5 +242,5 @@ var VoicePlayerProvider = function (_a) {
 };
 var useVoicePlayerContext = function () { return useContext(Context); };
 
-export { AudioUnitDefaultValue as A, VOICE_PLAYER_STATUS as V, VoicePlayerProvider as a, ALL as b, useVoicePlayerContext as u };
-//# sourceMappingURL=bundle-KNG-9gh9.js.map
+export { AudioUnitDefaultValue as A, VOICE_PLAYER_STATUS as V, ALL as a, VoicePlayerProvider as b, useVoicePlayerContext as u };
+//# sourceMappingURL=bundle-N_nx28TN.js.map

package/chunks/{bundle-KNG-9gh9.js.map → bundle-N_nx28TN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-KNG-9gh9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-N_nx28TN.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-ncF5Vx6b.js → bundle-OZuyNhMv.js}

@@ -1,5 +1,5 @@
-import { a as isMultipleFilesMessage } from './bundle-hrqkDKRD.js';
-import { K } from './bundle-9wFvMqxF.js';
+import { c as isMultipleFilesMessage } from './bundle-RX3fBZMu.js';
+import { K } from './bundle-46qOcsB3.js';
 
 function getModalDeleteMessageTitle(stringSet, message) {
     return K(message)
@@ -13,4 +13,4 @@ function getModalDeleteMessageTitle(stringSet, message) {
 }
 
 export { getModalDeleteMessageTitle as g };
-//# sourceMappingURL=bundle-ncF5Vx6b.js.map
+//# sourceMappingURL=bundle-OZuyNhMv.js.map

package/chunks/bundle-OZuyNhMv.js.map

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

package/chunks/{bundle-T7ZknK5s.js → bundle-Omjc0GuQ.js}

@@ -20,4 +20,4 @@ function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
 }
 
 export { useReconnectOnIdle as u };
-//# sourceMappingURL=bundle-T7ZknK5s.js.map
+//# sourceMappingURL=bundle-Omjc0GuQ.js.map

package/chunks/bundle-Omjc0GuQ.js.map

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

package/chunks/{bundle-uGz5dAkT.js → bundle-R2oWoix8.js}

@@ -1,23 +1,23 @@
-import { a as __spreadArray } from './bundle-0vtSUcHY.js';
+import { c as __spreadArray } from './bundle-bBs0-8AF.js';
 import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import IconButton from '../ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-RzWTDZDo.js';
-import { L as LocalizationContext } from './bundle-zOkaSZl3.js';
-import { a as UserProfileContext } from './bundle-U_0F9z8c.js';
-import './bundle-YetIEB9o.js';
-import { A as Avatar } from './bundle-7RyEqo9-.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-VC1JO5-p.js';
+import { L as LocalizationContext } from './bundle-wbu1BRph.js';
+import { a as UserProfileContext } from './bundle-xHxKphkV.js';
+import './bundle-3f1my2Ir.js';
+import { A as Avatar } from './bundle-zdgdWVyn.js';
 import 'react-dom';
-import './bundle-1XQGq5tE.js';
+import './bundle-RjOfwRD9.js';
 import MutedAvatarOverlay from '../ui/MutedAvatarOverlay.js';
 import UserProfile from '../ui/UserProfile.js';
 import { useOpenChannelSettingsContext } from '../OpenChannelSettings/context.js';
 import '../withSendbird.js';
-import { M as Modal } from './bundle-92kzAxsw.js';
+import { M as Modal } from './bundle-cqMRshaU.js';
 import UserListItem$1 from '../ui/UserListItem.js';
-import { n as noop } from './bundle-4ab6nIKe.js';
+import { n as noop } from './bundle-MYBkZ28K.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
 function ParticipantsModal(_a) {
@@ -232,4 +232,4 @@ function ParticipantList(_a) {
 }
 
 export { ParticipantList as P, UserListItem as U };
-//# sourceMappingURL=bundle-uGz5dAkT.js.map
+//# sourceMappingURL=bundle-R2oWoix8.js.map

package/chunks/{bundle-uGz5dAkT.js.map → bundle-R2oWoix8.js.map}

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

package/chunks/{bundle-hrqkDKRD.js → bundle-RX3fBZMu.js}

@@ -1,7 +1,7 @@
-import { _ as __assign, a as __spreadArray } from './bundle-0vtSUcHY.js';
+import { _ as __assign, c as __spreadArray } from './bundle-bBs0-8AF.js';
 import { GroupChannelListOrder } from '@sendbird/chat/groupChannel';
 import { OutgoingMessageStates, getOutgoingMessageState } from '../utils/message/getOutgoingMessageState.js';
-import { K } from './bundle-9wFvMqxF.js';
+import { K } from './bundle-46qOcsB3.js';
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var SUPPORTED_MIMES = {
@@ -667,5 +667,5 @@ var isSendableMessage = function (message) {
     return Boolean(message) && 'sender' in message;
 };
 
-export { isAudio as A, isVoiceMessageMimeType as B, isSentStatus as C, arrayEqual as D, getMimeTypesUIKitAccepts as E, isSupportedFileView as F, isImageMessage as G, isImageFileInfo as H, isAudioMessage as I, isOGMessage as J, isTextMessage as K, isThreadMessage as L, getEmojiUrl as M, isReactedBy as N, getEmojiTooltipString as O, getEmojiMapAll as P, isSendableMessage as Q, filterChannelListParams as R, StringObjType as S, getChannelsWithUpsertedChannel as T, UIKitMessageTypes as U, filterMessageListParams as V, isTextuallyNull as W, isMultipleFilesMessage as a, isReadMessage as b, isFileMessage as c, isEditedMessage as d, getSenderName as e, isUserMessage as f, getSuggestedReplies as g, getUIKitMessageType as h, isVoiceMessage as i, getUIKitMessageTypes as j, getUIKitFileType as k, isThumbnailMessage as l, isSentMessage as m, isVideoMessage as n, isGifMessage as o, isFailedMessage as p, isPendingMessage as q, getClassName as r, copyToClipboard as s, truncateString as t, getEmojiListAll as u, isImage as v, getUIKitFileTypes as w, isVideo as x, isGif as y, convertWordToStringObj as z };
-//# sourceMappingURL=bundle-hrqkDKRD.js.map
+export { isGif as A, convertWordToStringObj as B, isAudio as C, isVoiceMessageMimeType as D, isSentStatus as E, arrayEqual as F, getMimeTypesUIKitAccepts as G, isImageMessage as H, isImageFileInfo as I, isAudioMessage as J, isOGMessage as K, isTextMessage as L, isThreadMessage as M, getEmojiUrl as N, isReactedBy as O, getEmojiTooltipString as P, getEmojiMapAll as Q, filterChannelListParams as R, StringObjType as S, getChannelsWithUpsertedChannel as T, UIKitMessageTypes as U, filterMessageListParams as V, isTextuallyNull as W, isReadMessage as a, isFileMessage as b, isMultipleFilesMessage as c, isEditedMessage as d, isSendableMessage as e, getSenderName as f, getSuggestedReplies as g, isSupportedFileView as h, isVoiceMessage as i, isVideo as j, isImage as k, isUserMessage as l, getUIKitMessageType as m, getUIKitMessageTypes as n, getUIKitFileType as o, isThumbnailMessage as p, isSentMessage as q, isVideoMessage as r, isGifMessage as s, truncateString as t, isFailedMessage as u, isPendingMessage as v, getClassName as w, copyToClipboard as x, getEmojiListAll as y, getUIKitFileTypes as z };
+//# sourceMappingURL=bundle-RX3fBZMu.js.map

package/chunks/{bundle-hrqkDKRD.js.map → bundle-RX3fBZMu.js.map}

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

package/chunks/{bundle-qI3fzrBt.js → bundle-Rik09YnB.js}

@@ -27,4 +27,4 @@ var pubSubFactory = function () {
 };
 
 export { pubSubFactory as p };
-//# sourceMappingURL=bundle-qI3fzrBt.js.map
+//# sourceMappingURL=bundle-Rik09YnB.js.map

package/chunks/bundle-Rik09YnB.js.map

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

package/chunks/{bundle-1XQGq5tE.js → bundle-RjOfwRD9.js}

@@ -73,4 +73,4 @@ var MediaQueryProvider = function (props) {
 var useMediaQueryContext = function () { return React__default.useContext(MediaQueryContext); };
 
 export { MediaQueryProvider as M, useMediaQueryContext as u };
-//# sourceMappingURL=bundle-1XQGq5tE.js.map
+//# sourceMappingURL=bundle-RjOfwRD9.js.map

package/chunks/bundle-RjOfwRD9.js.map

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

package/chunks/{bundle--4gDKFyU.js → bundle-TPqzf5St.js}

@@ -6,4 +6,4 @@ var Role = {
 };
 
 export { Role as R };
-//# sourceMappingURL=bundle--4gDKFyU.js.map
+//# sourceMappingURL=bundle-TPqzf5St.js.map

package/chunks/bundle-TPqzf5St.js.map

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

package/chunks/{bundle-RVuTQS9f.js → bundle-UXAf5PuY.js}

@@ -1,21 +1,19 @@
-import { _ as __assign } from './bundle-0vtSUcHY.js';
 import React__default from 'react';
-import { useChannelContext } from '../Channel/context.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { T as TypingIndicator } from './bundle-4JVMIRVC.js';
-import { T as TypingIndicatorType, M as MessageList } from './bundle-jamufWw7.js';
+import { TypingIndicator } from '../GroupChannel/components/TypingIndicator.js';
+import { T as TypingIndicatorType } from './bundle-KUOX5P0q.js';
 import ConnectionStatus from '../ui/ConnectionStatus.js';
 import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
-import { C as ChannelHeader } from './bundle-Dpt_A2Sv.js';
-import { MessageInputWrapper } from '../Channel/components/MessageInput.js';
 
 var GroupChannelUIView = function (props) {
     var _a, _b, _c, _d;
-    var loading = props.loading, isInvalid = props.isInvalid, channelUrl = props.channelUrl, renderChannelHeader = props.renderChannelHeader, renderMessageList = props.renderMessageList, renderMessageInput = props.renderMessageInput, renderTypingIndicator = props.renderTypingIndicator, renderPlaceholderLoader = props.renderPlaceholderLoader, renderPlaceholderInvalid = props.renderPlaceholderInvalid;
+    var isLoading = props.isLoading, isInvalid = props.isInvalid, channelUrl = props.channelUrl, renderChannelHeader = props.renderChannelHeader, renderMessageList = props.renderMessageList, renderMessageInput = props.renderMessageInput, renderTypingIndicator = props.renderTypingIndicator, renderPlaceholderLoader = props.renderPlaceholderLoader, renderPlaceholderInvalid = props.renderPlaceholderInvalid;
     var _e = useSendbirdStateContext(), stores = _e.stores, config = _e.config;
     var sdkError = (_a = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _a === void 0 ? void 0 : _a.error;
     var logger = config.logger, isOnline = config.isOnline;
-    if (loading) {
+    // Note: This is not a loading status of the message list.
+    //  It is just for custom props from the Channel module and is not used in the GroupChannel module. (We should remove this in v4)
+    if (isLoading) {
         return React__default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING }));
     }
     if (!channelUrl) {
@@ -41,14 +39,5 @@ var GroupChannelUIView = function (props) {
                 !isOnline && React__default.createElement(ConnectionStatus, null)))));
 };
 
-var ChannelUI = function (props) {
-    var _a;
-    var context = useChannelContext();
-    var channelUrl = context.channelUrl, isInvalid = context.isInvalid, loading = context.loading;
-    // Inject components to presentation layer
-    var _b = props.renderChannelHeader, renderChannelHeader = _b === void 0 ? function (p) { return React__default.createElement(ChannelHeader, __assign({}, p)); } : _b, _c = props.renderMessageList, renderMessageList = _c === void 0 ? function (p) { return React__default.createElement(MessageList, __assign({}, p, { className: "sendbird-conversation__message-list" })); } : _c, _d = props.renderMessageInput, renderMessageInput = _d === void 0 ? function () { return React__default.createElement(MessageInputWrapper, __assign({}, props)); } : _d;
-    return (React__default.createElement(GroupChannelUIView, __assign({}, props, context, { loading: (_a = props === null || props === void 0 ? void 0 : props.isLoading) !== null && _a !== void 0 ? _a : loading, isInvalid: isInvalid, channelUrl: channelUrl, renderChannelHeader: renderChannelHeader, renderMessageList: renderMessageList, renderMessageInput: renderMessageInput })));
-};
-
-export { ChannelUI as C, GroupChannelUIView as G };
-//# sourceMappingURL=bundle-RVuTQS9f.js.map
+export { GroupChannelUIView as G };
+//# sourceMappingURL=bundle-UXAf5PuY.js.map

package/chunks/bundle-UXAf5PuY.js.map

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

package/chunks/{bundle-eGLEfc7r.js → bundle-UxZ7Yk8Z.js}

@@ -26,4 +26,4 @@ function getCaseResolvedThreadReplySelectType(threadReplySelectType) {
 }
 
 export { getCaseResolvedThreadReplySelectType as a, getCaseResolvedReplyType as g };
-//# sourceMappingURL=bundle-eGLEfc7r.js.map
+//# sourceMappingURL=bundle-UxZ7Yk8Z.js.map

package/chunks/{bundle-8OBG2Jrw.js.map → bundle-UxZ7Yk8Z.js.map}

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

package/chunks/{bundle-veNmMfAH.js → bundle-V1r4qRh7.js}

@@ -1,21 +1,18 @@
-import { a as __spreadArray, _ as __assign } from './bundle-0vtSUcHY.js';
+import { c as __spreadArray, _ as __assign } from './bundle-bBs0-8AF.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
+import { f as format } from './bundle-GM_JyB6p.js';
+import { u as useLocalization } from './bundle-wbu1BRph.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { useChannelContext } from '../Channel/context.js';
-import { r as getClassName, g as getSuggestedReplies } from './bundle-hrqkDKRD.js';
-import { b as isDisabledBecauseFrozen$1, c as isDisabledBecauseMuted$1 } from './bundle-QWYghVSN.js';
-import { f as format } from './bundle-IKRolu9P.js';
-import { u as useLocalization } from './bundle-zOkaSZl3.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT, S as SuggestedMentionListView } from './bundle-Xy9OskjJ.js';
-import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-pffuo01q.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT, S as SuggestedMentionListView } from './bundle-LG1mMxPr.js';
+import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-oesAmMyD.js';
 import { useDirtyGetMentions } from '../Message/hooks/useDirtyGetMentions.js';
+import { w as getClassName, g as getSuggestedReplies } from './bundle-RX3fBZMu.js';
 import DateSeparator from '../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-RzWTDZDo.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-VC1JO5-p.js';
 import MessageInput from '../ui/MessageInput.js';
-import { M as MessageInputKeys } from './bundle-K3gy6I7U.js';
+import { M as MessageInputKeys } from './bundle-mPXz1Hjl.js';
 import MessageContent from '../ui/MessageContent.js';
-import { F as FileViewer } from './bundle-jiwqHI-2.js';
-import { R as RemoveMessageModal } from './bundle-buXsGWIu.js';
+import { SuggestedReplies } from '../GroupChannel/components/SuggestedReplies.js';
 
 var useDidMountEffect = function (func, deps) {
     var _a = useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -29,22 +26,6 @@ var useDidMountEffect = function (func, deps) {
     }, deps);
 };
 
-var SuggestedReplies = function (_a) {
-    var replyOptions = _a.replyOptions, onSendMessage = _a.onSendMessage;
-    var _b = useState(false), replied = _b[0], setReplied = _b[1];
-    var onClickReply = function (event, option) {
-        event.preventDefault();
-        onSendMessage({ message: option });
-        setReplied(true);
-    };
-    if (replied) {
-        return null;
-    }
-    return (React__default.createElement("div", { className: "sendbird-suggested-replies" }, replyOptions.map(function (option, index) {
-        return (React__default.createElement("div", { className: "sendbird-suggested-replies__option", id: option, key: index + option, onClick: function (e) { return onClickReply(e, option); } }, option));
-    })));
-};
-
 // TODO: Refactor this component, is too complex now
 var MessageView = function (props) {
     var _a, _b;
@@ -252,30 +233,5 @@ var MessageView = function (props) {
         showFileViewer && renderFileViewer({ message: message, onCancel: function () { return setShowFileViewer(false); } })));
 };
 
-var Message = function (props) {
-    var _a, _b;
-    var config = useSendbirdStateContext().config;
-    var _c = useChannelContext(), initialized = _c.initialized, currentGroupChannel = _c.currentGroupChannel, highLightedMessageId = _c.highLightedMessageId, setHighLightedMessageId = _c.setHighLightedMessageId, animatedMessageId = _c.animatedMessageId, setAnimatedMessageId = _c.setAnimatedMessageId, updateMessage = _c.updateMessage, scrollToMessage = _c.scrollToMessage, replyType = _c.replyType, threadReplySelectType = _c.threadReplySelectType, isReactionEnabled = _c.isReactionEnabled, toggleReaction = _c.toggleReaction, emojiContainer = _c.emojiContainer, nicknamesMap = _c.nicknamesMap, setQuoteMessage = _c.setQuoteMessage, resendMessage = _c.resendMessage, deleteMessage = _c.deleteMessage, renderUserMentionItem = _c.renderUserMentionItem, onReplyInThread = _c.onReplyInThread, onQuoteMessageClick = _c.onQuoteMessageClick, onMessageAnimated = _c.onMessageAnimated, onMessageHighlighted = _c.onMessageHighlighted, sendMessage = _c.sendMessage, localMessages = _c.localMessages;
-    var message = props.message;
-    return (React__default.createElement(MessageView, __assign({}, props, { channel: currentGroupChannel, emojiContainer: emojiContainer, editInputDisabled: !initialized || isDisabledBecauseFrozen$1(currentGroupChannel) || isDisabledBecauseMuted$1(currentGroupChannel) || !config.isOnline, shouldRenderSuggestedReplies: ((_a = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _a === void 0 ? void 0 : _a.enableSuggestedReplies)
-            && message.messageId === ((_b = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.lastMessage) === null || _b === void 0 ? void 0 : _b.messageId)
-            // the options should appear only when there's no failed or pending messages
-            && (localMessages === null || localMessages === void 0 ? void 0 : localMessages.length) === 0
-            && getSuggestedReplies(message).length > 0, isReactionEnabled: isReactionEnabled, replyType: replyType, threadReplySelectType: threadReplySelectType, nicknamesMap: nicknamesMap, renderUserMentionItem: renderUserMentionItem, scrollToMessage: scrollToMessage, toggleReaction: toggleReaction, setQuoteMessage: setQuoteMessage, onQuoteMessageClick: onQuoteMessageClick, onReplyInThreadClick: onReplyInThread, sendUserMessage: function (params) {
-            sendMessage({
-                message: params.message,
-                mentionedUsers: params.mentionedUsers,
-                mentionTemplate: params.mentionedMessageTemplate,
-            });
-        }, updateUserMessage: function (messageId, params) {
-            updateMessage({
-                messageId: messageId,
-                message: params.message,
-                mentionedUsers: params.mentionedUsers,
-                mentionTemplate: params.mentionedMessageTemplate,
-            });
-        }, resendMessage: resendMessage, deleteMessage: deleteMessage, animatedMessageId: animatedMessageId, setAnimatedMessageId: setAnimatedMessageId, onMessageAnimated: onMessageAnimated, highLightedMessageId: highLightedMessageId, setHighLightedMessageId: setHighLightedMessageId, onMessageHighlighted: onMessageHighlighted, renderFileViewer: function (props) { return React__default.createElement(FileViewer, __assign({}, props)); }, renderRemoveMessageModal: function (props) { return React__default.createElement(RemoveMessageModal, __assign({}, props)); } })));
-};
-
-export { Message as M, MessageView as a };
-//# sourceMappingURL=bundle-veNmMfAH.js.map
+export { MessageView as M };
+//# sourceMappingURL=bundle-V1r4qRh7.js.map

package/chunks/bundle-V1r4qRh7.js.map

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

package/chunks/{bundle-RzWTDZDo.js → bundle-VC1JO5-p.js}

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from './bundle-0vtSUcHY.js';
+import { c as __spreadArray } from './bundle-bBs0-8AF.js';
 import React__default from 'react';
-import { g as getStringSet } from './bundle-_NUeDv_m.js';
+import { g as getStringSet } from './bundle-Z1D61u4a.js';
 
 var Typography = {
     H_1: 'H_1',
@@ -77,4 +77,4 @@ var LabelColors = Colors;
 var LabelStringSet = getStringSet('en');
 
 export { Label as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d };
-//# sourceMappingURL=bundle-RzWTDZDo.js.map
+//# sourceMappingURL=bundle-VC1JO5-p.js.map

package/chunks/bundle-VC1JO5-p.js.map

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

package/chunks/{bundle-TlXrstq8.js → bundle-VhCdB2-c.js}

@@ -11,4 +11,4 @@ function compareIds(a, b) {
 }
 
 export { compareIds as c };
-//# sourceMappingURL=bundle-TlXrstq8.js.map
+//# sourceMappingURL=bundle-VhCdB2-c.js.map

package/chunks/bundle-VhCdB2-c.js.map

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