@sendbird/uikit-react 3.7.0-rc.1 → 3.8.0

package/cjs/chunks/bundle-Dwrq46Xb.js

@@ -0,0 +1,832 @@
+'use strict';
+
+var _tslib = require('./bundle-hK4x7nmG.js');
+var React = require('react');
+var groupChannel = require('@sendbird/chat/groupChannel');
+var pubSub_topics = require('../pubSub/topics.js');
+var uuid = require('./bundle-gMxOq93o.js');
+var utils = require('./bundle-1yOirqug.js');
+var consts = require('./bundle-L9ushBZQ.js');
+var UserProfileContext = require('./bundle-4bb_98h6.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var index_module = require('./bundle-I_9_5a8a.js');
+var index = require('./bundle-FHx0K-3z.js');
+
+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 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_RECEIPT = 'delivery_receipt';
+var createEventHandler = function (_a) {
+    var sdk = _a.sdk, sdkChannelHandlerId = _a.sdkChannelHandlerId, channelListDispatcher = _a.channelListDispatcher, logger = _a.logger;
+    var ChannelHandler = new groupChannel.GroupChannelHandler({
+        onChannelChanged: function (channel) {
+            if (channel.isGroupChannel()) {
+                logger.info('ChannelList: onChannelChanged', channel);
+                channelListDispatcher({
+                    type: ON_CHANNEL_CHANGED,
+                    payload: channel,
+                });
+            }
+        },
+        onChannelDeleted: function (channelUrl) {
+            logger.info('ChannelList: onChannelDeleted', channelUrl);
+            channelListDispatcher({
+                type: ON_CHANNEL_DELETED,
+                payload: channelUrl,
+            });
+        },
+        onUserJoined: function (channel) {
+            logger.info('ChannelList: onUserJoined', channel);
+            channelListDispatcher({
+                type: ON_USER_JOINED,
+                payload: channel,
+            });
+        },
+        onUserBanned: function (channel, user) {
+            var _a;
+            if (channel.isGroupChannel()) {
+                logger.info('Channel: onUserBanned', channel);
+                var isMe = user.userId === ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId);
+                channelListDispatcher({
+                    type: ON_USER_LEFT,
+                    payload: { channel: channel, isMe: isMe },
+                });
+            }
+        },
+        onUserLeft: function (channel, user) {
+            var _a;
+            logger.info('ChannelList: onUserLeft', channel);
+            var isMe = user.userId === ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId);
+            channelListDispatcher({
+                type: ON_USER_LEFT,
+                payload: { channel: channel, isMe: isMe },
+            });
+        },
+        onUnreadMemberStatusUpdated: function (channel) {
+            logger.info('ChannelList: onUnreadMemberStatusUpdated', channel);
+            channelListDispatcher({
+                type: ON_READ_RECEIPT_UPDATED,
+                payload: channel,
+            });
+        },
+        onUndeliveredMemberStatusUpdated: function (channel) {
+            logger.info('ChannelList: onUndeliveredMemberStatusUpdated', channel);
+            if (channel.lastMessage) {
+                channelListDispatcher({
+                    type: ON_DELIVERY_RECEIPT_UPDATED,
+                    payload: channel,
+                });
+            }
+        },
+        onMessageUpdated: function (channel, message) {
+            if (channel.isGroupChannel() && channel.lastMessage.isEqual(message)) {
+                logger.info('ChannelList: onMessageUpdated', channel);
+                channelListDispatcher({
+                    type: ON_LAST_MESSAGE_UPDATED,
+                    payload: channel,
+                });
+            }
+        },
+        onChannelHidden: function (channel) {
+            logger.info('ChannelList: onChannelHidden', channel);
+            channelListDispatcher({
+                type: ON_CHANNEL_ARCHIVED,
+                payload: channel,
+            });
+        },
+        onChannelFrozen: function (channel) {
+            if (channel.isGroupChannel()) {
+                logger.info('ChannelList: onChannelFrozen', channel);
+                channelListDispatcher({
+                    type: ON_CHANNEL_FROZEN,
+                    payload: channel,
+                });
+            }
+        },
+        onChannelUnfrozen: function (channel) {
+            if (channel.isGroupChannel()) {
+                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 (_a) {
+    var sdk = _a.sdk, _b = _a.userFilledChannelListQuery, userFilledChannelListQuery = _b === void 0 ? {} : _b;
+    var params = {
+        includeEmpty: false,
+        limit: 20,
+        order: 'latest_last_message', // 'chronological', 'latest_last_message', 'channel_name_alphabetical', and 'metadata_value_alphabetical'
+    };
+    if (userFilledChannelListQuery) {
+        Object.keys(userFilledChannelListQuery).forEach(function (key) {
+            params[key] = userFilledChannelListQuery[key];
+        });
+    }
+    return sdk.groupChannel.createMyGroupChannelListQuery(params);
+};
+function setupChannelList(_a) {
+    var sdk = _a.sdk, sdkChannelHandlerId = _a.sdkChannelHandlerId, channelListDispatcher = _a.channelListDispatcher, setChannelSource = _a.setChannelSource, onChannelSelect = _a.onChannelSelect, userFilledChannelListQuery = _a.userFilledChannelListQuery, logger = _a.logger, sortChannelList = _a.sortChannelList, disableAutoSelect = _a.disableAutoSelect, markAsDeliveredScheduler = _a.markAsDeliveredScheduler, disableMarkAsDelivered = _a.disableMarkAsDelivered;
+    if (sdk === null || sdk === void 0 ? 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 _a, _b;
+            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 === null || onChannelSelect === void 0 ? void 0 : onChannelSelect(sortedChannelList[0]);
+            }
+            channelListDispatcher({
+                type: INIT_CHANNELS_SUCCESS,
+                payload: { channelList: sortedChannelList, disableAutoSelect: disableAutoSelect },
+            });
+            var canSetMarkAsDelivered = (_b = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.premiumFeatureList) === null || _b === void 0 ? void 0 : _b.find(function (feature) { return feature === DELIVERY_RECEIPT; });
+            if (canSetMarkAsDelivered && !disableMarkAsDelivered) {
+                sortedChannelList.forEach(function (channel) {
+                    markAsDeliveredScheduler.push(channel);
+                });
+            }
+        })
+            .catch(function (err) {
+            if (err) {
+                logger.error('ChannelList - couldnt fetch channels', err);
+                channelListDispatcher({
+                    type: INIT_CHANNELS_FAILURE,
+                });
+            }
+        });
+    }
+    else {
+        logger.info('ChannelList - there are no more channels');
+    }
+}
+var pubSubHandleRemover = function (subscriber) {
+    subscriber.forEach(function (s) {
+        try {
+            s.remove();
+        }
+        catch (_a) {
+            //
+        }
+    });
+};
+var pubSubHandler = function (pubSub, channelListDispatcher) {
+    var subscriber = new Map();
+    if (!pubSub)
+        return subscriber;
+    subscriber.set(pubSub_topics.PUBSUB_TOPICS.CREATE_CHANNEL, pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.CREATE_CHANNEL, function (msg) {
+        var channel = msg.channel;
+        channelListDispatcher({
+            type: 'CREATE_CHANNEL',
+            payload: channel,
+        });
+    }));
+    subscriber.set(pubSub_topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, function (msg) {
+        var _a;
+        var channel = msg.channel, message = msg.message;
+        var updatedChannel = channel;
+        if (((_a = updatedChannel === null || updatedChannel === void 0 ? void 0 : updatedChannel.lastMessage) === null || _a === void 0 ? void 0 : _a.messageId) === message.messageId) {
+            updatedChannel.lastMessage = message;
+        }
+        if (channel) {
+            channelListDispatcher({
+                type: ON_LAST_MESSAGE_UPDATED,
+                payload: updatedChannel,
+            });
+        }
+    }));
+    subscriber.set(pubSub_topics.PUBSUB_TOPICS.LEAVE_CHANNEL, pubSub.subscribe(pubSub_topics.PUBSUB_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(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_START, pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_START, function (msg) {
+        var channel = msg.channel;
+        channelListDispatcher({
+            type: CHANNEL_REPLACED_TO_TOP,
+            payload: channel,
+        });
+    }));
+    return subscriber;
+};
+
+/**
+ * NOTICE: Use this function IF the current channel is removed from allChannels.
+ * This function will give you the next currentChannel value.
+ */
+var getNextChannel = function (_a) {
+    var channel = _a.channel, currentChannel = _a.currentChannel, allChannels = _a.allChannels, disableAutoSelect = _a.disableAutoSelect;
+    var nextChannel = null;
+    if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === channel.url) {
+        if (!disableAutoSelect && allChannels.length > 0) {
+            var firstChannel = allChannels[0], _b = allChannels[1], secondChannel = _b === void 0 ? null : _b;
+            nextChannel = firstChannel.url === channel.url ? secondChannel : firstChannel;
+        }
+    }
+    else {
+        nextChannel = currentChannel;
+    }
+    return nextChannel;
+};
+
+var initialState = {
+    // we might not need this initialized state -> should remove
+    initialized: false,
+    loading: true,
+    allChannels: [],
+    currentChannel: null,
+    channelListQuery: null,
+    currentUserId: '',
+    disableAutoSelect: false,
+};
+
+function channelListReducer(state, action) {
+    return (index_module.K(action)
+        .with({ type: INIT_CHANNELS_START }, function () { return (_tslib.__assign(_tslib.__assign({}, state), { loading: true })); })
+        .with({ type: RESET_CHANNEL_LIST }, function () { return initialState; })
+        .with({ type: INIT_CHANNELS_SUCCESS }, function (action) {
+        var _a = action.payload, channelList = _a.channelList, disableAutoSelect = _a.disableAutoSelect;
+        return _tslib.__assign(_tslib.__assign({}, state), { initialized: true, loading: false, allChannels: channelList, disableAutoSelect: disableAutoSelect, currentChannel: !disableAutoSelect && channelList && channelList.length && channelList.length > 0 ? channelList[0] : null });
+    })
+        .with({ type: FETCH_CHANNELS_SUCCESS }, function (action) {
+        var currentChannels = state.allChannels.map(function (c) { return c.url; });
+        var filteredChannels = action.payload.filter(function (_a) {
+            var url = _a.url;
+            return !currentChannels.find(function (c) { return c === url; });
+        });
+        return _tslib.__assign(_tslib.__assign({}, state), { allChannels: _tslib.__spreadArray(_tslib.__spreadArray([], state.allChannels, true), filteredChannels, true) });
+    })
+        .with({ type: CREATE_CHANNEL }, function (action) {
+        var channel = action.payload;
+        var allChannels = state.allChannels, currentUserId = state.currentUserId, channelListQuery = state.channelListQuery;
+        if (channelListQuery) {
+            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+                // Good to add to the ChannelList
+                return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: channel, allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel) });
+            }
+            // Do not add to the ChannelList
+            return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: channel });
+        }
+        // No channelListQuery
+        // Add to the top of the ChannelList
+        return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: channel, allChannels: _tslib.__spreadArray([channel], allChannels.filter(function (ch) { return ch.url !== (channel === null || channel === void 0 ? void 0 : channel.url); }), true) });
+    })
+        // A hidden channel will be unhidden when getting new message
+        .with({ type: ON_CHANNEL_ARCHIVED }, function (action) {
+        var channel = action.payload;
+        var allChannels = state.allChannels, currentUserId = state.currentUserId, currentChannel = state.currentChannel, channelListQuery = state.channelListQuery, disableAutoSelect = state.disableAutoSelect;
+        if (channelListQuery) {
+            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+                // Good to [add to/keep in] the ChannelList
+                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel) });
+            }
+            // * Remove the channel from the ChannelList: because the channel is filtered
+        }
+        // No channelListQuery
+        // * Remove the channel from the ChannelList: because the channel is hidden
+        // Replace the currentChannel if it's filtered or hidden
+        var nextChannel = getNextChannel({
+            channel: channel,
+            currentChannel: currentChannel,
+            allChannels: allChannels,
+            disableAutoSelect: disableAutoSelect,
+        });
+        return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: nextChannel, allChannels: allChannels.filter(function (_a) {
+                var url = _a.url;
+                return url !== (channel === null || channel === void 0 ? void 0 : channel.url);
+            }) });
+    })
+        .with({ type: index_module.S.union(LEAVE_CHANNEL_SUCCESS, ON_CHANNEL_DELETED) }, function (action) {
+        var _a;
+        var channelUrl = action.payload;
+        return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: channelUrl === ((_a = state.currentChannel) === null || _a === void 0 ? void 0 : _a.url) ? state.allChannels[0] : state.currentChannel, allChannels: state.allChannels.filter(function (_a) {
+                var url = _a.url;
+                return url !== channelUrl;
+            }) });
+    })
+        .with({ type: ON_USER_LEFT }, function (action) {
+        var _a = action.payload, channel = _a.channel, isMe = _a.isMe;
+        var allChannels = state.allChannels, currentUserId = state.currentUserId, currentChannel = state.currentChannel, channelListQuery = state.channelListQuery, disableAutoSelect = state.disableAutoSelect;
+        var nextChannels = allChannels.filter(function (ch) { return ch.url !== channel.url; });
+        var nextChannel = null;
+        if (channelListQuery) {
+            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+                // Good to [add to/keep in] the ChannelList
+                nextChannels = index.getChannelsWithUpsertedChannel(allChannels, channel);
+            }
+        }
+        // Replace the currentChannel if I left the currentChannel
+        if (isMe) {
+            nextChannel = getNextChannel({
+                channel: channel,
+                currentChannel: currentChannel,
+                allChannels: allChannels,
+                disableAutoSelect: disableAutoSelect,
+            });
+        }
+        return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: nextChannel, allChannels: nextChannels });
+    })
+        .with({
+        type: index_module.S.union(ON_USER_JOINED, ON_CHANNEL_CHANGED, ON_READ_RECEIPT_UPDATED, ON_DELIVERY_RECEIPT_UPDATED),
+    }, function (action) {
+        var _a, _b;
+        var channel = action.payload;
+        var _c = state.allChannels, allChannels = _c === void 0 ? [] : _c, currentUserId = state.currentUserId, currentChannel = state.currentChannel, channelListQuery = state.channelListQuery, disableAutoSelect = state.disableAutoSelect;
+        var unreadMessageCount = channel.unreadMessageCount;
+        if (channelListQuery) {
+            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+                // Good to [add to/keep in] the ChannelList
+                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel) });
+            }
+            // Filter the channel from the ChannelList
+            // Replace the currentChannel if it's filtered channel
+            var nextChannel = getNextChannel({
+                channel: channel,
+                currentChannel: currentChannel,
+                allChannels: allChannels,
+                disableAutoSelect: disableAutoSelect,
+            });
+            return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: nextChannel, allChannels: allChannels.filter(function (_a) {
+                    var url = _a.url;
+                    return url !== (channel === null || channel === void 0 ? void 0 : channel.url);
+                }) });
+        }
+        if (
+        // When marking as read the channel
+        unreadMessageCount === 0
+            // @ts-ignore - When sending a message by the current peer
+            && ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _a === void 0 ? void 0 : _a.sender) === null || _b === void 0 ? void 0 : _b.userId) !== currentUserId) {
+            // Don't move to the top
+            return _tslib.__assign(_tslib.__assign({}, state), { allChannels: allChannels.map(function (ch) { return (ch.url === (channel === null || channel === void 0 ? void 0 : channel.url) ? channel : ch); }) });
+        }
+        // Move to the top
+        return _tslib.__assign(_tslib.__assign({}, state), { allChannels: _tslib.__spreadArray([channel], allChannels.filter(function (_a) {
+                var url = _a.url;
+                return url !== channel.url;
+            }), true) });
+    })
+        .with({ type: SET_CURRENT_CHANNEL }, function (action) {
+        return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: action.payload });
+    })
+        .with({ type: ON_LAST_MESSAGE_UPDATED }, function (action) {
+        return _tslib.__assign(_tslib.__assign({}, state), { allChannels: state.allChannels.map(function (channel) { return (channel === null || channel === void 0 ? void 0 : channel.url) === action.payload.url ? action.payload : channel; }) });
+    })
+        .with({ type: ON_CHANNEL_FROZEN }, function (action) {
+        var channel = action.payload;
+        var allChannels = state.allChannels, currentUserId = state.currentUserId, currentChannel = state.currentChannel, channelListQuery = state.channelListQuery, disableAutoSelect = state.disableAutoSelect;
+        if (channelListQuery) {
+            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+                // Good to [add to/keep in] the ChannelList
+                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel) });
+            }
+            // Filter the channel from the ChannelList
+            // Replace the currentChannel if it's filtered channel
+            var nextChannel = getNextChannel({
+                channel: channel,
+                currentChannel: currentChannel,
+                allChannels: allChannels,
+                disableAutoSelect: disableAutoSelect,
+            });
+            return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: nextChannel, allChannels: allChannels.filter(function (_a) {
+                    var url = _a.url;
+                    return url !== (channel === null || channel === void 0 ? void 0 : channel.url);
+                }) });
+        }
+        return _tslib.__assign(_tslib.__assign({}, state), { allChannels: allChannels.map(function (ch) {
+                if (ch.url === (channel === null || channel === void 0 ? void 0 : channel.url)) {
+                    // eslint-disable-next-line no-param-reassign
+                    ch.isFrozen = true;
+                    return ch;
+                }
+                return ch;
+            }) });
+    })
+        .with({ type: ON_CHANNEL_UNFROZEN }, function (action) {
+        var channel = action.payload;
+        var allChannels = state.allChannels, currentUserId = state.currentUserId, currentChannel = state.currentChannel, channelListQuery = state.channelListQuery, disableAutoSelect = state.disableAutoSelect;
+        if (channelListQuery) {
+            if (index.filterChannelListParams(channelListQuery, channel, currentUserId)) {
+                // Good to [add to/keep in] the ChannelList
+                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: index.getChannelsWithUpsertedChannel(allChannels, channel) });
+            }
+            // Filter the channel from the ChannelList
+            // Replace the currentChannel if it's filtered channel
+            var nextChannel = getNextChannel({
+                channel: channel,
+                currentChannel: currentChannel,
+                allChannels: allChannels,
+                disableAutoSelect: disableAutoSelect,
+            });
+            return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: nextChannel, allChannels: allChannels.filter(function (_a) {
+                    var url = _a.url;
+                    return url !== (channel === null || channel === void 0 ? void 0 : channel.url);
+                }) });
+        }
+        // No channelListQuery
+        return _tslib.__assign(_tslib.__assign({}, state), { allChannels: allChannels.map(function (ch) {
+                if (ch.url === (channel === null || channel === void 0 ? void 0 : channel.url)) {
+                    // eslint-disable-next-line no-param-reassign
+                    ch.isFrozen = false;
+                    return ch;
+                }
+                return ch;
+            }) });
+    })
+        .with({ type: CHANNEL_REPLACED_TO_TOP }, function (action) {
+        if (state.channelListQuery) {
+            if (index.filterChannelListParams(state.channelListQuery, action.payload, state.currentUserId)) {
+                return _tslib.__assign(_tslib.__assign({}, state), { allChannels: _tslib.__spreadArray([
+                        action.payload
+                    ], state.allChannels.filter(function (channel) { return (channel === null || channel === void 0 ? void 0 : channel.url) !== action.payload.url; }), true) });
+            }
+            return state;
+        }
+        return _tslib.__assign(_tslib.__assign({}, state), { allChannels: _tslib.__spreadArray([action.payload], state.allChannels.filter(function (channel) { return (channel === null || channel === void 0 ? void 0 : channel.url) !== action.payload.url; }), true) });
+    })
+        .with({ type: CHANNEL_LIST_PARAMS_UPDATED }, function (action) {
+        return _tslib.__assign(_tslib.__assign({}, state), { currentUserId: action.payload.currentUserId, channelListQuery: action.payload.channelListQuery });
+    })
+        .otherwise(function () { return state; }));
+}
+
+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;
+        if (activeChannelUrl) {
+            logger.info('ChannelListProvider: looking for active channel', { activeChannelUrl: activeChannelUrl });
+            var activeChannel = channels === null || channels === void 0 ? void 0 : channels.find(function (channel) { return channel.url === activeChannelUrl; });
+            if (activeChannel) {
+                channelListDispatcher({
+                    type: SET_CURRENT_CHANNEL,
+                    payload: activeChannel,
+                });
+            }
+            else {
+                logger.info('ChannelListProvider: searching backend for active channel', { activeChannelUrl: activeChannelUrl });
+                (_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.getChannel(activeChannelUrl).then(function (channel) {
+                    channelListDispatcher({
+                        type: FETCH_CHANNELS_SUCCESS,
+                        payload: [channel],
+                    });
+                    channelListDispatcher({
+                        type: SET_CURRENT_CHANNEL,
+                        payload: channel,
+                    });
+                }).catch(function () {
+                    logger.warning('ChannelListProvider: Active channel not found');
+                });
+            }
+        }
+    }, [activeChannelUrl]);
+}
+
+var useFetchChannelList = function (_a, _b) {
+    var channelSource = _a.channelSource, disableMarkAsDelivered = _a.disableMarkAsDelivered;
+    var channelListDispatcher = _b.channelListDispatcher, logger = _b.logger, markAsDeliveredScheduler = _b.markAsDeliveredScheduler;
+    return React.useCallback(function () { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+        var channelList, error_1;
+        return _tslib.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(channelSource === null || channelSource === void 0 ? void 0 : channelSource.hasNext)) {
+                        logger.info('ChannelList: not able to fetch');
+                        return [2 /*return*/];
+                    }
+                    logger.info('ChannelList: starting fetch');
+                    channelListDispatcher({
+                        type: FETCH_CHANNELS_START,
+                        payload: null,
+                    });
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, channelSource.next()];
+                case 2:
+                    channelList = _a.sent();
+                    logger.info('ChannelList: succeeded fetch', { channelList: channelList });
+                    channelListDispatcher({
+                        type: FETCH_CHANNELS_SUCCESS,
+                        payload: channelList,
+                    });
+                    if (!disableMarkAsDelivered) {
+                        logger.info('ChannelList: mark as delivered to fetched channels');
+                        // eslint-disable-next-line no-unused-expressions
+                        channelList === null || channelList === void 0 ? void 0 : channelList.forEach(function (channel) {
+                            if ((channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) > 0) {
+                                markAsDeliveredScheduler.push(channel);
+                            }
+                        });
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    logger.error('ChannelList: failed fetch', { error: error_1 });
+                    channelListDispatcher({
+                        type: FETCH_CHANNELS_FAILURE,
+                        payload: error_1,
+                    });
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [
+        channelSource,
+        disableMarkAsDelivered,
+    ]);
+};
+
+var ChannelListContext = React.createContext({
+    disableUserProfile: true,
+    allowProfileEdit: true,
+    onBeforeCreateChannel: null,
+    onThemeChange: null,
+    onProfileEditSuccess: null,
+    onChannelSelect: null,
+    queries: {},
+    className: null,
+    initialized: false,
+    loading: false,
+    allChannels: [],
+    currentChannel: null,
+    channelListQuery: {},
+    currentUserId: null,
+    channelListDispatcher: null,
+    channelSource: null,
+    typingChannels: [],
+    fetchChannelList: utils.noop,
+});
+var ChannelListProvider = function (props) {
+    var _a, _b;
+    // 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, _c = props.isTypingIndicatorEnabled, isTypingIndicatorEnabled = _c === void 0 ? null : _c, _d = props.isMessageReceiptStatusEnabled, isMessageReceiptStatusEnabled = _d === void 0 ? null : _d;
+    // 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 globalStore = useSendbirdStateContext.useSendbirdStateContext();
+    var config = globalStore.config, stores = globalStore.stores;
+    var sdkStore = stores.sdkStore;
+    var pubSub = config.pubSub, logger = config.logger, onUserProfileMessage = config.onUserProfileMessage;
+    var markAsDeliveredScheduler = config.markAsDeliveredScheduler, _e = config.disableMarkAsDelivered, disableMarkAsDelivered = _e === void 0 ? false : _e, _f = config.isTypingIndicatorEnabledOnChannelList, isTypingIndicatorEnabledOnChannelList = _f === void 0 ? false : _f, _g = config.isMessageReceiptStatusEnabledOnChannelList, isMessageReceiptStatusEnabledOnChannelList = _g === void 0 ? false : _g;
+    var sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk;
+    var _h = ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) !== null && _a !== void 0 ? _a : {}).premiumFeatureList, premiumFeatureList = _h === void 0 ? [] : _h;
+    // 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 _j = React.useReducer(channelListReducer, initialState), channelListStore = _j[0], channelListDispatcher = _j[1];
+    var currentChannel = channelListStore.currentChannel;
+    var _k = React.useState(null), channelSource = _k[0], setChannelSource = _k[1];
+    var _l = React.useState([]), typingChannels = _l[0], setTypingChannels = _l[1];
+    React.useEffect(function () {
+        var subscriber = pubSubHandler(pubSub, channelListDispatcher);
+        return function () {
+            pubSubHandleRemover(subscriber);
+        };
+    }, [sdkIntialized]);
+    React.useEffect(function () {
+        var _a;
+        var 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,
+                markAsDeliveredScheduler: markAsDeliveredScheduler,
+                disableMarkAsDelivered: disableMarkAsDelivered,
+            });
+        }
+        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,
+        sortChannelList,
+        Object.entries(userFilledChannelListQuery !== null && userFilledChannelListQuery !== void 0 ? userFilledChannelListQuery : {}).map(function (_a) {
+            var key = _a[0], value = _a[1];
+            return key + value;
+        }).join(),
+    ]);
+    React.useEffect(function () {
+        var _a, _b;
+        var typingHandlerId = '';
+        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.__spreadArray(_tslib.__spreadArray([], channelList, true), [channel], false));
+                    }
+                    else {
+                        setTypingChannels(channelList);
+                    }
+                },
+                onUnreadMemberStatusUpdated: function (channel) {
+                    channelListDispatcher({
+                        type: ON_LAST_MESSAGE_UPDATED,
+                        payload: channel,
+                    });
+                },
+                onUndeliveredMemberStatusUpdated: function (channel) {
+                    channelListDispatcher({
+                        type: ON_LAST_MESSAGE_UPDATED,
+                        payload: channel,
+                    });
+                },
+                onMessageUpdated: function (channel) {
+                    if (channel.isGroupChannel()) {
+                        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 (channel) {
+                    if (channel.isGroupChannel()) {
+                        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(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);
+            }
+        };
+    }, [(_b = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _b === void 0 ? void 0 : _b.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 });
+    }
+    // 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);
+            }
+            else {
+                onChannelSelect(null);
+            }
+        });
+    }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
+    // Set active channel (by url)
+    useActiveChannelUrl({
+        activeChannelUrl: activeChannelUrl,
+        channels: sortedChannels,
+        sdk: sdk,
+    }, {
+        logger: logger,
+        channelListDispatcher: channelListDispatcher,
+    });
+    var fetchChannelList = useFetchChannelList({
+        channelSource: channelSource,
+        disableMarkAsDelivered: disableMarkAsDelivered || !premiumFeatureList.some(function (feature) { return feature === consts.DELIVERY_RECEIPT; }),
+    }, {
+        channelListDispatcher: channelListDispatcher,
+        logger: logger,
+        markAsDeliveredScheduler: markAsDeliveredScheduler,
+    });
+    return (React.createElement(ChannelListContext.Provider, { value: _tslib.__assign(_tslib.__assign({ className: className, disableUserProfile: disableUserProfile, queries: queries_, onProfileEditSuccess: onProfileEditSuccess, onThemeChange: onThemeChange, onBeforeCreateChannel: onBeforeCreateChannel, overrideInviteUser: overrideInviteUser, onChannelSelect: onChannelSelect, sortChannelList: sortChannelList, allowProfileEdit: enableEditProfile, channelListDispatcher: channelListDispatcher, channelSource: channelSource }, channelListStore), { allChannels: sortedChannels, typingChannels: typingChannels, isTypingIndicatorEnabled: isTypingIndicatorEnabled !== null ? isTypingIndicatorEnabled : isTypingIndicatorEnabledOnChannelList, isMessageReceiptStatusEnabled: isMessageReceiptStatusEnabled !== null
+                ? isMessageReceiptStatusEnabled
+                : isMessageReceiptStatusEnabledOnChannelList, fetchChannelList: fetchChannelList }) },
+        React.createElement(UserProfileContext.UserProfileProvider, { disableUserProfile: userDefinedDisableUserProfile !== null && userDefinedDisableUserProfile !== void 0 ? userDefinedDisableUserProfile : config === null || config === void 0 ? void 0 : config.disableUserProfile, renderUserProfile: userDefinedRenderProfile, onUserProfileMessage: onUserProfileMessage },
+            React.createElement("div", { className: "sendbird-channel-list ".concat(className) }, children))));
+};
+function useChannelListContext() {
+    var context = React.useContext(ChannelListContext);
+    return context;
+}
+
+exports.ChannelListProvider = ChannelListProvider;
+exports.LEAVE_CHANNEL_SUCCESS = LEAVE_CHANNEL_SUCCESS;
+exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
+exports.useChannelListContext = useChannelListContext;
+//# sourceMappingURL=bundle-Dwrq46Xb.js.map