@sendbird/uikit-react-native 3.1.2 → 3.3.0

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

@@ -1,16 +1,19 @@
 import React from 'react';
+import { SendbirdChatParams } from '@sendbird/chat';
+import { GroupChannelModule } from '@sendbird/chat/groupChannel';
+import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import type { HeaderStyleContextType, UIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { SBUConfig } from '@sendbird/uikit-tools';
-import type { PartialDeep, SendbirdChatSDK, SendbirdEncryption, SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';
+import type { PartialDeep, SendbirdChatSDK, SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';
 import type { ChatRelatedFeaturesInUIKit } from '../contexts/SendbirdChatCtx';
 import type { ImageCompressionConfigInterface } from '../libs/ImageCompressionConfig';
 import { MentionConfigInterface } from '../libs/MentionConfig';
+import { VoiceMessageConfigInterface } from '../libs/VoiceMessageConfig';
 import type { StringSet } from '../localization/StringSet.type';
-import type { ClipboardServiceInterface, FileServiceInterface, MediaServiceInterface, NotificationServiceInterface } from '../platform/types';
+import type { ClipboardServiceInterface, FileServiceInterface, MediaServiceInterface, NotificationServiceInterface, PlayerServiceInterface, RecorderServiceInterface } from '../platform/types';
 import type { ErrorBoundaryProps, LocalCacheStorage } from '../types';
-type UnimplementedFeatures = 'enableVoiceMessage' | 'threadReplySelectType' | 'replyType';
 export declare const SendbirdUIKit: Readonly<{
-    VERSION: "3.1.2";
+    VERSION: "3.3.0";
     PLATFORM: string;
     DEFAULT: {
         AUTO_PUSH_TOKEN_REGISTRATION: boolean;
@@ -18,6 +21,9 @@ export declare const SendbirdUIKit: Readonly<{
         IMAGE_COMPRESSION: boolean;
     };
 }>;
+type UnimplementedFeatures = 'threadReplySelectType' | 'replyType';
+export type ChatOmittedInitParams = Omit<SendbirdChatParams<[GroupChannelModule, OpenChannelModule]>, (typeof chatOmitKeys)[number]>;
+declare const chatOmitKeys: readonly ["appId", "newInstance", "modules", "debugMode", "appVersion", "localCacheEnabled", "useAsyncStorageStore"];
 export type SendbirdUIKitContainerProps = React.PropsWithChildren<{
     appId: string;
     platformServices: {
@@ -25,12 +31,13 @@ export type SendbirdUIKitContainerProps = React.PropsWithChildren<{
         notification: NotificationServiceInterface;
         clipboard: ClipboardServiceInterface;
         media: MediaServiceInterface;
+        player: PlayerServiceInterface;
+        recorder: RecorderServiceInterface;
     };
     chatOptions: {
         localCacheStorage: LocalCacheStorage;
-        localCacheEncryption?: SendbirdEncryption;
         onInitialized?: (sdkInstance: SendbirdChatSDK) => SendbirdChatSDK;
-    } & Partial<ChatRelatedFeaturesInUIKit>;
+    } & Partial<ChatOmittedInitParams> & Partial<ChatRelatedFeaturesInUIKit>;
     uikitOptions?: PartialDeep<{
         common: SBUConfig['common'];
         groupChannel: Omit<SBUConfig['groupChannel']['channel'], UnimplementedFeatures> & {
@@ -53,7 +60,7 @@ export type SendbirdUIKitContainerProps = React.PropsWithChildren<{
     errorBoundary?: {
         disabled?: boolean;
         onError?: (props: ErrorBoundaryProps) => void;
-        ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;
+        ErrorInfoComponent?: (props: ErrorBoundaryProps) => React.ReactNode;
     };
     toast?: {
         dismissTimeout?: number;
@@ -62,8 +69,12 @@ export type SendbirdUIKitContainerProps = React.PropsWithChildren<{
         onCreateChannel: (channel: SendbirdGroupChannel) => void;
         onBeforeCreateChannel?: (channelParams: SendbirdGroupChannelCreateParams, users: SendbirdUser[] | SendbirdMember[]) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;
     };
+    reaction?: {
+        onPressUserProfile?: (user: SendbirdUser | SendbirdMember) => void;
+    };
     userMention?: Pick<Partial<MentionConfigInterface>, 'mentionLimit' | 'suggestionLimit' | 'debounceMills'>;
     imageCompression?: Partial<ImageCompressionConfigInterface>;
+    voiceMessage?: PartialDeep<VoiceMessageConfigInterface>;
 }>;
-declare const SendbirdUIKitContainer: ({ children, appId, chatOptions, uikitOptions, platformServices, localization, styles, errorBoundary, toast, userProfile, userMention, imageCompression, }: SendbirdUIKitContainerProps) => JSX.Element;
+declare const SendbirdUIKitContainer: (props: SendbirdUIKitContainerProps) => React.JSX.Element;
 export default SendbirdUIKitContainer;

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

@@ -7,5 +7,5 @@ export type LocalizationContextType = {
     STRINGS: StringSet;
 };
 export declare const LocalizationContext: React.Context<LocalizationContextType | null>;
-export declare const LocalizationProvider: ({ children, stringSet }: Props) => JSX.Element;
+export declare const LocalizationProvider: ({ children, stringSet }: Props) => React.JSX.Element;
 export {};

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

@@ -1,17 +1,17 @@
 import React from 'react';
-import type { ClipboardServiceInterface, FileServiceInterface, MediaServiceInterface, NotificationServiceInterface } from '../platform/types';
-type Props = React.PropsWithChildren<{
-    fileService: FileServiceInterface;
-    clipboardService: ClipboardServiceInterface;
-    notificationService: NotificationServiceInterface;
-    mediaService: MediaServiceInterface;
-}>;
+import VoiceMessageConfig from '../libs/VoiceMessageConfig';
+import type { ClipboardServiceInterface, FileServiceInterface, MediaServiceInterface, NotificationServiceInterface, PlayerServiceInterface, RecorderServiceInterface } from '../platform/types';
 export type PlatformServiceContextType = {
     fileService: FileServiceInterface;
     clipboardService: ClipboardServiceInterface;
     notificationService: NotificationServiceInterface;
     mediaService: MediaServiceInterface;
+    recorderService: RecorderServiceInterface;
+    playerService: PlayerServiceInterface;
 };
+type Props = React.PropsWithChildren<PlatformServiceContextType & {
+    voiceMessageConfig: VoiceMessageConfig;
+}>;
 export declare const PlatformServiceContext: React.Context<PlatformServiceContextType | null>;
-export declare const PlatformServiceProvider: ({ children, fileService, clipboardService, notificationService, mediaService, }: Props) => JSX.Element;
+export declare const PlatformServiceProvider: ({ children, voiceMessageConfig, ...services }: Props) => React.JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { SendbirdBaseChannel, SendbirdBaseMessage } from '@sendbird/uikit-utils';
+import { ReactionBottomSheetProps } from '../components/ReactionBottomSheets';
 type State = {
     message?: SendbirdBaseMessage;
     channel?: SendbirdBaseChannel;
@@ -12,7 +13,9 @@ export type ReactionContextType = {
     updateReactionFocusedItem(param?: State): void;
     focusIndex: number;
 } & State;
-type Props = React.PropsWithChildren<{}>;
+type Props = React.PropsWithChildren<{
+    onPressUserProfile?: ReactionBottomSheetProps['onPressUserProfile'];
+}>;
 export declare const ReactionContext: React.Context<ReactionContextType | null>;
-export declare const ReactionProvider: ({ children }: Props) => JSX.Element;
+export declare const ReactionProvider: ({ children, onPressUserProfile }: Props) => React.JSX.Element;
 export {};

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

@@ -4,6 +4,7 @@ import type { SendbirdChatSDK, SendbirdGroupChannel, SendbirdUser } from '@sendb
 import type EmojiManager from '../libs/EmojiManager';
 import type ImageCompressionConfig from '../libs/ImageCompressionConfig';
 import type MentionManager from '../libs/MentionManager';
+import type VoiceMessageConfig from '../libs/VoiceMessageConfig';
 import type { FileType } from '../platform/types';
 export interface ChatRelatedFeaturesInUIKit {
     enableAutoPushTokenRegistration: boolean;
@@ -15,14 +16,16 @@ interface Props extends ChatRelatedFeaturesInUIKit, React.PropsWithChildren {
     emojiManager: EmojiManager;
     mentionManager: MentionManager;
     imageCompressionConfig: ImageCompressionConfig;
+    voiceMessageConfig: VoiceMessageConfig;
 }
 export type SendbirdChatContextType = {
     sdk: SendbirdChatSDK;
+    currentUser?: SendbirdUser;
+    setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;
     emojiManager: EmojiManager;
     mentionManager: MentionManager;
     imageCompressionConfig: ImageCompressionConfig;
-    currentUser?: SendbirdUser;
-    setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;
+    voiceMessageConfig: VoiceMessageConfig;
     updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;
     markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;
     sbOptions: {
@@ -57,5 +60,5 @@ export type SendbirdChatContextType = {
     };
 };
 export declare const SendbirdChatContext: React.Context<SendbirdChatContextType | null>;
-export declare const SendbirdChatProvider: ({ children, sdkInstance, emojiManager, mentionManager, imageCompressionConfig, enableAutoPushTokenRegistration, enableUseUserIdForNickname, enableImageCompression, }: Props) => JSX.Element;
+export declare const SendbirdChatProvider: ({ children, sdkInstance, emojiManager, mentionManager, imageCompressionConfig, voiceMessageConfig, enableAutoPushTokenRegistration, enableUseUserIdForNickname, enableImageCompression, }: Props) => React.JSX.Element;
 export {};

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

@@ -15,5 +15,5 @@ type Props = React.PropsWithChildren<{
     statusBarTranslucent?: boolean;
 }>;
 export declare const UserProfileContext: React.Context<UserProfileContextType | null>;
-export declare const UserProfileProvider: ({ children, onCreateChannel, onBeforeCreateChannel, statusBarTranslucent, }: Props) => JSX.Element;
+export declare const UserProfileProvider: ({ children, onCreateChannel, onBeforeCreateChannel, statusBarTranslucent, }: Props) => React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelProps } from '../types';
-declare const GroupChannelHeader: ({ shouldHideRight, onPressHeaderLeft, onPressHeaderRight, }: GroupChannelProps['Header']) => JSX.Element;
+declare const GroupChannelHeader: ({ shouldHideRight, onPressHeaderLeft, onPressHeaderRight, }: GroupChannelProps['Header']) => React.JSX.Element;
 export default GroupChannelHeader;

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

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: Pick<import("../../../components/ChannelInput").ChannelInputProps, "onPressUpdateUserMessage" | "shouldRenderInput" | "onPressSendUserMessage" | "onPressSendFileMessage" | "onPressUpdateFileMessage" | "SuggestedMentionList" | "AttachmentsButton">) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: Pick<import("../../../components/ChannelInput").ChannelInputProps, "onPressUpdateUserMessage" | "shouldRenderInput" | "onPressSendUserMessage" | "onPressSendFileMessage" | "onPressUpdateFileMessage" | "SuggestedMentionList" | "AttachmentsButton">) => React.JSX.Element>;
 export default _default;

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

@@ -5,5 +5,5 @@ declare const _default: React.MemoExoticComponent<(props: Pick<import("../../../
     onUpdateSearchItem: (searchItem?: {
         startingPoint: number;
     } | undefined) => void;
-}) => JSX.Element>;
+}) => React.JSX.Element>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const GroupChannelStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const GroupChannelStatusEmpty: () => React.JSX.Element;
 export default GroupChannelStatusEmpty;

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

@@ -1,2 +1,3 @@
-declare const GroupChannelStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const GroupChannelStatusLoading: () => React.JSX.Element;
 export default GroupChannelStatusLoading;

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

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

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

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { FlatList } from 'react-native';
 import type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';
 import type { OnBeforeHandler, SendbirdFileMessage, SendbirdFileMessageCreateParams, SendbirdFileMessageUpdateParams, SendbirdGroupChannel, SendbirdMessage, SendbirdUser, SendbirdUserMessage, SendbirdUserMessageCreateParams, SendbirdUserMessageUpdateParams } from '@sendbird/uikit-utils';
 import type { ChannelInputProps, SuggestedMentionListProps } from '../../components/ChannelInput';
@@ -44,6 +45,8 @@ export interface GroupChannelProps {
         enableTypingIndicator: boolean;
         keyboardAvoidOffset?: number;
         groupChannelPubSub: PubSub<GroupChannelPubSubContextPayload>;
+        messages: SendbirdMessage[];
+        onUpdateSearchItem: (searchItem?: GroupChannelProps['MessageList']['searchItem']) => void;
     };
 }
 /**
@@ -65,6 +68,48 @@ export interface GroupChannelContextsType {
         typingUsers: SendbirdUser[];
     }>;
     PubSub: React.Context<PubSub<GroupChannelPubSubContextPayload>>;
+    MessageList: React.Context<{
+        /**
+         * ref object for FlatList of MessageList
+         * */
+        flatListRef: React.MutableRefObject<FlatList | null>;
+        /**
+         * Function that scrolls to a message within a group channel.
+         * @param messageId {number} - The id of the message to scroll.
+         * @param options {object} - Scroll options (optional).
+         * @param options.focusAnimated {boolean} - Enable a shake animation on the message component upon completion of scrolling.
+         * @param options.viewPosition {number} - Position information to adjust the visible area during scrolling. bottom(0) ~ top(1.0)
+         *
+         * @example
+         * ```
+         *   const { scrollToMessage } = useContext(GroupChannelContexts.MessageList);
+         *   const messageIncludedInMessageList = scrollToMessage(lastMessage.messageId, { focusAnimated: true, viewPosition: 1 });
+         *   if (!messageIncludedInMessageList) console.warn('Message not found in the message list.');
+         * ```
+         * */
+        scrollToMessage: (messageId: number, options?: {
+            focusAnimated?: boolean;
+            viewPosition?: number;
+        }) => boolean;
+        /**
+         * Call the FlatList function asynchronously to scroll to bottom lazily
+         * to avoid scrolling before data rendering has been committed.
+         * */
+        lazyScrollToBottom: (params?: {
+            animated?: boolean;
+            timeout?: number;
+        }) => void;
+        /**
+         * Call the FlatList function asynchronously to scroll to index lazily.
+         * to avoid scrolling before data rendering has been committed.
+         * */
+        lazyScrollToIndex: (params?: {
+            index?: number;
+            animated?: boolean;
+            timeout?: number;
+            viewPosition?: number;
+        }) => void;
+    }>;
 }
 export interface GroupChannelModule {
     Provider: CommonComponent<GroupChannelProps['Provider']>;
@@ -86,4 +131,7 @@ export type GroupChannelPubSubContextPayload = {
     data: {
         messages: SendbirdMessage[];
     };
+} | {
+    type: 'TYPING_BUBBLE_RENDERED';
+    data?: undefined;
 };

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

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

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

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

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

@@ -1,2 +1,3 @@
-declare const GroupChannelBannedUsersStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const GroupChannelBannedUsersStatusEmpty: () => React.JSX.Element;
 export default GroupChannelBannedUsersStatusEmpty;

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

@@ -1,2 +1,3 @@
-declare const GroupChannelBannedUsersStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const GroupChannelBannedUsersStatusLoading: () => React.JSX.Element;
 export default GroupChannelBannedUsersStatusLoading;

package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelListProps } from '../types';
-declare const GroupChannelListHeader: (_: GroupChannelListProps['Header']) => JSX.Element;
+declare const GroupChannelListHeader: (_: GroupChannelListProps['Header']) => React.JSX.Element;
 export default GroupChannelListHeader;

package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelListProps } from '../types';
-declare const GroupChannelListList: ({ onPressChannel, renderGroupChannelPreview, groupChannels, onLoadNext, flatListProps, menuItemCreator, }: GroupChannelListProps['List']) => JSX.Element;
+declare const GroupChannelListList: ({ onPressChannel, renderGroupChannelPreview, groupChannels, onLoadNext, flatListProps, menuItemCreator, }: GroupChannelListProps['List']) => React.JSX.Element;
 export default GroupChannelListList;

package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListStatusEmpty.d.ts

@@ -1,2 +1,3 @@
-declare const GroupChannelListStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const GroupChannelListStatusEmpty: () => React.JSX.Element;
 export default GroupChannelListStatusEmpty;

package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListStatusLoading.d.ts

@@ -1,2 +1,3 @@
-declare const GroupChannelListStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const GroupChannelListStatusLoading: () => React.JSX.Element;
 export default GroupChannelListStatusLoading;

package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListTypeSelector.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelListProps } from '../types';
-declare const GroupChannelListTypeSelector: ({ skipTypeSelection, onSelectType }: GroupChannelListProps['TypeSelector']) => JSX.Element | null;
+declare const GroupChannelListTypeSelector: ({ skipTypeSelection, onSelectType }: GroupChannelListProps['TypeSelector']) => React.JSX.Element | null;
 export default GroupChannelListTypeSelector;

package/lib/typescript/src/domain/groupChannelModeration/component/GroupChannelModerationHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelModerationProps } from '../types';
-declare const GroupChannelModerationHeader: ({ onPressHeaderLeft }: GroupChannelModerationProps['Header']) => JSX.Element;
+declare const GroupChannelModerationHeader: ({ onPressHeaderLeft }: GroupChannelModerationProps['Header']) => React.JSX.Element;
 export default GroupChannelModerationHeader;

