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

package/cjs/{chunks/bundle-UmkcFSLj.js → GroupChannel/components/UnreadCount.js}

@@ -1,10 +1,16 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
-var LocalizationContext = require('./bundle-om7V4Kmd.js');
-var ui_Label = require('./bundle-WWYVAaVT.js');
-var ui_Icon = require('../ui/Icon.js');
-var index = require('./bundle-0TRHdH1v.js');
+var LocalizationContext = require('../../chunks/bundle-oMHrTlRN.js');
+var ui_Label = require('../../chunks/bundle-kp4rHxFj.js');
+var ui_Icon = require('../../ui/Icon.js');
+var index = require('../../chunks/bundle-wKMTgv_N.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
+require('../../chunks/bundle-mPK9VGR0.js');
 
 var UnreadCount = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.count, count = _c === void 0 ? 0 : _c, _d = _a.time, time = _d === void 0 ? '' : _d, onClick = _a.onClick, lastReadAt = _a.lastReadAt;
@@ -28,4 +34,5 @@ var UnreadCount = function (_a) {
 };
 
 exports.UnreadCount = UnreadCount;
-//# sourceMappingURL=bundle-UmkcFSLj.js.map
+exports.default = UnreadCount;
+//# sourceMappingURL=UnreadCount.js.map

package/cjs/GroupChannel/components/UnreadCount.js.map

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

package/cjs/{chunks/bundle-xbwLn6pV.js → GroupChannel/context.js}

@@ -1,30 +1,22 @@
 'use strict';
 
-var _tslib = require('./bundle-H3iUL9jU.js');
+var _tslib = require('../chunks/bundle-Pp2hAi9g.js');
 var React = require('react');
-var groupChannel = require('@sendbird/chat/groupChannel');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var ui_MessageInput = require('../ui/MessageInput.js');
-var _const = require('./bundle-Ok99sReN.js');
-var SuggestedMentionList = require('./bundle-kLhcU0Bg.js');
-var Thread_context = require('../Thread/context.js');
-var LocalizationContext = require('./bundle-om7V4Kmd.js');
-var MessageInputWrapperView = require('./bundle-o2O3PYyl.js');
 var message = require('@sendbird/chat/message');
+var groupChannel = require('@sendbird/chat/groupChannel');
 var uikitTools = require('@sendbird/uikit-tools');
-var UserProfileContext = require('./bundle-uubJJzRW.js');
-var useToggleReactionCallback = require('./bundle-qjc3EF_B.js');
-var resolvedReplyType = require('./bundle--zfwoPVm.js');
-var utils = require('./bundle-hlZ6VwkW.js');
-var index$1 = require('./bundle-QU7zbepl.js');
-var index = require('./bundle-Z6FnnPza.js');
-var pubSub_topics = require('./bundle-BMB3xh2i.js');
-var consts = require('./bundle--yF0PJ6E.js');
-require('./bundle-eG-yFfLY.js');
-var types = require('./bundle-y7MhfXfx.js');
-var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
-var utils$1 = require('./bundle-E1H3DQtB.js');
-var Channel_hooks_useHandleUploadFiles = require('../Channel/hooks/useHandleUploadFiles.js');
+var UserProfileContext = require('../chunks/bundle-ac8CNkHD.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var useToggleReactionCallback = require('../chunks/bundle-mYCCMkSO.js');
+var resolvedReplyType = require('../chunks/bundle-NO9KjD6-.js');
+var utils = require('../chunks/bundle-3my94NZb.js');
+var index$1 = require('../chunks/bundle-ECik2x9q.js');
+var index = require('../chunks/bundle-vN6Le9sy.js');
+var pubSub_topics = require('../chunks/bundle-tlScTb1q.js');
+var consts = require('../chunks/bundle-VSxKlJiY.js');
+require('../withSendbird.js');
+require('../chunks/bundle-G3wIPH8m.js');
+require('../chunks/bundle-B3exQvX0.js');
 
 function runCallback(callback, lazy) {
     if (lazy === void 0) { lazy = true; }
@@ -249,8 +241,9 @@ var GroupChannelProvider = function (props) {
     var _h = React.useState(null), quoteMessage = _h[0], setQuoteMessage = _h[1];
     var _j = React.useState(0), animatedMessageId = _j[0], setAnimatedMessageId = _j[1];
     var _k = React.useState(null), currentChannel = _k[0], setCurrentChannel = _k[1];
+    var _l = React.useState(null), fetchChannelError = _l[0], setFetchChannelError = _l[1];
     // Ref
-    var _l = useMessageListScroll(), scrollRef = _l.scrollRef, scrollPubSub = _l.scrollPubSub, scrollDistanceFromBottomRef = _l.scrollDistanceFromBottomRef, isScrollBottomReached = _l.isScrollBottomReached, setIsScrollBottomReached = _l.setIsScrollBottomReached;
+    var _m = useMessageListScroll(), scrollRef = _m.scrollRef, scrollPubSub = _m.scrollPubSub, scrollDistanceFromBottomRef = _m.scrollDistanceFromBottomRef, isScrollBottomReached = _m.isScrollBottomReached, setIsScrollBottomReached = _m.setIsScrollBottomReached;
     var messageInputRef = React.useRef(null);
     var toggleReaction = useToggleReactionCallback.useToggleReactionCallback(currentChannel, config.logger);
     var replyType = resolvedReplyType.getCaseResolvedReplyType(moduleReplyType !== null && moduleReplyType !== void 0 ? moduleReplyType : config.groupChannel.replyType).upperCase;
@@ -285,8 +278,14 @@ var GroupChannelProvider = function (props) {
                 scrollPubSub.publish('scrollToBottom', null);
             }
         },
-        onChannelDeleted: function () { return setCurrentChannel(null); },
-        onCurrentUserBanned: function () { return setCurrentChannel(null); },
+        onChannelDeleted: function () {
+            setCurrentChannel(null);
+            setFetchChannelError(null);
+        },
+        onCurrentUserBanned: function () {
+            setCurrentChannel(null);
+            setFetchChannelError(null);
+        },
         onChannelUpdated: function (channel) { return setCurrentChannel(channel); },
         logger: config.logger,
     });
@@ -375,22 +374,24 @@ var GroupChannelProvider = function (props) {
     });
     // SideEffect: Fetch and set to current channel by channelUrl prop.
     uikitTools.useAsyncEffect(function () { return _tslib.__awaiter(void 0, void 0, void 0, function () {
-        var channel;
-        return _tslib.__generator(this, function (_b) {
-            switch (_b.label) {
+        var channel, error_1;
+        return _tslib.__generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
                     if (!(sdkStore.initialized && channelUrl)) return [3 /*break*/, 5];
-                    _b.label = 1;
+                    _a.label = 1;
                 case 1:
-                    _b.trys.push([1, 3, 4, 5]);
+                    _a.trys.push([1, 3, 4, 5]);
                     return [4 /*yield*/, sdkStore.sdk.groupChannel.getChannel(channelUrl)];
                 case 2:
-                    channel = _b.sent();
+                    channel = _a.sent();
                     setCurrentChannel(channel);
+                    setFetchChannelError(null);
                     return [3 /*break*/, 5];
                 case 3:
-                    _b.sent();
+                    error_1 = _a.sent();
                     setCurrentChannel(null);
+                    setFetchChannelError(error_1);
                     return [3 /*break*/, 5];
                 case 4:
                     // Reset states when channel changes
@@ -543,7 +544,7 @@ var GroupChannelProvider = function (props) {
             // ## Custom render
             renderUserMentionItem: renderUserMentionItem, 
             // Internal Interface
-            currentChannel: currentChannel, nicknamesMap: nicknamesMap, scrollRef: scrollRef, scrollDistanceFromBottomRef: scrollDistanceFromBottomRef, scrollPubSub: scrollPubSub, messageInputRef: messageInputRef, quoteMessage: quoteMessage, setQuoteMessage: setQuoteMessage, animatedMessageId: animatedMessageId, setAnimatedMessageId: setAnimatedMessageId, isScrollBottomReached: isScrollBottomReached, setIsScrollBottomReached: setIsScrollBottomReached, scrollToBottom: scrollToBottom, scrollToMessage: scrollToMessage, toggleReaction: toggleReaction }, messageDataSource), messageActions) },
+            currentChannel: currentChannel, fetchChannelError: fetchChannelError, nicknamesMap: nicknamesMap, scrollRef: scrollRef, scrollDistanceFromBottomRef: scrollDistanceFromBottomRef, scrollPubSub: scrollPubSub, messageInputRef: messageInputRef, quoteMessage: quoteMessage, setQuoteMessage: setQuoteMessage, animatedMessageId: animatedMessageId, setAnimatedMessageId: setAnimatedMessageId, isScrollBottomReached: isScrollBottomReached, setIsScrollBottomReached: setIsScrollBottomReached, scrollToBottom: scrollToBottom, scrollToMessage: scrollToMessage, toggleReaction: toggleReaction }, messageDataSource), messageActions) },
         React.createElement(UserProfileContext.UserProfileProvider, { disableUserProfile: (_a = props === null || props === void 0 ? void 0 : props.disableUserProfile) !== null && _a !== void 0 ? _a : config === null || config === void 0 ? void 0 : config.disableUserProfile, renderUserProfile: (_b = props === null || props === void 0 ? void 0 : props.renderUserProfile) !== null && _b !== void 0 ? _b : config === null || config === void 0 ? void 0 : config.renderUserProfile, onUserProfileMessage: (_c = props === null || props === void 0 ? void 0 : props.onUserProfileMessage) !== null && _c !== void 0 ? _c : config === null || config === void 0 ? void 0 : config.onUserProfileMessage }, children)));
 };
 var useGroupChannelContext = function () {
@@ -559,128 +560,7 @@ function getCollectionCreator(groupChannel$1, messageListQueryParams) {
     };
 }
 
