@sendbird/uikit-react 3.5.0-rc.1 → 3.5.1

package/cjs/{ChannelListProvider-0de52d2b.js → ChannelListProvider-1d4a8060.js}

@@ -1,15 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b8ba50ef.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-53e83515.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var topics = require('./topics-56842e14.js');
-var uuid = require('./uuid-2475ef6c.js');
-var utils = require('./utils-374d57b4.js');
-var UserProfileContext = require('./UserProfileContext-8d0dee57.js');
+var topics = require('./topics-77576a9c.js');
+var uuid = require('./uuid-97ce2508.js');
+var utils = require('./utils-85ff9137.js');
+var UserProfileContext = require('./UserProfileContext-10e1ac24.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-fed1e122.js');
-var index = require('./index-62c1bdfc.js');
+var index = require('./index-32244c73.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -20,8 +19,6 @@ const CREATE_CHANNEL = 'CREATE_CHANNEL';
 const USER_INVITED = 'USER_INVITED';
 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';
@@ -42,7 +39,6 @@ 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,
@@ -67,7 +63,6 @@ const createEventHandler = _ref => {
     },
     onUserJoined: channel => {
       logger.info('ChannelList: onUserJoined', channel);
-
       if (channel !== null && channel !== void 0 && channel.lastMessage) {
         channelListDispatcher({
           type: ON_USER_JOINED,
@@ -85,8 +80,8 @@ const createEventHandler = _ref => {
         currentUser
       } = sdk;
       const isInvited = invitees.find(user => (user === null || user === void 0 ? void 0 : user.userId) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId));
-
-      if (isInvited) {
+      // The newly created channel should be displayed only when there's a message
+      if (isInvited && channel !== null && channel !== void 0 && channel.lastMessage) {
         channelListDispatcher({
           type: USER_INVITED,
           payload: channel
@@ -98,7 +93,6 @@ const createEventHandler = _ref => {
         currentUser
       } = sdk;
       logger.info('Channel: onUserBanned', channel);
-
       if (user.userId === currentUser.userId) {
         channelListDispatcher({
           type: ON_USER_LEFT,
@@ -140,7 +134,6 @@ const createEventHandler = _ref => {
     },
     onDeliveryReceiptUpdated: channel => {
       logger.info('ChannelList: onDeliveryReceiptUpdated', channel);
-
       if (channel !== null && channel !== void 0 && channel.lastMessage) {
         channelListDispatcher({
           type: ON_DELIVERY_RECEIPT_UPDATED,
@@ -182,7 +175,6 @@ const createEventHandler = _ref => {
   logger.info('ChannelList: Added channelHandler');
   sdk.groupChannel.addGroupChannelHandler(sdkChannelHandlerId, ChannelHandler);
 };
-
 const createChannelListQuery = _ref2 => {
   let {
     sdk,
@@ -191,7 +183,6 @@ const createChannelListQuery = _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) {
@@ -199,17 +190,15 @@ const createChannelListQuery = _ref2 => {
       param[key] = userFilledChannelListQuery[key];
     });
   }
-
   const channelListQuery = sdk.groupChannel.createMyGroupChannelListQuery(param);
   return channelListQuery;
 };
+
 /**
  * Setup event listener
  * create channel source query
  * addloading screen
  */
-
-
 function setupChannelList(_ref3) {
   let {
     sdk,
@@ -221,9 +210,9 @@ function setupChannelList(_ref3) {
     logger,
     sortChannelList,
     disableAutoSelect,
-    setChannelsToMarkAsRead
+    markAsDeliveredScheduler,
+    disableMarkAsDelivered
   } = _ref3;
-
   if (sdk !== null && sdk !== void 0 && sdk.groupChannel) {
     createEventHandler({
       sdk,
@@ -234,7 +223,6 @@ function setupChannelList(_ref3) {
   } else {
     logger.warning('ChannelList - createEventHandler: sdk or sdk.ChannelHandler does not exist', sdk);
   }
-
   logger.info('ChannelList - creating query', {
     userFilledChannelListQuery
   });
@@ -247,7 +235,6 @@ function setupChannelList(_ref3) {
   channelListDispatcher({
     type: INIT_CHANNELS_START
   });
-
   if (userFilledChannelListQuery) {
     logger.info('ChannelList - setting up channelListQuery', channelListQuery);
     channelListDispatcher({
@@ -258,27 +245,21 @@ function setupChannelList(_ref3) {
       }
     });
   }
-
   logger.info('ChannelList - fetching channels');
-
   if (channelListQuery.hasNext) {
     channelListQuery.next().then(channelList => {
       var _sdk$appInfo, _sdk$appInfo$premiumF;
-
-      logger.info('ChannelList - fetched channels', channelList); // select first channel
-
+      logger.info('ChannelList - fetched channels', channelList);
+      // select first channel
       logger.info('ChannelList - highlight channel', channelList[0]);
       let sortedChannelList = channelList;
-
       if (sortChannelList && typeof sortChannelList === 'function') {
         sortedChannelList = sortChannelList(channelList);
         logger.info('ChannelList - channel list sorted', sortedChannelList);
       }
-
       if (!disableAutoSelect) {
         onChannelSelect(sortedChannelList[0]);
       }
-
       channelListDispatcher({
         type: INIT_CHANNELS_SUCCESS,
         payload: {
@@ -287,9 +268,10 @@ function setupChannelList(_ref3) {
         }
       });
       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);
+      if (canSetMarkAsDelivered && !disableMarkAsDelivered) {
+        sortedChannelList.forEach(channel => {
+          markAsDeliveredScheduler.push(channel);
+        });
       }
     }).catch(err => {
       if (err) {
@@ -303,19 +285,19 @@ function setupChannelList(_ref3) {
     logger.info('ChannelList - there are no more channels');
   }
 }
-
 const pubSubHandleRemover = subscriber => {
   subscriber.forEach(s => {
     try {
       s.remove();
-    } catch (_unused) {//
+    } catch (_unused) {
+      //
     }
   });
 };
 const pubSubHandler = (pubSub, channelListDispatcher) => {
   const subscriber = new Map();
   if (!pubSub) return subscriber;
-  subscriber.set(topics.CREATE_CHANNEL, pubSub.subscribe(topics.CREATE_CHANNEL, msg => {
+  subscriber.set(topics.PUBSUB_TOPICS.CREATE_CHANNEL, pubSub.subscribe(topics.PUBSUB_TOPICS.CREATE_CHANNEL, msg => {
     const {
       channel
     } = msg;
@@ -324,19 +306,16 @@ const pubSubHandler = (pubSub, channelListDispatcher) => {
       payload: channel
     });
   }));
-  subscriber.set(topics.UPDATE_USER_MESSAGE, pubSub.subscribe(topics.UPDATE_USER_MESSAGE, msg => {
+  subscriber.set(topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, msg => {
     var _updatedChannel$lastM;
-
     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;
     }
-
     if (channel) {
       channelListDispatcher({
         type: ON_LAST_MESSAGE_UPDATED,
@@ -344,7 +323,7 @@ const pubSubHandler = (pubSub, channelListDispatcher) => {
       });
     }
   }));
-  subscriber.set(topics.LEAVE_CHANNEL, pubSub.subscribe(topics.LEAVE_CHANNEL, msg => {
+  subscriber.set(topics.PUBSUB_TOPICS.LEAVE_CHANNEL, pubSub.subscribe(topics.PUBSUB_TOPICS.LEAVE_CHANNEL, msg => {
     const {
       channel
     } = msg;
@@ -353,7 +332,7 @@ const pubSubHandler = (pubSub, channelListDispatcher) => {
       payload: channel === null || channel === void 0 ? void 0 : channel.url
     });
   }));
-  subscriber.set(topics.SEND_MESSAGE_START, pubSub.subscribe(topics.SEND_MESSAGE_START, msg => {
+  subscriber.set(topics.PUBSUB_TOPICS.SEND_MESSAGE_START, pubSub.subscribe(topics.PUBSUB_TOPICS.SEND_MESSAGE_START, msg => {
     const {
       channel
     } = msg;
@@ -371,7 +350,6 @@ var channelListInitialState = {
   loading: true,
   allChannels: [],
   currentChannel: null,
-  showSettings: false,
   channelListQuery: null,
   currentUserId: '',
   disableAutoSelect: false
@@ -383,10 +361,8 @@ function reducer(state, action) {
       return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
         loading: true
       });
-
     case RESET_CHANNEL_LIST:
       return channelListInitialState;
-
     case INIT_CHANNELS_SUCCESS:
       {
         const {
@@ -401,7 +377,6 @@ function reducer(state, action) {
           currentChannel: !disableAutoSelect && channelList && channelList.length && channelList.length > 0 ? channelList[0] : null
         });
       }
-
     case FETCH_CHANNELS_SUCCESS:
       {
         const currentChannels = state.allChannels.map(c => c.url);
@@ -415,61 +390,51 @@ function reducer(state, action) {
           allChannels: [...state.allChannels, ...filteredChannels]
         });
       }
-
     case USER_INVITED:
       {
         const channel = action.payload;
-
         if (state.channelListQuery) {
           if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
               allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, channel)
             });
           }
-
           return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
             currentChannel: channel
           });
         }
-
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           allChannels: [channel, ...state.allChannels.filter(ch => ch.url !== (channel === null || channel === void 0 ? void 0 : channel.url))]
         });
       }
-
     case CREATE_CHANNEL:
       {
         const channel = action.payload;
-
         if (state.channelListQuery) {
           if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
               allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, channel)
             });
           }
-
           return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
             currentChannel: channel
           });
         }
-
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           allChannels: [channel, ...state.allChannels.filter(ch => ch.url !== (channel === null || channel === void 0 ? void 0 : channel.url))],
           currentChannel: channel
         });
       }
-
     case ON_CHANNEL_ARCHIVED:
       {
         var _state$currentChannel;
-
         const channel = action.payload;
-
         if (state.channelListQuery) {
           if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
               allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, channel)
-            }); // TODO: Check if we have to set current channel
+            });
+            // TODO: Check if we have to set current channel
           }
         }
 
@@ -484,12 +449,10 @@ function reducer(state, action) {
           currentChannel: state.disableAutoSelect ? null : nextChannel
         });
       }
-
     case LEAVE_CHANNEL_SUCCESS:
     case ON_CHANNEL_DELETED:
       {
         var _state$currentChannel2;
-
         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,
@@ -501,22 +464,17 @@ function reducer(state, action) {
           })
         });
       }
-
     case ON_USER_LEFT:
       {
         var _state$currentChannel5;
-
         const {
           channel,
           isMe
         } = action.payload;
-
         if (state.channelListQuery) {
           var _state$currentChannel4;
-
           if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             var _state$currentChannel3;
-
             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), {}, {
@@ -524,7 +482,6 @@ function reducer(state, action) {
               allChannels: filteredChannels
             });
           }
-
           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 : nextChannel,
@@ -536,7 +493,6 @@ function reducer(state, action) {
             })
           });
         }
-
         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), {}, {
@@ -544,7 +500,6 @@ function reducer(state, action) {
           allChannels: filteredChannels
         });
       }
-
     case ON_USER_JOINED:
     case ON_CHANNEL_CHANGED:
     case ON_READ_RECEIPT_UPDATED:
@@ -558,17 +513,15 @@ function reducer(state, action) {
           unreadMessageCount
         } = channel;
         if (!(channel !== null && channel !== void 0 && channel.lastMessage)) return state;
-
         if (state.channelListQuery) {
           var _state$currentChannel6;
-
           if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
               allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel)
             });
           }
