@sendbird/uikit-react 3.14.0-beta → 3.14.0

package/ui/MessageItemMenu.js

@@ -1,27 +1,27 @@
+import { _ as __assign } from '../chunks/bundle-CfcfVkxG.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-BqL00V4c.js';
-import { L as LocalizationContext } from '../chunks/bundle-BkNNtN1V.js';
-import { R as Role } from '../chunks/bundle-Bumce6iI.js';
-import '../chunks/bundle-CfcTsxlD.js';
+import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-FVThTEKh.js';
+import { L as LocalizationContext } from '../chunks/bundle-Bsg3ZeXI.js';
+import { R as Role } from '../chunks/bundle-CMax-oWd.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-D4vlYCrG.js';
-import '../chunks/bundle-33BY7XhN.js';
-import '../chunks/bundle-BydX5Gik.js';
-import '../chunks/bundle-Bm9cdQdy.js';
+import '../chunks/bundle-CFYZBlok.js';
+import '../chunks/bundle-D81rUAiK.js';
+import '../chunks/bundle-KeJ_rVJL.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-VAV0nvVl.js';
-import '../chunks/bundle-CKqBhRZh.js';
+import '../chunks/bundle-BubacXNL.js';
+import '../chunks/bundle-BFdttAaW.js';
 
 function MessageMenu(_a) {
     var _b;
-    var className = _a.className, message = _a.message, channel = _a.channel, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, replyType = _a.replyType, _e = _a.disableDeleteMessage, disableDeleteMessage = _e === void 0 ? null : _e, showEdit = _a.showEdit, showRemove = _a.showRemove, deleteMessage = _a.deleteMessage, resendMessage = _a.resendMessage, setQuoteMessage = _a.setQuoteMessage, setSupposedHover = _a.setSupposedHover, onReplyInThread = _a.onReplyInThread, _f = _a.onMoveToParentMessage, onMoveToParentMessage = _f === void 0 ? null : _f;
+    var className = _a.className, message = _a.message, channel = _a.channel, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, replyType = _a.replyType, _e = _a.disableDeleteMessage, disableDeleteMessage = _e === void 0 ? null : _e, showEdit = _a.showEdit, showRemove = _a.showRemove, deleteMessage = _a.deleteMessage, resendMessage = _a.resendMessage, setQuoteMessage = _a.setQuoteMessage, setSupposedHover = _a.setSupposedHover, onReplyInThread = _a.onReplyInThread, _f = _a.onMoveToParentMessage, onMoveToParentMessage = _f === void 0 ? null : _f, _g = _a.renderMenuItem, renderMenuItem = _g === void 0 ? function (props) { return (React__default.createElement(MenuItem, __assign({}, props), props.text)); } : _g;
     var stringSet = useContext(LocalizationContext).stringSet;
     var triggerRef = useRef(null);
     var containerRef = useRef(null);
@@ -65,35 +65,68 @@ function MessageMenu(_a) {
                     setSupposedHover(false);
                 };
                 return (React__default.createElement(MenuItems, { className: "sendbird-message-item-menu__list", parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, openLeft: isByMe },
-                    showMenuItemCopy && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-copy", onClick: function () {
+                    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" }, stringSet.MESSAGE_MENU__COPY)),
-                    showMenuItemReply && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-reply", onClick: function () {
+                        },
+                        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" }, stringSet.MESSAGE_MENU__REPLY)),
-                    showMenuItemThread && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-thread", onClick: function () {
+                        },
+                        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" }, stringSet.MESSAGE_MENU__THREAD)),
-                    showMenuItemOpenInChannel && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-open-channel", onClick: function () {
+                        },
+                        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" }, stringSet.MESSAGE_MENU__OPEN_IN_CHANNEL)),
-                    showMenuItemEdit && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-edit", onClick: function () {
+                        },
+                        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" }, stringSet.MESSAGE_MENU__EDIT)),
-                    showMenuItemResend && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-resend", onClick: function () {
+                        },
+                        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" }, stringSet.MESSAGE_MENU__RESEND)),
-                    showMenuItemDelete && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-delete", onClick: function () {
+                        },
+                        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);
                             }
