@sendbird/uikit-react 3.14.12 → 3.14.13

package/cjs/Thread/components/ThreadUI.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../chunks/bundle-Bq4FcvTF.js');
-var utils = require('../../chunks/bundle-BKe7hLI0.js');
+var LocalizationContext = require('../../chunks/bundle-BZCLEq3c.js');
+var utils = require('../../chunks/bundle-Cy0nPHcx.js');
 var Thread_context = require('../context.js');
 var Thread_components_ParentMessageInfo = require('./ParentMessageInfo.js');
 var Thread_components_ThreadHeader = require('./ThreadHeader.js');
@@ -11,116 +11,121 @@ var Thread_components_ThreadList = require('./ThreadList.js');
 var Thread_components_ThreadMessageInput = require('./ThreadMessageInput.js');
 var Thread_context_types = require('../context/types.js');
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
-var ui_Label = require('../../chunks/bundle-BM95N32D.js');
-var useSendMultipleFilesMessage = require('../../chunks/bundle-C1OL5nEa.js');
+var ui_Label = require('../../chunks/bundle-CLsH2CaE.js');
+var useSendMultipleFilesMessage = require('../../chunks/bundle-RZyJVP0m.js');
 var Message_context = require('../../Message/context.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-Cu2j1EmN.js');
-require('../../chunks/bundle-CrkUdg03.js');
-require('../../chunks/bundle-DQG6eG4l.js');
-require('../../chunks/bundle-_cqjcInH.js');
+require('../../chunks/bundle-BSZgogl8.js');
+require('../../chunks/bundle-CqS517qU.js');
+require('../../chunks/bundle-B9Jxp8fA.js');
+require('../../chunks/bundle-C0HSA_B2.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-CI9mjpa7.js');
-require('../../chunks/bundle-CCm3PIiM.js');
+require('../../chunks/bundle-B8eM_7mB.js');
+require('../../chunks/bundle-D8QV4Pzq.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-BkKs2HEQ.js');
-require('../../chunks/bundle-C21OJi5Y.js');
+require('../../chunks/bundle-DAzWBBxC.js');
+require('../../chunks/bundle-Co8lVUvq.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-DsscLs3k.js');
-require('../../chunks/bundle-Di0c83Tp.js');
-require('../../chunks/bundle-_xb0mhf9.js');
-require('../../chunks/bundle-C87PENaO.js');
-require('../../chunks/bundle-1dGjBLMq.js');
-require('../../chunks/bundle-VyDwmxN4.js');
+require('../../chunks/bundle-COzM5cWS.js');
+require('../../chunks/bundle-Cmc_F-zF.js');
+require('../../chunks/bundle-C6bh_Eny.js');
+require('../../chunks/bundle-6znhfpIB.js');
+require('../../chunks/bundle-BCx4TP9R.js');
+require('../../chunks/bundle-E1Tkj9Pc.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-CTW4jbtw.js');
-require('../../chunks/bundle-CO52Wsr3.js');
+require('../../chunks/bundle-BafSf9GJ.js');
+require('../../chunks/bundle-BsUVmQmx.js');
 require('react-dom');
-require('../../chunks/bundle-D0U-xAFE.js');
+require('../../chunks/bundle-DW5WyVEg.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-D60dip73.js');
-require('../../chunks/bundle-B_eF_lLw.js');
+require('../../chunks/bundle-BimZhXdJ.js');
+require('../../chunks/bundle-5SGoePaQ.js');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-S9DD9Vhs.js');
+require('../../chunks/bundle-DYiRJpFp.js');
 require('./ParentMessageInfoItem.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-8gOOVKMq.js');
+require('../../chunks/bundle-ikSCkayP.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-BHieBSdL.js');
+require('../../chunks/bundle-CteyVr3n.js');
 require('../../ui/BottomSheet.js');
 require('../../ui/UserListItem.js');
