@sendbird/uikit-react 3.7.0 → 3.8.1

package/cjs/Thread/context.js

@@ -1,1691 +1,1274 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
-var useSendMultipleFilesMessage = require('../useSendMultipleFilesMessage-d6a3d5cf.js');
-var UserProfileContext = require('../UserProfileContext-c6d7abb7.js');
+var useSendMultipleFilesMessage = require('../chunks/bundle-leALuaxJ.js');
+var UserProfileContext = require('../chunks/bundle-ACXel153.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-mc8PQfi_.js');
 var Thread_context_types = require('./context/types.js');
 var SendbirdChat = require('@sendbird/chat');
-var pubSub_topics = require('../pubSub/topics.js');
-require('../index-dbe8dd84.js');
-var message = require('@sendbird/chat/message');
+var pubSub_topics = require('../chunks/bundle-6fWeHUzf.js');
+var actionTypes = require('../chunks/bundle-bQffWPr0.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('../uuid-9a117e16.js');
-var consts = require('../consts-f54b15c2.js');
-require('../utils-9193a195.js');
-require('../index-3448df64.js');
-require('../index-e8928da6.js');
+var uuid = require('../chunks/bundle-Z8uBiYyS.js');
+var compareIds = require('../chunks/bundle-a_NGo240.js');
+require('../chunks/bundle-BUF_nc4Q.js');
+var message = require('@sendbird/chat/message');
+var consts = require('../chunks/bundle-4iro9CUN.js');
+require('../chunks/bundle-8lUFYwiz.js');
+require('../chunks/bundle-pLajF9mf.js');
+require('../chunks/bundle-EVv3xRW8.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('../withSendbird.js');
-require('../index-54279ec2.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+require('../chunks/bundle-RG3ZDmvE.js');
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var PREV_THREADS_FETCH_SIZE = 30;
+var PREV_THREADS_FETCH_SIZE = 30;
 var NEXT_THREADS_FETCH_SIZE = 30;
 
-var ThreadContextActionTypes;
-(function (ThreadContextActionTypes) {
-  // initialize
-  ThreadContextActionTypes["INIT_USER_ID"] = "INIT_USER_ID";
-  // channel
-  ThreadContextActionTypes["GET_CHANNEL_START"] = "GET_CHANNEL_START";
-  ThreadContextActionTypes["GET_CHANNEL_SUCCESS"] = "GET_CHANNEL_SUCCESS";
-  ThreadContextActionTypes["GET_CHANNEL_FAILURE"] = "GET_CHANNEL_FAILURE";
-  // emojis
-  ThreadContextActionTypes["SET_EMOJI_CONTAINER"] = "SET_EMOJI_CONTAINER";
-  // parent message
-  ThreadContextActionTypes["GET_PARENT_MESSAGE_START"] = "GET_PARENT_MESSAGE_START";
-  ThreadContextActionTypes["GET_PARENT_MESSAGE_SUCCESS"] = "GET_PARENT_MESSAGE_SUCCESS";
-  ThreadContextActionTypes["GET_PARENT_MESSAGE_FAILURE"] = "GET_PARENT_MESSAGE_FAILURE";
-  // fetch threads
-  ThreadContextActionTypes["INITIALIZE_THREAD_LIST_START"] = "INITIALIZE_THREAD_LIST_START";
-  ThreadContextActionTypes["INITIALIZE_THREAD_LIST_SUCCESS"] = "INITIALIZE_THREAD_LIST_SUCCESS";
-  ThreadContextActionTypes["INITIALIZE_THREAD_LIST_FAILURE"] = "INITIALIZE_THREAD_LIST_FAILURE";
-  ThreadContextActionTypes["GET_PREV_MESSAGES_START"] = "GET_PREV_MESSAGES_START";
-  ThreadContextActionTypes["GET_PREV_MESSAGES_SUCESS"] = "GET_PREV_MESSAGES_SUCESS";
-  ThreadContextActionTypes["GET_PREV_MESSAGES_FAILURE"] = "GET_PREV_MESSAGES_FAILURE";
-  ThreadContextActionTypes["GET_NEXT_MESSAGES_START"] = "GET_NEXT_MESSAGES_START";
-  ThreadContextActionTypes["GET_NEXT_MESSAGES_SUCESS"] = "GET_NEXT_MESSAGES_SUCESS";
-  ThreadContextActionTypes["GET_NEXT_MESSAGES_FAILURE"] = "GET_NEXT_MESSAGES_FAILURE";
-  // handle messages
-  ThreadContextActionTypes["SEND_MESSAGE_START"] = "SEND_MESSAGE_START";
-  ThreadContextActionTypes["SEND_MESSAGE_SUCESS"] = "SEND_MESSAGE_SUCESS";
-  ThreadContextActionTypes["SEND_MESSAGE_FAILURE"] = "SEND_MESSAGE_FAILURE";
-  ThreadContextActionTypes["RESEND_MESSAGE_START"] = "RESEND_MESSAGE_START";
-  ThreadContextActionTypes["ON_MESSAGE_DELETED_BY_REQ_ID"] = "ON_MESSAGE_DELETED_BY_REQ_ID";
-  // event handlers - message status change
-  ThreadContextActionTypes["ON_MESSAGE_RECEIVED"] = "ON_MESSAGE_RECEIVED";
-  ThreadContextActionTypes["ON_MESSAGE_UPDATED"] = "ON_MESSAGE_UPDATED";
-  ThreadContextActionTypes["ON_MESSAGE_DELETED"] = "ON_MESSAGE_DELETED";
-  ThreadContextActionTypes["ON_REACTION_UPDATED"] = "ON_REACTION_UPDATED";
-  ThreadContextActionTypes["ON_FILE_INFO_UPLOADED"] = "ON_FILE_INFO_UPLOADED";
-  // event handlers - user status change
-  ThreadContextActionTypes["ON_USER_MUTED"] = "ON_USER_MUTED";
-  ThreadContextActionTypes["ON_USER_UNMUTED"] = "ON_USER_UNMUTED";
-  ThreadContextActionTypes["ON_USER_BANNED"] = "ON_USER_BANNED";
-  ThreadContextActionTypes["ON_USER_UNBANNED"] = "ON_USER_UNBANNED";
-  ThreadContextActionTypes["ON_USER_LEFT"] = "ON_USER_LEFT";
-  // event handler - channel status change
-  ThreadContextActionTypes["ON_CHANNEL_FROZEN"] = "ON_CHANNEL_FROZEN";
-  ThreadContextActionTypes["ON_CHANNEL_UNFROZEN"] = "ON_CHANNEL_UNFROZEN";
-  ThreadContextActionTypes["ON_OPERATOR_UPDATED"] = "ON_OPERATOR_UPDATED";
+var ThreadContextActionTypes;
+(function (ThreadContextActionTypes) {
+    // initialize
+    ThreadContextActionTypes["INIT_USER_ID"] = "INIT_USER_ID";
+    // channel
+    ThreadContextActionTypes["GET_CHANNEL_START"] = "GET_CHANNEL_START";
+    ThreadContextActionTypes["GET_CHANNEL_SUCCESS"] = "GET_CHANNEL_SUCCESS";
+    ThreadContextActionTypes["GET_CHANNEL_FAILURE"] = "GET_CHANNEL_FAILURE";
+    // emojis
+    ThreadContextActionTypes["SET_EMOJI_CONTAINER"] = "SET_EMOJI_CONTAINER";
+    // parent message
+    ThreadContextActionTypes["GET_PARENT_MESSAGE_START"] = "GET_PARENT_MESSAGE_START";
+    ThreadContextActionTypes["GET_PARENT_MESSAGE_SUCCESS"] = "GET_PARENT_MESSAGE_SUCCESS";
+    ThreadContextActionTypes["GET_PARENT_MESSAGE_FAILURE"] = "GET_PARENT_MESSAGE_FAILURE";
+    // fetch threads
+    ThreadContextActionTypes["INITIALIZE_THREAD_LIST_START"] = "INITIALIZE_THREAD_LIST_START";
+    ThreadContextActionTypes["INITIALIZE_THREAD_LIST_SUCCESS"] = "INITIALIZE_THREAD_LIST_SUCCESS";
+    ThreadContextActionTypes["INITIALIZE_THREAD_LIST_FAILURE"] = "INITIALIZE_THREAD_LIST_FAILURE";
+    ThreadContextActionTypes["GET_PREV_MESSAGES_START"] = "GET_PREV_MESSAGES_START";
+    ThreadContextActionTypes["GET_PREV_MESSAGES_SUCESS"] = "GET_PREV_MESSAGES_SUCESS";
+    ThreadContextActionTypes["GET_PREV_MESSAGES_FAILURE"] = "GET_PREV_MESSAGES_FAILURE";
+    ThreadContextActionTypes["GET_NEXT_MESSAGES_START"] = "GET_NEXT_MESSAGES_START";
+    ThreadContextActionTypes["GET_NEXT_MESSAGES_SUCESS"] = "GET_NEXT_MESSAGES_SUCESS";
+    ThreadContextActionTypes["GET_NEXT_MESSAGES_FAILURE"] = "GET_NEXT_MESSAGES_FAILURE";
+    // handle messages
+    ThreadContextActionTypes["SEND_MESSAGE_START"] = "SEND_MESSAGE_START";
+    ThreadContextActionTypes["SEND_MESSAGE_SUCESS"] = "SEND_MESSAGE_SUCESS";
+    ThreadContextActionTypes["SEND_MESSAGE_FAILURE"] = "SEND_MESSAGE_FAILURE";
+    ThreadContextActionTypes["RESEND_MESSAGE_START"] = "RESEND_MESSAGE_START";
+    ThreadContextActionTypes["ON_MESSAGE_DELETED_BY_REQ_ID"] = "ON_MESSAGE_DELETED_BY_REQ_ID";
+    // event handlers - message status change
+    ThreadContextActionTypes["ON_MESSAGE_RECEIVED"] = "ON_MESSAGE_RECEIVED";
+    ThreadContextActionTypes["ON_MESSAGE_UPDATED"] = "ON_MESSAGE_UPDATED";
+    ThreadContextActionTypes["ON_MESSAGE_DELETED"] = "ON_MESSAGE_DELETED";
+    ThreadContextActionTypes["ON_REACTION_UPDATED"] = "ON_REACTION_UPDATED";
+    ThreadContextActionTypes["ON_FILE_INFO_UPLOADED"] = "ON_FILE_INFO_UPLOADED";
+    // event handlers - user status change
+    ThreadContextActionTypes["ON_USER_MUTED"] = "ON_USER_MUTED";
+    ThreadContextActionTypes["ON_USER_UNMUTED"] = "ON_USER_UNMUTED";
+    ThreadContextActionTypes["ON_USER_BANNED"] = "ON_USER_BANNED";
+    ThreadContextActionTypes["ON_USER_UNBANNED"] = "ON_USER_UNBANNED";
+    ThreadContextActionTypes["ON_USER_LEFT"] = "ON_USER_LEFT";
+    // event handler - channel status change
+    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;
-  switch (action.type) {
-    // initialize
-    case ThreadContextActionTypes.INIT_USER_ID:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          currentUserId: action.payload
-        });
-      }
-    case ThreadContextActionTypes.GET_CHANNEL_START:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          channelState: Thread_context_types.ChannelStateTypes.LOADING,
-          currentChannel: null
-        });
-      }
-    case ThreadContextActionTypes.GET_CHANNEL_SUCCESS:
-      {
-        var groupChannel = action.payload.groupChannel;
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          channelState: Thread_context_types.ChannelStateTypes.INITIALIZED,
-          currentChannel: groupChannel,
-          // only support in normal group channel
-          isMuted: ((_b = (_a = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) {
-            return (member === null || member === void 0 ? void 0 : member.userId) === state.currentUserId;
-          })) === null || _b === void 0 ? void 0 : _b.isMuted) || false,
-          isChannelFrozen: (groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.isFrozen) || false
-        });
-      }
-    case ThreadContextActionTypes.GET_CHANNEL_FAILURE:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          channelState: Thread_context_types.ChannelStateTypes.INVALID,
-          currentChannel: null
-        });
-      }
-    case ThreadContextActionTypes.SET_EMOJI_CONTAINER:
-      {
-        var emojiContainer = action.payload.emojiContainer;
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          emojiContainer: emojiContainer
-        });
-      }
-    case ThreadContextActionTypes.GET_PARENT_MESSAGE_START:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          parentMessageState: Thread_context_types.ParentMessageStateTypes.LOADING,
-          parentMessage: null
-        });
-      }
-    case ThreadContextActionTypes.GET_PARENT_MESSAGE_SUCCESS:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          parentMessageState: Thread_context_types.ParentMessageStateTypes.INITIALIZED,
-          parentMessage: action.payload.parentMessage
-        });
-      }
-    case ThreadContextActionTypes.GET_PARENT_MESSAGE_FAILURE:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          parentMessageState: Thread_context_types.ParentMessageStateTypes.INVALID,
-          parentMessage: null
-        });
-      }
-    // fetch threads
-    case ThreadContextActionTypes.INITIALIZE_THREAD_LIST_START:
-      {
-        return tslib_es6.__assign(tslib_es6.__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 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;
-        var anchorThreadMessage = (anchorMessage === null || anchorMessage === void 0 ? void 0 : anchorMessage.messageId) ? [anchorMessage] : [];
-        var nextThreadMessages = anchorIndex > -1 ? threadedMessages.slice(anchorIndex) : [];
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          threadListState: Thread_context_types.ThreadListStateTypes.INITIALIZED,
-          hasMorePrev: anchorIndex === -1 || anchorIndex === PREV_THREADS_FETCH_SIZE,
-          hasMoreNext: threadedMessages.length - anchorIndex === NEXT_THREADS_FETCH_SIZE,
-          allThreadMessages: [prevThreadMessages, anchorThreadMessage, nextThreadMessages].flat()
-        });
-      }
-    case ThreadContextActionTypes.INITIALIZE_THREAD_LIST_FAILURE:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          threadListState: Thread_context_types.ThreadListStateTypes.INVALID,
-          allThreadMessages: []
-        });
-      }
-    case ThreadContextActionTypes.GET_NEXT_MESSAGES_START:
-      {
-        return tslib_es6.__assign({}, state);
-      }
-    case ThreadContextActionTypes.GET_NEXT_MESSAGES_SUCESS:
-      {
-        var threadedMessages = action.payload.threadedMessages;
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          hasMoreNext: threadedMessages.length === NEXT_THREADS_FETCH_SIZE,
-          allThreadMessages: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.allThreadMessages, true), threadedMessages, true)
-        });
-      }
-    case ThreadContextActionTypes.GET_NEXT_MESSAGES_FAILURE:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          hasMoreNext: false
-        });
-      }
-    case ThreadContextActionTypes.GET_PREV_MESSAGES_START:
-      {
-        return tslib_es6.__assign({}, state);
-      }
-    case ThreadContextActionTypes.GET_PREV_MESSAGES_SUCESS:
-      {
-        var threadedMessages = action.payload.threadedMessages;
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          hasMorePrev: threadedMessages.length === PREV_THREADS_FETCH_SIZE,
-          allThreadMessages: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], threadedMessages, true), state.allThreadMessages, true)
-        });
-      }
-    case ThreadContextActionTypes.GET_PREV_MESSAGES_FAILURE:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          hasMorePrev: false
-        });
-      }
-    // event handlers - message status change
-    case ThreadContextActionTypes.ON_MESSAGE_RECEIVED:
-      {
-        var _z = action.payload,
-          channel = _z.channel,
-          message_1 = _z.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)) {
-          return state;
-        }
-        var isAlreadyReceived = state.allThreadMessages.findIndex(function (m) {
-          return m.messageId === message_1.messageId;
-        }) > -1;
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          parentMessage: ((_f = state.parentMessage) === null || _f === void 0 ? void 0 : _f.messageId) === (message_1 === null || message_1 === void 0 ? void 0 : message_1.messageId) ? message_1 : state.parentMessage,
-          allThreadMessages: isAlreadyReceived ? state.allThreadMessages.map(function (m) {
-            return m.messageId === message_1.messageId ? message_1 : m;
-          }) : tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.allThreadMessages.filter(function (m) {
-            return (m === null || m === void 0 ? void 0 : m.reqId) !== (message_1 === null || message_1 === void 0 ? void 0 : message_1.reqId);
-          }), true), [message_1], false)
-        });
-      }
-    case ThreadContextActionTypes.ON_MESSAGE_UPDATED:
-      {
-        var _0 = action.payload,
-          channel = _0.channel,
-          message_2 = _0.message;
-        if (((_g = state.currentChannel) === null || _g === void 0 ? void 0 : _g.url) !== (channel === null || channel === void 0 ? void 0 : channel.url)) {
-          return state;
-        }
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          parentMessage: ((_h = state.parentMessage) === null || _h === void 0 ? void 0 : _h.messageId) === (message_2 === null || message_2 === void 0 ? void 0 : message_2.messageId) ? message_2 : 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;
-        if (((_k = state.currentChannel) === null || _k === void 0 ? void 0 : _k.url) !== (channel === null || channel === void 0 ? void 0 : channel.url)) {
-          return state;
-        }
-        if (((_l = state === null || state === void 0 ? void 0 : state.parentMessage) === null || _l === void 0 ? void 0 : _l.messageId) === messageId_1) {
-          return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-            parentMessage: null,
-            parentMessageState: Thread_context_types.ParentMessageStateTypes.NIL,
-            allThreadMessages: []
-          });
-        }
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          allThreadMessages: (_m = state.allThreadMessages) === null || _m === void 0 ? void 0 : _m.filter(function (msg) {
-            return (msg === null || msg === void 0 ? void 0 : msg.messageId) !== messageId_1;
-          }),
-          localThreadMessages: (_o = state.localThreadMessages) === null || _o === void 0 ? void 0 : _o.filter(function (msg) {
-            return (msg === null || msg === void 0 ? void 0 : msg.messageId) !== messageId_1;
-          })
-        });
-      }
-    case ThreadContextActionTypes.ON_MESSAGE_DELETED_BY_REQ_ID:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          localThreadMessages: state.localThreadMessages.filter(function (m) {
-            return !useSendMultipleFilesMessage.compareIds(m.reqId, action.payload);
-          })
-        });
-      }
-    case ThreadContextActionTypes.ON_REACTION_UPDATED:
-      {
-        var reactionEvent_1 = (_p = action.payload) === null || _p === void 0 ? void 0 : _p.reactionEvent;
-        if (((_q = state === null || state === void 0 ? void 0 : state.parentMessage) === null || _q === void 0 ? void 0 : _q.messageId) === (reactionEvent_1 === null || reactionEvent_1 === void 0 ? void 0 : reactionEvent_1.messageId)) {
-          (_s = (_r = state.parentMessage) === null || _r === void 0 ? void 0 : _r.applyReactionEvent) === null || _s === void 0 ? void 0 : _s.call(_r, reactionEvent_1);
-        }
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          allThreadMessages: state.allThreadMessages.map(function (m) {
-            var _a;
-            if ((reactionEvent_1 === null || reactionEvent_1 === void 0 ? void 0 : reactionEvent_1.messageId) === (m === null || m === void 0 ? void 0 : m.messageId)) {
-              (_a = m === null || m === void 0 ? void 0 : m.applyReactionEvent) === null || _a === void 0 ? void 0 : _a.call(m, reactionEvent_1);
-              return m;
-            }
-            return m;
-          })
-        });
-      }
-    // event handlers - user status change
-    case ThreadContextActionTypes.ON_USER_MUTED:
-      {
-        var _2 = action.payload,
-          channel = _2.channel,
-          user = _2.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_es6.__assign(tslib_es6.__assign({}, state), {
-          isMuted: true
-        });
-      }
-    case ThreadContextActionTypes.ON_USER_UNMUTED:
-      {
-        var _3 = action.payload,
-          channel = _3.channel,
-          user = _3.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;
-        }
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          isMuted: false
-        });
-      }
-    case ThreadContextActionTypes.ON_USER_BANNED:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          channelState: Thread_context_types.ChannelStateTypes.NIL,
-          threadListState: Thread_context_types.ThreadListStateTypes.NIL,
-          parentMessageState: Thread_context_types.ParentMessageStateTypes.NIL,
-          currentChannel: null,
-          parentMessage: null,
-          allThreadMessages: [],
-          hasMorePrev: false,
-          hasMoreNext: false
-        });
-      }
-    case ThreadContextActionTypes.ON_USER_UNBANNED:
-      {
-        return tslib_es6.__assign({}, state);
-      }
-    case ThreadContextActionTypes.ON_USER_LEFT:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          channelState: Thread_context_types.ChannelStateTypes.NIL,
-          threadListState: Thread_context_types.ThreadListStateTypes.NIL,
-          parentMessageState: Thread_context_types.ParentMessageStateTypes.NIL,
-          currentChannel: null,
-          parentMessage: null,
-          allThreadMessages: [],
-          hasMorePrev: false,
-          hasMoreNext: false
-        });
-      }
-    // event handler - channel status change
-    case ThreadContextActionTypes.ON_CHANNEL_FROZEN:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          isChannelFrozen: true
-        });
-      }
-    case ThreadContextActionTypes.ON_CHANNEL_UNFROZEN:
-      {
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          isChannelFrozen: false
-        });
-      }
-    case ThreadContextActionTypes.ON_OPERATOR_UPDATED:
-      {
-        var channel = action.payload.channel;
-        if ((channel === null || channel === void 0 ? void 0 : channel.url) === ((_v = state.currentChannel) === null || _v === void 0 ? void 0 : _v.url)) {
-          return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-            currentChannel: channel
-          });
-        }
-        return state;
-      }
-    // message
-    case ThreadContextActionTypes.SEND_MESSAGE_START:
-      {
-        var message = action.payload.message;
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          localThreadMessages: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.localThreadMessages, true), [message], false)
-        });
-      }
-    case ThreadContextActionTypes.SEND_MESSAGE_SUCESS:
-      {
-        var message_3 = action.payload.message;
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          allThreadMessages: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.allThreadMessages.filter(function (m) {
-            return !useSendMultipleFilesMessage.compareIds(m === null || m === void 0 ? void 0 : m.reqId, message_3 === null || message_3 === void 0 ? void 0 : message_3.reqId);
-          }), true), [message_3], false),
-          localThreadMessages: state.localThreadMessages.filter(function (m) {
-            return !useSendMultipleFilesMessage.compareIds(m === null || m === void 0 ? void 0 : m.reqId, message_3 === null || message_3 === void 0 ? void 0 : message_3.reqId);
-          })
-        });
-      }
-    case ThreadContextActionTypes.SEND_MESSAGE_FAILURE:
-      {
-        var message_4 = action.payload.message;
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          localThreadMessages: state.localThreadMessages.map(function (m) {
-            return useSendMultipleFilesMessage.compareIds(m === null || m === void 0 ? void 0 : m.reqId, message_4 === null || message_4 === void 0 ? void 0 : message_4.reqId) ? message_4 : m;
-          })
-        });
-      }
-    case ThreadContextActionTypes.RESEND_MESSAGE_START:
-      {
-        return tslib_es6.__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;
-        if (!useSendMultipleFilesMessage.compareIds(channelUrl, (_w = state.currentChannel) === null || _w === void 0 ? void 0 : _w.url)) {
-          return state;
-        }
-        /**
-         * We don't have to do anything here because
-         * onFailed() will be called so handle error there instead.
-         */
-        if (error) return state;
-        var localThreadMessages = state.localThreadMessages;
-        var messageToUpdate = localThreadMessages.find(function (message) {
-          return useSendMultipleFilesMessage.compareIds(hasReqId(message) && message.reqId, requestId_1);
-        });
-        var fileInfoList = (_x = messageToUpdate.messageParams) === null || _x === void 0 ? void 0 : _x.fileInfoList;
-        if (Array.isArray(fileInfoList)) {
-          fileInfoList[index] = uploadableFileInfo;
-        }
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          localThreadMessages: localThreadMessages
-        });
-      }
-    default:
-      {
-        return state;
-      }
-  }
-}
-function hasReqId(message) {
-  return 'reqId' in message;
+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, _y;
+    switch (action.type) {
+        // initialize
+        case ThreadContextActionTypes.INIT_USER_ID: {
+            return _tslib.__assign(_tslib.__assign({}, state), { currentUserId: action.payload });
+        }
+        case ThreadContextActionTypes.GET_CHANNEL_START: {
+            return _tslib.__assign(_tslib.__assign({}, state), { channelState: Thread_context_types.ChannelStateTypes.LOADING, currentChannel: null });
+        }
+        case ThreadContextActionTypes.GET_CHANNEL_SUCCESS: {
+            var groupChannel = action.payload.groupChannel;
+            return _tslib.__assign(_tslib.__assign({}, state), { channelState: Thread_context_types.ChannelStateTypes.INITIALIZED, currentChannel: groupChannel, 
+                // only support in normal group channel
+                isMuted: ((_b = (_a = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) { return (member === null || member === void 0 ? void 0 : member.userId) === state.currentUserId; })) === null || _b === void 0 ? void 0 : _b.isMuted) || false, isChannelFrozen: (groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.isFrozen) || false });
+        }
+        case ThreadContextActionTypes.GET_CHANNEL_FAILURE: {
+            return _tslib.__assign(_tslib.__assign({}, state), { channelState: Thread_context_types.ChannelStateTypes.INVALID, currentChannel: null });
+        }
+        case ThreadContextActionTypes.SET_EMOJI_CONTAINER: {
+            var emojiContainer = action.payload.emojiContainer;
+            return _tslib.__assign(_tslib.__assign({}, state), { emojiContainer: emojiContainer });
+        }
+        case ThreadContextActionTypes.GET_PARENT_MESSAGE_START: {
+            return _tslib.__assign(_tslib.__assign({}, state), { parentMessageState: Thread_context_types.ParentMessageStateTypes.LOADING, parentMessage: null });
+        }
+        case ThreadContextActionTypes.GET_PARENT_MESSAGE_SUCCESS: {
+            return _tslib.__assign(_tslib.__assign({}, state), { parentMessageState: Thread_context_types.ParentMessageStateTypes.INITIALIZED, parentMessage: action.payload.parentMessage });
+        }
+        case ThreadContextActionTypes.GET_PARENT_MESSAGE_FAILURE: {
+            return _tslib.__assign(_tslib.__assign({}, state), { parentMessageState: Thread_context_types.ParentMessageStateTypes.INVALID, parentMessage: null });
+        }
+        // fetch threads
+        case ThreadContextActionTypes.INITIALIZE_THREAD_LIST_START: {
+            return _tslib.__assign(_tslib.__assign({}, state), { threadListState: Thread_context_types.ThreadListStateTypes.LOADING, allThreadMessages: [] });
+        }
+        case ThreadContextActionTypes.INITIALIZE_THREAD_LIST_SUCCESS: {
+            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;
+            var anchorThreadMessage = (anchorMessage === null || anchorMessage === void 0 ? void 0 : anchorMessage.messageId) ? [anchorMessage] : [];
+            var nextThreadMessages = anchorIndex > -1 ? threadedMessages.slice(anchorIndex) : [];
+            return _tslib.__assign(_tslib.__assign({}, state), { threadListState: Thread_context_types.ThreadListStateTypes.INITIALIZED, hasMorePrev: anchorIndex === -1 || anchorIndex === PREV_THREADS_FETCH_SIZE, hasMoreNext: threadedMessages.length - anchorIndex === NEXT_THREADS_FETCH_SIZE, allThreadMessages: [prevThreadMessages, anchorThreadMessage, nextThreadMessages].flat() });
+        }
+        case ThreadContextActionTypes.INITIALIZE_THREAD_LIST_FAILURE: {
+            return _tslib.__assign(_tslib.__assign({}, state), { threadListState: Thread_context_types.ThreadListStateTypes.INVALID, allThreadMessages: [] });
+        }
+        case ThreadContextActionTypes.GET_NEXT_MESSAGES_START: {
+            return _tslib.__assign({}, state);
+        }
+        case ThreadContextActionTypes.GET_NEXT_MESSAGES_SUCESS: {
+            var threadedMessages = action.payload.threadedMessages;
+            return _tslib.__assign(_tslib.__assign({}, state), { hasMoreNext: threadedMessages.length === NEXT_THREADS_FETCH_SIZE, allThreadMessages: _tslib.__spreadArray(_tslib.__spreadArray([], state.allThreadMessages, true), threadedMessages, true) });
+        }
+        case ThreadContextActionTypes.GET_NEXT_MESSAGES_FAILURE: {
+            return _tslib.__assign(_tslib.__assign({}, state), { hasMoreNext: false });
+        }
+        case ThreadContextActionTypes.GET_PREV_MESSAGES_START: {
+            return _tslib.__assign({}, state);
+        }
+        case ThreadContextActionTypes.GET_PREV_MESSAGES_SUCESS: {
+            var threadedMessages = action.payload.threadedMessages;
+            return _tslib.__assign(_tslib.__assign({}, state), { hasMorePrev: threadedMessages.length === PREV_THREADS_FETCH_SIZE, allThreadMessages: _tslib.__spreadArray(_tslib.__spreadArray([], threadedMessages, true), state.allThreadMessages, true) });
+        }
+        case ThreadContextActionTypes.GET_PREV_MESSAGES_FAILURE: {
+            return _tslib.__assign(_tslib.__assign({}, state), { hasMorePrev: false });
+        }
+        // event handlers - message status change
+        case ThreadContextActionTypes.ON_MESSAGE_RECEIVED: {
+            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)) {
+                return state;
+            }
+            var isAlreadyReceived = state.allThreadMessages.findIndex(function (m) { return (m.messageId === message_1.messageId); }) > -1;
+            return _tslib.__assign(_tslib.__assign({}, state), { parentMessage: ((_f = state.parentMessage) === null || _f === void 0 ? void 0 : _f.messageId) === (message_1 === null || message_1 === void 0 ? void 0 : message_1.messageId) ? message_1 : state.parentMessage, allThreadMessages: isAlreadyReceived
+                    ? state.allThreadMessages.map(function (m) { return (m.messageId === message_1.messageId ? message_1 : m); })
+                    : _tslib.__spreadArray(_tslib.__spreadArray([], state.allThreadMessages.filter(function (m) { return (m === null || m === void 0 ? void 0 : m.reqId) !== (message_1 === null || message_1 === void 0 ? void 0 : message_1.reqId); }), true), [
+                        message_1,
+                    ], false) });
+        }
+        case ThreadContextActionTypes.ON_MESSAGE_UPDATED: {
+            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;
+            }
+            return _tslib.__assign(_tslib.__assign({}, state), { parentMessage: ((_h = state.parentMessage) === null || _h === void 0 ? void 0 : _h.messageId) === (message_2 === null || message_2 === void 0 ? void 0 : message_2.messageId)
+                    ? message_2
+                    : 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 _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;
+            }
+            if (((_l = state === null || state === void 0 ? void 0 : state.parentMessage) === null || _l === void 0 ? void 0 : _l.messageId) === messageId_1) {
+                return _tslib.__assign(_tslib.__assign({}, state), { parentMessage: null, parentMessageState: Thread_context_types.ParentMessageStateTypes.NIL, allThreadMessages: [] });
+            }
+            return _tslib.__assign(_tslib.__assign({}, state), { allThreadMessages: (_m = state.allThreadMessages) === null || _m === void 0 ? void 0 : _m.filter(function (msg) { return ((msg === null || msg === void 0 ? void 0 : msg.messageId) !== messageId_1); }), localThreadMessages: (_o = state.localThreadMessages) === null || _o === void 0 ? void 0 : _o.filter(function (msg) { return ((msg === null || msg === void 0 ? void 0 : msg.messageId) !== messageId_1); }) });
+        }
+        case ThreadContextActionTypes.ON_MESSAGE_DELETED_BY_REQ_ID: {
+            return _tslib.__assign(_tslib.__assign({}, state), { localThreadMessages: state.localThreadMessages.filter(function (m) { return (!useSendMultipleFilesMessage.compareIds(m.reqId, action.payload)); }) });
+        }
+        case ThreadContextActionTypes.ON_REACTION_UPDATED: {
+            var reactionEvent_1 = (_p = action.payload) === null || _p === void 0 ? void 0 : _p.reactionEvent;
+            if (((_q = state === null || state === void 0 ? void 0 : state.parentMessage) === null || _q === void 0 ? void 0 : _q.messageId) === (reactionEvent_1 === null || reactionEvent_1 === void 0 ? void 0 : reactionEvent_1.messageId)) {
+                (_s = (_r = state.parentMessage) === null || _r === void 0 ? void 0 : _r.applyReactionEvent) === null || _s === void 0 ? void 0 : _s.call(_r, reactionEvent_1);
+            }
+            return _tslib.__assign(_tslib.__assign({}, state), { allThreadMessages: state.allThreadMessages.map(function (m) {
+                    var _a;
+                    if ((reactionEvent_1 === null || reactionEvent_1 === void 0 ? void 0 : reactionEvent_1.messageId) === (m === null || m === void 0 ? void 0 : m.messageId)) {
+                        (_a = m === null || m === void 0 ? void 0 : m.applyReactionEvent) === null || _a === void 0 ? void 0 : _a.call(m, reactionEvent_1);
+                        return m;
+                    }
+                    return m;
+                }) });
+        }
+        // event handlers - user status change
+        case ThreadContextActionTypes.ON_USER_MUTED: {
+            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 _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;
+            }
+            return _tslib.__assign(_tslib.__assign({}, state), { isMuted: false });
+        }
+        case ThreadContextActionTypes.ON_USER_BANNED: {
+            return _tslib.__assign(_tslib.__assign({}, state), { channelState: Thread_context_types.ChannelStateTypes.NIL, threadListState: Thread_context_types.ThreadListStateTypes.NIL, parentMessageState: Thread_context_types.ParentMessageStateTypes.NIL, currentChannel: null, parentMessage: null, allThreadMessages: [], hasMorePrev: false, hasMoreNext: false });
+        }
+        case ThreadContextActionTypes.ON_USER_UNBANNED: {
+            return _tslib.__assign({}, state);
+        }
+        case ThreadContextActionTypes.ON_USER_LEFT: {
+            return _tslib.__assign(_tslib.__assign({}, state), { channelState: Thread_context_types.ChannelStateTypes.NIL, threadListState: Thread_context_types.ThreadListStateTypes.NIL, parentMessageState: Thread_context_types.ParentMessageStateTypes.NIL, currentChannel: null, parentMessage: null, allThreadMessages: [], hasMorePrev: false, hasMoreNext: false });
+        }
+        // event handler - channel status change
+        case ThreadContextActionTypes.ON_CHANNEL_FROZEN: {
+            return _tslib.__assign(_tslib.__assign({}, state), { isChannelFrozen: true });
+        }
+        case ThreadContextActionTypes.ON_CHANNEL_UNFROZEN: {
+            return _tslib.__assign(_tslib.__assign({}, state), { isChannelFrozen: false });
+        }
+        case ThreadContextActionTypes.ON_OPERATOR_UPDATED: {
+            var channel = action.payload.channel;
+            if ((channel === null || channel === void 0 ? void 0 : channel.url) === ((_v = state.currentChannel) === null || _v === void 0 ? void 0 : _v.url)) {
+                return _tslib.__assign(_tslib.__assign({}, state), { currentChannel: channel });
+            }
+            return state;
+        }
+        // message
+        case ThreadContextActionTypes.SEND_MESSAGE_START: {
+            var message = action.payload.message;
+            return _tslib.__assign(_tslib.__assign({}, state), { localThreadMessages: _tslib.__spreadArray(_tslib.__spreadArray([], state.localThreadMessages, true), [
+                    message,
+                ], false) });
+        }
+        case ThreadContextActionTypes.SEND_MESSAGE_SUCESS: {
+            var message_3 = action.payload.message;
+            return _tslib.__assign(_tslib.__assign({}, state), { allThreadMessages: _tslib.__spreadArray(_tslib.__spreadArray([], state.allThreadMessages.filter(function (m) { return (!useSendMultipleFilesMessage.compareIds(m === null || m === void 0 ? void 0 : m.reqId, message_3 === null || message_3 === void 0 ? void 0 : message_3.reqId)); }), true), [
+                    message_3,
+                ], false), localThreadMessages: state.localThreadMessages.filter(function (m) { return (!useSendMultipleFilesMessage.compareIds(m === null || m === void 0 ? void 0 : m.reqId, message_3 === null || message_3 === void 0 ? void 0 : message_3.reqId)); }) });
+        }
+        case ThreadContextActionTypes.SEND_MESSAGE_FAILURE: {
+            var message_4 = action.payload.message;
+            return _tslib.__assign(_tslib.__assign({}, state), { localThreadMessages: state.localThreadMessages.map(function (m) { return (useSendMultipleFilesMessage.compareIds(m === null || m === void 0 ? void 0 : m.reqId, message_4 === null || message_4 === void 0 ? void 0 : message_4.reqId)
+                    ? message_4
+                    : m); }) });
+        }
+        case ThreadContextActionTypes.RESEND_MESSAGE_START: {
+            return _tslib.__assign({}, state);
+        }
+        case ThreadContextActionTypes.ON_FILE_INFO_UPLOADED: {
+            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;
+            }
+            /**
+             * We don't have to do anything here because
+             * onFailed() will be called so handle error there instead.
+             */
+            if (error)
+                return state;
+            var localThreadMessages = state.localThreadMessages;
+            var messageToUpdate = localThreadMessages.find(function (message) { return useSendMultipleFilesMessage.compareIds(hasReqId(message) && message.reqId, requestId_1); });
+            var fileInfoList = (_x = messageToUpdate
+                .messageParams) === null || _x === void 0 ? void 0 : _x.fileInfoList;
+            if (Array.isArray(fileInfoList)) {
+                fileInfoList[index] = uploadableFileInfo;
+            }
+            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;
+        }
+    }
+}
+function hasReqId(message) {
+    return 'reqId' in message;
 }
 
