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

package/types/modules/ChannelSettings/components/ModerationPanel/BannedUserList.d.ts

@@ -1,9 +1,11 @@
 import { ReactElement, ReactNode } from 'react';
+import type { BannedUserListQueryParams } from '@sendbird/chat';
 import { UserListItemProps } from '../../../../ui/UserListItem';
 interface BannedUserListProps {
     renderUserListItem?: (props: UserListItemProps) => ReactNode;
+    bannedUserListQueryParams?: BannedUserListQueryParams;
 }
-export declare const BannedUserList: ({ renderUserListItem, }: BannedUserListProps) => ReactElement;
+export declare const BannedUserList: ({ renderUserListItem, bannedUserListQueryParams, }: BannedUserListProps) => ReactElement;
 /** @deprecated Use the BannedUserList instead */
-export declare const BannedMemberList: ({ renderUserListItem, }: BannedUserListProps) => ReactElement;
+export declare const BannedMemberList: ({ renderUserListItem, bannedUserListQueryParams, }: BannedUserListProps) => ReactElement;
 export default BannedUserList;

package/types/modules/ChannelSettings/components/ModerationPanel/BannedUsersModal.d.ts

@@ -1,8 +1,10 @@
 import { ReactElement, ReactNode } from 'react';
 import { UserListItemProps } from '../../../../ui/UserListItem';
+import { BannedUserListQueryParams } from '@sendbird/chat';
 export interface BannedUsersModalProps {
     onCancel(): void;
     renderUserListItem?: (props: UserListItemProps) => ReactNode;
+    bannedUserListQueryParams?: BannedUserListQueryParams;
 }
-export declare function BannedUsersModal({ onCancel, renderUserListItem, }: BannedUsersModalProps): ReactElement;
+export declare function BannedUsersModal({ onCancel, renderUserListItem, bannedUserListQueryParams, }: BannedUsersModalProps): ReactElement;
 export default BannedUsersModal;

package/types/modules/ChannelSettings/components/ModerationPanel/MemberList.d.ts

@@ -1,7 +1,11 @@
 import { ReactElement, ReactNode } from 'react';
+import type { MemberListQueryParams } from '@sendbird/chat/groupChannel';
 import { UserListItemProps } from '../../../../ui/UserListItem';
 interface MemberListProps {
-    renderUserListItem?: (props: UserListItemProps) => ReactNode;
+    renderUserListItem?: (props: UserListItemProps & {
+        index: number;
+    }) => ReactNode;
+    memberListQueryParams?: MemberListQueryParams;
 }
-export declare const MemberList: ({ renderUserListItem, }: MemberListProps) => ReactElement;
+export declare const MemberList: ({ renderUserListItem, memberListQueryParams, }: MemberListProps) => ReactElement;
 export default MemberList;

package/types/modules/ChannelSettings/components/ModerationPanel/MembersModal.d.ts

@@ -1,8 +1,12 @@
 import { ReactElement, ReactNode } from 'react';
+import type { MemberListQueryParams } from '@sendbird/chat/groupChannel';
 import { type UserListItemProps } from '../../../../ui/UserListItem';
 export interface MembersModalProps {
     onCancel(): void;
-    renderUserListItem?: (props: UserListItemProps) => ReactNode;
+    renderUserListItem?: (props: UserListItemProps & {
+        index: number;
+    }) => ReactNode;
+    memberListQueryParams?: MemberListQueryParams;
 }
-export declare function MembersModal({ onCancel, renderUserListItem, }: MembersModalProps): ReactElement;
+export declare function MembersModal({ onCancel, renderUserListItem, memberListQueryParams, }: MembersModalProps): ReactElement;
 export default MembersModal;

package/types/modules/ChannelSettings/components/ModerationPanel/MutedMemberList.d.ts

@@ -1,7 +1,9 @@
 import { ReactElement, ReactNode } from 'react';
+import type { MemberListQueryParams } from '@sendbird/chat/groupChannel';
 import { UserListItemProps } from '../../../../ui/UserListItem';
 interface MutedMemberListProps {
     renderUserListItem?: (props: UserListItemProps) => ReactNode;
+    memberListQueryParams?: MemberListQueryParams;
 }
