@sendbird/uikit-react-native 2.1.0 → 2.3.0

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

@@ -1,28 +1,5 @@
-/// <reference types="react" />
 export declare const useLocalization: () => import("../contexts/LocalizationCtx").LocalizationContextType;
-export declare const usePlatformService: () => {
-    fileService: import("..").FileServiceInterface;
-    clipboardService: import("..").ClipboardServiceInterface;
-    notificationService: import("..").NotificationServiceInterface;
-    mediaService?: import("../platform/types").MediaServiceInterface | undefined;
-} & {
-    children?: import("react").ReactNode;
-};
-export declare const useSendbirdChat: () => {
-    sdk: import("packages/uikit-utils/lib/typescript/src").SendbirdChatSDK;
-    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>;
-    markAsDeliveredWithChannel: (channel: import("@sendbird/chat/groupChannel").GroupChannel) => void;
-    features: {
-        autoPushTokenRegistrationEnabled: boolean;
-        channelListTypingIndicatorEnabled: boolean;
-        channelListMessageReceiptStatusEnabled: boolean;
-        useUserIdForNicknameEnabled: boolean;
-        deliveryReceiptEnabled: boolean;
-        broadcastChannelEnabled: boolean;
-        superGroupChannelEnabled: boolean;
-        reactionEnabled: boolean;
-    };
-};
+export declare const usePlatformService: () => import("../contexts/PlatformServiceCtx").PlatformServiceContextType;
+export declare const useSendbirdChat: () => import("../contexts/SendbirdChatCtx").SendbirdChatContextType;
 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';
@@ -43,7 +46,7 @@ export { default as createExpoFileService } from './platform/createFileService.e
 export { default as createExpoClipboardService } from './platform/createClipboardService.expo';
 export { default as createExpoNotificationService } from './platform/createNotificationService.expo';
 export { default as createExpoMediaService } from './platform/createMediaService.expo';
-export type { FileServiceInterface, ClipboardServiceInterface, FilePickerServiceInterface, FileSystemServiceInterface, SaveOptions, OpenDocumentOptions, OpenCameraOptions, OpenMediaLibraryOptions, OpenResultListener, DownloadedPath, Unsubscribe, FilePickerResponse, FileType, NotificationServiceInterface, } from './platform/types';
+export type { FileServiceInterface, ClipboardServiceInterface, FilePickerServiceInterface, FileSystemServiceInterface, SaveOptions, OpenDocumentOptions, OpenCameraOptions, OpenMediaLibraryOptions, OpenResultListener, DownloadedPath, Unsubscribe, FilePickerResponse, FileType, NotificationServiceInterface, MediaServiceInterface, } from './platform/types';
 /** Domain **/
 export * from './domain/groupChannel';
 export type { GroupChannelProps, GroupChannelModule, GroupChannelFragment, GroupChannelContextsType, } from './domain/groupChannel/types';
@@ -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/ImageCompressionConfig.d.ts

@@ -0,0 +1,16 @@
+export interface ImageCompressionConfigInterface {
+    compressionRate: number;
+    width?: number;
+    height?: number;
+}
+declare class ImageCompressionConfig {
+    private _config;
+    static DEFAULT: {
+        COMPRESSION_RATE: number;
+    };
+    constructor(_config: ImageCompressionConfigInterface);
+    get compressionRate(): number;
+    get width(): number | undefined;
+    get height(): number | undefined;
+}
+export default ImageCompressionConfig;

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/libs/SBUUtils.d.ts