-var initialState = {
-  currentChannel: null,
-  allThreadMessages: [],
-  localThreadMessages: [],
-  parentMessage: null,
-  channelState: Thread_context_types.ChannelStateTypes.NIL,
-  parentMessageState: Thread_context_types.ParentMessageStateTypes.NIL,
-  threadListState: Thread_context_types.ThreadListStateTypes.NIL,
-  hasMorePrev: false,
-  hasMoreNext: false,
-  emojiContainer: {},
-  isMuted: false,
-  isChannelFrozen: false,
-  currentUserId: ''
+var initialState = {
+    currentChannel: null,
+    allThreadMessages: [],
+    localThreadMessages: [],
+    parentMessage: null,
+    channelState: Thread_context_types.ChannelStateTypes.NIL,
+    parentMessageState: Thread_context_types.ParentMessageStateTypes.NIL,
+    threadListState: Thread_context_types.ThreadListStateTypes.NIL,
+    hasMorePrev: false,
+    hasMoreNext: false,
+    emojiContainer: {},
+    isMuted: false,
+    isChannelFrozen: false,
+    currentUserId: '',
+    typingMembers: [],
 };
 
-function useGetChannel(_a, _b) {
-  var channelUrl = _a.channelUrl,
-    sdkInit = _a.sdkInit,
-    message = _a.message;
-  var sdk = _b.sdk,
-    logger = _b.logger,
-    threadDispatcher = _b.threadDispatcher;
-  React.useEffect(function () {
-    var _a, _b;
-    // validation check
-    if (sdkInit && channelUrl && (sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel)) {
-      threadDispatcher({
-        type: ThreadContextActionTypes.GET_CHANNEL_START,
-        payload: null
-      });
-      (_b = (_a = sdk.groupChannel).getChannel) === null || _b === void 0 ? void 0 : _b.call(_a, channelUrl).then(function (groupChannel) {
-        logger.info('Thread | useInitialize: Get channel succeeded', groupChannel);
-        threadDispatcher({
-          type: ThreadContextActionTypes.GET_CHANNEL_SUCCESS,
-          payload: {
-            groupChannel: groupChannel
-          }
-        });
-      }).catch(function (error) {
-        logger.info('Thread | useInitialize: Get channel failed', error);
-        threadDispatcher({
-          type: ThreadContextActionTypes.GET_CHANNEL_FAILURE,
-          payload: error
-        });
-      });
-    }
-  }, [message, sdkInit]);
-  /**
-   * We don't use channelUrl here,
-   * because Thread must operate independently of the channel.
-   */
+function useGetChannel(_a, _b) {
+    var channelUrl = _a.channelUrl, sdkInit = _a.sdkInit, message = _a.message;
+    var sdk = _b.sdk, logger = _b.logger, threadDispatcher = _b.threadDispatcher;
+    React.useEffect(function () {
+        var _a, _b;
+        // validation check
+        if (sdkInit && channelUrl && (sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel)) {
+            threadDispatcher({
+                type: ThreadContextActionTypes.GET_CHANNEL_START,
+                payload: null,
+            });
+            (_b = (_a = sdk.groupChannel).getChannel) === null || _b === void 0 ? void 0 : _b.call(_a, channelUrl).then(function (groupChannel) {
+                logger.info('Thread | useInitialize: Get channel succeeded', groupChannel);
+                threadDispatcher({
+                    type: ThreadContextActionTypes.GET_CHANNEL_SUCCESS,
+                    payload: { groupChannel: groupChannel },
+                });
+            }).catch(function (error) {
+                logger.info('Thread | useInitialize: Get channel failed', error);
+                threadDispatcher({
+                    type: ThreadContextActionTypes.GET_CHANNEL_FAILURE,
+                    payload: error,
+                });
+            });
+        }
+    }, [message, sdkInit]);
+    /**
+     * We don't use channelUrl here,
+     * because Thread must operate independently of the channel.
+     */
 }
 
-function useGetAllEmoji(_a, _b) {
-  var sdk = _a.sdk;
-  var logger = _b.logger,
-    threadDispatcher = _b.threadDispatcher;
-  React.useEffect(function () {
-    if (sdk === null || sdk === void 0 ? void 0 : sdk.getAllEmoji) {
-      // validation check
-      sdk === null || sdk === void 0 ? void 0 : sdk.getAllEmoji().then(function (emojiContainer) {
-        logger.info('Thread | useGetAllEmoji: Getting emojis succeeded.', emojiContainer);
-        threadDispatcher({
-          type: ThreadContextActionTypes.SET_EMOJI_CONTAINER,
-          payload: {
-            emojiContainer: emojiContainer
-          }
-        });
-      }).catch(function (error) {
-        logger.info('Thread | useGetAllEmoji: Getting emojis failed.', error);
-      });
-    }
-  }, [sdk]);
+function useGetAllEmoji(_a, _b) {
+    var sdk = _a.sdk;
+    var logger = _b.logger, threadDispatcher = _b.threadDispatcher;
+    React.useEffect(function () {
+        if (sdk === null || sdk === void 0 ? void 0 : sdk.getAllEmoji) { // validation check
+            sdk === null || sdk === void 0 ? void 0 : sdk.getAllEmoji().then(function (emojiContainer) {
+                logger.info('Thread | useGetAllEmoji: Getting emojis succeeded.', emojiContainer);
+                threadDispatcher({
+                    type: ThreadContextActionTypes.SET_EMOJI_CONTAINER,
+                    payload: { emojiContainer: emojiContainer },
+                });
+            }).catch(function (error) {
+                logger.info('Thread | useGetAllEmoji: Getting emojis failed.', error);
+            });
+        }
+    }, [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 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;
-  var sdk = _b.sdk,
-    logger = _b.logger,
-    threadDispatcher = _b.threadDispatcher;
-  React.useEffect(function () {
-    var _a;
-    // validation check
-    if (sdkInit && ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.message) === null || _a === void 0 ? void 0 : _a.getMessage)) {
-      threadDispatcher({
-        type: ThreadContextActionTypes.GET_PARENT_MESSAGE_START,
-        payload: null
-      });
-      var params_1 = {
-        channelUrl: channelUrl,
-        channelType: SendbirdChat.ChannelType.GROUP,
-        messageId: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId,
-        includeMetaArray: true,
-        includeReactions: true,
-        includeThreadInfo: true,
-        includeParentMessageInfo: true
-      };
-      logger.info('Thread | useGetParentMessage: Get parent message start.', params_1);
-      var fetchParentMessage = function () {
-        return tslib_es6.__awaiter(_this, void 0, void 0, function () {
-          var data;
-          var _a, _b;
-          return tslib_es6.__generator(this, function (_c) {
-            switch (_c.label) {
-              case 0:
-                return [4 /*yield*/, (_b = (_a = sdk.message).getMessage) === null || _b === void 0 ? void 0 : _b.call(_a, params_1)];
-              case 1:
-                data = _c.sent();
-                return [2 /*return*/, data];
-            }
-          });
-        });
-      };
-      fetchParentMessage().then(function (parentMsg) {
-        logger.info('Thread | useGetParentMessage: Get parent message succeeded.', parentMessage);
-        parentMsg.ogMetaData = (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.ogMetaData) || null; // ogMetaData is not included for now
-        threadDispatcher({
-          type: ThreadContextActionTypes.GET_PARENT_MESSAGE_SUCCESS,
-          payload: {
-            parentMessage: parentMsg
-          }
-        });
-      }).catch(function (error) {
-        logger.info('Thread | useGetParentMessage: Get parent message failed.', error);
-        threadDispatcher({
-          type: ThreadContextActionTypes.GET_PARENT_MESSAGE_FAILURE,
-          payload: error
-        });
-      });
-    }
-  }, [sdkInit, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId]);
-  /**
-   * We don't use channelUrl here,
-   * because Thread must operate independently of the channel.
-   */
+function useGetParentMessage(_a, _b) {
+    var _this = this;
+    var channelUrl = _a.channelUrl, sdkInit = _a.sdkInit, parentMessage = _a.parentMessage;
+    var sdk = _b.sdk, logger = _b.logger, threadDispatcher = _b.threadDispatcher;
+    React.useEffect(function () {
+        var _a;
+        // validation check
+        if (sdkInit && ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.message) === null || _a === void 0 ? void 0 : _a.getMessage)) {
+            threadDispatcher({
+                type: ThreadContextActionTypes.GET_PARENT_MESSAGE_START,
+                payload: null,
+            });
+            var params_1 = {
+                channelUrl: channelUrl,
+                channelType: SendbirdChat.ChannelType.GROUP,
+                messageId: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId,
+                includeMetaArray: true,
+                includeReactions: true,
+                includeThreadInfo: true,
+                includeParentMessageInfo: true,
+            };
+            logger.info('Thread | useGetParentMessage: Get parent message start.', params_1);
+            var fetchParentMessage = function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                var data;
+                var _a, _b;
+                return _tslib.__generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0: return [4 /*yield*/, ((_b = (_a = sdk.message).getMessage) === null || _b === void 0 ? void 0 : _b.call(_a, params_1))];
+                        case 1:
+                            data = _c.sent();
+                            return [2 /*return*/, data];
+                    }
+                });
+            }); };
+            fetchParentMessage()
+                .then(function (parentMsg) {
+                logger.info('Thread | useGetParentMessage: Get parent message succeeded.', parentMessage);
+                // @ts-ignore
+                parentMsg.ogMetaData = (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.ogMetaData) || null; // ogMetaData is not included for now
+                threadDispatcher({
+                    type: ThreadContextActionTypes.GET_PARENT_MESSAGE_SUCCESS,
+                    payload: { parentMessage: parentMsg },
+                });
+            })
+                .catch(function (error) {
+                logger.info('Thread | useGetParentMessage: Get parent message failed.', error);
+                threadDispatcher({
+                    type: ThreadContextActionTypes.GET_PARENT_MESSAGE_FAILURE,
+                    payload: error,
+                });
+            });
+        }
+    }, [sdkInit, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId]);
+    /**
+     * We don't use channelUrl here,
+     * because Thread must operate independently of the channel.
+     */
 }
 
