@sendbird/uikit-react 3.10.1 → 3.10.2-alpha.0

package/Thread/context.js

@@ -1,24 +1,20 @@
 import React__default, { useEffect, useCallback, useReducer, useMemo } from 'react';
-import { a as compareIds, s as scrollIntoLast, g as getParentMessageFrom, u as useSendMultipleFilesMessage, b as getNicknamesMapFromMembers } from '../chunks/bundle-cHbX4Rxo.js';
-import { U as UserProfileProvider } from '../chunks/bundle-cXqs96Pt.js';
+import { c as compareIds, s as scrollIntoLast, g as getParentMessageFrom, u as useSendMultipleFilesMessage, a as getNicknamesMapFromMembers } from '../chunks/bundle-laVKAiJ-.js';
+import { U as UserProfileProvider } from '../chunks/bundle-vOT5acXc.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray, b as __awaiter, c as __generator } from '../chunks/bundle-GKopZh-T.js';
+import { _ as __assign, a as __spreadArray, b as __awaiter, c as __generator } from '../chunks/bundle-BA7tv0JB.js';
 import { ChannelStateTypes, ThreadListStateTypes, ParentMessageStateTypes } from './context/types.js';
 import { ChannelType } from '@sendbird/chat';
-import { p as pubSubTopics, a as shouldPubSubPublishToThread, b as PUBSUB_TOPICS, P as PublishingModuleType } from '../chunks/bundle-ku6CEjGk.js';
-import { s as ON_FILE_INFO_UPLOADED, t as ON_TYPING_STATUS_UPDATED } from '../chunks/bundle-pWIkt9Ng.js';
+import { p as pubSubTopics, a as shouldPubSubPublishToThread, b as PUBSUB_TOPICS, P as PublishingModuleType } from '../chunks/bundle-nlOgiAcu.js';
+import { s as ON_FILE_INFO_UPLOADED, t as ON_TYPING_STATUS_UPDATED } from '../chunks/bundle-_cXVZn5n.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { u as uuidv4 } from '../chunks/bundle-aeQZ5WsP.js';
-import { c as compareIds$1 } from '../chunks/bundle-yur9nm4N.js';
-import '../chunks/bundle-uk2Y0AQu.js';
+import { u as uuidv4 } from '../chunks/bundle-YoWLsJ0C.js';
+import { c as compareIds$1 } from '../chunks/bundle-NwZvowyL.js';
 import { MessageType, SendingStatus, MessageMetaArray } from '@sendbird/chat/message';
-import { a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, i as META_ARRAY_MESSAGE_TYPE_KEY, j as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from '../chunks/bundle-ZKM9Qk_j.js';
-import '../chunks/bundle-xsV7pD8p.js';
-import '../chunks/bundle-WDOQg3ty.js';
-import '../chunks/bundle-TV4-nyqN.js';
+import { a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, h as META_ARRAY_MESSAGE_TYPE_KEY, i as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from '../chunks/bundle-MBrlu_LK.js';
+import '../chunks/bundle-d5KevIXI.js';
 import '../utils/message/getOutgoingMessageState.js';
 import '../withSendbird.js';
-import '../chunks/bundle-kfNTRju0.js';
 
 var PREV_THREADS_FETCH_SIZE = 30;
 var NEXT_THREADS_FETCH_SIZE = 30;
@@ -358,47 +354,6 @@ function useGetAllEmoji(_a, _b) {
     }, [sdk]);
 }
 
