@sendbird/uikit-react-native 3.5.3 → 3.6.0

package/lib/typescript/src/components/ThreadParentMessageRenderer/ThreadParentMessage.file.video.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ThreadParentMessageRendererProps } from './index';
+type Props = ThreadParentMessageRendererProps<{
+    fetchThumbnailFromVideoSource: (uri: string) => Promise<{
+        path: string;
+    } | null>;
+}>;
+declare const ThreadParentMessageFileVideo: (props: Props) => React.JSX.Element | null;
+export default ThreadParentMessageFileVideo;

package/lib/typescript/src/components/ThreadParentMessageRenderer/ThreadParentMessage.file.voice.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ThreadParentMessageRendererProps } from './index';
+export type VoiceFileMessageState = {
+    status: 'preparing' | 'playing' | 'paused';
+    currentTime: number;
+    duration: number;
+};
+type Props = ThreadParentMessageRendererProps<{
+    durationMetaArrayKey?: string;
+    onUnmount: () => void;
+}>;
+declare const ThreadParentMessageFileVoice: (props: Props) => React.JSX.Element | null;
+export default ThreadParentMessageFileVoice;

package/lib/typescript/src/components/ThreadParentMessageRenderer/ThreadParentMessage.user.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type RegexTextPattern } from '@sendbird/uikit-react-native-foundation';
+import { SendbirdUserMessage } from '@sendbird/uikit-utils';
+import { ThreadParentMessageRendererProps } from './index';
+type Props = ThreadParentMessageRendererProps<{
+    regexTextPatterns?: RegexTextPattern[];
+    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;
+}>;
+declare const ThreadParentMessageUser: (props: Props) => React.JSX.Element | null;
+export default ThreadParentMessageUser;

package/lib/typescript/src/components/ThreadParentMessageRenderer/ThreadParentMessage.user.og.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type RegexTextPattern } from '@sendbird/uikit-react-native-foundation';
+import { SendbirdUserMessage } from '@sendbird/uikit-utils';
+import { ThreadParentMessageRendererProps } from './index';
+type Props = ThreadParentMessageRendererProps<{
+    regexTextPatterns?: RegexTextPattern[];
+    renderRegexTextChildren?: (message: SendbirdUserMessage) => string;
+}>;
+declare const ThreadParentMessageUserOg: (props: Props) => React.JSX.Element | null;
+export default ThreadParentMessageUserOg;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SendbirdFileMessage, type SendbirdUser, SendbirdUserMessage } from '@sendbird/uikit-utils';
+import { VoiceFileMessageState } from './ThreadParentMessage.file.voice';
+export type ThreadParentMessageRendererProps<AdditionalProps = unknown> = {
+    parentMessage: SendbirdUserMessage | SendbirdFileMessage;
+    onPress?: () => void;
+    onLongPress?: () => void;
+    onPressURL?: (url: string) => void;
+    onPressMentionedUser?: (mentionedUser?: SendbirdUser) => void;
+    onToggleVoiceMessage?: (state: VoiceFileMessageState, setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>) => Promise<void>;
+} & AdditionalProps;
+declare const _default: React.MemoExoticComponent<(props: {
+    parentMessage: import("@sendbird/chat/message").FileMessage | import("@sendbird/chat/message").UserMessage;
+    onPress?: (() => void) | undefined;
+    onLongPress?: (() => void) | undefined;
+    onPressURL?: ((url: string) => void) | undefined;
+    onPressMentionedUser?: ((mentionedUser?: import("@sendbird/chat").User | undefined) => void) | undefined;
+    onToggleVoiceMessage?: ((state: VoiceFileMessageState, setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>) => Promise<void>) | undefined;
+}) => React.JSX.Element | null>;
+export default _default;

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

