@sendbird/uikit-react 3.16.11 → 3.17.0

package/chunks/{bundle-CH17iDvf.js → bundle-CmmJVpwV.js}

@@ -1,21 +1,22 @@
-import { _ as __assign, b as __awaiter, c as __generator } from './bundle-B7RvGM03.js';
+import { _ as __assign, a as __awaiter, b as __generator } from './bundle-yl5d1NoZ.js';
 import React__default, { useCallback, useContext, useMemo, useRef, useState, useLayoutEffect, createContext, useEffect } from 'react';
 import { MessageMetaArray, ReplyType } from '@sendbird/chat/message';
 import { MessageFilter } from '@sendbird/chat/groupChannel';
 import { useIIFE, useGroupChannelMessages, useAsyncEffect, useAsyncLayoutEffect } from '@sendbird/uikit-tools';
-import { U as UserProfileProvider } from './bundle-CZiyJYBm.js';
-import { p as pubSubFactory } from './bundle-DO39GevF.js';
-import { s as shimExports, u as useStore, c as createStore } from './bundle-Pi8D8X0p.js';
-import { e as getMessageTopOffset, b as isContextMenuClosed } from './bundle-BPQwWHRF.js';
-import { u as useSendbird } from './bundle-BwKOzdpa.js';
-import { g as getIsReactionEnabled } from './bundle-utR756AD.js';
-import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from './bundle-DPhArxeq.js';
-import { P as PUBSUB_TOPICS, b as PublishingModuleType, p as pubSubTopics } from './bundle-CRkzqUcm.js';
-import { T as ThreadReplySelectType } from './bundle-c7rLu_k3.js';
-import { u as useDeepCompareEffect } from './bundle-COT_8pQt.js';
-import { d as deleteNullish } from './bundle-BsH3r84n.js';
-import { K } from './bundle-jVso52Zj.js';
-import { a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE, i as META_ARRAY_VOICE_DURATION_KEY, j as META_ARRAY_MESSAGE_TYPE_KEY, k as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from './bundle-DwUX_8pX.js';
+import { U as UserProfileProvider } from './bundle-B0s_McF0.js';
+import { p as pubSubFactory } from './bundle-D1nuDKhb.js';
+import { s as shimExports, u as useStore, c as createStore } from './bundle-BUYU9H94.js';
+import { g as getMessageTopOffset, d as isContextMenuClosed } from './bundle-CzwYTfhQ.js';
+import { u as useSendbird } from './bundle-i_3w58Zd.js';
+import { g as getIsReactionEnabled } from './bundle-BSy5MmTl.js';
+import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from './bundle-DK3-aB7E.js';
+import { P as PUBSUB_TOPICS, b as PublishingModuleType, p as pubSubTopics } from './bundle-BOykFtQ3.js';
+import { T as ThreadReplySelectType } from './bundle-BEx1sWnS.js';
+import { u as useDeepCompareEffect } from './bundle-BmoSvBYM.js';
+import { d as deleteNullish } from './bundle-MlG9piGf.js';
+import { CollectionEventSource } from '@sendbird/chat';
+import { K } from './bundle-DEuCwnTn.js';
+import { a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE, i as META_ARRAY_VOICE_DURATION_KEY, j as META_ARRAY_MESSAGE_TYPE_KEY, k as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from './bundle-CqLLOVG5.js';
 
 var pass = function (value) { return value; };
 /**
@@ -83,7 +84,7 @@ function useMessageActions(params) {
     }); }, [eventHandlers]);
     return {
         sendUserMessage: useCallback(function (params) { return __awaiter(_this, void 0, void 0, function () {
-            var internalParams, processedParams;
+            var internalParams, processedParams, message;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -91,12 +92,20 @@ function useMessageActions(params) {
                         return [4 /*yield*/, processParams(onBeforeSendUserMessage, internalParams, 'user')];
                     case 1:
                         processedParams = _a.sent();
-                        return [2 /*return*/, sendUserMessage(processedParams, asyncScrollToBottom)];
+                        return [4 /*yield*/, sendUserMessage(processedParams, asyncScrollToBottom)];
+                    case 2:
+                        message = _a.sent();
+                        pubSub.publish(PUBSUB_TOPICS.SEND_USER_MESSAGE, {
+                            channel: currentChannel,
+                            message: message,
+                            publishingModules: [PublishingModuleType.CHANNEL],
+                        });
+                        return [2 /*return*/, message];
                 }
             });
         }); }, [buildInternalMessageParams, sendUserMessage, scrollToBottom, processParams]),
         sendFileMessage: useCallback(function (params) { return __awaiter(_this, void 0, void 0, function () {
-            var internalParams, processedParams;
+            var internalParams, processedParams, message;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -104,12 +113,20 @@ function useMessageActions(params) {
                         return [4 /*yield*/, processParams(onBeforeSendFileMessage, internalParams, 'file')];
                     case 1:
                         processedParams = _a.sent();
-                        return [2 /*return*/, sendFileMessage(processedParams, asyncScrollToBottom)];
+                        return [4 /*yield*/, sendFileMessage(processedParams, asyncScrollToBottom)];
+                    case 2:
+                        message = _a.sent();
+                        pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+                            channel: currentChannel,
+                            message: message,
+                            publishingModules: [PublishingModuleType.CHANNEL],
+                        });
+                        return [2 /*return*/, message];
                 }
             });
         }); }, [buildInternalMessageParams, sendFileMessage, scrollToBottom, processParams]),
         sendMultipleFilesMessage: useCallback(function (params) { return __awaiter(_this, void 0, void 0, function () {
-            var internalParams, processedParams;
+            var internalParams, processedParams, message;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -117,7 +134,15 @@ function useMessageActions(params) {
                         return [4 /*yield*/, processParams(onBeforeSendMultipleFilesMessage, internalParams, 'multipleFiles')];
                     case 1:
                         processedParams = _a.sent();
-                        return [2 /*return*/, sendMultipleFilesMessage(processedParams, asyncScrollToBottom)];
+                        return [4 /*yield*/, sendMultipleFilesMessage(processedParams, asyncScrollToBottom)];
+                    case 2:
+                        message = _a.sent();
+                        pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+                            channel: currentChannel,
+                            message: message,
+                            publishingModules: [PublishingModuleType.CHANNEL],
+                        });
+                        return [2 /*return*/, message];
                 }
             });
         }); }, [buildInternalMessageParams, sendMultipleFilesMessage, scrollToBottom, processParams]),
