@sendbird/uikit-react 3.1.3 → 3.2.0-rc.1

package/cjs/{ChannelListProvider-3e882076.js → ChannelListProvider-dba82f83.js}

@@ -1,68 +1,70 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f57d0c81.js');
+var tslib_es6 = require('./tslib.es6-9b1c82d5.js');
 var React = require('react');
-var groupChannel = require('./groupChannel-4934c435.js');
-var topics = require('./topics-f3fe3bf3.js');
-var uuid = require('./uuid-1942f440.js');
-var utils = require('./utils-760ac018.js');
-var UserProfileContext = require('./UserProfileContext-f7c125ca.js');
+var groupChannel = require('./groupChannel-95ba4a71.js');
+var topics = require('./topics-ac8d2b51.js');
+var uuid = require('./uuid-c32d01d6.js');
+var utils = require('./utils-8e6fef1c.js');
+var UserProfileContext = require('./UserProfileContext-fa684629.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-09706ebf.js');
-var index = require('./index-c8f7702f.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c7da8657.js');
+var index = require('./index-907bf834.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
-var CREATE_CHANNEL = 'CREATE_CHANNEL';
-var LEAVE_CHANNEL_SUCCESS = 'LEAVE_CHANNEL_SUCCESS';
-var SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';
-var SHOW_CHANNEL_SETTINGS = 'SHOW_CHANNEL_SETTINGS';
-var HIDE_CHANNEL_SETTINGS = 'HIDE_CHANNEL_SETTINGS';
-var FETCH_CHANNELS_START = 'FETCH_CHANNELS_START';
-var FETCH_CHANNELS_SUCCESS = 'FETCH_CHANNELS_SUCCESS';
-var FETCH_CHANNELS_FAILURE = 'FETCH_CHANNELS_FAILURE';
-var INIT_CHANNELS_START = 'INIT_CHANNELS_START';
-var INIT_CHANNELS_SUCCESS = 'INIT_CHANNELS_SUCCESS';
-var INIT_CHANNELS_FAILURE = 'INIT_CHANNELS_FAILURE';
-var ON_USER_JOINED = 'ON_USER_JOINED';
-var ON_CHANNEL_DELETED = 'ON_CHANNEL_DELETED';
-var ON_LAST_MESSAGE_UPDATED = 'ON_LAST_MESSAGE_UPDATED';
-var ON_USER_LEFT = 'ON_USER_LEFT';
-var ON_CHANNEL_CHANGED = 'ON_CHANNEL_CHANGED';
-var ON_CHANNEL_ARCHIVED = 'ON_CHANNEL_ARCHIVED';
-var ON_CHANNEL_FROZEN = 'ON_CHANNEL_FROZEN';
-var ON_CHANNEL_UNFROZEN = 'ON_CHANNEL_UNFROZEN';
-var ON_READ_RECEIPT_UPDATED = 'ON_READ_RECEIPT_UPDATED';
-var ON_DELIVERY_RECEIPT_UPDATED = 'ON_DELIVERY_RECEIPT_UPDATED';
-var CHANNEL_REPLACED_TO_TOP = 'CHANNEL_REPLACED_TO_TOP';
-var CHANNEL_LIST_PARAMS_UPDATED = 'CHANNEL_LIST_PARAMS_UPDATED';
-
-var DELIVERY_RECIPT = 'delivery_receipt';
-
-var createEventHandler = function createEventHandler(_ref) {
-  var sdk = _ref.sdk,
-      sdkChannelHandlerId = _ref.sdkChannelHandlerId,
-      channelListDispatcher = _ref.channelListDispatcher,
-      logger = _ref.logger;
-  var ChannelHandler = new groupChannel.Yr({
-    onChannelChanged: function onChannelChanged(channel) {
+const RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
+const CREATE_CHANNEL = 'CREATE_CHANNEL';
+const LEAVE_CHANNEL_SUCCESS = 'LEAVE_CHANNEL_SUCCESS';
+const SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';
+const SHOW_CHANNEL_SETTINGS = 'SHOW_CHANNEL_SETTINGS';
+const HIDE_CHANNEL_SETTINGS = 'HIDE_CHANNEL_SETTINGS';
+const FETCH_CHANNELS_START = 'FETCH_CHANNELS_START';
+const FETCH_CHANNELS_SUCCESS = 'FETCH_CHANNELS_SUCCESS';
+const FETCH_CHANNELS_FAILURE = 'FETCH_CHANNELS_FAILURE';
+const INIT_CHANNELS_START = 'INIT_CHANNELS_START';
+const INIT_CHANNELS_SUCCESS = 'INIT_CHANNELS_SUCCESS';
+const INIT_CHANNELS_FAILURE = 'INIT_CHANNELS_FAILURE';
+const ON_USER_JOINED = 'ON_USER_JOINED';
+const ON_CHANNEL_DELETED = 'ON_CHANNEL_DELETED';
+const ON_LAST_MESSAGE_UPDATED = 'ON_LAST_MESSAGE_UPDATED';
+const ON_USER_LEFT = 'ON_USER_LEFT';
+const ON_CHANNEL_CHANGED = 'ON_CHANNEL_CHANGED';
+const ON_CHANNEL_ARCHIVED = 'ON_CHANNEL_ARCHIVED';
+const ON_CHANNEL_FROZEN = 'ON_CHANNEL_FROZEN';
+const ON_CHANNEL_UNFROZEN = 'ON_CHANNEL_UNFROZEN';
+const ON_READ_RECEIPT_UPDATED = 'ON_READ_RECEIPT_UPDATED';
+const ON_DELIVERY_RECEIPT_UPDATED = 'ON_DELIVERY_RECEIPT_UPDATED';
+const CHANNEL_REPLACED_TO_TOP = 'CHANNEL_REPLACED_TO_TOP';
+const CHANNEL_LIST_PARAMS_UPDATED = 'CHANNEL_LIST_PARAMS_UPDATED';
+
+const DELIVERY_RECIPT = 'delivery_receipt';
+
+const createEventHandler = _ref => {
+  let {
+    sdk,
+    sdkChannelHandlerId,
+    channelListDispatcher,
+    logger
+  } = _ref;
+  const ChannelHandler = new groupChannel.Jr({
+    onChannelChanged: channel => {
       logger.info('ChannelList: onChannelChanged', channel);
       channelListDispatcher({
         type: ON_CHANNEL_CHANGED,
         payload: channel
       });
     },
-    onChannelDeleted: function onChannelDeleted(channelUrl) {
+    onChannelDeleted: channelUrl => {
       logger.info('ChannelList: onChannelDeleted', channelUrl);
       channelListDispatcher({
         type: ON_CHANNEL_DELETED,
         payload: channelUrl
       });
     },
-    onUserJoined: function onUserJoined(channel) {
+    onUserJoined: channel => {
       logger.info('ChannelList: onUserJoined', channel);
 
       if (channel !== null && channel !== void 0 && channel.lastMessage) {
@@ -72,15 +74,17 @@ var createEventHandler = function createEventHandler(_ref) {
         });
       }
     },
-    onUserBanned: function onUserBanned(channel, user) {
-      var currentUser = sdk.currentUser;
+    onUserBanned: (channel, user) => {
+      const {
+        currentUser
+      } = sdk;
       logger.info('Channel | useHandleChannelEvents: onUserBanned', channel);
 
       if (user.userId === currentUser.userId) {
         channelListDispatcher({
           type: ON_USER_LEFT,
           payload: {
-            channel: channel,
+            channel,
             isMe: true
           }
         });
@@ -88,32 +92,34 @@ var createEventHandler = function createEventHandler(_ref) {
         channelListDispatcher({
           type: ON_USER_LEFT,
           payload: {
-            channel: channel,
+            channel,
             isMe: false
           }
         });
       }
     },
-    onUserLeft: function onUserLeft(channel, leftUser) {
-      var currentUser = sdk.currentUser;
-      var isMe = currentUser.userId === leftUser.userId;
+    onUserLeft: (channel, leftUser) => {
+      const {
+        currentUser
+      } = sdk;
+      const isMe = currentUser.userId === leftUser.userId;
       logger.info('ChannelList: onUserLeft', channel);
       channelListDispatcher({
         type: ON_USER_LEFT,
         payload: {
-          channel: channel,
-          isMe: isMe
+          channel,
+          isMe
         }
       });
     },
-    onReadStatus: function onReadStatus(channel) {
+    onReadStatus: channel => {
       logger.info('ChannelList: onReadStatus', channel);
       channelListDispatcher({
         type: ON_READ_RECEIPT_UPDATED,
         payload: channel
       });
     },
-    onDeliveryReceiptUpdated: function onDeliveryReceiptUpdated(channel) {
+    onDeliveryReceiptUpdated: channel => {
       logger.info('ChannelList: onDeliveryReceiptUpdated', channel);
 
       if (channel !== null && channel !== void 0 && channel.lastMessage) {
@@ -123,7 +129,7 @@ var createEventHandler = function createEventHandler(_ref) {
         });
       }
     },
-    onMessageUpdated: function onMessageUpdated(channel, message) {
+    onMessageUpdated: (channel, message) => {
       if (channel !== null && channel !== void 0 && channel.lastMessage.isEqual(message)) {
         logger.info('ChannelList: onMessageUpdated', channel);
         channelListDispatcher({
@@ -132,21 +138,21 @@ var createEventHandler = function createEventHandler(_ref) {
         });
       }
     },
-    onChannelHidden: function onChannelHidden(channel) {
+    onChannelHidden: channel => {
       logger.info('ChannelList: onChannelHidden', channel);
       channelListDispatcher({
         type: ON_CHANNEL_ARCHIVED,
         payload: channel
       });
     },
-    onChannelFrozen: function onChannelFrozen(channel) {
+    onChannelFrozen: channel => {
       logger.info('ChannelList: onChannelFrozen', channel);
       channelListDispatcher({
         type: ON_CHANNEL_FROZEN,
         payload: channel
       });
     },
-    onChannelUnfrozen: function onChannelUnfrozen(channel) {
+    onChannelUnfrozen: channel => {
       logger.info('ChannelList: onChannelUnfrozen', channel);
       channelListDispatcher({
         type: ON_CHANNEL_UNFROZEN,
@@ -158,23 +164,24 @@ var createEventHandler = function createEventHandler(_ref) {
   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 param = {};
+const createChannelListQuery = _ref2 => {
+  let {
+    sdk,
+    userFilledChannelListQuery = {}
+  } = _ref2;
+  const param = {};
   param.includeEmpty = false;
   param.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) {
+    Object.keys(userFilledChannelListQuery).forEach(key => {
       param[key] = userFilledChannelListQuery[key];
     });
   }
 
-  var channelListQuery = sdk.groupChannel.createMyGroupChannelListQuery(param);
+  const channelListQuery = sdk.groupChannel.createMyGroupChannelListQuery(param);
   return channelListQuery;
 };
 /**
@@ -185,34 +192,36 @@ var createChannelListQuery = function createChannelListQuery(_ref2) {
 
 
 function setupChannelList(_ref3) {
-  var sdk = _ref3.sdk,
-      sdkChannelHandlerId = _ref3.sdkChannelHandlerId,
-      channelListDispatcher = _ref3.channelListDispatcher,
-      setChannelSource = _ref3.setChannelSource,
-      onChannelSelect = _ref3.onChannelSelect,
-      userFilledChannelListQuery = _ref3.userFilledChannelListQuery,
-      logger = _ref3.logger,
-      sortChannelList = _ref3.sortChannelList,
-      disableAutoSelect = _ref3.disableAutoSelect,
-      setChannelsToMarkAsRead = _ref3.setChannelsToMarkAsRead;
+  let {
+    sdk,
+    sdkChannelHandlerId,
+    channelListDispatcher,
+    setChannelSource,
+    onChannelSelect,
+    userFilledChannelListQuery,
+    logger,
+    sortChannelList,
+    disableAutoSelect,
+    setChannelsToMarkAsRead
+  } = _ref3;
 
   if (sdk !== null && sdk !== void 0 && sdk.groupChannel) {
     createEventHandler({
-      sdk: sdk,
-      channelListDispatcher: channelListDispatcher,
-      sdkChannelHandlerId: sdkChannelHandlerId,
-      logger: logger
+      sdk,
+      channelListDispatcher,
+      sdkChannelHandlerId,
+      logger
     });
   } else {
     logger.warning('ChannelList - createEventHandler: sdk or sdk.ChannelHandler does not exist', sdk);
   }
 
   logger.info('ChannelList - creating query', {
-    userFilledChannelListQuery: userFilledChannelListQuery
+    userFilledChannelListQuery
   });
-  var channelListQuery = createChannelListQuery({
-    sdk: sdk,
-    userFilledChannelListQuery: userFilledChannelListQuery
+  const channelListQuery = createChannelListQuery({
+    sdk,
+    userFilledChannelListQuery
   });
   logger.info('ChannelList - created query', channelListQuery);
   setChannelSource(channelListQuery);
@@ -225,7 +234,7 @@ function setupChannelList(_ref3) {
     channelListDispatcher({
       type: CHANNEL_LIST_PARAMS_UPDATED,
       payload: {
-        channelListQuery: channelListQuery,
+        channelListQuery,
         currentUserId: sdk && sdk.currentUser && sdk.currentUser.userId
       }
     });
@@ -234,13 +243,13 @@ function setupChannelList(_ref3) {
   logger.info('ChannelList - fetching channels');
 
   if (channelListQuery.hasNext) {
-    channelListQuery.next().then(function (channelList) {
+    channelListQuery.next().then(channelList => {
       var _sdk$appInfo, _sdk$appInfo$premiumF;
 
       logger.info('ChannelList - fetched channels', channelList); // select first channel
 
       logger.info('ChannelList - highlight channel', channelList[0]);
-      var sortedChannelList = channelList;
+      let sortedChannelList = channelList;
 
       if (sortChannelList && typeof sortChannelList === 'function') {
         sortedChannelList = sortChannelList(channelList);
@@ -255,17 +264,15 @@ function setupChannelList(_ref3) {
         type: INIT_CHANNELS_SUCCESS,
         payload: {
           channelList: sortedChannelList,
-          disableAutoSelect: disableAutoSelect
+          disableAutoSelect
         }
       });
-      var canSetMarkAsDelivered = sdk === null || sdk === void 0 ? void 0 : (_sdk$appInfo = sdk.appInfo) === null || _sdk$appInfo === void 0 ? void 0 : (_sdk$appInfo$premiumF = _sdk$appInfo.premiumFeatureList) === null || _sdk$appInfo$premiumF === void 0 ? void 0 : _sdk$appInfo$premiumF.find(function (feature) {
-        return feature === DELIVERY_RECIPT;
-      });
+      const canSetMarkAsDelivered = sdk === null || sdk === void 0 ? void 0 : (_sdk$appInfo = sdk.appInfo) === null || _sdk$appInfo === void 0 ? void 0 : (_sdk$appInfo$premiumF = _sdk$appInfo.premiumFeatureList) === null || _sdk$appInfo$premiumF === void 0 ? void 0 : _sdk$appInfo$premiumF.find(feature => feature === DELIVERY_RECIPT);
 
       if (canSetMarkAsDelivered) {
         setChannelsToMarkAsRead(sortedChannelList);
       }
-    }).catch(function (err) {
+    }).catch(err => {
       if (err) {
         logger.error('ChannelList - couldnt fetch channels', err);
         channelListDispatcher({
@@ -274,34 +281,38 @@ function setupChannelList(_ref3) {
       }
     });
   } else {
-    logger.warning('ChannelList - there are no more channels');
+    logger.info('ChannelList - there are no more channels');
   }
 }
 
-var pubSubHandleRemover = function pubSubHandleRemover(subscriber) {
-  subscriber.forEach(function (s) {
+const pubSubHandleRemover = subscriber => {
+  subscriber.forEach(s => {
     try {
       s.remove();
     } catch (_unused) {//
     }
   });
 };
-var pubSubHandler = function pubSubHandler(pubSub, channelListDispatcher) {
-  var subscriber = new Map();
+const pubSubHandler = (pubSub, channelListDispatcher) => {
+  const subscriber = new Map();
   if (!pubSub) return subscriber;
-  subscriber.set(topics.CREATE_CHANNEL, pubSub.subscribe(topics.CREATE_CHANNEL, function (msg) {
-    var channel = msg.channel;
+  subscriber.set(topics.CREATE_CHANNEL, pubSub.subscribe(topics.CREATE_CHANNEL, msg => {
+    const {
+      channel
+    } = msg;
     channelListDispatcher({
       type: 'CREATE_CHANNEL',
       payload: channel
     });
   }));
-  subscriber.set(topics.UPDATE_USER_MESSAGE, pubSub.subscribe(topics.UPDATE_USER_MESSAGE, function (msg) {
+  subscriber.set(topics.UPDATE_USER_MESSAGE, pubSub.subscribe(topics.UPDATE_USER_MESSAGE, msg => {
     var _updatedChannel$lastM;
 
-    var channel = msg.channel,
-        message = msg.message;
-    var updatedChannel = channel;
+    const {
+      channel,
+      message
+    } = msg;
+    const updatedChannel = channel;
 
     if ((updatedChannel === null || updatedChannel === void 0 ? void 0 : (_updatedChannel$lastM = updatedChannel.lastMessage) === null || _updatedChannel$lastM === void 0 ? void 0 : _updatedChannel$lastM.messageId) === message.messageId) {
       updatedChannel.lastMessage = message;
@@ -314,15 +325,19 @@ var pubSubHandler = function pubSubHandler(pubSub, channelListDispatcher) {
       });
     }
   }));
-  subscriber.set(topics.LEAVE_CHANNEL, pubSub.subscribe(topics.LEAVE_CHANNEL, function (msg) {
-    var channel = msg.channel;
+  subscriber.set(topics.LEAVE_CHANNEL, pubSub.subscribe(topics.LEAVE_CHANNEL, msg => {
+    const {
+      channel
+    } = msg;
     channelListDispatcher({
       type: LEAVE_CHANNEL_SUCCESS,
       payload: channel === null || channel === void 0 ? void 0 : channel.url
     });
   }));
-  subscriber.set(topics.SEND_MESSAGE_START, pubSub.subscribe(topics.SEND_MESSAGE_START, function (msg) {
-    var channel = msg.channel;
+  subscriber.set(topics.SEND_MESSAGE_START, pubSub.subscribe(topics.SEND_MESSAGE_START, msg => {
+    const {
+      channel
+    } = msg;
     channelListDispatcher({
       type: CHANNEL_REPLACED_TO_TOP,
       payload: channel
@@ -355,37 +370,36 @@ function reducer(state, action) {
 
     case INIT_CHANNELS_SUCCESS:
       {
-        var _action$payload = action.payload,
-            channelList = _action$payload.channelList,
-            disableAutoSelect = _action$payload.disableAutoSelect;
+        const {
+          channelList,
+          disableAutoSelect
+        } = action.payload;
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           initialized: true,
           loading: false,
           allChannels: channelList,
-          disableAutoSelect: disableAutoSelect,
+          disableAutoSelect,
           currentChannel: !disableAutoSelect && channelList && channelList.length && channelList.length > 0 ? channelList[0] : null
         });
       }
 
     case FETCH_CHANNELS_SUCCESS:
       {
-        var currentChannels = state.allChannels.map(function (c) {
-          return c.url;
-        });
-        var filteredChannels = action.payload.filter(function (_ref) {
-          var url = _ref.url;
-          return !currentChannels.find(function (c) {
-            return c === url;
-          });
+        const currentChannels = state.allChannels.map(c => c.url);
+        const filteredChannels = action.payload.filter(_ref => {
+          let {
+            url
+          } = _ref;
+          return !currentChannels.find(c => c === url);
         });
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          allChannels: [].concat(_rollupPluginBabelHelpers._toConsumableArray(state.allChannels), _rollupPluginBabelHelpers._toConsumableArray(filteredChannels))
+          allChannels: [...state.allChannels, ...filteredChannels]
         });
       }
 
     case CREATE_CHANNEL:
       {
-        var channel = action.payload;
+        const channel = action.payload;
 
         if (state.channelListQuery) {
           if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
@@ -400,9 +414,7 @@ function reducer(state, action) {
         }
 
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          allChannels: [channel].concat(_rollupPluginBabelHelpers._toConsumableArray(state.allChannels.filter(function (ch) {
-            return ch.url !== (channel === null || channel === void 0 ? void 0 : channel.url);
-          }))),
+          allChannels: [channel, ...state.allChannels.filter(ch => ch.url !== (channel === null || channel === void 0 ? void 0 : channel.url))],
           currentChannel: channel
         });
       }
@@ -411,21 +423,23 @@ function reducer(state, action) {
       {
         var _state$currentChannel;
 
-        var _channel = action.payload;
+        const channel = action.payload;
 
         if (state.channelListQuery) {
-          if (index.filterChannelListParams(state.channelListQuery, _channel, state.currentUserId)) {
+          if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-              allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, _channel)
+              allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, channel)
             }); // TODO: Check if we have to set current channel
           }
         }
 
-        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;
+        const 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 _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          allChannels: state.allChannels.filter(function (_ref2) {
-            var url = _ref2.url;
-            return url !== (_channel === null || _channel === void 0 ? void 0 : _channel.url);
+          allChannels: state.allChannels.filter(_ref2 => {
+            let {
+              url
+            } = _ref2;
+            return url !== (channel === null || channel === void 0 ? void 0 : channel.url);
           }),
           currentChannel: state.disableAutoSelect ? null : nextChannel
         });
@@ -436,11 +450,13 @@ function reducer(state, action) {
       {
         var _state$currentChannel2;
 
-        var channelUrl = action.payload;
+        const channelUrl = action.payload;
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           currentChannel: channelUrl === ((_state$currentChannel2 = state.currentChannel) === null || _state$currentChannel2 === void 0 ? void 0 : _state$currentChannel2.url) ? state.allChannels[0] : state.currentChannel,
-          allChannels: state.allChannels.filter(function (_ref3) {
-            var url = _ref3.url;
+          allChannels: state.allChannels.filter(_ref3 => {
+            let {
+              url
+            } = _ref3;
             return url !== channelUrl;
           })
         });
@@ -450,46 +466,42 @@ function reducer(state, action) {
       {
         var _state$currentChannel5;
 
-        var _action$payload2 = action.payload,
-            _channel2 = _action$payload2.channel,
-            isMe = _action$payload2.isMe;
+        const {
+          channel,
+          isMe
+        } = action.payload;
 
         if (state.channelListQuery) {
           var _state$currentChannel4;
 
-          if (index.filterChannelListParams(state.channelListQuery, _channel2, state.currentUserId)) {
+          if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             var _state$currentChannel3;
 
-            var _filteredChannels2 = index.getChannelsWithUpsertedChannel(state.allChannels, _channel2);
-
-            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;
-
+            const filteredChannels = index.getChannelsWithUpsertedChannel(state.allChannels, channel);
+            const nextChannel = isMe && (channel === null || channel === void 0 ? void 0 : channel.url) === ((_state$currentChannel3 = state.currentChannel) === null || _state$currentChannel3 === void 0 ? void 0 : _state$currentChannel3.url) ? filteredChannels[0] : state.currentChannel;
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-              currentChannel: state.disableAutoSelect ? null : _nextChannel3,
-              allChannels: _filteredChannels2
+              currentChannel: state.disableAutoSelect ? null : nextChannel,
+              allChannels: filteredChannels
             });
           }
 
-          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;
-
+          const nextChannel = (channel === null || channel === void 0 ? void 0 : channel.url) === ((_state$currentChannel4 = state.currentChannel) === null || _state$currentChannel4 === void 0 ? void 0 : _state$currentChannel4.url) ? state.allChannels[0] : state.currentChannel;
           return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-            currentChannel: state.disableAutoSelect ? null : _nextChannel2,
-            allChannels: state.allChannels.filter(function (_ref4) {
-              var url = _ref4.url;
-              return url !== (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url);
+            currentChannel: state.disableAutoSelect ? null : nextChannel,
+            allChannels: state.allChannels.filter(_ref4 => {
+              let {
+                url
+              } = _ref4;
+              return url !== (channel === null || channel === void 0 ? void 0 : channel.url);
             })
           });
         }
 
-        var _filteredChannels = state.allChannels.filter(function (c) {
-          return !(c.url === (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url) && isMe);
-        });
-
-        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;
-
+        const filteredChannels = state.allChannels.filter(c => !(c.url === (channel === null || channel === void 0 ? void 0 : channel.url) && isMe));
+        const nextChannel = isMe && (channel === null || channel === void 0 ? void 0 : channel.url) === ((_state$currentChannel5 = state.currentChannel) === null || _state$currentChannel5 === void 0 ? void 0 : _state$currentChannel5.url) ? filteredChannels[0] : state.currentChannel;
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          currentChannel: state.disableAutoSelect ? null : _nextChannel,
-          allChannels: _filteredChannels
+          currentChannel: state.disableAutoSelect ? null : nextChannel,
+          allChannels: filteredChannels
         });
       }
 
@@ -498,55 +510,61 @@ function reducer(state, action) {
     case ON_READ_RECEIPT_UPDATED:
     case ON_DELIVERY_RECEIPT_UPDATED:
       {
-        var _state$allChannels = state.allChannels,
-            allChannels = _state$allChannels === void 0 ? [] : _state$allChannels;
-        var _channel3 = action.payload;
-        var unreadMessageCount = _channel3.unreadMessageCount;
-        if (!(_channel3 !== null && _channel3 !== void 0 && _channel3.lastMessage)) return state;
+        const {
+          allChannels = []
+        } = state;
+        const channel = action.payload;
+        const {
+          unreadMessageCount
+        } = channel;
+        if (!(channel !== null && channel !== void 0 && channel.lastMessage)) return state;
 
         if (state.channelListQuery) {
           var _state$currentChannel6;
 
-          if (index.filterChannelListParams(state.channelListQuery, _channel3, state.currentUserId)) {
+          if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-              allChannels: index.getChannelsWithUpsertedChannel(allChannels, _channel3)
+              allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel)
             });
           }
 
-          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
+          const nextChannel = (channel === null || channel === void 0 ? void 0 : channel.url) === ((_state$currentChannel6 = state.currentChannel) === null || _state$currentChannel6 === void 0 ? void 0 : _state$currentChannel6.url) ? state.allChannels[state.allChannels[0].url === (channel === null || channel === void 0 ? void 0 : channel.url) ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
           : state.currentChannel;
-
           return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-            currentChannel: state.disableAutoSelect ? null : _nextChannel4,
-            allChannels: state.allChannels.filter(function (_ref5) {
-              var url = _ref5.url;
-              return url !== (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url);
+            currentChannel: state.disableAutoSelect ? null : nextChannel,
+            allChannels: state.allChannels.filter(_ref5 => {
+              let {
+                url
+              } = _ref5;
+              return url !== (channel === null || channel === void 0 ? void 0 : channel.url);
             })
           });
         } // if its only an unread message count change, dont push to top
 
 
         if (unreadMessageCount === 0) {
-          var currentChannel = allChannels.find(function (_ref6) {
-            var url = _ref6.url;
-            return url === (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url);
+          const currentChannel = allChannels.find(_ref6 => {
+            let {
+              url
+            } = _ref6;
+            return url === (channel === null || channel === void 0 ? void 0 : channel.url);
           });
-          var currentUnreadCount = currentChannel && currentChannel.unreadMessageCount;
+          const currentUnreadCount = currentChannel && currentChannel.unreadMessageCount;
 
           if (currentUnreadCount === 0) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-              allChannels: state.allChannels.map(function (ch) {
-                return ch.url === (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url) ? _channel3 : ch;
-              })
+              allChannels: state.allChannels.map(ch => ch.url === (channel === null || channel === void 0 ? void 0 : channel.url) ? channel : ch)
             });
           }
         }
 
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          allChannels: [_channel3].concat(_rollupPluginBabelHelpers._toConsumableArray(state.allChannels.filter(function (_ref7) {
-            var url = _ref7.url;
+          allChannels: [channel, ...state.allChannels.filter(_ref7 => {
+            let {
+              url
+            } = _ref7;
             return url !== action.payload.url;
-          })))
+          })]
         });
       }
 
@@ -568,40 +586,39 @@ function reducer(state, action) {
     case ON_LAST_MESSAGE_UPDATED:
       {
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          allChannels: state.allChannels.map(function (channel) {
-            return (channel === null || channel === void 0 ? void 0 : channel.url) === action.payload.url ? action.payload : channel;
-          })
+          allChannels: state.allChannels.map(channel => (channel === null || channel === void 0 ? void 0 : channel.url) === action.payload.url ? action.payload : channel)
         });
       }
 
     case ON_CHANNEL_FROZEN:
       {
-        var _channel4 = action.payload;
+        const channel = action.payload;
 
         if (state.channelListQuery) {
           var _state$currentChannel7;
 
-          if (index.filterChannelListParams(state.channelListQuery, _channel4, state.currentUserId)) {
+          if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-              allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, _channel4)
+              allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, channel)
             });
           }
 
-          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
+          const nextChannel = (channel === null || channel === void 0 ? void 0 : channel.url) === ((_state$currentChannel7 = state.currentChannel) === null || _state$currentChannel7 === void 0 ? void 0 : _state$currentChannel7.url) ? state.allChannels[state.allChannels[0].url === (channel === null || channel === void 0 ? void 0 : channel.url) ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
           : state.currentChannel;
-
           return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-            allChannels: state.allChannels.filter(function (_ref8) {
-              var url = _ref8.url;
-              return url !== (_channel4 === null || _channel4 === void 0 ? void 0 : _channel4.url);
+            allChannels: state.allChannels.filter(_ref8 => {
+              let {
+                url
+              } = _ref8;
+              return url !== (channel === null || channel === void 0 ? void 0 : channel.url);
             }),
-            currentChannel: state.disableAutoSelect ? null : _nextChannel5
+            currentChannel: state.disableAutoSelect ? null : nextChannel
           });
         }
 
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          allChannels: state.allChannels.map(function (ch) {
-            if (ch.url === (_channel4 === null || _channel4 === void 0 ? void 0 : _channel4.url)) {
+          allChannels: state.allChannels.map(ch => {
+            if (ch.url === (channel === null || channel === void 0 ? void 0 : channel.url)) {
               // eslint-disable-next-line no-param-reassign
               ch.isFrozen = true;
               return ch;
@@ -614,32 +631,33 @@ function reducer(state, action) {
 
     case ON_CHANNEL_UNFROZEN:
       {
-        var _channel5 = action.payload;
+        const channel = action.payload;
 
         if (state.channelListQuery) {
           var _state$currentChannel8;
 
-          if (index.filterChannelListParams(state.channelListQuery, _channel5, state.currentUserId)) {
+          if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-              allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, _channel5)
+              allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, channel)
             });
           }
 
-          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
+          const nextChannel = (channel === null || channel === void 0 ? void 0 : channel.url) === ((_state$currentChannel8 = state.currentChannel) === null || _state$currentChannel8 === void 0 ? void 0 : _state$currentChannel8.url) ? state.allChannels[state.allChannels[0].url === (channel === null || channel === void 0 ? void 0 : channel.url) ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
           : state.currentChannel;
-
           return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-            allChannels: state.allChannels.filter(function (_ref9) {
-              var url = _ref9.url;
-              return url !== (_channel5 === null || _channel5 === void 0 ? void 0 : _channel5.url);
+            allChannels: state.allChannels.filter(_ref9 => {
+              let {
+                url
+              } = _ref9;
+              return url !== (channel === null || channel === void 0 ? void 0 : channel.url);
             }),
-            currentChannel: state.disableAutoSelect ? null : _nextChannel6
+            currentChannel: state.disableAutoSelect ? null : nextChannel
           });
         }
 
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          allChannels: state.allChannels.map(function (ch) {
-            if (ch.url === (_channel5 === null || _channel5 === void 0 ? void 0 : _channel5.url)) {
+          allChannels: state.allChannels.map(ch => {
+            if (ch.url === (channel === null || channel === void 0 ? void 0 : channel.url)) {
               // eslint-disable-next-line no-param-reassign
               ch.isFrozen = false;
               return ch;
@@ -653,9 +671,7 @@ function reducer(state, action) {
     case CHANNEL_REPLACED_TO_TOP:
       {
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-          allChannels: [action.payload].concat(_rollupPluginBabelHelpers._toConsumableArray(state.allChannels.filter(function (channel) {
-            return (channel === null || channel === void 0 ? void 0 : channel.url) !== action.payload.url;
-          })))
+          allChannels: [action.payload, ...state.allChannels.filter(channel => (channel === null || channel === void 0 ? void 0 : channel.url) !== action.payload.url)]
         });
       }
 
@@ -691,7 +707,7 @@ var ChannelListContext = /*#__PURE__*/React__default["default"].createContext({
   typingChannels: []
 });
 
-var ChannelListProvider = function ChannelListProvider(props) {
+var ChannelListProvider = function (props) {
   var _a; // destruct props
 
 
@@ -825,8 +841,8 @@ var ChannelListProvider = function ChannelListProvider(props) {
 
     if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
       typingHandlerId = uuid.uuidv4();
-      var handler = new groupChannel.Yr({
-        onTypingStatusUpdated: function onTypingStatusUpdated(channel) {
+      var handler = new groupChannel.Jr({
+        onTypingStatusUpdated: function (channel) {
           var _a;
 
           var typingMemberCount = (_a = channel === null || channel === void 0 ? void 0 : channel.getTypingUsers()) === null || _a === void 0 ? void 0 : _a.length;
@@ -840,19 +856,19 @@ var ChannelListProvider = function ChannelListProvider(props) {
             setTypingChannels(channelList);
           }
         },
-        onUnreadMemberStatusUpdated: function onUnreadMemberStatusUpdated(channel) {
+        onUnreadMemberStatusUpdated: function (channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
           });
         },
-        onUndeliveredMemberStatusUpdated: function onUndeliveredMemberStatusUpdated(channel) {
+        onUndeliveredMemberStatusUpdated: function (channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
           });
         },
-        onMessageUpdated: function onMessageUpdated(channel) {
+        onMessageUpdated: function (channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
@@ -864,7 +880,7 @@ var ChannelListProvider = function ChannelListProvider(props) {
             });
           });
         },
-        onMentionReceived: function onMentionReceived(channel) {
+        onMentionReceived: function (channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
@@ -908,7 +924,8 @@ var ChannelListProvider = function ChannelListProvider(props) {
       before: allChannels,
       after: sortedChannels
     });
-  }
+  } // Set current channel (by on_channel_selected event)
+
 
   React.useEffect(function () {
     if (!sdk || !sdk.groupChannel || !currentChannel || !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
@@ -963,4 +980,4 @@ exports.FETCH_CHANNELS_SUCCESS = FETCH_CHANNELS_SUCCESS;
 exports.LEAVE_CHANNEL_SUCCESS = LEAVE_CHANNEL_SUCCESS;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.useChannelListContext = useChannelListContext;
-//# sourceMappingURL=ChannelListProvider-3e882076.js.map
+//# sourceMappingURL=ChannelListProvider-dba82f83.js.map