@sendbird/uikit-react-native 2.1.0 → 2.3.0

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,20 +2,30 @@ 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 type { ImageCompressionConfigInterface } from '../libs/ImageCompressionConfig';
+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.3.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;
+        IMAGE_COMPRESSION: boolean;
+    };
 }>;
-export declare type SendbirdUIKitContainerProps = React.PropsWithChildren<{
+export type SendbirdUIKitContainerProps = React.PropsWithChildren<{
     appId: string;
     platformServices: {
         file: FileServiceInterface;
         notification: NotificationServiceInterface;
         clipboard: ClipboardServiceInterface;
-        media?: MediaServiceInterface;
+        media: MediaServiceInterface;
     };
     chatOptions?: {
         localCacheStorage?: LocalCacheStorage;
@@ -31,6 +41,10 @@ export declare type SendbirdUIKitContainerProps = React.PropsWithChildren<{
         defaultHeaderHeight?: number;
         HeaderComponent?: HeaderStyleContextType['HeaderComponent'];
     };
+    errorBoundary?: {
+        onError?: (props: ErrorBoundaryProps) => void;
+        ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;
+    };
     toast?: {
         dismissTimeout?: number;
     };
@@ -38,10 +52,8 @@ export declare type SendbirdUIKitContainerProps = React.PropsWithChildren<{
         onCreateChannel: (channel: SendbirdBaseChannel) => void;
         onBeforeCreateChannel?: (channelParams: SendbirdGroupChannelCreateParams, users: SendbirdUser[] | SendbirdMember[]) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;
     };
-    errorBoundary?: {
-        onError?: (props: ErrorBoundaryProps) => void;
-        ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;
-    };
+    userMention?: Pick<Partial<MentionConfigInterface>, 'mentionLimit' | 'suggestionLimit' | 'debounceMills'>;
+    imageCompression?: Partial<ImageCompressionConfigInterface>;
 }>;
-declare const SendbirdUIKitContainer: ({ children, appId, chatOptions, platformServices, localization, styles, toast, userProfile, errorBoundary, }: SendbirdUIKitContainerProps) => JSX.Element;
+declare const SendbirdUIKitContainer: ({ children, appId, chatOptions, platformServices, localization, styles, errorBoundary, toast, userProfile, userMention, imageCompression, }: 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,11 +1,17 @@
 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;
-    mediaService?: MediaServiceInterface;
+    mediaService: MediaServiceInterface;
 }>;
-export declare const PlatformServiceContext: React.Context<Props | null>;
+export type PlatformServiceContextType = {
+    fileService: FileServiceInterface;
+    clipboardService: ClipboardServiceInterface;
+    notificationService: NotificationServiceInterface;
+    mediaService: MediaServiceInterface;
+};
+export declare const PlatformServiceContext: React.Context<PlatformServiceContextType | null>;
 export declare const PlatformServiceProvider: ({ children, fileService, clipboardService, notificationService, mediaService, }: Props) => JSX.Element;
 export {};

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,28 @@
 import React from 'react';
 import type { SendbirdChatSDK, SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';
+import type EmojiManager from '../libs/EmojiManager';
+import type ImageCompressionConfig from '../libs/ImageCompressionConfig';
+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;
+    enableImageCompression: boolean;
 }
 interface Props extends UIKitFeaturesInSendbirdChatContext, React.PropsWithChildren {
     sdkInstance: SendbirdChatSDK;
+    emojiManager: EmojiManager;
+    mentionManager: MentionManager;
+    imageCompressionConfig: ImageCompressionConfig;
 }
-declare type Context = {
+export type SendbirdChatContextType = {
     sdk: SendbirdChatSDK;
+    emojiManager: EmojiManager;
+    mentionManager: MentionManager;
+    imageCompressionConfig: ImageCompressionConfig;
     currentUser?: SendbirdUser;
     setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;
     updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;
@@ -21,12 +32,14 @@ declare type Context = {
         channelListTypingIndicatorEnabled: boolean;
         channelListMessageReceiptStatusEnabled: boolean;
         useUserIdForNicknameEnabled: boolean;
+        userMentionEnabled: boolean;
+        imageCompressionEnabled: boolean;
         deliveryReceiptEnabled: boolean;
         broadcastChannelEnabled: boolean;
         superGroupChannelEnabled: boolean;
         reactionEnabled: boolean;
     };
 };
-export declare const SendbirdChatContext: React.Context<Context | null>;
-export declare const SendbirdChatProvider: ({ children, sdkInstance, enableAutoPushTokenRegistration, enableChannelListMessageReceiptStatus, enableChannelListTypingIndicator, enableUseUserIdForNickname, }: Props) => JSX.Element;
+export declare const SendbirdChatContext: React.Context<SendbirdChatContextType | null>;
+export declare const SendbirdChatProvider: ({ children, sdkInstance, emojiManager, mentionManager, imageCompressionConfig, enableAutoPushTokenRegistration, enableChannelListMessageReceiptStatus, enableChannelListTypingIndicator, enableUseUserIdForNickname, enableUserMention, enableImageCompression, }: 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;

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

@@ -1,6 +1,7 @@
 export { default as GroupChannelHeader } from './component/GroupChannelHeader';
 export { default as GroupChannelMessageList } from './component/GroupChannelMessageList';
 export { default as GroupChannelInput } from './component/GroupChannelInput';
+export { default as GroupChannelSuggestedMentionList } from './component/GroupChannelSuggestedMentionList';
 export { default as GroupChannelStatusEmpty } from './component/GroupChannelStatusEmpty';
 export { default as GroupChannelStatusLoading } from './component/GroupChannelStatusLoading';
 export { default as createGroupChannelModule } from './module/createGroupChannelModule';

package/lib/typescript/src/domain/groupChannel/module/createGroupChannelModule.d.ts

@@ -1,3 +1,3 @@
 import type { GroupChannelModule } from '../types';
-declare const createGroupChannelModule: ({ Header, MessageList, Input, StatusLoading, StatusEmpty, Provider, ...module }?: Partial<GroupChannelModule>) => GroupChannelModule;
+declare const createGroupChannelModule: ({ Header, MessageList, Input, SuggestedMentionList, StatusLoading, StatusEmpty, Provider, ...module }?: Partial<GroupChannelModule>) => GroupChannelModule;
 export default createGroupChannelModule;

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

@@ -1,9 +1,14 @@
 import type React from 'react';
 import type { FlatListProps } from 'react-native';
 import type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';
-import type { SendbirdFileMessage, SendbirdFileMessageCreateParams, SendbirdGroupChannel, SendbirdMessage, SendbirdUser, SendbirdUserMessage, SendbirdUserMessageCreateParams } from '@sendbird/uikit-utils';
+import type { SendbirdFileMessage, SendbirdFileMessageCreateParams, SendbirdGroupChannel, SendbirdMember, SendbirdMessage, SendbirdUser, SendbirdUserMessage, SendbirdUserMessageCreateParams } from '@sendbird/uikit-utils';
 import type { FileType } from '../../platform/types';
-import type { CommonComponent } from '../../types';
+import type { CommonComponent, MentionedUser, Range } from '../../types';
+type UserMessageMentionParams = Required<{
+    messageTemplate: SendbirdUserMessageCreateParams['mentionedMessageTemplate'];
+    userIds: SendbirdUserMessageCreateParams['mentionedUserIds'];
+    type: SendbirdUserMessageCreateParams['mentionType'];
+}>;
 export interface GroupChannelProps {
     Fragment: {
         channel: SendbirdGroupChannel;
@@ -68,9 +73,19 @@ export interface GroupChannelProps {
     Input: {
         shouldRenderInput: boolean;
         onSendFileMessage: (file: FileType) => Promise<void>;
-        onSendUserMessage: (text: string) => Promise<void>;
+        onSendUserMessage: (text: string, mention?: UserMessageMentionParams) => Promise<void>;
         onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;
-        onUpdateUserMessage: (editedText: string, message: SendbirdUserMessage) => Promise<void>;
+        onUpdateUserMessage: (editedText: string, message: SendbirdUserMessage, mention?: UserMessageMentionParams) => Promise<void>;
+        SuggestedMentionList: (props: GroupChannelProps['SuggestedMentionList']) => JSX.Element | null;
+    };
+    SuggestedMentionList: {
+        text: string;
+        selection: Range;
+        topInset: number;
+        bottomInset: number;
+        inputHeight: number;
+        onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;
+        mentionedUsers: MentionedUser[];
     };
     Provider: {
         channel: SendbirdGroupChannel;
@@ -87,8 +102,8 @@ export interface GroupChannelContextsType {
     Fragment: React.Context<{
         headerTitle: string;
         channel: SendbirdGroupChannel;
-        editMessage?: SendbirdUserMessage | SendbirdFileMessage;
-        setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;
+        messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;
+        setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;
         keyboardAvoidOffset?: number;
     }>;
     TypingIndicator: React.Context<{
@@ -100,7 +115,9 @@ export interface GroupChannelModule {
     Header: CommonComponent<GroupChannelProps['Header']>;
     MessageList: CommonComponent<GroupChannelProps['MessageList']>;
     Input: CommonComponent<GroupChannelProps['Input']>;
+    SuggestedMentionList: CommonComponent<GroupChannelProps['SuggestedMentionList']>;
     StatusEmpty: CommonComponent;
     StatusLoading: CommonComponent;
 }
-export declare type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;
+export type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;
+export {};

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

@@ -1,7 +1,7 @@
 import type React from 'react';
 import type { SendbirdGroupChannel, SendbirdRestrictedUser } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
-export declare type GroupChannelBannedUsersProps = {
+export type GroupChannelBannedUsersProps = {
     Fragment: {
         channel: SendbirdGroupChannel;
         onPressHeaderLeft: GroupChannelBannedUsersProps['Header']['onPressHeaderLeft'];
@@ -30,7 +30,7 @@ export declare type GroupChannelBannedUsersProps = {
  * For example, the developer can create a custom header
  * with getting data from the domain context
  * */
-export declare type GroupChannelBannedUsersContextsType = {
+export type GroupChannelBannedUsersContextsType = {
     Fragment: React.Context<{
         headerTitle: string;
         channel: SendbirdGroupChannel;
@@ -44,4 +44,4 @@ export interface GroupChannelBannedUsersModule {
     StatusLoading: CommonComponent;
     StatusError: CommonComponent<GroupChannelBannedUsersProps['StatusError']>;
 }
-export declare type GroupChannelBannedUsersFragment = CommonComponent<GroupChannelBannedUsersProps['Fragment']>;
+export type GroupChannelBannedUsersFragment = CommonComponent<GroupChannelBannedUsersProps['Fragment']>;

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

@@ -71,5 +71,5 @@ export interface GroupChannelListModule {
     StatusEmpty: CommonComponent;
     StatusLoading: CommonComponent;
 }
-export declare type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;
-export declare type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';
+export type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;
+export type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';

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

@@ -2,7 +2,7 @@ import type React from 'react';
 import type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';
 import type { SendbirdGroupChannel } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
-export declare type GroupChannelModerationProps = {
+export type GroupChannelModerationProps = {
     Fragment: {
         channel: SendbirdGroupChannel;
         onPressHeaderLeft: GroupChannelModerationProps['Header']['onPressHeaderLeft'];
@@ -29,7 +29,7 @@ export declare type GroupChannelModerationProps = {
  * For example, the developer can create a custom header
  * with getting data from the domain context
  * */
-export declare type GroupChannelModerationContextsType = {
+export type GroupChannelModerationContextsType = {
     Fragment: React.Context<{
         headerTitle: string;
         channel: SendbirdGroupChannel;
@@ -40,4 +40,4 @@ export interface GroupChannelModerationModule {
     Header: CommonComponent<GroupChannelModerationProps['Header']>;
     Menu: CommonComponent<GroupChannelModerationProps['Menu']>;
 }
-export declare type GroupChannelModerationFragment = CommonComponent<GroupChannelModerationProps['Fragment']>;
+export type GroupChannelModerationFragment = CommonComponent<GroupChannelModerationProps['Fragment']>;