@sendbird/uikit-react 3.14.0-beta.2 → 3.14.0

package/chunks/{bundle-ynxAt7xC.js → bundle-DrjAD_2v.js}

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

package/chunks/bundle-DrjAD_2v.js.map

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

package/chunks/{bundle-RpPfSzD9.js → bundle-DuUoXuv1.js}

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

package/chunks/{bundle-RpPfSzD9.js.map → bundle-DuUoXuv1.js.map}

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

package/chunks/{bundle-DzuAq6CR.js → bundle-DzZlONIt.js}

@@ -1,4 +1,4 @@
-import { c as VOICE_RECORDER_AUDIO_SAMPLE_RATE } from './bundle-BJ9OAqWz.js';
+import { c as VOICE_RECORDER_AUDIO_SAMPLE_RATE } from './bundle-C5Wf2y_6.js';
 import { WavHeader as ut, Mp3Encoder as ht } from '../lame.all.js';
 
 // Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
@@ -122,4 +122,4 @@ function bufferToWav(abuffer, len) {
 }
 
 export { downsampleToWav, encodeMp3 };
-//# sourceMappingURL=bundle-DzuAq6CR.js.map
+//# sourceMappingURL=bundle-DzZlONIt.js.map

package/chunks/bundle-DzZlONIt.js.map

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

package/chunks/{bundle-5okwu0-4.js → bundle-FVThTEKh.js}

@@ -1,7 +1,7 @@
-import { _ as __assign, c as __spreadArray } from './bundle-D_KO6Orc.js';
+import { _ as __assign, c as __spreadArray } from './bundle-CfcfVkxG.js';
 import { GroupChannelListOrder } from '@sendbird/chat/groupChannel';
 import { OutgoingMessageStates, getOutgoingMessageState } from '../utils/message/getOutgoingMessageState.js';
