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

package/{ChannelListProvider-737ee36f.js → ChannelListProvider-fec439b3.js}

@@ -1,12 +1,13 @@
-import { a as __spreadArray, _ as __assign } from './tslib.es6-2c4d01e9.js';
+import { a as __spreadArray, _ as __assign } from './tslib.es6-9548150b.js';
 import React__default, { useReducer, useState, useEffect, useMemo, useContext } from 'react';
-import { C as CREATE_CHANNEL$1, U as UPDATE_USER_MESSAGE, L as LEAVE_CHANNEL, b as SEND_MESSAGE_START } from './topics-24a660ee.js';
-import { u as uuidv4 } from './uuid-0ab81e67.js';
-import { n as noop } from './utils-85d3d94c.js';
-import { U as UserProfileProvider } from './UserProfileContext-b6d89d0d.js';
+import { Y as Yr } from './groupChannel-9a1eb726.js';
+import { C as CREATE_CHANNEL$1, U as UPDATE_USER_MESSAGE, L as LEAVE_CHANNEL, S as SEND_MESSAGE_START } from './topics-19b96cc7.js';
+import { u as uuidv4 } from './uuid-c5e7a9dd.js';
+import { n as noop } from './utils-83135175.js';
+import { U as UserProfileProvider } from './UserProfileContext-f0ef00c0.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { _ as _objectSpread2, b as _toConsumableArray } from './_rollupPluginBabelHelpers-d10f91b9.js';
-import { f as filterChannelListParams, g as getChannelsWithUpsertedChannel } from './index-902c2068.js';
+import { _ as _objectSpread2, b as _toConsumableArray } from './_rollupPluginBabelHelpers-8ba74698.js';
+import { f as filterChannelListParams, g as getChannelsWithUpsertedChannel } from './index-4c5351e9.js';
 
 var RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
 var CREATE_CHANNEL = 'CREATE_CHANNEL';
