@sendbird/uikit-react 3.15.13-rc → 3.15.14-rc

package/App.js

@@ -1,91 +1,94 @@
-import React__default, { useState, useEffect } from 'react';
+import React__default, { useState } from 'react';
 import { SendbirdProvider } from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './chunks/bundle-CQj-EzGD.js';
-import { _ as __assign } from './chunks/bundle-DYWoNQhj.js';
+import { u as useMediaQueryContext } from './chunks/bundle-B2hCX5Y1.js';
+import { _ as __assign } from './chunks/bundle-Cj5_JUGB.js';
 import { GroupChannel } from './GroupChannel.js';
-import { GroupChannelList } from './GroupChannelList.js';
+import { C as ChannelList, G as GroupChannelList, M as MobileLayout } from './chunks/bundle-BqSIw_8a.js';
 import Channel from './Channel.js';
-import ChannelList from './ChannelList.js';
 import ChannelSettings from './ChannelSettings.js';
 import MessageSearchPannel from './MessageSearch.js';
 import Thread from './Thread.js';
-import { c as classnames } from './chunks/bundle-muCRoZnm.js';
-import { A as APP_LAYOUT_ROOT } from './chunks/bundle-Cvzxf-pt.js';
-import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { useSendbirdStateContext } from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './chunks/bundle-CVdd1_hK.js';
-import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-ETZVxQ1e.js';
-import { g as getCaseResolvedReplyType } from './chunks/bundle-C1wZBRMc.js';
+import { c as classnames } from './chunks/bundle-BY9oUVFG.js';
+import { A as APP_LAYOUT_ROOT } from './chunks/bundle-B-hLTjcZ.js';
+import { g as getCaseResolvedReplyType } from './chunks/bundle-ByVGO6Cn.js';
+import { u as useSendbird } from './chunks/bundle-CDp-g5XU.js';
 import '@sendbird/uikit-tools';
-import './withSendbird.js';
-import './chunks/bundle-CHhelJGL.js';
-import './chunks/bundle-CXWjM2Ia.js';
-import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-DGPYBL2Z.js';
-import './chunks/bundle-CCv1GX0e.js';
-import './chunks/bundle-DmcjtF3k.js';
+import './chunks/bundle-CT9lv9jW.js';
+import './chunks/bundle-BznbvczW.js';
+import './chunks/bundle-C1ncZUjl.js';
+import './VoiceRecorder/context.js';
+import './chunks/bundle-BdjfIRue.js';
+import './chunks/bundle-DxxvrMQI.js';
+import './chunks/bundle-KQc1NYs1.js';
+import './chunks/bundle-CQ2tpjBC.js';
 import 'react-dom';
-import './chunks/bundle-BG36nFyP.js';
-import './chunks/bundle-CeU_rok8.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-DZQMYGNb.js';
+import './chunks/bundle-CyiL7cM0.js';
 import './ui/Icon.js';
-import 'css-vars-ponyfill';
+import './chunks/bundle-D9R7Jiqe.js';
+import './chunks/bundle-m1et25Jg.js';
 import '@sendbird/chat';
+import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-Blu5Vnou.js';
-import './chunks/bundle-eh4fzMLS.js';
-import './chunks/bundle-CpZWiotw.js';
-import './GroupChannel/context.js';
+import './hooks/useModal.js';
+import './chunks/bundle-CClknHGO.js';
+import './chunks/bundle-C-yTkyP0.js';
+import './chunks/bundle-hj-JCZtT.js';
+import 'css-vars-ponyfill';
+import './chunks/bundle-CgYA6f2I.js';
+import './chunks/bundle-BlijUxQw.js';
+import './chunks/bundle-CUrIGyMS.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-hWklignP.js';
-import './chunks/bundle-C2DfOewL.js';
-import './chunks/bundle-Br5LX_9F.js';
-import './chunks/bundle-B19SdyEr.js';
-import './chunks/bundle-BpgHxUBL.js';
-import './chunks/bundle-Dd4Zk-PA.js';
-import './ui/SortByRow.js';
+import './chunks/bundle-Bkbt9_K2.js';
+import './chunks/bundle-DGW9ZhNd.js';
+import './chunks/bundle-C-JPnBnR.js';
+import './chunks/bundle-CwlHaxRY.js';
+import './chunks/bundle-CdizyEdk.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-BaCrQJ7f.js';
+import './chunks/bundle-6HmJcgNR.js';
 import './GroupChannel/components/TypingIndicator.js';
