@sendbird/uikit-react 3.11.1 → 3.12.0-rc.0

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-KwnXXB-s.js';
-import { n as noop } from './chunks/bundle-4ab6nIKe.js';
+import { p as pubSubTopics } from './chunks/bundle-7nI0MJOs.js';
+import { n as noop } from './chunks/bundle-MYBkZ28K.js';
 
 /**
  * 1. UIKit Instances

package/types/lib/hooks/useConnect/connect.d.ts

@@ -1,2 +1,2 @@
 import { ConnectTypes } from './types';
-export declare function connect({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, sdk, sdkInitParams, customExtensionParams, isMobile, eventHandlers, }: ConnectTypes): Promise<void>;
+export declare function connect({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, sdk, sdkInitParams, customExtensionParams, isMobile, eventHandlers, isUserIdUsedForNickname, }: ConnectTypes): Promise<void>;

package/types/modules/ChannelList/components/ChannelListUI/index.d.ts

@@ -1,12 +1,11 @@
-import './channel-list-ui.scss';
 import React from 'react';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
-interface RenderChannelPreviewProps {
-    channel: GroupChannel;
-    onLeaveChannel(channel: GroupChannel, onLeaveChannelCb?: (channel: GroupChannel, error?: null) => void): void;
+import { GroupChannelListItemBasicProps } from '../../../GroupChannelList/components/GroupChannelListItem/GroupChannelListItemView';
+interface ChannelPreviewProps extends Omit<GroupChannelListItemBasicProps, 'onLeaveChannel'> {
+    onLeaveChannel(channel?: GroupChannel, onLeaveChannelCb?: (channel: GroupChannel, error?: null) => void): Promise<void>;
 }
 export interface ChannelListUIProps {
-    renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactElement;
+    renderChannelPreview?: (props: ChannelPreviewProps) => React.ReactElement;
     renderHeader?: (props: void) => React.ReactElement;
     renderPlaceHolderError?: (props: void) => React.ReactElement;
     renderPlaceHolderLoading?: (props: void) => React.ReactElement;

package/types/modules/ChannelList/components/ChannelPreview/index.d.ts

@@ -1,16 +1,8 @@
-import './channel-preview.scss';
 import React from 'react';
-import type { GroupChannel } from '@sendbird/chat/groupChannel';
-interface ChannelPreviewInterface {
-    channel: GroupChannel;
+import { GroupChannelListItemBasicProps } from '../../../GroupChannelList/components/GroupChannelListItem/GroupChannelListItemView';
+interface ChannelPreviewInterface extends GroupChannelListItemBasicProps {
+    /** @deprecated Please use `isSelected` instead */
     isActive?: boolean;
-    isTyping?: boolean;
-    onClick: () => void;
-    onLeaveChannel?: () => void;
-    renderChannelAction: (props: {
-        channel: GroupChannel;
-    }) => React.ReactElement;
-    tabIndex: number;
 }
-declare const ChannelPreview: React.FC<ChannelPreviewInterface>;
+declare const ChannelPreview: ({ channel, isActive, isSelected, isTyping, renderChannelAction, onLeaveChannel, onClick, tabIndex, }: ChannelPreviewInterface) => React.JSX.Element;
 export default ChannelPreview;

package/types/modules/ChannelList/components/ChannelPreviewAction.d.ts

@@ -1,9 +1,2 @@
-import React from 'react';
-import { GroupChannel } from '@sendbird/chat/groupChannel';
-type ChannelPreviewActionProps = {
-    channel?: GroupChannel;
-    disabled: boolean;
-    onLeaveChannel(): void;
-};
-export default function ChannelPreviewAction({ channel, disabled, onLeaveChannel }: ChannelPreviewActionProps): React.JSX.Element;
-export {};
+import ChannelPreviewAction from '../../GroupChannelList/components/GroupChannelPreviewAction';
+export default ChannelPreviewAction;

package/types/modules/GroupChannel/components/GroupChannelUI/GroupChannelUIView.d.ts

