@sendbird/uikit-react-native 2.4.2 → 2.5.0-rc.1

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/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/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/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;

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

@@ -26,6 +26,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 createMessageSearchFragment } from './fragments/createMessageSearchFragment';
 /** Fragments - open channels **/
 export { default as createOpenChannelFragment } from './fragments/createOpenChannelFragment';
 export { default as createOpenChannelParticipantsFragment } from './fragments/createOpenChannelParticipantsFragment';
@@ -73,6 +74,7 @@ export * from './domain/groupChannelList/types';
 export * from './domain/groupChannelNotifications';
 export * from './domain/groupChannelNotifications/types';
 export * from './domain/groupChannelUserList/types';
+export * from './domain/messageSearch/types';
 /** Feature - open channels **/
 export * from './domain/openChannel';
 export * from './domain/openChannel/types';

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

@@ -1,5 +1,5 @@
 import type { Locale } from 'date-fns';
-import type { SendbirdFileMessage, SendbirdGroupChannel, SendbirdMember, SendbirdMessage, SendbirdOpenChannel, SendbirdParticipant, SendbirdUser } from '@sendbird/uikit-utils';
+import type { SendbirdBaseMessage, SendbirdFileMessage, SendbirdGroupChannel, SendbirdMember, SendbirdMessage, SendbirdOpenChannel, SendbirdParticipant, SendbirdUser } from '@sendbird/uikit-utils';
 /**
  * StringSet interface
  * Do not configure over 3 depths (for overrides easy)
@@ -10,7 +10,6 @@ export interface StringSet {
         HEADER_TITLE: (channel: SendbirdOpenChannel) => string;
         HEADER_SUBTITLE: (channel: SendbirdOpenChannel) => string;
         /** OpenChannel > List */
-        LIST_BANNER_FROZEN: string;
         LIST_DATE_SEPARATOR: (date: Date, locale?: Locale) => string;
         /** OpenChannel > Message bubble */
         MESSAGE_BUBBLE_TIME: (message: SendbirdMessage, locale?: Locale) => string;
