@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/cjs/{ThreadProvider-12784adf.js → ThreadProvider-572d67c0.js}

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-959a4ab1.js');
+var index = require('./index-f2d71843.js');
 var utils_message_getOutgoingMessageState = require('./utils/message/getOutgoingMessageState.js');
-var UserProfileContext = require('./UserProfileContext-c4642438.js');
+var UserProfileContext = require('./UserProfileContext-ce0c283c.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var tslib_es6 = require('./tslib.es6-ee1122c5.js');
+var tslib_es6 = require('./tslib.es6-67bdb021.js');
 var Thread_context_types = require('./Thread/context/types.js');
 var SendbirdChat = require('@sendbird/chat');
-var topics = require('./topics-7547922a.js');
+var topics = require('./topics-f70c5e0f.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('./uuid-26b61f16.js');
+var uuid = require('./uuid-f23c161c.js');
 var message = require('@sendbird/chat/message');
-var consts = require('./consts-69fc20be.js');
+var consts = require('./consts-b8c0be49.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,27 +22,22 @@ var getNicknamesMapFromMembers = function (members) {
   if (members === void 0) {
     members = [];
   }
-
   var nicknamesMap = new Map();
-
   for (var memberIndex = 0; memberIndex < members.length; memberIndex += 1) {
     var _a = members[memberIndex],
-        userId = _a.userId,
-        nickname = _a.nickname;
+      userId = _a.userId,
+      nickname = _a.nickname;
     nicknamesMap.set(userId, nickname);
   }
-
   return nicknamesMap;
 };
 var getParentMessageFrom = function (message) {
   if (isParentMessage(message)) {
     return message;
   }
-
   if (isThreadMessage(message)) {
     return message === null || message === void 0 ? void 0 : message.parentMessage;
   }
-
   return null;
 };
 var isParentMessage = function (message) {
@@ -56,14 +51,13 @@ var isAboutSame = function (a, b, px) {
 };
 var isEmpty = function (val) {
   return val === null || val === undefined;
-}; // Some Ids return string and number inconsistently
+};
+// Some Ids return string and number inconsistently
 // only use to comapre IDs
-
 function compareIds(a, b) {
   if (isEmpty(a) || isEmpty(b)) {
     return false;
   }
-
   var aString = a.toString();
   var bString = b.toString();
   return aString === bString;
@@ -76,18 +70,15 @@ var isReadMessage = function (channel, message) {
 };
 var isSameGroup = function (message, comparingMessage, currentChannel) {
   var _a, _b, _c, _d;
-
   if (!(message && comparingMessage && message.messageType && message.messageType !== 'admin' && comparingMessage.messageType && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.messageType) !== 'admin' && (message === null || message === void 0 ? void 0 : message.sender) && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) && (message === null || message === void 0 ? void 0 : message.createdAt) && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.createdAt) && ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) && ((_b = comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) === null || _b === void 0 ? void 0 : _b.userId))) {
     return false;
   }