@@ -101,9 +134,13 @@ function MessageMenu(_a) {
                                 showRemove(true);
                                 closeDropdown();
                             }
-                        }, disable: typeof disableDeleteMessage === 'boolean'
+                        },
+                        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" }, stringSet.MESSAGE_MENU__DELETE))));
+                            : ((_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,
+                    }))));
             } })));
 }
 

package/ui/MessageItemMenu.js.map

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

package/ui/MessageItemReactionMenu.js

@@ -4,21 +4,21 @@ 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-BqL00V4c.js';
-import '../chunks/bundle-CfcTsxlD.js';
+import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-FVThTEKh.js';
+import '../chunks/bundle-CfcfVkxG.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-D4vlYCrG.js';
-import '../chunks/bundle-33BY7XhN.js';
-import '../chunks/bundle-BydX5Gik.js';
-import '../chunks/bundle-Bm9cdQdy.js';
-import '../chunks/bundle-D87WTORg.js';
-import '../chunks/bundle-BE9YtwxF.js';
+import '../chunks/bundle-CFYZBlok.js';
+import '../chunks/bundle-D81rUAiK.js';
+import '../chunks/bundle-KeJ_rVJL.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-CvZD4CjF.js';
+import '../chunks/bundle-CuD6w3tY.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-VAV0nvVl.js';
+import '../chunks/bundle-BubacXNL.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;

package/ui/MessageSearchFileItem.js