@@ -18,6 +17,8 @@ export interface StringSet {
         MESSAGE_BUBBLE_EDITED_POSTFIX: string;
         MESSAGE_BUBBLE_UNKNOWN_TITLE: (message: SendbirdMessage) => string;
         MESSAGE_BUBBLE_UNKNOWN_DESC: (message: SendbirdMessage) => string;
+        /** @deprecated Please use LABELS.CHANNEL_MESSAGE_LIST_FROZEN **/
+        LIST_BANNER_FROZEN: string;
     };
     OPEN_CHANNEL_PARTICIPANTS: {
         /** OpenChannelParticipants > Header */
@@ -95,7 +96,6 @@ export interface StringSet {
         /** GroupChannel > Header */
         HEADER_TITLE: (currentUserId: string, channel: SendbirdGroupChannel) => string;
         /** GroupChannel > List */
-        LIST_BANNER_FROZEN: string;
         LIST_DATE_SEPARATOR: (date: Date, locale?: Locale) => string;
         LIST_BUTTON_NEW_MSG: (newMessages: SendbirdMessage[]) => string;
         /** GroupChannel > Message bubble */
@@ -106,6 +106,8 @@ export interface StringSet {
         MESSAGE_BUBBLE_UNKNOWN_DESC: (message: SendbirdMessage) => string;
         /** GroupChannel > Suggested mention list */
         MENTION_LIMITED: (mentionLimit: number) => string;
+        /** @deprecated Please use LABELS.CHANNEL_MESSAGE_LIST_FROZEN **/
+        LIST_BANNER_FROZEN: string;
         /** @deprecated Please use LABELS.CHANNEL_MESSAGE_COPY **/
         DIALOG_MESSAGE_COPY: string;
         /** @deprecated Please use LABELS.CHANNEL_MESSAGE_EDIT **/
@@ -148,6 +150,7 @@ export interface StringSet {
         /** GroupChannelSettings > Menu */
         MENU_MODERATION: string;
         MENU_MEMBERS: string;
+        MENU_SEARCH: string;
         MENU_LEAVE_CHANNEL: string;
         MENU_NOTIFICATION: string;
         MENU_NOTIFICATION_LABEL_ON: string;
@@ -241,6 +244,15 @@ export interface StringSet {
             selectedUsers: Array<T>;
         }) => string;
     };
+    MESSAGE_SEARCH: {
+        /** MessageSearch > Header */
+        HEADER_INPUT_PLACEHOLDER: string;
+        HEADER_RIGHT: string;
+        /** MessageSearch > Search result item */
+        SEARCH_RESULT_ITEM_TITLE: (message: SendbirdBaseMessage) => string;
+        SEARCH_RESULT_ITEM_TITLE_CAPTION: (message: SendbirdBaseMessage, locale?: Locale) => string;
+        SEARCH_RESULT_ITEM_BODY: (message: SendbirdBaseMessage) => string;
+    };
     LABELS: {
         PERMISSION_APP_NAME: string;
         PERMISSION_CAMERA: string;
@@ -256,6 +268,8 @@ export interface StringSet {
         UNMUTE: string;
         BAN: string;
         UNBAN: string;
+        /** ChannelMessageList **/
+        CHANNEL_MESSAGE_LIST_FROZEN: string;
         /** ChannelInput **/
         CHANNEL_INPUT_PLACEHOLDER_ACTIVE: string;
         CHANNEL_INPUT_PLACEHOLDER_DISABLED: string;

package/lib/typescript/src/utils/pubsub.d.ts

@@ -0,0 +1,6 @@
+export type PubSub<T> = {
+    publish: (data: T) => void;
+    subscribe: (subscriber: (data: T) => void) => () => void;
+};
+declare const pubsub: <T>() => PubSub<T>;
+export default pubsub;

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

@@ -1,2 +1,2 @@
-declare const VERSION = "2.4.2";
+declare const VERSION = "2.5.0-rc.1";
 export default VERSION;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react-native",
-  "version": "2.4.2",
+  "version": "2.5.0-rc.1",
   "description": "Sendbird UIKit for React Native: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.",
   "keywords": [
     "sendbird",
@@ -56,17 +56,18 @@
     "access": "public"
   },
   "dependencies": {
-    "@sendbird/uikit-chat-hooks": "2.4.2",
-    "@sendbird/uikit-react-native-foundation": "2.4.2",
-    "@sendbird/uikit-utils": "2.4.2"
+    "@sendbird/uikit-chat-hooks": "2.5.0-rc.1",
+    "@sendbird/uikit-react-native-foundation": "2.5.0-rc.1",
+    "@sendbird/uikit-utils": "2.5.0-rc.1"
   },
   "devDependencies": {
     "@bam.tech/react-native-image-resizer": "^3.0.4",
-    "@react-native-camera-roll/camera-roll": "^5.0.4",
+    "@react-native-camera-roll/camera-roll": "^5.4.0",
     "@react-native-clipboard/clipboard": "^1.8.5",
     "@react-native-community/netinfo": "^9.3.0",
     "@react-native-firebase/app": "^14.4.0",
     "@react-native-firebase/messaging": "^14.4.0",
+    "@sendbird/react-native-scrollview-enhancer": "^0.1.0-beta.3",
     "@types/react": "*",
     "@types/react-native": "*",
     "@types/react-native-video": "^5.0.14",
@@ -102,6 +103,7 @@
     "@react-native-community/netinfo": ">=9.3.0",
     "@react-native-firebase/messaging": ">=14.4.0",
     "@sendbird/chat": "^4.3.0",
+    "@sendbird/react-native-scrollview-enhancer": "*",
     "date-fns": ">=2.28.0",
     "expo-av": ">=12.0.4",
     "expo-clipboard": ">=2.1.1",
@@ -195,6 +197,5 @@
     "entryPoint": "./src/index.ts",
     "readmeFile": "./README.md",
     "displayName": "@sendbird/uikit-react-native"
-  },
-  "gitHead": "ae9e60edc60cdd4f6e9b0e4019e84584e807bc2c"
+  }
 }