@sendbird/uikit-react 3.8.0 → 3.8.2

package/cjs/Thread/context.js

@@ -1,25 +1,26 @@
 'use strict';
 
 var React = require('react');
-var useSendMultipleFilesMessage = require('../chunks/bundle-6o4fw0w0.js');
-var UserProfileContext = require('../chunks/bundle-4bb_98h6.js');
+var useSendMultipleFilesMessage = require('../chunks/bundle-L6ZM4yRd.js');
+var UserProfileContext = require('../chunks/bundle-r81ddDqP.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _tslib = require('../chunks/bundle-hK4x7nmG.js');
+var _tslib = require('../chunks/bundle-2s7rxLn3.js');
 var Thread_context_types = require('./context/types.js');
 var SendbirdChat = require('@sendbird/chat');
-var pubSub_topics = require('../pubSub/topics.js');
-require('../chunks/bundle-FHx0K-3z.js');
-var message = require('@sendbird/chat/message');
-var actionTypes = require('../chunks/bundle-c6O8NjZI.js');
+var pubSub_topics = require('../chunks/bundle-ONpNGzUN.js');
+var actionTypes = require('../chunks/bundle-qtVxG8eL.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('../chunks/bundle-gMxOq93o.js');
-var consts = require('../chunks/bundle-L9ushBZQ.js');
-require('../chunks/bundle-4q81wd8X.js');
-require('../chunks/bundle-28p7K0N-.js');
-require('../chunks/bundle-n1yh-qDb.js');
+var uuid = require('../chunks/bundle--NEfAH1H.js');
+var compareIds = require('../chunks/bundle-QkZHyxSs.js');
+require('../chunks/bundle-tFwEElQ4.js');
+var message = require('@sendbird/chat/message');
+var consts = require('../chunks/bundle-9GSi_LkG.js');
+require('../chunks/bundle-5SOWNViS.js');
+require('../chunks/bundle-KQyVyq1q.js');
+require('../chunks/bundle-YXCUHkka.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('../withSendbird.js');
-require('../chunks/bundle-I_9_5a8a.js');
+require('../chunks/bundle-qnGmz8ai.js');
 
 var PREV_THREADS_FETCH_SIZE = 30;
 var NEXT_THREADS_FETCH_SIZE = 30;
@@ -70,10 +71,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: {
@@ -109,7 +112,7 @@ function reducer(state, action) {
             return _tslib.__assign(_tslib.__assign({}, state), { threadListState: Thread_context_types.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;
@@ -142,7 +145,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)) {
@@ -156,7 +159,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;
             }
@@ -165,7 +168,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;
             }
@@ -193,14 +196,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 _tslib.__assign(_tslib.__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;
             }
@@ -252,7 +255,7 @@ function reducer(state, action) {
             return _tslib.__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 (!useSendMultipleFilesMessage.compareIds(channelUrl, (_w = state.currentChannel) === null || _w === void 0 ? void 0 : _w.url)) {
                 return state;
             }
@@ -271,6 +274,13 @@ function reducer(state, action) {
             }
             return _tslib.__assign(_tslib.__assign({}, state), { localThreadMessages: localThreadMessages });
         }
+        case ThreadContextActionTypes.ON_TYPING_STATUS_UPDATED: {
+            var _6 = action.payload, channel = _6.channel, typingMembers = _6.typingMembers;
+            if (!useSendMultipleFilesMessage.compareIds(channel.url, (_y = state.currentChannel) === null || _y === void 0 ? void 0 : _y.url)) {
+                return state;
+            }
+            return _tslib.__assign(_tslib.__assign({}, state), { typingMembers: typingMembers });
+        }
         default: {
             return state;
         }
@@ -294,6 +304,7 @@ var initialState = {
     isMuted: false,
     isChannelFrozen: false,
     currentUserId: '',
+    typingMembers: [],
 };
 
 function useGetChannel(_a, _b) {
@@ -453,11 +464,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.PUBSUB_TOPICS.SEND_MESSAGE_START, pubSub.subscribe(pubSub_topics.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(useSendMultipleFilesMessage.PublishingModuleType.THREAD)) {
+            subscriber.set(pubSub_topics.pubSubTopics.SEND_MESSAGE_START, pubSub.subscribe(pubSub_topics.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) && pubSub_topics.shouldPubSubPublishToThread(publishingModules)) {
                     // TODO: const clonedMessage = cloneMessage(message);
                     var pendingMessage = _tslib.__assign({}, message);
                     if (message.isMultipleFilesMessage()) {
@@ -473,16 +482,15 @@ function useHandleThreadPubsubEvents(_a, _b) {
                 useSendMultipleFilesMessage.scrollIntoLast === null || useSendMultipleFilesMessage.scrollIntoLast === void 0 ? void 0 : useSendMultipleFilesMessage.scrollIntoLast();
             }));
             subscriber.set(pubSub_topics.PUBSUB_TOPICS.ON_FILE_INFO_UPLOADED, pubSub.subscribe(pubSub_topics.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(useSendMultipleFilesMessage.PublishingModuleType.THREAD)) {
+                var response = props.response, publishingModules = props.publishingModules;
+                if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === response.channelUrl && pubSub_topics.shouldPubSubPublishToThread(publishingModules)) {
                     threadDispatcher({
                         type: actionTypes.ON_FILE_INFO_UPLOADED,
                         payload: response,
                     });
                 }
             }));
-            subscriber.set(pubSub_topics.PUBSUB_TOPICS.SEND_USER_MESSAGE, pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.SEND_USER_MESSAGE, function (props) {
+            subscriber.set(pubSub_topics.pubSubTopics.SEND_USER_MESSAGE, pubSub.subscribe(pubSub_topics.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)) {
@@ -493,21 +501,18 @@ function useHandleThreadPubsubEvents(_a, _b) {
                 }
                 useSendMultipleFilesMessage.scrollIntoLast === null || useSendMultipleFilesMessage.scrollIntoLast === void 0 ? void 0 : useSendMultipleFilesMessage.scrollIntoLast();
             }));
-            subscriber.set(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_FAILED, pubSub.subscribe(pubSub_topics.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(useSendMultipleFilesMessage.PublishingModuleType.THREAD)) {
+            subscriber.set(pubSub_topics.pubSubTopics.SEND_MESSAGE_FAILED, pubSub.subscribe(pubSub_topics.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) && pubSub_topics.shouldPubSubPublishToThread(publishingModules)) {
                     threadDispatcher({
                         type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
                         payload: { message: message },
                     });
                 }
             }));
-            subscriber.set(pubSub_topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, pubSub.subscribe(pubSub_topics.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(useSendMultipleFilesMessage.PublishingModuleType.THREAD)) {
+            subscriber.set(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, pubSub.subscribe(pubSub_topics.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) && pubSub_topics.shouldPubSubPublishToThread(publishingModules)) {
                     threadDispatcher({
                         type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
                         payload: { message: message },
@@ -515,7 +520,7 @@ function useHandleThreadPubsubEvents(_a, _b) {
                 }
                 useSendMultipleFilesMessage.scrollIntoLast === null || useSendMultipleFilesMessage.scrollIntoLast === void 0 ? void 0 : useSendMultipleFilesMessage.scrollIntoLast();
             }));
-            subscriber.set(pubSub_topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, function (props) {
+            subscriber.set(pubSub_topics.pubSubTopics.UPDATE_USER_MESSAGE, pubSub.subscribe(pubSub_topics.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({
@@ -524,7 +529,7 @@ function useHandleThreadPubsubEvents(_a, _b) {
                     });
                 }
             }));
-            subscriber.set(pubSub_topics.PUBSUB_TOPICS.DELETE_MESSAGE, pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.DELETE_MESSAGE, function (props) {
+            subscriber.set(pubSub_topics.pubSubTopics.DELETE_MESSAGE, pubSub.subscribe(pubSub_topics.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({
@@ -644,6 +649,19 @@ function useHandleChannelEvents(_a, _b) {
                         payload: { channel: channel, users: users },
                     });
                 },
+                onTypingStatusUpdated: function (channel) {
+                    if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, currentChannel.url)) {
+                        logger.info('Channel | onTypingStatusUpdated', { channel: channel });
+                        var typingMembers = channel.getTypingUsers();
+                        threadDispatcher({
+                            type: actionTypes.ON_TYPING_STATUS_UPDATED,
+                            payload: {
+                                channel: channel,
+                                typingMembers: typingMembers,
+                            },
+                        });
+                    }
+                },
             };
             var channelHandler = new groupChannel.GroupChannelHandler(channelHandlerParams);
             (_c = (_b = sdk.groupChannel).addGroupChannelHandler) === null || _c === void 0 ? void 0 : _c.call(_b, handlerId, channelHandler);
@@ -703,10 +721,10 @@ function useSendFileMessageCallback(_a, _b) {
                 reject(error);
             }).onSucceeded(function (message) {
                 logger.info('Thread | useSendFileMessageCallback: Sending file message succeeded.', message);
-                pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+                pubSub.publish(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, {
                     channel: currentChannel,
                     message: message,
-                    publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD],
+                    publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
                 });
                 resolve(message);
             });
@@ -718,6 +736,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 React.useCallback(function (props) {
         var _a;
         var messageId = props.messageId, message = props.message, mentionedUsers = props.mentionedUsers, mentionTemplate = props.mentionTemplate;
@@ -746,11 +765,11 @@ function useUpdateMessageCallback(_a, _b) {
                     message: message,
                 },
             });
-            pubSub.publish(pubSub_topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, {
+            pubSub.publish(pubSub_topics.pubSubTopics.UPDATE_USER_MESSAGE, {
                 fromSelector: true,
                 channel: currentChannel,
                 message: message,
-                publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD],
+                publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
             });
         });
     }, [currentChannel, isMentionEnabled]);
@@ -934,10 +953,10 @@ 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.PUBSUB_TOPICS.SEND_USER_MESSAGE, {
+                pubSub.publish(pubSub_topics.pubSubTopics.SEND_USER_MESSAGE, {
                     channel: currentChannel,
                     message: message,
-                    publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD],
+                    publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
                 });
             });
         }