@@ -40,144 +41,134 @@ var createEventHandler = function createEventHandler(_ref) {
       sdkChannelHandlerId = _ref.sdkChannelHandlerId,
       channelListDispatcher = _ref.channelListDispatcher,
       logger = _ref.logger;
-  var ChannelHandler = new sdk.ChannelHandler();
-
-  ChannelHandler.onChannelChanged = function (channel) {
-    logger.info('ChannelList: onChannelChanged', channel);
-    channelListDispatcher({
-      type: ON_CHANNEL_CHANGED,
-      payload: channel
-    });
-  };
-
-  ChannelHandler.onChannelDeleted = function (channelUrl) {
-    logger.info('ChannelList: onChannelDeleted', channelUrl);
-    channelListDispatcher({
-      type: ON_CHANNEL_DELETED,
-      payload: channelUrl
-    });
-  };
-
-  ChannelHandler.onUserJoined = function (channel) {
-    logger.info('ChannelList: onUserJoined', channel);
-
-    if (channel.lastMessage) {
+  var ChannelHandler = new Yr({
+    onChannelChanged: function onChannelChanged(channel) {
+      logger.info('ChannelList: onChannelChanged', channel);
       channelListDispatcher({
-        type: ON_USER_JOINED,
+        type: ON_CHANNEL_CHANGED,
         payload: channel
       });
-    }
-  };
+    },
+    onChannelDeleted: function onChannelDeleted(channelUrl) {
+      logger.info('ChannelList: onChannelDeleted', channelUrl);
+      channelListDispatcher({
+        type: ON_CHANNEL_DELETED,
+        payload: channelUrl
+      });
+    },
+    onUserJoined: function onUserJoined(channel) {
+      logger.info('ChannelList: onUserJoined', channel);
 
-  ChannelHandler.onUserBanned = function (channel, user) {
-    var currentUser = sdk.currentUser;
-    logger.info('Channel | useHandleChannelEvents: onUserBanned', channel);
+      if (channel !== null && channel !== void 0 && channel.lastMessage) {
+        channelListDispatcher({
+          type: ON_USER_JOINED,
+          payload: channel
+        });
+      }
+    },
+    onUserBanned: function onUserBanned(channel, user) {
+      var currentUser = sdk.currentUser;
+      logger.info('Channel | useHandleChannelEvents: onUserBanned', channel);
 
-    if (user.userId === currentUser.userId) {
+      if (user.userId === currentUser.userId) {
+        channelListDispatcher({
+          type: ON_USER_LEFT,
+          payload: {
+            channel: channel,
+            isMe: true
+          }
+        });
+      } else {
+        channelListDispatcher({
+          type: ON_USER_LEFT,
+          payload: {
+            channel: channel,
+            isMe: false
+          }
+        });
+      }
+    },
+    onUserLeft: function onUserLeft(channel, leftUser) {
+      var currentUser = sdk.currentUser;
+      var isMe = currentUser.userId === leftUser.userId;
+      logger.info('ChannelList: onUserLeft', channel);
       channelListDispatcher({
         type: ON_USER_LEFT,
         payload: {
           channel: channel,
-          isMe: true
+          isMe: isMe
         }
       });
-    } else {
+    },
+    onReadStatus: function onReadStatus(channel) {
+      logger.info('ChannelList: onReadStatus', channel);
       channelListDispatcher({
-        type: ON_USER_LEFT,
-        payload: {
-          channel: channel,
-          isMe: false
-        }
+        type: ON_READ_RECEIPT_UPDATED,
+        payload: channel
       });
-    }
-  };
+    },
+    onDeliveryReceiptUpdated: function onDeliveryReceiptUpdated(channel) {
+      logger.info('ChannelList: onDeliveryReceiptUpdated', channel);
 
-  ChannelHandler.onUserLeft = function (channel, leftUser) {
-    var currentUser = sdk.currentUser;
-    var isMe = currentUser.userId === leftUser.userId;
-    logger.info('ChannelList: onUserLeft', channel);
-    channelListDispatcher({
-      type: ON_USER_LEFT,
-      payload: {
-        channel: channel,
-        isMe: isMe
+      if (channel !== null && channel !== void 0 && channel.lastMessage) {
+        channelListDispatcher({
+          type: ON_DELIVERY_RECEIPT_UPDATED,
+          payload: channel
+        });
       }
-    });
-  };
-
-  ChannelHandler.onReadStatus = function (channel) {
-    logger.info('ChannelList: onReadStatus', channel);
-    channelListDispatcher({
-      type: ON_READ_RECEIPT_UPDATED,
-      payload: channel
-    });
-  };
-
-  ChannelHandler.onDeliveryReceiptUpdated = function (channel) {
-    logger.info('ChannelList: onDeliveryReceiptUpdated', channel);
-
-    if (channel.lastMessage) {
+    },
+    onMessageUpdated: function onMessageUpdated(channel, message) {
+      if (channel !== null && channel !== void 0 && channel.lastMessage.isEqual(message)) {
+        logger.info('ChannelList: onMessageUpdated', channel);
+        channelListDispatcher({
+          type: ON_LAST_MESSAGE_UPDATED,
+          payload: channel
+        });
+      }
+    },
+    onChannelHidden: function onChannelHidden(channel) {
+      logger.info('ChannelList: onChannelHidden', channel);
       channelListDispatcher({
-        type: ON_DELIVERY_RECEIPT_UPDATED,
+        type: ON_CHANNEL_ARCHIVED,
         payload: channel
       });
-    }
-  };
-
-  ChannelHandler.onMessageUpdated = function (channel, message) {
-    if (channel.lastMessage.isEqual(message)) {
-      logger.info('ChannelList: onMessageUpdated', channel);
+    },
+    onChannelFrozen: function onChannelFrozen(channel) {
+      logger.info('ChannelList: onChannelFrozen', channel);
       channelListDispatcher({
-        type: ON_LAST_MESSAGE_UPDATED,
+        type: ON_CHANNEL_FROZEN,
+        payload: channel
+      });
+    },
+    onChannelUnfrozen: function onChannelUnfrozen(channel) {
+      logger.info('ChannelList: onChannelUnfrozen', channel);
+      channelListDispatcher({
+        type: ON_CHANNEL_UNFROZEN,
         payload: channel
       });
     }
-  };
-
-  ChannelHandler.onChannelHidden = function (channel) {
-    logger.info('ChannelList: onChannelHidden', channel);
-    channelListDispatcher({
-      type: ON_CHANNEL_ARCHIVED,
-      payload: channel
-    });
-  };
-
-  ChannelHandler.onChannelFrozen = function (channel) {
-    logger.info('ChannelList: onChannelFrozen', channel);
-    channelListDispatcher({
-      type: ON_CHANNEL_FROZEN,
-      payload: channel
-    });
-  };
-
-  ChannelHandler.onChannelUnfrozen = function (channel) {
-    logger.info('ChannelList: onChannelUnfrozen', channel);
-    channelListDispatcher({
-      type: ON_CHANNEL_UNFROZEN,
-      payload: channel
-    });
-  };
-
+  });
   logger.info('ChannelList: Added channelHandler');
-  sdk.addChannelHandler(sdkChannelHandlerId, ChannelHandler);
+  sdk.groupChannel.addGroupChannelHandler(sdkChannelHandlerId, ChannelHandler);
 };
 
 var createChannelListQuery = function createChannelListQuery(_ref2) {
   var sdk = _ref2.sdk,
       _ref2$userFilledChann = _ref2.userFilledChannelListQuery,
       userFilledChannelListQuery = _ref2$userFilledChann === void 0 ? {} : _ref2$userFilledChann;
-  var channelListQuery = sdk.GroupChannel.createMyGroupChannelListQuery();
-  channelListQuery.includeEmpty = false;
-  channelListQuery.order = 'latest_last_message'; // 'chronological', 'latest_last_message', 'channel_name_alphabetical', and 'metadata_value_alphabetical'
+  var param = {};
+  param.includeEmpty = false;
+  param.limit = 20; // The value of pagination limit could be set up to 100.
 
-  channelListQuery.limit = 20; // The value of pagination limit could be set up to 100.
+  param.order = 'latest_last_message'; // 'chronological', 'latest_last_message', 'channel_name_alphabetical', and 'metadata_value_alphabetical'
 
   if (userFilledChannelListQuery) {
     Object.keys(userFilledChannelListQuery).forEach(function (key) {
-      channelListQuery[key] = userFilledChannelListQuery[key];
+      param[key] = userFilledChannelListQuery[key];
     });
   }
 
+  var channelListQuery = sdk.groupChannel.createMyGroupChannelListQuery(param);
   return channelListQuery;
 };
 /**
@@ -198,7 +189,7 @@ function setupChannelList(_ref3) {
       sortChannelList = _ref3.sortChannelList,
       disableAutoSelect = _ref3.disableAutoSelect;
 
-  if (sdk && sdk.ChannelHandler) {
+  if (sdk !== null && sdk !== void 0 && sdk.groupChannel) {
     createEventHandler({
       sdk: sdk,
       channelListDispatcher: channelListDispatcher,
@@ -206,7 +197,7 @@ function setupChannelList(_ref3) {
       logger: logger
     });
   } else {
-    logger.console.warning('ChannelList - createEventHandler: sdk or sdk.ChannelHandler does not exist', sdk);
+    logger.warning('ChannelList - createEventHandler: sdk or sdk.ChannelHandler does not exist', sdk);
   }
 
   logger.info('ChannelList - creating query', {
@@ -236,28 +227,10 @@ function setupChannelList(_ref3) {
   logger.info('ChannelList - fetching channels');
 
   if (channelListQuery.hasNext) {
-    channelListQuery.next(function (response, error) {
+    channelListQuery.next().then(function (channelList) {
       var _sdk$appInfo, _sdk$appInfo$premiumF;
 
-      var swapParams = sdk.getErrorFirstCallback();
-      var channelList = response;
-      var err = error;
-
-      if (swapParams) {
-        channelList = error;
-        err = response;
-      }
-
-      logger.info('ChannelList - fetched channels', channelList);
-
-      if (err) {
-        logger.error('ChannelList - couldnt fetch channels', err);
-        channelListDispatcher({
-          type: INIT_CHANNELS_FAILURE
-        });
-        return;
-      } // select first channel
-
+      logger.info('ChannelList - fetched channels', channelList); // select first channel
 
       logger.info('ChannelList - highlight channel', channelList[0]);
       var sortedChannelList = channelList;
@@ -283,18 +256,23 @@ function setupChannelList(_ref3) {
       });
 
       if (canSetMarkAsDelivered) {
-        var _channelList;
-
         logger.info('ChannelList: Marking all channels as read'); // eslint-disable-next-line no-unused-expressions
 
-        (_channelList = channelList) === null || _channelList === void 0 ? void 0 : _channelList.forEach(function (c, idx) {
+        channelList.forEach(function (c, idx) {
           // Plan-based rate limits - minimum limit is 5 requests per second
           setTimeout(function () {
             // eslint-disable-next-line no-unused-expressions
-            sdk === null || sdk === void 0 ? void 0 : sdk.markAsDelivered(c === null || c === void 0 ? void 0 : c.url);
+            c.markAsDelivered();
           }, 300 * idx);
         });
       }
+    }).catch(function (err) {
+      if (err) {
+        logger.error('ChannelList - couldnt fetch channels', err);
+        channelListDispatcher({
+          type: INIT_CHANNELS_FAILURE
+        });
+      }
     });
   } else {
     logger.warning('ChannelList - there are no more channels');
@@ -310,16 +288,16 @@ var pubSubHandleRemover = function pubSubHandleRemover(subscriber) {
   });
 };
 var pubSubHandler = function pubSubHandler(pubSub, channelListDispatcher) {
-  var subScriber = new Map();
-  if (!pubSub) return subScriber;
-  subScriber.set(CREATE_CHANNEL$1, pubSub.subscribe(CREATE_CHANNEL$1, function (msg) {
+  var subscriber = new Map();
+  if (!pubSub) return subscriber;
+  subscriber.set(CREATE_CHANNEL$1, pubSub.subscribe(CREATE_CHANNEL$1, function (msg) {
     var channel = msg.channel;
     channelListDispatcher({
       type: 'CREATE_CHANNEL',
       payload: channel
     });
   }));
-  subScriber.set(UPDATE_USER_MESSAGE, pubSub.subscribe(UPDATE_USER_MESSAGE, function (msg) {
+  subscriber.set(UPDATE_USER_MESSAGE, pubSub.subscribe(UPDATE_USER_MESSAGE, function (msg) {
     var _updatedChannel$lastM;
 
     var channel = msg.channel,
@@ -337,21 +315,21 @@ var pubSubHandler = function pubSubHandler(pubSub, channelListDispatcher) {
       });
     }
   }));
-  subScriber.set(LEAVE_CHANNEL, pubSub.subscribe(LEAVE_CHANNEL, function (msg) {
+  subscriber.set(LEAVE_CHANNEL, pubSub.subscribe(LEAVE_CHANNEL, function (msg) {
     var channel = msg.channel;
     channelListDispatcher({
       type: LEAVE_CHANNEL_SUCCESS,
-      payload: channel.url
+      payload: channel === null || channel === void 0 ? void 0 : channel.url
     });
   }));
-  subScriber.set(SEND_MESSAGE_START, pubSub.subscribe(SEND_MESSAGE_START, function (msg) {
+  subscriber.set(SEND_MESSAGE_START, pubSub.subscribe(SEND_MESSAGE_START, function (msg) {
     var channel = msg.channel;
     channelListDispatcher({
       type: CHANNEL_REPLACED_TO_TOP,
       payload: channel
     });
   }));
-  return subScriber;
+  return subscriber;
 };
 
 var channelListInitialState = {
@@ -424,7 +402,7 @@ function reducer(state, action) {
 
         return _objectSpread2(_objectSpread2({}, state), {}, {
           allChannels: [channel].concat(_toConsumableArray(state.allChannels.filter(function (ch) {
-            return ch.url !== channel.url;
+            return ch.url !== (channel === null || channel === void 0 ? void 0 : channel.url);
           }))),
           currentChannel: channel
         });
@@ -444,11 +422,11 @@ function reducer(state, action) {
           }
         }
 
-        var nextChannel = _channel.url === ((_state$currentChannel = state.currentChannel) === null || _state$currentChannel === void 0 ? void 0 : _state$currentChannel.url) ? state.allChannels[state.allChannels[0].url === _channel.url ? 1 : 0] : state.currentChannel;
+        var nextChannel = (_channel === null || _channel === void 0 ? void 0 : _channel.url) === ((_state$currentChannel = state.currentChannel) === null || _state$currentChannel === void 0 ? void 0 : _state$currentChannel.url) ? state.allChannels[state.allChannels[0].url === (_channel === null || _channel === void 0 ? void 0 : _channel.url) ? 1 : 0] : state.currentChannel;
         return _objectSpread2(_objectSpread2({}, state), {}, {
           allChannels: state.allChannels.filter(function (_ref2) {
             var url = _ref2.url;
-            return url !== _channel.url;
+            return url !== (_channel === null || _channel === void 0 ? void 0 : _channel.url);
           }),
           currentChannel: state.disableAutoSelect ? null : nextChannel
         });
@@ -485,7 +463,7 @@ function reducer(state, action) {
 
             var _filteredChannels2 = getChannelsWithUpsertedChannel(state.allChannels, _channel2);
 
-            var _nextChannel3 = isMe && _channel2.url === ((_state$currentChannel3 = state.currentChannel) === null || _state$currentChannel3 === void 0 ? void 0 : _state$currentChannel3.url) ? _filteredChannels2[0] : state.currentChannel;
+            var _nextChannel3 = isMe && (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url) === ((_state$currentChannel3 = state.currentChannel) === null || _state$currentChannel3 === void 0 ? void 0 : _state$currentChannel3.url) ? _filteredChannels2[0] : state.currentChannel;
 
             return _objectSpread2(_objectSpread2({}, state), {}, {
               currentChannel: state.disableAutoSelect ? null : _nextChannel3,
@@ -493,22 +471,22 @@ function reducer(state, action) {
             });
           }
 
-          var _nextChannel2 = _channel2.url === ((_state$currentChannel4 = state.currentChannel) === null || _state$currentChannel4 === void 0 ? void 0 : _state$currentChannel4.url) ? state.allChannels[0] : state.currentChannel;
+          var _nextChannel2 = (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url) === ((_state$currentChannel4 = state.currentChannel) === null || _state$currentChannel4 === void 0 ? void 0 : _state$currentChannel4.url) ? state.allChannels[0] : state.currentChannel;
 
           return _objectSpread2(_objectSpread2({}, state), {}, {
             currentChannel: state.disableAutoSelect ? null : _nextChannel2,
             allChannels: state.allChannels.filter(function (_ref4) {
               var url = _ref4.url;
-              return url !== _channel2.url;
+              return url !== (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url);
             })
           });
         }
 
         var _filteredChannels = state.allChannels.filter(function (c) {
-          return !(c.url === _channel2.url && isMe);
+          return !(c.url === (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url) && isMe);
         });
 
-        var _nextChannel = isMe && _channel2.url === ((_state$currentChannel5 = state.currentChannel) === null || _state$currentChannel5 === void 0 ? void 0 : _state$currentChannel5.url) ? _filteredChannels[0] : state.currentChannel;
+        var _nextChannel = isMe && (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url) === ((_state$currentChannel5 = state.currentChannel) === null || _state$currentChannel5 === void 0 ? void 0 : _state$currentChannel5.url) ? _filteredChannels[0] : state.currentChannel;
 
         return _objectSpread2(_objectSpread2({}, state), {}, {
           currentChannel: state.disableAutoSelect ? null : _nextChannel,
@@ -525,7 +503,7 @@ function reducer(state, action) {
             allChannels = _state$allChannels === void 0 ? [] : _state$allChannels;
         var _channel3 = action.payload;
         var unreadMessageCount = _channel3.unreadMessageCount;
-        if (!_channel3.lastMessage) return state;
+        if (!(_channel3 !== null && _channel3 !== void 0 && _channel3.lastMessage)) return state;
 
         if (state.channelListQuery) {
           var _state$currentChannel6;
@@ -536,14 +514,14 @@ function reducer(state, action) {
             });
           }
 
-          var _nextChannel4 = _channel3.url === ((_state$currentChannel6 = state.currentChannel) === null || _state$currentChannel6 === void 0 ? void 0 : _state$currentChannel6.url) ? state.allChannels[state.allChannels[0].url === _channel3.url ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
+          var _nextChannel4 = (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url) === ((_state$currentChannel6 = state.currentChannel) === null || _state$currentChannel6 === void 0 ? void 0 : _state$currentChannel6.url) ? state.allChannels[state.allChannels[0].url === (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url) ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
           : state.currentChannel;
 
           return _objectSpread2(_objectSpread2({}, state), {}, {
             currentChannel: state.disableAutoSelect ? null : _nextChannel4,
             allChannels: state.allChannels.filter(function (_ref5) {
               var url = _ref5.url;
-              return url !== _channel3.url;
+              return url !== (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url);
             })
           });
         } // if its only an unread message count change, dont push to top
@@ -552,14 +530,14 @@ function reducer(state, action) {
         if (unreadMessageCount === 0) {
           var currentChannel = allChannels.find(function (_ref6) {
             var url = _ref6.url;
-            return url === _channel3.url;
+            return url === (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url);
           });
           var currentUnreadCount = currentChannel && currentChannel.unreadMessageCount;
 
           if (currentUnreadCount === 0) {
             return _objectSpread2(_objectSpread2({}, state), {}, {
               allChannels: state.allChannels.map(function (ch) {
-                return ch.url === _channel3.url ? _channel3 : ch;
+                return ch.url === (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url) ? _channel3 : ch;
               })
             });
           }
@@ -589,11 +567,13 @@ function reducer(state, action) {
       });
 
     case ON_LAST_MESSAGE_UPDATED:
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        allChannels: state.allChannels.map(function (channel) {
-          return channel.url === action.payload.url ? action.payload : channel;
-        })
-      });
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          allChannels: state.allChannels.map(function (channel) {
+            return (channel === null || channel === void 0 ? void 0 : channel.url) === action.payload.url ? action.payload : channel;
+          })
+        });
+      }
 
     case ON_CHANNEL_FROZEN:
       {
@@ -608,13 +588,13 @@ function reducer(state, action) {
             });
           }
 
-          var _nextChannel5 = _channel4.url === ((_state$currentChannel7 = state.currentChannel) === null || _state$currentChannel7 === void 0 ? void 0 : _state$currentChannel7.url) ? state.allChannels[state.allChannels[0].url === _channel4.url ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
+          var _nextChannel5 = (_channel4 === null || _channel4 === void 0 ? void 0 : _channel4.url) === ((_state$currentChannel7 = state.currentChannel) === null || _state$currentChannel7 === void 0 ? void 0 : _state$currentChannel7.url) ? state.allChannels[state.allChannels[0].url === (_channel4 === null || _channel4 === void 0 ? void 0 : _channel4.url) ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
           : state.currentChannel;
 
           return _objectSpread2(_objectSpread2({}, state), {}, {
             allChannels: state.allChannels.filter(function (_ref8) {
               var url = _ref8.url;
-              return url !== _channel4.url;
+              return url !== (_channel4 === null || _channel4 === void 0 ? void 0 : _channel4.url);
             }),
             currentChannel: state.disableAutoSelect ? null : _nextChannel5
           });
@@ -622,7 +602,7 @@ function reducer(state, action) {
 
         return _objectSpread2(_objectSpread2({}, state), {}, {
           allChannels: state.allChannels.map(function (ch) {
-            if (ch.url === _channel4.url) {
+            if (ch.url === (_channel4 === null || _channel4 === void 0 ? void 0 : _channel4.url)) {
               // eslint-disable-next-line no-param-reassign
               ch.isFrozen = true;
               return ch;
@@ -646,13 +626,13 @@ function reducer(state, action) {
             });
           }
 
-          var _nextChannel6 = _channel5.url === ((_state$currentChannel8 = state.currentChannel) === null || _state$currentChannel8 === void 0 ? void 0 : _state$currentChannel8.url) ? state.allChannels[state.allChannels[0].url === _channel5.url ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
+          var _nextChannel6 = (_channel5 === null || _channel5 === void 0 ? void 0 : _channel5.url) === ((_state$currentChannel8 = state.currentChannel) === null || _state$currentChannel8 === void 0 ? void 0 : _state$currentChannel8.url) ? state.allChannels[state.allChannels[0].url === (_channel5 === null || _channel5 === void 0 ? void 0 : _channel5.url) ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
           : state.currentChannel;
 
           return _objectSpread2(_objectSpread2({}, state), {}, {
             allChannels: state.allChannels.filter(function (_ref9) {
               var url = _ref9.url;
-              return url !== _channel5.url;
+              return url !== (_channel5 === null || _channel5 === void 0 ? void 0 : _channel5.url);
             }),
             currentChannel: state.disableAutoSelect ? null : _nextChannel6
           });
@@ -660,7 +640,7 @@ function reducer(state, action) {
 
         return _objectSpread2(_objectSpread2({}, state), {}, {
           allChannels: state.allChannels.map(function (ch) {
-            if (ch.url === _channel5.url) {
+            if (ch.url === (_channel5 === null || _channel5 === void 0 ? void 0 : _channel5.url)) {
               // eslint-disable-next-line no-param-reassign
               ch.isFrozen = false;
               return ch;
@@ -675,7 +655,7 @@ function reducer(state, action) {
       {
         return _objectSpread2(_objectSpread2({}, state), {}, {
           allChannels: [action.payload].concat(_toConsumableArray(state.allChannels.filter(function (channel) {
-            return channel.url !== action.payload.url;
+            return (channel === null || channel === void 0 ? void 0 : channel.url) !== action.payload.url;
           })))
         });
       }
@@ -740,7 +720,7 @@ var ChannelListProvider = function ChannelListProvider(props) {
       logger = config.logger;
   var isTypingIndicatorEnabledOnChannelList = config.isTypingIndicatorEnabledOnChannelList,
       isMessageReceiptStatusEnabledOnChannelList = config.isMessageReceiptStatusEnabledOnChannelList;
-  var sdk = sdkStore.sdk; // derive some variables
+  var sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk; // derive some variables
   // enable if it is true atleast once(both are flase by default)
 
   var userDefinedDisableUserProfile = disableUserProfile || (config === null || config === void 0 ? void 0 : config.disableUserProfile);
@@ -780,6 +760,8 @@ var ChannelListProvider = function ChannelListProvider(props) {
     };
   }, [sdkIntialized]);
   useEffect(function () {
+    var _a;
+
     setSdkChannelHandlerId(uuidv4);
 
     if (sdkIntialized) {
@@ -798,8 +780,8 @@ var ChannelListProvider = function ChannelListProvider(props) {
     } else {
       logger.info('ChannelList: Removing channelHandlers'); // remove previous channelHandlers
 
-      if (sdk && (sdk === null || sdk === void 0 ? void 0 : sdk.removeChannelHandler)) {
-        sdk.removeChannelHandler(sdkChannelHandlerId);
+      if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) {
+        sdk.groupChannel.removeGroupChannelHandler(sdkChannelHandlerId);
       } // remove channelSource
 
 
@@ -812,40 +794,81 @@ var ChannelListProvider = function ChannelListProvider(props) {
     }
 
     return function () {
+      var _a, _b;
+
       logger.info('ChannelList: Removing channelHandlers');
 
-      if (sdk && sdk.removeChannelHandler) {
-        sdk.removeChannelHandler(sdkChannelHandlerId);
+      if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) {
+        (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.removeGroupChannelHandler(sdkChannelHandlerId);
       }
     };
   }, [sdkIntialized, userFilledChannelListQuery, sortChannelList]);
   useEffect(function () {
-    if (sdk && (sdk === null || sdk === void 0 ? void 0 : sdk.ChannelHandler)) {
-      var handlerId = uuidv4();
-      var handler = new sdk.ChannelHandler();
+    var _a, _b;
 
-      handler.onTypingStatusUpdated = function (channel) {
-        var _a;
+    if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
+      var handlerId = uuidv4();
+      var handler = new Yr({
+        onTypingStatusUpdated: function onTypingStatusUpdated(channel) {
+          var _a;
 
-        var typingMemberCount = (_a = channel === null || channel === void 0 ? void 0 : channel.getTypingMembers()) === null || _a === void 0 ? void 0 : _a.length;
-        var channelList = typingChannels.filter(function (ch) {
-          return ch.url !== channel.url;
-        });
+          var typingMemberCount = (_a = channel === null || channel === void 0 ? void 0 : channel.getTypingUsers()) === null || _a === void 0 ? void 0 : _a.length;
+          var channelList = typingChannels.filter(function (ch) {
+            return ch.url !== channel.url;
+          });
 
-        if (typingMemberCount > 0) {
-          setTypingChannels(__spreadArray(__spreadArray([], channelList, true), [channel], false));
-        } else {
-          setTypingChannels(channelList);
+          if (typingMemberCount > 0) {
+            setTypingChannels(__spreadArray(__spreadArray([], channelList, true), [channel], false));
+          } else {
+            setTypingChannels(channelList);
+          }
+        },
+        onUnreadMemberStatusUpdated: function onUnreadMemberStatusUpdated(channel) {
+          channelListDispatcher({
+            type: ON_LAST_MESSAGE_UPDATED,
+            payload: channel
+          });
+        },
+        onUndeliveredMemberStatusUpdated: function onUndeliveredMemberStatusUpdated(channel) {
+          channelListDispatcher({
+            type: ON_LAST_MESSAGE_UPDATED,
+            payload: channel
+          });
+        },
+        onMessageUpdated: function onMessageUpdated(channel) {
+          channelListDispatcher({
+            type: ON_LAST_MESSAGE_UPDATED,
+            payload: channel
+          });
+          sdk.groupChannel.getChannelWithoutCache(channel.url).then(function (ch) {
+            channelListDispatcher({
+              type: ON_LAST_MESSAGE_UPDATED,
+              payload: ch
+            });
+          });
+        },
+        onMentionReceived: function onMentionReceived(channel) {
+          channelListDispatcher({
+            type: ON_LAST_MESSAGE_UPDATED,
+            payload: channel
+          });
+          sdk.groupChannel.getChannelWithoutCache(channel.url).then(function (ch) {
+            channelListDispatcher({
+              type: ON_LAST_MESSAGE_UPDATED,
+              payload: ch
+            });
+          });
         }
-      };
-
-      sdk.addChannelHandler(handlerId, handler);
+      });
+      (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.addGroupChannelHandler(handlerId, handler);
       setTypingHandlerId(handlerId);
     }
 
     return function () {
-      if (sdk && sdk.removeChannelHandler) {
-        sdk.removeChannelHandler(typingHandlerId);
+      var _a;
+
+      if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) {
+        sdk.groupChannel.removeGroupChannelHandler(typingHandlerId);
       }
     };
   }, [(_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId]);
@@ -872,11 +895,11 @@ var ChannelListProvider = function ChannelListProvider(props) {
   }
 
   useEffect(function () {
-    if (!sdk || !sdk.GroupChannel || !currentChannel || !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
+    if (!sdk || !sdk.groupChannel || !currentChannel || !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
       return;
     }
 
-    sdk.GroupChannel.getChannel(currentChannel.url, function (groupChannel) {
+    sdk.groupChannel.getChannel(currentChannel.url).then(function (groupChannel) {
       if (groupChannel) {
         onChannelSelect(groupChannel);
       } else {
@@ -908,7 +931,7 @@ var ChannelListProvider = function ChannelListProvider(props) {
     disableUserProfile: userDefinedDisableUserProfile,
     renderUserProfile: userDefinedRenderProfile
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-list " + className
+    className: "sendbird-channel-list ".concat(className)
   }, children)));
 };
 
@@ -917,7 +940,5 @@ function useChannelListContext() {
   return context;
 }
 
-var useChannelList = useChannelListContext;
-
-export { ChannelListProvider as C, FETCH_CHANNELS_START as F, LEAVE_CHANNEL_SUCCESS as L, SET_CURRENT_CHANNEL as S, FETCH_CHANNELS_FAILURE as a, FETCH_CHANNELS_SUCCESS as b, useChannelList as c, useChannelListContext as u };
-//# sourceMappingURL=ChannelListProvider-737ee36f.js.map
+export { ChannelListProvider as C, FETCH_CHANNELS_START as F, LEAVE_CHANNEL_SUCCESS as L, SET_CURRENT_CHANNEL as S, FETCH_CHANNELS_SUCCESS as a, FETCH_CHANNELS_FAILURE as b, useChannelListContext as u };
+//# sourceMappingURL=ChannelListProvider-fec439b3.js.map