@sendbird/uikit-react 3.14.3 → 3.14.5

package/ui/MessageInput.js.map

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

package/ui/MessageItemMenu.js

@@ -1,148 +1,148 @@
-import { _ as __assign } from '../chunks/bundle-DZcgZWKq.js';
+import { _ as __assign } from '../chunks/bundle-CDy_GVNR.js';
 import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-DwApARpe.js';
-import { L as LocalizationContext } from '../chunks/bundle-tIPAQa1P.js';
-import { R as Role } from '../chunks/bundle-BPj0X5TA.js';
-import { d as deleteNullish } from '../chunks/bundle-DZl__KhG.js';
+import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-BH5EGLxi.js';
+import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
+import { R as Role } from '../chunks/bundle-hF8Gurf8.js';
+import { d as deleteNullish } from '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-2vhBVWLQ.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BbeHRXOp.js';
-import '../chunks/bundle-Dk211z5R.js';
-import '../chunks/bundle-BLGMGsvT.js';
+import '../chunks/bundle-8J9SSfIS.js';
+import '../chunks/bundle-q3jyuKU7.js';
+import '../chunks/bundle-B621kS6J.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Bdw6eUSG.js';
-import '../chunks/bundle-Danvz0zD.js';
+import '../chunks/bundle-9Pg6kODx.js';
 
