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

package/src/fragments/createOpenChannelFragment.tsx

@@ -1,17 +1,31 @@
-import React, { useMemo } from 'react';
+import React, { useMemo, useState } from 'react';
 
 import { SendbirdError } from '@sendbird/chat';
 import { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';
 import { useToast } from '@sendbird/uikit-react-native-foundation';
-import { NOOP, PASS, SBErrorCode, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';
+import {
+  NOOP,
+  PASS,
+  SBErrorCode,
+  SendbirdFileMessage,
+  SendbirdUserMessage,
+  messageComparator,
+  useFreshCallback,
+} from '@sendbird/uikit-utils';
 
 import OpenChannelMessageRenderer from '../components/OpenChannelMessageRenderer';
 import ScrollToBottomButton from '../components/ScrollToBottomButton';
 import StatusComposition from '../components/StatusComposition';
 import { UNKNOWN_USER_ID } from '../constants';
 import { createOpenChannelModule } from '../domain/openChannel';
-import type { OpenChannelFragment, OpenChannelModule, OpenChannelProps } from '../domain/openChannel/types';
+import type {
+  OpenChannelFragment,
+  OpenChannelModule,
+  OpenChannelProps,
+  OpenChannelPubSubContextPayload,
+} from '../domain/openChannel/types';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
+import pubsub from '../utils/pubsub';
 
 const createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): OpenChannelFragment => {
   const OpenChannelModule = createOpenChannelModule(initModule);
@@ -40,16 +54,19 @@ const createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): Ope
     sortComparator = messageComparator,
   }) => {
     const { sdk, currentUser } = useSendbirdChat();
+
     const { STRINGS } = useLocalization();
     const { show: showToast } = useToast();
     const { show: showUserProfile } = useUserProfile();
 
+    const [openChannelPubSub] = useState(() => pubsub<OpenChannelPubSubContextPayload>());
+
     const {
       messages,
-      nextMessages,
-      newMessagesFromMembers,
+      newMessages,
       next,
       prev,
+      hasNext,
       sendFileMessage,
       sendUserMessage,
       updateFileMessage,
@@ -64,8 +81,9 @@ const createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): Ope
       onError(error) {
         if (error instanceof SendbirdError) {
           switch (error.code) {
-            case SBErrorCode.CHANNEL_NOT_FOUND_SDK:
-            case SBErrorCode.CHANNEL_NOT_FOUND_SERVER: {
+            case SBErrorCode.RESOURCE_NOT_FOUND:
+            case SBErrorCode.CHANNEL_NOT_FOUND:
+            case SBErrorCode.BANNED_USER_SEND_MESSAGE_NOT_ALLOWED: {
               return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');
             }
           }
@@ -73,6 +91,9 @@ const createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): Ope
 
         showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');
       },
+      onMessagesReceived(messages) {
+        openChannelPubSub.publish({ type: 'MESSAGES_RECEIVED', data: { messages } });
+      },
     });
 
     const isOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);
@@ -91,16 +112,25 @@ const createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): Ope
       [loading, flatListProps],
     );
 
+    const onPending = (message: SendbirdFileMessage | SendbirdUserMessage) => {
+      openChannelPubSub.publish({ type: 'MESSAGE_SENT_PENDING', data: { message } });
+    };
+    const onSent = (message: SendbirdFileMessage | SendbirdUserMessage) => {
+      openChannelPubSub.publish({ type: 'MESSAGE_SENT_SUCCESS', data: { message } });
+    };
+
     const onPressSendUserMessage: OpenChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(
       async (params) => {
         const processedParams = await onBeforeSendUserMessage(params);
-        await sendUserMessage(processedParams);
+        const message = await sendUserMessage(processedParams, onPending);
+        onSent(message);
       },
     );
     const onPressSendFileMessage: OpenChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(
       async (params) => {
         const processedParams = await onBeforeSendFileMessage(params);
-        await sendFileMessage(processedParams);
+        const message = await sendFileMessage(processedParams, onPending);
+        onSent(message);
       },
     );
     const onPressUpdateUserMessage: OpenChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(
@@ -117,7 +147,11 @@ const createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): Ope
     );
 
     return (
-      <OpenChannelModule.Provider channel={channel} keyboardAvoidOffset={keyboardAvoidOffset}>
+      <OpenChannelModule.Provider
+        openChannelPubSub={openChannelPubSub}
+        channel={channel}
+        keyboardAvoidOffset={keyboardAvoidOffset}
+      >
         <OpenChannelModule.Header
           onPressHeaderLeft={onPressHeaderLeft}
           rightIconName={isOperator ? 'info' : 'members'}
@@ -126,14 +160,16 @@ const createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): Ope
         <StatusComposition loading={loading} LoadingComponent={<OpenChannelModule.StatusLoading />}>
           <OpenChannelModule.MessageList
             channel={channel}