-
-          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
+          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 : nextChannel,
@@ -579,9 +532,8 @@ function reducer(state, action) {
               return url !== (channel === null || channel === void 0 ? void 0 : channel.url);
             })
           });
-        } // if its only an unread message count change, dont push to top
-
-
+        }
+        // if its only an unread message count change, dont push to top
         if (unreadMessageCount === 0) {
           const currentChannel = allChannels.find(_ref6 => {
             let {
@@ -590,14 +542,12 @@ function reducer(state, action) {
             return url === (channel === null || channel === void 0 ? void 0 : channel.url);
           });
           const currentUnreadCount = currentChannel && currentChannel.unreadMessageCount;
-
           if (currentUnreadCount === 0) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
               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: [channel, ...state.allChannels.filter(_ref7 => {
             let {
@@ -607,43 +557,28 @@ function reducer(state, action) {
           })]
         });
       }
-
     case SET_CURRENT_CHANNEL:
       return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
         currentChannel: action.payload
       });
-
-    case SHOW_CHANNEL_SETTINGS:
-      return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-        showSettings: true
-      });
-
-    case HIDE_CHANNEL_SETTINGS:
-      return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-        showSettings: false
-      });
-
     case ON_LAST_MESSAGE_UPDATED:
       {
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           allChannels: state.allChannels.map(channel => (channel === null || channel === void 0 ? void 0 : channel.url) === action.payload.url ? action.payload : channel)
         });
       }