package/lib/typescript/src/domain/groupChannelModeration/component/GroupChannelModerationMenu.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelModerationProps } from '../types';
-declare const GroupChannelModerationMenu: ({ onPressMenuBannedUsers, onPressMenuMutedMembers, onPressMenuOperators, menuItemsCreator, }: GroupChannelModerationProps['Menu']) => JSX.Element;
+declare const GroupChannelModerationMenu: ({ onPressMenuBannedUsers, onPressMenuMutedMembers, onPressMenuOperators, menuItemsCreator, }: GroupChannelModerationProps['Menu']) => React.JSX.Element;
 export default GroupChannelModerationMenu;

package/lib/typescript/src/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelMutedMembersProps } from '../types';
-declare const GroupChannelMutedMembersHeader: ({ onPressHeaderLeft }: GroupChannelMutedMembersProps['Header']) => JSX.Element;
+declare const GroupChannelMutedMembersHeader: ({ onPressHeaderLeft }: GroupChannelMutedMembersProps['Header']) => React.JSX.Element;
 export default GroupChannelMutedMembersHeader;

package/lib/typescript/src/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelMutedMembersProps } from '../types';
-declare const GroupChannelMutedMembersList: ({ renderUser, mutedMembers, ListEmptyComponent, onLoadNext, }: GroupChannelMutedMembersProps['List']) => JSX.Element;
+declare const GroupChannelMutedMembersList: ({ renderUser, mutedMembers, ListEmptyComponent, onLoadNext, }: GroupChannelMutedMembersProps['List']) => React.JSX.Element;
 export default GroupChannelMutedMembersList;

