stream-chat-react-native-core 5.25.0-beta.1 → 5.25.0-beta.3

package/lib/typescript/i18n/tr.json

@@ -4,68 +4,68 @@
     "Allow access to your Gallery": "",
     "Allow camera access in device settings": "",
     "Also send to channel": "",
-    "Are you sure you want to permanently delete this message?": "Bu mesajı kalıcı olarak silmek istediğinizden emin misiniz?",
+    "Are you sure you want to permanently delete this message?": "",
     "Are you sure?": "",
-    "Block User": "Kullanıcıyı engelle",
-    "Cancel": "İptal",
-    "Cannot Flag Message": "Raporlama Başarısız",
+    "Block User": "",
+    "Cancel": "",
+    "Cannot Flag Message": "",
     "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "",
-    "Copy Message": "Mesajı Kopyala",
-    "Delete": "Sil",
-    "Delete Message": "Mesajı Sil",
+    "Copy Message": "",
+    "Delete": "",
+    "Delete Message": "",
     "Device camera is used to take photos or videos.": "",
-    "Do you want to send a copy of this message to a moderator for further investigation?": "Detaylı inceleme için bu mesajın kopyasını moderatöre göndermek istiyor musunuz?",
-    "Edit Message": "Mesajı Düzenle",
-    "Editing Message": "",
-    "Emoji matching": "",
+    "Do you want to send a copy of this message to a moderator for further investigation?": "",
+    "Edit Message": "",
+    "Editing Message": "Mesaj Düzenleniyor",
+    "Emoji matching": "Emoji eşleştirme",
     "Empty message...": "",
     "Error loading": "",
     "Error loading channel list...": "",
     "Error loading messages for this channel...": "",
     "Error while loading, please reload/refresh": "",
-    "File type not supported": "",
-    "Flag": "Raporla",
-    "Flag Message": "Mesajı Raporla",
-    "Flag action failed either due to a network issue or the message is already flagged": "Mesajın daha önce raporlanmış olması veya bir ağ bağlantısı sorunu nedeniyle raporlama işlemi başarısız oldu.",
+    "File type not supported": "Dosya türü desteklenmiyor",
+    "Flag": "",
+    "Flag Message": "",
+    "Flag action failed either due to a network issue or the message is already flagged": "",
     "How about sending your first message to a friend?": "",
-    "Instant Commands": "",
+    "Instant Commands": "Anlık Komutlar",
     "Let's start chatting!": "",
     "Links are disabled": "",
-    "Loading channels...": "Kanallar yükleniyor...",
-    "Loading messages...": "Mesajlar yükleniyor...",
-    "Loading...": "Yükleniyor...",
+    "Loading channels...": "",
+    "Loading messages...": "",
+    "Loading...": "",
     "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
     "Message Reactions": "",
     "Message deleted": "",
-    "Message flagged": "Mesaj işaretlendi",
-    "Mute User": "Kullanıcıyı sessize al",
+    "Message flagged": "",
+    "Mute User": "",
     "Not supported": "",
     "Nothing yet...": "",
-    "Ok": "Tamam",
-    "Only visible to you": "",
+    "Ok": "",
+    "Only visible to you": "Sadece siz görebilirsiniz",
     "Open Settings": "",
     "Photo": "Fotoğraf",
     "Photos and Videos": "",
-    "Pin to Conversation": "Konuşmaya sabitle",
+    "Pin to Conversation": "",
     "Pinned by": "",
     "Please enable access to your photos and videos so you can share them.": "",
-    "Please select a channel first": "Lütfen önce bir kanal seçiniz",
+    "Please select a channel first": "",
     "Reconnecting...": "",
-    "Reply": "Yanıtla",
+    "Reply": "",
     "Reply to Message": "",
-    "Resend": "Yeniden gönder",
+    "Resend": "",
     "Search GIFs": "",
     "Select More Photos": "",
     "Send Anyway": "",
     "Send a message": "",
     "Sending links is not allowed in this conversation": "",
     "Slow mode ON": "",
-    "The message has been reported to a moderator.": "Mesaj moderatöre bildirildi.",
-    "Thread Reply": "Konu Yanıtı",
-    "Unblock User": "Kullanıcının engelini kaldır",
+    "The message has been reported to a moderator.": "",
+    "Thread Reply": "",
+    "Unblock User": "",
     "Unknown User": "",
-    "Unmute User": "Kullanıcının sesini aç",
-    "Unpin from Conversation": "Sabitlemeyi kaldır",
+    "Unmute User": "",
+    "Unpin from Conversation": "",
     "Unread Messages": "",
     "Video": "Video",
     "You": "",

