@sendbird/uikit-react 3.10.0 → 3.10.2-alpha.0

package/types/modules/GroupChannel/components/FileViewer/FileViewerView.d.ts

@@ -0,0 +1,22 @@
+import './index.scss';
+import React from 'react';
+import { FileViewerProps } from '.';
+import type { CoreMessageType, SendableMessageType } from '../../../../utils';
+type DeleteMessageTypeLegacy = (message: CoreMessageType) => Promise<void>;
+export interface FileViewerViewProps extends FileViewerProps {
+    deleteMessage: ((message: SendableMessageType) => Promise<void>) | DeleteMessageTypeLegacy;
+}
+export declare const FileViewerView: ({ message, onCancel, deleteMessage, }: FileViewerViewProps) => React.ReactPortal;
+export interface FileViewerUIProps {
+    profileUrl: string;
+    nickname: string;
+    name: string;
+    type: string;
+    url: string;
+    isByMe: boolean;
+    onCancel: () => void;
+    onDelete: () => void;
+    disableDelete: boolean;
+}
+export declare const FileViewerComponent: ({ profileUrl, nickname, name, type, url, isByMe, onCancel, onDelete, disableDelete, }: FileViewerUIProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { FileMessage } from '@sendbird/chat/message';
+export interface FileViewerProps {
+    onCancel: () => void;
+    message: FileMessage;
+}
+export declare const FileViewer: (props: FileViewerProps) => React.JSX.Element;
+export default FileViewer;

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

@@ -0,0 +1,7 @@
+import './index.scss';
+import React from 'react';
+export interface FrozenNotificationProps {
+    className?: string;
+}
+export declare const FrozenNotification: ({ className, }: FrozenNotificationProps) => React.ReactElement;
+export default FrozenNotification;

package/types/modules/GroupChannel/components/GroupChannelHeader/GroupChannelHeaderView.d.ts

@@ -0,0 +1,13 @@
+import './index.scss';
+import React from 'react';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+export interface GroupChannelHeaderViewProps {
+    className?: string;
+    currentChannel: GroupChannel;
+    showSearchIcon?: boolean;
+    onBackClick?: () => void;
+    onSearchClick?: () => void;
+    onChatHeaderActionClick?(event: React.MouseEvent<HTMLElement>): void;
+}
+export declare const GroupChannelHeaderView: ({ className, currentChannel, showSearchIcon, onBackClick, onSearchClick, onChatHeaderActionClick, }: GroupChannelHeaderViewProps) => React.JSX.Element;
+export default GroupChannelHeaderView;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface GroupChannelHeaderProps {
+    className?: string;
+}
+export declare const GroupChannelHeader: ({ className }: GroupChannelHeaderProps) => React.JSX.Element;
+export default GroupChannelHeader;

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

@@ -0,0 +1,10 @@
+import './index.scss';
+import React from 'react';
+import type { GroupChannelUIProps } from '.';
+import { type GroupChannelHeaderProps } from '../GroupChannelHeader';
+export interface GroupChannelUIViewProps extends GroupChannelUIProps, GroupChannelHeaderProps {
+    requestedChannelUrl: string;
+    loading: boolean;
+    isInvalid: boolean;
+}
+export declare const GroupChannelUIView: (props: GroupChannelUIViewProps) => React.JSX.Element;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { GroupChannelHeaderProps } from '../GroupChannelHeader';
+import type { MessageListProps } from '../../../Channel/components/MessageList';
+import type { GroupChannelMessageListProps } from '../MessageList';
+import { RenderCustomSeparatorProps, RenderMessageParamsType } from '../../../../types';
+import type { MessageContentProps } from '../../../../ui/MessageContent';
+export interface GroupChannelUIProps {
+    renderPlaceholderLoader?: () => React.ReactElement;
+    renderPlaceholderInvalid?: () => React.ReactElement;
+    renderPlaceholderEmpty?: () => React.ReactElement;
+    renderChannelHeader?: (props: GroupChannelHeaderProps) => React.ReactElement;
+    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
+    renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
+    renderMessageList?: (props: MessageListProps | GroupChannelMessageListProps) => React.ReactElement;
+    renderMessageInput?: () => React.ReactElement;
+    renderFileUploadIcon?: () => React.ReactElement;
+    renderVoiceMessageIcon?: () => React.ReactElement;
+    renderSendMessageIcon?: () => React.ReactElement;
+    renderTypingIndicator?: () => React.ReactElement;
+    renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
+    renderFrozenNotification?: () => React.ReactElement;
+}
+export declare const GroupChannelUI: (props: GroupChannelUIProps) => React.JSX.Element;
+export default GroupChannelUI;

package/types/modules/GroupChannel/components/Message/MessageView.d.ts

@@ -0,0 +1,64 @@
+import type { EveryMessage, RenderCustomSeparatorProps, RenderMessageParamsType, ReplyType } from '../../../../types';
+import React from 'react';
+import { EmojiContainer, User } from '@sendbird/chat';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import type { FileMessage, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
+import { ThreadReplySelectType } from '../../context/const';
+import { CoreMessageType, SendableMessageType } from '../../../../utils';
+import { MessageContentProps } from '../../../../ui/MessageContent';
+export interface MessageProps {
+    message: EveryMessage;
+    hasSeparator?: boolean;
+    chainTop?: boolean;
+    chainBottom?: boolean;
+    handleScroll?: (isBottomMessageAffected?: boolean) => void;
+    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
+    renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
+    renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
+    renderEditInput?: () => React.ReactElement;
+}
+export interface MessageViewProps extends MessageProps {
+    channel: GroupChannel;
+    emojiContainer: EmojiContainer;
+    editInputDisabled: boolean;
+    shouldRenderSuggestedReplies: boolean;
+    isReactionEnabled: boolean;
+    replyType: ReplyType;
+    threadReplySelectType: ThreadReplySelectType;
+    nicknamesMap: Map<string, string>;
+    renderUserMentionItem: (props: {
+        user: User;
+    }) => React.ReactElement;
+    scrollToMessage: (createdAt: number, messageId: number) => void;
+    toggleReaction: (message: SendableMessageType, emojiKey: string, isReacted: boolean) => void;
+    setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType>>;
+    onQuoteMessageClick: (params: {
+        message: SendableMessageType;
+    }) => void;
+    onReplyInThreadClick: (params: {
+        message: SendableMessageType;
+    }) => void;
+    sendUserMessage: (params: UserMessageCreateParams) => void;
+    updateUserMessage: (messageId: number, params: UserMessageUpdateParams) => void;
+    resendMessage: (failedMessage: SendableMessageType) => void;
+    deleteMessage: (message: CoreMessageType) => Promise<void>;
+    renderFileViewer: (props: {
+        message: FileMessage;
+        onCancel: () => void;
+    }) => React.ReactElement;
+    renderRemoveMessageModal?: (props: {
+        message: EveryMessage;
+        onCancel: () => void;
+    }) => React.ReactElement;
+    animatedMessageId: number;
+    setAnimatedMessageId: React.Dispatch<React.SetStateAction<number>>;
+    onMessageAnimated?: () => void;
+    /** @deprecated * */
+    highLightedMessageId?: number;
+    /** @deprecated * */
+    setHighLightedMessageId?: React.Dispatch<React.SetStateAction<number>>;
+    /** @deprecated * */
+    onMessageHighlighted?: () => void;
+}
+declare const MessageView: (props: MessageViewProps) => React.JSX.Element;
+export default MessageView;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MessageProps } from './MessageView';
+export declare const Message: (props: MessageProps) => React.ReactElement;
+export default Message;

package/types/modules/GroupChannel/components/MessageInputWrapper/MessageInputWrapperView.d.ts

@@ -0,0 +1,30 @@
+import './index.scss';
+import React from 'react';
+import type { User } from '@sendbird/chat';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+import type { FileMessage, FileMessageCreateParams, MultipleFilesMessage, MultipleFilesMessageCreateParams, UserMessage, UserMessageCreateParams } from '@sendbird/chat/message';
+import { SendableMessageType } from '../../../../utils';
+export interface MessageInputWrapperViewProps {
+    value?: string;
+    disabled?: boolean;
+    currentChannel: GroupChannel | null;
+    isMultipleFilesMessageEnabled?: boolean;
+    loading: boolean;
+    quoteMessage: SendableMessageType | null;
+    setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType | null>>;
+    messageInputRef: React.MutableRefObject<HTMLDivElement>;
+    sendUserMessage: (params: UserMessageCreateParams) => Promise<UserMessage> | void;
+    sendFileMessage: (params: FileMessageCreateParams) => Promise<FileMessage>;
+    sendVoiceMessage: (params: FileMessageCreateParams, duration: number) => Promise<FileMessage>;
+    sendMultipleFilesMessage: (params: MultipleFilesMessageCreateParams) => Promise<MultipleFilesMessage>;
+    renderUserMentionItem?: (props: {
+        user: User;
+    }) => React.ReactElement;
+    renderFileUploadIcon?: () => React.ReactElement;
+    renderVoiceMessageIcon?: () => React.ReactElement;
+    renderSendMessageIcon?: () => React.ReactElement;
+    acceptableMimeTypes?: string[];
+}
+export declare const MessageInputWrapperView: React.ForwardRefExoticComponent<MessageInputWrapperViewProps & React.RefAttributes<any>>;
+export { VoiceMessageInputWrapper, VoiceMessageInputWrapperProps } from './VoiceMessageInputWrapper';
+export default MessageInputWrapperView;

package/types/modules/{Channel/components/MessageInput → GroupChannel/components/MessageInputWrapper}/index.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
-import './message-input.scss';
-export type MessageInputWrapperProps = {
+export interface MessageInputWrapperProps {
     value?: string;
     disabled?: boolean;
     renderFileUploadIcon?: () => React.ReactElement;
     renderVoiceMessageIcon?: () => React.ReactElement;
     renderSendMessageIcon?: () => React.ReactElement;
-};
+}
+export declare const MessageInputWrapper: (props: MessageInputWrapperProps) => React.JSX.Element;
 export { VoiceMessageInputWrapper, VoiceMessageInputWrapperProps, } from './VoiceMessageInputWrapper';
-declare const _default: React.ForwardRefExoticComponent<MessageInputWrapperProps & React.RefAttributes<any>>;
-export default _default;
+export default MessageInputWrapper;

package/types/modules/GroupChannel/components/MessageInputWrapper/useHandleUploadFiles.d.ts

@@ -0,0 +1,18 @@
+import { Logger } from '../../../../lib/SendbirdState';
+import { SendableMessageType } from '../../../../utils';
+import { FileMessage, MultipleFilesMessage, MultipleFilesMessageCreateParams } from '@sendbird/chat/message';
+import { FileMessageCreateParams } from '@sendbird/chat/lib/__definition';
+/**
+ * The handleUploadFiles is a function sending a FileMessage and MultipleFilesMessage
+ * by the received FileList from the ChangeEvent of MessageInput component.
+ */
+interface useHandleUploadFilesDynamicProps {
+    sendFileMessage: (params: FileMessageCreateParams) => Promise<FileMessage>;
+    sendMultipleFilesMessage: (params: MultipleFilesMessageCreateParams) => Promise<MultipleFilesMessage>;
+    quoteMessage?: SendableMessageType;
+}
+interface useHandleUploadFilesStaticProps {
+    logger: Logger;
+}
+export declare const useHandleUploadFiles: ({ sendFileMessage, sendMultipleFilesMessage, quoteMessage }: useHandleUploadFilesDynamicProps, { logger }: useHandleUploadFilesStaticProps) => (files: File[]) => Promise<void | FileMessage | MultipleFilesMessage>;
+export {};

package/types/modules/GroupChannel/components/MessageList/hooks/useScrollBehavior.d.ts

@@ -0,0 +1 @@
+export declare function useScrollBehavior(): any;

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

@@ -0,0 +1,15 @@
+import './index.scss';
+import React from 'react';
+import { RenderCustomSeparatorProps, RenderMessageParamsType } from '../../../../types';
+import type { MessageContentProps } from '../../../../ui/MessageContent';
+export interface GroupChannelMessageListProps {
+    className?: string;
+    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
+    renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
+    renderPlaceholderEmpty?: () => React.ReactElement;
+    renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
+    renderPlaceholderLoader?: () => React.ReactElement;
+    renderFrozenNotification?: () => React.ReactElement;
+}
+export declare const MessageList: ({ className, renderMessage, renderPlaceholderEmpty, renderCustomSeparator, renderPlaceholderLoader, renderFrozenNotification, }: GroupChannelMessageListProps) => React.JSX.Element;
+export default MessageList;

package/types/modules/GroupChannel/components/RemoveMessageModal/RemoveMessageModalView.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { EveryMessage } from '../../../../types';
+import { SendableMessageType } from '../../../../utils';
+export interface RemoveMessageModalProps {
+    onSubmit?: () => void;
+    onCancel: () => void;
+    message: EveryMessage;
+}
+export interface RemoveMessageModalViewProps extends RemoveMessageModalProps {
+    deleteMessage: (message: SendableMessageType) => Promise<void>;
+}
+export declare const RemoveMessageModalView: (props: RemoveMessageModalViewProps) => React.JSX.Element;
+export default RemoveMessageModalView;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RemoveMessageModalProps } from './RemoveMessageModalView';
+export declare const RemoveMessageModal: (props: RemoveMessageModalProps) => React.JSX.Element;
+export default RemoveMessageModal;

