@sendbird/uikit-react 3.15.13 → 3.15.14-rc

package/cjs/Channel/context.js

@@ -1,47 +1,34 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-D1slQ3hS.js');
+var _tslib = require('../chunks/bundle-BPkbLqnu.js');
 var React = require('react');
-var UserProfileContext = require('../chunks/bundle-B0uIbH1T.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _const = require('../chunks/bundle-DHZYT5M_.js');
-var utils = require('../chunks/bundle-nWxq3V_Q.js');
-var getIsReactionEnabled = require('../chunks/bundle-BcIrmepz.js');
-var index$1 = require('../chunks/bundle-WqJcr9PX.js');
+var UserProfileContext = require('../chunks/bundle-CK1N-Lna.js');
+var _const = require('../chunks/bundle-DzywW4aT.js');
+var utils = require('../chunks/bundle-DmbYmCTt.js');
+var getIsReactionEnabled = require('../chunks/bundle-B1kfg8W4.js');
+var index$2 = require('../chunks/bundle-aZt_yr7x.js');
 var message = require('@sendbird/chat/message');
-var index = require('../chunks/bundle-DTD48j2K.js');
-var actionTypes = require('../chunks/bundle-DQy9DqFO.js');
-var compareIds = require('../chunks/bundle-YTiDKoON.js');
-var Channel_hooks_useInitialMessagesFetch = require('../chunks/bundle-4i5ybSGL.js');
-var LocalizationContext = require('../chunks/bundle-DE5YH8Q-.js');
+var index = require('../chunks/bundle-BJftto_l.js');
+var Channel_hooks_useInitialMessagesFetch = require('../chunks/bundle-BVPusRwU.js');
+var compareIds = require('../chunks/bundle-BtQOYbDr.js');
+var index$1 = require('../chunks/bundle-BauO6Klm.js');
+var LocalizationContext = require('../chunks/bundle-DKTpL0g1.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('../chunks/bundle-s1cLz65w.js');
-var useReconnectOnIdle = require('../chunks/bundle-Bhf_RRfA.js');
-var consts = require('../chunks/bundle-BloKh_k7.js');
-var pubSub_topics = require('../chunks/bundle-DWfeFlxG.js');
-var useToggleReactionCallback = require('../chunks/bundle-CT3qZJLT.js');
-var resolvedReplyType = require('../chunks/bundle-BZd597ep.js');
-var useSendMultipleFilesMessage = require('../chunks/bundle-DeLEOQNO.js');
-require('@sendbird/uikit-tools');
-require('../withSendbird.js');
-require('../chunks/bundle-Ol1CxgYk.js');
-require('../chunks/bundle-Cq5LKFhE.js');
-require('react-dom');
-require('../chunks/bundle-B5aEwfu1.js');
-require('../ui/IconButton.js');
-require('../ui/Button.js');
-require('../chunks/bundle-BA6Cum_9.js');
-require('../chunks/bundle-DzEGN4bG.js');
-require('../ui/Icon.js');
-require('css-vars-ponyfill');
+var uuid = require('../chunks/bundle-89fX6BxE.js');
+var useSendbird = require('../chunks/bundle-BgQpYkVd.js');
+var useReconnectOnIdle = require('../chunks/bundle-DeUnCD5j.js');
+var consts = require('../chunks/bundle-B6qGo4m1.js');
+var pubSub_topics = require('../chunks/bundle-DB7AA9OZ.js');
+var resolvedReplyType = require('../chunks/bundle-BT4XFhDb.js');
+var useSendMultipleFilesMessage = require('../chunks/bundle-C_Lbwszw.js');
+require('../chunks/bundle-DFU6GAqv.js');
+require('../chunks/bundle-D8Y4YVC3.js');
+require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-Cgx64DbJ.js');
+require('../chunks/bundle-Dk0-umQd.js');
+require('../chunks/bundle-LSngpiw3.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-sZREfKpL.js');
-require('../chunks/bundle-BAF8GaDh.js');
-require('../chunks/bundle-QF_AmnwV.js');
-require('../ui/SortByRow.js');
-require('../chunks/bundle-CuWm0vby.js');
-require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -95,18 +82,18 @@ function hasReqId(message) {
 function channelReducer(state, action) {
     var stringSet = LocalizationContext.useLocalization().stringSet;
     return index.K(action)
-        .with({ type: actionTypes.RESET_MESSAGES }, function () {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.RESET_MESSAGES }, function () {
         return _tslib.__assign(_tslib.__assign({}, state), { 
             // when user switches channel, if the previous channel `hasMorePrev`
             // the onScroll gets called twice, setting hasMorePrev false prevents this
             hasMorePrev: false, hasMoreNext: false, allMessages: [], localMessages: [] });
     })
-        .with({ type: actionTypes.FETCH_INITIAL_MESSAGES_START }, function () {
-        return _tslib.__assign(_tslib.__assign({}, state), { loading: true, allMessages: state.allMessages.filter(function (m) { return index.isSendableMessage(m)
+        .with({ type: Channel_hooks_useInitialMessagesFetch.FETCH_INITIAL_MESSAGES_START }, function () {
+        return _tslib.__assign(_tslib.__assign({}, state), { loading: true, allMessages: state.allMessages.filter(function (m) { return index$1.isSendableMessage(m)
                 ? m.sendingStatus !== message.SendingStatus.SUCCEEDED
                 : true; }), localMessages: [] });
     })
-        .with({ type: actionTypes.FETCH_INITIAL_MESSAGES_SUCCESS }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.FETCH_INITIAL_MESSAGES_SUCCESS }, function (action) {
         var _a;
         var _b = action.payload, currentGroupChannel = _b.currentGroupChannel, messages = _b.messages;
         if (!((currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) === ((_a = state.currentGroupChannel) === null || _a === void 0 ? void 0 : _a.url))) {
@@ -116,7 +103,7 @@ function channelReducer(state, action) {
         var latestMessageTimeStamp = getLatestMessageTimeStamp(messages);
         return _tslib.__assign(_tslib.__assign({}, state), { loading: false, initialized: true, hasMorePrev: true, hasMoreNext: true, oldestMessageTimeStamp: oldestMessageTimeStamp, latestMessageTimeStamp: latestMessageTimeStamp, allMessages: _tslib.__spreadArray([], messages, true) });
     })
-        .with({ type: actionTypes.FETCH_PREV_MESSAGES_SUCCESS }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.FETCH_PREV_MESSAGES_SUCCESS }, function (action) {
         var _a, _b, _c, _d;
         var _e = action.payload, currentGroupChannel = _e.currentGroupChannel, messages = _e.messages;
         if (!((currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) === ((_a = state.currentGroupChannel) === null || _a === void 0 ? void 0 : _a.url))) {
@@ -145,7 +132,7 @@ function channelReducer(state, action) {
             : messages;
         return _tslib.__assign(_tslib.__assign({}, state), { hasMorePrev: hasMorePrev, oldestMessageTimeStamp: oldestMessageTimeStamp, allMessages: _tslib.__spreadArray(_tslib.__spreadArray([], filteredNewMessages, true), updatedOldMessages, true) });
     })
-        .with({ type: actionTypes.FETCH_NEXT_MESSAGES_SUCCESS }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.FETCH_NEXT_MESSAGES_SUCCESS }, function (action) {
         var _a, _b, _c, _d;
         var _e = action.payload, currentGroupChannel = _e.currentGroupChannel, messages = _e.messages;
         if (!((currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) === ((_a = state.currentGroupChannel) === null || _a === void 0 ? void 0 : _a.url))) {
@@ -159,22 +146,22 @@ function channelReducer(state, action) {
         return _tslib.__assign(_tslib.__assign({}, state), { hasMoreNext: hasMoreNext, latestMessageTimeStamp: latestMessageTimeStamp, allMessages: sortedMessages });
     })
         .with({
-        type: index.S.union(actionTypes.FETCH_INITIAL_MESSAGES_FAILURE, actionTypes.FETCH_PREV_MESSAGES_FAILURE, actionTypes.FETCH_NEXT_MESSAGES_FAILURE),
+        type: index.S.union(Channel_hooks_useInitialMessagesFetch.FETCH_INITIAL_MESSAGES_FAILURE, Channel_hooks_useInitialMessagesFetch.FETCH_PREV_MESSAGES_FAILURE, Channel_hooks_useInitialMessagesFetch.FETCH_NEXT_MESSAGES_FAILURE),
     }, function (action) {
         var _a;
         var currentGroupChannel = action.payload.currentGroupChannel;
         if ((currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) !== ((_a = state === null || state === void 0 ? void 0 : state.currentGroupChannel) === null || _a === void 0 ? void 0 : _a.url))
             return state;
         // It shows something went wrong screen when fetching initial messages failed.
-        var shouldInvalid = [actionTypes.FETCH_INITIAL_MESSAGES_FAILURE].includes(action.type);
+        var shouldInvalid = [Channel_hooks_useInitialMessagesFetch.FETCH_INITIAL_MESSAGES_FAILURE].includes(action.type);
         return _tslib.__assign(_tslib.__assign({}, state), { loading: false, isInvalid: shouldInvalid, initialized: false, allMessages: [], hasMorePrev: false, hasMoreNext: false, oldestMessageTimeStamp: null, latestMessageTimeStamp: null });
     })
-        .with({ type: actionTypes.SEND_MESSAGE_START }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_START }, function (action) {
         // Message should not be spread here
         // it will loose some methods like `isUserMessage`
         return _tslib.__assign(_tslib.__assign({}, state), { localMessages: _tslib.__spreadArray(_tslib.__spreadArray([], state.localMessages, true), [action.payload], false) });
     })
-        .with({ type: actionTypes.SEND_MESSAGE_SUCCESS }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_SUCCESS }, function (action) {
         var message = action.payload;
         /**
          * Admin messages do not have reqId. We need to include them.
@@ -184,20 +171,20 @@ function channelReducer(state, action) {
         // must always be at the end of the message list
         return _tslib.__assign(_tslib.__assign({}, state), { allMessages: _tslib.__spreadArray(_tslib.__spreadArray([], filteredMessages, true), [message], false), localMessages: state.localMessages.filter(function (m) { return hasReqId(m) && (m === null || m === void 0 ? void 0 : m.reqId) !== (message === null || message === void 0 ? void 0 : message.reqId); }) });
     })
-        .with({ type: actionTypes.SEND_MESSAGE_FAILURE }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_FAILURE }, function (action) {
         // @ts-ignore
         action.payload.failed = true;
         return _tslib.__assign(_tslib.__assign({}, state), { localMessages: state.localMessages.map(function (m) { return compareIds.compareIds(hasReqId(m) && m.reqId, action.payload.reqId)
                 ? action.payload
                 : m; }) });
     })
-        .with({ type: actionTypes.SET_CURRENT_CHANNEL }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL }, function (action) {
         return _tslib.__assign(_tslib.__assign({}, state), { currentGroupChannel: action.payload, isInvalid: false });
     })
-        .with({ type: actionTypes.SET_CHANNEL_INVALID }, function () {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.SET_CHANNEL_INVALID }, function () {
         return _tslib.__assign(_tslib.__assign({}, state), { currentGroupChannel: null, allMessages: [], localMessages: [], isInvalid: true });
     })
-        .with({ type: actionTypes.ON_MESSAGE_RECEIVED }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_RECEIVED }, function (action) {
         var _a, _b;
         var _c = action.payload, channel = _c.channel, message = _c.message;
         var members = channel.members;
@@ -213,7 +200,7 @@ function channelReducer(state, action) {
         }
         // Filter by userFilledQuery
         if (state.messageListParams
-            && !index.filterMessageListParams(state.messageListParams, message)) {
+            && !index$1.filterMessageListParams(state.messageListParams, message)) {
             return state;
         }
         if (message.isAdminMessage && message.isAdminMessage()) {
@@ -232,9 +219,9 @@ function channelReducer(state, action) {
                 return member;
             });
         }
-        return _tslib.__assign(_tslib.__assign({}, state), { currentGroupChannel: channel, unreadSince: (_a = state.unreadSince) !== null && _a !== void 0 ? _a : index$1.format(new Date(), stringSet.DATE_FORMAT__UNREAD_SINCE), unreadSinceDate: (_b = state.unreadSinceDate) !== null && _b !== void 0 ? _b : new Date(), allMessages: utils.passUnsuccessfullMessages(state.allMessages, message) });
+        return _tslib.__assign(_tslib.__assign({}, state), { currentGroupChannel: channel, unreadSince: (_a = state.unreadSince) !== null && _a !== void 0 ? _a : index$2.format(new Date(), stringSet.DATE_FORMAT__UNREAD_SINCE), unreadSinceDate: (_b = state.unreadSinceDate) !== null && _b !== void 0 ? _b : new Date(), allMessages: utils.passUnsuccessfullMessages(state.allMessages, message) });
     })
-        .with({ type: actionTypes.ON_MESSAGE_UPDATED }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_UPDATED }, function (action) {
         var _a;
         var _b = action.payload, channel = _b.channel, message = _b.message;
         var currentGroupChannelUrl = ((_a = state === null || state === void 0 ? void 0 : state.currentGroupChannel) === null || _a === void 0 ? void 0 : _a.url) || '';
@@ -242,7 +229,7 @@ function channelReducer(state, action) {
             return state; // Ignore event when it is not for the current channel
         }
         if (state.messageListParams
-            && !index.filterMessageListParams(state.messageListParams, message)) {
+            && !index$1.filterMessageListParams(state.messageListParams, message)) {
             // Delete the message if it doesn't match to the params anymore
             return _tslib.__assign(_tslib.__assign({}, state), { allMessages: state.allMessages.filter(function (m) { return !compareIds.compareIds(m.messageId, message === null || message === void 0 ? void 0 : message.messageId); }) });
         }
@@ -256,7 +243,7 @@ function channelReducer(state, action) {
                 return m;
             }) });
     })
-        .with({ type: actionTypes.ON_MESSAGE_THREAD_INFO_UPDATED }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_THREAD_INFO_UPDATED }, function (action) {
         var _a;
         var _b = action.payload, channel = _b.channel, event = _b.event;
         var channelUrl = event.channelUrl, threadInfo = event.threadInfo, targetMessageId = event.targetMessageId;
@@ -273,28 +260,28 @@ function channelReducer(state, action) {
                 return m;
             }) });
     })
-        .with({ type: actionTypes.RESEND_MESSAGE_START }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.RESEND_MESSAGE_START }, function (action) {
         return _tslib.__assign(_tslib.__assign({}, state), { localMessages: state.localMessages.map(function (m) { return compareIds.compareIds(hasReqId(m) && m.reqId, action.payload.reqId)
                 ? action.payload
                 : m; }) });
     })
-        .with({ type: actionTypes.MARK_AS_READ }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.MARK_AS_READ }, function (action) {
         var _a, _b, _c;
         if (((_a = state.currentGroupChannel) === null || _a === void 0 ? void 0 : _a.url) !== ((_c = (_b = action.payload) === null || _b === void 0 ? void 0 : _b.channel) === null || _c === void 0 ? void 0 : _c.url)) {
             return state;
         }
         return _tslib.__assign(_tslib.__assign({}, state), { unreadSince: null, unreadSinceDate: null });
     })
-        .with({ type: actionTypes.ON_MESSAGE_DELETED }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_DELETED }, function (action) {
         return _tslib.__assign(_tslib.__assign({}, state), { allMessages: state.allMessages.filter(function (m) { return !compareIds.compareIds(m.messageId, action.payload); }) });
     })
-        .with({ type: actionTypes.ON_MESSAGE_DELETED_BY_REQ_ID }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_DELETED_BY_REQ_ID }, function (action) {
         return _tslib.__assign(_tslib.__assign({}, state), { localMessages: state.localMessages.filter(function (m) { return !compareIds.compareIds(hasReqId(m) && m.reqId, action.payload); }) });
     })
-        .with({ type: actionTypes.SET_EMOJI_CONTAINER }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.SET_EMOJI_CONTAINER }, function (action) {
         return _tslib.__assign(_tslib.__assign({}, state), { emojiContainer: action.payload });
     })
-        .with({ type: actionTypes.ON_REACTION_UPDATED }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.ON_REACTION_UPDATED }, function (action) {
         return _tslib.__assign(_tslib.__assign({}, state), { allMessages: state.allMessages.map(function (m) {
                 if (compareIds.compareIds(m.messageId, action.payload.messageId)) {
                     if (m.applyReactionEvent
@@ -306,10 +293,10 @@ function channelReducer(state, action) {
                 return m;
             }) });
     })
-        .with({ type: actionTypes.MESSAGE_LIST_PARAMS_CHANGED }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.MESSAGE_LIST_PARAMS_CHANGED }, function (action) {
         return _tslib.__assign(_tslib.__assign({}, state), { messageListParams: action.payload });
     })
-        .with({ type: actionTypes.ON_FILE_INFO_UPLOADED }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.ON_FILE_INFO_UPLOADED }, function (action) {
         var _a, _b;
         var _c = action.payload, channelUrl = _c.channelUrl, requestId = _c.requestId, index = _c.index, uploadableFileInfo = _c.uploadableFileInfo, error = _c.error;
         if (!compareIds.compareIds(channelUrl, (_a = state === null || state === void 0 ? void 0 : state.currentGroupChannel) === null || _a === void 0 ? void 0 : _a.url)) {
@@ -330,7 +317,7 @@ function channelReducer(state, action) {
         }
         return _tslib.__assign(_tslib.__assign({}, state), { localMessages: localMessages });
     })
-        .with({ type: actionTypes.ON_TYPING_STATUS_UPDATED }, function (action) {
+        .with({ type: Channel_hooks_useInitialMessagesFetch.ON_TYPING_STATUS_UPDATED }, function (action) {
         var _a;
         var _b = action.payload, channel = _b.channel, typingMembers = _b.typingMembers;
         if (!compareIds.compareIds(channel.url, (_a = state === null || state === void 0 ? void 0 : state.currentGroupChannel) === null || _a === void 0 ? void 0 : _a.url)) {
@@ -346,7 +333,7 @@ function useHandleChannelEvents(_a, _b) {
     var _c, _d, _e;
     var sdkInit = _a.sdkInit, currentGroupChannel = _a.currentGroupChannel, disableMarkAsRead = _a.disableMarkAsRead;
     var sdk = _b.sdk, logger = _b.logger, scrollRef = _b.scrollRef, setQuoteMessage = _b.setQuoteMessage, messagesDispatcher = _b.messagesDispatcher;
-    var store = useSendbirdStateContext.useSendbirdStateContext();
+    var store = useSendbird.useSendbird().state;
     var _f = store.config, markAsReadScheduler = _f.markAsReadScheduler, markAsDeliveredScheduler = _f.markAsDeliveredScheduler, disableMarkAsDelivered = _f.disableMarkAsDelivered;
     var canSetMarkAsDelivered = (_e = (_d = (_c = store.stores.sdkStore.sdk) === null || _c === void 0 ? void 0 : _c.appInfo) === null || _d === void 0 ? void 0 : _d.premiumFeatureList) === null || _e === void 0 ? void 0 : _e.find(function (feature) { return (feature === DELIVERY_RECEIPT); });
     React.useEffect(function () {
@@ -371,7 +358,7 @@ function useHandleChannelEvents(_a, _b) {
                         }
                         logger.info('Channel | useHandleChannelEvents: onMessageReceived', message);
                         messagesDispatcher({
-                            type: actionTypes.ON_MESSAGE_RECEIVED,
+                            type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_RECEIVED,
                             payload: { channel: channel, message: message },
                         });
                         if (scrollToEnd
@@ -397,7 +384,7 @@ function useHandleChannelEvents(_a, _b) {
                     logger.info('Channel | useHandleChannelEvents: onUnreadMemberStatusUpdated', channel);
                     if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
                         messagesDispatcher({
-                            type: actionTypes.SET_CURRENT_CHANNEL,
+                            type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL,
                             payload: channel,
                         });
                     }
@@ -407,7 +394,7 @@ function useHandleChannelEvents(_a, _b) {
                     if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
                         logger.info('Channel | useHandleChannelEvents: onDeliveryReceiptUpdated', channel);
                         messagesDispatcher({
-                            type: actionTypes.SET_CURRENT_CHANNEL,
+                            type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL,
                             payload: channel,
                         });
                     }
@@ -416,7 +403,7 @@ function useHandleChannelEvents(_a, _b) {
                     if (channel.isGroupChannel() && compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
                         logger.info('Channel | useHandleChannelEvents: onMessageUpdated', message);
                         messagesDispatcher({
-                            type: actionTypes.ON_MESSAGE_UPDATED,
+                            type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_UPDATED,
                             payload: { channel: channel, message: message },
                         });
                     }
@@ -425,7 +412,7 @@ function useHandleChannelEvents(_a, _b) {
                     if (channel.isGroupChannel() && compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
                         logger.info('Channel | useHandleChannelEvents: onThreadInfoUpdated', { channel: channel, threadInfoUpdateEvent: threadInfoUpdateEvent });
                         messagesDispatcher({
-                            type: actionTypes.ON_MESSAGE_THREAD_INFO_UPDATED,
+                            type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_THREAD_INFO_UPDATED,
                             payload: { channel: channel, event: threadInfoUpdateEvent },
                         });
                     }
@@ -434,14 +421,14 @@ function useHandleChannelEvents(_a, _b) {
                     logger.info('Channel | useHandleChannelEvents: onMessageDeleted', { channel: channel, messageId: messageId });
                     setQuoteMessage(null);
                     messagesDispatcher({
-                        type: actionTypes.ON_MESSAGE_DELETED,
+                        type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_DELETED,
                         payload: messageId,
                     });
                 },
                 onReactionUpdated: function (channel, reactionEvent) {
                     logger.info('Channel | useHandleChannelEvents: onReactionUpdated', { channel: channel, reactionEvent: reactionEvent });
                     messagesDispatcher({
-                        type: actionTypes.ON_REACTION_UPDATED,
+                        type: Channel_hooks_useInitialMessagesFetch.ON_REACTION_UPDATED,
                         payload: reactionEvent,
                     });
                 },
@@ -449,7 +436,7 @@ function useHandleChannelEvents(_a, _b) {
                     if (channel.isGroupChannel() && compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
                         logger.info('Channel | useHandleChannelEvents: onChannelChanged', channel);
                         messagesDispatcher({
-                            type: actionTypes.SET_CURRENT_CHANNEL,
+                            type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL,
                             payload: channel,
                         });
                     }
@@ -458,7 +445,7 @@ function useHandleChannelEvents(_a, _b) {
                     if (channel.isGroupChannel() && compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
                         logger.info('Channel | useHandleChannelEvents: onChannelFrozen', channel);
                         messagesDispatcher({
-                            type: actionTypes.SET_CURRENT_CHANNEL,
+                            type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL,
                             payload: channel,
                         });
                     }
@@ -467,7 +454,7 @@ function useHandleChannelEvents(_a, _b) {
                     if (channel.isGroupChannel() && compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
                         logger.info('Channel | useHandleChannelEvents: onChannelUnFrozen', channel);
                         messagesDispatcher({
-                            type: actionTypes.SET_CURRENT_CHANNEL,
+                            type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL,
                             payload: channel,
                         });
                     }
@@ -476,7 +463,7 @@ function useHandleChannelEvents(_a, _b) {
                     if (channel.isGroupChannel() && compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
                         logger.info('Channel | useHandleChannelEvents: onUserMuted', { channel: channel, user: user });
                         messagesDispatcher({
-                            type: actionTypes.SET_CURRENT_CHANNEL,
+                            type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL,
                             payload: channel,
                         });
                     }
@@ -485,7 +472,7 @@ function useHandleChannelEvents(_a, _b) {
                     if (channel.isGroupChannel() && compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
                         logger.info('Channel | useHandleChannelEvents: onUserUnmuted', { channel: channel, user: user });
                         messagesDispatcher({
-                            type: actionTypes.SET_CURRENT_CHANNEL,
+                            type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL,
                             payload: channel,
                         });
                     }
@@ -496,7 +483,7 @@ function useHandleChannelEvents(_a, _b) {
                         logger.info('Channel | useHandleChannelEvents: onUserBanned', { channel: channel, user: user });
                         var isByMe = (user === null || user === void 0 ? void 0 : user.userId) === ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId);
                         messagesDispatcher({
-                            type: actionTypes.SET_CURRENT_CHANNEL,
+                            type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL,
                             payload: isByMe ? null : channel,
                         });
                     }
@@ -505,7 +492,7 @@ function useHandleChannelEvents(_a, _b) {
                     if (channel.isGroupChannel() && compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
                         logger.info('Channel | useHandleChannelEvents: onOperatorUpdated', { channel: channel, users: users });
                         messagesDispatcher({
-                            type: actionTypes.SET_CURRENT_CHANNEL,
+                            type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL,
                             payload: channel,
                         });
                     }
@@ -516,7 +503,7 @@ function useHandleChannelEvents(_a, _b) {
                         logger.info('Channel | useHandleChannelEvents: onUserLeft', { channel: channel, user: user });
                         var isByMe = (user === null || user === void 0 ? void 0 : user.userId) === ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId);
                         messagesDispatcher({
-                            type: actionTypes.SET_CURRENT_CHANNEL,
+                            type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL,
                             payload: isByMe ? null : channel,
                         });
                     }
@@ -526,7 +513,7 @@ function useHandleChannelEvents(_a, _b) {
                         logger.info('Channel | onTypingStatusUpdated', { channel: channel });
                         var typingMembers = channel.getTypingUsers();
                         messagesDispatcher({
-                            type: actionTypes.ON_TYPING_STATUS_UPDATED,
+                            type: Channel_hooks_useInitialMessagesFetch.ON_TYPING_STATUS_UPDATED,
                             payload: {
                                 channel: channel,
                                 typingMembers: typingMembers,
@@ -563,7 +550,7 @@ function useGetChannel(_a, _b) {
                 .then(function (groupChannel) {
                 logger.info('Channel | useSetChannel fetched channel', groupChannel);
                 messagesDispatcher({
-                    type: actionTypes.SET_CURRENT_CHANNEL,
+                    type: Channel_hooks_useInitialMessagesFetch.SET_CURRENT_CHANNEL,
                     payload: groupChannel,
                 });
                 logger.info('Channel: Mark as read', groupChannel);
@@ -574,7 +561,7 @@ function useGetChannel(_a, _b) {
                 .catch(function (e) {
                 logger.warning('Channel | useSetChannel fetch channel failed', { channelUrl: channelUrl, e: e });
                 messagesDispatcher({
-                    type: actionTypes.SET_CHANNEL_INVALID,
+                    type: Channel_hooks_useInitialMessagesFetch.SET_CHANNEL_INVALID,
                 });
             });
             sdk
@@ -582,7 +569,7 @@ function useGetChannel(_a, _b) {
                 .then(function (emojiContainer_) {
                 logger.info('Channel: Getting emojis success', emojiContainer_);
                 messagesDispatcher({
-                    type: actionTypes.SET_EMOJI_CONTAINER,
+                    type: Channel_hooks_useInitialMessagesFetch.SET_EMOJI_CONTAINER,
                     payload: emojiContainer_,
                 });
             })
@@ -624,7 +611,7 @@ function useHandleReconnect(_a, _b) {
                 }
                 logger.info('Channel: Fetching messages', { currentGroupChannel: currentGroupChannel, userFilledMessageListQuery: userFilledMessageListQuery });
                 messagesDispatcher({
-                    type: actionTypes.FETCH_INITIAL_MESSAGES_START,
+                    type: Channel_hooks_useInitialMessagesFetch.FETCH_INITIAL_MESSAGES_START,
                     payload: null,
                 });
                 (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.getChannel((_c = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) !== null && _c !== void 0 ? _c : '').then(function (groupChannel) {
@@ -632,7 +619,7 @@ function useHandleReconnect(_a, _b) {
                     groupChannel.getMessagesByTimestamp(lastMessageTime, messageListParams_1)
                         .then(function (messages) {
                         messagesDispatcher({
-                            type: actionTypes.FETCH_INITIAL_MESSAGES_SUCCESS,
+                            type: Channel_hooks_useInitialMessagesFetch.FETCH_INITIAL_MESSAGES_SUCCESS,
                             payload: {
                                 currentGroupChannel: groupChannel,
                                 messages: messages,
@@ -643,7 +630,7 @@ function useHandleReconnect(_a, _b) {
                         .catch(function (error) {
                         logger.error('Channel: Fetching messages failed', error);
                         messagesDispatcher({
-                            type: actionTypes.FETCH_INITIAL_MESSAGES_FAILURE,
+                            type: Channel_hooks_useInitialMessagesFetch.FETCH_INITIAL_MESSAGES_FAILURE,
                             payload: { currentGroupChannel: groupChannel },
                         });
                     });
@@ -687,14 +674,14 @@ function useScrollCallback(_a, _b) {
         });
         currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.getMessagesByTimestamp(oldestMessageTimeStamp || new Date().getTime(), messageListParams).then(function (messages) {
             messagesDispatcher({
-                type: actionTypes.FETCH_PREV_MESSAGES_SUCCESS,
+                type: Channel_hooks_useInitialMessagesFetch.FETCH_PREV_MESSAGES_SUCCESS,
                 payload: { currentGroupChannel: currentGroupChannel, messages: messages },
             });
             if (callback)
                 setTimeout(function () { return callback(); });
         }).catch(function () {
             messagesDispatcher({
-                type: actionTypes.FETCH_PREV_MESSAGES_FAILURE,
+                type: Channel_hooks_useInitialMessagesFetch.FETCH_PREV_MESSAGES_FAILURE,
                 payload: { currentGroupChannel: currentGroupChannel },
             });
         });
@@ -730,14 +717,14 @@ function useScrollDownCallback(_a, _b) {
         logger.info('Channel: Fetching later messages', { currentGroupChannel: currentGroupChannel, userFilledMessageListQuery: userFilledMessageListQuery });
         currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.getMessagesByTimestamp(latestMessageTimeStamp || new Date().getTime(), messageListParams).then(function (messages) {
             messagesDispatcher({
-                type: actionTypes.FETCH_NEXT_MESSAGES_SUCCESS,
+                type: Channel_hooks_useInitialMessagesFetch.FETCH_NEXT_MESSAGES_SUCCESS,
                 payload: { currentGroupChannel: currentGroupChannel, messages: messages },
             });
             setTimeout(function () { return cb([messages, null]); });
         }).catch(function (error) {
             logger.error('Channel: Fetching later messages failed', error);
             messagesDispatcher({
-                type: actionTypes.FETCH_NEXT_MESSAGES_FAILURE,
+                type: Channel_hooks_useInitialMessagesFetch.FETCH_NEXT_MESSAGES_FAILURE,
                 payload: { currentGroupChannel: currentGroupChannel },
             });
             setTimeout(function () { return cb([null, error]); });
@@ -750,14 +737,14 @@ function useDeleteMessageCallback(_a, _b) {
     var logger = _b.logger;
     return React.useCallback(function (message$1) {
         logger.info('Channel | useDeleteMessageCallback: Deleting message', message$1);
-        var sendingStatus = index.isSendableMessage(message$1) ? message$1.sendingStatus : undefined;
+        var sendingStatus = index$1.isSendableMessage(message$1) ? message$1.sendingStatus : undefined;
         return new Promise(function (resolve, reject) {
             logger.info('Channel | useDeleteMessageCallback: Deleting message requestState:', sendingStatus);
             // Message is only on local
             if ((sendingStatus === message.SendingStatus.FAILED || sendingStatus === message.SendingStatus.PENDING) && 'reqId' in message$1) {
                 logger.info('Channel | useDeleteMessageCallback: Deleted message from local:', message$1);
                 messagesDispatcher({
-                    type: actionTypes.ON_MESSAGE_DELETED_BY_REQ_ID,
+                    type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_DELETED_BY_REQ_ID,
                     payload: message$1.reqId,
                 });
                 resolve();
@@ -767,7 +754,7 @@ function useDeleteMessageCallback(_a, _b) {
                 currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.deleteMessage(message$1).then(function () {
                     logger.info('Channel | useDeleteMessageCallback: Deleting message success!', message$1);
                     messagesDispatcher({
-                        type: actionTypes.ON_MESSAGE_DELETED,
+                        type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_DELETED,
                         payload: message$1.messageId,
                     });
                     resolve();
@@ -812,7 +799,7 @@ function useUpdateMessageCallback(_a, _b) {
             }
             logger.info('Channel: Updating message success!', msg);
             messagesDispatcher({
-                type: actionTypes.ON_MESSAGE_UPDATED,
+                type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_UPDATED,
                 payload: {
                     channel: currentGroupChannel,
                     message: msg,
@@ -842,19 +829,19 @@ function useResendMessageCallback(_a, _b) {
                 currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.resendMessage(failedMessage).onPending(function (message) {
                     logger.info('Channel: Resending message start!', message);
                     messagesDispatcher({
-                        type: actionTypes.RESEND_MESSAGE_START,
+                        type: Channel_hooks_useInitialMessagesFetch.RESEND_MESSAGE_START,
                         payload: message,
                     });
                 }).onSucceeded(function (message) {
                     logger.info('Channel: Resending message success!', message);
                     messagesDispatcher({
-                        type: actionTypes.SEND_MESSAGE_SUCCESS,
+                        type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_SUCCESS,
                         payload: message,
                     });
                 }).onFailed(function (e, message) {
                     logger.warning('Channel: Resending message failed!', e);
                     messagesDispatcher({
-                        type: actionTypes.SEND_MESSAGE_FAILURE,
+                        type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_FAILURE,
                         payload: message,
                     });
                 });
@@ -863,19 +850,19 @@ function useResendMessageCallback(_a, _b) {
                 currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.resendMessage(failedMessage).onPending(function (message) {
                     logger.info('Channel: Resending file message start!', message);
                     messagesDispatcher({
-                        type: actionTypes.RESEND_MESSAGE_START,
+                        type: Channel_hooks_useInitialMessagesFetch.RESEND_MESSAGE_START,
                         payload: message,
                     });
                 }).onSucceeded(function (message) {
                     logger.info('Channel: Resending file message success!', message);
                     messagesDispatcher({
-                        type: actionTypes.SEND_MESSAGE_SUCCESS,
+                        type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_SUCCESS,
                         payload: message,
                     });
                 }).onFailed(function (e, message) {
                     logger.warning('Channel: Resending file message failed!', e);
                     messagesDispatcher({
-                        type: actionTypes.SEND_MESSAGE_FAILURE,
+                        type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_FAILURE,
                         payload: message,
                     });
                 });
@@ -884,7 +871,7 @@ function useResendMessageCallback(_a, _b) {
                 currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.resendMessage(failedMessage).onPending(function (message) {
                     logger.info('Channel: Resending multiple files message start!', message);
                     messagesDispatcher({
-                        type: actionTypes.RESEND_MESSAGE_START,
+                        type: Channel_hooks_useInitialMessagesFetch.RESEND_MESSAGE_START,
                         payload: message,
                     });
                 }).onFileUploaded(function (requestId, index, uploadableFileInfo, error) {
@@ -908,13 +895,13 @@ function useResendMessageCallback(_a, _b) {
                 }).onSucceeded(function (message) {
                     logger.info('Channel: Resending multiple files message success!', message);
                     messagesDispatcher({
-                        type: actionTypes.SEND_MESSAGE_SUCCESS,
+                        type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_SUCCESS,
                         payload: message,
                     });
                 }).onFailed(function (e, message) {
                     logger.warning('Channel: Resending multiple files message failed!', e);
                     messagesDispatcher({
-                        type: actionTypes.SEND_MESSAGE_FAILURE,
+                        type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_FAILURE,
                         payload: message,
                     });
                 });
@@ -971,13 +958,13 @@ function useSendMessageCallback(_a, _b) {
         }).onFailed(function (err, msg) {
             logger.warning('Channel: Sending message failed!', { message: msg, error: err });
             messagesDispatcher({
-                type: actionTypes.SEND_MESSAGE_FAILURE,
+                type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_FAILURE,
                 payload: msg,
             });
         }).onSucceeded(function (msg) {
             logger.info('Channel: Sending message success!', msg);
             messagesDispatcher({
-                type: actionTypes.SEND_MESSAGE_SUCCESS,
+                type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_SUCCESS,
                 payload: msg,
             });
         });
@@ -1021,14 +1008,14 @@ function useSendFileMessageCallback(_a, _b) {
             // @ts-ignore eslint-disable-next-line no-param-reassign
             failedMessage.file = compressedFile;
             messagesDispatcher({
-                type: actionTypes.SEND_MESSAGE_FAILURE,
+                type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_FAILURE,
                 payload: failedMessage,
             });
             reject(err);
         }).onSucceeded(function (succeededMessage) {
             logger.info('Channel: Sending file message success!', succeededMessage);
             messagesDispatcher({
-                type: actionTypes.SEND_MESSAGE_SUCCESS,
+                type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_SUCCESS,
                 payload: succeededMessage,
             });
             resolve(succeededMessage);
@@ -1037,6 +1024,51 @@ function useSendFileMessageCallback(_a, _b) {
     return [sendMessage];
 }
 
+var LOG_PRESET = 'useToggleReactionCallback:';
+/**
+ * POTENTIAL IMPROVEMENT NEEDED:
+ * Current implementation might have race condition issues when the hook is called multiple times in rapid succession:
+ *
+ * 1. Race Condition Risk:
+ *    - Multiple rapid clicks on reaction buttons could trigger concurrent API calls
+ *    - The server responses might arrive in different order than the requests were sent
+ *    - This could lead to inconsistent UI states where the final reaction state doesn't match user's last action
+ *
+ * 2. Performance Impact:
+ *    - Each click generates a separate API call without debouncing/throttling
+ *    - Under high-frequency clicks, this could cause unnecessary server load
+ *
+ * But we won't address these issues for now since it's being used only in the legacy codebase.
+ * */
+function useToggleReactionCallback(currentChannel, logger) {
+    return React.useCallback(function (message, key, isReacted) {
+        if (!currentChannel) {
+            logger === null || logger === void 0 ? void 0 : logger.warning("".concat(LOG_PRESET, " currentChannel doesn't exist"), currentChannel);
+            return;
+        }
+        if (isReacted) {
+            currentChannel
+                .deleteReaction(message, key)
+                .then(function (res) {
+                logger === null || logger === void 0 ? void 0 : logger.info("".concat(LOG_PRESET, " Delete reaction success"), res);
+            })
+                .catch(function (err) {
+                logger === null || logger === void 0 ? void 0 : logger.warning("".concat(LOG_PRESET, " Delete reaction failed"), err);
+            });
+        }
+        else {
+            currentChannel
+                .addReaction(message, key)
+                .then(function (res) {
+                logger === null || logger === void 0 ? void 0 : logger.info("".concat(LOG_PRESET, " Add reaction success"), res);
+            })
+                .catch(function (err) {
+                logger === null || logger === void 0 ? void 0 : logger.warning("".concat(LOG_PRESET, " Add reaction failed"), err);
+            });
+        }
+    }, [currentChannel]);
+}
+
 // To prevent multiple clicks on the message in the channel while scrolling
 function deactivateClick(scrollRef) {
     var element = scrollRef.current;
@@ -1131,7 +1163,7 @@ var useSendVoiceMessageCallback = function (_a, _b) {
             .onFailed(function (err, failedMessage) {
             logger.error('Channel: Sending voice message failed!', { failedMessage: failedMessage, err: err });
             messagesDispatcher({
-                type: actionTypes.SEND_MESSAGE_FAILURE,
+                type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_FAILURE,
                 payload: failedMessage,
             });
             reject(err);
@@ -1139,7 +1171,7 @@ var useSendVoiceMessageCallback = function (_a, _b) {
             .onSucceeded(function (succeededMessage) {
             logger.info('Channel: Sending voice message success!', succeededMessage);
             messagesDispatcher({
-                type: actionTypes.SEND_MESSAGE_SUCCESS,
+                type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_SUCCESS,
                 payload: succeededMessage,
             });
             resolve(succeededMessage);
@@ -1160,7 +1192,7 @@ var useHandleChannelPubsubEvents = function (_a) {
                 var channel = props.channel, message = props.message;
                 if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
                     dispatcher({
-                        type: actionTypes.SEND_MESSAGE_SUCCESS,
+                        type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_SUCCESS,
                         payload: message,
                     });
                     setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, consts.SCROLL_BOTTOM_DELAY_FOR_SEND);
@@ -1170,7 +1202,7 @@ var useHandleChannelPubsubEvents = function (_a) {
                 var channel = props.channel, message = props.message, publishingModules = props.publishingModules;
                 if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url) && pubSub_topics.shouldPubSubPublishToChannel(publishingModules)) {
                     dispatcher({
-                        type: actionTypes.SEND_MESSAGE_START,
+                        type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_START,
                         payload: message,
                     });
                 }
@@ -1179,7 +1211,7 @@ var useHandleChannelPubsubEvents = function (_a) {
                 var response = props.response, publishingModules = props.publishingModules;
                 if (channelUrl === response.channelUrl && pubSub_topics.shouldPubSubPublishToChannel(publishingModules)) {
                     dispatcher({
-                        type: actionTypes.ON_FILE_INFO_UPLOADED,
+                        type: Channel_hooks_useInitialMessagesFetch.ON_FILE_INFO_UPLOADED,
                         payload: response,
                     });
                 }
@@ -1188,7 +1220,7 @@ var useHandleChannelPubsubEvents = function (_a) {
                 var channel = props.channel, message = props.message, publishingModules = props.publishingModules;
                 if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url) && pubSub_topics.shouldPubSubPublishToChannel(publishingModules)) {
                     dispatcher({
-                        type: actionTypes.SEND_MESSAGE_FAILURE,
+                        type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_FAILURE,
                         payload: message,
                     });
                 }
@@ -1197,7 +1229,7 @@ var useHandleChannelPubsubEvents = function (_a) {
                 var channel = props.channel, message = props.message;
                 if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
                     dispatcher({
-                        type: actionTypes.SEND_MESSAGE_SUCCESS,
+                        type: Channel_hooks_useInitialMessagesFetch.SEND_MESSAGE_SUCCESS,
                         payload: message,
                     });
                     setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, consts.SCROLL_BOTTOM_DELAY_FOR_SEND);
@@ -1207,7 +1239,7 @@ var useHandleChannelPubsubEvents = function (_a) {
                 var channel = props.channel, message = props.message, fromSelector = props.fromSelector;
                 if (fromSelector && (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) && channel.isGroupChannel()) {
                     dispatcher({
-                        type: actionTypes.ON_MESSAGE_UPDATED,
+                        type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_UPDATED,
                         payload: { channel: channel, message: message },
                     });
                 }
@@ -1216,7 +1248,7 @@ var useHandleChannelPubsubEvents = function (_a) {
                 var channel = props.channel, messageId = props.messageId;
                 if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
                     dispatcher({
-                        type: actionTypes.ON_MESSAGE_DELETED,
+                        type: Channel_hooks_useInitialMessagesFetch.ON_MESSAGE_DELETED,
                         payload: messageId,
                     });
                 }
@@ -1248,7 +1280,7 @@ var ChannelContext = React__default.default.createContext(null);
 var ChannelProvider = function (props) {
     var _a, _b, _c, _d, _e, _f;
     var channelUrl = props.channelUrl, children = props.children, isReactionEnabled = props.isReactionEnabled, _g = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _g === void 0 ? true : _g, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, showSearchIcon = props.showSearchIcon, animatedMessage = props.animatedMessage, highlightedMessage = props.highlightedMessage, startingPoint = props.startingPoint, onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeUpdateUserMessage = props.onBeforeUpdateUserMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, onChatHeaderActionClick = props.onChatHeaderActionClick, onSearchClick = props.onSearchClick, onBackClick = props.onBackClick, threadReplySelectType = props.threadReplySelectType, queries = props.queries, filterMessageList = props.filterMessageList, _h = props.disableMarkAsRead, disableMarkAsRead = _h === void 0 ? false : _h, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageAnimated = props.onMessageAnimated, onMessageHighlighted = props.onMessageHighlighted, _j = props.scrollBehavior, scrollBehavior = _j === void 0 ? 'auto' : _j, _k = props.reconnectOnIdle, reconnectOnIdle = _k === void 0 ? true : _k;
-    var globalStore = useSendbirdStateContext.useSendbirdStateContext();
+    var globalStore = useSendbird.useSendbird().state;
     var config = globalStore.config;
     var replyType = (_a = props.replyType) !== null && _a !== void 0 ? _a : resolvedReplyType.getCaseResolvedReplyType(config.groupChannel.replyType).upperCase;
     var pubSub = config.pubSub, logger = config.logger, userId = config.userId, isOnline = config.isOnline, imageCompression = config.imageCompression, markAsReadScheduler = config.markAsReadScheduler, groupChannel = config.groupChannel;
@@ -1320,7 +1352,7 @@ var ChannelProvider = function (props) {
         messagesDispatcher: messagesDispatcher,
         sdk: sdk,
     });
-    var toggleReaction = useToggleReactionCallback.useToggleReactionCallback(currentGroupChannel, logger);
+    var toggleReaction = useToggleReactionCallback(currentGroupChannel, logger);
     // to create message-datasource
     // this hook sets currentGroupChannel asynchronously
     useGetChannel({ channelUrl: channelUrl, sdkInit: sdkInit, disableMarkAsRead: disableMarkAsRead }, { messagesDispatcher: messagesDispatcher, sdk: sdk, logger: logger, markAsReadScheduler: markAsReadScheduler });
@@ -1469,7 +1501,7 @@ var ChannelProvider = function (props) {
             sendVoiceMessage: sendVoiceMessage,
             sendMultipleFilesMessage: sendMultipleFilesMessage,
             initialTimeStamp: initialTimeStamp,
-            messageActionTypes: actionTypes.channelActions,
+            messageActionTypes: Channel_hooks_useInitialMessagesFetch.channelActions,
             messagesDispatcher: messagesDispatcher,
             setInitialTimeStamp: setInitialTimeStamp,
             setAnimatedMessageId: setAnimatedMessageId,