@sendbird/uikit-react 3.10.0 → 3.10.2-alpha.0

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,25 +1,26 @@
-import { b as __awaiter, c as __generator } from '../../chunks/bundle-Dv_OpODB.js';
+import { b as __awaiter, c as __generator } from '../../chunks/bundle-BA7tv0JB.js';
 import React__default, { useCallback } from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { c as isImage } from '../../chunks/bundle-aD4V4aI8.js';
+import { u as isImage } from '../../chunks/bundle-N9hMnIRl.js';
 import { useGlobalModalContext } from '../../hooks/useModal.js';
-import '../../chunks/bundle-cYhstyoi.js';
+import '../../chunks/bundle-I8JFwttJ.js';
 import { ButtonTypes } from '../../ui/Button.js';
-import { u as useLocalization } from '../../chunks/bundle-AilPIINY.js';
-import { c as ModalFooter } from '../../chunks/bundle-4vHal8Yn.js';
-import { c as compressImages } from '../../chunks/bundle-EeL8s1uR.js';
-import { O as ONE_MiB } from '../../chunks/bundle-QjcHKpDK.js';
+import { u as useLocalization } from '../../chunks/bundle-BBjosDA0.js';
+import { c as ModalFooter } from '../../chunks/bundle-cvTUkQV_.js';
+import { c as compressImages } from '../../chunks/bundle-8JX3bIpj.js';
+import { O as ONE_MiB } from '../../chunks/bundle-MBrlu_LK.js';
 import '../../withSendbird.js';
+import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-rQ1k1Cpu.js';
-import '../../chunks/bundle-kHH52OEM.js';
+import '../../chunks/bundle-aKXnhi3A.js';
+import '../../chunks/bundle-cA_r9HRx.js';
 import 'react-dom';