@@ -964,10 +983,10 @@ function useResendMessageCallback(_a, _b) {
                         type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
                         payload: { message: message },
                     });
-                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_USER_MESSAGE, {
+                    pubSub.publish(pubSub_topics.pubSubTopics.SEND_USER_MESSAGE, {
                         channel: currentChannel,
                         message: message,
-                        publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD],
+                        publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
                     });
                 }).catch(function (error) {
                     logger.warning('Thread | useResendMessageCallback: Resending failedMessage failed.', error);
@@ -992,10 +1011,10 @@ function useResendMessageCallback(_a, _b) {
                         type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
                         payload: { message: failedMessage },
                     });
-                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+                    pubSub.publish(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, {
                         channel: currentChannel,
                         message: failedMessage,
-                        publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD],
+                        publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
                     });
                 });
             }
@@ -1012,10 +1031,10 @@ function useResendMessageCallback(_a, _b) {
                         type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
                         payload: { message: message },
                     });
-                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+                    pubSub.publish(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, {
                         channel: currentChannel,
                         message: message,
-                        publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD],
+                        publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
                     });
                 });
             }
@@ -1080,10 +1099,10 @@ var useSendVoiceMessageCallback = function (_a, _b) {
             });
         }).onSucceeded(function (message) {
             logger.info('Thread | useSendVoiceMessageCallback: Sending voice message succeeded.', message);
-            pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+            pubSub.publish(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, {
                 channel: currentChannel,
                 message: message,
-                publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD],
+                publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
             });
         });
     }, [
@@ -1113,7 +1132,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 = React.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
     React.useEffect(function () {
         threadDispatcher({
@@ -1194,7 +1213,7 @@ var ThreadProvider = function (props) {
     var sendMultipleFilesMessage = useSendMultipleFilesMessage.useSendMultipleFilesMessage({
         currentChannel: currentChannel,
         onBeforeSendMultipleFilesMessage: onBeforeSendMultipleFilesMessage,
-        publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD],
+        publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
     }, {
         logger: logger,
         pubSub: pubSub,
@@ -1245,6 +1264,7 @@ var ThreadProvider = function (props) {
             isMuted: isMuted,
             isChannelFrozen: isChannelFrozen,
             currentUserId: currentUserId,
+            typingMembers: typingMembers,
         } },
         React.createElement(UserProfileContext.UserProfileProvider, { disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : config.disableUserProfile, renderUserProfile: renderUserProfile, onUserProfileMessage: onUserProfileMessage }, children)));
 };

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,53 +3,54 @@
 var React = require('react');
 var Thread_context = require('./Thread/context.js');
 var Thread_components_ThreadUI = require('./Thread/components/ThreadUI.js');
-require('./chunks/bundle-6o4fw0w0.js');
-require('./pubSub/topics.js');
-require('./chunks/bundle-4q81wd8X.js');
-require('./chunks/bundle-hK4x7nmG.js');
-require('./chunks/bundle-28p7K0N-.js');
-require('./chunks/bundle-n1yh-qDb.js');
-require('./chunks/bundle-FHx0K-3z.js');
+require('./chunks/bundle-L6ZM4yRd.js');
+require('./chunks/bundle-ONpNGzUN.js');
+require('./chunks/bundle-5SOWNViS.js');
+require('./chunks/bundle-2s7rxLn3.js');
+require('./chunks/bundle-KQyVyq1q.js');
+require('./chunks/bundle-YXCUHkka.js');
+require('./chunks/bundle-tFwEElQ4.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-I_9_5a8a.js');
+require('./chunks/bundle-qnGmz8ai.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-4bb_98h6.js');
+require('./chunks/bundle-r81ddDqP.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
-require('./chunks/bundle-c6O8NjZI.js');
+require('./chunks/bundle-qtVxG8eL.js');
 require('@sendbird/chat/groupChannel');
-require('./chunks/bundle-gMxOq93o.js');
-require('./chunks/bundle-L9ushBZQ.js');
-require('./chunks/bundle-QmSa90PC.js');
-require('./chunks/bundle-z-Bvsn0B.js');
-require('./chunks/bundle-zr9ZXBrm.js');
-require('./chunks/bundle-6ziaqiUd.js');
+require('./chunks/bundle--NEfAH1H.js');
+require('./chunks/bundle-QkZHyxSs.js');
+require('./chunks/bundle-9GSi_LkG.js');
+require('./chunks/bundle-3AvVQDMo.js');
+require('./chunks/bundle-wvuQ096A.js');
+require('./chunks/bundle-mLp_yP52.js');
+require('./chunks/bundle-1Rk5zlYY.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-DZeKHvMp.js');
-require('./chunks/bundle-UooP2IDU.js');
+require('./chunks/bundle-IpMpyY9U.js');
+require('./chunks/bundle-6lAqYT4t.js');
 require('react-dom');
-require('./chunks/bundle-1yOirqug.js');
-require('./chunks/bundle-Y9TkHVI5.js');
+require('./chunks/bundle--OdfDOjY.js');
+require('./chunks/bundle-K0D5qG0j.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-6OOGDxxE.js');
+require('./chunks/bundle-mtATkaCS.js');
 require('./Thread/components/ParentMessageInfoItem.js');
 require('./ui/ImageRenderer.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-B2MaAm21.js');
+require('./chunks/bundle-DvBNc5Qi.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-tywVawyg.js');
+require('./chunks/bundle-6upaSfL9.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
 require('./ui/BottomSheet.js');
 require('./hooks/useModal.js');
 require('./ui/UserListItem.js');
-require('./ui/Avatar.js');
+require('./chunks/bundle-03qc56fX.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
@@ -60,52 +61,51 @@ require('./Message/context.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
-require('./chunks/bundle-BJe68nS0.js');
+require('./chunks/bundle-S6CVN67K.js');
 require('./VoiceRecorder/context.js');
 require('./ui/PlaybackTime.js');
 require('./ui/Loader.js');
-require('./chunks/bundle-iwsbhMUN.js');
-require('./chunks/bundle-FLCJVplO.js');
+require('./chunks/bundle-0ugulztA.js');
+require('./chunks/bundle-ww8_Dx5u.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
-require('./chunks/bundle-RlFjml8m.js');
-require('./chunks/bundle-JggdKsJa.js');
-require('./chunks/bundle-4DATo50q.js');
-require('./chunks/bundle-P_B0eyVT.js');
-require('./chunks/bundle-tmB_l3Q9.js');
+require('./chunks/bundle-r1UVi2ak.js');
+require('./chunks/bundle-vvpfLay7.js');
+require('./chunks/bundle-4NrBnGEN.js');
+require('./chunks/bundle-nsOL78qf.js');
 require('./Channel/hooks/useInitialMessagesFetch.js');
-require('./chunks/bundle-g_OXBrgT.js');
+require('./chunks/bundle-zNIQydjM.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./chunks/bundle-dXhGOQQM.js');
+require('./chunks/bundle-X1dqH2Sm.js');
 require('./ui/MessageItemMenu.js');
-require('./chunks/bundle-lii4Ueh3.js');
+require('./chunks/bundle-3PJj-XfK.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-b4fiCQuI.js');
+require('./chunks/bundle-jl7T2kDZ.js');
 require('dompurify');
-require('./chunks/bundle-gS0bojlA.js');
-require('./chunks/bundle-g0lpRY8_.js');
-require('./chunks/bundle-RaQV-Bpr.js');
-require('./chunks/bundle-41ZfOrRZ.js');
+require('./chunks/bundle-4ajshWV-.js');
+require('./chunks/bundle-veamuCpa.js');
+require('./chunks/bundle-NS_si8Av.js');
+require('./chunks/bundle-1SeNKVYf.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-11ybpGNN.js');
-require('./chunks/bundle-CUP2x37z.js');
-require('./chunks/bundle-4rFcKXQa.js');
+require('./chunks/bundle-7kVSLQPz.js');
+require('./chunks/bundle-M4KuiFU1.js');
+require('./chunks/bundle-NXDlGjOm.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
 require('./ui/ThumbnailMessageItemBody.js');
-require('./chunks/bundle-p1cCW0sH.js');
+require('./chunks/bundle-GJqVurdA.js');
 require('./ui/UnknownMessageItemBody.js');
 require('date-fns');
 require('./Thread/components/ThreadMessageInput.js');
-require('./chunks/bundle-e0il9C3T.js');
+require('./chunks/bundle-xXG5L42q.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-tRBVL0r6.js');
+require('./chunks/bundle-UEKzL00k.js');
 require('./ui/PlaceHolder.js');
 
 var Thread = function (props) {

package/cjs/VoicePlayer/context.js

@@ -1,10 +1,10 @@
 'use strict';
 
 require('react');
-var VoicePlayer_context = require('../chunks/bundle-BJe68nS0.js');
-require('../chunks/bundle-L9ushBZQ.js');
+var VoicePlayer_context = require('../chunks/bundle-S6CVN67K.js');
+require('../chunks/bundle-9GSi_LkG.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-hK4x7nmG.js');
+require('../chunks/bundle-2s7rxLn3.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-BJe68nS0.js');
-var consts = require('../chunks/bundle-L9ushBZQ.js');
+var VoicePlayer_context = require('../chunks/bundle-S6CVN67K.js');
+var consts = require('../chunks/bundle-9GSi_LkG.js');
 var VoiceRecorder_context = require('../VoiceRecorder/context.js');
-require('../chunks/bundle-hK4x7nmG.js');
+require('../chunks/bundle-2s7rxLn3.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-QmSa90PC.js');
-require('../chunks/bundle-z-Bvsn0B.js');
-require('../chunks/bundle-n1yh-qDb.js');
-require('../chunks/bundle-UooP2IDU.js');
+require('../chunks/bundle-3AvVQDMo.js');
+require('../chunks/bundle-wvuQ096A.js');
+require('../chunks/bundle-YXCUHkka.js');
+require('../chunks/bundle-6lAqYT4t.js');
 require('react-dom');
-require('../chunks/bundle-1yOirqug.js');
-require('../chunks/bundle-Y9TkHVI5.js');
+require('../chunks/bundle--OdfDOjY.js');
+require('../chunks/bundle-K0D5qG0j.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-6ziaqiUd.js');
+require('../chunks/bundle-1Rk5zlYY.js');
 require('../ui/Icon.js');
 
 var generateGroupKey = function (channelUrl, key) {

package/cjs/VoiceRecorder/context.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-QmSa90PC.js');
-var ui_Modal = require('../chunks/bundle-UooP2IDU.js');
-var consts = require('../chunks/bundle-L9ushBZQ.js');
+var LocalizationContext = require('../chunks/bundle-3AvVQDMo.js');
+var ui_Modal = require('../chunks/bundle-6lAqYT4t.js');
+var consts = require('../chunks/bundle-9GSi_LkG.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-z-Bvsn0B.js');
-require('../chunks/bundle-n1yh-qDb.js');
+require('../chunks/bundle-wvuQ096A.js');
+require('../chunks/bundle-YXCUHkka.js');
 require('react-dom');
-require('../chunks/bundle-1yOirqug.js');
-require('../chunks/bundle-Y9TkHVI5.js');
+require('../chunks/bundle--OdfDOjY.js');
+require('../chunks/bundle-K0D5qG0j.js');
 require('../ui/IconButton.js');
-require('../chunks/bundle-hK4x7nmG.js');
+require('../chunks/bundle-2s7rxLn3.js');
 require('../ui/Button.js');
-require('../chunks/bundle-6ziaqiUd.js');
+require('../chunks/bundle-1Rk5zlYY.js');
 require('../ui/Icon.js');
 require('../withSendbird.js');
 
@@ -58,7 +58,7 @@ var VoiceRecorderProvider = function (props) {
     var _e = React.useState(null), webAudioUtils = _e[0], setWebAudioUtils = _e[1];
     React.useEffect(function () {
         if (isVoiceMessageEnabled && !webAudioUtils) {
-            Promise.resolve().then(function () { return require('../chunks/bundle-BN7IOLFq.js'); }).then(function (data) {
+            Promise.resolve().then(function () { return require('../chunks/bundle-IZeqjgE7.js'); }).then(function (data) {
                 setWebAudioUtils(data);
             });
         }