package/lib/typescript/src/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersStatusEmpty.d.ts

@@ -1,2 +1,3 @@
-declare const GroupChannelMutedMembersStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const GroupChannelMutedMembersStatusEmpty: () => React.JSX.Element;
 export default GroupChannelMutedMembersStatusEmpty;

package/lib/typescript/src/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersStatusLoading.d.ts

@@ -1,2 +1,3 @@
-declare const GroupChannelMutedMembersStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const GroupChannelMutedMembersStatusLoading: () => React.JSX.Element;
 export default GroupChannelMutedMembersStatusLoading;

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

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

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

@@ -1,2 +1,3 @@
-declare const GroupChannelNotificationsView: () => JSX.Element;
+import React from 'react';
+declare const GroupChannelNotificationsView: () => React.JSX.Element;
 export default GroupChannelNotificationsView;

package/lib/typescript/src/domain/groupChannelOperators/component/GroupChannelOperatorsHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelOperatorsProps } from '../types';
-declare const GroupChannelOperatorsHeader: ({ onPressHeaderLeft, onPressHeaderRight, }: GroupChannelOperatorsProps['Header']) => JSX.Element;
+declare const GroupChannelOperatorsHeader: ({ onPressHeaderLeft, onPressHeaderRight, }: GroupChannelOperatorsProps['Header']) => React.JSX.Element;
 export default GroupChannelOperatorsHeader;