package/types/modules/GroupChannel/components/SuggestedMentionList/SuggestedMentionListView.d.ts

@@ -0,0 +1,22 @@
+import './index.scss';
+import React from 'react';
+import type { User } from '@sendbird/chat';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+export interface SuggestedMentionListViewProps {
+    className?: string;
+    currentChannel: GroupChannel;
+    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 declare const SuggestedMentionListView: (props: SuggestedMentionListViewProps) => React.JSX.Element;
+export default SuggestedMentionListView;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SuggestedMentionListViewProps } from './SuggestedMentionListView';
+export type SuggestedMentionListProps = SuggestedMentionListViewProps;
+export declare const SuggestedMentionList: (props: SuggestedMentionListProps) => React.JSX.Element;
+export default SuggestedMentionList;

package/types/modules/GroupChannel/components/TypingIndicator.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Member } from '@sendbird/chat/groupChannel';
+export interface TypingIndicatorTextProps {
+    members: Member[];
+}
+export declare const TypingIndicatorText: ({ members }: TypingIndicatorTextProps) => React.JSX.Element;
+export interface TypingIndicatorProps {
+    channelUrl: string;
+}
+export declare const TypingIndicator: ({ channelUrl }: TypingIndicatorProps) => React.JSX.Element;
+export default TypingIndicator;

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

