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

package/cjs/Thread/context.js

@@ -1,26 +1,22 @@
 'use strict';
 
 var React = require('react');
-var useSendMultipleFilesMessage = require('../chunks/bundle-YTD5gh4h.js');
-var UserProfileContext = require('../chunks/bundle-e6jRRPqy.js');
+var useSendMultipleFilesMessage = require('../chunks/bundle-eCBAJmJN.js');
+var UserProfileContext = require('../chunks/bundle-TPy0gj60.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _tslib = require('../chunks/bundle-UHsDbhGB.js');
+var _tslib = require('../chunks/bundle-DhtZdKsr.js');
 var Thread_context_types = require('./context/types.js');
 var SendbirdChat = require('@sendbird/chat');
-var pubSub_topics = require('../chunks/bundle-Q7Qb_8Qy.js');
-var actionTypes = require('../chunks/bundle-OmshX9RP.js');
+var pubSub_topics = require('../chunks/bundle-77qvrXp8.js');
+var actionTypes = require('../chunks/bundle-O6Mos2Xn.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('../chunks/bundle-Ox6f1Pr4.js');
-var compareIds = require('../chunks/bundle-fKDcA4eI.js');
-require('../chunks/bundle-bPLEZuwe.js');
+var uuid = require('../chunks/bundle-TB_UEIPg.js');
+var compareIds = require('../chunks/bundle-NZvAE9FS.js');
 var message = require('@sendbird/chat/message');
-var consts = require('../chunks/bundle-trkwub16.js');
-require('../chunks/bundle-tJKWfbHM.js');
-require('../chunks/bundle-LWd8plnK.js');
-require('../chunks/bundle-lk7syGfV.js');
+var consts = require('../chunks/bundle-UAspU0bH.js');
+require('../chunks/bundle-CrbMqpah.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('../withSendbird.js');
-require('../chunks/bundle-X1vsWmGi.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-YTD5gh4h.js');
-require('./chunks/bundle-Q7Qb_8Qy.js');
-require('./chunks/bundle-tJKWfbHM.js');
-require('./chunks/bundle-UHsDbhGB.js');
-require('./chunks/bundle-LWd8plnK.js');
-require('./chunks/bundle-lk7syGfV.js');
-require('./chunks/bundle-bPLEZuwe.js');
-require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-X1vsWmGi.js');
+require('./chunks/bundle-eCBAJmJN.js');
+require('./chunks/bundle-77qvrXp8.js');
+require('./chunks/bundle-CrbMqpah.js');
+require('./chunks/bundle-DhtZdKsr.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-e6jRRPqy.js');
+require('./utils/message/getOutgoingMessageState.js');
+require('./chunks/bundle-TPy0gj60.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
-require('./chunks/bundle-OmshX9RP.js');
+require('./chunks/bundle-O6Mos2Xn.js');
 require('@sendbird/chat/groupChannel');
-require('./chunks/bundle-Ox6f1Pr4.js');
-require('./chunks/bundle-fKDcA4eI.js');
-require('./chunks/bundle-trkwub16.js');
-require('./chunks/bundle-M_JdGFB9.js');
-require('./chunks/bundle-FJe6Dl-f.js');
-require('./chunks/bundle-NZXUf6_L.js');
-require('./chunks/bundle-wDJ0vmp7.js');
+require('./chunks/bundle-TB_UEIPg.js');
+require('./chunks/bundle-NZvAE9FS.js');
+require('./chunks/bundle-UAspU0bH.js');
+require('./chunks/bundle-6SzyBwQ5.js');
+require('./chunks/bundle-H9rcn1PJ.js');
+require('./chunks/bundle-AN4eZ2xs.js');
+require('./chunks/bundle-s--ExKtj.js');
+require('./chunks/bundle-VxcYXhwp.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-99TH6XOD.js');
-require('./chunks/bundle-7iyslQY5.js');
+require('./chunks/bundle-tntEm-Mv.js');
+require('./chunks/bundle-VP5r38Gj.js');
+require('./chunks/bundle-6L4HCLmb.js');
 require('react-dom');
-require('./chunks/bundle-wTtkySLW.js');
-require('./chunks/bundle-R55qwYIC.js');
+require('./chunks/bundle-Y-_KhZFq.js');
+require('./chunks/bundle-6zBNmPOP.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-qbpoRdJa.js');
+require('./chunks/bundle-wZDX1pVR.js');
+require('./chunks/bundle-nox41MG6.js');
+require('./chunks/bundle-xM2DAzE6.js');
 require('./Thread/components/ParentMessageInfoItem.js');
 require('./ui/ImageRenderer.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-gBGbUm4f.js');
+require('./chunks/bundle-vMF9NM5u.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-RWm1ToHA.js');
+require('./chunks/bundle-2hJhRu5W.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
 require('./ui/BottomSheet.js');
 require('./hooks/useModal.js');
 require('./ui/UserListItem.js');
-require('./chunks/bundle-OOMB_O1L.js');
-require('./chunks/bundle-EdNscsik.js');
+require('./chunks/bundle-w0ATt2gt.js');
+require('./chunks/bundle-HQAiUNev.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-1GRgJFEb.js');
+require('./chunks/bundle-zAQuo6rI.js');
 require('./VoiceRecorder/context.js');
 require('./ui/PlaybackTime.js');
 require('./ui/Loader.js');
-require('./chunks/bundle-jr9hFzH_.js');
-require('./chunks/bundle-DwxvWTiX.js');
+require('./chunks/bundle-3_XFLnnt.js');
+require('./chunks/bundle-haAptps1.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
-require('./chunks/bundle-Pa-zxMUU.js');
-require('./chunks/bundle-sGVgQ4l8.js');
-require('./chunks/bundle-WuVcsZSE.js');
+require('./chunks/bundle-qRiLsSwC.js');
+require('./chunks/bundle-NPzNlnHJ.js');
+require('./chunks/bundle-zDh-X-Q4.js');
 require('@sendbird/uikit-tools');
-require('./chunks/bundle-rD_EqTu8.js');
-require('./chunks/bundle-waeY4XbU.js');
-require('./Channel/hooks/useInitialMessagesFetch.js');
-require('./chunks/bundle-F9aI-PNs.js');
-require('./Channel/components/SuggestedMentionList.js');
-require('./chunks/bundle-EKK1TWOg.js');
+require('./chunks/bundle-Msh8rb3L.js');
+require('./chunks/bundle-CDUgp575.js');
+require('./chunks/bundle--QPuGnli.js');
+require('./chunks/bundle--tki3Ejh.js');
 require('./ui/MessageItemMenu.js');
-require('./chunks/bundle-wwqhN6T8.js');
+require('./chunks/bundle-Oq2rnNn_.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-XIMyjFuW.js');
+require('./chunks/bundle-MNUU2JEo.js');
+require('./chunks/bundle-t2GWOYzL.js');
 require('dompurify');
-require('./chunks/bundle-85IKKe_e.js');
-require('./chunks/bundle-s5Lt0vKF.js');
-require('./chunks/bundle-jayPpL4B.js');
-require('./chunks/bundle-IVfrW5UV.js');
+require('./chunks/bundle-nYBtJl9e.js');
+require('./chunks/bundle-RUqSDidW.js');
+require('./chunks/bundle-0zagc7hR.js');
+require('./chunks/bundle-KBZdi1sN.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-idn81XsS.js');
-require('./chunks/bundle-dD_wqelx.js');
-require('./chunks/bundle-XwSBmqOP.js');
+require('./chunks/bundle-Pzvqu5yR.js');
+require('./chunks/bundle-PhGdgkei.js');
+require('./chunks/bundle-RquYsY0d.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
 require('./ui/ThumbnailMessageItemBody.js');
-require('./chunks/bundle-4F7u20x2.js');
+require('./chunks/bundle-KWR-0b7P.js');
 require('./ui/UnknownMessageItemBody.js');
+require('./Channel/utils/compareMessagesForGrouping.js');
 require('date-fns');
 require('./Thread/components/ThreadMessageInput.js');
-require('./chunks/bundle-ccJm_pud.js');
+require('./chunks/bundle-ZvLEz_GA.js');
+require('./chunks/bundle-jcgWT1ad.js');
+require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-ImsJYvdy.js');
+require('./chunks/bundle-zLoe4MOM.js');
+require('./chunks/bundle-PSEoX-EH.js');
+require('./chunks/bundle--1R8Yp9p.js');
+require('./chunks/bundle-3eaFVTUX.js');
+require('./chunks/bundle-YjNFrYVt.js');
+require('./chunks/bundle-zHDXCFIb.js');
+require('./chunks/bundle-Njt4gDEW.js');
+require('./chunks/bundle-CZTvTAu-.js');
 require('./Channel/hooks/useHandleUploadFiles.js');
-require('./chunks/bundle-7tLE_fm_.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-1GRgJFEb.js');
-require('../chunks/bundle-trkwub16.js');
+var VoicePlayer_context = require('../chunks/bundle-zAQuo6rI.js');
+require('../chunks/bundle-UAspU0bH.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-UHsDbhGB.js');
+require('../chunks/bundle-DhtZdKsr.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-1GRgJFEb.js');
-var consts = require('../chunks/bundle-trkwub16.js');
+var VoicePlayer_context = require('../chunks/bundle-zAQuo6rI.js');
+var consts = require('../chunks/bundle-UAspU0bH.js');
 var VoiceRecorder_context = require('../VoiceRecorder/context.js');
-require('../chunks/bundle-UHsDbhGB.js');
+require('../chunks/bundle-DhtZdKsr.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-M_JdGFB9.js');
-require('../chunks/bundle-FJe6Dl-f.js');
-require('../chunks/bundle-lk7syGfV.js');
-require('../chunks/bundle-7iyslQY5.js');
+require('../chunks/bundle-6SzyBwQ5.js');
+require('../chunks/bundle-H9rcn1PJ.js');
+require('../chunks/bundle-AN4eZ2xs.js');
+require('../chunks/bundle-6L4HCLmb.js');
 require('react-dom');
-require('../chunks/bundle-wTtkySLW.js');
-require('../chunks/bundle-R55qwYIC.js');
+require('../chunks/bundle-Y-_KhZFq.js');
+require('../chunks/bundle-6zBNmPOP.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-wDJ0vmp7.js');
+require('../chunks/bundle-VxcYXhwp.js');
 require('../ui/Icon.js');
 
 var generateGroupKey = function (channelUrl, key) {