@sendbird/uikit-react-native 2.4.1 → 2.5.0-rc.0

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

@@ -1,37 +1,8 @@
 import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
-declare const _default: React.MemoExoticComponent<({ currentUserId, channel, messages, renderMessage, nextMessages, newMessagesFromMembers, onBottomReached, onTopReached, renderNewMessagesButton, renderScrollToBottomButton, onResendFailedMessage, onDeleteMessage, onPressImageMessage, onPressMediaMessage, flatListProps, enableMessageGrouping, }: {
-    enableMessageGrouping: boolean;
-    currentUserId?: string | undefined;
-    channel: import("@sendbird/chat/groupChannel").GroupChannel;
-    messages: SendbirdMessage[];
-    nextMessages: SendbirdMessage[];
+declare const _default: React.MemoExoticComponent<(props: Pick<import("../../../components/ChannelMessageList").ChannelMessageListProps<import("@sendbird/chat/groupChannel").GroupChannel>, "channel" | "onTopReached" | "onBottomReached" | "onScrolledAwayFromBottom" | "currentUserId" | "enableMessageGrouping" | "searchItem" | "hasNext" | "onDeleteMessage" | "onResendFailedMessage" | "onPressMediaMessage" | "renderNewMessagesButton" | "renderScrollToBottomButton" | "renderMessage" | "messages" | "newMessages" | "scrolledAwayFromBottom" | "flatListProps" | "onPressImageMessage"> & {
+    onResetMessageList: (callback?: (() => void) | undefined) => void;
     newMessagesFromMembers: SendbirdMessage[];
-    onTopReached: () => void;
-    onBottomReached: () => void;
-    onResendFailedMessage: (failedMessage: import("@sendbird/chat/message").FileMessage | import("@sendbird/chat/message").UserMessage) => Promise<void>;
-    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;
-    renderMessage: (props: {
-        message: SendbirdMessage;
-        prevMessage?: SendbirdMessage | undefined;
-        nextMessage?: SendbirdMessage | undefined;
-        onPress?: (() => void) | undefined;
-        onLongPress?: (() => void) | undefined;
-        channel: import("@sendbird/chat/groupChannel").GroupChannel;
-        currentUserId?: string | undefined;
-        enableMessageGrouping: boolean;
-    }) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-    renderNewMessagesButton: import("../../..").CommonComponent<{
-        visible: boolean;
-        onPress: () => void;
-        newMessages: SendbirdMessage[];
-    }> | null;
-    renderScrollToBottomButton: import("../../..").CommonComponent<{
-        visible: boolean;
-        onPress: () => void;
-    }> | null;
-    flatListProps?: Omit<import("react-native").FlatListProps<SendbirdMessage>, "data" | "renderItem"> | undefined;
-    onPressImageMessage?: ((message: import("@sendbird/chat/message").FileMessage, uri: string) => void) | undefined;
+    nextMessages: SendbirdMessage[];
 }) => JSX.Element>;
 export default _default;

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

@@ -1,9 +1,10 @@
 import type React from 'react';
-import type { FlatListProps } 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';
+import type { ChannelMessageListProps } from '../../components/ChannelMessageList';
 import type { CommonComponent } from '../../types';
+import type { PubSub } from '../../utils/pubsub';
 export interface GroupChannelProps {
     Fragment: {
         channel: SendbirdGroupChannel;
@@ -25,47 +26,21 @@ export interface GroupChannelProps {
         sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];
         collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];
         queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];
-        /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/
+        searchItem?: GroupChannelProps['MessageList']['searchItem'];
+        /** @deprecated Please use `onPressMediaMessage` instead **/
         onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];
     };
     Header: {
+        shouldHideRight: () => boolean;
         onPressHeaderLeft: () => void;
         onPressHeaderRight: () => void;
     };
