@sendbird/uikit-react 3.5.0-rc.0 → 3.5.0

package/{ChannelListProvider-ade145a7.js → ChannelListProvider-4cf5c0f5.js}

@@ -1,21 +1,18 @@
-import { a as __spreadArray, _ as __assign } from './tslib.es6-d9fa3716.js';
-import React__default, { useReducer, useState, useEffect, useMemo, useContext } from 'react';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-fb0e05a4.js';
+import React__default, { useEffect, useReducer, useState, useMemo, useContext } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { C as CREATE_CHANNEL$1, U as UPDATE_USER_MESSAGE, L as LEAVE_CHANNEL, S as SEND_MESSAGE_START } from './topics-d390daf6.js';
-import { u as uuidv4 } from './uuid-968941a0.js';
-import { n as noop } from './utils-30c326f7.js';
-import { U as UserProfileProvider } from './UserProfileContext-33a26cc4.js';
+import { P as PUBSUB_TOPICS } from './topics-70f569e9.js';
+import { u as uuidv4 } from './uuid-92d22300.js';
+import { n as noop } from './utils-56cb7de5.js';
+import { U as UserProfileProvider } from './UserProfileContext-c776d522.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-ed44209e.js';
-import { f as filterChannelListParams, g as getChannelsWithUpsertedChannel } from './index-58e5d82d.js';
+import { f as filterChannelListParams, g as getChannelsWithUpsertedChannel } from './index-cf859f03.js';
 
 const RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
 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';