-function useHandleThreadPubsubEvents(_a, _b) {
-  var sdkInit = _a.sdkInit,
-    currentChannel = _a.currentChannel,
-    parentMessage = _a.parentMessage;
-  var pubSub = _b.pubSub,
-    threadDispatcher = _b.threadDispatcher;
-  React.useEffect(function () {
-    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)) {
-          // TODO: const clonedMessage = cloneMessage(message);
-          var pendingMessage = tslib_es6.__assign({}, message);
-          if (message.isMultipleFilesMessage()) {
-            pendingMessage.fileInfoList = message.messageParams.fileInfoList.map(function (fileInfo) {
-              return tslib_es6.__assign(tslib_es6.__assign({}, fileInfo), {
-                url: URL.createObjectURL(fileInfo.file)
-              });
-            });
-          }
-          threadDispatcher({
-            type: ThreadContextActionTypes.SEND_MESSAGE_START,
-            payload: {
-              message: pendingMessage
-            }
-          });
-        }
-        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)) {
-          threadDispatcher({
-            type: useSendMultipleFilesMessage.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) {
-        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)) {
-          threadDispatcher({
-            type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
-            payload: {
-              message: message
-            }
-          });
-        }
-        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)) {
-          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)) {
-          threadDispatcher({
-            type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
-            payload: {
-              message: message
-            }
-          });
-        }
-        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) {
-        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({
-            type: ThreadContextActionTypes.ON_MESSAGE_UPDATED,
-            payload: {
-              channel: channel,
-              message: message
-            }
-          });
-        }
-      }));
-      subscriber.set(pubSub_topics.PUBSUB_TOPICS.DELETE_MESSAGE, pubSub.subscribe(pubSub_topics.PUBSUB_TOPICS.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({
-            type: ThreadContextActionTypes.ON_MESSAGE_DELETED,
-            payload: {
-              messageId: messageId
-            }
-          });
-        }
-      }));
-    }
-    return function () {
-      subscriber === null || subscriber === void 0 ? void 0 : subscriber.forEach(function (s) {
-        try {
-          s === null || s === void 0 ? void 0 : s.remove();
-        } catch (_a) {
-          //
-        }
-      });
-    };
-  }, [sdkInit, currentChannel, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId]);
+function useHandleThreadPubsubEvents(_a, _b) {
+    var sdkInit = _a.sdkInit, currentChannel = _a.currentChannel, parentMessage = _a.parentMessage;
+    var pubSub = _b.pubSub, threadDispatcher = _b.threadDispatcher;
+    React.useEffect(function () {
+        var subscriber = new Map();
+        if (pubSub === null || pubSub === void 0 ? void 0 : pubSub.subscribe) {
+            // TODO: subscribe ON_FILE_INFO_UPLOADED
+            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()) {
+                        pendingMessage.fileInfoList = message.messageParams.fileInfoList.map(function (fileInfo) { return (_tslib.__assign(_tslib.__assign({}, fileInfo), { url: URL.createObjectURL(fileInfo.file) })); });
+                    }
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.SEND_MESSAGE_START,
+                        payload: {
+                            message: pendingMessage,
+                        },
+                    });
+                }
+                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 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.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)) {
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
+                        payload: { message: message },
+                    });
+                }
+                useSendMultipleFilesMessage.scrollIntoLast === null || useSendMultipleFilesMessage.scrollIntoLast === void 0 ? void 0 : useSendMultipleFilesMessage.scrollIntoLast();
+            }));
+            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.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 },
+                    });
+                }
+                useSendMultipleFilesMessage.scrollIntoLast === null || useSendMultipleFilesMessage.scrollIntoLast === void 0 ? void 0 : useSendMultipleFilesMessage.scrollIntoLast();
+            }));
+            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({
+                        type: ThreadContextActionTypes.ON_MESSAGE_UPDATED,
+                        payload: { channel: channel, message: message },
+                    });
+                }
+            }));
+            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({
+                        type: ThreadContextActionTypes.ON_MESSAGE_DELETED,
+                        payload: { messageId: messageId },
+                    });
+                }
+            }));
+        }
+        return function () {
+            subscriber === null || subscriber === void 0 ? void 0 : subscriber.forEach(function (s) {
+                try {
+                    s === null || s === void 0 ? void 0 : s.remove();
+                }
+                catch (_a) {
+                    //
+                }
+            });
+        };
+    }, [sdkInit, currentChannel, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId]);
 }
 