-function MessageMenu(props) {
-    var _a;
-    var className = props.className, message = props.message, channel = props.channel, _b = props.isByMe, isByMe = _b === void 0 ? false : _b, _c = props.disabled, disabled = _c === void 0 ? false : _c, replyType = props.replyType, _d = props.disableDeleteMessage, disableDeleteMessage = _d === void 0 ? null : _d, showEdit = props.showEdit, showRemove = props.showRemove, deleteMessage = props.deleteMessage, resendMessage = props.resendMessage, setQuoteMessage = props.setQuoteMessage, setSupposedHover = props.setSupposedHover, onReplyInThread = props.onReplyInThread, _e = props.onMoveToParentMessage, onMoveToParentMessage = _e === void 0 ? null : _e;
-    var _f = deleteNullish(props).renderMenuItem, renderMenuItem = _f === void 0 ? function (props) { return React__default.createElement(MenuItem, __assign({}, props), props.text); } : _f;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var triggerRef = useRef(null);
-    var containerRef = useRef(null);
-    var showMenuItemCopy = isUserMessage(message);
-    var showMenuItemEdit = (!(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && isUserMessage(message) && isSentMessage(message) && isByMe);
-    var showMenuItemResend = (isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
-    var showMenuItemDelete = !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && !isPendingMessage(message) && isByMe;
-    var showMenuItemOpenInChannel = onMoveToParentMessage !== null;
-    /**
-     * TODO: Manage timing issue
-     * User delete pending message -> Sending message success
-     */
-    var isReplyTypeEnabled = !isFailedMessage(message)
-        && !isPendingMessage(message)
-        && (((_a = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _a === void 0 ? void 0 : _a.call(channel))
-            && !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral)
-            && (((channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (channel === null || channel === void 0 ? void 0 : channel.myRole) === Role.OPERATOR)
-                || !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast)));
-    var showMenuItemReply = isReplyTypeEnabled && replyType === 'QUOTE_REPLY';
-    var showMenuItemThread = isReplyTypeEnabled && replyType === 'THREAD' && !(message === null || message === void 0 ? void 0 : message.parentMessageId) && onReplyInThread;
-    if (!(showMenuItemCopy
-        || showMenuItemReply
-        || showMenuItemThread
-        || showMenuItemOpenInChannel
-        || showMenuItemEdit
-        || showMenuItemResend
-        || showMenuItemDelete)) {
-        return null;
-    }
-    return (React__default.createElement("div", { className: getClassName([className, 'sendbird-message-item-menu']), ref: containerRef },
-        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-message-item-menu__trigger", ref: triggerRef, width: "32px", height: "32px", onClick: function () {
-                    toggleDropdown();
-                    setSupposedHover(true);
-                }, onBlur: function () {
-                    setSupposedHover(false);
-                } },
-                React__default.createElement(Icon, { className: "sendbird-message-item-menu__trigger__icon", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
-                var _a;
-                var closeDropdown = function () {
-                    close();
-                    setSupposedHover(false);
-                };
-                return (React__default.createElement(MenuItems, { className: "sendbird-message-item-menu__list", parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, openLeft: isByMe },
-                    showMenuItemCopy && (renderMenuItem({
-                        className: 'sendbird-message-item-menu__list__menu-item menu-item-copy',
-                        onClick: function () {
-                            copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
-                            closeDropdown();
-                        },
-                        dataSbId: 'ui_message_item_menu_copy',
-                        text: stringSet.MESSAGE_MENU__COPY,
-                    })),
-                    showMenuItemReply && (renderMenuItem({
-                        className: 'sendbird-message-item-menu__list__menu-item menu-item-reply',
-                        onClick: function () {
-                            setQuoteMessage(message);
-                            closeDropdown();
-                        },
-                        disable: (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0,
-                        dataSbId: 'ui_message_item_menu_reply',
-                        text: stringSet.MESSAGE_MENU__REPLY,
-                    })),
-                    showMenuItemThread && (renderMenuItem({
-                        className: 'sendbird-message-item-menu__list__menu-item menu-item-thread',
-                        onClick: function () {
-                            onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
-                            closeDropdown();
-                        },
-                        dataSbId: 'ui_message_item_menu_thread',
-                        text: stringSet.MESSAGE_MENU__THREAD,
-                    })),
-                    showMenuItemOpenInChannel && (renderMenuItem({
-                        className: 'sendbird-message-item-menu__list__menu-item menu-item-open-channel',
-                        onClick: function () {
-                            onMoveToParentMessage === null || onMoveToParentMessage === void 0 ? void 0 : onMoveToParentMessage();
-                            closeDropdown();
-                        },
-                        dataSbId: 'ui_message_item_menu_open_in_channel',
-                        text: stringSet.MESSAGE_MENU__OPEN_IN_CHANNEL,
-                    })),
-                    showMenuItemEdit && (renderMenuItem({
-                        className: 'sendbird-message-item-menu__list__menu-item menu-item-edit',
-                        onClick: function () {
-                            if (!disabled) {
-                                showEdit(true);
-                                closeDropdown();
-                            }
-                        },
-                        dataSbId: 'ui_message_item_menu_edit',
-                        text: stringSet.MESSAGE_MENU__EDIT,
-                    })),
-                    showMenuItemResend && (renderMenuItem({
-                        className: 'sendbird-message-item-menu__list__menu-item menu-item-resend',
-                        onClick: function () {
-                            if (!disabled) {
-                                resendMessage(message);
-                                closeDropdown();
-                            }
-                        },
-                        dataSbId: 'ui_message_item_menu_resend',
-                        text: stringSet.MESSAGE_MENU__RESEND,
-                    })),
-                    showMenuItemDelete && (renderMenuItem({
-                        className: 'sendbird-message-item-menu__list__menu-item menu-item-delete',
-                        onClick: function () {
-                            if (isFailedMessage(message)) {
-                                deleteMessage === null || deleteMessage === void 0 ? void 0 : deleteMessage(message);
-                            }
-                            else if (!disabled) {
-                                showRemove(true);
-                                closeDropdown();
-                            }
-                        },
-                        disable: (typeof disableDeleteMessage === 'boolean'
-                            ? disableDeleteMessage
-                            : ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0),
-                        dataSbId: 'ui_message_item_menu_delete',
-                        text: stringSet.MESSAGE_MENU__DELETE,
-                    }))));
-            } })));
+function MessageMenu(props) {
+    var _a;
+    var className = props.className, message = props.message, channel = props.channel, _b = props.isByMe, isByMe = _b === void 0 ? false : _b, _c = props.disabled, disabled = _c === void 0 ? false : _c, replyType = props.replyType, _d = props.disableDeleteMessage, disableDeleteMessage = _d === void 0 ? null : _d, showEdit = props.showEdit, showRemove = props.showRemove, deleteMessage = props.deleteMessage, resendMessage = props.resendMessage, setQuoteMessage = props.setQuoteMessage, setSupposedHover = props.setSupposedHover, onReplyInThread = props.onReplyInThread, _e = props.onMoveToParentMessage, onMoveToParentMessage = _e === void 0 ? null : _e;
+    var _f = deleteNullish(props).renderMenuItem, renderMenuItem = _f === void 0 ? function (props) { return React__default.createElement(MenuItem, __assign({}, props), props.text); } : _f;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var triggerRef = useRef(null);
+    var containerRef = useRef(null);
+    var showMenuItemCopy = isUserMessage(message);
+    var showMenuItemEdit = (!(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && isUserMessage(message) && isSentMessage(message) && isByMe);
+    var showMenuItemResend = (isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
+    var showMenuItemDelete = !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && !isPendingMessage(message) && isByMe;
+    var showMenuItemOpenInChannel = onMoveToParentMessage !== null;
+    /**
+     * TODO: Manage timing issue
+     * User delete pending message -> Sending message success
+     */
+    var isReplyTypeEnabled = !isFailedMessage(message)
+        && !isPendingMessage(message)
+        && (((_a = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _a === void 0 ? void 0 : _a.call(channel))
+            && !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral)
+            && (((channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (channel === null || channel === void 0 ? void 0 : channel.myRole) === Role.OPERATOR)
+                || !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast)));
+    var showMenuItemReply = isReplyTypeEnabled && replyType === 'QUOTE_REPLY';
+    var showMenuItemThread = isReplyTypeEnabled && replyType === 'THREAD' && !(message === null || message === void 0 ? void 0 : message.parentMessageId) && onReplyInThread;
+    if (!(showMenuItemCopy
+        || showMenuItemReply
+        || showMenuItemThread
+        || showMenuItemOpenInChannel
+        || showMenuItemEdit
+        || showMenuItemResend
+        || showMenuItemDelete)) {
+        return null;
+    }
+    return (React__default.createElement("div", { className: getClassName([className, 'sendbird-message-item-menu']), ref: containerRef },
+        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-message-item-menu__trigger", ref: triggerRef, width: "32px", height: "32px", onClick: function () {
+                    toggleDropdown();
+                    setSupposedHover(true);
+                }, onBlur: function () {
+                    setSupposedHover(false);
+                } },
+                React__default.createElement(Icon, { className: "sendbird-message-item-menu__trigger__icon", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
+                var _a;
+                var closeDropdown = function () {
+                    close();
+                    setSupposedHover(false);
+                };
+                return (React__default.createElement(MenuItems, { className: "sendbird-message-item-menu__list", parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, openLeft: isByMe },
+                    showMenuItemCopy && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-copy',
+                        onClick: function () {
+                            copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
+                            closeDropdown();
+                        },
+                        dataSbId: 'ui_message_item_menu_copy',
+                        text: stringSet.MESSAGE_MENU__COPY,
+                    })),
+                    showMenuItemReply && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-reply',
+                        onClick: function () {
+                            setQuoteMessage(message);
+                            closeDropdown();
+                        },
+                        disable: (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0,
+                        dataSbId: 'ui_message_item_menu_reply',
+                        text: stringSet.MESSAGE_MENU__REPLY,
+                    })),
+                    showMenuItemThread && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-thread',
+                        onClick: function () {
+                            onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
+                            closeDropdown();
+                        },
+                        dataSbId: 'ui_message_item_menu_thread',
+                        text: stringSet.MESSAGE_MENU__THREAD,
+                    })),
+                    showMenuItemOpenInChannel && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-open-channel',
+                        onClick: function () {
+                            onMoveToParentMessage === null || onMoveToParentMessage === void 0 ? void 0 : onMoveToParentMessage();
+                            closeDropdown();
+                        },
+                        dataSbId: 'ui_message_item_menu_open_in_channel',
+                        text: stringSet.MESSAGE_MENU__OPEN_IN_CHANNEL,
+                    })),
+                    showMenuItemEdit && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-edit',
+                        onClick: function () {
+                            if (!disabled) {
+                                showEdit(true);
+                                closeDropdown();
+                            }
+                        },
+                        dataSbId: 'ui_message_item_menu_edit',
+                        text: stringSet.MESSAGE_MENU__EDIT,
+                    })),
+                    showMenuItemResend && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-resend',
+                        onClick: function () {
+                            if (!disabled) {
+                                resendMessage(message);
+                                closeDropdown();
+                            }
+                        },
+                        dataSbId: 'ui_message_item_menu_resend',
+                        text: stringSet.MESSAGE_MENU__RESEND,
+                    })),
+                    showMenuItemDelete && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-delete',
+                        onClick: function () {
+                            if (isFailedMessage(message)) {
+                                deleteMessage === null || deleteMessage === void 0 ? void 0 : deleteMessage(message);
+                            }
+                            else if (!disabled) {
+                                showRemove(true);
+                                closeDropdown();
+                            }
+                        },
+                        disable: (typeof disableDeleteMessage === 'boolean'
+                            ? disableDeleteMessage
+                            : ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0),
+                        dataSbId: 'ui_message_item_menu_delete',
+                        text: stringSet.MESSAGE_MENU__DELETE,
+                    }))));
+            } })));
 }
 
 export { MessageMenu, MessageMenu as default };