-
     case ON_CHANNEL_FROZEN:
       {
         const channel = action.payload;
-
         if (state.channelListQuery) {
           var _state$currentChannel7;
-
           if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
               allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, channel)
             });
           }
-
-          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
+          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(_ref8 => {
@@ -655,7 +590,6 @@ function reducer(state, action) {
             currentChannel: state.disableAutoSelect ? null : nextChannel
           });
         }
-
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           allChannels: state.allChannels.map(ch => {
             if (ch.url === (channel === null || channel === void 0 ? void 0 : channel.url)) {
@@ -663,26 +597,22 @@ function reducer(state, action) {
               ch.isFrozen = true;
               return ch;
             }
-
             return ch;
           })
         });
       }
-
     case ON_CHANNEL_UNFROZEN:
       {
         const channel = action.payload;
-
         if (state.channelListQuery) {
           var _state$currentChannel8;
-
           if (index.filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
               allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, channel)
             });
           }
-
-          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
+          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(_ref9 => {
@@ -694,7 +624,6 @@ function reducer(state, action) {
             currentChannel: state.disableAutoSelect ? null : nextChannel
           });
         }
-
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           allChannels: state.allChannels.map(ch => {
             if (ch.url === (channel === null || channel === void 0 ? void 0 : channel.url)) {
@@ -702,31 +631,78 @@ function reducer(state, action) {
               ch.isFrozen = false;
               return ch;
             }
-
             return ch;
           })
         });
       }