+            hasNext={hasNext}
             enableMessageGrouping={enableMessageGrouping}
             currentUserId={currentUser?.userId}
             renderMessage={_renderMessage}
             messages={messages}
-            nextMessages={nextMessages}
-            newMessagesFromMembers={newMessagesFromMembers}
+            newMessages={newMessages}
             onTopReached={prev}
             onBottomReached={next}
+            scrolledAwayFromBottom={false}
+            onScrolledAwayFromBottom={NOOP}
             renderNewMessagesButton={renderNewMessagesButton}
             renderScrollToBottomButton={renderScrollToBottomButton}
             onResendFailedMessage={resendMessage}

package/src/fragments/createOpenChannelMutedParticipantsFragment.tsx

@@ -18,16 +18,19 @@ const createOpenChannelMutedParticipantsFragment = (
 ): OpenChannelMutedParticipantsFragment => {
   const OpenChannelMutedParticipantsModule = createOpenChannelMutedParticipantsModule(initModule);
 
-  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {
+  return ({
+    onPressHeaderLeft = NOOP,
+    channel,
+    renderUser,
+    queryCreator = () => channel.createMutedUserListQuery({ limit: 20 }),
+  }) => {
     const handlerId = useUniqHandlerId('OpenChannelMutedParticipants');
 
     const { STRINGS } = useLocalization();
     const { sdk, currentUser } = useSendbirdChat();
     const { openMenu } = useActionMenu();
 
-    const { users, deleteUser, upsertUser, loading, refresh, error, next } = useUserList(sdk, {
-      queryCreator: () => channel.createMutedUserListQuery({ limit: 20 }),
-    });
+    const { users, deleteUser, upsertUser, loading, refresh, error, next } = useUserList(sdk, { queryCreator });
 
     useChannelHandler(
       sdk,

package/src/fragments/createOpenChannelOperatorsFragment.tsx

@@ -16,7 +16,13 @@ const createOpenChannelOperatorsFragment = (
 ): OpenChannelOperatorsFragment => {
   const OpenChannelOperatorsModule = createOpenChannelOperatorsModule(initModule);
 
-  return ({ onPressHeaderLeft = NOOP, onPressHeaderRight = NOOP, channel, renderUser }) => {
+  return ({
+    onPressHeaderLeft = NOOP,
+    onPressHeaderRight = NOOP,
+    channel,
+    renderUser,
+    queryCreator = () => channel.createOperatorListQuery({ limit: 20 }),
+  }) => {
     const handlerId = useUniqHandlerId('OpenChannelOperatorsFragment');
 
     const { STRINGS } = useLocalization();
@@ -24,9 +30,7 @@ const createOpenChannelOperatorsFragment = (
     const { openMenu } = useActionMenu();
     const { show } = useUserProfile();
 
-    const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, {
-      queryCreator: () => channel.createOperatorListQuery({ limit: 20 }),
-    });
+    const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, { queryCreator });
 
     useChannelHandler(
       sdk,

package/src/fragments/createOpenChannelParticipantsFragment.tsx

@@ -17,10 +17,16 @@ import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useCo
 const RETURN_EMPTY_STRING = () => '';
 const createOpenChannelParticipantsFragment = (
   initModule?: Partial<UserListModule<SendbirdParticipant>>,
-): OpenChannelParticipantsFragment<SendbirdParticipant> => {
+): OpenChannelParticipantsFragment => {
   const UserListModule = createUserListModule<SendbirdParticipant>(initModule);
 
-  return ({ channel, onPressHeaderLeft, renderUser }) => {
+  return ({
+    channel,
+    onPressHeaderLeft,
+    renderUser,
+    sortComparator,
+    queryCreator = () => channel.createParticipantListQuery({ limit: 20 }),
+  }) => {
     const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');
 
     const refreshSchedule = useRef<NodeJS.Timeout>();
@@ -30,7 +36,8 @@ const createOpenChannelParticipantsFragment = (
     const { show } = useUserProfile();
 
     const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {
-      queryCreator: () => channel.createParticipantListQuery({ limit: 20 }),
+      queryCreator,
+      sortComparator,
     });
 
     useChannelHandler(

package/src/fragments/createOpenChannelRegisterOperatorFragment.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { TouchableOpacity } from 'react-native';
 
-import { CustomQueryInterface, useUserList } from '@sendbird/uikit-chat-hooks';
+import { useUserList } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdParticipant } from '@sendbird/uikit-utils';
 
 import StatusComposition from '../components/StatusComposition';
@@ -13,20 +13,20 @@ import { useLocalization, useSendbirdChat } from '../hooks/useContext';
 
 const createOpenChannelRegisterOperatorFragment = (
   initModule?: Partial<UserListModule<SendbirdParticipant>>,
-): OpenChannelRegisterOperatorFragment<SendbirdParticipant> => {
+): OpenChannelRegisterOperatorFragment => {
   const UserListModule = createUserListModule<SendbirdParticipant>(initModule);
 
-  return ({ channel, onPressHeaderLeft, sortComparator, renderUser, onPressHeaderRight }) => {
+  return ({
+    channel,
+    onPressHeaderLeft,
+    sortComparator,
+    renderUser,
+    onPressHeaderRight,
+    queryCreator = () => channel.createParticipantListQuery({ limit: 20 }),
+  }) => {
     const { sdk, currentUser } = useSendbirdChat();
     const { STRINGS } = useLocalization();
-    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {
-      queryCreator: () => {
-        return channel.createParticipantListQuery({
-          limit: 20,
-        }) as unknown as CustomQueryInterface<SendbirdParticipant>;
-      },
-      sortComparator,
-    });
+    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, { queryCreator, sortComparator });
 
     const _renderUser: NonNullable<typeof renderUser> = useCallback(
       (user, selectedUsers, setSelectedUsers) => {
@@ -84,7 +84,7 @@ const createOpenChannelRegisterOperatorFragment = (
         >
           <UserListModule.List
             onLoadNext={next}
-            users={users}
+            users={users as SendbirdParticipant[]}
             renderUser={_renderUser}
             onRefresh={refresh}
             refreshing={refreshing}

package/src/hooks/useConnection.ts

@@ -1,12 +1,27 @@
 import { useCallback } from 'react';
 
-import { Logger, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';
+import { Logger, SendbirdChatSDK, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';
 
+import type EmojiManager from '../libs/EmojiManager';
 import { useSendbirdChat } from './useContext';
 import usePushTokenRegistration from './usePushTokenRegistration';
 
 type ConnectOptions = { nickname?: string; accessToken?: string };
+
 const cacheRestrictCodes = [400300, 400301, 400302, 400310];
+function isCacheRestrictedError(error: SendbirdError) {
+  return cacheRestrictCodes.some((code) => error.code === code);
+}
+
+async function initEmoji(sdk: SendbirdChatSDK, emojiManager: EmojiManager) {
+  await emojiManager.init();
+  if (sdk.appInfo.emojiHash !== emojiManager.emojiHash) {
+    try {
+      const container = await sdk.getAllEmoji();
+      await emojiManager.init(container);
+    } catch {}
+  }
+}
 
 const useConnection = () => {
   const { sdk, emojiManager, setCurrentUser, features } = useSendbirdChat();
@@ -35,23 +50,25 @@ const useConnection = () => {
           });
         }
 
+        await initEmoji(sdk, emojiManager);
+
         Logger.debug('[useConnection]', 'connected! (online)');
         setCurrentUser(user);
-        sdk.getAllEmoji().then(emojiManager.init);
 
         return user;
       } catch (e) {
         const error = e as unknown as SendbirdError;
 
         if (sdk.isCacheEnabled) {
-          if (cacheRestrictCodes.some((code) => error.code === code)) {
+          if (isCacheRestrictedError(error)) {
             Logger.warn('[useConnection]', 'offline connect restricted', error.message, error.code);
             Logger.warn('[useConnection]', 'clear cached-data');
             await sdk.clearCachedData().catch((e) => Logger.warn('[useConnection]', 'clear cached-data failure', e));
           } else if (sdk.currentUser) {
+            await initEmoji(sdk, emojiManager);
+
             Logger.debug('[useConnection]', 'connected! (offline)');
             setCurrentUser(sdk.currentUser);
-            sdk.getAllEmoji().finally(emojiManager.init);
             return sdk.currentUser;
           }
         }

package/src/hooks/useMentionSuggestion.ts

@@ -1,7 +1,8 @@
 import { useCallback, useRef, useState } from 'react';
 
-import type { SendbirdGroupChannel, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';
-import { useAsyncEffect, useDebounceEffect } from '@sendbird/uikit-utils';
+import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
+import type { SendbirdChatSDK, SendbirdGroupChannel, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';
+import { isDifferentChannel, useAsyncEffect, useDebounceEffect, useUniqHandlerId } from '@sendbird/uikit-utils';
 
 import { useSendbirdChat } from '../hooks/useContext';
 import type { Range } from '../types';
@@ -9,8 +10,9 @@ import type { Range } from '../types';
 const useMentionSuggestion = (params: {
   text: string;
   selection: Range;
-  channel: SendbirdGroupChannel;
   mentionedUsers: { user: SendbirdUser; range: Range }[];
+  sdk: SendbirdChatSDK;
+  channel: SendbirdGroupChannel;
 }) => {
   const { text, selection, channel, mentionedUsers } = params;
 
@@ -20,6 +22,24 @@ const useMentionSuggestion = (params: {
     setFreshChannel(await channel.refresh());
   }, [channel.url]);
 
+  const id = useUniqHandlerId('useMentionSuggestion');
+
+  useChannelHandler(params.sdk, id, {
+    onUserJoined(eventChannel) {
+      if (isDifferentChannel(eventChannel, channel)) return;
+      setFreshChannel(eventChannel);
+    },
+    onUserLeft(eventChannel) {
+      if (isDifferentChannel(eventChannel, channel)) return;
+      setFreshChannel(eventChannel);
+    },
+    onUserBanned(eventChannel) {
+      if (isDifferentChannel(eventChannel, channel)) return;
+      if (!eventChannel.isGroupChannel()) return;
+      setFreshChannel(eventChannel);
+    },
+  });
+
   const { mentionManager, currentUser } = useSendbirdChat();
   const [members, setMembers] = useState<SendbirdMember[]>([]);
 

package/src/index.ts

@@ -32,6 +32,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';
@@ -91,6 +92,8 @@ 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/src/libs/EmojiManager.ts

@@ -31,17 +31,17 @@ class EmojiManager {
   ) {}
 
   private emojiStorage = {
-    data: null as null | SendbirdEmojiContainer,
+    container: null as null | SendbirdEmojiContainer,
     get: async () => {
-      if (!this.emojiStorage.data) {
+      if (!this.emojiStorage.container) {
         const strItem = await this.internalStorage.getItem(EmojiManager.key);
-        if (strItem) this.emojiStorage.data = Object.freeze(JSON.parse(strItem));
+        if (strItem) this.emojiStorage.container = Object.freeze(JSON.parse(strItem));
       }
-      return this.emojiStorage.data;
+      return this.emojiStorage.container;
     },
-    set: async (data: SendbirdEmojiContainer) => {
-      this.emojiStorage.data = Object.freeze(data);
-      await this.internalStorage.setItem(EmojiManager.key, JSON.stringify(data));
+    set: async (container: SendbirdEmojiContainer) => {
+      this.emojiStorage.container = Object.freeze(container);
+      await this.internalStorage.setItem(EmojiManager.key, JSON.stringify(container));
     },
   };
 
@@ -75,6 +75,10 @@ class EmojiManager {
       this._allEmoji = Object.values(this._allEmojiMap);
     }
   };
+
+  public get emojiHash() {
+    return this.emojiStorage.container?.emojiHash;
+  }
 }
 
 export default EmojiManager;

package/src/localization/StringSet.type.ts

@@ -1,6 +1,7 @@
 import type { Locale } from 'date-fns';
 
 import type {
+  SendbirdBaseMessage,
   SendbirdFileMessage,
   SendbirdGroupChannel,
   SendbirdMember,
@@ -21,7 +22,6 @@ export interface StringSet {
     HEADER_SUBTITLE: (channel: SendbirdOpenChannel) => string;
 
     /** OpenChannel > List */
-    LIST_BANNER_FROZEN: string;
     LIST_DATE_SEPARATOR: (date: Date, locale?: Locale) => string;
 
     /** OpenChannel > Message bubble */
@@ -30,6 +30,9 @@ 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 */
@@ -113,7 +116,6 @@ export interface StringSet {
     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;
 
@@ -127,6 +129,8 @@ export interface StringSet {
     /** 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 **/
@@ -170,6 +174,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;
@@ -264,6 +269,16 @@ export interface StringSet {
     HEADER_TITLE: string;
     HEADER_RIGHT: <T>(params: { 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;
+  };
   // UI
   LABELS: {
     PERMISSION_APP_NAME: string;
@@ -284,6 +299,9 @@ export interface StringSet {
     BAN: string;
     UNBAN: string;
 
+    /** ChannelMessageList **/
+    CHANNEL_MESSAGE_LIST_FROZEN: string;
+
     /** ChannelInput **/
     CHANNEL_INPUT_PLACEHOLDER_ACTIVE: string;
     CHANNEL_INPUT_PLACEHOLDER_DISABLED: string;

package/src/localization/createBaseStringSet.ts

@@ -6,6 +6,9 @@ import {
   getGroupChannelLastMessage,
   getGroupChannelPreviewTime,
   getGroupChannelTitle,
+  getMessagePreviewBody,
+  getMessagePreviewTime,
+  getMessagePreviewTitle,
   getMessageTimeFormat,
   getOpenChannelParticipants,
   getOpenChannelTitle,
@@ -32,13 +35,15 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
     OPEN_CHANNEL: {
       HEADER_TITLE: (channel) => getOpenChannelTitle(channel),
       HEADER_SUBTITLE: (channel) => getOpenChannelParticipants(channel),
-      LIST_BANNER_FROZEN: 'Channel is frozen',
       LIST_DATE_SEPARATOR: (date, locale) => getDateSeparatorFormat(date, locale ?? dateLocale),
       MESSAGE_BUBBLE_TIME: (message, locale) => getMessageTimeFormat(new Date(message.createdAt), locale ?? dateLocale),
       MESSAGE_BUBBLE_FILE_TITLE: (message) => message.name,
       MESSAGE_BUBBLE_EDITED_POSTFIX: ' (edited)',
       MESSAGE_BUBBLE_UNKNOWN_TITLE: () => '(Unknown message type)',
       MESSAGE_BUBBLE_UNKNOWN_DESC: () => 'Cannot read this message.',
+
+      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_LIST_FROZEN **/
+      LIST_BANNER_FROZEN: 'Channel is frozen',
       ...overrides?.OPEN_CHANNEL,
     },
     OPEN_CHANNEL_PARTICIPANTS: {
@@ -110,7 +115,6 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
     },
     GROUP_CHANNEL: {
       HEADER_TITLE: (uid, channel) => getGroupChannelTitle(uid, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),
-      LIST_BANNER_FROZEN: 'Channel is frozen',
       LIST_DATE_SEPARATOR: (date, locale) => getDateSeparatorFormat(date, locale ?? dateLocale),
       LIST_BUTTON_NEW_MSG: (newMessages) => `${newMessages.length} new messages`,
 
@@ -122,6 +126,8 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
 
       MENTION_LIMITED: (mentionLimit) => `You can have up to ${mentionLimit} mentions per message.`,
 
+      /** @deprecated Please use LABELS.CHANNEL_MESSAGE_LIST_FROZEN **/
+      LIST_BANNER_FROZEN: 'Channel is frozen',
       /** @deprecated Please use LABELS.CHANNEL_MESSAGE_COPY **/
       DIALOG_MESSAGE_COPY: 'Copy',
       /** @deprecated Please use LABELS.CHANNEL_MESSAGE_EDIT **/
@@ -163,6 +169,7 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
       HEADER_RIGHT: 'Edit',
       MENU_MODERATION: 'Moderation',
       MENU_MEMBERS: 'Members',
+      MENU_SEARCH: 'Search in channel',
       MENU_LEAVE_CHANNEL: 'Leave channel',
       MENU_NOTIFICATION: 'Notifications',
       MENU_NOTIFICATION_LABEL_ON: 'On',
@@ -263,6 +270,15 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
       },
       ...overrides?.GROUP_CHANNEL_INVITE,
     },
+    MESSAGE_SEARCH: {
+      HEADER_INPUT_PLACEHOLDER: 'Search',
+      HEADER_RIGHT: 'Search',
+      SEARCH_RESULT_ITEM_TITLE: (message) => getMessagePreviewTitle(message),
+      SEARCH_RESULT_ITEM_BODY: (message) => getMessagePreviewBody(message),
+      SEARCH_RESULT_ITEM_TITLE_CAPTION: (message, locale) => {
+        return getMessagePreviewTime(message.createdAt, locale ?? dateLocale);
+      },
+    },
     LABELS: {
       PERMISSION_APP_NAME: 'Application',
       PERMISSION_CAMERA: 'camera',
@@ -286,6 +302,10 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
       UNBAN: 'Unban',
 
       // Deprecation backward
+      CHANNEL_MESSAGE_LIST_FROZEN:
+        overrides?.GROUP_CHANNEL?.LIST_BANNER_FROZEN ??
+        overrides?.OPEN_CHANNEL?.LIST_BANNER_FROZEN ??
+        'Channel is frozen',
       CHANNEL_MESSAGE_COPY: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_COPY ?? 'Copy',
       CHANNEL_MESSAGE_EDIT: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_EDIT ?? 'Edit',
       CHANNEL_MESSAGE_SAVE: overrides?.GROUP_CHANNEL?.DIALOG_MESSAGE_SAVE ?? 'Save',

package/src/platform/types.ts

@@ -3,7 +3,12 @@ import type SBUError from '../libs/SBUError';
 export type Unsubscribe = () => void | undefined;
 export type DownloadedPath = string;
 export type FilePickerResponse = FileType | null;
-export type FileType = { uri: string; size: number; name: string; type: string };
+
+/**
+ * We are following the file format of react-native FormData
+ * @see https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/Network/FormData.js#L37-L41
+ * */
+export type FileType = { name: string; uri: string; size: number; type: string };
 
 // ---------- NotificationService ---------- //
 export interface NotificationServiceInterface {

package/src/utils/pubsub.ts

@@ -0,0 +1,20 @@
+export type PubSub<T> = {
+  publish: (data: T) => void;
+  subscribe: (subscriber: (data: T) => void) => () => void;
+};
+
+const pubsub = <T>(): PubSub<T> => {
+  const subscribers = new Set<Function>();
+
+  return {
+    publish: (data: unknown) => {
+      subscribers.forEach((subscriber) => subscriber(data));
+    },
+    subscribe: (subscriber: Function) => {
+      subscribers.add(subscriber);
+      return () => subscribers.delete(subscriber);
+    },
+  };
+};
+
+export default pubsub;

package/src/version.ts

@@ -1,2 +0,0 @@
-const VERSION = '2.4.1';
-export default VERSION;