-import '../../chunks/bundle-P_LfQm7L.js';
-import '../../chunks/bundle-26VX7FQg.js';
-import '../../chunks/bundle-Uw736N77.js';
+import '../../chunks/bundle-jy6_UG14.js';
+import '../../chunks/bundle-ULVw0l0r.js';
+import '../../chunks/bundle-r9j_eCHc.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-s5uFV3hh.js';
+import '../../chunks/bundle-jDjj3eHU.js';
 
 var useHandleUploadFiles = function (_a, _b) {
     var sendFileMessage = _a.sendFileMessage, sendMultipleFilesMessage = _a.sendMultipleFilesMessage, quoteMessage = _a.quoteMessage;

package/Channel/hooks/useHandleUploadFiles.js.map

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

package/Channel/hooks/useInitialMessagesFetch.js

@@ -1,14 +1,13 @@
 import { useCallback, useEffect } from 'react';
 import { ReplyType } from '@sendbird/chat/message';
-import { s as scrollIntoLast, a as scrollToRenderedMessage } from '../../chunks/bundle-KpJtSqe-.js';
-import { R as RESET_MESSAGES, M as MESSAGE_LIST_PARAMS_CHANGED, F as FETCH_INITIAL_MESSAGES_START, a as FETCH_INITIAL_MESSAGES_SUCCESS, b as FETCH_INITIAL_MESSAGES_FAILURE } from '../../chunks/bundle-ej1sc1yZ.js';
-import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from '../../chunks/bundle-zx8iuoIh.js';
-import { b as isMultipleFilesMessage } from '../../chunks/bundle-aD4V4aI8.js';
-import '../../chunks/bundle-Dv_OpODB.js';
-import '../../chunks/bundle-gzQGUVJt.js';
-import '../../chunks/bundle-26VX7FQg.js';
+import { s as scrollIntoLast, a as scrollToRenderedMessage } from '../../chunks/bundle-d5KevIXI.js';
+import { R as RESET_MESSAGES, M as MESSAGE_LIST_PARAMS_CHANGED, F as FETCH_INITIAL_MESSAGES_START, a as FETCH_INITIAL_MESSAGES_SUCCESS, b as FETCH_INITIAL_MESSAGES_FAILURE } from '../../chunks/bundle-_cXVZn5n.js';
+import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from '../../chunks/bundle-poK2Vr1v.js';
+import { a as isMultipleFilesMessage } from '../../chunks/bundle-N9hMnIRl.js';
+import '../../chunks/bundle-BA7tv0JB.js';
+import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-rQ1k1Cpu.js';
+import '../../chunks/bundle-aKXnhi3A.js';
 
 function useInitialMessagesFetch(_a, _b) {
     var currentGroupChannel = _a.currentGroupChannel, initialTimeStamp = _a.initialTimeStamp, userFilledMessageListQuery = _a.userFilledMessageListQuery, replyType = _a.replyType, setIsScrolled = _a.setIsScrolled;

package/Channel/hooks/useInitialMessagesFetch.js.map

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

package/Channel/utils/compareMessagesForGrouping.js

@@ -1,16 +1,22 @@
-import { d as isSameGroup } from '../../chunks/bundle-KpJtSqe-.js';
-import '../../chunks/bundle-Dv_OpODB.js';
-import '../../chunks/bundle-gzQGUVJt.js';
-import '../../chunks/bundle-26VX7FQg.js';
-import '../../chunks/bundle-aD4V4aI8.js';
+import { f as format } from '../../chunks/bundle-hDx2-CRe.js';
+import { b as isReadMessage } from '../../chunks/bundle-N9hMnIRl.js';
+import '../../chunks/bundle-ULVw0l0r.js';
+import '../../chunks/bundle-BA7tv0JB.js';
+import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-rQ1k1Cpu.js';
-import '@sendbird/chat/message';
+import '../../chunks/bundle-aKXnhi3A.js';
 
 /**
  * exported, should be backward compatible
+ * @returns [chainTop: `boolean`, chainBottom: `boolean`]
  */
 var compareMessagesForGrouping = function (prevMessage, currMessage, nextMessage, currentChannel, replyType) {
+    if (!currentChannel || currentChannel.channelType !== 'group') {
+        return [
+            isSameGroup(prevMessage, currMessage),
+            isSameGroup(currMessage, nextMessage),
+        ];
+    }
     if (replyType === 'THREAD' && (currMessage === null || currMessage === void 0 ? void 0 : currMessage.threadInfo)) {
         return [false, false];
     }
@@ -20,7 +26,33 @@ var compareMessagesForGrouping = function (prevMessage, currMessage, nextMessage
         isSameGroup(prevMessage, currMessage, currentChannel) && isAcceptable,
         isSameGroup(currMessage, nextMessage, currentChannel) && isAcceptable,
     ];
+};
+var getMessageCreatedAt = function (message) { return format(message.createdAt, 'p'); };
+var isSameGroup = function (message, comparingMessage, currentChannel) {
+    var _a, _b;
+    if (!(message
+        && comparingMessage
+        && message.messageType
+        && message.messageType !== 'admin'
+        && comparingMessage.messageType
+        && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.messageType) !== 'admin'
+        && 'sender' in message
+        && 'sender' in comparingMessage
+        && message.createdAt
+        && comparingMessage.createdAt
+        && message.sender.userId
+        && comparingMessage.sender.userId)) {
+        return false;
+    }
+    return ((message === null || message === void 0 ? void 0 : message.sendingStatus) === (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sendingStatus)
+        && ((_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)
+        && getMessageCreatedAt(message) === getMessageCreatedAt(comparingMessage)) && (currentChannel ? isReadMessage(currentChannel, message) === isReadMessage(currentChannel, comparingMessage) : true);
+};
+var messages = {
+    compareMessagesForGrouping: compareMessagesForGrouping,
+    getMessageCreatedAt: getMessageCreatedAt,
+    isSameGroup: isSameGroup,
 };
 
-export { compareMessagesForGrouping };
+export { compareMessagesForGrouping, messages as default, getMessageCreatedAt, isSameGroup };
 //# sourceMappingURL=compareMessagesForGrouping.js.map

package/Channel/utils/compareMessagesForGrouping.js.map

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

package/Channel/utils/getMessagePartsInfo.js

@@ -1,13 +1,12 @@
-import { i as isSameDay } from '../../chunks/bundle-6LRbbWyh.js';
+import { i as isSameDay } from '../../chunks/bundle-nD2ZWBq4.js';
 import { compareMessagesForGrouping } from './compareMessagesForGrouping.js';
-import '../../chunks/bundle-gzQGUVJt.js';
-import '../../chunks/bundle-26VX7FQg.js';
-import '../../chunks/bundle-KpJtSqe-.js';
-import '../../chunks/bundle-Dv_OpODB.js';
-import '../../chunks/bundle-aD4V4aI8.js';
+import '../../chunks/bundle-hDx2-CRe.js';
+import '../../chunks/bundle-ULVw0l0r.js';
+import '../../chunks/bundle-N9hMnIRl.js';
+import '../../chunks/bundle-BA7tv0JB.js';
+import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-rQ1k1Cpu.js';
-import '@sendbird/chat/message';
+import '../../chunks/bundle-aKXnhi3A.js';
 
 /**
  * exported, should be backward compatible
@@ -21,8 +20,10 @@ var getMessagePartsInfo = function (_a) {
         : [false, false], chainTop = _h[0], chainBottom = _h[1];
     var previousMessageCreatedAt = previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.createdAt;
     var currentCreatedAt = currentMessage.createdAt;
+    // NOTE: for pending/failed messages
+    var isLocalMessage = 'sendingStatus' in currentMessage && (currentMessage.sendingStatus !== 'succeeded');
     // https://stackoverflow.com/a/41855608
-    var hasSeparator = !(previousMessageCreatedAt && (isSameDay(currentCreatedAt, previousMessageCreatedAt)));
+    var hasSeparator = isLocalMessage ? false : !(previousMessageCreatedAt && (isSameDay(currentCreatedAt, previousMessageCreatedAt)));
     return {
         chainTop: chainTop,
         chainBottom: chainBottom,

package/Channel/utils/getMessagePartsInfo.js.map

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

package/Channel.js

@@ -1,78 +1,84 @@
+import { _ as __assign } from './chunks/bundle-BA7tv0JB.js';
 import React__default from 'react';
-import { C as ChannelProvider } from './chunks/bundle-QSb_mwts.js';
-import ChannelUI from './Channel/components/ChannelUI.js';
-import './chunks/bundle-8XAFqDsw.js';
+import { ChannelProvider } from './Channel/context.js';
+import { C as ChannelUI } from './chunks/bundle-GnFOVDL2.js';
+import './chunks/bundle-vOT5acXc.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-Dv_OpODB.js';
-import './chunks/bundle-zx8iuoIh.js';
-import './chunks/bundle-KpJtSqe-.js';
-import './chunks/bundle-gzQGUVJt.js';
-import './chunks/bundle-26VX7FQg.js';
-import './chunks/bundle-aD4V4aI8.js';
-import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-rQ1k1Cpu.js';
+import './chunks/bundle-poK2Vr1v.js';
+import './chunks/bundle-d5KevIXI.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-ej1sc1yZ.js';
-import './chunks/bundle-1pnUZsGs.js';
+import './chunks/bundle-NjNqsDXb.js';
+import './chunks/bundle-hDx2-CRe.js';
+import './chunks/bundle-ULVw0l0r.js';
+import './chunks/bundle-aKXnhi3A.js';
+import './chunks/bundle-_cXVZn5n.js';
+import './chunks/bundle-NwZvowyL.js';
+import './chunks/bundle-N9hMnIRl.js';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-mccz6DbW.js';
+import './utils/message/getOutgoingMessageState.js';
+import './chunks/bundle-YoWLsJ0C.js';
 import './Channel/hooks/useInitialMessagesFetch.js';
-import './chunks/bundle-tD8xAWw2.js';
-import './chunks/bundle-QjcHKpDK.js';
-import './chunks/bundle-QGpFq71p.js';
-import './chunks/bundle-Abz9zH51.js';
-import './ui/PlaceHolder.js';
-import './chunks/bundle-AilPIINY.js';
-import './chunks/bundle-P_LfQm7L.js';
-import './ui/Icon.js';
-import './chunks/bundle-kHH52OEM.js';
-import './chunks/bundle-cYhstyoi.js';
-import './ui/Loader.js';
-import './ui/ConnectionStatus.js';
-import './Channel/components/ChannelHeader.js';
-import './chunks/bundle-Kt1S-50v.js';
+import './chunks/bundle-D1V3P366.js';
+import './chunks/bundle-nlOgiAcu.js';
+import './chunks/bundle-Q8kUKu5l.js';
+import './chunks/bundle-MBrlu_LK.js';
+import './chunks/bundle-ZOCAUrJO.js';
+import './chunks/bundle-laVKAiJ-.js';
+import './chunks/bundle-3GWXgoxj.js';
 import './ui/IconButton.js';
+import './ui/Icon.js';
+import './chunks/bundle-cA_r9HRx.js';
+import './chunks/bundle-I8JFwttJ.js';
+import './chunks/bundle-jy6_UG14.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-HVtbYmj3.js';
+import './chunks/bundle-Qufz6_i_.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-s5uFV3hh.js';
-import './chunks/bundle-8tjyQiRi.js';
-import './chunks/bundle-Uw736N77.js';
-import './chunks/bundle-oW5LS1AU.js';
-import './Channel/components/Message.js';
-import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-84jQZIDS.js';
-import './Thread/context.js';
-import './Thread/context/types.js';
-import '@sendbird/chat';
+import './chunks/bundle-jDjj3eHU.js';
+import './chunks/bundle-F6-2aFsp.js';
+import './chunks/bundle-0J_EdUWI.js';
+import './chunks/bundle-r9j_eCHc.js';
+import './chunks/bundle-BBjosDA0.js';
+import './chunks/bundle-zKBdD-J6.js';
+import '@sendbird/uikit-tools';
+import './chunks/bundle-tPCzzoc1.js';
+import './chunks/bundle-GJ-4hPvC.js';
+import './chunks/bundle-BVtLlpwZ.js';
+import './chunks/bundle-v3WxYU8s.js';
+import './chunks/bundle-1zn-WT_r.js';
+import './ui/PlaceHolder.js';
+import './ui/Loader.js';
+import './chunks/bundle-beMggMMW.js';
+import './chunks/bundle-Xytq6xaz.js';
+import './chunks/bundle-GGE6HRof.js';
+import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-y_DSrC-A.js';
+import './chunks/bundle-LWD0OLz8.js';
 import './ui/MessageInput.js';
 import './ui/Button.js';
-import './chunks/bundle-tZrqMc_G.js';
+import './chunks/bundle-62ej9afV.js';
 import 'dompurify';
-import './chunks/bundle-imm3o8vY.js';
-import './chunks/bundle-X2Sm7pn5.js';
-import './chunks/bundle-hpM7HwDV.js';
-import './chunks/bundle-ZExhHi47.js';
+import './chunks/bundle-zV8TJWvL.js';
+import './chunks/bundle-4GPpeoNf.js';
+import './chunks/bundle-iwZaUd9o.js';
+import './chunks/bundle-IRlSmJVg.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-fDGhJhA3.js';
-import './chunks/bundle-cN2gAFB_.js';
-import './chunks/bundle-6LRbbWyh.js';
+import './chunks/bundle-J3DrW9X2.js';
+import './chunks/bundle-lUrIOx9p.js';
+import './chunks/bundle-nD2ZWBq4.js';
 import './ui/MessageItemMenu.js';
 import './ui/ContextMenu.js';
 import 'react-dom';
 import './ui/SortByRow.js';
-import './chunks/bundle-M-Qfv2tU.js';
+import './chunks/bundle-4Ib7FkR6.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-tLQ87Jwz.js';
+import './chunks/bundle-0jbuC1o3.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
 import './hooks/useModal.js';
-import './chunks/bundle-4vHal8Yn.js';
+import './chunks/bundle-cvTUkQV_.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
@@ -83,24 +89,23 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-5iL1VCKs.js';
-import './chunks/bundle-wNtXTu0c.js';
+import './chunks/bundle-w1C-Xmf3.js';
+import './chunks/bundle-ctAjRHDW.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-YD2b0cnK.js';
+import './chunks/bundle-agW9Hw66.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/TextButton.js';
-import './chunks/bundle-4uNbb5ZI.js';
-import './chunks/bundle-hNJ4PtSG.js';
-import './chunks/bundle-YWlIaifS.js';
-import '@sendbird/uikit-tools';
+import './chunks/bundle-cBbT3DlY.js';
+import './chunks/bundle-wMP1pqZM.js';
+import './chunks/bundle-fQ1V_U8F.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './chunks/bundle-8XsN_e3a.js';
+import './chunks/bundle-drww6xht.js';
 import './VoiceRecorder/context.js';
 import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
@@ -109,28 +114,27 @@ import './ui/FeedbackIconButton.js';
 import './ui/MobileFeedbackMenu.js';
 import './Channel/components/MessageFeedbackModal.js';
 import './ui/Input.js';
-import './Channel/components/FileViewer.js';
-import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-TztVqjoB.js';
-import './Message/hooks/useDirtyGetMentions.js';
+import './chunks/bundle-khgxDrnA.js';
+import './chunks/bundle-bAY1j7eP.js';
+import './chunks/bundle-vz3GEsoi.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
-import './Channel/components/UnreadCount.js';
-import './Channel/components/FrozenNotification.js';
-import './chunks/bundle-edTAi5zj.js';
+import './chunks/bundle-VbkO6hwH.js';
+import './chunks/bundle-G7HnuZsw.js';
+import './chunks/bundle-o1Ev7FSN.js';
 import './ui/TypingIndicatorBubble.js';
-import './Channel/components/TypingIndicator.js';
-import './Channel/components/MessageInput.js';
+import './chunks/bundle-uIetzCLw.js';
+import './ui/ConnectionStatus.js';
+import './chunks/bundle-DSoowPBh.js';
 import './ui/QuoteMessageInput.js';
-import './chunks/bundle-ms16euCo.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-Lxhlm_wG.js';
-import './Channel/hooks/useHandleUploadFiles.js';
-import './chunks/bundle-EeL8s1uR.js';
+import './chunks/bundle-OFH4qWaN.js';
+import './chunks/bundle-8JX3bIpj.js';
+import './Channel/components/MessageInput.js';
 
 var Channel = function (props) {
-    return (React__default.createElement(ChannelProvider, { channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl, isReactionEnabled: props === null || props === void 0 ? void 0 : props.isReactionEnabled, isMessageGroupingEnabled: props === null || props === void 0 ? void 0 : props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled: props === null || props === void 0 ? void 0 : props.isMultipleFilesMessageEnabled, showSearchIcon: props === null || props === void 0 ? void 0 : props.showSearchIcon, animatedMessage: props === null || props === void 0 ? void 0 : props.animatedMessage, highlightedMessage: props === null || props === void 0 ? void 0 : props.highlightedMessage, startingPoint: props === null || props === void 0 ? void 0 : props.startingPoint, onBeforeSendUserMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendUserMessage, onBeforeSendFileMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendFileMessage, onBeforeUpdateUserMessage: props === null || props === void 0 ? void 0 : props.onBeforeUpdateUserMessage, onBeforeSendVoiceMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendMultipleFilesMessage, onChatHeaderActionClick: props === null || props === void 0 ? void 0 : props.onChatHeaderActionClick, onSearchClick: props === null || props === void 0 ? void 0 : props.onSearchClick, onBackClick: props === null || props === void 0 ? void 0 : props.onBackClick, replyType: props === null || props === void 0 ? void 0 : props.replyType, threadReplySelectType: props === null || props === void 0 ? void 0 : props.threadReplySelectType, queries: props === null || props === void 0 ? void 0 : props.queries, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, filterMessageList: props === null || props === void 0 ? void 0 : props.filterMessageList, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, disableMarkAsRead: props === null || props === void 0 ? void 0 : props.disableMarkAsRead, onReplyInThread: props === null || props === void 0 ? void 0 : props.onReplyInThread, onQuoteMessageClick: props === null || props === void 0 ? void 0 : props.onQuoteMessageClick, onMessageAnimated: props === null || props === void 0 ? void 0 : props.onMessageAnimated, onMessageHighlighted: props === null || props === void 0 ? void 0 : props.onMessageHighlighted, scrollBehavior: props.scrollBehavior, reconnectOnIdle: props.reconnectOnIdle },
-        React__default.createElement(ChannelUI, { isLoading: props === null || props === void 0 ? void 0 : props.isLoading, renderPlaceholderLoader: props === null || props === void 0 ? void 0 : props.renderPlaceholderLoader, renderPlaceholderInvalid: props === null || props === void 0 ? void 0 : props.renderPlaceholderInvalid, renderPlaceholderEmpty: props === null || props === void 0 ? void 0 : props.renderPlaceholderEmpty, renderChannelHeader: props === null || props === void 0 ? void 0 : props.renderChannelHeader, renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage, renderMessageContent: props === null || props === void 0 ? void 0 : props.renderMessageContent, renderMessageInput: props === null || props === void 0 ? void 0 : props.renderMessageInput, renderTypingIndicator: props === null || props === void 0 ? void 0 : props.renderTypingIndicator, renderCustomSeparator: props === null || props === void 0 ? void 0 : props.renderCustomSeparator, renderFileUploadIcon: props === null || props === void 0 ? void 0 : props.renderFileUploadIcon, renderVoiceMessageIcon: props === null || props === void 0 ? void 0 : props.renderVoiceMessageIcon, renderSendMessageIcon: props === null || props === void 0 ? void 0 : props.renderSendMessageIcon, renderFrozenNotification: props === null || props === void 0 ? void 0 : props.renderFrozenNotification })));
+    return (React__default.createElement(ChannelProvider, __assign({}, props),
+        React__default.createElement(ChannelUI, __assign({}, props))));
 };
 
 export { Channel as default };

package/Channel.js.map

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

package/ChannelList/components/AddChannel.js

@@ -1,61 +1,42 @@
-import React__default, { useState } from 'react';
-import IconButton from '../../ui/IconButton.js';
-import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import CreateChannel from '../../CreateChannel.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelListContext } from '../../chunks/bundle-pnJu3fWb.js';
-import '../../chunks/bundle-Dv_OpODB.js';
-import '../../chunks/bundle-kHH52OEM.js';
+import 'react';
+import '../../chunks/bundle-otzUyFE_.js';
+export { A as AddChannel, A as default } from '../../chunks/bundle-OAJaPWYb.js';
+import '../../chunks/bundle-BA7tv0JB.js';
+import '@sendbird/chat/groupChannel';
+import '../../chunks/bundle-nlOgiAcu.js';
+import '../../chunks/bundle-YoWLsJ0C.js';
+import '../../chunks/bundle-cA_r9HRx.js';
+import '../../chunks/bundle-MBrlu_LK.js';
+import '../../chunks/bundle-vOT5acXc.js';
+import '../../useSendbirdStateContext.js';
+import '../../withSendbird.js';
+import '../../chunks/bundle-aKXnhi3A.js';
+import '../../chunks/bundle-N9hMnIRl.js';
+import '../../utils/message/getOutgoingMessageState.js';
+import '../../chunks/bundle-D1V3P366.js';
+import '../../ui/IconButton.js';
+import '../../ui/Icon.js';
+import '../../CreateChannel.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../chunks/bundle-KnWMPlLu.js';
+import '../../chunks/bundle-AXNVQw91.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-tD8xAWw2.js';
 import '../../CreateChannel/components/InviteUsers.js';
-import '../../chunks/bundle-AilPIINY.js';
-import '../../chunks/bundle-P_LfQm7L.js';
-import '../../chunks/bundle-26VX7FQg.js';
-import '../../chunks/bundle-Uw736N77.js';
-import '../../chunks/bundle-4vHal8Yn.js';
+import '../../chunks/bundle-BBjosDA0.js';
+import '../../chunks/bundle-jy6_UG14.js';
+import '../../chunks/bundle-ULVw0l0r.js';
+import '../../chunks/bundle-r9j_eCHc.js';
+import '../../chunks/bundle-cvTUkQV_.js';
 import 'react-dom';
 import '../../ui/Button.js';
-import '../../chunks/bundle-cYhstyoi.js';
+import '../../chunks/bundle-I8JFwttJ.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-8XAFqDsw.js';
-import '../../chunks/bundle-HVtbYmj3.js';
+import '../../chunks/bundle-Qufz6_i_.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-mccz6DbW.js';
-import '../../chunks/bundle-s5uFV3hh.js';
+import '../../chunks/bundle-jDjj3eHU.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-aD4V4aI8.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-rQ1k1Cpu.js';
 import '../../CreateChannel/components/SelectChannelType.js';
-import '../../withSendbird.js';
-import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-QjcHKpDK.js';
-
-var AddChannel = function () {
-    var _a;
-    var _b = useState(false), showModal = _b[0], setShowModal = _b[1];
-    var state = useSendbirdStateContext();
-    var isOnline = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.isOnline;
-    var disabled = !isOnline;
-    var _c = useChannelListContext(), overrideInviteUser = _c.overrideInviteUser, onBeforeCreateChannel = _c.onBeforeCreateChannel;
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(IconButton, { height: "32px", width: "32px", onClick: function () {
-                setShowModal(true);
-            }, disabled: disabled },
-            React__default.createElement(Icon, { type: IconTypes.CREATE, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })),
-        showModal && (React__default.createElement(CreateChannel, { onCancel: function () {
-                setShowModal(false);
-            }, overrideInviteUser: overrideInviteUser, onCreateChannel: function () {
-                setShowModal(false);
-            }, onBeforeCreateChannel: onBeforeCreateChannel }))));
-};
-
-export { AddChannel, AddChannel as default };
 //# sourceMappingURL=AddChannel.js.map

package/ChannelList/components/AddChannel.js.map

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

package/ChannelList/components/ChannelListHeader.js

@@ -1,41 +1,19 @@
-import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-AilPIINY.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-cYhstyoi.js';
-import { A as Avatar } from '../../chunks/bundle-HVtbYmj3.js';
-import '../../chunks/bundle-P_LfQm7L.js';
-import '../../chunks/bundle-26VX7FQg.js';
+import { G as GroupChannelListHeader } from '../../chunks/bundle-x_yt1Yd5.js';
+import 'react';
+import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-Dv_OpODB.js';
+import '../../chunks/bundle-BA7tv0JB.js';
+import '../../chunks/bundle-BBjosDA0.js';
+import '../../chunks/bundle-jy6_UG14.js';
+import '../../chunks/bundle-ULVw0l0r.js';
+import '../../chunks/bundle-Qufz6_i_.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-mccz6DbW.js';
-import '../../chunks/bundle-s5uFV3hh.js';
+import '../../chunks/bundle-cA_r9HRx.js';
+import '../../chunks/bundle-jDjj3eHU.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-kHH52OEM.js';
+import '../../chunks/bundle-I8JFwttJ.js';
 
-var ChannelListHeader = function (_a) {
-    var renderHeader = _a.renderHeader, renderTitle = _a.renderTitle, renderIconButton = _a.renderIconButton, onEdit = _a.onEdit, allowProfileEdit = _a.allowProfileEdit;
-    var _b = useSendbirdStateContext(), stores = _b.stores, config = _b.config;
-    var user = stores.userStore.user;
-    var logger = config.logger;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    if (renderHeader) {
-        logger === null || logger === void 0 ? void 0 : logger.warning('Recomend to use "renderTitle" instead of "renderHeader". It will be deprecated.');
-    }
-    // renderTitle should have higher priority
-    var titleRenderer = renderHeader || renderTitle;
-    return (React__default.createElement("div", { className: [
-            'sendbird-channel-header',
-            allowProfileEdit ? 'sendbird-channel-header--allow-edit' : '',
-        ].join(' ') },
-        (titleRenderer === null || titleRenderer === void 0 ? void 0 : titleRenderer()) || (React__default.createElement("div", { className: "sendbird-channel-header__title", role: "button", onClick: function () { onEdit === null || onEdit === void 0 ? void 0 : onEdit(); }, onKeyDown: function () { onEdit === null || onEdit === void 0 ? void 0 : onEdit(); }, tabIndex: 0 },
-            React__default.createElement("div", { className: "sendbird-channel-header__title__left" },
-                React__default.createElement(Avatar, { width: "32px", height: "32px", src: user.profileUrl, alt: user.nickname })),
-            React__default.createElement("div", { className: "sendbird-channel-header__title__right" },
-                React__default.createElement(Label, { className: "sendbird-channel-header__title__right__name", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, user.nickname || stringSet.NO_NAME),
-                React__default.createElement(Label, { className: "sendbird-channel-header__title__right__user-id", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_2 }, user.userId)))),
-        React__default.createElement("div", { className: "sendbird-channel-header__right-icon" }, renderIconButton === null || renderIconButton === void 0 ? void 0 : renderIconButton())));
-};
 
-export { ChannelListHeader as default };
+
+export { GroupChannelListHeader as default };
 //# sourceMappingURL=ChannelListHeader.js.map

package/ChannelList/components/ChannelListHeader.js.map

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