@sendbird/uikit-react 3.9.0 → 3.9.1-rc-0

package/Thread/components/ParentMessageInfo.js

@@ -1,246 +0,0 @@
-import { a as __spreadArray, _ as __assign } from '../../chunks/bundle-Y6TqPszM.js';
-import React__default, { useState, useRef, useEffect, useContext } from 'react';
-import { f as format } from '../../chunks/bundle-pmVgESW3.js';
-import { R as RemoveMessage } from '../../chunks/bundle-ZNwxfYJx.js';
-import ParentMessageInfoItem from './ParentMessageInfoItem.js';
-import { h as getSenderName } from '../../chunks/bundle-ZT6XnGSN.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-QO9wq7-1.js';
-import { u as useLocalization } from '../../chunks/bundle-Xly_X4hP.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { useThreadContext } from '../context.js';
-import { a as UserProfileContext } from '../../chunks/bundle-3WQuaADd.js';
-import SuggestedMentionList from '../../Channel/components/SuggestedMentionList.js';
-import { A as Avatar } from '../../chunks/bundle-Tep20T57.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-0IelBspE.js';
-import { F as FileViewer } from '../../chunks/bundle-LTnLzJFb.js';
-import { MessageMenu } from '../../ui/MessageItemMenu.js';
-import { MessageEmojiMenu } from '../../ui/MessageItemReactionMenu.js';
-import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
-import UserProfile from '../../ui/UserProfile.js';
-import MessageInput from '../../ui/MessageInput.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-Jw6D-oM_.js';
-import { R as Role } from '../../chunks/bundle-KOKqPpBq.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-Mn36ivpf.js';
-import { u as useLongPress } from '../../chunks/bundle-cJc3JBZb.js';
-import { M as MobileMenu } from '../../chunks/bundle-k4WuO78S.js';
-import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-xgxXEKxk.js';
-import '../../chunks/bundle-5JvP07dI.js';
-import 'react-dom';
-import '../../chunks/bundle-JhG5BHdE.js';
-import '../../ui/IconButton.js';
-import '../../ui/Button.js';
-import '../../ui/Icon.js';
-import '../../chunks/bundle-JSlDfYOF.js';
-import '../../chunks/bundle-zz1eCYds.js';
-import '../../ui/ImageRenderer.js';
-import '../../ui/TextButton.js';
-import '../../chunks/bundle-LhtrqZSE.js';
-import '../../ui/EmojiReactions.js';
-import '../../ui/ReactionBadge.js';
-import '../../ui/ReactionButton.js';
-import '../../ui/BottomSheet.js';
-import '../../hooks/useModal.js';
-import '../../chunks/bundle-JuKER7D_.js';
-import '../../ui/UserListItem.js';
-import '../../ui/MutedAvatarOverlay.js';
-import '../../ui/Checkbox.js';
-import '../../chunks/bundle-8VA5hO1c.js';
-import '../../chunks/bundle-2AUp3oeN.js';
-import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-7x4clnC7.js';
-import '../../withSendbird.js';
-import '../../ui/SortByRow.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../ui/Tooltip.js';
-import '../../ui/TooltipWrapper.js';
-import '../../Message/context.js';
-import '../../ui/VoiceMessageItemBody.js';
-import '../../ui/ProgressBar.js';
-import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-Ku1a64TD.js';
-import '../../chunks/bundle-Sk3SXXP7.js';
-import '../../VoiceRecorder/context.js';
-import '../../ui/PlaybackTime.js';
-import '../../ui/Loader.js';
-import '../../chunks/bundle-GiSLT4lG.js';
-import '../../chunks/bundle-lSKfBDuq.js';
-import '../../ui/MentionLabel.js';
-import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-0SIFukuT.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-YQkYq090.js';
-import '../../chunks/bundle-menQ38z9.js';
-import '../../chunks/bundle-GGcTNRCI.js';
-import '../../chunks/bundle-EPtYsHAJ.js';
-import '@sendbird/chat/groupChannel';
-import '../../Channel/hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-pCwi8C-K.js';
-import '../../chunks/bundle-EteEacTX.js';
-import '../context/types.js';
-import '@sendbird/chat';
-import '../../chunks/bundle-vSJ8dTAZ.js';
-import 'dompurify';
-import '../../chunks/bundle-2YEsND5T.js';
-import '../../chunks/bundle-zCWUhqT2.js';
-import '../../chunks/bundle-89OkQYTj.js';
-
-function ParentMessageInfo(_a) {
-    var _b, _c, _d, _e, _f, _g;
-    var className = _a.className;
-    var _h = useSendbirdStateContext(), stores = _h.stores, config = _h.config;
-    var isMentionEnabled = config.isMentionEnabled, isReactionEnabled = config.isReactionEnabled, replyType = config.replyType, isOnline = config.isOnline, userMention = config.userMention, logger = config.logger;
-    var userId = (_c = (_b = stores.userStore.user) === null || _b === void 0 ? void 0 : _b.userId) !== null && _c !== void 0 ? _c : '';
-    var dateLocale = useLocalization().dateLocale;
-    var _j = useThreadContext(), currentChannel = _j.currentChannel, parentMessage = _j.parentMessage, allThreadMessages = _j.allThreadMessages, emojiContainer = _j.emojiContainer, toggleReaction = _j.toggleReaction, updateMessage = _j.updateMessage, deleteMessage = _j.deleteMessage, onMoveToParentMessage = _j.onMoveToParentMessage, onHeaderActionClick = _j.onHeaderActionClick, isMuted = _j.isMuted, isChannelFrozen = _j.isChannelFrozen;
-    var isMobile = useMediaQueryContext().isMobile;
-    var _k = useState(false), showRemove = _k[0], setShowRemove = _k[1];
-    var _l = useState(false), supposedHover = _l[0], setSupposedHover = _l[1];
-    var _m = useState(false), showFileViewer = _m[0], setShowFileViewer = _m[1];
-    var usingReaction = getIsReactionEnabled({
-        globalLevel: isReactionEnabled,
-        isSuper: currentChannel.isSuper,
-        isBroadcast: currentChannel.isBroadcast,
-    });
-    var isByMe = userId === parentMessage.sender.userId;
-    // Mobile
-    var mobileMenuRef = useRef(null);
-    var _o = useState(false), showMobileMenu = _o[0], setShowMobileMenu = _o[1];
-    var longPress = useLongPress({
-        onLongPress: function () {
-            if (isMobile) {
-                setShowMobileMenu(true);
-            }
-        },
-    }, {
-        shouldPreventDefault: false,
-    });
-    // Edit message
-    var _p = useState(false), showEditInput = _p[0], setShowEditInput = _p[1];
-    var disabled = !isOnline || isMuted || isChannelFrozen && !((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === Role.OPERATOR);
-    // Mention
-    var editMessageInputRef = useRef(null);
-    var _q = useState(''), mentionNickname = _q[0], setMentionNickname = _q[1];
-    var _r = useState([]), mentionedUsers = _r[0], setMentionedUsers = _r[1];
-    var _s = useState([]), mentionedUserIds = _s[0], setMentionedUserIds = _s[1];
-    var _t = useState(null), messageInputEvent = _t[0], setMessageInputEvent = _t[1];
-    var _u = useState(null), selectedUser = _u[0], setSelectedUser = _u[1];
-    var _v = useState([]), mentionSuggestedUsers = _v[0], setMentionSuggestedUsers = _v[1];
-    var displaySuggestedMentionList = isOnline
-        && isMentionEnabled
-        && mentionNickname.length > 0
-        && !isMuted
-        && !(isChannelFrozen && !(currentChannel.myRole === Role.OPERATOR));
-    var mentionNodes = useDirtyGetMentions({ ref: editMessageInputRef }, { logger: logger });
-    var ableMention = (mentionNodes === null || mentionNodes === void 0 ? void 0 : mentionNodes.length) < (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount);
-    useEffect(function () {
-        setMentionedUsers(mentionedUsers.filter(function (_a) {
-            var userId = _a.userId;
-            var i = mentionedUserIds.indexOf(userId);
-            if (i < 0) {
-                return false;
-            }
-            else {
-                mentionedUserIds.splice(i, 1);
-                return true;
-            }
-        }));
-    }, [mentionedUserIds]);
-    // User Profile
-    var avatarRef = useRef(null);
-    var _w = useContext(UserProfileContext), disableUserProfile = _w.disableUserProfile, renderUserProfile = _w.renderUserProfile;
-    if (showEditInput && ((_d = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.isUserMessage) === null || _d === void 0 ? void 0 : _d.call(parentMessage))) {
-        return (React__default.createElement(React__default.Fragment, null,
-            displaySuggestedMentionList && (React__default.createElement(SuggestedMentionList, { className: "parent-message-info--suggested-mention-list", targetNickname: mentionNickname, inputEvent: messageInputEvent, 
-                // renderUserMentionItem={renderUserMentionItem}
-                onUserItemClick: function (user) {
-                    if (user) {
-                        setMentionedUsers(__spreadArray(__spreadArray([], mentionedUsers, true), [user], false));
-                    }
-                    setMentionNickname('');
-                    setSelectedUser(user);
-                    setMessageInputEvent(null);
-                }, onFocusItemChange: function () {
-                    setMessageInputEvent(null);
-                }, onFetchUsers: function (users) {
-                    setMentionSuggestedUsers(users);
-                }, ableAddMention: ableMention, maxMentionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount, maxSuggestionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount })),
-            React__default.createElement(MessageInput, { channel: currentChannel, isEdit: true, disabled: disabled, ref: editMessageInputRef, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, message: parentMessage, onStartTyping: function () {
-                    var _a;
-                    (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.startTyping) === null || _a === void 0 ? void 0 : _a.call(currentChannel);
-                }, onUpdateMessage: function (_a) {
-                    var _b;
-                    var messageId = _a.messageId, message = _a.message, mentionTemplate = _a.mentionTemplate;
-                    updateMessage({
-                        messageId: messageId,
-                        message: message,
-                        mentionedUsers: mentionedUsers,
-                        mentionTemplate: mentionTemplate,
-                    });
-                    setShowEditInput(false);
-                    (_b = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.endTyping) === null || _b === void 0 ? void 0 : _b.call(currentChannel);
-                }, onCancelEdit: function () {
-                    var _a;
-                    setMentionNickname('');
-                    setMentionedUsers([]);
-                    setMentionedUserIds([]);
-                    setMentionSuggestedUsers([]);
-                    setShowEditInput(false);
-                    (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.endTyping) === null || _a === void 0 ? void 0 : _a.call(currentChannel);
-                }, onUserMentioned: function (user) {
-                    if ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) === (user === null || user === void 0 ? void 0 : user.userId)) {
-                        setSelectedUser(null);
-                        setMentionNickname('');
-                    }
-                }, onMentionStringChange: function (mentionText) {
-                    setMentionNickname(mentionText);
-                }, onMentionedUserIdsUpdated: function (userIds) {
-                    setMentionedUserIds(userIds);
-                }, onKeyDown: function (e) {
-                    if (displaySuggestedMentionList && (mentionSuggestedUsers === null || mentionSuggestedUsers === void 0 ? void 0 : mentionSuggestedUsers.length) > 0
-                        && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)) {
-                        setMessageInputEvent(e);
-                        return true;
-                    }
-                    return false;
-                } })));
-    }
-    return (React__default.createElement("div", __assign({ className: "sendbird-parent-message-info ".concat(className) }, (isMobile) ? __assign({}, longPress) : {}, { ref: mobileMenuRef }),
-        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) {
-                var _a, _b, _c;
-                return (React__default.createElement(Avatar, { className: "sendbird-parent-message-info__sender", ref: avatarRef, src: ((_b = (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _a === void 0 ? void 0 : _a.find(function (m) { var _a; return (m === null || m === void 0 ? void 0 : m.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _b === void 0 ? void 0 : _b.profileUrl)
-                        || ((_c = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _c === void 0 ? void 0 : _c.profileUrl), alt: "thread message sender", width: "40px", height: "40px", onClick: function () {
-                        if (!disableUserProfile) {
-                            toggleDropdown();
-                        }
-                    } }));
-            }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } }, renderUserProfile
-                ? renderUserProfile({ user: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender, close: closeDropdown, currentUserId: userId })
-                : (React__default.createElement(UserProfile, { user: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender, currentUserId: userId, onSuccess: closeDropdown })))); } }),
-        React__default.createElement("div", { className: "sendbird-parent-message-info__content" },
-            React__default.createElement("div", { className: "sendbird-parent-message-info__content__info" },
-                React__default.createElement(Label, { className: "sendbird-parent-message-info__content__info__sender-name".concat(usingReaction ? '--use-reaction' : ''), type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, ((_f = (_e = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _e === void 0 ? void 0 : _e.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _f === void 0 ? void 0 : _f.nickname) || (getSenderName === null || getSenderName === void 0 ? void 0 : getSenderName(parentMessage))),
-                React__default.createElement(Label, { className: "sendbird-parent-message-info__content__info__sent-at", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, format((parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.createdAt) || 0, 'p', { locale: dateLocale }))),
-            React__default.createElement(ParentMessageInfoItem, { message: parentMessage, showFileViewer: setShowFileViewer })),
-        !isMobile && (React__default.createElement(MessageMenu, { className: "sendbird-parent-message-info__context-menu ".concat(usingReaction ? 'use-reaction' : '', " ").concat(supposedHover ? 'sendbird-mouse-hover' : ''), channel: currentChannel, message: parentMessage, isByMe: userId === ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _g === void 0 ? void 0 : _g.userId), disableDeleteMessage: allThreadMessages.length > 0, replyType: replyType, showEdit: setShowEditInput, showRemove: setShowRemove, setSupposedHover: setSupposedHover, onMoveToParentMessage: function () {
-                onMoveToParentMessage({ message: parentMessage, channel: currentChannel });
-            } })),
-        (usingReaction && !isMobile) && (React__default.createElement(MessageEmojiMenu, { className: "sendbird-parent-message-info__reaction-menu ".concat(supposedHover ? 'sendbird-mouse-hover' : ''), message: parentMessage, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
-        showRemove && (React__default.createElement(RemoveMessage, { onCancel: function () { return setShowRemove(false); }, onSubmit: function () {
-                onHeaderActionClick === null || onHeaderActionClick === void 0 ? void 0 : onHeaderActionClick();
-            }, message: parentMessage })),
-        showFileViewer && (React__default.createElement(FileViewer, { message: parentMessage, onClose: function () { return setShowFileViewer(false); }, onDelete: function () {
-                deleteMessage(parentMessage)
-                    .then(function () {
-                    setShowFileViewer(false);
-                });
-            } })),
-        showMobileMenu && (React__default.createElement(MobileMenu, { parentRef: mobileMenuRef, channel: currentChannel, message: parentMessage, userId: userId, replyType: replyType, hideMenu: function () {
-                setShowMobileMenu(false);
-            }, deleteMessage: deleteMessage, deleteMenuState: (allThreadMessages === null || allThreadMessages === void 0 ? void 0 : allThreadMessages.length) === 0
-                ? 'ACTIVE'
-                : 'HIDE', isReactionEnabled: usingReaction, isByMe: isByMe, emojiContainer: emojiContainer, showEdit: setShowEditInput, showRemove: setShowRemove, toggleReaction: toggleReaction, isOpenedFromThread: true }))));
-}
-
-export { ParentMessageInfo as default };
-//# sourceMappingURL=ParentMessageInfo.js.map

package/Thread/components/ParentMessageInfo.js.map

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

package/Thread/components/ParentMessageInfoItem.js

@@ -1,148 +0,0 @@
-import React__default, { useMemo, useState } from 'react';
-import { u as useLocalization } from '../../chunks/bundle-Xly_X4hP.js';
-import { j as isUserMessage, g as isEditedMessage, t as getUIKitMessageType, w as getUIKitMessageTypes, u as getUIKitFileType, v as truncateString, b as isMultipleFilesMessage, i as isVoiceMessage, r as isThumbnailMessage, k as isSentMessage, x as isVideoMessage, y as isGifMessage } from '../../chunks/bundle-ZT6XnGSN.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-0IelBspE.js';
-import ImageRenderer from '../../ui/ImageRenderer.js';
-import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import TextButton from '../../ui/TextButton.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import EmojiReactions from '../../ui/EmojiReactions.js';
-import { useThreadContext } from '../context.js';
-import { VoiceMessageItemBody } from '../../ui/VoiceMessageItemBody.js';
-import { T as TextFragment } from '../../chunks/bundle-GiSLT4lG.js';
-import { t as tokenizeMessage } from '../../chunks/bundle-lSKfBDuq.js';
-import { u as useThreadMessageKindKeySelector, a as useStatefulFileInfoList, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-0SIFukuT.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-Mn36ivpf.js';
-import { C as Colors } from '../../chunks/bundle-LhtrqZSE.js';
-import '../../chunks/bundle-JuKER7D_.js';
-import '../../chunks/bundle-xgxXEKxk.js';
-import '../../chunks/bundle-Y6TqPszM.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-zz1eCYds.js';
-import '../../chunks/bundle-JhG5BHdE.js';
-import '../../withSendbird.js';
-import '../../ui/ReactionBadge.js';
-import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-cJc3JBZb.js';
-import '../../ui/ContextMenu.js';
-import 'react-dom';
-import '../../ui/SortByRow.js';
-import '../../chunks/bundle-8VA5hO1c.js';
-import '../../ui/BottomSheet.js';
-import '../../hooks/useModal.js';
-import '../../chunks/bundle-5JvP07dI.js';
-import '../../ui/IconButton.js';
-import '../../ui/Button.js';
-import '../../ui/UserListItem.js';
-import '../../chunks/bundle-3WQuaADd.js';
-import '../../chunks/bundle-Tep20T57.js';
-import '../../chunks/bundle-2AUp3oeN.js';
-import '../../ui/MutedAvatarOverlay.js';
-import '../../ui/Checkbox.js';
-import '../../ui/UserProfile.js';
-import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-7x4clnC7.js';
-import '../../ui/Tooltip.js';
-import '../../ui/TooltipWrapper.js';
-import '../../Message/context.js';
-import '../../chunks/bundle-EteEacTX.js';
-import '../../chunks/bundle-menQ38z9.js';
-import '../../chunks/bundle-pmVgESW3.js';
-import '@sendbird/chat/message';
-import '../context/types.js';
-import '@sendbird/chat';
-import '../../chunks/bundle-GGcTNRCI.js';
-import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-EPtYsHAJ.js';
-import '../../chunks/bundle-Sk3SXXP7.js';
-import '../../ui/ProgressBar.js';
-import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-Ku1a64TD.js';
-import '../../VoiceRecorder/context.js';
-import '../../ui/PlaybackTime.js';
-import '../../ui/Loader.js';
-import '../../ui/MentionLabel.js';
-import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-LTnLzJFb.js';
-
-function ParentMessageInfoItem(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var className = _a.className, message = _a.message, showFileViewer = _a.showFileViewer;
-    var _l = (useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext()) || {}, stores = _l.stores, config = _l.config, eventHandlers = _l.eventHandlers;
-    var onPressUserProfileHandler = (_b = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _b === void 0 ? void 0 : _b.onPressUserProfile;
-    var replyType = config.replyType, isMentionEnabled = config.isMentionEnabled, isReactionEnabled = config.isReactionEnabled;
-    var currentUserId = (_d = (_c = stores === null || stores === void 0 ? void 0 : stores.userStore) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.userId;
-    var stringSet = useLocalization().stringSet;
-    var _m = useThreadContext(), currentChannel = _m.currentChannel, emojiContainer = _m.emojiContainer, nicknamesMap = _m.nicknamesMap, toggleReaction = _m.toggleReaction;
-    var isMobile = useMediaQueryContext().isMobile;
-    var threadMessageKindKey = useThreadMessageKindKeySelector({
-        threadMessageKind: ThreadMessageKind.PARENT,
-        isMobile: isMobile,
-    });
-    // For MultipleFilesMessage only.
-    var statefulFileInfoList = useStatefulFileInfoList(message);
-    var isMentionedMessage = isMentionEnabled
-        && ((_e = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _e === void 0 ? void 0 : _e.length) > 0
-        && ((_f = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _f === void 0 ? void 0 : _f.length) > 0;
-    // Emoji reactions
-    var isReactionActivated = isReactionEnabled
-        && replyType === 'THREAD'
-        && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isSuper)
-        && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast)
-        && ((_g = message === null || message === void 0 ? void 0 : message.reactions) === null || _g === void 0 ? void 0 : _g.length) > 0;
-    var tokens = useMemo(function () {
-        if (isMentionedMessage) {
-            return tokenizeMessage({
-                mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
-                messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate,
-            });
-        }
-        return tokenizeMessage({
-            messageText: message === null || message === void 0 ? void 0 : message.message,
-        });
-    }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
-    // Thumbnail mesage
-    var _o = useState(false), isImageRendered = _o[0], setImageRendered = _o[1];
-    var thumbnailUrl = ((_h = message === null || message === void 0 ? void 0 : message.thumbnails) === null || _h === void 0 ? void 0 : _h.length) > 0
-        ? (_j = message === null || message === void 0 ? void 0 : message.thumbnails[0]) === null || _j === void 0 ? void 0 : _j.url : '';
-    return (React__default.createElement("div", { className: "sendbird-parent-message-info-item ".concat(className) },
-        isUserMessage(message) && (React__default.createElement(Label, { className: "sendbird-parent-message-info-item__text-message", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_1 },
-            React__default.createElement(TextFragment, { tokens: tokens }),
-            isEditedMessage(message) && (React__default.createElement(Label, { className: "sendbird-parent-message-info-item__text-message edited", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))),
-        (getUIKitMessageType(message) === getUIKitMessageTypes().FILE) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__file-message" },
-            React__default.createElement("div", { className: "sendbird-parent-message-info-item__file-message__file-icon" },
-                React__default.createElement(Icon, { className: "sendbird-parent-message-info-item__file-message__file-icon__icon", type: {
-                        IMAGE: IconTypes.PHOTO,
-                        VIDEO: IconTypes.PLAY,
-                        AUDIO: IconTypes.FILE_AUDIO,
-                        GIF: IconTypes.GIF,
-                        OTHERS: IconTypes.FILE_DOCUMENT,
-                    }[getUIKitFileType(message === null || message === void 0 ? void 0 : message.type)], fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })),
-            React__default.createElement(TextButton, { className: "sendbird-parent-message-info-item__file-message__file-name", onClick: function () { window.open(message === null || message === void 0 ? void 0 : message.url); }, color: Colors.ONBACKGROUND_1 },
-                React__default.createElement(Label, { className: "sendbird-parent-message-info-item__file-message__file-name__text", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_1 }, truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), 30))))),
-        isMultipleFilesMessage(message) && (React__default.createElement(MultipleFilesMessageItemBody, { className: "sendbird-parent-message-info-item__multiple-files-message-wrapper", message: message, isByMe: false, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
-        isVoiceMessage(message) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__voice-message" },
-            React__default.createElement(VoiceMessageItemBody, { className: "sendbird-parent-message-info-item__voice-message__item", message: message, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isByMe: false, isReactionEnabled: isReactionEnabled }))),
-        isThumbnailMessage(message) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message", onClick: function () {
-                if (isSentMessage(message)) {
-                    showFileViewer(true);
-                }
-            } },
-            React__default.createElement(ImageRenderer, { className: "sendbird-parent-message-info-item__thumbnail-message__thumbnail", url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl), alt: message === null || message === void 0 ? void 0 : message.type, width: "200px", height: "148px", onLoad: function () { setImageRendered(true); }, placeHolder: function (style_) { return (React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder", style: style_ },
-                    React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon" },
-                        React__default.createElement(Icon, { type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" })))); } }),
-            (isVideoMessage(message) && !thumbnailUrl) && !isImageRendered && (React__default.createElement("video", { className: "sendbird-parent-message-info-item__thumbnail-message__video" },
-                React__default.createElement("source", { src: (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl), type: message === null || message === void 0 ? void 0 : message.type }))),
-            React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__image-cover" }),
-            (isVideoMessage(message) || isGifMessage(message)) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper" },
-                React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon" },
-                    React__default.createElement(Icon, { type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF, fillColor: IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" })))))),
-        getUIKitMessageType(message) === ((_k = getUIKitMessageTypes === null || getUIKitMessageTypes === void 0 ? void 0 : getUIKitMessageTypes()) === null || _k === void 0 ? void 0 : _k.UNKNOWN) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__unknown-message" },
-            React__default.createElement(Label, { className: "sendbird-parent-message-info-item__unknown-message__header", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE),
-            React__default.createElement(Label, { className: "sendbird-parent-message-info-item__unknown-message__description", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE))),
-        isReactionActivated && (React__default.createElement("div", { className: "sendbird-parent-message-info__reactions" },
-            React__default.createElement(EmojiReactions, { userId: currentUserId, message: message, channel: currentChannel, isByMe: false, emojiContainer: emojiContainer, memberNicknamesMap: nicknamesMap, toggleReaction: toggleReaction, onPressUserProfile: onPressUserProfileHandler })))));
-}
-
-export { ParentMessageInfoItem as default };
-//# sourceMappingURL=ParentMessageInfoItem.js.map

package/Thread/components/ThreadHeader.js

@@ -1,32 +0,0 @@
-import React__default, { useMemo } from 'react';
-import IconButton from '../../ui/IconButton.js';
-import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-0IelBspE.js';
-import TextButton from '../../ui/TextButton.js';
-import { u as useLocalization } from '../../chunks/bundle-Xly_X4hP.js';
-import '../../chunks/bundle-Y6TqPszM.js';
-import '../../chunks/bundle-JhG5BHdE.js';
-import '../../chunks/bundle-JuKER7D_.js';
-import '../../chunks/bundle-LhtrqZSE.js';
-import '../../chunks/bundle-xgxXEKxk.js';
-
-function ThreadHeader(_a) {
-    var className = _a.className, channelName = _a.channelName, renderActionIcon = _a.renderActionIcon, onActionIconClick = _a.onActionIconClick, onChannelNameClick = _a.onChannelNameClick;
-    var stringSet = useLocalization().stringSet;
-    var MemoizedActionIcon = useMemo(function () {
-        if (typeof renderActionIcon === 'function') {
-            return renderActionIcon({ onActionIconClick: onActionIconClick });
-        }
-        return null;
-    }, [renderActionIcon]);
-    return (React__default.createElement("div", { className: "sendbird-thread-header ".concat(className) },
-        React__default.createElement(Label, { className: "sendbird-thread-header__title", type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.THREAD__HEADER_TITLE),
-        React__default.createElement(TextButton, { onClick: function (e) { return onChannelNameClick === null || onChannelNameClick === void 0 ? void 0 : onChannelNameClick(e); }, disableUnderline: true },
-            React__default.createElement(Label, { className: "sendbird-thread-header__channel-name", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, channelName)),
-        MemoizedActionIcon || (React__default.createElement("div", { className: "sendbird-thread-header__action" },
-            React__default.createElement(IconButton, { width: "32px", height: "32px", onClick: function (e) { return onActionIconClick(e); } },
-                React__default.createElement(Icon, { type: IconTypes.CLOSE, fillColor: IconColors.ON_BACKGROUND_1, width: "22px", height: "22px" }))))));
-}
-
-export { ThreadHeader as default };
-//# sourceMappingURL=ThreadHeader.js.map

package/Thread/components/ThreadList.js

@@ -1,170 +0,0 @@
-import React__default, { useMemo } from 'react';
-import ThreadListItem from './ThreadListItem.js';
-import { useThreadContext } from '../context.js';
-import { c as compareMessagesForGrouping } from '../../chunks/bundle-EteEacTX.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { isSameDay } from 'date-fns';
-import { MessageProvider } from '../../Message/context.js';
-import '../../chunks/bundle-Y6TqPszM.js';
-import '../../chunks/bundle-pmVgESW3.js';
-import '../../chunks/bundle-xgxXEKxk.js';
-import '../../chunks/bundle-Xly_X4hP.js';
-import '../../chunks/bundle-JuKER7D_.js';
-import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-LhtrqZSE.js';
-import '../../chunks/bundle-0IelBspE.js';
-import '../../chunks/bundle-ZNwxfYJx.js';
-import '../../chunks/bundle-5JvP07dI.js';
-import 'react-dom';
-import '../../chunks/bundle-JhG5BHdE.js';
-import '../../chunks/bundle-Mn36ivpf.js';
-import '../../ui/IconButton.js';
-import '../../ui/Button.js';
-import '../../ui/Icon.js';
-import '../../chunks/bundle-JSlDfYOF.js';
-import '../../chunks/bundle-ZT6XnGSN.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-zz1eCYds.js';
-import '../../chunks/bundle-LTnLzJFb.js';
-import '../../hooks/useModal.js';
-import '../../chunks/bundle-Tep20T57.js';
-import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-8VA5hO1c.js';
-import '../../chunks/bundle-2AUp3oeN.js';
-import '../../chunks/bundle-Sk3SXXP7.js';
-import '../../Channel/components/SuggestedMentionList.js';
-import '../../chunks/bundle-QO9wq7-1.js';
-import '../../chunks/bundle-3WQuaADd.js';
-import '../../chunks/bundle-YQkYq090.js';
-import '../../chunks/bundle-menQ38z9.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-GGcTNRCI.js';
-import '../../chunks/bundle-EPtYsHAJ.js';
-import '@sendbird/chat/groupChannel';
-import '../../Channel/hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-7x4clnC7.js';
-import '../../chunks/bundle-pCwi8C-K.js';
-import '../../chunks/bundle-Jw6D-oM_.js';
-import '../../ui/MessageInput.js';
-import '../../chunks/bundle-vSJ8dTAZ.js';
-import 'dompurify';
-import '../../chunks/bundle-2YEsND5T.js';
-import '../../chunks/bundle-zCWUhqT2.js';
-import '../../chunks/bundle-89OkQYTj.js';
-import '../../chunks/bundle-lSKfBDuq.js';
-import '../context/types.js';
-import '../../ui/ContextMenu.js';
-import '../../ui/SortByRow.js';
-import '../../ui/UserProfile.js';
-import '../../sendbirdSelectors.js';
-import '../../withSendbird.js';
-import '../../ui/MessageItemMenu.js';
-import '../../chunks/bundle-KOKqPpBq.js';
-import '../../ui/MessageItemReactionMenu.js';
-import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-cJc3JBZb.js';
-import '../../chunks/bundle-l0M5nN1Q.js';
-import '../../ui/Loader.js';
-import '../../chunks/bundle-oghsyfOE.js';
-import '../../chunks/bundle-6uVd8Nrl.js';
-import '../../ui/EmojiReactions.js';
-import '../../ui/ReactionBadge.js';
-import '../../ui/BottomSheet.js';
-import '../../ui/UserListItem.js';
-import '../../ui/MutedAvatarOverlay.js';
-import '../../ui/Checkbox.js';
-import '../../ui/Tooltip.js';
-import '../../ui/TooltipWrapper.js';
-import '../../ui/TextMessageItemBody.js';
-import '../../chunks/bundle-GiSLT4lG.js';
-import '../../ui/MentionLabel.js';
-import '../../ui/LinkLabel.js';
-import '../../ui/OGMessageItemBody.js';
-import '../../ui/FileMessageItemBody.js';
-import '../../ui/TextButton.js';
-import '../../ui/ThumbnailMessageItemBody.js';
-import '../../chunks/bundle-WZvwkbYN.js';
-import '../../ui/UnknownMessageItemBody.js';
-import '../../ui/VoiceMessageItemBody.js';
-import '../../ui/ProgressBar.js';
-import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-Ku1a64TD.js';
-import '../../VoiceRecorder/context.js';
-import '../../ui/PlaybackTime.js';
-import '../../chunks/bundle-k4WuO78S.js';
-import '../../chunks/bundle-0SIFukuT.js';
-import '../../Message/hooks/useDirtyGetMentions.js';
-import '@sendbird/chat';
-
-function ThreadList(_a) {
-    var className = _a.className, renderMessage = _a.renderMessage, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;
-    var config = useSendbirdStateContext().config;
-    var replyType = config.replyType, userId = config.userId;
-    var _b = useThreadContext(), currentChannel = _b.currentChannel, allThreadMessages = _b.allThreadMessages, localThreadMessages = _b.localThreadMessages;
-    var MemorizedMessage = useMemo(function () { return function (_a) {
-        var message = _a.message, chainTop = _a.chainTop, chainBottom = _a.chainBottom, hasSeparator = _a.hasSeparator;
-        if (typeof renderMessage === 'function') {
-            return renderMessage({
-                message: message,
-                chainTop: chainTop,
-                chainBottom: chainBottom,
-                hasSeparator: hasSeparator,
-            });
-        }
-        return null;
-    }; }, [renderMessage]);
-    return (React__default.createElement("div", { className: "sendbird-thread-list ".concat(className) },
-        allThreadMessages.map(function (message, idx) {
-            var _a;
-            var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
-            var prevMessage = allThreadMessages[idx - 1];
-            var nextMessage = allThreadMessages[idx + 1];
-            // eslint-disable-next-line no-constant-condition
-            var _b = compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType)
-                , chainTop = _b[0], chainBottom = _b[1];
-            var hasSeparator = !((prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt) > 0 && (isSameDay(message === null || message === void 0 ? void 0 : message.createdAt, prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt)));
-            var handleScroll = function () {
-                var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-                if (current) {
-                    var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
-                    if (scrollBottom < bottom) {
-                        current.scrollTop += bottom - scrollBottom;
-                    }
-                }
-            };
-            return (React__default.createElement(MessageProvider, { message: message, isByMe: isByMe, key: message === null || message === void 0 ? void 0 : message.messageId }, MemorizedMessage({
-                message: message,
-                chainTop: chainTop,
-                chainBottom: chainBottom,
-                hasSeparator: hasSeparator,
-            }) || (React__default.createElement(ThreadListItem, { message: message, chainTop: chainTop, chainBottom: chainBottom, hasSeparator: hasSeparator, renderCustomSeparator: renderCustomSeparator, handleScroll: handleScroll }))));
-        }),
-        localThreadMessages.map(function (message, idx) {
-            var _a;
-            var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
-            var prevMessage = localThreadMessages[idx - 1];
-            var nextMessage = localThreadMessages[idx + 1];
-            // eslint-disable-next-line no-constant-condition
-            var _b = compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType)
-                , chainTop = _b[0], chainBottom = _b[1];
-            var hasSeparator = !((prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt) > 0 && (isSameDay(message === null || message === void 0 ? void 0 : message.createdAt, prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt)));
-            var handleScroll = function () {
-                var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-                if (current) {
-                    var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
-                    if (scrollBottom < bottom) {
-                        current.scrollTop += bottom - scrollBottom;
-                    }
-                }
-            };
-            return (React__default.createElement(MessageProvider, { message: message, isByMe: isByMe, key: message === null || message === void 0 ? void 0 : message.messageId }, MemorizedMessage({
-                message: message,
-                chainTop: chainTop,
-                chainBottom: chainBottom,
-                hasSeparator: hasSeparator,
-            }) || (React__default.createElement(ThreadListItem, { message: message, hasSeparator: false, renderCustomSeparator: renderCustomSeparator, handleScroll: handleScroll }))));
-        })));
-}
-
-export { ThreadList as default };
-//# sourceMappingURL=ThreadList.js.map