package/lib/typescript/src/domain/groupChannelOperators/component/GroupChannelOperatorsList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelOperatorsProps } from '../types';
-declare const GroupChannelOperatorsList: ({ operators, renderUser, ListEmptyComponent, onLoadNext, }: GroupChannelOperatorsProps['List']) => JSX.Element;
+declare const GroupChannelOperatorsList: ({ operators, renderUser, ListEmptyComponent, onLoadNext, }: GroupChannelOperatorsProps['List']) => React.JSX.Element;
 export default GroupChannelOperatorsList;

package/lib/typescript/src/domain/groupChannelOperators/component/GroupChannelOperatorsStatusEmpty.d.ts

@@ -1,2 +1,3 @@
-declare const GroupChannelOperatorsStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const GroupChannelOperatorsStatusEmpty: () => React.JSX.Element;
 export default GroupChannelOperatorsStatusEmpty;

package/lib/typescript/src/domain/groupChannelOperators/component/GroupChannelOperatorsStatusLoading.d.ts

@@ -1,2 +1,3 @@
-declare const GroupChannelOperatorsStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const GroupChannelOperatorsStatusLoading: () => React.JSX.Element;
 export default GroupChannelOperatorsStatusLoading;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelSettingsProps } from '../types';
-declare const GroupChannelSettingsHeader: ({ onPressHeaderLeft }: GroupChannelSettingsProps['Header']) => JSX.Element;
+declare const GroupChannelSettingsHeader: ({ onPressHeaderLeft }: GroupChannelSettingsProps['Header']) => React.JSX.Element;
 export default GroupChannelSettingsHeader;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GroupChannelSettingsProps } from '../types';
