@sendbird/uikit-react 3.4.5 → 3.4.6-rc.0

package/{ChannelListProvider-10fe7340.js → ChannelListProvider-45cf488b.js}

@@ -1,13 +1,13 @@
-import { a as __spreadArray, _ as __assign } from './tslib.es6-209c9f08.js';
+import { a as __spreadArray, _ as __assign } from './tslib.es6-debac48c.js';
 import React__default, { useEffect, useReducer, useState, useMemo, useContext } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { P as PUBSUB_TOPICS } from './topics-4697c2b3.js';
-import { u as uuidv4 } from './uuid-31c6ecb2.js';
-import { n as noop } from './utils-04bd857d.js';
-import { U as UserProfileProvider } from './UserProfileContext-1996d4d2.js';
+import { P as PUBSUB_TOPICS } from './topics-2647294d.js';
+import { u as uuidv4 } from './uuid-e979d613.js';
+import { n as noop } from './utils-87be98af.js';
+import { U as UserProfileProvider } from './UserProfileContext-576f1ef9.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-e908c50d.js';
-import { f as filterChannelListParams, g as getChannelsWithUpsertedChannel } from './index-83ae3ffe.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-6e60e429.js';
+import { f as filterChannelListParams, g as getChannelsWithUpsertedChannel } from './index-f87c5aab.js';
 
 const RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
 const CREATE_CHANNEL = 'CREATE_CHANNEL';
