@sendbird/uikit-react-native 2.1.0 → 2.2.0

package/lib/module/version.js

@@ -1,3 +1,3 @@
-const VERSION = '2.1.0';
+const VERSION = '2.2.0';
 export default VERSION;
 //# sourceMappingURL=version.js.map

package/lib/module/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["VERSION"],"sources":["version.ts"],"sourcesContent":["const VERSION = '2.1.0';\nexport default VERSION;\n"],"mappings":"AAAA,MAAMA,OAAO,GAAG,OAAhB;AACA,eAAeA,OAAf"}
+{"version":3,"names":["VERSION"],"sources":["version.ts"],"sourcesContent":["const VERSION = '2.2.0';\nexport default VERSION;\n"],"mappings":"AAAA,MAAMA,OAAO,GAAG,OAAhB;AACA,eAAeA,OAAf"}

package/lib/typescript/__template__/types.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { CommonComponent } from '../../types';
-export declare type __domain__Props = {
+export type __domain__Props = {
     Fragment: {
         onPressHeaderLeft: __domain__Props['Header']['onPressHeaderLeft'];
     };
@@ -16,7 +16,7 @@ export declare type __domain__Props = {
  * For example, the developer can create a custom header
  * with getting data from the domain context
  * */
-export declare type __domain__ContextsType = {
+export type __domain__ContextsType = {
     Fragment: React.Context<{
         headerTitle: string;
     }>;
@@ -28,4 +28,4 @@ export interface __domain__Module {
     StatusEmpty: CommonComponent;
     StatusLoading: CommonComponent;
 }
-export declare type __domain__Fragment = CommonComponent<__domain__Props['Fragment']>;
+export type __domain__Fragment = CommonComponent<__domain__Props['Fragment']>;

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

@@ -1,6 +1,6 @@
 import type { StyleProp, ViewStyle } from 'react-native';
 import { SendbirdGroupChannel } from '@sendbird/uikit-utils';
-declare type Props = {
+type Props = {
     channel: SendbirdGroupChannel;
     size: number;
     containerStyle?: StyleProp<ViewStyle>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FlatListProps } from 'react-native';
 import { SendbirdMessage } from '@sendbird/uikit-utils';
-export declare type ChatFlatListRef = {
+export type ChatFlatListRef = {
     scrollToBottom: (animated?: boolean) => void;
 };
 declare const ChatFlatList: React.ForwardRefExoticComponent<Omit<FlatListProps<SendbirdMessage>, "onEndReached"> & {

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

@@ -1,5 +1,5 @@
 import type { SendbirdFileMessage } from '@sendbird/uikit-utils';
-declare type Props = {
+type Props = {
     fileMessage: SendbirdFileMessage;
     deleteMessage: () => Promise<void>;
     onClose: () => void;

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

@@ -1,5 +1,5 @@
 import type { SendbirdAdminMessage } from '@sendbird/uikit-utils';
 import type { MessageRendererInterface } from '../index';
-export declare type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;
+export type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;
 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 type { FileMessageProps } from './index';
-declare type Props = FileMessageProps & {
+type Props = FileMessageProps & {
     type: 'image' | 'audio' | 'video' | 'file';
 };
-declare const BaseFileMessage: ({ message, variant, pressed, type }: Props) => JSX.Element;
+declare const BaseFileMessage: ({ message, variant, pressed, type, children }: Props) => JSX.Element;
 export default BaseFileMessage;

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

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

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

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

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

@@ -1,6 +1,15 @@
 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.MemoExoticComponent<(props: FileMessageProps) => JSX.Element>;
+export type FileMessageProps = MessageRendererInterface<SendbirdFileMessage>;
+declare const _default: React.MemoExoticComponent<(props: {
+    message: import("@sendbird/chat/message").FileMessage;
+    prevMessage?: import("@sendbird/uikit-utils").SendbirdMessage | undefined;
+    nextMessage?: import("@sendbird/uikit-utils").SendbirdMessage | undefined;
+    variant: "incoming" | "outgoing";
+    groupWithPrev: boolean;
+    groupWithNext: boolean;
+    pressed: boolean;
+    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
+}) => JSX.Element>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
-declare type Props = {
+type Props = {
     message: SendbirdMessage;
     prevMessage?: SendbirdMessage;
 };

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

@@ -1,5 +1,5 @@
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
-declare type Props = {
+type Props = {
     message: SendbirdMessage;
     grouping: boolean;
 };

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

@@ -1,5 +1,5 @@
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
-declare type Props = {
+type Props = {
     message: SendbirdMessage;
     grouping: boolean;
 };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SendbirdGroupChannel, SendbirdMessage } from '@sendbird/uikit-utils';
-declare type Props = {
+type Props = {
     channel: SendbirdGroupChannel;
     message: SendbirdMessage;
 };

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

@@ -1,6 +1,6 @@
 import { StyleProp, ViewStyle } from 'react-native';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
-declare type Props = {
+type Props = {
     message: SendbirdMessage;
     grouping: boolean;
     style?: StyleProp<ViewStyle>;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import type { OGMetaData } from '@sendbird/chat/message';
 import type { UserMessageProps } from './index';
-declare type Props = UserMessageProps & {
+type Props = UserMessageProps & {
     ogMetaData: OGMetaData;
 };
-declare const OpenGraphUserMessage: ({ message, variant, pressed, ogMetaData }: Props) => JSX.Element;
+declare const OpenGraphUserMessage: ({ message, variant, pressed, ogMetaData, children, onLongPressMentionedUser, onLongPressURL, }: Props) => JSX.Element;
 export default OpenGraphUserMessage;

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

@@ -1,6 +1,9 @@
 import React from 'react';
 import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
 import type { MessageRendererInterface } from '../index';
-export declare type UserMessageProps = MessageRendererInterface<SendbirdUserMessage>;
+export type UserMessageProps = MessageRendererInterface<SendbirdUserMessage, {
+    onLongPressMentionedUser?: () => void;
+    onLongPressURL?: () => void;
+}>;
 declare const _default: React.MemoExoticComponent<(props: UserMessageProps) => JSX.Element>;
 export default _default;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
-declare type MessageStyleVariant = 'outgoing' | 'incoming';
-export interface MessageRendererInterface<T = SendbirdMessage> {
+type MessageStyleVariant = 'outgoing' | 'incoming';
+export type MessageRendererInterface<T = SendbirdMessage, AdditionalProps = unknown> = {
     message: T;
     prevMessage?: SendbirdMessage;
     nextMessage?: SendbirdMessage;
@@ -9,7 +9,8 @@ export interface MessageRendererInterface<T = SendbirdMessage> {
     groupWithPrev: boolean;
     groupWithNext: boolean;
     pressed: boolean;
-}
+    children?: React.ReactElement | null;
+} & AdditionalProps;
 declare const _default: React.MemoExoticComponent<(props: {
     message: SendbirdMessage;
     prevMessage?: SendbirdMessage | undefined;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
-declare type Props = {
+type Props = {
     newMessages: SendbirdMessage[];
     visible: boolean;
     onPress: () => void;

package/lib/typescript/src/components/ReactionAddons/BottomSheetReactionAddon.d.ts

@@ -0,0 +1,8 @@
+import { SendbirdBaseChannel, SendbirdBaseMessage } from '@sendbird/uikit-utils';
+type Props = {
+    onClose: () => Promise<void>;
+    channel: SendbirdBaseChannel;
+    message: SendbirdBaseMessage;
+};
+declare const BottomSheetReactionAddon: ({ onClose, message, channel }: Props) => JSX.Element;
+export default BottomSheetReactionAddon;

package/lib/typescript/src/components/ReactionAddons/MessageReactionAddon.d.ts

@@ -0,0 +1,6 @@
+import type { SendbirdBaseChannel, SendbirdBaseMessage } from '@sendbird/uikit-utils';
+declare const MessageReactionAddon: ({ channel, message }: {
+    channel: SendbirdBaseChannel;
+    message: SendbirdBaseMessage;
+}) => JSX.Element | null;
+export default MessageReactionAddon;

package/lib/typescript/src/components/ReactionAddons/ReactionRoundedButton.d.ts

@@ -0,0 +1,14 @@
+import { StyleProp, ViewStyle } from 'react-native';
+type Props = {
+    url: string;
+    count: number;
+    reacted: boolean;
+    style: StyleProp<ViewStyle>;
+};
+declare const ReactionRoundedButton: {
+    ({ url, count, reacted, style }: Props): JSX.Element;
+    More({ pressed }: {
+        pressed: boolean;
+    }): JSX.Element;
+};
+export default ReactionRoundedButton;

package/lib/typescript/src/components/ReactionAddons/index.d.ts

@@ -0,0 +1,11 @@
+export declare const ReactionAddons: {
+    BottomSheet: ({ onClose, message, channel }: {
+        onClose: () => Promise<void>;
+        channel: import("@sendbird/chat").BaseChannel;
+        message: import("@sendbird/chat/message").BaseMessage;
+    }) => JSX.Element;
+    Message: ({ channel, message }: {
+        channel: import("@sendbird/chat").BaseChannel;
+        message: import("@sendbird/chat/message").BaseMessage;
+    }) => JSX.Element | null;
+};

package/lib/typescript/src/components/ReactionBottomSheets/ReactionListBottomSheet.d.ts

@@ -0,0 +1,3 @@
+import type { ReactionBottomSheetProps } from './index';
+declare const ReactionListBottomSheet: ({ visible, onClose, onDismiss, reactionCtx, chatCtx }: ReactionBottomSheetProps) => JSX.Element;
+export default ReactionListBottomSheet;

package/lib/typescript/src/components/ReactionBottomSheets/ReactionUserListBottomSheet.d.ts

@@ -0,0 +1,3 @@
+import type { ReactionBottomSheetProps } from './index';
+declare const ReactionUserListBottomSheet: ({ visible, onClose, onDismiss, reactionCtx, chatCtx, localizationCtx, userProfileCtx, }: ReactionBottomSheetProps) => JSX.Element;
+export default ReactionUserListBottomSheet;

package/lib/typescript/src/components/ReactionBottomSheets/index.d.ts

@@ -0,0 +1,20 @@
+import type React from 'react';
+import type { LocalizationContext } from '../../contexts/LocalizationCtx';
+import type { ReactionContext } from '../../contexts/ReactionCtx';
+import type { SendbirdChatContext } from '../../contexts/SendbirdChatCtx';
+import type { UserProfileContext } from '../../contexts/UserProfileCtx';
+type GetFromContext<T> = T extends React.Context<infer Value> ? NonNullable<Value> : never;
+export type ReactionBottomSheetProps = {
+    visible: boolean;
+    onDismiss: () => void;
+    onClose: () => Promise<void>;
+    chatCtx: GetFromContext<typeof SendbirdChatContext>;
+    reactionCtx: GetFromContext<typeof ReactionContext>;
+    localizationCtx: GetFromContext<typeof LocalizationContext>;
+    userProfileCtx: GetFromContext<typeof UserProfileContext>;
+};
+export declare const ReactionBottomSheets: {
+    ReactionList: ({ visible, onClose, onDismiss, reactionCtx, chatCtx }: ReactionBottomSheetProps) => JSX.Element;
+    UserList: ({ visible, onClose, onDismiss, reactionCtx, chatCtx, localizationCtx, userProfileCtx, }: ReactionBottomSheetProps) => JSX.Element;
+};
+export {};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     visible: boolean;
     onPress: () => void;
 };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     loading?: boolean;
     LoadingComponent?: JSX.Element;
     error?: boolean;

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

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     type: 'no-muted-members' | 'no-banned-users' | 'no-channels' | 'no-messages' | 'no-users' | 'no-results-found' | 'error-wrong' | 'loading';
     onPressRetry?: () => void;
 };

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

@@ -1,5 +1,5 @@
 import type { GestureResponderEvent } from 'react-native';
-declare type Props = {
+type Props = {
     uri: string;
     name: string;
     label?: string;

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

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     uri: string;
     name: string;
     selected: boolean;

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

@@ -4,3 +4,4 @@ export declare const DEPRECATION_WARNING: {
         readonly ON_PRESS_IMAGE_MESSAGE: "`onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead";
     };
 };
+export declare const UNKNOWN_USER_ID = "##__USER_ID_IS_NOT_PROVIDED__##";

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

@@ -1,5 +1,5 @@
 import { SendbirdGroupChannel } from '@sendbird/uikit-utils';
-declare type Props = {
+type Props = {
     channel: SendbirdGroupChannel;
     onPress: () => void;
     onLongPress: () => void;

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

@@ -2,14 +2,22 @@ import React from 'react';
 import type { HeaderStyleContextType, UIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import type { SendbirdBaseChannel, SendbirdChatSDK, SendbirdGroupChannelCreateParams, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';
 import type { UIKitFeaturesInSendbirdChatContext } from '../contexts/SendbirdChatCtx';
+import { MentionConfigInterface } from '../libs/MentionConfig';
 import type { StringSet } from '../localization/StringSet.type';
 import type { ClipboardServiceInterface, FileServiceInterface, MediaServiceInterface, NotificationServiceInterface } from '../platform/types';
 import type { ErrorBoundaryProps, LocalCacheStorage } from '../types';
 export declare const SendbirdUIKit: Readonly<{
-    VERSION: "2.1.0";
+    VERSION: "2.2.0";
     PLATFORM: string;
+    DEFAULT: {
+        AUTO_PUSH_TOKEN_REGISTRATION: boolean;
+        CHANNEL_LIST_TYPING_INDICATOR: boolean;
+        CHANNEL_LIST_MESSAGE_RECEIPT_STATUS: boolean;
+        USE_USER_ID_FOR_NICKNAME: boolean;
+        USER_MENTION: boolean;
+    };
 }>;
-export declare type SendbirdUIKitContainerProps = React.PropsWithChildren<{
+export type SendbirdUIKitContainerProps = React.PropsWithChildren<{
     appId: string;
     platformServices: {
         file: FileServiceInterface;
@@ -38,10 +46,11 @@ export declare type SendbirdUIKitContainerProps = React.PropsWithChildren<{
         onCreateChannel: (channel: SendbirdBaseChannel) => void;
         onBeforeCreateChannel?: (channelParams: SendbirdGroupChannelCreateParams, users: SendbirdUser[] | SendbirdMember[]) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;
     };
+    userMention?: Pick<Partial<MentionConfigInterface>, 'mentionLimit' | 'suggestionLimit' | 'debounceMills'>;
     errorBoundary?: {
         onError?: (props: ErrorBoundaryProps) => void;
         ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;
     };
 }>;
-declare const SendbirdUIKitContainer: ({ children, appId, chatOptions, platformServices, localization, styles, toast, userProfile, errorBoundary, }: SendbirdUIKitContainerProps) => JSX.Element;
+declare const SendbirdUIKitContainer: ({ children, appId, chatOptions, platformServices, localization, styles, toast, userProfile, userMention, errorBoundary, }: SendbirdUIKitContainerProps) => JSX.Element;
 export default SendbirdUIKitContainer;

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { StringSet } from '../localization/StringSet.type';
-declare type Props = React.PropsWithChildren<{
+type Props = React.PropsWithChildren<{
     stringSet: StringSet;
 }>;
-export declare type LocalizationContextType = {
+export type LocalizationContextType = {
     STRINGS: StringSet;
 };
 export declare const LocalizationContext: React.Context<LocalizationContextType | null>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ClipboardServiceInterface, FileServiceInterface, MediaServiceInterface, NotificationServiceInterface } from '../platform/types';
-declare type Props = React.PropsWithChildren<{
+type Props = React.PropsWithChildren<{
     fileService: FileServiceInterface;
     clipboardService: ClipboardServiceInterface;
     notificationService: NotificationServiceInterface;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { SendbirdBaseChannel, SendbirdBaseMessage } from '@sendbird/uikit-utils';
+type State = {
+    message?: SendbirdBaseMessage;
+    channel?: SendbirdBaseChannel;
+};
+export type ReactionContextType = {
+    openReactionList(param: Required<State>): void;
+    openReactionUserList(param: Required<State> & {
+        focusIndex?: number;
+    }): void;
+    updateReactionFocusedItem(param?: State): void;
+    focusIndex: number;
+} & State;
+type Props = React.PropsWithChildren<{}>;
+export declare const ReactionContext: React.Context<ReactionContextType | null>;
+export declare const ReactionProvider: ({ children }: Props) => JSX.Element;
+export {};

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

@@ -1,17 +1,24 @@
 import React from 'react';
 import type { SendbirdChatSDK, SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';
+import type EmojiManager from '../libs/EmojiManager';
+import type MentionManager from '../libs/MentionManager';
 import type { FileType } from '../platform/types';
 export interface UIKitFeaturesInSendbirdChatContext {
     enableAutoPushTokenRegistration: boolean;
     enableChannelListTypingIndicator: boolean;
     enableChannelListMessageReceiptStatus: boolean;
     enableUseUserIdForNickname: boolean;
+    enableUserMention: boolean;
 }
 interface Props extends UIKitFeaturesInSendbirdChatContext, React.PropsWithChildren {
     sdkInstance: SendbirdChatSDK;
+    emojiManager: EmojiManager;
+    mentionManager: MentionManager;
 }
-declare type Context = {
+type Context = {
     sdk: SendbirdChatSDK;
+    emojiManager: EmojiManager;
+    mentionManager: MentionManager;
     currentUser?: SendbirdUser;
     setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;
     updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;
@@ -21,6 +28,7 @@ declare type Context = {
         channelListTypingIndicatorEnabled: boolean;
         channelListMessageReceiptStatusEnabled: boolean;
         useUserIdForNicknameEnabled: boolean;
+        userMentionEnabled: boolean;
         deliveryReceiptEnabled: boolean;
         broadcastChannelEnabled: boolean;
         superGroupChannelEnabled: boolean;
@@ -28,5 +36,5 @@ declare type Context = {
     };
 };
 export declare const SendbirdChatContext: React.Context<Context | null>;
-export declare const SendbirdChatProvider: ({ children, sdkInstance, enableAutoPushTokenRegistration, enableChannelListMessageReceiptStatus, enableChannelListTypingIndicator, enableUseUserIdForNickname, }: Props) => JSX.Element;
+export declare const SendbirdChatProvider: ({ children, sdkInstance, emojiManager, mentionManager, enableAutoPushTokenRegistration, enableChannelListMessageReceiptStatus, enableChannelListTypingIndicator, enableUseUserIdForNickname, enableUserMention, }: Props) => JSX.Element;
 export {};

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import type { SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';
-declare type OnCreateChannel = (channel: SendbirdGroupChannel) => void;
-declare type OnBeforeCreateChannel = (channelParams: SendbirdGroupChannelCreateParams, users: SendbirdUser[] | SendbirdMember[]) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;
-export declare type UserProfileContextType = {
+type OnCreateChannel = (channel: SendbirdGroupChannel) => void;
+type OnBeforeCreateChannel = (channelParams: SendbirdGroupChannelCreateParams, users: SendbirdUser[] | SendbirdMember[]) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;
+export type UserProfileContextType = {
     show(user: SendbirdUser | SendbirdMember): void;
     hide(): void;
 };
-declare type Props = React.PropsWithChildren<{
+type Props = React.PropsWithChildren<{
     onCreateChannel?: OnCreateChannel;
     onBeforeCreateChannel?: OnBeforeCreateChannel;
 }>;

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

@@ -1,11 +1,39 @@
+import React from 'react';
+import { NativeSyntheticEvent, TextInput as RNTextInput, TextInputSelectionChangeEventData } from 'react-native';
+import { MentionType } from '@sendbird/chat/message';
 import type { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';
-import type { GroupChannelProps } from '../../types';
-declare type EditInputProps = GroupChannelProps['Input'] & {
+import type { MentionedUser } from '../../../../types';
+declare const EditInput: React.ForwardRefExoticComponent<{
+    shouldRenderInput: boolean;
+    onSendFileMessage: (file: import("../../../..").FileType) => Promise<void>;
+    onSendUserMessage: (text: string, mention?: Required<{
+        messageTemplate: string | undefined;
+        userIds: string[] | undefined;
+        type: MentionType | undefined;
+    }> | undefined) => Promise<void>;
+    onUpdateFileMessage: (editedFile: import("../../../..").FileType, message: import("@sendbird/chat/message").FileMessage) => Promise<void>;
+    onUpdateUserMessage: (editedText: string, message: import("@sendbird/chat/message").UserMessage, mention?: Required<{
+        messageTemplate: string | undefined;
+        userIds: string[] | undefined;
+        type: MentionType | undefined;
+    }> | undefined) => Promise<void>;
+    SuggestedMentionList: (props: {
+        text: string;
+        selection: import("../../../../types").Range;
+        topInset: number;
+        bottomInset: number;
+        inputHeight: number;
+        onPressToMention: (user: import("@sendbird/chat/groupChannel").Member, searchStringRange: import("../../../../types").Range) => void;
+        mentionedUsers: MentionedUser[];
+    }) => JSX.Element | null;
+} & {
     text: string;
-    setText: (val: string) => void;
-    editMessage: SendbirdUserMessage | SendbirdFileMessage;
-    setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;
+    onChangeText: (val: string) => void;
+    messageToEdit: SendbirdUserMessage | SendbirdFileMessage;
+    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;
+    onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;
     disabled: boolean;
-};
-declare const EditInput: ({ text, setText, editMessage, setEditMessage, onUpdateUserMessage, disabled }: EditInputProps) => JSX.Element;
+    autoFocus: boolean;
+    mentionedUsers: MentionedUser[];
+} & React.RefAttributes<RNTextInput>>;
 export default EditInput;

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

@@ -1,10 +1,37 @@
-import type { GroupChannelProps } from '../../types';
-declare type SendInputProps = GroupChannelProps['Input'] & {
+import React from 'react';
+import { NativeSyntheticEvent, TextInput as RNTextInput, TextInputSelectionChangeEventData } from 'react-native';
+import { MentionType } from '@sendbird/chat/message';
+import type { MentionedUser } from '../../../../types';
+declare const SendInput: React.ForwardRefExoticComponent<{
+    shouldRenderInput: boolean;
+    onSendFileMessage: (file: import("../../../..").FileType) => Promise<void>;
+    onSendUserMessage: (text: string, mention?: Required<{
+        messageTemplate: string | undefined;
+        userIds: string[] | undefined;
+        type: MentionType | undefined;
+    }> | undefined) => Promise<void>;
+    onUpdateFileMessage: (editedFile: import("../../../..").FileType, message: import("@sendbird/chat/message").FileMessage) => Promise<void>;
+    onUpdateUserMessage: (editedText: string, message: import("@sendbird/chat/message").UserMessage, mention?: Required<{
+        messageTemplate: string | undefined;
+        userIds: string[] | undefined;
+        type: MentionType | undefined;
+    }> | undefined) => Promise<void>;
+    SuggestedMentionList: (props: {
+        text: string;
+        selection: import("../../../../types").Range;
+        topInset: number;
+        bottomInset: number;
+        inputHeight: number;
+        onPressToMention: (user: import("@sendbird/chat/groupChannel").Member, searchStringRange: import("../../../../types").Range) => void;
+        mentionedUsers: MentionedUser[];
+    }) => JSX.Element | null;
+} & {
     text: string;
-    setText: (val: string) => void;
+    onChangeText: (val: string) => void;
     frozen: boolean;
     muted: boolean;
     disabled: boolean;
-};
-declare const SendInput: ({ onSendUserMessage, onSendFileMessage, text, setText, disabled, frozen, muted, }: SendInputProps) => JSX.Element;
+    onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;
+    mentionedUsers: MentionedUser[];
+} & React.RefAttributes<RNTextInput>>;
 export default SendInput;

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

@@ -2,8 +2,25 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<(props: {
     shouldRenderInput: boolean;
     onSendFileMessage: (file: import("../../../..").FileType) => Promise<void>;
-    onSendUserMessage: (text: string) => Promise<void>;
+    onSendUserMessage: (text: string, mention?: Required<{
+        messageTemplate: string | undefined;
+        userIds: string[] | undefined;
+        type: import("@sendbird/chat/message").MentionType | undefined;
+    }> | undefined) => Promise<void>;
     onUpdateFileMessage: (editedFile: import("../../../..").FileType, message: import("@sendbird/chat/message").FileMessage) => Promise<void>;
-    onUpdateUserMessage: (editedText: string, message: import("@sendbird/chat/message").UserMessage) => Promise<void>;
+    onUpdateUserMessage: (editedText: string, message: import("@sendbird/chat/message").UserMessage, mention?: Required<{
+        messageTemplate: string | undefined;
+        userIds: string[] | undefined;
+        type: import("@sendbird/chat/message").MentionType | undefined;
+    }> | undefined) => Promise<void>;
+    SuggestedMentionList: (props: {
+        text: string;
+        selection: import("../../../..").Range;
+        topInset: number;
+        bottomInset: number;
+        inputHeight: number;
+        onPressToMention: (user: import("@sendbird/chat/groupChannel").Member, searchStringRange: import("../../../..").Range) => void;
+        mentionedUsers: import("../../../..").MentionedUser[];
+    }) => JSX.Element | null;
 }) => JSX.Element>;
 export default _default;

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

@@ -0,0 +1,3 @@
+import type { GroupChannelProps } from '../types';
+declare const GroupChannelSuggestedMentionList: ({ text, selection, inputHeight, bottomInset, onPressToMention, mentionedUsers, }: GroupChannelProps['SuggestedMentionList']) => JSX.Element;
+export default GroupChannelSuggestedMentionList;