@sendbird/uikit-react 3.14.0-beta.2 → 3.14.1

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-D_KO6Orc.js';
+import '../chunks/bundle-DRWNB6So.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-C4sUzPGS.js';
-import '../chunks/bundle-CwofYH9U.js';
-import '../chunks/bundle-BUy5u56K.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-DiKCx9T0.js';
+import '../chunks/bundle-B-rlaXWu.js';
+import '../chunks/bundle-D3BcbbU5.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-D_KO6Orc.js';
+import { c as __spreadArray } from '../chunks/bundle-DRWNB6So.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C-_RpFyM.js';
-import { L as LocalizationContext } from '../chunks/bundle-CJIPD7gN.js';
-import '../chunks/bundle-DXhynnjn.js';
-import '../chunks/bundle-CcTHgZqq.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
+import { L as LocalizationContext } from '../chunks/bundle-ByOL8d1Y.js';
+import '../chunks/bundle-CqjZHu2X.js';
+import '../chunks/bundle-Ca-c848e.js';
 
 function Badge(_a) {
     var count = _a.count, _b = _a.maxLevel, maxLevel = _b === void 0 ? 2 : _b, _c = _a.className, className = _c === void 0 ? '' : _c;

package/ui/BottomSheet.js

@@ -1,17 +1,17 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
 import '../hooks/useModal.js';
-import { a as MODAL_ROOT } from '../chunks/bundle-BSPBjwR6.js';
-import '../chunks/bundle-D_KO6Orc.js';
-import '../chunks/bundle-aH4n4ipp.js';
-import '../chunks/bundle-CwofYH9U.js';
-import '../chunks/bundle-CJIPD7gN.js';
-import '../chunks/bundle-DXhynnjn.js';
-import '../chunks/bundle-CcTHgZqq.js';
-import '../chunks/bundle-BuIxT5aZ.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-DURANzV-.js';
+import '../chunks/bundle-DRWNB6So.js';
+import '../chunks/bundle-BSOtUr3s.js';
+import '../chunks/bundle-B-rlaXWu.js';
+import '../chunks/bundle-ByOL8d1Y.js';
+import '../chunks/bundle-CqjZHu2X.js';
+import '../chunks/bundle-Ca-c848e.js';
+import '../chunks/bundle-CfCfA_eS.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-C-_RpFyM.js';
+import '../chunks/bundle-C9k4XREr.js';
 import './Icon.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-D_KO6Orc.js';
+import { c as __spreadArray } from '../chunks/bundle-DRWNB6So.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C-_RpFyM.js';
-import '../chunks/bundle-DXhynnjn.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
+import '../chunks/bundle-CqjZHu2X.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {

package/ui/ChannelAvatar.js

@@ -1,11 +1,11 @@
 import React__default, { useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-C4sUzPGS.js';
+import { A as Avatar } from '../chunks/bundle-DiKCx9T0.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-BPclYGwz.js';
-import '../chunks/bundle-D_KO6Orc.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DluCUNJH.js';
+import '../chunks/bundle-DRWNB6So.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-CwofYH9U.js';
-import '../chunks/bundle-BUy5u56K.js';
+import '../chunks/bundle-B-rlaXWu.js';
+import '../chunks/bundle-D3BcbbU5.js';
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, userId = _a.userId, theme = _a.theme, _b = _a.width, width = _b === void 0 ? 56 : _b, _c = _a.height, height = _c === void 0 ? 56 : _c;

package/ui/ConnectionStatus.js

@@ -1,11 +1,11 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C-_RpFyM.js';
-import { L as LocalizationContext } from '../chunks/bundle-CJIPD7gN.js';
-import '../chunks/bundle-D_KO6Orc.js';
-import '../chunks/bundle-CwofYH9U.js';
-import '../chunks/bundle-DXhynnjn.js';
-import '../chunks/bundle-CcTHgZqq.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
+import { L as LocalizationContext } from '../chunks/bundle-ByOL8d1Y.js';
+import '../chunks/bundle-DRWNB6So.js';
+import '../chunks/bundle-B-rlaXWu.js';
+import '../chunks/bundle-CqjZHu2X.js';
+import '../chunks/bundle-Ca-c848e.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,16 +1,16 @@
 import React__default, { useState, useRef, useCallback, useEffect } from 'react';
-import { e as __extends, _ as __assign } from '../chunks/bundle-D_KO6Orc.js';
+import { e as __extends, _ as __assign } from '../chunks/bundle-DRWNB6So.js';
 import { createPortal } from 'react-dom';
 import { Role } from '@sendbird/chat';
 import { OpenChannel } from '@sendbird/chat/openChannel';
 import SortByRow from './SortByRow.js';
-import { w as getClassName } from '../chunks/bundle-5okwu0-4.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C-_RpFyM.js';
-import '../chunks/bundle-BFDyBk4r.js';
+import { w as getClassName } from '../chunks/bundle-CRJQQ2Pt.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
+import '../chunks/bundle-oKdCuyHB.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-aH4n4ipp.js';
-import '../chunks/bundle-DXhynnjn.js';
+import '../chunks/bundle-BSOtUr3s.js';
+import '../chunks/bundle-CqjZHu2X.js';
 
 // padding to handle height of last item in message-list
 var HEIGHT_PADDING = 60;

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-D_KO6Orc.js';
+import { c as __spreadArray } from '../chunks/bundle-DRWNB6So.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-CfKGkWtT.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C-_RpFyM.js';
-import '../chunks/bundle-DXhynnjn.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-B1531-Xt.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
+import '../chunks/bundle-CqjZHu2X.js';
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? Colors.ONBACKGROUND_4 : _d;

package/ui/EmojiReactions.js

@@ -4,41 +4,42 @@ import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ContextMenu, { EmojiListItems } from './ContextMenu.js';
-import { O as getEmojiUrl, P as isReactedBy, Q as getEmojiTooltipString, y as getEmojiListAll, R as getEmojiMapAll, w as getClassName } from '../chunks/bundle-5okwu0-4.js';
+import { R as getEmojiUrl, V as isReactedBy, W as getEmojiTooltipString, y as getEmojiListAll, X as getEmojiMapAll, w as getClassName } from '../chunks/bundle-CRJQQ2Pt.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C-_RpFyM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
 import UserListItem from './UserListItem.js';
-import { _ as __assign } from '../chunks/bundle-D_KO6Orc.js';
+import { _ as __assign } from '../chunks/bundle-DRWNB6So.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-BuIxT5aZ.js';
-import { u as useLongPress } from '../chunks/bundle-DUTTSKO5.js';
-import { L as LocalizationContext } from '../chunks/bundle-CJIPD7gN.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CfCfA_eS.js';
+import { u as useLongPress } from '../chunks/bundle-BL67-UYY.js';
+import { L as LocalizationContext } from '../chunks/bundle-ByOL8d1Y.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import '../chunks/bundle-DXhynnjn.js';
-import '../chunks/bundle-CwofYH9U.js';
+import { g as getIsReactionEnabled } from '../chunks/bundle-CEBnyfFY.js';
+import '../chunks/bundle-CqjZHu2X.js';
+import '../chunks/bundle-B-rlaXWu.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BFDyBk4r.js';
+import '../chunks/bundle-oKdCuyHB.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-aH4n4ipp.js';
+import '../chunks/bundle-BSOtUr3s.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-BSPBjwR6.js';
+import '../chunks/bundle-DURANzV-.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-CcTHgZqq.js';
-import '../chunks/bundle-DnFiUPoR.js';
-import '../chunks/bundle-C4sUzPGS.js';
-import '../chunks/bundle-BUy5u56K.js';
+import '../chunks/bundle-Ca-c848e.js';
+import '../chunks/bundle-Cr5JfXnd.js';
+import '../chunks/bundle-DiKCx9T0.js';
+import '../chunks/bundle-D3BcbbU5.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-Bf5VthYV.js';
+import '../chunks/bundle-BmJsj1DE.js';
 import '../withSendbird.js';
 
 var ReactedMembersBottomSheet = function (_a) {
@@ -142,6 +143,17 @@ var MobileEmojisBottomSheet = function (_a) {
 var EmojiReactions = function (_a) {
     var _b, _c, _d, _e, _f;
     var _g = _a.className, className = _g === void 0 ? '' : _g, userId = _a.userId, message = _a.message, channel = _a.channel, emojiContainer = _a.emojiContainer, memberNicknamesMap = _a.memberNicknamesMap, _h = _a.spaceFromTrigger, spaceFromTrigger = _h === void 0 ? { x: 0, y: 0 } : _h, _j = _a.isByMe, isByMe = _j === void 0 ? false : _j, toggleReaction = _a.toggleReaction, onPressUserProfile = _a.onPressUserProfile;
+    var showTheReactedMembers = false;
+    try {
+        var config = useSendbirdStateContext().config;
+        showTheReactedMembers = getIsReactionEnabled({
+            channel: channel,
+            config: config,
+        });
+    }
+    catch (err) {
+        // TODO: Handle error
+    }
     var isMobile = useMediaQueryContext().isMobile;
     var addReactionRef = useRef(null);
     var _k = useState(false), showEmojiList = _k[0], setShowEmojiList = _k[1];
@@ -180,7 +192,7 @@ var EmojiReactions = function (_a) {
         (isMobile && showEmojiList) && (React__default.createElement(MobileEmojisBottomSheet, { userId: userId, message: message, emojiContainer: emojiContainer, hideMenu: function () {
                 setShowEmojiList(false);
             }, toggleReaction: toggleReaction })),
-        (isMobile && selectedEmojiKey && channel !== null) && (React__default.createElement(ReactedMembersBottomSheet, { message: message, channel: channel, emojiKey: selectedEmojiKey, hideMenu: function () {
+        (isMobile && selectedEmojiKey && channel !== null && showTheReactedMembers) && (React__default.createElement(ReactedMembersBottomSheet, { message: message, channel: channel, emojiKey: selectedEmojiKey, hideMenu: function () {
                 setSelectedEmojiKey('');
             }, emojiContainer: emojiContainer, onPressUserProfileHandler: onPressUserProfile }))));
 };

package/ui/EmojiReactions.js.map

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

package/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -1,13 +1,13 @@
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-CJIPD7gN.js';
-import { w as getClassName } from '../chunks/bundle-5okwu0-4.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C-_RpFyM.js';
-import '../chunks/bundle-DXhynnjn.js';
-import '../chunks/bundle-CcTHgZqq.js';
-import '../chunks/bundle-D_KO6Orc.js';
+import { L as LocalizationContext } from '../chunks/bundle-ByOL8d1Y.js';
+import { w as getClassName } from '../chunks/bundle-CRJQQ2Pt.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
+import '../chunks/bundle-CqjZHu2X.js';
+import '../chunks/bundle-Ca-c848e.js';
+import '../chunks/bundle-DRWNB6So.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-aH4n4ipp.js';
+import '../chunks/bundle-BSOtUr3s.js';
 
 function FallbackTemplateMessageItemBody(_a) {
     var className = _a.className, message = _a.message, isByMe = _a.isByMe;

package/ui/FileMessageItemBody.js

@@ -1,28 +1,66 @@
+import { a as __awaiter, b as __generator } from '../chunks/bundle-DRWNB6So.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C-_RpFyM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { w as getClassName, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-5okwu0-4.js';
-import { C as Colors } from '../chunks/bundle-CfKGkWtT.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-BuIxT5aZ.js';
-import '../chunks/bundle-D_KO6Orc.js';
-import '../chunks/bundle-DXhynnjn.js';
-import '../chunks/bundle-CwofYH9U.js';
+import { w as getClassName, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-CRJQQ2Pt.js';
+import { C as Colors } from '../chunks/bundle-B1531-Xt.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CfCfA_eS.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import '../chunks/bundle-CqjZHu2X.js';
+import '../chunks/bundle-B-rlaXWu.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-aH4n4ipp.js';
+import '../chunks/bundle-BSOtUr3s.js';
+import '../withSendbird.js';
 
 function FileMessageItemBody(_a) {
-    var _b;
-    var className = _a.className, message = _a.message, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.mouseHover, mouseHover = _d === void 0 ? false : _d, _e = _a.isReactionEnabled, isReactionEnabled = _e === void 0 ? false : _e, _f = _a.truncateLimit, truncateLimit = _f === void 0 ? null : _f;
+    var _this = this;
+    var _b, _c, _d;
+    var className = _a.className, message = _a.message, _e = _a.isByMe, isByMe = _e === void 0 ? false : _e, _f = _a.mouseHover, mouseHover = _f === void 0 ? false : _f, _g = _a.isReactionEnabled, isReactionEnabled = _g === void 0 ? false : _g, _h = _a.truncateLimit, truncateLimit = _h === void 0 ? null : _h, _j = _a.onBeforeDownloadFileMessage, onBeforeDownloadFileMessage = _j === void 0 ? null : _j;
+    var logger = null;
+    try {
+        logger = (_c = (_b = useSendbirdStateContext()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.logger;
+    }
+    catch (err) {
+        // TODO: Handle error
+    }
     var isMobile = useMediaQueryContext().isMobile;
     var truncateMaxNum = truncateLimit || (isMobile ? 20 : null);
+    var downloadFileWithUrl = function () { return window.open(message === null || message === void 0 ? void 0 : message.url); };
+    var handleOnClickTextButton = onBeforeDownloadFileMessage
+        ? function () { return __awaiter(_this, void 0, void 0, function () {
+            var allowDownload, err_1;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _c.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, onBeforeDownloadFileMessage({ message: message })];
+                    case 1:
+                        allowDownload = _c.sent();
+                        if (allowDownload) {
+                            downloadFileWithUrl();
+                        }
+                        else {
+                            (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'FileMessageItemBody: Not allowed to download.');
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _c.sent();
+                        (_b = logger === null || logger === void 0 ? void 0 : logger.error) === null || _b === void 0 ? void 0 : _b.call(logger, 'FileMessageItemBody: Error occurred while determining download continuation:', err_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); }
+        : downloadFileWithUrl;
     return (React__default.createElement("div", { className: getClassName([
             className,
             'sendbird-file-message-item-body',
             isByMe ? 'outgoing' : 'incoming',
             mouseHover ? 'mouse-hover' : '',
-            (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
+            (isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0) ? 'reactions' : '',
         ]) },
         React__default.createElement("div", { className: "sendbird-file-message-item-body__file-icon" },
             React__default.createElement(Icon, { className: "sendbird-file-message-item-body__file-icon__icon", type: {
@@ -32,7 +70,7 @@ function FileMessageItemBody(_a) {
                     GIF: IconTypes.GIF,
                     OTHERS: IconTypes.FILE_DOCUMENT,
                 }[getUIKitFileType(message === null || message === void 0 ? void 0 : message.type)], fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })),
-        React__default.createElement(TextButton, { className: "sendbird-file-message-item-body__file-name", onClick: function () { window.open(message === null || message === void 0 ? void 0 : message.url); }, color: isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1 },
+        React__default.createElement(TextButton, { className: "sendbird-file-message-item-body__file-name", onClick: handleOnClickTextButton, color: isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1 },
             React__default.createElement(Label, { className: "sendbird-file-message-item-body__file-name__text", type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1 }, truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), truncateMaxNum)))));
 }
 

package/ui/FileMessageItemBody.js.map

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

package/ui/FileViewer.js

@@ -1,26 +1,26 @@
-import '../chunks/bundle-D_KO6Orc.js';
+import '../chunks/bundle-DRWNB6So.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-CJIPD7gN.js';
+import '../chunks/bundle-ByOL8d1Y.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-5okwu0-4.js';
-import '../chunks/bundle-CwofYH9U.js';
-import '../chunks/bundle-C4sUzPGS.js';
-import '../chunks/bundle-C-_RpFyM.js';
+import '../chunks/bundle-CRJQQ2Pt.js';
+import '../chunks/bundle-B-rlaXWu.js';
+import '../chunks/bundle-DiKCx9T0.js';
+import '../chunks/bundle-C9k4XREr.js';
 import './Icon.js';
-export { b as FileViewerComponent, F as default } from '../chunks/bundle-zf2ni0YJ.js';
-import '../chunks/bundle-GQqssfTX.js';
-import '../chunks/bundle-BSPBjwR6.js';
-import '../chunks/bundle-DXhynnjn.js';
-import '../chunks/bundle-CcTHgZqq.js';
-import '../chunks/bundle-aH4n4ipp.js';
-import '../chunks/bundle-BuIxT5aZ.js';
+export { b as FileViewerComponent, F as default } from '../chunks/bundle-BYJO_VIh.js';
+import '../chunks/bundle-DdrjZDoC.js';
+import '../chunks/bundle-DURANzV-.js';
+import '../chunks/bundle-CqjZHu2X.js';
+import '../chunks/bundle-Ca-c848e.js';
+import '../chunks/bundle-BSOtUr3s.js';
+import '../chunks/bundle-CfCfA_eS.js';
 import './IconButton.js';
 import './Button.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BUy5u56K.js';
-import '../chunks/bundle-BJ9OAqWz.js';
+import '../chunks/bundle-D3BcbbU5.js';
+import '../chunks/bundle-CypLTOy5.js';
 import '@sendbird/uikit-tools';
 //# sourceMappingURL=FileViewer.js.map

package/ui/Icon.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-D_KO6Orc.js';
+import { c as __spreadArray } from '../chunks/bundle-DRWNB6So.js';
 import * as React from 'react';
 import React__default from 'react';
-import { n as noop } from '../chunks/bundle-CwofYH9U.js';
+import { n as noop } from '../chunks/bundle-B-rlaXWu.js';
 
 /* eslint-disable no-redeclare */
 var Types = {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-D_KO6Orc.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DRWNB6So.js';
 import React__default, { useState } from 'react';
 
 var IconButton = React__default.forwardRef(function (props, ref) {

package/ui/ImageRenderer.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-D_KO6Orc.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DRWNB6So.js';
 import React__default, { useMemo, useState, useLayoutEffect, useRef } from 'react';
-import { n as noop } from '../chunks/bundle-CwofYH9U.js';
+import { n as noop } from '../chunks/bundle-B-rlaXWu.js';
 
 var numberToPx = (function (value) {
     return typeof value === 'number' ? "".concat(value, "px") : value;
@@ -117,7 +117,7 @@ var ImageRenderer = function (_a) {
             height: dynamicMinHeight,
         } },
         placeholderVisible && renderPlaceholder(),
-        defaultComponentVisible ? renderDefault() : renderImage(),
+        (!internalUrl || defaultComponentVisible) ? renderDefault() : renderImage(),
         shadeOnHover && (React__default.createElement("div", { className: "sendbird-multiple-files-image-renderer__image-cover", style: __assign({ borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, (isUploaded ? {} : { display: 'inline-flex' })) })),
         internalUrl && React__default.createElement(HiddenImageLoader, { src: internalUrl, alt: alt, onLoadStart: function () {
                 setPlaceholderVisible(true);

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 '../chunks/bundle-C-_RpFyM.js';
-import '../chunks/bundle-D_KO6Orc.js';
-import '../chunks/bundle-DXhynnjn.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
+import '../chunks/bundle-DRWNB6So.js';
+import '../chunks/bundle-CqjZHu2X.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-D_KO6Orc.js';
+import '../chunks/bundle-DRWNB6So.js';
 import 'react';
-export { e as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-C-_RpFyM.js';
-import '../chunks/bundle-DXhynnjn.js';
+export { e as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-C9k4XREr.js';
+import '../chunks/bundle-CqjZHu2X.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-D_KO6Orc.js';
+import { c as __spreadArray } from '../chunks/bundle-DRWNB6So.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C-_RpFyM.js';
-import '../chunks/bundle-DXhynnjn.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
+import '../chunks/bundle-CqjZHu2X.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-D_KO6Orc.js';
+import { c as __spreadArray } from '../chunks/bundle-DRWNB6So.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-CwofYH9U.js';
+import '../chunks/bundle-B-rlaXWu.js';
 
 function Loader(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children;

package/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -1,12 +1,12 @@
 import React__default from 'react';
-import { w as getClassName } from '../chunks/bundle-5okwu0-4.js';
+import { w as getClassName } from '../chunks/bundle-CRJQQ2Pt.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../chunks/bundle-D_KO6Orc.js';
+import '../chunks/bundle-DRWNB6So.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-aH4n4ipp.js';
-import '../chunks/bundle-CwofYH9U.js';
+import '../chunks/bundle-BSOtUr3s.js';
+import '../chunks/bundle-B-rlaXWu.js';
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {

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 '../chunks/bundle-C-_RpFyM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-D_KO6Orc.js';
+import '../chunks/bundle-DRWNB6So.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BFDyBk4r.js';
-import '../chunks/bundle-5okwu0-4.js';
+import '../chunks/bundle-oKdCuyHB.js';
+import '../chunks/bundle-CRJQQ2Pt.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-aH4n4ipp.js';
-import '../chunks/bundle-DXhynnjn.js';
-import '../chunks/bundle-CJIPD7gN.js';
-import '../chunks/bundle-CcTHgZqq.js';
-import '../chunks/bundle-DnFiUPoR.js';
+import '../chunks/bundle-BSOtUr3s.js';
+import '../chunks/bundle-CqjZHu2X.js';
+import '../chunks/bundle-ByOL8d1Y.js';
+import '../chunks/bundle-Ca-c848e.js';
+import '../chunks/bundle-Cr5JfXnd.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-Bf5VthYV.js';
-import '../chunks/bundle-CwofYH9U.js';
-import '../chunks/bundle-C4sUzPGS.js';
+import '../chunks/bundle-BmJsj1DE.js';
+import '../chunks/bundle-B-rlaXWu.js';
+import '../chunks/bundle-DiKCx9T0.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BUy5u56K.js';
+import '../chunks/bundle-D3BcbbU5.js';
 import './Icon.js';
 import './Button.js';
 import '../withSendbird.js';

package/ui/MentionUserLabel.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-gSQF3Ob-.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-BlbJo9zV.js';
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;