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

package/cjs/{ChannelListProvider-d4f91fc4.js → ChannelListProvider-f74d4451.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ee1122c5.js');
+var tslib_es6 = require('./tslib.es6-957ba986.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var topics = require('./topics-7547922a.js');
-var uuid = require('./uuid-26b61f16.js');
-var utils = require('./utils-5ca88bb6.js');
-var UserProfileContext = require('./UserProfileContext-c4642438.js');
+var topics = require('./topics-09d72ec0.js');
+var uuid = require('./uuid-a8af0c03.js');
+var utils = require('./utils-a82eaed9.js');
+var UserProfileContext = require('./UserProfileContext-ad079e6d.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-994cd1da.js');
-var index = require('./index-72fd0294.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-440ec6e2.js');
+var index = require('./index-d6f14382.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -42,7 +42,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 +66,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,7 +83,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,
@@ -98,7 +95,6 @@ const createEventHandler = _ref => {
         currentUser
       } = sdk;
       logger.info('Channel: onUserBanned', channel);
-
       if (user.userId === currentUser.userId) {
         channelListDispatcher({
           type: ON_USER_LEFT,
@@ -140,7 +136,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 +177,6 @@ const createEventHandler = _ref => {
   logger.info('ChannelList: Added channelHandler');
   sdk.groupChannel.addGroupChannelHandler(sdkChannelHandlerId, ChannelHandler);
 };
-
 const createChannelListQuery = _ref2 => {
   let {
     sdk,
@@ -191,7 +185,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 +192,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,
@@ -223,7 +214,6 @@ function setupChannelList(_ref3) {
     disableAutoSelect,
     markAsReadScheduler
   } = _ref3;
-
   if (sdk !== null && sdk !== void 0 && sdk.groupChannel) {
     createEventHandler({
       sdk,
@@ -234,7 +224,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 +236,6 @@ function setupChannelList(_ref3) {
   channelListDispatcher({
     type: INIT_CHANNELS_START
   });
-
   if (userFilledChannelListQuery) {
     logger.info('ChannelList - setting up channelListQuery', channelListQuery);
     channelListDispatcher({
@@ -258,27 +246,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,7 +269,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) {
@@ -307,12 +288,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) {
+      //
     }
   });
 };
@@ -330,17 +311,14 @@ const pubSubHandler = (pubSub, channelListDispatcher) => {
   }));
   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,
@@ -387,10 +365,8 @@ function reducer(state, action) {
       return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
         loading: true
       });
-
     case RESET_CHANNEL_LIST:
       return channelListInitialState;
-
     case INIT_CHANNELS_SUCCESS:
       {
         const {
@@ -405,7 +381,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);
@@ -419,61 +394,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
           }
         }
 
@@ -488,12 +453,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,
@@ -505,22 +468,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), {}, {
@@ -528,7 +486,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,
@@ -540,7 +497,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), {}, {
@@ -548,7 +504,6 @@ function reducer(state, action) {
           allChannels: filteredChannels
         });
       }
-
     case ON_USER_JOINED:
     case ON_CHANNEL_CHANGED:
     case ON_READ_RECEIPT_UPDATED:
@@ -562,17 +517,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,
@@ -583,9 +536,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 {
@@ -594,14 +546,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 {
@@ -611,43 +561,36 @@ 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 => {
@@ -659,7 +602,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)) {
@@ -667,26 +609,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 => {
@@ -698,7 +636,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)) {
@@ -706,25 +643,21 @@ function reducer(state, action) {
               ch.isFrozen = false;
               return ch;
             }
-
             return ch;
           })
         });
       }
-
     case CHANNEL_REPLACED_TO_TOP:
       {
         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;
   }
@@ -732,13 +665,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 React.useEffect(function () {
     var _a;
-
     if (activeChannelUrl) {
       logger.info('ChannelListProvider: looking for active channel', {
         activeChannelUrl: activeChannelUrl
@@ -746,7 +678,6 @@ function useActiveChannelUrl(_a, _b) {
       var activeChannel = channels.find(function (channel) {
         return channel.url === activeChannelUrl;
       });
-
       if (activeChannel) {
         channelListDispatcher({
           type: SET_CURRENT_CHANNEL,
@@ -793,78 +724,69 @@ var ChannelListContext = /*#__PURE__*/React__default["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) || utils.noop; // fetch store from <SendbirdProvider />
-
+  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;
+    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 = React.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 = React.useState(),
-      channelSource = _h[0],
-      setChannelSource = _h[1];
-
+    channelSource = _h[0],
+    setChannelSource = _h[1];
   var _j = React.useState([]),
-      typingChannels = _j[0],
-      setTypingChannels = _j[1];
-
+    typingChannels = _j[0],
+    setTypingChannels = _j[1];
   var _k = React.useState([]),
-      channelsTomarkAsRead = _k[0],
-      setChannelsToMarkAsRead = _k[1];
-
+    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
@@ -875,7 +797,6 @@ var ChannelListProvider = function (props) {
         }, 2000 * idx);
       });
     }
-
     return function () {
       isMounted = false;
     };
@@ -888,9 +809,7 @@ var ChannelListProvider = function (props) {
   }, [sdkIntialized]);
   React.useEffect(function () {
     var _a;
-
     var sdkChannelHandlerId = uuid.uuidv4();
-
     if (sdkIntialized) {
       logger.info('ChannelList: Setup channelHandlers');
       setupChannelList({
@@ -907,26 +826,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);
       }
@@ -934,20 +849,16 @@ var ChannelListProvider = function (props) {
   }, [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) {
       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;
           });
-
           if (typingMemberCount > 0) {
             setTypingChannels(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], channelList, true), [channel], false));
           } else {
@@ -993,10 +904,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);
       }
@@ -1010,10 +919,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
@@ -1022,14 +930,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)
   React.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);
@@ -1037,8 +943,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,
@@ -1076,7 +982,6 @@ var ChannelListProvider = function (props) {
     className: "sendbird-channel-list ".concat(className)
   }, children)));
 };
-
 function useChannelListContext() {
   var context = React.useContext(ChannelListContext);
   return context;
@@ -1089,4 +994,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-d4f91fc4.js.map
+//# sourceMappingURL=ChannelListProvider-f74d4451.js.map