-function useGetThreadList(_a, _b) {
-    var sdkInit = _a.sdkInit, parentMessage = _a.parentMessage, anchorMessage = _a.anchorMessage, isReactionEnabled = _a.isReactionEnabled;
-    var logger = _b.logger, threadDispatcher = _b.threadDispatcher;
-    useEffect(function () {
-        var _a;
-        // validation check
-        if (sdkInit && (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.getThreadedMessagesByTimestamp)) {
-            threadDispatcher({
-                type: ThreadContextActionTypes.INITIALIZE_THREAD_LIST_START,
-                payload: null,
-            });
-            var timeStamp = (anchorMessage === null || anchorMessage === void 0 ? void 0 : anchorMessage.createdAt) || 0;
-            var params = {
-                prevResultSize: PREV_THREADS_FETCH_SIZE,
-                nextResultSize: NEXT_THREADS_FETCH_SIZE,
-                includeReactions: isReactionEnabled,
-                includeMetaArray: true,
-            };
-            logger.info('Thread | useGetThreadList: Initialize thread list start.', { timeStamp: timeStamp, params: params });
-            (_a = parentMessage.getThreadedMessagesByTimestamp) === null || _a === void 0 ? void 0 : _a.call(parentMessage, timeStamp, params).then(function (_a) {
-                var parentMessage = _a.parentMessage, threadedMessages = _a.threadedMessages;
-                logger.info('Thread | useGetThreadList: Initialize thread list succeeded.', { parentMessage: parentMessage, threadedMessages: threadedMessages });
-                threadDispatcher({
-                    type: ThreadContextActionTypes.INITIALIZE_THREAD_LIST_SUCCESS,
-                    payload: {
-                        parentMessage: parentMessage,
-                        anchorMessage: anchorMessage,
-                        threadedMessages: threadedMessages,
-                    },
-                });
-            }).catch(function (error) {
-                logger.info('Therad | useGetThreadList: Initialize thread list failed.', error);
-                threadDispatcher({
-                    type: ThreadContextActionTypes.INITIALIZE_THREAD_LIST_FAILURE,
-                    payload: error,
-                });
-            });
-        }
-    }, [sdkInit, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId, anchorMessage]);
-}
-
 function useGetParentMessage(_a, _b) {
     var _this = this;
     var channelUrl = _a.channelUrl, sdkInit = _a.sdkInit, parentMessage = _a.parentMessage;
@@ -792,7 +747,7 @@ function useDeleteMessageCallback(_a, _b) {
                     type: ThreadContextActionTypes.ON_MESSAGE_DELETED_BY_REQ_ID,
                     payload: message.reqId,
                 });
-                resolve(message);
+                resolve();
             }
             logger.info('Thread | useDeleteMessageCallback: Deleting message from remote:', sendingStatus);
             (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.deleteMessage) === null || _a === void 0 ? void 0 : _a.call(currentChannel, message).then(function () {
@@ -801,7 +756,7 @@ function useDeleteMessageCallback(_a, _b) {
                     type: ThreadContextActionTypes.ON_MESSAGE_DELETED,
                     payload: { message: message, channel: currentChannel },
                 });
-                resolve(message);
+                resolve();
             }).catch(function (err) {
                 logger.warning('Thread | useDeleteMessageCallback: Deleting message failed!', err);
                 reject(err);
@@ -810,90 +765,6 @@ function useDeleteMessageCallback(_a, _b) {
     }, [currentChannel]);
 }
 