-
   return (message === null || message === void 0 ? void 0 : message.sendingStatus) === (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sendingStatus) && ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId) === ((_d = comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) === null || _d === void 0 ? void 0 : _d.userId) && getMessageCreatedAt(message) === getMessageCreatedAt(comparingMessage) && isReadMessage(currentChannel, message) === isReadMessage(currentChannel, comparingMessage);
 };
 var compareMessagesForGrouping = function (prevMessage, currMessage, nextMessage, currentChannel, replyType) {
   if (replyType === 'THREAD' && (currMessage === null || currMessage === void 0 ? void 0 : currMessage.threadInfo)) {
     return [false, false];
   }
-
   var sendingStatus = (currMessage === null || currMessage === void 0 ? void 0 : currMessage.sendingStatus) || '';
   var isAcceptable = sendingStatus !== 'pending' && sendingStatus !== 'failed';
   return [isSameGroup(prevMessage, currMessage, currentChannel) && isAcceptable, isSameGroup(currMessage, nextMessage, currentChannel) && isAcceptable];
@@ -96,17 +87,14 @@ var scrollIntoLast = function (intialTry) {
   if (intialTry === void 0) {
     intialTry = 0;
   }
-
   var MAX_TRIES = 10;
   var currentTry = intialTry;
-
   if (currentTry > MAX_TRIES) {
     return;
   }
-
   try {
-    var scrollDOM = document.querySelector('.sendbird-thread-ui--scroll'); // eslint-disable-next-line no-multi-assign
-
+    var scrollDOM = document.querySelector('.sendbird-thread-ui--scroll');
+    // eslint-disable-next-line no-multi-assign
     scrollDOM.scrollTop = scrollDOM.scrollHeight;
   } catch (error) {
     setTimeout(function () {
@@ -119,21 +107,20 @@ 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["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_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["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";
@@ -142,25 +129,25 @@ var ThreadContextActionTypes;
   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["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_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"; // event handlers - user status change
-
+  ThreadContextActionTypes["ON_REACTION_UPDATED"] = "ON_REACTION_UPDATED";
+  // 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_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";
@@ -168,7 +155,6 @@ var 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;
-
   switch (action.type) {
     // initialize
     case ThreadContextActionTypes.INIT_USER_ID:
@@ -177,7 +163,6 @@ function reducer(state, action) {
           currentUserId: action.payload
         });
       }
-
     case ThreadContextActionTypes.GET_CHANNEL_START:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -185,7 +170,6 @@ function reducer(state, action) {
           currentChannel: null
         });
       }
-
     case ThreadContextActionTypes.GET_CHANNEL_SUCCESS:
       {
         var groupChannel = action.payload.groupChannel;
@@ -199,7 +183,6 @@ function reducer(state, action) {
           isChannelFrozen: (groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.isFrozen) || false
         });
       }
-
     case ThreadContextActionTypes.GET_CHANNEL_FAILURE:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -207,7 +190,6 @@ function reducer(state, action) {
           currentChannel: null
         });
       }
-
     case ThreadContextActionTypes.SET_EMOJI_CONTAINER:
       {
         var emojiContainer = action.payload.emojiContainer;
@@ -215,7 +197,6 @@ function reducer(state, action) {
           emojiContainer: emojiContainer
         });
       }
-
     case ThreadContextActionTypes.GET_PARENT_MESSAGE_START:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -223,7 +204,6 @@ function reducer(state, action) {
           parentMessage: null
         });
       }
-
     case ThreadContextActionTypes.GET_PARENT_MESSAGE_SUCCESS:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -231,7 +211,6 @@ function reducer(state, action) {
           parentMessage: action.payload.parentMessage
         });
       }
-
     case ThreadContextActionTypes.GET_PARENT_MESSAGE_FAILURE:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -240,7 +219,6 @@ function reducer(state, action) {
         });
       }
     // fetch threads
-
     case ThreadContextActionTypes.INITIALIZE_THREAD_LIST_START:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -248,13 +226,12 @@ function reducer(state, action) {
           allThreadMessages: []
         });
       }
-
     case ThreadContextActionTypes.INITIALIZE_THREAD_LIST_SUCCESS:
       {
         var _v = action.payload,
-            parentMessage = _v.parentMessage,
-            anchorMessage = _v.anchorMessage,
-            threadedMessages = _v.threadedMessages;
+          parentMessage = _v.parentMessage,
+          anchorMessage = _v.anchorMessage,
+          threadedMessages = _v.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;
@@ -269,7 +246,6 @@ function reducer(state, action) {
           allThreadMessages: [prevThreadMessages, anchorThreadMessage, nextThreadMessages].flat()
         });
       }
-
     case ThreadContextActionTypes.INITIALIZE_THREAD_LIST_FAILURE:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -277,12 +253,10 @@ function reducer(state, action) {
           allThreadMessages: []
         });
       }
-
     case ThreadContextActionTypes.GET_NEXT_MESSAGES_START:
       {
         return tslib_es6.__assign({}, state);
       }
-
     case ThreadContextActionTypes.GET_NEXT_MESSAGES_SUCESS:
       {
         var threadedMessages = action.payload.threadedMessages;
@@ -291,19 +265,16 @@ function reducer(state, action) {
           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;
@@ -312,7 +283,6 @@ function reducer(state, action) {
           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), {
@@ -320,17 +290,14 @@ function reducer(state, action) {
         });
       }
     // event handlers - message status change
-
     case ThreadContextActionTypes.ON_MESSAGE_RECEIVED:
       {
         var _w = action.payload,
-            channel = _w.channel,
-            message_1 = _w.message;
-
+          channel = _w.channel,
+          message_1 = _w.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;
@@ -343,17 +310,14 @@ function reducer(state, action) {
           }), true), [message_1], false)
         });
       }
