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

package/types/modules/ChannelSettings/components/ChannelSettingsUI/hooks/useMenuItems.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+import type { UserListItemProps } from '../../../../../ui/UserListItem';
+import { IconProps } from '../../../../../ui/Icon';
+import { type LabelProps } from '../../../../../ui/Label';
+import { type MenuItemActionProps } from '../MenuItem';
+type MenuItem = {
+    icon: IconProps;
+    label: LabelProps;
+    rightComponent?: (props: MenuItemActionProps) => React.ReactNode;
+    accordionComponent?: () => React.ReactNode;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    hideMenu?: boolean;
+};
+type MenuItemsByRole = {
+    [key: string]: MenuItem;
+};
+type MenuItems = {
+    operator: MenuItemsByRole;
+    nonOperator: MenuItemsByRole;
+};
+interface UseMenuItemsParams {
+    renderUserListItem?: (props: UserListItemProps) => ReactNode;
+}
+export declare const useMenuItems: (props?: UseMenuItemsParams) => MenuItems;
+export default useMenuItems;

package/types/modules/ChannelSettings/components/ChannelSettingsUI/index.d.ts

@@ -1,13 +1,23 @@
 import './channel-settings-ui.scss';
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { ChannelSettingsHeaderProps } from './ChannelSettingsHeader';
+import useMenuItems from './hooks/useMenuItems';
+import { UserListItemProps } from '../../../../ui/UserListItem';
+interface ModerationPanelProps {
+    menuItems: ReturnType<typeof useMenuItems>;
+}
 export interface ChannelSettingsUIProps {
     renderHeader?: (props: ChannelSettingsHeaderProps) => React.ReactElement;
     renderChannelProfile?: () => React.ReactElement;
-    renderModerationPanel?: () => React.ReactElement;
+    renderModerationPanel?: (props: ModerationPanelProps) => React.ReactElement;
     renderLeaveChannel?: () => React.ReactElement;
     renderPlaceholderError?: () => React.ReactElement;
     renderPlaceholderLoading?: () => React.ReactElement;
+    renderUserListItem?: (props: UserListItemProps) => ReactNode;
 }
 declare const ChannelSettingsUI: (props: ChannelSettingsUIProps) => React.JSX.Element;
 export default ChannelSettingsUI;
+export { OperatorList } from '../ModerationPanel/OperatorList';
+export { MemberList } from '../ModerationPanel/MemberList';
+export { MutedMemberList } from '../ModerationPanel/MutedMemberList';
+export { BannedUserList } from '../ModerationPanel/BannedUserList';

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

