@sendbird/uikit-react 3.7.0 → 3.8.0

package/index.d.ts

@@ -1,2963 +0,0 @@
-/**
- * Type Definitions for @sendbird/uikit-react@3.7.0
- * homepage: https://sendbird.com/
- * git: https://github.com/sendbird/sendbird-uikit-react
- */
-declare module "SendbirdUIKitGlobal" {
-  import type React from 'react';
-  import type { Locale } from 'date-fns';
-  import type SendbirdChat from '@sendbird/chat';
-  import { GroupChannelModule, ModuleNamespaces, OpenChannelModule, SendbirdChatParams, Module } from '@sendbird/chat/lib/__definition';
-  import { SBUConfig } from '@sendbird/uikit-tools';
-  import type {
-    SendbirdError,
-    SessionHandler,
-    User,
-    ApplicationUserListQueryParams,
-    EmojiContainer,
-  } from '@sendbird/chat';
-  import type {
-    GroupChannel,
-    GroupChannelCreateParams,
-    GroupChannelUpdateParams,
-    Member,
-    SendbirdGroupChat,
-    GroupChannelListQuery,
-    GroupChannelListQueryParams,
-  } from '@sendbird/chat/groupChannel';
-  import type {
-    AdminMessage,
-    BaseMessage,
-    FailedMessageHandler,
-    FileMessage,
-    FileMessageCreateParams,
-    MessageListParams,
-    MessageSearchQuery,
-    MessageSearchQueryParams,
-    MultipleFilesMessage,
-    MultipleFilesMessageCreateParams,
-    UserMessage,
-    UserMessageCreateParams,
-    UserMessageUpdateParams,
-  } from '@sendbird/chat/message';
-  import type {
-    OpenChannel,
-    OpenChannelCreateParams,
-    OpenChannelUpdateParams,
-    SendbirdOpenChat,
-  } from '@sendbird/chat/openChannel';
-
-  export type PartialDeep<T> = T extends object
-      ? T extends (...args: any[]) => any
-          ? T
-          : {
-            [P in keyof T]?: PartialDeep<T[P]>;
-          }
-      : T;
-
-  export interface CommonUIKitConfigProps {
-    replyType?: 'NONE' | 'QUOTE_REPLY' | 'THREAD';
-    isMentionEnabled?: boolean;
-    isReactionEnabled?: boolean;
-    disableUserProfile?: boolean;
-    isVoiceMessageEnabled?: boolean;
-    isTypingIndicatorEnabledOnChannelList?: boolean;
-    isMessageReceiptStatusEnabledOnChannelList?: boolean;
-    showSearchIcon?: boolean;
-  }
-
-  export type UIKitOptions = PartialDeep<{
-    common: SBUConfig['common'];
-    groupChannel: SBUConfig['groupChannel']['channel'];
-    groupChannelList: SBUConfig['groupChannel']['channelList'];
-    groupChannelSettings: SBUConfig['groupChannel']['setting'];
-    openChannel: SBUConfig['openChannel']['channel'];
-  }>;
-
-  export type ReplyType = "NONE" | "QUOTE_REPLY" | "THREAD";
-  export interface AppProps {
-    appId: string;
-    userId: string;
-    accessToken?: string;
-    customApiHost?: string,
-    customWebSocketHost?: string,
-    // not-ready yet
-    breakpoint?: string | boolean,
-    theme?: 'light' | 'dark';
-    userListQuery?(): UserListQuery;
-    nickname?: string;
-    profileUrl?: string;
-    dateLocale?: Locale;
-    allowProfileEdit?: boolean;
-    disableUserProfile?: boolean;
-    disableMarkAsDelivered?: boolean;
-    showSearchIcon?: boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
-    onProfileEditSuccess?(user: User): void;
-    config?: SendbirdProviderConfig;
-    useReaction?: boolean;
-    useMessageGrouping?: boolean;
-    isVoiceMessageEnabled?: boolean;
-    voiceRecord?: {
-      maxRecordingTime?: number,
-      minRecordingTime?: number,
-    };
-    stringSet?: Record<string, string>;
-    colorSet?: Record<string, string>;
-    imageCompression?: {
-      compressionRate?: number,
-      resizingWidth?: number | string,
-      resizingHeight?: number | string,
-    };
-    replyType?: ReplyType;
-    disableAutoSelect?: boolean;
-    isMentionEnabled?: boolean;
-    isReactionEnabled?: boolean;
-    isMultipleFilesMessageEnabled?: boolean;
-    isTypingIndicatorEnabledOnChannelList?: boolean;
-    isMessageReceiptStatusEnabledOnChannelList?: boolean;
-    uikitOptions?: UIKitOptions;
-    sdkInitParams?: SendbirdChatParams<Module[]>;
-
-    // Customer provided callbacks
-    eventHandlers?: SBUEventHandlers;
-  }
-
-  export interface SBUEventHandlers {
-    reaction?: {
-      onPressUserProfile?(member: User): void;
-    },
-  }
-
-  export type SdkActionTypes =
-    | { type: 'SET_SDK_LOADING'; payload: boolean }
-    | { type: 'INIT_SDK'; payload: SendbirdChat }
-    | { type: 'SDK_ERROR'; payload?: null }
-    | { type: 'RESET_SDK'; payload?: null };
-
-  export type UserActionTypes =
-    | { type: 'INIT_USER'; payload: User }
-    | { type: 'RESET_USER'; payload?: null }
-    | { type: 'UPDATE_USER_INFO'; payload: User };
-
-  export type Logger = {
-    info(title?: string, ...payload: unknown[]): void;
-    error(title?: string, ...payload: unknown[]): void;
-    warning(title?: string, ...payload: unknown[]): void;
-  }
-
-  type MarkAsSchedulerType = {
-    push: (channel: GroupChannel) => void;
-    clear: () => void;
-    getQueue: () => GroupChannel[];
-  }
-
-  export type MarkAsReadSchedulerType = MarkAsSchedulerType;
-  export type MarkAsDeliveredSchedulerType = MarkAsSchedulerType;
-
-  export type MessageHandler = (message: SendableMessageType) => void;
-
-  export interface UikitMessageHandler {
-    onPending: (handler: MessageHandler) => UikitMessageHandler;
-    onFailed: (handler: FailedMessageHandler<SendableMessageType>) => UikitMessageHandler;
-    onSucceeded: (handler: MessageHandler) => UikitMessageHandler;
-  }
-
-  export interface UserListQuery {
-    hasNext?: boolean;
-    next(): Promise<Array<User>>;
-  }
-
-  export interface RenderUserProfileProps {
-    user: User | Member;
-    currentUserId: string;
-    close(): void;
-  }
-
-  export interface SendbirdProviderConfig {
-    logLevel?: 'debug' | 'warning' | 'error' | 'info' | 'all' | Array<string>;
-    userMention?: {
-      maxMentionCount?: number,
-      maxSuggestionCount?: number,
-    };
-    isREMUnitEnabled?: boolean;
-  }
-
-  export interface ClientMessage {
-    reqId: string;
-    file?: File;
-    localUrl?: string;
-    _sender: User;
-  }
-
-  export interface RenderMessageProps {
-    message: EveryMessage;
-    chainTop: boolean;
-    chainBottom: boolean;
-  }
-  export interface RenderCustomSeparatorProps {
-    message: CoreMessageType;
-  }
-
-  export interface ClientUserMessage extends UserMessage, ClientMessage { }
-  export interface ClientFileMessage extends FileMessage, ClientMessage { }
-  export interface ClientAdminMessage extends AdminMessage, ClientMessage { }
-  export type EveryMessage = ClientUserMessage | ClientFileMessage | ClientAdminMessage;
-  export type ClientSentMessages = ClientUserMessage | ClientFileMessage;
-
-  export type GetSdk = SendbirdChat & ModuleNamespaces<[GroupChannelModule, OpenChannelModule]> | undefined;
-  export type GetConnect = (
-    userId: string,
-    accessToken?: string
-  ) => Promise<User>;
-  export type GetDisconnect = () => Promise<void>;
-  export type GetUpdateUserInfo = (
-    nickName: string,
-    profileUrl?: string
-  ) => Promise<User>;
-  export type GetCreateGroupChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;
-  export type GetCreateOpenChannel = (channelParams: OpenChannelCreateParams) => Promise<OpenChannel>;
-  export type GetGetGroupChannel = (
-    channelUrl: string,
-    isSelected?: boolean,
-  ) => Promise<GroupChannel>;
-  export type GetGetOpenChannel = (
-    channelUrl: string,
-  ) => Promise<OpenChannel>;
-  export type GetLeaveGroupChannel = (channelUrl: string) => Promise<void>;
-  export type GetEnterOpenChannel = (channelUrl: string) => Promise<OpenChannel>;
-  export type GetExitOpenChannel = (channelUrl: string) => Promise<void>;
-  export type GetFreezeChannel = (channel: GroupChannel | OpenChannel) => Promise<void>;
-  export type GetUnFreezeChannel = (channel: GroupChannel | OpenChannel) => Promise<void>;
-  export type GetSendUserMessage = (
-    channel: GroupChannel | OpenChannel,
-    UserMessageCreateParams: UserMessageCreateParams,
-  ) => UikitMessageHandler;
-  export type GetSendFileMessage = (
-    channel: GroupChannel | OpenChannel,
-    FileMessageCreateParams: FileMessageCreateParams
-  ) => UikitMessageHandler;
-  export type GetUpdateUserMessage = (
-    channel: GroupChannel | OpenChannel,
-    messageId: string | number,
-    params: UserMessageUpdateParams
-  ) => Promise<UserMessage>;
-  // type getUpdateFileMessage = (
-  //   channel: GroupChannel | OpenChannel,
-  //   messageId: string | number,
-  //   params: FileMessageUpdateParams,
-  // ) => Promise<FileMessage>;
-  export type GetDeleteMessage = (
-    channel: GroupChannel | OpenChannel,
-    message: SendableMessageType
-  ) => Promise<void>;
-  export type GetResendUserMessage = (
-    channel: GroupChannel | OpenChannel,
-    failedMessage: UserMessage
-  ) => Promise<UserMessage>;
-  export type GetResendFileMessage = (
-    channel: GroupChannel | OpenChannel,
-    failedMessage: FileMessage,
-    blob: Blob,
-  ) => Promise<FileMessage>;
-
-  export interface sendbirdSelectorsInterface {
-    getSdk: (store: SendBirdState) => GetSdk;
-    getConnect: (store: SendBirdState) => GetConnect
-    getDisconnect: (store: SendBirdState) => GetDisconnect;
-    getUpdateUserInfo: (store: SendBirdState) => GetUpdateUserInfo;
-    getCreateGroupChannel: (store: SendBirdState) => GetCreateGroupChannel;
-    getCreateOpenChannel: (store: SendBirdState) => GetCreateOpenChannel;
-    getGetGroupChannel: (store: SendBirdState) => GetGetGroupChannel;
-    getGetOpenChannel: (store: SendBirdState) => GetGetOpenChannel;
-    getLeaveGroupChannel: (store: SendBirdState) => GetLeaveGroupChannel;
-    getEnterOpenChannel: (store: SendBirdState) => GetEnterOpenChannel;
-    getExitOpenChannel: (store: SendBirdState) => GetExitOpenChannel;
-    getFreezeChannel: (store: SendBirdState) => GetFreezeChannel;
-    getUnFreezeChannel: (store: SendBirdState) => GetUnFreezeChannel;
-    getSendUserMessage: (store: SendBirdState) => GetSendUserMessage;
-    getSendFileMessage: (store: SendBirdState) => GetSendFileMessage;
-    getUpdateUserMessage: (store: SendBirdState) => GetUpdateUserMessage;
-    // getUpdateFileMessage: (store: SendBirdState) => GetUpdateFileMessage;
-    getDeleteMessage: (store: SendBirdState) => GetDeleteMessage;
-    getResendUserMessage: (store: SendBirdState) => GetResendUserMessage;
-    getResendFileMessage: (store: SendBirdState) => GetResendFileMessage;
-  }
-  export interface SendbirdProviderProps {
-    userId: string;
-    appId: string;
-    accessToken?: string;
-    configureSession?: (sdk: SendbirdChat | SendbirdGroupChat | SendbirdOpenChat) => SessionHandler;
-    customApiHost?: string,
-    customWebSocketHost?: string,
-    breakpoint?: string | boolean,
-    children?: React.ReactElement;
-    theme?: 'light' | 'dark';
-    replyType?: ReplyType;
-    nickname?: string;
-    profileUrl?: string;
-    dateLocale?: Locale;
-    markAsReadScheduler?: MarkAsReadSchedulerType;
-    disableUserProfile?: boolean;
-    disableMarkAsDelivered?: boolean;
-    showSearchIcon?: boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
-    allowProfileEdit?: boolean;
-    userListQuery?(): UserListQuery;
-    config?: SendbirdProviderConfig;
-    stringSet?: Record<string, string>;
-    colorSet?: Record<string, string>;
-    imageCompression?: {
-      compressionRate?: number,
-      resizingWidth?: number | string,
-      resizingHeight?: number | string,
-    };
-    isMentionEnabled?: boolean;
-    isVoiceMessageEnabled?: boolean;
-    voiceRecord?: {
-      maxRecordingTime?: number,
-      minRecordingTime?: number,
-    };
-    isMultipleFilesMessageEnabled?: boolean;
-    isTypingIndicatorEnabledOnChannelList?: boolean;
-    isMessageReceiptStatusEnabledOnChannelList?: boolean;
-    uikitOptions?: UIKitOptions;
-    sdkInitParams?: SendbirdChatParams<Module[]>;
-    customExtensionParams?: Record<string, string>;
-
-    // Customer provided callbacks
-    eventHandlers?: SBUEventHandlers;
-  }
-
-  export interface SendBirdStateConfig {
-    disableUserProfile: boolean;
-    disableMarkAsDelivered: boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
-    onUserProfileMessage?: (props: GroupChannel) => void;
-    allowProfileEdit: boolean;
-    isOnline: boolean;
-    userId: string;
-    appId: string;
-    accessToken: string;
-    theme: string;
-    pubSub: any;
-    logger: Logger;
-    setCurrentTheme: (theme: 'light' | 'dark') => void;
-    /** @deprecated Please use setCurrentTheme instead **/
-    setCurrenttheme: (theme: 'light' | 'dark') => void;
-    userListQuery?(): UserListQuery;
-    isReactionEnabled: boolean;
-    isMentionEnabled: boolean;
-    isMultipleFilesMessageEnabled: boolean;
-    isVoiceMessageEnabled?: boolean;
-    uikitUploadSizeLimit: number;
-    uikitMultipleFilesMessageLimit: number;
-    voiceRecord?: {
-      maxRecordingTime: number;
-      minRecordingTime: number;
-    };
-    userMention: {
-      maxMentionCount: number,
-      maxSuggestionCount: number,
-    };
-    imageCompression?: {
-      compressionRate?: number,
-      resizingWidth?: number | string,
-      resizingHeight?: number | string,
-    };
-    markAsReadScheduler: MarkAsReadSchedulerType;
-    markAsDeliveredScheduler: MarkAsDeliveredSchedulerType;
-    isTypingIndicatorEnabledOnChannelList?: boolean;
-    isMessageReceiptStatusEnabledOnChannelList?: boolean;
-    replyType: ReplyType;
-    showSearchIcon?: boolean;
-    // Remote configs set from dashboard by UIKit feature configuration
-    groupChannel: {
-      enableOgtag: SBUConfig['groupChannel']['channel']['enableOgtag'];
-      enableTypingIndicator: SBUConfig['groupChannel']['channel']['enableTypingIndicator'];
-      enableDocument: SBUConfig['groupChannel']['channel']['input']['enableDocument'];
-      threadReplySelectType: SBUConfig['groupChannel']['channel']['threadReplySelectType'];
-    },
-    openChannel: {
-      enableOgtag: SBUConfig['openChannel']['channel']['enableOgtag'];
-      enableDocument: SBUConfig['openChannel']['channel']['input']['enableDocument'];
-    },
-  }
-  export interface SdkStore {
-    error: boolean;
-    initialized: boolean;
-    loading: boolean;
-    sdk: SendbirdGroupChat | SendbirdOpenChat;
-  }
-  export interface UserStore {
-    initialized: boolean;
-    loading: boolean;
-    user: User;
-  }
-  export interface SendBirdStateStore {
-    sdkStore: SdkStore;
-    userStore: UserStore;
-  }
-
-  export type SendBirdState = {
-    config: SendBirdStateConfig;
-    stores: SendBirdStateStore;
-    dispatchers: {
-      sdkDispatcher: React.Dispatch<SdkActionTypes>,
-      userDispatcher: React.Dispatch<UserActionTypes>,
-      reconnect: () => void,
-    },
-    // Customer provided callbacks
-    eventHandlers?: SBUEventHandlers;
-  }
-
-  export interface ChannelListQueries {
-    applicationUserListQuery?: ApplicationUserListQueryParams;
-    channelListQuery?: GroupChannelListQueryParams;
-  }
-
-  export type OverrideInviteUserType = {
-    users: Array<string>;
-    onClose: () => void;
-    channelType: 'group' | 'supergroup' | 'broadcast';
-  };
-
-  export interface ChannelListProviderProps {
-    allowProfileEdit?: boolean;
-    overrideInviteUser?(params: OverrideInviteUserType): void;
-    onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;
-    onThemeChange?(theme: string): void;
-    onProfileEditSuccess?(user: User): void;
-    onChannelSelect?(channel: GroupChannel): void;
-    sortChannelList?: (channels: GroupChannel[]) => GroupChannel[];
-    queries?: ChannelListQueries;
-    children?: React.ReactNode | React.ReactElement;
-    className?: string | Array<string>;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
-    disableUserProfile?: boolean;
-    disableAutoSelect?: boolean;
-    activeChannelUrl?: string;
-    isTypingIndicatorEnabled?: boolean;
-    isMessageReceiptStatusEnabled?: boolean;
-  }
-
-  export interface ChannelListProviderInterface extends ChannelListProviderProps {
-    initialized: boolean;
-    loading: boolean;
-    allChannels: GroupChannel[];
-    currentChannel: GroupChannel;
-    showSettings: boolean;
-    channelListQuery: GroupChannelListQueryParams;
-    currentUserId: string;
-    // channelListDispatcher: CustomUseReducerDispatcher;
-    channelSource: GroupChannelListQuery;
-    typingChannels: GroupChannel[];
-    fetchChannelList: () => void;
-  }
-
-
-  export interface RenderChannelPreviewProps {
-    channel: GroupChannel;
-    onLeaveChannel(
-      channel: GroupChannel,
-      onLeaveChannelCb?: (c: GroupChannel) => void,
-    ): void;
-  }
-
-  export interface ChannelListUIProps {
-    renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactNode | React.ReactElement;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
-    renderHeader?: (props: void) => React.ReactNode | React.ReactElement;
-    renderPlaceHolderError?: (props: void) => React.ReactNode | React.ReactElement;
-    renderPlaceHolderLoading?: (props: void) => React.ReactNode | React.ReactElement;
-    renderPlaceHolderEmptyList?: (props: void) => React.ReactNode | React.ReactElement;
-  }
-
-  export interface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps { }
-
-  export interface ChannelListHeaderInterface {
-    renderHeader?: (props: void) => React.ReactNode | React.ReactElement;
-    renderTitle?: (props: void) => React.ReactNode | React.ReactElement;
-    renderIconButton?: (props: void) => React.ReactNode | React.ReactElement;
-    onEdit?: (props: void) => void;
-    allowProfileEdit?: boolean;
-  }
-
-  export interface ChannelPreviewInterface {
-    channel: GroupChannel;
-    onLeaveChannel?: () => void;
-    isActive?: boolean;
-    onClick: () => void;
-    renderChannelAction: (props: { channel: GroupChannel }) => React.ReactNode | React.ReactElement;
-    tabIndex: number;
-  }
-
-  export interface ChannelPreviewActionInterface {
-    disabled?: boolean;
-    onLeaveChannel?: () => void;
-  }
-
-  export type OverrideInviteMemberType = {
-    users: Array<string>;
-    onClose: () => void;
-    channel: GroupChannel;
-  };
-
-  export interface ChannelSettingsProviderInterface {
-    channelUrl: string;
-    onCloseClick?(): void;
-    overrideInviteUser?(params: OverrideInviteMemberType): void;
-    onChannelModified?(channel: GroupChannel): void;
-    onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): GroupChannelUpdateParams;
-    queries?: ChannelSettingsQueries;
-    forceUpdateUI(): void;
-    channel: GroupChannel;
-    invalidChannel: boolean;
-  }
-
-  export interface ChannelSettingsUIProps {
-    renderPlaceholderError?: () => React.ReactNode | React.ReactElement;
-    renderChannelProfile?: () => React.ReactNode | React.ReactElement;
-    renderModerationPanel?: () => React.ReactNode | React.ReactElement;
-    renderLeaveChannel?: () => React.ReactNode | React.ReactElement;
-  }
-
-  export interface ChannelSettingsQueries {
-    applicationUserListQuery?: ApplicationUserListQueryParams;
-  }
-
-  export type ChannelSettingsContextProps = {
-    children?: React.ReactElement;
-    channelUrl: string;
-    className?: string;
-    onCloseClick?(): void;
-    onLeaveChannel?(): void;
-    onChannelModified?(channel: GroupChannel): void;
-    overrideInviteUser?(params: OverrideInviteMemberType): void;
-    onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): GroupChannelUpdateParams;
-    queries?: ChannelSettingsQueries;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
-    disableUserProfile?: boolean;
-  }
-
-  export interface ChannelSettingsProps extends ChannelSettingsUIProps, ChannelSettingsContextProps {
-  }
-
-  export type ChannelSettingsEditDetailsProps = {
-    onSubmit: () => void;
-    onCancel: () => void;
-  }
-
-  export type CustomUser = User & {
-    isMuted: boolean;
-    role: string;
-  }
-
-  export interface UserListItemActionProps {
-    actionRef: React.RefObject<HTMLInputElement>;
-    parentRef: React.RefObject<HTMLInputElement>;
-  }
-
-  export interface UserListItemProps {
-    user: CustomUser;
-    currentUser?: string;
-    className?: string;
-    action?(props: UserListItemActionProps): React.ReactElement;
-  }
-
-  export type LeaveChannelProps = {
-    onSubmit: () => void;
-    onCancel: () => void;
-  };
-
-  export enum VoicePlayerStatusType {
-    IDLE = 'IDLE',
-    PREPARING = 'PREPARING',
-    READY_TO_PLAY = 'READY_TO_PLAY',
-    PLAYING = 'PLAYING',
-    COMPLETED = 'COMPLETED',
-  }
-  // should be deprecated / for backward
-  export type VoicePlayerStatus = VoicePlayerStatusType;
-
-  /**
-   * Channel
-   */
-  export interface RenderMessageProps {
-    message: EveryMessage;
-    chainTop: boolean;
-    chainBottom: boolean;
-  }
-
-  export type ChannelQueries = {
-    messageListParams?: MessageListParams;
-  };
-
-  export enum ThreadReplySelectType {
-    PARENT = 'PARENT',
-    THREAD = 'THREAD',
-  }
-
-  export type ChannelContextProps = {
-    children?: React.ReactElement;
-    channelUrl: string;
-    isReactionEnabled?: boolean;
-    isMessageGroupingEnabled?: boolean;
-    isMultipleFilesMessageEnabled?: boolean;
-    showSearchIcon?: boolean;
-    animatedMessage?: number;
-    highlightedMessage?: number;
-    startingPoint?: number;
-    onBeforeSendUserMessage?(text: string, quotedMessage?: SendableMessageType): UserMessageCreateParams;
-    onBeforeSendFileMessage?(file: File, quotedMessage?: SendableMessageType): FileMessageCreateParams;
-    onBeforeSendVoiceMessage?: (file: File, quotedMessage?: SendableMessageType) => FileMessageCreateParams;
-    onBeforeSendMultipleFilesMessage?: (files: Array<File>, quotedMessage?: SendableMessageType) => MultipleFilesMessageCreateParams;
-    onBeforeUpdateUserMessage?(text: string): UserMessageUpdateParams;
-    onChatHeaderActionClick?(event: React.MouseEvent<HTMLElement>): void;
-    onSearchClick?(): void;
-    onBackClick?(): void;
-    replyType?: ReplyType;
-    threadReplySelectType?: ThreadReplySelectType;
-    queries?: ChannelQueries;
-    filterMessageList?(messages: BaseMessage): boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
-    disableUserProfile?: boolean;
-    disableMarkAsRead?: boolean;
-    onReplyInThread?: (props: { message: SendableMessageType }) => void;
-    onQuoteMessageClick?: (props: { message: SendableMessageType }) => void;
-    onMessageAnimated?: () => void;
-    onMessageHighlighted?: () => void;
-    scrollBehavior?: 'smooth' | 'auto';
-    reconnectOnIdle?: boolean;
-  };
-
-  export interface ChannelUIProps {
-    isLoading?: boolean;
-    renderPlaceholderLoader?: () => React.ReactNode | React.ReactElement;
-    renderPlaceholderInvalid?: () => React.ReactNode | React.ReactElement;
-    renderPlaceholderEmpty?: () => React.ReactNode | React.ReactElement;
-    renderChannelHeader?: () => React.ReactNode | React.ReactElement;
-    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
-    renderMessageInput?: () => React.ReactNode | React.ReactElement;
-    renderTypingIndicator?: () => React.ReactNode | React.ReactElement;
-    renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactNode | React.ReactElement;
-    renderFileUploadIcon?: () => React.ReactElement;
-    renderVoiceMessageIcon?: () => React.ReactElement;
-    renderSendMessageIcon?: () => React.ReactElement;
-  }
-
-  export type CoreMessageType = AdminMessage | UserMessage | FileMessage | MultipleFilesMessage;
-  export type SendableMessageType = UserMessage | FileMessage | MultipleFilesMessage;
-
-  export interface MessageStoreInterface {
-    /**
-     * Note: allMessages will contain only 'succeeded' messages from the next minor version - v3.7.0
-     */
-    allMessages: CoreMessageType[];
-    /**
-     * localMessages: An array of 'pending' and 'failed' messages
-     */
-    localMessages: CoreMessageType[];
-    loading?: boolean;
-    initialized?: boolean;
-    unreadSince?: string;
-    isInvalid?: boolean;
-    currentGroupChannel?: GroupChannel;
-    hasMorePrev?: boolean;
-    oldestMessageTimeStamp: number;
-    hasMoreNext?: boolean;
-    latestMessageTimeStamp: number;
-    emojiContainer: any;
-    readStatus: any;
-  }
-
-  export interface ChannelProviderInterface extends ChannelContextProps, MessageStoreInterface {
-    scrollToMessage?(createdAt: number, messageId: number): void;
-    messageActionTypes: Record<string, string>;
-    quoteMessage: SendableMessageType | null;
-    setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType | null>>;
-    initialTimeStamp: number;
-    setInitialTimeStamp: React.Dispatch<React.SetStateAction<number>>;
-    animatedMessageId: number;
-    highLightedMessageId: number;
-    nicknamesMap: Map<string, string>;
-    scrollRef: React.MutableRefObject<HTMLDivElement>;
-    setAnimatedMessageId: React.Dispatch<React.SetStateAction<number>>;
-    setHighLightedMessageId: React.Dispatch<React.SetStateAction<number>>;
-    messageInputRef: React.MutableRefObject<HTMLInputElement>,
-    toggleReaction(message: SendableMessageType, emojiKey: string, isReacted: boolean): void,
-  }
-
-  export type FileViewerComponentProps = {
-    // sender
-    profileUrl: string;
-    nickname: string;
-    // file
-    name: string;
-    type: string;
-    url: string;
-    // others
-    isByMe: boolean;
-    onCancel: () => void;
-    onDelete: () => void;
-    disableDelete: boolean;
-  };
-  export type FileViewerProps = {
-    message: FileMessage | MultipleFilesMessage;
-    onClose: (e: MouseEvent) => void;
-    isByMe?: boolean;
-    onDelete?: (e: MouseEvent) => void;
-    currentIndex?: number;
-    onClickLeft?: () => void;
-    onClickRight?: () => void;
-  };
-
-  export type MessageUIProps = {
-    message: EveryMessage;
-    hasSeparator?: boolean;
-    chainTop?: boolean;
-    chainBottom?: boolean;
-    handleScroll?: () => void;
-    // for extending
-    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
-    renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactNode | React.ReactElement;
-    renderEditInput?: () => React.ReactNode | React.ReactElement;
-    renderMessageContent?: () => React.ReactNode | React.ReactElement;
-  };
-
-  export type MessageInputProps = {
-    // value is removed when channelURL changes
-    value?: string;
-    disabled?: boolean;
-    ref?: React.MutableRefObject<any>;
-    renderFileUploadIcon?: () => React.ReactElement;
-    renderVoiceMessageIcon?: () => React.ReactElement;
-    renderSendMessageIcon?: () => React.ReactElement;
-  };
-
-  export type MessageListProps = {
-    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
-    renderPlaceholderEmpty?: () => React.ReactNode | React.ReactElement;
-    renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactNode | React.ReactElement;
-  };
-
-  export type SuggestedMentionListProps = {
-    targetNickname: string;
-    memberListQuery?: Record<string, string>;
-    onUserItemClick?: (member: User) => void;
-    onFocusItemChange?: (member: User) => void;
-    onFetchUsers?: (users: Array<User>) => void;
-    renderUserMentionItem?: (props: { user: User }) => JSX.Element;
-    ableAddMention: boolean;
-    maxMentionCount?: number;
-    maxSuggestionCount?: number;
-    inputEvent?: React.KeyboardEvent<HTMLDivElement>;
-  };
-
-  export type SuggestedUserMentionItemProps = {
-    member: User | Member;
-    isFocused?: boolean;
-    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    onMouseOver?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    renderUserMentionItem?: (props: { user: User | Member }) => JSX.Element;
-  };
-
-  export interface UnreadCountProps {
-    count: number;
-    time: string;
-    onClick(): void;
-  }
-
-  export interface ChannelProps extends ChannelContextProps, ChannelUIProps {
-  }
-
-  export interface RemoveMessageProps {
-    onCancel: () => void;
-    message: EveryMessage;
-  }
-
-  /**
-   * OpenChannel
-   */
-  export type OpenChannelQueries = {
-    // https://sendbird.github.io/core-sdk-javascript/module-model_params_messageListParams-MessageListParams.html
-    messageListParams?: {
-      replyType?: string,
-      messageType?: string,
-      prevResultSize?: number,
-      nextResultSize?: number,
-      reverse?: boolean,
-      isInclusive?: boolean,
-      includeMetaArray?: boolean,
-      // UIKit doesn't support emoji reaction in OpenChannel
-      // includeReactions?: boolean,
-      // UIKit doesn't support message threading in OpenChannel
-      // includeThreadInfo?: boolean,
-      includeParentMessageInfo?: boolean,
-      showSubchannelMessagesOnly?: boolean,
-      customTypes?: Array<string>,
-      senderUserIds?: Array<string>,
-    },
-  };
-
-  export interface OpenChannelProviderProps {
-    channelUrl: string;
-    children?: React.ReactNode | React.ReactElement;
-    useMessageGrouping?: boolean;
-    queries?: OpenChannelQueries;
-    messageLimit?: number;
-    onBeforeSendUserMessage?(text: string): UserMessageCreateParams;
-    onBeforeSendFileMessage?(file_: File): FileMessageCreateParams;
-    onChatHeaderActionClick?(): void;
-    onBackClick?(): void;
-    disableUserProfile?: boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
-  }
-
-  export interface OpenChannelMessagesState {
-    allMessages: Array<EveryMessage>;
-    loading: boolean;
-    initialized: boolean;
-    currentOpenChannel: OpenChannel;
-    isInvalid: boolean;
-    hasMore: boolean;
-    lastMessageTimestamp: number;
-    frozen: boolean;
-    operators: Array<User>;
-    participants: Array<User>;
-    bannedParticipantIds: Array<string>;
-    mutedParticipantIds: Array<string>;
-  }
-
-  export interface OpenChannelInterface extends OpenChannelProviderProps, OpenChannelMessagesState {
-    // derived/utils
-    messageInputRef: React.RefObject<HTMLInputElement>;
-    conversationScrollRef: React.RefObject<HTMLDivElement>;
-    disabled: boolean;
-    amIBanned: boolean;
-    amIMuted: boolean;
-    amIOperator: boolean;
-    fetchMore: boolean;
-    checkScrollBottom: () => boolean;
-    onScroll: (callback: () => void) => void;
-  }
-
-  export interface OpenChannelUIProps {
-    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
-    renderHeader?: () => React.ReactNode | React.ReactElement;
-    renderInput?: () => React.ReactNode | React.ReactElement;
-    renderPlaceHolderEmptyList?: () => React.ReactNode | React.ReactElement;
-    renderPlaceHolderError?: () => React.ReactNode | React.ReactElement;
-    renderPlaceHolderLoading?: () => React.ReactNode | React.ReactElement;
-  }
-
-  export interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {
-  }
-
-  export type OpenchannelMessageListProps = {
-    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
-    renderPlaceHolderEmptyList?: () => React.ReactNode | React.ReactElement;
-  }
-
-  export type OpenChannelMessageInputWrapperProps = {
-    // value is removed when channelURL changes
-    value?: string;
-    ref?: React.MutableRefObject<any>;
-  }
-
-  export type OpenChannelMessageProps = {
-    renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
-    message: EveryMessage;
-    chainTop?: boolean;
-    chainBottom?: boolean;
-    hasSeparator?: boolean;
-    editDisabled?: boolean;
-  };
-
-  /**
-   * OpenChannelList
-   */
-  export interface UserFilledOpenChannelListQuery {
-    customTypes?: Array<string>;
-    includeFrozen?: boolean;
-    includeMetaData?: boolean;
-    limit?: number;
-    nameKeyword?: string;
-    urlKeyword?: string;
-  }
-
-  export type OpenChannelListFetchingStatus = 'EMPTY' | 'FETCHING' | 'DONE' | 'ERROR';
-  export type CustomUseReducerDispatcher = (props: { type: string, payload: any }) => void;
-  export type OnOpenChannelSelected = (channel: OpenChannel, e?: React.MouseEvent<HTMLDivElement | unknown>) => void;
-  export type FetchNextCallbackType = (callback: (channels?: Array<OpenChannel>, err?: SendbirdError) => void) => void
-
-  export interface OpenChannelListProviderProps {
-    className?: string;
-    children?: React.ReactElement;
-    queries?: { openChannelListQuery?: UserFilledOpenChannelListQuery };
-    onChannelSelected?: OnOpenChannelSelected;
-  }
-
-  export interface RenderOpenChannelPreviewProps {
-    channel: OpenChannel;
-    isSelected: boolean;
-    onChannelSelected: OnOpenChannelSelected;
-  }
-
-  export interface OpenChannelListUIProps {
-    renderHeader?: () => React.ReactElement;
-    renderChannelPreview?: (props: RenderOpenChannelPreviewProps) => React.ReactElement;
-    renderPlaceHolderEmpty?: () => React.ReactElement;
-    renderPlaceHolderError?: () => React.ReactElement;
-    renderPlaceHolderLoading?: () => React.ReactElement;
-  }
-
-  export interface OpenChannelPreviewProps {
-    className?: string;
-    isSelected?: boolean;
-    channel: OpenChannel;
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-  }
-
-  export interface OpenChannelListProviderInterface extends OpenChannelListProviderProps {
-    logger: Logger;
-    currentChannel: OpenChannel;
-    allChannels: Array<OpenChannel>;
-    fetchingStatus: OpenChannelListFetchingStatus;
-    customOpenChannelListQuery?: UserFilledOpenChannelListQuery;
-    fetchNextChannels: FetchNextCallbackType;
-    refreshOpenChannelList: () => void;
-    openChannelListDispatcher: CustomUseReducerDispatcher;
-  }
-
-  export interface OpenChannelListProps extends OpenChannelListProviderProps, OpenChannelListUIProps { }
-
-  /**
-   * CreateOpenChannel
-   */
-  export interface CreateOpenChannelProviderProps {
-    className?: string;
-    children?: React.ReactElement;
-    onCreateChannel?: (channel: OpenChannel) => void;
-    onBeforeCreateChannel?: (params: OpenChannelCreateParams) => OpenChannelCreateParams;
-  }
-  export interface CreateOpenChannelUIProps {
-    closeModal?: () => void;
-    renderHeader?: () => React.ReactElement;
-    renderProfileInput?: () => React.ReactElement;
-  }
-
-  export interface CreateOpenChannelProps extends CreateOpenChannelProviderProps, CreateOpenChannelUIProps { }
-
-  export interface CreateNewOpenChannelCallbackProps {
-    name: string;
-    coverUrlOrImage?: string;
-  }
-
-  export interface CreateOpenChannelContextInterface extends CreateOpenChannelProviderProps {
-    sdk: SendbirdOpenChat;
-    sdkInitialized: boolean;
-    logger: Logger;
-    createNewOpenChannel: (props: CreateNewOpenChannelCallbackProps) => void;
-  }
-
-  /**
-   * OpenChannelSettings
-   */
-  export interface OpenChannelSettingsContextProps {
-    channelUrl: string;
-    children?: React.ReactElement;
-    onCloseClick?(): void;
-    onLeaveChannel?(): void;
-    onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): OpenChannelUpdateParams;
-    onChannelModified?(channel: OpenChannel): void;
-    onDeleteChannel?(channel: OpenChannel): void;
-    disableUserProfile?: boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
-  }
-
-  export interface OpenChannelSettingsUIProps {
-    renderOperatorUI?: () => React.ReactNode | React.ReactElement;
-    renderParticipantList?: () => React.ReactNode | React.ReactElement;
-  }
-
-  export interface OpenChannelSettingsProps extends OpenChannelSettingsContextProps, OpenChannelSettingsUIProps {
-  }
-
-  export interface OpenChannelSettingsContextType extends OpenChannelSettingsContextProps {
-    channelUrl: string;
-    channel?: OpenChannel;
-    setChannel?: React.Dispatch<React.SetStateAction<OpenChannel>>;
-  }
-
-  export interface OperatorUIProps {
-    renderChannelProfile?: () => React.ReactNode | React.ReactElement;
-  }
-
-  export interface OpenChannelEditDetailsProps {
-    onCancel(): void;
-  }
-
-  /**
-   * MessageSearch
-   */
-  export interface MessageSearchProviderProps {
-    channelUrl: string;
-    children?: React.ReactNode | React.ReactElement;
-    searchString?: string;
-    requestString?: string;
-    messageSearchQuery?: MessageSearchQueryParams;
-    onResultLoaded?(messages?: Array<ClientSentMessages>, error?: SendbirdError): void;
-    onResultClick?(message: ClientSentMessages): void;
-  }
-
-  export type MessageSearchScrollCallbackReturn = (
-    callback: (
-      messages: Array<SendableMessageType>,
-      /* eslint-disable @typescript-eslint/no-explicit-any*/
-      error: any,
-    ) => void
-  ) => void;
-
-  export type MessageSearchDispatcherType = { type: string, payload: any };
-  export interface MessageSearchProviderInterface extends MessageSearchProviderProps {
-    retryCount: number;
-    setRetryCount: React.Dispatch<React.SetStateAction<number>>;
-    selectedMessageId: number;
-    setSelectedMessageId: React.Dispatch<React.SetStateAction<number>>;
-    messageSearchDispatcher: (diapatcher: MessageSearchDispatcherType) => void;
-    scrollRef: React.MutableRefObject<HTMLDivElement>;
-    allMessages: Array<ClientFileMessage | ClientUserMessage>;
-    loading: boolean;
-    isInvalid: boolean;
-    currentChannel: GroupChannel;
-    currentMessageSearchQuery: MessageSearchQuery;
-    hasMoreResult: boolean;
-    onScroll: MessageSearchScrollCallbackReturn;
-    handleRetryToConnect: () => void;
-    handleOnScroll: (e: React.BaseSyntheticEvent) => void;
-  }
-
-  export interface MessageSearchUIProps {
-    renderPlaceHolderError?: (props: void) => React.ReactNode | React.ReactElement;
-    renderPlaceHolderLoading?: (props: void) => React.ReactNode | React.ReactElement;
-    renderPlaceHolderNoString?: (props: void) => React.ReactNode | React.ReactElement;
-    renderPlaceHolderEmptyList?: (props: void) => React.ReactNode | React.ReactElement;
-    renderSearchItem?(props: {
-      message: ClientSentMessages,
-      onResultClick?: (message: ClientSentMessages) => void,
-    }): JSX.Element;
-  }
-
-  export interface MessageSearchProps extends MessageSearchUIProps, MessageSearchProviderProps {
-    onCloseClick?: () => void;
-  }
-
-  /**
-   * Message
-   */
-  export interface MessageProviderProps {
-    message: BaseMessage;
-    isByMe?: boolean;
-    children?: React.ReactElement;
-  }
-  export type MessageProviderInterface = Exclude<MessageProviderProps, 'children'>;
-
-  /**
-   * Thread
-   */
-  export enum ChannelStateTypes {
-    NIL = 'NIL',
-    LOADING = 'LOADING',
-    INVALID = 'INVALID',
-    INITIALIZED = 'INITIALIZED',
-  }
-  export enum ParentMessageStateTypes {
-    NIL = 'NIL',
-    LOADING = 'LOADING',
-    INVALID = 'INVALID',
-    INITIALIZED = 'INITIALIZED',
-  }
-  export enum ThreadListStateTypes {
-    NIL = 'NIL',
-    LOADING = 'LOADING',
-    INVALID = 'INVALID',
-    INITIALIZED = 'INITIALIZED',
-  }
-
-  export interface ThreadProps extends ThreadProviderProps, ThreadContextInitialState {
-    className?: string;
-  }
-
-  export interface ThreadProviderInterface extends ThreadProviderProps, ThreadContextInitialState {
-    fetchPrevThreads: (callback?: (messages?: Array<BaseMessage>) => void) => void;
-    fetchNextThreads: (callback?: (messages?: Array<BaseMessage>) => void) => void;
-    toggleReaction: (message, key, isReacted) => void;
-    sendMessage: (props: {
-      message: string,
-      quoteMessage?: SendableMessageType,
-      mentionTemplate?: string,
-      mentionedUsers?: Array<User>,
-    }) => void;
-    sendFileMessage: (file: File, quoteMessage: SendableMessageType) => void;
-    resendMessage: (failedMessage: SendableMessageType) => void;
-    updateMessage: (props, callback?: () => void) => void;
-    deleteMessage: (message: SendableMessageType) => Promise<SendableMessageType>;
-    nicknamesMap: Map<string, string>;
-  }
-
-  export type ThreadProviderProps = {
-    children?: React.ReactElement;
-    channelUrl: string;
-    message: SendableMessageType;
-    onHeaderActionClick?: () => void;
-    onMoveToParentMessage?: (props: { message: SendableMessageType, channel: GroupChannel }) => void;
-    onBeforeSendUserMessage?: (message: string, quotedMessage?: SendableMessageType) => UserMessageCreateParams;
-    onBeforeSendFileMessage?: (file: File, quotedMessage?: SendableMessageType) => FileMessageCreateParams;
-    onBeforeSendVoiceMessage?: (file: File, quotedMessage?: SendableMessageType) => FileMessageCreateParams;
-    onBeforeSendMultipleFilesMessage?: (files: Array<File>, quotedMessage?: SendableMessageType) => MultipleFilesMessageCreateParams;
-    disableUserProfile?: boolean;
-    renderUserProfile?: (props: { user: User, close: () => void }) => React.ReactElement;
-    isMultipleFilesMessageEnabled?: boolean;
-  }
-
-  export interface ThreadContextInitialState {
-    currentChannel: GroupChannel;
-    allThreadMessages: Array<CoreMessageType>;
-    localThreadMessages: Array<CoreMessageType>;
-    parentMessage: SendableMessageType;
-    channelState: ChannelStateTypes;
-    parentMessageState: ParentMessageStateTypes;
-    threadListState: ThreadListStateTypes;
-    hasMorePrev: boolean;
-    hasMoreNext: boolean;
-    emojiContainer: EmojiContainer;
-    isMuted: boolean;
-    isChannelFrozen: boolean;
-    currentUserId: string;
-  }
-
-  export interface ThreadUIProps {
-    renderHeader?: () => React.ReactElement;
-    renderParentMessageInfo?: () => React.ReactElement;
-    renderMessage?: (props: {
-      message: SendableMessageType,
-      chainTop: boolean,
-      chainBottom: boolean,
-      hasSeparator: boolean,
-    }) => React.ReactElement;
-    renderMessageInput?: () => React.ReactElement;
-    renderCustomSeparator?: () => React.ReactElement;
-    renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => React.ReactElement;
-    renderThreadListPlaceHolder?: (type: ThreadListStateTypes) => React.ReactElement;
-    renderFileUploadIcon?: () => React.ReactElement;
-    renderVoiceMessageIcon?: () => React.ReactElement;
-    renderSendMessageIcon?: () => React.ReactElement;
-  }
-
-  type EventType = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>;
-  export interface ThreadHeaderProps {
-    className?: string;
-    channelName: string;
-    renderActionIcon?: (props: { onActionIconClick: (e: EventType) => void }) => React.ReactElement;
-    onActionIconClick?: (e: EventType) => void;
-    onChannelNameClick?: (e: EventType) => void;
-  }
-
-  export interface ParentMessageInfoProps {
-    className?: string;
-  }
-
-  export interface ParentMessageInfoItemProps {
-    className?: string;
-    message: SendableMessageType;
-    showFileViewer?: (bool: boolean) => void;
-  }
-
-  export interface ThreadListProps {
-    className?: string;
-    allThreadMessages: Array<SendableMessageType>;
-    renderMessage?: (props: {
-      message: SendableMessageType,
-      chainTop: boolean,
-      chainBottom: boolean,
-      hasSeparator: boolean,
-    }) => React.ReactElement;
-    renderCustomSeparator?: (props: { message: SendableMessageType }) => React.ReactElement;
-    scrollRef?: React.RefObject<HTMLDivElement>;
-    scrollBottom?: number;
-  }
-  export interface ThreadListItemProps {
-    className?: string;
-    message: SendableMessageType;
-    chainTop?: boolean;
-    chainBottom?: boolean;
-    hasSeparator?: boolean;
-    renderCustomSeparator?: (props: { message: SendableMessageType }) => React.ReactElement;
-    handleScroll?: () => void;
-  }
-
-  export interface ThreadMessageInputProps {
-    className?: string;
-    disabled?: boolean;
-    renderFileUploadIcon?: () => React.ReactElement;
-    renderVoiceMessageIcon?: () => React.ReactElement;
-    renderSendMessageIcon?: () => React.ReactElement;
-  }
-
-  /**
-   * CreateChannel
-   */
-  export interface CreateChannelProviderProps {
-    children?: React.ReactNode | React.ReactElement;
-    onCreateChannel(channel: GroupChannel): void;
-    overrideInviteUser?(params: OverrideInviteUserType): void;
-    onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;
-    userListQuery?(): UserListQuery;
-  }
-
-  export interface CreateChannelContextInterface {
-    overrideInviteUser?(params: OverrideInviteUserType): void;
-    onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;
-    createChannel: (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;
-    sdk: SendbirdGroupChat | SendbirdOpenChat;
-    userListQuery?(): UserListQuery;
-    onCreateChannel?(channel: GroupChannel): void;
-    step: number,
-    setStep: React.Dispatch<React.SetStateAction<number>>,
-    type: 'group' | 'supergroup' | 'broadcast',
-    setType: React.Dispatch<React.SetStateAction<'group' | 'supergroup' | 'broadcast'>>,
-  }
-
-  export interface CreateChannelUIProps {
-    onCancel?(): void;
-    renderStepOne?: (props: void) => React.ReactNode | React.ReactElement;
-  }
-
-  export interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps { }
-
-  export interface InviteUsersProps {
-    onCancel?: () => void;
-  }
-
-  export interface SelectChannelTypeProps {
-    onCancel?(): void;
-  }
-
-  /**
-   * EditUserProfile
-   */
-  export interface EditUserProfileProps {
-    children?: React.ReactNode | React.ReactElement;
-    onCancel?(): void;
-    onThemeChange?(theme: string): void;
-    onEditProfile?(updatedUser: User): void;
-  }
-
-  export interface EditUserProfileProviderInterface {
-    onCancel?(): void;
-    onThemeChange?(theme: string): void;
-    onEditProfile?(updatedUser: User): void;
-  }
-
-  /** UI */
-  export interface ModalProps {
-    className?: string;
-    hideFooter?: boolean;
-    disabled?: boolean;
-    type?: string;
-    isFullScreenOnMobile?: boolean;
-    isCloseOnClickOutside?: boolean;
-    children: React.ReactElement | string;
-    /**
-     * Do not use this! onCancel will be deprecated in v4. Use onClose instead.
-     */
-    onCancel?: () => void;
-    onClose?: () => void;
-    onSubmit?: () => void;
-    renderHeader?: () => React.ReactElement;
-  }
-}
-
-declare module '@sendbird/uikit-react' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  export const App: React.FunctionComponent<SendbirdUIKitGlobal.AppProps>;
-  export const SendBirdProvider: React.FunctionComponent<SendbirdUIKitGlobal.SendbirdProviderProps>;
-  export const sendBirdSelectors: SendbirdUIKitGlobal.sendbirdSelectorsInterface;
-  export const sendbirdSelectors: SendbirdUIKitGlobal.sendbirdSelectorsInterface;
-  export const ChannelList: React.FunctionComponent<SendbirdUIKitGlobal.ChannelListProps>;
-  export const ChannelSettings: React.FunctionComponent<SendbirdUIKitGlobal.ChannelSettingsProps>;
-  export const Channel: React.FunctionComponent<SendbirdUIKitGlobal.ChannelProps>
-  export const OpenChannel: React.FunctionComponent<SendbirdUIKitGlobal.OpenChannelProps>
-  export const OpenChannelSettings: React.FunctionComponent<SendbirdUIKitGlobal.OpenChannelSettingsProps>
-  export const MessageSearch: React.FunctionComponent<SendbirdUIKitGlobal.MessageSearchProps>
-  export function withSendBird(
-    ChildComp: React.Component | React.ElementType | React.ReactNode | React.ReactElement,
-    mapStoreToProps?: (store: SendbirdUIKitGlobal.SendBirdState) => unknown
-  ): (props: unknown) => React.ReactNode | React.ReactElement;
-  export function useSendbirdStateContext(): SendbirdUIKitGlobal.SendBirdState;
-}
-
-declare module '@sendbird/uikit-react/App' {
-  import type { AppProps } from 'SendbirdUIKitGlobal';
-  const App: React.FunctionComponent<AppProps>
-  export default App;
-}
-
-declare module '@sendbird/uikit-react/SendbirdProvider' {
-  import type { SendbirdProviderProps, SendBirdState } from 'SendbirdUIKitGlobal';
-  export const SendbirdProvider: React.FunctionComponent<SendbirdProviderProps>;
-  export default SendbirdProvider;
-  export function useSendbirdStateContext(): SendBirdState;
-}
-
-declare module '@sendbird/uikit-react/sendbirdSelectors' {
-  import type { sendbirdSelectorsInterface } from 'SendbirdUIKitGlobal';
-  const sendBirdSelectors: sendbirdSelectorsInterface;
-  export default sendBirdSelectors;
-}
-
-declare module '@sendbird/uikit-react/useSendbirdStateContext' {
-  import type { SendBirdState } from 'SendbirdUIKitGlobal';
-  export function useSendbirdStateContext(): SendBirdState;
-  export default useSendbirdStateContext;
-}
-
-declare module '@sendbird/uikit-react/withSendbird' {
-  import type { SendBirdState } from 'SendbirdUIKitGlobal';
-  function withSendbird(
-    ChildComp: React.Component | React.ElementType | React.ReactNode | React.ReactElement,
-    mapStoreToProps?: (store: SendBirdState) => unknown
-  ): (props: unknown) => React.ReactNode | React.ReactElement;
-  export default withSendbird;
-}
-
-/** handlers */
-declare module '@sendbird/uikit-react/handlers/ConnectionHandler' {
-  import { ConnectionHandler } from '@sendbird/chat';
-  export default ConnectionHandler;
-}
-declare module '@sendbird/uikit-react/handlers/SessionHandler' {
-  import { SessionHandler } from '@sendbird/chat';
-  export default SessionHandler;
-}
-declare module '@sendbird/uikit-react/handlers/GroupChannelHandler' {
-  import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-  export default GroupChannelHandler;
-}
-declare module '@sendbird/uikit-react/handlers/OpenChannelHandler' {
-  import { OpenChannelHandler } from '@sendbird/chat/openChannel';
-  export default OpenChannelHandler;
-}
-declare module '@sendbird/uikit-react/handlers/UserEventHandler' {
-  import { UserEventHandler } from "@sendbird/chat";
-  export default UserEventHandler;
-}
-
-/** pubSub */
-declare module '@Sendbird/uikit-react/pubSub/topics' {
-  export enum PUBSUB_TOPICS {
-    // Group Channel
-    USER_UPDATED = 'USER_UPDATED',
-    SEND_MESSAGE_START = 'SEND_MESSAGE_START',
-    SEND_MESSAGE_FAILED = 'SEND_MESSAGE_FAILED',
-    SEND_USER_MESSAGE = 'SEND_USER_MESSAGE',
-    SEND_FILE_MESSAGE = 'SEND_FILE_MESSAGE',
-    ON_FILE_INFO_UPLOADED = 'ON_FILE_INFO_UPLOADED',
-    UPDATE_USER_MESSAGE = 'UPDATE_USER_MESSAGE',
-    DELETE_MESSAGE = 'DELETE_MESSAGE',
-    LEAVE_CHANNEL = 'LEAVE_CHANNEL',
-    CREATE_CHANNEL = 'CREATE_CHANNEL',
-    // Open Channel
-    UPDATE_OPEN_CHANNEL = 'UPDATE_OPEN_CHANNEL',
-  }
-  export enum PublishingModuleType {
-    CHANNEL = 'CHANNEL',
-    THREAD = 'THREAD',
-  }
-  export default PUBSUB_TOPICS;
-}
-
-/** hooks */
-declare module '@sendbird/uikit-react/hooks/useModal' {
-  import type { ModalProps } from 'SendbirdUIKitGlobal';
-  export type OpenGlobalModalProps = {
-    modalProps: ModalProps;
-    childElement: (props: { closeModal: () => void }) => React.ReactElement;
-  };
-  export interface GlobalModalContextInterface {
-    openModal: (props: OpenGlobalModalProps) => void;
-  }
-  export const GlobalModalProvider: React.FunctionComponent<OpenGlobalModalProps>;
-  export function useGlobalModalContext(): GlobalModalContextInterface;
-}
-
-/** utils */
-declare module '@sendbird/uikit-react/utils/message/getOutgoingMessageState' {
-  import type { GroupChannel } from '@sendbird/chat/groupChannel';
-  import type { OpenChannel } from '@sendbird/chat/openChannel';
-  import type { SendableMessageType } from 'SendbirdUIKitGlobal';
-  export enum OutgoingMessageStates {
-    NONE = 'NONE',
-    PENDING = 'PENDING',
-    SENT = 'SENT',
-    FAILED = 'FAILED',
-    DELIVERED = 'DELIVERED',
-    READ = 'READ',
-  }
-  export function getOutgoingMessageState(
-    channel: GroupChannel | OpenChannel,
-    message: SendableMessageType,
-  ): OutgoingMessageStates;
-}
-
-declare module '@sendbird/uikit-react/utils/message/isVoiceMessage' {
-  import type { FileMessage } from '@sendbird/chat/message';
-  export function isVoiceMessage(message: FileMessage): boolean;
-}
-
-/** ChannelList */
-declare module '@sendbird/uikit-react/ChannelList' {
-  import type { ChannelListProps } from 'SendbirdUIKitGlobal';
-  const ChannelList: React.FunctionComponent<ChannelListProps>;
-  export default ChannelList;
-}
-
-declare module '@sendbird/uikit-react/ChannelList/context' {
-  import type { ChannelListProviderProps, ChannelListProviderInterface } from 'SendbirdUIKitGlobal';
-  export const ChannelListProvider: React.FunctionComponent<ChannelListProviderProps>;
-  export function useChannelListContext(): ChannelListProviderInterface;
-  export function useChannelList(): ChannelListProviderInterface;
-}
-
-declare module '@sendbird/uikit-react/ChannelList/components/AddChannel' {
-  const AddChannel: React.FunctionComponent;
-  export default AddChannel;
-}
-
-declare module '@sendbird/uikit-react/ChannelList/components/ChannelListUI' {
-  import type { ChannelListUIProps } from 'SendbirdUIKitGlobal';
-  const ChannelListUI: React.FunctionComponent<ChannelListUIProps>;
-  export default ChannelListUI;
-}
-
-declare module '@sendbird/uikit-react/ChannelList/components/ChannelListHeader' {
-  import { ChannelListHeaderInterface } from 'SendbirdUIKitGlobal';
-  const ChannelListHeader: React.FunctionComponent<ChannelListHeaderInterface>;
-  export default ChannelListHeader;
-}
-
-declare module '@sendbird/uikit-react/ChannelList/components/ChannelPreview' {
-  import type { ChannelPreviewInterface } from 'SendbirdUIKitGlobal';
-  const ChannelPreview: React.FunctionComponent<ChannelPreviewInterface>;
-  export default ChannelPreview;
-}
-
-declare module '@sendbird/uikit-react/ChannelList/components/ChannelPreviewAction' {
-  import type { ChannelPreviewActionInterface } from 'SendbirdUIKitGlobal';
-  const ChannelPreviewAction: React.FunctionComponent<ChannelPreviewActionInterface>;
-  export default ChannelPreviewAction;
-}
-
-declare module '@sendbird/uikit-react/ChannelSettings' {
-  import type { ChannelSettingsProps } from 'SendbirdUIKitGlobal';
-  const ChannelSettings: React.FunctionComponent<ChannelSettingsProps>;
-  export default ChannelSettings;
-}
-
-declare module '@sendbird/uikit-react/ChannelSettings/context' {
-  import type { ChannelSettingsContextProps, ChannelSettingsProviderInterface } from 'SendbirdUIKitGlobal';
-  export const ChannelSettingsProvider: React.FC<ChannelSettingsContextProps>;
-  export const useChannelSettingsContext: () => ChannelSettingsProviderInterface;
-}
-
-declare module '@sendbird/uikit-react/ChannelSettings/components/ModerationPanel' {
-  const ModerationPanel: React.FunctionComponent;
-  export default ModerationPanel;
-}
-
-declare module '@sendbird/uikit-react/ChannelSettings/components/ChannelProfile' {
-  const ChannelProfile: React.FunctionComponent;
-  export default ChannelProfile;
-}
-
-declare module '@sendbird/uikit-react/ChannelSettings/components/ChannelSettingsUI' {
-  import type { ChannelSettingsUIProps } from 'SendbirdUIKitGlobal';
-  const ChannelSettingsUI: React.FC<ChannelSettingsUIProps>;
-  export default ChannelSettingsUI;
-}
-
-declare module '@sendbird/uikit-react/ChannelSettings/components/EditDetailsModal' {
-  import type { ChannelSettingsEditDetailsProps } from 'SendbirdUIKitGlobal';
-  const EditDetailsModal: React.FC<ChannelSettingsEditDetailsProps>;
-  export default EditDetailsModal;
-}
-
-declare module '@sendbird/uikit-react/ChannelSettings/components/LeaveChannel' {
-  import type { LeaveChannelProps } from 'SendbirdUIKitGlobal';
-  const LeaveChannel: React.FC<LeaveChannelProps>;
-  export default LeaveChannel;
-}
-
-declare module '@sendbird/uikit-react/ChannelSettings/components/UserListItem' {
-  import type { UserListItemProps } from 'SendbirdUIKitGlobal';
-  const UserListItem: React.FC<UserListItemProps>;
-  export default UserListItem;
-}
-
-declare module '@sendbird/uikit-react/ChannelSettings/components/UserPanel' {
-  const UserPanel: React.FunctionComponent;
-  export default UserPanel;
-}
-
-/**
- * Channel
- */
-declare module '@sendbird/uikit-react/Channel' {
-  import type { ChannelProps } from 'SendbirdUIKitGlobal';
-  const Channel: React.FC<ChannelProps>;
-  export default Channel;
-}
-
-declare module '@sendbird/uikit-react/Channel/context' {
-  import type { ChannelContextProps, ChannelProviderInterface } from 'SendbirdUIKitGlobal';
-  export const ChannelProvider: React.FunctionComponent<ChannelContextProps>;
-  export function useChannelContext(): ChannelProviderInterface;
-  export enum ThreadReplySelectType { PARENT, THREAD }
-}
-
-declare module '@sendbird/uikit-react/Channel/utils/getMessagePartsInfo' {
-  import type { CoreMessageType } from 'SendbirdUIKitGlobal'
-  import type { GroupChannel } from '@sendbird/chat/groupChannel';
-  export interface GetMessagePartsInfoProps {
-    allMessages: Array<CoreMessageType>;
-    isMessageGroupingEnabled: boolean;
-    currentIndex: number;
-    currentMessage: CoreMessageType;
-    currentChannel: GroupChannel;
-    replyType: string;
-  }
-  interface OutPuts {
-    chainTop: boolean,
-    chainBottom: boolean,
-    hasSeparator: boolean,
-  }
-  export function getMessagePartsInfo(args: GetMessagePartsInfoProps): OutPuts;
-}
-
-declare module '@sendbird/uikit-react/Channel/utils/compareMessagesForGrouping' {
-  import type { CoreMessageType } from 'SendbirdUIKitGlobal';
-  import type { GroupChannel } from '@sendbird/chat/groupChannel';
-
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-
-  export function compareMessagesForGrouping(
-    prevMessage: CoreMessageType,
-    currMessage: CoreMessageType,
-    nextMessage: CoreMessageType,
-    currentChannel: GroupChannel,
-    replyType: SendbirdUIKitGlobal.ReplyType,
-  ): [
-    chainTop: boolean,
-    chainBottom: boolean,
-  ]
-}
-
-declare module '@sendbird/uikit-react/Channel/components/ChannelHeader' {
-  const ChannelHeader: React.FunctionComponent;
-  export default ChannelHeader;
-}
-
-declare module '@sendbird/uikit-react/Channel/components/ChannelUI' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const ChannelUI: React.FunctionComponent<SendbirdUIKitGlobal.ChannelUIProps>;
-  export default ChannelUI;
-}
-
-declare module '@sendbird/uikit-react/Channel/components/FileViewer' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  export const FileViewerComponent: React.FunctionComponent<SendbirdUIKitGlobal.FileViewerComponentProps>
-
-  const FileViewer: React.FunctionComponent<SendbirdUIKitGlobal.FileViewerProps>;
-  export default FileViewer;
-}
-
-declare module '@sendbird/uikit-react/Channel/components/FrozenNotification' {
-  const FrozenNotification: React.FunctionComponent;
-  export default FrozenNotification;
-}
-
-declare module '@sendbird/uikit-react/Channel/components/Message' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const Message: React.FunctionComponent<SendbirdUIKitGlobal.MessageUIProps>;
-  export default Message;
-}
-
-declare module '@sendbird/uikit-react/Channel/components/MessageInput' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const MessageInput: React.FunctionComponent<SendbirdUIKitGlobal.MessageInputProps>;
-  export default MessageInput;
-}
-
-declare module '@sendbird/uikit-react/Channel/components/MessageList' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const MessageList: React.FunctionComponent<SendbirdUIKitGlobal.MessageListProps>;
-  export default MessageList;
-}
-
-declare module '@sendbird/uikit-react/Channel/components/SuggestedMentionList' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const SuggestedMentionList: React.FunctionComponent<SendbirdUIKitGlobal.SuggestedMentionListProps>;
-  export default SuggestedMentionList;
-}
-
-declare module '@sendbird/uikit-react/Channel/components/RemoveMessageModal' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const RemoveMessageModal: React.FunctionComponent<SendbirdUIKitGlobal.RemoveMessageProps>;
-  export default RemoveMessageModal;
-}
-
-declare module '@sendbird/uikit-react/Channel/components/TypingIndicator' {
-  const TypingIndicator: React.FunctionComponent;
-  export default TypingIndicator;
-}
-
-declare module '@sendbird/uikit-react/Channel/components/UnreadCount' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const UnreadCount: React.FunctionComponent<SendbirdUIKitGlobal.UnreadCountProps>;
-  export default UnreadCount;
-}
-
-/**
- * OpenChannel
- */
-declare module '@sendbird/uikit-react/OpenChannel' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const OpenChannel: React.FC<SendbirdUIKitGlobal.OpenChannelProps>;
-  export default OpenChannel;
-}
-
-declare module '@sendbird/uikit-react/OpenChannel/context' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  export const OpenChannelProvider: React.FunctionComponent<SendbirdUIKitGlobal.OpenChannelProviderProps>;
-  export function useOpenChannelContext(): SendbirdUIKitGlobal.OpenChannelInterface;
-}
-
-declare module '@sendbird/uikit-react/OpenChannel/components/FrozenChannelNotification' {
-  const FrozenChannelNotification: React.FunctionComponent;
-  export default FrozenChannelNotification;
-}
-
-declare module '@sendbird/uikit-react/OpenChannel/components/OpenChannelHeader' {
-  const OpenChannelHeader: React.FunctionComponent;
-  export default OpenChannelHeader;
-}
-
-declare module '@sendbird/uikit-react/OpenChannel/components/OpenChannelInput' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const OpenChannelInput: React.FC<SendbirdUIKitGlobal.OpenChannelMessageInputWrapperProps>;
-  export default OpenChannelInput;
-}
-
-declare module '@sendbird/uikit-react/OpenChannel/components/OpenChannelMessage' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const OpenChannelMessage: React.FC<SendbirdUIKitGlobal.OpenChannelMessageProps>;
-  export default OpenChannelMessage;
-}
-
-declare module '@sendbird/uikit-react/OpenChannel/components/OpenChannelMessageList' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const OpenChannelMessageList: React.FC<SendbirdUIKitGlobal.OpenchannelMessageListProps>;
-  export default OpenChannelMessageList;
-}
-
-declare module '@sendbird/uikit-react/OpenChannel/components/OpenChannelUI' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const OpenChannelUI: React.FC<SendbirdUIKitGlobal.OpenChannelUIProps>;
-  export default OpenChannelUI;
-}
-
-/**
- * OpenChannelList
- */
-declare module '@sendbird/uikit-react/OpenChannelList' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const OpenChannelList: React.FC<SendbirdUIKitGlobal.OpenChannelListProps>;
-  export default OpenChannelList;
-}
-
-declare module '@sendbird/uikit-react/OpenChannelList/context' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  export const OpenChannelListProvider: React.FC<SendbirdUIKitGlobal.OpenChannelListProviderProps>;
-  export const useChannelListContext: () => SendbirdUIKitGlobal.OpenChannelListProviderInterface;
-}
-
-declare module '@sendbird/uikit-react/OpenChannelList/components/OpenChannelListUI' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const OpenChannelListUI: React.FC<SendbirdUIKitGlobal.OpenChannelListUIProps>;
-  export default OpenChannelListUI;
-}
-
-declare module '@sendbird/uikit-react/OpenChannelList/components/OpenChannelPreview' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const OpenChannelPreview: React.FC<SendbirdUIKitGlobal.OpenChannelPreviewProps>;
-  export default OpenChannelPreview;
-}
-
-/**
- * CreateOpenChannel
- */
-declare module '@sendbird/uikit-react/CreateOpenChannel' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const CreateOpenChannel: React.FC<SendbirdUIKitGlobal.CreateOpenChannelProps>;
-  export default CreateOpenChannel;
-}
-
-declare module '@sendbird/uikit-react/CreateOpenChannel/context' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  export const CreateOpenChannelProvider: React.FC<SendbirdUIKitGlobal.CreateOpenChannelProviderProps>;
-  export const useCreateOpenChannelContext: () => SendbirdUIKitGlobal.CreateOpenChannelContextInterface;
-}
-
-declare module '@sendbird/uikit-react/CreateOpenChannel/components/CreateOpenChannelUI' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const CreateOpenChannelUI: React.FC<SendbirdUIKitGlobal.CreateOpenChannelUIProps>;
-  export default CreateOpenChannelUI;
-}
-
-/**
- * OpenChannelSettings
- */
-declare module '@sendbird/uikit-react/OpenChannelSettings' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const OpenChannelSettings: React.FC<SendbirdUIKitGlobal.OpenChannelSettingsProps>;
-  export default OpenChannelSettings;
-}
-
-declare module '@sendbird/uikit-react/OpenChannelSettings/context' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  export const useOpenChannelSettingsContext: () => SendbirdUIKitGlobal.OpenChannelSettingsContextType;
-  export const OpenChannelSettingsProvider: React.FC<SendbirdUIKitGlobal.OpenChannelSettingsContextProps>;
-}
-
-declare module '@sendbird/uikit-react/OpenChannelSettings/components/EditDetailsModal' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const EditDetailsModal: React.FC<SendbirdUIKitGlobal.OpenChannelEditDetailsProps>;
-  export default EditDetailsModal;
-}
-
-declare module '@sendbird/uikit-react/OpenChannelSettings/components/OpenChannelSettingsUI' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const OpenChannelSettingsUI: React.FC<SendbirdUIKitGlobal.OpenChannelSettingsUIProps>;
-  export default OpenChannelSettingsUI;
-}
-
-declare module '@sendbird/uikit-react/OpenChannelSettings/components/OperatorUI' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const OperatorUI: React.FC<SendbirdUIKitGlobal.OperatorUIProps>;
-  export default OperatorUI;
-}
-
-declare module '@sendbird/uikit-react/OpenChannelSettings/components/ParticipantUI' {
-  const ParticipantUI: React.FunctionComponent;
-  export default ParticipantUI;
-}
-
-/**
- * MessageSearch
- */
-declare module '@sendbird/uikit-react/MessageSearch' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const MessageSearch: React.FC<SendbirdUIKitGlobal.MessageSearchProps>;
-  export default MessageSearch;
-}
-
-declare module '@sendbird/uikit-react/MessageSearch/context' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  export const useMessageSearchContext: () => SendbirdUIKitGlobal.MessageSearchProviderInterface;
-  export const MessageSearchProvider: React.FC<SendbirdUIKitGlobal.MessageSearchProviderProps>;
-}
-
-declare module '@sendbird/uikit-react/MessageSearch/components/MessageSearchUI' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const MessageSearchUI: React.FC<SendbirdUIKitGlobal.MessageSearchUIProps>;
-  export default MessageSearchUI;
-}
-
-/**
- * Message
- */
-declare module '@sendbird/uikit-react/Message/context' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  export const useMessageContext: () => SendbirdUIKitGlobal.MessageProviderInterface;
-  export const MessageProvider: React.FC<SendbirdUIKitGlobal.MessageProviderProps>;
-}
-
-declare module '@sendbird/uikit-react/Message/hooks/useDirtyGetMentions' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  interface DynamicParams {
-    ref: React.RefObject<HTMLElement>;
-  }
-
-  interface StaticParams {
-    logger: SendbirdUIKitGlobal.Logger;
-  }
-
-  export function useDirtyGetMentions({ ref }: DynamicParams, { logger }: StaticParams): Element[];
-}
-
-/**
- * Thread
- */
-declare module '@sendbird/uikit-react/Thread' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const Thread: React.FC<SendbirdUIKitGlobal.ThreadProviderProps>;
-  export default Thread;
-}
-
-declare module '@sendbird/uikit-react/Thread/context' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  export const useThreadContext: () => SendbirdUIKitGlobal.ThreadProviderInterface;
-  export const ThreadProvider: React.FC<SendbirdUIKitGlobal.ThreadProviderProps>;
-}
-
-declare module '@sendbird/uikit-react/Thread/context/types' {
-  export enum ChannelStateTypes {
-    NIL = 'NIL',
-    LOADING = 'LOADING',
-    INVALID = 'INVALID',
-    INITIALIZED = 'INITIALIZED',
-  }
-  export enum ParentMessageStateTypes {
-    NIL = 'NIL',
-    LOADING = 'LOADING',
-    INVALID = 'INVALID',
-    INITIALIZED = 'INITIALIZED',
-  }
-  export enum ThreadListStateTypes {
-    NIL = 'NIL',
-    LOADING = 'LOADING',
-    INVALID = 'INVALID',
-    INITIALIZED = 'INITIALIZED',
-  }
-}
-
-declare module '@sendbird/uikit-react/Thread/components/ThreadUI' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const ThreadUI: React.FC<SendbirdUIKitGlobal.ThreadUIProps>;
-  export default ThreadUI;
-}
-declare module '@sendbird/uikit-react/Thread/components/ThreadHeader' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const ThreadHeader: React.FC<SendbirdUIKitGlobal.ThreadHeaderProps>;
-  export default ThreadHeader;
-}
-declare module '@sendbird/uikit-react/Thread/components/ParentMessageInfo' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const ParentMessageInfo: React.FC<SendbirdUIKitGlobal.ParentMessageInfoProps>;
-  export default ParentMessageInfo;
-}
-declare module '@sendbird/uikit-react/Thread/components/ParentMessageInfoItem' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const ParentMessageInfoItem: React.FC<SendbirdUIKitGlobal.ParentMessageInfoItemProps>;
-  export default ParentMessageInfoItem;
-}
-declare module '@sendbird/uikit-react/Thread/components/ThreadList' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const ThreadList: React.FC<SendbirdUIKitGlobal.ThreadListProps>;
-  export default ThreadList;
-}
-declare module '@sendbird/uikit-react/Thread/components/ThreadListItem' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const ThreadListItem: React.FC<SendbirdUIKitGlobal.ThreadListItemProps>;
-  export default ThreadListItem;
-}
-declare module '@sendbird/uikit-react/Thread/components/ThreadMessageInput' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const ThreadMessageInput: React.FC<SendbirdUIKitGlobal.ThreadMessageInputProps>;
-  export default ThreadMessageInput;
-}
-
-/**
- * CreateChannel
- */
-declare module '@sendbird/uikit-react/CreateChannel' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const CreateChannel: React.FC<SendbirdUIKitGlobal.CreateChannelProps>;
-  export default CreateChannel;
-}
-
-declare module '@sendbird/uikit-react/CreateChannel/context' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  export const CreateChannelProvider: React.FC<SendbirdUIKitGlobal.CreateChannelProviderProps>;
-  export function useCreateChannelContext(): SendbirdUIKitGlobal.CreateChannelContextInterface;
-}
-
-declare module '@sendbird/uikit-react/CreateChannel/components/CreateChannelUI' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const CreateChannelUI: React.FC<SendbirdUIKitGlobal.CreateChannelUIProps>;
-  export default CreateChannelUI;
-}
-
-declare module '@sendbird/uikit-react/CreateChannel/components/InviteUsers' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const InviteUsers: React.FC<SendbirdUIKitGlobal.InviteUsersProps>;
-  export default InviteUsers;
-}
-
-declare module '@sendbird/uikit-react/CreateChannel/components/SelectChannelType' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const SelectChannelType: React.FC<SendbirdUIKitGlobal.SelectChannelTypeProps>;
-  export default SelectChannelType;
-}
-
-/**
- * EditUserProfile
- */
-declare module '@sendbird/uikit-react/EditUserProfile' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  const EditProfile: React.FC<SendbirdUIKitGlobal.EditUserProfileProps>;
-  export default EditProfile;
-}
-
-declare module '@sendbird/uikit-react/EditUserProfile/context' {
-  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
-  export const EditUserProfileProvider: React.FC<SendbirdUIKitGlobal.EditUserProfileProps>;
-  export function useEditUserProfileContext(): SendbirdUIKitGlobal.EditUserProfileProviderInterface;
-}
-
-declare module '@sendbird/uikit-react/EditUserProfile/components/EditUserProfileUI' {
-  const EditUserProfileUI: React.FunctionComponent;
-  export default EditUserProfileUI;
-}
-
-declare module '@sendbird/uikit-react/ui/Accordion' {
-  interface AccordionProps {
-    className?: string | Array<string>;
-    id: string;
-    renderTitle(): React.ReactElement;
-    renderContent(): React.ReactElement;
-    renderFooter?(): React.ReactElement;
-  }
-  const Accordion: React.FC<AccordionProps>;
-  export default Accordion;
-}
-
-declare module '@sendbird/uikit-react/ui/AccordionGroup' {
-  interface AccordionTypeProps {
-    children: Array<React.ReactElement> | React.ReactElement;
-    defaultOpened?: string;
-    className?: string;
-  }
-  const AccordionGroup: React.FC<AccordionTypeProps>;
-  export default AccordionGroup;
-}
-
-declare module '@sendbird/uikit-react/ui/AdminMessage' {
-  import type { AdminMessage } from '@sendbird/chat/message';
-  interface AdminMessageProps {
-    className?: string,
-    message: AdminMessage,
-  }
-  const AdminMessageComponent: React.FC<AdminMessageProps>;
-  export default AdminMessageComponent;
-}
-
-declare module '@sendbird/uikit-react/ui/Avatar' {
-  interface AvatarProps {
-    className?: string | Array<string>,
-    height?: string | number,
-    width?: string | number,
-    src?: string | Array<string>,
-    alt?: string,
-    onClick?(): void,
-    customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): React.ReactElement;
-  }
-  const Avatar: React.FC<AvatarProps>;
-  export default Avatar;
-}
-
-declare module '@sendbird/uikit-react/ui/MutedAvatarOverlay' {
-  interface MutedAvatarOverlayProps {
-    height?: number;
-    width?: number;
-  }
-  const MutedAvatarOverlay: React.FC<MutedAvatarOverlayProps>;
-  export default MutedAvatarOverlay;
-}
-
-declare module '@sendbird/uikit-react/ui/Badge' {
-  interface BadgeProps {
-    count: number,
-    maxLevel?: number,
-    className?: string | string[],
-  }
-  const Badge: React.FC<BadgeProps>;
-  export default Badge;
-}
-
-declare module '@sendbird/uikit-react/ui/Button' {
-  export enum ButtonTypes {
-    PRIMARY = 'PRIMARY',
-    SECONDARY = 'SECONDARY',
-    DANGER = 'DANGER',
-    DISABLED = 'DISABLED',
-  }
-  export enum ButtonSizes {
-    BIG = 'BIG',
-    SMALL = 'SMALL',
-  }
-
-  interface ButtonProps {
-    className?: string | Array<string>;
-    type?: ButtonTypes;
-    size?: ButtonSizes;
-    children?: string | React.ReactElement;
-    disabled?: boolean;
-    onClick?: () => void;
-  }
-  const Button: React.FC<ButtonProps>;
-  export default Button;
-}
-
-declare module '@sendbird/uikit-react/ui/ChannelAvatar' {
-  import type { GroupChannel } from '@sendbird/chat/groupChannel'
-  interface ChannelAvatarProps {
-    channel: GroupChannel;
-    userId: string;
-    theme: string;
-    width?: number,
-    height?: number,
-  }
-  const ChannelAvatar: React.FC<ChannelAvatarProps>;
-  export default ChannelAvatar;
-}
-
-declare module '@sendbird/uikit-react/ui/OpenChannelAvatar' {
-  import type { OpenChannel } from '@sendbird/chat/openChannel'
-  interface OpenChannelAvatarProps {
-    channel: OpenChannel;
-    theme: string;
-    height?: number;
-    width?: number;
-  }
-  const OpenChannelAvatar: React.FC<OpenChannelAvatarProps>;
-  export default OpenChannelAvatar;
-}
-
-declare module '@sendbird/uikit-react/ui/Checkbox' {
-  interface CheckboxProps {
-    id?: string,
-    checked?: boolean,
-    onChange?: () => void,
-  }
-  const Checkbox: React.FC<CheckboxProps>;
-  export default Checkbox;
-}
-
-declare module '@sendbird/uikit-react/ui/ConnectionStatus' {
-  const ConnectionStatus: React.FunctionComponent;
-  export default ConnectionStatus;
-}
-
-declare module '@sendbird/uikit-react/ui/ContextMenu' {
-  interface ContextMenuProps {
-    menuTrigger?: () => void;
-    menuItems: () => void;
-    isOpen?: boolean;
-  }
-  const ContextMenu: React.FC<ContextMenuProps>;
-  export default ContextMenu;
-}
-
-declare module '@sendbird/uikit-react/ui/DateSeparator' {
-  enum Colors {
-    ONBACKGROUND_1 = 'ONBACKGROUND_1',
-    ONBACKGROUND_2 = 'ONBACKGROUND_2',
-    ONBACKGROUND_3 = 'ONBACKGROUND_3',
-    ONBACKGROUND_4 = 'ONBACKGROUND_4',
-    ONCONTENT_1 = 'ONCONTENT_1',
-    PRIMARY = 'PRIMARY',
-    ERROR = 'ERROR',
-  }
-  interface DateSeparatorProps {
-    className?: string | Array<string>;
-    children?: string | React.ReactElement,
-    separatorColor?: Colors,
-  }
-  const DateSeparator: React.FC<DateSeparatorProps>;
-  export default DateSeparator;
-}
-
-declare module '@sendbird/uikit-react/ui/Dropdown' {
-  interface DropdownProps {
-    renderButton: () => React.ReactElement,
-    renderItems: () => React.ReactElement,
-  }
-  const Dropdown: React.FC<DropdownProps>;
-  export default Dropdown;
-}
-
-declare module '@sendbird/uikit-react/ui/EmojiReactions' {
-  import type { EmojiCategory } from '@sendbird/chat';
-  import type { SendableMessageType } from 'SendbirdUIKitGlobal';
-  import type { GroupChannel } from '@sendbird/chat/groupChannel';
-
-  interface EmojiContainer {
-    emojiCategories: Array<EmojiCategory>;
-    emojiHash: string;
-  }
-  interface EmojiReactionsProps {
-    className?: string | Array<string>;
-    userId: string;
-    message: SendableMessageType;
-    channel: GroupChannel;
-    emojiContainer: EmojiContainer;
-    memberNicknamesMap: Map<string, string>;
-    spaceFromTrigger?: Record<string, unknown>;
-    isByMe?: boolean;
-    toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;
-  }
-  const EmojiReactions: React.FC<EmojiReactionsProps>;
-  export default EmojiReactions;
-
-}
-
-declare module '@sendbird/uikit-react/ui/FileMessageItemBody' {
-  import type { FileMessage } from '@sendbird/chat/message';
-
-  interface FileMessageItemBodyProps {
-    className?: string | Array<string>;
-    message: FileMessage;
-    isByMe?: boolean;
-    mouseHover?: boolean;
-    isReactionEnabled?: boolean;
-  }
-  const FileMessageItemBody: React.FC<FileMessageItemBodyProps>;
-  export default FileMessageItemBody;
-}
-
-declare module '@sendbird/uikit-react/ui/VoiceMessageItemBody' {
-  enum VoicePlayerStatusType {
-    IDLE = 'IDLE',
-    PREPARING = 'PREPARING',
-    READY_TO_PLAY = 'READY_TO_PLAY',
-    PLAYING = 'PLAYING',
-    COMPLETED = 'COMPLETED',
-  }
-  interface VoiceMessageItemBodyProps {
-    minRecordTime?: number;
-    maximumValue: number;
-    currentValue?: number;
-    currentType: VoicePlayerStatusType;
-  }
-  type VoiceMessageItemBody = React.FC<VoiceMessageItemBodyProps>;
-  export default VoiceMessageItemBody;
-}
-
-declare module '@sendbird/uikit-react/ui/FileViewer' {
-  import type { FileMessage, MultipleFilesMessage } from '@sendbird/chat/message';
-
-  /**
-   * This FileViwer is `ui/FileViewer`
-   * it's different from the `Channel/component/FileViwer`
-   */
-  export enum ViewerTypes {
-    SINGLE = 'SINGLE',
-    MULTI = 'MULTI',
-  }
-  interface SenderInfo {
-    profileUrl: string;
-    nickname: string;
-  }
-  interface FileInfo {
-    name: string;
-    type: string;
-    url: string;
-  }
-  interface BaseViewer {
-    onClose: (e: React.MouseEvent) => void;
-  }
-  interface SingleFileViewer extends SenderInfo, FileInfo, BaseViewer {
-    viewerType?: typeof ViewerTypes.SINGLE;
-    isByMe?: boolean;
-    disableDelete?: boolean;
-    onDelete: (e: React.MouseEvent) => void;
-  }
-  interface MultiFilesViewer extends SenderInfo, BaseViewer {
-    viewerType: typeof ViewerTypes.MULTI;
-    fileInfoList: FileInfo[];
-    currentIndex: number;
-    onClickLeft: () => void;
-    onClickRight: () => void;
-  }
-  export type FileViewerComponentProps = SingleFileViewer | MultiFilesViewer;
-  export const FileViewerComponent: React.FC<FileViewerComponentProps>
-
-  interface FileViewerProps {
-    message: FileMessage | MultipleFilesMessage;
-    isByMe?: boolean;
-    currentIndex?: number;
-    onClose: (e: MouseEvent) => void;
-    onDelete?: (e: MouseEvent) => void;
-    onClickLeft?: () => void;
-    onClickRight?: () => void;
-  }
-  const FileViewer: React.FC<FileViewerProps>;
-  export default FileViewer;
-}
-
-declare module '@sendbird/uikit-react/ui/Icon' {
-  export enum IconTypes {
-    ADD = 'ADD',
-    ARROW_LEFT = 'ARROW_LEFT',
-    ATTACH = 'ATTACH',
-    AUDIO_ON_LINED = 'AUDIO_ON_LINED',
-    BAN = 'BAN',
-    BROADCAST = 'BROADCAST',
-    CAMERA = 'CAMERA',
-    CHANNELS = 'CHANNELS',
-    CHAT = 'CHAT',
-    CHAT_FILLED = 'CHAT_FILLED',
-    CHEVRON_DOWN = 'CHEVRON_DOWN',
-    CHEVRON_RIGHT = 'CHEVRON_RIGHT',
-    CLOSE = 'CLOSE',
-    COLLAPSE = 'COLLAPSE',
-    COPY = 'COPY',
-    CREATE = 'CREATE',
-    DELETE = 'DELETE',
-    DISCONNECTED = 'DISCONNECTED',
-    DOCUMENT = 'DOCUMENT',
-    DONE = 'DONE',
-    DONE_ALL = 'DONE_ALL',
-    DOWNLOAD = 'DOWNLOAD',
-    EDIT = 'EDIT',
-    EMOJI_MORE = 'EMOJI_MORE',
-    ERROR = 'ERROR',
-    EXPAND = 'EXPAND',
-    FILE_AUDIO = 'FILE_AUDIO',
-    FILE_DOCUMENT = 'FILE_DOCUMENT',
-    FREEZE = 'FREEZE',
-    GIF = 'GIF',
-    INFO = 'INFO',
-    LEAVE = 'LEAVE',
-    MEMBERS = 'MEMBERS',
-    MESSAGE = 'MESSAGE',
-    MODERATIONS = 'MODERATIONS',
-    MORE = 'MORE',
-    MUTE = 'MUTE',
-    NOTIFICATIONS = 'NOTIFICATIONS',
-    NOTIFICATIONS_OFF_FILLED = 'NOTIFICATIONS_OFF_FILLED',
-    OPERATOR = 'OPERATOR',
-    PHOTO = 'PHOTO',
-    PLAY = 'PLAY',
-    PLUS = 'PLUS',
-    QUESTION = 'QUESTION',
-    REFRESH = 'REFRESH',
-    REPLY = 'REPLY',
-    REMOVE = 'REMOVE',
-    SEARCH = 'SEARCH',
-    SEND = 'SEND',
-    SETTINGS_FILLED = 'SETTINGS_FILLED',
-    SLIDE_LEFT = 'SLIDE_LEFT',
-    SPINNER = 'SPINNER',
-    SUPERGROUP = 'SUPERGROUP',
-    THREAD = 'THREAD',
-    THUMBNAIL_NONE = 'THUMBNAIL_NONE',
-    TOGGLE_OFF = 'TOGGLE_OFF',
-    TOGGLE_ON = 'TOGGLE_ON',
-    USER = 'USER',
-  }
-  export enum IconColors {
-    DEFAULT = 'DEFAULT',
-    PRIMARY = 'PRIMARY',
-    PRIMARY_2 = 'PRIMARY_2',
-    SECONDARY = 'SECONDARY',
-    CONTENT = 'CONTENT',
-    CONTENT_INVERSE = 'CONTENT_INVERSE',
-    WHITE = 'WHITE',
-    GRAY = 'GRAY',
-    THUMBNAIL_ICON = 'THUMBNAIL_ICON',
-    SENT = 'SENT',
-    READ = 'READ',
-    ON_BACKGROUND_1 = 'ON_BACKGROUND_1',
-    ON_BACKGROUND_2 = 'ON_BACKGROUND_2',
-    ON_BACKGROUND_3 = 'ON_BACKGROUND_3',
-    ON_BACKGROUND_4 = 'ON_BACKGROUND_4',
-    BACKGROUND_3 = 'BACKGROUND_3',
-    ERROR = 'ERROR',
-  }
-
-  interface IconProps {
-    className?: string,
-    children?: string | React.ReactElement,
-    type?: IconTypes,
-    fillColor?: IconColors,
-    width?: number,
-    height?: number,
-    onClick?: () => void,
-  }
-  const Icon: React.FC<IconProps>;
-  export default Icon;
-}
-
-declare module '@sendbird/uikit-react/ui/IconButton' {
-  interface IconButtonProps {
-    className?: string | Array<string>,
-    children?: string | React.ReactElement,
-    disabled?: boolean,
-    width?: number,
-    height?: number,
-    type: string,
-    onClick?: () => void,
-    onBlur?: () => void,
-  }
-  const IconButton: React.FC<IconButtonProps>;
-  export default IconButton;
-}
-
-declare module '@sendbird/uikit-react/ui/ImageRenderer' {
-  interface ImageRendererProps {
-    className?: string | Array<string>;
-    url: string;
-    alt?: string;
-    width?: string | number;
-    height?: string | number;
-    circle?: boolean;
-    fixedSize?: boolean;
-    placeHolder?: ((props: { style: { [key: string]: string | number } }) => React.ReactElement) | React.ReactElement;
-    defaultComponent?: (() => React.ReactElement) | React.ReactElement;
-    onLoad?: () => void;
-    onError?: () => void;
-    shadeOnHover?: boolean;
-    isGif?: boolean;
-  }
-  const ImageRenderer: React.FC<ImageRendererProps>;
-  export default ImageRenderer;
-}
-
-declare module '@sendbird/uikit-react/ui/Input' {
-  interface InputProps {
-    name: string,
-    required?: boolean,
-    disabled?: boolean,
-    placeHolder?: string,
-    value?: string,
-  }
-  const Input: React.FC<InputProps>;
-  export default Input;
-}
-
-declare module '@sendbird/uikit-react/ui/Label' {
-  interface LabelProps {
-    className: Array<string>,
-    type: string,
-    color: string,
-    children: React.ReactElement,
-  }
-  const Label: React.FC<LabelProps>;
-  export default Label;
-}
-
-declare module '@sendbird/uikit-react/ui/LinkLabel' {
-  interface LinkLabelProps {
-    className?: Array<string>,
-    src: string,
-    type?: string,
-    color?: string,
-    children: React.ReactElement | string,
-  }
-  const LinkLabel: React.FC<LinkLabelProps>;
-  export default LinkLabel;
-}
-
-declare module '@sendbird/uikit-react/ui/Loader' {
-  interface LoaderProps {
-    className?: Array<string>,
-    width?: number,
-    height?: number,
-    children: React.ReactElement | string,
-  }
-  const Loader: React.FC<LoaderProps>;
-  export default Loader;
-}
-
-declare module '@sendbird/uikit-react/ui/MentionUserLabel' {
-  interface MentionUserLabelProps {
-    className?: string
-    children?: string;
-    isReverse?: boolean;
-    color?: string;
-    userId?: string;
-  }
-  const MentionUserLabel: React.FC<MentionUserLabelProps>;
-  export default MentionUserLabel;
-}
-
-declare module '@sendbird/uikit-react/ui/MentionLabel' {
-  interface MentionLabelProps {
-    mentionTemplate: string;
-    mentionedUserId: string;
-    isByMe: boolean;
-  }
-  const MentionUserLabel: React.FC<MentionLabelProps>;
-  export default MentionUserLabel;
-}
-
-declare module '@sendbird/uikit-react/ui/MessageContent' {
-  import type { GroupChannel } from '@sendbird/chat/groupChannel';
-  import type { EmojiContainer } from '@sendbird/chat';
-  import type { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';
-  import type { ReplyType, SendableMessageType } from 'SendbirdUIKitGlobal';
-  interface MessageContentProps {
-    className?: string | Array<string>;
-    userId: string;
-    channel: GroupChannel;
-    message: AdminMessage | FileMessage | UserMessage;
-    disabled?: boolean;
-    chainTop?: boolean;
-    chainBottom?: boolean;
-    useReaction?: boolean;
-    replyType?: ReplyType;
-    nicknamesMap?: Map<string, string>;
-    emojiContainer?: EmojiContainer;
-    scrollToMessage?: (createdAt: number, messageId: number) => void;
-    showEdit?: (bool: boolean) => void;
-    showRemove?: (bool: boolean) => void;
-    showFileViewer?: (bool: boolean) => void;
-    resendMessage?: (message: SendableMessageType) => void;
-    toggleReaction?: (message: SendableMessageType, reactionKey: string, isReacted: boolean) => void;
-    setQuoteMessage?: (message: SendableMessageType) => void;
-  }
-  const MessageContent: React.FC<MessageContentProps>;
-  export default MessageContent;
-}
-
-declare module '@sendbird/uikit-react/ui/MessageInput' {
-  import type { KeyboardEvent, MouseEvent, ReactElement } from 'react';
-  import type { GroupChannel } from '@sendbird/chat/groupChannel';
-  import type { OpenChannel } from '@sendbird/chat/openChannel';
-  import type { User } from '@sendbird/chat';
-  import type { SendableMessageType } from 'SendbirdUIKitGlobal';
-
-  type OnSendMessageType = (props: { message: string, mentionTemplate: string }) => void;
-  type OnUpdateMessageType = (props: { messageId: string, message: string, mentionTemplate: string }) => void;
-
-  interface MessageInputProps {
-    className?: Array<string>,
-    isEdit?: boolean,
-    isMentionEnabled?: boolean;
-    isVoiceMessageEnabled?: boolean;
-    isSelectingMultipleFilesEnabled?: boolean;
-    acceptableMimeTypes?: Array<'image' | 'video' | 'audio'>;
-    disabled?: boolean,
-    // value is removed when channelURL changes
-    value?: string,
-    placeholder?: string,
-    maxLength?: number,
-    onFileUpload?: (fileList: FileList) => void,
-    onSendMessage?: OnSendMessageType,
-    onUpdateMessage?: OnUpdateMessageType,
-    onStartTyping?: () => void,
-    onCancelEdit?: (e: MouseEvent<HTMLButtonElement>) => void,
-    channelUrl?: string,
-    channel?: OpenChannel | GroupChannel,
-    messageFieldId?: string,
-    // Mention
-    message?: SendableMessageType,
-    setMentionedUsers?: () => void,
-    mentionSelectedUser?: Array<User>,
-    onUserMentioned?: (user: User) => void,
-    onMentionStringChange?: (str: string) => void,
-    onMentionedUserIdsUpdated?: (userIds: Array<string>) => void,
-    onKeyUp?: (e: KeyboardEvent<HTMLDivElement>) => void,
-    onKeyDown?: (e: KeyboardEvent<HTMLDivElement>) => void,
-    // Voice Message
-    onVoiceMessageIconClick?: () => void;
-    renderFileUploadIcon?: () => ReactElement;
-    renderVoiceMessageIcon?: () => ReactElement;
-    renderSendMessageIcon?: () => ReactElement;
-  }
-  const MessageInput: React.FC<MessageInputProps>;
-  export default MessageInput;
-}
-
-declare module '@sendbird/uikit-react/ui/MessageInput/hooks/usePaste' {
-  import type { GroupChannel } from '@sendbird/chat/groupChannel';
-  import type { User } from '@sendbird/chat';
-
-  export type DynamicProps = {
-    // reference to the div element(content editable)
-    ref: React.RefObject<HTMLDivElement>;
-    channel: GroupChannel;
-    // a function that keeps track of the unique user ids
-    setUniqueUserIds: React.Dispatch<React.SetStateAction<string[]>>;
-    // a function that keeps track of the mentioned users
-    setMentionedUsers: React.Dispatch<React.SetStateAction<User[]>>;
-    setIsInput: React.Dispatch<React.SetStateAction<boolean>>;
-    // sets the height of the input div
-    setHeight: () => void;
-  };
-
-  export function usePaste(props: DynamicProps): (e: React.ClipboardEvent<HTMLDivElement>) => void
-}
-
-declare module '@sendbird/uikit-react/ui/VoiceMessageInput' {
-  export enum VoiceMessageInputStatus {
-    READY_TO_RECORD = 'READY_TO_RECORD',
-    RECORDING = 'RECORDING',
-    READY_TO_PLAY = 'READY_TO_PLAY',
-    PLAYING = 'PLAYING',
-  }
-  interface VoiceMessageInputProps {
-    minRecordTime?: number;
-    maximumValue: number;
-    currentValue?: number;
-    currentType: VoiceMessageInputStatus;
-    onCancelClick?: () => void;
-    onControlClick?: (type: VoiceMessageInputStatus) => void;
-    onSubmitClick?: () => void;
-    renderCancelButton?: () => React.ReactElement;
-    renderControlButton?: (type: VoiceMessageInputStatus) => React.ReactElement;
-    renderSubmitButton?: () => React.ReactElement;
-  }
-  type VoiceMessageInput = React.FC<VoiceMessageInputProps>;
-  export default VoiceMessageInput;
-}
-
-declare module '@sendbird/uikit-react/ui/MessageItemMenu' {
-  import type { GroupChannel } from '@sendbird/chat/groupChannel';
-  import type { OpenChannel } from '@sendbird/chat/openChannel';
-  import type { SendableMessageType } from 'SendbirdUIKitGlobal';
-  type ReplyType = "NONE" | "QUOTE_REPLY" | "THREAD";
-
-  interface MessageItemMenuProps {
-    className?: string | Array<string>;
-    message: SendableMessageType;
-    channel: GroupChannel | OpenChannel;
-    isByMe?: boolean;
-    disabled?: boolean;
-    replyType?: ReplyType;
-    disableDeleteMessage?: boolean;
-    showEdit?: (bool: boolean) => void;
-    showRemove?: (bool: boolean) => void;
-    resendMessage?: (message: SendableMessageType) => void;
-    setQuoteMessage?: (message: SendableMessageType) => void;
-    setSupposedHover?: (bool: boolean) => void;
-    onReplyInThread?: (props: { message: SendableMessageType }) => void;
-    onMoveToParentMessage?: () => void;
-  }
-  const MessageItemMenu: React.FC<MessageItemMenuProps>;
-  export default MessageItemMenu;
-
-}
-
-declare module '@sendbird/uikit-react/ui/MessageItemReactionMenu' {
-  import type { EmojiContainer } from '@sendbird/chat';
-  import type { SendableMessageType } from 'SendbirdUIKitGlobal';
-
-  interface MessageItemReactionMenuProps {
-    className?: string | Array<string>;
-    message: SendableMessageType;
-    userId: string;
-    spaceFromTrigger?: Record<string, unknown>;
-    emojiContainer?: EmojiContainer;
-    toggleReaction?: (message: SendableMessageType, reactionKey: string, isReacted: boolean) => void;
-    setSupposedHover?: (bool: boolean) => void;
-  }
-  const MessageItemReactionMenu: React.FC<MessageItemReactionMenuProps>;
-  export default MessageItemReactionMenu;
-}
-
-declare module '@sendbird/uikit-react/ui/MessageSearchFileItem' {
-  import type { ClientFileMessage } from 'SendbirdUIKitGlobal';
-
-  interface MessageSearchFileItemProps {
-    className?: string | Array<string>;
-    message: ClientFileMessage;
-    selected?: boolean;
-    onClick?: (message: ClientFileMessage) => void;
-  }
-  const MessageSearchFileItem: React.FC<MessageSearchFileItemProps>;
-  export default MessageSearchFileItem;
-
-}
-
-declare module '@sendbird/uikit-react/ui/MessageSearchItem' {
-  import type { ClientUserMessage, ClientMessage } from 'SendbirdUIKitGlobal';
-
-  interface MessageSearchItemProps {
-    className?: string | Array<string>;
-    message: ClientUserMessage;
-    selected?: boolean;
-    onClick?: (message: ClientMessage) => void;
-  }
-  const MessageSearchItem: React.FC<MessageSearchItemProps>;
-  export default MessageSearchItem;
-
-}
-
-declare module '@sendbird/uikit-react/ui/MessageStatus' {
-  import type { SendableMessageType } from 'SendbirdUIKitGlobal';
-  import type { GroupChannel } from '@sendbird/chat/groupChannel';
-
-  interface MessageStatusProps {
-    className?: string;
-    message: SendableMessageType;
-    channel: GroupChannel;
-    isDateSeparatorConsidered?: boolean;
-  }
-  const MessageStatus: React.FC<MessageStatusProps>;
-  export default MessageStatus;
-
-}
-
-declare module '@sendbird/uikit-react/ui/Modal' {
-  import type { ModalProps } from 'SendbirdUIKitGlobal';
-  const Modal: React.FC<ModalProps>;
-  export default Modal;
-}
-
-declare module '@sendbird/uikit-react/ui/OGMessageItemBody' {
-  import type { UserMessage } from '@sendbird/chat/message';
-  interface OGMessageItemBodyProps {
-    className?: string | Array<string>;
-    message: UserMessage;
-    isByMe?: boolean;
-    mouseHover?: boolean;
-    isMentionEnabled?: boolean;
-    isReactionEnabled?: boolean;
-  }
-  const OGMessageItemBody: React.FC<OGMessageItemBodyProps>;
-  export default OGMessageItemBody;
-}
-
-declare module '@sendbird/uikit-react/ui/OpenChannelAdminMessage' {
-  import type { AdminMessage } from '@sendbird/chat/message';
-  interface OpenChannelAdminMessageProps {
-    className?: string | Array<string>;
-    message: AdminMessage;
-  }
-  const OpenChannelAdminMessage: React.FC<OpenChannelAdminMessageProps>;
-  export default OpenChannelAdminMessage;
-}
-
-declare module '@sendbird/uikit-react/ui/OpenChannelConversationHeader' {
-  interface OpenChannelConversationHeaderProps {
-    coverImage?: string;
-    title?: string;
-    subTitle?: string;
-    amIOperator?: boolean;
-    onActionClick?(): void;
-  }
-  const OpenChannelConversationHeader: React.FC<OpenChannelConversationHeaderProps>;
-  export default OpenChannelConversationHeader;
-}
-
-declare module '@sendbird/uikit-react/ui/OpenChannelFileMessage' {
-  import type { ClientFileMessage } from 'SendbirdUIKitGlobal';
-  interface OpenChannelFileMessageProps {
-    className?: string | Array<string>;
-    message: ClientFileMessage;
-    isOperator?: boolean;
-    isEphemeral?: boolean;
-    userId: string;
-    disabled?: boolean;
-    chainTop?: boolean;
-    chainBottom?: boolean;
-    showRemove(bool: boolean): void;
-    resendMessage(message: ClientFileMessage): void;
-  }
-  const OpenChannelFileMessage: React.FC<OpenChannelFileMessageProps>;
-  export default OpenChannelFileMessage;
-}
-
-declare module '@sendbird/uikit-react/ui/OpenChannelOGMessage' {
-  import type { ClientUserMessage } from 'SendbirdUIKitGlobal';
-  interface OpenChannelOGMessageProps {
-    message: ClientUserMessage;
-    isOperator?: boolean;
-    isEphemeral?: boolean;
-    className?: string | Array<string>;
-    disabled?: boolean;
-    showEdit(bool: boolean): void;
-    showRemove(bool: boolean): void;
-    resendMessage(message: ClientUserMessage): void;
-    chainTop?: boolean;
-    chainBottom?: boolean;
-    userId: string;
-  }
-  const OpenChannelOGMessage: React.FC<OpenChannelOGMessageProps>;
-  export default OpenChannelOGMessage;
-}
-
-declare module '@sendbird/uikit-react/ui/OpenChannelThumbnailMessage' {
-  import type { ClientFileMessage } from 'SendbirdUIKitGlobal';
-  interface OpenChannelThumbnailMessageProps {
-    className?: string | Array<string>;
-    message: ClientFileMessage;
-    isOperator?: boolean;
-    isEphemeral?: boolean;
-    disabled: boolean;
-    userId: string;
-    chainTop: boolean;
-    chainBottom: boolean;
-    onClick(bool: boolean): void,
-    showRemove(bool: boolean): void,
-    resendMessage(message: ClientFileMessage): void;
-  }
-  const OpenChannelThumbnailMessage: React.FC<OpenChannelThumbnailMessageProps>;
-  export default OpenChannelThumbnailMessage;
-}
-
-declare module '@sendbird/uikit-react/ui/OpenChannelUserMessage' {
-  import type { ClientUserMessage } from 'SendbirdUIKitGlobal';
-  interface OpenChannelUserMessageProps {
-    className?: string | Array<string>;
-    message: ClientUserMessage;
-    isOperator?: boolean;
-    isEphemeral?: boolean;
-    userId: string;
-    disabled?: boolean;
-    showEdit(bool: boolean): void;
-    showRemove(bool: boolean): void;
-    resendMessage(message: ClientUserMessage): void;
-    chainTop?: boolean;
-    chainBottom?: boolean;
-  }
-  const OpenChannelUserMessage: React.FC<OpenChannelUserMessageProps>;
-  export default OpenChannelUserMessage;
-}
-
-declare module '@sendbird/uikit-react/ui/PlaceHolder' {
-  interface PlaceHolderProps {
-    className?: string | Array<string>;
-    type?: 'LOADING' | 'NO_CHANNELS' | 'NO_MESSAGES' | 'WRONG' | 'SEARCH_IN' | 'SEARCHING' | 'NO_RESULT',
-    iconSize?: string | number;
-    searchInString?: string;
-    retryToConnect?: () => void;
-  }
-  const PlaceHolder: React.FC<PlaceHolderProps>;
-  export default PlaceHolder;
-}
-
-declare module '@sendbird/uikit-react/ui/QuoteMessage' {
-  import type { SendableMessageType } from 'SendbirdUIKitGlobal';
-  interface QuoteMessageProps {
-    message?: SendableMessageType;
-    userId?: string;
-    isByMe?: boolean;
-    className?: string | Array<string>;
-    onClick?: () => void;
-  }
-  const QuoteMessage: React.FC<QuoteMessageProps>;
-  export default QuoteMessage;
-}
-
-declare module '@sendbird/uikit-react/ui/QuoteMessageInput' {
-  import type { CoreMessageType } from 'SendbirdUIKitGlobal';
-  interface QuoteMessageInputProps {
-    className?: string | Array<string>;
-    replyingMessage: CoreMessageType;
-    onClose?: (message: CoreMessageType) => void;
-  }
-  const QuoteMessageInput: React.FC<QuoteMessageInputProps>;
-  export default QuoteMessageInput;
-}
-
-declare module '@sendbird/uikit-react/ui/ReactionBadge' {
-  interface ReactionBadgeProps {
-    className?: string | Array<string>;
-    children?: React.ReactElement;
-    count?: boolean,
-    selected?: boolean,
-    isAdd?: boolean,
-    onClick?: () => void,
-  }
-  const ReactionBadge: React.FC<ReactionBadgeProps>;
-  export default ReactionBadge;
-}
-
-declare module '@sendbird/uikit-react/ui/ReactionButton' {
-  interface ReactionButtonProps {
-    className?: string | Array<string>;
-    width?: number,
-    height?: number,
-    selected: boolean,
-    onClick?: () => void,
-    children?: React.ReactElement;
-  }
-  const ReactionButton: React.FC<ReactionButtonProps>;
-  export default ReactionButton;
-}
-
-declare module '@sendbird/uikit-react/ui/SortByRow' {
-  interface SortByRowProps {
-    maxItemCount?: number,
-    itemWidth?: number,
-    itemHeight?: number,
-    children?: React.ReactElement;
-    className?: string | Array<string>;
-  }
-  const SortByRow: React.FC<SortByRowProps>;
-  export default SortByRow;
-}
-
-declare module '@sendbird/uikit-react/ui/TextButton' {
-  enum Colors {
-    ONBACKGROUND_1 = 'ONBACKGROUND_1',
-    ONBACKGROUND_2 = 'ONBACKGROUND_2',
-    ONBACKGROUND_3 = 'ONBACKGROUND_3',
-    ONBACKGROUND_4 = 'ONBACKGROUND_4',
-    ONCONTENT_1 = 'ONCONTENT_1',
-    PRIMARY = 'PRIMARY',
-    ERROR = 'ERROR',
-  }
-  interface TextButtonProps {
-    children: React.ReactElement;
-    className?: string | Array<string>;
-    color?: Colors;
-    disabled?: boolean;
-    disableUnderline?: boolean;
-    onClick?: (e: (React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>)) => void;
-  }
-  const TextButton: React.FC<TextButtonProps>;
-  export default TextButton;
-}
-
-declare module '@sendbird/uikit-react/ui/TextMessageItemBody' {
-  import type { UserMessage } from '@sendbird/chat/message';
-  interface TextMessageItemBodyProps {
-    className?: string | Array<string>;
-    message: UserMessage;
-    isByMe?: boolean;
-    mouseHover?: boolean;
-    isMentionEnabled?: boolean;
-    isReactionEnabled?: boolean;
-  }
-  const TextMessageItemBody: React.FC<TextMessageItemBodyProps>;
-  export default TextMessageItemBody;
-}
-
-declare module '@sendbird/uikit-react/ui/ThreadReplies' {
-  import type { ThreadInfo } from '@sendbird/chat/message';
-  interface ThreadRepliesProps {
-    className?: string;
-    threadInfo: ThreadInfo;
-    onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
-  }
-  const ThreadReplies: React.FC<ThreadRepliesProps>;
-  export default ThreadReplies;
-}
-
-declare module '@sendbird/uikit-react/ui/ThumbnailMessageItemBody' {
-  import type { FileMessage } from '@sendbird/chat/message';
-  interface ThumbnailMessageItemBodyProps {
-    className?: string | Array<string>;
-    message: FileMessage;
-    isByMe?: boolean;
-    mouseHover?: boolean;
-    isReactionEnabled?: boolean;
-    showFileViewer?: (bool: boolean) => void;
-    style?: Record<string, any>;
-  }
-  const ThumbnailMessageItemBody: React.FC<ThumbnailMessageItemBodyProps>;
-  export default ThumbnailMessageItemBody;
-}
-
-declare module '@sendbird/uikit-react/ui/Toggle' {
-  export interface ToggleContextInterface {
-    checked?: boolean | null;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    onFocus?: React.ChangeEventHandler<HTMLInputElement>;
-    onBlur?: React.ChangeEventHandler<HTMLInputElement>;
-  }
-  export interface ToggleContainerProps extends ToggleContextInterface {
-    children?: React.ReactElement;
-  }
-  export interface ToggleUIProps {
-    reversed?: boolean;
-    width?: string;
-    animationDuration?: string;
-    style?: Record<string, string>;
-    name?: string;
-    id?: string;
-    ariaLabel?: string;
-    ariaLabelledby?: string;
-  }
-  export interface ToggleProps extends ToggleContainerProps, ToggleUIProps {
-    className?: string;
-  }
-  export const Toggle: React.FC<ToggleProps>;
-  export const ToggleContainer: React.FC<ToggleContainerProps>;
-  export const ToggleUI: React.FC<ToggleUIProps>;
-  export function useToggleContext(): ToggleContextInterface;
-}
-
-declare module '@sendbird/uikit-react/ui/Tooltip' {
-  interface TooltipProps {
-    children?: React.ReactElement;
-    className?: string | Array<string>;
-  }
-  const Tooltip: React.FC<TooltipProps>;
-  export default Tooltip;
-}
-
-declare module '@sendbird/uikit-react/ui/TooltipWrapper' {
-  interface OpenChannelFileMessageProps {
-    hoverTooltip?: React.ReactElement;
-    children?: React.ReactElement;
-    className?: string | Array<string>;
-  }
-  const OpenChannelFileMessage: React.FC<OpenChannelFileMessageProps>;
-  export default OpenChannelFileMessage;
-}
-
-declare module '@sendbird/uikit-react/ui/UnknownMessageItemBody' {
-  import type { CoreMessageType } from 'SendbirdUIKitGlobal';
-  interface UnknownMessageItemBodyProps {
-    className?: string | Array<string>;
-    isByMe?: boolean;
-    message: CoreMessageType;
-    mouseHover?: boolean;
-    isReactionEnabled?: boolean;
-  }
-  const UnknownMessageItemBody: React.FC<UnknownMessageItemBodyProps>;
-  export default UnknownMessageItemBody;
-}
-
-declare module '@sendbird/uikit-react/ui/UserListItem' {
-  import type { User } from '@sendbird/chat';
-  interface UserListItemProps {
-    className?: string | Array<string>;
-    user?: User,
-    checkBox?: boolean,
-    disableMessaging?: boolean,
-    currentUser?: string,
-    checked?: boolean,
-    onChange?: () => void,
-    action?: () => React.ReactElement,
-  }
-  const UserListItem: React.FC<UserListItemProps>;
-  export default UserListItem;
-}
-
-declare module '@sendbird/uikit-react/ui/UserProfile' {
-  import type { User } from '@sendbird/chat';
-  import type { SendbirdGroupChat, GroupChannelCreateParams, GroupChannel } from '@sendbird/chat/groupChannel';
-  import type { SendbirdOpenChat } from '@sendbird/chat/openChannel';
-  import type { Logger } from 'SendbirdUIKitGlobal';
-  interface UserProfileProps {
-    user: User;
-    currentUserId?: string;
-    sdk?: SendbirdGroupChat | SendbirdOpenChat;
-    logger?: Logger;
-    disableMessaging?: boolean;
-    createChannel?(params: GroupChannelCreateParams): Promise<GroupChannel>;
-    onSuccess?(): void;
-  }
-  const UserProfile: React.FC<UserProfileProps>;
-  export default UserProfile;
-}