@sendbird/uikit-react 3.14.5 → 3.14.6

package/Channel/components/UnreadCount.js

@@ -1,13 +1,13 @@
 import { UnreadCount } from '../../GroupChannel/components/UnreadCount.js';
 import 'react';
-import '../../chunks/bundle-CAdxJnio.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
-import '../../chunks/bundle-q3jyuKU7.js';
-import '../../chunks/bundle-CDy_GVNR.js';
+import '../../chunks/bundle-nfJ9J5Md.js';
+import '../../chunks/bundle-DKkCwVCs.js';
+import '../../chunks/bundle-Ce-B4ROs.js';
+import '../../chunks/bundle-DprHnWfH.js';
+import '../../chunks/bundle-prXB4t_m.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
-import '../../chunks/bundle-DQ3tLeW9.js';
+import '../../chunks/bundle-Dw9nwO7e.js';
+import '../../chunks/bundle-t4qeDosj.js';
 
 
 

package/Channel/context.js

@@ -1,26 +1,26 @@
 import React__default, { useEffect, useCallback, useRef, useState, useReducer, useMemo } from 'react';
-import { U as UserProfileProvider } from '../chunks/bundle-60et0yds.js';
+import { U as UserProfileProvider } from '../chunks/bundle-C_dNvBEo.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-DudTIr4X.js';
-import { m as mergeAndSortMessages, p as passUnsuccessfullMessages, s as scrollIntoLast, c as scrollToRenderedMessage, g as getAllEmojisMapFromEmojiContainer, d as getNicknamesMapFromMembers } from '../chunks/bundle-CDMcNani.js';
-import { g as getIsReactionEnabled } from '../chunks/bundle-BxaysvGU.js';
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
-import { f as format } from '../chunks/bundle-DQ3tLeW9.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-COYqO05C.js';
+import { m as mergeAndSortMessages, p as passUnsuccessfullMessages, s as scrollIntoLast, c as scrollToRenderedMessage, g as getAllEmojisMapFromEmojiContainer, d as getNicknamesMapFromMembers } from '../chunks/bundle-B9ue8vfn.js';
+import { g as getIsReactionEnabled } from '../chunks/bundle-BFa8UJ8b.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
+import { f as format } from '../chunks/bundle-t4qeDosj.js';
 import { SendingStatus, ReplyType, MessageMetaArray } from '@sendbird/chat/message';