@@ -1,7 +1,8 @@
-import { ReactElement } from 'react';
-interface Props {
+import { ReactElement, ReactNode } from 'react';
+import { UserListItemProps } from '../../../../ui/UserListItem';
+export interface AddOperatorsModalProps {
     onCancel(): void;
     onSubmit(members: Array<string>): void;
+    renderUserListItem?: (props: UserListItemProps) => ReactNode;
 }
-export default function AddOperatorsModal({ onCancel, onSubmit, }: Props): ReactElement;
-export {};
+export default function AddOperatorsModal({ onCancel, onSubmit, renderUserListItem, }: AddOperatorsModalProps): ReactElement;

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

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

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

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

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

@@ -1,8 +1,10 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
+import { type UserListItemProps } from '../../../../ui/UserListItem';
 type UserId = string;
-interface Props {
+export interface InviteUsersModalProps {
     onCancel(): void;
     onSubmit(userIds: UserId[]): void;
+    renderUserListItem?: (props: UserListItemProps) => ReactNode;
 }
-export default function InviteUsers({ onCancel, onSubmit }: Props): React.JSX.Element;
-export {};
+export declare function InviteUsersModal({ onCancel, onSubmit, renderUserListItem, }: InviteUsersModalProps): React.JSX.Element;
+export default InviteUsersModal;

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

@@ -1,3 +1,7 @@
-import { ReactElement } from 'react';
-export declare const MemberList: () => ReactElement;
+import { ReactElement, ReactNode } from 'react';
+import { UserListItemProps } from '../../../../ui/UserListItem';
+interface MemberListProps {
+    renderUserListItem?: (props: UserListItemProps) => ReactNode;
+}
+export declare const MemberList: ({ renderUserListItem, }: MemberListProps) => ReactElement;
 export default MemberList;

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

@@ -1,6 +1,8 @@
-import { ReactElement } from 'react';
-interface Props {
+import { ReactElement, ReactNode } from 'react';
+import { type UserListItemProps } from '../../../../ui/UserListItem';
+export interface MembersModalProps {
     onCancel(): void;
+    renderUserListItem?: (props: UserListItemProps) => ReactNode;
 }
-export default function MembersModal({ onCancel }: Props): ReactElement;
-export {};
+export declare function MembersModal({ onCancel, renderUserListItem, }: MembersModalProps): ReactElement;
+export default MembersModal;

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,8 @@
 import './admin-panel.scss';
 import { ReactElement } from 'react';
+/**
+ * @deprecated
+ * `ModerationPanel` is deprecated.
+ * Use `@sendbird/ChannelSettings/components/ChannelSettingMenuList` instead.
+ */
 export default function ModerationPanel(): ReactElement;

package/types/modules/ChannelSettings/components/UserListItem/index.d.ts

@@ -1,16 +1,6 @@
-import React, { ReactElement, ReactNode } from 'react';
-import { User } from '@sendbird/chat';
-import { Member } from '@sendbird/chat/groupChannel';
-import './user-list-item.scss';
-interface ActionProps {
-    actionRef: React.RefObject<HTMLInputElement>;
-    parentRef: React.RefObject<HTMLInputElement>;
-}
-interface Props {
-    user: User | Member;
-    currentUser?: string;
-    className?: string;
-    action?(props: ActionProps): ReactNode;
-}
-declare const UserListItem: ({ user, className, currentUser, action, }: Props) => ReactElement;
+import { UserListItem as UIUserListItem } from '../../../../ui/UserListItem';
+/**
+ * @deprecated This modules has been deprecated, please import from '@sendbird/uikit-react/ui/UserListItem'
+ */
+export declare const UserListItem: typeof UIUserListItem;
 export default UserListItem;

package/types/modules/ChannelSettings/components/UserPanel/index.d.ts

@@ -1,4 +1,9 @@
 import './user-panel.scss';
 import React from 'react';
 declare const UserPanel: React.FC;
+/**
+ * @deprecated
+ * `UserPanel` is deprecated.
+ * Use `@sendbird/ChannelSettings/components/ChannelSettingMenuList` instead.
+ */
 export default UserPanel;

package/types/types.d.ts

@@ -74,3 +74,4 @@ export declare enum MessageContentMiddleContainerType {
     DEFAULT = "default",
     WIDE = "wide"
 }
+export type HTMLTextDirection = 'ltr' | 'rtl';

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

@@ -7,6 +7,10 @@ export declare const MENU_OBSERVING_CLASS_NAME = "sendbird-observing-message-men
 export declare const getObservingId: (txt: string | number) => string;
 export declare const MenuItems: typeof _MenuItems;
 export declare const EmojiListItems: ({ id, children, parentRef, parentContainRef, spaceFromTrigger, closeDropdown, }: import("./EmojiListItems").EmojiListItemsProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+/**
+ * @deprecated
+ * Use the `MessageItemProps` from '@sendbird/uikit-react/ui/MessageMenu' instead
+ */
 export interface MenuItemProps {
     className?: string | Array<string>;
     children: ReactElement | ReactElement[] | ReactNode;
@@ -18,7 +22,11 @@ export interface MenuItemProps {
     dataSbId?: string;
     testID?: string;
 }
-export declare const MenuItem: ({ className, children, onClick, disable, dataSbId, testID, }: MenuItemProps) => ReactElement;
+/**
+ * @deprecated
+ * Use the `MenuItem` from '@sendbird/uikit-react/ui/MessageMenu' instead
+ */
+export declare const MenuItem: ({ className, children, onClick, disable, dataSbId, testID, }: MenuItemProps) => React.JSX.Element;
 export declare const MENU_ROOT_ID = "sendbird-dropdown-portal";
 export declare const MenuRoot: () => ReactElement;
 export declare const EMOJI_MENU_ROOT_ID = "sendbird-emoji-list-portal";

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

@@ -2,7 +2,7 @@ import React from 'react';
 import './index.scss';
 import { Typography, Colors } from './types';
 import { ObjectValues } from '../../utils/typeHelpers/objectValues';
-type LabelProps = {
+export type LabelProps = {
     className?: string | string[];
     type?: ObjectValues<typeof Typography>;
     color?: ObjectValues<typeof Colors>;

package/types/ui/MessageMenu/MessageMenuProvider.d.ts

@@ -27,7 +27,6 @@ export interface MobileMessageMenuContextProps extends CommonMessageMenuContextP
 interface MessageMenuProviderProps {
     children: ReactNode;
     value: MessageMenuContextProps | MobileMessageMenuContextProps;
-    isMobile?: boolean;
 }
 export declare const MessageMenuProvider: ({ children, value }: MessageMenuProviderProps) => React.JSX.Element;
 export declare const useMessageMenuContext: () => MessageMenuContextProps | MobileMessageMenuContextProps;

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

@@ -1,16 +1,21 @@
-import { ChangeEvent, MutableRefObject, ReactElement } from 'react';
-import { User } from '@sendbird/chat';
-import { Member } from '@sendbird/chat/groupChannel';
+import { ChangeEvent, MutableRefObject, ReactElement, ReactNode } from 'react';
+import type { User } from '@sendbird/chat';
+import type { GroupChannel, Member } from '@sendbird/chat/groupChannel';
 import './index.scss';
+import { UserListItemMenuProps } from '../UserListItemMenu/UserListItemMenu';
 export interface UserListItemProps {
     user: User | Member;
+    channel?: GroupChannel;
+    key?: string | number;
     className?: string;
     checked?: boolean;
     checkBox?: boolean;
     isOperator?: boolean;
     disabled?: boolean;
     disableMessaging?: boolean;
+    /** @deprecated Doesn't need to fill this props */
     currentUser?: string;
+    /** @deprecated Use the props `renderListItemMenu` instead */
     action?({ actionRef, parentRef }: {
         actionRef: MutableRefObject<any>;
         parentRef?: MutableRefObject<any>;
@@ -20,5 +25,8 @@ export interface UserListItemProps {
     /** @deprecated Please use the onUserAvatarClick instead */
     onClick?(): void;
     onUserAvatarClick?(): void;
+    renderListItemMenu?: (props: UserListItemMenuProps) => ReactNode;
+    size?: 'normal' | 'small';
 }
-export default function UserListItem({ user, className, checked, checkBox, isOperator, disabled, disableMessaging, currentUser, action, onChange, avatarSize, onClick, onUserAvatarClick, }: UserListItemProps): ReactElement;
+export declare function UserListItem({ user, channel, key, className, checked, checkBox, isOperator, disabled, disableMessaging, action, onChange, avatarSize, onClick, onUserAvatarClick, renderListItemMenu, size, }: UserListItemProps): ReactElement;
+export default UserListItem;

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

@@ -0,0 +1,9 @@
+import React, { MutableRefObject } from 'react';
+import { RenderUserListItemMenuItemsParams } from './UserListItemMenu';
+interface TriggerIconProps {
+    toggleMenu: () => void;
+    ref: MutableRefObject<any>;
+}
+export declare const TriggerIcon: ({ toggleMenu, ref, }: TriggerIconProps) => React.JSX.Element;
+export declare const DefaultMenuItems: ({ items }: RenderUserListItemMenuItemsParams) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import React, { MutableRefObject, ReactElement } from 'react';
+import type { ToggleMenuItemProps } from './UserListItemMenuItems';
+import { UserListItemMenuProviderProps } from './context';
+export type RenderUserListItemMenuItemsParams = {
+    items: {
+        OperatorToggleMenuItem: (props: ToggleMenuItemProps) => ReactElement;
+        MuteToggleMenuItem: (props: ToggleMenuItemProps) => ReactElement;
+        BanToggleMenuItem: (props: ToggleMenuItemProps) => ReactElement;
+    };
+};
+export interface UserListItemMenuProps extends Omit<UserListItemMenuProviderProps, 'children' | 'hideMenu' | 'toggleMenu'> {
+    className?: string;
+    renderTrigger?: (props: {
+        ref: MutableRefObject<any>;
+        toggleMenu: () => void;
+    }) => ReactElement;
+    renderMenuItems?: (params: RenderUserListItemMenuItemsParams) => ReactElement;
+}
+export declare const UserListItemMenu: (props: UserListItemMenuProps) => React.JSX.Element;
+export default UserListItemMenu;

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

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+import { MenuItemProps } from '../MessageMenu';
+export interface ToggleMenuItemProps extends Omit<MenuItemProps, 'children'> {
+    children?: ReactNode;
+}
+export declare const OperatorToggleMenuItem: (props: ToggleMenuItemProps) => React.JSX.Element;
+export declare const MuteToggleMenuItem: (props: ToggleMenuItemProps) => React.JSX.Element;
+export declare const BanToggleMenuItem: (props: ToggleMenuItemProps) => React.JSX.Element;

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

@@ -0,0 +1,31 @@
+import React, { ReactNode } from 'react';
+import { type User } from '@sendbird/chat';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+import { useToggleBan, useToggleMute, useToggleOperator } from './hooks';
+interface UserListItemMenuContextInterface extends UserListItemMenuContextValues, ReturnType<typeof useToggleOperator>, ReturnType<typeof useToggleMute>, ReturnType<typeof useToggleBan> {
+    isCurrentUser: boolean;
+    isCurrentUserOperator: boolean;
+}
+export type OnToggleStateHandlerType = (params: {
+    user: User;
+    newStatus: boolean;
+    error?: Error;
+}) => void;
+export interface UserListItemMenuContextValues {
+    channel?: GroupChannel;
+    user: User;
+    hideMenu: () => void;
+    toggleMenu: () => void;
+    onToggleOperatorState?: OnToggleStateHandlerType;
+    onToggleMuteState?: OnToggleStateHandlerType;
+    onToggleBanState?: OnToggleStateHandlerType;
+}
+export interface UserListItemMenuProviderProps extends UserListItemMenuContextValues {
+    children: ReactNode;
+    isOperator?: boolean;
+    isMuted?: boolean;
+    isBanned?: boolean;
+}
+export declare const UserListItemMenuProvider: ({ children, ...values }: UserListItemMenuProviderProps) => React.JSX.Element;
+export declare const useUserListItemMenuContext: () => UserListItemMenuContextInterface;
+export {};

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

@@ -0,0 +1,19 @@
+import type { UserListItemMenuContextValues } from './context';
+export declare const useToggleOperator: ({ channel, user, onToggleOperatorState, isOperator: _isOperator, }: UserListItemMenuContextValues & {
+    isOperator?: boolean;
+}) => {
+    isOperator: boolean;
+    toggleOperator: () => Promise<void>;
+};
+export declare const useToggleMute: ({ channel, user, onToggleMuteState, isMuted: _isMuted, }: UserListItemMenuContextValues & {
+    isMuted?: boolean;
+}) => {
+    isMuted: boolean;
+    toggleMute: () => Promise<void>;
+};
+export declare const useToggleBan: ({ channel, user, onToggleBanState, isBanned: _isBanned, }: UserListItemMenuContextValues & {
+    isBanned?: boolean;
+}) => {
+    isBanned: boolean;
+    toggleBan: () => Promise<void>;
+};

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

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

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-DqfiKk6y.js';
-import '../chunks/bundle-DqCapAeT.js';
+import { c as classnames } from '../chunks/bundle-DcYQjOKO.js';
+import '../chunks/bundle-DQSBOtg7.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-DqfiKk6y.js';
+import { n as noop } from '../chunks/bundle-DcYQjOKO.js';
 
 var AccordionGroupContext = createContext({
     openedListKeys: [],

package/ui/AdminMessage.js

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

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-DqCapAeT.js';
+import '../chunks/bundle-DQSBOtg7.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-C46rfkM4.js';
-import '../chunks/bundle-DqfiKk6y.js';
-import '../chunks/bundle-B3I9kUQg.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-G3CaEd2_.js';
+import '../chunks/bundle-DcYQjOKO.js';
+import '../chunks/bundle-C7NP4Bof.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-DqCapAeT.js';
+import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DZPdjyt1.js';
-import { L as LocalizationContext } from '../chunks/bundle-CtzIZOAD.js';
-import '../chunks/bundle-Qy7nPeaH.js';
-import '../chunks/bundle-BgR4m5uB.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--6jTPVzP.js';
+import '../chunks/bundle-y21E8nZg.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-Bd6KRUQZ.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-BLM4PZ0X.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-DqCapAeT.js';
-import '../chunks/bundle--g96ylsl.js';
+import '../chunks/bundle-DQSBOtg7.js';
+import '../chunks/bundle-Cbvv0PRz.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CWwX1Xc2.js';
-import '../chunks/bundle-B47eqWqI.js';
-import '../chunks/bundle-DqfiKk6y.js';
-import '../chunks/bundle-CtzIZOAD.js';
-import '../chunks/bundle-Qy7nPeaH.js';
-import '../chunks/bundle-BgR4m5uB.js';
-import '../chunks/bundle-CjWmrMft.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 './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-DZPdjyt1.js';
+import '../chunks/bundle-65RjZ_9O.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-BZJwRZ4K.js';
+import '../chunks/bundle-K18yplA5.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-Blou4oSF.js';
-import '../chunks/bundle-DhS_dAXj.js';
-import './ContextMenu.js';
+import '../chunks/bundle-D9r7jFIp.js';
+import '../chunks/bundle-CWS6HcnR.js';
+import '../chunks/bundle-CvUmadeB.js';
 import './SortByRow.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DqCapAeT.js';
+import { c as __spreadArray } from '../chunks/bundle-DQSBOtg7.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DZPdjyt1.js';
-import '../chunks/bundle-Qy7nPeaH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-65RjZ_9O.js';
+import '../chunks/bundle--6jTPVzP.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-C46rfkM4.js';
+import { A as Avatar } from '../chunks/bundle-G3CaEd2_.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-CN-JzLkt.js';
-import '../chunks/bundle-DqCapAeT.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DdvWx7vK.js';
+import '../chunks/bundle-DQSBOtg7.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DqfiKk6y.js';
-import '../chunks/bundle-B3I9kUQg.js';
+import '../chunks/bundle-DcYQjOKO.js';
+import '../chunks/bundle-C7NP4Bof.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-DZPdjyt1.js';
-import { L as LocalizationContext } from '../chunks/bundle-CtzIZOAD.js';
-import '../chunks/bundle-DqCapAeT.js';
-import '../chunks/bundle-DqfiKk6y.js';
-import '../chunks/bundle-Qy7nPeaH.js';
-import '../chunks/bundle-BgR4m5uB.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';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;