-export declare const MutedMemberList: ({ renderUserListItem, }: MutedMemberListProps) => ReactElement;
+export declare const MutedMemberList: ({ renderUserListItem, memberListQueryParams, }: MutedMemberListProps) => ReactElement;
 export default MutedMemberList;

package/types/modules/ChannelSettings/components/ModerationPanel/MutedMembersModal.d.ts

@@ -1,8 +1,10 @@
 import { ReactElement, ReactNode } from 'react';
 import { UserListItemProps } from '../../../../ui/UserListItem';
+import { MemberListQueryParams } from '@sendbird/chat/groupChannel';
 export interface MutedMembersModalProps {
     onCancel(): void;
     renderUserListItem?: (props: UserListItemProps) => ReactNode;
+    memberListQueryParams?: MemberListQueryParams;
 }
-export declare function MutedMembersModal({ onCancel, renderUserListItem, }: MutedMembersModalProps): ReactElement;
+export declare function MutedMembersModal({ onCancel, renderUserListItem, memberListQueryParams, }: MutedMembersModalProps): ReactElement;
 export default MutedMembersModal;

package/types/modules/ChannelSettings/components/ModerationPanel/OperatorList.d.ts

@@ -1,7 +1,9 @@
 import { ReactElement, ReactNode } from 'react';
+import type { OperatorListQueryParams } from '@sendbird/chat';
 import { UserListItemProps } from '../../../../ui/UserListItem';
 interface OperatorListProps {
     renderUserListItem?: (props: UserListItemProps) => ReactNode;
+    operatorListQueryParams?: OperatorListQueryParams;
 }
-export declare const OperatorList: ({ renderUserListItem, }: OperatorListProps) => ReactElement;
+export declare const OperatorList: ({ renderUserListItem, operatorListQueryParams, }: OperatorListProps) => ReactElement;
 export default OperatorList;

package/types/modules/ChannelSettings/components/ModerationPanel/OperatorsModal.d.ts

@@ -1,8 +1,10 @@
 import { ReactElement, ReactNode } from 'react';
 import { UserListItemProps } from '../../../../ui/UserListItem';
+import { OperatorListQueryParams } from '@sendbird/chat';
 export interface OperatorsModalProps {
     onCancel?(): void;
     renderUserListItem?: (props: UserListItemProps) => ReactNode;
+    operatorListQueryParams?: OperatorListQueryParams;
 }
-export declare function OperatorsModal({ onCancel, renderUserListItem, }: OperatorsModalProps): ReactElement;
+export declare function OperatorsModal({ onCancel, renderUserListItem, operatorListQueryParams, }: OperatorsModalProps): ReactElement;
 export default OperatorsModal;