@@ -36,7 +36,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 +60,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,7 +77,6 @@ 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) {
         channelListDispatcher({
           type: USER_INVITED,
@@ -92,7 +89,6 @@ const createEventHandler = _ref => {
         currentUser
       } = sdk;
       logger.info('Channel: onUserBanned', channel);
-
       if (user.userId === currentUser.userId) {
         channelListDispatcher({
           type: ON_USER_LEFT,
@@ -134,7 +130,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 +171,6 @@ const createEventHandler = _ref => {
   logger.info('ChannelList: Added channelHandler');
   sdk.groupChannel.addGroupChannelHandler(sdkChannelHandlerId, ChannelHandler);
 };
-
 const createChannelListQuery = _ref2 => {
   let {
     sdk,
@@ -185,7 +179,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 +186,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,
@@ -217,7 +208,6 @@ function setupChannelList(_ref3) {
     disableAutoSelect,
     markAsReadScheduler
   } = _ref3;
-
   if (sdk !== null && sdk !== void 0 && sdk.groupChannel) {
     createEventHandler({
       sdk,
@@ -228,7 +218,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 +230,6 @@ function setupChannelList(_ref3) {
   channelListDispatcher({
     type: INIT_CHANNELS_START
   });
-
   if (userFilledChannelListQuery) {
     logger.info('ChannelList - setting up channelListQuery', channelListQuery);
     channelListDispatcher({
@@ -252,27 +240,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,7 +263,6 @@ 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) {
         sortChannelList.forEach(channel => {
           if ((channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) > 0) {
@@ -301,12 +282,12 @@ function setupChannelList(_ref3) {
     logger.info('ChannelList - there are no more channels');
   }
 }
-
 const pubSubHandleRemover = subscriber => {
   subscriber.forEach(s => {
     try {
       s.remove();
-    } catch (_unused) {//
+    } catch (_unused) {
+      //
     }
   });
 };
@@ -324,17 +305,14 @@ const pubSubHandler = (pubSub, channelListDispatcher) => {
   }));
   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,
@@ -381,10 +359,8 @@ function reducer(state, action) {
       return _objectSpread2(_objectSpread2({}, state), {}, {
         loading: true
       });
-
     case RESET_CHANNEL_LIST:
       return channelListInitialState;
-
     case INIT_CHANNELS_SUCCESS:
       {
         const {
@@ -399,7 +375,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);
@@ -413,61 +388,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
           }
         }
 
@@ -482,12 +447,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,
@@ -499,22 +462,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), {}, {
@@ -522,7 +480,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,
@@ -534,7 +491,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), {}, {
@@ -542,7 +498,6 @@ function reducer(state, action) {
           allChannels: filteredChannels
         });
       }
-
     case ON_USER_JOINED:
     case ON_CHANNEL_CHANGED:
     case ON_READ_RECEIPT_UPDATED:
@@ -556,17 +511,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,
@@ -577,9 +530,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 {
@@ -588,14 +540,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 {
@@ -605,43 +555,36 @@ 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 => {
@@ -653,7 +596,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)) {
@@ -661,26 +603,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 => {
@@ -692,7 +630,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)) {
@@ -700,25 +637,21 @@ function reducer(state, action) {
               ch.isFrozen = false;
               return ch;
             }
-
             return ch;
           })
         });
       }
-
     case CHANNEL_REPLACED_TO_TOP:
       {
         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;
   }
@@ -726,13 +659,12 @@ function reducer(state, action) {
 
 function useActiveChannelUrl(_a, _b) {
   var activeChannelUrl = _a.activeChannelUrl,
-      channels = _a.channels,
-      sdk = _a.sdk;
+    channels = _a.channels,
+    sdk = _a.sdk;
   var logger = _b.logger,
-      channelListDispatcher = _b.channelListDispatcher;
+    channelListDispatcher = _b.channelListDispatcher;
   return useEffect(function () {
     var _a;
-
     if (activeChannelUrl) {
       logger.info('ChannelListProvider: looking for active channel', {
         activeChannelUrl: activeChannelUrl
@@ -740,7 +672,6 @@ function useActiveChannelUrl(_a, _b) {
       var activeChannel = channels.find(function (channel) {
         return channel.url === activeChannelUrl;
       });
-
       if (activeChannel) {
         channelListDispatcher({
           type: SET_CURRENT_CHANNEL,
@@ -787,78 +718,69 @@ var ChannelListContext = /*#__PURE__*/React__default.createContext({
   channelSource: null,
   typingChannels: []
 });
-
 var ChannelListProvider = function (props) {
-  var _a; // destruct 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,
-      activeChannelUrl = props.activeChannelUrl,
-      _b = props.isTypingIndicatorEnabled,
-      isTypingIndicatorEnabled = _b === void 0 ? null : _b,
-      _c = props.isMessageReceiptStatusEnabled,
-      isMessageReceiptStatusEnabled = _c === void 0 ? null : _c; // disable autoselect, if activeChannelUrl is provided
+    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,
+    activeChannelUrl = props.activeChannelUrl,
+    _b = props.isTypingIndicatorEnabled,
+    isTypingIndicatorEnabled = _b === void 0 ? null : _b,
+    _c = props.isMessageReceiptStatusEnabled,
+    isMessageReceiptStatusEnabled = _c === void 0 ? null : _c;
+  // disable autoselect, if activeChannelUrl is provided
   // useActiveChannelUrl should be executed when activeChannelUrl is present
-
   var disableAutoSelect = (props === null || props === void 0 ? void 0 : props.disableAutoSelect) || !!activeChannelUrl;
-  var onChannelSelect = (props === null || props === void 0 ? void 0 : props.onChannelSelect) || noop; // fetch store from <SendbirdProvider />
-
+  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;
+    stores = globalStore.stores;
   var sdkStore = stores.sdkStore;
   var pubSub = config.pubSub,
-      logger = config.logger,
-      onUserProfileMessage = config.onUserProfileMessage;
+    logger = config.logger,
+    onUserProfileMessage = config.onUserProfileMessage;
   var markAsReadScheduler = config.markAsReadScheduler,
-      _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
+    _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
   // 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];
-
+    channelListStore = _g[0],
+    channelListDispatcher = _g[1];
   var loading = channelListStore.loading,
-      currentChannel = channelListStore.currentChannel;
-
+    currentChannel = channelListStore.currentChannel;
   var _h = useState(),
-      channelSource = _h[0],
-      setChannelSource = _h[1];
-
+    channelSource = _h[0],
+    setChannelSource = _h[1];
   var _j = useState([]),
-      typingChannels = _j[0],
-      setTypingChannels = _j[1];
-
+    typingChannels = _j[0],
+    setTypingChannels = _j[1];
   var _k = useState([]),
-      channelsTomarkAsRead = _k[0],
-      setChannelsToMarkAsRead = _k[1];
-
+    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
@@ -869,7 +791,6 @@ var ChannelListProvider = function (props) {
         }, 2000 * idx);
       });
     }
-
     return function () {
       isMounted = false;
     };
@@ -882,9 +803,7 @@ var ChannelListProvider = function (props) {
   }, [sdkIntialized]);
   useEffect(function () {
     var _a;
-
     var sdkChannelHandlerId = uuidv4();
-
     if (sdkIntialized) {
       logger.info('ChannelList: Setup channelHandlers');
       setupChannelList({
@@ -901,26 +820,22 @@ var ChannelListProvider = function (props) {
         markAsReadScheduler: markAsReadScheduler
       });
     } else {
-      logger.info('ChannelList: Removing channelHandlers'); // remove previous channelHandlers
-
+      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) {
         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;
-
       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);
       }
@@ -928,20 +843,16 @@ var ChannelListProvider = function (props) {
   }, [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) {
       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;
           });
-
           if (typingMemberCount > 0) {
             setTypingChannels(__spreadArray(__spreadArray([], channelList, true), [channel], false));
           } else {
@@ -987,10 +898,8 @@ var ChannelListProvider = function (props) {
       });
       (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.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) {
         sdk.groupChannel.removeGroupChannelHandler(typingHandlerId);
       }
@@ -1004,10 +913,9 @@ var ChannelListProvider = function (props) {
   }, [userFilledApplicationUserListQuery, userFilledChannelListQuery]);
   var allChannels = channelListStore.allChannels;
   var 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
-
+    var warning = "ChannelList: You have removed/added extra channels on sortChannelList\n      this could cause unexpected problems";
+    // eslint-disable-next-line no-console
     console.warn(warning, {
       before: allChannels,
       after: sortedChannels
@@ -1016,14 +924,12 @@ var ChannelListProvider = function (props) {
       before: allChannels,
       after: sortedChannels
     });
-  } // Set current channel (by on_channel_selected event)
-
-
+  }
+  // Set current channel (by on_channel_selected event)
   useEffect(function () {
     if (!sdk || !sdk.groupChannel || !currentChannel || !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
       return;
     }
-
     sdk.groupChannel.getChannel(currentChannel.url).then(function (groupChannel) {
       if (groupChannel) {
         onChannelSelect(groupChannel);
@@ -1031,8 +937,8 @@ var ChannelListProvider = function (props) {
         onChannelSelect(null);
       }
     });
-  }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]); // Set active channel (by url)
-
+  }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
+  // Set active channel (by url)
   useActiveChannelUrl({
     activeChannelUrl: activeChannelUrl,
     channels: sortedChannels,
@@ -1070,11 +976,10 @@ var ChannelListProvider = function (props) {
     className: "sendbird-channel-list ".concat(className)
   }, children)));
 };
-
 function useChannelListContext() {
   var 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-10fe7340.js.map
+//# sourceMappingURL=ChannelListProvider-45cf488b.js.map