-var ThreadMessageInput = function (props, ref) {
-    var _a;
-    var className = props.className, renderFileUploadIcon = props.renderFileUploadIcon, renderVoiceMessageIcon = props.renderVoiceMessageIcon, renderSendMessageIcon = props.renderSendMessageIcon, acceptableMimeTypes = props.acceptableMimeTypes;
-    var config = useSendbirdStateContext.useSendbirdStateContext().config;
-    var stringSet = LocalizationContext.useLocalization().stringSet;
-    var isMentionEnabled = config.isMentionEnabled, isOnline = config.isOnline, userMention = config.userMention, isVoiceMessageEnabled = config.isVoiceMessageEnabled, logger = config.logger;
-    var threadContext = Thread_context.useThreadContext();
-    var currentChannel = threadContext.currentChannel, parentMessage = threadContext.parentMessage, sendMessage = threadContext.sendMessage, sendFileMessage = threadContext.sendFileMessage, sendVoiceMessage = threadContext.sendVoiceMessage, sendMultipleFilesMessage = threadContext.sendMultipleFilesMessage, isMuted = threadContext.isMuted, isChannelFrozen = threadContext.isChannelFrozen, allThreadMessages = threadContext.allThreadMessages;
-    var messageInputRef = React.useRef();
-    var isMultipleFilesMessageEnabled = ((_a = threadContext.isMultipleFilesMessageEnabled) !== null && _a !== void 0 ? _a : config.isMultipleFilesMessageEnabled);
-    var threadInputDisabled = props.disabled
-        || !isOnline
-        || isMuted
-        || (!((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === types.Role.OPERATOR) && isChannelFrozen) || parentMessage === null;
-    // MFM
-    var handleUploadFiles = Channel_hooks_useHandleUploadFiles.useHandleUploadFiles({
-        sendFileMessage: sendFileMessage,
-        sendMultipleFilesMessage: sendMultipleFilesMessage,
-        quoteMessage: parentMessage,
-    }, {
-        logger: logger,
-    });
-    // mention
-    var _b = React.useState(''), mentionNickname = _b[0], setMentionNickname = _b[1];
-    var _c = React.useState([]), mentionedUsers = _c[0], setMentionedUsers = _c[1];
-    var _d = React.useState([]), mentionedUserIds = _d[0], setMentionedUserIds = _d[1];
-    var _e = React.useState(null), selectedUser = _e[0], setSelectedUser = _e[1];
-    var _f = React.useState([]), mentionSuggestedUsers = _f[0], setMentionSuggestedUsers = _f[1];
-    var _g = React.useState(null), messageInputEvent = _g[0], setMessageInputEvent = _g[1];
-    var _h = React.useState(false), showVoiceMessageInput = _h[0], setShowVoiceMessageInput = _h[1];
-    var displaySuggestedMentionList = isOnline
-        && isMentionEnabled
-        && mentionNickname.length > 0
-        && !utils$1.isDisabledBecauseFrozen(currentChannel)
-        && !utils$1.isDisabledBecauseMuted(currentChannel)
-        && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast);
-    // Reset when changing channel
-    React.useEffect(function () {
-        setShowVoiceMessageInput(false);
-    }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
-    var mentionNodes = Message_hooks_useDirtyGetMentions.useDirtyGetMentions({ ref: ref || messageInputRef }, { logger: logger });
-    var ableMention = (mentionNodes === null || mentionNodes === void 0 ? void 0 : mentionNodes.length) < (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount);
-    React.useEffect(function () {
-        setMentionedUsers(mentionedUsers.filter(function (_a) {
-            var userId = _a.userId;
-            var i = mentionedUserIds.indexOf(userId);
-            if (i < 0) {
-                return false;
-            }
-            else {
-                mentionedUserIds.splice(i, 1);
-                return true;
-            }
-        }));
-    }, [mentionedUserIds]);
-    if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast) && (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) !== types.Role.OPERATOR) {
-        return null;
-    }
-    return (React.createElement("div", { className: "sendbird-thread-message-input".concat(showVoiceMessageInput ? '--voice-message' : '', " ").concat(className) },
-        displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, 
-            // renderUserMentionItem={renderUserMentionItem}
-            onUserItemClick: function (user) {
-                if (user) {
-                    setMentionedUsers(_tslib.__spreadArray(_tslib.__spreadArray([], mentionedUsers, true), [user], false));
-                }
-                setMentionNickname('');
-                setSelectedUser(user);
-                setMessageInputEvent(null);
-            }, onFocusItemChange: function () {
-                setMessageInputEvent(null);
-            }, onFetchUsers: function (users) {
-                setMentionSuggestedUsers(users);
-            }, ableAddMention: ableMention, maxMentionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount, maxSuggestionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount })),
-        showVoiceMessageInput
-            ? (React.createElement(MessageInputWrapperView.VoiceMessageInputWrapper, { channel: currentChannel, onSubmitClick: function (recordedFile, duration) {
-                    sendVoiceMessage(recordedFile, duration, parentMessage);
-                    setShowVoiceMessageInput(false);
-                }, onCancelClick: function () {
-                    setShowVoiceMessageInput(false);
-                } }))
-            : (React.createElement(ui_MessageInput, { className: "sendbird-thread-message-input__message-input", messageFieldId: "sendbird-message-input-text-field--thread", disabled: threadInputDisabled, channel: currentChannel, acceptableMimeTypes: acceptableMimeTypes, setMentionedUsers: setMentionedUsers, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
-                    setShowVoiceMessageInput(true);
-                }, renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon, ref: ref || messageInputRef, placeholder: ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isFrozen) && !((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === types.Role.OPERATOR) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)
-                    || ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myMutedState) === groupChannel.MutedState.MUTED && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT)
-                    || (allThreadMessages.length > 0
-                        ? stringSet.THREAD__INPUT__REPLY_TO_THREAD
-                        : stringSet.THREAD__INPUT__REPLY_IN_THREAD), onStartTyping: function () {
-                    var _a;
-                    (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.startTyping) === null || _a === void 0 ? void 0 : _a.call(currentChannel);
-                }, onSendMessage: function (_a) {
-                    var _b;
-                    var message = _a.message, mentionTemplate = _a.mentionTemplate;
-                    sendMessage({
-                        message: message,
-                        mentionedUsers: mentionedUsers,
-                        mentionTemplate: mentionTemplate,
-                        quoteMessage: parentMessage,
-                    });
-                    setMentionNickname('');
-                    setMentionedUsers([]);
-                    (_b = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.endTyping) === null || _b === void 0 ? void 0 : _b.call(currentChannel);
-                }, onFileUpload: handleUploadFiles, onUserMentioned: function (user) {
-                    if ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) === (user === null || user === void 0 ? void 0 : user.userId)) {
-                        setSelectedUser(null);
-                        setMentionNickname('');
-                    }
-                }, onMentionStringChange: function (mentionText) {
-                    setMentionNickname(mentionText);
-                }, onMentionedUserIdsUpdated: function (userIds) {
-                    setMentionedUserIds(userIds);
-                }, onKeyDown: function (e) {
-                    if (displaySuggestedMentionList && (mentionSuggestedUsers === null || mentionSuggestedUsers === void 0 ? void 0 : mentionSuggestedUsers.length) > 0
-                        && ((e.key === _const.MessageInputKeys.Enter && ableMention) || e.key === _const.MessageInputKeys.ArrowUp || e.key === _const.MessageInputKeys.ArrowDown)) {
-                        setMessageInputEvent(e);
-                        return true;
-                    }
-                    return false;
-                } }))));
-};
-var ThreadMessageInput$1 = React.forwardRef(ThreadMessageInput);
-
+exports.GroupChannelContext = GroupChannelContext;
 exports.GroupChannelProvider = GroupChannelProvider;
