@sendbird/uikit-react 3.10.1 → 3.11.0

package/cjs/Thread/context.js

@@ -1,26 +1,22 @@
 'use strict';
 
 var React = require('react');
-var useSendMultipleFilesMessage = require('../chunks/bundle-3K153hLM.js');
-var UserProfileContext = require('../chunks/bundle-7AS0Rcch.js');
+var useSendMultipleFilesMessage = require('../chunks/bundle-iRjY_BU4.js');
+var UserProfileContext = require('../chunks/bundle-3S8jBmCV.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _tslib = require('../chunks/bundle-bXLZZTmP.js');
+var _tslib = require('../chunks/bundle-RVs527mS.js');
 var Thread_context_types = require('./context/types.js');
 var SendbirdChat = require('@sendbird/chat');
-var pubSub_topics = require('../chunks/bundle-135pRm7i.js');
-var actionTypes = require('../chunks/bundle--MJd6Gw1.js');
+var pubSub_topics = require('../chunks/bundle-K8ngPNTR.js');
+var actionTypes = require('../chunks/bundle-duGLRUrw.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('../chunks/bundle-INJtS58R.js');
-var compareIds = require('../chunks/bundle-UaSM_xZY.js');
-require('../chunks/bundle-p6kWiWDv.js');
+var uuid = require('../chunks/bundle-sW6CpN9W.js');
+var compareIds = require('../chunks/bundle-1n4GnjYf.js');
 var message = require('@sendbird/chat/message');
-var consts = require('../chunks/bundle-JbxviE94.js');
-require('../chunks/bundle-XaLiuh0L.js');
-require('../chunks/bundle-6ZegaDWX.js');
-require('../chunks/bundle-RSklGv-u.js');
+var consts = require('../chunks/bundle-SggLEV_z.js');
+require('../chunks/bundle-a1nOrOrG.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('../withSendbird.js');
-require('../chunks/bundle-65IwoStx.js');
 
 var PREV_THREADS_FETCH_SIZE = 30;
 var NEXT_THREADS_FETCH_SIZE = 30;
@@ -360,47 +356,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;
-    React.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;
@@ -794,7 +749,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 () {
@@ -803,7 +758,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);
@@ -812,90 +767,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 React.useCallback(function (callback) {
-        var _a;
-        // validation check
-        if (threadListState === Thread_context_types.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 React.useCallback(function (callback) {
-        var _a;
-        // validation check
-        if (threadListState === Thread_context_types.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;
@@ -1174,6 +1045,132 @@ var useSendVoiceMessageCallback = function (_a, _b) {
     return sendMessage;
 };
 
+function getThreadMessageListParams(params) {
+    return _tslib.__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.useSendbirdStateContext().stores;
+    var timestamp = (anchorMessage === null || anchorMessage === void 0 ? void 0 : anchorMessage.createdAt) || 0;
+    var initialize = React.useCallback(function (callback) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+        var params, _a, threadedMessages_1, parentMessage, error_1;
+        return _tslib.__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 = React.useCallback(function (callback) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+        var params, _a, threadedMessages_2, parentMessage, error_2;
+        return _tslib.__generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (threadListState !== Thread_context_types.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 = React.useCallback(function (callback) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+        var params, _a, threadedMessages_3, parentMessage, error_3;
+        return _tslib.__generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (threadListState !== Thread_context_types.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.createContext(null);
 var ThreadProvider = function (props) {
     var _a, _b;
@@ -1212,13 +1209,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({
@@ -1230,21 +1220,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;
+    React.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({
@@ -1311,8 +1302,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/cjs/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/cjs/Thread.js

@@ -3,55 +3,55 @@
 var React = require('react');
 var Thread_context = require('./Thread/context.js');
 var Thread_components_ThreadUI = require('./Thread/components/ThreadUI.js');
-require('./chunks/bundle-3K153hLM.js');
-require('./chunks/bundle-135pRm7i.js');
-require('./chunks/bundle-XaLiuh0L.js');
-require('./chunks/bundle-bXLZZTmP.js');
-require('./chunks/bundle-6ZegaDWX.js');
-require('./chunks/bundle-RSklGv-u.js');
-require('./chunks/bundle-p6kWiWDv.js');
-require('@sendbird/chat/groupChannel');
-require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-65IwoStx.js');
+require('./chunks/bundle-iRjY_BU4.js');
+require('./chunks/bundle-K8ngPNTR.js');
+require('./chunks/bundle-a1nOrOrG.js');
+require('./chunks/bundle-RVs527mS.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-7AS0Rcch.js');
+require('./utils/message/getOutgoingMessageState.js');
+require('./chunks/bundle-3S8jBmCV.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
-require('./chunks/bundle--MJd6Gw1.js');
-require('./chunks/bundle-INJtS58R.js');
-require('./chunks/bundle-UaSM_xZY.js');
-require('./chunks/bundle-JbxviE94.js');
-require('./chunks/bundle-qtXdbPNE.js');
-require('./chunks/bundle-kSScygqj.js');
-require('./chunks/bundle-BH9aeaqG.js');
-require('./chunks/bundle-7J3nX_hP.js');
+require('./chunks/bundle-duGLRUrw.js');
+require('@sendbird/chat/groupChannel');
+require('./chunks/bundle-sW6CpN9W.js');
+require('./chunks/bundle-1n4GnjYf.js');
+require('./chunks/bundle-SggLEV_z.js');
+require('./chunks/bundle-WLD9KKbn.js');
+require('./chunks/bundle-OBj337Le.js');
+require('./chunks/bundle-ZL4COF6I.js');
+require('./chunks/bundle-4OXJViEd.js');
+require('./chunks/bundle-JaD2Ao-u.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-CUa6Hz7c.js');
-require('./chunks/bundle-Oc2T5_VP.js');
+require('./chunks/bundle-7sO7MuTY.js');
+require('./chunks/bundle-Z2aMvN9Y.js');
+require('./chunks/bundle-lnLwvZ7H.js');
 require('react-dom');
-require('./chunks/bundle-LRCFL23q.js');
-require('./chunks/bundle-WzrocC57.js');
+require('./chunks/bundle-nQDclaWr.js');
+require('./chunks/bundle-2ToiwW-_.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-5Nd6zn0d.js');
+require('./chunks/bundle-7zgRAH2f.js');
+require('./chunks/bundle-fnv2bNo-.js');
+require('./chunks/bundle--RWWGoZo.js');
 require('./Thread/components/ParentMessageInfoItem.js');
 require('./ui/ImageRenderer.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-7J-qpEzM.js');
+require('./chunks/bundle-Og0K_sLb.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-TFo3Eb8z.js');
+require('./chunks/bundle-rmOQxjwa.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
 require('./ui/BottomSheet.js');
 require('./hooks/useModal.js');
 require('./ui/UserListItem.js');
-require('./chunks/bundle-7VJjqIPJ.js');
-require('./chunks/bundle--d5w7FVF.js');
+require('./chunks/bundle-rUpy0DGt.js');
+require('./chunks/bundle-wU4qxzey.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
@@ -62,55 +62,63 @@ require('./Message/context.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
-require('./chunks/bundle-rgxTgHrK.js');
+require('./chunks/bundle-_apVcG-_.js');
 require('./VoiceRecorder/context.js');
 require('./ui/PlaybackTime.js');
 require('./ui/Loader.js');
-require('./chunks/bundle-TxdziCwH.js');
-require('./chunks/bundle-9iE0HY96.js');
+require('./chunks/bundle-28M_gXGl.js');
+require('./chunks/bundle-JReI_QbA.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
-require('./chunks/bundle-JVe1J2FX.js');
-require('./chunks/bundle-68NdNRjR.js');
-require('./chunks/bundle-n6iwTZAo.js');
+require('./chunks/bundle-Bx0FCMKL.js');
+require('./chunks/bundle-3GWdY_5G.js');
+require('./chunks/bundle-_QsPNZ6J.js');
 require('@sendbird/uikit-tools');
-require('./chunks/bundle-Ue5GkT2H.js');
-require('./chunks/bundle-zrsbDQGp.js');
-require('./Channel/hooks/useInitialMessagesFetch.js');
-require('./chunks/bundle-VB_a0u7i.js');
-require('./Channel/components/SuggestedMentionList.js');
-require('./chunks/bundle-zgoic8x9.js');
+require('./chunks/bundle-w4VdLYPs.js');
+require('./chunks/bundle-v2kRYowu.js');
+require('./chunks/bundle-WuJcM_O3.js');
+require('./chunks/bundle-L5q_NWiq.js');
 require('./ui/MessageItemMenu.js');
-require('./chunks/bundle-GsUulypb.js');
+require('./chunks/bundle-L9oXX97B.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-hEYmMlZe.js');
+require('./chunks/bundle-yf5herNq.js');
+require('./chunks/bundle-RC4m8KcZ.js');
 require('dompurify');
-require('./chunks/bundle-Dax6YIIr.js');
-require('./chunks/bundle-hXzxY0NJ.js');
-require('./chunks/bundle-OVfymd1y.js');
-require('./chunks/bundle-s82XYT1Q.js');
+require('./chunks/bundle-ZqkDqz4X.js');
+require('./chunks/bundle-dLwo2XPj.js');
+require('./chunks/bundle-7IKA03Ad.js');
+require('./chunks/bundle-3VBtozeG.js');
 require('./Message/hooks/useDirtyGetMentions.js');
 require('./Thread/components/ThreadHeader.js');
 require('./Thread/components/ThreadList.js');
 require('./Thread/components/ThreadListItem.js');
 require('./ui/DateSeparator.js');
-require('./chunks/bundle-ptZslG_m.js');
-require('./chunks/bundle-J_ooPKgS.js');
-require('./chunks/bundle-2gCdAlxv.js');
+require('./chunks/bundle-8XyvQRnm.js');
+require('./chunks/bundle-RPY1irFl.js');
+require('./chunks/bundle-KUtVpakA.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
 require('./ui/ThumbnailMessageItemBody.js');
-require('./chunks/bundle-aoIToceJ.js');
+require('./chunks/bundle-JVylXDBB.js');
 require('./ui/UnknownMessageItemBody.js');
+require('./Channel/utils/compareMessagesForGrouping.js');
 require('date-fns');
 require('./Thread/components/ThreadMessageInput.js');
-require('./chunks/bundle-y_gkwZqM.js');
+require('./chunks/bundle-W1vXanLo.js');
+require('./chunks/bundle-C42WLw1z.js');
+require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-Dz3ncvS3.js');
+require('./chunks/bundle-Z-IXQ2N3.js');
+require('./chunks/bundle-aAOHT0Qv.js');
+require('./chunks/bundle-85DGianx.js');
+require('./chunks/bundle-wQUBcS0L.js');
+require('./chunks/bundle-60IjeSgc.js');
+require('./chunks/bundle-_TBSquwd.js');
+require('./chunks/bundle-guyZxs5x.js');
+require('./chunks/bundle-YyXY-feT.js');
 require('./Channel/hooks/useHandleUploadFiles.js');
-require('./chunks/bundle-v02q7K8T.js');
 require('./ui/PlaceHolder.js');
 
 var Thread = function (props) {

package/cjs/Thread.js.map

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

package/cjs/VoicePlayer/context.js

@@ -1,10 +1,10 @@
 'use strict';
 
 require('react');
-var VoicePlayer_context = require('../chunks/bundle-rgxTgHrK.js');
-require('../chunks/bundle-JbxviE94.js');
+var VoicePlayer_context = require('../chunks/bundle-_apVcG-_.js');
+require('../chunks/bundle-SggLEV_z.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-bXLZZTmP.js');
+require('../chunks/bundle-RVs527mS.js');
 require('../withSendbird.js');
 
 

package/cjs/VoicePlayer/useVoicePlayer.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var VoicePlayer_context = require('../chunks/bundle-rgxTgHrK.js');
-var consts = require('../chunks/bundle-JbxviE94.js');
+var VoicePlayer_context = require('../chunks/bundle-_apVcG-_.js');
+var consts = require('../chunks/bundle-SggLEV_z.js');
 var VoiceRecorder_context = require('../VoiceRecorder/context.js');
-require('../chunks/bundle-bXLZZTmP.js');
+require('../chunks/bundle-RVs527mS.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-qtXdbPNE.js');
-require('../chunks/bundle-kSScygqj.js');
-require('../chunks/bundle-RSklGv-u.js');
-require('../chunks/bundle-Oc2T5_VP.js');
+require('../chunks/bundle-WLD9KKbn.js');
+require('../chunks/bundle-OBj337Le.js');
+require('../chunks/bundle-ZL4COF6I.js');
+require('../chunks/bundle-lnLwvZ7H.js');
 require('react-dom');
-require('../chunks/bundle-LRCFL23q.js');
-require('../chunks/bundle-WzrocC57.js');
+require('../chunks/bundle-nQDclaWr.js');
+require('../chunks/bundle-2ToiwW-_.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-7J3nX_hP.js');
+require('../chunks/bundle-JaD2Ao-u.js');
 require('../ui/Icon.js');
 
 var generateGroupKey = function (channelUrl, key) {