package/ui/MessageItemReactionMenu.js

@@ -4,55 +4,55 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-DwApARpe.js';
-import '../chunks/bundle-DZcgZWKq.js';
+import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-BH5EGLxi.js';
+import '../chunks/bundle-2vhBVWLQ.js';
+import '../chunks/bundle-CDy_GVNR.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BbeHRXOp.js';
-import '../chunks/bundle-Dk211z5R.js';
-import '../chunks/bundle-BLGMGsvT.js';
-import '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-BwJTKHEl.js';
-import '../chunks/bundle-BlK-fMQm.js';
+import '../chunks/bundle-8J9SSfIS.js';
+import '../chunks/bundle-q3jyuKU7.js';
+import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-xHRJMo_A.js';
+import '../chunks/bundle-Cj-w5I5i.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Bdw6eUSG.js';
 
-function MessageEmojiMenu(_a) {
-    var className = _a.className, message = _a.message, userId = _a.userId, _b = _a.spaceFromTrigger, spaceFromTrigger = _b === void 0 ? { x: 0, y: 0 } : _b, emojiContainer = _a.emojiContainer, toggleReaction = _a.toggleReaction, setSupposedHover = _a.setSupposedHover;
-    var triggerRef = useRef(null);
-    var containerRef = useRef(null);
-    if (isPendingMessage(message) || isFailedMessage(message)) {
-        return null;
-    }
-    return (React__default.createElement("div", { className: getClassName([className, 'sendbird-message-item-reaction-menu']), ref: containerRef },
-        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-message-item-reaction-menu__trigger", ref: triggerRef, width: "32px", height: "32px", onClick: function () {
-                    toggleDropdown();
-                    setSupposedHover(true);
-                }, onBlur: function () {
-                    setSupposedHover(false);
-                } },
-                React__default.createElement(Icon, { className: "sendbird-message-item-reaction-menu__trigger__icon", type: IconTypes.EMOJI_MORE, fillColor: IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
-                var closeDropdown = function () {
-                    close();
-                    setSupposedHover(false);
-                };
-                return (React__default.createElement(EmojiListItems, { parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, spaceFromTrigger: spaceFromTrigger }, getEmojiListAll(emojiContainer).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.find(function (reaction) { return reaction.key === emoji.key; })) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) { return reactorId === userId; })) || false;
-                    return (React__default.createElement(ReactionButton, { key: emoji.key, width: "36px", height: "36px", selected: isReacted, onClick: function () {
-                            closeDropdown();
-                            toggleReaction(message, emoji.key, isReacted);
-                        }, dataSbId: "ui_emoji_reactions_menu_".concat(emoji.key) },
-                        React__default.createElement(ImageRenderer, { url: emoji.url, width: "28px", height: "28px", placeHolder: function (_a) {
-                                var style = _a.style;
-                                return (React__default.createElement("div", { style: style },
-                                    React__default.createElement(Icon, { type: IconTypes.QUESTION, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
-                            } })));
-                })));
-            } })));
+function MessageEmojiMenu(_a) {
+    var className = _a.className, message = _a.message, userId = _a.userId, _b = _a.spaceFromTrigger, spaceFromTrigger = _b === void 0 ? { x: 0, y: 0 } : _b, emojiContainer = _a.emojiContainer, toggleReaction = _a.toggleReaction, setSupposedHover = _a.setSupposedHover;
+    var triggerRef = useRef(null);
+    var containerRef = useRef(null);
+    if (isPendingMessage(message) || isFailedMessage(message)) {
+        return null;
+    }
+    return (React__default.createElement("div", { className: getClassName([className, 'sendbird-message-item-reaction-menu']), ref: containerRef },
+        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-message-item-reaction-menu__trigger", ref: triggerRef, width: "32px", height: "32px", onClick: function () {
+                    toggleDropdown();
+                    setSupposedHover(true);
+                }, onBlur: function () {
+                    setSupposedHover(false);
+                } },
+                React__default.createElement(Icon, { className: "sendbird-message-item-reaction-menu__trigger__icon", type: IconTypes.EMOJI_MORE, fillColor: IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
+                var closeDropdown = function () {
+                    close();
+                    setSupposedHover(false);
+                };
+                return (React__default.createElement(EmojiListItems, { parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, spaceFromTrigger: spaceFromTrigger }, getEmojiListAll(emojiContainer).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.find(function (reaction) { return reaction.key === emoji.key; })) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) { return reactorId === userId; })) || false;
+                    return (React__default.createElement(ReactionButton, { key: emoji.key, width: "36px", height: "36px", selected: isReacted, onClick: function () {
+                            closeDropdown();
+                            toggleReaction(message, emoji.key, isReacted);
+                        }, dataSbId: "ui_emoji_reactions_menu_".concat(emoji.key) },
+                        React__default.createElement(ImageRenderer, { url: emoji.url, width: "28px", height: "28px", placeHolder: function (_a) {
+                                var style = _a.style;
+                                return (React__default.createElement("div", { style: style },
+                                    React__default.createElement(Icon, { type: IconTypes.QUESTION, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
+                            } })));
+                })));
+            } })));
 }
 
 export { MessageEmojiMenu, MessageEmojiMenu as default };

