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

package/cjs/ui/OpenChannelAvatar.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-C1OSi3PG.js');
-var LocalizationContext = require('../chunks/bundle-NcZ2-bR4.js');
-var utils = require('../chunks/bundle-Cv2FOpGw.js');
-require('../chunks/bundle-BOmwadBI.js');
+var ui_Avatar = require('../chunks/bundle-BAZ7twtS.js');
+var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
+var utils = require('../chunks/bundle-yj3EsKw0.js');
+require('../chunks/bundle-CJ4C_lQr.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-Cslxj9Oh.js');
-require('../chunks/bundle-BnPisbbq.js');
+require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-DKmAwp7d.js');
 require('./Icon.js');
-require('../chunks/bundle-DhdwG-eV.js');
-require('../chunks/bundle-DSebafRU.js');
+require('../chunks/bundle-RonggNhW.js');
+require('../chunks/bundle-BR99z-80.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/cjs/ui/OpenchannelConversationHeader.js

@@ -1,17 +1,17 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-C1OSi3PG.js');
+var ui_Avatar = require('../chunks/bundle-BAZ7twtS.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../chunks/bundle-ChQCtrna.js');
-var LocalizationContext = require('../chunks/bundle-NcZ2-bR4.js');
-require('../chunks/bundle-BOmwadBI.js');
+var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
+var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
+require('../chunks/bundle-CJ4C_lQr.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-Cslxj9Oh.js');
-require('../chunks/bundle-BnPisbbq.js');
-require('../chunks/bundle-DhdwG-eV.js');
-require('../chunks/bundle-DSebafRU.js');
+require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-DKmAwp7d.js');
+require('../chunks/bundle-RonggNhW.js');
+require('../chunks/bundle-BR99z-80.js');
 
 function OpenchannelConversationHeader(_a) {
     var coverImage = _a.coverImage, title = _a.title, subTitle = _a.subTitle, amIOperator = _a.amIOperator, onActionClick = _a.onActionClick;

package/cjs/ui/OpenchannelFileMessage.js

@@ -1,42 +1,42 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BOmwadBI.js');
+var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-BmEsvEI0.js');
-var ui_Avatar = require('../chunks/bundle-C1OSi3PG.js');
-var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../chunks/bundle-ChQCtrna.js');
+var index$1 = require('../chunks/bundle-BJ4ap5Wm.js');
+var ui_Avatar = require('../chunks/bundle-BAZ7twtS.js');
+var ui_ContextMenu = require('../chunks/bundle-6P-e5JVH.js');
+var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_TextButton = require('./TextButton.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-DTwSpi6H.js');
-var LocalizationContext = require('../chunks/bundle-NcZ2-bR4.js');
-var index = require('../chunks/bundle-DJB8l2Ke.js');
-var MediaQueryContext = require('../chunks/bundle-BtRbaZbx.js');
-var useLongPress = require('../chunks/bundle-1gIzHc0z.js');
-var utils = require('../chunks/bundle-Cslxj9Oh.js');
-require('../chunks/bundle-_ghqr1tN.js');
-require('../chunks/bundle-DSebafRU.js');
+var UserProfileContext = require('../chunks/bundle-e0O2ux90.js');
+var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
+var index = require('../chunks/bundle-Cuo8RPsP.js');
+var MediaQueryContext = require('../chunks/bundle-QmHmrOIH.js');
+var useLongPress = require('../chunks/bundle-Bur_syFT.js');
+var utils = require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-CTGjIAK4.js');
+require('../chunks/bundle-BR99z-80.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BnPisbbq.js');
+require('../chunks/bundle-DKmAwp7d.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-IUGG9gXc.js');
-require('../chunks/bundle-CuZz1sho.js');
+require('../chunks/bundle-BThLM1G6.js');
+require('../withSendbird.js');
+require('../chunks/bundle-C5OtWVnd.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CO6T5RjX.js');
-require('../chunks/bundle-DhdwG-eV.js');
-require('../chunks/bundle-pHnJ7iYa.js');
+require('../chunks/bundle-B30tLxug.js');
+require('../chunks/bundle-RonggNhW.js');
+require('../chunks/bundle-CS6Aibfk.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CYeiwVvG.js');
+require('../chunks/bundle-BTOs4s9G.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
-require('../withSendbird.js');
 
 var checkFileType = function (fileUrl) {
     var audioFile = /(\.mp3)$/i;
@@ -88,7 +88,7 @@ function OpenChannelFileMessage(_a) {
         React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
                 'sendbird-openchannel-file-message',
             ], false).join(' '), ref: mobileMenuRef },
-            React.createElement("div", { className: "sendbird-openchannel-file-message__left" }, !chainTop && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-file-message__left__avatar", src: sender.profileUrl || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
+            React.createElement("div", { className: "sendbird-openchannel-file-message__left" }, !chainTop && (React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-file-message__left__avatar", src: sender.profileUrl || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
                         if (!disableUserProfile) {
                             toggleDropdown();
                         }
@@ -117,16 +117,16 @@ function OpenChannelFileMessage(_a) {
                     isPending && (React.createElement(ui_Loader, { width: "16px", height: "16px" },
                         React.createElement(ui_Icon.default, { className: "sendbird-openchannel-file-message__right__tail__pending", type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))),
                     isFailed && (React.createElement(ui_Icon.default, { className: "sendbird-openchannel-file-message__right__tail__failed", type: ui_Icon.IconTypes.ERROR, fillColor: ui_Icon.IconColors.ERROR, width: "16px", height: "16px" }))))),
-            !isMobile && (React.createElement("div", { className: "sendbird-openchannel-file-message__context-menu", ref: contextMenuRef }, (index.isFineResend({ message: message, userId: userId, status: status }) || !isEphemeral) && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (index.showMenuTrigger({ message: message, userId: userId, status: status }) && (React.createElement(ui_IconButton, { className: "sendbird-openchannel-file-message__context-menu__icon", width: "32px", height: "32px", onClick: toggleDropdown },
+            !isMobile && (React.createElement("div", { className: "sendbird-openchannel-file-message__context-menu", ref: contextMenuRef }, (index.isFineResend({ message: message, userId: userId, status: status }) || !isEphemeral) && (React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (index.showMenuTrigger({ message: message, userId: userId, status: status }) && (React.createElement(ui_IconButton, { className: "sendbird-openchannel-file-message__context-menu__icon", width: "32px", height: "32px", onClick: toggleDropdown },
                     React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MORE, width: "24px", height: "24px" })))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentRef: contextMenuRef, parentContainRef: contextMenuRef, closeDropdown: closeDropdown, openLeft: true },
-                    index.isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                    index.isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                             if (disabled) {
                                 return;
                             }
                             resendMessage(message);
                             closeDropdown();
                         }, testID: "open_channel_file_message_context_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
-                    (!isEphemeral && index.isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                    (!isEphemeral && index.isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                             if (disabled) {
                                 return;
                             }

package/cjs/ui/OpenchannelOGMessage.js

@@ -1,44 +1,44 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BOmwadBI.js');
+var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-BmEsvEI0.js');
-var ui_Avatar = require('../chunks/bundle-C1OSi3PG.js');
-var ui_ContextMenu = require('./ContextMenu.js');
+var index$1 = require('../chunks/bundle-BJ4ap5Wm.js');
+var ui_Avatar = require('../chunks/bundle-BAZ7twtS.js');
+var ui_ContextMenu = require('../chunks/bundle-6P-e5JVH.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var ui_Label = require('../chunks/bundle-ChQCtrna.js');
+var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-DTwSpi6H.js');
-var uuid = require('../chunks/bundle-IUGG9gXc.js');
-var utils = require('../chunks/bundle-tDvZ32g7.js');
-var LocalizationContext = require('../chunks/bundle-NcZ2-bR4.js');
-var index = require('../chunks/bundle-DJB8l2Ke.js');
-var MediaQueryContext = require('../chunks/bundle-BtRbaZbx.js');
-var useLongPress = require('../chunks/bundle-1gIzHc0z.js');
-var index$2 = require('../chunks/bundle-BJc79wbr.js');
-var tokenize = require('../chunks/bundle-Pud2TPky.js');
-var utils$1 = require('../chunks/bundle-Cslxj9Oh.js');
-require('../chunks/bundle-_ghqr1tN.js');
-require('../chunks/bundle-DSebafRU.js');
-require('../chunks/bundle-BnPisbbq.js');
+var UserProfileContext = require('../chunks/bundle-e0O2ux90.js');
+var uuid = require('../chunks/bundle-BThLM1G6.js');
+var utils = require('../chunks/bundle-DsMSm69r.js');
+var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
+var index = require('../chunks/bundle-Cuo8RPsP.js');
+var MediaQueryContext = require('../chunks/bundle-QmHmrOIH.js');
+var useLongPress = require('../chunks/bundle-Bur_syFT.js');
+var index$2 = require('../chunks/bundle-DroX83jz.js');
+var tokenize = require('../chunks/bundle-DITjC1Le.js');
+var utils$1 = require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-CTGjIAK4.js');
+require('../chunks/bundle-BR99z-80.js');
+require('../chunks/bundle-DKmAwp7d.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-CuZz1sho.js');
+require('../withSendbird.js');
+require('../chunks/bundle-C5OtWVnd.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CO6T5RjX.js');
-require('../chunks/bundle-DhdwG-eV.js');
+require('../chunks/bundle-B30tLxug.js');
+require('../chunks/bundle-RonggNhW.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CYeiwVvG.js');
+require('../chunks/bundle-BTOs4s9G.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
-require('../withSendbird.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
 
@@ -90,7 +90,7 @@ function OpenChannelOGMessage(_a) {
                 'sendbird-openchannel-og-message',
             ], false).join(' '), ref: messageComponentRef }, (isMobile ? _tslib.__assign({}, onLongPress) : {})),
             React.createElement("div", { className: "sendbird-openchannel-og-message__top" },
-                React.createElement("div", { className: "sendbird-openchannel-og-message__top__left" }, !chainTop && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-og-message__top__left__avatar", src: sender.profileUrl || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
+                React.createElement("div", { className: "sendbird-openchannel-og-message__top__left" }, !chainTop && (React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-og-message__top__left__avatar", src: sender.profileUrl || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
                             if (!disableUserProfile) {
                                 toggleDropdown();
                             }
@@ -116,26 +116,26 @@ function OpenChannelOGMessage(_a) {
                             React.createElement(index$2.TextFragment, { tokens: tokens }),
                             (((_c = message === null || message === void 0 ? void 0 : message.updatedAt) !== null && _c !== void 0 ? _c : 0) > 0) && (React.createElement(ui_Label.Label, { key: uuid.uuidv4(), className: 'sendbird-openchannel-og-message--word', type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.MESSAGE_EDITED))))),
                 !isMobile && (React.createElement("div", { className: "sendbird-openchannel-og-message__top__context-menu", ref: contextMenuRef, style: contextStyle },
-                    React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (index.showMenuTrigger({ message: message, userId: userId, status: status }) && (React.createElement(ui_IconButton, { className: "sendbird-openchannel-og-message__top__context-menu--icon", width: "32px", height: "32px", onClick: function () {
+                    React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (index.showMenuTrigger({ message: message, userId: userId, status: status }) && (React.createElement(ui_IconButton, { className: "sendbird-openchannel-og-message__top__context-menu--icon", width: "32px", height: "32px", onClick: function () {
                                 toggleDropdown();
                             } },
                             React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE, width: "24px", height: "24px" })))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentRef: contextMenuRef, parentContainRef: contextMenuRef, closeDropdown: closeDropdown, openLeft: true },
-                            index.isFineCopy({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
+                            index.isFineCopy({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
                                     utils.copyToClipboard(message.message);
                                     closeDropdown();
                                 }, testID: "open_channel_og_message_menu_copy" }, stringSet.CONTEXT_MENU_DROPDOWN__COPY)),
-                            (!isEphemeral && index.isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
+                            (!isEphemeral && index.isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
                                     if (disabled) {
                                         return;
                                     }
                                     showEdit(true);
                                     closeDropdown();
                                 }, testID: "open_channel_og_message_menu_edit" }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT)),
-                            index.isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__resend", onClick: function () {
+                            index.isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-og-message__top__context-menu__resend", onClick: function () {
                                     resendMessage(message);
                                     closeDropdown();
                                 }, testID: "open_channel_og_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
-                            (!isEphemeral && index.isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__delete", onClick: function () {
+                            (!isEphemeral && index.isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-og-message__top__context-menu__delete", onClick: function () {
                                     if (disabled) {
                                         return;
                                     }

package/cjs/ui/OpenchannelThumbnailMessage.js

@@ -1,40 +1,40 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BOmwadBI.js');
+var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-BmEsvEI0.js');
-var LocalizationContext = require('../chunks/bundle-NcZ2-bR4.js');
-var ui_Avatar = require('../chunks/bundle-C1OSi3PG.js');
-var ui_ContextMenu = require('./ContextMenu.js');
+var index$1 = require('../chunks/bundle-BJ4ap5Wm.js');
+var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
+var ui_Avatar = require('../chunks/bundle-BAZ7twtS.js');
+var ui_ContextMenu = require('../chunks/bundle-6P-e5JVH.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var ui_Label = require('../chunks/bundle-ChQCtrna.js');
+var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-DTwSpi6H.js');
-var index = require('../chunks/bundle-DJB8l2Ke.js');
-var MediaQueryContext = require('../chunks/bundle-BtRbaZbx.js');
-var useLongPress = require('../chunks/bundle-1gIzHc0z.js');
-require('../chunks/bundle-_ghqr1tN.js');
-require('../chunks/bundle-DSebafRU.js');
-require('../chunks/bundle-DhdwG-eV.js');
-require('../chunks/bundle-BnPisbbq.js');
-require('../chunks/bundle-Cslxj9Oh.js');
+var UserProfileContext = require('../chunks/bundle-e0O2ux90.js');
+var index = require('../chunks/bundle-Cuo8RPsP.js');
+var MediaQueryContext = require('../chunks/bundle-QmHmrOIH.js');
+var useLongPress = require('../chunks/bundle-Bur_syFT.js');
+require('../chunks/bundle-CTGjIAK4.js');
+require('../chunks/bundle-BR99z-80.js');
+require('../chunks/bundle-RonggNhW.js');
+require('../chunks/bundle-DKmAwp7d.js');
+require('../chunks/bundle-CxcGHjPH.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-IUGG9gXc.js');
-require('../chunks/bundle-CuZz1sho.js');
+require('../chunks/bundle-BThLM1G6.js');
+require('../withSendbird.js');
+require('../chunks/bundle-C5OtWVnd.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CO6T5RjX.js');
+require('../chunks/bundle-B30tLxug.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CYeiwVvG.js');
+require('../chunks/bundle-BTOs4s9G.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
-require('../withSendbird.js');
 
 var SUPPORTING_TYPES = {
     IMAGE: 'IMAGE',
@@ -104,7 +104,7 @@ function OpenchannelThumbnailMessage(_a) {
         React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
                 'sendbird-openchannel-thumbnail-message',
             ], false).join(' '), ref: messageRef },
-            React.createElement("div", { className: "sendbird-openchannel-thumbnail-message__left" }, !chainTop && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-thumbnail-message__left__avatar", src: sender.profileUrl || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
+            React.createElement("div", { className: "sendbird-openchannel-thumbnail-message__left" }, !chainTop && (React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-thumbnail-message__left__avatar", src: sender.profileUrl || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
                         if (!disableUserProfile) {
                             toggleDropdown();
                         }
@@ -154,13 +154,13 @@ function OpenchannelThumbnailMessage(_a) {
                     isPending && (React.createElement(ui_Loader, { width: "16px", height: "16px" },
                         React.createElement(ui_Icon.default, { className: "sendbird-openchannel-thumbnail-message__right__tail__pending", type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))),
                     isFailed && (React.createElement(ui_Icon.default, { className: "sendbird-openchannel-thumbnail-message__right__tail__failed", type: ui_Icon.IconTypes.ERROR, fillColor: ui_Icon.IconColors.ERROR, width: "16px", height: "16px" }))))),
-            !isMobile && (React.createElement("div", { className: "sendbird-openchannel-thumbnail-message__context-menu", ref: contextMenuRef }, (index.isFineResend({ message: message, userId: userId, status: status }) || !isEphemeral) && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (index.showMenuTrigger({ message: message, userId: userId, status: status }) && (React.createElement(ui_IconButton, { className: "sendbird-openchannel-thumbnail-message__context-menu--icon", width: "32px", height: "32px", onClick: toggleDropdown },
+            !isMobile && (React.createElement("div", { className: "sendbird-openchannel-thumbnail-message__context-menu", ref: contextMenuRef }, (index.isFineResend({ message: message, userId: userId, status: status }) || !isEphemeral) && (React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (index.showMenuTrigger({ message: message, userId: userId, status: status }) && (React.createElement(ui_IconButton, { className: "sendbird-openchannel-thumbnail-message__context-menu--icon", width: "32px", height: "32px", onClick: toggleDropdown },
                     React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE, width: "24px", height: "24px" })))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentRef: contextMenuRef, parentContainRef: contextMenuRef, closeDropdown: closeDropdown, openLeft: true },
-                    index.isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                    index.isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                             resendMessage(message);
                             closeDropdown();
                         }, testID: "open_channel_thumbnail_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
-                    (!isEphemeral && index.isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                    (!isEphemeral && index.isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                             if (disabled) {
                                 return;
                             }

package/cjs/ui/OpenchannelUserMessage.js

@@ -1,41 +1,41 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BOmwadBI.js');
+var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-BmEsvEI0.js');
-var ui_Avatar = require('../chunks/bundle-C1OSi3PG.js');
-var ui_ContextMenu = require('./ContextMenu.js');
+var index$1 = require('../chunks/bundle-BJ4ap5Wm.js');
+var ui_Avatar = require('../chunks/bundle-BAZ7twtS.js');
+var ui_ContextMenu = require('../chunks/bundle-6P-e5JVH.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../chunks/bundle-ChQCtrna.js');
+var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-DTwSpi6H.js');
-var LocalizationContext = require('../chunks/bundle-NcZ2-bR4.js');
-var utils = require('../chunks/bundle-tDvZ32g7.js');
-var uuid = require('../chunks/bundle-IUGG9gXc.js');
-var index = require('../chunks/bundle-DJB8l2Ke.js');
-var MediaQueryContext = require('../chunks/bundle-BtRbaZbx.js');
-var useLongPress = require('../chunks/bundle-1gIzHc0z.js');
-var index$2 = require('../chunks/bundle-CuZz1sho.js');
-require('../chunks/bundle-_ghqr1tN.js');
-require('../chunks/bundle-DSebafRU.js');
+var UserProfileContext = require('../chunks/bundle-e0O2ux90.js');
+var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
+var utils = require('../chunks/bundle-DsMSm69r.js');
+var uuid = require('../chunks/bundle-BThLM1G6.js');
+var index = require('../chunks/bundle-Cuo8RPsP.js');
+var MediaQueryContext = require('../chunks/bundle-QmHmrOIH.js');
+var useLongPress = require('../chunks/bundle-Bur_syFT.js');
+var index$2 = require('../chunks/bundle-C5OtWVnd.js');
+require('../chunks/bundle-CTGjIAK4.js');
+require('../chunks/bundle-BR99z-80.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-Cslxj9Oh.js');
-require('../chunks/bundle-BnPisbbq.js');
+require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-DKmAwp7d.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-DhdwG-eV.js');
+require('../withSendbird.js');
+require('../chunks/bundle-RonggNhW.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CYeiwVvG.js');
+require('../chunks/bundle-BTOs4s9G.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
-require('../withSendbird.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CO6T5RjX.js');
+require('../chunks/bundle-B30tLxug.js');
 
 function OpenchannelUserMessage(_a) {
     var className = _a.className, message = _a.message, isOperator = _a.isOperator, _b = _a.isEphemeral, isEphemeral = _b === void 0 ? false : _b, userId = _a.userId, resendMessage = _a.resendMessage, disabled = _a.disabled, showEdit = _a.showEdit, showRemove = _a.showRemove, chainTop = _a.chainTop;
@@ -76,7 +76,7 @@ function OpenchannelUserMessage(_a) {
         React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
                 'sendbird-openchannel-user-message',
             ], false).join(' '), ref: messageRef },
-            React.createElement("div", { className: "sendbird-openchannel-user-message__left" }, !chainTop && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-user-message__left__avatar", src: sender.profileUrl || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
+            React.createElement("div", { className: "sendbird-openchannel-user-message__left" }, !chainTop && (React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-user-message__left__avatar", src: sender.profileUrl || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
                         if (!disableUserProfile) {
                             toggleDropdown();
                         }
@@ -106,26 +106,26 @@ function OpenchannelUserMessage(_a) {
                         React.createElement(ui_Icon.default, { className: "sendbird-openchannel-user-message__right__tail__pending", type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))),
                     isFailed && (React.createElement(ui_Icon.default, { className: "sendbird-openchannel-user-message__right__tail__failed", type: ui_Icon.IconTypes.ERROR, fillColor: ui_Icon.IconColors.ERROR, width: "16px", height: "16px" }))))),
             !isMobile && (React.createElement("div", { className: "sendbird-openchannel-user-message__context-menu", ref: contextMenuRef, style: contextStyle },
-                React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (index.showMenuTrigger({ message: message, userId: userId, status: status }) && (React.createElement(ui_IconButton, { className: "sendbird-openchannel-user-message__context-menu--icon", width: "32px", height: "32px", onClick: function () {
+                React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) { return (index.showMenuTrigger({ message: message, userId: userId, status: status }) && (React.createElement(ui_IconButton, { className: "sendbird-openchannel-user-message__context-menu--icon", width: "32px", height: "32px", onClick: function () {
                             toggleDropdown();
                         } },
                         React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE, width: "24px", height: "24px" })))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentRef: contextMenuRef, parentContainRef: contextMenuRef, closeDropdown: closeDropdown, openLeft: true },
-                        index.isFineCopy({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-user-message__context-menu__copy", onClick: function () {
+                        index.isFineCopy({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-user-message__context-menu__copy", onClick: function () {
                                 utils.copyToClipboard(message.message);
                                 closeDropdown();
                             }, testID: "open_channel_user_message_menu_copy" }, stringSet.CONTEXT_MENU_DROPDOWN__COPY)),
-                        (!isEphemeral && index.isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-user-message__context-menu__edit", onClick: function () {
+                        (!isEphemeral && index.isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-user-message__context-menu__edit", onClick: function () {
                                 if (disabled) {
                                     return;
                                 }
                                 showEdit(true);
                                 closeDropdown();
                             }, testID: "open_channel_user_message_menu_edit" }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT)),
-                        index.isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-user-message__context-menu__resend", onClick: function () {
+                        index.isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-user-message__context-menu__resend", onClick: function () {
                                 resendMessage(message);
                                 closeDropdown();
                             }, testID: "open_channel_user_message_menu_resend" }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)),
-                        (!isEphemeral && index.isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-user-message__context-menu__delete", onClick: function () {
+                        (!isEphemeral && index.isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-user-message__context-menu__delete", onClick: function () {
                                 if (disabled) {
                                     return;
                                 }

package/cjs/ui/PlaceHolder.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BOmwadBI.js');
+var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-NcZ2-bR4.js');
+var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-ChQCtrna.js');
+var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
 var ui_Loader = require('./Loader.js');
-require('../chunks/bundle-DhdwG-eV.js');
-require('../chunks/bundle-DSebafRU.js');
-require('../chunks/bundle-Cslxj9Oh.js');
+require('../chunks/bundle-RonggNhW.js');
+require('../chunks/bundle-BR99z-80.js');
+require('../chunks/bundle-CxcGHjPH.js');
 
 var PlaceHolderTypes = {
     LOADING: 'LOADING',

package/cjs/ui/PlaybackTime.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-ChQCtrna.js');
-require('../chunks/bundle-BOmwadBI.js');
-require('../chunks/bundle-DhdwG-eV.js');
+var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
+require('../chunks/bundle-CJ4C_lQr.js');
+require('../chunks/bundle-RonggNhW.js');
 
 var PlaybackTime = function (_a) {
     var className = _a.className, _b = _a.time, time = _b === void 0 ? 0 : _b, _c = _a.labelType, labelType = _c === void 0 ? ui_Label.LabelTypography.CAPTION_2 : _c, _d = _a.labelColor, labelColor = _d === void 0 ? ui_Label.LabelColors.ONCONTENT_1 : _d;

package/cjs/ui/ProgressBar.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('../chunks/bundle-Cslxj9Oh.js');
+var utils = require('../chunks/bundle-CxcGHjPH.js');
 
 /* eslint-disable no-redeclare */
 var ProgressBarColorTypes = {

package/cjs/ui/QuoteMessage.js

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-ChQCtrna.js');
+var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../chunks/bundle-NcZ2-bR4.js');
-var index = require('../chunks/bundle-CuZz1sho.js');
-var utils = require('../chunks/bundle-DukR2u0g.js');
-require('../chunks/bundle-BOmwadBI.js');
-require('../chunks/bundle-Cslxj9Oh.js');
-require('../chunks/bundle-DhdwG-eV.js');
-require('../chunks/bundle-DSebafRU.js');
+var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
+var index = require('../chunks/bundle-C5OtWVnd.js');
+var utils = require('../chunks/bundle-DpylOTew.js');
+require('../chunks/bundle-CJ4C_lQr.js');
+require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-RonggNhW.js');
+require('../chunks/bundle-BR99z-80.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CO6T5RjX.js');
-require('../chunks/bundle-_ghqr1tN.js');
+require('../chunks/bundle-B30tLxug.js');
+require('../chunks/bundle-CTGjIAK4.js');
 
 function QuoteMessage(_a) {
     var _b;

package/cjs/ui/QuoteMessageInput.js

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var index = require('../chunks/bundle-CuZz1sho.js');
+var index = require('../chunks/bundle-C5OtWVnd.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-ChQCtrna.js');
-var LocalizationContext = require('../chunks/bundle-NcZ2-bR4.js');
+var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
+var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var utils = require('../chunks/bundle-DukR2u0g.js');
-require('../chunks/bundle-BOmwadBI.js');
+var utils = require('../chunks/bundle-DpylOTew.js');
+require('../chunks/bundle-CJ4C_lQr.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CO6T5RjX.js');
-require('../chunks/bundle-_ghqr1tN.js');
-require('../chunks/bundle-Cslxj9Oh.js');
-require('../chunks/bundle-DhdwG-eV.js');
-require('../chunks/bundle-DSebafRU.js');
+require('../chunks/bundle-B30tLxug.js');
+require('../chunks/bundle-CTGjIAK4.js');
+require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-RonggNhW.js');
+require('../chunks/bundle-BR99z-80.js');
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/cjs/ui/ReactionBadge.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BOmwadBI.js');
+var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-ChQCtrna.js');
-require('../chunks/bundle-DhdwG-eV.js');
+var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
+require('../chunks/bundle-RonggNhW.js');
 
 var ReactionBadge = React.forwardRef(function (props, ref) {
     var _a = props.className, className = _a === void 0 ? '' : _a, testID = props.testID, children = props.children, _b = props.count, count = _b === void 0 ? '' : _b, _c = props.isAdd, isAdd = _c === void 0 ? false : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.onClick, onClick = _e === void 0 ? function () { } : _e;

package/cjs/ui/ReactionButton.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BOmwadBI.js');
+var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
 var React = require('react');
-var useLongPress = require('../chunks/bundle-1gIzHc0z.js');
-var utils = require('../chunks/bundle-Cslxj9Oh.js');
-require('../chunks/bundle-BtRbaZbx.js');
+var useLongPress = require('../chunks/bundle-Bur_syFT.js');
+var utils = require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-QmHmrOIH.js');
 
 var ReactionButton = React.forwardRef(function (props, ref) {
     var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, testID = props.testID, onClick = props.onClick, children = props.children;