@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/types/hooks/useOnScrollReachedEndDetector/index.d.ts

@@ -8,5 +8,4 @@ export interface UseOnScrollReachedEndDetectorParams {
     onInBetween?: (event: onPositionEvent) => void;
 }
 export declare function useOnScrollPositionChangeDetector(params: UseOnScrollReachedEndDetectorParams): (event: React.UIEvent<HTMLDivElement, UIEvent>) => void;
-export declare function useOnScrollPositionChangeDetectorWithRef(scrollRef: React.RefObject<HTMLDivElement>, params: UseOnScrollReachedEndDetectorParams): void;
 export {};

package/types/lib/LocalizationContext.d.ts

@@ -7,13 +7,12 @@ declare const LocalizationContext: React.Context<{
 }>;
 interface LocalizationProviderProps {
     stringSet: StringSet;
-    dateLocale: Locale;
+    dateLocale?: Locale;
     children: React.ReactElement;
 }
 declare const LocalizationProvider: (props: LocalizationProviderProps) => React.ReactElement;
-export type UseLocalizationType = () => {
+declare const useLocalization: () => {
     stringSet: StringSet;
-    dateLocale: Locale;
+    dateLocale: globalThis.Locale;
 };
-declare const useLocalization: UseLocalizationType;
 export { LocalizationContext, LocalizationProvider, useLocalization };

package/types/lib/Logger/index.d.ts

@@ -9,7 +9,7 @@ export declare const LOG_LEVELS: {
 export type LogLevel = ObjectValues<typeof LOG_LEVELS>;
 interface PrintLogProps {
     level: LogLevel;
-    title: string;
+    title?: string;
     description?: string;
     payload?: unknown[];
 }

package/types/lib/Sendbird.d.ts

@@ -1,19 +1,13 @@
 import './index.scss';
 import './__experimental__typography.scss';
 import React from 'react';
-import { User } from '@sendbird/chat';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { StringSet } from '../ui/Label/stringSet';
 import { ConfigureSessionTypes } from './hooks/useConnect/types';
 import { UIKitOptions, CommonUIKitConfigProps, SendbirdChatInitParams, CustomExtensionParams, SBUEventHandlers } from './types';
-import { RenderUserProfileProps } from '../types';
+import { RenderUserProfileProps, UserListQuery } from '../types';
 import { SBUGlobalPubSub } from './pubSub/topics';
 export { useSendbirdStateContext } from '../hooks/useSendbirdStateContext';
-export type UserListQueryType = {
-    hasNext?: boolean;
-    next: () => Promise<Array<User>>;
-    get isLoading(): boolean;
-};
 interface VoiceRecordOptions {
     maxRecordingTime?: number;
     minRecordingTime?: number;
@@ -49,7 +43,7 @@ export interface SendbirdProviderProps extends CommonUIKitConfigProps, React.Pro
     dateLocale?: Locale;
     profileUrl?: string;
     voiceRecord?: VoiceRecordOptions;
-    userListQuery?(): UserListQueryType;
+    userListQuery?: () => UserListQuery;
     imageCompression?: ImageCompressionOptions;
     allowProfileEdit?: boolean;
     disableMarkAsDelivered?: boolean;

package/types/lib/SendbirdSdkContext.d.ts

@@ -5,5 +5,8 @@ type ContextAwareComponentType = {
     displayName: string;
 };
 export declare const SendbirdSdkContext: React.Context<SendBirdState>;
+/**
+ * @deprecated This function is deprecated. Use `useSendbirdStateContext` instead.
+ * */
 declare const withSendbirdContext: (OriginalComponent: any, mapStoreToProps: Record<string, any>) => ContextAwareComponentType;
 export default withSendbirdContext;

package/types/lib/hooks/useTheme.d.ts

@@ -1,2 +1,2 @@
-declare const useTheme: (overrides: Record<string, string>) => void;
+declare const useTheme: (overrides?: Record<string, string>) => void;
 export default useTheme;

package/types/lib/pubSub/index.d.ts

@@ -12,8 +12,11 @@ type PayloadByTopic<T extends keyof any, U> = U extends {
     topic: T;
     payload: infer P;
 } ? P : never;
+type Options = {
+    publishSynchronous?: boolean;
+};
 declare const pubSubFactory: <T extends string | number | symbol = string | number | symbol, U extends {
     topic: T;
     payload: any;
-} = any>() => PubSubTypes<T, U>;
+} = any>(opts?: Options) => PubSubTypes<T, U>;
 export default pubSubFactory;

package/types/lib/pubSub/topics.d.ts

@@ -71,12 +71,12 @@ export type SBUGlobalPubSubTopicPayloadUnion = {
 } | {
     topic: PUBSUB_TOPICS.LEAVE_CHANNEL;
     payload: {
-        channel: GroupChannel | OpenChannel;
+        channel: GroupChannel;
     };
 } | {
     topic: PUBSUB_TOPICS.CREATE_CHANNEL;
     payload: {
-        channel: GroupChannel | OpenChannel;
+        channel: GroupChannel;
     };
 } | {
     topic: PUBSUB_TOPICS.UPDATE_OPEN_CHANNEL;

package/types/lib/selectors.d.ts

@@ -143,11 +143,11 @@ export declare class UikitMessageHandler<T extends SendableMessage = SendableMes
     private _onFailed;
     private _onSucceeded;
     triggerPending(message: T): void;
-    triggerFailed(error: Error, message: T): void;
+    triggerFailed(error: Error, message: T | null): void;
     triggerSucceeded(message: T): void;
-    onPending(handler: MessageHandler<T>): UikitMessageHandler;
-    onFailed(handler: FailedMessageHandler<T>): UikitMessageHandler;
-    onSucceeded(handler: MessageHandler<T>): UikitMessageHandler;
+    onPending(handler: MessageHandler<T>): UikitMessageHandler<T>;
+    onFailed(handler: FailedMessageHandler<T>): UikitMessageHandler<T>;
+    onSucceeded(handler: MessageHandler<T>): UikitMessageHandler<T>;
 }
 /**
  * const sendUserMessage = selectors.getSendUserMessage(state);

package/types/lib/types.d.ts

@@ -46,15 +46,15 @@ export interface SendBirdStateConfig {
     isOnline: boolean;
     userId: string;
     appId: string;
-    accessToken: string;
+    accessToken?: string;
     theme: string;
     pubSub: SBUGlobalPubSub;
     logger: Logger;
     setCurrentTheme: (theme: 'light' | 'dark') => void;
-    userListQuery?(): UserListQuery;
+    userListQuery?: () => UserListQuery;
     uikitUploadSizeLimit: number;
     uikitMultipleFilesMessageLimit: number;
-    voiceRecord?: {
+    voiceRecord: {
         maxRecordingTime: number;
         minRecordingTime: number;
     };
@@ -62,7 +62,7 @@ export interface SendBirdStateConfig {
         maxMentionCount: number;
         maxSuggestionCount: number;
     };
-    imageCompression?: ImageCompressionOptions;
+    imageCompression: ImageCompressionOptions;
     markAsReadScheduler: MarkAsReadSchedulerType;
     markAsDeliveredScheduler: MarkAsDeliveredSchedulerType;
     disableMarkAsDelivered: boolean;
@@ -147,7 +147,7 @@ export type SendBirdState = {
         reconnect: ReconnectType;
     };
     eventHandlers?: SBUEventHandlers;
-    emojiManager?: EmojiManager;
+    emojiManager: EmojiManager;
     utils: SendbirdProviderUtils;
 };
 type GetSdk = SendbirdChat | undefined;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { AppLayoutProps } from './types';
-export declare const AppLayout: React.FC<AppLayoutProps>;
+export declare const AppLayout: (props: AppLayoutProps) => React.JSX.Element;

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

@@ -15,7 +15,7 @@ export interface AppLayoutProps {
     onProfileEditSuccess?(user: User): void;
     disableAutoSelect?: boolean;
     currentChannel?: GroupChannel;
-    setCurrentChannel: React.Dispatch<GroupChannel | null>;
+    setCurrentChannel: React.Dispatch<GroupChannel | undefined>;
     enableLegacyChannelModules: boolean;
 }
 interface SubLayoutCommonProps {

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

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

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

@@ -83,25 +83,25 @@ interface UpdateMessageParams {
 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;
+    scrollToMessage(createdAt: number, messageId: number): void;
     isScrolled?: boolean;
     setIsScrolled?: React.Dispatch<React.SetStateAction<boolean>>;
     messageActionTypes: typeof channelActions;
     messagesDispatcher: React.Dispatch<ChannelActionTypes>;
     quoteMessage: SendableMessageType | null;
     setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType | null>>;
-    initialTimeStamp: number;
-    setInitialTimeStamp: React.Dispatch<React.SetStateAction<number>>;
-    animatedMessageId: number;
-    highLightedMessageId: number;
+    initialTimeStamp: number | null | undefined;
+    setInitialTimeStamp: React.Dispatch<React.SetStateAction<number | null | undefined>>;
+    animatedMessageId: number | null;
+    highLightedMessageId: number | null | undefined;
     nicknamesMap: Map<string, string>;
     emojiAllMap: any;
     onScrollCallback: (callback: () => void) => void;
     onScrollDownCallback: (callback: (param: [BaseMessage[], null] | [null, unknown]) => void) => void;
-    scrollRef: React.MutableRefObject<HTMLDivElement>;
-    setAnimatedMessageId: React.Dispatch<React.SetStateAction<number>>;
-    setHighLightedMessageId: React.Dispatch<React.SetStateAction<number>>;
-    messageInputRef: React.MutableRefObject<HTMLInputElement>;
+    scrollRef: React.RefObject<HTMLDivElement>;
+    setAnimatedMessageId: React.Dispatch<React.SetStateAction<number | null>>;
+    setHighLightedMessageId: React.Dispatch<React.SetStateAction<number | null | undefined>>;
+    messageInputRef: React.RefObject<HTMLInputElement>;
     deleteMessage(message: CoreMessageType): Promise<void>;
     updateMessage: UpdateMessageType;
     resendMessage(failedMessage: SendableMessageType): void;
@@ -114,7 +114,6 @@ export interface ChannelProviderInterface extends ChannelContextProps, MessageSt
         user: User;
     }) => JSX.Element;
 }
-declare const ChannelProvider: React.FC<ChannelContextProps>;
-export type UseChannelType = () => ChannelProviderInterface;
-declare const useChannelContext: UseChannelType;
+declare const ChannelProvider: (props: ChannelContextProps) => React.JSX.Element;
+declare const useChannelContext: () => ChannelProviderInterface;
 export { ChannelProvider, useChannelContext, };

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

@@ -15,14 +15,14 @@ import { SdkStore } from '../../../../lib/types';
 interface DynamicParams {
     sdkInit: boolean;
     currentUserId: string;
-    currentGroupChannel: GroupChannel;
+    currentGroupChannel: GroupChannel | null;
     disableMarkAsRead: boolean;
 }
 interface StaticParams {
     sdk: SdkStore['sdk'];
     logger: LoggerInterface;
     scrollRef: React.RefObject<HTMLDivElement>;
-    setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType>>;
+    setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType | null>>;
     messagesDispatcher: React.Dispatch<ChannelActionTypes>;
 }
 declare function useHandleChannelEvents({ sdkInit, currentGroupChannel, disableMarkAsRead, }: DynamicParams, { sdk, logger, scrollRef, setQuoteMessage, messagesDispatcher, }: StaticParams): void;

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

@@ -13,7 +13,7 @@ interface DynamicParams {
 interface StaticParams {
     logger: Logger;
     sdk: SdkStore['sdk'];
-    currentGroupChannel: GroupChannel;
+    currentGroupChannel: GroupChannel | null;
     scrollRef: React.RefObject<HTMLDivElement>;
     markAsReadScheduler: MarkAsReadSchedulerType;
     messagesDispatcher: React.Dispatch<ChannelActionTypes>;

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

@@ -7,14 +7,14 @@ import { GroupChannelListQueryParamsInternal } from '../../../ChannelList/contex
 import { MarkAsDeliveredSchedulerType } from '../../../../lib/hooks/useMarkAsDeliveredScheduler';
 interface UseHandleReconnectForChannelListProps {
     isOnline: boolean;
-    reconnectOnIdle: boolean;
+    reconnectOnIdle?: boolean;
     logger: Logger;
     sdk: SdkStore['sdk'];
-    currentGroupChannel: GroupChannel;
+    currentGroupChannel: GroupChannel | null;
     channelListDispatcher: React.Dispatch<ChannelListActionTypes>;
     setChannelSource: (query: GroupChannelListQuery) => void;
-    userFilledChannelListQuery: GroupChannelListQueryParamsInternal;
-    sortChannelList: (channels: GroupChannel[]) => GroupChannel[];
+    userFilledChannelListQuery?: GroupChannelListQueryParamsInternal;
+    sortChannelList?: (channels: GroupChannel[]) => GroupChannel[];
     disableAutoSelect: boolean;
     markAsDeliveredScheduler: MarkAsDeliveredSchedulerType;
     disableMarkAsDelivered: boolean;

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

@@ -5,9 +5,9 @@ import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { LoggerInterface } from '../../../../lib/Logger';
 import { ChannelActionTypes } from '../dux/actionTypes';
 type UseInitialMessagesFetchOptions = {
-    currentGroupChannel: GroupChannel;
-    initialTimeStamp: number;
-    userFilledMessageListQuery: MessageListParamsInternal;
+    currentGroupChannel: GroupChannel | null;
+    initialTimeStamp: number | null | undefined;
+    userFilledMessageListQuery?: MessageListParamsInternal;
     replyType: ReplyTypeInternal;
     setIsScrolled: (val: boolean) => void;
 };

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

@@ -1,5 +1,5 @@
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
-declare function useReconnectOnIdle(isOnline: boolean, currentGroupChannel: GroupChannel, reconnectOnIdle?: boolean): {
+declare function useReconnectOnIdle(isOnline: boolean, currentGroupChannel: GroupChannel | null, reconnectOnIdle?: boolean): {
     shouldReconnect: boolean;
 };
 export default useReconnectOnIdle;

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

@@ -6,9 +6,9 @@ import { LoggerInterface } from '../../../../lib/Logger';
 import { ChannelActionTypes } from '../dux/actionTypes';
 import { SdkStore } from '../../../../lib/types';
 type UseScrollCallbackOptions = {
-    currentGroupChannel: GroupChannel;
+    currentGroupChannel: GroupChannel | null;
     oldestMessageTimeStamp: number;
-    userFilledMessageListQuery: MessageListParamsInternal;
+    userFilledMessageListQuery?: MessageListParamsInternal;
     replyType: ReplyTypeInternal;
 };
 type UseScrollCallbackParams = {

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

@@ -9,7 +9,7 @@ import { BaseMessage } from '@sendbird/chat/message';
 type UseScrollDownCallbackOptions = {
     currentGroupChannel: null | GroupChannel;
     latestMessageTimeStamp: number;
-    userFilledMessageListQuery: MessageListParamsInternal;
+    userFilledMessageListQuery?: MessageListParamsInternal;
     hasMoreNext: boolean;
     replyType: ReplyTypeInternal;
 };

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import type { BaseMessage } from '@sendbird/chat/message';
+import React from 'react';
 import { LoggerInterface } from '../../../../lib/Logger';
 interface DynamicParams {
-    setInitialTimeStamp: React.Dispatch<React.SetStateAction<number>>;
-    setAnimatedMessageId: React.Dispatch<React.SetStateAction<number>>;
+    setInitialTimeStamp: React.Dispatch<React.SetStateAction<number | null | undefined>>;
+    setAnimatedMessageId: React.Dispatch<React.SetStateAction<number | null>>;
     allMessages: BaseMessage[];
     scrollRef: React.RefObject<HTMLDivElement>;
 }

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

@@ -8,7 +8,7 @@ import { SendableMessageType } from '../../../../utils';
 import { SendBirdState } from '../../../../lib/types';
 type UseSendFileMessageCallbackOptions = {
     currentGroupChannel: null | GroupChannel;
-    onBeforeSendFileMessage?: (file: File, quoteMessage: SendableMessageType | null) => FileMessageCreateParams;
+    onBeforeSendFileMessage?: (file: File, quoteMessage?: SendableMessageType) => FileMessageCreateParams;
     imageCompression?: SendBirdState['config']['imageCompression'];
 };
 type UseSendFileMessageCallbackParams = {
@@ -17,5 +17,5 @@ type UseSendFileMessageCallbackParams = {
     scrollRef: React.MutableRefObject<HTMLDivElement | null>;
     messagesDispatcher: React.Dispatch<ChannelActionTypes>;
 };
-export default function useSendFileMessageCallback({ currentGroupChannel, onBeforeSendFileMessage, imageCompression }: UseSendFileMessageCallbackOptions, { logger, pubSub, scrollRef, messagesDispatcher }: UseSendFileMessageCallbackParams): ((compressedFile: File, quoteMessage?: any) => Promise<FileMessage>)[];
+export default function useSendFileMessageCallback({ currentGroupChannel, onBeforeSendFileMessage, imageCompression }: UseSendFileMessageCallbackOptions, { logger, pubSub, scrollRef, messagesDispatcher }: UseSendFileMessageCallbackParams): ((compressedFile: File, quoteMessage?: SendableMessageType) => Promise<FileMessage>)[];
 export {};

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

@@ -16,6 +16,6 @@ interface StaticParams {
     scrollRef: React.RefObject<HTMLDivElement>;
     messagesDispatcher: React.Dispatch<ChannelActionTypes>;
 }
-type FuncType = (file: File, duration: number, quoteMessage: SendableMessageType) => Promise<FileMessage>;
+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

@@ -3,11 +3,11 @@ import { EmojiContainer } from '@sendbird/chat';
 import { GroupChannel, Member } from '@sendbird/chat/groupChannel';
 import { CoreMessageType, SendableMessageType } from '../../../utils';
 import { BaseMessage } from '@sendbird/chat/message';
-export declare const scrollToRenderedMessage: (scrollRef: React.MutableRefObject<HTMLElement>, initialTimeStamp: number, setIsScrolled?: (val: boolean) => void) => void;
-export declare const scrollIntoLast: (initialTry: number, scrollRef: React.MutableRefObject<HTMLElement>, setIsScrolled?: (val: boolean) => void) => void;
+export declare const scrollToRenderedMessage: (scrollRef: React.RefObject<HTMLElement>, initialTimeStamp: number, setIsScrolled?: (val: boolean) => void) => void;
+export declare const scrollIntoLast: (initialTry: number, scrollRef: React.RefObject<HTMLElement>, setIsScrolled?: (val: boolean) => void) => void;
 export declare const isOperator: (groupChannel?: GroupChannel) => boolean;
-export declare const isDisabledBecauseFrozen: (groupChannel?: GroupChannel) => boolean;
-export declare const isDisabledBecauseMuted: (groupChannel?: GroupChannel) => boolean;
+export declare const isDisabledBecauseFrozen: (groupChannel?: GroupChannel | null) => boolean;
+export declare const isDisabledBecauseMuted: (groupChannel?: GroupChannel | null) => boolean;
 export declare const getAllEmojisMapFromEmojiContainer: (emojiContainer: EmojiContainer) => Map<any, any>;
 export declare const getNicknamesMapFromMembers: (members?: Member[]) => Map<string, string>;
 export declare const mergeAndSortMessages: (oldMessages: BaseMessage[], newMessages: BaseMessage[]) => BaseMessage[];

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

@@ -2,7 +2,7 @@ import React from 'react';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import { GroupChannelListItemBasicProps } from '../../../GroupChannelList/components/GroupChannelListItem/GroupChannelListItemView';
 interface ChannelPreviewProps extends Omit<GroupChannelListItemBasicProps, 'onLeaveChannel'> {
-    onLeaveChannel(channel?: GroupChannel, onLeaveChannelCb?: (channel: GroupChannel, error?: null) => void): Promise<void>;
+    onLeaveChannel(channel?: GroupChannel, onLeaveChannelCb?: (channel: GroupChannel, error?: unknown) => void): Promise<void>;
 }
 export interface ChannelListUIProps {
     renderChannelPreview?: (props: ChannelPreviewProps) => React.ReactElement;

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

@@ -17,14 +17,14 @@ export interface GroupChannelListQueryParamsInternal {
     userIdsExactFilter?: Array<string>;
     userIdsIncludeFilter?: Array<string>;
     userIdsIncludeFilterQueryType?: QueryType;
-    nicknameContainsFilter?: string;
+    nicknameContainsFilter?: string | null;
     channelNameContainsFilter?: string;
-    customTypesFilter?: Array<string>;
-    customTypeStartsWithFilter?: string;
-    channelUrlsFilter?: Array<string>;
+    customTypesFilter?: Array<string> | null;
+    customTypeStartsWithFilter?: string | null;
+    channelUrlsFilter?: Array<string> | null;
     superChannelFilter?: SuperChannelFilter;
     publicChannelFilter?: PublicChannelFilter;
-    metadataOrderKeyFilter?: string;
+    metadataOrderKeyFilter?: string | null;
     memberStateFilter?: MyMemberStateFilter;
     hiddenChannelFilter?: HiddenChannelFilter;
     unreadChannelFilter?: UnreadChannelFilter;
@@ -64,8 +64,8 @@ export interface ChannelListProviderInterface extends ChannelListProviderProps {
     initialized: boolean;
     loading: boolean;
     allChannels: GroupChannel[];
-    currentChannel: GroupChannel;
-    channelListQuery: GroupChannelListQueryParamsInternal;
+    currentChannel: GroupChannel | null;
+    channelListQuery: GroupChannelListQueryParamsInternal | null;
     currentUserId: string;
     channelListDispatcher: React.Dispatch<ChannelListActionTypes>;
     channelSource: GroupChannelListQuerySb | null;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ChannelListProviderProps } from './context/ChannelListProvider';
 import { ChannelListUIProps } from './components/ChannelListUI';
-interface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {
+export interface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {
 }
 declare const ChannelList: React.FC<ChannelListProps>;
 export default ChannelList;

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

@@ -9,7 +9,7 @@ import { LoggerInterface } from '../../lib/Logger';
 import { MarkAsDeliveredSchedulerType } from '../../lib/hooks/useMarkAsDeliveredScheduler';
 type CreateChannelListQueryParams = {
     sdk: SdkStore['sdk'];
-    userFilledChannelListQuery: GroupChannelListQueryParamsInternal;
+    userFilledChannelListQuery?: GroupChannelListQueryParamsInternal;
 };
 export declare const createChannelListQuery: ({ sdk, userFilledChannelListQuery, }: CreateChannelListQueryParams) => GroupChannelListQuery;
 /**
@@ -25,7 +25,7 @@ type SetupChannelListParams = {
     onChannelSelect: (channel: ChannelListInitialStateType['currentChannel']) => void;
     userFilledChannelListQuery: GroupChannelListQueryParamsInternal;
     logger: LoggerInterface;
-    sortChannelList: (channels: GroupChannel[]) => GroupChannel[];
+    sortChannelList?: (channels: GroupChannel[]) => GroupChannel[];
     disableAutoSelect: boolean;
     markAsDeliveredScheduler: MarkAsDeliveredSchedulerType;
     disableMarkAsDelivered: boolean;

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

@@ -4,3 +4,4 @@ export interface ChannelSettingsHeaderProps extends HeaderCustomProps {
     onCloseClick?: (e: MouseEvent) => void;
 }
 export declare const ChannelSettingsHeader: ({ onCloseClick, renderLeft, renderMiddle, renderRight, }: ChannelSettingsHeaderProps) => React.JSX.Element;
+export default ChannelSettingsHeader;

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

@@ -1,19 +1,16 @@
-import React, { ReactElement } from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 import { User } from '@sendbird/chat';
+import { Member } from '@sendbird/chat/groupChannel';
 import './user-list-item.scss';
 interface ActionProps {
     actionRef: React.RefObject<HTMLInputElement>;
     parentRef: React.RefObject<HTMLInputElement>;
 }
-type CustomUser = User & {
-    isMuted: boolean;
-    role: string;
-};
 interface Props {
-    user: CustomUser;
+    user: User | Member;
     currentUser?: string;
     className?: string;
-    action?(props: ActionProps): ReactElement;
+    action?(props: ActionProps): ReactNode;
 }
 declare const UserListItem: ({ user, className, currentUser, action, }: Props) => ReactElement;
 export default UserListItem;

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

@@ -34,7 +34,7 @@ interface ChannelSettingsProviderInterface {
     onLeaveChannel?(): void;
     overrideInviteUser?(params: OverrideInviteUserType): void;
     onChannelModified?(channel: GroupChannel): void;
-    onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): GroupChannelUpdateParams;
+    onBeforeUpdateChannel?(currentTitle: string, currentImg: File | null, data: string | undefined): GroupChannelUpdateParams;
     queries?: ChannelSettingsQueries;
     setChannelUpdateId(uniqId: string): void;
     forceUpdateUI(): void;

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { User } from '@sendbird/chat';
-import type { GroupChannel, GroupChannelCreateParams, SendbirdGroupChat } from '@sendbird/chat/groupChannel';
+import type { GroupChannel, GroupChannelCreateParams } from '@sendbird/chat/groupChannel';
 import { CHANNEL_TYPE } from '../types';
+import { SendbirdChatType } from '../../../lib/types';
 export interface UserListQuery {
     hasNext?: boolean;
     next(): Promise<Array<User>>;
@@ -40,7 +41,7 @@ export interface CreateChannelProviderProps {
 }
 type CreateChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;
 export interface CreateChannelContextInterface {
-    sdk: SendbirdGroupChat;
+    sdk: SendbirdChatType;
     createChannel: CreateChannel;
     userListQuery?(): UserListQuery;
     /**

package/types/modules/EditUserProfile/components/EditUserProfileUI/EditUserProfileUIView.d.ts

@@ -2,7 +2,7 @@ import React, { type MutableRefObject, type Dispatch } from 'react';
 export interface EditUserProfileUIViewProps {
     formRef: MutableRefObject<any>;
     inputRef: MutableRefObject<any>;
-    onThemeChange: (theme: string) => void;
     setProfileImage: Dispatch<File | null>;
+    onThemeChange?: (theme: string) => void;
 }
 export declare const EditUserProfileUIView: ({ formRef, inputRef, onThemeChange, setProfileImage, }: EditUserProfileUIViewProps) => React.JSX.Element;

package/types/modules/EditUserProfile/components/EditUserProfileUI/index.d.ts

@@ -3,7 +3,7 @@ import { User } from '@sendbird/chat';
 import './edit-user-profile.scss';
 import { EditUserProfileUIView } from './EditUserProfileUIView';
 export interface UseEditUserProfileUIStateParams {
-    onEditProfile: (user: User) => void;
+    onEditProfile?: (user: User) => void;
 }
 export declare const useEditUserProfileUISates: ({ onEditProfile, }: UseEditUserProfileUIStateParams) => {
     formRef: React.MutableRefObject<any>;

package/types/modules/EditUserProfile/context/EditUserProfileProvider.d.ts

@@ -11,6 +11,6 @@ export interface EditUserProfileProviderInterface {
     onThemeChange?(theme: string): void;
     onEditProfile?(updatedUser: User): void;
 }
-declare const EditUserProfileProvider: React.FC<EditUserProfileProps>;
+declare const EditUserProfileProvider: ({ children, ...props }: EditUserProfileProps) => React.JSX.Element;
 declare const useEditUserProfileContext: () => EditUserProfileProviderInterface;
 export { EditUserProfileProvider, useEditUserProfileContext, };

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

@@ -45,20 +45,20 @@ export interface MessageViewProps extends MessageProps {
     emojiContainer: EmojiContainer;
     editInputDisabled: boolean;
     shouldRenderSuggestedReplies: boolean;
-    isReactionEnabled: boolean;
+    isReactionEnabled?: boolean;
     replyType: ReplyType;
     threadReplySelectType: ThreadReplySelectType;
     nicknamesMap: Map<string, string>;
-    renderUserMentionItem: (props: {
+    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: {
+    setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType | null>>;
+    onQuoteMessageClick?: (params: {
         message: SendableMessageType;
     }) => void;
-    onReplyInThreadClick: (params: {
+    onReplyInThreadClick?: (params: {
         message: SendableMessageType;
     }) => void;
     sendUserMessage: (params: UserMessageCreateParams) => void;
@@ -78,13 +78,13 @@ export interface MessageViewProps extends MessageProps {
      * Accepting this prop only for the GroupChannel.
      */
     onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
-    animatedMessageId: number;
-    setAnimatedMessageId: React.Dispatch<React.SetStateAction<number>>;
+    animatedMessageId: number | null;
+    setAnimatedMessageId: React.Dispatch<React.SetStateAction<number | null>>;
     onMessageAnimated?: () => void;
     /** @deprecated * */
-    highLightedMessageId?: number;
+    highLightedMessageId?: number | null;
     /** @deprecated * */
-    setHighLightedMessageId?: React.Dispatch<React.SetStateAction<number>>;
+    setHighLightedMessageId?: React.Dispatch<React.SetStateAction<number | null>>;
     /** @deprecated * */
     onMessageHighlighted?: () => void;
     usedInLegacy?: boolean;

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

@@ -12,7 +12,7 @@ export interface MessageInputWrapperViewProps {
     loading: boolean;
     quoteMessage: SendableMessageType | null;
     setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType | null>>;
-    messageInputRef: React.MutableRefObject<HTMLDivElement>;
+    messageInputRef: React.RefObject<HTMLDivElement>;
     sendUserMessage: (params: UserMessageCreateParams) => Promise<UserMessage> | void;
     sendFileMessage: (params: FileMessageCreateParams) => Promise<FileMessage>;
     sendVoiceMessage: (params: FileMessageCreateParams, duration: number) => Promise<FileMessage>;
@@ -25,6 +25,6 @@ export interface MessageInputWrapperViewProps {
     renderSendMessageIcon?: () => React.ReactElement;
     acceptableMimeTypes?: string[];
 }
-export declare const MessageInputWrapperView: React.ForwardRefExoticComponent<MessageInputWrapperViewProps & React.RefAttributes<any>>;
+export declare const MessageInputWrapperView: React.ForwardRefExoticComponent<MessageInputWrapperViewProps & React.RefAttributes<HTMLDivElement>>;
 export { VoiceMessageInputWrapper, type VoiceMessageInputWrapperProps } from './VoiceMessageInputWrapper';
 export default MessageInputWrapperView;