-function useGetPrevThreadsCallback(_a, _b) {
-    var hasMorePrev = _a.hasMorePrev, parentMessage = _a.parentMessage, threadListState = _a.threadListState, oldestMessageTimeStamp = _a.oldestMessageTimeStamp, isReactionEnabled = _a.isReactionEnabled;
-    var logger = _b.logger, threadDispatcher = _b.threadDispatcher;
-    return useCallback(function (callback) {
-        var _a;
-        // validation check
-        if (threadListState === ThreadListStateTypes.INITIALIZED
-            && (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.getThreadedMessagesByTimestamp)
-            && oldestMessageTimeStamp !== 0) {
-            threadDispatcher({
-                type: ThreadContextActionTypes.GET_PREV_MESSAGES_START,
-                payload: null,
-            });
-            (_a = parentMessage.getThreadedMessagesByTimestamp) === null || _a === void 0 ? void 0 : _a.call(parentMessage, oldestMessageTimeStamp, {
-                prevResultSize: PREV_THREADS_FETCH_SIZE,
-                nextResultSize: 0,
-                includeReactions: isReactionEnabled,
-                includeMetaArray: true,
-            }).then(function (_a) {
-                var parentMessage = _a.parentMessage, threadedMessages = _a.threadedMessages;
-                logger.info('Thread | useGetPrevThreadsCallback: Fetch prev threads succeeded.', { parentMessage: parentMessage, threadedMessages: threadedMessages });
-                threadDispatcher({
-                    type: ThreadContextActionTypes.GET_PREV_MESSAGES_SUCESS,
-                    payload: { parentMessage: parentMessage, threadedMessages: threadedMessages },
-                });
-                callback(threadedMessages);
-            }).catch(function (error) {
-                logger.info('Thread | useGetPrevThreadsCallback: Fetch prev threads failed.', error);
-                threadDispatcher({
-                    type: ThreadContextActionTypes.GET_PREV_MESSAGES_FAILURE,
-                    payload: error,
-                });
-            });
-        }
-    }, [
-        hasMorePrev,
-        parentMessage,
-        threadListState,
-        oldestMessageTimeStamp,
-    ]);
-}
-
-function useGetNextThreadsCallback(_a, _b) {
-    var hasMoreNext = _a.hasMoreNext, parentMessage = _a.parentMessage, threadListState = _a.threadListState, latestMessageTimeStamp = _a.latestMessageTimeStamp, isReactionEnabled = _a.isReactionEnabled;
-    var logger = _b.logger, threadDispatcher = _b.threadDispatcher;
-    return useCallback(function (callback) {
-        var _a;
-        // validation check
-        if (threadListState === ThreadListStateTypes.INITIALIZED
-            && (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.getThreadedMessagesByTimestamp)
-            && latestMessageTimeStamp !== 0) {
-            threadDispatcher({
-                type: ThreadContextActionTypes.GET_NEXT_MESSAGES_START,
-                payload: null,
-            });
-            (_a = parentMessage.getThreadedMessagesByTimestamp) === null || _a === void 0 ? void 0 : _a.call(parentMessage, latestMessageTimeStamp, {
-                prevResultSize: 0,
-                nextResultSize: NEXT_THREADS_FETCH_SIZE,
-                includeReactions: isReactionEnabled,
-                includeMetaArray: true,
-            }).then(function (_a) {
-                var parentMessage = _a.parentMessage, threadedMessages = _a.threadedMessages;
-                logger.info('Thread | useGetNextThreadsCallback: Fetch next threads succeeded.', { parentMessage: parentMessage, threadedMessages: threadedMessages });
-                threadDispatcher({
-                    type: ThreadContextActionTypes.GET_NEXT_MESSAGES_SUCESS,
-                    payload: { parentMessage: parentMessage, threadedMessages: threadedMessages },
-                });
-                callback(threadedMessages);
-            }).catch(function (error) {
-                logger.info('Thread | useGetNextThreadsCallback: Fetch next threads failed.', error);
-                threadDispatcher({
-                    type: ThreadContextActionTypes.GET_NEXT_MESSAGES_FAILURE,
-                    payload: error,
-                });
-            });
-        }
-    }, [
-        hasMoreNext,
-        parentMessage,
-        threadListState,
-        latestMessageTimeStamp,
-    ]);
-}
-
 function useToggleReactionCallback(_a, _b) {
     var currentChannel = _a.currentChannel;
     var logger = _b.logger;
@@ -1172,6 +1043,132 @@ var useSendVoiceMessageCallback = function (_a, _b) {
     return sendMessage;
 };
 
+function getThreadMessageListParams(params) {
+    return __assign({ prevResultSize: PREV_THREADS_FETCH_SIZE, nextResultSize: NEXT_THREADS_FETCH_SIZE, includeMetaArray: true }, params);
+}
+var useThreadFetchers = function (_a) {
+    var isReactionEnabled = _a.isReactionEnabled, anchorMessage = _a.anchorMessage, staleParentMessage = _a.parentMessage, threadDispatcher = _a.threadDispatcher, logger = _a.logger, oldestMessageTimeStamp = _a.oldestMessageTimeStamp, latestMessageTimeStamp = _a.latestMessageTimeStamp, threadListState = _a.threadListState;
+    var stores = useSendbirdStateContext().stores;
+    var timestamp = (anchorMessage === null || anchorMessage === void 0 ? void 0 : anchorMessage.createdAt) || 0;
+    var initialize = useCallback(function (callback) { return __awaiter(void 0, void 0, void 0, function () {
+        var params, _a, threadedMessages_1, parentMessage, error_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!stores.sdkStore.initialized || !staleParentMessage)
+                        return [2 /*return*/];
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.INITIALIZE_THREAD_LIST_START,
+                        payload: null,
+                    });
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    params = getThreadMessageListParams({ includeReactions: isReactionEnabled });
+                    logger.info('Thread | useGetThreadList: Initialize thread list start.', { timestamp: timestamp, params: params });
+                    return [4 /*yield*/, staleParentMessage.getThreadedMessagesByTimestamp(timestamp, params)];
+                case 2:
+                    _a = _b.sent(), threadedMessages_1 = _a.threadedMessages, parentMessage = _a.parentMessage;
+                    logger.info('Thread | useGetThreadList: Initialize thread list succeeded.', { staleParentMessage: staleParentMessage, threadedMessages: threadedMessages_1 });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.INITIALIZE_THREAD_LIST_SUCCESS,
+                        payload: { parentMessage: parentMessage, anchorMessage: anchorMessage, threadedMessages: threadedMessages_1 },
+                    });
+                    setTimeout(function () { return callback === null || callback === void 0 ? void 0 : callback(threadedMessages_1); });
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    logger.info('Thread | useGetThreadList: Initialize thread list failed.', error_1);
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.INITIALIZE_THREAD_LIST_FAILURE,
+                        payload: error_1,
+                    });
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [stores.sdkStore.initialized, staleParentMessage, anchorMessage, isReactionEnabled]);
+    var loadPrevious = useCallback(function (callback) { return __awaiter(void 0, void 0, void 0, function () {
+        var params, _a, threadedMessages_2, parentMessage, error_2;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (threadListState !== ThreadListStateTypes.INITIALIZED || oldestMessageTimeStamp === 0 || !staleParentMessage)
+                        return [2 /*return*/];
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.GET_PREV_MESSAGES_START,
+                        payload: null,
+                    });
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    params = getThreadMessageListParams({ nextResultSize: 0, includeReactions: isReactionEnabled });
+                    return [4 /*yield*/, staleParentMessage.getThreadedMessagesByTimestamp(oldestMessageTimeStamp, params)];
+                case 2:
+                    _a = _b.sent(), threadedMessages_2 = _a.threadedMessages, parentMessage = _a.parentMessage;
+                    logger.info('Thread | useGetPrevThreadsCallback: Fetch prev threads succeeded.', { parentMessage: parentMessage, threadedMessages: threadedMessages_2 });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.GET_PREV_MESSAGES_SUCESS,
+                        payload: { parentMessage: parentMessage, threadedMessages: threadedMessages_2 },
+                    });
+                    setTimeout(function () { return callback === null || callback === void 0 ? void 0 : callback(threadedMessages_2); });
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_2 = _b.sent();
+                    logger.info('Thread | useGetPrevThreadsCallback: Fetch prev threads failed.', error_2);
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.GET_PREV_MESSAGES_FAILURE,
+                        payload: error_2,
+                    });
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [threadListState, oldestMessageTimeStamp, isReactionEnabled, staleParentMessage]);
+    var loadNext = useCallback(function (callback) { return __awaiter(void 0, void 0, void 0, function () {
+        var params, _a, threadedMessages_3, parentMessage, error_3;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (threadListState !== ThreadListStateTypes.INITIALIZED || latestMessageTimeStamp === 0 || !staleParentMessage)
+                        return [2 /*return*/];
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.GET_NEXT_MESSAGES_START,
+                        payload: null,
+                    });
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    params = getThreadMessageListParams({ prevResultSize: 0, includeReactions: isReactionEnabled });
+                    return [4 /*yield*/, staleParentMessage.getThreadedMessagesByTimestamp(latestMessageTimeStamp, params)];
+                case 2:
+                    _a = _b.sent(), threadedMessages_3 = _a.threadedMessages, parentMessage = _a.parentMessage;
+                    logger.info('Thread | useGetNextThreadsCallback: Fetch next threads succeeded.', { parentMessage: parentMessage, threadedMessages: threadedMessages_3 });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.GET_NEXT_MESSAGES_SUCESS,
+                        payload: { parentMessage: parentMessage, threadedMessages: threadedMessages_3 },
+                    });
+                    setTimeout(function () { return callback === null || callback === void 0 ? void 0 : callback(threadedMessages_3); });
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_3 = _b.sent();
+                    logger.info('Thread | useGetNextThreadsCallback: Fetch next threads failed.', error_3);
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.GET_NEXT_MESSAGES_FAILURE,
+                        payload: error_3,
+                    });
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [threadListState, latestMessageTimeStamp, isReactionEnabled, staleParentMessage]);
+    return {
+        initialize: initialize,
+        loadPrevious: loadPrevious,
+        loadNext: loadNext,
+    };
+};
+
 var ThreadContext = React__default.createContext(null);
 var ThreadProvider = function (props) {
     var _a, _b;
@@ -1210,13 +1207,6 @@ var ThreadProvider = function (props) {
         sdkInit: sdkInit,
         parentMessage: propsParentMessage,
     }, { sdk: sdk, logger: logger, threadDispatcher: threadDispatcher });