-import './chunks/bundle-BwvHPT_M.js';
+import './chunks/bundle-DwSHHkPT.js';
 import './ui/ConnectionStatus.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './GroupChannel/components/GroupChannelHeader.js';
-import './chunks/bundle-C-HBEOnV.js';
+import './chunks/bundle-A2onzY73.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-08-6-SlL.js';
+import './chunks/bundle-CyrtxrpV.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-ITAjxs5f.js';
-import './chunks/bundle-CAlpEHsN.js';
-import './chunks/bundle-DEXtcf7q.js';
+import './chunks/bundle-RBoKRbHz.js';
+import './chunks/bundle-BD_ok0_K.js';
+import './chunks/bundle-i9LnR1n4.js';
+import './chunks/bundle-DbJ8lyIW.js';
+import './utils/message/getOutgoingMessageState.js';
+import './chunks/bundle-1WicDXzs.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-CfntB7lr.js';
+import './chunks/bundle-BMtR335z.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-3xZITocT.js';
-import './chunks/bundle-NgX0o-IK.js';
+import './chunks/bundle-jlClj1B3.js';
+import './chunks/bundle-Dg1G5COD.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-CBV8hMk1.js';
-import './chunks/bundle-yWcbtZdh.js';
+import './chunks/bundle-DyUM-cLB.js';
+import './chunks/bundle-B8U-MPIR.js';
 import 'dompurify';
-import './chunks/bundle-BMos5sXU.js';
-import './chunks/bundle-COd81VPL.js';
-import './chunks/bundle-CGRkqzrD.js';
-import './chunks/bundle-2BR_X8Fl.js';
+import './chunks/bundle-CQrtVJsS.js';
+import './chunks/bundle-DqDF0kxo.js';
+import './chunks/bundle-CfElKzoM.js';
+import './chunks/bundle-BJw1wPlD.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-DpihS5NI.js';
-import './chunks/bundle-hRqBxjvM.js';
-import './chunks/bundle-DP_aSned.js';
-import './chunks/bundle-DN4duw1Y.js';
+import './chunks/bundle-D5jjox7Q.js';
+import './chunks/bundle-DbWSwWAr.js';
+import './chunks/bundle-CDRwx6ov.js';
+import './chunks/bundle-ClwW4Dg-.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-hGWw4eMf.js';
+import './chunks/bundle-CCC20GHQ.js';
+import './ui/SortByRow.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -99,19 +102,19 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-D-by6HN6.js';
+import './chunks/bundle-k2A_Dplg.js';
 import './ui/MobileMenu.js';
 import './ui/ThreadReplies.js';
-import './chunks/bundle-DzlOXblL.js';
+import './chunks/bundle-1dw3VwGW.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-B3tvVLq5.js';
+import './chunks/bundle-Dw8813nX.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-BE99Rlsx.js';
+import './chunks/bundle-CrfqwS86.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-B4xtyAkc.js';
+import './chunks/bundle-DMhVPx55.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -119,7 +122,7 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-B1mL3PO-.js';
+import './chunks/bundle-BMqNmFAC.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/MessageFeedbackFailedModal.js';
@@ -127,97 +130,98 @@ import './ui/FeedbackIconButton.js';
 import './ui/MobileFeedbackMenu.js';
 import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
