@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/{ChannelProvider-bb459e82.js → ChannelProvider-4ab3a851.js}

@@ -1,21 +1,20 @@
 import React__default, { useEffect, useCallback, useRef, useMemo, useState, useReducer } from 'react';
-import { U as UserProfileProvider } from './UserProfileContext-41938ddc.js';
+import { U as UserProfileProvider } from './UserProfileContext-a8aa4c0f.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { f as format } from './index-95b46112.js';
-import { P as PUBSUB_TOPICS } from './topics-f9301447.js';
-import { a as getSendingMessageStatus, b as isReadMessage, c as filterMessageListParams } from './index-e378ca4e.js';
-import './utils/message/getOutgoingMessageState.js';
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-79f64283.js';
-import { c as compareIds } from './compareIds-88bffa50.js';
-import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from './const-df1daff9.js';
+import { f as format } from './index-f48cfdf7.js';
+import { P as PUBSUB_TOPICS } from './topics-d8d10f83.js';
+import { a as getSendingMessageStatus, b as isReadMessage, c as filterMessageListParams } from './index-dbe0e004.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-b2d9bfc5.js';
+import { c as compareIds } from './compareIds-1e0e668f.js';
+import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from './const-5f722b91.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { u as uuidv4 } from './uuid-86cb48e0.js';
+import { u as uuidv4 } from './uuid-48baadaf.js';
 import { ReplyType, MessageMetaArray } from '@sendbird/chat/message';
 import { EmojiListItems } from './ui/ContextMenu.js';
 import ReactionButton from './ui/ReactionButton.js';
 import ImageRenderer from './ui/ImageRenderer.js';
 import Icon, { IconTypes } from './ui/Icon.js';
