@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/cjs/{ChannelListProvider-b0a363e0.js → ChannelListProvider-61d644da.js}

@@ -1,15 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-8f4b0cfe.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c5955c81.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var topics = require('./topics-c8adbede.js');
-var uuid = require('./uuid-1ffa3b79.js');
-var utils = require('./utils-1038446c.js');
-var UserProfileContext = require('./UserProfileContext-617420c9.js');
+var topics = require('./topics-825e5d42.js');
+var uuid = require('./uuid-0b4ed44c.js');
+var utils = require('./utils-d5176360.js');
+var UserProfileContext = require('./UserProfileContext-f068b0ba.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c2313dcd.js');
-var index = require('./index-2ac1f908.js');
+var index = require('./index-f2146bae.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -663,31 +662,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 React.useEffect(function () {
-    var _a;
+function useActiveChannelUrl(_ref, _ref2) {
+  let {
+    activeChannelUrl,
+    channels,
+    sdk
+  } = _ref;
+  let {
+    logger,
+    channelListDispatcher
+  } = _ref2;
+  return React.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]
@@ -696,15 +697,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["default"].createContext({
+const ChannelListContext = /*#__PURE__*/React__default["default"].createContext({
   disableUserProfile: true,
   allowProfileEdit: true,
   onBeforeCreateChannel: null,
@@ -724,111 +725,110 @@ var ChannelListContext = /*#__PURE__*/React__default["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) || utils.noop;
+  const disableAutoSelect = (props === null || props === void 0 ? void 0 : props.disableAutoSelect) || !!activeChannelUrl;
+  const 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,
-    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 = React.useReducer(reducer, channelListInitialState),
-    channelListStore = _g[0],
-    channelListDispatcher = _g[1];
-  var loading = channelListStore.loading,
-    currentChannel = channelListStore.currentChannel;
-  var _h = React.useState(),
-    channelSource = _h[0],
-    setChannelSource = _h[1];
-  var _j = React.useState([]),
-    typingChannels = _j[0],
-    setTypingChannels = _j[1];
-  var _k = React.useState([]),
-    channelsTomarkAsRead = _k[0],
-    setChannelsToMarkAsRead = _k[1];
-  React.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] = React.useReducer(reducer, channelListInitialState);
+  const {
+    currentChannel
+  } = channelListStore;
+  const [channelSource, setChannelSource] = React.useState(null);
+  const [typingChannels, setTypingChannels] = React.useState([]);
+  const [channelsTomarkAsRead, setChannelsToMarkAsRead] = React.useState([]);
+  React.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]);
-  React.useEffect(function () {
-    var subscriber = pubSubHandler(pubSub, channelListDispatcher);
-    return function () {
+  React.useEffect(() => {
+    const subscriber = pubSubHandler(pubSub, channelListDispatcher);
+    return () => {
       pubSubHandleRemover(subscriber);
     };
   }, [sdkIntialized]);
-  React.useEffect(function () {
-    var _a;
-    var sdkChannelHandlerId = uuid.uuidv4();
+  React.useEffect(() => {
+    const sdkChannelHandlerId = 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,
-        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
@@ -839,62 +839,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]);
-  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) {
+  React.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 = 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;
-          });
+      const handler = new groupChannel.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(tslib_es6.__spreadArray(tslib_es6.__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
@@ -902,25 +902,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_ = React.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_ = React.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,
@@ -931,12 +934,13 @@ var ChannelListProvider = function (props) {
       after: sortedChannels
     });
   }
+
   // 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)) {
+  React.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 {
@@ -944,33 +948,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["default"].createElement(ChannelListContext.Provider, {
-    value: tslib_es6.__assign(tslib_es6.__assign({
-      className: className,
-      disableUserProfile: disableUserProfile,
+    value: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._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
     })
@@ -979,11 +983,11 @@ var ChannelListProvider = function (props) {
     renderUserProfile: userDefinedRenderProfile,
     onUserProfileMessage: onUserProfileMessage
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-channel-list ".concat(className)
+    className: `sendbird-channel-list ${className}`
   }, children)));
 };
 function useChannelListContext() {
-  var context = React.useContext(ChannelListContext);
+  const context = React.useContext(ChannelListContext);
   return context;
 }
 
@@ -994,4 +998,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-b0a363e0.js.map
+//# sourceMappingURL=ChannelListProvider-61d644da.js.map