@sendbird/uikit-react 3.0.0-beta.6 → 3.0.0-rc.0

package/{ChannelProvider-34834493.js → ChannelProvider-c0ed5fae.js}

@@ -1,13 +1,15 @@
 import React__default, { useEffect, useCallback, useRef, useMemo, useState, useReducer } from 'react';
-import { U as UserProfileProvider } from './UserProfileContext-b6d89d0d.js';
+import { U as UserProfileProvider } from './UserProfileContext-6a387a08.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { b as _toConsumableArray, _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-d10f91b9.js';
-import { f as format } from './index-92160328.js';
-import { S as SEND_USER_MESSAGE, b as SEND_MESSAGE_START, a as SEND_FILE_MESSAGE, U as UPDATE_USER_MESSAGE, D as DELETE_MESSAGE } from './topics-24a660ee.js';
-import { a as getOutgoingMessageStates, b as getSendingMessageStatus, c as isReadMessage, d as filterMessageListParams } from './index-902c2068.js';
-import { c as compareIds } from './compareIds-982972e8.js';
-import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from './const-e3d1e0ec.js';
-import { u as uuidv4 } from './uuid-0ab81e67.js';
+import { b as _toConsumableArray, _ as _objectSpread2 } from './_rollupPluginBabelHelpers-084fb589.js';
+import { f as format } from './index-ccd99cfe.js';
+import { a as SEND_USER_MESSAGE, S as SEND_MESSAGE_START, b as SEND_FILE_MESSAGE, U as UPDATE_USER_MESSAGE, D as DELETE_MESSAGE } from './topics-f941ba80.js';
+import { a as getOutgoingMessageStates, b as getSendingMessageStatus, c as isReadMessage, d as filterMessageListParams } from './index-8e6a607b.js';
+import { c as compareIds } from './compareIds-b78d7cd6.js';
+import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from './const-99800b8d.js';
+import { Y as Yr } from './groupChannel-96502de7.js';
+import { u as uuidv4 } from './uuid-748dae7a.js';
+import { u as ue } from './__bundle-7dfccc8c-03df3ada.js';
 import { EmojiListItems } from './ui/ContextMenu.js';
 import ReactionButton from './ui/ReactionButton.js';
 import ImageRenderer from './ui/ImageRenderer.js';