-import './chunks/bundle-DsLBUX73.js';
+import './chunks/bundle-BBhGk7VW.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-tukIITU-.js';
+import './chunks/bundle-D7RFGuQj.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-Du6cIk2l.js';
+import './chunks/bundle-CSXuv4Bd.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-B55UZaxY.js';
-import './chunks/bundle-DlbOikBb.js';
+import './chunks/bundle-CFIe1TQh.js';
+import './chunks/bundle-c5KbzTiA.js';
 import './GroupChannel/components/UnreadCount.js';
 import './GroupChannel/components/FrozenNotification.js';
 import './ui/TypingIndicatorBubble.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
-import './chunks/bundle-qyRzszum.js';
+import './chunks/bundle-B_2pLVhC.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-Bgn2GwF3.js';
+import './chunks/bundle-CAUVIS8U.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-BLI5iX3q.js';
-import './chunks/bundle-CQPPUSnd.js';
-import './GroupChannelList/context.js';
-import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-oMav5nmr.js';
+import './chunks/bundle-ur8S4QkK.js';
+import './chunks/bundle-DTsnEKas.js';
+import './chunks/bundle-t7Yx3Waq.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-4An_Tbri.js';
-import './chunks/bundle-C7_O9Ilo.js';
+import './chunks/bundle-BVQ6FvPr.js';
+import './chunks/bundle-Cui2dEHn.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-B5eJyxHS.js';
+import './chunks/bundle-CvS9hHiN.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
-import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-BQ6VnufH.js';
-import './CreateChannel.js';
-import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-CElRo6fI.js';
-import './CreateChannel/components/InviteUsers.js';
-import './CreateChannel/components/SelectChannelType.js';
 import './Channel/context.js';
-import './chunks/bundle-3LkfEqPT.js';
-import './chunks/bundle-BkWUKO6n.js';
-import './chunks/bundle-DZiGdXw3.js';
-import './chunks/bundle-BV3Rh-j4.js';
-import './chunks/bundle-BnINiqAS.js';
+import './chunks/bundle-DG6u-bEo.js';
+import './chunks/bundle-IJCJg91y.js';
+import './chunks/bundle-eHS4YF9i.js';
+import './chunks/bundle-HWQAzYJv.js';
+import './chunks/bundle-CPrxIh9y.js';
+import './chunks/bundle-DCVn-5-M.js';
+import './ChannelSettings/hooks/useMenuList.js';
+import './chunks/bundle-CuNiKKod.js';
+import './chunks/bundle-DloA6aeM.js';
+import './chunks/bundle-D1dUz9rt.js';
+import './ui/Toggle.js';
+import './ChannelSettings/components/ChannelSettingsMenuItem.js';
+import './chunks/bundle-JsdOq6pg.js';
+import './chunks/bundle-DYlj08ur.js';
+import './Thread/context/types.js';
+import 'date-fns';
+import './Thread/components/ThreadMessageInput.js';
+import './chunks/bundle-DFLinAbj.js';
+import './chunks/bundle-CzQv-JhI.js';
+import './Channel/hooks/useHandleUploadFiles.js';
+import './ChannelList/components/ChannelPreview.js';
+import './chunks/bundle-C9ITO9KN.js';
+import './OpenChannel/components/OpenChannelInput.js';
+import './OpenChannel/components/OpenChannelMessageList.js';
+import './OpenChannel/components/OpenChannelMessage.js';
+import './ui/OpenchannelUserMessage.js';
+import './chunks/bundle-BneAvNJ6.js';
+import './chunks/bundle-zZfVGvhn.js';
+import './ui/OpenChannelAdminMessage.js';
+import './ui/OpenchannelOGMessage.js';
+import './ui/OpenchannelThumbnailMessage.js';
+import './ui/OpenchannelFileMessage.js';
+import './chunks/bundle-C-rvXpNA.js';
+import './OpenChannelSettings/context.js';
+import './ui/AccordionGroup.js';
 import './Channel/components/ChannelUI.js';
 import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-CTFywcmH.js';
 import './Channel/components/MessageInput.js';
-import './chunks/bundle-36qjHDvb.js';
-import './ChannelList/components/ChannelListUI.js';
-import './ChannelList/components/ChannelPreview.js';
-import './ChannelList/components/AddChannel.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
-import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelSettingsHeader.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/LeaveChannel.js';
-import './ChannelSettings/components/ChannelSettingsMenuItem.js';
 import './ChannelSettings/components/ChannelSettingMenuList.js';