package/lib/typescript/index.d.ts

@@ -2,7 +2,7 @@ export * from './components';
 export * from './hooks';
 export { registerNativeHandlers, NetInfo } from './native';
 export * from './contexts';
-export * from './emoji-data/compiled';
+export * from './emoji-data';
 export * from './icons';
 export * from './types/types';
 export * from './utils/patchMessageTextCommand';

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

@@ -2,9 +2,9 @@ import type React from 'react';
 import type { DebouncedFunc } from 'lodash';
 import type { Channel, CommandResponse, FormatMessageResponse, StreamChat } from 'stream-chat';
 import type { MessageType } from '../components/MessageList/hooks/useMessageList';
-import type { MentionAllAppUsersQuery } from '../contexts/messageInputContext/MessageInputContext';
+import type { EmojiSearchIndex, MentionAllAppUsersQuery } from '../contexts/messageInputContext/MessageInputContext';
 import type { SuggestionCommand, SuggestionComponentType, SuggestionUser } from '../contexts/suggestionsContext/SuggestionsContext';
-import { Emoji } from '../emoji-data/compiled';
+import { Emoji } from '../emoji-data';
 import type { IconProps } from '../icons/utils/base';
 import type { TableRowJoinedUser } from '../store/types';
 import type { DefaultStreamChatGenerics, ValueOf } from '../types/types';
@@ -69,7 +69,7 @@ export declare type TriggerSettings<StreamChatGenerics extends DefaultStreamChat
         type: SuggestionComponentType;
     };
     ':'?: {
-        dataProvider: (query: Emoji['name'], _: string, onReady?: (data: Emoji[], q: Emoji['name']) => void) => Emoji[];
+        dataProvider: (query: Emoji['name'], _: string, onReady?: (data: Emoji[], q: Emoji['name']) => void) => Emoji[] | Promise<Emoji[]>;
         output: (entity: Emoji) => {
             caretPosition: string;
             key: string;
@@ -96,6 +96,7 @@ export declare type ACITriggerSettingsParams<StreamChatGenerics extends DefaultS
     channel: Channel<StreamChatGenerics>;
     client: StreamChat<StreamChatGenerics>;
     onMentionSelectItem: (item: SuggestionUser<StreamChatGenerics>) => void;
+    emojiSearchIndex?: EmojiSearchIndex;
 };
 export declare type QueryUsersFunction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (client: StreamChat<StreamChatGenerics>, query: SuggestionUser<StreamChatGenerics>['name'], onReady?: (users: SuggestionUser<StreamChatGenerics>[]) => void, options?: {
     limit?: number;
@@ -104,6 +105,10 @@ export declare type QueryUsersFunction<StreamChatGenerics extends DefaultStreamC
 export declare type QueryMembersFunction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (channel: Channel<StreamChatGenerics>, query: SuggestionUser<StreamChatGenerics>['name'], onReady?: (users: SuggestionUser<StreamChatGenerics>[]) => void, options?: {
     limit?: number;
 }) => Promise<void>;
+/**
+ * Default emoji search index for auto complete text input
+ */
+export declare const defaultEmojiSearchIndex: EmojiSearchIndex;
 /**
  * ACI = AutoCompleteInput
  *
@@ -115,7 +120,7 @@ export declare type QueryMembersFunction<StreamChatGenerics extends DefaultStrea
  * previous call without waiting for a1. So in this case, we want to execute onReady, when trailing
  * end of debounce executes.
  */
-export declare const ACITriggerSettings: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, client, onMentionSelectItem, }: ACITriggerSettingsParams<StreamChatGenerics>) => TriggerSettings<StreamChatGenerics>;
+export declare const ACITriggerSettings: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, client, emojiSearchIndex, onMentionSelectItem, }: ACITriggerSettingsParams<StreamChatGenerics>) => TriggerSettings<StreamChatGenerics>;
 export declare const makeImageCompatibleUrl: (url: string) => string;
 export declare const getUrlWithoutParams: (url?: string | undefined) => string | undefined;
 export declare const isLocalUrl: (url: string) => boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "5.25.0-beta.1",
+  "version": "5.25.0-beta.3",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -45,7 +45,8 @@
     "release-next": "FILTER_PATH='package' TAG_FORMAT='v${version}' node ../release/next",
     "prepublishOnly": "echo 'running prepublishOnly for core package' && bash ./bin/before-tag.sh && bash ./bin/release.sh && echo 'finished running prepublishOnly for core package'",
     "prepack": " cp ../README.md .",
