@sendbird/uikit-react-native 2.1.0 → 2.2.0

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']>;

package/lib/typescript/src/domain/groupChannelMutedMembers/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 GroupChannelMutedMembersProps = {
+export type GroupChannelMutedMembersProps = {
     Fragment: {
         channel: SendbirdGroupChannel;
         onPressHeaderLeft: GroupChannelMutedMembersProps['Header']['onPressHeaderLeft'];
@@ -30,7 +30,7 @@ export declare type GroupChannelMutedMembersProps = {
  * For example, the developer can create a custom header
  * with getting data from the domain context
  * */
-export declare type GroupChannelMutedMembersContextsType = {
+export type GroupChannelMutedMembersContextsType = {
     Fragment: React.Context<{
         headerTitle: string;
         channel: SendbirdGroupChannel;
@@ -44,4 +44,4 @@ export interface GroupChannelMutedMembersModule {
     StatusLoading: CommonComponent;
     StatusError: CommonComponent<GroupChannelMutedMembersProps['StatusError']>;
 }
-export declare type GroupChannelMutedMembersFragment = CommonComponent<GroupChannelMutedMembersProps['Fragment']>;
+export type GroupChannelMutedMembersFragment = CommonComponent<GroupChannelMutedMembersProps['Fragment']>;

package/lib/typescript/src/domain/groupChannelNotifications/component/GroupChannelNotificationsHeader.d.ts

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

package/lib/typescript/src/domain/groupChannelNotifications/component/GroupChannelNotificationsView.d.ts

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

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

@@ -0,0 +1,4 @@
+export { default as GroupChannelNotificationsView } from './component/GroupChannelNotificationsView';
+export { default as GroupChannelNotificationsHeader } from './component/GroupChannelNotificationsHeader';
+export { default as createGroupChannelNotificationsModule } from './module/createGroupChannelNotificationsModule';
+export { GroupChannelNotificationsContextsProvider, GroupChannelNotificationsContexts } from './module/moduleContext';

package/lib/typescript/src/domain/groupChannelNotifications/module/createGroupChannelNotificationsModule.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelNotificationsModule } from '../types';
+declare const createGroupChannelNotificationsModule: ({ Header, View, Provider, ...module }?: Partial<GroupChannelNotificationsModule>) => GroupChannelNotificationsModule;
+export default createGroupChannelNotificationsModule;

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

@@ -0,0 +1,3 @@
+import type { GroupChannelNotificationsContextsType, GroupChannelNotificationsModule } from '../types';
+export declare const GroupChannelNotificationsContexts: GroupChannelNotificationsContextsType;
+export declare const GroupChannelNotificationsContextsProvider: GroupChannelNotificationsModule['Provider'];

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

@@ -0,0 +1,33 @@
+import type React from 'react';
+import type { SendbirdGroupChannel } from '@sendbird/uikit-utils';
+import type { CommonComponent } from '../../types';
+export type GroupChannelNotificationsProps = {
+    Fragment: {
+        channel: SendbirdGroupChannel;
+        onPressHeaderLeft: GroupChannelNotificationsProps['Header']['onPressHeaderLeft'];
+    };
+    Header: {
+        onPressHeaderLeft: () => void;
+    };
+    View: {};
+    Provider: {
+        channel: SendbirdGroupChannel;
+    };
+};
+/**
+ * Internal context for GroupChannelNotifications
+ * For example, the developer can create a custom header
+ * with getting data from the domain context
+ * */
+export type GroupChannelNotificationsContextsType = {
+    Fragment: React.Context<{
+        channel: SendbirdGroupChannel;
+        headerTitle: string;
+    }>;
+};
+export interface GroupChannelNotificationsModule {
+    Provider: CommonComponent<GroupChannelNotificationsProps['Provider']>;
+    Header: CommonComponent<GroupChannelNotificationsProps['Header']>;
+    View: CommonComponent<GroupChannelNotificationsProps['View']>;
+}
+export type GroupChannelNotificationsFragment = CommonComponent<GroupChannelNotificationsProps['Fragment']>;

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

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

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

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

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

@@ -9,6 +9,7 @@ export interface GroupChannelSettingsProps {
         onPressMenuModeration: GroupChannelSettingsProps['Menu']['onPressMenuModeration'];
         onPressMenuMembers: GroupChannelSettingsProps['Menu']['onPressMenuMembers'];
         onPressMenuLeaveChannel: GroupChannelSettingsProps['Menu']['onPressMenuLeaveChannel'];
+        onPressMenuNotification?: GroupChannelSettingsProps['Menu']['onPressMenuNotification'];
         menuItemsCreator?: GroupChannelSettingsProps['Menu']['menuItemsCreator'];
     };
     Header: {
@@ -19,6 +20,7 @@ export interface GroupChannelSettingsProps {
         onPressMenuModeration: () => void;
         onPressMenuMembers: () => void;
         onPressMenuLeaveChannel: () => void;
+        onPressMenuNotification?: () => void;
         menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];
     };
     Provider: {
@@ -44,4 +46,4 @@ export interface GroupChannelSettingsModule {
     Info: CommonComponent<GroupChannelSettingsProps['Info']>;
     Menu: CommonComponent<GroupChannelSettingsProps['Menu']>;
 }
-export declare type GroupChannelSettingsFragment = CommonComponent<GroupChannelSettingsProps['Fragment']>;
+export type GroupChannelSettingsFragment = CommonComponent<GroupChannelSettingsProps['Fragment']>;

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

@@ -1,5 +1,5 @@
-import type { UseUserListOptions, UserStruct } from '@sendbird/uikit-chat-hooks';
-import type { SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdMember } from '@sendbird/uikit-utils';
+import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
+import type { SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdMember, UserStruct } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
 import type { GroupChannelType } from '../groupChannelList/types';
 import type { UserListProps } from '../userList/types';
@@ -14,7 +14,7 @@ export interface GroupChannelCreateProps<User extends UserStruct> {
         renderUser?: UserListProps<User>['List']['renderUser'];
     };
 }
-export declare type GroupChannelCreateFragment<User extends UserStruct> = CommonComponent<GroupChannelCreateProps<User>['Fragment']>;
+export type GroupChannelCreateFragment<User extends UserStruct> = CommonComponent<GroupChannelCreateProps<User>['Fragment']>;
 export interface GroupChannelInviteProps<User extends UserStruct> {
     Fragment: {
         channel: SendbirdGroupChannel;
@@ -25,7 +25,7 @@ export interface GroupChannelInviteProps<User extends UserStruct> {
         sortComparator?: UseUserListOptions<User>['sortComparator'];
     };
 }
-export declare type GroupChannelInviteFragment<User extends UserStruct> = CommonComponent<GroupChannelInviteProps<User>['Fragment']>;
+export type GroupChannelInviteFragment<User extends UserStruct> = CommonComponent<GroupChannelInviteProps<User>['Fragment']>;
 export interface GroupChannelMembersProps<User extends UserStruct> {
     Fragment: {
         channel: SendbirdGroupChannel;
@@ -35,7 +35,7 @@ export interface GroupChannelMembersProps<User extends UserStruct> {
         renderUser?: UserListProps<User>['List']['renderUser'];
     };
 }
-export declare type GroupChannelMembersFragment<User extends UserStruct> = CommonComponent<GroupChannelMembersProps<User>['Fragment']>;
+export type GroupChannelMembersFragment<User extends UserStruct> = CommonComponent<GroupChannelMembersProps<User>['Fragment']>;
 export interface GroupChannelRegisterOperatorProps<User extends UserStruct = SendbirdMember> {
     Fragment: {
         channel: SendbirdGroupChannel;
@@ -45,4 +45,4 @@ export interface GroupChannelRegisterOperatorProps<User extends UserStruct = Sen
         renderUser?: UserListProps<User>['List']['renderUser'];
     };
 }
-export declare type GroupChannelRegisterOperatorFragment<User extends UserStruct> = CommonComponent<GroupChannelRegisterOperatorProps<User>['Fragment']>;
+export type GroupChannelRegisterOperatorFragment<User extends UserStruct> = CommonComponent<GroupChannelRegisterOperatorProps<User>['Fragment']>;

package/lib/typescript/src/domain/userList/component/UserListList.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import type { UserStruct } from '@sendbird/uikit-utils';
 import type { UserListProps } from '../types';
-declare const UserListList: <T>({ users, onRefresh, refreshing, renderUser, onLoadNext, ListEmptyComponent, }: {
+declare const UserListList: <T extends UserStruct>({ users, onRefresh, refreshing, renderUser, onLoadNext, ListEmptyComponent, }: {
     users: T[];
     renderUser: (user: T, selectedUsers: T[], setSelectedUsers: React.Dispatch<React.SetStateAction<T[]>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
     onLoadNext: () => Promise<void>;

package/lib/typescript/src/domain/userList/module/createUserListModule.d.ts

@@ -1,3 +1,4 @@
+import type { UserStruct } from '@sendbird/uikit-utils';
 import type { UserListModule } from '../types';
-declare const createUserListModule: <T>({ Header, List, StatusLoading, StatusEmpty, StatusError, Provider, ...module }?: Partial<UserListModule<T>>) => UserListModule<T>;
+declare const createUserListModule: <T extends UserStruct>({ Header, List, StatusLoading, StatusEmpty, StatusError, Provider, ...module }?: Partial<UserListModule<T>>) => UserListModule<T>;
 export default createUserListModule;

package/lib/typescript/src/fragments/createGroupChannelCreateFragment.d.ts

@@ -1,4 +1,4 @@
-import { UserStruct } from '@sendbird/uikit-chat-hooks';
+import { UserStruct } from '@sendbird/uikit-utils';
 import type { GroupChannelCreateFragment } from '../domain/groupChannelUserList/types';
 import type { UserListModule } from '../domain/userList/types';
 declare const createGroupChannelCreateFragment: <UserType extends UserStruct>(initModule?: Partial<UserListModule<UserType>> | undefined) => GroupChannelCreateFragment<UserType>;

package/lib/typescript/src/fragments/createGroupChannelInviteFragment.d.ts

@@ -1,4 +1,4 @@
-import { UserStruct } from '@sendbird/uikit-chat-hooks';
+import type { UserStruct } from '@sendbird/uikit-utils';
 import type { GroupChannelInviteFragment } from '../domain/groupChannelUserList/types';
 import type { UserListModule } from '../domain/userList/types';
 declare const createGroupChannelInviteFragment: <UserType extends UserStruct>(initModule?: Partial<UserListModule<UserType>> | undefined) => GroupChannelInviteFragment<UserType>;

package/lib/typescript/src/fragments/createGroupChannelNotificationsFragment.d.ts

@@ -0,0 +1,3 @@
+import type { GroupChannelNotificationsFragment, GroupChannelNotificationsModule } from '../domain/groupChannelNotifications/types';
+declare const createGroupChannelNotificationsFragment: (initModule?: Partial<GroupChannelNotificationsModule>) => GroupChannelNotificationsFragment;
+export default createGroupChannelNotificationsFragment;

package/lib/typescript/src/hooks/useConnection.d.ts

@@ -1,5 +1,5 @@
 import { SendbirdUser } from '@sendbird/uikit-utils';
-declare type ConnectOptions = {
+type ConnectOptions = {
     nickname?: string;
     accessToken?: string;
 };

package/lib/typescript/src/hooks/useContext.d.ts

@@ -10,6 +10,8 @@ export declare const usePlatformService: () => {
 };
 export declare const useSendbirdChat: () => {
     sdk: import("packages/uikit-utils/lib/typescript/src").SendbirdChatSDK;
+    emojiManager: import("../libs/EmojiManager").default;
+    mentionManager: import("../libs/MentionManager").default;
     currentUser?: import("@sendbird/chat").User | undefined;
     setCurrentUser: import("react").Dispatch<import("react").SetStateAction<import("@sendbird/chat").User | undefined>>;
     updateCurrentUserInfo: (nickname?: string | undefined, profile?: string | import("..").FileType | undefined) => Promise<import("@sendbird/chat").User>;
@@ -19,6 +21,7 @@ export declare const useSendbirdChat: () => {
         channelListTypingIndicatorEnabled: boolean;
         channelListMessageReceiptStatusEnabled: boolean;
         useUserIdForNicknameEnabled: boolean;
+        userMentionEnabled: boolean;
         deliveryReceiptEnabled: boolean;
         broadcastChannelEnabled: boolean;
         superGroupChannelEnabled: boolean;
@@ -26,3 +29,4 @@ export declare const useSendbirdChat: () => {
     };
 };
 export declare const useUserProfile: () => import("../contexts/UserProfileCtx").UserProfileContextType;
+export declare const useReaction: () => import("../contexts/ReactionCtx").ReactionContextType;

package/lib/typescript/src/hooks/useKeyboardStatus.d.ts

@@ -0,0 +1,6 @@
+declare const useKeyboardStatus: () => {
+    visible: boolean;
+    height: number;
+    bottomSpace: number;
+};
+export default useKeyboardStatus;

package/lib/typescript/src/hooks/useMentionSuggestion.d.ts

@@ -0,0 +1,17 @@
+import type { SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';
+import type { Range } from '../types';
+declare const useMentionSuggestion: (params: {
+    text: string;
+    selection: Range;
+    channel: SendbirdGroupChannel;
+    mentionedUsers: {
+        user: SendbirdUser;
+        range: Range;
+    }[];
+}) => {
+    members: import("@sendbird/chat/groupChannel").Member[];
+    reset: () => void;
+    searchStringRange: Range;
+    searchLimited: boolean;
+};
+export default useMentionSuggestion;

package/lib/typescript/src/hooks/useMentionTextInput.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { NativeSyntheticEvent, TextInput, TextInputSelectionChangeEventData } from 'react-native';
+import { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';
+import type { MentionedUser } from '../types';
+declare const useMentionTextInput: (params: {
+    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;
+}) => {
+    textInputRef: import("react").MutableRefObject<TextInput | undefined>;
+    selection: {
+        start: number;
+        end: number;
+    };
+    onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;
+    text: string;
+    onChangeText: (_nextText: string, addedMentionedUser?: MentionedUser) => void;
+    mentionedUsers: MentionedUser[];
+};
+export default useMentionTextInput;

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

@@ -1,4 +1,6 @@
 export { default as MessageRenderer } from './components/MessageRenderer';
+export { ReactionAddons } from './components/ReactionAddons';
+export { ReactionBottomSheets } from './components/ReactionBottomSheets';
 export { default as ChannelCover } from './components/ChannelCover';
 export { default as ChatFlatList } from './components/ChatFlatList';
 export { default as FileViewer } from './components/FileViewer';
@@ -21,6 +23,7 @@ export { default as createGroupChannelOperatorsFragment } from './fragments/crea
 export { default as createGroupChannelRegisterOperatorFragment } from './fragments/createGroupChannelRegisterOperatorFragment';
 export { default as createGroupChannelMutedMembersFragment } from './fragments/createGroupChannelMutedMembersFragment';
 export { default as createGroupChannelBannedUsersFragment } from './fragments/createGroupChannelBannedUsersFragment';
+export { default as createGroupChannelNotificationsFragment } from './fragments/createGroupChannelNotificationsFragment';
 /** Context **/
 export { SendbirdChatContext, SendbirdChatProvider } from './contexts/SendbirdChatCtx';
 export { PlatformServiceContext, PlatformServiceProvider } from './contexts/PlatformServiceCtx';
@@ -29,7 +32,7 @@ export { LocalizationContext, LocalizationProvider } from './contexts/Localizati
 /** Hooks **/
 export { default as useConnection } from './hooks/useConnection';
 export { default as usePushTokenRegistration } from './hooks/usePushTokenRegistration';
-export { useLocalization, usePlatformService, useSendbirdChat, useUserProfile } from './hooks/useContext';
+export * from './hooks/useContext';
 /** Localization **/
 export { default as StringSetEn } from './localization/StringSet.en';
 export { createBaseStringSet } from './localization/StringSet.type';
@@ -51,9 +54,11 @@ export * from './domain/groupChannelSettings';
 export type { GroupChannelSettingsProps, GroupChannelSettingsModule, GroupChannelSettingsFragment, GroupChannelSettingsContextsType, } from './domain/groupChannelSettings/types';
 export * from './domain/groupChannelList';
 export type { GroupChannelType, GroupChannelListProps, GroupChannelListModule, GroupChannelListFragment, GroupChannelListContextsType, } from './domain/groupChannelList/types';
+export * from './domain/groupChannelNotifications';
+export { GroupChannelNotificationsProps, GroupChannelNotificationsContextsType, GroupChannelNotificationsFragment, GroupChannelNotificationsModule, } from './domain/groupChannelNotifications/types';
+export * from './domain/groupChannelUserList/types';
 export * from './domain/userList';
 export type { UserListProps, UserListModule, UserListContextsType } from './domain/userList/types';
-export * from './domain/groupChannelUserList/types';
 /** UIKit **/
 export { default as SendbirdUIKitContainer, SendbirdUIKit } from './containers/SendbirdUIKitContainer';
 export type { SendbirdUIKitContainerProps } from './containers/SendbirdUIKitContainer';

package/lib/typescript/src/libs/EmojiManager.d.ts

@@ -0,0 +1,16 @@
+import type { SendbirdEmojiContainer } from '@sendbird/uikit-utils';
+import InternalLocalCacheStorage from './InternalLocalCacheStorage';
+declare class EmojiManager {
+    private internalStorage;
+    static key: string;
+    constructor(internalStorage?: InternalLocalCacheStorage);
+    private emojiStorage;
+    private _emojiCategoryMap;
+    get emojiCategoryMap(): Record<string, import("@sendbird/chat").EmojiCategory>;
+    private _allEmojiMap;
+    get allEmojiMap(): Record<string, import("@sendbird/chat").Emoji>;
+    private _allEmoji;
+    get allEmoji(): import("@sendbird/chat").Emoji[];
+    init: (emojiContainer?: SendbirdEmojiContainer) => Promise<void>;
+}
+export default EmojiManager;

package/lib/typescript/src/libs/MentionConfig.d.ts

@@ -0,0 +1,24 @@
+export interface MentionConfigInterface {
+    mentionLimit: number;
+    suggestionLimit: number;
+    debounceMills: number;
+    delimiter: string;
+    trigger: string;
+}
+declare class MentionConfig {
+    private _config;
+    static DEFAULT: {
+        MENTION_LIMIT: number;
+        SUGGESTION_LIMIT: number;
+        DEBOUNCE_MILLS: number;
+        DELIMITER: string;
+        TRIGGER: string;
+    };
+    constructor(_config: MentionConfigInterface);
+    get mentionLimit(): number;
+    get suggestionLimit(): number;
+    get delimiter(): string;
+    get debounceMills(): number;
+    get trigger(): string;
+}
+export default MentionConfig;

package/lib/typescript/src/libs/MentionManager.d.ts

@@ -0,0 +1,61 @@
+import type { SendbirdFileMessage, SendbirdUser, SendbirdUserMessage } from '@sendbird/uikit-utils';
+import type { MentionedUser, Range } from '../types';
+import type { MentionConfigInterface } from './MentionConfig';
+declare class MentionManager {
+    config: MentionConfigInterface;
+    mentionEnabled: boolean;
+    private _invalidStartsKeywords;
+    private _templateRegex;
+    constructor(config: MentionConfigInterface, mentionEnabled: boolean);
+    rangeHelpers: {
+        inRangeUnderOver(start: number, num: number, end: number): boolean;
+        inRangeUnderMore(start: number, num: number, end: number): boolean;
+        inRangeLessOver(start: number, num: number, end: number): boolean;
+        inRangeLessMore(start: number, num: number, end: number): boolean;
+        overlaps(a: Range, b: Range, compare?: 'underOver' | 'underMore' | 'lessOver' | 'lessMore'): boolean;
+    };
+    get templateRegex(): RegExp;
+    getSearchString: (text: string, selectionIndex: number) => {
+        searchString: string;
+        isTriggered: () => boolean;
+        isValidSearchString: () => boolean;
+    };
+    /**
+     * @description Reconcile the range by offset in the mentioned users
+     * */
+    reconcileRangeOfMentionedUsers: (offset: number, selectionIndex: number, mentionedUsers: MentionedUser[]) => MentionedUser[];
+    /**
+     * @description Remove users who in a range
+     * */
+    removeMentionedUsersInSelection: (selection: Range, mentionedUsers: MentionedUser[]) => {
+        filtered: MentionedUser[];
+        lastSelection: number;
+        removedOffset: number;
+    };
+    getSearchStringRangeInText: (selectionIndex: number, searchString: string) => Range;
+    /**
+     * @description User to @{user.id} template format
+     * */
+    asMentionedMessageTemplate: (user: SendbirdUser, delimiter?: boolean) => string;
+    /**
+     * @description User to @user.nickname text format
+     * */
+    asMentionedMessageText: (user: SendbirdUser, delimiter?: boolean) => string;
+    /**
+     * @description Bold @user.nickname
+     * */
+    textToMentionedComponents: (text: string, mentionedUsers: MentionedUser[]) => string | (string | JSX.Element)[];
+    textToMentionedMessageTemplate: (text: string, mentionedUsers: MentionedUser[]) => string;
+    /**
+     * @description Convert @{user.id} template to @user.nickname text and MentionedUser[] array.
+     * */
+    templateToTextAndMentionedUsers: (template: string, mentionedUsers: SendbirdUser[]) => {
+        mentionedText: string;
+        mentionedUsers: MentionedUser[];
+    };
+    shouldUseMentionedMessageTemplate: (message?: SendbirdUserMessage | SendbirdFileMessage) => message is RequiredSpecific<import("@sendbird/chat/message").FileMessage | import("@sendbird/chat/message").UserMessage, "mentionedMessageTemplate" | "mentionedUserIds" | "mentionType" | "mentionedUsers">;
+}
+type RequiredSpecific<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};
+export default MentionManager;

package/lib/typescript/src/localization/StringSet.type.d.ts

@@ -24,6 +24,8 @@ export interface StringSet {
         INPUT_PLACEHOLDER_MUTED: string;
         INPUT_EDIT_OK: string;
         INPUT_EDIT_CANCEL: string;
+        /** GroupChannel > Suggested mention list */
+        MENTION_LIMITED: (mentionLimit: number) => string;
         /** GroupChannel > Dialog > Message */
         DIALOG_MESSAGE_COPY: string;
         DIALOG_MESSAGE_EDIT: string;
@@ -47,9 +49,12 @@ export interface StringSet {
         HEADER_RIGHT: string;
         /** GroupChannelSettings > Menu */
         MENU_MODERATION: string;
-        MENU_NOTIFICATION: string;
         MENU_MEMBERS: string;
         MENU_LEAVE_CHANNEL: string;
+        MENU_NOTIFICATION: string;
+        MENU_NOTIFICATION_LABEL_ON: string;
+        MENU_NOTIFICATION_LABEL_OFF: string;
+        MENU_NOTIFICATION_LABEL_MENTION_ONLY: string;
         /** GroupChannelSettings > Dialog */
         DIALOG_CHANGE_NAME: string;
         DIALOG_CHANGE_IMAGE: string;
@@ -61,6 +66,15 @@ export interface StringSet {
         DIALOG_CHANGE_IMAGE_MENU_CAMERA: string;
         DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: string;
     };
+    GROUP_CHANNEL_NOTIFICATIONS: {
+        /** GroupChannelNotifications > Header */
+        HEADER_TITLE: string;
+        /** GroupChannelNotifications > Menu */
+        MENU_NOTIFICATIONS: string;
+        MENU_NOTIFICATIONS_DESC: string;
+        MENU_NOTIFICATIONS_OPTION_ALL: string;
+        MENU_NOTIFICATIONS_OPTION_MENTION_ONLY: string;
+    };
     GROUP_CHANNEL_MODERATION: {
         /** GroupChannelModeration > Header */
         HEADER_TITLE: string;
@@ -189,7 +203,7 @@ export interface StringSet {
         BODY: (user: SendbirdUser | SendbirdMember) => string;
     };
 }
-declare type StringSetCreateOptions = {
+type StringSetCreateOptions = {
     dateLocale: Locale;
     overrides?: PartialDeep<StringSet>;
 };

package/lib/typescript/src/platform/createMediaService.expo.d.ts

@@ -1,7 +1,7 @@
 import type * as ExpoAV from 'expo-av';
 import type * as ExpoVideoThumbnail from 'expo-video-thumbnails';
 import type { MediaServiceInterface } from './types';
-declare type Modules = {
+type Modules = {
     avModule: typeof ExpoAV;
     thumbnailModule: typeof ExpoVideoThumbnail;
 };