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

package/cjs/Channel/components/MessageInput.js

@@ -1,209 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../chunks/bundle-QH7iLrPR.js');
-var React = require('react');
-var utils = require('../../chunks/bundle-pxBxPT0b.js');
-var ui_MessageInput = require('../../ui/MessageInput.js');
-var ui_QuoteMessageInput = require('../../ui/QuoteMessageInput.js');
-var LocalizationContext = require('../../chunks/bundle-ZurhBjw4.js');
-var Channel_context = require('../../chunks/bundle-7gBYfQwU.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
-var _const = require('../../chunks/bundle-hxGMLtWg.js');
-var VoiceMessageInputWrapper = require('../../chunks/bundle-x3a8KQ02.js');
-var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var MediaQueryContext = require('../../chunks/bundle-vWUmeH2R.js');
-var Channel_hooks_useHandleUploadFiles = require('../hooks/useHandleUploadFiles.js');
-require('../../chunks/bundle-nGMCZjvM.js');
-require('../../chunks/bundle-cV7uGK08.js');
-require('../../chunks/bundle-F--qTOLe.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-AQhLE-Ci.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle-o1ta9AIa.js');
-require('../../ui/IconButton.js');
-require('../../ui/Button.js');
-require('../../chunks/bundle-0MHADZvF.js');
-require('../../chunks/bundle-v8bBiJ_c.js');
-require('../../chunks/bundle-HjwY9t7s.js');
-require('dompurify');
-require('../../chunks/bundle-N1ipvkhN.js');
-require('../../chunks/bundle-i5KLDxjz.js');
-require('../../chunks/bundle-xeeBDhY6.js');
-require('../../ui/Icon.js');
-require('../../chunks/bundle-Pe-j2f1D.js');
-require('../../chunks/bundle-FpImAp7o.js');
-require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-KKPmuuwX.js');
-require('../../chunks/bundle-gM8i5lGF.js');
-require('../../chunks/bundle-GE1I3PNS.js');
-require('../../chunks/bundle-ow5FLcVV.js');
-require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-NYFm08XH.js');
-require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-0wbO-LdY.js');
-require('../../chunks/bundle-EVdeXpsD.js');
-require('../../chunks/bundle-l92Ws-Rs.js');
-require('../../chunks/bundle-tFuTz5CT.js');
-require('../../withSendbird.js');
-require('../../chunks/bundle-vSdu8rrq.js');
-require('../../chunks/bundle-MeuNh9Q9.js');
-require('../../Thread/context.js');
-require('../../Thread/context/types.js');
-require('@sendbird/chat');
-require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-VoZZnYtF.js');
-require('../../VoiceRecorder/context.js');
-require('../../chunks/bundle-JragPpHy.js');
-require('react-dom');
-require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-IxIg8fhp.js');
-require('../../ui/PlaybackTime.js');
-require('../../ui/ProgressBar.js');
-require('../../ui/TextButton.js');
-require('../../chunks/bundle-yTYZiuXi.js');
-require('../../hooks/useModal.js');
-
-var MessageInputWrapper = function (props, ref) {
-    var _a;
-    var value = props.value, renderFileUploadIcon = props.renderFileUploadIcon, renderVoiceMessageIcon = props.renderVoiceMessageIcon, renderSendMessageIcon = props.renderSendMessageIcon;
-    var propDisabled = props.disabled;
-    var channelContext = Channel_context.useChannelContext();
-    var currentGroupChannel = channelContext.currentGroupChannel, initialized = channelContext.initialized, quoteMessage = channelContext.quoteMessage, sendMessage = channelContext.sendMessage, sendFileMessage = channelContext.sendFileMessage, sendVoiceMessage = channelContext.sendVoiceMessage, sendMultipleFilesMessage = channelContext.sendMultipleFilesMessage, setQuoteMessage = channelContext.setQuoteMessage, messageInputRef = channelContext.messageInputRef, renderUserMentionItem = channelContext.renderUserMentionItem;
-    var globalStore = useSendbirdStateContext.useSendbirdStateContext();
-    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var channel = currentGroupChannel;
-    var _b = globalStore.config, isOnline = _b.isOnline, isMentionEnabled = _b.isMentionEnabled, userMention = _b.userMention, isVoiceMessageEnabled = _b.isVoiceMessageEnabled, logger = _b.logger;
-    var isMultipleFilesMessageEnabled = ((_a = channelContext.isMultipleFilesMessageEnabled) !== null && _a !== void 0 ? _a : globalStore.config.isMultipleFilesMessageEnabled);
-    var maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || 10;
-    var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || 15;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _c = React.useState(''), mentionNickname = _c[0], setMentionNickname = _c[1];
-    // todo: set type
-    var _d = React.useState([]), mentionedUsers = _d[0], setMentionedUsers = _d[1];
-    var _e = React.useState([]), mentionedUserIds = _e[0], setMentionedUserIds = _e[1];
-    var _f = React.useState(null), selectedUser = _f[0], setSelectedUser = _f[1];
-    var _g = React.useState([]), mentionSuggestedUsers = _g[0], setMentionSuggestedUsers = _g[1];
-    var _h = React.useState(null), messageInputEvent = _h[0], setMessageInputEvent = _h[1];
-    var _j = React.useState(false), showVoiceMessageInput = _j[0], setShowVoiceMessageInput = _j[1];
-    var disabled = propDisabled
-        || !initialized
-        || utils.isDisabledBecauseFrozen(channel)
-        || utils.isDisabledBecauseMuted(channel)
-        || !isOnline;
-    var isOperator = utils.isOperator(channel);
-    var isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
-    var displaySuggestedMentionList = isOnline
-        && isMentionEnabled
-        && mentionNickname.length > 0
-        && !utils.isDisabledBecauseFrozen(channel)
-        && !utils.isDisabledBecauseMuted(channel)
-        && !isBroadcast;
-    // Reset when channel changes
-    React.useEffect(function () {
-        setMentionNickname('');
-        setMentionedUsers([]);
-        setMentionedUserIds([]);
-        setSelectedUser(null);
-        setMentionSuggestedUsers([]);
-        setMessageInputEvent(null);
-        setShowVoiceMessageInput(false);
-    }, [channel === null || channel === void 0 ? void 0 : channel.url]);
-    var mentionNodes = Message_hooks_useDirtyGetMentions.useDirtyGetMentions({ ref: ref || messageInputRef }, { logger: logger });
-    var ableMention = (mentionNodes === null || mentionNodes === void 0 ? void 0 : mentionNodes.length) < maxUserMentionCount;
-    React.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]);
-    // MFM
-    var handleUploadFiles = Channel_hooks_useHandleUploadFiles.useHandleUploadFiles({
-        sendFileMessage: sendFileMessage,
-        sendMultipleFilesMessage: sendMultipleFilesMessage,
-        quoteMessage: quoteMessage,
-    }, {
-        logger: logger,
-    });
-    // broadcast channel + not operator
-    if (isBroadcast && !isOperator) {
-        return null;
-    }
-    // other conditions
-    return (React.createElement("div", { className: "sendbird-message-input-wrapper".concat(showVoiceMessageInput ? '--voice-message' : '') },
-        displaySuggestedMentionList && (React.createElement(Channel_components_SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
-                if (user) {
-                    setMentionedUsers(_tslib.__spreadArray(_tslib.__spreadArray([], mentionedUsers, true), [user], false));
-                }
-                setMentionNickname('');
-                setSelectedUser(user);
-                setMessageInputEvent(null);
-            }, onFocusItemChange: function () {
-                setMessageInputEvent(null);
-            }, onFetchUsers: function (users) {
-                setMentionSuggestedUsers(users);
-            }, ableAddMention: ableMention, maxMentionCount: maxUserMentionCount, maxSuggestionCount: maxUserSuggestionCount })),
-        quoteMessage && (React.createElement("div", { className: "sendbird-message-input-wrapper__quote-message-input" },
-            React.createElement(ui_QuoteMessageInput, { replyingMessage: quoteMessage, onClose: function () { return setQuoteMessage(null); } }))),
-        showVoiceMessageInput
-            ? (React.createElement(VoiceMessageInputWrapper.VoiceMessageInputWrapper, { channel: channel, onSubmitClick: function (recordedFile, duration) {
-                    sendVoiceMessage(recordedFile, duration, quoteMessage);
-                    setQuoteMessage(null);
-                    setShowVoiceMessageInput(false);
-                }, onCancelClick: function () {
-                    setShowVoiceMessageInput(false);
-                } }))
-            : (React.createElement(ui_MessageInput, { className: "sendbird-message-input-wrapper__message-input", value: value, channelUrl: channel === null || channel === void 0 ? void 0 : channel.url, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
-                    setShowVoiceMessageInput(true);
-                }, setMentionedUsers: setMentionedUsers, channel: channel, placeholder: (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)
-                    || (utils.isDisabledBecauseFrozen(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)
-                    || (utils.isDisabledBecauseMuted(channel) && (isMobile ? stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT : stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED)), ref: ref || messageInputRef, disabled: disabled, renderFileUploadIcon: renderFileUploadIcon, renderSendMessageIcon: renderSendMessageIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, onStartTyping: function () {
-                    channel === null || channel === void 0 ? void 0 : channel.startTyping();
-                }, onSendMessage: function (_a) {
-                    var _b;
-                    var message = _a.message, mentionTemplate = _a.mentionTemplate;
-                    sendMessage({
-                        message: message,
-                        quoteMessage: quoteMessage,
-                        mentionedUsers: mentionedUsers,
-                        mentionTemplate: mentionTemplate,
-                    });
-                    setMentionNickname('');
-                    setMentionedUsers([]);
-                    setQuoteMessage(null);
-                    (_b = channel === null || channel === void 0 ? void 0 : channel.endTyping) === null || _b === void 0 ? void 0 : _b.call(channel);
-                }, onFileUpload: function (fileList) {
-                    handleUploadFiles(fileList);
-                    setQuoteMessage(null);
-                }, 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 === _const.MessageInputKeys.Enter && ableMention) || e.key === _const.MessageInputKeys.ArrowUp || e.key === _const.MessageInputKeys.ArrowDown)) {
-                        setMessageInputEvent(e);
-                        return true;
-                    }
-                    return false;
-                } }))));
-};
-var MessageInputWrapper$1 = React.forwardRef(MessageInputWrapper);
-
-exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper.VoiceMessageInputWrapper;
-exports.default = MessageInputWrapper$1;
-//# sourceMappingURL=MessageInput.js.map

