@sendbird/uikit-react 3.4.0 → 3.4.1

package/ui/FileMessageItemBody.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6ea22883.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { j as getClassName, K as getUIKitFileType, t as truncateString } from '../index-34aa10d1.js';
-import { C as Colors } from '../color-1e2ee795.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-010e9df0.js';
+import { j as getClassName, K as getUIKitFileType, t as truncateString } from '../index-68dbd01d.js';
+import { C as Colors } from '../color-cdfa1a1f.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-0b29de79.js';
 import 'prop-types';
-import '../stringSet-44be1369.js';
-import '../tslib.es6-d163c646.js';
+import '../stringSet-ab222233.js';
+import '../tslib.es6-6ee715ec.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function FileMessageItemBody(_a) {

package/ui/FileViewer.js

@@ -1,17 +1,17 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-83ddce67.js';
-import { M as MODAL_ROOT } from '../index-5f7a15e3.js';
-import { E as isSupportedFileView, F as isVideo, G as isImage } from '../index-34aa10d1.js';
+import { a as LocalizationContext } from '../LocalizationContext-59b83627.js';
+import { M as MODAL_ROOT } from '../index-34793bc9.js';
+import { E as isSupportedFileView, F as isVideo, G as isImage } from '../index-68dbd01d.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6ea22883.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../stringSet-44be1369.js';
-import '../index-5eb9a836.js';
-import '../tslib.es6-d163c646.js';
+import '../stringSet-ab222233.js';
+import '../index-edd51b79.js';
+import '../tslib.es6-6ee715ec.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../uuid-bf5599d8.js';
+import '../uuid-f497a861.js';
 import 'prop-types';
 
 var FileViewerComponent = function (_a) {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-d163c646.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-6ee715ec.js';
 import React__default, { useState } from 'react';
 
 var IconButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {

package/ui/ImageRenderer.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-d163c646.js';
+import { a as __spreadArray } from '../tslib.es6-6ee715ec.js';
 import React__default, { useState, useMemo } from 'react';
 
 var ImageRenderer = function (_a) {

package/ui/Input.js

@@ -1,7 +1,7 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6ea22883.js';
 import 'prop-types';
-import '../stringSet-44be1369.js';
+import '../stringSet-ab222233.js';
 
 var InputLabel = function (_a) {
   var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'prop-types';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-5258ee05.js';
-import '../stringSet-44be1369.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-6ea22883.js';
+import '../stringSet-ab222233.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
-import '../stringSet-44be1369.js';
+import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-6ea22883.js';
+import '../stringSet-ab222233.js';
 
 const http = /https?:\/\//;
 function LinkLabel(_ref) {

package/ui/Loader.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-d163c646.js';
+import { a as __spreadArray } from '../tslib.es6-6ee715ec.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import 'prop-types';

package/ui/MentionLabel.js

@@ -1,28 +1,28 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6ea22883.js';
 import UserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../tslib.es6-d163c646.js';
+import '../tslib.es6-6ee715ec.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-bf5599d8.js';
-import '../index-34aa10d1.js';
+import '../uuid-f497a861.js';
+import '../index-68dbd01d.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-44be1369.js';
-import '../LocalizationContext-83ddce67.js';
-import '../index-5eb9a836.js';
-import '../UserProfileContext-236a8db5.js';
+import '../stringSet-ab222233.js';
+import '../LocalizationContext-59b83627.js';
+import '../index-edd51b79.js';
+import '../UserProfileContext-bd34665c.js';
 import '../sendbirdSelectors.js';
-import '../topics-3f0db840.js';
-import '../utils-49a0dde3.js';
+import '../topics-9eba1a1f.js';
+import '../utils-a236bdc2.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-b0efb0e7.js';
+import '../_rollupPluginBabelHelpers-1de97245.js';
 
 function MentionLabel(props) {
   var _a, _b, _c;

package/ui/MessageContent.js

@@ -1,14 +1,14 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-b0efb0e7.js';
-import { _ as __assign } from '../tslib.es6-d163c646.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-1de97245.js';
+import { _ as __assign } from '../tslib.es6-6ee715ec.js';
 import React__default, { useState, useContext, useRef } from 'react';
-import { f as format } from '../index-33f2cf64.js';
+import { f as format } from '../index-0db935a0.js';
 import Avatar from './Avatar.js';
 import UserProfile from './UserProfile.js';
-import { M as MessageStatus } from '../index-25d0ba0b.js';
+import { M as MessageStatus } from '../index-635b3b7c.js';
 import MessageItemMenu from './MessageItemMenu.js';
 import MessageItemReactionMenu from './MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5258ee05.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6ea22883.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
@@ -17,33 +17,33 @@ import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { s as isUserMessage, v as isSentMessage, w as isFailedMessage, x as isPendingMessage, m as isFileMessage, y as copyToClipboard, z as getEmojiListAll, A as getUIKitMessageTypes, o as isThumbnailMessage, j as getClassName, B as getSenderName, C as isTextMessage, D as isOGMessage, u as getUIKitMessageType, d as isVoiceMessage } from '../index-34aa10d1.js';
-import { a as UserProfileContext } from '../UserProfileContext-236a8db5.js';
-import { u as useLocalization } from '../LocalizationContext-83ddce67.js';
+import { s as isUserMessage, v as isSentMessage, w as isFailedMessage, x as isPendingMessage, m as isFileMessage, y as copyToClipboard, z as getEmojiListAll, A as getUIKitMessageTypes, o as isThumbnailMessage, j as getClassName, B as getSenderName, C as isTextMessage, D as isOGMessage, u as getUIKitMessageType, d as isVoiceMessage } from '../index-68dbd01d.js';
+import { a as UserProfileContext } from '../UserProfileContext-bd34665c.js';
+import { u as useLocalization } from '../LocalizationContext-59b83627.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useLongPress } from '../useLongPress-a05b8d13.js';
+import { u as useLongPress } from '../useLongPress-4ad22c89.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import BottomSheet from './BottomSheet.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-010e9df0.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-0b29de79.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../const-8faafb2e.js';
+import { T as ThreadReplySelectType } from '../const-5a8e0296.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
-import '../index-5eb9a836.js';
-import '../uuid-bf5599d8.js';
+import '../index-edd51b79.js';
+import '../uuid-f497a861.js';
 import 'prop-types';
 import '../sendbirdSelectors.js';
-import '../topics-3f0db840.js';
-import '../utils-49a0dde3.js';
+import '../topics-9eba1a1f.js';
+import '../utils-a236bdc2.js';
 import './Button.js';
-import '../stringSet-44be1369.js';
+import '../stringSet-ab222233.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-87ea8714.js';
-import '../index-ece24db0.js';
+import '../index-5e9e049d.js';
+import '../index-02904d88.js';
 import './IconButton.js';
-import '../types-490489b7.js';
+import '../types-96233b63.js';
 import 'react-dom';
 import './SortByRow.js';
 import './Tooltip.js';
@@ -53,13 +53,13 @@ import './Word.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './TextButton.js';
-import '../color-1e2ee795.js';
+import '../color-cdfa1a1f.js';
 import '../withSendbird.js';
-import '../index-5f7a15e3.js';
+import '../index-34793bc9.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../index-ba7daf9f.js';
-import '../consts-36a3e18c.js';
+import '../index-73039645.js';
+import '../consts-d7c3cbcd.js';
 import '../VoiceRecorder/context.js';
 import '../lame.all.js';
 import './PlaybackTime.js';
@@ -483,7 +483,8 @@ function MessageContent(_a) {
   var isByMe = userId === ((_b = message === null || message === void 0 ? void 0 : message.sender) === null || _b === void 0 ? void 0 : _b.userId) || (message === null || message === void 0 ? void 0 : message.sendingStatus) === 'pending' || (message === null || message === void 0 ? void 0 : message.sendingStatus) === 'failed';
   var isByMeClassName = isByMe ? 'outgoing' : 'incoming';
   var chainTopClassName = chainTop ? 'chain-top' : '';
-  var isReactionEnabledClassName = isReactionEnabled ? 'use-reactions' : '';
+  var isReactionEnabledInChannel = isReactionEnabled && !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral);
+  var isReactionEnabledClassName = isReactionEnabledInChannel ? 'use-reactions' : '';
   var supposedHoverClassName = supposedHover ? 'sendbird-mouse-hover' : '';
   var useReplying = !!((replyType === 'QUOTE_REPLY' || replyType === 'THREAD') && (message === null || message === void 0 ? void 0 : message.parentMessageId) && (message === null || message === void 0 ? void 0 : message.parentMessage) && !disableQuoteMessage);
   var useReplyingClassName = useReplying ? 'use-quote' : ''; // Thread replies
@@ -600,7 +601,7 @@ function MessageContent(_a) {
         scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);
       }
     }
-  }), isReactionEnabled && /*#__PURE__*/React__default.createElement(MessageItemReactionMenu, {
+  }), isReactionEnabledInChannel && /*#__PURE__*/React__default.createElement(MessageItemReactionMenu, {
     className: "sendbird-message-content-menu__reaction-menu",
     message: message,
     userId: userId,
@@ -657,40 +658,40 @@ function MessageContent(_a) {
     isByMe: isByMe,
     mouseHover: mouseHover,
     isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false,
-    isReactionEnabled: isReactionEnabled
+    isReactionEnabled: isReactionEnabledInChannel
   }), isOGMessage(message) && /*#__PURE__*/React__default.createElement(OGMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
     isByMe: isByMe,
     mouseHover: mouseHover,
     isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false,
-    isReactionEnabled: isReactionEnabled
+    isReactionEnabled: isReactionEnabledInChannel
   }), getUIKitMessageType(message) === messageTypes.FILE && /*#__PURE__*/React__default.createElement(FileMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
     isByMe: isByMe,
     mouseHover: mouseHover,
-    isReactionEnabled: isReactionEnabled
+    isReactionEnabled: isReactionEnabledInChannel
   }), isVoiceMessage(message) && /*#__PURE__*/React__default.createElement(VoiceMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
     channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
     isByMe: isByMe,
-    isReactionEnabled: isReactionEnabled
+    isReactionEnabled: isReactionEnabledInChannel
   }), isThumbnailMessage(message) && /*#__PURE__*/React__default.createElement(ThumbnailMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
     isByMe: isByMe,
     mouseHover: mouseHover,
-    isReactionEnabled: isReactionEnabled,
+    isReactionEnabled: isReactionEnabledInChannel,
     showFileViewer: showFileViewer
   }), getUIKitMessageType(message) === messageTypes.UNKNOWN && /*#__PURE__*/React__default.createElement(UnknownMessageItemBody, {
     className: "sendbird-message-content__middle__message-item-body",
     message: message,
     isByMe: isByMe,
     mouseHover: mouseHover,
-    isReactionEnabled: isReactionEnabled
-  }), isReactionEnabled && ((_h = message === null || message === void 0 ? void 0 : message.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0 && /*#__PURE__*/React__default.createElement("div", {
+    isReactionEnabled: isReactionEnabledInChannel
+  }), isReactionEnabledInChannel && ((_h = message === null || message === void 0 ? void 0 : message.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0 && /*#__PURE__*/React__default.createElement("div", {
     className: getClassName(['sendbird-message-content-reactions', !isByMe || isThumbnailMessage(message) || isOGMessage(message) ? '' : 'primary', mouseHover ? 'mouse-hover' : ''])
   }, /*#__PURE__*/React__default.createElement(EmojiReactions, {
     userId: userId,
@@ -717,7 +718,7 @@ function MessageContent(_a) {
     className: getClassName(['sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName])
   }, !isByMe && !isMobile && /*#__PURE__*/React__default.createElement("div", {
     className: getClassName(['sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName])
-  }, isReactionEnabled && /*#__PURE__*/React__default.createElement(MessageItemReactionMenu, {
+  }, isReactionEnabledInChannel && /*#__PURE__*/React__default.createElement(MessageItemReactionMenu, {
     className: "sendbird-message-content-menu__reaction-menu",
     message: message,
     userId: userId,
@@ -754,7 +755,7 @@ function MessageContent(_a) {
       setShowMenu(false);
     },
     message: message,
-    isReactionEnabled: isReactionEnabled,
+    isReactionEnabled: isReactionEnabledInChannel,
     isByMe: isByMe,
     userId: userId,
     replyType: replyType,