@sendbird/uikit-react 3.14.10-rc.0 → 3.14.11-rc-0

package/cjs/chunks/bundle-CD36CC-P.js

@@ -1,231 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_ContextMenu = require('../ui/ContextMenu.js');
-var index = require('./bundle-j2NTrunF.js');
-var LocalizationContext = require('./bundle-DYfOAYVw.js');
-var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-UPXtcgsM.js');
-var ui_BottomSheet = require('../ui/BottomSheet.js');
-var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var ui_ReactionButton = require('../ui/ReactionButton.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var utils = require('./bundle-DsFiTdM1.js');
-
-var MobileContextMenu = function (props) {
-    var _a, _b, _c;
-    var hideMenu = props.hideMenu, channel = props.channel, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, deleteMessage = props.deleteMessage, setQuoteMessage = props.setQuoteMessage, parentRef = props.parentRef, onReplyInThread = props.onReplyInThread, _d = props.isOpenedFromThread, isOpenedFromThread = _d === void 0 ? false : _d, _e = props.onDownloadClick, onDownloadClick = _e === void 0 ? null : _e;
-    var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
-    var stringSet = LocalizationContext.useLocalization().stringSet;
-    var showMenuItemCopy = index.isUserMessage(message);
-    var showMenuItemEdit = (index.isUserMessage(message) && index.isSentMessage(message) && isByMe);
-    var showMenuItemResend = (index.isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
-    var showMenuItemDelete = !index.isPendingMessage(message) && isByMe;
-    var showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');
-    var showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;
-    var disableDelete = ((deleteMenuState !== undefined && deleteMenuState === 'DISABLE')
-        || ((_c = (_b = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _b === void 0 ? void 0 : _b.replyCount) !== null && _c !== void 0 ? _c : 0) > 0);
-    var showMenuItemDownload = !index.isPendingMessage(message) && index.isFileMessage(message)
-        && !(index.isVoiceMessage(message) && ((channel === null || channel === void 0 ? void 0 : channel.isSuper) || (channel === null || channel === void 0 ? void 0 : channel.isBroadcast)));
-    var showMenuItemReply = (replyType === 'QUOTE_REPLY')
-        && !index.isFailedMessage(message)
-        && !index.isPendingMessage(message)
-        && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel());
-    var showMenuItemThread = (replyType === 'THREAD') && !isOpenedFromThread
-        && !index.isFailedMessage(message)
-        && !index.isPendingMessage(message)
-        && !index.isThreadMessage(message)
-        && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel());
-    var fileMessage = message;
-    return (React.createElement(ui_ContextMenu.default, { isOpen: true, menuItems: function () {
-            var _a, _b, _c;
-            return (React.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-message__mobile-context-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
-                showMenuItemCopy && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-copy", onClick: function () {
-                        hideMenu();
-                        index.copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
-                    }, testID: "ui_mobile_message_item_menu_copy" },
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__COPY),
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.COPY, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }))),
-                showMenuItemReply && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-reply", onClick: function () {
-                        hideMenu();
-                        setQuoteMessage === null || setQuoteMessage === void 0 ? void 0 : setQuoteMessage(message);
-                    }, disable: ((_a = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _a !== void 0 ? _a : 0) > 0, testID: "ui_mobile_message_item_menu_reply" },
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ((_b = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _b !== void 0 ? _b : 0) > 0
-                            ? ui_Label.LabelColors.ONBACKGROUND_4
-                            : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__REPLY),
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.REPLY, fillColor: ((_c = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _c !== void 0 ? _c : 0) > 0
-                            ? ui_Icon.IconColors.ON_BACKGROUND_4
-                            : ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }))),
-                showMenuItemThread && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-reply", onClick: function () {
-                        hideMenu();
-                        onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
-                    }, testID: "ui_mobile_message_item_menu_thread" },
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__THREAD),
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.THREAD, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }))),
-                showMenuItemEdit && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-edit", onClick: function () {
-                        hideMenu();
-                        showEdit === null || showEdit === void 0 ? void 0 : showEdit(true);
-                    }, testID: "ui_mobile_message_item_menu_edit" },
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__EDIT),
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.EDIT, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }))),
-                showMenuItemResend && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-resend", onClick: function () {
-                        hideMenu();
-                        resendMessage === null || resendMessage === void 0 ? void 0 : resendMessage(message);
-                    }, testID: "ui_mobile_message_item_menu_resend" },
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__RESEND),
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.REFRESH, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }))),
-                showMenuItemDeleteFinal && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-delete", onClick: function () {
-                        if (index.isFailedMessage(message)) {
-                            hideMenu();
-                            deleteMessage === null || deleteMessage === void 0 ? void 0 : deleteMessage(message);
-                        }
-                        else if (!disableDelete) {
-                            hideMenu();
-                            showRemove === null || showRemove === void 0 ? void 0 : showRemove(true);
-                        }
-                    }, disable: disableDelete, testID: "ui_mobile_message_item_menu_delete" },
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: disableDelete
-                            ? ui_Label.LabelColors.ONBACKGROUND_4
-                            : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__DELETE),
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DELETE, fillColor: disableDelete
-                            ? ui_Icon.IconColors.ON_BACKGROUND_4
-                            : ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }))),
-                showMenuItemDownload && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-save", onClick: function () {
-                        hideMenu();
-                    }, testID: "ui_mobile_message_item_menu_download_file" },
-                    React.createElement("a", { className: "sendbird-message__contextmenu--hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank", onClick: onDownloadClick },
-                        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__SAVE),
-                        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }))))));
-        } }));
-};
-
-var EMOJI_SIZE = 38;
-var MobileBottomSheet = function (props) {
-    var _a, _b, _c;
-    var hideMenu = props.hideMenu, channel = props.channel, emojiContainer = props.emojiContainer, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, _d = props.isReactionEnabled, isReactionEnabled = _d === void 0 ? false : _d, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, _e = props.isOpenedFromThread, isOpenedFromThread = _e === void 0 ? false : _e, onDownloadClick = props.onDownloadClick;
-    var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
-    var stringSet = LocalizationContext.useLocalization().stringSet;
-    var globalStore = useSendbirdStateContext.useSendbirdStateContext();
-    var isOnline = globalStore.config.isOnline;
-    var showMenuItemCopy = index.isUserMessage(message);
-    var showMenuItemEdit = (index.isUserMessage(message) && index.isSentMessage(message) && isByMe);
-    var showMenuItemResend = (isOnline && index.isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
-    var showMenuItemDelete = !index.isPendingMessage(message) && isByMe;
-    var showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');
-    var showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;
-    var disableDelete = ((deleteMenuState !== undefined && deleteMenuState === 'DISABLE')
-        || ((_c = (_b = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _b === void 0 ? void 0 : _b.replyCount) !== null && _c !== void 0 ? _c : 0) > 0);
-    var showMenuItemDownload = index.isSentMessage(message) && index.isFileMessage(message) && !index.isVoiceMessage(message);
-    var showReaction = !index.isFailedMessage(message) && !index.isPendingMessage(message) && isReactionEnabled;
-    var showMenuItemReply = (replyType === 'QUOTE_REPLY')
-        && !index.isFailedMessage(message)
-        && !index.isPendingMessage(message)
-        && ((channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast));
-    var showMenuItemThread = (replyType === 'THREAD') && !isOpenedFromThread
-        && !index.isFailedMessage(message)
-        && !index.isPendingMessage(message)
-        && !index.isThreadMessage(message)
-        && ((channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast));
-    var disableReaction = (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0;
-    var fileMessage = message;
-    var maxEmojisPerRow = Math.floor(window.innerWidth / EMOJI_SIZE) - 1;
-    var _f = React.useState(false), showEmojisOnly = _f[0], setShowEmojisOnly = _f[1];
-    var emojis = emojiContainer && index.getEmojiListAll(emojiContainer);
-    // calculate max emojis that can be shown in screen
-    var visibleEmojis = showEmojisOnly
-        ? emojis
-        : emojis === null || emojis === void 0 ? void 0 : emojis.slice(0, maxEmojisPerRow);
-    var canShowMoreEmojis = emojis && emojis.length > maxEmojisPerRow;
-    return (React.createElement(ui_BottomSheet, { onBackdropClick: hideMenu },
-        React.createElement("div", { className: 'sendbird-message__bottomsheet' },
-            showReaction && (React.createElement("div", { className: 'sendbird-message__bottomsheet-reactions' },
-                React.createElement("ul", { className: "sendbird-message__bottomsheet-reaction-bar" },
-                    React.createElement("div", { className: utils.classnames('sendbird-message__bottomsheet-reaction-bar__row', showEmojisOnly && 'sendbird-message__bottomsheet-reaction-bar__all') },
-                        visibleEmojis.map(function (emoji) {
-                            var _a, _b, _c;
-                            var isReacted = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.filter(function (reaction) { return reaction.key === emoji.key; })[0]) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) { return reactorId === userId; });
-                            return (React.createElement(ui_ReactionButton, { key: emoji.key, width: "".concat(EMOJI_SIZE, "px"), height: "".concat(EMOJI_SIZE, "px"), selected: isReacted, onClick: function () {
-                                    hideMenu();
-                                    toggleReaction === null || toggleReaction === void 0 ? void 0 : toggleReaction(message, emoji.key, isReacted);
-                                }, testID: "ui_mobile_emoji_reactions_menu_".concat(emoji.key) },
-                                React.createElement(ui_ImageRenderer.default, { url: (emoji === null || emoji === void 0 ? void 0 : emoji.url) || '', width: "28px", height: "28px", placeHolder: function (_a) {
-                                        var style = _a.style;
-                                        return (React.createElement("div", { style: style },
-                                            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.QUESTION, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
-                                    } })));
-                        }),
-                        canShowMoreEmojis && !showEmojisOnly && (React.createElement(ui_ReactionButton, { key: "emoji_more", width: "38px", height: "38px", onClick: function () {
-                                setShowEmojisOnly(true);
-                            }, testID: "ui_mobile_emoji_reactions_menu_emojiadd" },
-                            React.createElement(ui_ImageRenderer.default, { url: '', width: "28px", height: "28px", placeHolder: function (_a) {
-                                    var style = _a.style;
-                                    return (React.createElement("div", { style: style },
-                                        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.EMOJI_MORE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
-                                } }))))))),
-            !showEmojisOnly && (React.createElement("div", { className: 'sendbird-message__bottomsheet--actions' },
-                showMenuItemCopy && (React.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
-                        hideMenu();
-                        index.copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
-                    } },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.COPY, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__COPY))),
-                showMenuItemEdit && (React.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
-                        hideMenu();
-                        showEdit === null || showEdit === void 0 ? void 0 : showEdit(true);
-                    } },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.EDIT, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__EDIT))),
-                showMenuItemResend && (React.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
-                        hideMenu();
-                        resendMessage === null || resendMessage === void 0 ? void 0 : resendMessage(message);
-                    } },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.REFRESH, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__RESEND))),
-                showMenuItemReply && (React.createElement("div", { className: utils.classnames('sendbird-message__bottomsheet--action', disableReaction && 'sendbird-message__bottomsheet--action-disabled'), role: "menuitem", "aria-disabled": disableReaction ? true : false, onClick: function () {
-                        if (!disableReaction) {
-                            hideMenu();
-                            setQuoteMessage === null || setQuoteMessage === void 0 ? void 0 : setQuoteMessage(message);
-                        }
-                    } },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.REPLY, fillColor: disableReaction
-                            ? ui_Icon.IconColors.ON_BACKGROUND_3
-                            : ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: disableReaction ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__REPLY))),
-                showMenuItemThread && (React.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
-                        hideMenu();
-                        onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
-                    } },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.THREAD, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__THREAD))),
-                showMenuItemDeleteFinal && (React.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
-                        if (index.isFailedMessage(message)) {
-                            hideMenu();
-                            deleteMessage === null || deleteMessage === void 0 ? void 0 : deleteMessage(message);
-                        }
-                        else if (!disableDelete) {
-                            hideMenu();
-                            showRemove === null || showRemove === void 0 ? void 0 : showRemove(true);
-                        }
-                    } },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DELETE, fillColor: disableDelete
-                            ? ui_Icon.IconColors.ON_BACKGROUND_4
-                            : ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: disableDelete
-                            ? ui_Label.LabelColors.ONBACKGROUND_4
-                            : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__DELETE))),
-                showMenuItemDownload && (React.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
-                        hideMenu();
-                    } },
-                    React.createElement("a", { className: "sendbird-message__bottomsheet--hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank", onClick: onDownloadClick },
-                        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
-                        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__SAVE)))))))));
-};
-
-var MobileMenu = function (props) {
-    var message = props.message, hideMenu = props.hideMenu, userId = props.userId, channel = props.channel, _a = props.isReactionEnabled, isReactionEnabled = _a === void 0 ? false : _a, isByMe = props.isByMe, replyType = props.replyType, disabled = props.disabled, deleteMenuState = props.deleteMenuState, showRemove = props.showRemove, showEdit = props.showEdit, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, setQuoteMessage = props.setQuoteMessage, emojiContainer = props.emojiContainer, toggleReaction = props.toggleReaction, parentRef = props.parentRef, onReplyInThread = props.onReplyInThread, isOpenedFromThread = props.isOpenedFromThread, onDownloadClick = props.onDownloadClick;
-    return (React.createElement(React.Fragment, null, isReactionEnabled
-        ? (React.createElement(MobileBottomSheet, { channel: channel, message: message, hideMenu: hideMenu, isByMe: isByMe, userId: userId, replyType: replyType, disabled: disabled, showRemove: showRemove, showEdit: showEdit, deleteMenuState: deleteMenuState, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, emojiContainer: emojiContainer, toggleReaction: toggleReaction, isReactionEnabled: isReactionEnabled, onReplyInThread: onReplyInThread, isOpenedFromThread: isOpenedFromThread, onDownloadClick: onDownloadClick })) : (React.createElement(MobileContextMenu, { channel: channel, userId: userId, message: message, hideMenu: hideMenu, isByMe: isByMe, showEdit: showEdit, replyType: replyType, disabled: disabled, deleteMenuState: deleteMenuState, showRemove: showRemove, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, parentRef: parentRef, onReplyInThread: onReplyInThread, isOpenedFromThread: isOpenedFromThread, onDownloadClick: onDownloadClick }))));
-};
-
-exports.MobileMenu = MobileMenu;
-//# sourceMappingURL=bundle-CD36CC-P.js.map