-declare const GroupChannelSettingsInfo: (_: GroupChannelSettingsProps['Info']) => JSX.Element;
+declare const GroupChannelSettingsInfo: (_: GroupChannelSettingsProps['Info']) => React.JSX.Element;
 export default GroupChannelSettingsInfo;

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

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

package/lib/typescript/src/domain/messageSearch/component/MessageSearchHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { MessageSearchProps } from '../types';
-declare const MessageSearchHeader: ({ keyword, onChangeKeyword, onPressHeaderLeft, onPressHeaderRight, }: MessageSearchProps['Header']) => JSX.Element;
+declare const MessageSearchHeader: ({ keyword, onChangeKeyword, onPressHeaderLeft, onPressHeaderRight, }: MessageSearchProps['Header']) => React.JSX.Element;
 export default MessageSearchHeader;

package/lib/typescript/src/domain/messageSearch/component/MessageSearchList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { MessageSearchProps } from '../types';
-declare const MessageSearchList: ({ messages, renderSearchResultItem, flatListProps, onPressSearchResultItem, channel, }: MessageSearchProps['List']) => JSX.Element;
+declare const MessageSearchList: ({ messages, renderSearchResultItem, flatListProps, onPressSearchResultItem, channel, }: MessageSearchProps['List']) => React.JSX.Element;
 export default MessageSearchList;