-    "postpack": "rm README.md"
+    "postpack": "rm README.md",
+    "update-emoji": "node src/emoji-data/compile.js"
   },
   "react-native-builder-bob": {
     "source": "src",

package/src/components/AutoCompleteInput/AutoCompleteInput.tsx

@@ -26,7 +26,7 @@ import {
   TranslationContextValue,
   useTranslationContext,
 } from '../../contexts/translationContext/TranslationContext';
-import type { Emoji } from '../../emoji-data/compiled';
+import type { Emoji } from '../../emoji-data';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import { isCommandTrigger, isEmojiTrigger, isMentionTrigger } from '../../utils/utils';
 

package/src/components/AutoCompleteInput/AutoCompleteSuggestionItem.tsx

@@ -10,7 +10,7 @@ import type {
   SuggestionUser,
 } from '../../contexts/suggestionsContext/SuggestionsContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
-import type { Emoji } from '../../emoji-data/compiled';
+import type { Emoji } from '../../emoji-data';
 import { AtMentions } from '../../icons/AtMentions';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import { Avatar } from '../Avatar/Avatar';

package/src/components/AutoCompleteInput/AutoCompleteSuggestionList.tsx

@@ -22,7 +22,7 @@ import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { FlatList } from '../../native';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
-const AUTO_COMPLETE_SUGGESTION_LIST_HEADER_HEIGHT = 30;
+const AUTO_COMPLETE_SUGGESTION_LIST_HEADER_HEIGHT = 50;
 
 type AutoCompleteSuggestionListComponentProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,

package/src/components/Channel/Channel.tsx

@@ -84,6 +84,7 @@ import { patchMessageTextCommand } from '../../utils/patchMessageTextCommand';
 import { removeReactionFromLocalState } from '../../utils/removeReactionFromLocalState';
 import { removeReservedFields } from '../../utils/removeReservedFields';
 import {
+  defaultEmojiSearchIndex,
   generateRandomId,
   isBouncedMessage,
   isLocalUrl,
@@ -440,6 +441,7 @@ const ChannelWithContext = <
     doMarkReadRequest,
     doSendMessageRequest,
     doUpdateMessageRequest,
+    emojiSearchIndex = defaultEmojiSearchIndex,
     EmptyStateIndicator = EmptyStateIndicatorDefault,
     enableMessageGroupingByUser = true,
     enableOfflineSupport,
@@ -2149,6 +2151,7 @@ const ChannelWithContext = <
     doImageUploadRequest,
     editing,
     editMessage,
+    emojiSearchIndex,
     FileUploadPreview,
     hasCommands,
     hasFilePicker,

package/src/components/Channel/hooks/useCreateInputMessageInputContext.ts

@@ -20,6 +20,7 @@ export const useCreateInputMessageInputContext = <
   doImageUploadRequest,
   editing,
   editMessage,
+  emojiSearchIndex,
   FileUploadPreview,
   hasCommands,
   hasFilePicker,
@@ -75,6 +76,7 @@ export const useCreateInputMessageInputContext = <
       doImageUploadRequest,
       editing,
       editMessage,
+      emojiSearchIndex,
       FileUploadPreview,
       hasCommands,
       hasFilePicker,

package/src/components/MessageInput/MessageInput.tsx

@@ -620,7 +620,7 @@ const MessageInputWithContext = <
 
       {triggerType && suggestions ? (
         <View
-          style={[styles.suggestionsListContainer, suggestionListContainer, { bottom: height }]}
+          style={[styles.suggestionsListContainer, { bottom: height }, suggestionListContainer]}
         >
           <AutoCompleteSuggestionList
             active={!!suggestions}

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -37,6 +37,7 @@ import type { MoreOptionsButtonProps } from '../../components/MessageInput/MoreO
 import type { SendButtonProps } from '../../components/MessageInput/SendButton';
 import type { UploadProgressIndicatorProps } from '../../components/MessageInput/UploadProgressIndicator';
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
+import type { Emoji } from '../../emoji-data';
 import { pickDocument } from '../../native';
 import type {
   Asset,
@@ -69,6 +70,10 @@ import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 import { getDisplayName } from '../utils/getDisplayName';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
+export type EmojiSearchIndex = {
+  search: (query: string) => PromiseLike<Array<Emoji>> | Array<Emoji> | null;
+};
+
 export type MentionAllAppUsersQuery<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
@@ -339,6 +344,11 @@ export type InputMessageInputContextValue<
    */
   editing?: MessageType<StreamChatGenerics>;
 
+  /**
+   * Prop to override the default emoji search index in auto complete suggestion list.
+   */
+  emojiSearchIndex?: EmojiSearchIndex;
+
   /** Initial value to set on input */
   initialValue?: string;
   /**
@@ -894,12 +904,14 @@ export const MessageInputProvider = <
         triggerSettings = value.autoCompleteTriggerSettings({
           channel,
           client,
+          emojiSearchIndex: value.emojiSearchIndex,
           onMentionSelectItem: onSelectItem,
         });
       } else {
         triggerSettings = ACITriggerSettings<StreamChatGenerics>({
           channel,
           client,
+          emojiSearchIndex: value.emojiSearchIndex,
           onMentionSelectItem: onSelectItem,
         });
       }

package/src/contexts/messageInputContext/hooks/useCreateMessageInputContext.ts

@@ -24,6 +24,7 @@ export const useCreateMessageInputContext = <
   doImageUploadRequest,
   editing,
   editMessage,
+  emojiSearchIndex,
   FileUploadPreview,
   fileUploads,
   giphyActive,
@@ -127,6 +128,7 @@ export const useCreateMessageInputContext = <
       doImageUploadRequest,
       editing,
       editMessage,
+      emojiSearchIndex,
       FileUploadPreview,
       fileUploads,
       giphyActive,

package/src/contexts/suggestionsContext/SuggestionsContext.tsx

@@ -5,7 +5,7 @@ import type { CommandResponse, UserResponse } from 'stream-chat';
 import type { AutoCompleteSuggestionHeaderProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionHeader';
 import type { AutoCompleteSuggestionItemProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionItem';
 import type { AutoCompleteSuggestionListProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionList';
-import type { Emoji } from '../../emoji-data/compiled';
+import type { Emoji } from '../../emoji-data';
 import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 

package/src/emoji-data/compile.js

@@ -1,41 +1,61 @@
 /* eslint-disable no-undef */
 const fs = require('fs');
 
-const { emojiArray, emojiLib } = require('./index.js');
+const getEmojis = async () => {
+  try {
+    const response = await fetch(
+      'https://raw.githubusercontent.com/iamcal/emoji-data/master/emoji.json',
+    );
+    const emojis = await response.json();
+    const emojiLib = emojis
+      .map((emoji) => ({
+        id: emoji.short_name,
+        name: emoji.short_name,
+        names: emoji.short_names,
+        ...(emoji.skin_variations
+          ? {
+              skins: Object.values(emoji.skin_variations).map((skin) =>
+                String.fromCodePoint.apply(
+                  null,
+                  skin.unified.split('-').map((unicode) => `0x${unicode}`),
+                ),
+              ),
+            }
+          : {}),
+        unicode: String.fromCodePoint.apply(
+          null,
+          emoji.unified.split('-').map((unicode) => `0x${unicode}`),
+        ),
+      }))
+      .sort((a, b) => (a.name < b.name ? -1 : 1));
 
-const stingified = JSON.stringify({
-  emojiArray,
-  emojiLib,
-}).replace(/(["'])require(?:(?=(\\?))\2.)*?\1/g, (value) => value.replace(/"/g, ''));
-
-fs.writeFile(
-  'compiled.ts',
-  `export type EmojiArrayItem = {
-    name: string;
-    names: string[];
+    return { emojiLib };
+  } catch (error) {
+    console.log(error);
   }
-  
-  export type EmojiArray = EmojiArrayItem[];
-  
-  export type Emoji = {
-    name: string;
-    names: string[];
-    sort_order: number;
-    unicode: string;
-    skin_variations?: string[];
-  };
-  
-  export type EmojiLib = {
-    [key: string]: Emoji;
-  };
-  
-  export type CompiledEmojis = {
-    emojiArray: EmojiArray;
-    emojiLib: EmojiLib;
-  };
-  
-  export const compiledEmojis: CompiledEmojis = ${stingified}`,
-  (err) => {
-    if (err) throw err;
-  },
-);
+};
+
+getEmojis().then(({ emojiLib }) => {
+  const stingified = JSON.stringify(emojiLib).replace(
+    /(["'])require(?:(?=(\\?))\2.)*?\1/g,
+    (value) => value.replace(/"/g, ''),
+  );
+
+  fs.writeFile(
+    'src/emoji-data/index.ts',
+    `export type Emoji = {
+      id: string;
+      name: string;
+      names: string[];
+      unicode: string;
+      skins?: string[];
+    };
+
+    export type Emojis = Emoji[];
+
+    export const compiledEmojis: Emojis = ${stingified}`,
+    (err) => {
+      if (err) throw err;
+    },
+  );
+});