refactor: remove useMentionsTransliteration from MessageInputProps

Author: MartinCupela

src/components/MessageInput/MessageInput.tsx

@@ -105,7 +105,6 @@ export type MessageInputProps = {
   // todo: X document change in configuration
   /** If true, triggers typing events on text input keystroke */
   publishTypingEvent?: boolean;
-  // todo: X document the change of transliterate prop
   /** If true, will use an optional dependency to support transliteration in the input for mentions, default is false. See: https://github.com/getstream/transliterate */
   /**
    * Currently, `Enter` is the default submission key and  `Shift`+`Enter` is the default combination for the new line.
@@ -117,7 +116,6 @@ export type MessageInputProps = {
    * ```
    */
   shouldSubmit?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => boolean;
-  useMentionsTransliteration?: boolean;
 };
 
 const MessageInputProvider = (props: PropsWithChildren<MessageInputProps>) => {

src/components/MessageInput/hooks/useCreateMessageInputContext.ts

@@ -32,7 +32,6 @@ export const useCreateMessageInputContext = (value: MessageInputContextValue) =>
     setCooldownRemaining,
     shouldSubmit,
     textareaRef,
-    useMentionsTransliteration,
   } = value;
 
   const parentId = parent?.id;
@@ -67,7 +66,6 @@ export const useCreateMessageInputContext = (value: MessageInputContextValue) =>
       setCooldownRemaining,
       shouldSubmit,
       textareaRef,
-      useMentionsTransliteration,
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [

src/components/MessageInput/hooks/utils.ts

@@ -1,108 +1,3 @@
-import type { UserResponse } from 'stream-chat';
-
-export const accentsMap: { [key: string]: string } = {
-  a: 'á|à|ã|â|À|Á|Ã|Â',
-  c: 'ç|Ç',
-  e: 'é|è|ê|É|È|Ê',
-  i: 'í|ì|î|Í|Ì|Î',
-  n: 'ñ|Ñ',
-  o: 'ó|ò|ô|ő|õ|Ó|Ò|Ô|Õ',
-  u: 'ú|ù|û|ü|Ú|Ù|Û|Ü',
-};
-
-export const removeDiacritics = (text?: string) => {
-  if (!text) return '';
-  return Object.keys(accentsMap).reduce(
-    (acc, current) => acc.replace(new RegExp(accentsMap[current], 'g'), current),
-    text,
-  );
-};
-
-export const calculateLevenshtein = (query: string, name: string) => {
-  if (query.length === 0) return name.length;
-  if (name.length === 0) return query.length;
-
-  const matrix = [];
-
-  let i;
-  for (i = 0; i <= name.length; i++) {
-    matrix[i] = [i];
-  }
-
-  let j;
-  for (j = 0; j <= query.length; j++) {
-    matrix[0][j] = j;
-  }
-
-  for (i = 1; i <= name.length; i++) {
-    for (j = 1; j <= query.length; j++) {
-      if (name.charAt(i - 1) === query.charAt(j - 1)) {
-        matrix[i][j] = matrix[i - 1][j - 1];
-      } else {
-        matrix[i][j] = Math.min(
-          matrix[i - 1][j - 1] + 1, // substitution
-          Math.min(
-            matrix[i][j - 1] + 1, // insertion
-            matrix[i - 1][j] + 1,
-          ),
-        ); // deletion
-      }
-    }
-  }
-
-  return matrix[name.length][query.length];
-};
-
-export type SearchLocalUserParams = {
-  ownUserId: string | undefined;
-  query: string;
-  text: string;
-  users: UserResponse[];
-  useMentionsTransliteration?: boolean;
-};
-
-export const searchLocalUsers = (params: SearchLocalUserParams): UserResponse[] => {
-  const { ownUserId, query, text, useMentionsTransliteration, users } = params;
-
-  const matchingUsers = users.filter((user) => {
-    if (user.id === ownUserId) return false;
-    if (!query) return true;
-
-    let updatedId = removeDiacritics(user.id).toLowerCase();
-    let updatedName = removeDiacritics(user.name).toLowerCase();
-    let updatedQuery = removeDiacritics(query).toLowerCase();
-
-    if (useMentionsTransliteration) {
-      (async () => {
-        // eslint-disable-next-line import/no-extraneous-dependencies
-        const { default: transliterate } = await import('@stream-io/transliterate');
-        updatedName = transliterate(user.name || '').toLowerCase();
-        updatedQuery = transliterate(query).toLowerCase();
-        updatedId = transliterate(user.id).toLowerCase();
-      })();
-    }
-
-    const maxDistance = 3;
-    const lastDigits = text.slice(-(maxDistance + 1)).includes('@');
-
-    if (updatedName) {
-      const levenshtein = calculateLevenshtein(updatedQuery, updatedName);
-      if (
-        updatedName.includes(updatedQuery) ||
-        (levenshtein <= maxDistance && lastDigits)
-      ) {
-        return true;
-      }
-    }
-
-    const levenshtein = calculateLevenshtein(updatedQuery, updatedId);
-
-    return updatedId.includes(updatedQuery) || (levenshtein <= maxDistance && lastDigits);
-  });
-
-  return matchingUsers;
-};
-
 export function prettifyFileSize(bytes: number, precision = 3) {
   const units = ['B', 'kB', 'MB', 'GB'];
   const exponent = Math.min(