-exports.ThreadMessageInput = ThreadMessageInput$1;
 exports.useGroupChannelContext = useGroupChannelContext;
-//# sourceMappingURL=bundle-xbwLn6pV.js.map
+//# sourceMappingURL=context.js.map

package/cjs/{chunks/bundle-eG-yFfLY.js.map → GroupChannel/context.js.map}

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

package/cjs/GroupChannel.js

@@ -0,0 +1,146 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('./chunks/bundle-Pp2hAi9g.js');
+var React = require('react');
+var GroupChannel_context = require('./GroupChannel/context.js');
+var GroupChannel_components_GroupChannelUI = require('./GroupChannel/components/GroupChannelUI.js');
+require('@sendbird/chat/message');
+require('@sendbird/chat/groupChannel');
+require('@sendbird/uikit-tools');
+require('./chunks/bundle-ac8CNkHD.js');
+require('./useSendbirdStateContext.js');
+require('./withSendbird.js');
+require('./chunks/bundle-mYCCMkSO.js');
+require('./chunks/bundle-NO9KjD6-.js');
+require('./chunks/bundle-3my94NZb.js');
+require('./chunks/bundle-ECik2x9q.js');
+require('./chunks/bundle-VSxKlJiY.js');
+require('./chunks/bundle-G3wIPH8m.js');
+require('./chunks/bundle-B3exQvX0.js');
+require('./chunks/bundle-vN6Le9sy.js');
+require('./chunks/bundle-tlScTb1q.js');
+require('./chunks/bundle-x15u4MXa.js');
+require('./GroupChannel/components/TypingIndicator.js');
+require('./chunks/bundle-kp4rHxFj.js');
+require('./chunks/bundle-cuXn941P.js');
+require('./chunks/bundle-oMHrTlRN.js');
+require('./chunks/bundle-qTpNvbyy.js');
+require('./chunks/bundle-1Kqo8Utk.js');
+require('./chunks/bundle-TEAixAXm.js');
+require('./ui/ConnectionStatus.js');
+require('./ui/Icon.js');
+require('./chunks/bundle-mPK9VGR0.js');
+require('./ui/PlaceHolder.js');
+require('./ui/Loader.js');
+require('./GroupChannel/components/GroupChannelHeader.js');
+require('./chunks/bundle-U81js22j.js');
+require('./ui/IconButton.js');
+require('./ui/ChannelAvatar.js');
+require('./chunks/bundle--ygAOWyl.js');
+require('./ui/ImageRenderer.js');
+require('./chunks/bundle-Zjbgztcu.js');
+require('./chunks/bundle-gKfBWs5Z.js');
+require('./chunks/bundle-nFCXCRnQ.js');
+require('./chunks/bundle-l18lIHqV.js');
+require('./GroupChannel/components/MessageList.js');
+require('./GroupChannel/components/Message.js');
+require('./chunks/bundle-BIo8a3gP.js');
+require('./utils/message/getOutgoingMessageState.js');
+require('./chunks/bundle-ttLl6tqv.js');
+require('./chunks/bundle-pnCKgq1p.js');
+require('./chunks/bundle-wKMTgv_N.js');
+require('./chunks/bundle-GVX1pgQE.js');
+require('./chunks/bundle-wVlRBt78.js');
+require('./Message/hooks/useDirtyGetMentions.js');
+require('./ui/DateSeparator.js');
+require('./chunks/bundle-cjPeUrcf.js');
+require('./ui/MessageInput.js');
+require('./chunks/bundle-G8VoSPnT.js');
+require('./ui/Button.js');
+require('./chunks/bundle-7qCJ1BsN.js');
+require('dompurify');
+require('./chunks/bundle-L-INlcEY.js');
+require('./chunks/bundle-PzNWj1Ya.js');
+require('./chunks/bundle-AN2XvUtp.js');
+require('./chunks/bundle-aMzX7VhJ.js');
+require('./ui/MessageContent.js');
+require('./chunks/bundle-7hPt-3N9.js');
+require('./chunks/bundle-cTA4XRQz.js');
+require('./chunks/bundle-SSVfUJDa.js');
+require('./ui/MessageItemMenu.js');
+require('./ui/ContextMenu.js');
+require('react-dom');
+require('./ui/SortByRow.js');
+require('./chunks/bundle-Sp0Vzjeq.js');
+require('./ui/MessageItemReactionMenu.js');
+require('./ui/ReactionButton.js');
+require('./chunks/bundle-I85dteYT.js');
+require('./ui/EmojiReactions.js');
+require('./ui/ReactionBadge.js');
+require('./ui/BottomSheet.js');
+require('./hooks/useModal.js');
+require('./chunks/bundle-Mku2L7HX.js');
+require('./ui/UserListItem.js');
+require('./ui/MutedAvatarOverlay.js');
+require('./ui/Checkbox.js');
+require('./ui/UserProfile.js');
+require('./sendbirdSelectors.js');
+require('./ui/Tooltip.js');
+require('./ui/TooltipWrapper.js');
+require('./Message/context.js');
+require('./ui/AdminMessage.js');
+require('./ui/QuoteMessage.js');
+require('./chunks/bundle-40a4LzCe.js');
+require('./chunks/bundle-dRMOPP7T.js');
+require('./ui/ThreadReplies.js');
+require('./ui/OGMessageItemBody.js');
+require('./chunks/bundle-98I9HrXW.js');
+require('./ui/MentionLabel.js');
+require('./ui/LinkLabel.js');
+require('./ui/TextMessageItemBody.js');
+require('./ui/FileMessageItemBody.js');
+require('./ui/TextButton.js');
+require('./chunks/bundle-L6Jk8Ayi.js');
+require('./chunks/bundle-zC9tSqim.js');
+require('./chunks/bundle-h40wCyHM.js');
+require('./ui/VoiceMessageItemBody.js');
+require('./ui/ProgressBar.js');
+require('./VoicePlayer/useVoicePlayer.js');
+require('./chunks/bundle-1q18oFrr.js');
+require('./VoiceRecorder/context.js');
+require('./ui/PlaybackTime.js');
+require('./ui/ThumbnailMessageItemBody.js');
+require('./ui/UnknownMessageItemBody.js');
+require('./ui/FeedbackIconButton.js');
+require('./ui/MobileFeedbackMenu.js');
+require('./Channel/components/MessageFeedbackModal.js');
+require('./ui/Input.js');
+require('./GroupChannel/components/SuggestedReplies.js');
+require('./GroupChannel/components/FileViewer.js');
+require('./chunks/bundle-83aDMaJz.js');
+require('./GroupChannel/components/RemoveMessageModal.js');
+require('./chunks/bundle-zKwOBTKD.js');
+require('./chunks/bundle-9G4y8IUf.js');
+require('./Channel/utils/getMessagePartsInfo.js');
+require('./Channel/utils/compareMessagesForGrouping.js');
+require('./GroupChannel/components/UnreadCount.js');
+require('./GroupChannel/components/FrozenNotification.js');
+require('./ui/TypingIndicatorBubble.js');
+require('./GroupChannel/components/MessageInputWrapper.js');
+require('./chunks/bundle-w450_AIz.js');
+require('./GroupChannel/components/SuggestedMentionList.js');
+require('./ui/QuoteMessageInput.js');
+require('./VoiceRecorder/useVoiceRecorder.js');
+require('./chunks/bundle-_P-b1GDT.js');
+require('./chunks/bundle-szNiJOoj.js');
+
+var GroupChannel = function (props) {
+    return (React.createElement(GroupChannel_context.GroupChannelProvider, _tslib.__assign({}, props),
+        React.createElement(GroupChannel_components_GroupChannelUI.GroupChannelUI, _tslib.__assign({}, props))));
+};
+
+exports.GroupChannel = GroupChannel;
+exports.default = GroupChannel;
+//# sourceMappingURL=GroupChannel.js.map