@@ -0,0 +1,12 @@
+import './index.scss';
+import React from 'react';
+export interface UnreadCountProps {
+    className?: string;
+    count: number | undefined;
+    onClick(): void;
+    lastReadAt?: Date | null;
+    /** @deprecated Please use `lastReadAt` instead * */
+    time?: string;
+}
+export declare const UnreadCount: React.FC<UnreadCountProps>;
+export default UnreadCount;

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

@@ -0,0 +1,74 @@
+import React from 'react';
+import type { User } from '@sendbird/chat';
+import { FileMessageCreateParams, MultipleFilesMessageCreateParams, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
+import type { GroupChannel, MessageCollectionParams, MessageFilterParams } from '@sendbird/chat/groupChannel';
+import { useGroupChannelMessages } from '@sendbird/uikit-tools';
+import type { SendableMessageType } from '../../../utils';
+import { UserProfileProviderProps } from '../../../lib/UserProfileContext';
+import { ThreadReplySelectType } from './const';
+import { RenderUserProfileProps, ReplyType } from '../../../types';
+import { ScrollTopics, ScrollTopicUnion } from './hooks/useMessageListScroll';
+import { PubSubTypes } from '../../../lib/pubSub';
+import { useMessageActions } from './hooks/useMessageActions';
+type OnBeforeHandler<T> = (params: T) => T | Promise<T>;
+type MessageListQueryParamsType = Omit<MessageCollectionParams, 'filter'> & MessageFilterParams;
+type MessageActions = ReturnType<typeof useMessageActions>;
+type MessageListDataSourceWithoutActions = Omit<ReturnType<typeof useGroupChannelMessages>, keyof MessageActions>;
+interface ContextBaseType {
+    channelUrl: string;
+    isReactionEnabled?: boolean;
+    isMessageGroupingEnabled?: boolean;
+    isMultipleFilesMessageEnabled?: boolean;
+    showSearchIcon?: boolean;
+    replyType?: ReplyType;
+    threadReplySelectType?: ThreadReplySelectType;
+    disableUserProfile?: boolean;
+    disableMarkAsRead?: boolean;
+    scrollBehavior?: 'smooth' | 'auto';
+    startingPoint?: number;
+    animatedMessageId?: number | null;
+    onMessageAnimated?: () => void;
+    messageListQueryParams?: MessageListQueryParamsType;
+    onBeforeSendUserMessage?: OnBeforeHandler<UserMessageCreateParams>;
+    onBeforeSendFileMessage?: OnBeforeHandler<FileMessageCreateParams>;
+    onBeforeSendVoiceMessage?: OnBeforeHandler<FileMessageCreateParams>;
+    onBeforeSendMultipleFilesMessage?: OnBeforeHandler<MultipleFilesMessageCreateParams>;
+    onBeforeUpdateUserMessage?: OnBeforeHandler<UserMessageUpdateParams>;
+    onBackClick?(): void;
+    onChatHeaderActionClick?(event: React.MouseEvent<HTMLElement>): void;
+    onReplyInThreadClick?: (props: {
+        message: SendableMessageType;
+    }) => void;
+    onSearchClick?(): void;
+    onQuoteMessageClick?: (props: {
+        message: SendableMessageType;
+    }) => void;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
+    renderUserMentionItem?: (props: {
+        user: User;
+    }) => JSX.Element;
+}
+export interface GroupChannelContextType extends ContextBaseType, MessageListDataSourceWithoutActions, MessageActions {
+    currentChannel: GroupChannel | null;
+    nicknamesMap: Map<string, string>;
+    scrollRef: React.MutableRefObject<HTMLDivElement>;
+    scrollDistanceFromBottomRef: React.MutableRefObject<number>;
+    scrollPubSub: PubSubTypes<ScrollTopics, ScrollTopicUnion>;
+    messageInputRef: React.MutableRefObject<HTMLDivElement>;
+    quoteMessage: SendableMessageType | null;
+    setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType | null>>;
+    animatedMessageId: number;
+    setAnimatedMessageId: React.Dispatch<React.SetStateAction<number>>;
+    isScrollBottomReached: boolean;
+    setIsScrollBottomReached: React.Dispatch<React.SetStateAction<boolean>>;
+    scrollToBottom: () => void;
+    scrollToMessage: (createdAt: number, messageId: number) => void;
+    toggleReaction(message: SendableMessageType, emojiKey: string, isReacted: boolean): void;
+}
+export interface GroupChannelProviderProps extends ContextBaseType, Pick<UserProfileProviderProps, 'onUserProfileMessage' | 'renderUserProfile' | 'disableUserProfile'> {
+    children?: React.ReactNode;
+}
+export declare const GroupChannelContext: React.Context<GroupChannelContextType>;
+export declare const GroupChannelProvider: (props: GroupChannelProviderProps) => React.JSX.Element;
+export declare const useGroupChannelContext: () => GroupChannelContextType;
+export {};

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

@@ -0,0 +1,7 @@
+export declare const MAX_USER_MENTION_COUNT = 10;
+export declare const MAX_USER_SUGGESTION_COUNT = 15;
+export declare const USER_MENTION_TEMP_CHAR = "@";
+export declare enum ThreadReplySelectType {
+    PARENT = "PARENT",
+    THREAD = "THREAD"
+}

package/types/modules/GroupChannel/context/hooks/useMessageActions.d.ts

@@ -0,0 +1,23 @@
+import { useGroupChannelMessages } from '@sendbird/uikit-tools';
+import type { FileMessage, FileMessageCreateParams, MultipleFilesMessage, MultipleFilesMessageCreateParams, UserMessage, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
+import type { SendableMessageType } from '../../../../utils';
+import type { ReplyType } from '../../../../types';
+import type { GroupChannelProviderProps } from '../GroupChannelProvider';
+type MessageListDataSource = ReturnType<typeof useGroupChannelMessages>;
+type MessageActions = {
+    sendUserMessage: (params: UserMessageCreateParams) => Promise<UserMessage>;
+    sendFileMessage: (params: FileMessageCreateParams) => Promise<FileMessage>;
+    sendVoiceMessage: (params: FileMessageCreateParams, duration: number) => Promise<FileMessage>;
+    sendMultipleFilesMessage: (params: MultipleFilesMessageCreateParams) => Promise<MultipleFilesMessage>;
+    updateUserMessage: (messageId: number, params: UserMessageUpdateParams) => Promise<UserMessage>;
+};
+interface Params extends GroupChannelProviderProps, MessageListDataSource {
+    scrollToBottom(): Promise<void>;
+    quoteMessage?: SendableMessageType;
+    replyType: ReplyType;
+}
+/**
+ * @description This hook controls common processes related to message sending, updating.
+ * */
+export declare function useMessageActions(params: Params): MessageActions;
+export {};

package/types/modules/GroupChannel/context/hooks/useMessageListScroll.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+/**
+ * You can pass the resolve function to scrollPubSub, if you want to catch when the scroll is finished.
+ * */
+type PromiseResolver = () => void;
+export type ScrollTopics = 'scrollToBottom' | 'scroll';
+export type ScrollTopicUnion = {
+    topic: 'scrollToBottom';
+    payload: undefined | null | PromiseResolver;
+} | {
+    topic: 'scroll';
+    payload: {
+        top?: number;
+        animated?: boolean;
+        lazy?: boolean;
+        resolve?: PromiseResolver;
+    };
+};
+export declare function useMessageListScroll(): {
+    scrollRef: import("react").MutableRefObject<HTMLDivElement>;
+    scrollPubSub: import("../../../../lib/pubSub").PubSubTypes<ScrollTopics, ScrollTopicUnion>;
+    isScrollBottomReached: boolean;
+    setIsScrollBottomReached: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    scrollDistanceFromBottomRef: import("react").MutableRefObject<number>;
+};
+export {};

package/types/modules/GroupChannel/context/hooks/usePreventDuplicateRequest.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description This hook is designed to prevent scroll flickering caused by duplicate calls of onEndReached and onTopReached.
+ * It controls the loading of messages to ensure a single request for message retrieval.
+ * */
+export declare const usePreventDuplicateRequest: () => {
+    lock(): void;
+    run(callback: any): Promise<void>;
+    release(): void;
+};

package/types/modules/GroupChannel/context/hooks/useToggleReactionCallback.d.ts

@@ -0,0 +1,4 @@
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import { LoggerInterface } from '../../../../lib/Logger';
+import { BaseMessage } from '@sendbird/chat/message';
+export default function useToggleReactionCallback(currentChannel: GroupChannel | null, logger?: LoggerInterface): (message: BaseMessage, key: string, isReacted: boolean) => void;

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

@@ -0,0 +1,8 @@
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+import type { BaseMessage } from '@sendbird/chat/message';
+import type { SendableMessage } from '@sendbird/chat/lib/__definition';
+export declare function getComponentKeyFromMessage(message: BaseMessage | SendableMessage): string;
+export declare function isContextMenuClosed(): boolean;
+export declare function getMessageTopOffset(messageCreatedAt: number): number | null;
+export declare const isDisabledBecauseFrozen: (groupChannel?: GroupChannel) => boolean;
+export declare const isDisabledBecauseMuted: (groupChannel?: GroupChannel) => boolean;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { GroupChannelProviderProps } from './context/GroupChannelProvider';
+import { GroupChannelUIProps } from './components/GroupChannelUI';
+export interface GroupChannelProps extends GroupChannelProviderProps, GroupChannelUIProps {
+}
+export declare const GroupChannel: (props: GroupChannelProps) => React.JSX.Element;
+export default GroupChannel;

package/types/modules/GroupChannelList/components/AddGroupChannel/AddGroupChannelView.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CreateChannelProviderProps } from '../../../CreateChannel/context/CreateChannelProvider';
+type Props = {
+    createChannelVisible: boolean;
+    onChangeCreateChannelVisible: (value: boolean) => void;
+    onBeforeCreateChannel: CreateChannelProviderProps['onBeforeCreateChannel'];
+    onCreateChannelClick: CreateChannelProviderProps['onCreateChannelClick'];
+    onChannelCreated: CreateChannelProviderProps['onChannelCreated'];
+};
+export declare const AddGroupChannelView: ({ createChannelVisible, onChangeCreateChannelVisible, onBeforeCreateChannel, onCreateChannelClick, onChannelCreated, }: Props) => React.JSX.Element;
+export default AddGroupChannelView;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AddGroupChannel: () => React.JSX.Element;
+export default AddGroupChannel;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.scss';
+export interface GroupChannelListHeaderProps {
+    renderTitle?: () => React.ReactElement;
+    renderIconButton?: (props: void) => React.ReactElement;
+    onEdit?: (props: void) => void;
+    allowProfileEdit?: boolean;
+}
+export declare const GroupChannelListHeader: ({ renderTitle, renderIconButton, onEdit, allowProfileEdit, }: GroupChannelListHeaderProps) => React.JSX.Element;
+export default GroupChannelListHeader;

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+export declare const getChannelTitle: (channel?: GroupChannel, currentUserId?: string, stringSet?: import("../../../../ui/Label/stringSet").StringSet) => string;
+export declare const getLastMessageCreatedAt: ({ channel, locale, stringSet }: {
+    channel: any;
+    locale: any;
+    stringSet?: import("../../../../ui/Label/stringSet").StringSet;
+}) => string;
+export declare const getTotalMembers: (channel?: GroupChannel) => number;
+export declare const getLastMessage: (channel?: GroupChannel, stringSet?: import("../../../../ui/Label/stringSet").StringSet) => any;
+export declare const getChannelUnreadMessageCount: (channel?: GroupChannel) => number;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+import { User } from '@sendbird/chat';
+export interface Props {
+    renderHeader?: (props: void) => React.ReactElement;
+    renderPlaceHolderError?: (props: void) => React.ReactElement;
+    renderPlaceHolderLoading?: (props: void) => React.ReactElement;
+    renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;
+    onChangeTheme: (theme: string) => void;
+    onUserProfileUpdated: (user: User) => void;
+    allowProfileEdit: boolean;
+    channels: GroupChannel[];
+    onLoadMore: () => void;
+    initialized: boolean;
+    renderChannel: (props: {
+        item: GroupChannel;
+        index: number;
+    }) => React.ReactElement;
+    renderAddChannel(): React.ReactElement;
+}
+export declare const GroupChannelListUIView: ({ renderHeader, renderPlaceHolderError, renderPlaceHolderLoading, renderPlaceHolderEmptyList, onChangeTheme, onUserProfileUpdated, allowProfileEdit, channels, onLoadMore, initialized, renderChannel, renderAddChannel, }: Props) => React.JSX.Element;

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

@@ -0,0 +1,16 @@
+import './index.scss';
+import React from 'react';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+interface RenderChannelPreviewProps {
+    channel: GroupChannel;
+    onLeaveChannel(channel: GroupChannel, onLeaveChannelCb?: (c: GroupChannel) => void): void;
+}
+export interface GroupChannelListUIProps {
+    renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactElement;
+    renderHeader?: (props: void) => React.ReactElement;
+    renderPlaceHolderError?: (props: void) => React.ReactElement;
+    renderPlaceHolderLoading?: (props: void) => React.ReactElement;
+    renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;
+}
+export declare const GroupChannelListUI: (props: GroupChannelListUIProps) => React.JSX.Element;
+export default GroupChannelListUI;