-import { K } from './bundle-aH4n4ipp.js';
+import { K } from './bundle-BubacXNL.js';
 
 var TypingIndicatorType;
 (function (TypingIndicatorType) {
@@ -12,7 +12,6 @@ var MessageContentMiddleContainerType;
 (function (MessageContentMiddleContainerType) {
     MessageContentMiddleContainerType["DEFAULT"] = "default";
     MessageContentMiddleContainerType["WIDE"] = "wide";
-    MessageContentMiddleContainerType["FULL"] = "full";
 })(MessageContentMiddleContainerType || (MessageContentMiddleContainerType = {}));
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
@@ -189,15 +188,10 @@ var isTemplateMessage = function (message) {
     var _a;
     return !!(message && ((_a = message.extendedMessagePayload) === null || _a === void 0 ? void 0 : _a['template']));
 };
-var isCompositeTemplateMessage = function (message) {
-    var _a, _b;
-    return !!(message && ((_b = (_a = message.extendedMessagePayload) === null || _a === void 0 ? void 0 : _a['template']) === null || _b === void 0 ? void 0 : _b['view_variables']));
-};
 var UI_CONTAINER_TYPES;
 (function (UI_CONTAINER_TYPES) {
     UI_CONTAINER_TYPES["DEFAULT"] = "";
     UI_CONTAINER_TYPES["WIDE"] = "ui_container_type__wide";
-    UI_CONTAINER_TYPES["FULL"] = "ui_container_type__full";
     UI_CONTAINER_TYPES["DEFAULT_CAROUSEL"] = "ui_container_type__default-carousel";
 })(UI_CONTAINER_TYPES || (UI_CONTAINER_TYPES = {}));
 var getMessageContentMiddleClassNameByContainerType = function (_a) {
@@ -208,18 +202,9 @@ var getMessageContentMiddleClassNameByContainerType = function (_a) {
      * WIDE: all message types.
      */
     var containerType = (_c = (_b = message.extendedMessagePayload) === null || _b === void 0 ? void 0 : _b['ui']) === null || _c === void 0 ? void 0 : _c['container_type'];
-    if (isCompositeTemplateMessage(message)) {
-        /**
-         * Composite templates must have default carousel view irregardless of given containerType.
-         */
-        return UI_CONTAINER_TYPES.DEFAULT_CAROUSEL;
-    }
     if (!isMobile)
         return UI_CONTAINER_TYPES.DEFAULT;
-    if (isTemplateMessage(message) && containerType === MessageContentMiddleContainerType.FULL) {
-        return UI_CONTAINER_TYPES.FULL;
-    }
-    else if (containerType === MessageContentMiddleContainerType.WIDE) {
+    if (containerType === MessageContentMiddleContainerType.WIDE) {
         return UI_CONTAINER_TYPES.WIDE;
     }
     return UI_CONTAINER_TYPES.DEFAULT;
@@ -726,5 +711,5 @@ var isSendableMessage = function (message) {
     return Boolean(message) && 'sender' in message;
 };
 
-export { filterMessageListParams as $, isGif as A, convertWordToStringObj as B, isTemplateMessage as C, isAudio as D, isVoiceMessageMimeType as E, isSentStatus as F, arrayEqual as G, getMimeTypesUIKitAccepts as H, isImageMessage as I, isImageFileInfo as J, isAudioMessage as K, isOGMessage as L, isTextMessage as M, isThreadMessage as N, getEmojiUrl as O, isReactedBy as P, getEmojiTooltipString as Q, getEmojiMapAll as R, StringObjType as S, TypingIndicatorType as T, UIKitMessageTypes as U, getMessageContentMiddleClassNameByContainerType as V, UI_CONTAINER_TYPES as W, startsWithAtAndEndsWithBraces as X, removeAtAndBraces as Y, filterChannelListParams as Z, getChannelsWithUpsertedChannel as _, isReadMessage as a, isTextuallyNull as a0, 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-5okwu0-4.js.map
+export { filterMessageListParams as $, isGif as A, convertWordToStringObj as B, isTemplateMessage as C, isAudio as D, isVoiceMessageMimeType as E, isSentStatus as F, arrayEqual as G, getMimeTypesUIKitAccepts as H, isImageMessage as I, isImageFileInfo as J, isAudioMessage as K, isOGMessage as L, isTextMessage as M, isThreadMessage as N, getMessageContentMiddleClassNameByContainerType as O, UI_CONTAINER_TYPES as P, getEmojiUrl as Q, isReactedBy as R, StringObjType as S, TypingIndicatorType as T, UIKitMessageTypes as U, getEmojiTooltipString as V, getEmojiMapAll as W, startsWithAtAndEndsWithBraces as X, removeAtAndBraces as Y, filterChannelListParams as Z, getChannelsWithUpsertedChannel as _, isReadMessage as a, isTextuallyNull as a0, 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-FVThTEKh.js.map

package/chunks/{bundle-5okwu0-4.js.map → bundle-FVThTEKh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-5okwu0-4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-FVThTEKh.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-zf2ni0YJ.js → bundle-Go8RJZ6S.js}

@@ -1,16 +1,16 @@
-import { _ as __assign } from './bundle-D_KO6Orc.js';
+import { _ as __assign } from './bundle-CfcfVkxG.js';
 import React__default, { useRef, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { L as LocalizationContext } from './bundle-CJIPD7gN.js';
+import { L as LocalizationContext } from './bundle-Bsg3ZeXI.js';
 import '../hooks/useModal.js';
-import { c as isMultipleFilesMessage, b as isFileMessage, h as isSupportedFileView, j as isVideo$1, k as isImage$1 } from './bundle-5okwu0-4.js';
-import { n as noop } from './bundle-CwofYH9U.js';
-import { A as Avatar } from './bundle-C4sUzPGS.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-C-_RpFyM.js';
+import { c as isMultipleFilesMessage, b as isFileMessage, h as isSupportedFileView, j as isVideo$1, k as isImage$1 } from './bundle-FVThTEKh.js';
+import { n as noop } from './bundle-rA2Y0qFJ.js';
+import { A as Avatar } from './bundle-vsdOwl6R.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-D81rUAiK.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { l as SLIDER_BUTTON_ICON_SIDE_LENGTH } from './bundle-BJ9OAqWz.js';
-import { u as useKeyDown } from './bundle-GQqssfTX.js';
-import { a as MODAL_ROOT } from './bundle-BSPBjwR6.js';
+import { l as SLIDER_BUTTON_ICON_SIDE_LENGTH } from './bundle-C5Wf2y_6.js';
+import { u as useKeyDown } from './bundle-BN9xM02J.js';
+import { a as MODAL_ROOT } from './bundle-CIwNgqhu.js';
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var SUPPORTED_MIMES = {
@@ -85,9 +85,9 @@ function Slider(props) {
 }
 
 var FileViewerComponent = function (props) {
-    var ref = useRef(null);
-    var profileUrl = props.profileUrl, nickname = props.nickname, onClose = props.onClose;
+    var profileUrl = props.profileUrl, nickname = props.nickname, onClose = props.onClose, onDownloadClick = props.onDownloadClick;
     var _a = props, onClickLeft = _a.onClickLeft, onClickRight = _a.onClickRight;
+    var ref = useRef(null);
     var onKeyDown = useKeyDown(ref, {
         Escape: function (e) { return onClose === null || onClose === void 0 ? void 0 : onClose(e); },
         ArrowLeft: function () { return onClickLeft === null || onClickLeft === void 0 ? void 0 : onClickLeft(); },
@@ -106,7 +106,7 @@ var FileViewerComponent = function (props) {
                 React__default.createElement(Label, { className: "sendbird-fileviewer__header__left__sender-name", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, nickname)),
             React__default.createElement("div", { className: "sendbird-fileviewer__header__right" },
                 isSupportedFileView(type) && (React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions" },
-                    React__default.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank" },
+                    React__default.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank", onClick: onDownloadClick },
                         React__default.createElement(Icon, { type: IconTypes.DOWNLOAD, fillColor: IconColors.ON_BACKGROUND_1, height: "24px", width: "24px" })),
                     React__default.createElement(DeleteButton, __assign({ className: 'sendbird-fileviewer__header__right__actions__delete' }, props)))),
                 React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions__close" },
@@ -123,7 +123,7 @@ var FileViewerComponent = function (props) {
 };
 function FileViewer(_a) {
     var _b, _c, _d;
-    var message = _a.message, _e = _a.statefulFileInfoList, statefulFileInfoList = _e === void 0 ? [] : _e, onClose = _a.onClose, _f = _a.isByMe, isByMe = _f === void 0 ? false : _f, onDelete = _a.onDelete, currentIndex = _a.currentIndex, onClickLeft = _a.onClickLeft, onClickRight = _a.onClickRight;
+    var message = _a.message, _e = _a.statefulFileInfoList, statefulFileInfoList = _e === void 0 ? [] : _e, onClose = _a.onClose, _f = _a.isByMe, isByMe = _f === void 0 ? false : _f, onDelete = _a.onDelete, currentIndex = _a.currentIndex, onClickLeft = _a.onClickLeft, onClickRight = _a.onClickRight, onDownloadClick = _a.onDownloadClick;
     if (isMultipleFilesMessage(message)) {
         var castedMessage = message;
         return (React__default.createElement(FileViewerComponent, { profileUrl: castedMessage.sender.profileUrl, nickname: castedMessage.sender.nickname, viewerType: ViewerTypes.MULTI, fileInfoList: statefulFileInfoList.filter(function (fileInfo) {
@@ -134,14 +134,14 @@ function FileViewer(_a) {
                     type: fileInfo.mimeType || '',
                     url: fileInfo.url,
                 };
-            }), currentIndex: currentIndex || 0, onClickLeft: onClickLeft || noop, onClickRight: onClickRight || noop, onClose: onClose }));
+            }), currentIndex: currentIndex || 0, onClickLeft: onClickLeft || noop, onClickRight: onClickRight || noop, onClose: onClose, onDownloadClick: onDownloadClick }));
     }
     else if (isFileMessage(message)) {
         var castedMessage = message;
-        return createPortal((React__default.createElement(FileViewerComponent, { profileUrl: (_b = castedMessage.sender) === null || _b === void 0 ? void 0 : _b.profileUrl, nickname: (_c = castedMessage.sender) === null || _c === void 0 ? void 0 : _c.nickname, name: castedMessage.name, type: castedMessage.type, url: castedMessage === null || castedMessage === void 0 ? void 0 : castedMessage.url, isByMe: isByMe, disableDelete: (((_d = castedMessage.threadInfo) === null || _d === void 0 ? void 0 : _d.replyCount) || 0) > 0, onClose: onClose, onDelete: onDelete || noop })), document.getElementById(MODAL_ROOT));
+        return createPortal((React__default.createElement(FileViewerComponent, { profileUrl: (_b = castedMessage.sender) === null || _b === void 0 ? void 0 : _b.profileUrl, nickname: (_c = castedMessage.sender) === null || _c === void 0 ? void 0 : _c.nickname, name: castedMessage.name, type: castedMessage.type, url: castedMessage === null || castedMessage === void 0 ? void 0 : castedMessage.url, isByMe: isByMe, disableDelete: (((_d = castedMessage.threadInfo) === null || _d === void 0 ? void 0 : _d.replyCount) || 0) > 0, onClose: onClose, onDelete: onDelete || noop, onDownloadClick: onDownloadClick })), document.getElementById(MODAL_ROOT));
     }
     return React__default.createElement(React__default.Fragment, null);
 }
 
 export { FileViewer as F, isVideo as a, FileViewerComponent as b, isImage as i };
-//# sourceMappingURL=bundle-zf2ni0YJ.js.map
+//# sourceMappingURL=bundle-Go8RJZ6S.js.map

package/chunks/bundle-Go8RJZ6S.js.map

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

package/chunks/{bundle-DRL21d0s.js → bundle-HQX6RTqS.js}

@@ -1,4 +1,4 @@
 var TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
 
 export { TEXT_MESSAGE_BODY_CLASSNAME as T };
-//# sourceMappingURL=bundle-DRL21d0s.js.map
+//# sourceMappingURL=bundle-HQX6RTqS.js.map

package/chunks/bundle-HQX6RTqS.js.map

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

package/chunks/{bundle-DXhynnjn.js → bundle-KeJ_rVJL.js}

@@ -234,4 +234,4 @@ var getStringSet = function (lang) {
 };
 
 export { getStringSet as g };
-//# sourceMappingURL=bundle-DXhynnjn.js.map
+//# sourceMappingURL=bundle-KeJ_rVJL.js.map

package/chunks/{bundle-DXhynnjn.js.map → bundle-KeJ_rVJL.js.map}

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

package/chunks/{bundle-B0azZJiA.js → bundle-LL2dZ_t-.js}

@@ -1,26 +1,26 @@
-import { a as __awaiter, b as __generator, c as __spreadArray } from './bundle-D_KO6Orc.js';
+import { a as __awaiter, b as __generator, c as __spreadArray } from './bundle-CfcfVkxG.js';
 import React__default, { useRef, useState, useEffect, useCallback } from 'react';
-import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-COGPgRK-.js';
+import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-DKfCP7IG.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useLocalization } from './bundle-CJIPD7gN.js';
+import { u as useLocalization } from './bundle-Bsg3ZeXI.js';
 import { SuggestedMentionList } from '../GroupChannel/components/SuggestedMentionList.js';
 import { useDirtyGetMentions } from '../Message/hooks/useDirtyGetMentions.js';
 import QuoteMessageInput from '../ui/QuoteMessageInput.js';
 import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
 import { useVoiceRecorder, VoiceRecorderStatus } from '../VoiceRecorder/useVoiceRecorder.js';
-import { V as VoiceMessageInputStatus, a as VoiceMessageInput } from './bundle-Cvk0UZLW.js';
-import { M as Modal, c as ModalFooter } from './bundle-BSPBjwR6.js';
+import { V as VoiceMessageInputStatus, a as VoiceMessageInput } from './bundle-CuW57Fa0.js';
+import { M as Modal, c as ModalFooter } from './bundle-CIwNgqhu.js';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
-import { g as VOICE_RECORDER_DEFAULT_MIN } from './bundle-BJ9OAqWz.js';
-import { V as VOICE_PLAYER_STATUS } from './bundle-C0LxowmB.js';
-import { u as uuidv4 } from './bundle-BFDyBk4r.js';
+import { g as VOICE_RECORDER_DEFAULT_MIN } from './bundle-C5Wf2y_6.js';
+import { V as VOICE_PLAYER_STATUS } from './bundle-CWYkDVsf.js';
+import { u as uuidv4 } from './bundle-CFYZBlok.js';
 import MessageInput from '../ui/MessageInput.js';
-import { u as useMediaQueryContext } from './bundle-BuIxT5aZ.js';
-import { M as MessageInputKeys } from './bundle-87W4GPnC.js';
-import { k as isImage } from './bundle-5okwu0-4.js';
+import { u as useMediaQueryContext } from './bundle-CuD6w3tY.js';
+import { M as MessageInputKeys } from './bundle-Y5rRHVbA.js';
+import { k as isImage } from './bundle-FVThTEKh.js';
 import { useGlobalModalContext } from '../hooks/useModal.js';
-import './bundle-C-_RpFyM.js';
-import { c as compressImages } from './bundle-CTyr18ZN.js';
+import './bundle-D81rUAiK.js';
+import { c as compressImages } from './bundle-CaUvCYOg.js';
 
 var VoiceMessageInputWrapper = function (_a) {
     var _b;
@@ -382,4 +382,4 @@ var MessageInputWrapperView = React__default.forwardRef(function (props, ref) {
 });
 
 export { MessageInputWrapperView as M, VoiceMessageInputWrapper as V };
-//# sourceMappingURL=bundle-B0azZJiA.js.map
+//# sourceMappingURL=bundle-LL2dZ_t-.js.map

package/chunks/{bundle-B0azZJiA.js.map → bundle-LL2dZ_t-.js.map}

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

package/chunks/{bundle-87W4GPnC.js → bundle-Y5rRHVbA.js}

@@ -15,4 +15,4 @@ var NodeNames = {
 };
 
 export { MessageInputKeys as M, NodeTypes as N, NodeNames as a };
-//# sourceMappingURL=bundle-87W4GPnC.js.map
+//# sourceMappingURL=bundle-Y5rRHVbA.js.map

package/chunks/bundle-Y5rRHVbA.js.map

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

package/chunks/{bundle-BhjXV0mk.js → bundle-YaC569om.js}

@@ -25,4 +25,4 @@ var copyToClipboard = function (text) {
 };
 
 export { copyToClipboard as c };
-//# sourceMappingURL=bundle-BhjXV0mk.js.map
+//# sourceMappingURL=bundle-YaC569om.js.map

package/chunks/bundle-YaC569om.js.map

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

package/chunks/{bundle-DTDkmegk.js → bundle-aDOQN2rV.js}

@@ -54,4 +54,4 @@ var channelActions = /*#__PURE__*/Object.freeze({
 });
 
 export { FETCH_INITIAL_MESSAGES_START as F, MESSAGE_LIST_PARAMS_CHANGED as M, ON_MESSAGE_RECEIVED as O, RESET_MESSAGES as R, SEND_MESSAGE_START as S, FETCH_INITIAL_MESSAGES_SUCCESS as a, FETCH_INITIAL_MESSAGES_FAILURE as b, FETCH_PREV_MESSAGES_SUCCESS as c, FETCH_NEXT_MESSAGES_SUCCESS as d, FETCH_PREV_MESSAGES_FAILURE as e, FETCH_NEXT_MESSAGES_FAILURE as f, SEND_MESSAGE_SUCCESS as g, SEND_MESSAGE_FAILURE as h, SET_CURRENT_CHANNEL as i, SET_CHANNEL_INVALID as j, ON_MESSAGE_UPDATED as k, ON_MESSAGE_THREAD_INFO_UPDATED as l, RESEND_MESSAGE_START as m, MARK_AS_READ as n, ON_MESSAGE_DELETED as o, ON_MESSAGE_DELETED_BY_REQ_ID as p, SET_EMOJI_CONTAINER as q, ON_REACTION_UPDATED as r, ON_FILE_INFO_UPLOADED as s, ON_TYPING_STATUS_UPDATED as t, channelActions as u };
-//# sourceMappingURL=bundle-DTDkmegk.js.map
+//# sourceMappingURL=bundle-aDOQN2rV.js.map

package/chunks/bundle-aDOQN2rV.js.map

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

package/chunks/{bundle-N_XkA5JB.js → bundle-abfFo17w.js}

@@ -4,17 +4,16 @@ import IconButton from '../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import ContextMenu, { MenuItems, OperatorMenuItem, MuteMenuItem, MenuItem } from '../ui/ContextMenu.js';
 import UserListItem$1 from '../ChannelSettings/components/UserListItem.js';
-import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray, d as __rest } from './bundle-D_KO6Orc.js';
+import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray, d as __rest } from './bundle-CfcfVkxG.js';
 import { Role } from '@sendbird/chat';
-import { M as Modal } from './bundle-BSPBjwR6.js';
+import { M as Modal } from './bundle-CIwNgqhu.js';
 import UserListItem from '../ui/UserListItem.js';
-import { n as noop } from './bundle-CwofYH9U.js';
+import { n as noop } from './bundle-rA2Y0qFJ.js';
 import { useChannelSettingsContext } from '../ChannelSettings/context.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle-CJIPD7gN.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-DgJrJ2xn.js';
-import './bundle-C-_RpFyM.js';
-import { u as uuidv4 } from './bundle-BFDyBk4r.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-Bsg3ZeXI.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-CnzbHeuJ.js';
+import './bundle-D81rUAiK.js';
 
 function MembersModal(_a) {
     var _this = this;
@@ -24,7 +23,7 @@ function MembersModal(_a) {
     var _d = useState(null), memberQuery = _d[0], setMemberQuery = _d[1];
     var channel = useChannelSettingsContext().channel;
     var state = useSendbirdStateContext();
-    var currentUser = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var currentUserId = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
     var stringSet = useContext(LocalizationContext).stringSet;
     useEffect(function () {
         var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
@@ -50,50 +49,52 @@ function MembersModal(_a) {
                             return [2 /*return*/];
                         });
                     }); },
-                }) }, members.map(function (member) { return (React__default.createElement(UserListItem, { user: member, key: member.userId, currentUser: currentUser, action: function (_a) {
-                    var parentRef = _a.parentRef, actionRef = _a.actionRef;
-                    return (React__default.createElement(React__default.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: function () {
-                                toggleDropdown();
-                            } },
-                            React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                            React__default.createElement(OperatorMenuItem, { channel: channel, user: member, disable: currentUser === member.userId, onChange: function (_, member, isOperator) {
-                                    setMembers(members.map(function (m) {
-                                        if (m.userId === member.userId) {
-                                            return __assign(__assign({}, member), { role: isOperator ? Role.OPERATOR : Role.NONE });
-                                        }
-                                        return m;
-                                    }));
-                                    closeDropdown();
-                                }, onError: function () {
-                                    // FIXME: handle error later
-                                    closeDropdown();
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
-                                ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
-                                : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
-                            // No muted members in broadcast channel
-                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React__default.createElement(MuteMenuItem, { channel: channel, user: member, onChange: function (_, member, isMuted) {
-                                    setMembers(members.map(function (m) {
-                                        if (m.userId === member.userId) {
-                                            return __assign(__assign({}, member), { isMuted: isMuted });
-                                        }
-                                        return m;
-                                    }));
-                                    closeDropdown();
-                                }, onError: function () {
-                                    // FIXME: handle error later
-                                    closeDropdown();
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
-                                ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
-                                : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
-                            React__default.createElement(MenuItem, { onClick: function () {
-                                    channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
-                                        setMembers(members.filter(function (_a) {
-                                            var userId = _a.userId;
-                                            return userId !== member.userId;
+                }) }, members.map(function (member) {
+                return (React__default.createElement(UserListItem, { user: member, key: member.userId, currentUser: currentUserId, action: function (_a) {
+                        var parentRef = _a.parentRef, actionRef = _a.actionRef;
+                        return (React__default.createElement(React__default.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && currentUserId !== member.userId && (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: function () {
+                                    toggleDropdown();
+                                } },
+                                React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
+                                React__default.createElement(OperatorMenuItem, { channel: channel, user: member, disable: currentUserId === member.userId, onChange: function (_, member, isOperator) {
+                                        setMembers(members.map(function (m) {
+                                            if (m.userId === member.userId) {
+                                                return __assign(__assign({}, member), { role: isOperator ? Role.OPERATOR : Role.NONE });
+                                            }
+                                            return m;
                                         }));
-                                    });
-                                }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }))));
-                } })); })))));
+                                        closeDropdown();
+                                    }, onError: function () {
+                                        // FIXME: handle error later
+                                        closeDropdown();
+                                    }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
+                                    ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
+                                    : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
+                                // No muted members in broadcast channel
+                                !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React__default.createElement(MuteMenuItem, { channel: channel, user: member, onChange: function (_, member, isMuted) {
+                                        setMembers(members.map(function (m) {
+                                            if (m.userId === member.userId) {
+                                                return __assign(__assign({}, member), { isMuted: isMuted });
+                                            }
+                                            return m;
+                                        }));
+                                        closeDropdown();
+                                    }, onError: function () {
+                                        // FIXME: handle error later
+                                        closeDropdown();
+                                    }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
+                                    ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
+                                    : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
+                                React__default.createElement(MenuItem, { onClick: function () {
+                                        channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
+                                            setMembers(members.filter(function (_a) {
+                                                var userId = _a.userId;
+                                                return userId !== member.userId;
+                                            }));
+                                        });
+                                    }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }))));
+                    } }));
+            })))));
 }
 
 function InviteUsers(_a) {
@@ -205,7 +206,7 @@ var MemberList = function () {
     var _f = useState(false), showAllMembers = _f[0], setShowAllMembers = _f[1];
     var _g = useState(false), showInviteUsers = _g[0], setShowInviteUsers = _g[1];
     var state = useSendbirdStateContext();
-    var _h = useChannelSettingsContext(), channel = _h.channel, setChannelUpdateId = _h.setChannelUpdateId;
+    var channel = useChannelSettingsContext().channel;
     var stringSet = useContext(LocalizationContext).stringSet;
     var sdk = (_b = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
     var userId = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.userId;
@@ -229,10 +230,9 @@ var MemberList = function () {
         memberUserListQuery.next().then(function (members) {
             setMembers(members);
             setHasNext(memberUserListQuery.hasNext);
-            setChannelUpdateId(uuidv4());
         });
     }, [channel]);
-    return (React__default.createElement("div", { className: "sendbird-channel-settings-member-list sendbird-accordion" },
+    return (React__default.createElement("div", { className: "sendbird-channel-settings-member-list" },
         members.map(function (member) { return (React__default.createElement(UserListItem$1, { key: member.userId, user: member, currentUser: sdk.currentUser.userId, action: ((channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && userId !== member.userId)
                 ? function (_a) {
                     var actionRef = _a.actionRef, parentRef = _a.parentRef;
@@ -241,20 +241,14 @@ var MemberList = function () {
                             React__default.createElement(OperatorMenuItem, { channel: channel, user: member, onChange: function () {
                                     refreshList();
                                     closeDropdown();
-                                }, onError: function () {
-                                    // FIXME: handle error later
-                                    closeDropdown();
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
+                                }, onError: noop, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
                                 ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
                                 : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
                             // No muted members in broadcast channel
                             !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React__default.createElement(MuteMenuItem, { channel: channel, user: member, onChange: function () {
                                     refreshList();
                                     closeDropdown();
-                                }, onError: function () {
-                                    // FIXME: handle error later
-                                    closeDropdown();
-                                }, dataSbId: "channel_setting_member_context_menu_".concat(member.isMuted ? 'unmute' : 'mute') }, member.isMuted
+                                }, onError: noop, dataSbId: "channel_setting_member_context_menu_".concat(member.isMuted ? 'unmute' : 'mute') }, member.isMuted
                                 ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
                                 : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
                             React__default.createElement(MenuItem, { onClick: function () {
@@ -279,4 +273,4 @@ var MemberList = function () {
 };
 
 export { MemberList as M };
-//# sourceMappingURL=bundle-N_XkA5JB.js.map
+//# sourceMappingURL=bundle-abfFo17w.js.map

package/chunks/bundle-abfFo17w.js.map

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

package/chunks/{bundle-l_8hg8H3.js → bundle-c_OhpzFv.js}

@@ -3,7 +3,7 @@ import { GroupChannelListHeader } from '../GroupChannelList/components/GroupChan
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import EditUserProfile from '../EditUserProfile.js';
 import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-DgJrJ2xn.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-CnzbHeuJ.js';
 
 var GroupChannelListUIView = function (_a) {
     var renderHeader = _a.renderHeader, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, onChangeTheme = _a.onChangeTheme, onUserProfileUpdated = _a.onUserProfileUpdated, allowProfileEdit = _a.allowProfileEdit, channels = _a.channels, onLoadMore = _a.onLoadMore, initialized = _a.initialized, renderChannel = _a.renderChannel, renderAddChannel = _a.renderAddChannel;
@@ -64,4 +64,4 @@ var ChannelListComponent = function (props) {
 };
 
 export { GroupChannelListUIView as G };
-//# sourceMappingURL=bundle-l_8hg8H3.js.map
+//# sourceMappingURL=bundle-c_OhpzFv.js.map

package/chunks/bundle-c_OhpzFv.js.map

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

package/chunks/{bundle-BmPxXQ_C.js → bundle-gFk75Dds.js}

@@ -1,12 +1,12 @@
 import React__default from 'react';
 import IconButton from '../ui/IconButton.js';
 import Icon, { IconColors, IconTypes } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-C-_RpFyM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-D81rUAiK.js';
 import ChannelAvatar from '../ui/ChannelAvatar.js';
-import { g as getChannelTitle } from './bundle-Bys5RwQj.js';
-import { u as useMediaQueryContext } from './bundle-BuIxT5aZ.js';
+import { g as getChannelTitle } from './bundle-DcURn6BN.js';
+import { u as useMediaQueryContext } from './bundle-CuD6w3tY.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useLocalization } from './bundle-CJIPD7gN.js';
+import { u as useLocalization } from './bundle-Bsg3ZeXI.js';
 
 var GroupChannelHeaderView = function (_a) {
     var _b;
@@ -33,4 +33,4 @@ var GroupChannelHeaderView = function (_a) {
 };
 
 export { GroupChannelHeaderView as G };
-//# sourceMappingURL=bundle-BmPxXQ_C.js.map
+//# sourceMappingURL=bundle-gFk75Dds.js.map

package/chunks/bundle-gFk75Dds.js.map

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

package/chunks/{bundle-DcOT2xg0.js → bundle-hWMpOZwq.js}

@@ -5,4 +5,4 @@ var USER_ACTIONS = {
 };
 
 export { USER_ACTIONS as U };
-//# sourceMappingURL=bundle-DcOT2xg0.js.map
+//# sourceMappingURL=bundle-hWMpOZwq.js.map

package/chunks/bundle-hWMpOZwq.js.map

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

package/chunks/{bundle-CwofYH9U.js → bundle-rA2Y0qFJ.js}

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

package/chunks/bundle-rA2Y0qFJ.js.map

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

package/chunks/{bundle-B1s46xJT.js → bundle-rGg9UI8F.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { TypingIndicator } from '../GroupChannel/components/TypingIndicator.js';
-import { T as TypingIndicatorType } from './bundle-5okwu0-4.js';
+import { T as TypingIndicatorType } from './bundle-FVThTEKh.js';
 import ConnectionStatus from '../ui/ConnectionStatus.js';
 import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
 
@@ -40,4 +40,4 @@ var GroupChannelUIView = function (props) {
 };
 
 export { GroupChannelUIView as G };
-//# sourceMappingURL=bundle-B1s46xJT.js.map
+//# sourceMappingURL=bundle-rGg9UI8F.js.map

package/chunks/bundle-rGg9UI8F.js.map

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

package/chunks/bundle-v1dt12FL.js

@@ -0,0 +1,16 @@
+/**
+ * This function helps consider the every condition
+ * related to enabling emoji reaction feature.
+ */
+function getIsReactionEnabled(_a) {
+    var channel = _a.channel, config = _a.config, moduleLevel = _a.moduleLevel;
+    if (!channel || channel.isBroadcast || channel.isEphemeral) {
+        return false;
+    }
+    if (channel.isSuper)
+        return moduleLevel && config.groupChannel.enableReactionsSupergroup;
+    return moduleLevel !== null && moduleLevel !== void 0 ? moduleLevel : config.groupChannel.enableReactions;
+}
+
+export { getIsReactionEnabled as g };
+//# sourceMappingURL=bundle-v1dt12FL.js.map

package/chunks/bundle-v1dt12FL.js.map

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