@@ -1,22 +1,22 @@
-import { c as __spreadArray } from '../chunks/bundle-CfcTsxlD.js';
+import { c as __spreadArray } from '../chunks/bundle-CfcfVkxG.js';
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-DyaS04Hg.js';
+import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-33BY7XhN.js';
-import { u as useLocalization } from '../chunks/bundle-BkNNtN1V.js';
-import { f as format } from '../chunks/bundle-BGPVh26h.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BdnV2Mq3.js';
-import { i as isVoiceMessage } from '../chunks/bundle-BqL00V4c.js';
-import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-Cbag41eX.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
+import { u as useLocalization } from '../chunks/bundle-Bsg3ZeXI.js';
+import { f as format } from '../chunks/bundle-Ba74MVBa.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BhXdj56o.js';
+import { i as isVoiceMessage } from '../chunks/bundle-FVThTEKh.js';
+import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-BjWhPiF7.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Bm9cdQdy.js';
-import '../chunks/bundle-CWPkjiZ7.js';
-import '../chunks/bundle-BydX5Gik.js';
-import '../chunks/bundle-CKqBhRZh.js';
-import '../chunks/bundle-BiOWvuqq.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-DF_LuHdb.js';
+import '../chunks/bundle-KeJ_rVJL.js';
+import '../chunks/bundle-BFdttAaW.js';
+import '../chunks/bundle-Cy3rlDS2.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-VAV0nvVl.js';
+import '../chunks/bundle-BubacXNL.js';
 
 function getCreatedAt(_a) {
     var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;

package/ui/MessageSearchItem.js

@@ -1,17 +1,17 @@
-import { c as __spreadArray } from '../chunks/bundle-CfcTsxlD.js';
+import { c as __spreadArray } from '../chunks/bundle-CfcfVkxG.js';
 import React__default from 'react';
-import { f as format } from '../chunks/bundle-BGPVh26h.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BdnV2Mq3.js';
-import { A as Avatar } from '../chunks/bundle-DyaS04Hg.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-33BY7XhN.js';
-import { u as useLocalization } from '../chunks/bundle-BkNNtN1V.js';
-import '../chunks/bundle-CKqBhRZh.js';
-import '../chunks/bundle-BiOWvuqq.js';
+import { f as format } from '../chunks/bundle-Ba74MVBa.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BhXdj56o.js';
+import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
+import { u as useLocalization } from '../chunks/bundle-Bsg3ZeXI.js';
+import '../chunks/bundle-BFdttAaW.js';
+import '../chunks/bundle-Cy3rlDS2.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Bm9cdQdy.js';
-import '../chunks/bundle-CWPkjiZ7.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-DF_LuHdb.js';
 import './Icon.js';
-import '../chunks/bundle-BydX5Gik.js';
+import '../chunks/bundle-KeJ_rVJL.js';
 
 // getCreatedAt
 function getCreatedAt (_a) {

package/ui/MessageStatus.js

@@ -1,18 +1,18 @@
-import '../chunks/bundle-CfcTsxlD.js';
+import '../chunks/bundle-CfcfVkxG.js';
 import 'react';
-import '../chunks/bundle-BGPVh26h.js';
+import '../chunks/bundle-Ba74MVBa.js';
 import './Icon.js';
-import '../chunks/bundle-33BY7XhN.js';
+import '../chunks/bundle-D81rUAiK.js';
 import './Loader.js';
-import '../chunks/bundle-BqL00V4c.js';
+import '../chunks/bundle-FVThTEKh.js';
 import '../utils/message/getOutgoingMessageState.js';
-export { e as MessageStatusTypes, M as default } from '../chunks/bundle-CJBaJoMx.js';
-import '../chunks/bundle-BkNNtN1V.js';
-import '../chunks/bundle-CKqBhRZh.js';
-import '../chunks/bundle-Bm9cdQdy.js';
-import '../chunks/bundle-BydX5Gik.js';
+export { e as MessageStatusTypes, M as default } from '../chunks/bundle-CVtMSwfw.js';
+import '../chunks/bundle-Bsg3ZeXI.js';
+import '../chunks/bundle-BFdttAaW.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-KeJ_rVJL.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-VAV0nvVl.js';
-import '../chunks/bundle-BdnV2Mq3.js';
-import '../chunks/bundle-BiOWvuqq.js';
+import '../chunks/bundle-BubacXNL.js';
+import '../chunks/bundle-BhXdj56o.js';
+import '../chunks/bundle-Cy3rlDS2.js';
 //# sourceMappingURL=MessageStatus.js.map

package/ui/MessageTemplate.js

@@ -1,3 +1,4 @@
 import 'react';
-export { a as MessageTemplate, a as default } from '../chunks/bundle-Byxn68mh.js';
+export { a as MessageTemplate, a as default } from '../chunks/bundle-DoqoSCJx.js';
+import '../chunks/bundle-CfcfVkxG.js';
 //# sourceMappingURL=MessageTemplate.js.map

package/ui/MessageTemplate.js.map

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

package/ui/MobileFeedbackMenu.js

@@ -1,19 +1,19 @@
 import React__default from 'react';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-33BY7XhN.js';
-import { u as useLocalization } from '../chunks/bundle-BkNNtN1V.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
+import { u as useLocalization } from '../chunks/bundle-Bsg3ZeXI.js';
 import 'react-dom';
 import '../hooks/useModal.js';
-import '../chunks/bundle-CfcTsxlD.js';
-import '../chunks/bundle-VAV0nvVl.js';
-import '../chunks/bundle-Bm9cdQdy.js';
-import '../chunks/bundle-DrKv7qiU.js';
-import '../chunks/bundle-BE9YtwxF.js';
+import '../chunks/bundle-CfcfVkxG.js';
+import '../chunks/bundle-BubacXNL.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-CIwNgqhu.js';
+import '../chunks/bundle-CuD6w3tY.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
-import '../chunks/bundle-BydX5Gik.js';
-import '../chunks/bundle-CKqBhRZh.js';
+import '../chunks/bundle-KeJ_rVJL.js';
+import '../chunks/bundle-BFdttAaW.js';
 
 function MobileFeedbackMenu(props) {
     var hideMenu = props.hideMenu, onEditFeedback = props.onEditFeedback, onRemoveFeedback = props.onRemoveFeedback;

package/ui/Modal.js

@@ -1,14 +1,14 @@
-import '../chunks/bundle-CfcTsxlD.js';
+import '../chunks/bundle-CfcfVkxG.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-Bm9cdQdy.js';
-export { M as Modal, e as ModalBody, c as ModalFooter, d as ModalHeader, M as default } from '../chunks/bundle-DrKv7qiU.js';
-import '../chunks/bundle-BkNNtN1V.js';
-import '../chunks/bundle-BE9YtwxF.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
+export { M as Modal, e as ModalBody, c as ModalFooter, d as ModalHeader, M as default } from '../chunks/bundle-CIwNgqhu.js';
+import '../chunks/bundle-Bsg3ZeXI.js';
+import '../chunks/bundle-CuD6w3tY.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
-import '../chunks/bundle-33BY7XhN.js';
-import '../chunks/bundle-BydX5Gik.js';
-import '../chunks/bundle-CKqBhRZh.js';
+import '../chunks/bundle-D81rUAiK.js';
+import '../chunks/bundle-KeJ_rVJL.js';
+import '../chunks/bundle-BFdttAaW.js';
 //# sourceMappingURL=Modal.js.map

package/ui/MutedAvatarOverlay.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../chunks/bundle-CfcTsxlD.js';
-import '../chunks/bundle-Bm9cdQdy.js';
+import '../chunks/bundle-CfcfVkxG.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
 
 function MutedAvatarOverlay(props) {
     var _a = props.height, height = _a === void 0 ? 24 : _a, _b = props.width, width = _b === void 0 ? 24 : _b;

package/ui/OGMessageItemBody.js

@@ -1,19 +1,20 @@
 import React__default, { useRef, useContext, useMemo } from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-33BY7XhN.js';
-import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-BqL00V4c.js';
-import { L as LocalizationContext } from '../chunks/bundle-BkNNtN1V.js';
-import { T as TextFragment } from '../chunks/bundle-DzD5ZPeu.js';
-import { t as tokenizeMessage } from '../chunks/bundle-CquJpe2n.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-BRSrznG_.js';
-import '../chunks/bundle-CfcTsxlD.js';
-import '../chunks/bundle-Bm9cdQdy.js';
-import '../chunks/bundle-BydX5Gik.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
+import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-FVThTEKh.js';
+import { L as LocalizationContext } from '../chunks/bundle-Bsg3ZeXI.js';
+import { T as TextFragment } from '../chunks/bundle-DMs2iFV3.js';
+import { t as tokenizeMessage } from '../chunks/bundle-D6_jF6vA.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-DPSsFTo9.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CuD6w3tY.js';
+import '../chunks/bundle-CfcfVkxG.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-KeJ_rVJL.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-VAV0nvVl.js';
-import '../chunks/bundle-CKqBhRZh.js';
+import '../chunks/bundle-BubacXNL.js';
+import '../chunks/bundle-BFdttAaW.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
@@ -21,13 +22,13 @@ import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-D4vlYCrG.js';
+import '../chunks/bundle-CFYZBlok.js';
 import './UserProfile.js';
-import '../chunks/bundle-B0A-GTy2.js';
+import '../chunks/bundle-CwINP854.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-C1UCPEjT.js';
-import '../chunks/bundle-DyaS04Hg.js';
-import '../chunks/bundle-CWPkjiZ7.js';
+import '../chunks/bundle-CaYPuZ9G.js';
+import '../chunks/bundle-vsdOwl6R.js';
+import '../chunks/bundle-DF_LuHdb.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
@@ -38,6 +39,7 @@ function OGMessageItemBody(_a) {
     var className = _a.className, message = _a.message, _p = _a.isByMe, isByMe = _p === void 0 ? false : _p, _q = _a.mouseHover, mouseHover = _q === void 0 ? false : _q, _r = _a.isMentionEnabled, isMentionEnabled = _r === void 0 ? false : _r, _s = _a.isReactionEnabled, isReactionEnabled = _s === void 0 ? false : _s, _t = _a.onMessageHeightChange, onMessageHeightChange = _t === void 0 ? function () { } : _t;
     var imageRef = useRef(null);
     var stringSet = useContext(LocalizationContext).stringSet;
+    var isMobile = useMediaQueryContext().isMobile;
     var openOGUrl = function () {
         var _a;
         var url = (_a = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _a === void 0 ? void 0 : _a.url;
@@ -72,7 +74,7 @@ function OGMessageItemBody(_a) {
                 React__default.createElement(TextFragment, { tokens: tokens }),
                 isEditedMessage(message) && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__text-bubble__message", type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))),
         React__default.createElement("div", { ref: imageRef, className: "sendbird-og-message-item-body__og-thumbnail\n          ".concat(((_f = (_e = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _e === void 0 ? void 0 : _e.defaultImage) === null || _f === void 0 ? void 0 : _f.url) ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty', "\n        "), onClick: openOGUrl },
-            React__default.createElement(ImageRenderer, { className: "sendbird-og-message-item-body__og-thumbnail__image", url: ((_h = (_g = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _g === void 0 ? void 0 : _g.defaultImage) === null || _h === void 0 ? void 0 : _h.url) || '', alt: (_k = (_j = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _j === void 0 ? void 0 : _j.defaultImage) === null || _k === void 0 ? void 0 : _k.alt, width: "100%", onLoad: onMessageHeightChange, onError: function () {
+            React__default.createElement(ImageRenderer, { className: "sendbird-og-message-item-body__og-thumbnail__image", url: ((_h = (_g = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _g === void 0 ? void 0 : _g.defaultImage) === null || _h === void 0 ? void 0 : _h.url) || '', alt: (_k = (_j = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _j === void 0 ? void 0 : _j.defaultImage) === null || _k === void 0 ? void 0 : _k.alt, width: "100%", height: isMobile ? '136px' : '240px', onLoad: onMessageHeightChange, onError: function () {
                     var _a, _b;
                     try {
                         (_b = (_a = imageRef === null || imageRef === void 0 ? void 0 : imageRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('sendbird-og-message-item-body__og-thumbnail__empty');

package/ui/OGMessageItemBody.js.map

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

package/ui/OpenChannelAdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CfcTsxlD.js';
+import { c as __spreadArray } from '../chunks/bundle-CfcfVkxG.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-33BY7XhN.js';
-import '../chunks/bundle-BydX5Gik.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
+import '../chunks/bundle-KeJ_rVJL.js';
 
 function OpenChannelAdminMessage(_a) {
     var className = _a.className, message = _a.message;

package/ui/OpenChannelAvatar.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-DyaS04Hg.js';
-import { L as LocalizationContext } from '../chunks/bundle-BkNNtN1V.js';
-import { b as getOpenChannelAvatar } from '../chunks/bundle-CWvAVk8m.js';
-import '../chunks/bundle-CfcTsxlD.js';
+import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
+import { L as LocalizationContext } from '../chunks/bundle-Bsg3ZeXI.js';
+import { b as getOpenChannelAvatar } from '../chunks/bundle-DO6PYt2s.js';
+import '../chunks/bundle-CfcfVkxG.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Bm9cdQdy.js';
-import '../chunks/bundle-CWPkjiZ7.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-DF_LuHdb.js';
 import './Icon.js';
-import '../chunks/bundle-BydX5Gik.js';
-import '../chunks/bundle-CKqBhRZh.js';
+import '../chunks/bundle-KeJ_rVJL.js';
+import '../chunks/bundle-BFdttAaW.js';
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, theme = _a.theme, _b = _a.height, height = _b === void 0 ? 56 : _b, _c = _a.width, width = _c === void 0 ? 56 : _c;

package/ui/OpenchannelConversationHeader.js

@@ -1,15 +1,15 @@
 import React__default, { useContext } from 'react';
-import { A as Avatar } from '../chunks/bundle-DyaS04Hg.js';
+import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-33BY7XhN.js';
-import { L as LocalizationContext } from '../chunks/bundle-BkNNtN1V.js';
-import '../chunks/bundle-CfcTsxlD.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
+import { L as LocalizationContext } from '../chunks/bundle-Bsg3ZeXI.js';
+import '../chunks/bundle-CfcfVkxG.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Bm9cdQdy.js';
-import '../chunks/bundle-CWPkjiZ7.js';
-import '../chunks/bundle-BydX5Gik.js';
-import '../chunks/bundle-CKqBhRZh.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-DF_LuHdb.js';
+import '../chunks/bundle-KeJ_rVJL.js';
+import '../chunks/bundle-BFdttAaW.js';
 
 function OpenchannelConversationHeader(_a) {
     var coverImage = _a.coverImage, title = _a.title, subTitle = _a.subTitle, amIOperator = _a.amIOperator, onActionClick = _a.onActionClick;

package/ui/OpenchannelFileMessage.js

@@ -1,36 +1,36 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CfcTsxlD.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CfcfVkxG.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../chunks/bundle-BGPVh26h.js';
-import { A as Avatar } from '../chunks/bundle-DyaS04Hg.js';
+import { f as format } from '../chunks/bundle-Ba74MVBa.js';
+import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-33BY7XhN.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-B0A-GTy2.js';
-import { u as useLocalization } from '../chunks/bundle-BkNNtN1V.js';
-import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-tL7Z4efR.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-BE9YtwxF.js';
-import { u as useLongPress } from '../chunks/bundle-D87WTORg.js';
-import '../chunks/bundle-CKqBhRZh.js';
+import { a as UserProfileContext } from '../chunks/bundle-CwINP854.js';
+import { u as useLocalization } from '../chunks/bundle-Bsg3ZeXI.js';
+import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle--v2l79xO.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CuD6w3tY.js';
+import { u as useLongPress } from '../chunks/bundle-CvZD4CjF.js';
+import '../chunks/bundle-BFdttAaW.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-Bm9cdQdy.js';
-import '../chunks/bundle-CWPkjiZ7.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-DF_LuHdb.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-D4vlYCrG.js';
-import '../chunks/bundle-BqL00V4c.js';
+import '../chunks/bundle-CFYZBlok.js';
+import '../chunks/bundle-FVThTEKh.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-VAV0nvVl.js';
-import '../chunks/bundle-BydX5Gik.js';
-import '../chunks/bundle-DaAps-h8.js';
+import '../chunks/bundle-BubacXNL.js';
+import '../chunks/bundle-KeJ_rVJL.js';
+import '../chunks/bundle-BUC4DRq0.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-C1UCPEjT.js';
+import '../chunks/bundle-CaYPuZ9G.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelOGMessage.js

@@ -1,38 +1,38 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CfcTsxlD.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CfcfVkxG.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-BGPVh26h.js';
-import { A as Avatar } from '../chunks/bundle-DyaS04Hg.js';
+import { f as format } from '../chunks/bundle-Ba74MVBa.js';
+import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import LinkLabel from './LinkLabel.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-33BY7XhN.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-B0A-GTy2.js';
-import { u as uuidv4 } from '../chunks/bundle-D4vlYCrG.js';
-import { c as copyToClipboard } from '../chunks/bundle-7DqcfMUP.js';
-import { u as useLocalization } from '../chunks/bundle-BkNNtN1V.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-tL7Z4efR.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-BE9YtwxF.js';
-import { u as useLongPress } from '../chunks/bundle-D87WTORg.js';
-import { T as TextFragment } from '../chunks/bundle-DzD5ZPeu.js';
-import { t as tokenizeMessage } from '../chunks/bundle-CquJpe2n.js';
-import '../chunks/bundle-CKqBhRZh.js';
-import '../chunks/bundle-CWPkjiZ7.js';
+import { a as UserProfileContext } from '../chunks/bundle-CwINP854.js';
+import { u as uuidv4 } from '../chunks/bundle-CFYZBlok.js';
+import { c as copyToClipboard } from '../chunks/bundle-YaC569om.js';
+import { u as useLocalization } from '../chunks/bundle-Bsg3ZeXI.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle--v2l79xO.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CuD6w3tY.js';
+import { u as useLongPress } from '../chunks/bundle-CvZD4CjF.js';
+import { T as TextFragment } from '../chunks/bundle-DMs2iFV3.js';
+import { t as tokenizeMessage } from '../chunks/bundle-D6_jF6vA.js';
+import '../chunks/bundle-BFdttAaW.js';
+import '../chunks/bundle-DF_LuHdb.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BqL00V4c.js';
+import '../chunks/bundle-FVThTEKh.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-VAV0nvVl.js';
-import '../chunks/bundle-Bm9cdQdy.js';
-import '../chunks/bundle-BydX5Gik.js';
+import '../chunks/bundle-BubacXNL.js';
+import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-KeJ_rVJL.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-C1UCPEjT.js';
+import '../chunks/bundle-CaYPuZ9G.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';