@@ -107,7 +109,7 @@ var pubSubHandler = function pubSubHandler(channelUrl, pubSub, dispatcher) {
         message = msg.message;
     scrollIntoLast();
 
-    if (channel && channelUrl === channel.url) {
+    if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
       dispatcher({
         type: SEND_MESSAGEGE_SUCESS,
         payload: message
@@ -118,7 +120,7 @@ var pubSubHandler = function pubSubHandler(channelUrl, pubSub, dispatcher) {
     var channel = msg.channel,
         message = msg.message;
 
-    if (channel && channelUrl === channel.url) {
+    if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
       dispatcher({
         type: SEND_MESSAGEGE_START,
         payload: message
@@ -130,7 +132,7 @@ var pubSubHandler = function pubSubHandler(channelUrl, pubSub, dispatcher) {
         message = msg.message;
     scrollIntoLast();
 
-    if (channel && channelUrl === channel.url) {
+    if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
       dispatcher({
         type: SEND_MESSAGEGE_SUCESS,
         payload: message
@@ -142,7 +144,7 @@ var pubSubHandler = function pubSubHandler(channelUrl, pubSub, dispatcher) {
         message = msg.message,
         fromSelector = msg.fromSelector;
 
-    if (fromSelector && channel && channelUrl === channel.url) {
+    if (fromSelector && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
       dispatcher({
         type: ON_MESSAGE_UPDATED,
         payload: {
@@ -156,7 +158,7 @@ var pubSubHandler = function pubSubHandler(channelUrl, pubSub, dispatcher) {
     var channel = msg.channel,
         messageId = msg.messageId;
 
-    if (channel && channelUrl === channel.url) {
+    if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
       dispatcher({
         type: ON_MESSAGE_DELETED,
         payload: messageId
@@ -167,17 +169,17 @@ var pubSubHandler = function pubSubHandler(channelUrl, pubSub, dispatcher) {
 };
 var isOperator = function isOperator() {
   var groupChannel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var myRole = groupChannel.myRole;
+  var myRole = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.myRole;
   return myRole === 'operator';
 };
 var isDisabledBecauseFrozen = function isDisabledBecauseFrozen() {
   var groupChannel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var isFrozen = groupChannel.isFrozen;
+  var isFrozen = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.isFrozen;
   return isFrozen && !isOperator(groupChannel);
 };
 var isDisabledBecauseMuted = function isDisabledBecauseMuted() {
   var groupChannel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var myMutedState = groupChannel.myMutedState;
+  var myMutedState = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.myMutedState;
   return myMutedState === 'muted';
 };
 var getAllEmojisFromEmojiContainer = function getAllEmojisFromEmojiContainer() {
@@ -234,7 +236,7 @@ var getMessageCreatedAt = function getMessageCreatedAt(message) {
 var isSameGroup = function isSameGroup(message, comparingMessage, currentChannel) {
   var _message$sender, _comparingMessage$sen, _message$sender2, _comparingMessage$sen2;
 
-  if (!(message && comparingMessage && (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin' && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.messageType) !== 'admin' && message !== null && message !== void 0 && message.sender && comparingMessage !== null && comparingMessage !== void 0 && comparingMessage.sender && message !== null && message !== void 0 && message.createdAt && comparingMessage !== null && comparingMessage !== void 0 && comparingMessage.createdAt && message !== null && message !== void 0 && (_message$sender = message.sender) !== null && _message$sender !== void 0 && _message$sender.userId && comparingMessage !== null && comparingMessage !== void 0 && (_comparingMessage$sen = comparingMessage.sender) !== null && _comparingMessage$sen !== void 0 && _comparingMessage$sen.userId)) {
+  if (!(message && comparingMessage && message.messageType && message.messageType !== 'admin' && comparingMessage.messageType && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.messageType) !== 'admin' && message !== null && message !== void 0 && message.sender && comparingMessage !== null && comparingMessage !== void 0 && comparingMessage.sender && message !== null && message !== void 0 && message.createdAt && comparingMessage !== null && comparingMessage !== void 0 && comparingMessage.createdAt && message !== null && message !== void 0 && (_message$sender = message.sender) !== null && _message$sender !== void 0 && _message$sender.userId && comparingMessage !== null && comparingMessage !== void 0 && (_comparingMessage$sen = comparingMessage.sender) !== null && _comparingMessage$sen !== void 0 && _comparingMessage$sen.userId)) {
     return false;
   }
 
@@ -323,7 +325,7 @@ var getLatestMessageTimeStamp = function getLatestMessageTimeStamp() {
 };
 
 function reducer(state, action) {
-  var _state$currentGroupCh6, _action$payload7, _action$payload7$chan;
+  var _state$currentGroupCh8, _action$payload7, _action$payload7$chan;
 
   switch (action.type) {
     case RESET_MESSAGES:
@@ -541,9 +543,9 @@ function reducer(state, action) {
             _currentGroupChannel4 = _state$currentGroupCh5 === void 0 ? {} : _state$currentGroupCh5,
             unreadSince = state.unreadSince;
 
-        var currentGroupChannelUrl = _currentGroupChannel4.url;
+        var currentGroupChannelUrl = _currentGroupChannel4 === null || _currentGroupChannel4 === void 0 ? void 0 : _currentGroupChannel4.url;
 
-        if (!compareIds(channel.url, currentGroupChannelUrl)) {
+        if (!compareIds(channel === null || channel === void 0 ? void 0 : channel.url, currentGroupChannelUrl)) {
           return state;
         } // Excluded overlapping messages
 
@@ -589,13 +591,15 @@ function reducer(state, action) {
 
     case ON_MESSAGE_UPDATED:
       {
+        var _state$currentGroupCh6;
+
         var _action$payload5 = action.payload,
             _channel = _action$payload5.channel,
             _message = _action$payload5.message;
 
-        var _currentGroupChannelUrl = state.currentGroupChannel && state.currentGroupChannel.url || '';
+        var _currentGroupChannelUrl = (state === null || state === void 0 ? void 0 : (_state$currentGroupCh6 = state.currentGroupChannel) === null || _state$currentGroupCh6 === void 0 ? void 0 : _state$currentGroupCh6.url) || '';
 
-        if (!compareIds(_channel.url, _currentGroupChannelUrl)) {
+        if (!compareIds(_channel === null || _channel === void 0 ? void 0 : _channel.url, _currentGroupChannelUrl)) {
           return state; // Ignore event when it is not for the current channel
         }
 
@@ -610,13 +614,23 @@ function reducer(state, action) {
 
         return _objectSpread2(_objectSpread2({}, state), {}, {
           allMessages: state.allMessages.map(function (m) {
-            return compareIds(m.messageId, action.payload.message.messageId) ? action.payload.message : m;
+            if (compareIds(m.messageId, _message.messageId)) {
+              return _message;
+            }
+
+            if (compareIds(m.parentMessageId, _message.messageId)) {
+              m.parentMessage = _message; // eslint-disable-line no-param-reassign
+            }
+
+            return m;
           })
         });
       }
 
     case ON_MESSAGE_THREAD_INFO_UPDATED:
       {
+        var _state$currentGroupCh7;
+
         var _action$payload6 = action.payload,
             _channel2 = _action$payload6.channel,
             event = _action$payload6.event;
@@ -624,9 +638,9 @@ function reducer(state, action) {
             threadInfo = event.threadInfo,
             targetMessageId = event.targetMessageId;
 
-        var _currentGroupChannelUrl2 = state.currentGroupChannel && state.currentGroupChannel.url || '';
+        var _currentGroupChannelUrl2 = (state === null || state === void 0 ? void 0 : (_state$currentGroupCh7 = state.currentGroupChannel) === null || _state$currentGroupCh7 === void 0 ? void 0 : _state$currentGroupCh7.url) || '';
 
-        if (!compareIds(_channel2.url, _currentGroupChannelUrl2) || !compareIds(_channel2.url, channelUrl)) {
+        if (!compareIds(_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url, _currentGroupChannelUrl2) || !compareIds(_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url, channelUrl)) {
           return state; // Ignore event when it is not for the current channel
         }
 
@@ -650,7 +664,7 @@ function reducer(state, action) {
       });
 
     case MARK_AS_READ:
-      if (((_state$currentGroupCh6 = state.currentGroupChannel) === null || _state$currentGroupCh6 === void 0 ? void 0 : _state$currentGroupCh6.url) !== ((_action$payload7 = action.payload) === null || _action$payload7 === void 0 ? void 0 : (_action$payload7$chan = _action$payload7.channel) === null || _action$payload7$chan === void 0 ? void 0 : _action$payload7$chan.url)) {
+      if (((_state$currentGroupCh8 = state.currentGroupChannel) === null || _state$currentGroupCh8 === void 0 ? void 0 : _state$currentGroupCh8.url) !== ((_action$payload7 = action.payload) === null || _action$payload7 === void 0 ? void 0 : (_action$payload7$chan = _action$payload7.channel) === null || _action$payload7$chan === void 0 ? void 0 : _action$payload7$chan.url)) {
         return state;
       }
 
@@ -708,208 +722,212 @@ function reducer(state, action) {
   }
 }
 
-/**
- * Handles ChannelEvents and send values to dispatcher using messagesDispatcher
- * messagesDispatcher: Dispatcher
- * sdk: sdkInstance
- * logger: loggerInstance
- * channelUrl: string
- * sdkInit: bool
- */
-
-function useHandleChannelEvents(_ref, _ref2) {
-  var currentGroupChannel = _ref.currentGroupChannel,
-      sdkInit = _ref.sdkInit,
-      hasMoreNext = _ref.hasMoreNext;
-  var messagesDispatcher = _ref2.messagesDispatcher,
-      sdk = _ref2.sdk,
-      logger = _ref2.logger,
-      scrollRef = _ref2.scrollRef,
-      setQuoteMessage = _ref2.setQuoteMessage;
+function useHandleChannelEvents(_a, _b) {
+  var sdkInit = _a.sdkInit,
+      hasMoreNext = _a.hasMoreNext,
+      currentGroupChannel = _a.currentGroupChannel;
+  var sdk = _b.sdk,
+      logger = _b.logger,
+      scrollRef = _b.scrollRef,
+      setQuoteMessage = _b.setQuoteMessage,
+      messagesDispatcher = _b.messagesDispatcher;
   useEffect(function () {
-    var channelUrl = currentGroupChannel && (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url);
-    var messageReceiverId = uuidv4();
-
-    if (channelUrl && sdk && sdk.ChannelHandler) {
-      var ChannelHandler = new sdk.ChannelHandler();
-      logger.info('Channel | useHandleChannelEvents: Setup event handler', messageReceiverId);
-
-      ChannelHandler.onMessageReceived = function (channel, message) {
-        // Do not update when hasMoreNext
-        if (compareIds(channel.url, channelUrl) && !hasMoreNext) {
-          var scrollToEnd = false;
-
-          try {
-            var current = scrollRef.current;
-            scrollToEnd = current.offsetHeight + current.scrollTop >= current.scrollHeight;
-          } catch (error) {//
-          }
+    var _a;
 
-          logger.info('Channel | useHandleChannelEvents: onMessageReceived', message);
-          messagesDispatcher({
-            type: ON_MESSAGE_RECEIVED,
-            payload: {
-              channel: channel,
-              message: message
-            }
-          });
+    var channelUrl = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url;
+    var channelHandlerId = uuidv4();
+
+    if (channelUrl && sdkInit) {
+      var channelHandler = {
+        onMessageReceived: function onMessageReceived(channel, message) {
+          // Do not update when hasMoreNext
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl) && !hasMoreNext) {
+            var scrollToEnd = false;
 
-          if (scrollToEnd) {
             try {
-              setTimeout(function () {
-                currentGroupChannel.markAsRead();
-                scrollIntoLast();
-              });
-            } catch (error) {
-              logger.warning('Channel | onMessageReceived | scroll to end failed');
+              var current = scrollRef.current;
+              scrollToEnd = current.offsetHeight + current.scrollTop >= current.scrollHeight;
+            } catch (error) {//
             }
-          }
-        }
-      };
-      /**
-       * We need to update current channel with the channel,
-       * when onReadReceiptUpdated or onDeliveryReceiptUpdated are called,
-       * because cachedReadReceiptStatus and cachedDeliveryReceiptStatus properties were changed
-       */
 
+            logger.info('Channel | useHandleChannelEvents: onMessageReceived', message);
+            messagesDispatcher({
+              type: ON_MESSAGE_RECEIVED,
+              payload: {
+                channel: channel,
+                message: message
+              }
+            });
 
-      ChannelHandler.onReadReceiptUpdated = function (channel) {
-        if (compareIds(channel.url, channelUrl)) {
-          logger.info('Channel | useHandleChannelEvents: onReadReceiptUpdated', channel);
-          messagesDispatcher({
-            type: SET_CURRENT_CHANNEL,
-            payload: channel
-          });
-        }
-      };
-
-      ChannelHandler.onDeliveryReceiptUpdated = function (channel) {
-        if (compareIds(channel.url, channelUrl)) {
-          logger.info('Channel | useHandleChannelEvents: onDeliveryReceiptUpdated', channel);
-          messagesDispatcher({
-            type: SET_CURRENT_CHANNEL,
-            payload: channel
-          });
-        }
-      };
+            if (scrollToEnd) {
+              try {
+                setTimeout(function () {
+                  var _a;
 
-      ChannelHandler.onMessageUpdated = function (channel, message) {
-        logger.info('Channel | useHandleChannelEvents: onMessageUpdated', message);
-        messagesDispatcher({
-          type: ON_MESSAGE_UPDATED,
-          payload: {
-            channel: channel,
-            message: message
+                  (_a = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead) === null || _a === void 0 ? void 0 : _a.call(currentGroupChannel);
+                  scrollIntoLast();
+                });
+              } catch (error) {
+                logger.warning('Channel | onMessageReceived | scroll to end failed');
+              }
+            }
           }
-        });
-      };
+        },
+        onUnreadMemberStatusUpdated: function onUnreadMemberStatusUpdated(channel) {
+          logger.info('Channel | useHandleChannelEvents: onUnreadMemberStatusUpdated', channel);
 
-      ChannelHandler.onThreadInfoUpdated = function (channel, event) {
-        logger.info('Channel | useHandleChannelEvents: onThreadInfoUpdated', event);
-        messagesDispatcher({
-          type: ON_MESSAGE_THREAD_INFO_UPDATED,
-          payload: {
-            channel: channel,
-            event: event
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+            messagesDispatcher({
+              type: SET_CURRENT_CHANNEL,
+              payload: channel
+            });
           }
-        });
-      };
-
-      ChannelHandler.onMessageDeleted = function (_, messageId) {
-        logger.info('Channel | useHandleChannelEvents: onMessageDeleted', messageId);
-        setQuoteMessage(null);
-        messagesDispatcher({
-          type: ON_MESSAGE_DELETED,
-          payload: messageId
-        });
-      };
-
-      ChannelHandler.onReactionUpdated = function (_, reactionEvent) {
-        logger.info('Channel | useHandleChannelEvents: onReactionUpdated', reactionEvent);
-        messagesDispatcher({
-          type: ON_REACTION_UPDATED,
-          payload: reactionEvent
-        });
-      };
-
-      ChannelHandler.onChannelChanged = function (groupChannel) {
-        if (compareIds(groupChannel.url, channelUrl)) {
-          logger.info('Channel | useHandleChannelEvents: onChannelChanged', groupChannel);
+        },
+        // before(onDeliveryReceiptUpdated)
+        onUndeliveredMemberStatusUpdated: function onUndeliveredMemberStatusUpdated(channel) {
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+            logger.info('Channel | useHandleChannelEvents: onDeliveryReceiptUpdated', channel);
+            messagesDispatcher({
+              type: SET_CURRENT_CHANNEL,
+              payload: channel
+            });
+          }
+        },
+        onMessageUpdated: function onMessageUpdated(channel, message) {
+          logger.info('Channel | useHandleChannelEvents: onMessageUpdated', message);
           messagesDispatcher({
-            type: SET_CURRENT_CHANNEL,
-            payload: groupChannel
+            type: ON_MESSAGE_UPDATED,
+            payload: {
+              channel: channel,
+              message: message
+            }
           });
-        }
-      };
-
-      ChannelHandler.onChannelFrozen = function (groupChannel) {
-        if (compareIds(groupChannel.url, channelUrl)) {
-          logger.info('Channel | useHandleChannelEvents: onChannelFrozen', groupChannel);
-          messagesDispatcher({
-            type: SET_CURRENT_CHANNEL,
-            payload: groupChannel
+        },
+        onThreadInfoUpdated: function onThreadInfoUpdated(channel, threadInfoUpdateEvent) {
+          logger.info('Channel | useHandleChannelEvents: onThreadInfoUpdated', {
+            channel: channel,
+            threadInfoUpdateEvent: threadInfoUpdateEvent
           });
-        }
-      };
-
-      ChannelHandler.onChannelUnfrozen = function (groupChannel) {
-        if (compareIds(groupChannel.url, channelUrl)) {
-          logger.info('Channel | useHandleChannelEvents: onChannelUnFrozen', groupChannel);
           messagesDispatcher({
-            type: SET_CURRENT_CHANNEL,
-            payload: groupChannel
+            type: ON_MESSAGE_THREAD_INFO_UPDATED,
+            payload: {
+              channel: channel,
+              event: threadInfoUpdateEvent
+            }
           });
-        }
-      };
-
-      ChannelHandler.onUserMuted = function (groupChannel) {
-        if (compareIds(groupChannel.url, channelUrl)) {
-          logger.info('Channel | useHandleChannelEvents: onUserMuted', groupChannel);
-          messagesDispatcher({
-            type: SET_CURRENT_CHANNEL,
-            payload: groupChannel
+        },
+        onMessageDeleted: function onMessageDeleted(channel, messageId) {
+          logger.info('Channel | useHandleChannelEvents: onMessageDeleted', {
+            channel: channel,
+            messageId: messageId
           });
-        }
-      };
-
-      ChannelHandler.onUserUnmuted = function (groupChannel) {
-        if (compareIds(groupChannel.url, channelUrl)) {
-          logger.info('Channel | useHandleChannelEvents: onUserUnmuted', groupChannel);
+          setQuoteMessage(null);
           messagesDispatcher({
-            type: SET_CURRENT_CHANNEL,
-            payload: groupChannel
+            type: ON_MESSAGE_DELETED,
+            payload: messageId
           });
-        }
-      };
-
-      ChannelHandler.onUserBanned = function (groupChannel) {
-        if (compareIds(groupChannel.url, channelUrl)) {
-          logger.info('Channel | useHandleChannelEvents: onUserBanned', groupChannel);
-          messagesDispatcher({
-            type: SET_CURRENT_CHANNEL,
-            payload: groupChannel
+        },
+        onReactionUpdated: function onReactionUpdated(channel, reactionEvent) {
+          logger.info('Channel | useHandleChannelEvents: onReactionUpdated', {
+            channel: channel,
+            reactionEvent: reactionEvent
           });
-        }
-      };
-
-      ChannelHandler.onOperatorUpdated = function (groupChannel) {
-        if (compareIds(groupChannel.url, channelUrl)) {
-          logger.info('Channel | useHandleChannelEvents: onOperatorUpdated', groupChannel);
           messagesDispatcher({
-            type: SET_CURRENT_CHANNEL,
-            payload: groupChannel
+            type: ON_REACTION_UPDATED,
+            payload: reactionEvent
           });
-        }
-      }; // Add this channel event handler to the SendBird object.
+        },
+        onChannelChanged: function onChannelChanged(channel) {
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+            logger.info('Channel | useHandleChannelEvents: onChannelChanged', channel);
+            messagesDispatcher({
+              type: SET_CURRENT_CHANNEL,
+              payload: channel
+            });
+          }
+        },
+        onChannelFrozen: function onChannelFrozen(channel) {
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+            logger.info('Channel | useHandleChannelEvents: onChannelFrozen', channel);
+            messagesDispatcher({
+              type: SET_CURRENT_CHANNEL,
+              payload: channel
+            });
+          }
+        },
+        onChannelUnfrozen: function onChannelUnfrozen(channel) {
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+            logger.info('Channel | useHandleChannelEvents: onChannelUnFrozen', channel);
+            messagesDispatcher({
+              type: SET_CURRENT_CHANNEL,
+              payload: channel
+            });
+          }
+        },
+        onUserMuted: function onUserMuted(channel, user) {
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+            logger.info('Channel | useHandleChannelEvents: onUserMuted', {
+              channel: channel,
+              user: user
+            });
+            messagesDispatcher({
+              type: SET_CURRENT_CHANNEL,
+              payload: channel
+            });
+          }
+        },
+        onUserUnmuted: function onUserUnmuted(channel, user) {
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+            logger.info('Channel | useHandleChannelEvents: onUserUnmuted', {
+              channel: channel,
+              user: user
+            });
+            messagesDispatcher({
+              type: SET_CURRENT_CHANNEL,
+              payload: channel
+            });
+          }
+        },
+        onUserBanned: function onUserBanned(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)) {
+            logger.info('Channel | useHandleChannelEvents: onUserBanned', {
+              channel: channel,
+              user: user
+            });
+            messagesDispatcher({
+              type: SET_CURRENT_CHANNEL,
+              payload: null
+            });
+          }
+        },
+        onOperatorUpdated: function onOperatorUpdated(channel, users) {
+          if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+            logger.info('Channel | useHandleChannelEvents: onOperatorUpdated', {
+              channel: channel,
+              users: users
+            });
+            messagesDispatcher({
+              type: SET_CURRENT_CHANNEL,
+              payload: channel
+            });
+          }
+        }
+      };
+      logger.info('Channel | useHandleChannelEvents: Setup event handler', channelHandlerId); // Add this group channel handler to the Sendbird chat instance
 
-      sdk.addChannelHandler(messageReceiverId, ChannelHandler);
+      (_a = sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler(channelHandlerId, new Yr(channelHandler));
     }
 
     return function () {
-      if (sdk && sdk.removeChannelHandler) {
-        logger.info('Channel | useHandleChannelEvents: Removing message reciver handler', messageReceiverId);
-        sdk.removeChannelHandler(messageReceiverId);
+      var _a;
+
+      if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.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) {
+        logger.error('Channel | useHandleChannelEvents: Not found the removeGroupChannelHandler');
       }
     };
   }, [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url, sdkInit]);
@@ -922,9 +940,9 @@ function useSetChannel(_ref, _ref2) {
       sdk = _ref2.sdk,
       logger = _ref2.logger;
   useEffect(function () {
-    if (channelUrl && sdkInit && sdk && sdk.GroupChannel) {
+    if (channelUrl && sdkInit && sdk && sdk.groupChannel) {
       logger.info('Channel | useSetChannel fetching channel', channelUrl);
-      sdk.GroupChannel.getChannel(channelUrl).then(function (groupChannel) {
+      sdk.groupChannel.getChannel(channelUrl).then(function (groupChannel) {
         logger.info('Channel | useSetChannel fetched channel', groupChannel);
         messagesDispatcher({
           type: SET_CURRENT_CHANNEL,
@@ -942,18 +960,16 @@ function useSetChannel(_ref, _ref2) {
           type: SET_CHANNEL_INVALID
         });
       });
-      sdk.getAllEmoji(function (emojiContainer_, err) {
-        if (err) {
-          logger.error('Channel: Getting emojis failed', err);
-          return;
-        }
-
+      sdk.getAllEmoji().then(function (emojiContainer_) {
         logger.info('Channel: Getting emojis success', emojiContainer_);
         messagesDispatcher({
           type: SET_EMOJI_CONTAINER,
           payload: emojiContainer_
         });
+      }).catch(function (err) {
+        logger.error('Channel: Getting emojis failed', err);
       });
+      sdk.getAllEmoji();
     }
   }, [channelUrl, sdkInit]);
 }
@@ -963,10 +979,9 @@ function useInitialMessagesFetch(_ref, _ref2) {
       userFilledMessageListQuery = _ref.userFilledMessageListQuery,
       initialTimeStamp = _ref.initialTimeStamp,
       replyType = _ref.replyType;
-  var sdk = _ref2.sdk,
-      logger = _ref2.logger,
+  var logger = _ref2.logger,
       messagesDispatcher = _ref2.messagesDispatcher;
-  var channelUrl = currentGroupChannel && currentGroupChannel.url;
+  var channelUrl = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url;
   useEffect(function () {
     logger.info('Channel useInitialMessagesFetch: Setup started', currentGroupChannel);
     messagesDispatcher({
@@ -974,8 +989,8 @@ function useInitialMessagesFetch(_ref, _ref2) {
       payload: null
     });
 
-    if (sdk && sdk.MessageListParams && currentGroupChannel && currentGroupChannel.getMessagesByTimestamp) {
-      var messageListParams = new sdk.MessageListParams();
+    if (currentGroupChannel && currentGroupChannel !== null && currentGroupChannel !== void 0 && currentGroupChannel.getMessagesByTimestamp) {
+      var messageListParams = {};
       messageListParams.prevResultSize = PREV_RESULT_SIZE;
 
       if (initialTimeStamp) {
@@ -983,13 +998,12 @@ function useInitialMessagesFetch(_ref, _ref2) {
       }
 
       messageListParams.isInclusive = true;
-      messageListParams.includeReplies = false;
-      messageListParams.includeReaction = true;
+      messageListParams.includeReactions = true;
 
       if (replyType && replyType === 'QUOTE_REPLY') {
         messageListParams.includeThreadInfo = true;
         messageListParams.includeParentMessageInfo = true;
-        messageListParams.replyType = 'only_reply_to_channel';
+        messageListParams.replyType = ue.ONLY_REPLY_TO_CHANNEL;
       }
 
       if (userFilledMessageListQuery) {
@@ -1060,22 +1074,23 @@ function useHandleReconnect(_a, _b) {
   useEffect(function () {
     var wasOffline = !isOnline;
     return function () {
-      var _a; // state changed from offline to online
+      var _a, _b; // state changed from offline to online
 
 
       if (wasOffline && (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url)) {
         logger.info('Refreshing conversation state');
-        var useReaction = ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.isUsingReaction) || false;
-        var messageListParams_1 = new sdk.MessageListParams();
-        messageListParams_1.prevResultSize = PREV_RESULT_SIZE;
-        messageListParams_1.isInclusive = true;
-        messageListParams_1.includeReplies = false;
-        messageListParams_1.includeReaction = useReaction;
+        var isReactionEnabled = ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.useReaction) || false;
+        var messageListParams_1 = {
+          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 = 'only_reply_to_channel';
+          messageListParams_1.replyType = ue.ONLY_REPLY_TO_CHANNEL;
         }
 
         if (userFilledMessageListQuery) {
@@ -1092,7 +1107,7 @@ function useHandleReconnect(_a, _b) {
           type: FETCH_INITIAL_MESSAGES_START,
           payload: null
         });
-        sdk.GroupChannel.getChannel(currentGroupChannel.url).then(function (groupChannel) {
+        (_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) {
             messagesDispatcher({
@@ -1116,7 +1131,7 @@ function useHandleReconnect(_a, _b) {
           }).finally(function () {
             var _a;
 
-            (_a = currentGroupChannel.markAsRead) === null || _a === void 0 ? void 0 : _a.call(currentGroupChannel);
+            (_a = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead) === null || _a === void 0 ? void 0 : _a.call(currentGroupChannel);
           });
         });
       }
@@ -1140,17 +1155,17 @@ function useScrollCallback(_ref, _ref2) {
 
     var _sdk$appInfo = sdk.appInfo,
         appInfo = _sdk$appInfo === void 0 ? {} : _sdk$appInfo;
-    var useReaction = appInfo.isUsingReaction || false;
-    var messageListParams = new sdk.MessageListParams();
-    messageListParams.prevResultSize = PREV_RESULT_SIZE;
-    messageListParams.isInclusive = true;
-    messageListParams.includeReplies = false;
-    messageListParams.includeReaction = useReaction;
+    var isReactionEnabled = appInfo.useReaction || false;
+    var messageListParams = {
+      prevResultSize: PREV_RESULT_SIZE,
+      isInclusive: true,
+      includeReactions: isReactionEnabled
+    };
 
     if (replyType && replyType === 'QUOTE_REPLY') {
       messageListParams.includeThreadInfo = true;
       messageListParams.includeParentMessageInfo = true;
-      messageListParams.replyType = 'only_reply_to_channel';
+      messageListParams.replyType = ue.ONLY_REPLY_TO_CHANNEL;
     }
 
     if (userFilledMessageListQuery) {
@@ -1201,17 +1216,17 @@ function useScrollDownCallback(_ref, _ref2) {
 
     var _sdk$appInfo = sdk.appInfo,
         appInfo = _sdk$appInfo === void 0 ? {} : _sdk$appInfo;
-    var useReaction = appInfo.isUsingReaction || false;
-    var messageListParams = new sdk.MessageListParams();
-    messageListParams.nextResultSize = NEXT_RESULT_SIZE;
-    messageListParams.isInclusive = true;
-    messageListParams.includeReplies = false;
-    messageListParams.includeReaction = useReaction;
+    var isReactionEnabled = appInfo.useReaction || false;
+    var messageListParams = {
+      nextResultSize: NEXT_RESULT_SIZE,
+      isInclusive: true,
+      includeReactions: isReactionEnabled
+    };
 
     if (replyType && replyType === 'QUOTE_REPLY') {
       messageListParams.includeThreadInfo = true;
       messageListParams.includeParentMessageInfo = true;
-      messageListParams.replyType = 'only_reply_to_channel';
+      messageListParams.replyType = ue.ONLY_REPLY_TO_CHANNEL;
     }
 
     if (userFilledMessageListQuery) {
@@ -1263,23 +1278,19 @@ function useDeleteMessageCallback(_ref, _ref2) {
           payload: message.reqId
         });
         resolve(message);
-      } // Message is on server
-
-
-      currentGroupChannel.deleteMessage(message, function (err) {
-        logger.info('Channel | useDeleteMessageCallback: Deleting message from remote:', requestState);
+      }
 
-        if (!err) {
-          logger.info('Channel | useDeleteMessageCallback: Deleting message success!', message);
-          messagesDispatcher({
-            type: ON_MESSAGE_DELETED,
-            payload: message.messageId
-          });
-          resolve(message);
-        } else {
-          logger.warning('Channel | useDeleteMessageCallback: Deleting message failed!', err);
-          reject(err);
-        }
+      logger.info('Channel | useDeleteMessageCallback: Deleting message from remote:', requestState);
+      currentGroupChannel.deleteMessage(message).then(function () {
+        logger.info('Channel | useDeleteMessageCallback: Deleting message success!', message);
+        messagesDispatcher({
+          type: ON_MESSAGE_DELETED,
+          payload: message.messageId
+        });
+        resolve(message);
+      }).catch(function (err) {
+        logger.warning('Channel | useDeleteMessageCallback: Deleting message failed!', err);
+        reject(err);
       });
     });
   }, [currentGroupChannel, messagesDispatcher]);
@@ -1291,8 +1302,7 @@ function useUpdateMessageCallback(_ref, _ref2) {
       onBeforeUpdateUserMessage = _ref.onBeforeUpdateUserMessage,
       isMentionEnabled = _ref.isMentionEnabled;
   var logger = _ref2.logger,
-      pubSub = _ref2.pubSub,
-      sdk = _ref2.sdk;
+      pubSub = _ref2.pubSub;
   return useCallback(function (props, callback) {
     var messageId = props.messageId,
         message = props.message,
@@ -1300,7 +1310,7 @@ function useUpdateMessageCallback(_ref, _ref2) {
         mentionTemplate = props.mentionTemplate;
 
     var createParamsDefault = function createParamsDefault() {
-      var params = new sdk.UserMessageParams();
+      var params = {};
       params.message = message;
 
       if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
@@ -1323,39 +1333,26 @@ function useUpdateMessageCallback(_ref, _ref2) {
     }
 
     var params = onBeforeUpdateUserMessage ? onBeforeUpdateUserMessage(message) : createParamsDefault();
-    currentGroupChannel.updateUserMessage(messageId, params, function (r, e) {
-      logger.info('Channel: Updating message!', params);
-      var swapParams = sdk.getErrorFirstCallback();
-      var msg = r;
-      var err = e;
-
-      if (swapParams) {
-        msg = e;
-        err = r;
-      }
-
+    logger.info('Channel: Updating message!', params);
+    currentGroupChannel.updateUserMessage(messageId, params).then(function (msg, err) {
       if (callback) {
         callback(err, msg);
       }
 
-      if (!err) {
-        logger.info('Channel: Updating message success!', msg);
-        messagesDispatcher({
-          type: ON_MESSAGE_UPDATED,
-          payload: {
-            channel: currentGroupChannel,
-            message: msg
-          }
-        });
-        pubSub.publish(UPDATE_USER_MESSAGE, {
-          message: msg,
-          channel: currentGroupChannel
-        });
-      } else {
-        logger.warning('Channel: Updating message failed!', err);
-      }
+      logger.info('Channel: Updating message success!', msg);
+      messagesDispatcher({
+        type: ON_MESSAGE_UPDATED,
+        payload: {
+          channel: currentGroupChannel,
+          message: msg
+        }
+      });
+      pubSub.publish(UPDATE_USER_MESSAGE, {
+        message: msg,
+        channel: currentGroupChannel
+      });
     });
-  }, [currentGroupChannel.url, messagesDispatcher, onBeforeUpdateUserMessage]);
+  }, [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url, messagesDispatcher, onBeforeUpdateUserMessage]);
 }
 
 function useResendMessageCallback(_ref, _ref2) {
@@ -1447,8 +1444,7 @@ function useSendMessageCallback(_ref, _ref2) {
   var isMentionEnabled = _ref.isMentionEnabled,
       currentGroupChannel = _ref.currentGroupChannel,
       onBeforeSendUserMessage = _ref.onBeforeSendUserMessage;
-  var sdk = _ref2.sdk,
-      logger = _ref2.logger,
+  var logger = _ref2.logger,
       pubSub = _ref2.pubSub,
       messagesDispatcher = _ref2.messagesDispatcher;
   var messageInputRef = useRef(null);
@@ -1460,7 +1456,7 @@ function useSendMessageCallback(_ref, _ref2) {
         mentionedUsers = props.mentionedUsers;
 
     var createParamsDefault = function createParamsDefault() {
-      var params = new sdk.UserMessageParams();
+      var params = {};
       params.message = (message === null || message === void 0 ? void 0 : message.trim()) || message; // if (isMentionEnabled && mentionedUserIds?.length > 0) {
 
       if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
@@ -1489,44 +1485,32 @@ function useSendMessageCallback(_ref, _ref2) {
 
     var params = onBeforeSendUserMessage ? onBeforeSendUserMessage(message, quoteMessage) : createParamsDefault();
     logger.info('Channel: Sending message has started', params);
-    var pendingMsg = currentGroupChannel.sendUserMessage(params, function (res, err) {
-      var swapParams = sdk.getErrorFirstCallback();
-      var msg = res;
-      var error = err;
-
-      if (swapParams) {
-        msg = err;
-        error = res;
-      } // sending params instead of pending message
-      // to make sure that we can resend the message once it fails
-
-
-      if (error) {
-        logger.warning('Channel: Sending message failed!', {
-          msg: msg
-        });
-        messagesDispatcher({
-          type: SEND_MESSAGEGE_FAILURE,
-          payload: msg
-        });
-        return;
-      }
-
+    currentGroupChannel.sendUserMessage(params).onPending(function (pendingMsg) {
+      pubSub.publish(SEND_MESSAGE_START, {
+        /* pubSub is used instead of messagesDispatcher
+          to avoid redundantly calling `messageActionTypes.SEND_MESSAGEGE_START` */
+        message: pendingMsg,
+        channel: currentGroupChannel
+      });
+      setTimeout(function () {
+        return scrollIntoLast();
+      });
+    }).onFailed(function (err, msg) {
+      logger.warning('Channel: Sending message failed!', {
+        message: msg,
+        error: err
+      });
+      messagesDispatcher({
+        type: SEND_MESSAGEGE_FAILURE,
+        payload: msg
+      });
+    }).onSucceeded(function (msg) {
       logger.info('Channel: Sending message success!', msg);
       messagesDispatcher({
         type: SEND_MESSAGEGE_SUCESS,
         payload: msg
       });
     });
-    pubSub.publish(SEND_MESSAGE_START, {
-      /* pubSub is used instead of messagesDispatcher
-        to avoid redundantly calling `messageActionTypes.SEND_MESSAGEGE_START` */
-      message: pendingMsg,
-      channel: currentGroupChannel
-    });
-    setTimeout(function () {
-      return scrollIntoLast();
-    });
   }, [currentGroupChannel, onBeforeSendUserMessage]);
   return [messageInputRef, sendMessage];
 }
@@ -1536,8 +1520,7 @@ function useSendFileMessageCallback(_ref, _ref2) {
       onBeforeSendFileMessage = _ref.onBeforeSendFileMessage,
       _ref$imageCompression = _ref.imageCompression,
       imageCompression = _ref$imageCompression === void 0 ? {} : _ref$imageCompression;
-  var sdk = _ref2.sdk,
-      logger = _ref2.logger,
+  var logger = _ref2.logger,
       pubSub = _ref2.pubSub,
       messagesDispatcher = _ref2.messagesDispatcher;
   var sendMessage = useCallback(function (file) {
@@ -1553,7 +1536,7 @@ function useSendFileMessageCallback(_ref, _ref2) {
     var canCompressImage = compressibleFileType && (compressibleRatio || compressibleDiamensions);
 
     var createParamsDefault = function createParamsDefault(file_) {
-      var params = new sdk.FileMessageParams();
+      var params = {};
       params.file = file_;
 
       if (quoteMessage) {
@@ -1600,49 +1583,40 @@ function useSendFileMessageCallback(_ref, _ref2) {
 
             var params = createCustomParams ? onBeforeSendFileMessage(compressedFile, quoteMessage) : createParamsDefault(compressedFile);
             logger.info('Channel: Uploading file message start!', params);
-            var pendingMessage = currentGroupChannel.sendFileMessage(params, function (response, err) {
-              var swapParams = sdk.getErrorFirstCallback();
-
-              var _ref3 = swapParams ? [err, response] : [response, err],
-                  _ref4 = _slicedToArray(_ref3, 2),
-                  message = _ref4[0],
-                  error = _ref4[1];
-
-              if (error) {
-                // sending params instead of pending message
-                // to make sure that we can resend the message once it fails
-                logger.error('Channel: Sending file message failed!', {
-                  message: message,
-                  error: error
-                });
-                message.localUrl = URL.createObjectURL(compressedFile);
-                message.file = compressedFile;
-                messagesDispatcher({
-                  type: SEND_MESSAGEGE_FAILURE,
-                  payload: message
-                });
-                return;
-              }
+            currentGroupChannel.sendFileMessage(params).onPending(function (pendingMessage) {
+              pubSub.publish(SEND_MESSAGE_START, {
+                /* pubSub is used instead of messagesDispatcher
+                  to avoid redundantly calling `messageActionTypes.SEND_MESSAGEGE_START` */
+                message: _objectSpread2(_objectSpread2({}, pendingMessage), {}, {
+                  url: URL.createObjectURL(compressedFile),
+                  // pending thumbnail message seems to be failed
+                  requestState: 'pending'
+                }),
+                channel: currentGroupChannel
+              });
+              setTimeout(function () {
+                return scrollIntoLast();
+              }, 1000);
+            }).onFailed(function (err, failedMessage) {
+              logger.error('Channel: Sending file message failed!', {
+                failedMessage: failedMessage,
+                err: err
+              }); // eslint-disable-next-line no-param-reassign
+
+              failedMessage.localUrl = URL.createObjectURL(compressedFile); // eslint-disable-next-line no-param-reassign
 
-              logger.info('Channel: Sending file message success!', message);
+              failedMessage.file = compressedFile;
+              messagesDispatcher({
+                type: SEND_MESSAGEGE_FAILURE,
+                payload: failedMessage
+              });
+            }).onSucceeded(function (succeededMessage) {
+              logger.info('Channel: Sending file message success!', succeededMessage);
               messagesDispatcher({
                 type: SEND_MESSAGEGE_SUCESS,
-                payload: message
+                payload: succeededMessage
               });
             });
-            pubSub.publish(SEND_MESSAGE_START, {
-              /* pubSub is used instead of messagesDispatcher
-                to avoid redundantly calling `messageActionTypes.SEND_MESSAGEGE_START` */
-              message: _objectSpread2(_objectSpread2({}, pendingMessage), {}, {
-                url: URL.createObjectURL(compressedFile),
-                // pending thumbnail message seems to be failed
-                requestState: 'pending'
-              }),
-              channel: currentGroupChannel
-            });
-            setTimeout(function () {
-              return scrollIntoLast();
-            }, 1000);
           }, file.type, compressionRate);
         };
       } catch (error) {
@@ -1656,49 +1630,40 @@ function useSendFileMessageCallback(_ref, _ref2) {
 
       var params = onBeforeSendFileMessage ? onBeforeSendFileMessage(file, quoteMessage) : createParamsDefault(file);
       logger.info('Channel: Uploading file message start!', params);
-      var pendingMsg = currentGroupChannel.sendFileMessage(params, function (response, err) {
-        var swapParams = sdk.getErrorFirstCallback();
-
-        var _ref5 = swapParams ? [err, response] : [response, err],
-            _ref6 = _slicedToArray(_ref5, 2),
-            message = _ref6[0],
-            error = _ref6[1];
-
-        if (error) {
-          // sending params instead of pending message
-          // to make sure that we can resend the message once it fails
-          logger.error('Channel: Sending file message failed!', {
-            message: message,
-            error: error
-          });
-          message.localUrl = URL.createObjectURL(file);
-          message.file = file;
-          messagesDispatcher({
-            type: SEND_MESSAGEGE_FAILURE,
-            payload: message
-          });
-          return;
-        }
+      currentGroupChannel.sendFileMessage(params).onPending(function (pendingMsg) {
+        pubSub.publish(SEND_MESSAGE_START, {
+          /* pubSub is used instead of messagesDispatcher
+            to avoid redundantly calling `messageActionTypes.SEND_MESSAGEGE_START` */
+          message: _objectSpread2(_objectSpread2({}, pendingMsg), {}, {
+            url: URL.createObjectURL(file),
+            // pending thumbnail message seems to be failed
+            requestState: 'pending'
+          }),
+          channel: currentGroupChannel
+        });
+        setTimeout(function () {
+          return scrollIntoLast();
+        }, 1000);
+      }).onFailed(function (error, message) {
+        logger.error('Channel: Sending file message failed!', {
+          message: message,
+          error: error
+        }); // eslint-disable-next-line no-param-reassign
+
+        message.localUrl = URL.createObjectURL(file); // eslint-disable-next-line no-param-reassign
 
+        message.file = file;
+        messagesDispatcher({
+          type: SEND_MESSAGEGE_FAILURE,
+          payload: message
+        });
+      }).onSucceeded(function (message) {
         logger.info('Channel: Sending message success!', message);
         messagesDispatcher({
           type: SEND_MESSAGEGE_SUCESS,
           payload: message
         });
       });
-      pubSub.publish(SEND_MESSAGE_START, {
-        /* pubSub is used instead of messagesDispatcher
-          to avoid redundantly calling `messageActionTypes.SEND_MESSAGEGE_START` */
-        message: _objectSpread2(_objectSpread2({}, pendingMsg), {}, {
-          url: URL.createObjectURL(file),
-          // pending thumbnail message seems to be failed
-          requestState: 'pending'
-        }),
-        channel: currentGroupChannel
-      });
-      setTimeout(function () {
-        return scrollIntoLast();
-      }, 1000);
     }
   }, [currentGroupChannel, onBeforeSendFileMessage, imageCompression]);
   return [sendMessage];
@@ -1707,7 +1672,7 @@ function useSendFileMessageCallback(_ref, _ref2) {
 function useMemoizedEmojiListItems(_ref, _ref2) {
   var emojiContainer = _ref.emojiContainer,
       toggleReaction = _ref.toggleReaction;
-  var useReaction = _ref2.useReaction,
+  var isReactionEnabled = _ref2.isReactionEnabled,
       logger = _ref2.logger,
       userId = _ref2.userId,
       emojiAllList = _ref2.emojiAllList;
@@ -1722,7 +1687,7 @@ function useMemoizedEmojiListItems(_ref, _ref2) {
           _ref3$spaceFromTrigge = _ref3.spaceFromTrigger,
           spaceFromTrigger = _ref3$spaceFromTrigge === void 0 ? {} : _ref3$spaceFromTrigge;
 
-      if (!useReaction || !(parentRef || parentContainRef || message || closeDropdown)) {
+      if (!isReactionEnabled || !(parentRef || parentContainRef || message || closeDropdown)) {
         logger.warning('Channel: Invalid Params in memoizedEmojiListItems');
         return null;
       }
@@ -1813,8 +1778,8 @@ var ChannelProvider = function ChannelProvider(props) {
 
   var channelUrl = props.channelUrl,
       children = props.children,
-      useMessageGrouping = props.useMessageGrouping,
-      useReaction = props.useReaction,
+      isReactionEnabled = props.isReactionEnabled,
+      isMessageGroupingEnabled = props.isMessageGroupingEnabled,
       showSearchIcon = props.showSearchIcon,
       highlightedMessage = props.highlightedMessage,
       startingPoint = props.startingPoint,
@@ -1878,10 +1843,10 @@ var ChannelProvider = function ChannelProvider(props) {
       latestMessageTimeStamp = messagesStore.latestMessageTimeStamp,
       emojiContainer = messagesStore.emojiContainer,
       readStatus = messagesStore.readStatus;
-  var isBroadcast = currentGroupChannel.isBroadcast,
-      isSuper = currentGroupChannel.isSuper;
+  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.isUsingReaction) && !isBroadcast && !isSuper && useReaction // TODO: Make useReaction independent from appInfo.isUsingReaction
+  var usingReaction = (appInfo === null || appInfo === void 0 ? void 0 : appInfo.useReaction) && !isBroadcast && !isSuper && isReactionEnabled // TODO: Make isReactionEnabled independent from appInfo.useReaction
   ;
   var emojiAllMap = useMemo(function () {
     return usingReaction ? getAllEmojisMapFromEmojiContainer(emojiContainer) : new Map();
@@ -1890,8 +1855,8 @@ var ChannelProvider = function ChannelProvider(props) {
     return usingReaction ? getAllEmojisFromEmojiContainer(emojiContainer) : [];
   }, [emojiContainer]);
   var nicknamesMap = useMemo(function () {
-    return usingReaction ? getNicknamesMapFromMembers(currentGroupChannel.members) : new Map();
-  }, [currentGroupChannel.members]); // Scrollup is default scroll for channel
+    return usingReaction && currentGroupChannel ? getNicknamesMapFromMembers(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) : new Map();
+  }, [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members]); // Scrollup is default scroll for channel
 
   var onScrollCallback = useScrollCallback({
     currentGroupChannel: currentGroupChannel,
@@ -1934,7 +1899,7 @@ var ChannelProvider = function ChannelProvider(props) {
     emojiContainer: emojiContainer,
     toggleReaction: toggleReaction
   }, {
-    useReaction: usingReaction,
+    isReactionEnabled: usingReaction,
     logger: logger,
     userId: userId,
     emojiAllList: emojiAllList
@@ -1976,7 +1941,6 @@ var ChannelProvider = function ChannelProvider(props) {
     latestMessageTimeStamp: latestMessageTimeStamp,
     replyType: replyType
   }, {
-    sdk: sdk,
     logger: logger,
     messagesDispatcher: messagesDispatcher
   }); // handles API calls from withSendbird
@@ -2012,7 +1976,6 @@ var ChannelProvider = function ChannelProvider(props) {
     isMentionEnabled: isMentionEnabled
   }, {
     logger: logger,
-    sdk: sdk,
     pubSub: pubSub
   });
   var resendMessage = useResendMessageCallback({
@@ -2027,7 +1990,6 @@ var ChannelProvider = function ChannelProvider(props) {
     onBeforeSendUserMessage: onBeforeSendUserMessage,
     isMentionEnabled: isMentionEnabled
   }, {
-    sdk: sdk,
     logger: logger,
     pubSub: pubSub,
     messagesDispatcher: messagesDispatcher
@@ -2040,7 +2002,6 @@ var ChannelProvider = function ChannelProvider(props) {
     onBeforeSendFileMessage: onBeforeSendFileMessage,
     imageCompression: imageCompression
   }, {
-    sdk: sdk,
     logger: logger,
     pubSub: pubSub,
     messagesDispatcher: messagesDispatcher
@@ -2049,8 +2010,8 @@ var ChannelProvider = function ChannelProvider(props) {
     value: {
       // props
       channelUrl: channelUrl,
-      useMessageGrouping: useMessageGrouping,
-      useReaction: usingReaction,
+      isReactionEnabled: usingReaction,
+      isMessageGroupingEnabled: isMessageGroupingEnabled,
       showSearchIcon: showSearchIcon,
       highlightedMessage: highlightedMessage,
       startingPoint: startingPoint,
@@ -2106,9 +2067,9 @@ var ChannelProvider = function ChannelProvider(props) {
   }, children));
 };
 
-var useChannel = function useChannel() {
+var useChannelContext = function useChannelContext() {
   return React__default.useContext(ChannelContext);
 };
 
-export { ChannelProvider as C, MARK_AS_READ as M, isDisabledBecauseFrozen as a, isDisabledBecauseMuted as b, compareMessagesForGrouping as c, isOperator as d, isAboutSame as i, useChannel as u };
-//# sourceMappingURL=ChannelProvider-34834493.js.map
+export { ChannelProvider as C, MARK_AS_READ as M, isDisabledBecauseFrozen as a, isDisabledBecauseMuted as b, compareMessagesForGrouping as c, isOperator as d, isAboutSame as i, useChannelContext as u };
+//# sourceMappingURL=ChannelProvider-c0ed5fae.js.map