-import './ChannelSettings/hooks/useMenuList.js';
-import './chunks/bundle-CveSQMZK.js';
-import './chunks/bundle-LrVjPBSO.js';
-import './chunks/bundle-OmVxN8eK.js';
-import './ui/Toggle.js';
 import './MessageSearch/components/MessageSearchUI.js';
-import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
-import './Thread/context.js';
-import './Thread/context/types.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-C5Mr4ZII.js';
+import './chunks/bundle-B9ip9Rgs.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-DBELWBPL.js';
-import './chunks/bundle-C5q3z4TD.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
-import 'date-fns';
-import './Thread/components/ThreadMessageInput.js';
-import './Channel/hooks/useHandleUploadFiles.js';
 
 var DesktopLayout = function (props) {
     var isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, isMessageGroupingEnabled = props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, allowProfileEdit = props.allowProfileEdit, showSearchIcon = props.showSearchIcon, onProfileEditSuccess = props.onProfileEditSuccess, disableAutoSelect = props.disableAutoSelect, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, showSettings = props.showSettings, setShowSettings = props.setShowSettings, showSearch = props.showSearch, setShowSearch = props.setShowSearch, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, showThread = props.showThread, setShowThread = props.setShowThread, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage, enableLegacyChannelModules = props.enableLegacyChannelModules;
@@ -328,170 +332,11 @@ var DesktopLayout = function (props) {
             } }))));
 };
 