@@ -36,7 +33,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,
@@ -61,7 +57,6 @@ const createEventHandler = _ref => {
     },
     onUserJoined: channel => {
       logger.info('ChannelList: onUserJoined', channel);
-
       if (channel !== null && channel !== void 0 && channel.lastMessage) {
         channelListDispatcher({
           type: ON_USER_JOINED,
@@ -79,8 +74,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
@@ -92,7 +87,6 @@ const createEventHandler = _ref => {
         currentUser
       } = sdk;
       logger.info('Channel: onUserBanned', channel);
-
       if (user.userId === currentUser.userId) {
         channelListDispatcher({
           type: ON_USER_LEFT,
@@ -134,7 +128,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,
@@ -176,7 +169,6 @@ const createEventHandler = _ref => {
   logger.info('ChannelList: Added channelHandler');
   sdk.groupChannel.addGroupChannelHandler(sdkChannelHandlerId, ChannelHandler);
 };
-
 const createChannelListQuery = _ref2 => {
   let {
     sdk,
@@ -185,7 +177,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) {
@@ -193,17 +184,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,
@@ -215,9 +204,9 @@ function setupChannelList(_ref3) {
     logger,
     sortChannelList,
     disableAutoSelect,
-    setChannelsToMarkAsRead
+    markAsDeliveredScheduler,
+    disableMarkAsDelivered
   } = _ref3;
-
   if (sdk !== null && sdk !== void 0 && sdk.groupChannel) {
     createEventHandler({
       sdk,
@@ -228,7 +217,6 @@ function setupChannelList(_ref3) {
   } else {
     logger.warning('ChannelList - createEventHandler: sdk or sdk.ChannelHandler does not exist', sdk);
   }
-
   logger.info('ChannelList - creating query', {
     userFilledChannelListQuery
   });
@@ -241,7 +229,6 @@ function setupChannelList(_ref3) {
   channelListDispatcher({
     type: INIT_CHANNELS_START
   });
-
   if (userFilledChannelListQuery) {
     logger.info('ChannelList - setting up channelListQuery', channelListQuery);
     channelListDispatcher({
@@ -252,27 +239,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: {
@@ -281,9 +262,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) {
@@ -297,19 +279,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(CREATE_CHANNEL$1, pubSub.subscribe(CREATE_CHANNEL$1, msg => {
+  subscriber.set(PUBSUB_TOPICS.CREATE_CHANNEL, pubSub.subscribe(PUBSUB_TOPICS.CREATE_CHANNEL, msg => {
     const {
       channel
     } = msg;
@@ -318,19 +300,16 @@ const pubSubHandler = (pubSub, channelListDispatcher) => {
       payload: channel
     });
   }));
-  subscriber.set(UPDATE_USER_MESSAGE, pubSub.subscribe(UPDATE_USER_MESSAGE, msg => {
+  subscriber.set(PUBSUB_TOPICS.UPDATE_USER_MESSAGE, pubSub.subscribe(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,
@@ -338,7 +317,7 @@ const pubSubHandler = (pubSub, channelListDispatcher) => {
       });
     }
   }));
-  subscriber.set(LEAVE_CHANNEL, pubSub.subscribe(LEAVE_CHANNEL, msg => {
+  subscriber.set(PUBSUB_TOPICS.LEAVE_CHANNEL, pubSub.subscribe(PUBSUB_TOPICS.LEAVE_CHANNEL, msg => {
     const {
       channel
     } = msg;
@@ -347,7 +326,7 @@ const pubSubHandler = (pubSub, channelListDispatcher) => {
       payload: channel === null || channel === void 0 ? void 0 : channel.url
     });
   }));
-  subscriber.set(SEND_MESSAGE_START, pubSub.subscribe(SEND_MESSAGE_START, msg => {
+  subscriber.set(PUBSUB_TOPICS.SEND_MESSAGE_START, pubSub.subscribe(PUBSUB_TOPICS.SEND_MESSAGE_START, msg => {
     const {
       channel
     } = msg;
@@ -365,7 +344,6 @@ var channelListInitialState = {
   loading: true,
   allChannels: [],
   currentChannel: null,
-  showSettings: false,
   channelListQuery: null,
   currentUserId: '',
   disableAutoSelect: false
@@ -377,10 +355,8 @@ function reducer(state, action) {
       return _objectSpread2(_objectSpread2({}, state), {}, {
         loading: true
       });
-
     case RESET_CHANNEL_LIST:
       return channelListInitialState;
-
     case INIT_CHANNELS_SUCCESS:
       {
         const {
@@ -395,7 +371,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);
@@ -409,61 +384,51 @@ function reducer(state, action) {
           allChannels: [...state.allChannels, ...filteredChannels]
         });
       }
-
     case USER_INVITED:
       {
         const channel = action.payload;
-
         if (state.channelListQuery) {
           if (filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _objectSpread2(_objectSpread2({}, state), {}, {
               allChannels: getChannelsWithUpsertedChannel(state.allChannels, channel)
             });
           }
-
           return _objectSpread2(_objectSpread2({}, state), {}, {
             currentChannel: channel
           });
         }
-
         return _objectSpread2(_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 (filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _objectSpread2(_objectSpread2({}, state), {}, {
               allChannels: getChannelsWithUpsertedChannel(state.allChannels, channel)
             });
           }
-
           return _objectSpread2(_objectSpread2({}, state), {}, {
             currentChannel: channel
           });
         }
-
         return _objectSpread2(_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 (filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _objectSpread2(_objectSpread2({}, state), {}, {
               allChannels: getChannelsWithUpsertedChannel(state.allChannels, channel)
-            }); // TODO: Check if we have to set current channel
+            });
+            // TODO: Check if we have to set current channel
           }
         }
 
@@ -478,12 +443,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 _objectSpread2(_objectSpread2({}, state), {}, {
           currentChannel: channelUrl === ((_state$currentChannel2 = state.currentChannel) === null || _state$currentChannel2 === void 0 ? void 0 : _state$currentChannel2.url) ? state.allChannels[0] : state.currentChannel,
@@ -495,22 +458,17 @@ function reducer(state, action) {
           })
         });
       }
-
     case ON_USER_LEFT:
       {
         var _state$currentChannel5;
-
         const {
           channel,
           isMe
         } = action.payload;
-
         if (state.channelListQuery) {
           var _state$currentChannel4;
-
           if (filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             var _state$currentChannel3;
-
             const filteredChannels = 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 _objectSpread2(_objectSpread2({}, state), {}, {
@@ -518,7 +476,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 _objectSpread2(_objectSpread2({}, state), {}, {
             currentChannel: state.disableAutoSelect ? null : nextChannel,
@@ -530,7 +487,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 _objectSpread2(_objectSpread2({}, state), {}, {
@@ -538,7 +494,6 @@ function reducer(state, action) {
           allChannels: filteredChannels
         });
       }
-
     case ON_USER_JOINED:
     case ON_CHANNEL_CHANGED:
     case ON_READ_RECEIPT_UPDATED:
@@ -552,17 +507,15 @@ function reducer(state, action) {
           unreadMessageCount
         } = channel;
         if (!(channel !== null && channel !== void 0 && channel.lastMessage)) return state;
-
         if (state.channelListQuery) {
           var _state$currentChannel6;
-
           if (filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _objectSpread2(_objectSpread2({}, state), {}, {
               allChannels: 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 _objectSpread2(_objectSpread2({}, state), {}, {
             currentChannel: state.disableAutoSelect ? null : nextChannel,
@@ -573,9 +526,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 {
@@ -584,14 +536,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 _objectSpread2(_objectSpread2({}, state), {}, {
               allChannels: state.allChannels.map(ch => ch.url === (channel === null || channel === void 0 ? void 0 : channel.url) ? channel : ch)
             });
           }
         }
-
         return _objectSpread2(_objectSpread2({}, state), {}, {
           allChannels: [channel, ...state.allChannels.filter(_ref7 => {
             let {
@@ -601,43 +551,28 @@ function reducer(state, action) {
           })]
         });
       }
-
     case SET_CURRENT_CHANNEL:
       return _objectSpread2(_objectSpread2({}, state), {}, {
         currentChannel: action.payload
       });
-
-    case SHOW_CHANNEL_SETTINGS:
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        showSettings: true
-      });
-
-    case HIDE_CHANNEL_SETTINGS:
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        showSettings: false
-      });
-
     case ON_LAST_MESSAGE_UPDATED:
       {
         return _objectSpread2(_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 (filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _objectSpread2(_objectSpread2({}, state), {}, {
               allChannels: 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 _objectSpread2(_objectSpread2({}, state), {}, {
             allChannels: state.allChannels.filter(_ref8 => {
@@ -649,7 +584,6 @@ function reducer(state, action) {
             currentChannel: state.disableAutoSelect ? null : nextChannel
           });
         }
-
         return _objectSpread2(_objectSpread2({}, state), {}, {
           allChannels: state.allChannels.map(ch => {
             if (ch.url === (channel === null || channel === void 0 ? void 0 : channel.url)) {
@@ -657,26 +591,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 (filterChannelListParams(state.channelListQuery, channel, state.currentUserId)) {
             return _objectSpread2(_objectSpread2({}, state), {}, {
               allChannels: 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 _objectSpread2(_objectSpread2({}, state), {}, {
             allChannels: state.allChannels.filter(_ref9 => {
@@ -688,7 +618,6 @@ function reducer(state, action) {
             currentChannel: state.disableAutoSelect ? null : nextChannel
           });
         }
-
         return _objectSpread2(_objectSpread2({}, state), {}, {
           allChannels: state.allChannels.map(ch => {
             if (ch.url === (channel === null || channel === void 0 ? void 0 : channel.url)) {
@@ -696,31 +625,78 @@ function reducer(state, action) {
               ch.isFrozen = false;
               return ch;
             }
-
             return ch;
           })
         });
       }
-
     case CHANNEL_REPLACED_TO_TOP:
       {
+        if (state.channelListQuery) {
+          if (filterChannelListParams(state.channelListQuery, action.payload, state.currentUserId)) {
+            return _objectSpread2(_objectSpread2({}, state), {}, {
+              allChannels: [action.payload, ...state.allChannels.filter(channel => (channel === null || channel === void 0 ? void 0 : channel.url) !== action.payload.url)]
+            });
+          }
+          return state;
+        }
         return _objectSpread2(_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 _objectSpread2(_objectSpread2({}, state), {}, {
         currentUserId: action.payload.currentUserId,
         channelListQuery: action.payload.channelListQuery
       });
-
     default:
       return state;
   }
 }
 
-var ChannelListContext = /*#__PURE__*/React__default.createContext({
+function useActiveChannelUrl(_ref, _ref2) {
+  let {
+    activeChannelUrl,
+    channels,
+    sdk
+  } = _ref;
+  let {
+    logger,
+    channelListDispatcher
+  } = _ref2;
+  return 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.createContext({
   disableUserProfile: true,
   allowProfileEdit: true,
   onBeforeCreateChannel: null,
@@ -733,199 +709,164 @@ var ChannelListContext = /*#__PURE__*/React__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) || 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) || 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 = useReducer(reducer, channelListInitialState),
-      channelListStore = _g[0],
-      channelListDispatcher = _g[1];
-
-  var loading = channelListStore.loading,
-      currentChannel = channelListStore.currentChannel;
-
-  var _h = useState(),
-      channelSource = _h[0],
-      setChannelSource = _h[1];
-
-  var _j = useState([]),
-      typingChannels = _j[0],
-      setTypingChannels = _j[1];
-
-  var _k = useState([]),
-      channelsTomarkAsRead = _k[0],
-      setChannelsToMarkAsRead = _k[1];
-
-  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]);
-  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] = useReducer(reducer, channelListInitialState);
+  const {
+    currentChannel
+  } = channelListStore;
+  const [channelSource, setChannelSource] = useState(null);
+  const [typingChannels, setTypingChannels] = useState([]);
+  useEffect(() => {
+    const subscriber = pubSubHandler(pubSub, channelListDispatcher);
+    return () => {
       pubSubHandleRemover(subscriber);
     };
   }, [sdkIntialized]);
-  useEffect(function () {
-    var _a;
-
-    var sdkChannelHandlerId = uuidv4();
-
+  useEffect(() => {
+    const sdkChannelHandlerId = 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]);
-  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) {
+  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 = uuidv4();
-      var handler = new 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 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(__spreadArray(__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
@@ -933,29 +874,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_ = 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_ = 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
@@ -964,15 +905,14 @@ var ChannelListProvider = function (props) {
       before: allChannels,
       after: sortedChannels
     });
-  } // Set current channel (by on_channel_selected event)
-
+  }
 
-  useEffect(function () {
-    if (!sdk || !sdk.groupChannel || !currentChannel || !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
+  // Set current channel (by on_channel_selected event)
+  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 {
@@ -980,24 +920,33 @@ 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.createElement(ChannelListContext.Provider, {
-    value: __assign(__assign({
-      className: className,
-      disableUserProfile: disableUserProfile,
+    value: _objectSpread2(_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
     })
@@ -1006,14 +955,13 @@ var ChannelListProvider = function (props) {
     renderUserProfile: userDefinedRenderProfile,
     onUserProfileMessage: onUserProfileMessage
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-list ".concat(className)
+    className: `sendbird-channel-list ${className}`
   }, children)));
 };
-
 function useChannelListContext() {
-  var context = useContext(ChannelListContext);
+  const context = useContext(ChannelListContext);
   return context;
 }
 
 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-ade145a7.js.map
+//# sourceMappingURL=ChannelListProvider-4cf5c0f5.js.map