-
     case CHANNEL_REPLACED_TO_TOP:
       {
+        if (state.channelListQuery) {
+          if (index.filterChannelListParams(state.channelListQuery, action.payload, state.currentUserId)) {
+            return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+              allChannels: [action.payload, ...state.allChannels.filter(channel => (channel === null || channel === void 0 ? void 0 : channel.url) !== action.payload.url)]
+            });
+          }
+          return state;
+        }
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           allChannels: [action.payload, ...state.allChannels.filter(channel => (channel === null || channel === void 0 ? void 0 : channel.url) !== action.payload.url)]
         });
       }
-
     case CHANNEL_LIST_PARAMS_UPDATED:
       return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
         currentUserId: action.payload.currentUserId,
         channelListQuery: action.payload.channelListQuery
       });
-
     default:
       return state;
   }
 }
 
-var ChannelListContext = /*#__PURE__*/React__default["default"].createContext({
+function useActiveChannelUrl(_ref, _ref2) {
+  let {
+    activeChannelUrl,
+    channels,
+    sdk
+  } = _ref;
+  let {
+    logger,
+    channelListDispatcher
+  } = _ref2;
+  return React.useEffect(() => {
+    if (activeChannelUrl) {
+      logger.info('ChannelListProvider: looking for active channel', {
+        activeChannelUrl
+      });
+      const activeChannel = channels === null || channels === void 0 ? void 0 : channels.find(channel => channel.url === activeChannelUrl);
+      if (activeChannel) {
+        channelListDispatcher({
+          type: SET_CURRENT_CHANNEL,
+          payload: activeChannel
+        });
+      } else {
+        var _sdk$groupChannel;
+        logger.info('ChannelListProvider: searching backend for active channel', {
+          activeChannelUrl
+        });
+        sdk === null || sdk === void 0 ? void 0 : (_sdk$groupChannel = sdk.groupChannel) === null || _sdk$groupChannel === void 0 ? void 0 : _sdk$groupChannel.getChannel(activeChannelUrl).then(channel => {
+          channelListDispatcher({
+            type: FETCH_CHANNELS_SUCCESS,
+            payload: [channel]
+          });
+          channelListDispatcher({
+            type: SET_CURRENT_CHANNEL,
+            payload: channel
+          });
+        }).catch(() => {
+          logger.warning('ChannelListProvider: Active channel not found');
+        });
+      }
+    }
+  }, [activeChannelUrl]);
+}
+
+const ChannelListContext = /*#__PURE__*/React__default["default"].createContext({
   disableUserProfile: true,
   allowProfileEdit: true,
   onBeforeCreateChannel: null,
@@ -739,199 +715,164 @@ var ChannelListContext = /*#__PURE__*/React__default["default"].createContext({
   loading: false,
   allChannels: [],
   currentChannel: null,
-  showSettings: false,
   channelListQuery: {},
   currentUserId: null,
   channelListDispatcher: null,
   channelSource: null,
   typingChannels: []
 });
-
-var ChannelListProvider = function (props) {
-  var _a; // destruct props
-
-
-  var children = props.children,
-      className = props.className,
-      disableUserProfile = props.disableUserProfile,
-      allowProfileEdit = props.allowProfileEdit,
-      queries = props.queries,
-      onProfileEditSuccess = props.onProfileEditSuccess,
-      onThemeChange = props.onThemeChange,
-      onBeforeCreateChannel = props.onBeforeCreateChannel,
-      sortChannelList = props.sortChannelList,
-      overrideInviteUser = props.overrideInviteUser,
-      disableAutoSelect = props.disableAutoSelect,
-      _b = props.isTypingIndicatorEnabled,
-      isTypingIndicatorEnabled = _b === void 0 ? null : _b,
-      _c = props.isMessageReceiptStatusEnabled,
-      isMessageReceiptStatusEnabled = _c === void 0 ? null : _c;
-  var onChannelSelect = (props === null || props === void 0 ? void 0 : props.onChannelSelect) || utils.noop; // fetch store from <SendbirdProvider />
-
-  var globalStore = useSendbirdStateContext();
-  var config = globalStore.config,
-      stores = globalStore.stores;
-  var sdkStore = stores.sdkStore;
-  var pubSub = config.pubSub,
-      logger = config.logger,
-      onUserProfileMessage = config.onUserProfileMessage;
-  var _d = config.disableMarkAsDelivered,
-      disableMarkAsDelivered = _d === void 0 ? false : _d,
-      _e = config.isTypingIndicatorEnabledOnChannelList,
-      isTypingIndicatorEnabledOnChannelList = _e === void 0 ? false : _e,
-      _f = config.isMessageReceiptStatusEnabledOnChannelList,
-      isMessageReceiptStatusEnabledOnChannelList = _f === void 0 ? false : _f;
-  var sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk; // derive some variables
+const ChannelListProvider = props => {
+  var _sdk$currentUser;
+  // destruct props
+  const {
+    children,
+    className,
+    disableUserProfile,
+    allowProfileEdit,
+    queries,
+    onProfileEditSuccess,
+    onThemeChange,
+    onBeforeCreateChannel,
+    sortChannelList,
+    overrideInviteUser,
+    activeChannelUrl,
+    isTypingIndicatorEnabled = null,
+    isMessageReceiptStatusEnabled = null
+  } = props;
+  // disable autoselect, if activeChannelUrl is provided
+  // useActiveChannelUrl should be executed when activeChannelUrl is present
+  const disableAutoSelect = (props === null || props === void 0 ? void 0 : props.disableAutoSelect) || !!activeChannelUrl;
+  const onChannelSelect = (props === null || props === void 0 ? void 0 : props.onChannelSelect) || utils.noop;
+  // fetch store from <SendbirdProvider />
+  const globalStore = useSendbirdStateContext();
+  const {
+    config,
+    stores
+  } = globalStore;
+  const {
+    sdkStore
+  } = stores;
+  const {
+    pubSub,
+    logger,
+    onUserProfileMessage
+  } = config;
+  const {
+    markAsDeliveredScheduler,
+    disableMarkAsDelivered = false,
+    isTypingIndicatorEnabledOnChannelList = false,
+    isMessageReceiptStatusEnabledOnChannelList = false
+  } = config;
+  const 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);
-  var userDefinedRenderProfile = config === null || config === void 0 ? void 0 : config.renderUserProfile;
-  var enableEditProfile = allowProfileEdit || (config === null || config === void 0 ? void 0 : config.allowProfileEdit);
-  var userFilledChannelListQuery = queries === null || queries === void 0 ? void 0 : queries.channelListQuery;
-  var userFilledApplicationUserListQuery = queries === null || queries === void 0 ? void 0 : queries.applicationUserListQuery;
-  var sdkIntialized = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.initialized;
-
-  var _g = React.useReducer(reducer, channelListInitialState),
-      channelListStore = _g[0],
-      channelListDispatcher = _g[1];
-
-  var loading = channelListStore.loading,
-      currentChannel = channelListStore.currentChannel;
-
-  var _h = React.useState(),
-      channelSource = _h[0],
-      setChannelSource = _h[1];
-
-  var _j = React.useState([]),
-      typingChannels = _j[0],
-      setTypingChannels = _j[1];
-
-  var _k = React.useState([]),
-      channelsTomarkAsRead = _k[0],
-      setChannelsToMarkAsRead = _k[1];
-
-  React.useEffect(function () {
-    // https://stackoverflow.com/a/60907638
-    var isMounted = true;
-
-    if ((channelsTomarkAsRead === null || channelsTomarkAsRead === void 0 ? void 0 : channelsTomarkAsRead.length) > 0 && !disableMarkAsDelivered) {
-      channelsTomarkAsRead === null || channelsTomarkAsRead === void 0 ? void 0 : channelsTomarkAsRead.forEach(function (c, idx) {
-        // Plan-based rate limits - minimum limit is 5 requests per second
-        setTimeout(function () {
-          if (isMounted) {
-            c === null || c === void 0 ? void 0 : c.markAsDelivered();
-          }
-        }, 2000 * idx);
-      });
-    }
-
-    return function () {
-      isMounted = false;
-    };
-  }, [channelsTomarkAsRead]);
-  React.useEffect(function () {
-    var subscriber = pubSubHandler(pubSub, channelListDispatcher);
-    return function () {
+  const userDefinedDisableUserProfile = disableUserProfile || (config === null || config === void 0 ? void 0 : config.disableUserProfile);
+  const userDefinedRenderProfile = config === null || config === void 0 ? void 0 : config.renderUserProfile;
+  const enableEditProfile = allowProfileEdit || (config === null || config === void 0 ? void 0 : config.allowProfileEdit);
+  const userFilledChannelListQuery = queries === null || queries === void 0 ? void 0 : queries.channelListQuery;
+  const userFilledApplicationUserListQuery = queries === null || queries === void 0 ? void 0 : queries.applicationUserListQuery;
+  const sdkIntialized = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.initialized;
+  const [channelListStore, channelListDispatcher] = React.useReducer(reducer, channelListInitialState);
+  const {
+    currentChannel
+  } = channelListStore;
+  const [channelSource, setChannelSource] = React.useState(null);
+  const [typingChannels, setTypingChannels] = React.useState([]);
+  React.useEffect(() => {
+    const subscriber = pubSubHandler(pubSub, channelListDispatcher);
+    return () => {
       pubSubHandleRemover(subscriber);
     };
   }, [sdkIntialized]);
-  React.useEffect(function () {
-    var _a;
-
-    var sdkChannelHandlerId = uuid.uuidv4();
-
+  React.useEffect(() => {
+    const sdkChannelHandlerId = uuid.uuidv4();
     if (sdkIntialized) {
       logger.info('ChannelList: Setup channelHandlers');
       setupChannelList({
-        sdk: sdk,
-        sdkChannelHandlerId: sdkChannelHandlerId,
-        channelListDispatcher: channelListDispatcher,
-        setChannelSource: setChannelSource,
-        onChannelSelect: onChannelSelect,
-        userFilledChannelListQuery: userFilledChannelListQuery,
-        logger: logger,
-        sortChannelList: sortChannelList,
-        disableAutoSelect: disableAutoSelect,
-        setChannelsToMarkAsRead: setChannelsToMarkAsRead
+        sdk,
+        sdkChannelHandlerId,
+        channelListDispatcher,
+        setChannelSource,
+        onChannelSelect,
+        userFilledChannelListQuery,
+        logger,
+        sortChannelList,
+        disableAutoSelect,
+        markAsDeliveredScheduler,
+        disableMarkAsDelivered
       });
     } else {
-      logger.info('ChannelList: Removing channelHandlers'); // remove previous channelHandlers
-
-      if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) {
+      var _sdk$groupChannel;
+      logger.info('ChannelList: Removing channelHandlers');
+      // remove previous channelHandlers
+      if (sdk !== null && sdk !== void 0 && (_sdk$groupChannel = sdk.groupChannel) !== null && _sdk$groupChannel !== void 0 && _sdk$groupChannel.removeGroupChannelHandler) {
         sdk.groupChannel.removeGroupChannelHandler(sdkChannelHandlerId);
-      } // remove channelSource
-
-
-      setChannelSource(null); // cleanup
-
+      }
+      // remove channelSource
+      setChannelSource(null);
+      // cleanup
       channelListDispatcher({
         type: RESET_CHANNEL_LIST,
         payload: null
       });
     }
-
-    return function () {
-      var _a, _b;
-
+    return () => {
+      var _sdk$groupChannel2;
       logger.info('ChannelList: Removing channelHandlers');
-
-      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);
+      if (sdk !== null && sdk !== void 0 && (_sdk$groupChannel2 = sdk.groupChannel) !== null && _sdk$groupChannel2 !== void 0 && _sdk$groupChannel2.removeGroupChannelHandler) {
+        var _sdk$groupChannel3;
+        sdk === null || sdk === void 0 ? void 0 : (_sdk$groupChannel3 = sdk.groupChannel) === null || _sdk$groupChannel3 === void 0 ? void 0 : _sdk$groupChannel3.removeGroupChannelHandler(sdkChannelHandlerId);
       }
     };
   }, [sdkIntialized, userFilledChannelListQuery, sortChannelList]);
-  React.useEffect(function () {
-    var _a, _b;
-
-    var typingHandlerId = null;
-
-    if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
+  React.useEffect(() => {
+    var _sdk$groupChannel4;
+    let typingHandlerId = '';
+    if (sdk !== null && sdk !== void 0 && (_sdk$groupChannel4 = sdk.groupChannel) !== null && _sdk$groupChannel4 !== void 0 && _sdk$groupChannel4.addGroupChannelHandler) {
+      var _sdk$groupChannel5;
       typingHandlerId = uuid.uuidv4();
-      var handler = new groupChannel.GroupChannelHandler({
-        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;
-          var channelList = typingChannels.filter(function (ch) {
-            return ch.url !== channel.url;
-          });
-
+      const handler = new groupChannel.GroupChannelHandler({
+        onTypingStatusUpdated: channel => {
+          var _channel$getTypingUse;
+          const typingMemberCount = channel === null || channel === void 0 ? void 0 : (_channel$getTypingUse = channel.getTypingUsers()) === null || _channel$getTypingUse === void 0 ? void 0 : _channel$getTypingUse.length;
+          const channelList = typingChannels.filter(ch => ch.url !== channel.url);
           if (typingMemberCount > 0) {
-            setTypingChannels(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], channelList, true), [channel], false));
+            setTypingChannels([...channelList, channel]);
           } else {
             setTypingChannels(channelList);
           }
         },
-        onUnreadMemberStatusUpdated: function (channel) {
+        onUnreadMemberStatusUpdated(channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
           });
         },
-        onUndeliveredMemberStatusUpdated: function (channel) {
+        onUndeliveredMemberStatusUpdated(channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
           });
         },
-        onMessageUpdated: function (channel) {
+        onMessageUpdated(channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
           });
-          sdk.groupChannel.getChannelWithoutCache(channel.url).then(function (ch) {
+          sdk.groupChannel.getChannelWithoutCache(channel.url).then(ch => {
             channelListDispatcher({
               type: ON_LAST_MESSAGE_UPDATED,
               payload: ch
             });
           });
         },
-        onMentionReceived: function (channel) {
+        onMentionReceived(channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
           });
-          sdk.groupChannel.getChannelWithoutCache(channel.url).then(function (ch) {
+          sdk.groupChannel.getChannelWithoutCache(channel.url).then(ch => {
             channelListDispatcher({
               type: ON_LAST_MESSAGE_UPDATED,
               payload: ch
@@ -939,29 +880,29 @@ var ChannelListProvider = function (props) {
           });
         }
       });
-      (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.addGroupChannelHandler(typingHandlerId, handler);
+      sdk === null || sdk === void 0 ? void 0 : (_sdk$groupChannel5 = sdk.groupChannel) === null || _sdk$groupChannel5 === void 0 ? void 0 : _sdk$groupChannel5.addGroupChannelHandler(typingHandlerId, handler);
     }
-
-    return function () {
-      var _a;
-
-      if (((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) && typingHandlerId) {
+    return () => {
+      var _sdk$groupChannel6;
+      if (sdk !== null && sdk !== void 0 && (_sdk$groupChannel6 = sdk.groupChannel) !== null && _sdk$groupChannel6 !== void 0 && _sdk$groupChannel6.removeGroupChannelHandler && typingHandlerId !== '') {
         sdk.groupChannel.removeGroupChannelHandler(typingHandlerId);
       }
     };
-  }, [(_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId]);
-  var queries_ = React.useMemo(function () {
+  }, [sdk === null || sdk === void 0 ? void 0 : (_sdk$currentUser = sdk.currentUser) === null || _sdk$currentUser === void 0 ? void 0 : _sdk$currentUser.userId]);
+  const queries_ = React.useMemo(() => {
     return {
       applicationUserListQuery: userFilledApplicationUserListQuery,
       channelListQuery: userFilledChannelListQuery
     };
   }, [userFilledApplicationUserListQuery, userFilledChannelListQuery]);
-  var allChannels = channelListStore.allChannels;
-  var sortedChannels = sortChannelList && typeof sortChannelList === 'function' ? sortChannelList(allChannels) : allChannels;
-
+  const {
+    allChannels
+  } = channelListStore;
+  const sortedChannels = sortChannelList && typeof sortChannelList === 'function' ? sortChannelList(allChannels) : allChannels;
   if (sortedChannels.length !== allChannels.length) {
-    var warning = "ChannelList: You have removed/added extra channels on sortChannelList\n      this could cause unexpected problems"; // eslint-disable-next-line no-console
-
+    const warning = `ChannelList: You have removed/added extra channels on sortChannelList
+      this could cause unexpected problems`;
+    // eslint-disable-next-line no-console
     console.warn(warning, {
       before: allChannels,
       after: sortedChannels
@@ -970,15 +911,14 @@ var ChannelListProvider = function (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)) {
+  // Set current channel (by on_channel_selected event)
+  React.useEffect(() => {
+    if (!sdk || !sdk.groupChannel || !currentChannel || !(currentChannel !== null && currentChannel !== void 0 && currentChannel.url)) {
       return;
     }
-
-    sdk.groupChannel.getChannel(currentChannel.url).then(function (groupChannel) {
+    sdk.groupChannel.getChannel(currentChannel.url).then(groupChannel => {
       if (groupChannel) {
         onChannelSelect(groupChannel);
       } else {
@@ -986,38 +926,46 @@ var ChannelListProvider = function (props) {
       }
     });
   }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
+
+  // Set active channel (by url)
+  useActiveChannelUrl({
+    activeChannelUrl,
+    channels: sortedChannels,
+    sdk
+  }, {
+    logger,
+    channelListDispatcher
+  });
   return /*#__PURE__*/React__default["default"].createElement(ChannelListContext.Provider, {
-    value: tslib_es6.__assign(tslib_es6.__assign({
-      className: className,
-      disableUserProfile: disableUserProfile,
+    value: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+      className,
+      disableUserProfile,
       queries: queries_,
-      onProfileEditSuccess: onProfileEditSuccess,
-      onThemeChange: onThemeChange,
-      onBeforeCreateChannel: onBeforeCreateChannel,
-      overrideInviteUser: overrideInviteUser,
-      onChannelSelect: onChannelSelect,
-      sortChannelList: sortChannelList,
-      loading: loading,
+      onProfileEditSuccess,
+      onThemeChange,
+      onBeforeCreateChannel,
+      overrideInviteUser,
+      onChannelSelect,
+      sortChannelList,
       allowProfileEdit: enableEditProfile,
-      channelListDispatcher: channelListDispatcher,
-      channelSource: channelSource
-    }, channelListStore), {
+      channelListDispatcher,
+      channelSource
+    }, channelListStore), {}, {
       allChannels: sortedChannels,
-      typingChannels: typingChannels,
+      typingChannels,
       isTypingIndicatorEnabled: isTypingIndicatorEnabled !== null ? isTypingIndicatorEnabled : isTypingIndicatorEnabledOnChannelList,
       isMessageReceiptStatusEnabled: isMessageReceiptStatusEnabled !== null ? isMessageReceiptStatusEnabled : isMessageReceiptStatusEnabledOnChannelList
     })
   }, /*#__PURE__*/React__default["default"].createElement(UserProfileContext.UserProfileProvider, {
-    disableUserProfile: userDefinedDisableUserProfile,
+    disableUserProfile: userDefinedDisableUserProfile !== null && userDefinedDisableUserProfile !== void 0 ? userDefinedDisableUserProfile : config === null || config === void 0 ? void 0 : config.disableUserProfile,
     renderUserProfile: userDefinedRenderProfile,
     onUserProfileMessage: onUserProfileMessage
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-channel-list ".concat(className)
+    className: `sendbird-channel-list ${className}`
   }, children)));
 };
-
 function useChannelListContext() {
-  var context = React.useContext(ChannelListContext);
+  const context = React.useContext(ChannelListContext);
   return context;
 }
 
@@ -1028,4 +976,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-0de52d2b.js.map
+//# sourceMappingURL=ChannelListProvider-1d4a8060.js.map