@sendbird/uikit-react-native 2.0.3 → 2.2.0

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,5 +1,5 @@
-declare type Props = {
-    type: 'no-banned-members' | 'no-channels' | 'no-messages' | 'no-users' | 'no-muted-members' | 'no-results-found' | 'error-wrong' | 'loading';
+type Props = {
+    type: 'no-muted-members' | 'no-banned-users' | 'no-channels' | 'no-messages' | 'no-users' | 'no-results-found' | 'error-wrong' | 'loading';
     onPressRetry?: () => void;
 };
 declare const TypedPlaceholder: ({ type, onPressRetry }: Props) => JSX.Element;

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

@@ -1,10 +1,12 @@
-declare type Props = {
+import type { GestureResponderEvent } from 'react-native';
+type Props = {
     uri: string;
     name: string;
     label?: string;
     muted: boolean;
     disabled: boolean;
-    onPressActionMenu?: () => void;
+    onPressActionMenu?: (ev: GestureResponderEvent) => void;
+    onPressAvatar?: (ev: GestureResponderEvent) => void;
 };
-declare const UserActionBar: ({ muted, uri, name, disabled, onPressActionMenu, label }: Props) => JSX.Element;
+declare const UserActionBar: ({ muted, uri, name, disabled, label, onPressActionMenu, onPressAvatar }: Props) => JSX.Element;
 export default UserActionBar;

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

@@ -1,14 +1,23 @@
 import React from 'react';
 import type { HeaderStyleContextType, UIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import type { SendbirdChatSDK } from '@sendbird/uikit-utils';
+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.0.3";
+    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;
@@ -19,10 +28,7 @@ export declare type SendbirdUIKitContainerProps = React.PropsWithChildren<{
     chatOptions?: {
         localCacheStorage?: LocalCacheStorage;
         onInitialized?: (sdkInstance: SendbirdChatSDK) => SendbirdChatSDK;
-        enableAutoPushTokenRegistration?: boolean;
-        enableChannelListTypingIndicator?: boolean;
-        enableChannelListMessageReceiptStatus?: boolean;
-    };
+    } & Partial<UIKitFeaturesInSendbirdChatContext>;
     localization?: {
         stringSet?: StringSet;
     };
@@ -36,10 +42,15 @@ export declare type SendbirdUIKitContainerProps = React.PropsWithChildren<{
     toast?: {
         dismissTimeout?: number;
     };
+    userProfile?: {
+        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, 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/{Localization.d.ts → 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/{PlatformService.d.ts → 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/{SendbirdChat.d.ts → SendbirdChatCtx.d.ts}

@@ -1,14 +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';
-declare type Props = React.PropsWithChildren<{
-    sdkInstance: SendbirdChatSDK;
+export interface UIKitFeaturesInSendbirdChatContext {
     enableAutoPushTokenRegistration: boolean;
     enableChannelListTypingIndicator: boolean;
     enableChannelListMessageReceiptStatus: boolean;
-}>;
-declare type Context = {
+    enableUseUserIdForNickname: boolean;
+    enableUserMention: boolean;
+}
+interface Props extends UIKitFeaturesInSendbirdChatContext, React.PropsWithChildren {
+    sdkInstance: SendbirdChatSDK;
+    emojiManager: EmojiManager;
+    mentionManager: MentionManager;
+}
+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>;
@@ -17,6 +27,8 @@ declare type Context = {
         autoPushTokenRegistrationEnabled: boolean;
         channelListTypingIndicatorEnabled: boolean;
         channelListMessageReceiptStatusEnabled: boolean;
+        useUserIdForNicknameEnabled: boolean;
+        userMentionEnabled: boolean;
         deliveryReceiptEnabled: boolean;
         broadcastChannelEnabled: boolean;
         superGroupChannelEnabled: boolean;
@@ -24,5 +36,5 @@ declare type Context = {
     };
 };
 export declare const SendbirdChatContext: React.Context<Context | null>;
-export declare const SendbirdChatProvider: ({ children, sdkInstance, enableAutoPushTokenRegistration, enableChannelListMessageReceiptStatus, enableChannelListTypingIndicator, }: 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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';
+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;
+};
+type Props = React.PropsWithChildren<{
+    onCreateChannel?: OnCreateChannel;
+    onBeforeCreateChannel?: OnBeforeCreateChannel;
+}>;
+export declare const UserProfileContext: React.Context<UserProfileContextType | null>;
+export declare const UserProfileProvider: ({ children, onCreateChannel, onBeforeCreateChannel }: Props) => JSX.Element;
+export {};

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

@@ -1,10 +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;
-};
-declare const EditInput: ({ text, setText, editMessage, setEditMessage, onUpdateUserMessage }: EditInputProps) => JSX.Element;
+    onChangeText: (val: string) => void;
+    messageToEdit: SendbirdUserMessage | SendbirdFileMessage;
+    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;
+    onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;
+    disabled: boolean;
+    autoFocus: boolean;
+    mentionedUsers: MentionedUser[];
+} & React.RefAttributes<RNTextInput>>;
 export default EditInput;

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

@@ -1,8 +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 }: 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

@@ -1,9 +1,26 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<(props: {
-    channel: import("@sendbird/chat/groupChannel").GroupChannel;
+    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;
@@ -66,11 +71,21 @@ export interface GroupChannelProps {
         onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;
     };
     Input: {
-        channel: SendbirdGroupChannel;
+        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/component/GroupChannelBannedUsersHeader.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelBannedUsersProps } from '../types';
+declare const GroupChannelBannedUsersHeader: ({ onPressHeaderLeft }: GroupChannelBannedUsersProps['Header']) => JSX.Element;
+export default GroupChannelBannedUsersHeader;

package/lib/typescript/src/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersList.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelBannedUsersProps } from '../types';
+declare const GroupChannelBannedUsersList: ({ renderUser, bannedUsers, onLoadNext, ListEmptyComponent, }: GroupChannelBannedUsersProps['List']) => JSX.Element;
+export default GroupChannelBannedUsersList;

package/lib/typescript/src/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersStatusEmpty.d.ts

@@ -0,0 +1,2 @@
+declare const GroupChannelBannedUsersStatusEmpty: () => JSX.Element;
+export default GroupChannelBannedUsersStatusEmpty;

package/lib/typescript/src/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersStatusError.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelBannedUsersModule } from '../types';
+declare const GroupChannelBannedUsersStatusError: GroupChannelBannedUsersModule['StatusError'];
+export default GroupChannelBannedUsersStatusError;

package/lib/typescript/src/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersStatusLoading.d.ts

@@ -0,0 +1,2 @@
+declare const GroupChannelBannedUsersStatusLoading: () => JSX.Element;
+export default GroupChannelBannedUsersStatusLoading;

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

@@ -0,0 +1,6 @@
+export { default as GroupChannelBannedUsersList } from './component/GroupChannelBannedUsersList';
+export { default as GroupChannelBannedUsersHeader } from './component/GroupChannelBannedUsersHeader';
+export { default as GroupChannelBannedUsersStatusLoading } from './component/GroupChannelBannedUsersStatusLoading';
+export { default as GroupChannelBannedUsersStatusEmpty } from './component/GroupChannelBannedUsersStatusEmpty';
+export { default as createGroupChannelBannedUsersModule } from './module/createGroupChannelBannedUsersModule';
+export { GroupChannelBannedUsersContextsProvider, GroupChannelBannedUsersContexts } from './module/moduleContext';

package/lib/typescript/src/domain/groupChannelBannedUsers/module/createGroupChannelBannedUsersModule.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelBannedUsersModule } from '../types';
+declare const createGroupChannelBannedUsersModule: ({ Header, List, StatusLoading, StatusEmpty, StatusError, Provider, ...module }?: Partial<GroupChannelBannedUsersModule>) => GroupChannelBannedUsersModule;
+export default createGroupChannelBannedUsersModule;

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

@@ -0,0 +1,3 @@
+import type { GroupChannelBannedUsersContextsType, GroupChannelBannedUsersModule } from '../types';
+export declare const GroupChannelBannedUsersContexts: GroupChannelBannedUsersContextsType;
+export declare const GroupChannelBannedUsersContextsProvider: GroupChannelBannedUsersModule['Provider'];

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

@@ -0,0 +1,47 @@
+import type React from 'react';
+import type { SendbirdGroupChannel, SendbirdRestrictedUser } from '@sendbird/uikit-utils';
+import type { CommonComponent } from '../../types';
+export type GroupChannelBannedUsersProps = {
+    Fragment: {
+        channel: SendbirdGroupChannel;
+        onPressHeaderLeft: GroupChannelBannedUsersProps['Header']['onPressHeaderLeft'];
+        renderUser?: GroupChannelBannedUsersProps['List']['renderUser'];
+    };
+    Header: {
+        onPressHeaderLeft: () => void;
+    };
+    List: {
+        renderUser: (props: {
+            user: SendbirdRestrictedUser;
+        }) => React.ReactElement | null;
+        bannedUsers: SendbirdRestrictedUser[];
+        ListEmptyComponent?: React.ReactElement;
+        onLoadNext: () => Promise<void>;
+    };
+    StatusError: {
+        onPressRetry: () => void;
+    };
+    Provider: {
+        channel: SendbirdGroupChannel;
+    };
+};
+/**
+ * Internal context for GroupChannelBannedUsers
+ * For example, the developer can create a custom header
+ * with getting data from the domain context
+ * */
+export type GroupChannelBannedUsersContextsType = {
+    Fragment: React.Context<{
+        headerTitle: string;
+        channel: SendbirdGroupChannel;
+    }>;
+};
+export interface GroupChannelBannedUsersModule {
+    Provider: CommonComponent<GroupChannelBannedUsersProps['Provider']>;
+    Header: CommonComponent<GroupChannelBannedUsersProps['Header']>;
+    List: CommonComponent<GroupChannelBannedUsersProps['List']>;
+    StatusEmpty: CommonComponent;
+    StatusLoading: CommonComponent;
+    StatusError: CommonComponent<GroupChannelBannedUsersProps['StatusError']>;
+}
+export type GroupChannelBannedUsersFragment = CommonComponent<GroupChannelBannedUsersProps['Fragment']>;