package/lib/typescript/src/domain/messageSearch/component/MessageSearchStatusEmpty.d.ts

@@ -1,2 +1,3 @@
-declare const MessageSearchStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const MessageSearchStatusEmpty: () => React.JSX.Element;
 export default MessageSearchStatusEmpty;

package/lib/typescript/src/domain/messageSearch/component/MessageSearchStatusLoading.d.ts

@@ -1,2 +1,3 @@
-declare const MessageSearchStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const MessageSearchStatusLoading: () => React.JSX.Element;
 export default MessageSearchStatusLoading;

package/lib/typescript/src/domain/openChannel/component/OpenChannelHeader.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<({ onPressHeaderLeft, onPressHeaderRight, rightIconName }: {
-    rightIconName: "search" | "photo" | "user" | "document" | "done" | "message" | "add" | "chat-hide" | "chat-show" | "archive" | "arrow-left" | "ban" | "broadcast" | "camera" | "channels" | "chat-filled" | "chat" | "checkbox-off" | "checkbox-on" | "chevron-down" | "chevron-right" | "close" | "copy" | "create" | "delete" | "done-all" | "download" | "edit" | "emoji-more" | "error" | "file-audio" | "file-document" | "freeze" | "gif" | "info" | "leave" | "members" | "moderation" | "more" | "mute" | "notifications-filled" | "notifications-off-filled" | "notifications" | "operator" | "play" | "plus" | "question" | "radio-off" | "radio-on" | "refresh" | "remove" | "reply-filled" | "reply" | "send" | "settings-filled" | "spinner" | "streaming" | "supergroup" | "theme" | "thumbnail-none" | "unarchive";
+    rightIconName: "search" | "stop" | "photo" | "recording" | "message" | "done" | "user" | "add" | "chat-hide" | "chat-show" | "archive" | "arrow-left" | "audio-off-filled" | "audio-off" | "audio-on-filled" | "audio-on" | "ban" | "broadcast" | "camera" | "channels" | "chat-filled" | "chat" | "checkbox-off" | "checkbox-on" | "chevron-down" | "chevron-right" | "close" | "copy" | "create" | "delete" | "document" | "done-all" | "download" | "edit" | "emoji-more" | "error" | "file-audio" | "file-document" | "freeze" | "gif" | "info" | "leave" | "members" | "moderation" | "more" | "mute" | "notifications-filled" | "notifications-off-filled" | "notifications" | "operator" | "pause" | "play" | "plus" | "question" | "radio-off" | "radio-on" | "refresh" | "remove" | "reply-filled" | "reply" | "send" | "settings-filled" | "spinner" | "streaming" | "supergroup" | "theme" | "thumbnail-none" | "unarchive";
     onPressHeaderLeft: () => void;
     onPressHeaderRight: () => void;
-}) => JSX.Element>;
+}) => React.JSX.Element>;
 export default _default;

