@sendbird/uikit-react 3.0.0-beta.4 → 3.0.0-rc.0

package/cjs/ChannelListProvider-7d1c0466.js

@@ -0,0 +1,956 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-d9c7aa8b.js');
+var React = require('react');
+var groupChannel = require('./groupChannel-e311e26a.js');
+var topics = require('./topics-582e38dc.js');
+var uuid = require('./uuid-099485ae.js');
+var utils = require('./utils-031aba48.js');
+var UserProfileContext = require('./UserProfileContext-17c8f75c.js');
+var useSendbirdStateContext = require('./useSendbirdStateContext.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-d984e855.js');
+var index = require('./index-40d245a3.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
+var CREATE_CHANNEL = 'CREATE_CHANNEL';
+var LEAVE_CHANNEL_SUCCESS = 'LEAVE_CHANNEL_SUCCESS';
+var SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';
+var SHOW_CHANNEL_SETTINGS = 'SHOW_CHANNEL_SETTINGS';
+var HIDE_CHANNEL_SETTINGS = 'HIDE_CHANNEL_SETTINGS';
+var FETCH_CHANNELS_START = 'FETCH_CHANNELS_START';
+var FETCH_CHANNELS_SUCCESS = 'FETCH_CHANNELS_SUCCESS';
+var FETCH_CHANNELS_FAILURE = 'FETCH_CHANNELS_FAILURE';
+var INIT_CHANNELS_START = 'INIT_CHANNELS_START';
+var INIT_CHANNELS_SUCCESS = 'INIT_CHANNELS_SUCCESS';
+var INIT_CHANNELS_FAILURE = 'INIT_CHANNELS_FAILURE';
+var ON_USER_JOINED = 'ON_USER_JOINED';
+var ON_CHANNEL_DELETED = 'ON_CHANNEL_DELETED';
+var ON_LAST_MESSAGE_UPDATED = 'ON_LAST_MESSAGE_UPDATED';
+var ON_USER_LEFT = 'ON_USER_LEFT';
+var ON_CHANNEL_CHANGED = 'ON_CHANNEL_CHANGED';
+var ON_CHANNEL_ARCHIVED = 'ON_CHANNEL_ARCHIVED';
+var ON_CHANNEL_FROZEN = 'ON_CHANNEL_FROZEN';
+var ON_CHANNEL_UNFROZEN = 'ON_CHANNEL_UNFROZEN';
+var ON_READ_RECEIPT_UPDATED = 'ON_READ_RECEIPT_UPDATED';
+var ON_DELIVERY_RECEIPT_UPDATED = 'ON_DELIVERY_RECEIPT_UPDATED';
+var CHANNEL_REPLACED_TO_TOP = 'CHANNEL_REPLACED_TO_TOP';
+var CHANNEL_LIST_PARAMS_UPDATED = 'CHANNEL_LIST_PARAMS_UPDATED';
+
+var DELIVERY_RECIPT = 'delivery_receipt';
+
+var createEventHandler = function createEventHandler(_ref) {
+  var sdk = _ref.sdk,
+      sdkChannelHandlerId = _ref.sdkChannelHandlerId,
+      channelListDispatcher = _ref.channelListDispatcher,
+      logger = _ref.logger;
+  var ChannelHandler = new groupChannel.Yr({
+    onChannelChanged: function onChannelChanged(channel) {
+      logger.info('ChannelList: onChannelChanged', channel);
+      channelListDispatcher({
+        type: ON_CHANNEL_CHANGED,
+        payload: channel
+      });
+    },
+    onChannelDeleted: function onChannelDeleted(channelUrl) {
+      logger.info('ChannelList: onChannelDeleted', channelUrl);
+      channelListDispatcher({
+        type: ON_CHANNEL_DELETED,
+        payload: channelUrl
+      });
+    },
+    onUserJoined: function onUserJoined(channel) {
+      logger.info('ChannelList: onUserJoined', channel);
+
+      if (channel !== null && channel !== void 0 && channel.lastMessage) {
+        channelListDispatcher({
+          type: ON_USER_JOINED,
+          payload: channel
+        });
+      }
+    },
+    onUserBanned: function onUserBanned(channel, user) {
+      var currentUser = sdk.currentUser;
+      logger.info('Channel | useHandleChannelEvents: onUserBanned', channel);
+
+      if (user.userId === currentUser.userId) {
+        channelListDispatcher({
+          type: ON_USER_LEFT,
+          payload: {
+            channel: channel,
+            isMe: true
+          }
+        });
+      } else {
+        channelListDispatcher({
+          type: ON_USER_LEFT,
+          payload: {
+            channel: channel,
+            isMe: false
+          }
+        });
+      }
+    },
+    onUserLeft: function onUserLeft(channel, leftUser) {
+      var currentUser = sdk.currentUser;
+      var isMe = currentUser.userId === leftUser.userId;
+      logger.info('ChannelList: onUserLeft', channel);
+      channelListDispatcher({
+        type: ON_USER_LEFT,
+        payload: {
+          channel: channel,
+          isMe: isMe
+        }
+      });
+    },
+    onReadStatus: function onReadStatus(channel) {
+      logger.info('ChannelList: onReadStatus', channel);
+      channelListDispatcher({
+        type: ON_READ_RECEIPT_UPDATED,
+        payload: channel
+      });
+    },
+    onDeliveryReceiptUpdated: function onDeliveryReceiptUpdated(channel) {
+      logger.info('ChannelList: onDeliveryReceiptUpdated', channel);
+
+      if (channel !== null && channel !== void 0 && channel.lastMessage) {
+        channelListDispatcher({
+          type: ON_DELIVERY_RECEIPT_UPDATED,
+          payload: channel
+        });
+      }
+    },
+    onMessageUpdated: function onMessageUpdated(channel, message) {
+      if (channel !== null && channel !== void 0 && channel.lastMessage.isEqual(message)) {
+        logger.info('ChannelList: onMessageUpdated', channel);
+        channelListDispatcher({
+          type: ON_LAST_MESSAGE_UPDATED,
+          payload: channel
+        });
+      }
+    },
+    onChannelHidden: function onChannelHidden(channel) {
+      logger.info('ChannelList: onChannelHidden', channel);
+      channelListDispatcher({
+        type: ON_CHANNEL_ARCHIVED,
+        payload: channel
+      });
+    },
+    onChannelFrozen: function onChannelFrozen(channel) {
+      logger.info('ChannelList: onChannelFrozen', channel);
+      channelListDispatcher({
+        type: ON_CHANNEL_FROZEN,
+        payload: channel
+      });
+    },
+    onChannelUnfrozen: function onChannelUnfrozen(channel) {
+      logger.info('ChannelList: onChannelUnfrozen', channel);
+      channelListDispatcher({
+        type: ON_CHANNEL_UNFROZEN,
+        payload: channel
+      });
+    }
+  });
+  logger.info('ChannelList: Added channelHandler');
+  sdk.groupChannel.addGroupChannelHandler(sdkChannelHandlerId, ChannelHandler);
+};
+
+var createChannelListQuery = function createChannelListQuery(_ref2) {
+  var sdk = _ref2.sdk,
+      _ref2$userFilledChann = _ref2.userFilledChannelListQuery,
+      userFilledChannelListQuery = _ref2$userFilledChann === void 0 ? {} : _ref2$userFilledChann;
+  var param = {};
+  param.includeEmpty = false;
+  param.limit = 20; // The value of pagination limit could be set up to 100.
+
+  param.order = 'latest_last_message'; // 'chronological', 'latest_last_message', 'channel_name_alphabetical', and 'metadata_value_alphabetical'
+
+  if (userFilledChannelListQuery) {
+    Object.keys(userFilledChannelListQuery).forEach(function (key) {
+      param[key] = userFilledChannelListQuery[key];
+    });
+  }
+
+  var channelListQuery = sdk.groupChannel.createMyGroupChannelListQuery(param);
+  return channelListQuery;
+};
+/**
+ * Setup event listener
+ * create channel source query
+ * addloading screen
+ */
+
+
+function setupChannelList(_ref3) {
+  var sdk = _ref3.sdk,
+      sdkChannelHandlerId = _ref3.sdkChannelHandlerId,
+      channelListDispatcher = _ref3.channelListDispatcher,
+      setChannelSource = _ref3.setChannelSource,
+      onChannelSelect = _ref3.onChannelSelect,
+      userFilledChannelListQuery = _ref3.userFilledChannelListQuery,
+      logger = _ref3.logger,
+      sortChannelList = _ref3.sortChannelList,
+      disableAutoSelect = _ref3.disableAutoSelect;
+
+  if (sdk !== null && sdk !== void 0 && sdk.groupChannel) {
+    createEventHandler({
+      sdk: sdk,
+      channelListDispatcher: channelListDispatcher,
+      sdkChannelHandlerId: sdkChannelHandlerId,
+      logger: logger
+    });
+  } else {
+    logger.warning('ChannelList - createEventHandler: sdk or sdk.ChannelHandler does not exist', sdk);
+  }
+
+  logger.info('ChannelList - creating query', {
+    userFilledChannelListQuery: userFilledChannelListQuery
+  });
+  var channelListQuery = createChannelListQuery({
+    sdk: sdk,
+    userFilledChannelListQuery: userFilledChannelListQuery
+  });
+  logger.info('ChannelList - created query', channelListQuery);
+  setChannelSource(channelListQuery);
+  channelListDispatcher({
+    type: INIT_CHANNELS_START
+  });
+
+  if (userFilledChannelListQuery) {
+    logger.info('ChannelList - setting up channelListQuery', channelListQuery);
+    channelListDispatcher({
+      type: CHANNEL_LIST_PARAMS_UPDATED,
+      payload: {
+        channelListQuery: channelListQuery,
+        currentUserId: sdk && sdk.currentUser && sdk.currentUser.userId
+      }
+    });
+  }
+
+  logger.info('ChannelList - fetching channels');
+
+  if (channelListQuery.hasNext) {
+    channelListQuery.next().then(function (channelList) {
+      var _sdk$appInfo, _sdk$appInfo$premiumF;
+
+      logger.info('ChannelList - fetched channels', channelList); // select first channel
+
+      logger.info('ChannelList - highlight channel', channelList[0]);
+      var sortedChannelList = channelList;
+
+      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: {
+          channelList: sortedChannelList,
+          disableAutoSelect: disableAutoSelect
+        }
+      });
+      var canSetMarkAsDelivered = sdk === null || sdk === void 0 ? void 0 : (_sdk$appInfo = sdk.appInfo) === null || _sdk$appInfo === void 0 ? void 0 : (_sdk$appInfo$premiumF = _sdk$appInfo.premiumFeatureList) === null || _sdk$appInfo$premiumF === void 0 ? void 0 : _sdk$appInfo$premiumF.find(function (feature) {
+        return feature === DELIVERY_RECIPT;
+      });
+
+      if (canSetMarkAsDelivered) {
+        logger.info('ChannelList: Marking all channels as read'); // eslint-disable-next-line no-unused-expressions
+
+        channelList.forEach(function (c, idx) {
+          // Plan-based rate limits - minimum limit is 5 requests per second
+          setTimeout(function () {
+            // eslint-disable-next-line no-unused-expressions
+            c.markAsDelivered();
+          }, 300 * idx);
+        });
+      }
+    }).catch(function (err) {
+      if (err) {
+        logger.error('ChannelList - couldnt fetch channels', err);
+        channelListDispatcher({
+          type: INIT_CHANNELS_FAILURE
+        });
+      }
+    });
+  } else {
+    logger.warning('ChannelList - there are no more channels');
+  }
+}
+
+var pubSubHandleRemover = function pubSubHandleRemover(subscriber) {
+  subscriber.forEach(function (s) {
+    try {
+      s.remove();
+    } catch (_unused) {//
+    }
+  });
+};
+var pubSubHandler = function pubSubHandler(pubSub, channelListDispatcher) {
+  var subscriber = new Map();
+  if (!pubSub) return subscriber;
+  subscriber.set(topics.CREATE_CHANNEL, pubSub.subscribe(topics.CREATE_CHANNEL, function (msg) {
+    var channel = msg.channel;
+    channelListDispatcher({
+      type: 'CREATE_CHANNEL',
+      payload: channel
+    });
+  }));
+  subscriber.set(topics.UPDATE_USER_MESSAGE, pubSub.subscribe(topics.UPDATE_USER_MESSAGE, function (msg) {
+    var _updatedChannel$lastM;
+
+    var channel = msg.channel,
+        message = msg.message;
+    var 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,
+        payload: updatedChannel
+      });
+    }
+  }));
+  subscriber.set(topics.LEAVE_CHANNEL, pubSub.subscribe(topics.LEAVE_CHANNEL, function (msg) {
+    var channel = msg.channel;
+    channelListDispatcher({
+      type: LEAVE_CHANNEL_SUCCESS,
+      payload: channel === null || channel === void 0 ? void 0 : channel.url
+    });
+  }));
+  subscriber.set(topics.SEND_MESSAGE_START, pubSub.subscribe(topics.SEND_MESSAGE_START, function (msg) {
+    var channel = msg.channel;
+    channelListDispatcher({
+      type: CHANNEL_REPLACED_TO_TOP,
+      payload: channel
+    });
+  }));
+  return subscriber;
+};
+
+var channelListInitialState = {
+  // we might not need this initialized state -> should remove
+  initialized: false,
+  loading: false,
+  allChannels: [],
+  currentChannel: null,
+  showSettings: false,
+  channelListQuery: null,
+  currentUserId: '',
+  disableAutoSelect: false
+};
+
+function reducer(state, action) {
+  switch (action.type) {
+    case INIT_CHANNELS_START:
+      return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+        loading: true
+      });
+
+    case RESET_CHANNEL_LIST:
+      return channelListInitialState;
+
+    case INIT_CHANNELS_SUCCESS:
+      {
+        var _action$payload = action.payload,
+            channelList = _action$payload.channelList,
+            disableAutoSelect = _action$payload.disableAutoSelect;
+        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+          initialized: true,
+          loading: false,
+          allChannels: channelList,
+          disableAutoSelect: disableAutoSelect,
+          currentChannel: !disableAutoSelect && channelList && channelList.length && channelList.length > 0 ? channelList[0] : null
+        });
+      }
+
+    case FETCH_CHANNELS_SUCCESS:
+      {
+        var currentChannels = state.allChannels.map(function (c) {
+          return c.url;
+        });
+        var filteredChannels = action.payload.filter(function (_ref) {
+          var url = _ref.url;
+          return !currentChannels.find(function (c) {
+            return c === url;
+          });
+        });
+        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+          allChannels: [].concat(_rollupPluginBabelHelpers._toConsumableArray(state.allChannels), _rollupPluginBabelHelpers._toConsumableArray(filteredChannels))
+        });
+      }
+
+    case CREATE_CHANNEL:
+      {
+        var 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].concat(_rollupPluginBabelHelpers._toConsumableArray(state.allChannels.filter(function (ch) {
+            return ch.url !== (channel === null || channel === void 0 ? void 0 : channel.url);
+          }))),
+          currentChannel: channel
+        });
+      }
+
+    case ON_CHANNEL_ARCHIVED:
+      {
+        var _state$currentChannel;
+
+        var _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
+          }
+        }
+
+        var nextChannel = (_channel === null || _channel === void 0 ? void 0 : _channel.url) === ((_state$currentChannel = state.currentChannel) === null || _state$currentChannel === void 0 ? void 0 : _state$currentChannel.url) ? state.allChannels[state.allChannels[0].url === (_channel === null || _channel === void 0 ? void 0 : _channel.url) ? 1 : 0] : state.currentChannel;
+        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+          allChannels: state.allChannels.filter(function (_ref2) {
+            var url = _ref2.url;
+            return url !== (_channel === null || _channel === void 0 ? void 0 : _channel.url);
+          }),
+          currentChannel: state.disableAutoSelect ? null : nextChannel
+        });
+      }
+
+    case LEAVE_CHANNEL_SUCCESS:
+    case ON_CHANNEL_DELETED:
+      {
+        var _state$currentChannel2;
+
+        var channelUrl = action.payload;
+        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+          currentChannel: channelUrl === ((_state$currentChannel2 = state.currentChannel) === null || _state$currentChannel2 === void 0 ? void 0 : _state$currentChannel2.url) ? state.allChannels[0] : state.currentChannel,
+          allChannels: state.allChannels.filter(function (_ref3) {
+            var url = _ref3.url;
+            return url !== channelUrl;
+          })
+        });
+      }
+
+    case ON_USER_LEFT:
+      {
+        var _state$currentChannel5;
+
+        var _action$payload2 = action.payload,
+            _channel2 = _action$payload2.channel,
+            isMe = _action$payload2.isMe;
+
+        if (state.channelListQuery) {
+          var _state$currentChannel4;
+
+          if (index.filterChannelListParams(state.channelListQuery, _channel2, state.currentUserId)) {
+            var _state$currentChannel3;
+
+            var _filteredChannels2 = index.getChannelsWithUpsertedChannel(state.allChannels, _channel2);
+
+            var _nextChannel3 = isMe && (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url) === ((_state$currentChannel3 = state.currentChannel) === null || _state$currentChannel3 === void 0 ? void 0 : _state$currentChannel3.url) ? _filteredChannels2[0] : state.currentChannel;
+
+            return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+              currentChannel: state.disableAutoSelect ? null : _nextChannel3,
+              allChannels: _filteredChannels2
+            });
+          }
+
+          var _nextChannel2 = (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url) === ((_state$currentChannel4 = state.currentChannel) === null || _state$currentChannel4 === void 0 ? void 0 : _state$currentChannel4.url) ? state.allChannels[0] : state.currentChannel;
+
+          return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+            currentChannel: state.disableAutoSelect ? null : _nextChannel2,
+            allChannels: state.allChannels.filter(function (_ref4) {
+              var url = _ref4.url;
+              return url !== (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url);
+            })
+          });
+        }
+
+        var _filteredChannels = state.allChannels.filter(function (c) {
+          return !(c.url === (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url) && isMe);
+        });
+
+        var _nextChannel = isMe && (_channel2 === null || _channel2 === void 0 ? void 0 : _channel2.url) === ((_state$currentChannel5 = state.currentChannel) === null || _state$currentChannel5 === void 0 ? void 0 : _state$currentChannel5.url) ? _filteredChannels[0] : state.currentChannel;
+
+        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+          currentChannel: state.disableAutoSelect ? null : _nextChannel,
+          allChannels: _filteredChannels
+        });
+      }
+
+    case ON_USER_JOINED:
+    case ON_CHANNEL_CHANGED:
+    case ON_READ_RECEIPT_UPDATED:
+    case ON_DELIVERY_RECEIPT_UPDATED:
+      {
+        var _state$allChannels = state.allChannels,
+            allChannels = _state$allChannels === void 0 ? [] : _state$allChannels;
+        var _channel3 = action.payload;
+        var unreadMessageCount = _channel3.unreadMessageCount;
+        if (!(_channel3 !== null && _channel3 !== void 0 && _channel3.lastMessage)) return state;
+
+        if (state.channelListQuery) {
+          var _state$currentChannel6;
+
+          if (index.filterChannelListParams(state.channelListQuery, _channel3, state.currentUserId)) {
+            return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+              allChannels: index.getChannelsWithUpsertedChannel(allChannels, _channel3)
+            });
+          }
+
+          var _nextChannel4 = (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url) === ((_state$currentChannel6 = state.currentChannel) === null || _state$currentChannel6 === void 0 ? void 0 : _state$currentChannel6.url) ? state.allChannels[state.allChannels[0].url === (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url) ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
+          : state.currentChannel;
+
+          return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+            currentChannel: state.disableAutoSelect ? null : _nextChannel4,
+            allChannels: state.allChannels.filter(function (_ref5) {
+              var url = _ref5.url;
+              return url !== (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url);
+            })
+          });
+        } // if its only an unread message count change, dont push to top
+
+
+        if (unreadMessageCount === 0) {
+          var currentChannel = allChannels.find(function (_ref6) {
+            var url = _ref6.url;
+            return url === (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url);
+          });
+          var currentUnreadCount = currentChannel && currentChannel.unreadMessageCount;
+
+          if (currentUnreadCount === 0) {
+            return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+              allChannels: state.allChannels.map(function (ch) {
+                return ch.url === (_channel3 === null || _channel3 === void 0 ? void 0 : _channel3.url) ? _channel3 : ch;
+              })
+            });
+          }
+        }
+
+        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+          allChannels: [_channel3].concat(_rollupPluginBabelHelpers._toConsumableArray(state.allChannels.filter(function (_ref7) {
+            var url = _ref7.url;
+            return url !== action.payload.url;
+          })))
+        });
+      }
+
+    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(function (channel) {
+            return (channel === null || channel === void 0 ? void 0 : channel.url) === action.payload.url ? action.payload : channel;
+          })
+        });
+      }
+
+    case ON_CHANNEL_FROZEN:
+      {
+        var _channel4 = action.payload;
+
+        if (state.channelListQuery) {
+          var _state$currentChannel7;
+
+          if (index.filterChannelListParams(state.channelListQuery, _channel4, state.currentUserId)) {
+            return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+              allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, _channel4)
+            });
+          }
+
+          var _nextChannel5 = (_channel4 === null || _channel4 === void 0 ? void 0 : _channel4.url) === ((_state$currentChannel7 = state.currentChannel) === null || _state$currentChannel7 === void 0 ? void 0 : _state$currentChannel7.url) ? state.allChannels[state.allChannels[0].url === (_channel4 === null || _channel4 === void 0 ? void 0 : _channel4.url) ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
+          : state.currentChannel;
+
+          return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+            allChannels: state.allChannels.filter(function (_ref8) {
+              var url = _ref8.url;
+              return url !== (_channel4 === null || _channel4 === void 0 ? void 0 : _channel4.url);
+            }),
+            currentChannel: state.disableAutoSelect ? null : _nextChannel5
+          });
+        }
+
+        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+          allChannels: state.allChannels.map(function (ch) {
+            if (ch.url === (_channel4 === null || _channel4 === void 0 ? void 0 : _channel4.url)) {
+              // eslint-disable-next-line no-param-reassign
+              ch.isFrozen = true;
+              return ch;
+            }
+
+            return ch;
+          })
+        });
+      }
+
+    case ON_CHANNEL_UNFROZEN:
+      {
+        var _channel5 = action.payload;
+
+        if (state.channelListQuery) {
+          var _state$currentChannel8;
+
+          if (index.filterChannelListParams(state.channelListQuery, _channel5, state.currentUserId)) {
+            return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+              allChannels: index.getChannelsWithUpsertedChannel(state.allChannels, _channel5)
+            });
+          }
+
+          var _nextChannel6 = (_channel5 === null || _channel5 === void 0 ? void 0 : _channel5.url) === ((_state$currentChannel8 = state.currentChannel) === null || _state$currentChannel8 === void 0 ? void 0 : _state$currentChannel8.url) ? state.allChannels[state.allChannels[0].url === (_channel5 === null || _channel5 === void 0 ? void 0 : _channel5.url) ? 1 : 0] // if coming channel is first of channel list, current channel will be the next one
+          : state.currentChannel;
+
+          return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+            allChannels: state.allChannels.filter(function (_ref9) {
+              var url = _ref9.url;
+              return url !== (_channel5 === null || _channel5 === void 0 ? void 0 : _channel5.url);
+            }),
+            currentChannel: state.disableAutoSelect ? null : _nextChannel6
+          });
+        }
+
+        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+          allChannels: state.allChannels.map(function (ch) {
+            if (ch.url === (_channel5 === null || _channel5 === void 0 ? void 0 : _channel5.url)) {
+              // eslint-disable-next-line no-param-reassign
+              ch.isFrozen = false;
+              return ch;
+            }
+
+            return ch;
+          })
+        });
+      }
+
+    case CHANNEL_REPLACED_TO_TOP:
+      {
+        return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+          allChannels: [action.payload].concat(_rollupPluginBabelHelpers._toConsumableArray(state.allChannels.filter(function (channel) {
+            return (channel === null || channel === void 0 ? void 0 : channel.url) !== action.payload.url;
+          })))
+        });
+      }
+
+    case CHANNEL_LIST_PARAMS_UPDATED:
+      return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
+        currentUserId: action.payload.currentUserId,
+        channelListQuery: action.payload.channelListQuery
+      });
+
+    default:
+      return state;
+  }
+}
+
+var ChannelListContext = /*#__PURE__*/React__default["default"].createContext({
+  disableUserProfile: true,
+  allowProfileEdit: true,
+  onBeforeCreateChannel: null,
+  onThemeChange: null,
+  onProfileEditSuccess: null,
+  onChannelSelect: null,
+  queries: {},
+  className: null,
+  initialized: false,
+  loading: false,
+  allChannels: [],
+  currentChannel: null,
+  showSettings: false,
+  channelListQuery: {},
+  currentUserId: null,
+  channelListDispatcher: null,
+  channelSource: null,
+  typingChannels: []
+});
+
+var ChannelListProvider = function ChannelListProvider(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,
+      disableAutoSelect = props.disableAutoSelect,
+      _b = props.isTypingIndicatorEnabled,
+      isTypingIndicatorEnabled = _b === void 0 ? null : _b,
+      _c = props.isMessageReceiptStatusEnabled,
+      isMessageReceiptStatusEnabled = _c === void 0 ? null : _c;
+  var onChannelSelect = (props === null || props === void 0 ? void 0 : props.onChannelSelect) || utils.noop; // fetch store from <SendbirdProvider />
+
+  var globalStore = useSendbirdStateContext();
+  var config = globalStore.config,
+      stores = globalStore.stores;
+  var sdkStore = stores.sdkStore;
+  var pubSub = config.pubSub,
+      logger = config.logger;
+  var isTypingIndicatorEnabledOnChannelList = config.isTypingIndicatorEnabledOnChannelList,
+      isMessageReceiptStatusEnabledOnChannelList = config.isMessageReceiptStatusEnabledOnChannelList;
+  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 _d = React.useReducer(reducer, channelListInitialState),
+      channelListStore = _d[0],
+      channelListDispatcher = _d[1];
+
+  var loading = channelListStore.loading,
+      currentChannel = channelListStore.currentChannel;
+
+  var _e = React.useState(),
+      channelSource = _e[0],
+      setChannelSource = _e[1];
+
+  var _f = React.useState(null),
+      sdkChannelHandlerId = _f[0],
+      setSdkChannelHandlerId = _f[1];
+
+  var _g = React.useState(null),
+      typingHandlerId = _g[0],
+      setTypingHandlerId = _g[1];
+
+  var _h = React.useState([]),
+      typingChannels = _h[0],
+      setTypingChannels = _h[1];
+
+  React.useEffect(function () {
+    var subscriber = pubSubHandler(pubSub, channelListDispatcher);
+    return function () {
+      pubSubHandleRemover(subscriber);
+    };
+  }, [sdkIntialized]);
+  React.useEffect(function () {
+    var _a;
+
+    setSdkChannelHandlerId(uuid.uuidv4);
+
+    if (sdkIntialized) {
+      logger.info('ChannelList: Setup channelHandlers');
+      setupChannelList({
+        sdk: sdk,
+        sdkChannelHandlerId: sdkChannelHandlerId,
+        channelListDispatcher: channelListDispatcher,
+        setChannelSource: setChannelSource,
+        onChannelSelect: onChannelSelect,
+        userFilledChannelListQuery: userFilledChannelListQuery,
+        logger: logger,
+        sortChannelList: sortChannelList,
+        disableAutoSelect: disableAutoSelect
+      });
+    } 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) {
+        sdk.groupChannel.removeGroupChannelHandler(sdkChannelHandlerId);
+      } // 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);
+      }
+    };
+  }, [sdkIntialized, userFilledChannelListQuery, sortChannelList]);
+  React.useEffect(function () {
+    var _a, _b;
+
+    if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
+      var handlerId = uuid.uuidv4();
+      var handler = new groupChannel.Yr({
+        onTypingStatusUpdated: function onTypingStatusUpdated(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 {
+            setTypingChannels(channelList);
+          }
+        },
+        onUnreadMemberStatusUpdated: function onUnreadMemberStatusUpdated(channel) {
+          channelListDispatcher({
+            type: ON_LAST_MESSAGE_UPDATED,
+            payload: channel
+          });
+        },
+        onUndeliveredMemberStatusUpdated: function onUndeliveredMemberStatusUpdated(channel) {
+          channelListDispatcher({
+            type: ON_LAST_MESSAGE_UPDATED,
+            payload: channel
+          });
+        },
+        onMessageUpdated: function onMessageUpdated(channel) {
+          channelListDispatcher({
+            type: ON_LAST_MESSAGE_UPDATED,
+            payload: channel
+          });
+          sdk.groupChannel.getChannelWithoutCache(channel.url).then(function (ch) {
+            channelListDispatcher({
+              type: ON_LAST_MESSAGE_UPDATED,
+              payload: ch
+            });
+          });
+        },
+        onMentionReceived: function onMentionReceived(channel) {
+          channelListDispatcher({
+            type: ON_LAST_MESSAGE_UPDATED,
+            payload: channel
+          });
+          sdk.groupChannel.getChannelWithoutCache(channel.url).then(function (ch) {
+            channelListDispatcher({
+              type: ON_LAST_MESSAGE_UPDATED,
+              payload: ch
+            });
+          });
+        }
+      });
+      (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.addGroupChannelHandler(handlerId, handler);
+      setTypingHandlerId(handlerId);
+    }
+
+    return function () {
+      var _a;
+
+      if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) {
+        sdk.groupChannel.removeGroupChannelHandler(typingHandlerId);
+      }
+    };
+  }, [(_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId]);
+  var queries_ = React.useMemo(function () {
+    return {
+      applicationUserListQuery: userFilledApplicationUserListQuery,
+      channelListQuery: userFilledChannelListQuery
+    };
+  }, [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
+
+    console.warn(warning, {
+      before: allChannels,
+      after: sortedChannels
+    });
+    logger.warning(warning, {
+      before: allChannels,
+      after: sortedChannels
+    });
+  }
+
+  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);
+      } else {
+        onChannelSelect(null);
+      }
+    });
+  }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
+  return /*#__PURE__*/React__default["default"].createElement(ChannelListContext.Provider, {
+    value: tslib_es6.__assign(tslib_es6.__assign({
+      className: className,
+      disableUserProfile: disableUserProfile,
+      queries: queries_,
+      onProfileEditSuccess: onProfileEditSuccess,
+      onThemeChange: onThemeChange,
+      onBeforeCreateChannel: onBeforeCreateChannel,
+      onChannelSelect: onChannelSelect,
+      sortChannelList: sortChannelList,
+      loading: loading,
+      allowProfileEdit: enableEditProfile,
+      channelListDispatcher: channelListDispatcher,
+      channelSource: channelSource
+    }, channelListStore), {
+      allChannels: sortedChannels,
+      typingChannels: typingChannels,
+      isTypingIndicatorEnabled: isTypingIndicatorEnabled !== null ? isTypingIndicatorEnabled : isTypingIndicatorEnabledOnChannelList,
+      isMessageReceiptStatusEnabled: isMessageReceiptStatusEnabled !== null ? isMessageReceiptStatusEnabled : isMessageReceiptStatusEnabledOnChannelList
+    })
+  }, /*#__PURE__*/React__default["default"].createElement(UserProfileContext.UserProfileProvider, {
+    disableUserProfile: userDefinedDisableUserProfile,
+    renderUserProfile: userDefinedRenderProfile
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-list ".concat(className)
+  }, children)));
+};
+
+function useChannelListContext() {
+  var context = React.useContext(ChannelListContext);
+  return context;
+}
+
+exports.ChannelListProvider = ChannelListProvider;
+exports.FETCH_CHANNELS_FAILURE = FETCH_CHANNELS_FAILURE;
+exports.FETCH_CHANNELS_START = FETCH_CHANNELS_START;
+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-7d1c0466.js.map