package/cjs/GroupChannel.js.map

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

package/cjs/GroupChannelList/components/AddGroupChannel.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var AddGroupChannelView = require('../../chunks/bundle-hlXVvUFU.js');
+var GroupChannelList_context = require('../context.js');
+require('../../ui/IconButton.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
+require('../../ui/Icon.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../CreateChannel.js');
+require('../../CreateChannel/components/CreateChannelUI.js');
+require('../../chunks/bundle-4_qnUKIC.js');
+require('../../sendbirdSelectors.js');
+require('../../chunks/bundle-tlScTb1q.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+require('../../CreateChannel/components/InviteUsers.js');
+require('../../chunks/bundle-oMHrTlRN.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../chunks/bundle-l18lIHqV.js');
+require('../../chunks/bundle-Mku2L7HX.js');
+require('react-dom');
+require('../../ui/Button.js');
+require('../../chunks/bundle-kp4rHxFj.js');
+require('../../ui/UserListItem.js');
+require('../../chunks/bundle-ac8CNkHD.js');
+require('../../chunks/bundle--ygAOWyl.js');
+require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-Zjbgztcu.js');
+require('../../ui/MutedAvatarOverlay.js');
+require('../../ui/Checkbox.js');
+require('../../ui/UserProfile.js');
+require('../../ui/ContextMenu.js');
+require('../../ui/SortByRow.js');
+require('../../chunks/bundle-1Kqo8Utk.js');
+require('../../chunks/bundle-BIo8a3gP.js');
+require('@sendbird/chat/groupChannel');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-ttLl6tqv.js');
+require('../../CreateChannel/components/SelectChannelType.js');
+require('@sendbird/uikit-tools');
+require('../../chunks/bundle-7S9yo7uc.js');
+require('@sendbird/chat');
+
+var AddGroupChannel = function () {
+    var _a = React.useState(false), createChannelVisible = _a[0], setCreateChannelVisible = _a[1];
+    var _b = GroupChannelList_context.useGroupChannelListContext(), onChannelCreated = _b.onChannelCreated, onBeforeCreateChannel = _b.onBeforeCreateChannel, onCreateChannelClick = _b.onCreateChannelClick;
+    return (React.createElement(AddGroupChannelView.AddGroupChannelView, { createChannelVisible: createChannelVisible, onChangeCreateChannelVisible: setCreateChannelVisible, onCreateChannelClick: onCreateChannelClick, onBeforeCreateChannel: onBeforeCreateChannel, onChannelCreated: onChannelCreated }));
+};
+
+exports.AddGroupChannel = AddGroupChannel;
+exports.default = AddGroupChannel;
+//# sourceMappingURL=AddGroupChannel.js.map

package/cjs/GroupChannelList/components/AddGroupChannel.js.map

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

package/cjs/{chunks/bundle-W789Mnl2.js → GroupChannelList/components/GroupChannelListHeader.js}

@@ -1,10 +1,20 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-om7V4Kmd.js');
-var ui_Avatar = require('./bundle-mNGciuzV.js');
-var ui_Label = require('./bundle-WWYVAaVT.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var LocalizationContext = require('../../chunks/bundle-oMHrTlRN.js');
+var ui_Avatar = require('../../chunks/bundle--ygAOWyl.js');
+var ui_Label = require('../../chunks/bundle-kp4rHxFj.js');
+require('../../withSendbird.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../chunks/bundle-Zjbgztcu.js');
+require('../../ui/Icon.js');
 
 var GroupChannelListHeader = function (_a) {
     var renderTitle = _a.renderTitle, renderIconButton = _a.renderIconButton, onEdit = _a.onEdit, allowProfileEdit = _a.allowProfileEdit;
@@ -29,4 +39,5 @@ var GroupChannelListHeader = function (_a) {
 };
 
 exports.GroupChannelListHeader = GroupChannelListHeader;
-//# sourceMappingURL=bundle-W789Mnl2.js.map
+exports.default = GroupChannelListHeader;
+//# sourceMappingURL=GroupChannelListHeader.js.map

package/cjs/GroupChannelList/components/GroupChannelListHeader.js.map

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

package/cjs/GroupChannelList/components/GroupChannelListItem.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var React = require('react');
+var ui_MessageStatus = require('../../chunks/bundle-7hPt-3N9.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var LocalizationContext = require('../../chunks/bundle-oMHrTlRN.js');
+var GroupChannelList_context = require('../context.js');
+var GroupChannelListItemView = require('../../chunks/bundle-RjWuJw-3.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
+require('../../chunks/bundle-wKMTgv_N.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../ui/Icon.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../chunks/bundle-kp4rHxFj.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../ui/Loader.js');
+require('../../chunks/bundle-BIo8a3gP.js');
+require('@sendbird/chat/groupChannel');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-ttLl6tqv.js');
+require('../../chunks/bundle-cTA4XRQz.js');
+require('../../chunks/bundle-SSVfUJDa.js');
+require('../../withSendbird.js');
+require('@sendbird/uikit-tools');
+require('../../chunks/bundle-ac8CNkHD.js');
+require('../../chunks/bundle-7S9yo7uc.js');
+require('@sendbird/chat');
+require('../../chunks/bundle-1Kqo8Utk.js');
+require('../../chunks/bundle-I85dteYT.js');
+require('../../chunks/bundle-l18lIHqV.js');
+require('../../GroupChannel/components/TypingIndicator.js');
+require('../../ui/Badge.js');
+require('../../ui/ChannelAvatar.js');
+require('../../chunks/bundle--ygAOWyl.js');
+require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-Zjbgztcu.js');
+require('../../chunks/bundle-gKfBWs5Z.js');
+require('../../ui/MentionUserLabel.js');
+require('../../chunks/bundle-L-INlcEY.js');
+require('../../chunks/bundle-Mku2L7HX.js');
+require('react-dom');
+require('../../ui/IconButton.js');
+require('../../ui/Button.js');
+require('../../ui/TextButton.js');
+require('../../chunks/bundle-cjPeUrcf.js');
+
+var GroupChannelListItem = function (_a) {
+    var _b, _c, _d;
+    var channel = _a.channel, isSelected = _a.isSelected, isTyping = _a.isTyping, renderChannelAction = _a.renderChannelAction, onLeaveChannel = _a.onLeaveChannel, onClick = _a.onClick, tabIndex = _a.tabIndex;
+    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _e = GroupChannelList_context.useGroupChannelListContext(), _f = _e.isTypingIndicatorEnabled, isTypingIndicatorEnabled = _f === void 0 ? false : _f, _g = _e.isMessageReceiptStatusEnabled, isMessageReceiptStatusEnabled = _g === void 0 ? false : _g;
+    var userId = config.userId;
+    var isMessageStatusEnabled = isMessageReceiptStatusEnabled
+        && (!((_b = channel.lastMessage) === null || _b === void 0 ? void 0 : _b.isAdminMessage()))
+        && ((_d = (_c = channel.lastMessage) === null || _c === void 0 ? void 0 : _c.sender) === null || _d === void 0 ? void 0 : _d.userId) === userId;
+    return (React.createElement(GroupChannelListItemView.GroupChannelListItemView, { channel: channel, tabIndex: tabIndex, channelName: ui_MessageStatus.getChannelTitle(channel, userId, stringSet), isTyping: isTypingIndicatorEnabled && isTyping, isSelected: isSelected, isMessageStatusEnabled: isMessageStatusEnabled, onClick: onClick, onLeaveChannel: onLeaveChannel, renderChannelAction: renderChannelAction }));
+};
+
+exports.GroupChannelListItem = GroupChannelListItem;
+//# sourceMappingURL=GroupChannelListItem.js.map

package/cjs/GroupChannelList/components/GroupChannelListItem.js.map

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