stream-chat-react-native-core 5.24.1-beta.1 → 5.25.0-beta.2

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -8,6 +8,7 @@ import { lookup } from 'mime-types';
 import {
   Attachment,
   logChatPromiseExecution,
+  Message,
   SendFileAPIResponse,
   StreamChat,
   Message as StreamMessage,
@@ -36,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,
@@ -68,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,
 > = {
@@ -159,7 +165,7 @@ export type LocalMessageInputContext<
   resetInput: (pendingAttachments?: Attachment<StreamChatGenerics>[]) => void;
   selectedPicker: string | undefined;
   sending: React.MutableRefObject<boolean>;
-  sendMessage: () => Promise<void>;
+  sendMessage: (customMessageData?: Partial<Message<StreamChatGenerics>>) => Promise<void>;
   sendMessageAsync: (id: string) => void;
   sendThreadMessageInChannel: boolean;
   setAsyncIds: React.Dispatch<React.SetStateAction<string[]>>;
@@ -338,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;
   /**
@@ -696,7 +707,7 @@ export const MessageInputProvider = <
 
   // TODO: Figure out why this is async, as it doesn't await any promise.
   // eslint-disable-next-line require-await
-  const sendMessage = async () => {
+  const sendMessage = async (customMessageData?: Partial<Message<StreamChatGenerics>>) => {
     if (sending.current) {
       return;
     }
@@ -790,6 +801,7 @@ export const MessageInputProvider = <
         mentioned_users: mentionedUsers,
         quoted_message: undefined,
         text: prevText,
+        ...customMessageData,
       } as Parameters<StreamChat<StreamChatGenerics>['updateMessage']>[0];
 
       // TODO: Remove this line and show an error when submit fails
@@ -822,6 +834,7 @@ export const MessageInputProvider = <
             typeof value.quotedMessage === 'boolean' ? undefined : value.quotedMessage.id,
           show_in_channel: sendThreadMessageInChannel || undefined,
           text: prevText,
+          ...customMessageData,
         } as unknown as StreamMessage<StreamChatGenerics>);
 
         value.clearQuotedMessageState();
@@ -891,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;
+    },
+  );
+});