package/lib/typescript/src/domain/openChannel/component/OpenChannelInput.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: Pick<import("../../../components/ChannelInput").ChannelInputProps, "onPressUpdateUserMessage" | "shouldRenderInput" | "onPressSendUserMessage" | "onPressSendFileMessage" | "onPressUpdateFileMessage" | "AttachmentsButton">) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: Pick<import("../../../components/ChannelInput").ChannelInputProps, "onPressUpdateUserMessage" | "shouldRenderInput" | "onPressSendUserMessage" | "onPressSendFileMessage" | "onPressUpdateFileMessage" | "AttachmentsButton">) => React.JSX.Element>;
 export default _default;

package/lib/typescript/src/domain/openChannel/component/OpenChannelMessageList.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: Pick<import("../../../components/ChannelMessageList").ChannelMessageListProps<import("@sendbird/chat/openChannel").OpenChannel>, "channel" | "onTopReached" | "onBottomReached" | "onScrolledAwayFromBottom" | "currentUserId" | "enableMessageGrouping" | "hasNext" | "onDeleteMessage" | "onResendFailedMessage" | "onPressMediaMessage" | "renderNewMessagesButton" | "renderScrollToBottomButton" | "renderMessage" | "messages" | "newMessages" | "scrolledAwayFromBottom" | "flatListProps">) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: Pick<import("../../../components/ChannelMessageList").ChannelMessageListProps<import("@sendbird/chat/openChannel").OpenChannel>, "channel" | "onTopReached" | "onBottomReached" | "onScrolledAwayFromBottom" | "currentUserId" | "enableMessageGrouping" | "hasNext" | "onDeleteMessage" | "onResendFailedMessage" | "onPressMediaMessage" | "renderNewMessagesButton" | "renderScrollToBottomButton" | "renderMessage" | "messages" | "newMessages" | "scrolledAwayFromBottom" | "flatListProps">) => React.JSX.Element>;
 export default _default;

package/lib/typescript/src/domain/openChannel/component/OpenChannelStatusEmpty.d.ts

@@ -1,2 +1,3 @@
-declare const OpenChannelStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const OpenChannelStatusEmpty: () => React.JSX.Element;
 export default OpenChannelStatusEmpty;

package/lib/typescript/src/domain/openChannel/component/OpenChannelStatusLoading.d.ts

@@ -1,2 +1,3 @@
-declare const OpenChannelStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const OpenChannelStatusLoading: () => React.JSX.Element;
 export default OpenChannelStatusLoading;