-    MessageList: {
-        enableMessageGrouping: boolean;
-        currentUserId?: string;
-        channel: SendbirdGroupChannel;
-        messages: SendbirdMessage[];
-        nextMessages: SendbirdMessage[];
+    MessageList: Pick<ChannelMessageListProps<SendbirdGroupChannel>, 'enableMessageGrouping' | 'currentUserId' | 'channel' | 'messages' | 'newMessages' | 'scrolledAwayFromBottom' | 'onScrolledAwayFromBottom' | 'onTopReached' | 'onBottomReached' | 'onResendFailedMessage' | 'onDeleteMessage' | 'onPressMediaMessage' | 'renderMessage' | 'renderNewMessagesButton' | 'renderScrollToBottomButton' | 'flatListProps' | 'onPressImageMessage' | 'hasNext' | 'searchItem'> & {
+        onResetMessageList: (callback?: () => void) => void;
+        /** @deprecated Please use `newMessages` instead */
         newMessagesFromMembers: SendbirdMessage[];
-        onTopReached: () => void;
-        onBottomReached: () => void;
-        onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;
-        onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;
-        onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;
-        renderMessage: (props: {
-            message: SendbirdMessage;
-            prevMessage?: SendbirdMessage;
-            nextMessage?: SendbirdMessage;
-            onPress?: () => void;
-            onLongPress?: () => void;
-            channel: GroupChannelProps['MessageList']['channel'];
-            currentUserId?: GroupChannelProps['MessageList']['currentUserId'];
-            enableMessageGrouping: GroupChannelProps['MessageList']['enableMessageGrouping'];
-        }) => React.ReactElement | null;
-        renderNewMessagesButton: null | CommonComponent<{
-            visible: boolean;
-            onPress: () => void;
-            newMessages: SendbirdMessage[];
-        }>;
-        renderScrollToBottomButton: null | CommonComponent<{
-            visible: boolean;
-            onPress: () => void;
-        }>;
-        flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;
-        /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/
-        onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;
+        /** @deprecated Please use `newMessages` instead */
+        nextMessages: SendbirdMessage[];
     };
     Input: Pick<ChannelInputProps, 'shouldRenderInput' | 'onPressSendUserMessage' | 'onPressSendFileMessage' | 'onPressUpdateUserMessage' | 'onPressUpdateFileMessage' | 'SuggestedMentionList' | 'onSendFileMessage' | 'onSendUserMessage' | 'onUpdateFileMessage' | 'onUpdateUserMessage'>;
     SuggestedMentionList: SuggestedMentionListProps;
@@ -73,6 +48,7 @@ export interface GroupChannelProps {
         channel: SendbirdGroupChannel;
         enableTypingIndicator: boolean;
         keyboardAvoidOffset?: number;
+        groupChannelPubSub: PubSub<GroupChannelPubSubContextPayload>;
     };
 }
 /**
@@ -91,6 +67,7 @@ export interface GroupChannelContextsType {
     TypingIndicator: React.Context<{
         typingUsers: SendbirdUser[];
     }>;
+    PubSub: React.Context<PubSub<GroupChannelPubSubContextPayload>>;
 }
 export interface GroupChannelModule {
     Provider: CommonComponent<GroupChannelProps['Provider']>;
@@ -102,3 +79,14 @@ export interface GroupChannelModule {
     StatusLoading: CommonComponent;
 }
 export type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;
+export type GroupChannelPubSubContextPayload = {
+    type: 'MESSAGE_SENT_PENDING' | 'MESSAGE_SENT_SUCCESS';
+    data: {
+        message: SendbirdUserMessage | SendbirdFileMessage;
+    };
+} | {
+    type: 'MESSAGES_RECEIVED';
+    data: {
+        messages: SendbirdMessage[];
+    };
+};

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

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdGroupChannel, SendbirdRestrictedUser } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
 export type GroupChannelBannedUsersProps = {
@@ -6,6 +7,7 @@ export type GroupChannelBannedUsersProps = {
         channel: SendbirdGroupChannel;
         onPressHeaderLeft: GroupChannelBannedUsersProps['Header']['onPressHeaderLeft'];
         renderUser?: GroupChannelBannedUsersProps['List']['renderUser'];
+        queryCreator?: UseUserListOptions<SendbirdRestrictedUser>['queryCreator'];
     };
     Header: {
         onPressHeaderLeft: () => void;

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

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdGroupChannel, SendbirdRestrictedUser } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
 export type GroupChannelMutedMembersProps = {
@@ -6,6 +7,7 @@ export type GroupChannelMutedMembersProps = {
         channel: SendbirdGroupChannel;
         onPressHeaderLeft: GroupChannelMutedMembersProps['Header']['onPressHeaderLeft'];
         renderUser?: GroupChannelMutedMembersProps['List']['renderUser'];
+        queryCreator?: UseUserListOptions<SendbirdRestrictedUser>['queryCreator'];
     };
     Header: {
         onPressHeaderLeft: () => void;

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

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
 export type GroupChannelOperatorsProps = {
@@ -7,6 +8,7 @@ export type GroupChannelOperatorsProps = {
         onPressHeaderLeft: GroupChannelOperatorsProps['Header']['onPressHeaderLeft'];
         onPressHeaderRight: GroupChannelOperatorsProps['Header']['onPressHeaderRight'];
         renderUser?: GroupChannelOperatorsProps['List']['renderUser'];
+        queryCreator?: UseUserListOptions<SendbirdUser>['queryCreator'];
     };
     Header: {
         onPressHeaderLeft: () => void;

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, onPressMenuNotification, menuItemsCreator, }: GroupChannelSettingsProps['Menu']) => JSX.Element;
+declare const GroupChannelSettingsMenu: ({ onPressMenuModeration, onPressMenuMembers, onPressMenuSearchInChannel, onPressMenuLeaveChannel, onPressMenuNotification, menuItemsCreator, }: GroupChannelSettingsProps['Menu']) => JSX.Element;
 export default GroupChannelSettingsMenu;

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

@@ -8,6 +8,7 @@ export interface GroupChannelSettingsProps {
         onPressHeaderLeft: GroupChannelSettingsProps['Header']['onPressHeaderLeft'];
         onPressMenuModeration: GroupChannelSettingsProps['Menu']['onPressMenuModeration'];
         onPressMenuMembers: GroupChannelSettingsProps['Menu']['onPressMenuMembers'];
+        onPressMenuSearchInChannel?: GroupChannelSettingsProps['Menu']['onPressMenuSearchInChannel'];
         onPressMenuLeaveChannel: GroupChannelSettingsProps['Menu']['onPressMenuLeaveChannel'];
         onPressMenuNotification?: GroupChannelSettingsProps['Menu']['onPressMenuNotification'];
         menuItemsCreator?: GroupChannelSettingsProps['Menu']['menuItemsCreator'];
@@ -19,6 +20,7 @@ export interface GroupChannelSettingsProps {
     Menu: {
         onPressMenuModeration: () => void;
         onPressMenuMembers: () => void;
+        onPressMenuSearchInChannel?: () => void;
         onPressMenuLeaveChannel: () => void;
         onPressMenuNotification?: () => void;
         menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];

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

@@ -26,23 +26,25 @@ export interface GroupChannelInviteProps<User extends UserStruct> {
     };
 }
 export type GroupChannelInviteFragment<User extends UserStruct> = CommonComponent<GroupChannelInviteProps<User>['Fragment']>;
-export interface GroupChannelMembersProps<User extends UserStruct> {
+export interface GroupChannelMembersProps {
     Fragment: {
         channel: SendbirdGroupChannel;
         onPressHeaderLeft: () => void;
         onPressHeaderRight: () => void;
-        sortComparator?: UseUserListOptions<User>['sortComparator'];
-        renderUser?: UserListProps<User>['List']['renderUser'];
+        sortComparator?: UseUserListOptions<SendbirdMember>['sortComparator'];
+        renderUser?: UserListProps<SendbirdMember>['List']['renderUser'];
+        queryCreator?: UseUserListOptions<SendbirdMember>['queryCreator'];
     };
 }
-export type GroupChannelMembersFragment<User extends UserStruct> = CommonComponent<GroupChannelMembersProps<User>['Fragment']>;
-export interface GroupChannelRegisterOperatorProps<User extends UserStruct = SendbirdMember> {
+export type GroupChannelMembersFragment = CommonComponent<GroupChannelMembersProps['Fragment']>;
+export interface GroupChannelRegisterOperatorProps {
     Fragment: {
         channel: SendbirdGroupChannel;
         onPressHeaderLeft: () => void;
         onPressHeaderRight: (channel: SendbirdGroupChannel) => void;
-        sortComparator?: UseUserListOptions<User>['sortComparator'];
-        renderUser?: UserListProps<User>['List']['renderUser'];
+        sortComparator?: UseUserListOptions<SendbirdMember>['sortComparator'];
+        renderUser?: UserListProps<SendbirdMember>['List']['renderUser'];
+        queryCreator?: UseUserListOptions<SendbirdMember>['queryCreator'];
     };
 }
-export type GroupChannelRegisterOperatorFragment<User extends UserStruct> = CommonComponent<GroupChannelRegisterOperatorProps<User>['Fragment']>;
+export type GroupChannelRegisterOperatorFragment = CommonComponent<GroupChannelRegisterOperatorProps['Fragment']>;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+export { default as MessageSearchHeader } from './component/MessageSearchHeader';
+export { default as MessageSearchList } from './component/MessageSearchList';
+export { default as MessageSearchStatusLoading } from './component/MessageSearchStatusLoading';
+export { default as MessageSearchStatusEmpty } from './component/MessageSearchStatusEmpty';
+export { default as MessageSearchStatusError } from './component/MessageSearchStatusError';
+export { default as createMessageSearchModule } from './module/createMessageSearchModule';
+export { MessageSearchContextsProvider, MessageSearchContexts } from './module/moduleContext';

package/lib/typescript/src/domain/messageSearch/module/createMessageSearchModule.d.ts

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

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

@@ -0,0 +1,3 @@
+import type { MessageSearchContextsType, MessageSearchModule } from '../types';
+export declare const MessageSearchContexts: MessageSearchContextsType;
+export declare const MessageSearchContextsProvider: MessageSearchModule['Provider'];

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

@@ -0,0 +1,53 @@
+import type React from 'react';
+import type { FlatListProps } from 'react-native';
+import type { SendbirdBaseMessage, SendbirdGroupChannel, SendbirdMessageSearchQuery } from '@sendbird/uikit-utils';
+import type { CommonComponent } from '../../types';
+export type MessageSearchProps = {
+    Fragment: {
+        channel: SendbirdGroupChannel;
+        onPressHeaderLeft: MessageSearchProps['Header']['onPressHeaderLeft'];
+        onPressSearchResultItem: MessageSearchProps['List']['onPressSearchResultItem'];
+        renderSearchResultItem?: MessageSearchProps['List']['renderSearchResultItem'];
+        queryCreator?: () => SendbirdMessageSearchQuery;
+    };
+    Header: {
+        keyword: string;
+        onChangeKeyword: (value: string) => void;
+        onPressHeaderLeft: () => void;
+        onPressHeaderRight: () => void;
+    };
+    List: {
+        channel: SendbirdGroupChannel;
+        messages: SendbirdBaseMessage[];
+        onPressSearchResultItem: (params: {
+            channel: SendbirdGroupChannel;
+            message: SendbirdBaseMessage;
+        }) => void;
+        renderSearchResultItem: (props: {
+            channel: SendbirdGroupChannel;
+            message: SendbirdBaseMessage;
+            onPress: () => void;
+        }) => React.ReactElement | null;
+        flatListProps?: Partial<FlatListProps<SendbirdBaseMessage>>;
+    };
+    StatusError: {
+        onPressRetry: () => void;
+    };
+};
+/**
+ * Internal context for MessageSearch
+ * For example, the developer can create a custom header
+ * with getting data from the domain context
+ * */
+export type MessageSearchContextsType = {
+    Fragment: React.Context<null>;
+};
+export interface MessageSearchModule {
+    Provider: CommonComponent;
+    Header: CommonComponent<MessageSearchProps['Header']>;
+    List: CommonComponent<MessageSearchProps['List']>;
+    StatusEmpty: CommonComponent;
+    StatusLoading: CommonComponent;
+    StatusError: CommonComponent<MessageSearchProps['StatusError']>;
+}
+export type MessageSearchFragment = CommonComponent<MessageSearchProps['Fragment']>;

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" | "photo" | "message" | "user" | "done" | "error" | "chat-hide" | "chat-show" | "add" | "archive" | "arrow-left" | "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" | "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" | "photo" | "message" | "user" | "document" | "done" | "error" | "chat-hide" | "chat-show" | "add" | "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" | "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";
     onPressHeaderLeft: () => void;
     onPressHeaderRight: () => void;
 }) => JSX.Element>;

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