@@ -21,7 +21,7 @@ export interface GroupChannelUIBasicProps {
     renderTypingIndicator?: () => React.ReactElement;
 }
 export interface GroupChannelUIViewProps extends GroupChannelUIBasicProps {
-    loading: boolean;
+    isLoading?: boolean;
     isInvalid: boolean;
     channelUrl: string;
     renderChannelHeader: GroupChannelUIBasicProps['renderChannelHeader'];

package/types/modules/GroupChannel/components/SuggestedReplies/index.d.ts

@@ -6,5 +6,5 @@ interface Props {
         message: string;
     }) => void;
 }
-declare const SuggestedReplies: ({ replyOptions, onSendMessage }: Props) => React.JSX.Element;
+export declare const SuggestedReplies: ({ replyOptions, onSendMessage }: Props) => React.JSX.Element;
 export default SuggestedReplies;

package/types/modules/GroupChannel/context/GroupChannelProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { User } from '@sendbird/chat';
+import type { SendbirdError, User } from '@sendbird/chat';
 import { FileMessageCreateParams, MultipleFilesMessageCreateParams, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
 import type { GroupChannel, MessageCollectionParams, MessageFilterParams } from '@sendbird/chat/groupChannel';
 import { useGroupChannelMessages } from '@sendbird/uikit-tools';
@@ -50,6 +50,7 @@ interface ContextBaseType {
 }
 export interface GroupChannelContextType extends ContextBaseType, MessageListDataSourceWithoutActions, MessageActions {
     currentChannel: GroupChannel | null;
+    fetchChannelError: SendbirdError | null;
     nicknamesMap: Map<string, string>;
     scrollRef: React.MutableRefObject<HTMLDivElement>;
     scrollDistanceFromBottomRef: React.MutableRefObject<number>;

package/types/modules/GroupChannelList/components/GroupChannelListItem/GroupChannelListItemView.d.ts

@@ -1,16 +1,18 @@
+import './index.scss';
 import React from 'react';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
-export interface GroupChannelListItemViewProps {
-    channel: GroupChannel;
+import { GroupChannelPreviewActionProps } from '../GroupChannelPreviewAction';
+export interface GroupChannelListItemBasicProps {
     tabIndex: number;
-    isTyping: boolean;
-    isSelected: boolean;
+    channel: GroupChannel;
+    onClick: () => void;
+    renderChannelAction: (props: GroupChannelPreviewActionProps) => React.ReactElement;
+    isSelected?: boolean;
+    isTyping?: boolean;
+    onLeaveChannel?: () => Promise<void>;
+}
+export interface GroupChannelListItemViewProps extends GroupChannelListItemBasicProps {
     channelName: string;
     isMessageStatusEnabled?: boolean;
-    onClick?: () => void;
-    onLeaveChannel?: () => void;
-    renderChannelAction: (props: {
-        channel: GroupChannel;
-    }) => React.ReactElement;
 }
 export declare const GroupChannelListItemView: ({ channel, tabIndex, isTyping, isSelected, channelName, isMessageStatusEnabled, onClick, onLeaveChannel, renderChannelAction, }: GroupChannelListItemViewProps) => React.JSX.Element;

package/types/modules/GroupChannelList/components/GroupChannelListItem/index.d.ts

@@ -1,16 +1,5 @@
-import './index.scss';
 import React from 'react';
-import type { GroupChannel } from '@sendbird/chat/groupChannel';
-export interface GroupChannelListItemProps extends React.PropsWithChildren {
-    channel: GroupChannel;
-    isSelected?: boolean;
-    isTyping?: boolean;
-    onClick: () => void;
-    onLeaveChannel?: () => void;
-    renderChannelAction: (props: {
-        channel: GroupChannel;
-    }) => React.ReactElement;
-    tabIndex: number;
+import { GroupChannelListItemBasicProps } from './GroupChannelListItemView';
+export interface GroupChannelListItemProps extends GroupChannelListItemBasicProps {
 }
 export declare const GroupChannelListItem: ({ channel, isSelected, isTyping, renderChannelAction, onLeaveChannel, onClick, tabIndex, }: GroupChannelListItemProps) => React.JSX.Element;
-export { GroupChannelListItemView, GroupChannelListItemViewProps } from './GroupChannelListItemView';

package/types/modules/GroupChannelList/components/GroupChannelListUI/GroupChannelListUIView.d.ts

@@ -1,3 +1,4 @@
+import './index.scss';
 import React from 'react';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import { User } from '@sendbird/chat';

package/types/modules/GroupChannelList/components/GroupChannelListUI/index.d.ts

@@ -1,12 +1,10 @@
 import './index.scss';
 import React from 'react';
-import type { GroupChannel } from '@sendbird/chat/groupChannel';
-interface RenderChannelPreviewProps {
-    channel: GroupChannel;
-    onLeaveChannel(channel: GroupChannel, onLeaveChannelCb?: (c: GroupChannel) => void): void;
+import { GroupChannelListItemBasicProps } from '../GroupChannelListItem/GroupChannelListItemView';
+interface GroupChannelItemProps extends GroupChannelListItemBasicProps {
 }
 export interface GroupChannelListUIProps {
-    renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactElement;
+    renderChannelPreview?: (props: GroupChannelItemProps) => React.ReactElement;
     renderHeader?: (props: void) => React.ReactElement;
     renderPlaceHolderError?: (props: void) => React.ReactElement;
     renderPlaceHolderLoading?: (props: void) => React.ReactElement;

package/types/modules/GroupChannelList/components/GroupChannelPreviewAction.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
-export interface ChannelPreviewActionProps {
+export interface GroupChannelPreviewActionProps {
     channel?: GroupChannel;
-    disabled: boolean;
-    onLeaveChannel(): void;
+    disabled?: boolean;
+    onLeaveChannel?: () => Promise<void>;
 }
-export declare function GroupChannelPreviewAction({ channel, disabled, onLeaveChannel }: ChannelPreviewActionProps): React.JSX.Element;
+export declare function GroupChannelPreviewAction({ channel, disabled, onLeaveChannel }: GroupChannelPreviewActionProps): React.JSX.Element;
 export default GroupChannelPreviewAction;

package/types/ui/Label/stringSet.d.ts

@@ -139,6 +139,7 @@ declare const stringSet: {
         NO_TITLE: string;
         NO_NAME: string;
         NO_MEMBERS: string;
+        LABEL__OPERATOR: string;
         MESSAGE_MENU__COPY: string;
         MESSAGE_MENU__REPLY: string;
         MESSAGE_MENU__THREAD: string;

package/types/utils/consts.d.ts

@@ -1,5 +1,7 @@
 export declare const ONE_MiB: number;
 export declare const SCROLL_BUFFER = 10;
+export declare const SCROLL_BOTTOM_DELAY_FOR_SEND = 100;
+export declare const SCROLL_BOTTOM_DELAY_FOR_FETCH = 100;
 export declare const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;
 export declare const VOICE_RECORDER_DEFAULT_MIN = 1000;
 export declare const VOICE_RECORDER_DEFAULT_MAX = 600000;

package/ui/Accordion.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-0vtSUcHY.js';
+import { c as __spreadArray } from '../chunks/bundle-bBs0-8AF.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-YetIEB9o.js';
-import '../chunks/bundle-4ab6nIKe.js';
+import { C as Consumer } from '../chunks/bundle-3f1my2Ir.js';
+import '../chunks/bundle-MYBkZ28K.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-YetIEB9o.js';
-import '../chunks/bundle-4ab6nIKe.js';
+import { P as Provider } from '../chunks/bundle-3f1my2Ir.js';
+import '../chunks/bundle-MYBkZ28K.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 { a as __spreadArray } from '../chunks/bundle-0vtSUcHY.js';
+import { c as __spreadArray } from '../chunks/bundle-bBs0-8AF.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-RzWTDZDo.js';
-import '../chunks/bundle-_NUeDv_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-VC1JO5-p.js';
+import '../chunks/bundle-Z1D61u4a.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-0vtSUcHY.js';
+import '../chunks/bundle-bBs0-8AF.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-7RyEqo9-.js';
-import '../chunks/bundle-4ab6nIKe.js';
-import '../chunks/bundle-TEGbbRiE.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-zdgdWVyn.js';
+import '../chunks/bundle-MYBkZ28K.js';
+import '../chunks/bundle-XekDAFCE.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-0vtSUcHY.js';
+import { c as __spreadArray } from '../chunks/bundle-bBs0-8AF.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-RzWTDZDo.js';
-import { L as LocalizationContext } from '../chunks/bundle-zOkaSZl3.js';
-import '../chunks/bundle-_NUeDv_m.js';
-import '../chunks/bundle-YOec1wfw.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-VC1JO5-p.js';
+import { L as LocalizationContext } from '../chunks/bundle-wbu1BRph.js';
+import '../chunks/bundle-Z1D61u4a.js';
+import '../chunks/bundle-jKjzU1MT.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-92kzAxsw.js';
-import '../chunks/bundle-0vtSUcHY.js';
-import '../chunks/bundle-9wFvMqxF.js';
-import '../chunks/bundle-4ab6nIKe.js';
-import '../chunks/bundle-zOkaSZl3.js';
-import '../chunks/bundle-_NUeDv_m.js';
-import '../chunks/bundle-YOec1wfw.js';
-import '../chunks/bundle-1XQGq5tE.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-cqMRshaU.js';
+import '../chunks/bundle-bBs0-8AF.js';
+import '../chunks/bundle-46qOcsB3.js';
+import '../chunks/bundle-MYBkZ28K.js';
+import '../chunks/bundle-wbu1BRph.js';
+import '../chunks/bundle-Z1D61u4a.js';
+import '../chunks/bundle-jKjzU1MT.js';
+import '../chunks/bundle-RjOfwRD9.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-RzWTDZDo.js';
+import '../chunks/bundle-VC1JO5-p.js';
 import './Icon.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-0vtSUcHY.js';
+import { c as __spreadArray } from '../chunks/bundle-bBs0-8AF.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-RzWTDZDo.js';
-import '../chunks/bundle-_NUeDv_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-VC1JO5-p.js';
+import '../chunks/bundle-Z1D61u4a.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-7RyEqo9-.js';
+import { A as Avatar } from '../chunks/bundle-zdgdWVyn.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-R5n5AVj8.js';
-import '../chunks/bundle-0vtSUcHY.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DDOXEDJp.js';
+import '../chunks/bundle-bBs0-8AF.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-4ab6nIKe.js';
-import '../chunks/bundle-TEGbbRiE.js';
+import '../chunks/bundle-MYBkZ28K.js';
+import '../chunks/bundle-XekDAFCE.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-RzWTDZDo.js';
-import { L as LocalizationContext } from '../chunks/bundle-zOkaSZl3.js';
-import '../chunks/bundle-0vtSUcHY.js';
-import '../chunks/bundle-4ab6nIKe.js';
-import '../chunks/bundle-_NUeDv_m.js';
-import '../chunks/bundle-YOec1wfw.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-VC1JO5-p.js';
+import { L as LocalizationContext } from '../chunks/bundle-wbu1BRph.js';
+import '../chunks/bundle-bBs0-8AF.js';
+import '../chunks/bundle-MYBkZ28K.js';
+import '../chunks/bundle-Z1D61u4a.js';
+import '../chunks/bundle-jKjzU1MT.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,14 +1,14 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { e as __extends, _ as __assign } from '../chunks/bundle-0vtSUcHY.js';
+import { e as __extends, _ as __assign } from '../chunks/bundle-bBs0-8AF.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { r as getClassName } from '../chunks/bundle-hrqkDKRD.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-RzWTDZDo.js';
-import '../chunks/bundle-brky8TnE.js';
+import { w as getClassName } from '../chunks/bundle-RX3fBZMu.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-VC1JO5-p.js';
+import '../chunks/bundle-7128atOc.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9wFvMqxF.js';
-import '../chunks/bundle-_NUeDv_m.js';
+import '../chunks/bundle-46qOcsB3.js';
+import '../chunks/bundle-Z1D61u4a.js';
 
 // padding to handle height of last item in message-list
 var HEIGHT_PADDING = 60;

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../chunks/bundle-0vtSUcHY.js';
+import { c as __spreadArray } from '../chunks/bundle-bBs0-8AF.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-3hGhEhNx.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-RzWTDZDo.js';
-import '../chunks/bundle-_NUeDv_m.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-mN_8ZHp6.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-VC1JO5-p.js';
+import '../chunks/bundle-Z1D61u4a.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,39 +4,39 @@ import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ContextMenu, { EmojiListItems } from './ContextMenu.js';
-import { M as getEmojiUrl, N as isReactedBy, O as getEmojiTooltipString, u as getEmojiListAll, P as getEmojiMapAll, r as getClassName } from '../chunks/bundle-hrqkDKRD.js';
+import { N as getEmojiUrl, O as isReactedBy, P as getEmojiTooltipString, y as getEmojiListAll, Q as getEmojiMapAll, w as getClassName } from '../chunks/bundle-RX3fBZMu.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-RzWTDZDo.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-VC1JO5-p.js';
 import UserListItem from './UserListItem.js';
-import { _ as __assign } from '../chunks/bundle-0vtSUcHY.js';
+import { _ as __assign } from '../chunks/bundle-bBs0-8AF.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-1XQGq5tE.js';
-import { u as useLongPress } from '../chunks/bundle-AAE0evYg.js';
-import { L as LocalizationContext } from '../chunks/bundle-zOkaSZl3.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-RjOfwRD9.js';
+import { u as useLongPress } from '../chunks/bundle-r8uICiMq.js';
+import { L as LocalizationContext } from '../chunks/bundle-wbu1BRph.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import '../chunks/bundle-_NUeDv_m.js';
-import '../chunks/bundle-4ab6nIKe.js';
+import '../chunks/bundle-Z1D61u4a.js';
+import '../chunks/bundle-MYBkZ28K.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-brky8TnE.js';
+import '../chunks/bundle-7128atOc.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9wFvMqxF.js';
+import '../chunks/bundle-46qOcsB3.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-92kzAxsw.js';
+import '../chunks/bundle-cqMRshaU.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-YOec1wfw.js';
-import '../chunks/bundle-U_0F9z8c.js';
-import '../chunks/bundle-7RyEqo9-.js';
-import '../chunks/bundle-TEGbbRiE.js';
+import '../chunks/bundle-jKjzU1MT.js';
+import '../chunks/bundle-xHxKphkV.js';
+import '../chunks/bundle-zdgdWVyn.js';
+import '../chunks/bundle-XekDAFCE.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-KwnXXB-s.js';
+import '../chunks/bundle-7nI0MJOs.js';
 import '../withSendbird.js';
 
 var ReactedMembersBottomSheet = function (_a) {

package/ui/FileMessageItemBody.js

@@ -1,16 +1,16 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-RzWTDZDo.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-VC1JO5-p.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { r as getClassName, k as getUIKitFileType, t as truncateString } from '../chunks/bundle-hrqkDKRD.js';
-import { C as Colors } from '../chunks/bundle-3hGhEhNx.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-1XQGq5tE.js';
-import '../chunks/bundle-0vtSUcHY.js';
-import '../chunks/bundle-_NUeDv_m.js';
-import '../chunks/bundle-4ab6nIKe.js';
+import { w as getClassName, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-RX3fBZMu.js';
+import { C as Colors } from '../chunks/bundle-mN_8ZHp6.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-RjOfwRD9.js';
+import '../chunks/bundle-bBs0-8AF.js';
+import '../chunks/bundle-Z1D61u4a.js';
+import '../chunks/bundle-MYBkZ28K.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9wFvMqxF.js';
+import '../chunks/bundle-46qOcsB3.js';
 
 function FileMessageItemBody(_a) {
     var _b;

package/ui/FileViewer.js

@@ -1,26 +1,26 @@
-import '../chunks/bundle-0vtSUcHY.js';
+import '../chunks/bundle-bBs0-8AF.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-zOkaSZl3.js';
+import '../chunks/bundle-wbu1BRph.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-hrqkDKRD.js';
-import '../chunks/bundle-4ab6nIKe.js';
-import '../chunks/bundle-7RyEqo9-.js';
-import '../chunks/bundle-RzWTDZDo.js';
+import '../chunks/bundle-RX3fBZMu.js';
+import '../chunks/bundle-MYBkZ28K.js';
+import '../chunks/bundle-zdgdWVyn.js';
+import '../chunks/bundle-VC1JO5-p.js';
 import './Icon.js';
-export { b as FileViewerComponent, F as default } from '../chunks/bundle-7gnDs7-N.js';
-import '../chunks/bundle-Npg4qQQD.js';
-import '../chunks/bundle-92kzAxsw.js';
-import '../chunks/bundle-_NUeDv_m.js';
-import '../chunks/bundle-YOec1wfw.js';
-import '../chunks/bundle-9wFvMqxF.js';
-import '../chunks/bundle-1XQGq5tE.js';
+export { b as FileViewerComponent, F as default } from '../chunks/bundle--ORA9L0f.js';
+import '../chunks/bundle-nrzV0hwh.js';
+import '../chunks/bundle-cqMRshaU.js';
+import '../chunks/bundle-Z1D61u4a.js';
+import '../chunks/bundle-jKjzU1MT.js';
+import '../chunks/bundle-46qOcsB3.js';
+import '../chunks/bundle-RjOfwRD9.js';
 import './IconButton.js';
 import './Button.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-TEGbbRiE.js';
-import '../chunks/bundle-e5lT4U6_.js';
+import '../chunks/bundle-XekDAFCE.js';
+import '../chunks/bundle-5FiMKfdx.js';
 import '@sendbird/uikit-tools';
 //# sourceMappingURL=FileViewer.js.map

package/ui/Icon.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-0vtSUcHY.js';
+import { c as __spreadArray } from '../chunks/bundle-bBs0-8AF.js';
 import * as React from 'react';
 import React__default from 'react';
-import { n as noop } from '../chunks/bundle-4ab6nIKe.js';
+import { n as noop } from '../chunks/bundle-MYBkZ28K.js';
 
 /* eslint-disable no-redeclare */
 var Types = {

package/ui/IconButton.js

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

package/ui/ImageRenderer.js

@@ -1,6 +1,6 @@
-import { a as __spreadArray, _ as __assign } from '../chunks/bundle-0vtSUcHY.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-bBs0-8AF.js';
 import React__default, { useMemo, useState, useLayoutEffect, useRef } from 'react';
-import { n as noop } from '../chunks/bundle-4ab6nIKe.js';
+import { n as noop } from '../chunks/bundle-MYBkZ28K.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-RzWTDZDo.js';
-import '../chunks/bundle-0vtSUcHY.js';
-import '../chunks/bundle-_NUeDv_m.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-VC1JO5-p.js';
+import '../chunks/bundle-bBs0-8AF.js';
+import '../chunks/bundle-Z1D61u4a.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-0vtSUcHY.js';
+import '../chunks/bundle-bBs0-8AF.js';
 import 'react';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-RzWTDZDo.js';
-import '../chunks/bundle-_NUeDv_m.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-VC1JO5-p.js';
+import '../chunks/bundle-Z1D61u4a.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-0vtSUcHY.js';
+import { c as __spreadArray } from '../chunks/bundle-bBs0-8AF.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-RzWTDZDo.js';
-import '../chunks/bundle-_NUeDv_m.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-VC1JO5-p.js';
+import '../chunks/bundle-Z1D61u4a.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-0vtSUcHY.js';
+import { c as __spreadArray } from '../chunks/bundle-bBs0-8AF.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-4ab6nIKe.js';
+import '../chunks/bundle-MYBkZ28K.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;