@@ -203,13 +228,20 @@ var useGroupChannel = function () {
                     if (state.currentChannel && !state.hasNext()) {
                         state.resetNewMessages();
                         if (!state.disableMarkAsRead) {
-                            markAsReadScheduler.push(state.currentChannel);
+                            if (!config.groupChannel.enableMarkAsUnread && state.currentChannel.myMemberState !== 'none') {
+                                markAsReadScheduler.push(state.currentChannel);
+                            }
                         }
                     }
                     return [2 /*return*/];
             }
         });
-    }); }, [state.scrollRef.current, config.isOnline, markAsReadScheduler]);
+    }); }, [state.scrollRef.current, config.isOnline, markAsReadScheduler, config.groupChannel.enableMarkAsUnread]);
+    var markAsReadAll = useCallback(function (channel) {
+        if (config.isOnline && !state.disableMarkAsRead && channel) {
+            markAsReadScheduler === null || markAsReadScheduler === void 0 ? void 0 : markAsReadScheduler.push(channel);
+        }
+    }, [config.isOnline, state.disableMarkAsRead]);
     var scrollToMessage = useCallback(function (createdAt, messageId, messageFocusAnimated, scrollAnimated) { return __awaiter(void 0, void 0, void 0, function () {
         var element, parentNode, clickHandler, message, topOffset;
         return __generator(this, function (_a) {
@@ -290,10 +322,10 @@ var useGroupChannel = function () {
     }, [(_b = state.currentChannel) === null || _b === void 0 ? void 0 : _b.deleteReaction, (_c = state.currentChannel) === null || _c === void 0 ? void 0 : _c.addReaction]);
     var messageActions = useMessageActions(__assign(__assign({}, state), { scrollToBottom: scrollToBottom }));
     var setCurrentChannel = useCallback(function (channel) {
-        store.setState(function (state) { return (__assign(__assign({}, state), { currentChannel: channel, fetchChannelError: null, quoteMessage: null, animatedMessageId: null, nicknamesMap: new Map(channel.members.map(function (_a) {
+        store.setState(function (state) { return (__assign(__assign({}, state), { currentChannel: channel, fetchChannelError: null, quoteMessage: null, animatedMessageId: null, nicknamesMap: channel ? new Map(channel.members.map(function (_a) {
                 var userId = _a.userId, nickname = _a.nickname;
                 return [userId, nickname];
-            })) })); }, true);
+            })) : new Map() })); }, true);
     }, []);
     var handleChannelError = useCallback(function (error) {
         store.setState(function (state) { return (__assign(__assign({}, state), { currentChannel: null, fetchChannelError: error, quoteMessage: null, animatedMessageId: null })); });
@@ -301,11 +333,21 @@ var useGroupChannel = function () {
     var setQuoteMessage = useCallback(function (message) {
         store.setState(function (state) { return (__assign(__assign({}, state), { quoteMessage: message })); });
     }, []);
+    var setReadStateChanged = useCallback(function (readState) {
+        store.setState(function (state) { return (__assign(__assign({}, state), { readState: readState })); });
+    }, []);
+    var setFirstUnreadMessageId = useCallback(function (messageId) {
+        store.setState(function (state) { return (__assign(__assign({}, state), { firstUnreadMessageId: messageId })); });
+    }, []);
     var actions = useMemo(function () {
-        return __assign({ setCurrentChannel: setCurrentChannel, handleChannelError: handleChannelError, setQuoteMessage: setQuoteMessage, scrollToBottom: scrollToBottom, scrollToMessage: scrollToMessage, toggleReaction: toggleReaction, setAnimatedMessageId: setAnimatedMessageId, setIsScrollBottomReached: setIsScrollBottomReached }, messageActions);
+        return __assign({ setCurrentChannel: setCurrentChannel, handleChannelError: handleChannelError, markAsReadAll: markAsReadAll, markAsUnread: state.markAsUnread, setReadStateChanged: setReadStateChanged, setFirstUnreadMessageId: setFirstUnreadMessageId, setQuoteMessage: setQuoteMessage, scrollToBottom: scrollToBottom, scrollToMessage: scrollToMessage, toggleReaction: toggleReaction, setAnimatedMessageId: setAnimatedMessageId, setIsScrollBottomReached: setIsScrollBottomReached }, messageActions);
     }, [
         setCurrentChannel,
         handleChannelError,
+        markAsReadAll,
+        state.markAsUnread,
+        setReadStateChanged,
+        setFirstUnreadMessageId,
         setQuoteMessage,
         scrollToBottom,
         scrollToMessage,
@@ -406,7 +448,7 @@ function getScrollBehavior(behavior, animated) {
     return behavior;
 }
 
-var initialState = {
+var initialState = function () { return ({
     currentChannel: null,
     channelUrl: '',
     fetchChannelError: null,
@@ -417,6 +459,7 @@ var initialState = {
     quoteMessage: null,
     animatedMessageId: null,
     isScrollBottomReached: true,
+    readState: null,
     scrollRef: { current: null },
     scrollDistanceFromBottomRef: { current: 0 },
     scrollPositionRef: { current: 0 },
@@ -430,9 +473,9 @@ var initialState = {
     disableMarkAsRead: false,
     scrollBehavior: 'auto',
     scrollPubSub: null,
-};
+}); };
 var GroupChannelContext = createContext(null);
-var createGroupChannelStore = function (props) { return createStore(__assign(__assign({}, initialState), props)); };
+var createGroupChannelStore = function (props) { return createStore(__assign(__assign({}, initialState()), props)); };
 var InternalGroupChannelProvider = function (props) {
     var children = props.children;
     var defaultProps = deleteNullish({
@@ -477,7 +520,7 @@ var GroupChannelManager = function (props) {
     var updateState = useGroupChannelStore().updateState;
     var _h = useSendbird().state, config = _h.config, stores = _h.stores;
     var sdkStore = stores.sdkStore;
-    var markAsReadScheduler = config.markAsReadScheduler, logger = config.logger, pubSub = config.pubSub;
+    var userId = config.userId, markAsReadScheduler = config.markAsReadScheduler, logger = config.logger, pubSub = config.pubSub;
     // ScrollHandler initialization
     var _j = useMessageListScroll(scrollBehavior, [(_a = state.currentChannel) === null || _a === void 0 ? void 0 : _a.url]), scrollRef = _j.scrollRef, scrollPubSub = _j.scrollPubSub, scrollDistanceFromBottomRef = _j.scrollDistanceFromBottomRef, scrollPositionRef = _j.scrollPositionRef;
     var isScrollBottomReached = state.isScrollBottomReached;
@@ -495,6 +538,32 @@ var GroupChannelManager = function (props) {
             return ReplyType.NONE;
         return ReplyType.ONLY_REPLY_TO_CHANNEL;
     });
+    var markAsUnreadSourceRef = useRef(undefined);
+    var markAsUnread = useCallback(function (message, source) {
+        var _a, _b, _c, _d;
+        if (!config.groupChannel.enableMarkAsUnread)
+            return;
+        if (!state.currentChannel) {
+            (_a = logger === null || logger === void 0 ? void 0 : logger.error) === null || _a === void 0 ? void 0 : _a.call(logger, 'GroupChannelProvider: channel is required for markAsUnread');
+            return;
+        }
+        try {
+            if (state.currentChannel.markAsUnread) {
+                state.currentChannel.markAsUnread(message);
+                (_b = logger === null || logger === void 0 ? void 0 : logger.info) === null || _b === void 0 ? void 0 : _b.call(logger, 'GroupChannelProvider: markAsUnread called for message', {
+                    messageId: message.messageId,
+                    source: source || 'unknown',
+                });
+                markAsUnreadSourceRef.current = source || 'internal';
+            }
+            else {
+                (_c = logger === null || logger === void 0 ? void 0 : logger.error) === null || _c === void 0 ? void 0 : _c.call(logger, 'GroupChannelProvider: markAsUnread method not available in current SDK version');
+            }
+        }
+        catch (error) {
+            (_d = logger === null || logger === void 0 ? void 0 : logger.error) === null || _d === void 0 ? void 0 : _d.call(logger, 'GroupChannelProvider: markAsUnread failed', error);
+        }
+    }, [state.currentChannel, logger, config.groupChannel.enableMarkAsUnread]);
     // Message Collection setup
     var messageDataSource = useGroupChannelMessages(sdkStore.sdk, state.currentChannel, {
         startingPoint: startingPoint,
@@ -502,8 +571,10 @@ var GroupChannelManager = function (props) {
         collectionCreator: getCollectionCreator(state.currentChannel, messageListQueryParams),
         shouldCountNewMessages: function () { return !isScrollBottomReached; },
         markAsRead: function (channels) {
-            if (isScrollBottomReached && !disableMarkAsRead) {
-                channels.forEach(function (it) { return markAsReadScheduler.push(it); });
+            if (!config.groupChannel.enableMarkAsUnread) {
+                if (isScrollBottomReached && !disableMarkAsRead) {
+                    channels.forEach(function (it) { return markAsReadScheduler.push(it); });
+                }
             }
         },
         onMessagesReceived: function (messages) {
@@ -513,7 +584,9 @@ var GroupChannelManager = function (props) {
                 // even though the next messages and the current messages length are the same.
                 // So added this condition to check if they are the same to prevent unnecessary calling scrollToBottom action
                 && messages.length !== state.messages.length) {
-                setTimeout(function () { return actions.scrollToBottom(true); }, 10);
+                setTimeout(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                    return [2 /*return*/, actions.scrollToBottom(true)];
+                }); }); }, 10);
             }
         },
         onChannelDeleted: function () {
@@ -524,7 +597,15 @@ var GroupChannelManager = function (props) {
             actions.setCurrentChannel(null);
             onBackClick === null || onBackClick === void 0 ? void 0 : onBackClick();
         },
-        onChannelUpdated: function (channel) {
+        onChannelUpdated: function (channel, ctx) {
+            if (ctx.source === CollectionEventSource.EVENT_CHANNEL_UNREAD
+                && ctx.userIds.includes(userId)) {
+                actions.setReadStateChanged('unread');
+            }
+            if (ctx.source === CollectionEventSource.EVENT_CHANNEL_READ
+                && ctx.userIds.includes(userId)) {
+                actions.setReadStateChanged('read');
+            }
             actions.setCurrentChannel(channel);
         },
         logger: logger,
@@ -570,8 +651,8 @@ var GroupChannelManager = function (props) {
             if ((pubSub === null || pubSub === void 0 ? void 0 : pubSub.subscribe) === undefined)
                 return [2 /*return*/];
             subscriptions = [
-                config.pubSub.subscribe(pubSubTopics.SEND_USER_MESSAGE, handleExternalMessage),
-                config.pubSub.subscribe(pubSubTopics.SEND_FILE_MESSAGE, handleExternalMessage),
+                pubSub.subscribe(pubSubTopics.SEND_USER_MESSAGE, handleExternalMessage),
+                pubSub.subscribe(pubSubTopics.SEND_FILE_MESSAGE, handleExternalMessage),
             ];
             return [2 /*return*/, function () {
                     subscriptions.forEach(function (subscription) { return subscription.remove(); });
@@ -656,9 +737,9 @@ var GroupChannelManager = function (props) {
         isScrollBottomReached,
     ]);
     useDeepCompareEffect(function () {
-        updateState(__assign(__assign(__assign(__assign(__assign({ 
+        updateState(__assign(__assign(__assign(__assign(__assign(__assign({ 
             // Channel state
-            channelUrl: channelUrl, currentChannel: state.currentChannel }, configurations), scrollState), eventHandlers), renderProps), messageDataSource));
+            channelUrl: channelUrl, currentChannel: state.currentChannel }, configurations), scrollState), eventHandlers), renderProps), messageDataSource), { markAsUnread: markAsUnread, markAsUnreadSourceRef: markAsUnreadSourceRef }));
     }, [
         channelUrl,
         (_c = state.currentChannel) === null || _c === void 0 ? void 0 : _c.serialize(),
@@ -673,7 +754,7 @@ var GroupChannelManager = function (props) {
     return children;
 };
 var GroupChannelProvider = function (props) {
-    return (React__default.createElement(InternalGroupChannelProvider, __assign({}, props),
+    return (React__default.createElement(InternalGroupChannelProvider, __assign({ key: props.channelUrl }, props),
         React__default.createElement(GroupChannelManager, __assign({}, props),
             React__default.createElement(UserProfileProvider, __assign({}, props), props.children))));
 };
@@ -682,7 +763,7 @@ var GroupChannelProvider = function (props) {
  * @returns {ReturnType<typeof createStore<GroupChannelState>>}
  */
 var useGroupChannelStore = function () {
-    return useStore(GroupChannelContext, function (state) { return state; }, initialState);
+    return useStore(GroupChannelContext, function (state) { return state; }, initialState());
 };
 // Keep this function for backward compatibility.
 var useGroupChannelContext = function () {
@@ -697,4 +778,4 @@ function getCollectionCreator(groupChannel, messageListQueryParams) {
 }
 
 export { GroupChannelContext as G, InternalGroupChannelProvider as I, GroupChannelProvider as a, useGroupChannelContext as b, GroupChannelManager as c, useGroupChannel as u };
-//# sourceMappingURL=bundle-CH17iDvf.js.map
+//# sourceMappingURL=bundle-CmmJVpwV.js.map

package/chunks/{bundle-CH17iDvf.js.map → bundle-CmmJVpwV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-CH17iDvf.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-CmmJVpwV.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-CAC-g7DL.js → bundle-CnnonhFO.js}

@@ -1,13 +1,13 @@
-import { _ as __assign, d as __rest } from './bundle-B7RvGM03.js';
+import { _ as __assign, d as __rest } from './bundle-yl5d1NoZ.js';
 import React__default, { useContext, useCallback, useMemo, useRef, useEffect } from 'react';
 import { GroupChannelFilter } from '@sendbird/chat/groupChannel';
 import { useGroupChannelList as useGroupChannelList$1, useGroupChannelHandler } from '@sendbird/uikit-tools';
-import { U as UserProfileProvider } from './bundle-CZiyJYBm.js';
-import { u as useOnlineStatus, a as useMarkAsDeliveredScheduler } from './bundle-2gpPNxD4.js';
-import { s as shimExports, u as useStore, c as createStore } from './bundle-Pi8D8X0p.js';
-import { d as deleteNullish, n as noop } from './bundle-BsH3r84n.js';
-import { u as useSendbird } from './bundle-BwKOzdpa.js';
-import { u as useDeepCompareEffect } from './bundle-COT_8pQt.js';
+import { U as UserProfileProvider } from './bundle-B0s_McF0.js';
+import { u as useOnlineStatus, a as useMarkAsDeliveredScheduler } from './bundle-DS1Ocu-E.js';
+import { s as shimExports, u as useStore, c as createStore } from './bundle-BUYU9H94.js';
+import { d as deleteNullish, n as noop } from './bundle-MlG9piGf.js';
+import { u as useSendbird } from './bundle-i_3w58Zd.js';
+import { u as useDeepCompareEffect } from './bundle-BmoSvBYM.js';
 
 var useGroupChannelList = function () {
     var store = useContext(GroupChannelListContext);
@@ -24,7 +24,7 @@ var useGroupChannelList = function () {
 };
 
 var GroupChannelListContext = React__default.createContext(null);
-var initialState = {
+var initialState = function () { return ({
     className: '',
     selectedChannelUrl: '',
     disableAutoSelect: false,
@@ -44,12 +44,12 @@ var initialState = {
     refresh: null,
     loadMore: null,
     scrollRef: { current: null },
-};
+}); };
 /**
  * @returns {ReturnType<typeof createStore<GroupChannelListState>>}
  */
 var useGroupChannelListStore = function () {
-    return useStore(GroupChannelListContext, function (state) { return state; }, initialState);
+    return useStore(GroupChannelListContext, function (state) { return state; }, initialState());
 };
 var GroupChannelListManager = function (_a) {
     var _b, _c, _d, _e, _f, _g;
@@ -165,7 +165,7 @@ var GroupChannelListManager = function (_a) {
     ]);
     return null;
 };
-var createGroupChannelListStore = function (props) { return createStore(__assign(__assign({}, initialState), props)); };
+var createGroupChannelListStore = function (props) { return createStore(__assign(__assign({}, initialState()), props)); };
 var InternalGroupChannelListProvider = function (props) {
     var children = props.children;
     var defaultProps = deleteNullish({
@@ -206,4 +206,4 @@ function getCollectionCreator(sdk, channelListQueryParams) {
 }
 
 export { GroupChannelListContext as G, useGroupChannelListStore as a, GroupChannelListManager as b, GroupChannelListProvider as c, useGroupChannelListContext as d, useGroupChannelList as u };
-//# sourceMappingURL=bundle-CAC-g7DL.js.map
+//# sourceMappingURL=bundle-CnnonhFO.js.map

package/chunks/bundle-CnnonhFO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CnnonhFO.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-BPeFWEBC.js → bundle-Coe_wsHL.js}

@@ -1,7 +1,7 @@
-import { _ as __assign } from './bundle-B7RvGM03.js';
+import { _ as __assign } from './bundle-yl5d1NoZ.js';
 import React__default from 'react';
-import { S as SuggestedMentionListView } from './bundle-B_rjSjbC.js';
-import { u as useThread } from './bundle-B7Xss2Oi.js';
+import { S as SuggestedMentionListView } from './bundle-sf0POh6_.js';
+import { u as useThread } from './bundle-a_zBi15q.js';
 
 var SuggestedMentionList = function (props) {
     var currentChannel = useThread().state.currentChannel;
@@ -9,4 +9,4 @@ var SuggestedMentionList = function (props) {
 };
 
 export { SuggestedMentionList as S };
-//# sourceMappingURL=bundle-BPeFWEBC.js.map
+//# sourceMappingURL=bundle-Coe_wsHL.js.map

package/chunks/bundle-Coe_wsHL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-Coe_wsHL.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/chunks/{bundle-DwUX_8pX.js → bundle-CqLLOVG5.js}

@@ -37,5 +37,5 @@ var CACHED_MESSAGE_TEMPLATES_TOKEN_KEY = 'sendbird_message_templates_token_key';
 var CACHED_MESSAGE_TEMPLATES_KEY = 'sendbird_message_templates_key';
 var MESSAGE_TEMPLATE_KEY = 'message_template';
 
-export { BROWSER_SUPPORT_MIME_TYPE_LIST as B, CACHED_MESSAGE_TEMPLATES_TOKEN_KEY as C, DELIVERY_RECEIPT as D, MESSAGE_TEMPLATE_KEY as M, ONE_MiB as O, SCROLL_BUFFER as S, VOICE_RECORDER_AUDIO_BIT_RATE as V, VOICE_MESSAGE_FILE_NAME as a, VOICE_MESSAGE_MIME_TYPE as b, VOICE_PLAYER_AUDIO_ID as c, VOICE_RECORDER_AUDIO_SAMPLE_RATE as d, SCROLL_BOTTOM_DELAY_FOR_SEND as e, SCROLL_BOTTOM_DELAY_FOR_FETCH as f, VOICE_RECORDER_DEFAULT_MIN as g, VOICE_RECORDER_CLICK_BUFFER_TIME as h, META_ARRAY_VOICE_DURATION_KEY as i, META_ARRAY_MESSAGE_TYPE_KEY as j, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as k, VOICE_MESSAGE_FILE_NAME__XM4A as l, VOICE_MESSAGE_MIME_TYPE__XM4A as m, VOICE_PLAYER_ROOT_ID as n, SLIDER_BUTTON_ICON_SIDE_LENGTH as o, CACHED_MESSAGE_TEMPLATES_KEY as p, DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT as q, DEFAULT_UPLOAD_SIZE_LIMIT as r, VOICE_RECORDER_DEFAULT_MAX as s };
-//# sourceMappingURL=bundle-DwUX_8pX.js.map
+export { BROWSER_SUPPORT_MIME_TYPE_LIST as B, CACHED_MESSAGE_TEMPLATES_TOKEN_KEY as C, DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT as D, MESSAGE_TEMPLATE_KEY as M, ONE_MiB as O, SCROLL_BUFFER as S, VOICE_RECORDER_AUDIO_BIT_RATE as V, VOICE_MESSAGE_FILE_NAME as a, VOICE_MESSAGE_MIME_TYPE as b, VOICE_PLAYER_AUDIO_ID as c, VOICE_RECORDER_AUDIO_SAMPLE_RATE as d, SCROLL_BOTTOM_DELAY_FOR_SEND as e, SCROLL_BOTTOM_DELAY_FOR_FETCH as f, VOICE_RECORDER_DEFAULT_MIN as g, VOICE_RECORDER_CLICK_BUFFER_TIME as h, META_ARRAY_VOICE_DURATION_KEY as i, META_ARRAY_MESSAGE_TYPE_KEY as j, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as k, VOICE_MESSAGE_FILE_NAME__XM4A as l, VOICE_MESSAGE_MIME_TYPE__XM4A as m, VOICE_PLAYER_ROOT_ID as n, SLIDER_BUTTON_ICON_SIDE_LENGTH as o, CACHED_MESSAGE_TEMPLATES_KEY as p, DEFAULT_UPLOAD_SIZE_LIMIT as q, VOICE_RECORDER_DEFAULT_MAX as r, DELIVERY_RECEIPT as s };
+//# sourceMappingURL=bundle-CqLLOVG5.js.map

package/chunks/bundle-CqLLOVG5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CqLLOVG5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-Vv-hPvqF.js → bundle-CtQtfJlT.js}

@@ -1,15 +1,15 @@
-import { a as __spreadArray } from './bundle-B7RvGM03.js';
+import { c as __spreadArray } from './bundle-yl5d1NoZ.js';
 import React__default, { useContext, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { c as classnames, n as noop } from './bundle-BsH3r84n.js';
-import { L as LocalizationContext } from './bundle-DVsUiVO7.js';
-import { u as useMediaQueryContext } from './bundle-DVe4vLri.js';
+import { c as classnames, n as noop } from './bundle-MlG9piGf.js';
+import { L as LocalizationContext } from './bundle-Del33VzI.js';
+import { u as useMediaQueryContext } from './bundle-DBhJIxHw.js';
 import IconButton from '../ui/IconButton.js';
 import Button, { ButtonTypes } from '../ui/Button.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-sYB0sr_l.js';
-import { u as uuidv4 } from './bundle-BgnOPI6k.js';
-import { u as useSendbird } from './bundle-BwKOzdpa.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-viBng0Kh.js';
+import { u as uuidv4 } from './bundle-DGh2T5IL.js';
+import { u as useSendbird } from './bundle-i_3w58Zd.js';
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
@@ -62,4 +62,4 @@ function Modal(props) {
 }
 
 export { Modal as M, MODAL_ROOT as a, ModalRoot as b, ModalFooter as c, ModalHeader as d, ModalBody as e };
-//# sourceMappingURL=bundle-Vv-hPvqF.js.map
+//# sourceMappingURL=bundle-CtQtfJlT.js.map

package/chunks/bundle-CtQtfJlT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CtQtfJlT.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-0x9HH0oi.js → bundle-CvsU5rx0.js}

@@ -1,12 +1,12 @@
-import { a as __spreadArray, b as __awaiter, c as __generator, _ as __assign } from './bundle-B7RvGM03.js';
-import { u as useStore, c as createStore, s as shimExports } from './bundle-Pi8D8X0p.js';
+import { c as __spreadArray, a as __awaiter, b as __generator, _ as __assign } from './bundle-yl5d1NoZ.js';
+import { u as useStore, c as createStore, s as shimExports } from './bundle-BUYU9H94.js';
 import React__default, { useEffect, createContext, useState, useCallback, useRef, useContext, useMemo } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { u as uuidv4 } from './bundle-BgnOPI6k.js';
-import { c as compareIds } from './bundle-DiuNEyCv.js';
-import { c as classnames, d as deleteNullish } from './bundle-BsH3r84n.js';
-import { U as UserProfileProvider } from './bundle-CZiyJYBm.js';
-import { u as useSendbird } from './bundle-BwKOzdpa.js';
+import { u as uuidv4 } from './bundle-DGh2T5IL.js';
+import { c as compareIds } from './bundle-CM73CDTO.js';
+import { c as classnames, d as deleteNullish } from './bundle-MlG9piGf.js';
+import { U as UserProfileProvider } from './bundle-B0s_McF0.js';
+import { u as useSendbird } from './bundle-i_3w58Zd.js';
 
 function useSetChannel(_a) {
     var _this = this;
@@ -76,15 +76,21 @@ var useChannelHandler = function (_a) {
         var newChannelHandlerId = uuidv4();
         var channelHandler = new GroupChannelHandler({
             onUserLeft: function (channel, user) {
+                var _a;
                 if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
                     logger.info('ChannelSettings: onUserLeft', { channel: channel, user: user });
-                    forceUpdateUI();
+                    if (user.userId !== ((_a = sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId)) {
+                        forceUpdateUI();
+                    }
                 }
             },
             onUserBanned: function (channel, user) {
+                var _a;
                 if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl) && channel.isGroupChannel()) {
                     logger.info('ChannelSettings: onUserBanned', { channel: channel, user: user });
-                    forceUpdateUI();
+                    if (user.userId !== ((_a = sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId)) {
+                        forceUpdateUI();
+                    }
                 }
             },
         });
@@ -216,4 +222,4 @@ var useChannelSettings = function () {
 };
 
 export { ChannelSettingsContext as C, ChannelSettingsProvider as a, useChannelSettingsContext as b, useChannelSettings as u };
-//# sourceMappingURL=bundle-0x9HH0oi.js.map
+//# sourceMappingURL=bundle-CvsU5rx0.js.map

package/chunks/{bundle-BqABa95r.js.map → bundle-CvsU5rx0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-BqABa95r.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-CvsU5rx0.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-BPQwWHRF.js → bundle-CzwYTfhQ.js}

@@ -1,4 +1,4 @@
-import { U as UIKIT_COMPATIBLE_FORM_VERSION } from './bundle-c7rLu_k3.js';
+import { U as UIKIT_COMPATIBLE_FORM_VERSION } from './bundle-BEx1sWnS.js';
 
 function getComponentKeyFromMessage(message) {
     if ('sendingStatus' in message) {
@@ -51,5 +51,5 @@ var isDisabledBecauseMessageForm = function (allMessages, enableFormTypeMessage)
         });
 };
 
-export { isDisabledBecauseMuted as a, isContextMenuClosed as b, isDisabledBecauseSuggestedReplies as c, isDisabledBecauseMessageForm as d, getMessageTopOffset as e, isFormVersionCompatible as f, getComponentKeyFromMessage as g, isDisabledBecauseFrozen as i };
-//# sourceMappingURL=bundle-BPQwWHRF.js.map
+export { isDisabledBecauseMuted as a, isDisabledBecauseSuggestedReplies as b, isDisabledBecauseMessageForm as c, isContextMenuClosed as d, getComponentKeyFromMessage as e, isFormVersionCompatible as f, getMessageTopOffset as g, isDisabledBecauseFrozen as i };
+//# sourceMappingURL=bundle-CzwYTfhQ.js.map

package/chunks/bundle-CzwYTfhQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CzwYTfhQ.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-DyqxlZ5H.js → bundle-D1OvmDcy.js}

@@ -1,11 +1,11 @@
 import React__default, { useContext } from 'react';
-import { M as Modal } from './bundle-Vv-hPvqF.js';
-import './bundle-B7RvGM03.js';
-import './bundle-sYB0sr_l.js';
+import { M as Modal } from './bundle-CtQtfJlT.js';
+import './bundle-yl5d1NoZ.js';
+import './bundle-viBng0Kh.js';
 import { ButtonTypes } from '../ui/Button.js';
-import { L as LocalizationContext } from './bundle-DVsUiVO7.js';
-import { g as getModalDeleteMessageTitle } from './bundle-Bb-DXei6.js';
-import { u as useThread } from './bundle-B7Xss2Oi.js';
+import { L as LocalizationContext } from './bundle-Del33VzI.js';
+import { g as getModalDeleteMessageTitle } from './bundle-BxzlMlCv.js';
+import { u as useThread } from './bundle-a_zBi15q.js';
 
 var RemoveMessage = function (props) {
     var _a, _b;
@@ -21,4 +21,4 @@ var RemoveMessage = function (props) {
 };
 
 export { RemoveMessage as R };
-//# sourceMappingURL=bundle-DyqxlZ5H.js.map
+//# sourceMappingURL=bundle-D1OvmDcy.js.map

package/chunks/bundle-D1OvmDcy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-D1OvmDcy.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-DO39GevF.js → bundle-D1nuDKhb.js}

@@ -32,4 +32,4 @@ var pubSubFactory = function (opts) {
 };
 
 export { pubSubFactory as p };
-//# sourceMappingURL=bundle-DO39GevF.js.map
+//# sourceMappingURL=bundle-D1nuDKhb.js.map

package/chunks/bundle-D1nuDKhb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-D1nuDKhb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-DMm4A8zZ.js → bundle-D5hQctFB.js}

@@ -1,19 +1,19 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef, useMemo } from 'react';
-import { u as useLocalization } from './bundle-DVsUiVO7.js';
-import { U as UserProfileProvider } from './bundle-CZiyJYBm.js';
-import { _ as __assign, a as __spreadArray, b as __awaiter, c as __generator } from './bundle-B7RvGM03.js';
-import { c as compareIds } from './bundle-DiuNEyCv.js';
-import { p as pubSubTopics } from './bundle-CRkzqUcm.js';
+import { u as useLocalization } from './bundle-Del33VzI.js';
+import { U as UserProfileProvider } from './bundle-B0s_McF0.js';
+import { _ as __assign, c as __spreadArray, a as __awaiter, b as __generator } from './bundle-yl5d1NoZ.js';
+import { c as compareIds } from './bundle-CM73CDTO.js';
+import { p as pubSubTopics } from './bundle-BOykFtQ3.js';
 import { ChannelType } from '@sendbird/chat';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
-import { u as uuidv4 } from './bundle-BgnOPI6k.js';
-import { c as compressImages } from './bundle-yjBEqUul.js';
+import { u as uuidv4 } from './bundle-DGh2T5IL.js';
+import { c as compressImages } from './bundle-BtCCRSPc.js';
 import { useGlobalModalContext } from '../hooks/useModal.js';
-import { O as ONE_MiB } from './bundle-DwUX_8pX.js';
-import { c as ModalFooter } from './bundle-Vv-hPvqF.js';
-import './bundle-sYB0sr_l.js';
+import { O as ONE_MiB } from './bundle-CqLLOVG5.js';
+import { c as ModalFooter } from './bundle-CtQtfJlT.js';
+import './bundle-viBng0Kh.js';
 import { ButtonTypes } from '../ui/Button.js';
-import { u as useSendbird } from './bundle-BwKOzdpa.js';
+import { u as useSendbird } from './bundle-i_3w58Zd.js';
 
 var shouldFetchMore = function (messageLength, maxMessages) {
     if (typeof maxMessages !== 'number') {
@@ -1356,4 +1356,4 @@ var useOpenChannelContext = function () {
 };
 
 export { OpenChannelProvider as O, kFormatter as k, useOpenChannelContext as u };
-//# sourceMappingURL=bundle-DMm4A8zZ.js.map
+//# sourceMappingURL=bundle-D5hQctFB.js.map

package/chunks/{bundle-DMm4A8zZ.js.map → bundle-D5hQctFB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-DMm4A8zZ.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-D5hQctFB.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}