-
     case ThreadContextActionTypes.ON_MESSAGE_UPDATED:
       {
         var _x = action.payload,
-            channel = _x.channel,
-            message_2 = _x.message;
-
+          channel = _x.channel,
+          message_2 = _x.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) {
@@ -361,17 +325,14 @@ function reducer(state, action) {
           })
         });
       }
-
     case ThreadContextActionTypes.ON_MESSAGE_DELETED:
       {
         var _y = action.payload,
-            channel = _y.channel,
-            messageId_1 = _y.messageId;
-
+          channel = _y.channel,
+          messageId_1 = _y.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,
@@ -379,14 +340,12 @@ function reducer(state, action) {
             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;
           })
         });
       }
-
     case ThreadContextActionTypes.ON_MESSAGE_DELETED_BY_REQ_ID:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -395,60 +354,48 @@ function reducer(state, action) {
           })
         });
       }
-
     case ThreadContextActionTypes.ON_REACTION_UPDATED:
       {
         var reactionEvent_1 = (_o = action.payload) === null || _o === void 0 ? void 0 : _o.reactionEvent;
-
         if (((_p = state === null || state === void 0 ? void 0 : state.parentMessage) === null || _p === void 0 ? void 0 : _p.messageId) === (reactionEvent_1 === null || reactionEvent_1 === void 0 ? void 0 : reactionEvent_1.messageId)) {
           (_r = (_q = state.parentMessage) === null || _q === void 0 ? void 0 : _q.applyReactionEvent) === null || _r === void 0 ? void 0 : _r.call(_q, 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 _z = action.payload,
-            channel = _z.channel,
-            user = _z.user;
-
+          channel = _z.channel,
+          user = _z.user;
         if (((_s = state.currentChannel) === null || _s === void 0 ? void 0 : _s.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 _0 = action.payload,
-            channel = _0.channel,
-            user = _0.user;
-
+          channel = _0.channel,
+          user = _0.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: false
         });
       }
-
     case ThreadContextActionTypes.ON_USER_BANNED:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -462,12 +409,10 @@ function reducer(state, action) {
           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), {
@@ -482,35 +427,29 @@ function reducer(state, action) {
         });
       }
     // 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) === ((_u = state.currentChannel) === null || _u === void 0 ? void 0 : _u.url)) {
           return tslib_es6.__assign(tslib_es6.__assign({}, state), {
             currentChannel: channel
           });
         }
-
         return state;
       }
     // message
-
     case ThreadContextActionTypes.SEND_MESSAGE_START:
       {
         var message = action.payload.message;
@@ -518,7 +457,6 @@ function reducer(state, action) {
           allThreadMessages: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.allThreadMessages, true), [message], false)
         });
       }
-
     case ThreadContextActionTypes.SEND_MESSAGE_SUCESS:
       {
         var message_3 = action.payload.message;
@@ -529,7 +467,6 @@ function reducer(state, action) {
           allThreadMessages: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], filteredThreadMessages, true), [message_3], false)
         });
       }
-
     case ThreadContextActionTypes.SEND_MESSAGE_FAILURE:
       {
         var message_4 = action.payload.message;
@@ -539,12 +476,10 @@ function reducer(state, action) {
           })
         });
       }
-
     case ThreadContextActionTypes.RESEND_MESSAGE_START:
       {
         return tslib_es6.__assign({}, state);
       }