package/lib/typescript/src/domain/openChannelBannedUsers/component/OpenChannelBannedUsersHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelBannedUsersProps } from '../types';
-declare const OpenChannelBannedUsersHeader: ({ onPressHeaderLeft }: OpenChannelBannedUsersProps['Header']) => JSX.Element;
+declare const OpenChannelBannedUsersHeader: ({ onPressHeaderLeft }: OpenChannelBannedUsersProps['Header']) => React.JSX.Element;
 export default OpenChannelBannedUsersHeader;

package/lib/typescript/src/domain/openChannelBannedUsers/component/OpenChannelBannedUsersList.d.ts

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

package/lib/typescript/src/domain/openChannelBannedUsers/component/OpenChannelBannedUsersStatusEmpty.d.ts

@@ -1,2 +1,3 @@
-declare const OpenChannelBannedUsersStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const OpenChannelBannedUsersStatusEmpty: () => React.JSX.Element;
 export default OpenChannelBannedUsersStatusEmpty;

package/lib/typescript/src/domain/openChannelBannedUsers/component/OpenChannelBannedUsersStatusLoading.d.ts

@@ -1,2 +1,3 @@
-declare const OpenChannelBannedUsersStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const OpenChannelBannedUsersStatusLoading: () => React.JSX.Element;
 export default OpenChannelBannedUsersStatusLoading;

package/lib/typescript/src/domain/openChannelCreate/component/OpenChannelCreateHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelCreateProps } from '../types';
-declare const OpenChannelCreateHeader: ({ onPressHeaderLeft, onPressHeaderRight, shouldActivateHeaderRight, }: OpenChannelCreateProps['Header']) => JSX.Element;
+declare const OpenChannelCreateHeader: ({ onPressHeaderLeft, onPressHeaderRight, shouldActivateHeaderRight, }: OpenChannelCreateProps['Header']) => React.JSX.Element;
 export default OpenChannelCreateHeader;

package/lib/typescript/src/domain/openChannelCreate/component/OpenChannelCreateProfileInput.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelCreateProps } from '../types';
-declare const OpenChannelCreateProfileInput: ({ channelName, channelCoverFile, onChangeChannelName, onChangeChannelCoverFile, }: OpenChannelCreateProps['ProfileInput']) => JSX.Element;
+declare const OpenChannelCreateProfileInput: ({ channelName, channelCoverFile, onChangeChannelName, onChangeChannelCoverFile, }: OpenChannelCreateProps['ProfileInput']) => React.JSX.Element;
 export default OpenChannelCreateProfileInput;

package/lib/typescript/src/domain/openChannelCreate/component/OpenChannelCreateStatusLoading.d.ts

@@ -1,2 +1,3 @@
-declare const OpenChannelCreateStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const OpenChannelCreateStatusLoading: () => React.JSX.Element;
 export default OpenChannelCreateStatusLoading;

package/lib/typescript/src/domain/openChannelList/component/OpenChannelListHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelListProps } from '../types';
-declare const OpenChannelListHeader: ({ onPressHeaderRight }: OpenChannelListProps['Header']) => JSX.Element;
+declare const OpenChannelListHeader: ({ onPressHeaderRight }: OpenChannelListProps['Header']) => React.JSX.Element;
 export default OpenChannelListHeader;

package/lib/typescript/src/domain/openChannelList/component/OpenChannelListList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelListProps } from '../types';
-declare const OpenChanelListList: ({ onPressChannel, openChannels, onLoadNext, flatListProps, renderOpenChannelPreview, refreshing, onRefresh, }: OpenChannelListProps['List']) => JSX.Element;
+declare const OpenChanelListList: ({ onPressChannel, openChannels, onLoadNext, flatListProps, renderOpenChannelPreview, refreshing, onRefresh, }: OpenChannelListProps['List']) => React.JSX.Element;
 export default OpenChanelListList;

package/lib/typescript/src/domain/openChannelList/component/OpenChannelListStatusEmpty.d.ts

@@ -1,2 +1,3 @@
-declare const OpenChannelListStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const OpenChannelListStatusEmpty: () => React.JSX.Element;
 export default OpenChannelListStatusEmpty;