-function useHandleChannelEvents(_a, _b) {
-  var sdk = _a.sdk,
-    currentChannel = _a.currentChannel;
-  var logger = _b.logger,
-    threadDispatcher = _b.threadDispatcher;
-  React.useEffect(function () {
-    var _a, _b, _c;
-    var handlerId = uuid.uuidv4();
-    // validation check
-    if (((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) && currentChannel) {
-      var channelHandlerParams = {
-        // message status change
-        onMessageReceived: function (channel, message) {
-          logger.info('Thread | useHandleChannelEvents: onMessageReceived', {
-            channel: channel,
-            message: message
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_MESSAGE_RECEIVED,
-            payload: {
-              channel: channel,
-              message: message
-            }
-          });
-        },
-        onMessageUpdated: function (channel, message) {
-          logger.info('Thread | useHandleChannelEvents: onMessageUpdated', {
-            channel: channel,
-            message: message
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_MESSAGE_UPDATED,
-            payload: {
-              channel: channel,
-              message: message
-            }
-          });
-        },
-        onMessageDeleted: function (channel, messageId) {
-          logger.info('Thread | useHandleChannelEvents: onMessageDeleted', {
-            channel: channel,
-            messageId: messageId
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_MESSAGE_DELETED,
-            payload: {
-              channel: channel,
-              messageId: messageId
-            }
-          });
-        },
-        onReactionUpdated: function (channel, reactionEvent) {
-          logger.info('Thread | useHandleChannelEvents: onReactionUpdated', {
-            channel: channel,
-            reactionEvent: reactionEvent
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_REACTION_UPDATED,
-            payload: {
-              channel: channel,
-              reactionEvent: reactionEvent
-            }
-          });
-        },
-        // user status change
-        onUserMuted: function (channel, user) {
-          logger.info('Thread | useHandleChannelEvents: onUserMuted', {
-            channel: channel,
-            user: user
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_USER_MUTED,
-            payload: {
-              channel: channel,
-              user: user
-            }
-          });
-        },
-        onUserUnmuted: function (channel, user) {
-          logger.info('Thread | useHandleChannelEvents: onUserUnmuted', {
-            channel: channel,
-            user: user
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_USER_UNMUTED,
-            payload: {
-              channel: channel,
-              user: user
-            }
-          });
-        },
-        onUserBanned: function (channel, user) {
-          logger.info('Thread | useHandleChannelEvents: onUserBanned', {
-            channel: channel,
-            user: user
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_USER_BANNED,
-            payload: {
-              channel: channel,
-              user: user
-            }
-          });
-        },
-        onUserUnbanned: function (channel, user) {
-          logger.info('Thread | useHandleChannelEvents: onUserUnbanned', {
-            channel: channel,
-            user: user
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_USER_UNBANNED,
-            payload: {
-              channel: channel,
-              user: user
-            }
-          });
-        },
-        onUserLeft: function (channel, user) {
-          logger.info('Thread | useHandleChannelEvents: onUserLeft', {
-            channel: channel,
-            user: user
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_USER_LEFT,
-            payload: {
-              channel: channel,
-              user: user
-            }
-          });
-        },
-        // channel status change
-        onChannelFrozen: function (channel) {
-          logger.info('Thread | useHandleChannelEvents: onChannelFrozen', {
-            channel: channel
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_CHANNEL_FROZEN,
-            payload: {
-              channel: channel
-            }
-          });
-        },
-        onChannelUnfrozen: function (channel) {
-          logger.info('Thread | useHandleChannelEvents: onChannelUnfrozen', {
-            channel: channel
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_CHANNEL_UNFROZEN,
-            payload: {
-              channel: channel
-            }
-          });
-        },
-        onOperatorUpdated: function (channel, users) {
-          logger.info('Thread | useHandleChannelEvents: onOperatorUpdated', {
-            channel: channel,
-            users: users
-          });
-          threadDispatcher({
-            type: ThreadContextActionTypes.ON_OPERATOR_UPDATED,
-            payload: {
-              channel: channel,
-              users: users
-            }
-          });
-        }
-      };
-      var channelHandler = new groupChannel.GroupChannelHandler(channelHandlerParams);
-      (_c = (_b = sdk.groupChannel).addGroupChannelHandler) === null || _c === void 0 ? void 0 : _c.call(_b, handlerId, channelHandler);
-      logger.info('Thread | useHandleChannelEvents: Added channelHandler in Thread', {
-        handlerId: handlerId,
-        channelHandler: channelHandler
-      });
-    }
-    return function () {
-      var _a, _b, _c;
-      // validation check
-      if (handlerId && ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler)) {
-        (_c = (_b = sdk.groupChannel).removeGroupChannelHandler) === null || _c === void 0 ? void 0 : _c.call(_b, handlerId);
-        logger.info('Thread | useHandleChannelEvents: Removed channelHandler in Thread.', handlerId);
-      }
-    };
-  }, [sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel, currentChannel]);
+function useHandleChannelEvents(_a, _b) {
+    var sdk = _a.sdk, currentChannel = _a.currentChannel;
+    var logger = _b.logger, threadDispatcher = _b.threadDispatcher;
+    React.useEffect(function () {
+        var _a, _b, _c;
+        var handlerId = uuid.uuidv4();
+        // validation check
+        if (((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler)
+            && currentChannel) {
+            var channelHandlerParams = {
+                // message status change
+                onMessageReceived: function (channel, message) {
+                    logger.info('Thread | useHandleChannelEvents: onMessageReceived', { channel: channel, message: message });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_MESSAGE_RECEIVED,
+                        payload: { channel: channel, message: message },
+                    });
+                },
+                onMessageUpdated: function (channel, message) {
+                    logger.info('Thread | useHandleChannelEvents: onMessageUpdated', { channel: channel, message: message });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_MESSAGE_UPDATED,
+                        payload: { channel: channel, message: message },
+                    });
+                },
+                onMessageDeleted: function (channel, messageId) {
+                    logger.info('Thread | useHandleChannelEvents: onMessageDeleted', { channel: channel, messageId: messageId });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_MESSAGE_DELETED,
+                        payload: { channel: channel, messageId: messageId },
+                    });
+                },
+                onReactionUpdated: function (channel, reactionEvent) {
+                    logger.info('Thread | useHandleChannelEvents: onReactionUpdated', { channel: channel, reactionEvent: reactionEvent });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_REACTION_UPDATED,
+                        payload: { channel: channel, reactionEvent: reactionEvent },
+                    });
+                },
+                // user status change
+                onUserMuted: function (channel, user) {
+                    logger.info('Thread | useHandleChannelEvents: onUserMuted', { channel: channel, user: user });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_USER_MUTED,
+                        payload: { channel: channel, user: user },
+                    });
+                },
+                onUserUnmuted: function (channel, user) {
+                    logger.info('Thread | useHandleChannelEvents: onUserUnmuted', { channel: channel, user: user });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_USER_UNMUTED,
+                        payload: { channel: channel, user: user },
+                    });
+                },
+                onUserBanned: function (channel, user) {
+                    logger.info('Thread | useHandleChannelEvents: onUserBanned', { channel: channel, user: user });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_USER_BANNED,
+                        payload: { channel: channel, user: user },
+                    });
+                },
+                onUserUnbanned: function (channel, user) {
+                    logger.info('Thread | useHandleChannelEvents: onUserUnbanned', { channel: channel, user: user });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_USER_UNBANNED,
+                        payload: { channel: channel, user: user },
+                    });
+                },
+                onUserLeft: function (channel, user) {
+                    logger.info('Thread | useHandleChannelEvents: onUserLeft', { channel: channel, user: user });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_USER_LEFT,
+                        payload: { channel: channel, user: user },
+                    });
+                },
+                // channel status change
+                onChannelFrozen: function (channel) {
+                    logger.info('Thread | useHandleChannelEvents: onChannelFrozen', { channel: channel });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_CHANNEL_FROZEN,
+                        payload: { channel: channel },
+                    });
+                },
+                onChannelUnfrozen: function (channel) {
+                    logger.info('Thread | useHandleChannelEvents: onChannelUnfrozen', { channel: channel });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_CHANNEL_UNFROZEN,
+                        payload: { channel: channel },
+                    });
+                },
+                onOperatorUpdated: function (channel, users) {
+                    logger.info('Thread | useHandleChannelEvents: onOperatorUpdated', { channel: channel, users: users });
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.ON_OPERATOR_UPDATED,
+                        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);
+            logger.info('Thread | useHandleChannelEvents: Added channelHandler in Thread', { handlerId: handlerId, channelHandler: channelHandler });
+        }
+        return function () {
+            var _a, _b, _c;
+            // validation check
+            if (handlerId && ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler)) {
+                (_c = (_b = sdk.groupChannel).removeGroupChannelHandler) === null || _c === void 0 ? void 0 : _c.call(_b, handlerId);
+                logger.info('Thread | useHandleChannelEvents: Removed channelHandler in Thread.', handlerId);
+            }
+        };
+    }, [
+        sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel,
+        currentChannel,
+    ]);
 }
 