package/types/modules/ChannelSettings/context/ChannelSettingsProvider.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { GroupChannel, GroupChannelUpdateParams } from '@sendbird/chat/groupChannel';
-import { RenderUserProfileProps } from '../../../types';
+import type { UserListItemProps } from '../../../ui/UserListItem';
+import type { RenderUserProfileProps } from '../../../types';
 interface ApplicationUserListQuery {
     limit?: number;
     userIdsFilter?: Array<string>;
@@ -15,33 +16,29 @@ type OverrideInviteUserType = {
     onClose: () => void;
     channel: GroupChannel;
 };
-export type ChannelSettingsContextProps = {
-    children?: React.ReactElement;
+interface CommonChannelSettingsProps {
     channelUrl: string;
-    className?: string;
     onCloseClick?(): void;
     onLeaveChannel?(): void;
     overrideInviteUser?(params: OverrideInviteUserType): void;
     onChannelModified?(channel: GroupChannel): void;
-    onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): GroupChannelUpdateParams;
+    onBeforeUpdateChannel?(currentTitle: string, currentImg: File | null, data: string | undefined): GroupChannelUpdateParams;
     queries?: ChannelSettingsQueries;
+    renderUserListItem?: (props: UserListItemProps) => ReactNode;
+}
+export interface ChannelSettingsContextProps extends CommonChannelSettingsProps {
+    children?: React.ReactElement;
+    className?: string;
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
     disableUserProfile?: boolean;
-};
-interface ChannelSettingsProviderInterface {
-    channelUrl: string;
-    onCloseClick?(): void;
-    onLeaveChannel?(): void;
-    overrideInviteUser?(params: OverrideInviteUserType): void;
-    onChannelModified?(channel: GroupChannel): void;
-    onBeforeUpdateChannel?(currentTitle: string, currentImg: File | null, data: string | undefined): GroupChannelUpdateParams;
-    queries?: ChannelSettingsQueries;
+}
+interface ChannelSettingsProviderInterface extends CommonChannelSettingsProps {
     setChannelUpdateId(uniqId: string): void;
     forceUpdateUI(): void;
     channel: GroupChannel | null;
     loading: boolean;
     invalidChannel: boolean;
 }
-declare const ChannelSettingsProvider: ({ children, className, channelUrl, onCloseClick, onLeaveChannel, onChannelModified, overrideInviteUser, onBeforeUpdateChannel, queries, renderUserProfile, disableUserProfile, }: ChannelSettingsContextProps) => React.JSX.Element;
+declare const ChannelSettingsProvider: ({ children, className, channelUrl, onCloseClick, onLeaveChannel, onChannelModified, overrideInviteUser, onBeforeUpdateChannel, queries, renderUserProfile, disableUserProfile, renderUserListItem, }: ChannelSettingsContextProps) => React.JSX.Element;
 declare const useChannelSettingsContext: () => ChannelSettingsProviderInterface;
 export { ChannelSettingsProvider, useChannelSettingsContext };

package/types/modules/GroupChannelList/context/GroupChannelListProvider.d.ts

@@ -12,7 +12,7 @@ type OnCreateChannelClickParams = {
     channelType: CHANNEL_TYPE;
 };
 type ChannelListDataSource = ReturnType<typeof useGroupChannelList>;
-type ChannelListQueryParamsType = Omit<GroupChannelCollectionParams, 'filter'> & GroupChannelFilterParams;
+export type ChannelListQueryParamsType = Omit<GroupChannelCollectionParams, 'filter'> & GroupChannelFilterParams;
 interface ContextBaseType {
     onChannelSelect(channel: GroupChannel | null): void;
     onChannelCreated(channel: GroupChannel): void;

package/types/modules/Thread/components/ParentMessageInfo/index.d.ts

@@ -1,6 +1,10 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import './index.scss';
+import { MessageEmojiMenuProps } from '../../../../ui/MessageItemReactionMenu';
+import { MessageMenuProps } from '../../../../ui/MessageMenu';
 export interface ParentMessageInfoProps {
     className?: string;
+    renderEmojiMenu?: (props: MessageEmojiMenuProps) => ReactNode;
+    renderMessageMenu?: (props: MessageMenuProps) => ReactNode;
 }
-export default function ParentMessageInfo({ className, }: ParentMessageInfoProps): React.ReactElement;
+export default function ParentMessageInfo({ className, renderEmojiMenu, renderMessageMenu, }: ParentMessageInfoProps): React.ReactElement;

package/types/modules/Thread/components/ThreadList/ThreadListItem.d.ts

@@ -1,5 +1,7 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { SendableMessageType } from '../../../../utils';
+import type { MessageMenuProps } from '../../../../ui/MessageMenu';
+import type { MessageEmojiMenuProps } from '../../../../ui/MessageItemReactionMenu';
 export interface ThreadListItemProps {
     className?: string;
     message: SendableMessageType;
@@ -10,5 +12,7 @@ export interface ThreadListItemProps {
         message: SendableMessageType;
     }) => React.ReactElement;
     handleScroll?: () => void;
+    renderEmojiMenu?: (props: MessageEmojiMenuProps) => ReactNode;
+    renderMessageMenu?: (props: MessageMenuProps) => ReactNode;
 }
-export default function ThreadListItem({ className, message, chainTop, chainBottom, hasSeparator, renderCustomSeparator, handleScroll, }: ThreadListItemProps): React.ReactElement;
+export default function ThreadListItem({ className, message, chainTop, chainBottom, hasSeparator, renderCustomSeparator, handleScroll, renderEmojiMenu, renderMessageMenu, }: ThreadListItemProps): React.ReactElement;

package/types/modules/Thread/components/ThreadList/ThreadListItemContent.d.ts

@@ -1,14 +1,17 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { EmojiContainer } from '@sendbird/chat';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import './ThreadListItemContent.scss';
 import { ReplyType } from '../../../../types';
+import { MessageEmojiMenuProps } from '../../../../ui/MessageItemReactionMenu';
 import { SendableMessageType } from '../../../../utils';
+import { MessageMenuProps } from '../../../../ui/MessageMenu';
 export interface ThreadListItemContentProps {
     className?: string;
     userId: string;
     channel: GroupChannel;
     message: SendableMessageType;
+    /** @deprecated This prop is deprecated and no longer in use. */
     disabled?: boolean;
     chainTop?: boolean;
     chainBottom?: boolean;
@@ -26,5 +29,7 @@ export interface ThreadListItemContentProps {
     onReplyInThread?: (props: {
         message: SendableMessageType;
     }) => void;
+    renderEmojiMenu?: (props: MessageEmojiMenuProps) => ReactNode;
+    renderMessageMenu?: (props: MessageMenuProps) => ReactNode;
 }
-export default function ThreadListItemContent({ className, userId, channel, message, disabled, chainTop, chainBottom, isMentionEnabled, isReactionEnabled, disableQuoteMessage, replyType, nicknamesMap, emojiContainer, showEdit, showRemove, showFileViewer, resendMessage, toggleReaction, onReplyInThread, }: ThreadListItemContentProps): React.ReactElement;
+export default function ThreadListItemContent({ className, userId, channel, message, chainTop, chainBottom, isMentionEnabled, isReactionEnabled, disableQuoteMessage, replyType, nicknamesMap, emojiContainer, showEdit, showRemove, showFileViewer, resendMessage, toggleReaction, onReplyInThread, renderEmojiMenu, renderMessageMenu, }: ThreadListItemContentProps): React.ReactElement;

package/types/modules/Thread/components/ThreadList/index.d.ts

@@ -1,14 +1,10 @@
 import React, { RefObject } from 'react';
 import './index.scss';
 import type { SendableMessageType } from '../../../../utils';
+import { ThreadListItemProps } from './ThreadListItem';
 export interface ThreadListProps {
     className?: string;
-    renderMessage?: (props: {
-        message: SendableMessageType;
-        chainTop: boolean;
-        chainBottom: boolean;
-        hasSeparator: boolean;
-    }) => React.ReactElement;
+    renderMessage?: (props: ThreadListItemProps) => React.ReactElement;
     renderCustomSeparator?: (props: {
         message: SendableMessageType;
     }) => React.ReactElement;

package/types/modules/Thread/components/ThreadUI/index.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import './index.scss';
 import { ParentMessageStateTypes, ThreadListStateTypes } from '../../types';
 import { SendableMessageType } from '../../../../utils';
 export interface ThreadUIProps {
     renderHeader?: () => React.ReactElement;
-    renderParentMessageInfo?: () => React.ReactElement;
+    renderParentMessageInfo?: () => ReactNode;
     renderMessage?: (props: {
         message: SendableMessageType;
         chainTop: boolean;

package/types/modules/Thread/components/ThreadUI/useMemorizedParentMessageInfo.d.ts

@@ -1,11 +1,11 @@
-import React, { ReactElement } from 'react';
+import React, { ReactNode } from 'react';
 import { ParentMessageStateTypes } from '../../types';
 import { SendableMessageType } from '../../../../utils';
 export interface UseMemorizedParentMessageInfoProps {
     parentMessage: SendableMessageType;
     parentMessageState: ParentMessageStateTypes;
-    renderParentMessageInfo?: () => React.ReactElement;
-    renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => React.ReactElement;
+    renderParentMessageInfo?: () => ReactNode;
+    renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => ReactNode;
 }
-declare const useMemorizedParentMessageInfo: ({ parentMessage, parentMessageState, renderParentMessageInfo, renderParentMessageInfoPlaceholder, }: UseMemorizedParentMessageInfoProps) => ReactElement;
+declare const useMemorizedParentMessageInfo: ({ parentMessage, parentMessageState, renderParentMessageInfo, renderParentMessageInfoPlaceholder, }: UseMemorizedParentMessageInfoProps) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode>;
 export default useMemorizedParentMessageInfo;

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

@@ -6,7 +6,6 @@ import { UserListItemMenuProps } from '../UserListItemMenu/UserListItemMenu';
 export interface UserListItemProps {
     user: User | Member;
     channel?: GroupChannel;
-    key?: string | number;
     className?: string;
     checked?: boolean;
     checkBox?: boolean;
@@ -28,5 +27,5 @@ export interface UserListItemProps {
     renderListItemMenu?: (props: UserListItemMenuProps) => ReactNode;
     size?: 'normal' | 'small';
 }
-export declare function UserListItem({ user, channel, key, className, checked, checkBox, isOperator, disabled, disableMessaging, action, onChange, avatarSize, onClick, onUserAvatarClick, renderListItemMenu, size, }: UserListItemProps): ReactElement;
+export declare function UserListItem({ user, channel, className, checked, checkBox, isOperator, disabled, disableMessaging, action, onChange, avatarSize, onClick, onUserAvatarClick, renderListItemMenu, size, }: UserListItemProps): ReactElement;
 export default UserListItem;

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

@@ -1,2 +1,4 @@
+import UserListItemMenu from './UserListItemMenu';
 export { UserListItemMenu } from './UserListItemMenu';
 export { UserListItemMenuProvider, useUserListItemMenuContext } from './context';
+export default UserListItemMenu;

package/ui/Accordion.js

@@ -2,8 +2,8 @@ import React__default, { useMemo } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import { useAccordionGroupContext, AccordionGroupProvider } from './AccordionGroup.js';
 export { AccordionGroupContext } from './AccordionGroup.js';
-import { c as classnames } from '../chunks/bundle-DcYQjOKO.js';
-import '../chunks/bundle-DQSBOtg7.js';
+import { c as classnames } from '../chunks/bundle-CHe8JkGr.js';
+import '../chunks/bundle-BEX34LhF.js';
 
 var Accordion = function (_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;

package/ui/AccordionGroup.js

@@ -1,5 +1,5 @@
 import React__default, { createContext, useState, useContext } from 'react';
-import { n as noop } from '../chunks/bundle-DcYQjOKO.js';
+import { n as noop } from '../chunks/bundle-CHe8JkGr.js';
 
 var AccordionGroupContext = createContext({
     openedListKeys: [],

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
+import { c as __spreadArray } from '../chunks/bundle-BEX34LhF.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
-import '../chunks/bundle--6jTPVzP.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-GKQqMuW2.js';
+import '../chunks/bundle-BipIXldF.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-DQSBOtg7.js';
+import '../chunks/bundle-BEX34LhF.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-G3CaEd2_.js';
-import '../chunks/bundle-DcYQjOKO.js';
-import '../chunks/bundle-C7NP4Bof.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-h87yLPPq.js';
+import '../chunks/bundle-CHe8JkGr.js';
+import '../chunks/bundle-IUMfc-AF.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
+import { c as __spreadArray } from '../chunks/bundle-BEX34LhF.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
-import { L as LocalizationContext } from '../chunks/bundle-Gdpa0T6A.js';
-import '../chunks/bundle--6jTPVzP.js';
-import '../chunks/bundle-y21E8nZg.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-GKQqMuW2.js';
+import { L as LocalizationContext } from '../chunks/bundle-D1rGeQXE.js';
+import '../chunks/bundle-BipIXldF.js';
+import '../chunks/bundle-BPNXAHCY.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,31 +1,31 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { a as MODAL_ROOT } from '../chunks/bundle-BLM4PZ0X.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-TwHZAIx1.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-DQSBOtg7.js';
-import '../chunks/bundle-Cbvv0PRz.js';
+import '../chunks/bundle-BEX34LhF.js';
+import '../chunks/bundle-asXUy8ZO.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-7DHCXsKX.js';
-import '../chunks/bundle-p1hDqmzG.js';
-import '../chunks/bundle-DcYQjOKO.js';
-import '../chunks/bundle-Gdpa0T6A.js';
-import '../chunks/bundle--6jTPVzP.js';
-import '../chunks/bundle-y21E8nZg.js';
-import '../chunks/bundle-CzOlpSIQ.js';
+import '../chunks/bundle-igHMOr5m.js';
+import '../chunks/bundle-S1RtVk3L.js';
+import '../chunks/bundle-CHe8JkGr.js';
+import '../chunks/bundle-D1rGeQXE.js';
+import '../chunks/bundle-BipIXldF.js';
+import '../chunks/bundle-BPNXAHCY.js';
+import '../chunks/bundle-CEtwlkKx.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-65RjZ_9O.js';
+import '../chunks/bundle-GKQqMuW2.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-K18yplA5.js';
+import '../chunks/bundle-D5tIeT0x.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-D9r7jFIp.js';
-import '../chunks/bundle-CWS6HcnR.js';
-import '../chunks/bundle-CvUmadeB.js';
+import '../chunks/bundle-C_WidYQd.js';
+import '../chunks/bundle-BfrJYjOX.js';
+import '../chunks/bundle-NViriWgP.js';
 import './SortByRow.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
+import { c as __spreadArray } from '../chunks/bundle-BEX34LhF.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
-import '../chunks/bundle--6jTPVzP.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-GKQqMuW2.js';
+import '../chunks/bundle-BipIXldF.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-G3CaEd2_.js';
+import { A as Avatar } from '../chunks/bundle-h87yLPPq.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DdvWx7vK.js';
-import '../chunks/bundle-DQSBOtg7.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-Ds5S92aK.js';
+import '../chunks/bundle-BEX34LhF.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DcYQjOKO.js';
-import '../chunks/bundle-C7NP4Bof.js';
+import '../chunks/bundle-CHe8JkGr.js';
+import '../chunks/bundle-IUMfc-AF.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-65RjZ_9O.js';
-import { L as LocalizationContext } from '../chunks/bundle-Gdpa0T6A.js';
-import '../chunks/bundle-DQSBOtg7.js';
-import '../chunks/bundle-DcYQjOKO.js';
-import '../chunks/bundle--6jTPVzP.js';
-import '../chunks/bundle-y21E8nZg.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-GKQqMuW2.js';
+import { L as LocalizationContext } from '../chunks/bundle-D1rGeQXE.js';
+import '../chunks/bundle-BEX34LhF.js';
+import '../chunks/bundle-CHe8JkGr.js';
+import '../chunks/bundle-BipIXldF.js';
+import '../chunks/bundle-BPNXAHCY.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,21 +1,21 @@
-import '../chunks/bundle-DQSBOtg7.js';
+import '../chunks/bundle-BEX34LhF.js';
 import 'react';
-export { e as EMOJI_MENU_ROOT_ID, E as EmojiListItems, i as EmojiReactionListRoot, h as MENU_OBSERVING_CLASS_NAME, f as MENU_ROOT_ID, c as MenuItem, b as MenuItems, j as MenuRoot, d as MuteMenuItem, O as OperatorMenuItem, C as default, g as getObservingId } from '../chunks/bundle-CvUmadeB.js';
-import '../chunks/bundle-DcYQjOKO.js';
+export { E as EMOJI_MENU_ROOT_ID, f as EmojiListItems, i as EmojiReactionListRoot, e as MENU_OBSERVING_CLASS_NAME, d as MENU_ROOT_ID, c as MenuItem, b as MenuItems, j as MenuRoot, h as MuteMenuItem, O as OperatorMenuItem, C as default, g as getObservingId } from '../chunks/bundle-NViriWgP.js';
+import '../chunks/bundle-CHe8JkGr.js';
 import '../withSendbird.js';
 import './IconButton.js';
-import '../chunks/bundle-Cbvv0PRz.js';
-import '../chunks/bundle-Gdpa0T6A.js';
+import '../chunks/bundle-asXUy8ZO.js';
+import '../chunks/bundle-D1rGeQXE.js';
 import '@sendbird/chat';
 import 'react-dom';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-K18yplA5.js';
-import '../chunks/bundle-65RjZ_9O.js';
-import '../chunks/bundle--6jTPVzP.js';
+import '../chunks/bundle-D5tIeT0x.js';
+import '../chunks/bundle-GKQqMuW2.js';
+import '../chunks/bundle-BipIXldF.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-7DHCXsKX.js';
-import '../chunks/bundle-p1hDqmzG.js';
-import '../chunks/bundle-y21E8nZg.js';
+import '../chunks/bundle-igHMOr5m.js';
+import '../chunks/bundle-S1RtVk3L.js';
+import '../chunks/bundle-BPNXAHCY.js';
 //# sourceMappingURL=ContextMenu.js.map

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
+import { c as __spreadArray } from '../chunks/bundle-BEX34LhF.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-DyDETZRc.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
-import '../chunks/bundle--6jTPVzP.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-B6odKY78.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-GKQqMuW2.js';
+import '../chunks/bundle-BipIXldF.js';
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? undefined : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? Colors.ONBACKGROUND_4 : _d;

package/ui/EmojiReactions.js

@@ -3,48 +3,48 @@ import ReactionBadge from './ReactionBadge.js';
 import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { C as ContextMenu, E as EmojiListItems } from '../chunks/bundle-CvUmadeB.js';
-import { P as getEmojiUrl, Q as isReactedBy, R as getEmojiTooltipString, y as getEmojiListAll, V as getEmojiMapAll, w as getClassName } from '../chunks/bundle-Cbvv0PRz.js';
+import { C as ContextMenu, f as EmojiListItems } from '../chunks/bundle-NViriWgP.js';
+import { V as getEmojiUrl, W as isReactedBy, X as getEmojiTooltipString, x as getEmojiListAll, Y as getEmojiMapAll, w as getClassName } from '../chunks/bundle-asXUy8ZO.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-GKQqMuW2.js';
 import { UserListItem } from './UserListItem.js';
-import { c as classnames } from '../chunks/bundle-DcYQjOKO.js';
-import { _ as __assign } from '../chunks/bundle-DQSBOtg7.js';
+import { c as classnames } from '../chunks/bundle-CHe8JkGr.js';
+import { _ as __assign } from '../chunks/bundle-BEX34LhF.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-CzOlpSIQ.js';
-import { u as useLongPress } from '../chunks/bundle-BOBO7Qsp.js';
-import { L as LocalizationContext } from '../chunks/bundle-Gdpa0T6A.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CEtwlkKx.js';
+import { u as useLongPress } from '../chunks/bundle-BWsSGZJv.js';
+import { L as LocalizationContext } from '../chunks/bundle-D1rGeQXE.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import { g as getIsReactionEnabled } from '../chunks/bundle-DA39xST1.js';
-import '../chunks/bundle--6jTPVzP.js';
+import { g as getIsReactionEnabled } from '../chunks/bundle-D8GKg6tx.js';
+import '../chunks/bundle-BipIXldF.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-K18yplA5.js';
+import '../chunks/bundle-D5tIeT0x.js';
 import '../withSendbird.js';
 import './IconButton.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-7DHCXsKX.js';
-import '../chunks/bundle-p1hDqmzG.js';
-import '../chunks/bundle-BLM4PZ0X.js';
+import '../chunks/bundle-igHMOr5m.js';
+import '../chunks/bundle-S1RtVk3L.js';
+import '../chunks/bundle-TwHZAIx1.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-D9r7jFIp.js';
-import '../chunks/bundle-CWS6HcnR.js';
-import '../chunks/bundle-y21E8nZg.js';
-import '../chunks/bundle-CIFV8En7.js';
-import '../chunks/bundle-G3CaEd2_.js';
-import '../chunks/bundle-C7NP4Bof.js';
+import '../chunks/bundle-C_WidYQd.js';
+import '../chunks/bundle-BfrJYjOX.js';
+import '../chunks/bundle-BPNXAHCY.js';
+import '../chunks/bundle-BFMtRBYm.js';
+import '../chunks/bundle-h87yLPPq.js';
+import '../chunks/bundle-IUMfc-AF.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-DTgib7Vc.js';
+import '../chunks/bundle-Ba9mwUMb.js';
 
 var ReactedMembersBottomSheet = function (_a) {
     var _b, _c, _d;

package/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -1,14 +1,14 @@
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-Gdpa0T6A.js';
-import { w as getClassName } from '../chunks/bundle-Cbvv0PRz.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
-import '../chunks/bundle-DQSBOtg7.js';
-import '../chunks/bundle--6jTPVzP.js';
-import '../chunks/bundle-y21E8nZg.js';
+import { L as LocalizationContext } from '../chunks/bundle-D1rGeQXE.js';
+import { w as getClassName } from '../chunks/bundle-asXUy8ZO.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-GKQqMuW2.js';
+import '../chunks/bundle-BEX34LhF.js';
+import '../chunks/bundle-BipIXldF.js';
+import '../chunks/bundle-BPNXAHCY.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-7DHCXsKX.js';
-import '../chunks/bundle-p1hDqmzG.js';
+import '../chunks/bundle-igHMOr5m.js';
+import '../chunks/bundle-S1RtVk3L.js';
 
 function FallbackTemplateMessageItemBody(_a) {
     var className = _a.className, message = _a.message, isByMe = _a.isByMe;