@@ -13,7 +13,7 @@ import type { StringSet } from '../localization/StringSet.type';
 import type { ClipboardServiceInterface, FileServiceInterface, MediaServiceInterface, NotificationServiceInterface, PlayerServiceInterface, RecorderServiceInterface } from '../platform/types';
 import type { ErrorBoundaryProps, LocalCacheStorage } from '../types';
 export declare const SendbirdUIKit: Readonly<{
-    VERSION: "3.5.3";
+    VERSION: "3.6.0";
     PLATFORM: string;
     DEFAULT: {
         AUTO_PUSH_TOKEN_REGISTRATION: boolean;
@@ -21,7 +21,6 @@ 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<{
@@ -40,8 +39,11 @@ export type SendbirdUIKitContainerProps = React.PropsWithChildren<{
     } & Partial<ChatOmittedInitParams> & Partial<ChatRelatedFeaturesInUIKit>;
     uikitOptions?: PartialDeep<{
         common: SBUConfig['common'];
-        groupChannel: Omit<SBUConfig['groupChannel']['channel'], UnimplementedFeatures> & {
-            replyType: Extract<SBUConfig['groupChannel']['channel']['replyType'], 'none' | 'quote_reply'>;
+        groupChannel: Omit<SBUConfig['groupChannel']['channel'], 'enableReactionsSupergroup'> & {
+            /**
+             * @deprecated Currently, this feature is turned off by default. If you wish to use this feature, contact us: {@link https://dashboard.sendbird.com/settings/contact_us?category=feedback_and_feature_requests&product=UIKit}
+             */
+            enableReactionsSupergroup: never;
         };
         groupChannelList: SBUConfig['groupChannel']['channelList'];
         groupChannelSettings: SBUConfig['groupChannel']['setting'];

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

@@ -5,7 +5,9 @@ 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 VoiceMessageStatusManager from '../libs/VoiceMessageStatusManager';
 import type { FileType } from '../platform/types';
+import { type PubSub } from '../utils/pubsub';
 export interface ChatRelatedFeaturesInUIKit {
     enableAutoPushTokenRegistration: boolean;
     enableUseUserIdForNickname: boolean;
@@ -15,19 +17,30 @@ interface Props extends ChatRelatedFeaturesInUIKit, React.PropsWithChildren {
     sdkInstance: SendbirdChatSDK;
     emojiManager: EmojiManager;
     mentionManager: MentionManager;
+    voiceMessageStatusManager: VoiceMessageStatusManager;
     imageCompressionConfig: ImageCompressionConfig;
     voiceMessageConfig: VoiceMessageConfig;
 }
+export type GroupChannelFragmentOptionsPubSubContextPayload = {
+    type: 'OVERRIDE_SEARCH_ITEM_STARTING_POINT';
+    data: {
+        startingPoint: number;
+    };
+};
 export type SendbirdChatContextType = {
     sdk: SendbirdChatSDK;
     currentUser?: SendbirdUser;
     setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;
     emojiManager: EmojiManager;
     mentionManager: MentionManager;
+    voiceMessageStatusManager: VoiceMessageStatusManager;
     imageCompressionConfig: ImageCompressionConfig;
     voiceMessageConfig: VoiceMessageConfig;
     updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;
     markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;
+    groupChannelFragmentOptions: {
+        pubsub: PubSub<GroupChannelFragmentOptionsPubSubContextPayload>;
+    };
     sbOptions: {
         uikit: SBUConfig;
         uikitWithAppInfo: {
@@ -57,9 +70,10 @@ export type SendbirdChatContextType = {
             broadcastChannelEnabled: boolean;
             superGroupChannelEnabled: boolean;
             reactionEnabled: boolean;
+            uploadSizeLimit: number | undefined;
         };
     };
 };
 export declare const SendbirdChatContext: React.Context<SendbirdChatContextType | null>;
-export declare const SendbirdChatProvider: ({ children, sdkInstance, emojiManager, mentionManager, imageCompressionConfig, voiceMessageConfig, enableAutoPushTokenRegistration, enableUseUserIdForNickname, enableImageCompression, }: Props) => React.JSX.Element;
+export declare const SendbirdChatProvider: ({ children, sdkInstance, emojiManager, mentionManager, voiceMessageStatusManager, imageCompressionConfig, voiceMessageConfig, enableAutoPushTokenRegistration, enableUseUserIdForNickname, enableImageCompression, }: Props) => React.JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@ import type React from 'react';
 import type { FlatList } from 'react-native';
 import type { MessageCollectionParams, MessageFilterParams } from '@sendbird/chat/groupChannel';
 import type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';
-import type { OnBeforeHandler, PickPartial, SendbirdFileMessage, SendbirdFileMessageCreateParams, SendbirdFileMessageUpdateParams, SendbirdGroupChannel, SendbirdMessage, SendbirdUser, SendbirdUserMessage, SendbirdUserMessageCreateParams, SendbirdUserMessageUpdateParams } from '@sendbird/uikit-utils';
+import type { OnBeforeHandler, PickPartial, SendbirdFileMessage, SendbirdFileMessageCreateParams, SendbirdFileMessageUpdateParams, SendbirdGroupChannel, SendbirdMessage, SendbirdSendableMessage, SendbirdUser, SendbirdUserMessage, SendbirdUserMessageCreateParams, SendbirdUserMessageUpdateParams } from '@sendbird/uikit-utils';
 import type { ChannelInputProps, SuggestedMentionListProps } from '../../components/ChannelInput';
 import type { ChannelMessageListProps } from '../../components/ChannelMessageList';
 import type { CommonComponent } from '../../types';
@@ -15,6 +15,7 @@ export interface GroupChannelProps {
         onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];
         onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];
         onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];
+        onPressReplyMessageInThread?: GroupChannelProps['Provider']['onPressReplyMessageInThread'];
         onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;
         onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;
         onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;
@@ -58,6 +59,7 @@ export interface GroupChannelProps {
         groupChannelPubSub: PubSub<GroupChannelPubSubContextPayload>;
         messages: SendbirdMessage[];
         onUpdateSearchItem: (searchItem?: GroupChannelProps['MessageList']['searchItem']) => void;
+        onPressReplyMessageInThread: (parentMessage: SendbirdSendableMessage, startingPoint?: number) => void;
     };
 }
 /**
@@ -120,6 +122,7 @@ export interface GroupChannelContextsType {
             timeout?: number;
             viewPosition?: number;
         }) => void;
+        onPressReplyMessageInThread?: (parentMessage: SendbirdSendableMessage, startingPoint?: number) => void;
     }>;
 }
 export interface GroupChannelModule {

package/lib/typescript/src/domain/groupChannelThread/component/GroupChannelThreadHeader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { GroupChannelThreadProps } from '../types';
+declare const GroupChannelThreadHeader: ({ onPressLeft, onPressSubtitle }: GroupChannelThreadProps['Header']) => React.JSX.Element;
+export default GroupChannelThreadHeader;

package/lib/typescript/src/domain/groupChannelThread/component/GroupChannelThreadInput.d.ts

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

package/lib/typescript/src/domain/groupChannelThread/component/GroupChannelThreadMessageList.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<(props: Pick<import("../../../components/ChannelThreadMessageList").ChannelThreadMessageListProps<import("@sendbird/chat/groupChannel").GroupChannel>, "channel" | "onTopReached" | "onBottomReached" | "onScrolledAwayFromBottom" | "currentUserId" | "enableMessageGrouping" | "searchItem" | "hasNext" | "onDeleteMessage" | "onResendFailedMessage" | "onPressMediaMessage" | "renderMessage" | "messages" | "newMessages" | "scrolledAwayFromBottom" | "flatListProps"> & {
+    onResetMessageList: () => Promise<void>;
+    onResetMessageListWithStartingPoint: (startingPoint: number) => Promise<void>;
+    startingPoint?: number | undefined;
+}) => React.JSX.Element>;
+export default _default;

package/lib/typescript/src/domain/groupChannelThread/component/GroupChannelThreadParentMessageInfo.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<(props: {
+    channel: import("@sendbird/chat/groupChannel").GroupChannel;
+    currentUserId?: string | undefined;
+    onDeleteMessage: (message: import("@sendbird/chat/message").FileMessage | import("@sendbird/chat/message").UserMessage) => Promise<void>;
+    onPressMediaMessage?: ((message: import("@sendbird/chat/message").FileMessage, deleteMessage: () => Promise<void>, uri: string) => void) | undefined;
+}) => React.JSX.Element>;
+export default _default;

package/lib/typescript/src/domain/groupChannelThread/component/GroupChannelThreadStatusEmpty.d.ts

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

package/lib/typescript/src/domain/groupChannelThread/component/GroupChannelThreadStatusLoading.d.ts

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

package/lib/typescript/src/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.d.ts

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

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

@@ -0,0 +1,8 @@
+export { default as GroupChannelThreadHeader } from './component/GroupChannelThreadHeader';
+export { default as GroupChannelThreadMessageList } from './component/GroupChannelThreadMessageList';
+export { default as GroupChannelThreadInput } from './component/GroupChannelThreadInput';
+export { default as GroupChannelThreadSuggestedMentionList } from './component/GroupChannelThreadSuggestedMentionList';
+export { default as GroupChannelThreadStatusEmpty } from './component/GroupChannelThreadStatusEmpty';
+export { default as GroupChannelThreadStatusLoading } from './component/GroupChannelThreadStatusLoading';
+export { default as createGroupChannelThreadModule } from './module/createGroupChannelThreadModule';
+export { GroupChannelThreadContextsProvider, GroupChannelThreadContexts } from './module/moduleContext';

package/lib/typescript/src/domain/groupChannelThread/module/createGroupChannelThreadModule.d.ts

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

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

@@ -0,0 +1,3 @@
+import type { GroupChannelThreadContextsType, GroupChannelThreadModule } from '../types';
+export declare const GroupChannelThreadContexts: GroupChannelThreadContextsType;
+export declare const GroupChannelThreadContextsProvider: GroupChannelThreadModule['Provider'];

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

@@ -0,0 +1,136 @@
+import type React from 'react';
+import type { FlatList } from 'react-native';
+import type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';
+import type { OnBeforeHandler, PickPartial, SendbirdFileMessage, SendbirdFileMessageCreateParams, SendbirdFileMessageUpdateParams, SendbirdGroupChannel, SendbirdMessage, SendbirdUserMessage, SendbirdUserMessageCreateParams, SendbirdUserMessageUpdateParams } from '@sendbird/uikit-utils';
+import type { ChannelInputProps, SuggestedMentionListProps } from '../../components/ChannelInput';
+import type { ChannelThreadMessageListProps } from '../../components/ChannelThreadMessageList';
+import type { CommonComponent } from '../../types';
+import type { PubSub } from '../../utils/pubsub';
+export interface GroupChannelThreadProps {
+    Fragment: {
+        channel: SendbirdGroupChannel;
+        parentMessage: SendbirdUserMessage | SendbirdFileMessage;
+        startingPoint?: number;
+        onParentMessageDeleted: () => void;
+        onChannelDeleted: () => void;
+        onPressHeaderLeft: GroupChannelThreadProps['Header']['onPressLeft'];
+        onPressHeaderSubtitle?: GroupChannelThreadProps['Header']['onPressSubtitle'];
+        onPressMediaMessage?: GroupChannelThreadProps['MessageList']['onPressMediaMessage'];
+        onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;
+        onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;
+        onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;
+        onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;
+        renderMessage?: GroupChannelThreadProps['MessageList']['renderMessage'];
+        enableMessageGrouping?: GroupChannelThreadProps['MessageList']['enableMessageGrouping'];
+        keyboardAvoidOffset?: GroupChannelThreadProps['Provider']['keyboardAvoidOffset'];
+        flatListProps?: GroupChannelThreadProps['MessageList']['flatListProps'];
+        sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];
+    };
+    Header: {
+        onPressLeft: () => void;
+        onPressSubtitle: () => void;
+    };
+    ParentMessageInfo: {
+        channel: SendbirdGroupChannel;
+        currentUserId?: string;
+        onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;
+        onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;
+    };
+    MessageList: Pick<ChannelThreadMessageListProps<SendbirdGroupChannel>, 'enableMessageGrouping' | 'currentUserId' | 'channel' | 'messages' | 'newMessages' | 'scrolledAwayFromBottom' | 'onScrolledAwayFromBottom' | 'onTopReached' | 'onBottomReached' | 'onResendFailedMessage' | 'onDeleteMessage' | 'onPressMediaMessage' | 'renderMessage' | 'flatListProps' | 'hasNext' | 'searchItem'> & {
+        onResetMessageList: () => Promise<void>;
+        onResetMessageListWithStartingPoint: (startingPoint: number) => Promise<void>;
+        startingPoint?: number;
+    };
+    Input: PickPartial<ChannelInputProps, 'shouldRenderInput' | 'onPressSendUserMessage' | 'onPressSendFileMessage' | 'onPressUpdateUserMessage' | 'onPressUpdateFileMessage' | 'SuggestedMentionList' | 'AttachmentsButton', 'inputDisabled'>;
+    SuggestedMentionList: SuggestedMentionListProps;
+    Provider: {
+        channel: SendbirdGroupChannel;
+        keyboardAvoidOffset?: number;
+        groupChannelThreadPubSub: PubSub<GroupChannelThreadPubSubContextPayload>;
+        parentMessage: SendbirdUserMessage | SendbirdFileMessage;
+        threadedMessages: SendbirdMessage[];
+    };
+}
+/**
+ * Internal context for GroupChannelThread
+ * For example, the developer can create a custom header
+ * with getting data from the domain context
+ * */
+export interface GroupChannelThreadContextsType {
+    Fragment: React.Context<{
+        headerTitle: string;
+        keyboardAvoidOffset?: number;
+        channel: SendbirdGroupChannel;
+        parentMessage: SendbirdUserMessage | SendbirdFileMessage;
+        messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;
+        setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;
+    }>;
+    PubSub: React.Context<PubSub<GroupChannelThreadPubSubContextPayload>>;
+    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(GroupChannelThreadContexts.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 GroupChannelThreadModule {
+    Provider: CommonComponent<GroupChannelThreadProps['Provider']>;
+    Header: CommonComponent<GroupChannelThreadProps['Header']>;
+    ParentMessageInfo: CommonComponent<GroupChannelThreadProps['ParentMessageInfo']>;
+    MessageList: CommonComponent<GroupChannelThreadProps['MessageList']>;
+    Input: CommonComponent<GroupChannelThreadProps['Input']>;
+    SuggestedMentionList: CommonComponent<GroupChannelThreadProps['SuggestedMentionList']>;
+    StatusEmpty: CommonComponent;
+    StatusLoading: CommonComponent;
+}
+export type GroupChannelThreadFragment = React.FC<GroupChannelThreadProps['Fragment']>;
+export type GroupChannelThreadPubSubContextPayload = {
+    type: 'MESSAGE_SENT_PENDING' | 'MESSAGE_SENT_SUCCESS';
+    data: {
+        message: SendbirdUserMessage | SendbirdFileMessage;
+    };
+} | {
+    type: 'MESSAGES_RECEIVED' | 'MESSAGES_UPDATED';
+    data: {
+        messages: SendbirdMessage[];
+    };
+} | {
+    type: 'TYPING_BUBBLE_RENDERED';
+    data?: undefined;
+};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<({ onPressHeaderLeft, onPressHeaderRight, rightIconName }: {
-    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";
+    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" | "thread" | "thumbnail-none" | "unarchive";
     onPressHeaderLeft: () => void;
     onPressHeaderRight: () => void;
 }) => React.JSX.Element>;

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

@@ -0,0 +1,5 @@
+import { type SendbirdMessage } from '@sendbird/uikit-utils';
+import type { GroupChannelThreadFragment, GroupChannelThreadModule } from '../domain/groupChannelThread/types';
+declare const createGroupChannelThreadFragment: (initModule?: Partial<GroupChannelThreadModule>) => GroupChannelThreadFragment;
+export declare function threadMessageComparator(a: SendbirdMessage, b: SendbirdMessage): number;
+export default createGroupChannelThreadFragment;

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

@@ -1,7 +1,7 @@
 import { SendbirdChannel } from '@sendbird/uikit-utils';
 import { FileType } from '../platform/types';
 export declare const useChannelInputItems: (channel: SendbirdChannel, sendFileMessage: (file: FileType) => void) => {
-    icon?: "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" | undefined;
+    icon?: "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" | "thread" | "thumbnail-none" | "unarchive" | undefined;
     iconColor?: string | undefined;
     title: string;
     titleColor?: string | undefined;

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

@@ -29,6 +29,7 @@ export { default as createGroupChannelRegisterOperatorFragment } from './fragmen
 export { default as createGroupChannelMutedMembersFragment } from './fragments/createGroupChannelMutedMembersFragment';
 export { default as createGroupChannelBannedUsersFragment } from './fragments/createGroupChannelBannedUsersFragment';
 export { default as createGroupChannelNotificationsFragment } from './fragments/createGroupChannelNotificationsFragment';
+export { default as createGroupChannelThreadFragment } from './fragments/createGroupChannelThreadFragment';
 export { default as createMessageSearchFragment } from './fragments/createMessageSearchFragment';
 /** Fragments - open channels **/
 export { default as createOpenChannelFragment } from './fragments/createOpenChannelFragment';
@@ -82,6 +83,8 @@ export * from './domain/groupChannelNotifications';
 export * from './domain/groupChannelNotifications/types';
 export * from './domain/groupChannelUserList/types';
 export * from './domain/messageSearch/types';
+export * from './domain/groupChannelThread';
+export * from './domain/groupChannelThread/types';
 /** Feature - open channels **/
 export * from './domain/openChannel';
 export * from './domain/openChannel/types';

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

@@ -0,0 +1,11 @@
+declare class VoiceMessageStatusManager {
+    private statusMap;
+    private generateKey;
+    subscribe: (channelUrl: string, messageId: number, subscriber: (currentTime: number) => void) => void;
+    unsubscribe: (channelUrl: string, messageId: number, subscriber: (currentTime: number) => void) => void;
+    publishAll: () => void;
+    getCurrentTime: (channelUrl: string, messageId: number) => number;
+    setCurrentTime: (channelUrl: string, messageId: number, currentTime: number) => void;
+    clear: () => void;
+}
+export default VoiceMessageStatusManager;

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

@@ -105,6 +105,24 @@ export interface StringSet {
         /** GroupChannel > Suggested mention list */
         MENTION_LIMITED: (mentionLimit: number) => string;
     };
+    GROUP_CHANNEL_THREAD: {
+        /** GroupChannelThread > Header */
+        HEADER_TITLE: string;
+        HEADER_SUBTITLE: (currentUserId: string, channel: SendbirdGroupChannel) => string;
+        /** GroupChannelThread > List */
+        LIST_DATE_SEPARATOR: (date: Date, locale?: Locale) => string;
+        LIST_BUTTON_NEW_MSG: (newMessages: SendbirdMessage[]) => string;
+        /** GroupChannelThread > Message bubble */
+        MESSAGE_BUBBLE_TIME: (message: SendbirdMessage, locale?: Locale) => string;
+        MESSAGE_BUBBLE_FILE_TITLE: (message: SendbirdFileMessage) => string;
+        MESSAGE_BUBBLE_EDITED_POSTFIX: string;
+        MESSAGE_BUBBLE_UNKNOWN_TITLE: (message: SendbirdMessage) => string;
+        MESSAGE_BUBBLE_UNKNOWN_DESC: (message: SendbirdMessage) => string;
+        PARENT_MESSAGE_TIME: (message: SendbirdMessage, locale?: Locale) => string;
+        REPLY_COUNT: (replyCount: number, maxReplyCount?: number) => string;
+        /** GroupChannelThread > Suggested mention list */
+        MENTION_LIMITED: (mentionLimit: number) => string;
+    };
     GROUP_CHANNEL_SETTINGS: {
         /** GroupChannelSettings > Header */
         HEADER_TITLE: string;
@@ -236,6 +254,8 @@ export interface StringSet {
         CHANNEL_INPUT_PLACEHOLDER_DISABLED: string;
         CHANNEL_INPUT_PLACEHOLDER_MUTED: string;
         CHANNEL_INPUT_PLACEHOLDER_REPLY: string;
+        CHANNEL_INPUT_PLACEHOLDER_REPLY_IN_THREAD: string;
+        CHANNEL_INPUT_PLACEHOLDER_REPLY_TO_THREAD: string;
         CHANNEL_INPUT_EDIT_OK: string;
         CHANNEL_INPUT_EDIT_CANCEL: string;
         /** ChannelInput > Attachments **/
@@ -251,6 +271,7 @@ export interface StringSet {
         CHANNEL_MESSAGE_SAVE: string;
         CHANNEL_MESSAGE_DELETE: string;
         CHANNEL_MESSAGE_REPLY: string;
+        CHANNEL_MESSAGE_THREAD: string;
         /** Channel > Message > Delete confirm **/
         CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE: string;
         CHANNEL_MESSAGE_DELETE_CONFIRM_OK: string;
@@ -308,6 +329,8 @@ export interface StringSet {
         UNKNOWN_ERROR: string;
         GET_CHANNEL_ERROR: string;
         FIND_PARENT_MSG_ERROR: string;
+        THREAD_PARENT_MESSAGE_DELETED_ERROR: string;
+        FILE_UPLOAD_SIZE_LIMIT_EXCEEDED_ERROR: (uploadSizeLimit: string) => string;
     };
     PROFILE_CARD: {
         BUTTON_MESSAGE: string;

package/lib/typescript/src/localization/createBaseStringSet.d.ts

@@ -1,5 +1,5 @@
 import type { Locale } from 'date-fns';
-import type { PartialDeep } from '@sendbird/uikit-utils';
+import { PartialDeep } from '@sendbird/uikit-utils';
 import type { StringSet } from './StringSet.type';
 type StringSetCreateOptions = {
     dateLocale: Locale;

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

@@ -1,2 +1,2 @@
-declare const VERSION = "3.5.3";
+declare const VERSION = "3.6.0";
 export default VERSION;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react-native",
-  "version": "3.5.3",
+  "version": "3.6.0",
   "description": "Sendbird UIKit for React Native: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.",
   "keywords": [
     "sendbird",
@@ -60,10 +60,10 @@
   },
   "dependencies": {
     "@openspacelabs/react-native-zoomable-view": "^2.1.5",
-    "@sendbird/uikit-chat-hooks": "3.5.3",
-    "@sendbird/uikit-react-native-foundation": "3.5.3",
-    "@sendbird/uikit-tools": "0.0.1-alpha.66",
-    "@sendbird/uikit-utils": "3.5.3"
+    "@sendbird/uikit-chat-hooks": "3.6.0",
+    "@sendbird/uikit-react-native-foundation": "3.6.0",
+    "@sendbird/uikit-tools": "0.0.1-alpha.77",
+    "@sendbird/uikit-utils": "3.6.0"
   },
   "devDependencies": {
     "@bam.tech/react-native-image-resizer": "^3.0.4",
@@ -203,5 +203,5 @@
       ]
     ]
   },
-  "gitHead": "6755956a0655f69825f06abb9c4d8ae12748297c"
+  "gitHead": "74380f45cc34ef2d9f8a6b7f5cb9144329457c5b"
 }

package/src/components/ChannelInput/SendInput.tsx

@@ -53,6 +53,7 @@ const SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(
     channel,
     messageToReply,
     setMessageToReply,
+    messageForThread,
   },
   ref,
 ) {
@@ -71,11 +72,22 @@ const SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(
 
   const messageReplyParams = useIIFE(() => {
     const { groupChannel } = sbOptions.uikit;
-    if (!channel.isGroupChannel() || groupChannel.channel.replyType === 'none' || !messageToReply) return {};
-    return {
-      parentMessageId: messageToReply.messageId,
-      isReplyToChannel: true,
-    };
+
+    if (channel.isGroupChannel()) {
+      if (groupChannel.channel.replyType === 'quote_reply' && messageToReply) {
+        return {
+          parentMessageId: messageToReply.messageId,
+          isReplyToChannel: true,
+        };
+      } else if (groupChannel.channel.replyType === 'thread' && messageForThread) {
+        return {
+          parentMessageId: messageForThread.messageId,
+          isReplyToChannel: true,
+        };
+      }
+    }
+
+    return {};
   });
 
   const messageMentionParams = useIIFE(() => {
@@ -152,6 +164,13 @@ const SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(
     if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
     if (inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
     if (messageToReply) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY;
+    if (messageForThread) {
+      if (messageForThread.threadInfo && messageForThread.threadInfo.replyCount > 0) {
+        return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY_TO_THREAD;
+      } else {
+        return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY_IN_THREAD;
+      }
+    }
 
     return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;
   };

package/src/components/ChannelInput/index.tsx

@@ -65,6 +65,7 @@ export type ChannelInputProps = {
   // reply - only available on group channel
   messageToReply?: undefined | SendbirdUserMessage | SendbirdFileMessage;
   setMessageToReply?: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;
+  messageForThread?: undefined | SendbirdUserMessage | SendbirdFileMessage;
 
   // mention
   SuggestedMentionList?: CommonComponent<SuggestedMentionListProps>;