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

package/types/lib/types.d.ts

@@ -17,6 +17,7 @@ import { UserActionTypes } from './dux/user/actionTypes';
 import { SdkActionTypes } from './dux/sdk/actionTypes';
 import { ReconnectType } from './hooks/useConnect/types';
 import { SBUGlobalPubSub } from './pubSub/topics';
+import { EmojiManager } from './emojiManager';
 export declare const Role: {
     readonly OPERATOR: "operator";
     readonly NONE: "none";
@@ -75,6 +76,8 @@ export interface SendBirdStateConfig {
         enableOgtag: SBUConfig['groupChannel']['channel']['enableOgtag'];
         enableTypingIndicator: SBUConfig['groupChannel']['channel']['enableTypingIndicator'];
         enableDocument: SBUConfig['groupChannel']['channel']['input']['enableDocument'];
+        enableReactions: SBUConfig['groupChannel']['channel']['enableReactions'];
+        replyType: SBUConfig['groupChannel']['channel']['replyType'];
         threadReplySelectType: SBUConfig['groupChannel']['channel']['threadReplySelectType'];
         typingIndicatorTypes: SBUConfig['groupChannel']['channel']['typingIndicatorTypes'];
         enableFeedback: SBUConfig['groupChannel']['channel']['enableFeedback'];
@@ -84,11 +87,12 @@ export interface SendBirdStateConfig {
         enableDocument: SBUConfig['openChannel']['channel']['input']['enableDocument'];
     };
 }
+export type SendbirdChatType = SendbirdChat & ModuleNamespaces<[GroupChannelModule, OpenChannelModule]>;
 export interface SdkStore {
     error: boolean;
     initialized: boolean;
     loading: boolean;
-    sdk: SendbirdChat & ModuleNamespaces<[GroupChannelModule, OpenChannelModule]>;
+    sdk: SendbirdChatType;
 }
 export interface UserStore {
     initialized: boolean;
@@ -108,6 +112,7 @@ export type SendBirdState = {
         reconnect: ReconnectType;
     };
     eventHandlers?: SBUEventHandlers;
+    emojiManager?: EmojiManager;
 };
 type GetSdk = SendbirdChat | undefined;
 type GetConnect = (userId: string, accessToken?: string) => Promise<User>;

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

@@ -44,6 +44,11 @@ interface AppProps {
     isMessageGroupingEnabled?: AppLayoutProps['isMessageGroupingEnabled'];
     disableAutoSelect?: AppLayoutProps['disableAutoSelect'];
     onProfileEditSuccess?: AppLayoutProps['onProfileEditSuccess'];
+    /**
+     * The default value is false.
+     * If this option is enabled, it uses legacy modules (Channel, ChannelList) that are not applied local caching.
+     * */
+    enableLegacyChannelModules?: boolean;
 }
 export default function App(props: AppProps): React.JSX.Element;
 export {};

package/types/modules/App/types.d.ts

@@ -16,6 +16,7 @@ export interface AppLayoutProps {
     disableAutoSelect?: boolean;
     currentChannel?: GroupChannel;
     setCurrentChannel: React.Dispatch<GroupChannel | null>;
+    enableLegacyChannelModules: boolean;
 }
 interface SubLayoutCommonProps {
     highlightedMessage?: number | null;

package/types/modules/Channel/components/ChannelHeader/index.d.ts

@@ -1,7 +1,6 @@
-import './channel-header.scss';
 import React from 'react';
-interface ChannelHeaderProps {
+export interface ChannelHeaderProps {
     className?: string;
 }
-declare const ChannelHeader: React.FC<ChannelHeaderProps>;
+export declare const ChannelHeader: ({ className }: ChannelHeaderProps) => React.JSX.Element;
 export default ChannelHeader;

package/types/modules/Channel/components/ChannelUI/index.d.ts

@@ -1,13 +1,14 @@
-import './channel-ui.scss';
 import React from 'react';
 import type { MessageContentProps } from '../../../../ui/MessageContent';
-import { RenderCustomSeparatorProps, RenderMessageParamsType } from '../../../../types';
+import type { GroupChannelHeaderProps } from '../../../GroupChannel/components/GroupChannelHeader';
+import type { RenderCustomSeparatorProps } from '../../../../types';
+import { RenderMessageParamsType } from '../../../../types';
 export interface ChannelUIProps {
     isLoading?: boolean;
     renderPlaceholderLoader?: () => React.ReactElement;
     renderPlaceholderInvalid?: () => React.ReactElement;
     renderPlaceholderEmpty?: () => React.ReactElement;
-    renderChannelHeader?: () => React.ReactElement;
+    renderChannelHeader?: (props: GroupChannelHeaderProps) => React.ReactElement;
     renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
     renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
     renderMessageInput?: () => React.ReactElement;
@@ -18,5 +19,5 @@ export interface ChannelUIProps {
     renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
     renderFrozenNotification?: () => React.ReactElement;
 }
-declare const ChannelUI: React.FC<ChannelUIProps>;
+declare const ChannelUI: (props: ChannelUIProps) => React.JSX.Element;
 export default ChannelUI;

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

@@ -1,21 +1,8 @@
 import React from 'react';
 import type { FileMessage } from '@sendbird/chat/message';
-import './file-viewer.scss';
-type FileViewerUIProps = {
-    profileUrl: string;
-    nickname: string;
-    name: string;
-    type: string;
-    url: string;
-    isByMe: boolean;
-    onCancel: () => void;
-    onDelete: () => void;
-    disableDelete: boolean;
-};
-export declare const FileViewerComponent: React.FC<FileViewerUIProps>;
-type FileViewerProps = {
+export interface FileViewerProps {
     onCancel: () => void;
     message: FileMessage;
-};
-declare const FileViewer: React.FC<FileViewerProps>;
+}
+export declare const FileViewer: (props: FileViewerProps) => React.JSX.Element;
 export default FileViewer;

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

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

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

@@ -1,16 +1,4 @@
 import React from 'react';
-import { type MessageContentProps } from '../../../../ui/MessageContent';
-import { EveryMessage, RenderCustomSeparatorProps, RenderMessageParamsType } from '../../../../types';
-export interface MessageUIProps {
-    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;
-}
-declare const Message: (props: MessageUIProps) => React.ReactElement;
+import { MessageProps } from '../../../GroupChannel/components/Message/MessageView';
+declare const Message: (props: MessageProps) => React.ReactElement;
 export default Message;

package/types/modules/Channel/components/MessageInputWrapper/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface MessageInputWrapperProps {
+    value?: string;
+    disabled?: boolean;
+    renderFileUploadIcon?: () => React.ReactElement;
+    renderVoiceMessageIcon?: () => React.ReactElement;
+    renderSendMessageIcon?: () => React.ReactElement;
+    acceptableMimeTypes?: string[];
+}
+export declare const MessageInputWrapper: (props: MessageInputWrapperProps) => React.JSX.Element;
+export default MessageInputWrapper;

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

@@ -1,4 +1,4 @@
-import './message-list.scss';
+import '../../../GroupChannel/components/MessageList/index.scss';
 import React from 'react';
 import type { MessageContentProps } from '../../../../ui/MessageContent';
 import { RenderCustomSeparatorProps, RenderMessageParamsType } from '../../../../types';
@@ -11,5 +11,5 @@ export interface MessageListProps {
     renderPlaceholderLoader?: () => React.ReactElement;
     renderFrozenNotification?: () => React.ReactElement;
 }
-declare const MessageList: React.FC<MessageListProps>;
+export declare const MessageList: ({ className, renderMessage, renderMessageContent, renderPlaceholderEmpty, renderCustomSeparator, renderPlaceholderLoader, renderFrozenNotification, }: MessageListProps) => React.JSX.Element;
 export default MessageList;

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

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

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

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

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

@@ -1,8 +1,2 @@
-import React from 'react';
-import { Member } from '@sendbird/chat/groupChannel';
-export interface TypingIndicatorTextProps {
-    members: Member[];
-}
-export declare const TypingIndicatorText: ({ members }: TypingIndicatorTextProps) => React.JSX.Element;
-declare const TypingIndicator: React.FC;
+import TypingIndicator from '../../GroupChannel/components/TypingIndicator';
 export default TypingIndicator;

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

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

package/types/modules/Channel/context/ChannelProvider.d.ts

@@ -1,14 +1,12 @@
 import React from 'react';
-import type { GroupChannel } from '@sendbird/chat/groupChannel';
-import type { BaseMessage, FileMessage, FileMessageCreateParams, MultipleFilesMessageCreateParams, UserMessage, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
+import type { GroupChannel, Member } from '@sendbird/chat/groupChannel';
+import type { BaseMessage, FileMessage, FileMessageCreateParams, MultipleFilesMessage, MultipleFilesMessageCreateParams, UserMessage, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
 import type { EmojiContainer, SendbirdError, User } from '@sendbird/chat';
 import { ReplyType, RenderUserProfileProps, Nullable } from '../../../types';
 import { CoreMessageType, SendableMessageType } from '../../../utils';
 import { ThreadReplySelectType } from './const';
 import * as channelActions from './dux/actionTypes';
 import { ChannelActionTypes } from './dux/actionTypes';
-import { MultipleFilesMessage } from '@sendbird/chat/message';
-import { Member } from '@sendbird/chat/groupChannel';
 export type MessageListParams = {
     replyType?: string;
     messageType?: string;
@@ -93,7 +91,9 @@ interface UpdateMessageParams {
     mentionedUsers?: User[];
     mentionTemplate?: string;
 }
-interface ChannelProviderInterface extends ChannelContextProps, MessageStoreInterface {
+export type SendMessageType = (params: SendMessageParams) => void;
+export type UpdateMessageType = (props: UpdateMessageParams, callback?: (err: SendbirdError, message: UserMessage) => void) => void;
+export interface ChannelProviderInterface extends ChannelContextProps, MessageStoreInterface {
     scrollToMessage?(createdAt: number, messageId: number): void;
     isScrolled?: boolean;
     setIsScrolled?: React.Dispatch<React.SetStateAction<boolean>>;
@@ -113,12 +113,12 @@ interface ChannelProviderInterface extends ChannelContextProps, MessageStoreInte
     setAnimatedMessageId: React.Dispatch<React.SetStateAction<number>>;
     setHighLightedMessageId: React.Dispatch<React.SetStateAction<number>>;
     messageInputRef: React.MutableRefObject<HTMLInputElement>;
-    deleteMessage(message: CoreMessageType): Promise<CoreMessageType>;
-    updateMessage(props: UpdateMessageParams, callback?: (err: SendbirdError, message: UserMessage) => void): void;
+    deleteMessage(message: CoreMessageType): Promise<void>;
+    updateMessage: UpdateMessageType;
     resendMessage(failedMessage: SendableMessageType): void;
-    sendMessage: (params: SendMessageParams) => void;
+    sendMessage: SendMessageType;
     sendFileMessage: (file: File, quoteMessage?: SendableMessageType) => Promise<FileMessage>;
-    sendVoiceMessage: (file: File, duration: number, quoteMessage?: SendableMessageType) => void;
+    sendVoiceMessage: (file: File, duration: number, quoteMessage?: SendableMessageType) => Promise<FileMessage>;
     sendMultipleFilesMessage: (files: Array<File>, quoteMessage?: SendableMessageType) => Promise<MultipleFilesMessage>;
     toggleReaction(message: SendableMessageType, emojiKey: string, isReacted: boolean): void;
     renderUserMentionItem?: (props: {

package/types/modules/Channel/context/hooks/useDeleteMessageCallback.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import { ChannelActionTypes } from '../dux/actionTypes';
 import { LoggerInterface } from '../../../../lib/Logger';
-import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { CoreMessageType } from '../../../../utils';
 type UseDeleteMessageCallbackOptions = {
     currentGroupChannel: null | GroupChannel;
@@ -10,5 +10,5 @@ type UseDeleteMessageCallbackOptions = {
 type UseDeleteMessageCallbackParams = {
     logger: LoggerInterface;
 };
-declare function useDeleteMessageCallback({ currentGroupChannel, messagesDispatcher }: UseDeleteMessageCallbackOptions, { logger }: UseDeleteMessageCallbackParams): (message: CoreMessageType) => Promise<CoreMessageType>;
+declare function useDeleteMessageCallback({ currentGroupChannel, messagesDispatcher }: UseDeleteMessageCallbackOptions, { logger }: UseDeleteMessageCallbackParams): (message: CoreMessageType) => Promise<void>;
 export default useDeleteMessageCallback;

package/types/modules/Channel/context/hooks/useFileInfoListWithUploaded.d.ts

@@ -0,0 +1,3 @@
+import { CoreMessageType } from '../../../../utils';
+import { UploadedFileInfoWithUpload } from '../../../../types';
+export declare const useFileInfoListWithUploaded: (message: CoreMessageType) => UploadedFileInfoWithUpload[];

package/types/modules/Channel/context/hooks/useHandleReconnectForChannelList.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { GroupChannel, GroupChannelListQuery } from '@sendbird/chat/groupChannel';
+import { Logger } from '../../../../lib/SendbirdState';
+import { SdkStore } from '../../../../lib/types';
+import { ChannelListActionTypes } from '../../../ChannelList/dux/actionTypes';
+import { GroupChannelListQueryParamsInternal } from '../../../ChannelList/context/ChannelListProvider';
+import { MarkAsDeliveredSchedulerType } from '../../../../lib/hooks/useMarkAsDeliveredScheduler';
+interface UseHandleReconnectForChannelListProps {
+    isOnline: boolean;
+    reconnectOnIdle: boolean;
+    logger: Logger;
+    sdk: SdkStore['sdk'];
+    currentGroupChannel: GroupChannel;
+    channelListDispatcher: React.Dispatch<ChannelListActionTypes>;
+    setChannelSource: (query: GroupChannelListQuery) => void;
+    userFilledChannelListQuery: GroupChannelListQueryParamsInternal;
+    sortChannelList: (channels: GroupChannel[]) => GroupChannel[];
+    disableAutoSelect: boolean;
+    markAsDeliveredScheduler: MarkAsDeliveredSchedulerType;
+    disableMarkAsDelivered: boolean;
+}
+declare function useHandleReconnectForChannelList({ isOnline, reconnectOnIdle, logger, sdk, currentGroupChannel, channelListDispatcher, setChannelSource, userFilledChannelListQuery, sortChannelList, disableAutoSelect, markAsDeliveredScheduler, disableMarkAsDelivered, }: UseHandleReconnectForChannelListProps): void;
+export default useHandleReconnectForChannelList;

package/types/modules/Channel/context/hooks/useSendVoiceMessageCallback.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { GroupChannel } from '@sendbird/chat/groupChannel';
-import { FileMessageCreateParams } from '@sendbird/chat/message';
+import type { FileMessage, FileMessageCreateParams } from '@sendbird/chat/message';
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { Logger } from '../../../../lib/SendbirdState';
 import { SBUGlobalPubSub } from '../../../../lib/pubSub/topics';
 import type { SendableMessageType } from '../../../../utils';
@@ -16,6 +16,6 @@ interface StaticParams {
     scrollRef: React.RefObject<HTMLDivElement>;
     messagesDispatcher: React.Dispatch<ChannelActionTypes>;
 }
-type FuncType = (file: File, duration: number, quoteMessage: SendableMessageType) => void;
+type FuncType = (file: File, duration: number, quoteMessage: SendableMessageType) => Promise<FileMessage>;
 export declare const useSendVoiceMessageCallback: ({ currentGroupChannel, onBeforeSendVoiceMessage, }: DynamicParams, { logger, pubSub, scrollRef, messagesDispatcher, }: StaticParams) => Array<FuncType>;
 export default useSendVoiceMessageCallback;

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

@@ -12,7 +12,6 @@ export declare const getAllEmojisMapFromEmojiContainer: (emojiContainer: EmojiCo
 export declare const getNicknamesMapFromMembers: (members?: Member[]) => Map<string, string>;
 export declare const mergeAndSortMessages: (oldMessages: BaseMessage[], newMessages: BaseMessage[]) => BaseMessage[];
 export declare const getMessageCreatedAt: (message: BaseMessage) => string;
-export declare const isSameGroup: (message: SendableMessageType | BaseMessage, comparingMessage: SendableMessageType | BaseMessage, currentChannel: GroupChannel) => boolean;
 export declare const passUnsuccessfullMessages: (allMessages: (CoreMessageType | SendableMessageType)[], newMessage: CoreMessageType | SendableMessageType) => (import("@sendbird/chat/message").AdminMessage | import("@sendbird/chat/message").UserMessage | import("@sendbird/chat/message").FileMessage | import("@sendbird/chat/message").MultipleFilesMessage)[];
 export declare const pxToNumber: (px: string | number) => number;
 export declare const isAboutSame: (a: number, b: number, px: number) => boolean;

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

@@ -3,5 +3,5 @@ import { ChannelContextProps } from './context/ChannelProvider';
 import { ChannelUIProps } from './components/ChannelUI';
 export interface ChannelProps extends ChannelContextProps, ChannelUIProps {
 }
-declare const Channel: React.FC<ChannelProps>;
+declare const Channel: (props: ChannelProps) => React.JSX.Element;
 export default Channel;

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

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

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

@@ -1,11 +1,2 @@
-import React from 'react';
-import './index.scss';
-interface ChannelListHeaderInterface {
-    renderHeader?: (props: void) => React.ReactElement;
-    renderTitle?: () => React.ReactElement;
-    renderIconButton?: (props: void) => React.ReactElement;
-    onEdit?: (props: void) => void;
-    allowProfileEdit?: boolean;
-}
-declare const ChannelListHeader: React.FC<ChannelListHeaderInterface>;
+import ChannelListHeader from '../../../GroupChannelList/components/GroupChannelListHeader';
 export default ChannelListHeader;

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

@@ -1,14 +1,12 @@
 import './channel-list-ui.scss';
 import React from 'react';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
-import type { RenderUserProfileProps } from '../../../../types';
 interface RenderChannelPreviewProps {
     channel: GroupChannel;
-    onLeaveChannel(channel: GroupChannel, onLeaveChannelCb?: (c: GroupChannel) => void): void;
+    onLeaveChannel(channel: GroupChannel, onLeaveChannelCb?: (channel: GroupChannel, error?: null) => void): void;
 }
 export interface ChannelListUIProps {
     renderChannelPreview?: (props: RenderChannelPreviewProps) => React.ReactElement;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
     renderHeader?: (props: void) => React.ReactElement;
     renderPlaceHolderError?: (props: void) => React.ReactElement;
     renderPlaceHolderLoading?: (props: void) => React.ReactElement;

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

@@ -1,10 +1 @@
-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;
+export * from '../../../GroupChannelList/components/GroupChannelListItem/utils';

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

@@ -1,9 +1,2 @@
-import React from 'react';
-import { GroupChannel } from '@sendbird/chat/groupChannel';
-export type LeaveChannelProps = {
-    channel?: GroupChannel;
-    onSubmit: () => void;
-    onCancel: () => void;
-};
-declare const LeaveChannel: React.FC<LeaveChannelProps>;
+import LeaveChannel from '../../../GroupChannelList/components/LeaveGroupChannel';
 export default LeaveChannel;

package/types/modules/ChannelList/context/ChannelListProvider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { User } from '@sendbird/chat';
-import { GroupChannel, GroupChannelCreateParams, GroupChannelListQuery as GroupChannelListQuerySb, GroupChannelUserIdsFilter } from '@sendbird/chat/groupChannel';
+import { GroupChannel, GroupChannelCreateParams, GroupChannelListOrder, GroupChannelListQuery as GroupChannelListQuerySb, GroupChannelUserIdsFilter, HiddenChannelFilter, MyMemberStateFilter, PublicChannelFilter, QueryType, SuperChannelFilter, UnreadChannelFilter } from '@sendbird/chat/groupChannel';
 import { RenderUserProfileProps } from '../../../types';
 import { ChannelListActionTypes } from '../dux/actionTypes';
 import { CHANNEL_TYPE } from '../../CreateChannel/types';
@@ -13,21 +13,21 @@ export interface ApplicationUserListQueryInternal {
 export interface GroupChannelListQueryParamsInternal {
     limit?: number;
     includeEmpty?: boolean;
-    order?: 'latest_last_message' | 'chronological' | 'channel_name_alphabetical' | 'metadata_value_alphabetical';
+    order?: GroupChannelListOrder;
     userIdsExactFilter?: Array<string>;
     userIdsIncludeFilter?: Array<string>;
-    userIdsIncludeFilterQueryType?: 'AND' | 'OR';
+    userIdsIncludeFilterQueryType?: QueryType;
     nicknameContainsFilter?: string;
     channelNameContainsFilter?: string;
     customTypesFilter?: Array<string>;
     customTypeStartsWithFilter?: string;
     channelUrlsFilter?: Array<string>;
-    superChannelFilter?: 'all' | 'super' | 'nonsuper' | 'broadcast_only' | 'exclusive_only';
-    publicChannelFilter?: 'all' | 'public' | 'private';
+    superChannelFilter?: SuperChannelFilter;
+    publicChannelFilter?: PublicChannelFilter;
     metadataOrderKeyFilter?: string;
-    memberStateFilter?: 'all' | 'joined_only' | 'invited_only' | 'invited_by_friend' | 'invited_by_non_friend';
-    hiddenChannelFilter?: 'all' | 'unhidden_only' | 'hidden_only' | 'hidden_allow_auto_unhide' | 'hidden_prevent_auto_unhide';
-    unreadChannelFilter?: 'all' | 'unread_message';
+    memberStateFilter?: MyMemberStateFilter;
+    hiddenChannelFilter?: HiddenChannelFilter;
+    unreadChannelFilter?: UnreadChannelFilter;
     includeFrozen?: boolean;
     userIdsFilter?: GroupChannelUserIdsFilter;
 }
@@ -58,6 +58,7 @@ export interface ChannelListProviderProps {
     typingChannels?: Array<GroupChannel>;
     isTypingIndicatorEnabled?: boolean;
     isMessageReceiptStatusEnabled?: boolean;
+    reconnectOnIdle?: boolean;
 }
 export interface ChannelListProviderInterface extends ChannelListProviderProps {
     initialized: boolean;

package/types/modules/ChannelList/dux/actionTypes.d.ts

@@ -11,6 +11,7 @@ export declare const FETCH_CHANNELS_SUCCESS = "FETCH_CHANNELS_SUCCESS";
 export declare const FETCH_CHANNELS_FAILURE = "FETCH_CHANNELS_FAILURE";
 export declare const INIT_CHANNELS_START = "INIT_CHANNELS_START";
 export declare const INIT_CHANNELS_SUCCESS = "INIT_CHANNELS_SUCCESS";
+export declare const REFRESH_CHANNELS_SUCCESS = "REFRESH_CHANNELS_SUCCESS";
 export declare const INIT_CHANNELS_FAILURE = "INIT_CHANNELS_FAILURE";
 export declare const INVITE_MEMBERS_SUCESS = "INVITE_MEMBERS_SUCESS";
 export declare const ON_USER_JOINED = "ON_USER_JOINED";
@@ -41,6 +42,10 @@ type CHANNEL_LIST_PAYLOAD_TYPES = {
         channelList: GroupChannel[];
         disableAutoSelect: boolean;
     };
+    [REFRESH_CHANNELS_SUCCESS]: {
+        channelList: GroupChannel[];
+        currentChannel: GroupChannel | null;
+    };
     [INIT_CHANNELS_FAILURE]: null;
     [INVITE_MEMBERS_SUCESS]: null;
     [ON_USER_JOINED]: GroupChannel;

package/types/modules/ChannelList/utils.d.ts

@@ -7,10 +7,15 @@ import { ChannelListActionTypes } from './dux/actionTypes';
 import { GroupChannelListQueryParamsInternal } from './context/ChannelListProvider';
 import { LoggerInterface } from '../../lib/Logger';
 import { MarkAsDeliveredSchedulerType } from '../../lib/hooks/useMarkAsDeliveredScheduler';
+type CreateChannelListQueryParams = {
+    sdk: SdkStore['sdk'];
+    userFilledChannelListQuery: GroupChannelListQueryParamsInternal;
+};
+export declare const createChannelListQuery: ({ sdk, userFilledChannelListQuery, }: CreateChannelListQueryParams) => GroupChannelListQuery;
 /**
  * Setup event listener
  * create channel source query
- * addloading screen
+ * add loading screen
  */
 type SetupChannelListParams = {
     sdk: SdkStore['sdk'];

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

@@ -1,7 +1,8 @@
-import { ReactElement } from 'react';
+import React from 'react';
+type UserId = string;
 interface Props {
     onCancel(): void;
-    onSubmit(members: Array<string>): void;
+    onSubmit(userIds: UserId[]): void;
 }
-export default function InviteUsers({ onCancel, onSubmit, }: Props): ReactElement;
+export default function InviteUsers({ onCancel, onSubmit }: Props): React.JSX.Element;
 export {};

package/types/modules/CreateChannel/context/CreateChannelProvider.d.ts

@@ -14,23 +14,61 @@ type OverrideInviteUserType = {
 };
 export interface CreateChannelProviderProps {
     children?: React.ReactElement;
-    onCreateChannel(channel: GroupChannel): void;
-    overrideInviteUser?(params: OverrideInviteUserType): void;
-    onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;
     userListQuery?(): UserListQuery;
+    /**
+     * Overrides the action of the channel creation button.
+     * */
+    onCreateChannelClick?(params: OverrideInviteUserType): void;
+    /**
+     * Called when the channel is created. (Should not have onCreateChannelClick for this to invoke.)
+     * */
+    onChannelCreated(channel: GroupChannel): void;
+    /**
+     * Called just before the channel is created. (Should not have onCreateChannelClick for this to invoke.)
+     * */
+    onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;
+    /**
+     * @deprecated
+     * Use the onChannelCreated instead
+     */
+    onCreateChannel?(channel: GroupChannel): void;
+    /**
+     * @deprecated
+     * Use the onCreateChannelClick instead
+     */
+    overrideInviteUser?(params: OverrideInviteUserType): void;
 }
 type CreateChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;
 export interface CreateChannelContextInterface {
-    onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;
-    createChannel: CreateChannel;
     sdk: SendbirdGroupChat;
+    createChannel: CreateChannel;
     userListQuery?(): UserListQuery;
-    overrideInviteUser?(params: OverrideInviteUserType): void;
-    onCreateChannel?(channel: GroupChannel): void;
+    /**
+     * Overrides the action of the channel creation button.
+     * */
+    onCreateChannelClick?(params: OverrideInviteUserType): void;
+    /**
+     * Called when the channel is created. (Should not have onCreateChannelClick for this to invoke.)
+     * */
+    onChannelCreated?(channel: GroupChannel): void;
+    /**
+     * Called just before the channel is created. (Should not have onCreateChannelClick for this to invoke.)
+     * */
+    onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;
     step: number;
     setStep: React.Dispatch<React.SetStateAction<number>>;
     type: CHANNEL_TYPE;
     setType: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>>;
+    /**
+     * @deprecated
+     * Use the onChannelCreated instead
+     */
+    onCreateChannel?(channel: GroupChannel): void;
+    /**
+     * @deprecated
+     * Use the onCreateChannelClick instead
+     */
+    overrideInviteUser?(params: OverrideInviteUserType): void;
 }
 declare const CreateChannelProvider: React.FC<CreateChannelProviderProps>;
 declare const useCreateChannelContext: () => CreateChannelContextInterface;

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;