-import { b as VOICE_MESSAGE_FILE_NAME, c as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, d as META_ARRAY_MESSAGE_TYPE_KEY, e as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from './consts-966c9540.js';
+import { b as VOICE_MESSAGE_FILE_NAME, c as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, d as META_ARRAY_MESSAGE_TYPE_KEY, e as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from './consts-c9746f2b.js';
 
 const RESET_MESSAGES = 'RESET_MESSAGES';
 const FETCH_INITIAL_MESSAGES_START = 'FETCH_INITIAL_MESSAGES_START';
@@ -650,29 +649,43 @@ function reducer(state, action) {
   }
 }
 
-function useHandleChannelEvents(_a, _b) {
-  var sdkInit = _a.sdkInit,
-    currentUserId = _a.currentUserId,
-    disableMarkAsRead = _a.disableMarkAsRead,
-    currentGroupChannel = _a.currentGroupChannel;
-  var sdk = _b.sdk,
-    markAsReadScheduler = _b.markAsReadScheduler,
-    logger = _b.logger,
-    scrollRef = _b.scrollRef,
-    setQuoteMessage = _b.setQuoteMessage,
-    messagesDispatcher = _b.messagesDispatcher;
-  useEffect(function () {
-    var _a;
-    var channelUrl = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url;
-    var channelHandlerId = uuidv4();
+/**
+ * Handles ChannelEvents and send values to dispatcher using messagesDispatcher
+ * messagesDispatcher: Dispatcher
+ * sdk: sdkInstance
+ * logger: loggerInstance
+ * channelUrl: string
+ * sdkInit: bool
+ */
+
+function useHandleChannelEvents(_ref, _ref2) {
+  let {
+    sdkInit,
+    currentUserId,
+    disableMarkAsRead,
+    currentGroupChannel
+  } = _ref;
+  let {
+    sdk,
+    markAsReadScheduler,
+    logger,
+    scrollRef,
+    setQuoteMessage,
+    messagesDispatcher
+  } = _ref2;
+  useEffect(() => {
+    const channelUrl = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url;
+    const channelHandlerId = uuidv4();
     if (channelUrl && sdkInit) {
-      var channelHandler = {
-        onMessageReceived: function (channel, message) {
-          var _a;
+      var _sdk$groupChannel;
+      const channelHandler = {
+        onMessageReceived: (channel, message) => {
           if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
-            var scrollToEnd = false;
+            let scrollToEnd = false;
             try {
-              var current = scrollRef.current;
+              const {
+                current
+              } = scrollRef;
               scrollToEnd = current.offsetHeight + current.scrollTop >= current.scrollHeight - 10;
               // 10 is a buffer
             } catch (error) {
@@ -682,17 +695,18 @@ function useHandleChannelEvents(_a, _b) {
             messagesDispatcher({
               type: ON_MESSAGE_RECEIVED,
               payload: {
-                channel: channel,
-                message: message
+                channel,
+                message
               }
             });
             if (scrollToEnd && document.getElementById('sendbird-dropdown-portal').childElementCount === 0 && document.getElementById('sendbird-emoji-list-portal').childElementCount === 0) {
               // and !openContextMenu
               try {
                 if (!disableMarkAsRead) {
-                  (_a = markAsReadScheduler === null || markAsReadScheduler === void 0 ? void 0 : markAsReadScheduler.push) === null || _a === void 0 ? void 0 : _a.call(markAsReadScheduler, currentGroupChannel);
+                  var _markAsReadScheduler$;
+                  markAsReadScheduler === null || markAsReadScheduler === void 0 ? void 0 : (_markAsReadScheduler$ = markAsReadScheduler.push) === null || _markAsReadScheduler$ === void 0 ? void 0 : _markAsReadScheduler$.call(markAsReadScheduler, currentGroupChannel);
                 }
-                setTimeout(function () {
+                setTimeout(() => {
                   scrollIntoLast(0, scrollRef);
                 });
               } catch (error) {
@@ -701,7 +715,7 @@ function useHandleChannelEvents(_a, _b) {
             }
           }
         },
-        onUnreadMemberStatusUpdated: function (channel) {
+        onUnreadMemberStatusUpdated: channel => {
           logger.info('Channel | useHandleChannelEvents: onUnreadMemberStatusUpdated', channel);
           if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             messagesDispatcher({
@@ -711,7 +725,7 @@ function useHandleChannelEvents(_a, _b) {
           }
         },
         // before(onDeliveryReceiptUpdated)
-        onUndeliveredMemberStatusUpdated: function (channel) {
+        onUndeliveredMemberStatusUpdated: channel => {
           if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onDeliveryReceiptUpdated', channel);
             messagesDispatcher({
@@ -720,33 +734,33 @@ function useHandleChannelEvents(_a, _b) {
             });
           }
         },
-        onMessageUpdated: function (channel, message) {
+        onMessageUpdated: (channel, message) => {
           logger.info('Channel | useHandleChannelEvents: onMessageUpdated', message);
           messagesDispatcher({
             type: ON_MESSAGE_UPDATED,
             payload: {
-              channel: channel,
-              message: message
+              channel,
+              message
             }
           });
         },
-        onThreadInfoUpdated: function (channel, threadInfoUpdateEvent) {
+        onThreadInfoUpdated: (channel, threadInfoUpdateEvent) => {
           logger.info('Channel | useHandleChannelEvents: onThreadInfoUpdated', {
-            channel: channel,
-            threadInfoUpdateEvent: threadInfoUpdateEvent
+            channel,
+            threadInfoUpdateEvent
           });
           messagesDispatcher({
             type: ON_MESSAGE_THREAD_INFO_UPDATED,
             payload: {
-              channel: channel,
+              channel,
               event: threadInfoUpdateEvent
             }
           });
         },
-        onMessageDeleted: function (channel, messageId) {
+        onMessageDeleted: (channel, messageId) => {
           logger.info('Channel | useHandleChannelEvents: onMessageDeleted', {
-            channel: channel,
-            messageId: messageId
+            channel,
+            messageId
           });
           setQuoteMessage(null);
           messagesDispatcher({
@@ -754,17 +768,17 @@ function useHandleChannelEvents(_a, _b) {
             payload: messageId
           });
         },
-        onReactionUpdated: function (channel, reactionEvent) {
+        onReactionUpdated: (channel, reactionEvent) => {
           logger.info('Channel | useHandleChannelEvents: onReactionUpdated', {
-            channel: channel,
-            reactionEvent: reactionEvent
+            channel,
+            reactionEvent
           });
           messagesDispatcher({
             type: ON_REACTION_UPDATED,
             payload: reactionEvent
           });
         },
-        onChannelChanged: function (channel) {
+        onChannelChanged: channel => {
           if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onChannelChanged', channel);
             messagesDispatcher({
@@ -773,7 +787,7 @@ function useHandleChannelEvents(_a, _b) {
             });
           }
         },
-        onChannelFrozen: function (channel) {
+        onChannelFrozen: channel => {
           if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onChannelFrozen', channel);
             messagesDispatcher({
@@ -782,7 +796,7 @@ function useHandleChannelEvents(_a, _b) {
             });
           }
         },
-        onChannelUnfrozen: function (channel) {
+        onChannelUnfrozen: channel => {
           if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onChannelUnFrozen', channel);
             messagesDispatcher({
@@ -791,11 +805,11 @@ function useHandleChannelEvents(_a, _b) {
             });
           }
         },
-        onUserMuted: function (channel, user) {
+        onUserMuted: (channel, user) => {
           if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onUserMuted', {
-              channel: channel,
-              user: user
+              channel,
+              user
             });
             messagesDispatcher({
               type: SET_CURRENT_CHANNEL,
@@ -803,11 +817,11 @@ function useHandleChannelEvents(_a, _b) {
             });
           }
         },
-        onUserUnmuted: function (channel, user) {
+        onUserUnmuted: (channel, user) => {
           if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onUserUnmuted', {
-              channel: channel,
-              user: user
+              channel,
+              user
             });
             messagesDispatcher({
               type: SET_CURRENT_CHANNEL,
@@ -815,12 +829,12 @@ function useHandleChannelEvents(_a, _b) {
             });
           }
         },
-        onUserBanned: function (channel, user) {
-          var _a;
-          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl) && (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)) {
+        onUserBanned: (channel, user) => {
+          var _sdk$currentUser;
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl) && (user === null || user === void 0 ? void 0 : user.userId) === (sdk === null || sdk === void 0 ? void 0 : (_sdk$currentUser = sdk.currentUser) === null || _sdk$currentUser === void 0 ? void 0 : _sdk$currentUser.userId)) {
             logger.info('Channel | useHandleChannelEvents: onUserBanned', {
-              channel: channel,
-              user: user
+              channel,
+              user
             });
             messagesDispatcher({
               type: SET_CURRENT_CHANNEL,
@@ -828,11 +842,11 @@ function useHandleChannelEvents(_a, _b) {
             });
           }
         },
-        onOperatorUpdated: function (channel, users) {
+        onOperatorUpdated: (channel, users) => {
           if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onOperatorUpdated', {
-              channel: channel,
-              users: users
+              channel,
+              users
             });
             messagesDispatcher({
               type: SET_CURRENT_CHANNEL,
@@ -840,11 +854,11 @@ function useHandleChannelEvents(_a, _b) {
             });
           }
         },
-        onUserLeft: function (channel, user) {
+        onUserLeft: (channel, user) => {
           if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onUserLeft', {
-              channel: channel,
-              user: user
+              channel,
+              user
             });
             if ((user === null || user === void 0 ? void 0 : user.userId) === currentUserId) {
               messagesDispatcher({
@@ -856,18 +870,18 @@ function useHandleChannelEvents(_a, _b) {
         }
       };
       logger.info('Channel | useHandleChannelEvents: Setup event handler', {
-        channelHandlerId: channelHandlerId,
-        channelHandler: channelHandler
+        channelHandlerId,
+        channelHandler
       });
       // Add this group channel handler to the Sendbird chat instance
-      (_a = sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler(channelHandlerId, new GroupChannelHandler(channelHandler));
+      (_sdk$groupChannel = sdk.groupChannel) === null || _sdk$groupChannel === void 0 ? void 0 : _sdk$groupChannel.addGroupChannelHandler(channelHandlerId, new GroupChannelHandler(channelHandler));
     }
-    return function () {
-      var _a;
-      if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) {
+    return () => {
+      var _sdk$groupChannel2;
+      if (sdk !== null && sdk !== void 0 && (_sdk$groupChannel2 = sdk.groupChannel) !== null && _sdk$groupChannel2 !== void 0 && _sdk$groupChannel2.removeGroupChannelHandler) {
         logger.info('Channel | useHandleChannelEvents: Removing message reciver handler', channelHandlerId);
         sdk.groupChannel.removeGroupChannelHandler(channelHandlerId);
-      } else if (sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) {
+      } else if (sdk !== null && sdk !== void 0 && sdk.groupChannel) {
         logger.error('Channel | useHandleChannelEvents: Not found the removeGroupChannelHandler');
       }
     };
@@ -1008,68 +1022,70 @@ function useInitialMessagesFetch(_ref, _ref2) {
    */
 }
 
-function useHandleReconnect(_a, _b) {
-  var isOnline = _a.isOnline,
-    replyType = _a.replyType,
-    disableMarkAsRead = _a.disableMarkAsRead;
-  var logger = _b.logger,
-    sdk = _b.sdk,
-    scrollRef = _b.scrollRef,
-    currentGroupChannel = _b.currentGroupChannel,
-    messagesDispatcher = _b.messagesDispatcher,
-    markAsReadScheduler = _b.markAsReadScheduler,
-    userFilledMessageListQuery = _b.userFilledMessageListQuery;
-  useEffect(function () {
-    var wasOffline = !isOnline;
-    return function () {
-      var _a, _b;
+function useHandleReconnect(_ref, _ref2) {
+  let {
+    isOnline,
+    replyType,
+    disableMarkAsRead
+  } = _ref;
+  let {
+    logger,
+    sdk,
+    scrollRef,
+    currentGroupChannel,
+    messagesDispatcher,
+    markAsReadScheduler,
+    userFilledMessageListQuery
+  } = _ref2;
+  useEffect(() => {
+    const wasOffline = !isOnline;
+    return () => {
       // state changed from offline to online
-      if (wasOffline && (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url)) {
+      if (wasOffline && currentGroupChannel !== null && currentGroupChannel !== void 0 && currentGroupChannel.url) {
+        var _sdk$appInfo, _sdk$groupChannel;
         logger.info('Refreshing conversation state');
-        var isReactionEnabled = ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.useReaction) || false;
-        var messageListParams_1 = {
+        const isReactionEnabled = (sdk === null || sdk === void 0 ? void 0 : (_sdk$appInfo = sdk.appInfo) === null || _sdk$appInfo === void 0 ? void 0 : _sdk$appInfo.useReaction) || false;
+        const messageListParams = {
           prevResultSize: PREV_RESULT_SIZE,
           isInclusive: true,
           includeReactions: isReactionEnabled,
           nextResultSize: NEXT_RESULT_SIZE
         };
         if (replyType && replyType === 'QUOTE_REPLY') {
-          messageListParams_1.includeThreadInfo = true;
-          messageListParams_1.includeParentMessageInfo = true;
-          messageListParams_1.replyType = ReplyType.ONLY_REPLY_TO_CHANNEL;
+          messageListParams.includeThreadInfo = true;
+          messageListParams.includeParentMessageInfo = true;
+          messageListParams.replyType = ReplyType.ONLY_REPLY_TO_CHANNEL;
         }
         if (userFilledMessageListQuery) {
-          Object.keys(userFilledMessageListQuery).forEach(function (key) {
-            messageListParams_1[key] = userFilledMessageListQuery[key];
+          Object.keys(userFilledMessageListQuery).forEach(key => {
+            messageListParams[key] = userFilledMessageListQuery[key];
           });
         }
         logger.info('Channel: Fetching messages', {
-          currentGroupChannel: currentGroupChannel,
-          userFilledMessageListQuery: userFilledMessageListQuery
+          currentGroupChannel,
+          userFilledMessageListQuery
         });
         messagesDispatcher({
           type: FETCH_INITIAL_MESSAGES_START,
           payload: null
         });
-        (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.getChannel(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url).then(function (groupChannel) {
-          var lastMessageTime = new Date().getTime();
-          groupChannel.getMessagesByTimestamp(lastMessageTime, messageListParams_1).then(function (messages) {
+        sdk === null || sdk === void 0 ? void 0 : (_sdk$groupChannel = sdk.groupChannel) === null || _sdk$groupChannel === void 0 ? void 0 : _sdk$groupChannel.getChannel(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url).then(groupChannel => {
+          const lastMessageTime = new Date().getTime();
+          groupChannel.getMessagesByTimestamp(lastMessageTime, messageListParams).then(messages => {
             messagesDispatcher({
               type: FETCH_INITIAL_MESSAGES_SUCCESS,
               payload: {
-                currentGroupChannel: currentGroupChannel,
-                messages: messages
+                currentGroupChannel,
+                messages
               }
             });
-            setTimeout(function () {
-              return scrollIntoLast(0, scrollRef);
-            });
-          }).catch(function (error) {
+            setTimeout(() => scrollIntoLast(0, scrollRef));
+          }).catch(error => {
             logger.error('Channel: Fetching messages failed', error);
             messagesDispatcher({
               type: FETCH_INITIAL_MESSAGES_FAILURE,
               payload: {
-                currentGroupChannel: currentGroupChannel
+                currentGroupChannel
               }
             });
           });
@@ -1697,17 +1713,19 @@ function useToggleReactionCallback(_ref, _ref2) {
   }, [currentGroupChannel]);
 }
 
-function useScrollToMessage(_a, _b) {
-  var setInitialTimeStamp = _a.setInitialTimeStamp,
-    setAnimatedMessageId = _a.setAnimatedMessageId,
-    allMessages = _a.allMessages;
-  var logger = _b.logger;
-  return useCallback(function (createdAt, messageId) {
-    var isPresent = allMessages.find(function (m) {
-      return m.messageId === messageId;
-    });
+function useScrollToMessage(_ref, _ref2) {
+  let {
+    setInitialTimeStamp,
+    setAnimatedMessageId,
+    allMessages
+  } = _ref;
+  let {
+    logger
+  } = _ref2;
+  return useCallback((createdAt, messageId) => {
+    const isPresent = allMessages.find(m => m.messageId === messageId);
     setAnimatedMessageId(null);
-    setTimeout(function () {
+    setTimeout(() => {
       if (isPresent) {
         logger.info('Channel: scroll to message - message is present');
         setAnimatedMessageId(messageId);
@@ -1721,21 +1739,25 @@ function useScrollToMessage(_a, _b) {
   }, [setInitialTimeStamp, setAnimatedMessageId, allMessages]);
 }
 
-var useSendVoiceMessageCallback = function (_a, _b) {
-  var currentGroupChannel = _a.currentGroupChannel,
-    onBeforeSendVoiceMessage = _a.onBeforeSendVoiceMessage;
-  var logger = _b.logger,
-    pubSub = _b.pubSub,
-    scrollRef = _b.scrollRef,
-    messagesDispatcher = _b.messagesDispatcher;
-  var sendMessage = useCallback(function (file, duration, quoteMessage) {
-    var messageParams = onBeforeSendVoiceMessage && typeof onBeforeSendVoiceMessage === 'function' ? onBeforeSendVoiceMessage(file, quoteMessage) : {
-      file: file,
+const useSendVoiceMessageCallback = (_ref, _ref2) => {
+  let {
+    currentGroupChannel,
+    onBeforeSendVoiceMessage
+  } = _ref;
+  let {
+    logger,
+    pubSub,
+    scrollRef,
+    messagesDispatcher
+  } = _ref2;
+  const sendMessage = useCallback((file, duration, quoteMessage) => {
+    const messageParams = onBeforeSendVoiceMessage && typeof onBeforeSendVoiceMessage === 'function' ? onBeforeSendVoiceMessage(file, quoteMessage) : {
+      file,
       fileName: VOICE_MESSAGE_FILE_NAME,
       mimeType: VOICE_MESSAGE_MIME_TYPE,
       metaArrays: [new MessageMetaArray({
         key: META_ARRAY_VOICE_DURATION_KEY,
-        value: ["".concat(duration)]
+        value: [`${duration}`]
       }), new MessageMetaArray({
         key: META_ARRAY_MESSAGE_TYPE_KEY,
         value: [META_ARRAY_MESSAGE_TYPE_VALUE__VOICE]
@@ -1746,26 +1768,24 @@ var useSendVoiceMessageCallback = function (_a, _b) {
       messageParams.parentMessageId = quoteMessage.messageId;
     }
     logger.info('Channel: Start sending voice message', messageParams);
-    currentGroupChannel.sendFileMessage(messageParams).onPending(function (pendingMessage) {
+    currentGroupChannel.sendFileMessage(messageParams).onPending(pendingMessage => {
       pubSub.publish(PUBSUB_TOPICS.SEND_MESSAGE_START, {
         /* pubSub is used instead of messagesDispatcher
           to avoid redundantly calling `messageActionTypes.SEND_MESSAGEGE_START` */
         message: pendingMessage,
         channel: currentGroupChannel
       });
-      setTimeout(function () {
-        return scrollIntoLast(0, scrollRef);
-      }, 1000);
-    }).onFailed(function (err, failedMessage) {
+      setTimeout(() => scrollIntoLast(0, scrollRef), 1000);
+    }).onFailed((err, failedMessage) => {
       logger.error('Channel: Sending voice message failed!', {
-        failedMessage: failedMessage,
-        err: err
+        failedMessage,
+        err
       });
       messagesDispatcher({
         type: SEND_MESSAGEGE_FAILURE,
         payload: failedMessage
       });
-    }).onSucceeded(function (succeededMessage) {
+    }).onSucceeded(succeededMessage => {
       logger.info('Channel: Sending voice message success!', succeededMessage);
       messagesDispatcher({
         type: SEND_MESSAGEGE_SUCESS,
@@ -1776,345 +1796,344 @@ var useSendVoiceMessageCallback = function (_a, _b) {
   return [sendMessage];
 };
 
-var ThreadReplySelectType;
-(function (ThreadReplySelectType) {
+let ThreadReplySelectType = /*#__PURE__*/function (ThreadReplySelectType) {
   ThreadReplySelectType["PARENT"] = "PARENT";
   ThreadReplySelectType["THREAD"] = "THREAD";
-})(ThreadReplySelectType || (ThreadReplySelectType = {}));
-var ChannelContext = /*#__PURE__*/React__default.createContext(undefined);
-var ChannelProvider = function (props) {
-  var _a, _b, _c, _d;
-  var channelUrl = props.channelUrl,
-    children = props.children,
-    isReactionEnabled = props.isReactionEnabled,
-    _e = props.isMessageGroupingEnabled,
-    isMessageGroupingEnabled = _e === void 0 ? true : _e,
-    showSearchIcon = props.showSearchIcon,
-    animatedMessage = props.animatedMessage,
-    highlightedMessage = props.highlightedMessage,
-    startingPoint = props.startingPoint,
-    onBeforeSendUserMessage = props.onBeforeSendUserMessage,
-    onBeforeSendFileMessage = props.onBeforeSendFileMessage,
-    onBeforeUpdateUserMessage = props.onBeforeUpdateUserMessage,
-    onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage,
-    onChatHeaderActionClick = props.onChatHeaderActionClick,
-    onSearchClick = props.onSearchClick,
-    onBackClick = props.onBackClick,
-    replyType = props.replyType,
-    _f = props.threadReplySelectType,
-    threadReplySelectType = _f === void 0 ? ThreadReplySelectType.THREAD : _f,
-    queries = props.queries,
-    filterMessageList = props.filterMessageList,
-    _g = props.disableMarkAsRead,
-    disableMarkAsRead = _g === void 0 ? false : _g,
-    onReplyInThread = props.onReplyInThread,
-    onQuoteMessageClick = props.onQuoteMessageClick,
-    onMessageAnimated = props.onMessageAnimated,
-    onMessageHighlighted = props.onMessageHighlighted;
-  var globalStore = useSendbirdStateContext();
-  var config = globalStore.config;
-  var pubSub = config.pubSub,
-    logger = config.logger,
-    userId = config.userId,
-    isOnline = config.isOnline,
-    imageCompression = config.imageCompression,
-    isMentionEnabled = config.isMentionEnabled,
-    isVoiceMessageEnabled = config.isVoiceMessageEnabled,
-    onUserProfileMessage = config.onUserProfileMessage,
-    markAsReadScheduler = config.markAsReadScheduler;
-  var sdk = (_b = (_a = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
-  var sdkInit = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.initialized;
-  var _h = useState(startingPoint),
-    initialTimeStamp = _h[0],
-    setInitialTimeStamp = _h[1];
-  useEffect(function () {
+  return ThreadReplySelectType;
+}({});
+const ChannelContext = /*#__PURE__*/React__default.createContext(undefined);
+const ChannelProvider = props => {
+  var _globalStore$stores, _globalStore$stores$s, _globalStore$stores2, _globalStore$stores2$;
+  const {
+    channelUrl,
+    children,
+    isReactionEnabled,
+    isMessageGroupingEnabled = true,
+    showSearchIcon,
+    animatedMessage,
+    highlightedMessage,
+    startingPoint,
+    onBeforeSendUserMessage,
+    onBeforeSendFileMessage,
+    onBeforeUpdateUserMessage,
+    onBeforeSendVoiceMessage,
+    onChatHeaderActionClick,
+    onSearchClick,
+    onBackClick,
+    replyType,
+    threadReplySelectType = ThreadReplySelectType.THREAD,
+    queries,
+    filterMessageList,
+    disableMarkAsRead = false,
+    onReplyInThread,
+    onQuoteMessageClick,
+    onMessageAnimated,
+    onMessageHighlighted
+  } = props;
+  const globalStore = useSendbirdStateContext();
+  const {
+    config
+  } = globalStore;
+  const {
+    pubSub,
+    logger,
+    userId,
+    isOnline,
+    imageCompression,
+    isMentionEnabled,
+    isVoiceMessageEnabled,
+    onUserProfileMessage,
+    markAsReadScheduler
+  } = config;
+  const sdk = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$stores = globalStore.stores) === null || _globalStore$stores === void 0 ? void 0 : (_globalStore$stores$s = _globalStore$stores.sdkStore) === null || _globalStore$stores$s === void 0 ? void 0 : _globalStore$stores$s.sdk;
+  const sdkInit = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$stores2 = globalStore.stores) === null || _globalStore$stores2 === void 0 ? void 0 : (_globalStore$stores2$ = _globalStore$stores2.sdkStore) === null || _globalStore$stores2$ === void 0 ? void 0 : _globalStore$stores2$.initialized;
+  const [initialTimeStamp, setInitialTimeStamp] = useState(startingPoint);
+  useEffect(() => {
     setInitialTimeStamp(startingPoint);
   }, [startingPoint, channelUrl]);
-  var _j = useState(0),
-    animatedMessageId = _j[0],
-    setAnimatedMessageId = _j[1];
-  var _k = useState(highlightedMessage),
-    highLightedMessageId = _k[0],
-    setHighLightedMessageId = _k[1];
-  useEffect(function () {
+  const [animatedMessageId, setAnimatedMessageId] = useState(0);
+  const [highLightedMessageId, setHighLightedMessageId] = useState(highlightedMessage);
+  useEffect(() => {
     setHighLightedMessageId(highlightedMessage);
   }, [highlightedMessage]);
-  var userFilledMessageListQuery = queries === null || queries === void 0 ? void 0 : queries.messageListParams;
-  var _l = useState(null),
-    quoteMessage = _l[0],
-    setQuoteMessage = _l[1];
-  var _m = useReducer(reducer, messagesInitialState),
-    messagesStore = _m[0],
-    messagesDispatcher = _m[1];
-  var scrollRef = useRef(null);
-  var allMessages = messagesStore.allMessages,
-    loading = messagesStore.loading,
-    initialized = messagesStore.initialized,
-    unreadSince = messagesStore.unreadSince,
-    isInvalid = messagesStore.isInvalid,
-    currentGroupChannel = messagesStore.currentGroupChannel,
-    hasMorePrev = messagesStore.hasMorePrev,
-    oldestMessageTimeStamp = messagesStore.oldestMessageTimeStamp,
-    hasMoreNext = messagesStore.hasMoreNext,
-    latestMessageTimeStamp = messagesStore.latestMessageTimeStamp,
-    emojiContainer = messagesStore.emojiContainer,
-    readStatus = messagesStore.readStatus;
-  var isSuper = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isSuper) || false;
-  var isBroadcast = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isBroadcast) || false;
-  var appInfo = sdk.appInfo;
-  var usingReaction = (appInfo === null || appInfo === void 0 ? void 0 : appInfo.useReaction) && !isBroadcast && !isSuper && ((config === null || config === void 0 ? void 0 : config.isReactionEnabled) || isReactionEnabled);
-  var emojiAllMap = useMemo(function () {
-    return usingReaction ? getAllEmojisMapFromEmojiContainer(emojiContainer) : new Map();
-  }, [emojiContainer]);
-  var emojiAllList = useMemo(function () {
-    return usingReaction ? getAllEmojisFromEmojiContainer(emojiContainer) : [];
-  }, [emojiContainer]);
-  var nicknamesMap = useMemo(function () {
-    return usingReaction && currentGroupChannel ? getNicknamesMapFromMembers(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) : new Map();
-  }, [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members]);
+  const userFilledMessageListQuery = queries === null || queries === void 0 ? void 0 : queries.messageListParams;
+  const [quoteMessage, setQuoteMessage] = useState(null);
+  const [messagesStore, messagesDispatcher] = useReducer(reducer, messagesInitialState);
+  const scrollRef = useRef(null);
+  const {
+    allMessages,
+    loading,
+    initialized,
+    unreadSince,
+    isInvalid,
+    currentGroupChannel,
+    hasMorePrev,
+    oldestMessageTimeStamp,
+    hasMoreNext,
+    latestMessageTimeStamp,
+    emojiContainer,
+    readStatus
+  } = messagesStore;
+  const isSuper = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isSuper) || false;
+  const isBroadcast = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isBroadcast) || false;
+  const {
+    appInfo
+  } = sdk;
+  const usingReaction = (appInfo === null || appInfo === void 0 ? void 0 : appInfo.useReaction) && !isBroadcast && !isSuper && ((config === null || config === void 0 ? void 0 : config.isReactionEnabled) || isReactionEnabled);
+  const emojiAllMap = useMemo(() => usingReaction ? getAllEmojisMapFromEmojiContainer(emojiContainer) : new Map(), [emojiContainer]);
+  const emojiAllList = useMemo(() => usingReaction ? getAllEmojisFromEmojiContainer(emojiContainer) : [], [emojiContainer]);
+  const nicknamesMap = useMemo(() => usingReaction && currentGroupChannel ? getNicknamesMapFromMembers(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) : new Map(), [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members]);
+
   // Animate message
-  useEffect(function () {
+  useEffect(() => {
     if (animatedMessage) {
       setAnimatedMessageId(animatedMessage);
     }
   }, [animatedMessage]);
+
   // Scrollup is default scroll for channel
-  var onScrollCallback = useScrollCallback({
-    currentGroupChannel: currentGroupChannel,
-    oldestMessageTimeStamp: oldestMessageTimeStamp,
-    userFilledMessageListQuery: userFilledMessageListQuery,
-    replyType: replyType,
-    isVoiceMessageEnabled: isVoiceMessageEnabled
+  const onScrollCallback = useScrollCallback({
+    currentGroupChannel,
+    oldestMessageTimeStamp,
+    userFilledMessageListQuery,
+    replyType,
+    isVoiceMessageEnabled
   }, {
-    hasMorePrev: hasMorePrev,
-    logger: logger,
-    messagesDispatcher: messagesDispatcher,
-    sdk: sdk
+    hasMorePrev,
+    logger,
+    messagesDispatcher,
+    sdk
   });
-  var scrollToMessage = useScrollToMessage({
-    setInitialTimeStamp: setInitialTimeStamp,
-    setAnimatedMessageId: setAnimatedMessageId,
-    allMessages: allMessages
+  const scrollToMessage = useScrollToMessage({
+    setInitialTimeStamp,
+    setAnimatedMessageId,
+    allMessages
   }, {
-    logger: logger
+    logger
   });
+
   // onScrollDownCallback is added for navigation to different timestamps on messageSearch
   // hasMorePrev, onScrollCallback -> scroll up(default behavior)
   // hasMoreNext, onScrollDownCallback -> scroll down
-  var onScrollDownCallback = useScrollDownCallback({
-    currentGroupChannel: currentGroupChannel,
-    latestMessageTimeStamp: latestMessageTimeStamp,
-    userFilledMessageListQuery: userFilledMessageListQuery,
-    hasMoreNext: hasMoreNext,
-    replyType: replyType,
-    isVoiceMessageEnabled: isVoiceMessageEnabled
+  const onScrollDownCallback = useScrollDownCallback({
+    currentGroupChannel,
+    latestMessageTimeStamp,
+    userFilledMessageListQuery,
+    hasMoreNext,
+    replyType,
+    isVoiceMessageEnabled
   }, {
-    logger: logger,
-    messagesDispatcher: messagesDispatcher,
-    sdk: sdk
+    logger,
+    messagesDispatcher,
+    sdk
   });
-  var toggleReaction = useToggleReactionCallback({
-    currentGroupChannel: currentGroupChannel
+  const toggleReaction = useToggleReactionCallback({
+    currentGroupChannel
   }, {
-    logger: logger
+    logger
   });
-  var memoizedEmojiListItems = useMemoizedEmojiListItems({
-    emojiContainer: emojiContainer,
-    toggleReaction: toggleReaction
+  const memoizedEmojiListItems = useMemoizedEmojiListItems({
+    emojiContainer,
+    toggleReaction
   }, {
     isReactionEnabled: usingReaction,
-    logger: logger,
-    userId: userId,
-    emojiAllList: emojiAllList
+    logger,
+    userId,
+    emojiAllList
   });
+
   // to create message-datasource
   // this hook sets currentGroupChannel asynchronously
   useSetChannel({
-    channelUrl: channelUrl,
-    sdkInit: sdkInit,
-    disableMarkAsRead: disableMarkAsRead
+    channelUrl,
+    sdkInit,
+    disableMarkAsRead
   }, {
-    messagesDispatcher: messagesDispatcher,
-    sdk: sdk,
-    logger: logger,
-    markAsReadScheduler: markAsReadScheduler
+    messagesDispatcher,
+    sdk,
+    logger,
+    markAsReadScheduler
   });
+
   // to set quote message as null
-  useEffect(function () {
+  useEffect(() => {
     setQuoteMessage(null);
   }, [channelUrl]);
+
   // Hook to handle ChannelEvents and send values to useReducer using messagesDispatcher
   useHandleChannelEvents({
-    currentGroupChannel: currentGroupChannel,
-    sdkInit: sdkInit,
+    currentGroupChannel,
+    sdkInit,
     currentUserId: userId,
-    disableMarkAsRead: disableMarkAsRead
+    disableMarkAsRead
   }, {
-    messagesDispatcher: messagesDispatcher,
-    sdk: sdk,
-    logger: logger,
-    scrollRef: scrollRef,
-    setQuoteMessage: setQuoteMessage,
-    markAsReadScheduler: markAsReadScheduler
+    messagesDispatcher,
+    sdk,
+    logger,
+    scrollRef,
+    setQuoteMessage,
+    markAsReadScheduler
   });
+
   // hook that fetches messages when channel changes
   // to be clear here useGetChannel sets currentGroupChannel
   // and useInitialMessagesFetch executes when currentGroupChannel changes
   // p.s This one executes on initialTimeStamp change too
   useInitialMessagesFetch({
-    currentGroupChannel: currentGroupChannel,
-    userFilledMessageListQuery: userFilledMessageListQuery,
-    initialTimeStamp: initialTimeStamp,
-    latestMessageTimeStamp: latestMessageTimeStamp,
-    replyType: replyType,
-    isVoiceMessageEnabled: isVoiceMessageEnabled
+    currentGroupChannel,
+    userFilledMessageListQuery,
+    initialTimeStamp,
+    latestMessageTimeStamp,
+    replyType,
+    isVoiceMessageEnabled
   }, {
-    logger: logger,
-    scrollRef: scrollRef,
-    messagesDispatcher: messagesDispatcher
+    logger,
+    scrollRef,
+    messagesDispatcher
   });
+
   // handles API calls from withSendbird
-  useEffect(function () {
-    var subscriber = pubSubHandler({
-      channelUrl: channelUrl,
-      pubSub: pubSub,
+  useEffect(() => {
+    const subscriber = pubSubHandler({
+      channelUrl,
+      pubSub,
       dispatcher: messagesDispatcher,
-      scrollRef: scrollRef
+      scrollRef
     });
-    return function () {
+    return () => {
       pubSubHandleRemover(subscriber);
     };
   }, [channelUrl, sdkInit]);
+
   // handling connection breaks
   useHandleReconnect({
-    isOnline: isOnline,
-    replyType: replyType,
-    disableMarkAsRead: disableMarkAsRead
+    isOnline,
+    replyType,
+    disableMarkAsRead
   }, {
-    logger: logger,
-    sdk: sdk,
-    scrollRef: scrollRef,
-    currentGroupChannel: currentGroupChannel,
-    messagesDispatcher: messagesDispatcher,
-    userFilledMessageListQuery: userFilledMessageListQuery,
-    markAsReadScheduler: markAsReadScheduler
+    logger,
+    sdk,
+    scrollRef,
+    currentGroupChannel,
+    messagesDispatcher,
+    userFilledMessageListQuery,
+    markAsReadScheduler
   });
+
   // callbacks for Message CURD actions
-  var deleteMessage = useDeleteMessageCallback({
-    currentGroupChannel: currentGroupChannel,
-    messagesDispatcher: messagesDispatcher
+  const deleteMessage = useDeleteMessageCallback({
+    currentGroupChannel,
+    messagesDispatcher
+  }, {
+    logger
+  });
+  const updateMessage = useUpdateMessageCallback({
+    currentGroupChannel,
+    messagesDispatcher,
+    onBeforeUpdateUserMessage,
+    isMentionEnabled
   }, {
-    logger: logger
+    logger,
+    pubSub
   });
-  var updateMessage = useUpdateMessageCallback({
-    currentGroupChannel: currentGroupChannel,
-    messagesDispatcher: messagesDispatcher,
-    onBeforeUpdateUserMessage: onBeforeUpdateUserMessage,
-    isMentionEnabled: isMentionEnabled
+  const resendMessage = useResendMessageCallback({
+    currentGroupChannel,
+    messagesDispatcher
   }, {
-    logger: logger,
-    pubSub: pubSub
+    logger
   });
-  var resendMessage = useResendMessageCallback({
-    currentGroupChannel: currentGroupChannel,
-    messagesDispatcher: messagesDispatcher
+  const [messageInputRef, sendMessage] = useSendMessageCallback({
+    currentGroupChannel,
+    onBeforeSendUserMessage,
+    isMentionEnabled
   }, {
-    logger: logger
+    logger,
+    pubSub,
+    scrollRef,
+    messagesDispatcher
   });
-  var _o = useSendMessageCallback({
-      currentGroupChannel: currentGroupChannel,
-      onBeforeSendUserMessage: onBeforeSendUserMessage,
-      isMentionEnabled: isMentionEnabled
-    }, {
-      logger: logger,
-      pubSub: pubSub,
-      scrollRef: scrollRef,
-      messagesDispatcher: messagesDispatcher
-    }),
-    messageInputRef = _o[0],
-    sendMessage = _o[1];
-  var sendFileMessage = useSendFileMessageCallback({
-    currentGroupChannel: currentGroupChannel,
-    onBeforeSendFileMessage: onBeforeSendFileMessage,
-    imageCompression: imageCompression
+  const [sendFileMessage] = useSendFileMessageCallback({
+    currentGroupChannel,
+    onBeforeSendFileMessage,
+    imageCompression
   }, {
-    logger: logger,
-    pubSub: pubSub,
-    scrollRef: scrollRef,
-    messagesDispatcher: messagesDispatcher
-  })[0];
-  var sendVoiceMessage = useSendVoiceMessageCallback({
-    currentGroupChannel: currentGroupChannel,
-    onBeforeSendVoiceMessage: onBeforeSendVoiceMessage
+    logger,
+    pubSub,
+    scrollRef,
+    messagesDispatcher
+  });
+  const [sendVoiceMessage] = useSendVoiceMessageCallback({
+    currentGroupChannel,
+    onBeforeSendVoiceMessage
   }, {
-    logger: logger,
-    pubSub: pubSub,
-    scrollRef: scrollRef,
-    messagesDispatcher: messagesDispatcher
-  })[0];
+    logger,
+    pubSub,
+    scrollRef,
+    messagesDispatcher
+  });
   return /*#__PURE__*/React__default.createElement(ChannelContext.Provider, {
     value: {
       // props
-      channelUrl: channelUrl,
+      channelUrl,
       isReactionEnabled: usingReaction,
-      isMessageGroupingEnabled: isMessageGroupingEnabled,
-      showSearchIcon: showSearchIcon,
-      highlightedMessage: highlightedMessage,
-      startingPoint: startingPoint,
-      onBeforeSendUserMessage: onBeforeSendUserMessage,
-      onBeforeSendFileMessage: onBeforeSendFileMessage,
-      onBeforeUpdateUserMessage: onBeforeUpdateUserMessage,
-      onChatHeaderActionClick: onChatHeaderActionClick,
-      onSearchClick: onSearchClick,
-      onBackClick: onBackClick,
-      replyType: replyType,
-      threadReplySelectType: threadReplySelectType,
-      queries: queries,
-      filterMessageList: filterMessageList,
-      disableMarkAsRead: disableMarkAsRead,
-      onReplyInThread: onReplyInThread,
-      onQuoteMessageClick: onQuoteMessageClick,
-      onMessageAnimated: onMessageAnimated,
-      onMessageHighlighted: onMessageHighlighted,
+      isMessageGroupingEnabled,
+      showSearchIcon,
+      highlightedMessage,
+      startingPoint,
+      onBeforeSendUserMessage,
+      onBeforeSendFileMessage,
+      onBeforeUpdateUserMessage,
+      onChatHeaderActionClick,
+      onSearchClick,
+      onBackClick,
+      replyType,
+      threadReplySelectType,
+      queries,
+      filterMessageList,
+      disableMarkAsRead,
+      onReplyInThread,
+      onQuoteMessageClick,
+      onMessageAnimated,
+      onMessageHighlighted,
       // messagesStore
-      allMessages: allMessages,
-      loading: loading,
-      initialized: initialized,
-      unreadSince: unreadSince,
-      isInvalid: isInvalid,
-      currentGroupChannel: currentGroupChannel,
-      hasMorePrev: hasMorePrev,
-      hasMoreNext: hasMoreNext,
-      oldestMessageTimeStamp: oldestMessageTimeStamp,
-      latestMessageTimeStamp: latestMessageTimeStamp,
-      emojiContainer: emojiContainer,
-      readStatus: readStatus,
+      allMessages,
+      loading,
+      initialized,
+      unreadSince,
+      isInvalid,
+      currentGroupChannel,
+      hasMorePrev,
+      hasMoreNext,
+      oldestMessageTimeStamp,
+      latestMessageTimeStamp,
+      emojiContainer,
+      readStatus,
       // utils
-      scrollToMessage: scrollToMessage,
-      quoteMessage: quoteMessage,
-      setQuoteMessage: setQuoteMessage,
-      deleteMessage: deleteMessage,
-      updateMessage: updateMessage,
-      resendMessage: resendMessage,
-      messageInputRef: messageInputRef,
-      sendMessage: sendMessage,
-      sendFileMessage: sendFileMessage,
-      sendVoiceMessage: sendVoiceMessage,
-      initialTimeStamp: initialTimeStamp,
-      messageActionTypes: messageActionTypes,
-      messagesDispatcher: messagesDispatcher,
-      setInitialTimeStamp: setInitialTimeStamp,
-      setAnimatedMessageId: setAnimatedMessageId,
-      setHighLightedMessageId: setHighLightedMessageId,
-      animatedMessageId: animatedMessageId,
-      highLightedMessageId: highLightedMessageId,
-      nicknamesMap: nicknamesMap,
-      emojiAllMap: emojiAllMap,
-      onScrollCallback: onScrollCallback,
-      onScrollDownCallback: onScrollDownCallback,
-      memoizedEmojiListItems: memoizedEmojiListItems,
-      scrollRef: scrollRef,
-      toggleReaction: toggleReaction
+      scrollToMessage,
+      quoteMessage,
+      setQuoteMessage,
+      deleteMessage,
+      updateMessage,
+      resendMessage,
+      messageInputRef,
+      sendMessage,
+      sendFileMessage,
+      sendVoiceMessage,
+      initialTimeStamp,
+      messageActionTypes,
+      messagesDispatcher,
+      setInitialTimeStamp,
+      setAnimatedMessageId,
+      setHighLightedMessageId,
+      animatedMessageId,
+      highLightedMessageId,
+      nicknamesMap,
+      emojiAllMap,
+      onScrollCallback,
+      onScrollDownCallback,
+      memoizedEmojiListItems,
+      scrollRef,
+      toggleReaction
     }
   }, /*#__PURE__*/React__default.createElement(UserProfileProvider, {
     disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
@@ -2122,9 +2141,7 @@ var ChannelProvider = function (props) {
     onUserProfileMessage: onUserProfileMessage
   }, children));
 };
-var useChannelContext = function () {
-  return React__default.useContext(ChannelContext);
-};
+const useChannelContext = () => React__default.useContext(ChannelContext);
 
 export { ChannelProvider as C, ThreadReplySelectType as T, isDisabledBecauseFrozen as a, isDisabledBecauseMuted as b, compareMessagesForGrouping as c, isOperator as d, isAboutSame as i, useChannelContext as u };
-//# sourceMappingURL=ChannelProvider-bb459e82.js.map
+//# sourceMappingURL=ChannelProvider-4ab3a851.js.map