@sendbird/uikit-react-native 1.0.0 → 1.1.0

package/lib/typescript/src/SendbirdUIKitContainer.d.ts

@@ -2,24 +2,26 @@ import React from 'react';
 import type { HeaderStyleContextType, UIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import type { SendbirdChatSDK } from '@sendbird/uikit-utils';
 import type { StringSet } from './localization/StringSet.type';
-import type { ClipboardServiceInterface, FileServiceInterface, NotificationServiceInterface } from './platform/types';
+import type { ClipboardServiceInterface, FileServiceInterface, MediaServiceInterface, NotificationServiceInterface } from './platform/types';
 import type { ErrorBoundaryProps, LocalCacheStorage } from './types';
 export declare const SendbirdUIKit: Readonly<{
-    VERSION: "1.0.0-rc.4";
+    VERSION: "1.1.0";
     PLATFORM: string;
 }>;
-export declare type SendbirdUIKitContainerProps = {
-    children?: React.ReactNode;
+export declare type SendbirdUIKitContainerProps = React.PropsWithChildren<{
     appId: string;
     platformServices: {
         file: FileServiceInterface;
         notification: NotificationServiceInterface;
         clipboard: ClipboardServiceInterface;
+        media?: MediaServiceInterface;
     };
     chatOptions?: {
         localCacheStorage?: LocalCacheStorage;
-        enableAutoPushTokenRegistration?: boolean;
         onInitialized?: (sdkInstance: SendbirdChatSDK) => SendbirdChatSDK;
+        enableAutoPushTokenRegistration?: boolean;
+        enableChannelListTypingIndicator?: boolean;
+        enableChannelListMessageReceiptStatus?: boolean;
     };
     localization?: {
         stringSet?: StringSet;
@@ -28,6 +30,7 @@ export declare type SendbirdUIKitContainerProps = {
         theme?: UIKitTheme;
         statusBarTranslucent?: boolean;
         defaultHeaderTitleAlign?: 'left' | 'center';
+        defaultHeaderHeight?: number;
         HeaderComponent?: HeaderStyleContextType['HeaderComponent'];
     };
     toast?: {
@@ -37,6 +40,6 @@ export declare type SendbirdUIKitContainerProps = {
         onError?: (props: ErrorBoundaryProps) => void;
         ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;
     };
-};
+}>;
 declare const SendbirdUIKitContainer: ({ children, appId, chatOptions, platformServices, localization, styles, toast, errorBoundary, }: SendbirdUIKitContainerProps) => JSX.Element;
 export default SendbirdUIKitContainer;

package/lib/typescript/src/components/ChannelCover.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { SendbirdGroupChannel } from '@sendbird/uikit-utils';
 declare type Props = {
@@ -6,5 +5,5 @@ declare type Props = {
     size?: number;
     containerStyle?: StyleProp<ViewStyle>;
 };
-declare const ChannelCover: React.FC<Props>;
+declare const ChannelCover: ({ channel, ...avatarProps }: Props) => JSX.Element;
 export default ChannelCover;

package/lib/typescript/src/components/FileViewer.d.ts

@@ -0,0 +1,12 @@
+import type { SendbirdFileMessage } from '@sendbird/uikit-utils';
+declare type Props = {
+    fileMessage: SendbirdFileMessage;
+    deleteMessage: () => Promise<void>;
+    onClose: () => void;
+    onPressDownload?: (message: SendbirdFileMessage) => void;
+    onPressDelete?: (message: SendbirdFileMessage) => void;
+    headerShown?: boolean;
+    headerTopInset?: number;
+};
+declare const FileViewer: ({ headerShown, deleteMessage, headerTopInset, fileMessage, onPressDownload, onPressDelete, onClose, }: Props) => JSX.Element;
+export default FileViewer;

package/lib/typescript/src/components/GroupChannelPreviewContainer.d.ts

@@ -0,0 +1,8 @@
+import { SendbirdGroupChannel } from '@sendbird/uikit-utils';
+declare type Props = {
+    channel: SendbirdGroupChannel;
+    onPress: () => void;
+    onLongPress: () => void;
+};
+declare const GroupChannelPreviewContainer: ({ onPress, onLongPress, channel }: Props) => JSX.Element;
+export default GroupChannelPreviewContainer;

package/lib/typescript/src/components/MessageRenderer/AdminMessage/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import type { SendbirdAdminMessage } from '@sendbird/uikit-utils';
 import type { MessageRendererInterface } from '../index';
 export declare type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;
-declare const AdminMessage: React.FC<AdminMessageProps>;
+declare const AdminMessage: ({ message, nextMessage }: AdminMessageProps) => JSX.Element;
 export default AdminMessage;

package/lib/typescript/src/components/MessageRenderer/FileMessage/BaseFileMessage.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import type { FileMessageProps } from './index';
-declare const BaseFileMessage: React.FC<FileMessageProps & {
+declare type Props = FileMessageProps & {
     type: 'image' | 'audio' | 'video' | 'file';
-}>;
+};
+declare const BaseFileMessage: ({ message, variant, pressed, type }: Props) => JSX.Element;
 export default BaseFileMessage;

package/lib/typescript/src/components/MessageRenderer/FileMessage/ImageFileMessage.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { FileMessageProps } from './index';
-declare const ImageFileMessage: React.FC<FileMessageProps>;
+declare const ImageFileMessage: ({ message }: FileMessageProps) => JSX.Element;
 export default ImageFileMessage;

package/lib/typescript/src/components/MessageRenderer/FileMessage/VideoFileMessage.d.ts

@@ -0,0 +1,3 @@
+import type { FileMessageProps } from './index';
+declare const VideoFileMessage: ({ message }: FileMessageProps) => JSX.Element;
+export default VideoFileMessage;

package/lib/typescript/src/components/MessageRenderer/FileMessage/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { SendbirdFileMessage } from '@sendbird/uikit-utils';
 import type { MessageRendererInterface } from '../index';
 export declare type FileMessageProps = MessageRendererInterface<SendbirdFileMessage>;
-declare const _default: React.NamedExoticComponent<FileMessageProps>;
+declare const _default: React.MemoExoticComponent<(props: FileMessageProps) => JSX.Element>;
 export default _default;

package/lib/typescript/src/components/MessageRenderer/MessageContainer.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const MessageContainer: React.FC;
+declare const MessageContainer: ({ children }: React.PropsWithChildren) => JSX.Element;
 export default MessageContainer;

package/lib/typescript/src/components/MessageRenderer/MessageDateSeparator.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
 declare type Props = {
     message: SendbirdMessage;
     prevMessage?: SendbirdMessage;
 };
-declare const MessageDateSeparator: React.FC<Props>;
+declare const MessageDateSeparator: ({ message, prevMessage }: Props) => JSX.Element | null;
 export default MessageDateSeparator;

package/lib/typescript/src/components/MessageRenderer/MessageIncomingAvatar.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
 declare type Props = {
     message: SendbirdMessage;
     grouping: boolean;
 };
-declare const MessageIncomingAvatar: React.FC<Props>;
+declare const MessageIncomingAvatar: ({ message, grouping }: Props) => JSX.Element;
 export default MessageIncomingAvatar;

package/lib/typescript/src/components/MessageRenderer/MessageIncomingSenderName.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
 declare type Props = {
     message: SendbirdMessage;
     grouping: boolean;
 };
-declare const MessageIncomingSenderName: React.FC<Props>;
+declare const MessageIncomingSenderName: ({ message, grouping }: Props) => JSX.Element | null;
 export default MessageIncomingSenderName;

package/lib/typescript/src/components/MessageRenderer/MessageOutgoingStatus.d.ts

@@ -4,5 +4,5 @@ declare type Props = {
     channel: SendbirdGroupChannel;
     message: SendbirdMessage;
 };
-declare const _default: React.NamedExoticComponent<Props>;
+declare const _default: React.MemoExoticComponent<({ channel, message }: Props) => JSX.Element | null>;
 export default _default;

package/lib/typescript/src/components/MessageRenderer/MessageTime.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
 declare type Props = {
@@ -6,5 +5,5 @@ declare type Props = {
     grouping: boolean;
     style?: StyleProp<ViewStyle>;
 };
-declare const MessageTime: React.FC<Props>;
+declare const MessageTime: ({ message, grouping, style }: Props) => JSX.Element | null;
 export default MessageTime;

package/lib/typescript/src/components/MessageRenderer/UnknownMessage/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import type { MessageRendererInterface } from '../index';
 export declare type UnknownMessageProps = MessageRendererInterface;
-declare const UnknownMessage: React.FC<UnknownMessageProps>;
+declare const UnknownMessage: ({ message, variant, pressed }: UnknownMessageProps) => JSX.Element;
 export default UnknownMessage;

package/lib/typescript/src/components/MessageRenderer/UserMessage/BaseUserMessage.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { UserMessageProps } from './index';
-declare const BaseUserMessage: React.FC<UserMessageProps>;
+declare const BaseUserMessage: ({ message, variant, pressed }: UserMessageProps) => JSX.Element;
 export default BaseUserMessage;

package/lib/typescript/src/components/MessageRenderer/UserMessage/OpenGraphUserMessage.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type Sendbird from 'sendbird';
 import type { UserMessageProps } from './index';
 declare type Props = UserMessageProps & {
     ogMetaData: Sendbird.OGMetaData;
 };
-declare const OpenGraphUserMessage: React.FC<Props>;
+declare const OpenGraphUserMessage: ({ message, variant, pressed, ogMetaData }: Props) => JSX.Element;
 export default OpenGraphUserMessage;

package/lib/typescript/src/components/MessageRenderer/UserMessage/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
 import type { MessageRendererInterface } from '../index';
 export declare type UserMessageProps = MessageRendererInterface<SendbirdUserMessage>;
-declare const _default: React.NamedExoticComponent<UserMessageProps>;
+declare const _default: React.MemoExoticComponent<(props: UserMessageProps) => JSX.Element>;
 export default _default;

package/lib/typescript/src/components/NewMessagesButton.d.ts

@@ -5,5 +5,5 @@ declare type Props = {
     visible: boolean;
     onPress: () => void;
 };
-declare const _default: React.NamedExoticComponent<Props>;
+declare const _default: React.MemoExoticComponent<({ newMessages, visible, onPress }: Props) => JSX.Element | null>;
 export default _default;

package/lib/typescript/src/components/ProviderLayout.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const ProviderLayout: React.FC;
+declare const ProviderLayout: ({ children }: React.PropsWithChildren) => JSX.Element;
 export default ProviderLayout;

package/lib/typescript/src/components/SBUPressable.d.ts

@@ -0,0 +1,18 @@
+import { PressableProps, TouchableOpacityProps } from 'react-native';
+declare type Components = 'Pressable' | 'TouchableOpacity';
+declare type Props<T extends Components = 'Pressable'> = {
+    as?: T;
+} & ExtractProps<T, AsProps>;
+declare type AsProps = {
+    type: 'Pressable';
+    props: PressableProps;
+} | {
+    type: 'TouchableOpacity';
+    props: TouchableOpacityProps;
+};
+declare type ExtractProps<T extends Components, U extends AsProps> = U extends {
+    type: T;
+    props: infer P;
+} ? P : never;
+declare const SBUPressable: <T extends Components>({ as, ...props }: Props<T>) => JSX.Element;
+export default SBUPressable;

package/lib/typescript/src/components/ScrollToBottomButton.d.ts

@@ -3,5 +3,5 @@ declare type Props = {
     visible: boolean;
     onPress: () => void;
 };
-declare const _default: React.NamedExoticComponent<Props>;
+declare const _default: React.MemoExoticComponent<({ visible, onPress }: Props) => JSX.Element>;
 export default _default;

package/lib/typescript/src/components/TypedPlaceholder.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 declare type Props = {
     type: 'no-banned-members' | 'no-channels' | 'no-messages' | 'no-users' | 'no-muted-members' | 'no-results-found' | 'error-wrong' | 'loading';
     onPressRetry?: () => void;
 };
-declare const TypedPlaceholder: React.FC<Props>;
+declare const TypedPlaceholder: ({ type, onPressRetry }: Props) => JSX.Element;
 export default TypedPlaceholder;

package/lib/typescript/src/components/UserActionBar.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare type Props = {
     uri: string;
     name: string;
@@ -7,5 +6,5 @@ declare type Props = {
     disabled: boolean;
     onPressActionMenu?: () => void;
 };
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+declare const UserActionBar: ({ muted, uri, name, disabled, onPressActionMenu, label }: Props) => JSX.Element;
+export default UserActionBar;

package/lib/typescript/src/components/UserSelectableBar.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 declare type Props = {
     uri: string;
     name: string;
     selected: boolean;
     disabled: boolean;
 };
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+declare const UserSelectableBar: ({ uri, name, selected, disabled }: Props) => JSX.Element;
+export default UserSelectableBar;

package/lib/typescript/src/constants.d.ts

@@ -1 +1,6 @@
 export declare const DEFAULT_LONG_PRESS_DELAY = 350;
+export declare const DEPRECATION_WARNING: {
+    readonly GROUP_CHANNEL: {
+        readonly ON_PRESS_IMAGE_MESSAGE: "`onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead";
+    };
+};

package/lib/typescript/src/contexts/Localization.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import type { StringSet } from '../localization/StringSet.type';
-declare type Props = {
+declare type Props = React.PropsWithChildren<{
     stringSet: StringSet;
-    children?: React.ReactNode;
-};
+}>;
 export declare type LocalizationContextType = {
     STRINGS: StringSet;
 };

package/lib/typescript/src/contexts/PlatformService.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import type { ClipboardServiceInterface, FileServiceInterface, NotificationServiceInterface } from '../platform/types';
-declare type Props = {
+import type { ClipboardServiceInterface, FileServiceInterface, MediaServiceInterface, NotificationServiceInterface } from '../platform/types';
+declare type Props = React.PropsWithChildren<{
     fileService: FileServiceInterface;
     clipboardService: ClipboardServiceInterface;
     notificationService: NotificationServiceInterface;
-};
+    mediaService?: MediaServiceInterface;
+}>;
 export declare const PlatformServiceContext: React.Context<Props | null>;
-export declare const PlatformServiceProvider: React.FC<Props>;
+export declare const PlatformServiceProvider: ({ children, fileService, clipboardService, notificationService, mediaService, }: Props) => JSX.Element;
 export {};

package/lib/typescript/src/contexts/SendbirdChat.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
 import type { SendbirdChatSDK, SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';
 import type { FileType } from '../platform/types';
-declare type Props = {
+declare type Props = React.PropsWithChildren<{
     sdkInstance: SendbirdChatSDK;
     enableAutoPushTokenRegistration: boolean;
-};
+    enableChannelListTypingIndicator: boolean;
+    enableChannelListMessageReceiptStatus: boolean;
+}>;
 declare type Context = {
     sdk: SendbirdChatSDK;
     currentUser?: SendbirdUser;
@@ -13,6 +15,8 @@ declare type Context = {
     markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;
     features: {
         autoPushTokenRegistrationEnabled: boolean;
+        channelListTypingIndicatorEnabled: boolean;
+        channelListMessageReceiptStatusEnabled: boolean;
         deliveryReceiptEnabled: boolean;
         broadcastChannelEnabled: boolean;
         superGroupChannelEnabled: boolean;
@@ -20,5 +24,5 @@ declare type Context = {
     };
 };
 export declare const SendbirdChatContext: React.Context<Context | null>;
-export declare const SendbirdChatProvider: React.FC<Props>;
+export declare const SendbirdChatProvider: ({ children, sdkInstance, enableAutoPushTokenRegistration, enableChannelListMessageReceiptStatus, enableChannelListTypingIndicator, }: Props) => JSX.Element;
 export {};

package/lib/typescript/src/domain/groupChannel/component/GroupChannelHeader.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { GroupChannelProps } from '../types';
-declare const GroupChannelHeader: React.FC<GroupChannelProps['Header']>;
+declare const GroupChannelHeader: ({ onPressHeaderLeft, onPressHeaderRight }: GroupChannelProps['Header']) => JSX.Element;
 export default GroupChannelHeader;

package/lib/typescript/src/domain/groupChannel/component/GroupChannelInput/EditInput.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';
 import type { GroupChannelProps } from '../../types';
 declare type EditInputProps = GroupChannelProps['Input'] & {
@@ -7,5 +6,5 @@ declare type EditInputProps = GroupChannelProps['Input'] & {
     editMessage: SendbirdUserMessage | SendbirdFileMessage;
     setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;
 };
-declare const EditInput: React.FC<EditInputProps>;
+declare const EditInput: ({ text, setText, editMessage, setEditMessage, onUpdateUserMessage }: EditInputProps) => JSX.Element;
 export default EditInput;

package/lib/typescript/src/domain/groupChannel/component/GroupChannelInput/SendInput.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { GroupChannelProps } from '../../types';
 declare type SendInputProps = GroupChannelProps['Input'] & {
     text: string;
     setText: (val: string) => void;
     disabled: boolean;
 };
-declare const SendInput: React.FC<SendInputProps>;
+declare const SendInput: ({ onSendUserMessage, onSendFileMessage, text, setText, disabled }: SendInputProps) => JSX.Element;
 export default SendInput;

package/lib/typescript/src/domain/groupChannel/component/GroupChannelInput/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-declare const _default: React.NamedExoticComponent<{
+declare const _default: React.MemoExoticComponent<(props: {
     channel: import("sendbird").GroupChannel;
     onSendFileMessage: (file: import("../../../..").FileType) => Promise<void>;
     onSendUserMessage: (text: string) => Promise<void>;
     onUpdateFileMessage: (editedFile: import("../../../..").FileType, message: import("sendbird").FileMessage) => Promise<void>;
     onUpdateUserMessage: (editedText: string, message: import("sendbird").UserMessage) => Promise<void>;
-}>;
+}) => JSX.Element>;
 export default _default;

package/lib/typescript/src/domain/groupChannel/component/GroupChannelMessageList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
-declare const _default: React.NamedExoticComponent<{
+declare const _default: React.MemoExoticComponent<({ currentUserId, channel, messages, renderMessage, nextMessages, newMessagesFromMembers, onBottomReached, onTopReached, renderNewMessagesButton, renderScrollToBottomButton, onResendFailedMessage, onDeleteMessage, onPressImageMessage, onPressMediaMessage, flatListProps, enableMessageGrouping, }: {
     enableMessageGrouping: boolean;
     currentUserId?: string | undefined;
     channel: import("sendbird").GroupChannel;
@@ -11,7 +11,7 @@ declare const _default: React.NamedExoticComponent<{
     onBottomReached: () => void;
     onResendFailedMessage: (failedMessage: import("sendbird").FileMessage | import("sendbird").UserMessage) => Promise<void>;
     onDeleteMessage: (message: import("sendbird").FileMessage | import("sendbird").UserMessage) => Promise<void>;
-    onPressImageMessage?: ((message: import("sendbird").FileMessage, uri: string) => void) | undefined;
+    onPressMediaMessage?: ((message: import("sendbird").FileMessage, deleteMessage: () => Promise<void>, uri: string) => void) | undefined;
     renderMessage: (props: {
         message: SendbirdMessage;
         prevMessage?: SendbirdMessage | undefined;
@@ -32,5 +32,6 @@ declare const _default: React.NamedExoticComponent<{
         onPress: () => void;
     }> | null;
     flatListProps?: Omit<import("react-native").FlatListProps<SendbirdMessage>, "data" | "renderItem"> | undefined;
-}>;
+    onPressImageMessage?: ((message: import("sendbird").FileMessage, uri: string) => void) | undefined;
+}) => JSX.Element>;
 export default _default;

package/lib/typescript/src/domain/groupChannel/component/GroupChannelStatusEmpty.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const GroupChannelStatusEmpty: () => JSX.Element;
 export default GroupChannelStatusEmpty;

package/lib/typescript/src/domain/groupChannel/component/GroupChannelStatusLoading.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const GroupChannelStatusLoading: () => JSX.Element;
 export default GroupChannelStatusLoading;

package/lib/typescript/src/domain/groupChannel/types.d.ts

@@ -12,7 +12,7 @@ export interface GroupChannelProps {
         onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];
         onBeforeSendFileMessage?: (params: SendbirdFileMessageParams) => SendbirdFileMessageParams | Promise<SendbirdFileMessageParams>;
         onBeforeSendUserMessage?: (params: SendbirdUserMessageParams) => SendbirdUserMessageParams | Promise<SendbirdUserMessageParams>;
-        onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];
+        onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];
         renderMessage?: GroupChannelProps['MessageList']['renderMessage'];
         renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];
         renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];
@@ -23,6 +23,8 @@ export interface GroupChannelProps {
         sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];
         collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];
         queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];
+        /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/
+        onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];
     };
     Header: {
         onPressHeaderLeft: () => void;
@@ -39,7 +41,7 @@ export interface GroupChannelProps {
         onBottomReached: () => void;
         onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;
         onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;
-        onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;
+        onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;
         renderMessage: (props: {
             message: SendbirdMessage;
             prevMessage?: SendbirdMessage;
@@ -60,6 +62,8 @@ export interface GroupChannelProps {
             onPress: () => void;
         }>;
         flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;
+        /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/
+        onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;
     };
     Input: {
         channel: SendbirdGroupChannel;
@@ -92,11 +96,11 @@ export interface GroupChannelContextsType {
     }>;
 }
 export interface GroupChannelModule {
-    Provider: React.FC<GroupChannelProps['Provider']>;
+    Provider: CommonComponent<GroupChannelProps['Provider']>;
     Header: CommonComponent<GroupChannelProps['Header']>;
     MessageList: CommonComponent<GroupChannelProps['MessageList']>;
     Input: CommonComponent<GroupChannelProps['Input']>;
     StatusEmpty: CommonComponent;
     StatusLoading: CommonComponent;
 }
-export declare type GroupChannelFragment = React.FC<GroupChannelProps['Fragment']>;
+export declare type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;

package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListHeader.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { GroupChannelListProps } from '../types';
-declare const GroupChannelListHeader: React.FC<GroupChannelListProps['Header']>;
+declare const GroupChannelListHeader: (_: GroupChannelListProps['Header']) => JSX.Element;
 export default GroupChannelListHeader;

package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListList.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { GroupChannelListProps } from '../types';
-declare const GroupChannelListList: React.FC<GroupChannelListProps['List']>;
+declare const GroupChannelListList: ({ renderGroupChannelPreview, groupChannels, onLoadNext, flatListProps, menuItemCreator, }: GroupChannelListProps['List']) => JSX.Element;
 export default GroupChannelListList;

package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListStatusEmpty.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const GroupChannelListStatusEmpty: () => JSX.Element;
 export default GroupChannelListStatusEmpty;

package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListStatusLoading.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const GroupChannelListStatusLoading: () => JSX.Element;
 export default GroupChannelListStatusLoading;

package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListTypeSelector.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { GroupChannelListProps } from '../types';
-declare const GroupChannelListTypeSelector: React.FC<GroupChannelListProps['TypeSelector']>;
+declare const GroupChannelListTypeSelector: ({ Header, skipTypeSelection, onSelectType, }: GroupChannelListProps['TypeSelector']) => JSX.Element | null;
 export default GroupChannelListTypeSelector;

package/lib/typescript/src/domain/groupChannelList/module/moduleContext.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-import type { GroupChannelListContextsType } from '../types';
+import type { GroupChannelListContextsType, GroupChannelListModule } from '../types';
 export declare const GroupChannelListContexts: GroupChannelListContextsType;
-export declare const GroupChannelListContextsProvider: React.FC;
+export declare const GroupChannelListContextsProvider: GroupChannelListModule['Provider'];

package/lib/typescript/src/domain/groupChannelList/types.d.ts

@@ -70,12 +70,12 @@ export interface GroupChannelListContextsType {
     }>;
 }
 export interface GroupChannelListModule {
-    Provider: React.FC;
+    Provider: CommonComponent;
     Header: CommonComponent<GroupChannelListProps['Header']>;
     List: CommonComponent<GroupChannelListProps['List']>;
     TypeSelector: CommonComponent<GroupChannelListProps['TypeSelector']>;
     StatusEmpty: CommonComponent;
     StatusLoading: CommonComponent;
 }
-export declare type GroupChannelListFragment = React.FC<GroupChannelListProps['Fragment']>;
+export declare type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;
 export declare type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';

package/lib/typescript/src/domain/groupChannelSettings/component/GroupChannelSettingsHeader.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { GroupChannelSettingsProps } from '../types';
-declare const GroupChannelSettingsHeader: React.FC<GroupChannelSettingsProps['Header']>;
+declare const GroupChannelSettingsHeader: ({ onPressHeaderLeft }: GroupChannelSettingsProps['Header']) => JSX.Element;
 export default GroupChannelSettingsHeader;

package/lib/typescript/src/domain/groupChannelSettings/component/GroupChannelSettingsInfo.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { GroupChannelSettingsProps } from '../types';
-declare const GroupChannelSettingsInfo: React.FC<GroupChannelSettingsProps['Info']>;
+declare const GroupChannelSettingsInfo: (_: GroupChannelSettingsProps['Info']) => JSX.Element | null;
 export default GroupChannelSettingsInfo;

package/lib/typescript/src/domain/groupChannelSettings/component/GroupChannelSettingsMenu.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { GroupChannelSettingsProps } from '../types';
-declare const GroupChannelSettingsMenu: React.FC<GroupChannelSettingsProps['Menu']>;
+declare const GroupChannelSettingsMenu: ({ onPressMenuMembers, onPressMenuLeaveChannel, menuItemsCreator, }: GroupChannelSettingsProps['Menu']) => JSX.Element;
 export default GroupChannelSettingsMenu;

package/lib/typescript/src/domain/groupChannelSettings/module/moduleContext.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-import type { GroupChannelSettingsContextsType, GroupChannelSettingsProps } from '../types';
+import type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';
 export declare const GroupChannelSettingsContexts: GroupChannelSettingsContextsType;
-export declare const GroupChannelSettingsContextsProvider: React.FC<GroupChannelSettingsProps['Provider']>;
+export declare const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'];

package/lib/typescript/src/domain/groupChannelSettings/types.d.ts

@@ -37,9 +37,9 @@ export interface GroupChannelSettingsContextsType {
     }>;
 }
 export interface GroupChannelSettingsModule {
-    Provider: React.FC<GroupChannelSettingsProps['Provider']>;
+    Provider: CommonComponent<GroupChannelSettingsProps['Provider']>;
     Header: CommonComponent<GroupChannelSettingsProps['Header']>;
     Info: CommonComponent<GroupChannelSettingsProps['Info']>;
     Menu: CommonComponent<GroupChannelSettingsProps['Menu']>;
 }
-export declare type GroupChannelSettingsFragment = React.FC<GroupChannelSettingsProps['Fragment']>;
+export declare type GroupChannelSettingsFragment = CommonComponent<GroupChannelSettingsProps['Fragment']>;