package/ui/MessageSearchFileItem.js

@@ -1,89 +1,88 @@
-import { c as __spreadArray } from '../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-BPvfVEd8.js';
+import { A as Avatar } from '../chunks/bundle-C1XVT5qc.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Dk211z5R.js';
-import { u as useLocalization } from '../chunks/bundle-tIPAQa1P.js';
-import { f as format } from '../chunks/bundle-DZie-lCF.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BKTUnkiE.js';
-import { i as isVoiceMessage } from '../chunks/bundle-DwApARpe.js';
-import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-CY2Lga-4.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
+import { u as useLocalization } from '../chunks/bundle-CAdxJnio.js';
+import { f as format } from '../chunks/bundle-DQ3tLeW9.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-SI5OarjR.js';
+import { i as isVoiceMessage } from '../chunks/bundle-BH5EGLxi.js';
+import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-ARb5Lm9T.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DZl__KhG.js';
-import '../chunks/bundle-CUd4X5O2.js';
-import '../chunks/bundle-BLGMGsvT.js';
-import '../chunks/bundle-Danvz0zD.js';
-import '../chunks/bundle-Bkbg_RQ-.js';
+import '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-BQPvwBK8.js';
+import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-DZl5IVWc.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-Bdw6eUSG.js';
 
-function getCreatedAt(_a) {
-    var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;
-    var optionalParam = locale ? { locale: locale } : null;
-    if (!createdAt) {
-        return '';
-    }
-    if (isToday(createdAt)) {
-        return format(createdAt, 'p', optionalParam);
-    }
-    if (isYesterday(createdAt)) {
-        return (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_STATUS__YESTERDAY) || 'Yesterday';
-    }
-    if (isThisYear(createdAt)) {
-        return format(createdAt, 'MMM d', optionalParam);
-    }
-    return format(createdAt, 'yyyy/M/d', optionalParam);
-}
-function getIconOfFileType(message) {
-    var _a, _b, _c;
-    var fileMessageUrl = (_a = getMessageFirstFileUrl(message)) !== null && _a !== void 0 ? _a : '';
-    var fileExtension = (_c = (_b = (fileMessageUrl.match(/\.([^.]*?)(?=\?|#|$)/))) === null || _b === void 0 ? void 0 : _b[1]) !== null && _c !== void 0 ? _c : '';
-    if (/(jpg|jpeg|png)$/i.test(fileExtension)) {
-        return IconTypes.PHOTO;
-    }
-    else if (/mp4$/i.test(fileExtension) || isVoiceMessage(message)) {
-        return IconTypes.PLAY;
-    }
-    else if (/mp3/i.test(fileExtension)) {
-        return IconTypes.FILE_AUDIO;
-    }
-    else if (/gif/i.test(fileExtension)) {
-        return IconTypes.GIF;
-    }
-    else {
-        return IconTypes.FILE_DOCUMENT;
-    }
+function getCreatedAt(_a) {
+    var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;
+    var optionalParam = locale ? { locale: locale } : null;
+    if (!createdAt) {
+        return '';
+    }
+    if (isToday(createdAt)) {
+        return format(createdAt, 'p', optionalParam);
+    }
+    if (isYesterday(createdAt)) {
+        return (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_STATUS__YESTERDAY) || 'Yesterday';
+    }
+    if (isThisYear(createdAt)) {
+        return format(createdAt, 'MMM d', optionalParam);
+    }
+    return format(createdAt, 'yyyy/M/d', optionalParam);
+}
+function getIconOfFileType(message) {
+    var _a, _b, _c;
+    var fileMessageUrl = (_a = getMessageFirstFileUrl(message)) !== null && _a !== void 0 ? _a : '';
+    var fileExtension = (_c = (_b = (fileMessageUrl.match(/\.([^.]*?)(?=\?|#|$)/))) === null || _b === void 0 ? void 0 : _b[1]) !== null && _c !== void 0 ? _c : '';
+    if (/(jpg|jpeg|png)$/i.test(fileExtension)) {
+        return IconTypes.PHOTO;
+    }
+    else if (/mp4$/i.test(fileExtension) || isVoiceMessage(message)) {
+        return IconTypes.PLAY;
+    }
+    else if (/mp3/i.test(fileExtension)) {
+        return IconTypes.FILE_AUDIO;
+    }
+    else if (/gif/i.test(fileExtension)) {
+        return IconTypes.GIF;
+    }
+    else {
+        return IconTypes.FILE_DOCUMENT;
+    }
 }
 
-function MessageSearchFileItem(props) {
-    var className = props.className, message = props.message, selected = props.selected, onClick = props.onClick;
-    var createdAt = message.createdAt;
-    var url = getMessageFirstFileUrl(message);
-    var name = getMessageFirstFileName(message);
-    // @ts-ignore
-    var sender = message.sender || message._sender;
-    var profileUrl = sender.profileUrl, nickname = sender.nickname;
-    var _a = useLocalization(), stringSet = _a.stringSet, dateLocale = _a.dateLocale;
-    var isVoiceMsg = isVoiceMessage(message);
-    var prettyFilename = isVoiceMsg ? stringSet.VOICE_MESSAGE : (name || url);
-    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-message-search-file-item',
-            selected ? 'sendbird-message-search-file-item--selected' : '',
-        ], false).join(' '), onClick: function (e) {
-            e.stopPropagation();
-            onClick(message);
-        } },
-        React__default.createElement("div", { className: "sendbird-message-search-file-item__left" },
-            React__default.createElement(Avatar, { className: "sendbird-message-search-file-item__left__sender-avatar", src: profileUrl, alt: "profile image", width: "56px", height: "56px" })),
-        React__default.createElement("div", { className: "sendbird-message-search-file-item__right" },
-            React__default.createElement(Label, { className: "sendbird-message-search-file-item__right__sender-name", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, nickname || stringSet.NO_NAME),
-            React__default.createElement("div", { className: "sendbird-message-search-file-item__right__content" },
-                !isVoiceMsg && (React__default.createElement("div", { className: 'sendbird-message-search-file-item__right__content__type-icon' },
-                    React__default.createElement(Icon, { type: getIconOfFileType(message), fillColor: IconColors.PRIMARY, width: "18px", height: "18px" }))),
-                React__default.createElement(Label, { className: "sendbird-message-search-file-item__right__content__url", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, prettyFilename))),
-        React__default.createElement(Label, { className: "sendbird-message-search-file-item__message-created-at", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, getCreatedAt({ createdAt: createdAt, locale: dateLocale, stringSet: stringSet })),
-        React__default.createElement("div", { className: "sendbird-message-search-file-item__right-footer" })));
+function MessageSearchFileItem(props) {
+    var className = props.className, message = props.message, selected = props.selected, onClick = props.onClick;
+    var createdAt = message.createdAt;
+    var url = getMessageFirstFileUrl(message);
+    var name = getMessageFirstFileName(message);
+    // @ts-ignore
+    var sender = message.sender || message._sender;
+    var profileUrl = sender.profileUrl, nickname = sender.nickname;
+    var _a = useLocalization(), stringSet = _a.stringSet, dateLocale = _a.dateLocale;
+    var isVoiceMsg = isVoiceMessage(message);
+    var prettyFilename = isVoiceMsg ? stringSet.VOICE_MESSAGE : (name || url);
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-message-search-file-item',
+            selected ? 'sendbird-message-search-file-item--selected' : '',
+        ], false).join(' '), onClick: function (e) {
+            e.stopPropagation();
+            onClick(message);
+        } },
+        React__default.createElement("div", { className: "sendbird-message-search-file-item__left" },
+            React__default.createElement(Avatar, { className: "sendbird-message-search-file-item__left__sender-avatar", src: profileUrl, alt: "profile image", width: "56px", height: "56px" })),
+        React__default.createElement("div", { className: "sendbird-message-search-file-item__right" },
+            React__default.createElement(Label, { className: "sendbird-message-search-file-item__right__sender-name", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, nickname || stringSet.NO_NAME),
+            React__default.createElement("div", { className: "sendbird-message-search-file-item__right__content" },
+                !isVoiceMsg && (React__default.createElement("div", { className: 'sendbird-message-search-file-item__right__content__type-icon' },
+                    React__default.createElement(Icon, { type: getIconOfFileType(message), fillColor: IconColors.PRIMARY, width: "18px", height: "18px" }))),
+                React__default.createElement(Label, { className: "sendbird-message-search-file-item__right__content__url", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, prettyFilename))),
+        React__default.createElement(Label, { className: "sendbird-message-search-file-item__message-created-at", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, getCreatedAt({ createdAt: createdAt, locale: dateLocale, stringSet: stringSet })),
+        React__default.createElement("div", { className: "sendbird-message-search-file-item__right-footer" })));
 }
 
 export { MessageSearchFileItem as default };

package/ui/MessageSearchFileItem.js.map

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