@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/ChannelList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelList.js","sources":["../src/smart-components/ChannelList/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ChannelListProvider,\n  ChannelListProviderProps,\n} from './context/ChannelListProvider';\n\nimport ChannelListUI, { ChannelListUIProps } from './components/ChannelListUI';\n\ninterface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {}\n\nconst ChannelList: React.FC<ChannelListProps> = (props: ChannelListProps) => {\n  return (\n    <ChannelListProvider\n      className={props?.className}\n      disableUserProfile={props?.disableUserProfile}\n      allowProfileEdit={props?.allowProfileEdit}\n      onBeforeCreateChannel={props?.onBeforeCreateChannel}\n      onThemeChange={props?.onThemeChange}\n      overrideInviteUser={props?.overrideInviteUser}\n      onProfileEditSuccess={props?.onProfileEditSuccess}\n      onChannelSelect={props?.onChannelSelect}\n      sortChannelList={props?.sortChannelList}\n      queries={props?.queries}\n      disableAutoSelect={props?.disableAutoSelect}\n      activeChannelUrl={props?.activeChannelUrl}\n      isTypingIndicatorEnabled={props?.isTypingIndicatorEnabled}\n      isMessageReceiptStatusEnabled={props?.isMessageReceiptStatusEnabled}\n    >\n      <ChannelListUI\n        renderChannelPreview={props?.renderChannelPreview}\n        renderUserProfile={props?.renderUserProfile}\n        renderHeader={props?.renderHeader}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </ChannelListProvider>\n  );\n}\n\nexport default ChannelList;\n"],"names":["ChannelList","props","React","createElement","ChannelListProvider","className","disableUserProfile","allowProfileEdit","onBeforeCreateChannel","onThemeChange","overrideInviteUser","onProfileEditSuccess","onChannelSelect","sortChannelList","queries","disableAutoSelect","activeChannelUrl","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","ChannelListUI","renderChannelPreview","renderUserProfile","renderHeader","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":"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"}
+{"version":3,"file":"ChannelList.js","sources":["../src/modules/ChannelList/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ChannelListProvider,\n  ChannelListProviderProps,\n} from './context/ChannelListProvider';\n\nimport ChannelListUI, { ChannelListUIProps } from './components/ChannelListUI';\n\ninterface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {}\n\nconst ChannelList: React.FC<ChannelListProps> = (props: ChannelListProps) => {\n  return (\n    <ChannelListProvider\n      className={props?.className}\n      disableUserProfile={props?.disableUserProfile}\n      allowProfileEdit={props?.allowProfileEdit}\n      onBeforeCreateChannel={props?.onBeforeCreateChannel}\n      onThemeChange={props?.onThemeChange}\n      overrideInviteUser={props?.overrideInviteUser}\n      onProfileEditSuccess={props?.onProfileEditSuccess}\n      onChannelSelect={props?.onChannelSelect}\n      sortChannelList={props?.sortChannelList}\n      queries={props?.queries}\n      disableAutoSelect={props?.disableAutoSelect}\n      activeChannelUrl={props?.activeChannelUrl}\n      isTypingIndicatorEnabled={props?.isTypingIndicatorEnabled}\n      isMessageReceiptStatusEnabled={props?.isMessageReceiptStatusEnabled}\n    >\n      <ChannelListUI\n        renderChannelPreview={props?.renderChannelPreview}\n        renderUserProfile={props?.renderUserProfile}\n        renderHeader={props?.renderHeader}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </ChannelListProvider>\n  );\n}\n\nexport default ChannelList;\n"],"names":["ChannelList","props","React","createElement","ChannelListProvider","className","disableUserProfile","allowProfileEdit","onBeforeCreateChannel","onThemeChange","overrideInviteUser","onProfileEditSuccess","onChannelSelect","sortChannelList","queries","disableAutoSelect","activeChannelUrl","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","ChannelListUI","renderChannelPreview","renderUserProfile","renderHeader","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":"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"}

package/{ChannelListProvider-a2f2ee4a.js → ChannelListProvider-c1d2f942.js}

@@ -1,13 +1,12 @@
-import { a as __spreadArray, _ as __assign } from './tslib.es6-d6e50ec3.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-b2d9bfc5.js';
 import React__default, { useEffect, useReducer, useState, useMemo, useContext } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { P as PUBSUB_TOPICS } from './topics-f9301447.js';
-import { u as uuidv4 } from './uuid-86cb48e0.js';
-import { n as noop } from './utils-86d65b96.js';
-import { U as UserProfileProvider } from './UserProfileContext-41938ddc.js';
+import { P as PUBSUB_TOPICS } from './topics-d8d10f83.js';
+import { u as uuidv4 } from './uuid-48baadaf.js';
+import { n as noop } from './utils-0c09801e.js';
+import { U as UserProfileProvider } from './UserProfileContext-a8aa4c0f.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-79f64283.js';
-import { f as filterChannelListParams, g as getChannelsWithUpsertedChannel } from './index-e378ca4e.js';
+import { f as filterChannelListParams, g as getChannelsWithUpsertedChannel } from './index-dbe0e004.js';
 
 const RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
 const CREATE_CHANNEL = 'CREATE_CHANNEL';
@@ -657,31 +656,33 @@ function reducer(state, action) {
   }
 }
 
