@sendbird/uikit-react 3.13.2 → 3.13.3

package/types/ui/UserListItem/index.d.ts

@@ -1,8 +1,9 @@
 import { ChangeEvent, MutableRefObject, ReactElement } from 'react';
 import { User } from '@sendbird/chat';
+import { Member } from '@sendbird/chat/groupChannel';
 import './index.scss';
 export interface UserListItemProps {
-    user: User;
+    user: User | Member;
     className?: string;
     checked?: boolean;
     checkBox?: boolean;

package/ui/Accordion.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import AccordionGroup$1 from './AccordionGroup.js';
-import { C as Consumer } from '../chunks/bundle-_B5yFEP0.js';
-import '../chunks/bundle-BdCGrzcY.js';
+import { C as Consumer } from '../chunks/bundle-DavEbLba.js';
+import '../chunks/bundle-CT3xDvIx.js';
 
 function Accordion(_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;

package/ui/AccordionGroup.js

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
-import { P as Provider } from '../chunks/bundle-_B5yFEP0.js';
-import '../chunks/bundle-BdCGrzcY.js';
+import { P as Provider } from '../chunks/bundle-DavEbLba.js';
+import '../chunks/bundle-CT3xDvIx.js';
 
 // Wraps all the accordions in an accordion set
 // keep one accordion open at a time

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
-import '../chunks/bundle-DT8UMQCr.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-DaQK1Cox.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-4bxiD94h.js';
+import '../chunks/bundle-CVDtzU3E.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-DwRQcRou.js';
-import '../chunks/bundle-BdCGrzcY.js';
-import '../chunks/bundle-cWhfb441.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-BXpzbAbi.js';
+import '../chunks/bundle-CT3xDvIx.js';
+import '../chunks/bundle-DYJilNov.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
-import { L as LocalizationContext } from '../chunks/bundle-BV8WCwVA.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-CUBnQyTA.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import { L as LocalizationContext } from '../chunks/bundle-BX0LQWqY.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-BxBdkxXV.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-DdwjYXOX.js';
-import '../chunks/bundle-4bxiD94h.js';
-import '../chunks/bundle-DzQcMztv.js';
-import '../chunks/bundle-BdCGrzcY.js';
-import '../chunks/bundle-BV8WCwVA.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-CUBnQyTA.js';
-import '../chunks/bundle-CHxXgtL2.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-CCUBCV04.js';
+import '../chunks/bundle-CVDtzU3E.js';
+import '../chunks/bundle-4a9M9y8N.js';
+import '../chunks/bundle-CT3xDvIx.js';
+import '../chunks/bundle-BX0LQWqY.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-BxBdkxXV.js';
+import '../chunks/bundle-CLqgMCvn.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-BUHwsL2D.js';
+import '../chunks/bundle-DPhbbRZE.js';
 import './Icon.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
-import '../chunks/bundle-DT8UMQCr.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-DaQK1Cox.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-DwRQcRou.js';
+import { A as Avatar } from '../chunks/bundle-BXpzbAbi.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-BlSpe5qA.js';
-import '../chunks/bundle-4bxiD94h.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-BVGlC_pg.js';
+import '../chunks/bundle-CVDtzU3E.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BdCGrzcY.js';
-import '../chunks/bundle-cWhfb441.js';
+import '../chunks/bundle-CT3xDvIx.js';
+import '../chunks/bundle-DYJilNov.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-BUHwsL2D.js';
-import { L as LocalizationContext } from '../chunks/bundle-BV8WCwVA.js';
-import '../chunks/bundle-4bxiD94h.js';
-import '../chunks/bundle-BdCGrzcY.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-CUBnQyTA.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import { L as LocalizationContext } from '../chunks/bundle-BX0LQWqY.js';
+import '../chunks/bundle-CVDtzU3E.js';
+import '../chunks/bundle-CT3xDvIx.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-BxBdkxXV.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-4bxiD94h.js';
+import { e as __extends, _ as __assign } from '../chunks/bundle-CVDtzU3E.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-D1otjGeL.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
-import '../chunks/bundle-CXMfzdI7.js';
+import { w as getClassName } from '../chunks/bundle-DI3fL4Xw.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-CkInAxxb.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DzQcMztv.js';
-import '../chunks/bundle-DT8UMQCr.js';
+import '../chunks/bundle-4a9M9y8N.js';
+import '../chunks/bundle-DaQK1Cox.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-4bxiD94h.js';
+import { c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-D9xWky57.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
-import '../chunks/bundle-DT8UMQCr.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-DHp0VTVS.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-DaQK1Cox.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,41 @@ 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-D1otjGeL.js';
+import { O as getEmojiUrl, P as isReactedBy, Q as getEmojiTooltipString, y as getEmojiListAll, R as getEmojiMapAll, w as getClassName } from '../chunks/bundle-DI3fL4Xw.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
 import UserListItem from './UserListItem.js';
-import { _ as __assign } from '../chunks/bundle-4bxiD94h.js';
+import { _ as __assign } from '../chunks/bundle-CVDtzU3E.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-CHxXgtL2.js';
-import { u as useLongPress } from '../chunks/bundle-CNInpRIS.js';
-import { L as LocalizationContext } from '../chunks/bundle-BV8WCwVA.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CLqgMCvn.js';
+import { u as useLongPress } from '../chunks/bundle-j5EP0k3D.js';
+import { L as LocalizationContext } from '../chunks/bundle-BX0LQWqY.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-BdCGrzcY.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-CT3xDvIx.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-CXMfzdI7.js';
+import '../chunks/bundle-CkInAxxb.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DzQcMztv.js';
+import '../chunks/bundle-4a9M9y8N.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-DdwjYXOX.js';
+import '../chunks/bundle-CCUBCV04.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-CUBnQyTA.js';
-import '../chunks/bundle-B_ah2kxT.js';
-import '../chunks/bundle-DwRQcRou.js';
-import '../chunks/bundle-cWhfb441.js';
+import '../chunks/bundle-BxBdkxXV.js';
+import '../chunks/bundle-yNfnN0a6.js';
+import '../chunks/bundle-BXpzbAbi.js';
+import '../chunks/bundle-DYJilNov.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-BZK5eiX2.js';
+import '../chunks/bundle-DEqxoG9B.js';
 import '../withSendbird.js';
 
 var ReactedMembersBottomSheet = function (_a) {

package/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -1,13 +1,13 @@
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-BV8WCwVA.js';
-import { w as getClassName } from '../chunks/bundle-D1otjGeL.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-CUBnQyTA.js';
-import '../chunks/bundle-4bxiD94h.js';
+import { L as LocalizationContext } from '../chunks/bundle-BX0LQWqY.js';
+import { w as getClassName } from '../chunks/bundle-DI3fL4Xw.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-BxBdkxXV.js';
+import '../chunks/bundle-CVDtzU3E.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DzQcMztv.js';
+import '../chunks/bundle-4a9M9y8N.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-CVDtzU3E.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.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-D1otjGeL.js';
-import { C as Colors } from '../chunks/bundle-D9xWky57.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-CHxXgtL2.js';
-import '../chunks/bundle-4bxiD94h.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-BdCGrzcY.js';
+import { w as getClassName, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-DI3fL4Xw.js';
+import { C as Colors } from '../chunks/bundle-DHp0VTVS.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CLqgMCvn.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-CT3xDvIx.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DzQcMztv.js';
+import '../chunks/bundle-4a9M9y8N.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-4bxiD94h.js';
+import '../chunks/bundle-CVDtzU3E.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-BV8WCwVA.js';
+import '../chunks/bundle-BX0LQWqY.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-D1otjGeL.js';
-import '../chunks/bundle-BdCGrzcY.js';
-import '../chunks/bundle-DwRQcRou.js';
-import '../chunks/bundle-BUHwsL2D.js';
+import '../chunks/bundle-DI3fL4Xw.js';
+import '../chunks/bundle-CT3xDvIx.js';
+import '../chunks/bundle-BXpzbAbi.js';
+import '../chunks/bundle-DPhbbRZE.js';
 import './Icon.js';
-export { b as FileViewerComponent, F as default } from '../chunks/bundle-DIy5BllY.js';
-import '../chunks/bundle-mkC088ne.js';
-import '../chunks/bundle-DdwjYXOX.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-CUBnQyTA.js';
-import '../chunks/bundle-DzQcMztv.js';
-import '../chunks/bundle-CHxXgtL2.js';
+export { b as FileViewerComponent, F as default } from '../chunks/bundle-Dj4HLKX0.js';
+import '../chunks/bundle-CP1hwfFC.js';
+import '../chunks/bundle-CCUBCV04.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-BxBdkxXV.js';
+import '../chunks/bundle-4a9M9y8N.js';
+import '../chunks/bundle-CLqgMCvn.js';
 import './IconButton.js';
 import './Button.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-cWhfb441.js';
-import '../chunks/bundle-ugWtu0YZ.js';
+import '../chunks/bundle-DYJilNov.js';
+import '../chunks/bundle-BlHQV-25.js';
 import '@sendbird/uikit-tools';
 //# sourceMappingURL=FileViewer.js.map

package/ui/Icon.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
 import * as React from 'react';
 import React__default from 'react';
-import { n as noop } from '../chunks/bundle-BdCGrzcY.js';
+import { n as noop } from '../chunks/bundle-CT3xDvIx.js';
 
 /* eslint-disable no-redeclare */
 var Types = {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CVDtzU3E.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-4bxiD94h.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CVDtzU3E.js';
 import React__default, { useMemo, useState, useLayoutEffect, useRef } from 'react';
-import { n as noop } from '../chunks/bundle-BdCGrzcY.js';
+import { n as noop } from '../chunks/bundle-CT3xDvIx.js';
 
 var numberToPx = (function (value) {
     return typeof value === 'number' ? "".concat(value, "px") : value;

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-BUHwsL2D.js';
-import '../chunks/bundle-4bxiD94h.js';
-import '../chunks/bundle-DT8UMQCr.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-CVDtzU3E.js';
+import '../chunks/bundle-DaQK1Cox.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-4bxiD94h.js';
+import '../chunks/bundle-CVDtzU3E.js';
 import 'react';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-BUHwsL2D.js';
-import '../chunks/bundle-DT8UMQCr.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-DaQK1Cox.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
-import '../chunks/bundle-DT8UMQCr.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-DaQK1Cox.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-BdCGrzcY.js';
+import '../chunks/bundle-CT3xDvIx.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-D1otjGeL.js';
+import { w as getClassName } from '../chunks/bundle-DI3fL4Xw.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../chunks/bundle-4bxiD94h.js';
+import '../chunks/bundle-CVDtzU3E.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DzQcMztv.js';
-import '../chunks/bundle-BdCGrzcY.js';
+import '../chunks/bundle-4a9M9y8N.js';
+import '../chunks/bundle-CT3xDvIx.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-BUHwsL2D.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-4bxiD94h.js';
+import '../chunks/bundle-CVDtzU3E.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-CXMfzdI7.js';
-import '../chunks/bundle-D1otjGeL.js';
+import '../chunks/bundle-CkInAxxb.js';
+import '../chunks/bundle-DI3fL4Xw.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DzQcMztv.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-BV8WCwVA.js';
-import '../chunks/bundle-CUBnQyTA.js';
-import '../chunks/bundle-B_ah2kxT.js';
+import '../chunks/bundle-4a9M9y8N.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-BX0LQWqY.js';
+import '../chunks/bundle-BxBdkxXV.js';
+import '../chunks/bundle-yNfnN0a6.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-BZK5eiX2.js';
-import '../chunks/bundle-BdCGrzcY.js';
-import '../chunks/bundle-DwRQcRou.js';
+import '../chunks/bundle-DEqxoG9B.js';
+import '../chunks/bundle-CT3xDvIx.js';
+import '../chunks/bundle-BXpzbAbi.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-cWhfb441.js';
+import '../chunks/bundle-DYJilNov.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-hAKR7PVp.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-B8HW06Fl.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;