package/cjs/Channel/components/MessageInput.js.map

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

package/cjs/Channel/components/MessageList.js

@@ -1,117 +0,0 @@
-'use strict';
-
-require('react');
-require('../../chunks/bundle-7gBYfQwU.js');
-require('../../ui/PlaceHolder.js');
-require('../../ui/Icon.js');
-require('./Message.js');
-var Channel_components_MessageList = require('../../chunks/bundle-5NqynIJA.js');
-require('../../chunks/bundle-pxBxPT0b.js');
-require('../utils/getMessagePartsInfo.js');
-require('./UnreadCount.js');
-require('./FrozenNotification.js');
-require('../../chunks/bundle-EVdeXpsD.js');
-require('../../useSendbirdStateContext.js');
-require('../../Message/context.js');
-require('../../chunks/bundle-nuIgQkwQ.js');
-require('../../ui/TypingIndicatorBubble.js');
-require('../../chunks/bundle-gM8i5lGF.js');
-require('../../chunks/bundle-o1ta9AIa.js');
-require('../../chunks/bundle-QH7iLrPR.js');
-require('../../chunks/bundle-nGMCZjvM.js');
-require('../../chunks/bundle-cV7uGK08.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle-AQhLE-Ci.js');
-require('../../chunks/bundle-GE1I3PNS.js');
-require('../../chunks/bundle-ow5FLcVV.js');
-require('../../chunks/bundle-F--qTOLe.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-NYFm08XH.js');
-require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-0wbO-LdY.js');
-require('../../chunks/bundle-l92Ws-Rs.js');
-require('../../chunks/bundle-tFuTz5CT.js');
-require('../../chunks/bundle-ZurhBjw4.js');
-require('../../chunks/bundle-v8bBiJ_c.js');
-require('../../chunks/bundle-0MHADZvF.js');
-require('../../ui/Loader.js');
-require('../../chunks/bundle-Pe-j2f1D.js');
-require('./SuggestedMentionList.js');
-require('../../chunks/bundle-vSdu8rrq.js');
-require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-MeuNh9Q9.js');
-require('../../chunks/bundle-hxGMLtWg.js');
-require('../../Thread/context.js');
-require('../../Thread/context/types.js');
-require('@sendbird/chat');
-require('../../withSendbird.js');
-require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-yTYZiuXi.js');
-require('../../ui/MessageInput.js');
-require('../../ui/IconButton.js');
-require('../../ui/Button.js');
-require('../../chunks/bundle-HjwY9t7s.js');
-require('dompurify');
-require('../../chunks/bundle-N1ipvkhN.js');
-require('../../chunks/bundle-i5KLDxjz.js');
-require('../../chunks/bundle-xeeBDhY6.js');
-require('../../chunks/bundle-FpImAp7o.js');
-require('../../ui/MessageContent.js');
-require('../../chunks/bundle-0bOWh2mP.js');
-require('../../chunks/bundle-YjWwnwWH.js');
-require('../../chunks/bundle-AoaxviqO.js');
-require('../../ui/MessageItemMenu.js');
-require('../../ui/ContextMenu.js');
-require('react-dom');
-require('../../ui/SortByRow.js');
-require('../../chunks/bundle-fWyUHuJu.js');
-require('../../ui/MessageItemReactionMenu.js');
-require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-5MVOBR4R.js');
-require('../../chunks/bundle-vWUmeH2R.js');
-require('../../ui/EmojiReactions.js');
-require('../../ui/ReactionBadge.js');
-require('../../ui/BottomSheet.js');
-require('../../hooks/useModal.js');
-require('../../chunks/bundle-JragPpHy.js');
-require('../../ui/UserListItem.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('../../ui/AdminMessage.js');
-require('../../ui/QuoteMessage.js');
-require('../../chunks/bundle-KKPmuuwX.js');
-require('../../chunks/bundle-pVKke2mQ.js');
-require('../../ui/ThreadReplies.js');
-require('../../ui/OGMessageItemBody.js');
-require('../../chunks/bundle-wN0CLPzM.js');
-require('../../ui/MentionLabel.js');
-require('../../ui/LinkLabel.js');
-require('../../ui/TextMessageItemBody.js');
-require('../../ui/FileMessageItemBody.js');
-require('../../ui/TextButton.js');
-require('../../chunks/bundle-omofvX-G.js');
-require('../../chunks/bundle-5cuVj6Hi.js');
-require('../../ui/VoiceMessageItemBody.js');
-require('../../ui/ProgressBar.js');
-require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-VoZZnYtF.js');
-require('../../VoiceRecorder/context.js');
-require('../../ui/PlaybackTime.js');
-require('../../ui/ThumbnailMessageItemBody.js');
-require('../../ui/UnknownMessageItemBody.js');
-require('./FileViewer.js');
-require('./RemoveMessageModal.js');
-require('../../chunks/bundle-HaufoaVC.js');
-require('../../Message/hooks/useDirtyGetMentions.js');
-require('@sendbird/uikit-tools');
-require('../utils/compareMessagesForGrouping.js');
-
-
-
-module.exports = Channel_components_MessageList.MessageList;
-//# sourceMappingURL=MessageList.js.map

package/cjs/Channel/components/RemoveMessageModal.js

@@ -1,54 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Modal = require('../../chunks/bundle-JragPpHy.js');
-require('../../chunks/bundle-QH7iLrPR.js');
-require('../../chunks/bundle-0MHADZvF.js');
-var ui_Button = require('../../ui/Button.js');
-var LocalizationContext = require('../../chunks/bundle-ZurhBjw4.js');
-var Channel_context = require('../../chunks/bundle-7gBYfQwU.js');
-var stringFormatterUtils = require('../../chunks/bundle-HaufoaVC.js');
-require('react-dom');
-require('../../chunks/bundle-Pe-j2f1D.js');
-require('../../chunks/bundle-vWUmeH2R.js');
-require('../../ui/IconButton.js');
-require('../../ui/Icon.js');
-require('../../chunks/bundle-v8bBiJ_c.js');
-require('../../chunks/bundle-cV7uGK08.js');
-require('../../chunks/bundle-gM8i5lGF.js');
-require('../../useSendbirdStateContext.js');
-require('../../withSendbird.js');
-require('../../chunks/bundle-o1ta9AIa.js');
-require('../../chunks/bundle-pxBxPT0b.js');
-require('../../chunks/bundle-nGMCZjvM.js');
-require('../../chunks/bundle-F--qTOLe.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-AQhLE-Ci.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle-GE1I3PNS.js');
-require('../../chunks/bundle-ow5FLcVV.js');
-require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-NYFm08XH.js');
-require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-0wbO-LdY.js');
-require('../../chunks/bundle-EVdeXpsD.js');
-require('../../chunks/bundle-l92Ws-Rs.js');
-require('../../chunks/bundle-tFuTz5CT.js');
-
-var RemoveMessage = function (props) {
-    var _a;
-    var _b = props.onSubmit, onSubmit = _b === void 0 ? function () { } : _b, onCancel = props.onCancel, message = props.message;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var deleteMessage = Channel_context.useChannelContext().deleteMessage;
-    return (React.createElement(ui_Modal.Modal, { type: ui_Button.ButtonTypes.DANGER, disabled: ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0, onCancel: onCancel, onSubmit: function () {
-            deleteMessage(message).then(function () {
-                // For other status such as PENDING, SCHEDULED, and CANCELED,
-                // invalid parameters error is thrown so nothing happens.
-                onSubmit();
-                onCancel();
-            });
-        }, submitText: stringSet.MESSAGE_MENU__DELETE, titleText: stringFormatterUtils.getModalDeleteMessageTitle(stringSet, message) }));
-};
-
-module.exports = RemoveMessage;
-//# sourceMappingURL=RemoveMessageModal.js.map

package/cjs/Channel/components/SuggestedMentionList.js

@@ -1,200 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Label = require('../../chunks/bundle-0MHADZvF.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_Avatar = require('../../chunks/bundle-vSdu8rrq.js');
-var LocalizationContext = require('../../chunks/bundle-ZurhBjw4.js');
-var uuid = require('../../chunks/bundle-NYFm08XH.js');
-var Channel_context = require('../../chunks/bundle-7gBYfQwU.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var _const$1 = require('../../chunks/bundle-o1ta9AIa.js');
-var _const = require('../../chunks/bundle-hxGMLtWg.js');
-var Thread_context = require('../../Thread/context.js');
-var _tslib = require('../../chunks/bundle-QH7iLrPR.js');
-require('../../chunks/bundle-v8bBiJ_c.js');
-require('../../chunks/bundle-Pe-j2f1D.js');
-require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-MeuNh9Q9.js');
-require('../../chunks/bundle-cV7uGK08.js');
-require('../../chunks/bundle-gM8i5lGF.js');
-require('../../chunks/bundle-pxBxPT0b.js');
-require('../../chunks/bundle-nGMCZjvM.js');
-require('../../chunks/bundle-F--qTOLe.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-AQhLE-Ci.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle-GE1I3PNS.js');
-require('../../chunks/bundle-ow5FLcVV.js');
-require('@sendbird/chat/groupChannel');
-require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-0wbO-LdY.js');
-require('../../chunks/bundle-EVdeXpsD.js');
-require('../../chunks/bundle-l92Ws-Rs.js');
-require('../../chunks/bundle-tFuTz5CT.js');
-require('../../withSendbird.js');
-require('../../Thread/context/types.js');
-require('@sendbird/chat');
-
-function SuggestedUserMentionItem(props) {
-    var member = props.member, _a = props.isFocused, isFocused = _a === void 0 ? false : _a, parentScrollRef = props.parentScrollRef, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseMove = props.onMouseMove, renderUserMentionItem = props.renderUserMentionItem;
-    var scrollRef = React.useRef(null);
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    React.useEffect(function () {
-        if (isFocused && (parentScrollRef === null || parentScrollRef === void 0 ? void 0 : parentScrollRef.current) != null && (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) != null
-            && (parentScrollRef.current.scrollTop >= scrollRef.current.offsetTop
-                || parentScrollRef.current.scrollTop + parentScrollRef.current.clientHeight <= scrollRef.current.offsetTop)) {
-            scrollRef.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        }
-    }, [isFocused]);
-    var customMentionItem = React.useMemo(function () {
-        if (renderUserMentionItem) {
-            return (React.createElement("div", { className: "sendbird-mention-suggest-list__user-item", onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), ref: scrollRef }, renderUserMentionItem({ user: member })));
-        }
-    }, [renderUserMentionItem]);
-    if (customMentionItem) {
-        return customMentionItem;
-    }
-    return (React.createElement("div", { className: "sendbird-mention-suggest-list__user-item ".concat(isFocused ? 'focused' : ''), onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), ref: scrollRef },
-        React.createElement(ui_Avatar.Avatar, { className: "sendbird-mention-suggest-list__user-item__avatar", src: member === null || member === void 0 ? void 0 : member.profileUrl, alt: "user-profile", width: "24px", height: "24px" }),
-        React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__nickname", type: ui_Label.LabelTypography.SUBTITLE_2, color: (member === null || member === void 0 ? void 0 : member.nickname) ? ui_Label.LabelColors.ONBACKGROUND_1 : ui_Label.LabelColors.ONBACKGROUND_3 }, (member === null || member === void 0 ? void 0 : member.nickname) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MENTION_NAME__NO_NAME)),
-        React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__user-id", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, member === null || member === void 0 ? void 0 : member.userId)));
-}
-
-function fetchMembersFromChannel(currentUserId, channel, maxSuggestionCount, searchString) {
-    return _tslib.__awaiter(this, void 0, void 0, function () {
-        return _tslib.__generator(this, function (_a) {
-            return [2 /*return*/, channel.members
-                    .sort(function (a, b) { var _a; return (_a = a.nickname) === null || _a === void 0 ? void 0 : _a.localeCompare(b.nickname); })
-                    .filter(function (member) {
-                    var _a;
-                    return ((_a = member.nickname) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(searchString.toLowerCase()))
-                        && member.userId !== currentUserId
-                        && member.isActive;
-                }).slice(0, maxSuggestionCount)];
-        });
-    });
-}
-function fetchMembersFromQuery(currentUserId, channel, maxSuggestionCount, searchString) {
-    return _tslib.__awaiter(this, void 0, void 0, function () {
-        var query;
-        return _tslib.__generator(this, function (_a) {
-            query = channel.createMemberListQuery({
-                limit: maxSuggestionCount + 1,
-                nicknameStartsWithFilter: searchString,
-            });
-            return [2 /*return*/, query.next()
-                    .then(function (memberList) {
-                    return memberList
-                        .filter(function (member) { return currentUserId !== (member === null || member === void 0 ? void 0 : member.userId); })
-                        .slice(0, maxSuggestionCount);
-                })];
-        });
-    });
-}
-
-var DEBOUNCING_TIME = 300;
-function SuggestedMentionList(props) {
-    var _a, _b, _c, _d, _e;
-    var className = props.className, _f = props.targetNickname, targetNickname = _f === void 0 ? '' : _f, 
-    // memberListQuery,
-    onUserItemClick = props.onUserItemClick, onFocusItemChange = props.onFocusItemChange, onFetchUsers = props.onFetchUsers, renderUserMentionItem = props.renderUserMentionItem, inputEvent = props.inputEvent, _g = props.ableAddMention, ableAddMention = _g === void 0 ? true : _g, _h = props.maxMentionCount, maxMentionCount = _h === void 0 ? _const$1.MAX_USER_MENTION_COUNT : _h, _j = props.maxSuggestionCount, maxSuggestionCount = _j === void 0 ? _const$1.MAX_USER_SUGGESTION_COUNT : _j;
-    var currentGroupChannel = (_a = Channel_context.useChannelContext === null || Channel_context.useChannelContext === void 0 ? void 0 : Channel_context.useChannelContext()) === null || _a === void 0 ? void 0 : _a.currentGroupChannel;
-    var currentChannel = (_b = Thread_context.useThreadContext === null || Thread_context.useThreadContext === void 0 ? void 0 : Thread_context.useThreadContext()) === null || _b === void 0 ? void 0 : _b.currentChannel;
-    var channelInstance = currentGroupChannel || currentChannel;
-    var _k = useSendbirdStateContext.useSendbirdStateContext(), config = _k.config, stores = _k.stores;
-    var logger = config.logger;
-    var currentUserId = ((_e = (_d = (_c = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk) === null || _d === void 0 ? void 0 : _d.currentUser) === null || _e === void 0 ? void 0 : _e.userId) || '';
-    var scrollRef = React.useRef(null);
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _l = React.useState(null), timer = _l[0], setTimer = _l[1];
-    var _m = React.useState(''), searchString = _m[0], setSearchString = _m[1];
-    var _o = React.useState(''), lastSearchString = _o[0], setLastSearchString = _o[1];
-    var _p = React.useState(null), currentFocusedMember = _p[0], setCurrentFocusedMember = _p[1];
-    var _q = React.useState([]), currentMemberList = _q[0], setCurrentMemberList = _q[1];
-    React.useEffect(function () {
-        clearTimeout(timer);
-        setTimer(setTimeout(function () {
-            setSearchString(targetNickname);
-        }, DEBOUNCING_TIME));
-    }, [targetNickname]);
-    React.useEffect(function () {
-        if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.Enter) {
-            if (currentMemberList.length > 0) {
-                onUserItemClick(currentFocusedMember);
-            }
-        }
-        if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.ArrowUp) {
-            var currentUserIndex = currentMemberList.findIndex(function (member) { return ((member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId)); });
-            if (0 < currentUserIndex) {
-                setCurrentFocusedMember(currentMemberList[currentUserIndex - 1]);
-                onFocusItemChange(currentMemberList[currentUserIndex - 1]);
-            }
-        }
-        if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.ArrowDown) {
-            var currentUserIndex = currentMemberList.findIndex(function (member) { return ((member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId)); });
-            if (currentUserIndex < currentMemberList.length - 1) {
-                setCurrentFocusedMember(currentMemberList[currentUserIndex + 1]);
-                onFocusItemChange(currentMemberList[currentUserIndex + 1]);
-            }
-        }
-    }, [inputEvent]);
-    React.useEffect(function () {
-        if (lastSearchString && searchString.indexOf(lastSearchString) === 0 && currentMemberList.length === 0) {
-            // Don't need to request query again
-            return;
-        }
-        if (channelInstance.isSuper) {
-            if (!(channelInstance === null || channelInstance === void 0 ? void 0 : channelInstance.createMemberListQuery)) {
-                logger.warning('SuggestedMentionList: Creating member list query failed');
-                return;
-            }
-        }
-        var fetcher = channelInstance.isSuper ? fetchMembersFromQuery : fetchMembersFromChannel;
-        fetcher(currentUserId, channelInstance, maxSuggestionCount, searchString.slice(_const$1.USER_MENTION_TEMP_CHAR.length))
-            .then(function (suggestingMembers) {
-            if (suggestingMembers.length < 1) {
-                logger.info('SuggestedMentionList: Fetched member list is empty');
-            }
-            else {
-                logger.info('SuggestedMentionList: Fetching member list succeeded', { memberList: suggestingMembers });
-                setCurrentFocusedMember(suggestingMembers[0]);
-            }
-            setLastSearchString(searchString);
-            onFetchUsers(suggestingMembers);
-            setCurrentMemberList(suggestingMembers);
-        })
-            .catch(function (error) {
-            if (error) {
-                logger.error('SuggestedMentionList: Fetching member list failed', error);
-            }
-        });
-    }, [
-        channelInstance === null || channelInstance === void 0 ? void 0 : channelInstance.url,
-        // We have to be specific like this or React would not recognize the changes in instances.
-        channelInstance.members.map(function (member) { return member.nickname; }).join(),
-        channelInstance.members.map(function (member) { return member.isActive; }).join(),
-        searchString,
-        maxSuggestionCount,
-        currentUserId,
-        currentMemberList.length,
-        lastSearchString,
-    ]);
-    if (!ableAddMention && currentMemberList.length === 0) {
-        return null;
-    }
-    return (React.createElement("div", { className: "sendbird-mention-suggest-list ".concat(className), key: "sendbird-mention-suggest-list", ref: scrollRef },
-        ableAddMention && (currentMemberList === null || currentMemberList === void 0 ? void 0 : currentMemberList.map(function (member) { return (React.createElement(SuggestedUserMentionItem, { key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), member: member, isFocused: (member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId), parentScrollRef: scrollRef, onClick: function (_a) {
-                var member = _a.member;
-                onUserItemClick(member);
-            }, onMouseOver: function (_a) {
-                var member = _a.member;
-                setCurrentFocusedMember(member);
-            }, renderUserMentionItem: renderUserMentionItem })); })),
-        !ableAddMention && (React.createElement("div", { className: "sendbird-mention-suggest-list__notice-item" },
-            React.createElement(ui_Icon.default, { className: "sendbird-mention-suggest-list__notice-item__icon", type: ui_Icon.IconTypes.INFO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "20px", height: "20px" }),
-            React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__notice-item__text", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.MENTION_COUNT__OVER_LIMIT.replace('%d', String(maxMentionCount)))))));
-}
-
-module.exports = SuggestedMentionList;
-//# sourceMappingURL=SuggestedMentionList.js.map