@@ -1,3 +1,9 @@
 export default class SBUUtils {
     static openSettings(): void;
+    static openURL(url: string): void;
+    static getImageSize(uri: string): Promise<{
+        width: number;
+        height: number;
+    }>;
+    static safeRun(callback: () => Promise<void>): Promise<void>;
 }

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;
@@ -130,6 +144,9 @@ export interface StringSet {
         }) => string;
     };
     LABELS: {
+        PERMISSION_APP_NAME: string;
+        PERMISSION_CAMERA: string;
+        PERMISSION_DEVICE_STORAGE: string;
         USER_NO_NAME: string;
         CHANNEL_NO_MEMBERS: string;
         TYPING_INDICATOR_TYPINGS: (users: SendbirdUser[]) => string | undefined;
@@ -189,7 +206,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,9 +1,13 @@
 import type * as ExpoAV from 'expo-av';
+import type * as ExpoFS from 'expo-file-system';
+import type * as ExpoImageManipulator from 'expo-image-manipulator';
 import type * as ExpoVideoThumbnail from 'expo-video-thumbnails';
 import type { MediaServiceInterface } from './types';
-declare type Modules = {
+type Modules = {
     avModule: typeof ExpoAV;
     thumbnailModule: typeof ExpoVideoThumbnail;
+    imageManipulator: typeof ExpoImageManipulator;
+    fsModule: typeof ExpoFS;
 };
-declare const createExpoMediaService: ({ avModule, thumbnailModule }: Modules) => MediaServiceInterface;
+declare const createExpoMediaService: ({ avModule, thumbnailModule, imageManipulator, fsModule, }: Modules) => MediaServiceInterface;
 export default createExpoMediaService;

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

@@ -1,9 +1,11 @@
-import type * as CreateThumbnail from 'react-native-create-thumbnail';
-import type Video from 'react-native-video';
+import type * as RNImageResizer from '@bam.tech/react-native-image-resizer';
+import type * as RNCreateThumbnail from 'react-native-create-thumbnail';
+import type RNVideo from 'react-native-video';
 import type { MediaServiceInterface } from './types';
-declare type Modules = {
-    VideoComponent: typeof Video;
-    thumbnailModule: typeof CreateThumbnail;
+type Modules = {
+    VideoComponent: typeof RNVideo;
+    thumbnailModule: typeof RNCreateThumbnail;
+    imageResizerModule: typeof RNImageResizer;
 };
-declare const createNativeMediaService: ({ VideoComponent, thumbnailModule }: Modules) => MediaServiceInterface;
+declare const createNativeMediaService: ({ VideoComponent, thumbnailModule, imageResizerModule, }: Modules) => MediaServiceInterface;
 export default createNativeMediaService;

package/lib/typescript/src/platform/dynamicModule.d.ts

@@ -1,23 +1,18 @@
-import type RNNetInfo from '@react-native-community/netinfo';
-import type RNFastImage from 'react-native-fast-image';
-import type RNFileAccess from 'react-native-file-access';
-export interface DynamicModules {
-    'react-native-file-access': typeof RNFileAccess;
-    'react-native-fast-image': typeof RNFastImage;
-    '@react-native-community/netinfo': typeof RNNetInfo;
-}
-export declare type SBUNativeModule = keyof DynamicModules;
+import type * as RNCNetInfo from '@react-native-community/netinfo';
+export type SBUNativeModule = keyof DynamicModules;
 interface SBUDynamicModuleInfo {
     packageName: SBUNativeModule;
-    minVersion: string;
-    moduleName: string;
+    nativeModuleNamespace: string;
     getPackage: <T>(logLevel: 'error' | 'warn' | 'none') => T;
     url: string;
+    isComponent?: boolean;
+}
+export interface DynamicModules {
+    '@react-native-community/netinfo': typeof RNCNetInfo;
 }
-export declare function checkVersion(minVersion: string, currentVersion: string): boolean;
 declare const SBUDynamicModule: {
     register(mdi: SBUDynamicModuleInfo): void;
     getInfo(name: SBUNativeModule): SBUDynamicModuleInfo;
-    get<K extends keyof DynamicModules, T extends DynamicModules[K]>(name: K, logLevel?: 'error' | 'warn' | 'none'): T;
+    get<K extends "@react-native-community/netinfo", T extends DynamicModules[K]>(name: K, logLevel?: 'error' | 'warn' | 'none'): T;
 };
 export default SBUDynamicModule;