@sendbird/uikit-react 3.8.0 → 3.8.2

package/Thread/context.js

@@ -1,23 +1,24 @@
 import React__default, { useEffect, useCallback, useReducer, useMemo } from 'react';
-import { a as compareIds, P as PublishingModuleType, s as scrollIntoLast, g as getParentMessageFrom, u as useSendMultipleFilesMessage, b as getNicknamesMapFromMembers } from '../chunks/bundle-TZXZa-F1.js';
-import { U as UserProfileProvider } from '../chunks/bundle-ubky9D9H.js';
+import { a as compareIds, s as scrollIntoLast, g as getParentMessageFrom, u as useSendMultipleFilesMessage, b as getNicknamesMapFromMembers } from '../chunks/bundle-n3JTobCF.js';
+import { U as UserProfileProvider } from '../chunks/bundle-5WxplyP9.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray, c as __awaiter, d as __generator } from '../chunks/bundle-hKtwSqbO.js';
+import { _ as __assign, a as __spreadArray, c as __awaiter, d as __generator } from '../chunks/bundle-HUCZoqot.js';
 import { ChannelStateTypes, ThreadListStateTypes, ParentMessageStateTypes } from './context/types.js';
 import { ChannelType } from '@sendbird/chat';
-import { PUBSUB_TOPICS } from '../pubSub/topics.js';
-import '../chunks/bundle-EHReigfD.js';
-import { SendingStatus, MessageType, MessageMetaArray } from '@sendbird/chat/message';
-import { s as ON_FILE_INFO_UPLOADED } from '../chunks/bundle-qst5L6aH.js';
+import { p as pubSubTopics, a as shouldPubSubPublishToThread, b as PUBSUB_TOPICS, P as PublishingModuleType } from '../chunks/bundle-Ey2KFn-R.js';
+import { s as ON_FILE_INFO_UPLOADED, t as ON_TYPING_STATUS_UPDATED } from '../chunks/bundle-GaBLtZQZ.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { u as uuidv4 } from '../chunks/bundle-bofQNMJb.js';
-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-WCTKBopn.js';
-import '../chunks/bundle-ZmvX8uZ5.js';
-import '../chunks/bundle-h3JIYRTG.js';
-import '../chunks/bundle-FTgSGiKe.js';
+import { u as uuidv4 } from '../chunks/bundle-LutukB6f.js';
+import { c as compareIds$1 } from '../chunks/bundle-L1jL1HlF.js';
+import '../chunks/bundle-UW-TqfsF.js';
+import { SendingStatus, MessageType, 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-fRhlDZge.js';
+import '../chunks/bundle-EoW7JC-6.js';
+import '../chunks/bundle-o_MR5zP9.js';
+import '../chunks/bundle-FxBVAeu9.js';
 import '../utils/message/getOutgoingMessageState.js';
 import '../withSendbird.js';
-import '../chunks/bundle-9KsbryQI.js';
+import '../chunks/bundle-qReOreYH.js';
 
 var PREV_THREADS_FETCH_SIZE = 30;
 var NEXT_THREADS_FETCH_SIZE = 30;
@@ -68,10 +69,12 @@ var ThreadContextActionTypes;
     ThreadContextActionTypes["ON_CHANNEL_FROZEN"] = "ON_CHANNEL_FROZEN";
     ThreadContextActionTypes["ON_CHANNEL_UNFROZEN"] = "ON_CHANNEL_UNFROZEN";
     ThreadContextActionTypes["ON_OPERATOR_UPDATED"] = "ON_OPERATOR_UPDATED";
+    // event handler - typing status change
+    ThreadContextActionTypes["ON_TYPING_STATUS_UPDATED"] = "ON_TYPING_STATUS_UPDATED";
 })(ThreadContextActionTypes || (ThreadContextActionTypes = {}));
 
 function reducer(state, action) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
     switch (action.type) {
         // initialize
         case ThreadContextActionTypes.INIT_USER_ID: {
@@ -107,7 +110,7 @@ function reducer(state, action) {
             return __assign(__assign({}, state), { threadListState: ThreadListStateTypes.LOADING, allThreadMessages: [] });
         }
         case ThreadContextActionTypes.INITIALIZE_THREAD_LIST_SUCCESS: {
-            var _y = action.payload, parentMessage = _y.parentMessage, anchorMessage = _y.anchorMessage, threadedMessages = _y.threadedMessages;
+            var _z = action.payload, parentMessage = _z.parentMessage, anchorMessage = _z.anchorMessage, threadedMessages = _z.threadedMessages;
             var anchorMessageCreatedAt_1 = (!(anchorMessage === null || anchorMessage === void 0 ? void 0 : anchorMessage.messageId)) ? parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.createdAt : anchorMessage === null || anchorMessage === void 0 ? void 0 : anchorMessage.createdAt;
             var anchorIndex = threadedMessages.findIndex(function (message) { return (message === null || message === void 0 ? void 0 : message.createdAt) > anchorMessageCreatedAt_1; });
             var prevThreadMessages = anchorIndex > -1 ? threadedMessages.slice(0, anchorIndex) : threadedMessages;
@@ -140,7 +143,7 @@ function reducer(state, action) {
         }
         // event handlers - message status change
         case ThreadContextActionTypes.ON_MESSAGE_RECEIVED: {
-            var _z = action.payload, channel = _z.channel, message_1 = _z.message;
+            var _0 = action.payload, channel = _0.channel, message_1 = _0.message;
             if (((_c = state.currentChannel) === null || _c === void 0 ? void 0 : _c.url) !== (channel === null || channel === void 0 ? void 0 : channel.url)
                 || state.hasMoreNext
                 || ((_d = message_1 === null || message_1 === void 0 ? void 0 : message_1.parentMessage) === null || _d === void 0 ? void 0 : _d.messageId) !== ((_e = state === null || state === void 0 ? void 0 : state.parentMessage) === null || _e === void 0 ? void 0 : _e.messageId)) {
@@ -154,7 +157,7 @@ function reducer(state, action) {
                     ], false) });
         }
         case ThreadContextActionTypes.ON_MESSAGE_UPDATED: {
-            var _0 = action.payload, channel = _0.channel, message_2 = _0.message;
+            var _1 = action.payload, channel = _1.channel, message_2 = _1.message;
             if (((_g = state.currentChannel) === null || _g === void 0 ? void 0 : _g.url) !== (channel === null || channel === void 0 ? void 0 : channel.url)) {
                 return state;
             }
@@ -163,7 +166,7 @@ function reducer(state, action) {
                     : state.parentMessage, allThreadMessages: (_j = state.allThreadMessages) === null || _j === void 0 ? void 0 : _j.map(function (msg) { return (((msg === null || msg === void 0 ? void 0 : msg.messageId) === (message_2 === null || message_2 === void 0 ? void 0 : message_2.messageId)) ? message_2 : msg); }) });
         }
         case ThreadContextActionTypes.ON_MESSAGE_DELETED: {
-            var _1 = action.payload, channel = _1.channel, messageId_1 = _1.messageId;
+            var _2 = action.payload, channel = _2.channel, messageId_1 = _2.messageId;
             if (((_k = state.currentChannel) === null || _k === void 0 ? void 0 : _k.url) !== (channel === null || channel === void 0 ? void 0 : channel.url)) {
                 return state;
             }
@@ -191,14 +194,14 @@ function reducer(state, action) {
         }
         // event handlers - user status change
         case ThreadContextActionTypes.ON_USER_MUTED: {
-            var _2 = action.payload, channel = _2.channel, user = _2.user;
+            var _3 = action.payload, channel = _3.channel, user = _3.user;
             if (((_t = state.currentChannel) === null || _t === void 0 ? void 0 : _t.url) !== (channel === null || channel === void 0 ? void 0 : channel.url) || state.currentUserId !== (user === null || user === void 0 ? void 0 : user.userId)) {
                 return state;
             }
             return __assign(__assign({}, state), { isMuted: true });
         }
         case ThreadContextActionTypes.ON_USER_UNMUTED: {
-            var _3 = action.payload, channel = _3.channel, user = _3.user;
+            var _4 = action.payload, channel = _4.channel, user = _4.user;
             if (((_u = state.currentChannel) === null || _u === void 0 ? void 0 : _u.url) !== (channel === null || channel === void 0 ? void 0 : channel.url) || state.currentUserId !== (user === null || user === void 0 ? void 0 : user.userId)) {
                 return state;
             }
@@ -250,7 +253,7 @@ function reducer(state, action) {
             return __assign({}, state);
         }
         case ThreadContextActionTypes.ON_FILE_INFO_UPLOADED: {
-            var _4 = action.payload, channelUrl = _4.channelUrl, requestId_1 = _4.requestId, index = _4.index, uploadableFileInfo = _4.uploadableFileInfo, error = _4.error;
+            var _5 = action.payload, channelUrl = _5.channelUrl, requestId_1 = _5.requestId, index = _5.index, uploadableFileInfo = _5.uploadableFileInfo, error = _5.error;
             if (!compareIds(channelUrl, (_w = state.currentChannel) === null || _w === void 0 ? void 0 : _w.url)) {
                 return state;
             }
@@ -269,6 +272,13 @@ function reducer(state, action) {
             }
             return __assign(__assign({}, state), { localThreadMessages: localThreadMessages });
         }
+        case ThreadContextActionTypes.ON_TYPING_STATUS_UPDATED: {
+            var _6 = action.payload, channel = _6.channel, typingMembers = _6.typingMembers;
+            if (!compareIds(channel.url, (_y = state.currentChannel) === null || _y === void 0 ? void 0 : _y.url)) {
+                return state;
+            }
+            return __assign(__assign({}, state), { typingMembers: typingMembers });
+        }
         default: {
             return state;
         }
@@ -292,6 +302,7 @@ var initialState = {
     isMuted: false,
     isChannelFrozen: false,
     currentUserId: '',
+    typingMembers: [],
 };
 
 function useGetChannel(_a, _b) {
@@ -451,11 +462,9 @@ function useHandleThreadPubsubEvents(_a, _b) {
         var subscriber = new Map();
         if (pubSub === null || pubSub === void 0 ? void 0 : pubSub.subscribe) {
             // TODO: subscribe ON_FILE_INFO_UPLOADED
-            subscriber.set(PUBSUB_TOPICS.SEND_MESSAGE_START, pubSub.subscribe(PUBSUB_TOPICS.SEND_MESSAGE_START, function (props) {
-                var _a = props, channel = _a.channel, message = _a.message, publishingModules = _a.publishingModules;
-                if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (channel === null || channel === void 0 ? void 0 : channel.url)
-                    && (message === null || message === void 0 ? void 0 : message.parentMessageId) === (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId)
-                    && publishingModules.includes(PublishingModuleType.THREAD)) {
+            subscriber.set(pubSubTopics.SEND_MESSAGE_START, pubSub.subscribe(pubSubTopics.SEND_MESSAGE_START, function (props) {
+                var channel = props.channel, message = props.message, publishingModules = props.publishingModules;
+                if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (channel === null || channel === void 0 ? void 0 : channel.url) && (message === null || message === void 0 ? void 0 : message.parentMessageId) === (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId) && shouldPubSubPublishToThread(publishingModules)) {
                     // TODO: const clonedMessage = cloneMessage(message);
                     var pendingMessage = __assign({}, message);
                     if (message.isMultipleFilesMessage()) {
@@ -471,16 +480,15 @@ function useHandleThreadPubsubEvents(_a, _b) {
                 scrollIntoLast === null || scrollIntoLast === void 0 ? void 0 : scrollIntoLast();
             }));
             subscriber.set(PUBSUB_TOPICS.ON_FILE_INFO_UPLOADED, pubSub.subscribe(PUBSUB_TOPICS.ON_FILE_INFO_UPLOADED, function (props) {
-                var _a = props, response = _a.response, publishingModules = _a.publishingModules;
-                if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === response.channelUrl
-                    && publishingModules.includes(PublishingModuleType.THREAD)) {
+                var response = props.response, publishingModules = props.publishingModules;
+                if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === response.channelUrl && shouldPubSubPublishToThread(publishingModules)) {
                     threadDispatcher({
                         type: ON_FILE_INFO_UPLOADED,
                         payload: response,
                     });
                 }
             }));
-            subscriber.set(PUBSUB_TOPICS.SEND_USER_MESSAGE, pubSub.subscribe(PUBSUB_TOPICS.SEND_USER_MESSAGE, function (props) {
+            subscriber.set(pubSubTopics.SEND_USER_MESSAGE, pubSub.subscribe(pubSubTopics.SEND_USER_MESSAGE, function (props) {
                 var _a = props, channel = _a.channel, message = _a.message;
                 if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (channel === null || channel === void 0 ? void 0 : channel.url)
                     && (message === null || message === void 0 ? void 0 : message.parentMessageId) === (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId)) {
@@ -491,21 +499,18 @@ function useHandleThreadPubsubEvents(_a, _b) {
                 }
                 scrollIntoLast === null || scrollIntoLast === void 0 ? void 0 : scrollIntoLast();
             }));
-            subscriber.set(PUBSUB_TOPICS.SEND_MESSAGE_FAILED, pubSub.subscribe(PUBSUB_TOPICS.SEND_MESSAGE_FAILED, function (props) {
-                var _a = props, channel = _a.channel, message = _a.message, publishingModules = _a.publishingModules;
-                if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (channel === null || channel === void 0 ? void 0 : channel.url)
-                    && (message === null || message === void 0 ? void 0 : message.parentMessageId) === (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId)
-                    && publishingModules.includes(PublishingModuleType.THREAD)) {
+            subscriber.set(pubSubTopics.SEND_MESSAGE_FAILED, pubSub.subscribe(pubSubTopics.SEND_MESSAGE_FAILED, function (props) {
+                var channel = props.channel, message = props.message, publishingModules = props.publishingModules;
+                if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (channel === null || channel === void 0 ? void 0 : channel.url) && (message === null || message === void 0 ? void 0 : message.parentMessageId) === (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId) && shouldPubSubPublishToThread(publishingModules)) {
                     threadDispatcher({
                         type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
                         payload: { message: message },
                     });
                 }
             }));
-            subscriber.set(PUBSUB_TOPICS.SEND_FILE_MESSAGE, pubSub.subscribe(PUBSUB_TOPICS.SEND_FILE_MESSAGE, function (props) {
-                var _a = props, channel = _a.channel, message = _a.message, publishingModules = _a.publishingModules;
-                if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (channel === null || channel === void 0 ? void 0 : channel.url)
-                    && publishingModules.includes(PublishingModuleType.THREAD)) {
+            subscriber.set(pubSubTopics.SEND_FILE_MESSAGE, pubSub.subscribe(pubSubTopics.SEND_FILE_MESSAGE, function (props) {
+                var channel = props.channel, message = props.message, publishingModules = props.publishingModules;
+                if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (channel === null || channel === void 0 ? void 0 : channel.url) && shouldPubSubPublishToThread(publishingModules)) {
                     threadDispatcher({
                         type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
                         payload: { message: message },
@@ -513,7 +518,7 @@ function useHandleThreadPubsubEvents(_a, _b) {
                 }
                 scrollIntoLast === null || scrollIntoLast === void 0 ? void 0 : scrollIntoLast();
             }));
-            subscriber.set(PUBSUB_TOPICS.UPDATE_USER_MESSAGE, pubSub.subscribe(PUBSUB_TOPICS.UPDATE_USER_MESSAGE, function (props) {
+            subscriber.set(pubSubTopics.UPDATE_USER_MESSAGE, pubSub.subscribe(pubSubTopics.UPDATE_USER_MESSAGE, function (props) {
                 var _a = props, channel = _a.channel, message = _a.message;
                 if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (channel === null || channel === void 0 ? void 0 : channel.url)) {
                     threadDispatcher({
@@ -522,7 +527,7 @@ function useHandleThreadPubsubEvents(_a, _b) {
                     });
                 }
             }));
-            subscriber.set(PUBSUB_TOPICS.DELETE_MESSAGE, pubSub.subscribe(PUBSUB_TOPICS.DELETE_MESSAGE, function (props) {
+            subscriber.set(pubSubTopics.DELETE_MESSAGE, pubSub.subscribe(pubSubTopics.DELETE_MESSAGE, function (props) {
                 var _a = props, channel = _a.channel, messageId = _a.messageId;
                 if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (channel === null || channel === void 0 ? void 0 : channel.url)) {
                     threadDispatcher({
@@ -642,6 +647,19 @@ function useHandleChannelEvents(_a, _b) {
                         payload: { channel: channel, users: users },
                     });
                 },
+                onTypingStatusUpdated: function (channel) {
+                    if (compareIds$1(channel === null || channel === void 0 ? void 0 : channel.url, currentChannel.url)) {
+                        logger.info('Channel | onTypingStatusUpdated', { channel: channel });
+                        var typingMembers = channel.getTypingUsers();
+                        threadDispatcher({
+                            type: ON_TYPING_STATUS_UPDATED,
+                            payload: {
+                                channel: channel,
+                                typingMembers: typingMembers,
+                            },
+                        });
+                    }
+                },
             };
             var channelHandler = new GroupChannelHandler(channelHandlerParams);
             (_c = (_b = sdk.groupChannel).addGroupChannelHandler) === null || _c === void 0 ? void 0 : _c.call(_b, handlerId, channelHandler);
@@ -701,7 +719,7 @@ function useSendFileMessageCallback(_a, _b) {
                 reject(error);
             }).onSucceeded(function (message) {
                 logger.info('Thread | useSendFileMessageCallback: Sending file message succeeded.', message);
-                pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+                pubSub.publish(pubSubTopics.SEND_FILE_MESSAGE, {
                     channel: currentChannel,
                     message: message,
                     publishingModules: [PublishingModuleType.THREAD],
@@ -716,6 +734,7 @@ function useSendFileMessageCallback(_a, _b) {
 function useUpdateMessageCallback(_a, _b) {
     var currentChannel = _a.currentChannel, isMentionEnabled = _a.isMentionEnabled;
     var logger = _b.logger, pubSub = _b.pubSub, threadDispatcher = _b.threadDispatcher;
+    // TODO: add type
     return useCallback(function (props) {
         var _a;
         var messageId = props.messageId, message = props.message, mentionedUsers = props.mentionedUsers, mentionTemplate = props.mentionTemplate;
@@ -744,7 +763,7 @@ function useUpdateMessageCallback(_a, _b) {
                     message: message,
                 },
             });
-            pubSub.publish(PUBSUB_TOPICS.UPDATE_USER_MESSAGE, {
+            pubSub.publish(pubSubTopics.UPDATE_USER_MESSAGE, {
                 fromSelector: true,
                 channel: currentChannel,
                 message: message,
@@ -932,7 +951,7 @@ function useSendUserMessageCallback(_a, _b) {
             }).onSucceeded(function (message) {
                 logger.info('Thread | useSendUserMessageCallback: Sending user message succeeded.', message);
                 // because Thread doesn't subscribe SEND_USER_MESSAGE
-                pubSub.publish(PUBSUB_TOPICS.SEND_USER_MESSAGE, {
+                pubSub.publish(pubSubTopics.SEND_USER_MESSAGE, {
                     channel: currentChannel,
                     message: message,
                     publishingModules: [PublishingModuleType.THREAD],
@@ -962,7 +981,7 @@ function useResendMessageCallback(_a, _b) {
                         type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
                         payload: { message: message },
                     });
-                    pubSub.publish(PUBSUB_TOPICS.SEND_USER_MESSAGE, {
+                    pubSub.publish(pubSubTopics.SEND_USER_MESSAGE, {
                         channel: currentChannel,
                         message: message,
                         publishingModules: [PublishingModuleType.THREAD],
@@ -990,7 +1009,7 @@ function useResendMessageCallback(_a, _b) {
                         type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
                         payload: { message: failedMessage },
                     });
-                    pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+                    pubSub.publish(pubSubTopics.SEND_FILE_MESSAGE, {
                         channel: currentChannel,
                         message: failedMessage,
                         publishingModules: [PublishingModuleType.THREAD],
@@ -1010,7 +1029,7 @@ function useResendMessageCallback(_a, _b) {
                         type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
                         payload: { message: message },
                     });
-                    pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+                    pubSub.publish(pubSubTopics.SEND_FILE_MESSAGE, {
                         channel: currentChannel,
                         message: message,
                         publishingModules: [PublishingModuleType.THREAD],
@@ -1078,7 +1097,7 @@ var useSendVoiceMessageCallback = function (_a, _b) {
             });
         }).onSucceeded(function (message) {
             logger.info('Thread | useSendVoiceMessageCallback: Sending voice message succeeded.', message);
-            pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+            pubSub.publish(pubSubTopics.SEND_FILE_MESSAGE, {
                 channel: currentChannel,
                 message: message,
                 publishingModules: [PublishingModuleType.THREAD],
@@ -1111,7 +1130,7 @@ var ThreadProvider = function (props) {
     var logger = config.logger, pubSub = config.pubSub, replyType = config.replyType, isMentionEnabled = config.isMentionEnabled, isReactionEnabled = config.isReactionEnabled, onUserProfileMessage = config.onUserProfileMessage;
     // dux of Thread
     var _c = useReducer(reducer, initialState), threadStore = _c[0], threadDispatcher = _c[1];
-    var currentChannel = threadStore.currentChannel, allThreadMessages = threadStore.allThreadMessages, localThreadMessages = threadStore.localThreadMessages, parentMessage = threadStore.parentMessage, channelState = threadStore.channelState, threadListState = threadStore.threadListState, parentMessageState = threadStore.parentMessageState, hasMorePrev = threadStore.hasMorePrev, hasMoreNext = threadStore.hasMoreNext, emojiContainer = threadStore.emojiContainer, isMuted = threadStore.isMuted, isChannelFrozen = threadStore.isChannelFrozen, currentUserId = threadStore.currentUserId;
+    var currentChannel = threadStore.currentChannel, allThreadMessages = threadStore.allThreadMessages, localThreadMessages = threadStore.localThreadMessages, parentMessage = threadStore.parentMessage, channelState = threadStore.channelState, threadListState = threadStore.threadListState, parentMessageState = threadStore.parentMessageState, hasMorePrev = threadStore.hasMorePrev, hasMoreNext = threadStore.hasMoreNext, emojiContainer = threadStore.emojiContainer, isMuted = threadStore.isMuted, isChannelFrozen = threadStore.isChannelFrozen, currentUserId = threadStore.currentUserId, typingMembers = threadStore.typingMembers;
     // Initialization
     useEffect(function () {
         threadDispatcher({
@@ -1243,6 +1262,7 @@ var ThreadProvider = function (props) {
             isMuted: isMuted,
             isChannelFrozen: isChannelFrozen,
             currentUserId: currentUserId,
+            typingMembers: typingMembers,
         } },
         React__default.createElement(UserProfileProvider, { disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : config.disableUserProfile, renderUserProfile: renderUserProfile, onUserProfileMessage: onUserProfileMessage }, children)));
 };

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,53 +1,54 @@
 import React__default from 'react';
 import { ThreadProvider } from './Thread/context.js';
 import ThreadUI from './Thread/components/ThreadUI.js';
-import './chunks/bundle-TZXZa-F1.js';
-import './pubSub/topics.js';
-import './chunks/bundle-ZmvX8uZ5.js';
-import './chunks/bundle-hKtwSqbO.js';
-import './chunks/bundle-h3JIYRTG.js';
-import './chunks/bundle-FTgSGiKe.js';
-import './chunks/bundle-EHReigfD.js';
+import './chunks/bundle-n3JTobCF.js';
+import './chunks/bundle-Ey2KFn-R.js';
+import './chunks/bundle-EoW7JC-6.js';
+import './chunks/bundle-HUCZoqot.js';
+import './chunks/bundle-o_MR5zP9.js';
+import './chunks/bundle-FxBVAeu9.js';
+import './chunks/bundle-UW-TqfsF.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-9KsbryQI.js';
+import './chunks/bundle-qReOreYH.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-ubky9D9H.js';
+import './chunks/bundle-5WxplyP9.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 import './Thread/context/types.js';
 import '@sendbird/chat';
-import './chunks/bundle-qst5L6aH.js';
+import './chunks/bundle-GaBLtZQZ.js';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-bofQNMJb.js';
-import './chunks/bundle-WCTKBopn.js';
-import './chunks/bundle-v0OWADVv.js';
-import './chunks/bundle-5yKxJk_M.js';
-import './chunks/bundle-hjECCUV3.js';
-import './chunks/bundle-wMgBBDf9.js';
+import './chunks/bundle-LutukB6f.js';
+import './chunks/bundle-L1jL1HlF.js';
+import './chunks/bundle-fRhlDZge.js';
+import './chunks/bundle-1O7rPYFy.js';
+import './chunks/bundle-JGL7ecyE.js';
+import './chunks/bundle-kdRMkp9s.js';
+import './chunks/bundle-qJVzRD5Y.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-8zJE_DCx.js';
-import './chunks/bundle-rLxuFUa1.js';
+import './chunks/bundle-5asq-E-v.js';
+import './chunks/bundle-mg_7Exot.js';
 import 'react-dom';
-import './chunks/bundle-v9a1_z0P.js';
-import './chunks/bundle-x-4ukZm_.js';
+import './chunks/bundle-fBRojj0w.js';
+import './chunks/bundle-nB9Rk0Vg.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
 import './ui/Icon.js';
-import './chunks/bundle-zoxfINxQ.js';
+import './chunks/bundle-atKtJDZx.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './chunks/bundle-YEttY5xG.js';
+import './chunks/bundle-8Ct4JuXG.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-btDN-R-c.js';
+import './chunks/bundle-HTP_W562.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './ui/BottomSheet.js';
 import './hooks/useModal.js';
 import './ui/UserListItem.js';
-import './ui/Avatar.js';
+import './chunks/bundle-cTKDcBXH.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
@@ -58,52 +59,51 @@ import './Message/context.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './chunks/bundle-53PRRrlp.js';
+import './chunks/bundle-fiU7Tho8.js';
 import './VoiceRecorder/context.js';
 import './ui/PlaybackTime.js';
 import './ui/Loader.js';
-import './chunks/bundle-Zl1hrCWc.js';
-import './chunks/bundle-cviP1IM2.js';
+import './chunks/bundle-grxc9ClY.js';
+import './chunks/bundle-EaGyVrR8.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
-import './chunks/bundle-ANPmLOz8.js';
-import './chunks/bundle-w9T6A0ez.js';
-import './chunks/bundle-LUte5Kb5.js';
-import './chunks/bundle-AI8e02c3.js';
-import './chunks/bundle-_qiqf8_l.js';
+import './chunks/bundle-WJ4T7o4h.js';
+import './chunks/bundle-u_gMIDNK.js';
+import './chunks/bundle-BgGUA_Do.js';
+import './chunks/bundle-sTNKynXj.js';
 import './Channel/hooks/useInitialMessagesFetch.js';
-import './chunks/bundle-5iuNyt5M.js';
+import './chunks/bundle-j2oaAFR4.js';
 import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-sOjc_nNQ.js';
+import './chunks/bundle-NRuB0VyT.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-mpeh7m6z.js';
+import './chunks/bundle-zL8um0im.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-qunsoajv.js';
+import './chunks/bundle-zz-E8ZLu.js';
 import 'dompurify';
-import './chunks/bundle--F_1NyoU.js';
-import './chunks/bundle-kp1MMNMf.js';
-import './chunks/bundle-khKXutc3.js';
-import './chunks/bundle-vnmGzWMt.js';
+import './chunks/bundle-dGdUFeGw.js';
+import './chunks/bundle-WiQweU5U.js';
+import './chunks/bundle-I0NSP9ei.js';
+import './chunks/bundle-9YazFOHk.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-zLBuOeRY.js';
-import './chunks/bundle-dLuEa16_.js';
-import './chunks/bundle-3mdR5HDw.js';
+import './chunks/bundle-iTeulylJ.js';
+import './chunks/bundle-0--XgUA7.js';
+import './chunks/bundle-JJDjO0bj.js';
 import './ui/TextMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/ThumbnailMessageItemBody.js';
-import './chunks/bundle-M2ljBW6p.js';
+import './chunks/bundle-9AVOtanU.js';
 import './ui/UnknownMessageItemBody.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './chunks/bundle-Ael7hqI7.js';
+import './chunks/bundle-tR2Ipjel.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-ftY5T58h.js';
+import './chunks/bundle-RXyEKXFG.js';
 import './ui/PlaceHolder.js';
 
 var Thread = function (props) {

package/VoicePlayer/context.js

@@ -1,7 +1,7 @@
 import 'react';
-export { a as ALL, b as VoicePlayerProvider, u as useVoicePlayerContext } from '../chunks/bundle-53PRRrlp.js';
-import '../chunks/bundle-WCTKBopn.js';
+export { a as ALL, b as VoicePlayerProvider, u as useVoicePlayerContext } from '../chunks/bundle-fiU7Tho8.js';
+import '../chunks/bundle-fRhlDZge.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-HUCZoqot.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-53PRRrlp.js';
-import { e as VOICE_PLAYER_AUDIO_ID } from '../chunks/bundle-WCTKBopn.js';
+import { u as useVoicePlayerContext, A as AudioUnitDefaultValue } from '../chunks/bundle-fiU7Tho8.js';
+import { d as VOICE_PLAYER_AUDIO_ID } from '../chunks/bundle-fRhlDZge.js';
 import { useVoiceRecorderContext } from '../VoiceRecorder/context.js';
-import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-HUCZoqot.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../chunks/bundle-v0OWADVv.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-FTgSGiKe.js';
-import '../chunks/bundle-rLxuFUa1.js';
+import '../chunks/bundle-1O7rPYFy.js';
+import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-FxBVAeu9.js';
+import '../chunks/bundle-mg_7Exot.js';
 import 'react-dom';
-import '../chunks/bundle-v9a1_z0P.js';
-import '../chunks/bundle-x-4ukZm_.js';
+import '../chunks/bundle-fBRojj0w.js';
+import '../chunks/bundle-nB9Rk0Vg.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-wMgBBDf9.js';
+import '../chunks/bundle-qJVzRD5Y.js';
 import '../ui/Icon.js';
 
 var generateGroupKey = function (channelUrl, key) {

package/VoiceRecorder/context.js

@@ -1,17 +1,17 @@
 import React__default, { createContext, useState, useEffect, useCallback, useContext } from 'react';
-import { u as useLocalization } from '../chunks/bundle-v0OWADVv.js';
-import { M as Modal } from '../chunks/bundle-rLxuFUa1.js';
-import { B as BROWSER_SUPPORT_MIME_TYPE_LIST, V as VOICE_RECORDER_AUDIO_BIT_RATE, a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-WCTKBopn.js';
+import { u as useLocalization } from '../chunks/bundle-1O7rPYFy.js';
+import { M as Modal } from '../chunks/bundle-mg_7Exot.js';
+import { B as BROWSER_SUPPORT_MIME_TYPE_LIST, V as VOICE_RECORDER_AUDIO_BIT_RATE, a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-fRhlDZge.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-FTgSGiKe.js';
+import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-FxBVAeu9.js';
 import 'react-dom';
-import '../chunks/bundle-v9a1_z0P.js';
-import '../chunks/bundle-x-4ukZm_.js';
+import '../chunks/bundle-fBRojj0w.js';
+import '../chunks/bundle-nB9Rk0Vg.js';
 import '../ui/IconButton.js';
-import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-HUCZoqot.js';
 import '../ui/Button.js';
-import '../chunks/bundle-wMgBBDf9.js';
+import '../chunks/bundle-qJVzRD5Y.js';
 import '../ui/Icon.js';
 import '../withSendbird.js';
 
@@ -54,7 +54,7 @@ var VoiceRecorderProvider = function (props) {
     var _e = useState(null), webAudioUtils = _e[0], setWebAudioUtils = _e[1];
     useEffect(function () {
         if (isVoiceMessageEnabled && !webAudioUtils) {
-            import('../chunks/bundle-rYAZn3lj.js').then(function (data) {
+            import('../chunks/bundle-KkDaqYo6.js').then(function (data) {
                 setWebAudioUtils(data);
             });
         }

package/VoiceRecorder/useVoiceRecorder.js

@@ -1,19 +1,19 @@
 import { useState, useEffect, useCallback } from 'react';
 import { useVoiceRecorderContext } from './context.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-v0OWADVv.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-FTgSGiKe.js';
-import '../chunks/bundle-rLxuFUa1.js';
+import '../chunks/bundle-1O7rPYFy.js';
+import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-FxBVAeu9.js';
+import '../chunks/bundle-mg_7Exot.js';
 import 'react-dom';
-import '../chunks/bundle-v9a1_z0P.js';
-import '../chunks/bundle-x-4ukZm_.js';
+import '../chunks/bundle-fBRojj0w.js';
+import '../chunks/bundle-nB9Rk0Vg.js';
 import '../ui/IconButton.js';
-import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-HUCZoqot.js';
 import '../ui/Button.js';
-import '../chunks/bundle-wMgBBDf9.js';
+import '../chunks/bundle-qJVzRD5Y.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-WCTKBopn.js';
+import '../chunks/bundle-fRhlDZge.js';
 import '../withSendbird.js';
 
 // export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {

package/chunks/{bundle-dLuEa16_.js → bundle-0--XgUA7.js}

@@ -1,5 +1,5 @@
-import { i as isSameDay } from './bundle-3mdR5HDw.js';
-import { r as requiredArgs, t as toDate, a as toInteger } from './bundle-h3JIYRTG.js';
+import { i as isSameDay } from './bundle-JJDjO0bj.js';
+import { r as requiredArgs, t as toDate, a as toInteger } from './bundle-o_MR5zP9.js';
 
 /**
  * @name isToday
@@ -171,4 +171,4 @@ function isYesterday(dirtyDate) {
 }
 
 export { isYesterday as a, isThisYear as b, isToday as i };
-//# sourceMappingURL=bundle-dLuEa16_.js.map
+//# sourceMappingURL=bundle-0--XgUA7.js.map