-
     default:
       {
         return state;
@@ -569,15 +504,14 @@ var initialState = {
 
 function useGetChannel(_a, _b) {
   var channelUrl = _a.channelUrl,
-      sdkInit = _a.sdkInit,
-      message = _a.message;
+    sdkInit = _a.sdkInit,
+    message = _a.message;
   var sdk = _b.sdk,
-      logger = _b.logger,
-      threadDispatcher = _b.threadDispatcher;
+    logger = _b.logger,
+    threadDispatcher = _b.threadDispatcher;
   React.useEffect(function () {
-    var _a, _b; // validation check
-
-
+    var _a, _b;
+    // validation check
     if (sdkInit && channelUrl && (sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel)) {
       threadDispatcher({
         type: ThreadContextActionTypes.GET_CHANNEL_START,
@@ -609,7 +543,7 @@ function useGetChannel(_a, _b) {
 function useGetAllEmoji(_a, _b) {
   var sdk = _a.sdk;
   var logger = _b.logger,
-      threadDispatcher = _b.threadDispatcher;
+    threadDispatcher = _b.threadDispatcher;
   React.useEffect(function () {
     if (sdk === null || sdk === void 0 ? void 0 : sdk.getAllEmoji) {
       // validation check
@@ -630,15 +564,14 @@ function useGetAllEmoji(_a, _b) {
 
 function useGetThreadList(_a, _b) {
   var sdkInit = _a.sdkInit,
-      parentMessage = _a.parentMessage,
-      anchorMessage = _a.anchorMessage,
-      isReactionEnabled = _a.isReactionEnabled;
+    parentMessage = _a.parentMessage,
+    anchorMessage = _a.anchorMessage,
+    isReactionEnabled = _a.isReactionEnabled;
   var logger = _b.logger,
-      threadDispatcher = _b.threadDispatcher;
+    threadDispatcher = _b.threadDispatcher;
   React.useEffect(function () {
-    var _a; // validation check
-
-
+    var _a;
+    // validation check
     if (sdkInit && (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.getThreadedMessagesByTimestamp)) {
       threadDispatcher({
         type: ThreadContextActionTypes.INITIALIZE_THREAD_LIST_START,
@@ -657,7 +590,7 @@ function useGetThreadList(_a, _b) {
       });
       (_a = parentMessage.getThreadedMessagesByTimestamp) === null || _a === void 0 ? void 0 : _a.call(parentMessage, timeStamp, params).then(function (_a) {
         var parentMessage = _a.parentMessage,
-            threadedMessages = _a.threadedMessages;
+          threadedMessages = _a.threadedMessages;
         logger.info('Thread | useGetThreadList: Initialize thread list succeeded.', {
           parentMessage: parentMessage,
           threadedMessages: threadedMessages
@@ -683,17 +616,15 @@ function useGetThreadList(_a, _b) {
 
 function useGetParentMessage(_a, _b) {
   var _this = this;
-
   var channelUrl = _a.channelUrl,
-      sdkInit = _a.sdkInit,
-      parentMessage = _a.parentMessage;
+    sdkInit = _a.sdkInit,
+    parentMessage = _a.parentMessage;
   var sdk = _b.sdk,
-      logger = _b.logger,
-      threadDispatcher = _b.threadDispatcher;
+    logger = _b.logger,
+    threadDispatcher = _b.threadDispatcher;
   React.useEffect(function () {
-    var _a; // validation check
-
-
+    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,
@@ -709,34 +640,24 @@ function useGetParentMessage(_a, _b) {
         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)];
-
+                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];
+                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: {
@@ -760,22 +681,19 @@ function useGetParentMessage(_a, _b) {
 
 function useHandlePubsubEvents(_a, _b) {
   var sdkInit = _a.sdkInit,
-      currentChannel = _a.currentChannel,
-      parentMessage = _a.parentMessage;
+    currentChannel = _a.currentChannel,
+    parentMessage = _a.parentMessage;
   var pubSub = _b.pubSub,
-      threadDispatcher = _b.threadDispatcher;
+    threadDispatcher = _b.threadDispatcher;
   React.useEffect(function () {
     var pubSubHandler = function () {
       var subscriber = new Map();
-
       if (!pubSub || !pubSub.subscribe) {
         return subscriber;
       }
-
       subscriber.set(topics.PUBSUB_TOPICS.SEND_USER_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.SEND_USER_MESSAGE, function (props) {
         var channel = props.channel,
-            message = props.message;
-
+          message = props.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,
@@ -784,13 +702,11 @@ function useHandlePubsubEvents(_a, _b) {
             }
           });
         }
-
         scrollIntoLast === null || scrollIntoLast === void 0 ? void 0 : scrollIntoLast();
       }));
       subscriber.set(topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, function (props) {
         var channel = props.channel,
-            message = props.message;
-
+          message = props.message;
         if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (channel === null || channel === void 0 ? void 0 : channel.url)) {
           threadDispatcher({
             type: ThreadContextActionTypes.SEND_MESSAGE_SUCESS,
@@ -799,13 +715,11 @@ function useHandlePubsubEvents(_a, _b) {
             }
           });
         }
-
         scrollIntoLast === null || scrollIntoLast === void 0 ? void 0 : scrollIntoLast();
       }));
       subscriber.set(topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, function (msg) {
         var channel = msg.channel,
-            message = msg.message;
-
+          message = msg.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,
@@ -818,8 +732,7 @@ function useHandlePubsubEvents(_a, _b) {
       }));
       subscriber.set(topics.PUBSUB_TOPICS.DELETE_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.DELETE_MESSAGE, function (msg) {
         var channel = msg.channel,
-            messageId = msg.messageId;
-
+          messageId = msg.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,
@@ -830,13 +743,13 @@ function useHandlePubsubEvents(_a, _b) {
         }
       }));
     };
-
     var subscriber = pubSubHandler();
     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) {//
+        } catch (_a) {
+          //
         }
       });
     };
@@ -845,14 +758,13 @@ function useHandlePubsubEvents(_a, _b) {
 
 function useHandleChannelEvents(_a, _b) {
   var sdk = _a.sdk,
-      currentChannel = _a.currentChannel;
+    currentChannel = _a.currentChannel;
   var logger = _b.logger,
-      threadDispatcher = _b.threadDispatcher;
+    threadDispatcher = _b.threadDispatcher;
   React.useEffect(function () {
     var _a, _b, _c;
-
-    var handlerId = uuid.uuidv4(); // validation check
-
+    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
@@ -1018,11 +930,9 @@ function useHandleChannelEvents(_a, _b) {
         channelHandler: channelHandler
       });
     }
-
     return function () {
-      var _a, _b, _c; // validation check
-
-
+      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);
@@ -1034,21 +944,18 @@ function useHandleChannelEvents(_a, _b) {
 function useSendFileMessageCallback(_a, _b) {
   var currentChannel = _a.currentChannel;
   var logger = _b.logger,
-      pubSub = _b.pubSub,
-      threadDispatcher = _b.threadDispatcher;
+    pubSub = _b.pubSub,
+    threadDispatcher = _b.threadDispatcher;
   var sendMessage = React.useCallback(function (file, quoteMessage) {
     var createParamsDefault = function () {
       var params = {};
       params.file = file;
-
       if (quoteMessage) {
         params.isReplyToChannel = true;
         params.parentMessageId = quoteMessage.messageId;
       }
-
       return params;
     };
-
     var params = createParamsDefault();
     logger.info('Thread | useSendFileMessageCallback: Sending file message start.', params);
     currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.sendFileMessage(params).onPending(function (pendingMessage) {
@@ -1094,35 +1001,29 @@ function useSendFileMessageCallback(_a, _b) {
 
 function useUpdateMessageCallback(_a, _b) {
   var currentChannel = _a.currentChannel,
-      isMentionEnabled = _a.isMentionEnabled;
+    isMentionEnabled = _a.isMentionEnabled;
   var logger = _b.logger,
-      pubSub = _b.pubSub,
-      threadDispatcher = _b.threadDispatcher;
+    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;
-
+      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) {
@@ -1145,16 +1046,15 @@ function useUpdateMessageCallback(_a, _b) {
 
 function useDeleteMessageCallback(_a, _b) {
   var currentChannel = _a.currentChannel,
-      threadDispatcher = _a.threadDispatcher;
+    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
-
+      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({
@@ -1163,7 +1063,6 @@ function useDeleteMessageCallback(_a, _b) {
         });
         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);
@@ -1185,16 +1084,15 @@ function useDeleteMessageCallback(_a, _b) {
 
 function useGetPrevThreadsCallback(_a, _b) {
   var hasMorePrev = _a.hasMorePrev,
-      parentMessage = _a.parentMessage,
-      threadListState = _a.threadListState,
-      oldestMessageTimeStamp = _a.oldestMessageTimeStamp,
-      isReactionEnabled = _a.isReactionEnabled;
+    parentMessage = _a.parentMessage,
+    threadListState = _a.threadListState,
+    oldestMessageTimeStamp = _a.oldestMessageTimeStamp,
+    isReactionEnabled = _a.isReactionEnabled;
   var logger = _b.logger,
-      threadDispatcher = _b.threadDispatcher;
+    threadDispatcher = _b.threadDispatcher;
   return React.useCallback(function (callback) {
-    var _a; // validation check
-
-
+    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,
@@ -1207,7 +1105,7 @@ function useGetPrevThreadsCallback(_a, _b) {
         includeMetaArray: true
       }).then(function (_a) {
         var parentMessage = _a.parentMessage,
-            threadedMessages = _a.threadedMessages;
+          threadedMessages = _a.threadedMessages;
         logger.info('Thread | useGetPrevThreadsCallback: Fetch prev threads succeeded.', {
           parentMessage: parentMessage,
           threadedMessages: threadedMessages
@@ -1233,16 +1131,15 @@ function useGetPrevThreadsCallback(_a, _b) {
 
 function useGetNextThreadsCallback(_a, _b) {
   var hasMoreNext = _a.hasMoreNext,
-      parentMessage = _a.parentMessage,
-      threadListState = _a.threadListState,
-      latestMessageTimeStamp = _a.latestMessageTimeStamp,
-      isReactionEnabled = _a.isReactionEnabled;
+    parentMessage = _a.parentMessage,
+    threadListState = _a.threadListState,
+    latestMessageTimeStamp = _a.latestMessageTimeStamp,
+    isReactionEnabled = _a.isReactionEnabled;
   var logger = _b.logger,
-      threadDispatcher = _b.threadDispatcher;
+    threadDispatcher = _b.threadDispatcher;
   return React.useCallback(function (callback) {
-    var _a; // validation check
-
-
+    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,
@@ -1255,7 +1152,7 @@ function useGetNextThreadsCallback(_a, _b) {
         includeMetaArray: true
       }).then(function (_a) {
         var parentMessage = _a.parentMessage,
-            threadedMessages = _a.threadedMessages;
+          threadedMessages = _a.threadedMessages;
         logger.info('Thread | useGetNextThreadsCallback: Fetch next threads succeeded.', {
           parentMessage: parentMessage,
           threadedMessages: threadedMessages
@@ -1284,7 +1181,6 @@ function useToggleReactionCallback(_a, _b) {
   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);
@@ -1293,7 +1189,6 @@ function useToggleReactionCallback(_a, _b) {
       });
       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) {
@@ -1304,40 +1199,33 @@ function useToggleReactionCallback(_a, _b) {
 
 function useSendUserMessageCallback(_a, _b) {
   var isMentionEnabled = _a.isMentionEnabled,
-      currentChannel = _a.currentChannel;
+    currentChannel = _a.currentChannel;
   var logger = _b.logger,
-      pubSub = _b.pubSub,
-      threadDispatcher = _b.threadDispatcher;
+    pubSub = _b.pubSub,
+    threadDispatcher = _b.threadDispatcher;
   var sendMessage = React.useCallback(function (props) {
     var message = props.message,
-        _a = props.quoteMessage,
-        quoteMessage = _a === void 0 ? null : _a,
-        mentionTemplate = props.mentionTemplate,
-        mentionedUsers = props.mentionedUsers;
-
+      _a = props.quoteMessage,
+      quoteMessage = _a === void 0 ? null : _a,
+      mentionTemplate = props.mentionTemplate,
+      mentionedUsers = props.mentionedUsers;
     var createDefaultParams = function () {
       var params = {};
       params.message = (message === null || message === void 0 ? void 0 : message.trim()) || message;
-
       if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
         params.mentionedUsers = mentionedUsers;
       }
-
       if (isMentionEnabled && mentionTemplate && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
         params.mentionedMessageTemplate = (mentionTemplate === null || mentionTemplate === void 0 ? void 0 : mentionTemplate.trim()) || mentionTemplate;
       }
-
       if (quoteMessage) {
         params.isReplyToChannel = true;
         params.parentMessageId = quoteMessage.messageId;
       }
-
       return params;
     };
-
     var params = 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({
@@ -1365,8 +1253,8 @@ function useSendUserMessageCallback(_a, _b) {
           payload: {
             message: message
           }
-        }); // because Thread doesn't subscribe SEND_USER_MESSAGE
-
+        });
+        // because Thread doesn't subscribe SEND_USER_MESSAGE
         pubSub.publish(topics.PUBSUB_TOPICS.SEND_USER_MESSAGE, {
           channel: currentChannel,
           message: message
@@ -1380,11 +1268,10 @@ function useSendUserMessageCallback(_a, _b) {
 function useResendMessageCallback(_a, _b) {
   var currentChannel = _a.currentChannel;
   var logger = _b.logger,
-      pubSub = _b.pubSub,
-      threadDispatcher = _b.threadDispatcher;
+    pubSub = _b.pubSub,
+    threadDispatcher = _b.threadDispatcher;
   return React.useCallback(function (failedMessage) {
     var _a, _b, _c;
-
     if (failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isResendable) {
       failedMessage.sendingStatus = message.SendingStatus.PENDING;
       logger.info('Thread | useResendMessageCallback: Resending failedMessage start.', failedMessage);
@@ -1392,7 +1279,6 @@ function useResendMessageCallback(_a, _b) {
         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);
@@ -1455,10 +1341,10 @@ function useResendMessageCallback(_a, _b) {
 
 var useSendVoiceMessageCallback = function (_a, _b) {
   var currentChannel = _a.currentChannel,
-      onBeforeSendVoiceMessage = _a.onBeforeSendVoiceMessage;
+    onBeforeSendVoiceMessage = _a.onBeforeSendVoiceMessage;
   var logger = _b.logger,
-      pubSub = _b.pubSub,
-      threadDispatcher = _b.threadDispatcher;
+    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,
@@ -1472,12 +1358,10 @@ var useSendVoiceMessageCallback = function (_a, _b) {
         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({
@@ -1523,52 +1407,50 @@ var useSendVoiceMessageCallback = function (_a, _b) {
 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,
-      onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage,
-      // User Profile
-  disableUserProfile = props.disableUserProfile,
-      renderUserProfile = props.renderUserProfile,
-      onUserProfileMessage = props.onUserProfileMessage;
+    channelUrl = props.channelUrl,
+    onHeaderActionClick = props.onHeaderActionClick,
+    onMoveToParentMessage = props.onMoveToParentMessage,
+    onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage,
+    // User Profile
+    disableUserProfile = props.disableUserProfile,
+    renderUserProfile = props.renderUserProfile,
+    onUserProfileMessage = props.onUserProfileMessage;
   var propsMessage = props === null || props === void 0 ? void 0 : props.message;
-  var propsParentMessage = getParentMessageFrom(propsMessage); // Context from SendbirdProvider
-
+  var propsParentMessage = getParentMessageFrom(propsMessage);
+  // Context from SendbirdProvider
   var globalStore = useSendbirdStateContext();
   var stores = globalStore.stores,
-      config = globalStore.config; // // stores
-
+    config = globalStore.config;
+  // // stores
   var sdkStore = stores.sdkStore,
-      userStore = stores.userStore;
+    userStore = stores.userStore;
   var sdk = sdkStore.sdk;
   var user = userStore.user;
-  var sdkInit = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.initialized; // // config
-
+  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; // dux of Thread
-
+    pubSub = config.pubSub,
+    replyType = config.replyType,
+    isMentionEnabled = config.isMentionEnabled,
+    isReactionEnabled = config.isReactionEnabled;
+  // dux of Thread
   var _c = React.useReducer(reducer, initialState),
-      threadStore = _c[0],
-      threadDispatcher = _c[1];
-
+    threadStore = _c[0],
+    threadDispatcher = _c[1];
   var currentChannel = threadStore.currentChannel,
-      allThreadMessages = threadStore.allThreadMessages,
-      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
-
+    allThreadMessages = threadStore.allThreadMessages,
+    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,
@@ -1597,8 +1479,8 @@ var ThreadProvider = function (props) {
     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
-
+    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
@@ -1608,8 +1490,8 @@ var ThreadProvider = function (props) {
   }, {
     logger: logger,
     threadDispatcher: threadDispatcher
-  }); // Handle channel events
-
+  });
+  // Handle channel events
   useHandleChannelEvents({
     sdk: sdk,
     currentChannel: currentChannel
@@ -1625,8 +1507,8 @@ var ThreadProvider = function (props) {
     logger: logger,
     pubSub: pubSub,
     threadDispatcher: threadDispatcher
-  }); // callbacks
-
+  });
+  // callbacks
   var fetchPrevThreads = useGetPrevThreadsCallback({
     hasMorePrev: hasMorePrev,
     parentMessage: parentMessage,
@@ -1695,8 +1577,8 @@ var ThreadProvider = function (props) {
     threadDispatcher: threadDispatcher
   }, {
     logger: logger
-  }); // memo
-
+  });
+  // memo
   var nicknamesMap = React.useMemo(function () {
     return replyType && currentChannel ? getNicknamesMapFromMembers(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) : new Map();
   }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members]);
@@ -1747,4 +1629,4 @@ exports.ThreadProvider = ThreadProvider;
 exports.compareMessagesForGrouping = compareMessagesForGrouping;
 exports.isAboutSame = isAboutSame;
 exports.useThreadContext = useThreadContext;
-//# sourceMappingURL=ThreadProvider-12784adf.js.map
+//# sourceMappingURL=ThreadProvider-572d67c0.js.map