-var PANELS;
-(function (PANELS) {
-    PANELS["CHANNEL_LIST"] = "CHANNEL_LIST";
-    PANELS["CHANNEL"] = "CHANNEL";
-    PANELS["CHANNEL_SETTINGS"] = "CHANNEL_SETTINGS";
-    PANELS["MESSAGE_SEARCH"] = "MESSAGE_SEARCH";
-    PANELS["THREAD"] = "THREAD";
-})(PANELS || (PANELS = {}));
-var MobileLayout = function (props) {
-    var _a, _b, _c;
-    var replyType = props.replyType, isMessageGroupingEnabled = props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, allowProfileEdit = props.allowProfileEdit, isReactionEnabled = props.isReactionEnabled, showSearchIcon = props.showSearchIcon, onProfileEditSuccess = props.onProfileEditSuccess, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage, enableLegacyChannelModules = props.enableLegacyChannelModules;
-    var _d = useState(PANELS.CHANNEL_LIST), panel = _d[0], setPanel = _d[1];
-    var store = useSendbirdStateContext();
-    var sdk = (_b = (_a = store === null || store === void 0 ? void 0 : store.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
-    var userId = (_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.userId;
-    var pause = useVoicePlayerContext().pause;
-    var goToMessage = function (message, timeoutCb) {
-        setStartingPoint === null || setStartingPoint === void 0 ? void 0 : setStartingPoint((message === null || message === void 0 ? void 0 : message.createdAt) || null);
-        setTimeout(function () {
-            timeoutCb === null || timeoutCb === void 0 ? void 0 : timeoutCb((message === null || message === void 0 ? void 0 : message.messageId) || null);
-        }, 500);
-    };
-    useEffect(function () {
-        if (panel !== PANELS.CHANNEL) {
-            goToMessage(null, function () { return setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null); });
-        }
-    }, [panel]);
-    useEffect(function () {
-        var _a, _b;
-        var handlerId = uuidv4();
-        if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
-            var handler = new GroupChannelHandler({
-                onUserBanned: function (groupChannel, user) {
-                    if (groupChannel.url === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) && (user === null || user === void 0 ? void 0 : user.userId) === userId) {
-                        setPanel(PANELS.CHANNEL_LIST);
-                    }
-                },
-                onChannelDeleted: function (channelUrl) {
-                    if (channelUrl === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
-                        setPanel(PANELS.CHANNEL_LIST);
-                    }
-                },
-                onUserLeft: function (groupChannel, user) {
-                    if (groupChannel.url === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) && (user === null || user === void 0 ? void 0 : user.userId) === userId) {
-                        setPanel(PANELS.CHANNEL_LIST);
-                    }
-                },
-            });
-            (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.addGroupChannelHandler(handlerId, handler);
-        }
-        return function () {
-            var _a, _b;
-            (_b = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) === null || _b === void 0 ? void 0 : _b.call(_a, handlerId);
-        };
-    }, [sdk, currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
-    // if currentChannel is changed while on Thread
-    // then change panel type to CHANNEL
-    useEffect(function () {
-        if (panel === PANELS.THREAD) {
-            setPanel(PANELS.CHANNEL);
-        }
-    }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
-    var channelListProps = {
-        allowProfileEdit: allowProfileEdit,
-        onProfileEditSuccess: onProfileEditSuccess,
-        disableAutoSelect: true,
-        onChannelSelect: function (channel) {
-            setCurrentChannel(channel !== null && channel !== void 0 ? channel : undefined);
-            if (channel) {
-                setPanel(PANELS.CHANNEL);
-            }
-            else {
-                setPanel(PANELS.CHANNEL_LIST);
-            }
-        },
-        // for GroupChannelList
-        onChannelCreated: function (channel) {
-            setCurrentChannel(channel);
-            setPanel(PANELS.CHANNEL);
-        },
-        onUserProfileUpdated: onProfileEditSuccess,
-    };
-    var channelProps = {
-        channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '',
-        onChatHeaderActionClick: function () {
-            setPanel(PANELS.CHANNEL_SETTINGS);
-        },
-        onBackClick: function () {
-            setPanel(PANELS.CHANNEL_LIST);
-            pause(ALL);
-        },
-        onSearchClick: function () {
-            setPanel(PANELS.MESSAGE_SEARCH);
-        },
-        onReplyInThread: function (_a) {
-            var message = _a.message;
-            if (replyType === 'THREAD') {
-                setPanel(PANELS.THREAD);
-                setThreadTargetMessage(message);
-            }
-        },
-        onQuoteMessageClick: function (_a) {
-            var message = _a.message;
-            // thread message
-            if (replyType === 'THREAD') {
-                setThreadTargetMessage(message);
-                setPanel(PANELS.THREAD);
-            }
-        },
-        animatedMessage: highlightedMessage,
-        onMessageAnimated: function () { return setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null); },
-        showSearchIcon: showSearchIcon,
-        startingPoint: startingPoint !== null && startingPoint !== void 0 ? startingPoint : undefined,
-        isReactionEnabled: isReactionEnabled,
-        replyType: replyType,
-        isMessageGroupingEnabled: isMessageGroupingEnabled,
-        isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled,
-        // for GroupChannel
-        animatedMessageId: highlightedMessage,
-        onReplyInThreadClick: function (_a) {
-            var message = _a.message;
-            if (replyType === 'THREAD') {
-                setPanel(PANELS.THREAD);
-                setThreadTargetMessage(message);
-            }
-        },
-    };
-    return (React__default.createElement("div", { className: "sb_mobile", id: APP_LAYOUT_ROOT },
-        panel === PANELS.CHANNEL_LIST && (React__default.createElement("div", { className: "sb_mobile__panelwrap" }, enableLegacyChannelModules ? React__default.createElement(ChannelList, __assign({}, channelListProps)) : React__default.createElement(GroupChannelList, __assign({}, channelListProps)))),
-        panel === PANELS.CHANNEL && (React__default.createElement("div", { className: "sb_mobile__panelwrap" }, enableLegacyChannelModules ? React__default.createElement(Channel, __assign({}, channelProps)) : React__default.createElement(GroupChannel, __assign({}, channelProps)))),
-        panel === PANELS.CHANNEL_SETTINGS && (React__default.createElement("div", { className: "sb_mobile__panelwrap" },
-            React__default.createElement(ChannelSettings, { channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', onCloseClick: function () {
-                    setPanel(PANELS.CHANNEL);
-                }, onLeaveChannel: function () {
-                    setPanel(PANELS.CHANNEL_LIST);
-                } }))),
-        panel === PANELS.MESSAGE_SEARCH && (React__default.createElement("div", { className: "sb_mobile__panelwrap" },
-            React__default.createElement(MessageSearchPannel, { channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', onCloseClick: function () {
-                    setPanel(PANELS.CHANNEL);
-                }, onResultClick: function (message) {
-                    setPanel(PANELS.CHANNEL);
-                    goToMessage(message, function (messageId) {
-                        setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(messageId);
-                    });
-                } }))),
-        panel === PANELS.THREAD && (React__default.createElement("div", { className: "sb_mobile__panelwrap" },
-            React__default.createElement(Thread, { channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', message: threadTargetMessage, onHeaderActionClick: function () {
-                    setPanel(PANELS.CHANNEL);
-                    pause(ALL);
-                }, onMoveToParentMessage: function (_a) {
-                    var message = _a.message, channel = _a.channel;
-                    setCurrentChannel(channel);
-                    goToMessage(message, function (messageId) {
-                        setPanel(PANELS.CHANNEL);
-                        setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(messageId);
-                    });
-                } })))));
-};
-
 var AppLayout = function (props) {
     var _a, _b, _c;
     var isMessageGroupingEnabled = props.isMessageGroupingEnabled, allowProfileEdit = props.allowProfileEdit, onProfileEditSuccess = props.onProfileEditSuccess, disableAutoSelect = props.disableAutoSelect, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, enableLegacyChannelModules = props.enableLegacyChannelModules;
-    var globalStore = useSendbirdStateContext();
-    var globalConfigs = globalStore.config;
+    var state = useSendbird().state;
+    var globalConfigs = state.config;
     var _d = useState(false), showThread = _d[0], setShowThread = _d[1];
     var _e = useState(null), threadTargetMessage = _e[0], setThreadTargetMessage = _e[1];
     var _f = useState(false), showSettings = _f[0], setShowSettings = _f[1];

package/App.js.map

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

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # Changelog - v3
 
+
+## [v3.15.14] (Feb 7 2025)
+
+### Features:
+- Added custom hooks for each module replacing the previous context hook. The custom hook allows access to the provider's data, which are divided into `state` and `actions` properties.
+  * Added `useGroupChannelList`, replacing `useGroupChannelListContext`
+  * Added `useCreateChannel`, replacing `useCreateChannelContext`
+  * Added `useChannelSettings`, replacing `useChannelSettingsContext`
+  * Added `useGroupChannel`, replacing `useGroupChannelContext`
+  * Added `useMessageSearch`, replacing `useMessageSearchContext`
+  * Added `useThread`, replacing `useThreadContext`
+    - How to Use?
+    ```tsx
+    import { useGroupChannel } from '@sendbird/uikit-react/GroupChannel/context';
+
+    // Implement your code inside the react function component.
+    const Component = () => {
+    // const { currentChannel, scrollToBottom } = useGroupChannelContext();
+    const {
+      state : {
+        currentChannel,
+      },
+      actions : {
+        scrollToBottom
+      },
+    } = useGroupChannel();
+
+    const onScrollDownButtonClick = () => {
+      scrollToBottom();
+    };
+
+    // ...
+    }
+    ```
+    
+### Fixes:
+- Fixed an issue where the pasting the formatted text to `MessageInput` did not shows properly. 
+- Fixed a bug with forwardRef Rules of Hooks violation.
+
 ## [v3.15.13] (Jan 31 2025)
 
 ### Features:

package/Channel/components/ChannelHeader.js

@@ -1,56 +1,48 @@
-import { _ as __assign } from '../../chunks/bundle-DYWoNQhj.js';
+import { _ as __assign } from '../../chunks/bundle-Cj5_JUGB.js';
 import React__default from 'react';
-import { G as GroupChannelHeaderView } from '../../chunks/bundle-C-HBEOnV.js';
+import { G as GroupChannelHeaderView } from '../../chunks/bundle-A2onzY73.js';
 import { useChannelContext } from '../context.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-muCRoZnm.js';
+import '../../chunks/bundle-BY9oUVFG.js';
 import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-08-6-SlL.js';
+import '../../chunks/bundle-CyrtxrpV.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-ITAjxs5f.js';
-import '../../chunks/bundle-CAlpEHsN.js';
-import '../../chunks/bundle-DEXtcf7q.js';
-import '../../chunks/bundle-DZQMYGNb.js';
-import '../../chunks/bundle-CeU_rok8.js';
-import '../../chunks/bundle-CXWjM2Ia.js';
+import '../../chunks/bundle-RBoKRbHz.js';
+import '../../chunks/bundle-BD_ok0_K.js';
+import '../../chunks/bundle-i9LnR1n4.js';
+import '../../chunks/bundle-CyiL7cM0.js';
+import '../../chunks/bundle-DxxvrMQI.js';
+import '../../chunks/bundle-DbJ8lyIW.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-DGPYBL2Z.js';
-import '../../chunks/bundle-CCv1GX0e.js';
-import '../../chunks/bundle-DmcjtF3k.js';
-import '../../chunks/bundle-CQj-EzGD.js';
-import '../../useSendbirdStateContext.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-BG36nFyP.js';
+import '../../chunks/bundle-C1ncZUjl.js';
+import '../../chunks/bundle-CClknHGO.js';
+import '../../chunks/bundle-1WicDXzs.js';
+import '../../chunks/bundle-BznbvczW.js';
+import '../../chunks/bundle-B2hCX5Y1.js';
+import '../../chunks/bundle-BdjfIRue.js';
+import '../../chunks/bundle-KQc1NYs1.js';
 import '../../ui/Header.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-CfntB7lr.js';
+import '../../chunks/bundle-BMtR335z.js';
 import '../../ui/IconButton.js';
-import '../../chunks/bundle-hWklignP.js';
-import '@sendbird/uikit-tools';
-import '../../chunks/bundle-CHhelJGL.js';
-import 'react-dom';
-import '../../ui/Button.js';
-import 'css-vars-ponyfill';
+import '../../chunks/bundle-CDp-g5XU.js';
+import '../../chunks/bundle-m1et25Jg.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-CVdd1_hK.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-ETZVxQ1e.js';
-import '../../chunks/bundle-Cvzxf-pt.js';
-import '../../ui/SortByRow.js';
-import '../../chunks/bundle-B19SdyEr.js';
-import '../../chunks/bundle-qyRzszum.js';
+import '../../chunks/bundle-Bkbt9_K2.js';
+import '../../chunks/bundle-C-JPnBnR.js';
+import '../../chunks/bundle-B_2pLVhC.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-Dd4Zk-PA.js';
-import '../../chunks/bundle-NgX0o-IK.js';
-import '../../chunks/bundle-3LkfEqPT.js';
-import '../../chunks/bundle-BkWUKO6n.js';
-import '../../chunks/bundle-DZiGdXw3.js';
-import '../../chunks/bundle-BV3Rh-j4.js';
-import '../../chunks/bundle-BpgHxUBL.js';
-import '../../chunks/bundle-C2DfOewL.js';
-import '../../chunks/bundle-C1wZBRMc.js';
-import '../../chunks/bundle-BnINiqAS.js';
+import '../../chunks/bundle-CwlHaxRY.js';
+import '../../chunks/bundle-Dg1G5COD.js';
+import '../../chunks/bundle-DG6u-bEo.js';
+import '../../chunks/bundle-IJCJg91y.js';
+import '../../chunks/bundle-D9R7Jiqe.js';
+import '../../chunks/bundle-eHS4YF9i.js';
+import '../../chunks/bundle-CdizyEdk.js';
+import '../../chunks/bundle-ByVGO6Cn.js';
+import '../../chunks/bundle-HWQAzYJv.js';
 
 /**
  * @deprecated This component is deprecated and will be removed in the next major update.