-require('../../chunks/bundle-B56LqPOh.js');
-require('../../chunks/bundle-CQbuVhqz.js');
+require('../../chunks/bundle-Cq7gxYWj.js');
+require('../../chunks/bundle-CGBazQAC.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
-require('../../chunks/bundle-Cv85GW-0.js');
+require('../../chunks/bundle-B2fSsGeZ.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-rXt3MgU-.js');
-require('../../chunks/bundle-auAyIyjy.js');
+require('../../chunks/bundle-D58niGxd.js');
+require('../../chunks/bundle-B0yVr4jS.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-DoSN8wR4.js');
+require('../../chunks/bundle-D2E4FfSM.js');
 require('../../ui/FileViewer.js');
-require('../../chunks/bundle-QTX1PYil.js');
-require('../../chunks/bundle-DFqn4B6U.js');
-require('../../chunks/bundle-BZuuSeui.js');
-require('../../chunks/bundle-aANaw2cz.js');
-require('../../chunks/bundle-BIlOa8cH.js');
-require('../../chunks/bundle-CWAjZyWA.js');
-require('../../ui/MessageItemMenu.js');
-require('../../chunks/bundle-CqDaqTbt.js');
+require('../../chunks/bundle-BTdldoB1.js');
+require('../../chunks/bundle-xw9pjZRm.js');
+require('../../chunks/bundle-BXenYVc5.js');
+require('../../chunks/bundle-43QCjeGi.js');
+require('../../chunks/bundle-BhgTi0HE.js');
+require('../../chunks/bundle-B8BijbtU.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/MessageInput.js');
-require('../../chunks/bundle-bgI8QY8V.js');
+require('../../chunks/bundle-Db2msOTT.js');
 require('dompurify');
-require('../../chunks/bundle-BqL8lmhl.js');
-require('../../chunks/bundle-CiIb5etk.js');
-require('../../chunks/bundle-BKID5CS2.js');
+require('../../chunks/bundle-DPZ5pgOH.js');
+require('../../chunks/bundle-CC7ewM-Z.js');
+require('../../chunks/bundle-CwwjS2wm.js');
+require('../../chunks/bundle-D1D4kiAc.js');
 require('../../ui/MobileMenu.js');
 require('../../Message/hooks/useDirtyGetMentions.js');
-require('../../chunks/bundle-D1QbLxW7.js');
+require('../../chunks/bundle-BV2SpuVS.js');
+require('../../chunks/bundle-DFDL4gbf.js');
+require('../../chunks/bundle-CuQr5jRg.js');
 require('../../ui/Header.js');
 require('./ThreadListItem.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-DBawqMOI.js');
-require('../../chunks/bundle-C4CtpUvD.js');
-require('../../chunks/bundle-DAJdesda.js');
+require('../../chunks/bundle-BTnBDw_3.js');
+require('../../chunks/bundle-B8d4gIYz.js');
+require('../../chunks/bundle-DBvrEPDQ.js');
 require('../../ui/TextMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/ThumbnailMessageItemBody.js');
-require('../../chunks/bundle-BV4k8A-L.js');
+require('../../chunks/bundle-BInYg-47.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../Channel/utils/compareMessagesForGrouping.js');
 require('date-fns');
-require('../../chunks/bundle-jJ99fIw5.js');
-require('../../chunks/bundle-CvosXEd4.js');
+require('../../chunks/bundle-rgW6YBQR.js');
+require('../../chunks/bundle-KWSniLux.js');
 require('../../GroupChannel/components/SuggestedMentionList.js');
 require('../../ui/QuoteMessageInput.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-7olXkRwC.js');
-require('../../chunks/bundle-BrLObfuu.js');
+require('../../chunks/bundle-B15Obr-U.js');
+require('../../chunks/bundle-CFfYEK_i.js');
 require('../../GroupChannel/context.js');
-require('../../chunks/bundle-DUgeMK1K.js');
-require('../../chunks/bundle-QNFup7xz.js');
+require('../../chunks/bundle-UHkELfwW.js');
+require('../../chunks/bundle-C3xjGT8g.js');
 require('../../Channel/hooks/useHandleUploadFiles.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 var useMemorizedHeader = function (_a) {
     var renderHeader = _a.renderHeader;
     return React.useMemo(function () {
@@ -142,13 +147,13 @@ var useMemorizedParentMessageInfo = function (_a) {
             }
             switch (parentMessageState) {
                 case Thread_context_types.ParentMessageStateTypes.NIL: {
-                    return (React.createElement(ui_PlaceHolder.default, { className: "sendbird-thread-ui__parent-message-info placeholder-nil", type: ui_PlaceHolder.PlaceHolderTypes.NO_RESULTS, iconSize: "64px" }));
+                    return (React__default.default.createElement(ui_PlaceHolder.default, { className: "sendbird-thread-ui__parent-message-info placeholder-nil", type: ui_PlaceHolder.PlaceHolderTypes.NO_RESULTS, iconSize: "64px" }));
                 }
                 case Thread_context_types.ParentMessageStateTypes.LOADING: {
-                    return (React.createElement(ui_PlaceHolder.default, { className: "sendbird-thread-ui__parent-message-info placeholder-loading", type: ui_PlaceHolder.PlaceHolderTypes.LOADING, iconSize: "64px" }));
+                    return (React__default.default.createElement(ui_PlaceHolder.default, { className: "sendbird-thread-ui__parent-message-info placeholder-loading", type: ui_PlaceHolder.PlaceHolderTypes.LOADING, iconSize: "64px" }));
                 }
                 case Thread_context_types.ParentMessageStateTypes.INVALID: {
-                    return (React.createElement(ui_PlaceHolder.default, { className: "sendbird-thread-ui__parent-message-info placeholder-invalid", type: ui_PlaceHolder.PlaceHolderTypes.WRONG, iconSize: "64px" }));
+                    return (React__default.default.createElement(ui_PlaceHolder.default, { className: "sendbird-thread-ui__parent-message-info placeholder-invalid", type: ui_PlaceHolder.PlaceHolderTypes.WRONG, iconSize: "64px" }));
                 }
                 default: {
                     return null;
@@ -180,13 +185,13 @@ var useMemorizedThreadList = function (_a) {
             }
             switch (threadListState) {
                 case Thread_context_types.ThreadListStateTypes.LOADING: {
-                    return (React.createElement(ui_PlaceHolder.default, { className: "sendbird-thread-ui__thread-list placeholder-loading", type: ui_PlaceHolder.PlaceHolderTypes.LOADING, iconSize: "64px" }));
+                    return (React__default.default.createElement(ui_PlaceHolder.default, { className: "sendbird-thread-ui__thread-list placeholder-loading", type: ui_PlaceHolder.PlaceHolderTypes.LOADING, iconSize: "64px" }));
                 }
                 case Thread_context_types.ThreadListStateTypes.INVALID: {
-                    return (React.createElement(ui_PlaceHolder.default, { className: "sendbird-thread-ui__thread-list placeholder-invalid", type: ui_PlaceHolder.PlaceHolderTypes.WRONG, iconSize: "64px" }));
+                    return (React__default.default.createElement(ui_PlaceHolder.default, { className: "sendbird-thread-ui__thread-list placeholder-invalid", type: ui_PlaceHolder.PlaceHolderTypes.WRONG, iconSize: "64px" }));
                 }
                 case Thread_context_types.ThreadListStateTypes.NIL: {
-                    return React.createElement(React.Fragment, null);
+                    return React__default.default.createElement(React__default.default.Fragment, null);
                 }
                 default: {
                     return null;
@@ -202,11 +207,11 @@ var useMemorizedThreadList = function (_a) {
 
 var ThreadUI = function (_a) {
     var _b, _c, _d, _e;
-    var renderHeader = _a.renderHeader, renderParentMessageInfo = _a.renderParentMessageInfo, renderMessage = _a.renderMessage, renderMessageInput = _a.renderMessageInput, renderCustomSeparator = _a.renderCustomSeparator, renderParentMessageInfoPlaceholder = _a.renderParentMessageInfoPlaceholder, renderThreadListPlaceHolder = _a.renderThreadListPlaceHolder, renderFileUploadIcon = _a.renderFileUploadIcon, renderVoiceMessageIcon = _a.renderVoiceMessageIcon, renderSendMessageIcon = _a.renderSendMessageIcon;
+    var renderHeader = _a.renderHeader, _f = _a.renderParentMessageInfo, renderParentMessageInfo = _f === void 0 ? function () { return React__default.default.createElement(Thread_components_ParentMessageInfo, { className: "sendbird-thread-ui__parent-message-info" }); } : _f, renderMessage = _a.renderMessage, renderMessageInput = _a.renderMessageInput, renderCustomSeparator = _a.renderCustomSeparator, renderParentMessageInfoPlaceholder = _a.renderParentMessageInfoPlaceholder, renderThreadListPlaceHolder = _a.renderThreadListPlaceHolder, renderFileUploadIcon = _a.renderFileUploadIcon, renderVoiceMessageIcon = _a.renderVoiceMessageIcon, renderSendMessageIcon = _a.renderSendMessageIcon;
     var stores = useSendbirdStateContext.useSendbirdStateContext().stores;
     var currentUserId = (_d = (_c = (_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk) === null || _c === void 0 ? void 0 : _c.currentUser) === null || _d === void 0 ? void 0 : _d.userId;
     var stringSet = LocalizationContext.useLocalization().stringSet;
-    var _f = Thread_context.useThreadContext(), currentChannel = _f.currentChannel, allThreadMessages = _f.allThreadMessages, parentMessage = _f.parentMessage, parentMessageState = _f.parentMessageState, threadListState = _f.threadListState, hasMorePrev = _f.hasMorePrev, hasMoreNext = _f.hasMoreNext, fetchPrevThreads = _f.fetchPrevThreads, fetchNextThreads = _f.fetchNextThreads, onHeaderActionClick = _f.onHeaderActionClick, onMoveToParentMessage = _f.onMoveToParentMessage;
+    var _g = Thread_context.useThreadContext(), currentChannel = _g.currentChannel, allThreadMessages = _g.allThreadMessages, parentMessage = _g.parentMessage, parentMessageState = _g.parentMessageState, threadListState = _g.threadListState, hasMorePrev = _g.hasMorePrev, hasMoreNext = _g.hasMoreNext, fetchPrevThreads = _g.fetchPrevThreads, fetchNextThreads = _g.fetchNextThreads, onHeaderActionClick = _g.onHeaderActionClick, onMoveToParentMessage = _g.onMoveToParentMessage;
     var replyCount = allThreadMessages.length;
     var isByMe = currentUserId === ((_e = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _e === void 0 ? void 0 : _e.userId);
     // Memoized custom components
@@ -222,7 +227,7 @@ var ThreadUI = function (_a) {
         renderThreadListPlaceHolder: renderThreadListPlaceHolder,
     });
     // scroll
-    var _g = React.useState(0), scrollBottom = _g[0], setScrollBottom = _g[1];
+    var _h = React.useState(0), scrollBottom = _h[0], setScrollBottom = _h[1];
     var scrollRef = React.useRef(null);
     var onScroll = function (e) {
         var _a;
@@ -265,16 +270,16 @@ var ThreadUI = function (_a) {
             setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight);
         }
     };
-    return (React.createElement("div", { className: 'sendbird-thread-ui' },
-        MemorizedHeader || (React.createElement(Thread_components_ThreadHeader, { className: "sendbird-thread-ui__header", channelName: utils.getChannelTitle(currentChannel, currentUserId !== null && currentUserId !== void 0 ? currentUserId : '', stringSet), onActionIconClick: onHeaderActionClick, onChannelNameClick: function () {
+    return (React__default.default.createElement("div", { className: 'sendbird-thread-ui' },
+        MemorizedHeader || (React__default.default.createElement(Thread_components_ThreadHeader, { className: "sendbird-thread-ui__header", channelName: utils.getChannelTitle(currentChannel, currentUserId !== null && currentUserId !== void 0 ? currentUserId : '', stringSet), onActionIconClick: onHeaderActionClick, onChannelNameClick: function () {
                 onMoveToParentMessage === null || onMoveToParentMessage === void 0 ? void 0 : onMoveToParentMessage({ message: parentMessage, channel: currentChannel });
             } })),
-        React.createElement("div", { className: "sendbird-thread-ui--scroll", ref: scrollRef, onScroll: onScroll },
-            React.createElement(Message_context.MessageProvider, { message: parentMessage, isByMe: isByMe }, MemorizedParentMessageInfo || (React.createElement(Thread_components_ParentMessageInfo, { className: "sendbird-thread-ui__parent-message-info" }))),
-            replyCount > 0 && (React.createElement("div", { className: "sendbird-thread-ui__reply-counts" },
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_3 }, "".concat(replyCount, " ").concat(replyCount > 1 ? stringSet.THREAD__THREAD_REPLIES : stringSet.THREAD__THREAD_REPLY)))),
-            MemorizedThreadList || (React.createElement(Thread_components_ThreadList, { className: "sendbird-thread-ui__thread-list", renderMessage: renderMessage, renderCustomSeparator: renderCustomSeparator, scrollRef: scrollRef, scrollBottom: scrollBottom }))),
-        (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || (React.createElement(Thread_components_ThreadMessageInput, { className: "sendbird-thread-ui__message-input", renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon }))));
+        React__default.default.createElement("div", { className: "sendbird-thread-ui--scroll", ref: scrollRef, onScroll: onScroll },
+            React__default.default.createElement(Message_context.MessageProvider, { message: parentMessage, isByMe: isByMe }, MemorizedParentMessageInfo),
+            replyCount > 0 && (React__default.default.createElement("div", { className: "sendbird-thread-ui__reply-counts" },
+                React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_3 }, "".concat(replyCount, " ").concat(replyCount > 1 ? stringSet.THREAD__THREAD_REPLIES : stringSet.THREAD__THREAD_REPLY)))),
+            MemorizedThreadList || (React__default.default.createElement(Thread_components_ThreadList, { className: "sendbird-thread-ui__thread-list", renderMessage: renderMessage, renderCustomSeparator: renderCustomSeparator, scrollRef: scrollRef, scrollBottom: scrollBottom }))),
+        (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || (React__default.default.createElement(Thread_components_ThreadMessageInput, { className: "sendbird-thread-ui__message-input", renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon }))));
 };
 
 module.exports = ThreadUI;

package/cjs/Thread/components/ThreadUI.js.map

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

package/cjs/Thread/context.js

@@ -1,23 +1,27 @@
 'use strict';
 
 var React = require('react');
-var useSendMultipleFilesMessage = require('../chunks/bundle-C1OL5nEa.js');
-var UserProfileContext = require('../chunks/bundle-_cqjcInH.js');
+var useSendMultipleFilesMessage = require('../chunks/bundle-RZyJVP0m.js');
+var UserProfileContext = require('../chunks/bundle-C0HSA_B2.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _tslib = require('../chunks/bundle-Cu2j1EmN.js');
+var _tslib = require('../chunks/bundle-BSZgogl8.js');
 var Thread_context_types = require('./context/types.js');
 var SendbirdChat = require('@sendbird/chat');
-var pubSub_topics = require('../chunks/bundle-CI9mjpa7.js');
-var actionTypes = require('../chunks/bundle-CCm3PIiM.js');
+var pubSub_topics = require('../chunks/bundle-B8eM_7mB.js');
+var actionTypes = require('../chunks/bundle-D8QV4Pzq.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('../chunks/bundle-BkKs2HEQ.js');
-var compareIds = require('../chunks/bundle-C21OJi5Y.js');
+var uuid = require('../chunks/bundle-DAzWBBxC.js');
+var compareIds = require('../chunks/bundle-Co8lVUvq.js');
 var message = require('@sendbird/chat/message');
-var consts = require('../chunks/bundle-DsscLs3k.js');
-require('../chunks/bundle-DFqn4B6U.js');
+var consts = require('../chunks/bundle-COzM5cWS.js');
+require('../chunks/bundle-xw9pjZRm.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('../withSendbird.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 var PREV_THREADS_FETCH_SIZE = 30;
 var NEXT_THREADS_FETCH_SIZE = 30;
 
@@ -1158,7 +1162,7 @@ var useThreadFetchers = function (_a) {
     };
 };
 
-var ThreadContext = React.createContext(null);
+var ThreadContext = React__default.default.createContext(null);
 var ThreadProvider = function (props) {
     var _a, _b;
     var children = props.children, channelUrl = props.channelUrl, onHeaderActionClick = props.onHeaderActionClick, onMoveToParentMessage = props.onMoveToParentMessage, onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, 
@@ -1272,7 +1276,7 @@ var ThreadProvider = function (props) {
     var nicknamesMap = React.useMemo(function () { return ((config.groupChannel.replyType !== 'none' && currentChannel)
         ? useSendMultipleFilesMessage.getNicknamesMapFromMembers(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members)
         : new Map()); }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members]);
-    return (React.createElement(ThreadContext.Provider, { value: {
+    return (React__default.default.createElement(ThreadContext.Provider, { value: {
             // ThreadProviderProps
             channelUrl: channelUrl,
             message: propsMessage,
@@ -1309,10 +1313,10 @@ var ThreadProvider = function (props) {
             currentUserId: currentUserId,
             typingMembers: typingMembers,
         } },
-        React.createElement(UserProfileContext.UserProfileProvider, { disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : !config.common.enableUsingDefaultUserProfile, renderUserProfile: renderUserProfile, onUserProfileMessage: onUserProfileMessage }, children)));
+        React__default.default.createElement(UserProfileContext.UserProfileProvider, { disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : !config.common.enableUsingDefaultUserProfile, renderUserProfile: renderUserProfile, onUserProfileMessage: onUserProfileMessage }, children)));
 };
 var useThreadContext = function () {
-    var context = React.useContext(ThreadContext);
+    var context = React__default.default.useContext(ThreadContext);
     if (!context)
         throw new Error('ThreadContext not found. Use within the Thread module');
     return context;

package/cjs/Thread/context.js.map

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

package/cjs/Thread.js

@@ -1,61 +1,61 @@
 'use strict';
 
+var _tslib = require('./chunks/bundle-BSZgogl8.js');
 var React = require('react');
 var Thread_context = require('./Thread/context.js');
 var Thread_components_ThreadUI = require('./Thread/components/ThreadUI.js');
-require('./chunks/bundle-C1OL5nEa.js');
-require('./chunks/bundle-CI9mjpa7.js');
-require('./chunks/bundle-DFqn4B6U.js');
-require('./chunks/bundle-Cu2j1EmN.js');
+var utils = require('./chunks/bundle-BsUVmQmx.js');
+require('./chunks/bundle-RZyJVP0m.js');
+require('./chunks/bundle-B8eM_7mB.js');
+require('./chunks/bundle-xw9pjZRm.js');
 require('@sendbird/chat/message');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-DsscLs3k.js');
-require('./chunks/bundle-_cqjcInH.js');
+require('./chunks/bundle-COzM5cWS.js');
+require('./chunks/bundle-C0HSA_B2.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
-require('./chunks/bundle-CCm3PIiM.js');
+require('./chunks/bundle-D8QV4Pzq.js');
 require('@sendbird/chat/groupChannel');
-require('./chunks/bundle-BkKs2HEQ.js');
-require('./chunks/bundle-C21OJi5Y.js');
-require('./chunks/bundle-Bq4FcvTF.js');
-require('./chunks/bundle-CrkUdg03.js');
-require('./chunks/bundle-DQG6eG4l.js');
-require('./chunks/bundle-BKe7hLI0.js');
-require('./chunks/bundle-BM95N32D.js');
+require('./chunks/bundle-DAzWBBxC.js');
+require('./chunks/bundle-Co8lVUvq.js');
+require('./chunks/bundle-BZCLEq3c.js');
+require('./chunks/bundle-CqS517qU.js');
+require('./chunks/bundle-B9Jxp8fA.js');
+require('./chunks/bundle-Cy0nPHcx.js');
+require('./chunks/bundle-CLsH2CaE.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-Di0c83Tp.js');
-require('./chunks/bundle-_xb0mhf9.js');
-require('./chunks/bundle-C87PENaO.js');
-require('./chunks/bundle-1dGjBLMq.js');
-require('./chunks/bundle-VyDwmxN4.js');
-require('./chunks/bundle-CTW4jbtw.js');
-require('./chunks/bundle-CO52Wsr3.js');
+require('./chunks/bundle-Cmc_F-zF.js');
+require('./chunks/bundle-C6bh_Eny.js');
+require('./chunks/bundle-6znhfpIB.js');
+require('./chunks/bundle-BCx4TP9R.js');
+require('./chunks/bundle-E1Tkj9Pc.js');
+require('./chunks/bundle-BafSf9GJ.js');
 require('react-dom');
-require('./chunks/bundle-D0U-xAFE.js');
+require('./chunks/bundle-DW5WyVEg.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
 require('./ui/Icon.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat/openChannel');
-require('./chunks/bundle-D60dip73.js');
-require('./chunks/bundle-B_eF_lLw.js');
+require('./chunks/bundle-BimZhXdJ.js');
+require('./chunks/bundle-5SGoePaQ.js');
 require('./ui/SortByRow.js');
-require('./chunks/bundle-S9DD9Vhs.js');
+require('./chunks/bundle-DYiRJpFp.js');
 require('./Thread/components/ParentMessageInfoItem.js');
 require('./ui/ImageRenderer.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-8gOOVKMq.js');
+require('./chunks/bundle-ikSCkayP.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-BHieBSdL.js');
+require('./chunks/bundle-CteyVr3n.js');
 require('./ui/BottomSheet.js');
 require('./ui/UserListItem.js');
-require('./chunks/bundle-B56LqPOh.js');
-require('./chunks/bundle-CQbuVhqz.js');
+require('./chunks/bundle-Cq7gxYWj.js');
+require('./chunks/bundle-CGBazQAC.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
@@ -63,78 +63,75 @@ require('./sendbirdSelectors.js');
 require('./ui/Tooltip.js');
 require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
-require('./chunks/bundle-Cv85GW-0.js');
+require('./chunks/bundle-B2fSsGeZ.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
 require('./ui/PlaybackTime.js');
 require('./ui/Loader.js');
-require('./chunks/bundle-rXt3MgU-.js');
-require('./chunks/bundle-auAyIyjy.js');
+require('./chunks/bundle-D58niGxd.js');
+require('./chunks/bundle-B0yVr4jS.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
-require('./chunks/bundle-DoSN8wR4.js');
+require('./chunks/bundle-D2E4FfSM.js');
 require('./ui/FileViewer.js');
-require('./chunks/bundle-QTX1PYil.js');
-require('./chunks/bundle-BZuuSeui.js');
-require('./chunks/bundle-aANaw2cz.js');
-require('./chunks/bundle-BIlOa8cH.js');
-require('./chunks/bundle-CWAjZyWA.js');
-require('./ui/MessageItemMenu.js');
-require('./chunks/bundle-CqDaqTbt.js');
+require('./chunks/bundle-BTdldoB1.js');
+require('./chunks/bundle-BXenYVc5.js');
+require('./chunks/bundle-43QCjeGi.js');
+require('./chunks/bundle-BhgTi0HE.js');
+require('./chunks/bundle-B8BijbtU.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-bgI8QY8V.js');
+require('./chunks/bundle-Db2msOTT.js');
 require('dompurify');
-require('./chunks/bundle-BqL8lmhl.js');
-require('./chunks/bundle-CiIb5etk.js');
-require('./chunks/bundle-BKID5CS2.js');
+require('./chunks/bundle-DPZ5pgOH.js');
+require('./chunks/bundle-CC7ewM-Z.js');
+require('./chunks/bundle-CwwjS2wm.js');
+require('./chunks/bundle-D1D4kiAc.js');
 require('./ui/MobileMenu.js');
 require('./Message/hooks/useDirtyGetMentions.js');
-require('./chunks/bundle-D1QbLxW7.js');
+require('./chunks/bundle-BV2SpuVS.js');
+require('./chunks/bundle-DFDL4gbf.js');
+require('./chunks/bundle-CuQr5jRg.js');
 require('./Thread/components/ThreadHeader.js');
 require('./ui/Header.js');
 require('./Thread/components/ThreadList.js');
 require('./Thread/components/ThreadListItem.js');
 require('./ui/DateSeparator.js');
-require('./chunks/bundle-DBawqMOI.js');
-require('./chunks/bundle-C4CtpUvD.js');
-require('./chunks/bundle-DAJdesda.js');
+require('./chunks/bundle-BTnBDw_3.js');
+require('./chunks/bundle-B8d4gIYz.js');
+require('./chunks/bundle-DBvrEPDQ.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
 require('./ui/ThumbnailMessageItemBody.js');
-require('./chunks/bundle-BV4k8A-L.js');
+require('./chunks/bundle-BInYg-47.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./Channel/utils/compareMessagesForGrouping.js');
 require('date-fns');
 require('./Thread/components/ThreadMessageInput.js');
-require('./chunks/bundle-jJ99fIw5.js');
-require('./chunks/bundle-CvosXEd4.js');
+require('./chunks/bundle-rgW6YBQR.js');
+require('./chunks/bundle-KWSniLux.js');
 require('./GroupChannel/components/SuggestedMentionList.js');
 require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-7olXkRwC.js');
-require('./chunks/bundle-BrLObfuu.js');
+require('./chunks/bundle-B15Obr-U.js');
+require('./chunks/bundle-CFfYEK_i.js');
 require('./GroupChannel/context.js');
-require('./chunks/bundle-DUgeMK1K.js');
-require('./chunks/bundle-QNFup7xz.js');
+require('./chunks/bundle-UHkELfwW.js');
+require('./chunks/bundle-C3xjGT8g.js');
 require('./Channel/hooks/useHandleUploadFiles.js');
 require('./ui/PlaceHolder.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 var Thread = function (props) {
-    var 
-    // props
-    className = props.className, 
-    // ThreadProviderProps
-    channelUrl = props.channelUrl, message = props.message, onHeaderActionClick = props.onHeaderActionClick, onMoveToParentMessage = props.onMoveToParentMessage, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, 
-    // onBeforeSend~~~Message
-    onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, 
-    // ThreadUIProps
-    renderHeader = props.renderHeader, renderParentMessageInfo = props.renderParentMessageInfo, renderMessage = props.renderMessage, renderMessageInput = props.renderMessageInput, renderCustomSeparator = props.renderCustomSeparator, renderParentMessageInfoPlaceholder = props.renderParentMessageInfoPlaceholder, renderThreadListPlaceHolder = props.renderThreadListPlaceHolder, renderFileUploadIcon = props.renderFileUploadIcon, renderVoiceMessageIcon = props.renderVoiceMessageIcon, renderSendMessageIcon = props.renderSendMessageIcon;
-    return (React.createElement("div", { className: "sendbird-thread ".concat(className) },
-        React.createElement(Thread_context.ThreadProvider, { channelUrl: channelUrl, message: message, onHeaderActionClick: onHeaderActionClick, onMoveToParentMessage: onMoveToParentMessage, onBeforeSendUserMessage: onBeforeSendUserMessage, onBeforeSendFileMessage: onBeforeSendFileMessage, onBeforeSendVoiceMessage: onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage: onBeforeSendMultipleFilesMessage, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled },
-            React.createElement(Thread_components_ThreadUI, { renderHeader: renderHeader, renderParentMessageInfo: renderParentMessageInfo, renderMessage: renderMessage, renderMessageInput: renderMessageInput, renderCustomSeparator: renderCustomSeparator, renderParentMessageInfoPlaceholder: renderParentMessageInfoPlaceholder, renderThreadListPlaceHolder: renderThreadListPlaceHolder, renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon }))));
+    var _a;
+    return (React__default.default.createElement("div", { className: utils.classnames('sendbird-thread', (_a = props === null || props === void 0 ? void 0 : props.className) !== null && _a !== void 0 ? _a : '') },
+        React__default.default.createElement(Thread_context.ThreadProvider, _tslib.__assign({}, props),
+            React__default.default.createElement(Thread_components_ThreadUI, _tslib.__assign({}, props)))));
 };
 
 module.exports = Thread;

package/cjs/Thread.js.map

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

package/cjs/VoicePlayer/context.js

@@ -1,11 +1,11 @@
 'use strict';
 
 require('react');
-var VoicePlayer_context = require('../chunks/bundle-D60dip73.js');
-require('../chunks/bundle-DsscLs3k.js');
+var VoicePlayer_context = require('../chunks/bundle-BimZhXdJ.js');
+require('../chunks/bundle-COzM5cWS.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Cu2j1EmN.js');
-require('../chunks/bundle-CTW4jbtw.js');
+require('../chunks/bundle-BSZgogl8.js');
+require('../chunks/bundle-BafSf9GJ.js');
 require('../withSendbird.js');