package/cjs/chunks/bundle-CLRPURXv.js.map

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

package/cjs/chunks/bundle-CMAUG_fU.js.map

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

package/cjs/chunks/bundle-CNLhvQ5S.js

@@ -1,97 +0,0 @@
-'use strict';
-
-var _tslib = require('./bundle-oQe6hXee.js');
-var React = require('react');
-var reactDom = require('react-dom');
-
-// padding to handle height of last item in message-list
-var HEIGHT_PADDING = 60;
-var MenuItems = /** @class */ (function (_super) {
-    _tslib.__extends(MenuItems, _super);
-    function MenuItems(props) {
-        var _this = _super.call(this, props) || this;
-        _this.menuRef = React.createRef();
-        _this.setupEvents = function () {
-            var closeDropdown = _this.props.closeDropdown;
-            var menuRef = _this.menuRef;
-            var handleClickOutside = function (event) {
-                var _a, _b;
-                if ((menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) && !((_b = (_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) === null || _a === void 0 ? void 0 : _a.contains) === null || _b === void 0 ? void 0 : _b.call(_a, event.target))) {
-                    closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
-                }
-            };
-            _this.setState({
-                handleClickOutside: handleClickOutside,
-            });
-            document.addEventListener('mousedown', handleClickOutside);
-        };
-        _this.cleanUpEvents = function () {
-            var handleClickOutside = _this.state.handleClickOutside;
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-        _this.getMenuPosition = function () {
-            var _a, _b;
-            var _c = _this.props, parentRef = _c.parentRef, openLeft = _c.openLeft;
-            var parentRect = (_b = (_a = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a);
-            var x = (parentRect === null || parentRect === void 0 ? void 0 : parentRect.x) || (parentRect === null || parentRect === void 0 ? void 0 : parentRect.left) || 0;
-            var y = (parentRect === null || parentRect === void 0 ? void 0 : parentRect.y) || (parentRect === null || parentRect === void 0 ? void 0 : parentRect.top) || 0;
-            var menuStyle = {
-                top: y,
-                left: x,
-            };
-            if (!_this.menuRef.current)
-                return menuStyle;
-            var innerWidth = window.innerWidth, innerHeight = window.innerHeight;
-            var rect = _this.menuRef.current.getBoundingClientRect();
-            if (y + rect.height + HEIGHT_PADDING > innerHeight) {
-                menuStyle.top -= rect.height;
-            }
-            if (x + rect.width > innerWidth && !openLeft) {
-                menuStyle.left -= rect.width;
-            }
-            if (menuStyle.top < 0) {
-                menuStyle.top = rect.height < innerHeight ? (innerHeight - rect.height) / 2 : 0;
-            }
-            menuStyle.top += 32;
-            if (openLeft) {
-                var padding = Number.isNaN(rect.width - 30)
-                    ? 108 // default
-                    : rect.width - 30;
-                menuStyle.left -= padding;
-            }
-            // warning: this section has to be executed after the openLeft is calculated
-            // menu is outside viewport
-            if (menuStyle.left < 0) {
-                menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 2 : 0;
-            }
-            _this.setState({ menuStyle: menuStyle });
-            return menuStyle;
-        };
-        _this.state = {
-            menuStyle: { top: 0, left: 0 },
-            handleClickOutside: function () { },
-        };
-        return _this;
-    }
-    MenuItems.prototype.componentDidMount = function () {
-        this.setupEvents();
-        this.getMenuPosition();
-    };
-    MenuItems.prototype.componentWillUnmount = function () {
-        this.cleanUpEvents();
-    };
-    MenuItems.prototype.render = function () {
-        var portalElement = document.getElementById('sendbird-dropdown-portal');
-        if (!portalElement)
-            return React.createElement(React.Fragment, null);
-        var menuStyle = this.state.menuStyle;
-        var _a = this.props, children = _a.children, style = _a.style, _b = _a.className, className = _b === void 0 ? '' : _b, testID = _a.testID;
-        return (reactDom.createPortal((React.createElement("div", { className: className, "data-testid": testID },
-            React.createElement("div", { className: "sendbird-dropdown__menu-backdrop" }),
-            React.createElement("ul", { className: "".concat(className, " sendbird-dropdown__menu"), ref: this.menuRef, style: _tslib.__assign({ display: 'inline-block', position: 'fixed', left: "".concat(Math.round(menuStyle.left), "px"), top: "".concat(Math.round(menuStyle.top), "px") }, style), "data-testid": "sendbird-dropdown-menu" }, children))), portalElement));
-    };
-    return MenuItems;
-}(React.Component));
-
-exports.MenuItems = MenuItems;
-//# sourceMappingURL=bundle-CNLhvQ5S.js.map

package/cjs/chunks/bundle-CPVkXy9s.js.map

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

package/cjs/chunks/bundle-CTWNooAA.js.map

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

package/cjs/chunks/bundle-CXlUscvX.js.map

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

package/cjs/chunks/bundle-ChVQ484N.js.map

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

package/cjs/chunks/bundle-ClGYZFGc.js.map

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

package/cjs/chunks/bundle-CpVQAeGa.js.map

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

package/cjs/chunks/bundle-CvRdW9yw.js.map

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

package/cjs/chunks/bundle-CwrQm55R.js.map

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

package/cjs/chunks/bundle-CyTIW0JZ.js.map

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

package/cjs/chunks/bundle-D-0kNmde.js.map

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

package/cjs/chunks/bundle-D-9WWmQ7.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index = require('./bundle-j2NTrunF.js');
-var tokenize = require('./bundle-CXlUscvX.js');
-var Message_context = require('../Message/context.js');
-var ui_MentionLabel = require('../ui/MentionLabel.js');
-var ui_LinkLabel = require('../ui/LinkLabel.js');
-var ui_Label = require('./bundle-UPXtcgsM.js');
-
-// this function is used to generate a unique key for token in message
-// it changes with updated time and index
-// messageUpdatedAt is the key part of this key generator
-function keyGenerator(createdAt, messageUpdatedAt, index) {
-    return "sb-msg_".concat(createdAt, "_").concat(messageUpdatedAt, "_").concat(index);
-}
-
-function TextFragment(_a) {
-    var tokens = _a.tokens;
-    var messageStore = Message_context.useMessageContext();
-    var message = messageStore === null || messageStore === void 0 ? void 0 : messageStore.message;
-    var isByMe = messageStore === null || messageStore === void 0 ? void 0 : messageStore.isByMe;
-    var updatedAt = message.updatedAt, createdAt = message.createdAt;
-    return (React.createElement(React.Fragment, null, tokens === null || tokens === void 0 ? void 0 : tokens.map(function (token, idx) {
-        var key = keyGenerator(createdAt, updatedAt, idx);
-        return index.K(token.type)
-            .with(tokenize.TOKEN_TYPES.mention, function () { return (React.createElement("span", { className: "sendbird-word", key: key, "data-testid": "sendbird-ui-word" },
-            React.createElement(ui_MentionLabel, { mentionTemplate: tokenize.USER_MENTION_PREFIX, 
-                // @ts-ignore
-                mentionedUserId: token.userId, mentionedUserNickname: token.value, isByMe: isByMe }))); })
-            .with(tokenize.TOKEN_TYPES.url, function () { return (React.createElement("span", { className: "sendbird-word", key: key, "data-testid": "sendbird-ui-word" },
-            React.createElement(ui_LinkLabel.default, { className: "sendbird-word__url", src: token.value, type: ui_Label.LabelTypography.BODY_1 }, token.value))); })
-            .otherwise(function () { return React.createElement(React.Fragment, { key: key }, tokenize.getWhiteSpacePreservedText(token.value)); });
-    })));
-}
-
-exports.TextFragment = TextFragment;
-//# sourceMappingURL=bundle-D-9WWmQ7.js.map

package/cjs/chunks/bundle-D-9WWmQ7.js.map

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

package/cjs/chunks/bundle-D45aVa7h.js.map

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

package/cjs/chunks/bundle-DDEP4rF3.js.map

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

package/cjs/chunks/bundle-DRlkodVP.js.map

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

package/cjs/chunks/bundle-DYfOAYVw.js.map

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

package/cjs/chunks/bundle-DaMfuE8O.js.map

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

package/cjs/chunks/bundle-DeWZBEt-.js.map

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

package/cjs/chunks/bundle-DjpWffuA.js.map

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

package/cjs/chunks/bundle-DlOVETdD.js.map

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

package/cjs/chunks/bundle-DnGEUKrZ.js.map

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

package/cjs/chunks/bundle-DrzXaO_W.js.map

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

package/cjs/chunks/bundle-DsFiTdM1.js.map

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

package/cjs/chunks/bundle-NVCMyfbx.js.map

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

package/cjs/chunks/bundle-O3NwtEP9.js.map

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

package/cjs/chunks/bundle-UPXtcgsM.js.map

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

package/cjs/chunks/bundle-Z0hf3KQq.js.map

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

package/cjs/chunks/bundle-eDh1f0yH.js.map

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

package/cjs/chunks/bundle-khkLB6lz.js.map

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

package/cjs/chunks/bundle-oQe6hXee.js.map

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

package/cjs/chunks/bundle-qyYR3zev.js.map

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

package/cjs/chunks/bundle-reY2nEU9.js.map

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

package/cjs/chunks/bundle-uizj_uI6.js.map

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

package/cjs/chunks/bundle-vdG6AI-_.js.map

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

package/cjs/chunks/bundle-wQzIFZ_d.js.map

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

package/cjs/chunks/bundle-y6VzViQL.js.map

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

package/cjs/chunks/bundle-zmFINave.js.map

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