@@ -1,39 +1,3 @@
 import React from 'react';
-import type { SendbirdMessage } from '@sendbird/uikit-utils';
-declare const _default: React.MemoExoticComponent<({ currentUserId, channel, messages, renderMessage, nextMessages, newMessagesFromMembers, onBottomReached, onTopReached, renderNewMessagesButton, renderScrollToBottomButton, onResendFailedMessage, onDeleteMessage, onPressMediaMessage, flatListProps, enableMessageGrouping, }: {
-    enableMessageGrouping: boolean;
-    currentUserId?: string | undefined;
-    channel: import("@sendbird/chat/openChannel").OpenChannel;
-    messages: SendbirdMessage[];
-    nextMessages: SendbirdMessage[];
-    newMessagesFromMembers: SendbirdMessage[];
-    onTopReached: () => void;
-    onBottomReached: () => void;
-    onResendFailedMessage: (failedMessage: import("@sendbird/chat/message").FileMessage | import("@sendbird/chat/message").UserMessage) => Promise<void>;
-    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;
-    renderMessage: (props: {
-        message: SendbirdMessage;
-        prevMessage?: SendbirdMessage | undefined;
-        nextMessage?: SendbirdMessage | undefined;
-        onPress?: (() => void) | undefined;
-        onLongPress?: (() => void) | undefined;
-        onPressAvatar?: ((user: import("@sendbird/chat/groupChannel").Member | import("@sendbird/chat").User, options?: {
-            hideMessageButton?: boolean | undefined;
-        } | undefined) => void) | undefined;
-        channel: import("@sendbird/chat/openChannel").OpenChannel;
-        currentUserId?: string | undefined;
-        enableMessageGrouping: boolean;
-    }) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-    renderNewMessagesButton: import("../../..").CommonComponent<{
-        visible: boolean;
-        onPress: () => void;
-        newMessages: SendbirdMessage[];
-    }> | null;
-    renderScrollToBottomButton: import("../../..").CommonComponent<{
-        visible: boolean;
-        onPress: () => void;
-    }> | null;
-    flatListProps?: Omit<import("react-native").FlatListProps<SendbirdMessage>, "data" | "renderItem"> | undefined;
-}) => 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" | "onPressImageMessage">) => JSX.Element>;
 export default _default;

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