-function useActiveChannelUrl(_a, _b) {
-  var activeChannelUrl = _a.activeChannelUrl,
-    channels = _a.channels,
-    sdk = _a.sdk;
-  var logger = _b.logger,
-    channelListDispatcher = _b.channelListDispatcher;
-  return useEffect(function () {
-    var _a;
+function useActiveChannelUrl(_ref, _ref2) {
+  let {
+    activeChannelUrl,
+    channels,
+    sdk
+  } = _ref;
+  let {
+    logger,
+    channelListDispatcher
+  } = _ref2;
+  return useEffect(() => {
     if (activeChannelUrl) {
       logger.info('ChannelListProvider: looking for active channel', {
-        activeChannelUrl: activeChannelUrl
-      });
-      var activeChannel = channels.find(function (channel) {
-        return channel.url === activeChannelUrl;
+        activeChannelUrl
       });
+      const activeChannel = channels === null || channels === void 0 ? void 0 : channels.find(channel => channel.url === activeChannelUrl);
       if (activeChannel) {
         channelListDispatcher({
           type: SET_CURRENT_CHANNEL,
           payload: activeChannel
         });
       } else {
+        var _sdk$groupChannel;
         logger.info('ChannelListProvider: searching backend for active channel', {
-          activeChannelUrl: activeChannelUrl
+          activeChannelUrl
         });
-        (_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.getChannel(activeChannelUrl).then(function (channel) {
+        sdk === null || sdk === void 0 ? void 0 : (_sdk$groupChannel = sdk.groupChannel) === null || _sdk$groupChannel === void 0 ? void 0 : _sdk$groupChannel.getChannel(activeChannelUrl).then(channel => {
           channelListDispatcher({
             type: FETCH_CHANNELS_SUCCESS,
             payload: [channel]
@@ -690,15 +691,15 @@ function useActiveChannelUrl(_a, _b) {
             type: SET_CURRENT_CHANNEL,
             payload: channel
           });
-        }).catch(function () {
+        }).catch(() => {
           logger.warning('ChannelListProvider: Active channel not found');
         });
       }
     }
-  }, [activeChannelUrl, channels, sdk]);
+  }, [activeChannelUrl]);
 }
 
-var ChannelListContext = /*#__PURE__*/React__default.createContext({
+const ChannelListContext = /*#__PURE__*/React__default.createContext({
   disableUserProfile: true,
   allowProfileEdit: true,
   onBeforeCreateChannel: null,
@@ -718,111 +719,110 @@ var ChannelListContext = /*#__PURE__*/React__default.createContext({
   channelSource: null,
   typingChannels: []
 });
-var ChannelListProvider = function (props) {
-  var _a;
+const ChannelListProvider = props => {
+  var _sdk$currentUser;
   // 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;
+  const {
+    children,
+    className,
+    disableUserProfile,
+    allowProfileEdit,
+    queries,
+    onProfileEditSuccess,
+    onThemeChange,
+    onBeforeCreateChannel,
+    sortChannelList,
+    overrideInviteUser,
+    activeChannelUrl,
+    isTypingIndicatorEnabled = null,
+    isMessageReceiptStatusEnabled = null
+  } = props;
   // disable autoselect, if activeChannelUrl is provided
   // useActiveChannelUrl should be executed when activeChannelUrl is present
-  var disableAutoSelect = (props === null || props === void 0 ? void 0 : props.disableAutoSelect) || !!activeChannelUrl;
-  var onChannelSelect = (props === null || props === void 0 ? void 0 : props.onChannelSelect) || noop;
+  const disableAutoSelect = (props === null || props === void 0 ? void 0 : props.disableAutoSelect) || !!activeChannelUrl;
+  const onChannelSelect = (props === null || props === void 0 ? void 0 : props.onChannelSelect) || noop;
   // fetch store from <SendbirdProvider />
-  var globalStore = useSendbirdStateContext();
-  var config = globalStore.config,
-    stores = globalStore.stores;
-  var sdkStore = stores.sdkStore;
-  var pubSub = config.pubSub,
-    logger = config.logger,
-    onUserProfileMessage = config.onUserProfileMessage;
-  var 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;
+  const globalStore = useSendbirdStateContext();
+  const {
+    config,
+    stores
+  } = globalStore;
+  const {
+    sdkStore
+  } = stores;
+  const {
+    pubSub,
+    logger,
+    onUserProfileMessage
+  } = config;
+  const {
+    markAsReadScheduler,
+    disableMarkAsDelivered = false,
+    isTypingIndicatorEnabledOnChannelList = false,
+    isMessageReceiptStatusEnabledOnChannelList = false
+  } = config;
+  const sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk;
+
   // derive some variables
   // enable if it is true atleast once(both are flase by default)
-  var userDefinedDisableUserProfile = disableUserProfile || (config === null || config === void 0 ? void 0 : config.disableUserProfile);
-  var userDefinedRenderProfile = config === null || config === void 0 ? void 0 : config.renderUserProfile;
-  var enableEditProfile = allowProfileEdit || (config === null || config === void 0 ? void 0 : config.allowProfileEdit);
-  var userFilledChannelListQuery = queries === null || queries === void 0 ? void 0 : queries.channelListQuery;
-  var userFilledApplicationUserListQuery = queries === null || queries === void 0 ? void 0 : queries.applicationUserListQuery;
-  var sdkIntialized = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.initialized;
-  var _g = useReducer(reducer, channelListInitialState),
-    channelListStore = _g[0],
-    channelListDispatcher = _g[1];
-  var loading = channelListStore.loading,
-    currentChannel = channelListStore.currentChannel;
-  var _h = useState(),
-    channelSource = _h[0],
-    setChannelSource = _h[1];
-  var _j = useState([]),
-    typingChannels = _j[0],
-    setTypingChannels = _j[1];
-  var _k = useState([]),
-    channelsTomarkAsRead = _k[0],
-    setChannelsToMarkAsRead = _k[1];
-  useEffect(function () {
+  const userDefinedDisableUserProfile = disableUserProfile || (config === null || config === void 0 ? void 0 : config.disableUserProfile);
+  const userDefinedRenderProfile = config === null || config === void 0 ? void 0 : config.renderUserProfile;
+  const enableEditProfile = allowProfileEdit || (config === null || config === void 0 ? void 0 : config.allowProfileEdit);
+  const userFilledChannelListQuery = queries === null || queries === void 0 ? void 0 : queries.channelListQuery;
+  const userFilledApplicationUserListQuery = queries === null || queries === void 0 ? void 0 : queries.applicationUserListQuery;
+  const sdkIntialized = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.initialized;
+  const [channelListStore, channelListDispatcher] = useReducer(reducer, channelListInitialState);
+  const {
+    currentChannel
+  } = channelListStore;
+  const [channelSource, setChannelSource] = useState(null);
+  const [typingChannels, setTypingChannels] = useState([]);
+  const [channelsTomarkAsRead, setChannelsToMarkAsRead] = useState([]);
+  useEffect(() => {
     // https://stackoverflow.com/a/60907638
-    var isMounted = true;
+    let 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) {
+      channelsTomarkAsRead === null || channelsTomarkAsRead === void 0 ? void 0 : channelsTomarkAsRead.forEach((c, idx) => {
         // Plan-based rate limits - minimum limit is 5 requests per second
-        setTimeout(function () {
+        setTimeout(() => {
           if (isMounted) {
             c === null || c === void 0 ? void 0 : c.markAsDelivered();
           }
         }, 2000 * idx);
       });
     }
-    return function () {
+    return () => {
       isMounted = false;
     };
   }, [channelsTomarkAsRead]);
-  useEffect(function () {
-    var subscriber = pubSubHandler(pubSub, channelListDispatcher);
-    return function () {
+  useEffect(() => {
+    const subscriber = pubSubHandler(pubSub, channelListDispatcher);
+    return () => {
       pubSubHandleRemover(subscriber);
     };
   }, [sdkIntialized]);
-  useEffect(function () {
-    var _a;
-    var sdkChannelHandlerId = uuidv4();
+  useEffect(() => {
+    const sdkChannelHandlerId = uuidv4();
     if (sdkIntialized) {
       logger.info('ChannelList: Setup channelHandlers');
       setupChannelList({
-        sdk: sdk,
-        sdkChannelHandlerId: sdkChannelHandlerId,
-        channelListDispatcher: channelListDispatcher,
-        setChannelSource: setChannelSource,
-        onChannelSelect: onChannelSelect,
-        userFilledChannelListQuery: userFilledChannelListQuery,
-        logger: logger,
-        sortChannelList: sortChannelList,
-        disableAutoSelect: disableAutoSelect,
-        setChannelsToMarkAsRead: setChannelsToMarkAsRead,
-        markAsReadScheduler: markAsReadScheduler
+        sdk,
+        sdkChannelHandlerId,
+        channelListDispatcher,
+        setChannelSource,
+        onChannelSelect,
+        userFilledChannelListQuery,
+        logger,
+        sortChannelList,
+        disableAutoSelect,
+        setChannelsToMarkAsRead,
+        markAsReadScheduler
       });
     } else {
+      var _sdk$groupChannel;
       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) {
+      if (sdk !== null && sdk !== void 0 && (_sdk$groupChannel = sdk.groupChannel) !== null && _sdk$groupChannel !== void 0 && _sdk$groupChannel.removeGroupChannelHandler) {
         sdk.groupChannel.removeGroupChannelHandler(sdkChannelHandlerId);
       }
       // remove channelSource
@@ -833,62 +833,62 @@ var ChannelListProvider = function (props) {
         payload: null
       });
     }
-    return function () {
-      var _a, _b;
+    return () => {
+      var _sdk$groupChannel2;
       logger.info('ChannelList: Removing channelHandlers');
-      if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) {
-        (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.removeGroupChannelHandler(sdkChannelHandlerId);
+      if (sdk !== null && sdk !== void 0 && (_sdk$groupChannel2 = sdk.groupChannel) !== null && _sdk$groupChannel2 !== void 0 && _sdk$groupChannel2.removeGroupChannelHandler) {
+        var _sdk$groupChannel3;
+        sdk === null || sdk === void 0 ? void 0 : (_sdk$groupChannel3 = sdk.groupChannel) === null || _sdk$groupChannel3 === void 0 ? void 0 : _sdk$groupChannel3.removeGroupChannelHandler(sdkChannelHandlerId);
       }
     };
   }, [sdkIntialized, userFilledChannelListQuery, sortChannelList]);
-  useEffect(function () {
-    var _a, _b;
-    var typingHandlerId = null;
-    if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
+  useEffect(() => {
+    var _sdk$groupChannel4;
+    let typingHandlerId = null;
+    if (sdk !== null && sdk !== void 0 && (_sdk$groupChannel4 = sdk.groupChannel) !== null && _sdk$groupChannel4 !== void 0 && _sdk$groupChannel4.addGroupChannelHandler) {
+      var _sdk$groupChannel5;
       typingHandlerId = uuidv4();
-      var handler = new GroupChannelHandler({
-        onTypingStatusUpdated: function (channel) {
-          var _a;
-          var typingMemberCount = (_a = channel === null || channel === void 0 ? void 0 : channel.getTypingUsers()) === null || _a === void 0 ? void 0 : _a.length;
-          var channelList = typingChannels.filter(function (ch) {
-            return ch.url !== channel.url;
-          });
+      const handler = new GroupChannelHandler({
+        onTypingStatusUpdated: channel => {
+          var _channel$getTypingUse;
+          const typingMemberCount = channel === null || channel === void 0 ? void 0 : (_channel$getTypingUse = channel.getTypingUsers()) === null || _channel$getTypingUse === void 0 ? void 0 : _channel$getTypingUse.length;
+          const channelList = typingChannels.filter(ch => ch.url !== channel.url);
           if (typingMemberCount > 0) {
-            setTypingChannels(__spreadArray(__spreadArray([], channelList, true), [channel], false));
+            setTypingChannels([...channelList, channel]);
           } else {
             setTypingChannels(channelList);
           }
         },
-        onUnreadMemberStatusUpdated: function (channel) {
+        onUnreadMemberStatusUpdated(channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
           });
         },
-        onUndeliveredMemberStatusUpdated: function (channel) {
+        onUndeliveredMemberStatusUpdated(channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
           });
         },
-        onMessageUpdated: function (channel) {
+        onMessageUpdated(channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
           });
-          sdk.groupChannel.getChannelWithoutCache(channel.url).then(function (ch) {
+          sdk.groupChannel.getChannelWithoutCache(channel.url).then(ch => {
             channelListDispatcher({
               type: ON_LAST_MESSAGE_UPDATED,
               payload: ch
             });
           });
         },
-        onMentionReceived: function (channel) {
+        onMentionReceived(channel) {
           channelListDispatcher({
             type: ON_LAST_MESSAGE_UPDATED,
             payload: channel
           });
-          sdk.groupChannel.getChannelWithoutCache(channel.url).then(function (ch) {
+          sdk.groupChannel.getChannelWithoutCache(channel.url).then(ch => {
             channelListDispatcher({
               type: ON_LAST_MESSAGE_UPDATED,
               payload: ch
@@ -896,25 +896,28 @@ var ChannelListProvider = function (props) {
           });
         }
       });
-      (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.addGroupChannelHandler(typingHandlerId, handler);
+      sdk === null || sdk === void 0 ? void 0 : (_sdk$groupChannel5 = sdk.groupChannel) === null || _sdk$groupChannel5 === void 0 ? void 0 : _sdk$groupChannel5.addGroupChannelHandler(typingHandlerId, handler);
     }
-    return function () {
-      var _a;
-      if (((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) && typingHandlerId) {
+    return () => {
+      var _sdk$groupChannel6;
+      if (sdk !== null && sdk !== void 0 && (_sdk$groupChannel6 = sdk.groupChannel) !== null && _sdk$groupChannel6 !== void 0 && _sdk$groupChannel6.removeGroupChannelHandler && typingHandlerId) {
         sdk.groupChannel.removeGroupChannelHandler(typingHandlerId);
       }
     };
-  }, [(_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId]);
-  var queries_ = useMemo(function () {
+  }, [sdk === null || sdk === void 0 ? void 0 : (_sdk$currentUser = sdk.currentUser) === null || _sdk$currentUser === void 0 ? void 0 : _sdk$currentUser.userId]);
+  const queries_ = useMemo(() => {
     return {
       applicationUserListQuery: userFilledApplicationUserListQuery,
       channelListQuery: userFilledChannelListQuery
     };
   }, [userFilledApplicationUserListQuery, userFilledChannelListQuery]);
-  var allChannels = channelListStore.allChannels;
-  var sortedChannels = sortChannelList && typeof sortChannelList === 'function' ? sortChannelList(allChannels) : allChannels;
+  const {
+    allChannels
+  } = channelListStore;
+  const sortedChannels = sortChannelList && typeof sortChannelList === 'function' ? sortChannelList(allChannels) : allChannels;
   if (sortedChannels.length !== allChannels.length) {
-    var warning = "ChannelList: You have removed/added extra channels on sortChannelList\n      this could cause unexpected problems";
+    const warning = `ChannelList: You have removed/added extra channels on sortChannelList
+      this could cause unexpected problems`;
     // eslint-disable-next-line no-console
     console.warn(warning, {
       before: allChannels,
@@ -925,12 +928,13 @@ var ChannelListProvider = function (props) {
       after: sortedChannels
     });
   }
+
   // Set current channel (by on_channel_selected event)
-  useEffect(function () {
-    if (!sdk || !sdk.groupChannel || !currentChannel || !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
+  useEffect(() => {
+    if (!sdk || !sdk.groupChannel || !currentChannel || !(currentChannel !== null && currentChannel !== void 0 && currentChannel.url)) {
       return;
     }
-    sdk.groupChannel.getChannel(currentChannel.url).then(function (groupChannel) {
+    sdk.groupChannel.getChannel(currentChannel.url).then(groupChannel => {
       if (groupChannel) {
         onChannelSelect(groupChannel);
       } else {
@@ -938,33 +942,33 @@ var ChannelListProvider = function (props) {
       }
     });
   }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
+
   // Set active channel (by url)
   useActiveChannelUrl({
-    activeChannelUrl: activeChannelUrl,
+    activeChannelUrl,
     channels: sortedChannels,
-    sdk: sdk
+    sdk
   }, {
-    logger: logger,
-    channelListDispatcher: channelListDispatcher
+    logger,
+    channelListDispatcher
   });
   return /*#__PURE__*/React__default.createElement(ChannelListContext.Provider, {
-    value: __assign(__assign({
-      className: className,
-      disableUserProfile: disableUserProfile,
+    value: _objectSpread2(_objectSpread2({
+      className,
+      disableUserProfile,
       queries: queries_,
-      onProfileEditSuccess: onProfileEditSuccess,
-      onThemeChange: onThemeChange,
-      onBeforeCreateChannel: onBeforeCreateChannel,
-      overrideInviteUser: overrideInviteUser,
-      onChannelSelect: onChannelSelect,
-      sortChannelList: sortChannelList,
-      loading: loading,
+      onProfileEditSuccess,
+      onThemeChange,
+      onBeforeCreateChannel,
+      overrideInviteUser,
+      onChannelSelect,
+      sortChannelList,
       allowProfileEdit: enableEditProfile,
-      channelListDispatcher: channelListDispatcher,
-      channelSource: channelSource
-    }, channelListStore), {
+      channelListDispatcher,
+      channelSource
+    }, channelListStore), {}, {
       allChannels: sortedChannels,
-      typingChannels: typingChannels,
+      typingChannels,
       isTypingIndicatorEnabled: isTypingIndicatorEnabled !== null ? isTypingIndicatorEnabled : isTypingIndicatorEnabledOnChannelList,
       isMessageReceiptStatusEnabled: isMessageReceiptStatusEnabled !== null ? isMessageReceiptStatusEnabled : isMessageReceiptStatusEnabledOnChannelList
     })
@@ -973,13 +977,13 @@ var ChannelListProvider = function (props) {
     renderUserProfile: userDefinedRenderProfile,
     onUserProfileMessage: onUserProfileMessage
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-list ".concat(className)
+    className: `sendbird-channel-list ${className}`
   }, children)));
 };
 function useChannelListContext() {
-  var context = useContext(ChannelListContext);
+  const context = useContext(ChannelListContext);
   return context;
 }
 
 export { ChannelListProvider as C, FETCH_CHANNELS_START as F, LEAVE_CHANNEL_SUCCESS as L, SET_CURRENT_CHANNEL as S, FETCH_CHANNELS_SUCCESS as a, FETCH_CHANNELS_FAILURE as b, useChannelListContext as u };
-//# sourceMappingURL=ChannelListProvider-a2f2ee4a.js.map
+//# sourceMappingURL=ChannelListProvider-c1d2f942.js.map