-function useSendFileMessageCallback(_a, _b) {
-  var currentChannel = _a.currentChannel,
-    onBeforeSendFileMessage = _a.onBeforeSendFileMessage;
-  var logger = _b.logger,
-    pubSub = _b.pubSub,
-    threadDispatcher = _b.threadDispatcher;
-  var sendMessage = React.useCallback(function (file, quoteMessage) {
-    return new Promise(function (resolve, reject) {
-      var _a;
-      var createParamsDefault = function () {
-        var params = {};
-        params.file = file;
-        if (quoteMessage) {
-          params.isReplyToChannel = true;
-          params.parentMessageId = quoteMessage.messageId;
-        }
-        return params;
-      };
-      var params = (_a = onBeforeSendFileMessage === null || onBeforeSendFileMessage === void 0 ? void 0 : onBeforeSendFileMessage(file, quoteMessage)) !== null && _a !== void 0 ? _a : createParamsDefault();
-      logger.info('Thread | useSendFileMessageCallback: Sending file message start.', params);
-      currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.sendFileMessage(params).onPending(function (pendingMessage) {
-        threadDispatcher({
-          type: ThreadContextActionTypes.SEND_MESSAGE_START,
-          payload: {
-            /* pubSub is used instead of messagesDispatcher
-            to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
-            message: tslib_es6.__assign(tslib_es6.__assign({}, pendingMessage), {
-              url: URL.createObjectURL(file),
-              // pending thumbnail message seems to be failed
-              requestState: 'pending'
-            })
-          }
-        });
-        setTimeout(function () {
-          return useSendMultipleFilesMessage.scrollIntoLast();
-        }, 1000);
-      }).onFailed(function (error, message) {
-        message.localUrl = URL.createObjectURL(file);
-        message.file = file;
-        logger.info('Thread | useSendFileMessageCallback: Sending file message failed.', {
-          message: message,
-          error: error
-        });
-        threadDispatcher({
-          type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
-          payload: {
-            message: message,
-            error: error
-          }
-        });
-        reject(error);
-      }).onSucceeded(function (message) {
-        logger.info('Thread | useSendFileMessageCallback: Sending file message succeeded.', message);
-        pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
-          channel: currentChannel,
-          message: message,
-          publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD]
-        });
-        resolve(message);
-      });
-    });
-  }, [currentChannel]);
-  return sendMessage;
+function useSendFileMessageCallback(_a, _b) {
+    var currentChannel = _a.currentChannel, onBeforeSendFileMessage = _a.onBeforeSendFileMessage;
+    var logger = _b.logger, pubSub = _b.pubSub, threadDispatcher = _b.threadDispatcher;
+    var sendMessage = React.useCallback(function (file, quoteMessage) {
+        return new Promise(function (resolve, reject) {
+            var _a;
+            var createParamsDefault = function () {
+                var params = {};
+                params.file = file;
+                if (quoteMessage) {
+                    params.isReplyToChannel = true;
+                    params.parentMessageId = quoteMessage.messageId;
+                }
+                return params;
+            };
+            var params = (_a = onBeforeSendFileMessage === null || onBeforeSendFileMessage === void 0 ? void 0 : onBeforeSendFileMessage(file, quoteMessage)) !== null && _a !== void 0 ? _a : createParamsDefault();
+            logger.info('Thread | useSendFileMessageCallback: Sending file message start.', params);
+            currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.sendFileMessage(params).onPending(function (pendingMessage) {
+                threadDispatcher({
+                    type: ThreadContextActionTypes.SEND_MESSAGE_START,
+                    payload: {
+                        /* pubSub is used instead of messagesDispatcher
+                        to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
+                        message: _tslib.__assign(_tslib.__assign({}, pendingMessage), { url: URL.createObjectURL(file), 
+                            // pending thumbnail message seems to be failed
+                            requestState: 'pending' }),
+                    },
+                });
+                setTimeout(function () { return useSendMultipleFilesMessage.scrollIntoLast(); }, 1000);
+            }).onFailed(function (error, message) {
+                message.localUrl = URL.createObjectURL(file);
+                message.file = file;
+                logger.info('Thread | useSendFileMessageCallback: Sending file message failed.', { message: message, error: error });
+                threadDispatcher({
+                    type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
+                    payload: { message: message, error: error },
+                });
+                reject(error);
+            }).onSucceeded(function (message) {
+                logger.info('Thread | useSendFileMessageCallback: Sending file message succeeded.', message);
+                pubSub.publish(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, {
+                    channel: currentChannel,
+                    message: message,
+                    publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
+                });
+                resolve(message);
+            });
+        });
+    }, [currentChannel]);
+    return sendMessage;
 }
 
-function useUpdateMessageCallback(_a, _b) {
-  var currentChannel = _a.currentChannel,
-    isMentionEnabled = _a.isMentionEnabled;
-  var logger = _b.logger,
-    pubSub = _b.pubSub,
-    threadDispatcher = _b.threadDispatcher;
-  return React.useCallback(function (props) {
-    var _a;
-    var messageId = props.messageId,
-      message = props.message,
-      mentionedUsers = props.mentionedUsers,
-      mentionTemplate = props.mentionTemplate;
-    var createParamsDefault = function () {
-      var params = {};
-      params.message = message;
-      if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
-        params.mentionedUsers = mentionedUsers;
-      }
-      if (isMentionEnabled && mentionTemplate) {
-        params.mentionedMessageTemplate = mentionTemplate;
-      } else {
-        params.mentionedMessageTemplate = message;
-      }
-      return params;
-    };
-    var params = createParamsDefault();
-    logger.info('Thread | useUpdateMessageCallback: Message update start.', params);
-    (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.updateUserMessage) === null || _a === void 0 ? void 0 : _a.call(currentChannel, messageId, params).then(function (message) {
-      logger.info('Thread | useUpdateMessageCallback: Message update succeeded.', message);
-      threadDispatcher({
-        type: ThreadContextActionTypes.ON_MESSAGE_UPDATED,
-        payload: {
-          channel: currentChannel,
-          message: message
-        }
-      });
-      pubSub.publish(pubSub_topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, {
-        fromSelector: true,
-        channel: currentChannel,
-        message: message,
-        publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD]
-      });
-    });
-  }, [currentChannel, isMentionEnabled]);
+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;
+        var createParamsDefault = function () {
+            var params = {};
+            params.message = message;
+            if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
+                params.mentionedUsers = mentionedUsers;
+            }
+            if (isMentionEnabled && mentionTemplate) {
+                params.mentionedMessageTemplate = mentionTemplate;
+            }
+            else {
+                params.mentionedMessageTemplate = message;
+            }
+            return params;
+        };
+        var params = createParamsDefault();
+        logger.info('Thread | useUpdateMessageCallback: Message update start.', params);
+        (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.updateUserMessage) === null || _a === void 0 ? void 0 : _a.call(currentChannel, messageId, params).then(function (message) {
+            logger.info('Thread | useUpdateMessageCallback: Message update succeeded.', message);
+            threadDispatcher({
+                type: ThreadContextActionTypes.ON_MESSAGE_UPDATED,
+                payload: {
+                    channel: currentChannel,
+                    message: message,
+                },
+            });
+            pubSub.publish(pubSub_topics.pubSubTopics.UPDATE_USER_MESSAGE, {
+                fromSelector: true,
+                channel: currentChannel,
+                message: message,
+                publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
+            });
+        });
+    }, [currentChannel, isMentionEnabled]);
 }
 
-function useDeleteMessageCallback(_a, _b) {
-  var currentChannel = _a.currentChannel,
-    threadDispatcher = _a.threadDispatcher;
-  var logger = _b.logger;
-  return React.useCallback(function (message) {
-    logger.info('Thread | useDeleteMessageCallback: Deleting message.', message);
-    var sendingStatus = message.sendingStatus;
-    return new Promise(function (resolve, reject) {
-      var _a;
-      logger.info('Thread | useDeleteMessageCallback: Deleting message requestState:', sendingStatus);
-      // Message is only on local
-      if (sendingStatus === 'failed' || sendingStatus === 'pending') {
-        logger.info('Thread | useDeleteMessageCallback: Deleted message from local:', message);
-        threadDispatcher({
-          type: ThreadContextActionTypes.ON_MESSAGE_DELETED_BY_REQ_ID,
-          payload: message.reqId
-        });
-        resolve(message);
-      }
-      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 () {
-        logger.info('Thread | useDeleteMessageCallback: Deleting message success!', message);
-        threadDispatcher({
-          type: ThreadContextActionTypes.ON_MESSAGE_DELETED,
-          payload: {
-            message: message,
-            channel: currentChannel
-          }
-        });
-        resolve(message);
-      }).catch(function (err) {
-        logger.warning('Thread | useDeleteMessageCallback: Deleting message failed!', err);
-        reject(err);
-      });
-    });
-  }, [currentChannel]);
+function useDeleteMessageCallback(_a, _b) {
+    var currentChannel = _a.currentChannel, threadDispatcher = _a.threadDispatcher;
+    var logger = _b.logger;
+    return React.useCallback(function (message) {
+        logger.info('Thread | useDeleteMessageCallback: Deleting message.', message);
+        var sendingStatus = message.sendingStatus;
+        return new Promise(function (resolve, reject) {
+            var _a;
+            logger.info('Thread | useDeleteMessageCallback: Deleting message requestState:', sendingStatus);
+            // Message is only on local
+            if (sendingStatus === 'failed' || sendingStatus === 'pending') {
+                logger.info('Thread | useDeleteMessageCallback: Deleted message from local:', message);
+                threadDispatcher({
+                    type: ThreadContextActionTypes.ON_MESSAGE_DELETED_BY_REQ_ID,
+                    payload: message.reqId,
+                });
+                resolve(message);
+            }
+            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 () {
+                logger.info('Thread | useDeleteMessageCallback: Deleting message success!', message);
+                threadDispatcher({
+                    type: ThreadContextActionTypes.ON_MESSAGE_DELETED,
+                    payload: { message: message, channel: currentChannel },
+                });
+                resolve(message);
+            }).catch(function (err) {
+                logger.warning('Thread | useDeleteMessageCallback: Deleting message failed!', err);
+                reject(err);
+            });
+        });
+    }, [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 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 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;
-  return React.useCallback(function (message, key, isReacted) {
-    var _a, _b;
-    if (isReacted) {
-      (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.deleteReaction) === null || _a === void 0 ? void 0 : _a.call(currentChannel, message, key).then(function (res) {
-        logger.info('Thread | useToggleReactionsCallback: Delete reaction succeeded.', res);
-      }).catch(function (err) {
-        logger.warning('Thread | useToggleReactionsCallback: Delete reaction failed.', err);
-      });
-      return;
-    }
-    (_b = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.addReaction) === null || _b === void 0 ? void 0 : _b.call(currentChannel, message, key).then(function (res) {
-      logger.info('Thread | useToggleReactionsCallback: Add reaction succeeded.', res);
-    }).catch(function (err) {
-      logger.warning('Thread | useToggleReactionsCallback: Add reaction failed.', err);
-    });
-  }, [currentChannel]);
+function useToggleReactionCallback(_a, _b) {
+    var currentChannel = _a.currentChannel;
+    var logger = _b.logger;
+    return React.useCallback(function (message, key, isReacted) {
+        var _a, _b;
+        if (isReacted) {
+            (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.deleteReaction) === null || _a === void 0 ? void 0 : _a.call(currentChannel, message, key).then(function (res) {
+                logger.info('Thread | useToggleReactionsCallback: Delete reaction succeeded.', res);
+            }).catch(function (err) {
+                logger.warning('Thread | useToggleReactionsCallback: Delete reaction failed.', err);
+            });
+            return;
+        }
+        (_b = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.addReaction) === null || _b === void 0 ? void 0 : _b.call(currentChannel, message, key).then(function (res) {
+            logger.info('Thread | useToggleReactionsCallback: Add reaction succeeded.', res);
+        }).catch(function (err) {
+            logger.warning('Thread | useToggleReactionsCallback: Add reaction failed.', err);
+        });
+    }, [currentChannel]);
 }
 
-function useSendUserMessageCallback(_a, _b) {
-  var isMentionEnabled = _a.isMentionEnabled,
-    currentChannel = _a.currentChannel,
-    onBeforeSendUserMessage = _a.onBeforeSendUserMessage;
-  var logger = _b.logger,
-    pubSub = _b.pubSub,
-    threadDispatcher = _b.threadDispatcher;
-  var sendMessage = React.useCallback(function (props) {
-    var _a;
-    var message = props.message,
-      quoteMessage = props.quoteMessage,
-      mentionTemplate = props.mentionTemplate,
-      mentionedUsers = props.mentionedUsers;
-    var createDefaultParams = function () {
-      var params = {};
-      params.message = message;
-      var mentionedUsersLength = (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) || 0;
-      if (isMentionEnabled && mentionedUsersLength) {
-        params.mentionedUsers = mentionedUsers;
-      }
-      if (isMentionEnabled && mentionTemplate && mentionedUsersLength) {
-        params.mentionedMessageTemplate = mentionTemplate;
-      }
-      if (quoteMessage) {
-        params.isReplyToChannel = true;
-        params.parentMessageId = quoteMessage.messageId;
-      }
-      return params;
-    };
-    var params = (_a = onBeforeSendUserMessage === null || onBeforeSendUserMessage === void 0 ? void 0 : onBeforeSendUserMessage(message, quoteMessage)) !== null && _a !== void 0 ? _a : createDefaultParams();
-    logger.info('Thread | useSendUserMessageCallback: Sending user message start.', params);
-    if (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.sendUserMessage) {
-      currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.sendUserMessage(params).onPending(function (pendingMessage) {
-        threadDispatcher({
-          type: ThreadContextActionTypes.SEND_MESSAGE_START,
-          payload: {
-            message: pendingMessage
-          }
-        });
-      }).onFailed(function (error, message) {
-        logger.info('Thread | useSendUserMessageCallback: Sending user message failed.', {
-          message: message,
-          error: error
-        });
-        threadDispatcher({
-          type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
-          payload: {
-            error: error,
-            message: message
-          }
-        });
-      }).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, {
-          channel: currentChannel,
-          message: message,
-          publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD]
-        });
-      });
-    }
-  }, [isMentionEnabled, currentChannel]);
-  return sendMessage;
+function useSendUserMessageCallback(_a, _b) {
+    var isMentionEnabled = _a.isMentionEnabled, currentChannel = _a.currentChannel, onBeforeSendUserMessage = _a.onBeforeSendUserMessage;
+    var logger = _b.logger, pubSub = _b.pubSub, threadDispatcher = _b.threadDispatcher;
+    var sendMessage = React.useCallback(function (props) {
+        var _a;
+        var message = props.message, quoteMessage = props.quoteMessage, mentionTemplate = props.mentionTemplate, mentionedUsers = props.mentionedUsers;
+        var createDefaultParams = function () {
+            var params = {};
+            params.message = message;
+            var mentionedUsersLength = (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) || 0;
+            if (isMentionEnabled && mentionedUsersLength) {
+                params.mentionedUsers = mentionedUsers;
+            }
+            if (isMentionEnabled && mentionTemplate && mentionedUsersLength) {
+                params.mentionedMessageTemplate = mentionTemplate;
+            }
+            if (quoteMessage) {
+                params.isReplyToChannel = true;
+                params.parentMessageId = quoteMessage.messageId;
+            }
+            return params;
+        };
+        var params = (_a = onBeforeSendUserMessage === null || onBeforeSendUserMessage === void 0 ? void 0 : onBeforeSendUserMessage(message, quoteMessage)) !== null && _a !== void 0 ? _a : createDefaultParams();
+        logger.info('Thread | useSendUserMessageCallback: Sending user message start.', params);
+        if (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.sendUserMessage) {
+            currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.sendUserMessage(params).onPending(function (pendingMessage) {
+                threadDispatcher({
+                    type: ThreadContextActionTypes.SEND_MESSAGE_START,
+                    payload: { message: pendingMessage },
+                });
+            }).onFailed(function (error, message) {
+                logger.info('Thread | useSendUserMessageCallback: Sending user message failed.', { message: message, error: error });
+                threadDispatcher({
+                    type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
+                    payload: { error: error, message: message },
+                });
+            }).onSucceeded(function (message) {
+                logger.info('Thread | useSendUserMessageCallback: Sending user message succeeded.', message);
+                // because Thread doesn't subscribe SEND_USER_MESSAGE
+                pubSub.publish(pubSub_topics.pubSubTopics.SEND_USER_MESSAGE, {
+                    channel: currentChannel,
+                    message: message,
+                    publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
+                });
+            });
+        }
+    }, [isMentionEnabled, currentChannel]);
+    return sendMessage;
 }
 
-function useResendMessageCallback(_a, _b) {
-  var currentChannel = _a.currentChannel;
-  var logger = _b.logger,
-    pubSub = _b.pubSub,
-    threadDispatcher = _b.threadDispatcher;
-  return React.useCallback(function (failedMessage) {
-    var _a, _b, _c, _d, _e;
-    if (failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isResendable) {
-      failedMessage.sendingStatus = message.SendingStatus.PENDING;
-      logger.info('Thread | useResendMessageCallback: Resending failedMessage start.', failedMessage);
-      threadDispatcher({
-        type: ThreadContextActionTypes.RESEND_MESSAGE_START,
-        payload: failedMessage
-      });
-      if (((_a = failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isUserMessage) === null || _a === void 0 ? void 0 : _a.call(failedMessage)) || (failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.messageType) === message.MessageType.USER) {
-        currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.resendUserMessage(failedMessage).then(function (message) {
-          logger.info('Thread | useResendMessageCallback: Resending failedMessage succeeded.', message);
-          threadDispatcher({
-            type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
-            payload: {
-              message: message
-            }
-          });
-          pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_USER_MESSAGE, {
-            channel: currentChannel,
-            message: message,
-            publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD]
-          });
-        }).catch(function (error) {
-          logger.warning('Thread | useResendMessageCallback: Resending failedMessage failed.', error);
-          failedMessage.sendingStatus = message.SendingStatus.FAILED;
-          threadDispatcher({
-            type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
-            payload: {
-              message: failedMessage
-            }
-          });
-        });
-      } else if (((_b = failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(failedMessage)) || (failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.messageType) === message.MessageType.FILE) {
-        (_c = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.resendFileMessage) === null || _c === void 0 ? void 0 : _c.call(currentChannel, failedMessage).then(function (message) {
-          logger.info('Thread | useResendMessageCallback: Resending failedMessage succeeded.', message);
-          threadDispatcher({
-            type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
-            payload: {
-              message: message
-            }
-          });
-        }).catch(function (error) {
-          logger.warning('Thread | useResendMessageCallback: Resending failedMessage failed.', error);
-          failedMessage.sendingStatus = message.SendingStatus.FAILED;
-          threadDispatcher({
-            type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
-            payload: {
-              message: failedMessage
-            }
-          });
-          pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
-            channel: currentChannel,
-            message: failedMessage,
-            publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD]
-          });
-        });
-      } else if ((_d = failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isMultipleFilesMessage) === null || _d === void 0 ? void 0 : _d.call(failedMessage)) {
-        (_e = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.resendMessage) === null || _e === void 0 ? void 0 : _e.call(currentChannel, failedMessage).onSucceeded(function (message) {
-          logger.info('Thread | useResendMessageCallback: Resending failedMessage succeeded.', message);
-          threadDispatcher({
-            type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
-            payload: {
-              message: message
-            }
-          });
-        }).onFailed(function (error, message) {
-          logger.warning('Thread | useResendMessageCallback: Resending failedMessage failed.', error);
-          threadDispatcher({
-            type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
-            payload: {
-              message: message
-            }
-          });
-          pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
-            channel: currentChannel,
-            message: message,
-            publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD]
-          });
-        });
-      } else {
-        logger.warning('Thread | useResendMessageCallback: Message is not resendable.', failedMessage);
-        failedMessage.sendingStatus = message.SendingStatus.FAILED;
-        threadDispatcher({
-          type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
-          payload: {
-            message: failedMessage
-          }
-        });
-      }
-    }
-  }, [currentChannel]);
+function useResendMessageCallback(_a, _b) {
+    var currentChannel = _a.currentChannel;
+    var logger = _b.logger, pubSub = _b.pubSub, threadDispatcher = _b.threadDispatcher;
+    return React.useCallback(function (failedMessage) {
+        var _a, _b, _c, _d, _e;
+        if (failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isResendable) {
+            failedMessage.sendingStatus = message.SendingStatus.PENDING;
+            logger.info('Thread | useResendMessageCallback: Resending failedMessage start.', failedMessage);
+            threadDispatcher({
+                type: ThreadContextActionTypes.RESEND_MESSAGE_START,
+                payload: failedMessage,
+            });
+            if (((_a = failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isUserMessage) === null || _a === void 0 ? void 0 : _a.call(failedMessage)) || (failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.messageType) === message.MessageType.USER) {
+                currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.resendUserMessage(failedMessage).then(function (message) {
+                    logger.info('Thread | useResendMessageCallback: Resending failedMessage succeeded.', message);
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
+                        payload: { message: message },
+                    });
+                    pubSub.publish(pubSub_topics.pubSubTopics.SEND_USER_MESSAGE, {
+                        channel: currentChannel,
+                        message: message,
+                        publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
+                    });
+                }).catch(function (error) {
+                    logger.warning('Thread | useResendMessageCallback: Resending failedMessage failed.', error);
+                    failedMessage.sendingStatus = message.SendingStatus.FAILED;
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
+                        payload: { message: failedMessage },
+                    });
+                });
+            }
+            else if (((_b = failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(failedMessage)) || (failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.messageType) === message.MessageType.FILE) {
+                (_c = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.resendFileMessage) === null || _c === void 0 ? void 0 : _c.call(currentChannel, failedMessage).then(function (message) {
+                    logger.info('Thread | useResendMessageCallback: Resending failedMessage succeeded.', message);
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
+                        payload: { message: message },
+                    });
+                }).catch(function (error) {
+                    logger.warning('Thread | useResendMessageCallback: Resending failedMessage failed.', error);
+                    failedMessage.sendingStatus = message.SendingStatus.FAILED;
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
+                        payload: { message: failedMessage },
+                    });
+                    pubSub.publish(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, {
+                        channel: currentChannel,
+                        message: failedMessage,
+                        publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
+                    });
+                });
+            }
+            else if ((_d = failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isMultipleFilesMessage) === null || _d === void 0 ? void 0 : _d.call(failedMessage)) {
+                (_e = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.resendMessage) === null || _e === void 0 ? void 0 : _e.call(currentChannel, failedMessage).onSucceeded(function (message) {
+                    logger.info('Thread | useResendMessageCallback: Resending failedMessage succeeded.', message);
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
+                        payload: { message: message },
+                    });
+                }).onFailed(function (error, message) {
+                    logger.warning('Thread | useResendMessageCallback: Resending failedMessage failed.', error);
+                    threadDispatcher({
+                        type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
+                        payload: { message: message },
+                    });
+                    pubSub.publish(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, {
+                        channel: currentChannel,
+                        message: message,
+                        publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
+                    });
+                });
+            }
+            else {
+                logger.warning('Thread | useResendMessageCallback: Message is not resendable.', failedMessage);
+                failedMessage.sendingStatus = message.SendingStatus.FAILED;
+                threadDispatcher({
+                    type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
+                    payload: { message: failedMessage },
+                });
+            }
+        }
+    }, [currentChannel]);
 }
 
-var useSendVoiceMessageCallback = function (_a, _b) {
-  var currentChannel = _a.currentChannel,
-    onBeforeSendVoiceMessage = _a.onBeforeSendVoiceMessage;
-  var logger = _b.logger,
-    pubSub = _b.pubSub,
-    threadDispatcher = _b.threadDispatcher;
-  var sendMessage = React.useCallback(function (file, duration, quoteMessage) {
-    var messageParams = onBeforeSendVoiceMessage && typeof onBeforeSendVoiceMessage === 'function' ? onBeforeSendVoiceMessage(file, quoteMessage) : {
-      file: file,
-      fileName: consts.VOICE_MESSAGE_FILE_NAME,
-      mimeType: consts.VOICE_MESSAGE_MIME_TYPE,
-      metaArrays: [new message.MessageMetaArray({
-        key: consts.META_ARRAY_VOICE_DURATION_KEY,
-        value: ["".concat(duration)]
-      }), new message.MessageMetaArray({
-        key: consts.META_ARRAY_MESSAGE_TYPE_KEY,
-        value: [consts.META_ARRAY_MESSAGE_TYPE_VALUE__VOICE]
-      })]
-    };
-    if (quoteMessage) {
-      messageParams.isReplyToChannel = true;
-      messageParams.parentMessageId = quoteMessage.messageId;
-    }
-    logger.info('Thread | useSendVoiceMessageCallback:  Start sending voice message', messageParams);
-    currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.sendFileMessage(messageParams).onPending(function (pendingMessage) {
-      threadDispatcher({
-        type: ThreadContextActionTypes.SEND_MESSAGE_START,
-        payload: {
-          /* pubSub is used instead of messagesDispatcher
-          to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
-          message: tslib_es6.__assign(tslib_es6.__assign({}, pendingMessage), {
-            url: URL.createObjectURL(file),
-            // pending thumbnail message seems to be failed
-            requestState: 'pending'
-          })
-        }
-      });
-      setTimeout(function () {
-        return useSendMultipleFilesMessage.scrollIntoLast();
-      }, 1000);
-    }).onFailed(function (error, message) {
-      message.localUrl = URL.createObjectURL(file);
-      message.file = file;
-      logger.info('Thread | useSendVoiceMessageCallback: Sending voice message failed.', {
-        message: message,
-        error: error
-      });
-      threadDispatcher({
-        type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
-        payload: {
-          message: message,
-          error: error
-        }
-      });
-    }).onSucceeded(function (message) {
-      logger.info('Thread | useSendVoiceMessageCallback: Sending voice message succeeded.', message);
-      pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
-        channel: currentChannel,
-        message: message,
-        publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD]
-      });
-    });
-  }, [currentChannel, onBeforeSendVoiceMessage]);
-  return sendMessage;
+var useSendVoiceMessageCallback = function (_a, _b) {
+    var currentChannel = _a.currentChannel, onBeforeSendVoiceMessage = _a.onBeforeSendVoiceMessage;
+    var logger = _b.logger, pubSub = _b.pubSub, threadDispatcher = _b.threadDispatcher;
+    var sendMessage = React.useCallback(function (file, duration, quoteMessage) {
+        var messageParams = (onBeforeSendVoiceMessage
+            && typeof onBeforeSendVoiceMessage === 'function')
+            ? onBeforeSendVoiceMessage(file, quoteMessage)
+            : {
+                file: file,
+                fileName: consts.VOICE_MESSAGE_FILE_NAME,
+                mimeType: consts.VOICE_MESSAGE_MIME_TYPE,
+                metaArrays: [
+                    new message.MessageMetaArray({
+                        key: consts.META_ARRAY_VOICE_DURATION_KEY,
+                        value: ["".concat(duration)],
+                    }),
+                    new message.MessageMetaArray({
+                        key: consts.META_ARRAY_MESSAGE_TYPE_KEY,
+                        value: [consts.META_ARRAY_MESSAGE_TYPE_VALUE__VOICE],
+                    }),
+                ],
+            };
+        if (quoteMessage) {
+            messageParams.isReplyToChannel = true;
+            messageParams.parentMessageId = quoteMessage.messageId;
+        }
+        logger.info('Thread | useSendVoiceMessageCallback:  Start sending voice message', messageParams);
+        currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.sendFileMessage(messageParams).onPending(function (pendingMessage) {
+            threadDispatcher({
+                type: ThreadContextActionTypes.SEND_MESSAGE_START,
+                payload: {
+                    /* pubSub is used instead of messagesDispatcher
+                    to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
+                    message: _tslib.__assign(_tslib.__assign({}, pendingMessage), { url: URL.createObjectURL(file), 
+                        // pending thumbnail message seems to be failed
+                        requestState: 'pending' }),
+                },
+            });
+            setTimeout(function () { return useSendMultipleFilesMessage.scrollIntoLast(); }, 1000);
+        }).onFailed(function (error, message) {
+            message.localUrl = URL.createObjectURL(file);
+            message.file = file;
+            logger.info('Thread | useSendVoiceMessageCallback: Sending voice message failed.', { message: message, error: error });
+            threadDispatcher({
+                type: ThreadContextActionTypes.SEND_MESSAGE_FAILURE,
+                payload: { message: message, error: error },
+            });
+        }).onSucceeded(function (message) {
+            logger.info('Thread | useSendVoiceMessageCallback: Sending voice message succeeded.', message);
+            pubSub.publish(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, {
+                channel: currentChannel,
+                message: message,
+                publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
+            });
+        });
+    }, [
+        currentChannel,
+        onBeforeSendVoiceMessage,
+    ]);
+    return sendMessage;
 };
 
-var ThreadContext = /*#__PURE__*/React__default["default"].createContext(null);
-var ThreadProvider = function (props) {
-  var _a, _b;
-  var children = props.children,
-    channelUrl = props.channelUrl,
-    onHeaderActionClick = props.onHeaderActionClick,
-    onMoveToParentMessage = props.onMoveToParentMessage,
-    onBeforeSendUserMessage = props.onBeforeSendUserMessage,
-    onBeforeSendFileMessage = props.onBeforeSendFileMessage,
-    onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage,
-    onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage,
-    isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled,
-    // User Profile
-    disableUserProfile = props.disableUserProfile,
-    renderUserProfile = props.renderUserProfile;
-  var propsMessage = props === null || props === void 0 ? void 0 : props.message;
-  var propsParentMessage = useSendMultipleFilesMessage.getParentMessageFrom(propsMessage);
-  // Context from SendbirdProvider
-  var globalStore = useSendbirdStateContext.useSendbirdStateContext();
-  var stores = globalStore.stores,
-    config = globalStore.config;
-  // // stores
-  var sdkStore = stores.sdkStore,
-    userStore = stores.userStore;
-  var sdk = sdkStore.sdk;
-  var user = userStore.user;
-  var sdkInit = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.initialized;
-  // // config
-  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;
-  // Initialization
-  React.useEffect(function () {
-    threadDispatcher({
-      type: ThreadContextActionTypes.INIT_USER_ID,
-      payload: user === null || user === void 0 ? void 0 : user.userId
-    });
-  }, [user]);
-  useGetChannel({
-    channelUrl: channelUrl,
-    sdkInit: sdkInit,
-    message: propsMessage
-  }, {
-    sdk: sdk,
-    logger: logger,
-    threadDispatcher: threadDispatcher
-  });
-  useGetParentMessage({
-    channelUrl: channelUrl,
-    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({
-    sdk: sdk,
-    currentChannel: currentChannel
-  }, {
-    logger: logger,
-    threadDispatcher: threadDispatcher
-  });
-  useHandleThreadPubsubEvents({
-    sdkInit: sdkInit,
-    currentChannel: currentChannel,
-    parentMessage: parentMessage
-  }, {
-    logger: logger,
-    pubSub: pubSub,
-    threadDispatcher: threadDispatcher
-  });
-  // callbacks
-  var fetchPrevThreads = useGetPrevThreadsCallback({
-    hasMorePrev: hasMorePrev,
-    parentMessage: parentMessage,
-    threadListState: threadListState,
-    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,
-    threadListState: threadListState,
-    isReactionEnabled: isReactionEnabled,
-    latestMessageTimeStamp: ((_b = allThreadMessages[allThreadMessages.length - 1]) === null || _b === void 0 ? void 0 : _b.createdAt) || 0
-  }, {
-    logger: logger,
-    threadDispatcher: threadDispatcher
-  });
-  var toggleReaction = useToggleReactionCallback({
-    currentChannel: currentChannel
-  }, {
-    logger: logger
-  });
-  // Send Message Hooks
-  var sendMessage = useSendUserMessageCallback({
-    isMentionEnabled: isMentionEnabled,
-    currentChannel: currentChannel,
-    onBeforeSendUserMessage: onBeforeSendUserMessage
-  }, {
-    logger: logger,
-    pubSub: pubSub,
-    threadDispatcher: threadDispatcher
-  });
-  var sendFileMessage = useSendFileMessageCallback({
-    currentChannel: currentChannel,
-    onBeforeSendFileMessage: onBeforeSendFileMessage
-  }, {
-    logger: logger,
-    pubSub: pubSub,
-    threadDispatcher: threadDispatcher
-  });
-  var sendVoiceMessage = useSendVoiceMessageCallback({
-    currentChannel: currentChannel,
-    onBeforeSendVoiceMessage: onBeforeSendVoiceMessage
-  }, {
-    logger: logger,
-    pubSub: pubSub,
-    threadDispatcher: threadDispatcher
-  });
-  var sendMultipleFilesMessage = useSendMultipleFilesMessage.useSendMultipleFilesMessage({
-    currentChannel: currentChannel,
-    onBeforeSendMultipleFilesMessage: onBeforeSendMultipleFilesMessage,
-    publishingModules: [useSendMultipleFilesMessage.PublishingModuleType.THREAD]
-  }, {
-    logger: logger,
-    pubSub: pubSub
-  })[0];
-  var resendMessage = useResendMessageCallback({
-    currentChannel: currentChannel
-  }, {
-    logger: logger,
-    pubSub: pubSub,
-    threadDispatcher: threadDispatcher
-  });
-  var updateMessage = useUpdateMessageCallback({
-    currentChannel: currentChannel,
-    isMentionEnabled: isMentionEnabled
-  }, {
-    logger: logger,
-    pubSub: pubSub,
-    threadDispatcher: threadDispatcher
-  });
-  var deleteMessage = useDeleteMessageCallback({
-    currentChannel: currentChannel,
-    threadDispatcher: threadDispatcher
-  }, {
-    logger: logger
-  });
-  // memo
-  var nicknamesMap = React.useMemo(function () {
-    return replyType && currentChannel ? useSendMultipleFilesMessage.getNicknamesMapFromMembers(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) : new Map();
-  }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members]);
-  return /*#__PURE__*/React__default["default"].createElement(ThreadContext.Provider, {
-    value: {
-      // ThreadProviderProps
-      channelUrl: channelUrl,
-      message: propsMessage,
-      onHeaderActionClick: onHeaderActionClick,
-      onMoveToParentMessage: onMoveToParentMessage,
-      isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled,
-      // ThreadContextInitialState
-      currentChannel: currentChannel,
-      allThreadMessages: allThreadMessages,
-      localThreadMessages: localThreadMessages,
-      parentMessage: parentMessage,
-      channelState: channelState,
-      threadListState: threadListState,
-      parentMessageState: parentMessageState,
-      hasMorePrev: hasMorePrev,
-      hasMoreNext: hasMoreNext,
-      emojiContainer: emojiContainer,
-      // hooks
-      fetchPrevThreads: fetchPrevThreads,
-      fetchNextThreads: fetchNextThreads,
-      toggleReaction: toggleReaction,
-      sendMessage: sendMessage,
-      sendFileMessage: sendFileMessage,
-      sendVoiceMessage: sendVoiceMessage,
-      sendMultipleFilesMessage: sendMultipleFilesMessage,
-      resendMessage: resendMessage,
-      updateMessage: updateMessage,
-      deleteMessage: deleteMessage,
-      // context
-      nicknamesMap: nicknamesMap,
-      isMuted: isMuted,
-      isChannelFrozen: isChannelFrozen,
-      currentUserId: currentUserId
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(UserProfileContext.UserProfileProvider, {
-    disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : config.disableUserProfile,
-    renderUserProfile: renderUserProfile,
-    onUserProfileMessage: onUserProfileMessage
-  }, children));
-};
-var useThreadContext = function () {
-  return React__default["default"].useContext(ThreadContext);
-};
+var ThreadContext = React.createContext(null);
+var ThreadProvider = function (props) {
+    var _a, _b;
+    var children = props.children, channelUrl = props.channelUrl, onHeaderActionClick = props.onHeaderActionClick, onMoveToParentMessage = props.onMoveToParentMessage, onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, 
+    // User Profile
+    disableUserProfile = props.disableUserProfile, renderUserProfile = props.renderUserProfile;
+    var propsMessage = props === null || props === void 0 ? void 0 : props.message;
+    var propsParentMessage = useSendMultipleFilesMessage.getParentMessageFrom(propsMessage);
+    // Context from SendbirdProvider
+    var globalStore = useSendbirdStateContext.useSendbirdStateContext();
+    var stores = globalStore.stores, config = globalStore.config;
+    // // stores
+    var sdkStore = stores.sdkStore, userStore = stores.userStore;
+    var sdk = sdkStore.sdk;
+    var user = userStore.user;
+    var sdkInit = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.initialized;
+    // // config
+    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, typingMembers = threadStore.typingMembers;
+    // Initialization
+    React.useEffect(function () {
+        threadDispatcher({
+            type: ThreadContextActionTypes.INIT_USER_ID,
+            payload: user === null || user === void 0 ? void 0 : user.userId,
+        });
+    }, [user]);
+    useGetChannel({
+        channelUrl: channelUrl,
+        sdkInit: sdkInit,
+        message: propsMessage,
+    }, { sdk: sdk, logger: logger, threadDispatcher: threadDispatcher });
+    useGetParentMessage({
+        channelUrl: channelUrl,
+        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({
+        sdk: sdk,
+        currentChannel: currentChannel,
+    }, { logger: logger, threadDispatcher: threadDispatcher });
+    useHandleThreadPubsubEvents({
+        sdkInit: sdkInit,
+        currentChannel: currentChannel,
+        parentMessage: parentMessage,
+    }, { logger: logger, pubSub: pubSub, threadDispatcher: threadDispatcher });
+    // callbacks
+    var fetchPrevThreads = useGetPrevThreadsCallback({
+        hasMorePrev: hasMorePrev,
+        parentMessage: parentMessage,
+        threadListState: threadListState,
+        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,
+        threadListState: threadListState,
+        isReactionEnabled: isReactionEnabled,
+        latestMessageTimeStamp: ((_b = allThreadMessages[allThreadMessages.length - 1]) === null || _b === void 0 ? void 0 : _b.createdAt) || 0,
+    }, { logger: logger, threadDispatcher: threadDispatcher });
+    var toggleReaction = useToggleReactionCallback({ currentChannel: currentChannel }, { logger: logger });
+    // Send Message Hooks
+    var sendMessage = useSendUserMessageCallback({
+        isMentionEnabled: isMentionEnabled,
+        currentChannel: currentChannel,
+        onBeforeSendUserMessage: onBeforeSendUserMessage,
+    }, {
+        logger: logger,
+        pubSub: pubSub,
+        threadDispatcher: threadDispatcher,
+    });
+    var sendFileMessage = useSendFileMessageCallback({
+        currentChannel: currentChannel,
+        onBeforeSendFileMessage: onBeforeSendFileMessage,
+    }, {
+        logger: logger,
+        pubSub: pubSub,
+        threadDispatcher: threadDispatcher,
+    });
+    var sendVoiceMessage = useSendVoiceMessageCallback({
+        currentChannel: currentChannel,
+        onBeforeSendVoiceMessage: onBeforeSendVoiceMessage,
+    }, {
+        logger: logger,
+        pubSub: pubSub,
+        threadDispatcher: threadDispatcher,
+    });
+    var sendMultipleFilesMessage = useSendMultipleFilesMessage.useSendMultipleFilesMessage({
+        currentChannel: currentChannel,
+        onBeforeSendMultipleFilesMessage: onBeforeSendMultipleFilesMessage,
+        publishingModules: [pubSub_topics.PublishingModuleType.THREAD],
+    }, {
+        logger: logger,
+        pubSub: pubSub,
+    })[0];
+    var resendMessage = useResendMessageCallback({
+        currentChannel: currentChannel,
+    }, { logger: logger, pubSub: pubSub, threadDispatcher: threadDispatcher });
+    var updateMessage = useUpdateMessageCallback({
+        currentChannel: currentChannel,
+        isMentionEnabled: isMentionEnabled,
+    }, { logger: logger, pubSub: pubSub, threadDispatcher: threadDispatcher });
+    var deleteMessage = useDeleteMessageCallback({ currentChannel: currentChannel, threadDispatcher: threadDispatcher }, { logger: logger });
+    // memo
+    var nicknamesMap = React.useMemo(function () { return ((replyType && currentChannel)
+        ? useSendMultipleFilesMessage.getNicknamesMapFromMembers(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members)
+        : new Map()); }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members]);
+    return (React.createElement(ThreadContext.Provider, { value: {
+            // ThreadProviderProps
+            channelUrl: channelUrl,
+            message: propsMessage,
+            onHeaderActionClick: onHeaderActionClick,
+            onMoveToParentMessage: onMoveToParentMessage,
+            isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled,
+            // ThreadContextInitialState
+            currentChannel: currentChannel,
+            allThreadMessages: allThreadMessages,
+            localThreadMessages: localThreadMessages,
+            parentMessage: parentMessage,
+            channelState: channelState,
+            threadListState: threadListState,
+            parentMessageState: parentMessageState,
+            hasMorePrev: hasMorePrev,
+            hasMoreNext: hasMoreNext,
+            emojiContainer: emojiContainer,
+            // hooks
+            fetchPrevThreads: fetchPrevThreads,
+            fetchNextThreads: fetchNextThreads,
+            toggleReaction: toggleReaction,
+            sendMessage: sendMessage,
+            sendFileMessage: sendFileMessage,
+            sendVoiceMessage: sendVoiceMessage,
+            sendMultipleFilesMessage: sendMultipleFilesMessage,
+            resendMessage: resendMessage,
+            updateMessage: updateMessage,
+            deleteMessage: deleteMessage,
+            // context
+            nicknamesMap: nicknamesMap,
+            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)));
+};
+var useThreadContext = function () { return React.useContext(ThreadContext); };
 
 exports.ThreadProvider = ThreadProvider;
 exports.useThreadContext = useThreadContext;