@sendbird/uikit-react 3.16.12 → 3.17.1

package/chunks/{bundle-BrXCxpq-.js → bundle-BilLWOEA.js}

@@ -1,4 +1,4 @@
-import { K } from './bundle-RuHd2ZCg.js';
+import { K } from './bundle-CgfPuvrT.js';
 
 var EmojiManager = /** @class */ (function () {
     function EmojiManager(props) {
@@ -146,4 +146,4 @@ var mapColorKeys = function (colorSet) {
 };
 
 export { EmojiManager as E, mapColorKeys as m };
-//# sourceMappingURL=bundle-BrXCxpq-.js.map
+//# sourceMappingURL=bundle-BilLWOEA.js.map

package/chunks/{bundle-BrXCxpq-.js.map → bundle-BilLWOEA.js.map}

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

package/chunks/{bundle-DPQUP26z.js → bundle-Bk_SPoMw.js}

@@ -69,4 +69,4 @@ var MediaQueryProvider = function (props) {
 var useMediaQueryContext = function () { return React__default.useContext(MediaQueryContext); };
 
 export { MediaQueryProvider as M, useMediaQueryContext as u };
-//# sourceMappingURL=bundle-DPQUP26z.js.map
+//# sourceMappingURL=bundle-Bk_SPoMw.js.map

package/chunks/bundle-Bk_SPoMw.js.map

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

package/chunks/{bundle-4iMyv8rL.js → bundle-BkzdUfPs.js}

@@ -20,4 +20,4 @@ function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
 }
 
 export { useReconnectOnIdle as u };
-//# sourceMappingURL=bundle-4iMyv8rL.js.map
+//# sourceMappingURL=bundle-BkzdUfPs.js.map

package/chunks/bundle-BkzdUfPs.js.map

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

package/chunks/{bundle-DRWzTTjk.js → bundle-BmZABrRu.js}

@@ -1,10 +1,10 @@
 import React__default from 'react';
 import { TypingIndicator } from '../GroupChannel/components/TypingIndicator.js';
-import { T as TypingIndicatorType } from './bundle-BjLWi0FR.js';
+import { T as TypingIndicatorType } from './bundle-Dcr0zhiH.js';
 import ConnectionStatus from '../ui/ConnectionStatus.js';
 import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
-import { d as deleteNullish } from './bundle-P5nwZD8V.js';
-import { u as useSendbird } from './bundle-q9ddBKNI.js';
+import { d as deleteNullish } from './bundle-CUxfmOhh.js';
+import { u as useSendbird } from './bundle-DJbjYe-m.js';
 
 var GroupChannelUIView = function (props) {
     var _a, _b, _c, _d;
@@ -43,4 +43,4 @@ var GroupChannelUIView = function (props) {
 };
 
 export { GroupChannelUIView as G };
-//# sourceMappingURL=bundle-DRWzTTjk.js.map
+//# sourceMappingURL=bundle-BmZABrRu.js.map

package/chunks/bundle-BmZABrRu.js.map

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

package/chunks/{bundle-CchdgpX6.js → bundle-BoEsweMj.js}

@@ -1,7 +1,7 @@
 import React__default, { useCallback, useEffect, useContext, useReducer } from 'react';
-import { p as pubSubTopics } from './bundle-BEsTeVKi.js';
-import { _ as __assign, a as __spreadArray } from './bundle-Cc3I5CYX.js';
-import { u as useSendbird } from './bundle-q9ddBKNI.js';
+import { p as pubSubTopics } from './bundle-CTIZ7Ykh.js';
+import { _ as __assign, c as __spreadArray } from './bundle-vQs-w4TJ.js';
+import { u as useSendbird } from './bundle-DJbjYe-m.js';
 
 var OpenChannelListFetchingStatus;
 (function (OpenChannelListFetchingStatus) {
@@ -332,4 +332,4 @@ var OpenChannelListProvider$1 = {
 };
 
 export { OpenChannelListProvider as O, OpenChannelListFetchingStatus as a, OpenChannelListActionTypes$1 as b, OpenChannelListProvider$1 as c, useOpenChannelListContext as u };
-//# sourceMappingURL=bundle-CchdgpX6.js.map
+//# sourceMappingURL=bundle-BoEsweMj.js.map

package/chunks/{bundle-CchdgpX6.js.map → bundle-BoEsweMj.js.map}

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

package/chunks/{bundle-Bza4PDR2.js → bundle-BpN5DBcv.js}

@@ -12,4 +12,4 @@ var pxToNumber = function (px) {
 };
 
 export { pxToNumber as p };
-//# sourceMappingURL=bundle-Bza4PDR2.js.map
+//# sourceMappingURL=bundle-BpN5DBcv.js.map

package/chunks/bundle-BpN5DBcv.js.map

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

package/chunks/{bundle-BaDSfPc2.js → bundle-BrzrUUTr.js}

@@ -1,4 +1,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 export { OG_MESSAGE_BODY_CLASSNAME as O };
-//# sourceMappingURL=bundle-BaDSfPc2.js.map
+//# sourceMappingURL=bundle-BrzrUUTr.js.map

package/chunks/bundle-BrzrUUTr.js.map

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

package/chunks/{bundle-BU0BvnMh.js → bundle-Bux9ukQX.js}

@@ -1,14 +1,14 @@
-import { a as __spreadArray } from './bundle-Cc3I5CYX.js';
+import { c as __spreadArray } from './bundle-vQs-w4TJ.js';
 import React__default from 'react';
-import { f as format } from './bundle-d5LRZz0u.js';
+import { f as format } from './bundle-D0r0ZDJu.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-C1GT9VW0.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-Ck1F12Yd.js';
 import Loader from '../ui/Loader.js';
-import { a as isDefaultChannelName, D as isTemplateMessage, k as isImage, A as isGif, j as isVideo, E as isAudio, F as isVoiceMessageMimeType, G as isSentStatus } from './bundle-DPyYquOn.js';
+import { a as isDefaultChannelName, E as isTemplateMessage, l as isImage, B as isGif, k as isVideo, F as isAudio, G as isVoiceMessageMimeType, H as isSentStatus } from './bundle-C_fUxdCB.js';
 import { OutgoingMessageStates, getOutgoingMessageState } from '../utils/message/getOutgoingMessageState.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-BBIiHpWB.js';
-import { u as useLocalization } from './bundle-DoS7oWHM.js';
-import { c as classnames } from './bundle-P5nwZD8V.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-b13Wg98Q.js';
+import { u as useLocalization } from './bundle-DNFxWldO.js';
+import { c as classnames } from './bundle-CUxfmOhh.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -136,4 +136,4 @@ function MessageStatus(_a) {
 }
 
 export { MessageStatus as M, getLastMessageText as a, getTotalMembers as b, getLastMessageCreatedAt as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
-//# sourceMappingURL=bundle-BU0BvnMh.js.map
+//# sourceMappingURL=bundle-Bux9ukQX.js.map

package/chunks/{bundle-BU0BvnMh.js.map → bundle-Bux9ukQX.js.map}

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

package/chunks/{bundle-IZT8GYVx.js → bundle-Bw9-kM0p.js}

@@ -1,21 +1,22 @@
-import { _ as __assign, b as __awaiter, c as __generator } from './bundle-Cc3I5CYX.js';
+import { _ as __assign, a as __awaiter, b as __generator } from './bundle-vQs-w4TJ.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-gsWT87_Q.js';
-import { p as pubSubFactory } from './bundle-CzRkg0IM.js';
-import { s as shimExports, u as useStore, c as createStore } from './bundle-BHVmxzEQ.js';
-import { e as getMessageTopOffset, b as isContextMenuClosed } from './bundle-D2vnvNzv.js';
-import { u as useSendbird } from './bundle-q9ddBKNI.js';
-import { g as getIsReactionEnabled } from './bundle-BLz9BjN4.js';
-import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from './bundle-DI0o43ul.js';
-import { P as PUBSUB_TOPICS, b as PublishingModuleType, p as pubSubTopics } from './bundle-BEsTeVKi.js';
-import { T as ThreadReplySelectType } from './bundle-B2lzJfYh.js';
-import { u as useDeepCompareEffect } from './bundle-DE6FtXLw.js';
-import { d as deleteNullish } from './bundle-P5nwZD8V.js';
-import { K } from './bundle-RuHd2ZCg.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-ClaUOmc5.js';
+import { U as UserProfileProvider } from './bundle-DkwXJBHp.js';
+import { p as pubSubFactory } from './bundle-DjbhNbPH.js';
+import { s as shimExports, u as useStore, c as createStore } from './bundle-o0clu6Og.js';
+import { g as getMessageTopOffset, d as isContextMenuClosed } from './bundle-D2stWbEd.js';
+import { u as useSendbird } from './bundle-DJbjYe-m.js';
+import { g as getIsReactionEnabled } from './bundle-z5Nelqj0.js';
+import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from './bundle-mPTSPNOr.js';
+import { P as PUBSUB_TOPICS, b as PublishingModuleType, p as pubSubTopics } from './bundle-CTIZ7Ykh.js';
+import { T as ThreadReplySelectType } from './bundle-CrjcKLbB.js';
+import { u as useDeepCompareEffect } from './bundle-BKEuuTFL.js';
+import { d as deleteNullish } from './bundle-CUxfmOhh.js';
+import { CollectionEventSource } from '@sendbird/chat';
+import { K } from './bundle-CgfPuvrT.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-BbORJ4UM.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]),
@@ -202,14 +227,21 @@ var useGroupChannel = function () {
                     state.scrollPubSub.publish('scrollToBottom', { animated: animated });
                     if (state.currentChannel && !state.hasNext()) {
                         state.resetNewMessages();
-                        if (!state.disableMarkAsRead && state.currentChannel.myMemberState !== 'none') {
-                            markAsReadScheduler.push(state.currentChannel);
+                        if (!state.disableMarkAsRead) {
+                            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) {
@@ -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-IZT8GYVx.js.map
+//# sourceMappingURL=bundle-Bw9-kM0p.js.map

package/{cjs/chunks/bundle-DN33FixM.js.map → chunks/bundle-Bw9-kM0p.js.map}

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

package/chunks/{bundle-DfIuos0r.js → bundle-BxzrhGgR.js}

@@ -1,16 +1,16 @@
-import { _ as __assign, b as __awaiter, c as __generator, a as __spreadArray, d as __rest } from './bundle-Cc3I5CYX.js';
+import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray, d as __rest } from './bundle-vQs-w4TJ.js';
 import React__default, { useState, useContext, useEffect, useMemo, useCallback } from 'react';
 import { Role } from '@sendbird/chat';
-import { L as LocalizationContext, u as useLocalization } from './bundle-DoS7oWHM.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-DNFxWldO.js';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
-import { U as UserListItemMenu } from './bundle-DlvCS0eB.js';
+import { U as UserListItemMenu } from './bundle-CDnQ-eiD.js';
 import { UserListItem } from '../ui/UserListItem.js';
-import { M as Modal } from './bundle-CO-raWw1.js';
-import { n as noop } from './bundle-P5nwZD8V.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-DEanwH0s.js';
-import { u as useChannelSettings } from './bundle-CmtsvUbO.js';
-import './bundle-C1GT9VW0.js';
-import { u as useSendbird } from './bundle-q9ddBKNI.js';
+import { M as Modal } from './bundle-Cp4bgSfe.js';
+import { n as noop } from './bundle-CUxfmOhh.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-Cc3NyHSS.js';
+import { u as useChannelSettings } from './bundle-zyamEgs-.js';
+import './bundle-Ck1F12Yd.js';
+import { u as useSendbird } from './bundle-DJbjYe-m.js';
 
 function MembersModal(_a) {
     var _this = this;
@@ -260,4 +260,4 @@ var MemberList = function (_a) {
 };
 
 export { MemberList as M };
-//# sourceMappingURL=bundle-DfIuos0r.js.map
+//# sourceMappingURL=bundle-BxzrhGgR.js.map

package/chunks/bundle-BxzrhGgR.js.map

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

package/chunks/{bundle-CxlbHSYb.js → bundle-C-JJ1V9E.js}

@@ -1,20 +1,21 @@
-import { a as __spreadArray, _ as __assign } from './bundle-Cc3I5CYX.js';
-import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from './bundle-d5LRZz0u.js';
-import { u as useLocalization } from './bundle-DoS7oWHM.js';
-import { M as MAX_USER_MENTION_COUNT, b as MAX_USER_SUGGESTION_COUNT } from './bundle-B2lzJfYh.js';
-import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-D2vnvNzv.js';
+import { c as __spreadArray, _ as __assign } from './bundle-vQs-w4TJ.js';
+import React__default, { useState, useEffect, useRef, useCallback, useLayoutEffect, useMemo } from 'react';
+import { f as format } from './bundle-D0r0ZDJu.js';
+import { u as useLocalization } from './bundle-DNFxWldO.js';
+import { M as MAX_USER_MENTION_COUNT, b as MAX_USER_SUGGESTION_COUNT } from './bundle-CrjcKLbB.js';
+import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-D2stWbEd.js';
 import { useDirtyGetMentions } from '../Message/hooks/useDirtyGetMentions.js';
-import { g as getSuggestedReplies } from './bundle-DPyYquOn.js';
+import { g as getSuggestedReplies } from './bundle-C_fUxdCB.js';
 import DateSeparator from '../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-C1GT9VW0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-Ck1F12Yd.js';
 import MessageInput from '../ui/MessageInput.js';
-import { M as MessageInputKeys } from './bundle-7upDXZ2x.js';
+import { M as MessageInputKeys } from './bundle-BVnY-VzH.js';
 import { MessageContent } from '../ui/MessageContent.js';
 import SuggestedReplies from '../GroupChannel/components/SuggestedReplies.js';
-import { S as SuggestedMentionListView } from './bundle-BkQVRdgx.js';
-import { d as deleteNullish, c as classnames } from './bundle-P5nwZD8V.js';
-import { u as useSendbird } from './bundle-q9ddBKNI.js';
+import { S as SuggestedMentionListView } from './bundle-C2fpBb4K.js';
+import { d as deleteNullish, c as classnames } from './bundle-CUxfmOhh.js';
+import { u as useSendbird } from './bundle-DJbjYe-m.js';
+import { C as Colors, c as changeColorToClassName } from './bundle-81k6nCAY.js';
 
 var useDidMountEffect = function (func, deps) {
     var _a = useState(false), didMount = _a[0], setDidMount = _a[1];
@@ -28,14 +29,48 @@ var useDidMountEffect = function (func, deps) {
     }, deps);
 };
 
+var NewMessageIndicator = function (_a) {
+    var _b = _a.children, children = _b === void 0 ? undefined : _b, _c = _a.className, className = _c === void 0 ? '' : _c, onVisibilityChange = _a.onVisibilityChange, _d = _a.separatorColor, separatorColor = _d === void 0 ? Colors.PRIMARY : _d;
+    var separatorRef = useRef(null);
+    var handleVisibilityChange = useCallback(function (isVisible) {
+        onVisibilityChange === null || onVisibilityChange === void 0 ? void 0 : onVisibilityChange(isVisible);
+    }, [onVisibilityChange]);
+    useLayoutEffect(function () {
+        var element = separatorRef.current;
+        if (!element || !onVisibilityChange)
+            return;
+        var observer = new IntersectionObserver(function (entries) {
+            entries.forEach(function (entry) {
+                var visible = entry.isIntersecting;
+                handleVisibilityChange(visible);
+            });
+        }, {
+            threshold: 1.0,
+            rootMargin: '0px',
+            root: null,
+        });
+        observer.observe(element);
+        return function () {
+            observer.disconnect();
+        };
+    }, [handleVisibilityChange, onVisibilityChange]);
+    return (React__default.createElement("div", { ref: separatorRef, className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-separator',
+        ], false).join(' ') },
+        React__default.createElement("div", { className: ['sendbird-separator__left', "".concat(changeColorToClassName(separatorColor), "--background-color")].join(' ') }),
+        React__default.createElement("div", { className: "sendbird-separator__text" }, children
+            || (React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.PRIMARY }, "New Messages"))),
+        React__default.createElement("div", { className: ['sendbird-separator__right', "".concat(changeColorToClassName(separatorColor), "--background-color")].join(' ') })));
+};
+
 // TODO: Refactor this component, is too complex now
 var MessageView = function (props) {
     var _a, _b;
     var 
     // MessageProps
-    message = props.message, children = props.children, hasSeparator = props.hasSeparator, chainTop = props.chainTop, chainBottom = props.chainBottom, handleScroll = props.handleScroll, 
+    message = props.message, children = props.children, hasSeparator = props.hasSeparator, hasNewMessageSeparator = props.hasNewMessageSeparator, chainTop = props.chainTop, chainBottom = props.chainBottom, handleScroll = props.handleScroll, onNewMessageSeparatorVisibilityChange = props.onNewMessageSeparatorVisibilityChange, 
     // MessageViewProps
-    channel = props.channel, emojiContainer = props.emojiContainer, editInputDisabled = props.editInputDisabled, shouldRenderSuggestedReplies = props.shouldRenderSuggestedReplies, isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, scrollToMessage = props.scrollToMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onQuoteMessageClick = props.onQuoteMessageClick, onReplyInThreadClick = props.onReplyInThreadClick, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, sendUserMessage = props.sendUserMessage, updateUserMessage = props.updateUserMessage, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, setAnimatedMessageId = props.setAnimatedMessageId, animatedMessageId = props.animatedMessageId, onMessageAnimated = props.onMessageAnimated, _c = props.usedInLegacy, usedInLegacy = _c === void 0 ? true : _c;
+    channel = props.channel, emojiContainer = props.emojiContainer, editInputDisabled = props.editInputDisabled, shouldRenderSuggestedReplies = props.shouldRenderSuggestedReplies, isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, scrollToMessage = props.scrollToMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onQuoteMessageClick = props.onQuoteMessageClick, onReplyInThreadClick = props.onReplyInThreadClick, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, sendUserMessage = props.sendUserMessage, updateUserMessage = props.updateUserMessage, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, markAsUnread = props.markAsUnread, setAnimatedMessageId = props.setAnimatedMessageId, animatedMessageId = props.animatedMessageId, onMessageAnimated = props.onMessageAnimated, _c = props.usedInLegacy, usedInLegacy = _c === void 0 ? true : _c;
     var _d = deleteNullish(props), renderUserMentionItem = _d.renderUserMentionItem, renderMessage = _d.renderMessage, _e = _d.renderMessageContent, renderMessageContent = _e === void 0 ? function (props) { return React__default.createElement(MessageContent, __assign({}, props)); } : _e, _f = _d.renderSuggestedReplies, renderSuggestedReplies = _f === void 0 ? function (props) { return React__default.createElement(SuggestedReplies, __assign({}, props)); } : _f, renderCustomSeparator = _d.renderCustomSeparator, renderEditInput = _d.renderEditInput, renderFileViewer = _d.renderFileViewer, renderRemoveMessageModal = _d.renderRemoveMessageModal, filterEmojiCategoryIds = _d.filterEmojiCategoryIds;
     var _g = useLocalization(), dateLocale = _g.dateLocale, stringSet = _g.stringSet;
     var state = useSendbird().state;
@@ -150,6 +185,7 @@ var MessageView = function (props) {
                 onMessageHeightChange: handleScroll,
                 onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 filterEmojiCategoryIds: filterEmojiCategoryIds,
+                markAsUnread: markAsUnread,
             }),
             shouldRenderSuggestedReplies && renderSuggestedReplies({
                 replyOptions: getSuggestedReplies(message),
@@ -221,8 +257,11 @@ var MessageView = function (props) {
                 React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
                     locale: dateLocale,
                 }))))),
+        hasNewMessageSeparator
+            && (React__default.createElement(NewMessageIndicator, { onVisibilityChange: onNewMessageSeparatorVisibilityChange },
+                React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.PRIMARY }, "New Messages"))),
         renderChildren()));
 };
 
 export { MessageView as M };
-//# sourceMappingURL=bundle-CxlbHSYb.js.map
+//# sourceMappingURL=bundle-C-JJ1V9E.js.map

package/chunks/bundle-C-JJ1V9E.js.map

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