-    useGetThreadList({
-        sdkInit: sdkInit,
-        parentMessage: parentMessage,
-        isReactionEnabled: isReactionEnabled,
-        anchorMessage: (propsMessage === null || propsMessage === void 0 ? void 0 : propsMessage.messageId) !== (propsParentMessage === null || propsParentMessage === void 0 ? void 0 : propsParentMessage.messageId) ? propsMessage : null,
-        // anchorMessage should be null when parentMessage doesn't exist
-    }, { logger: logger, threadDispatcher: threadDispatcher });
     useGetAllEmoji({ sdk: sdk }, { logger: logger, threadDispatcher: threadDispatcher });
     // Handle channel events
     useHandleChannelEvents({
@@ -1228,21 +1218,22 @@ var ThreadProvider = function (props) {
         currentChannel: currentChannel,
         parentMessage: parentMessage,
     }, { logger: logger, pubSub: pubSub, threadDispatcher: threadDispatcher });
-    // callbacks
-    var fetchPrevThreads = useGetPrevThreadsCallback({
-        hasMorePrev: hasMorePrev,
+    var _d = useThreadFetchers({
         parentMessage: parentMessage,
-        threadListState: threadListState,
+        // anchorMessage should be null when parentMessage doesn't exist
+        anchorMessage: (propsMessage === null || propsMessage === void 0 ? void 0 : propsMessage.messageId) !== (propsParentMessage === null || propsParentMessage === void 0 ? void 0 : propsParentMessage.messageId) ? propsMessage : undefined,
+        logger: logger,
         isReactionEnabled: isReactionEnabled,
-        oldestMessageTimeStamp: ((_a = allThreadMessages[0]) === null || _a === void 0 ? void 0 : _a.createdAt) || 0,
-    }, { logger: logger, threadDispatcher: threadDispatcher });
-    var fetchNextThreads = useGetNextThreadsCallback({
-        hasMoreNext: hasMoreNext,
-        parentMessage: parentMessage,
+        threadDispatcher: threadDispatcher,
         threadListState: threadListState,
-        isReactionEnabled: isReactionEnabled,
+        oldestMessageTimeStamp: ((_a = allThreadMessages[0]) === null || _a === void 0 ? void 0 : _a.createdAt) || 0,
         latestMessageTimeStamp: ((_b = allThreadMessages[allThreadMessages.length - 1]) === null || _b === void 0 ? void 0 : _b.createdAt) || 0,
-    }, { logger: logger, threadDispatcher: threadDispatcher });
+    }), initialize = _d.initialize, loadPrevious = _d.loadPrevious, loadNext = _d.loadNext;
+    useEffect(function () {
+        if (stores.sdkStore.initialized && config.isOnline) {
+            initialize();
+        }
+    }, [stores.sdkStore.initialized, config.isOnline, initialize]);
     var toggleReaction = useToggleReactionCallback({ currentChannel: currentChannel }, { logger: logger });
     // Send Message Hooks
     var sendMessage = useSendUserMessageCallback({
@@ -1309,8 +1300,8 @@ var ThreadProvider = function (props) {
             hasMoreNext: hasMoreNext,
             emojiContainer: emojiContainer,
             // hooks
-            fetchPrevThreads: fetchPrevThreads,
-            fetchNextThreads: fetchNextThreads,
+            fetchPrevThreads: loadPrevious,
+            fetchNextThreads: loadNext,
             toggleReaction: toggleReaction,
             sendMessage: sendMessage,
             sendFileMessage: sendFileMessage,

package/Thread/context.js.map

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

package/Thread.js

@@ -1,55 +1,55 @@
 import React__default from 'react';
 import { ThreadProvider } from './Thread/context.js';
 import ThreadUI from './Thread/components/ThreadUI.js';
-import './chunks/bundle-cHbX4Rxo.js';
-import './chunks/bundle-ku6CEjGk.js';
-import './chunks/bundle-xsV7pD8p.js';
-import './chunks/bundle-GKopZh-T.js';
-import './chunks/bundle-WDOQg3ty.js';
-import './chunks/bundle-TV4-nyqN.js';
-import './chunks/bundle-uk2Y0AQu.js';
-import '@sendbird/chat/groupChannel';
-import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-kfNTRju0.js';
+import './chunks/bundle-laVKAiJ-.js';
+import './chunks/bundle-nlOgiAcu.js';
+import './chunks/bundle-d5KevIXI.js';
+import './chunks/bundle-BA7tv0JB.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-cXqs96Pt.js';
+import './utils/message/getOutgoingMessageState.js';
+import './chunks/bundle-vOT5acXc.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 import './Thread/context/types.js';
 import '@sendbird/chat';
-import './chunks/bundle-pWIkt9Ng.js';
-import './chunks/bundle-aeQZ5WsP.js';
-import './chunks/bundle-yur9nm4N.js';
-import './chunks/bundle-ZKM9Qk_j.js';
-import './chunks/bundle-y_LgB6DS.js';
-import './chunks/bundle-YmIrZYPF.js';
-import './chunks/bundle-JbVZ1Tsw.js';
-import './chunks/bundle-dWJnfDPH.js';
+import './chunks/bundle-_cXVZn5n.js';
+import '@sendbird/chat/groupChannel';
+import './chunks/bundle-YoWLsJ0C.js';
+import './chunks/bundle-NwZvowyL.js';
+import './chunks/bundle-MBrlu_LK.js';
+import './chunks/bundle-BBjosDA0.js';
+import './chunks/bundle-jy6_UG14.js';
+import './chunks/bundle-ULVw0l0r.js';
+import './chunks/bundle-0J_EdUWI.js';
+import './chunks/bundle-I8JFwttJ.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-mTQPBbmZ.js';
-import './chunks/bundle-VPanFdbf.js';
+import './chunks/bundle-hDx2-CRe.js';
+import './chunks/bundle-lVxQMV9H.js';
+import './chunks/bundle-cvTUkQV_.js';
 import 'react-dom';
-import './chunks/bundle-WpHDilD_.js';
-import './chunks/bundle-KmauOTrg.js';
+import './chunks/bundle-cA_r9HRx.js';
+import './chunks/bundle-r9j_eCHc.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
 import './ui/Icon.js';
-import './chunks/bundle-Lt8mReNU.js';
+import './chunks/bundle-vz3GEsoi.js';
+import './chunks/bundle-N9hMnIRl.js';
+import './chunks/bundle-aKXnhi3A.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './chunks/bundle-OZZH5fXZ.js';
+import './chunks/bundle-LWD0OLz8.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-W8t7rR3H.js';
+import './chunks/bundle-0jbuC1o3.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './ui/BottomSheet.js';
 import './hooks/useModal.js';
 import './ui/UserListItem.js';
-import './chunks/bundle-X3h4GiLa.js';
-import './chunks/bundle-Kv4GXRTs.js';
+import './chunks/bundle-Qufz6_i_.js';
+import './chunks/bundle-jDjj3eHU.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
@@ -60,55 +60,63 @@ import './Message/context.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './chunks/bundle-J_erGfOo.js';
+import './chunks/bundle-drww6xht.js';
 import './VoiceRecorder/context.js';
 import './ui/PlaybackTime.js';
 import './ui/Loader.js';
-import './chunks/bundle-GbC4a59M.js';
-import './chunks/bundle-Gkl7Q1IK.js';
+import './chunks/bundle-agW9Hw66.js';
+import './chunks/bundle-IRlSmJVg.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
-import './chunks/bundle-ucXG1Py7.js';
-import './chunks/bundle-DeRyZP32.js';
-import './chunks/bundle-xgiw36M5.js';
+import './chunks/bundle-cBbT3DlY.js';
+import './chunks/bundle-wMP1pqZM.js';
+import './chunks/bundle-fQ1V_U8F.js';
 import '@sendbird/uikit-tools';
-import './chunks/bundle-J79McRkg.js';
-import './chunks/bundle-f9mkey82.js';
-import './Channel/hooks/useInitialMessagesFetch.js';
-import './chunks/bundle-zpSxKsxM.js';
-import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-1WAo3loP.js';
+import './chunks/bundle-NjNqsDXb.js';
+import './chunks/bundle-Rz5QaIhK.js';
+import './chunks/bundle-Xytq6xaz.js';
+import './chunks/bundle-GGE6HRof.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-iYCB6XN2.js';
+import './chunks/bundle-4Ib7FkR6.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-ETZY-eQc.js';
+import './chunks/bundle-poK2Vr1v.js';
+import './chunks/bundle-62ej9afV.js';
 import 'dompurify';
-import './chunks/bundle-_-2NCsYr.js';
-import './chunks/bundle-Jp5g4YZl.js';
-import './chunks/bundle-KSjFhl4l.js';
-import './chunks/bundle-d6R6m9-9.js';
+import './chunks/bundle-zV8TJWvL.js';
+import './chunks/bundle-4GPpeoNf.js';
+import './chunks/bundle-iwZaUd9o.js';
+import './chunks/bundle-ctAjRHDW.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-MyYphU00.js';
-import './chunks/bundle-PZta2LmS.js';
-import './chunks/bundle-VCZsMdpB.js';
+import './chunks/bundle-J3DrW9X2.js';
+import './chunks/bundle-lUrIOx9p.js';
+import './chunks/bundle-nD2ZWBq4.js';
 import './ui/TextMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/ThumbnailMessageItemBody.js';
-import './chunks/bundle-aVVX2zHR.js';
+import './chunks/bundle-w1C-Xmf3.js';
 import './ui/UnknownMessageItemBody.js';
+import './Channel/utils/compareMessagesForGrouping.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './chunks/bundle-gEwUSFTG.js';
+import './chunks/bundle-DSoowPBh.js';
+import './chunks/bundle-tPCzzoc1.js';
+import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-ldRkCosA.js';
+import './chunks/bundle-OFH4qWaN.js';
+import './chunks/bundle-8JX3bIpj.js';
+import './chunks/bundle-zKBdD-J6.js';
+import './chunks/bundle-Q8kUKu5l.js';
+import './chunks/bundle-ZOCAUrJO.js';
+import './chunks/bundle-GJ-4hPvC.js';
+import './chunks/bundle-BVtLlpwZ.js';
+import './chunks/bundle-v3WxYU8s.js';
 import './Channel/hooks/useHandleUploadFiles.js';
-import './chunks/bundle-LEanaSuB.js';
 import './ui/PlaceHolder.js';
 
 var Thread = function (props) {

package/Thread.js.map

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

package/VoicePlayer/context.js

@@ -1,7 +1,7 @@
 import 'react';
-export { a as ALL, b as VoicePlayerProvider, u as useVoicePlayerContext } from '../chunks/bundle-J_erGfOo.js';
-import '../chunks/bundle-ZKM9Qk_j.js';
+export { a as ALL, b as VoicePlayerProvider, u as useVoicePlayerContext } from '../chunks/bundle-drww6xht.js';
+import '../chunks/bundle-MBrlu_LK.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-GKopZh-T.js';
+import '../chunks/bundle-BA7tv0JB.js';
 import '../withSendbird.js';
 //# sourceMappingURL=context.js.map

package/VoicePlayer/useVoicePlayer.js

@@ -1,20 +1,20 @@
 import { useState, useEffect } from 'react';
-import { u as useVoicePlayerContext, A as AudioUnitDefaultValue } from '../chunks/bundle-J_erGfOo.js';
-import { e as VOICE_PLAYER_AUDIO_ID } from '../chunks/bundle-ZKM9Qk_j.js';
+import { u as useVoicePlayerContext, A as AudioUnitDefaultValue } from '../chunks/bundle-drww6xht.js';
+import { d as VOICE_PLAYER_AUDIO_ID } from '../chunks/bundle-MBrlu_LK.js';
 import { useVoiceRecorderContext } from '../VoiceRecorder/context.js';
-import '../chunks/bundle-GKopZh-T.js';
+import '../chunks/bundle-BA7tv0JB.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../chunks/bundle-y_LgB6DS.js';
-import '../chunks/bundle-YmIrZYPF.js';
-import '../chunks/bundle-TV4-nyqN.js';
-import '../chunks/bundle-VPanFdbf.js';
+import '../chunks/bundle-BBjosDA0.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-ULVw0l0r.js';
+import '../chunks/bundle-cvTUkQV_.js';
 import 'react-dom';
-import '../chunks/bundle-WpHDilD_.js';
-import '../chunks/bundle-KmauOTrg.js';
+import '../chunks/bundle-cA_r9HRx.js';
+import '../chunks/bundle-r9j_eCHc.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-dWJnfDPH.js';
+import '../chunks/bundle-I8JFwttJ.js';
 import '../ui/Icon.js';
 
 var generateGroupKey = function (channelUrl, key) {