@@ -1,11 +1,12 @@
 import type React from 'react';
-import type { FlatListProps } from 'react-native';
 import type { UseOpenChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';
 import type { Icon } from '@sendbird/uikit-react-native-foundation';
 import type { OnBeforeHandler, SendbirdFileMessage, SendbirdFileMessageCreateParams, SendbirdFileMessageUpdateParams, SendbirdMessage, SendbirdOpenChannel, SendbirdUserMessage, SendbirdUserMessageCreateParams, SendbirdUserMessageUpdateParams } from '@sendbird/uikit-utils';
 import type { ChannelInputProps } from '../../components/ChannelInput';
-import type { UserProfileContextType } from '../../contexts/UserProfileCtx';
+import type { ChannelMessageListProps } from '../../components/ChannelMessageList';
 import type { CommonComponent } from '../../types';
+import type { PubSub } from '../../utils/pubsub';
+import type { GroupChannelPubSubContextPayload } from '../groupChannel/types';
 export type OpenChannelProps = {
     Fragment: {
         channel: SendbirdOpenChannel;
@@ -32,44 +33,12 @@ export type OpenChannelProps = {
         onPressHeaderLeft: () => void;
         onPressHeaderRight: () => void;
     };
-    MessageList: {
-        enableMessageGrouping: boolean;
-        currentUserId?: string;
-        channel: SendbirdOpenChannel;
-        messages: SendbirdMessage[];
-        nextMessages: SendbirdMessage[];
-        newMessagesFromMembers: SendbirdMessage[];
-        onTopReached: () => void;
-        onBottomReached: () => void;
-        onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;
-        onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;
-        onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;
-        renderMessage: (props: {
-            message: SendbirdMessage;
-            prevMessage?: SendbirdMessage;
-            nextMessage?: SendbirdMessage;
-            onPress?: () => void;
-            onLongPress?: () => void;
-            onPressAvatar?: UserProfileContextType['show'];
-            channel: OpenChannelProps['MessageList']['channel'];
-            currentUserId?: OpenChannelProps['MessageList']['currentUserId'];
-            enableMessageGrouping: OpenChannelProps['MessageList']['enableMessageGrouping'];
-        }) => React.ReactElement | null;
-        renderNewMessagesButton: null | CommonComponent<{
-            visible: boolean;
-            onPress: () => void;
-            newMessages: SendbirdMessage[];
-        }>;
-        renderScrollToBottomButton: null | CommonComponent<{
-            visible: boolean;
-            onPress: () => void;
-        }>;
-        flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;
-    };
+    MessageList: Pick<ChannelMessageListProps<SendbirdOpenChannel>, 'enableMessageGrouping' | 'currentUserId' | 'channel' | 'messages' | 'newMessages' | 'scrolledAwayFromBottom' | 'onScrolledAwayFromBottom' | 'onTopReached' | 'onBottomReached' | 'onResendFailedMessage' | 'onDeleteMessage' | 'onPressMediaMessage' | 'renderMessage' | 'renderNewMessagesButton' | 'renderScrollToBottomButton' | 'flatListProps' | 'onPressImageMessage' | 'hasNext'>;
     Input: Pick<ChannelInputProps, 'shouldRenderInput' | 'onPressSendUserMessage' | 'onPressSendFileMessage' | 'onPressUpdateUserMessage' | 'onPressUpdateFileMessage'>;
     Provider: {
         channel: SendbirdOpenChannel;
         keyboardAvoidOffset?: number;
+        openChannelPubSub: PubSub<OpenChannelPubSubContextPayload>;
     };
 };
 /**
@@ -85,6 +54,7 @@ export type OpenChannelContextsType = {
         setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;
         keyboardAvoidOffset?: number;
     }>;
+    PubSub: React.Context<PubSub<GroupChannelPubSubContextPayload>>;
 };
 export interface OpenChannelModule {
     Provider: CommonComponent<OpenChannelProps['Provider']>;
@@ -95,3 +65,14 @@ export interface OpenChannelModule {
     StatusLoading: CommonComponent;
 }
 export type OpenChannelFragment = CommonComponent<OpenChannelProps['Fragment']>;
+export type OpenChannelPubSubContextPayload = {
+    type: 'MESSAGE_SENT_PENDING' | 'MESSAGE_SENT_SUCCESS';
+    data: {
+        message: SendbirdUserMessage | SendbirdFileMessage;
+    };
+} | {
+    type: 'MESSAGES_RECEIVED';
+    data: {
+        messages: SendbirdMessage[];
+    };
+};

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

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdOpenChannel, SendbirdRestrictedUser } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
 export type OpenChannelBannedUsersProps = {
@@ -6,6 +7,7 @@ export type OpenChannelBannedUsersProps = {
         channel: SendbirdOpenChannel;
         onPressHeaderLeft: OpenChannelBannedUsersProps['Header']['onPressHeaderLeft'];
         renderUser?: OpenChannelBannedUsersProps['List']['renderUser'];
+        queryCreator?: UseUserListOptions<SendbirdRestrictedUser>['queryCreator'];
     };
     Header: {
         onPressHeaderLeft: () => void;

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

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdOpenChannel, SendbirdRestrictedUser } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
 export type OpenChannelMutedParticipantsProps = {
@@ -6,6 +7,7 @@ export type OpenChannelMutedParticipantsProps = {
         channel: SendbirdOpenChannel;
         onPressHeaderLeft: OpenChannelMutedParticipantsProps['Header']['onPressHeaderLeft'];
         renderUser?: OpenChannelMutedParticipantsProps['List']['renderUser'];
+        queryCreator?: UseUserListOptions<SendbirdRestrictedUser>['queryCreator'];
     };
     Header: {
         onPressHeaderLeft: () => void;

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

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdOpenChannel, SendbirdUser } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
 export type OpenChannelOperatorsProps = {
@@ -7,6 +8,7 @@ export type OpenChannelOperatorsProps = {
         onPressHeaderLeft: OpenChannelOperatorsProps['Header']['onPressHeaderLeft'];
         onPressHeaderRight: OpenChannelOperatorsProps['Header']['onPressHeaderRight'];
         renderUser?: OpenChannelOperatorsProps['List']['renderUser'];
+        queryCreator?: UseUserListOptions<SendbirdUser>['queryCreator'];
     };
     Header: {
         onPressHeaderLeft: () => void;

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

@@ -1,23 +1,25 @@
 import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
-import type { SendbirdOpenChannel, SendbirdParticipant, UserStruct } from '@sendbird/uikit-utils';
+import type { SendbirdOpenChannel, SendbirdParticipant, SendbirdUser } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
 import type { UserListProps } from '../userList/types';
-export interface OpenChannelParticipantsProps<User extends UserStruct> {
+export interface OpenChannelParticipantsProps {
     Fragment: {
         channel: SendbirdOpenChannel;
         onPressHeaderLeft: () => void;
-        sortComparator?: UseUserListOptions<User>['sortComparator'];
-        renderUser?: UserListProps<User>['List']['renderUser'];
+        renderUser?: UserListProps<SendbirdParticipant>['List']['renderUser'];
+        queryCreator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['queryCreator'];
+        sortComparator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['sortComparator'];
     };
 }
-export type OpenChannelParticipantsFragment<User extends UserStruct> = CommonComponent<OpenChannelParticipantsProps<User>['Fragment']>;
-export interface OpenChannelRegisterOperatorProps<User extends UserStruct = SendbirdParticipant> {
+export type OpenChannelParticipantsFragment = CommonComponent<OpenChannelParticipantsProps['Fragment']>;
+export interface OpenChannelRegisterOperatorProps {
     Fragment: {
         channel: SendbirdOpenChannel;
         onPressHeaderLeft: () => void;
         onPressHeaderRight: (channel: SendbirdOpenChannel) => void;
-        sortComparator?: UseUserListOptions<User>['sortComparator'];
-        renderUser?: UserListProps<User>['List']['renderUser'];
+        renderUser?: UserListProps<SendbirdParticipant>['List']['renderUser'];
+        queryCreator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['queryCreator'];
+        sortComparator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['sortComparator'];
     };
 }
-export type OpenChannelRegisterOperatorFragment<User extends UserStruct> = CommonComponent<OpenChannelRegisterOperatorProps<User>['Fragment']>;
+export type OpenChannelRegisterOperatorFragment = CommonComponent<OpenChannelRegisterOperatorProps['Fragment']>;

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

@@ -1,5 +1,5 @@
 import type { SendbirdMember } from '@sendbird/uikit-utils';
 import type { GroupChannelMembersFragment } from '../domain/groupChannelUserList/types';
 import type { UserListModule } from '../domain/userList/types';
-declare const createGroupChannelMembersFragment: (initModule?: Partial<UserListModule<SendbirdMember>>) => GroupChannelMembersFragment<SendbirdMember>;
+declare const createGroupChannelMembersFragment: (initModule?: Partial<UserListModule<SendbirdMember>>) => GroupChannelMembersFragment;
 export default createGroupChannelMembersFragment;

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

@@ -1,5 +1,5 @@
 import type { SendbirdMember } from '@sendbird/uikit-utils';
 import type { GroupChannelRegisterOperatorFragment } from '../domain/groupChannelUserList/types';
 import type { UserListModule } from '../domain/userList/types';
-declare const createGroupChannelRegisterOperatorFragment: (initModule?: Partial<UserListModule<SendbirdMember>>) => GroupChannelRegisterOperatorFragment<SendbirdMember>;
+declare const createGroupChannelRegisterOperatorFragment: (initModule?: Partial<UserListModule<SendbirdMember>>) => GroupChannelRegisterOperatorFragment;
 export default createGroupChannelRegisterOperatorFragment;

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

@@ -0,0 +1,3 @@
+import type { MessageSearchFragment, MessageSearchModule } from '../domain/messageSearch/types';
+declare const createMessageSearchFragment: (initModule?: Partial<MessageSearchModule>) => MessageSearchFragment;
+export default createMessageSearchFragment;

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

@@ -1,5 +1,5 @@
 import type { SendbirdParticipant } from '@sendbird/uikit-utils';
 import type { OpenChannelParticipantsFragment } from '../domain/openChannelUserList/types';
 import type { UserListModule } from '../domain/userList/types';
-declare const createOpenChannelParticipantsFragment: (initModule?: Partial<UserListModule<SendbirdParticipant>>) => OpenChannelParticipantsFragment<SendbirdParticipant>;
+declare const createOpenChannelParticipantsFragment: (initModule?: Partial<UserListModule<SendbirdParticipant>>) => OpenChannelParticipantsFragment;
 export default createOpenChannelParticipantsFragment;

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

@@ -1,5 +1,5 @@
 import type { SendbirdParticipant } from '@sendbird/uikit-utils';
 import type { OpenChannelRegisterOperatorFragment } from '../domain/openChannelUserList/types';
 import type { UserListModule } from '../domain/userList/types';
-declare const createOpenChannelRegisterOperatorFragment: (initModule?: Partial<UserListModule<SendbirdParticipant>>) => OpenChannelRegisterOperatorFragment<SendbirdParticipant>;
+declare const createOpenChannelRegisterOperatorFragment: (initModule?: Partial<UserListModule<SendbirdParticipant>>) => OpenChannelRegisterOperatorFragment;
 export default createOpenChannelRegisterOperatorFragment;

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

@@ -1,13 +1,14 @@
-import type { SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';
+import type { SendbirdChatSDK, 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;
     }[];
+    sdk: SendbirdChatSDK;
+    channel: SendbirdGroupChannel;
 }) => {
     members: import("@sendbird/chat/groupChannel").Member[];
     reset: () => void;