-import { K, e as isSendableMessage, a1 as S, a2 as filterMessageListParams } from '../chunks/bundle-BH5EGLxi.js';
-import { R as RESET_MESSAGES, F as FETCH_INITIAL_MESSAGES_START, a as FETCH_INITIAL_MESSAGES_SUCCESS, c as FETCH_PREV_MESSAGES_SUCCESS, d as FETCH_NEXT_MESSAGES_SUCCESS, b as FETCH_INITIAL_MESSAGES_FAILURE, e as FETCH_PREV_MESSAGES_FAILURE, f as FETCH_NEXT_MESSAGES_FAILURE, S as SEND_MESSAGE_START, g as SEND_MESSAGE_SUCCESS, h as SEND_MESSAGE_FAILURE, i as SET_CURRENT_CHANNEL, j as SET_CHANNEL_INVALID, O as ON_MESSAGE_RECEIVED, k as ON_MESSAGE_UPDATED, l as ON_MESSAGE_THREAD_INFO_UPDATED, m as RESEND_MESSAGE_START, n as MARK_AS_READ, o as ON_MESSAGE_DELETED, p as ON_MESSAGE_DELETED_BY_REQ_ID, q as SET_EMOJI_CONTAINER, r as ON_REACTION_UPDATED, M as MESSAGE_LIST_PARAMS_CHANGED, s as ON_FILE_INFO_UPLOADED, t as ON_TYPING_STATUS_UPDATED, u as channelActions } from '../chunks/bundle-KmtzKHnJ.js';
-import { c as compareIds } from '../chunks/bundle-DwPw_RW5.js';
-import { P as PREV_RESULT_SIZE, N as NEXT_RESULT_SIZE, u as useInitialMessagesFetch } from '../chunks/bundle-DG8DFRNL.js';
+import { K, e as isSendableMessage, a1 as S, a2 as filterMessageListParams } from '../chunks/bundle-janisM9b.js';
+import { R as RESET_MESSAGES, F as FETCH_INITIAL_MESSAGES_START, a as FETCH_INITIAL_MESSAGES_SUCCESS, c as FETCH_PREV_MESSAGES_SUCCESS, d as FETCH_NEXT_MESSAGES_SUCCESS, b as FETCH_INITIAL_MESSAGES_FAILURE, e as FETCH_PREV_MESSAGES_FAILURE, f as FETCH_NEXT_MESSAGES_FAILURE, S as SEND_MESSAGE_START, g as SEND_MESSAGE_SUCCESS, h as SEND_MESSAGE_FAILURE, i as SET_CURRENT_CHANNEL, j as SET_CHANNEL_INVALID, O as ON_MESSAGE_RECEIVED, k as ON_MESSAGE_UPDATED, l as ON_MESSAGE_THREAD_INFO_UPDATED, m as RESEND_MESSAGE_START, n as MARK_AS_READ, o as ON_MESSAGE_DELETED, p as ON_MESSAGE_DELETED_BY_REQ_ID, q as SET_EMOJI_CONTAINER, r as ON_REACTION_UPDATED, M as MESSAGE_LIST_PARAMS_CHANGED, s as ON_FILE_INFO_UPLOADED, t as ON_TYPING_STATUS_UPDATED, u as channelActions } from '../chunks/bundle-gNs_MAJh.js';
+import { c as compareIds } from '../chunks/bundle-Dk5y6RzJ.js';
+import { P as PREV_RESULT_SIZE, N as NEXT_RESULT_SIZE, u as useInitialMessagesFetch } from '../chunks/bundle-B3xB7_P4.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { u as uuidv4 } from '../chunks/bundle-8J9SSfIS.js';
-import { u as useReconnectOnIdle } from '../chunks/bundle-cgNuve_E.js';
-import { a as SCROLL_BOTTOM_DELAY_FOR_FETCH, b as SCROLL_BOTTOM_DELAY_FOR_SEND, g as VOICE_MESSAGE_FILE_NAME, h as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, i as META_ARRAY_MESSAGE_TYPE_KEY, j as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from '../chunks/bundle-thdxvFU8.js';
-import { p as pubSubTopics, P as PublishingModuleType, b as PUBSUB_TOPICS, s as shouldPubSubPublishToChannel } from '../chunks/bundle-CtgXJZJt.js';
-import { u as useToggleReactionCallback } from '../chunks/bundle-C8XqVZD9.js';
-import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from '../chunks/bundle-B26G55qN.js';
-import { u as useSendMultipleFilesMessage } from '../chunks/bundle-BEbribQZ.js';
+import { u as uuidv4 } from '../chunks/bundle-uIqOEfCa.js';
+import { u as useReconnectOnIdle } from '../chunks/bundle-BYyMnx0z.js';
+import { a as SCROLL_BOTTOM_DELAY_FOR_FETCH, b as SCROLL_BOTTOM_DELAY_FOR_SEND, g as VOICE_MESSAGE_FILE_NAME, h as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, i as META_ARRAY_MESSAGE_TYPE_KEY, j as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from '../chunks/bundle-DhBuJR0w.js';
+import { p as pubSubTopics, P as PublishingModuleType, b as PUBSUB_TOPICS, s as shouldPubSubPublishToChannel } from '../chunks/bundle-CriEArZn.js';
+import { u as useToggleReactionCallback } from '../chunks/bundle-DQZG-uS3.js';
+import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from '../chunks/bundle-BiK_ngKm.js';
+import { u as useSendMultipleFilesMessage } from '../chunks/bundle-sX9kxwmI.js';
 import '../withSendbird.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-DprHnWfH.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 var initialState = {
@@ -336,7 +336,9 @@ function useHandleChannelEvents(_a, _b) {
                         var scrollToEnd = false;
                         try {
                             var current = scrollRef.current;
-                            scrollToEnd = current.offsetHeight + current.scrollTop >= current.scrollHeight - 10;
+                            if (current) {
+                                scrollToEnd = current.offsetHeight + current.scrollTop >= current.scrollHeight - 10;
+                            }
                             // 10 is a buffer
                         }
                         catch (error) {
@@ -465,7 +467,7 @@ function useHandleChannelEvents(_a, _b) {
                 },
                 onUserBanned: function (channel, user) {
                     var _a;
-                    if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+                    if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl) && channel.isGroupChannel()) {
                         logger.info('Channel | useHandleChannelEvents: onUserBanned', { channel: channel, user: user });
                         var isByMe = (user === null || user === void 0 ? void 0 : user.userId) === ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId);
                         messagesDispatcher({
@@ -572,7 +574,7 @@ function useHandleReconnect(_a, _b) {
     var shouldReconnect = useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle).shouldReconnect;
     useEffect(function () {
         return function () {
-            var _a, _b;
+            var _a, _b, _c;
             // state changed from offline to online AND tab is visible
             if (shouldReconnect) {
                 logger.info('Refreshing conversation state');
@@ -591,6 +593,7 @@ function useHandleReconnect(_a, _b) {
                 }
                 if (userFilledMessageListQuery) {
                     Object.keys(userFilledMessageListQuery).forEach(function (key) {
+                        // @ts-ignore
                         messageListParams_1[key] = userFilledMessageListQuery[key];
                     });
                 }
@@ -599,14 +602,14 @@ function useHandleReconnect(_a, _b) {
                     type: FETCH_INITIAL_MESSAGES_START,
                     payload: null,
                 });
-                (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.getChannel(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url).then(function (groupChannel) {
+                (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.getChannel((_c = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) !== null && _c !== void 0 ? _c : '').then(function (groupChannel) {
                     var lastMessageTime = new Date().getTime();
                     groupChannel.getMessagesByTimestamp(lastMessageTime, messageListParams_1)
                         .then(function (messages) {
                         messagesDispatcher({
                             type: FETCH_INITIAL_MESSAGES_SUCCESS,
                             payload: {
-                                currentGroupChannel: currentGroupChannel,
+                                currentGroupChannel: groupChannel,
                                 messages: messages,
                             },
                         });
@@ -616,11 +619,11 @@ function useHandleReconnect(_a, _b) {
                         logger.error('Channel: Fetching messages failed', error);
                         messagesDispatcher({
                             type: FETCH_INITIAL_MESSAGES_FAILURE,
-                            payload: { currentGroupChannel: currentGroupChannel },
+                            payload: { currentGroupChannel: groupChannel },
                         });
                     });
                     if (!disableMarkAsRead) {
-                        markAsReadScheduler.push(currentGroupChannel);
+                        markAsReadScheduler.push(groupChannel);
                     }
                 });
             }
@@ -649,6 +652,7 @@ function useScrollCallback(_a, _b) {
         }
         if (userFilledMessageListQuery) {
             Object.keys(userFilledMessageListQuery).forEach(function (key) {
+                // @ts-ignore
                 messageListParams[key] = userFilledMessageListQuery[key];
             });
         }
@@ -656,17 +660,14 @@ function useScrollCallback(_a, _b) {
             currentGroupChannel: currentGroupChannel,
             userFilledMessageListQuery: userFilledMessageListQuery,
         });
-        currentGroupChannel
-            .getMessagesByTimestamp(oldestMessageTimeStamp || new Date().getTime(), messageListParams)
-            .then(function (messages) {
+        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.getMessagesByTimestamp(oldestMessageTimeStamp || new Date().getTime(), messageListParams).then(function (messages) {
             messagesDispatcher({
                 type: FETCH_PREV_MESSAGES_SUCCESS,
                 payload: { currentGroupChannel: currentGroupChannel, messages: messages },
             });
             if (callback)
                 setTimeout(function () { return callback(); });
-        })
-            .catch(function () {
+        }).catch(function () {
             messagesDispatcher({
                 type: FETCH_PREV_MESSAGES_FAILURE,
                 payload: { currentGroupChannel: currentGroupChannel },
@@ -697,20 +698,18 @@ function useScrollDownCallback(_a, _b) {
         }
         if (userFilledMessageListQuery) {
             Object.keys(userFilledMessageListQuery).forEach(function (key) {
+                // @ts-ignore
                 messageListParams[key] = userFilledMessageListQuery[key];
             });
         }
         logger.info('Channel: Fetching later messages', { currentGroupChannel: currentGroupChannel, userFilledMessageListQuery: userFilledMessageListQuery });
-        currentGroupChannel
-            .getMessagesByTimestamp(latestMessageTimeStamp || new Date().getTime(), messageListParams)
-            .then(function (messages) {
+        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.getMessagesByTimestamp(latestMessageTimeStamp || new Date().getTime(), messageListParams).then(function (messages) {
             messagesDispatcher({
                 type: FETCH_NEXT_MESSAGES_SUCCESS,
                 payload: { currentGroupChannel: currentGroupChannel, messages: messages },
             });
             setTimeout(function () { return cb([messages, null]); });
-        })
-            .catch(function (error) {
+        }).catch(function (error) {
             logger.error('Channel: Fetching later messages failed', error);
             messagesDispatcher({
                 type: FETCH_NEXT_MESSAGES_FAILURE,
@@ -740,17 +739,14 @@ function useDeleteMessageCallback(_a, _b) {
             }
             else {
                 logger.info('Channel | useDeleteMessageCallback: Deleting message from remote:', sendingStatus);
-                currentGroupChannel
-                    .deleteMessage(message)
-                    .then(function () {
+                currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.deleteMessage(message).then(function () {
                     logger.info('Channel | useDeleteMessageCallback: Deleting message success!', message);
                     messagesDispatcher({
                         type: ON_MESSAGE_DELETED,
                         payload: message.messageId,
                     });
                     resolve();
-                })
-                    .catch(function (err) {
+                }).catch(function (err) {
                     logger.warning('Channel | useDeleteMessageCallback: Deleting message failed!', err);
                     reject(err);
                 });
@@ -768,7 +764,7 @@ function useUpdateMessageCallback(_a, _b) {
             var params = {
                 message: message,
             };
-            if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
+            if (isMentionEnabled && mentionedUsers && mentionedUsers.length > 0) {
                 params.mentionedUsers = mentionedUsers;
             }
             if (isMentionEnabled && mentionTemplate) {
@@ -785,9 +781,7 @@ function useUpdateMessageCallback(_a, _b) {
         }
         var params = shouldCreateCustomParams ? onBeforeUpdateUserMessage(message) : createParamsDefault(message);
         logger.info('Channel: Updating message!', params);
-        currentGroupChannel
-            .updateUserMessage(messageId, params)
-            .then(function (msg) {
+        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.updateUserMessage(messageId, params).then(function (msg) {
             if (callback) {
                 callback(null, msg);
             }
@@ -804,8 +798,7 @@ function useUpdateMessageCallback(_a, _b) {
                 channel: currentGroupChannel,
                 publishingModules: [PublishingModuleType.CHANNEL],
             });
-        })
-            .catch(function (err) {
+        }).catch(function (err) {
             if (callback) {
                 callback(err, null);
             }
@@ -821,23 +814,19 @@ function useResendMessageCallback(_a, _b) {
         if (failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isResendable) {
             // userMessage
             if (failedMessage.isUserMessage()) {
-                currentGroupChannel
-                    .resendMessage(failedMessage)
-                    .onPending(function (message) {
+                currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.resendMessage(failedMessage).onPending(function (message) {
                     logger.info('Channel: Resending message start!', message);
                     messagesDispatcher({
                         type: RESEND_MESSAGE_START,
                         payload: message,
                     });
-                })
-                    .onSucceeded(function (message) {
+                }).onSucceeded(function (message) {
                     logger.info('Channel: Resending message success!', message);
                     messagesDispatcher({
                         type: SEND_MESSAGE_SUCCESS,
                         payload: message,
                     });
-                })
-                    .onFailed(function (e, message) {
+                }).onFailed(function (e, message) {
                     logger.warning('Channel: Resending message failed!', e);
                     messagesDispatcher({
                         type: SEND_MESSAGE_FAILURE,
@@ -846,23 +835,19 @@ function useResendMessageCallback(_a, _b) {
                 });
             }
             else if (failedMessage.isFileMessage()) {
-                currentGroupChannel
-                    .resendMessage(failedMessage)
-                    .onPending(function (message) {
+                currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.resendMessage(failedMessage).onPending(function (message) {
                     logger.info('Channel: Resending file message start!', message);
                     messagesDispatcher({
                         type: RESEND_MESSAGE_START,
                         payload: message,
                     });
-                })
-                    .onSucceeded(function (message) {
+                }).onSucceeded(function (message) {
                     logger.info('Channel: Resending file message success!', message);
                     messagesDispatcher({
                         type: SEND_MESSAGE_SUCCESS,
                         payload: message,
                     });
-                })
-                    .onFailed(function (e, message) {
+                }).onFailed(function (e, message) {
                     logger.warning('Channel: Resending file message failed!', e);
                     messagesDispatcher({
                         type: SEND_MESSAGE_FAILURE,
@@ -871,16 +856,14 @@ function useResendMessageCallback(_a, _b) {
                 });
             }
             else if (failedMessage.isMultipleFilesMessage()) {
-                currentGroupChannel
-                    .resendMessage(failedMessage)
-                    .onPending(function (message) {
+                currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.resendMessage(failedMessage).onPending(function (message) {
                     logger.info('Channel: Resending multiple files message start!', message);
                     messagesDispatcher({
                         type: RESEND_MESSAGE_START,
                         payload: message,
                     });
-                })
-                    .onFileUploaded(function (requestId, index, uploadableFileInfo, error) {
+                }).onFileUploaded(function (requestId, index, uploadableFileInfo, error) {
+                    var _a;
                     logger.info('Channel: Resending multiple files message file uploaded!', {
                         requestId: requestId,
                         index: index,
@@ -889,7 +872,7 @@ function useResendMessageCallback(_a, _b) {
                     });
                     pubSub.publish(pubSubTopics.ON_FILE_INFO_UPLOADED, {
                         response: {
-                            channelUrl: currentGroupChannel.url,
+                            channelUrl: (_a = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) !== null && _a !== void 0 ? _a : '',
                             requestId: requestId,
                             index: index,
                             uploadableFileInfo: uploadableFileInfo,
@@ -897,15 +880,13 @@ function useResendMessageCallback(_a, _b) {
                         },
                         publishingModules: [PublishingModuleType.CHANNEL],
                     });
-                })
-                    .onSucceeded(function (message) {
+                }).onSucceeded(function (message) {
                     logger.info('Channel: Resending multiple files message success!', message);
                     messagesDispatcher({
                         type: SEND_MESSAGE_SUCCESS,
                         payload: message,
                     });
-                })
-                    .onFailed(function (e, message) {
+                }).onFailed(function (e, message) {
                     logger.warning('Channel: Resending multiple files message failed!', e);
                     messagesDispatcher({
                         type: SEND_MESSAGE_FAILURE,
@@ -933,12 +914,12 @@ function useSendMessageCallback(_a, _b) {
                 message: message,
             };
             // if (isMentionEnabled && mentionedUserIds?.length > 0) {
-            if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
+            if (isMentionEnabled && mentionedUsers && mentionedUsers.length > 0) {
                 // params.mentionedUserIds = mentionedUserIds;
                 params.mentionedUsers = mentionedUsers;
             }
             // if (isMentionEnabled && mentionTemplate && mentionedUserIds?.length > 0) {
-            if (isMentionEnabled && mentionTemplate && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
+            if (isMentionEnabled && mentionTemplate && mentionedUsers && mentionedUsers.length > 0) {
                 params.mentionedMessageTemplate = mentionTemplate;
             }
             if (quoteMessage) {
@@ -953,9 +934,7 @@ function useSendMessageCallback(_a, _b) {
         }
         var params = shouldCreateCustomParams ? onBeforeSendUserMessage(message, quoteMessage) : createParamsDefault();
         logger.info('Channel: Sending message has started', params);
-        currentGroupChannel
-            .sendUserMessage(params)
-            .onPending(function (pendingMsg) {
+        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.sendUserMessage(params).onPending(function (pendingMsg) {
             pubSub.publish(pubSubTopics.SEND_MESSAGE_START, {
                 /* pubSub is used instead of messagesDispatcher
                   to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
@@ -964,15 +943,13 @@ function useSendMessageCallback(_a, _b) {
                 publishingModules: [PublishingModuleType.CHANNEL],
             });
             setTimeout(function () { return scrollIntoLast(0, scrollRef); }, SCROLL_BOTTOM_DELAY_FOR_SEND);
-        })
-            .onFailed(function (err, msg) {
+        }).onFailed(function (err, msg) {
             logger.warning('Channel: Sending message failed!', { message: msg, error: err });
             messagesDispatcher({
                 type: SEND_MESSAGE_FAILURE,
                 payload: msg,
             });
-        })
-            .onSucceeded(function (msg) {
+        }).onSucceeded(function (msg) {
             logger.info('Channel: Sending message success!', msg);
             messagesDispatcher({
                 type: SEND_MESSAGE_SUCCESS,
@@ -986,59 +963,52 @@ function useSendMessageCallback(_a, _b) {
 function useSendFileMessageCallback(_a, _b) {
     var currentGroupChannel = _a.currentGroupChannel, onBeforeSendFileMessage = _a.onBeforeSendFileMessage, imageCompression = _a.imageCompression;
     var logger = _b.logger, pubSub = _b.pubSub, scrollRef = _b.scrollRef, messagesDispatcher = _b.messagesDispatcher;
-    var sendMessage = useCallback(function (compressedFile, quoteMessage) {
-        if (quoteMessage === void 0) { quoteMessage = null; }
-        return new Promise(function (resolve, reject) {
-            // Create FileMessageParams
-            var params = onBeforeSendFileMessage === null || onBeforeSendFileMessage === void 0 ? void 0 : onBeforeSendFileMessage(compressedFile, quoteMessage);
-            if (!params) {
-                params = { file: compressedFile };
-                if (quoteMessage) {
-                    params.isReplyToChannel = true;
-                    params.parentMessageId = quoteMessage.messageId;
-                }
+    var sendMessage = useCallback(function (compressedFile, quoteMessage) { return new Promise(function (resolve, reject) {
+        // Create FileMessageParams
+        var params = onBeforeSendFileMessage === null || onBeforeSendFileMessage === void 0 ? void 0 : onBeforeSendFileMessage(compressedFile, quoteMessage);
+        if (!params) {
+            params = { file: compressedFile };
+            if (quoteMessage) {
+                params.isReplyToChannel = true;
+                params.parentMessageId = quoteMessage.messageId;
             }
-            // Send FileMessage
-            logger.info('Channel: Uploading file message start!', params);
-            currentGroupChannel
-                .sendFileMessage(params)
-                .onPending(function (pendingMessage) {
-                pubSub.publish(pubSubTopics.SEND_MESSAGE_START, {
-                    /* pubSub is used instead of messagesDispatcher
-                      to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
-                    // TODO: remove data pollution
-                    message: __assign(__assign({}, pendingMessage), { url: URL.createObjectURL(compressedFile), 
-                        // pending thumbnail message seems to be failed
-                        requestState: 'pending', isUserMessage: pendingMessage.isUserMessage, isFileMessage: pendingMessage.isFileMessage, isAdminMessage: pendingMessage.isAdminMessage, isMultipleFilesMessage: pendingMessage.isMultipleFilesMessage }),
-                    channel: currentGroupChannel,
-                    publishingModules: [PublishingModuleType.CHANNEL],
-                });
-                setTimeout(function () { return scrollIntoLast(0, scrollRef); }, SCROLL_BOTTOM_DELAY_FOR_SEND);
-            })
-                .onFailed(function (err, failedMessage) {
-                logger.error('Channel: Sending file message failed!', { failedMessage: failedMessage, err: err });
-                // TODO: v4 - remove logic that modifies the original object.
-                //  It makes the code difficult to track, likely causing unpredictable side effects.
-                // @ts-ignore eslint-disable-next-line no-param-reassign
-                failedMessage.localUrl = URL.createObjectURL(compressedFile);
-                // @ts-ignore eslint-disable-next-line no-param-reassign
-                failedMessage.file = compressedFile;
-                messagesDispatcher({
-                    type: SEND_MESSAGE_FAILURE,
-                    payload: failedMessage,
-                });
-                reject(err);
-            })
-                .onSucceeded(function (succeededMessage) {
-                logger.info('Channel: Sending file message success!', succeededMessage);
-                messagesDispatcher({
-                    type: SEND_MESSAGE_SUCCESS,
-                    payload: succeededMessage,
-                });
-                resolve(succeededMessage);
+        }
+        // Send FileMessage
+        logger.info('Channel: Uploading file message start!', params);
+        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.sendFileMessage(params).onPending(function (pendingMessage) {
+            pubSub.publish(pubSubTopics.SEND_MESSAGE_START, {
+                /* pubSub is used instead of messagesDispatcher
+                  to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
+                // TODO: remove data pollution
+                message: __assign(__assign({}, pendingMessage), { url: URL.createObjectURL(compressedFile), 
+                    // pending thumbnail message seems to be failed
+                    requestState: 'pending', isUserMessage: pendingMessage.isUserMessage, isFileMessage: pendingMessage.isFileMessage, isAdminMessage: pendingMessage.isAdminMessage, isMultipleFilesMessage: pendingMessage.isMultipleFilesMessage }),
+                channel: currentGroupChannel,
+                publishingModules: [PublishingModuleType.CHANNEL],
             });
+            setTimeout(function () { return scrollIntoLast(0, scrollRef); }, SCROLL_BOTTOM_DELAY_FOR_SEND);
+        }).onFailed(function (err, failedMessage) {
+            logger.error('Channel: Sending file message failed!', { failedMessage: failedMessage, err: err });
+            // TODO: v4 - remove logic that modifies the original object.
+            //  It makes the code difficult to track, likely causing unpredictable side effects.
+            // @ts-ignore eslint-disable-next-line no-param-reassign
+            failedMessage.localUrl = URL.createObjectURL(compressedFile);
+            // @ts-ignore eslint-disable-next-line no-param-reassign
+            failedMessage.file = compressedFile;
+            messagesDispatcher({
+                type: SEND_MESSAGE_FAILURE,
+                payload: failedMessage,
+            });
+            reject(err);
+        }).onSucceeded(function (succeededMessage) {
+            logger.info('Channel: Sending file message success!', succeededMessage);
+            messagesDispatcher({
+                type: SEND_MESSAGE_SUCCESS,
+                payload: succeededMessage,
+            });
+            resolve(succeededMessage);
         });
-    }, [currentGroupChannel, onBeforeSendFileMessage, imageCompression]);
+    }); }, [currentGroupChannel, onBeforeSendFileMessage, imageCompression]);
     return [sendMessage];
 }
 
@@ -1100,8 +1070,7 @@ var useSendVoiceMessageCallback = function (_a, _b) {
         if (!currentGroupChannel) {
             return;
         }
-        var messageParams = (onBeforeSendVoiceMessage
-            && typeof onBeforeSendVoiceMessage === 'function')
+        var messageParams = (onBeforeSendVoiceMessage && typeof onBeforeSendVoiceMessage === 'function')
             ? onBeforeSendVoiceMessage(file, quoteMessage)
             : {
                 file: file,
@@ -1244,7 +1213,7 @@ var useHandleChannelPubsubEvents = function (_a) {
     ]);
 };
 
-var ChannelContext = React__default.createContext(undefined);
+var ChannelContext = React__default.createContext(null);
 var ChannelProvider = function (props) {
     var _a, _b, _c, _d, _e, _f, _g;
     var channelUrl = props.channelUrl, children = props.children, isReactionEnabled = props.isReactionEnabled, _h = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _h === void 0 ? true : _h, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, showSearchIcon = props.showSearchIcon, animatedMessage = props.animatedMessage, highlightedMessage = props.highlightedMessage, startingPoint = props.startingPoint, onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeUpdateUserMessage = props.onBeforeUpdateUserMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, onChatHeaderActionClick = props.onChatHeaderActionClick, onSearchClick = props.onSearchClick, onBackClick = props.onBackClick, threadReplySelectType = props.threadReplySelectType, queries = props.queries, filterMessageList = props.filterMessageList, _j = props.disableMarkAsRead, disableMarkAsRead = _j === void 0 ? false : _j, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageAnimated = props.onMessageAnimated, onMessageHighlighted = props.onMessageHighlighted, _k = props.scrollBehavior, scrollBehavior = _k === void 0 ? 'auto' : _k, _l = props.reconnectOnIdle, reconnectOnIdle = _l === void 0 ? true : _l;
@@ -1488,7 +1457,12 @@ var ChannelProvider = function (props) {
         } },
         React__default.createElement(UserProfileProvider, { disableUserProfile: (_g = props === null || props === void 0 ? void 0 : props.disableUserProfile) !== null && _g !== void 0 ? _g : !config.common.enableUsingDefaultUserProfile, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, onUserProfileMessage: onUserProfileMessage }, children)));
 };
-var useChannelContext = function () { return React__default.useContext(ChannelContext); };
+var useChannelContext = function () {
+    var context = React__default.useContext(ChannelContext);
+    if (!context)
+        throw new Error('ChannelContext not found. Use within the Channel module.');
+    return context;
+};
 
 export { ChannelProvider, useChannelContext };
 //# sourceMappingURL=context.js.map

package/Channel/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/Channel/hooks/useHandleUploadFiles.js

@@ -1,31 +1,31 @@
-import { a as __awaiter, b as __generator } from '../../chunks/bundle-CDy_GVNR.js';
+import { a as __awaiter, b as __generator } from '../../chunks/bundle-DKkCwVCs.js';
 import React__default, { useCallback } from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { k as isImage } from '../../chunks/bundle-BH5EGLxi.js';
-import { b as useGlobalModalContext, c as ModalFooter } from '../../chunks/bundle-DiVyB2HD.js';
-import '../../chunks/bundle-q3jyuKU7.js';
+import { k as isImage } from '../../chunks/bundle-janisM9b.js';
+import { b as useGlobalModalContext, c as ModalFooter } from '../../chunks/bundle-CGmq3qGM.js';
+import '../../chunks/bundle-prXB4t_m.js';
 import { ButtonTypes } from '../../ui/Button.js';
-import { u as useLocalization } from '../../chunks/bundle-CAdxJnio.js';
-import { c as compressImages } from '../../chunks/bundle-DwvN2wPi.js';
-import { O as ONE_MiB } from '../../chunks/bundle-thdxvFU8.js';
+import { u as useLocalization } from '../../chunks/bundle-nfJ9J5Md.js';
+import { c as compressImages } from '../../chunks/bundle-DYtgOX1c.js';
+import { O as ONE_MiB } from '../../chunks/bundle-DhBuJR0w.js';
 import '../../withSendbird.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
+import '../../chunks/bundle-Dw9nwO7e.js';
 import 'react-dom';
-import '../../chunks/bundle-Cj-w5I5i.js';
+import '../../chunks/bundle-3Mubyujl.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-8J9SSfIS.js';
+import '../../chunks/bundle-uIqOEfCa.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
-import '../../chunks/bundle-BQPvwBK8.js';
+import '../../chunks/bundle-BMQLJ23N.js';
+import '../../chunks/bundle-DwJ8HgZK.js';
+import '../../chunks/bundle-Ce-B4ROs.js';
+import '../../chunks/bundle-DprHnWfH.js';
+import '../../chunks/bundle-Bmk2FVdj.js';
 
 var useHandleUploadFiles = function (_a, _b) {
     var sendFileMessage = _a.sendFileMessage, sendMultipleFilesMessage = _a.sendMultipleFilesMessage, quoteMessage = _a.quoteMessage;

package/Channel/hooks/useInitialMessagesFetch.js

@@ -1,9 +1,9 @@
 import 'react';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-CDMcNani.js';
-import '../../chunks/bundle-KmtzKHnJ.js';
-export { u as default } from '../../chunks/bundle-DG8DFRNL.js';
-import '../../chunks/bundle-thdxvFU8.js';
-import '../../chunks/bundle-CDy_GVNR.js';
-import '../../chunks/bundle-DudTIr4X.js';
+import '../../chunks/bundle-B9ue8vfn.js';
+import '../../chunks/bundle-gNs_MAJh.js';
+export { u as default } from '../../chunks/bundle-B3xB7_P4.js';
+import '../../chunks/bundle-DhBuJR0w.js';
+import '../../chunks/bundle-DKkCwVCs.js';
+import '../../chunks/bundle-COYqO05C.js';
 //# sourceMappingURL=useInitialMessagesFetch.js.map

package/Channel/utils/compareMessagesForGrouping.js

@@ -1,7 +1,7 @@
-import { f as format } from '../../chunks/bundle-DQ3tLeW9.js';
-import { a as isReadMessage } from '../../chunks/bundle-BH5EGLxi.js';
-import '../../chunks/bundle-9Pg6kODx.js';
-import '../../chunks/bundle-CDy_GVNR.js';
+import { f as format } from '../../chunks/bundle-t4qeDosj.js';
+import { a as isReadMessage } from '../../chunks/bundle-janisM9b.js';
+import '../../chunks/bundle-DprHnWfH.js';
+import '../../chunks/bundle-DKkCwVCs.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';