stream-chat-react-native-core 5.22.0-beta.9 → 5.22.1-beta.1

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -35,8 +35,16 @@ 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 { compressImage, pickDocument } from '../../native';
-import type { Asset, DefaultStreamChatGenerics, File, UnknownType } from '../../types/types';
+import { pickDocument } from '../../native';
+import type {
+  Asset,
+  DefaultStreamChatGenerics,
+  File,
+  FileUpload,
+  ImageUpload,
+  UnknownType,
+} from '../../types/types';
+import { compressedImageURI } from '../../utils/compressImage';
 import { removeReservedFields } from '../../utils/removeReservedFields';
 import {
   ACITriggerSettings,
@@ -58,28 +66,6 @@ import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 import { getDisplayName } from '../utils/getDisplayName';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
-export type FileUpload = {
-  file: File;
-  id: string;
-  state: FileStateValue;
-  duration?: number;
-  paused?: boolean;
-  progress?: number;
-  thumb_url?: string;
-  url?: string;
-};
-
-export type ImageUpload = {
-  file: Partial<Asset> & {
-    name?: string;
-  };
-  id: string;
-  state: FileStateValue;
-  height?: number;
-  url?: string;
-  width?: number;
-};
-
 export type MentionAllAppUsersQuery<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
@@ -438,7 +424,8 @@ export const MessageInputProvider = <
 
   const channelCapabities = useOwnCapabilitiesContext();
 
-  const { channel, giphyEnabled } = useChannelContext<StreamChatGenerics>();
+  const { channel, giphyEnabled, uploadAbortControllerRef } =
+    useChannelContext<StreamChatGenerics>();
   const { thread } = useThreadContext<StreamChatGenerics>();
   const { t } = useTranslationContext();
   const inputBoxRef = useRef<TextInput | null>(null);
@@ -640,20 +627,21 @@ export const MessageInputProvider = <
     setText('');
   };
 
-  const mapImageUploadToAttachment = (image: ImageUpload) => {
+  const mapImageUploadToAttachment = (image: ImageUpload): Attachment<StreamChatGenerics> => {
     const mime_type: string | boolean = lookup(image.file.name as string);
+    const name = image.file.name as string;
     return {
-      fallback: image.file.name,
+      fallback: name,
       image_url: image.url,
       mime_type: mime_type ? mime_type : undefined,
       original_height: image.height,
       original_width: image.width,
-      originalFile: image.file,
+      originalImage: image.file,
       type: 'image',
-    } as Attachment;
+    };
   };
 
-  const mapFileUploadToAttachment = (file: FileUpload) => {
+  const mapFileUploadToAttachment = (file: FileUpload): Attachment<StreamChatGenerics> => {
     if (file.file.mimeType?.startsWith('image/')) {
       return {
         fallback: file.file.name,
@@ -968,11 +956,24 @@ export const MessageInputProvider = <
       if (value.doDocUploadRequest) {
         response = await value.doDocUploadRequest(file, channel);
       } else if (channel && file.uri) {
+        uploadAbortControllerRef.current.set(
+          file.name,
+          client.createAbortControllerForNextRequest(),
+        );
         response = await channel.sendFile(file.uri, file.name, file.mimeType);
+        uploadAbortControllerRef.current.delete(file.name);
       }
       const extraData: Partial<FileUpload> = { thumb_url: response.thumb_url, url: response.file };
       setFileUploads(getUploadSetStateAction(id, FileState.UPLOADED, extraData));
     } catch (error: unknown) {
+      if (
+        error instanceof Error &&
+        (error.name === 'AbortError' || error.name === 'CanceledError')
+      ) {
+        // nothing to do
+        uploadAbortControllerRef.current.delete(file.name);
+        return;
+      }
       handleFileOrImageUploadError(error, false, id);
     }
   };
@@ -986,52 +987,55 @@ export const MessageInputProvider = <
 
     let response = {} as SendFileAPIResponse;
 
+    const uri = file.uri || '';
+    const filename = file.name ?? uri.replace(/^(file:\/\/|content:\/\/)/, '');
+
     try {
-      const uri = file.uri || '';
-      /**
-       * We skip compression if:
-       * - the file is from the camera as that should already be compressed
-       * - the file has no height/width value to maintain for compression
-       * - the compressImageQuality number is not present or is 1 (meaning no compression)
-       */
-      const compressedUri = await (file.source === 'camera' ||
-      !file.height ||
-      !file.width ||
-      typeof value.compressImageQuality !== 'number' ||
-      value.compressImageQuality === 1
-        ? uri
-        : compressImage({
-            compressImageQuality: value.compressImageQuality,
-            height: file.height,
-            uri,
-            width: file.width,
-          }));
-      const filename = file.name ?? uri.replace(/^(file:\/\/|content:\/\/)/, '');
+      const compressedUri = await compressedImageURI(file, value.compressImageQuality);
       const contentType = lookup(filename) || 'multipart/form-data';
       if (value.doImageUploadRequest) {
         response = await value.doImageUploadRequest(file, channel);
       } else if (compressedUri && channel) {
         if (value.sendImageAsync) {
-          channel.sendImage(compressedUri, filename, contentType).then((res) => {
-            if (asyncIds.includes(id)) {
-              // Evaluates to true if user hit send before image successfully uploaded
-              setAsyncUploads((prevAsyncUploads) => {
-                prevAsyncUploads[id] = {
-                  ...prevAsyncUploads[id],
-                  state: FileState.UPLOADED,
-                  url: res.file,
-                };
-                return prevAsyncUploads;
-              });
-            } else {
-              const newImageUploads = getUploadSetStateAction<ImageUpload>(id, FileState.UPLOADED, {
-                url: res.file,
-              });
-              setImageUploads(newImageUploads);
-            }
-          });
+          uploadAbortControllerRef.current.set(
+            filename,
+            client.createAbortControllerForNextRequest(),
+          );
+          channel.sendImage(compressedUri, filename, contentType).then(
+            (res) => {
+              uploadAbortControllerRef.current.delete(filename);
+              if (asyncIds.includes(id)) {
+                // Evaluates to true if user hit send before image successfully uploaded
+                setAsyncUploads((prevAsyncUploads) => {
+                  prevAsyncUploads[id] = {
+                    ...prevAsyncUploads[id],
+                    state: FileState.UPLOADED,
+                    url: res.file,
+                  };
+                  return prevAsyncUploads;
+                });
+              } else {
+                const newImageUploads = getUploadSetStateAction<ImageUpload>(
+                  id,
+                  FileState.UPLOADED,
+                  {
+                    url: res.file,
+                  },
+                );
+                setImageUploads(newImageUploads);
+              }
+            },
+            () => {
+              uploadAbortControllerRef.current.delete(filename);
+            },
+          );
         } else {
+          uploadAbortControllerRef.current.set(
+            filename,
+            client.createAbortControllerForNextRequest(),
+          );
           response = await channel.sendImage(compressedUri, filename, contentType);
+          uploadAbortControllerRef.current.delete(filename);
         }
       }
 
@@ -1044,6 +1048,14 @@ export const MessageInputProvider = <
         setImageUploads(newImageUploads);
       }
     } catch (error) {
+      if (
+        error instanceof Error &&
+        (error.name === 'AbortError' || error.name === 'CanceledError')
+      ) {
+        // nothing to do
+        uploadAbortControllerRef.current.delete(filename);
+        return;
+      }
       handleFileOrImageUploadError(error, true, id);
     }
   };

package/src/contexts/messageInputContext/__tests__/__snapshots__/sendMessage.test.tsx.snap

@@ -7,7 +7,7 @@ Object {
       "fallback": undefined,
       "image_url": undefined,
       "mime_type": undefined,
-      "originalFile": Object {
+      "originalImage": Object {
         "uri": "http://www.jackblack.com/tenac_iousd.bmp",
       },
       "original_height": undefined,
@@ -106,7 +106,7 @@ Object {
       "fallback": undefined,
       "image_url": undefined,
       "mime_type": undefined,
-      "originalFile": Object {
+      "originalImage": Object {
         "uri": "http://www.jackblack.com/tenac_iousd.bmp",
       },
       "original_height": undefined,
@@ -117,7 +117,7 @@ Object {
       "fallback": undefined,
       "image_url": undefined,
       "mime_type": undefined,
-      "originalFile": Object {
+      "originalImage": Object {
         "uri": "http://www.jackblack.com/tenac_iousd.bmp",
       },
       "original_height": undefined,

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

@@ -95,7 +95,7 @@ export const useCreateMessageInputContext = <
   UploadProgressIndicator,
 }: MessageInputContextValue<StreamChatGenerics> &
   Pick<ThreadContextValue<StreamChatGenerics>, 'thread'>) => {
-  const editingExists = !!editing;
+  const editingdep = typeof editing === 'boolean' ? editing : editing?.id;
   const fileUploadsValue = fileUploads
     .map(({ duration, paused, progress, state }) => `${state},${paused},${progress},${duration}`)
     .join();
@@ -198,7 +198,7 @@ export const useCreateMessageInputContext = <
     }),
     [
       cooldownEndsAt,
-      editingExists,
+      editingdep,
       fileUploadsValue,
       giphyActive,
       imageUploadsValue,

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

@@ -1,9 +1,9 @@
 import { useEffect, useState } from 'react';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+import type { DefaultStreamChatGenerics, FileUpload, ImageUpload } from '../../../types/types';
 import { generateRandomId } from '../../../utils/utils';
 
-import type { FileUpload, ImageUpload, MessageInputContextValue } from '../MessageInputContext';
+import type { MessageInputContextValue } from '../MessageInputContext';
 
 export const isEditingBoolean = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -234,8 +234,8 @@ export type MessagesContextValue<
    */
   ScrollToBottomButton: React.ComponentType<ScrollToBottomButtonProps>;
   sendReaction: (type: string, messageId: string) => Promise<void>;
-  setEditingState: (message: MessageType<StreamChatGenerics>) => void;
-  setQuotedMessageState: (message: MessageType<StreamChatGenerics>) => void;
+  setEditingState: (message: MessageType<StreamChatGenerics> | boolean) => void;
+  setQuotedMessageState: (message: MessageType<StreamChatGenerics> | boolean) => void;
   supportedReactions: ReactionData[];
   /**
    * UI component for TypingIndicator

package/src/i18n/en.json

@@ -24,7 +24,7 @@
   "File type not supported": "File type not supported",
   "Flag": "Flag",
   "Flag Message": "Flag Message",
-  "Flag action failed either due to a network issue or the message is already flagged": "Flag action failed either due to a network issue or the message is already flagged",
+  "Flag action failed either due to a network issue or the message is already flagged": "Flag action failed either due to a network issue or the message is already flagged.",
   "How about sending your first message to a friend?": "How about sending your first message to a friend?",
   "Instant Commands": "Instant Commands",
   "Let's start chatting!": "Let's start chatting!",

package/src/i18n/fr.json

@@ -1,19 +1,19 @@
 {
-  "1 Reply": "1 Réponse",
-  "1 Thread Reply": "Réponse à 1 fil",
-  "Allow access to your Gallery": "Autoriser l'accès à votre galerie",
-  "Allow camera access in device settings": "Autoriser l'accès à la caméra dans les paramètres de l'appareil",
+  "1 Reply": "",
+  "1 Thread Reply": "",
+  "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?": "",
-  "Block User": "",
-  "Cancel": "",
-  "Cannot Flag Message": "",
-  "Copy Message": "",
-  "Delete": "",
-  "Delete Message": "",
-  "Device camera is used to take photos or videos.": "L'appareil photo de l'appareil est utilisé pour prendre des photos ou des vidéos.",
-  "Do you want to send a copy of this message to a moderator for further investigation?": "",
-  "Edit Message": "",
+  "Are you sure you want to permanently delete this message?": "Êtes-vous sûr de vouloir supprimer définitivement ce message?",
+  "Block User": "Bloquer un utilisateur",
+  "Cancel": "Annuler",
+  "Cannot Flag Message": "Impossible de signaler le message",
+  "Copy Message": "Copier le message",
+  "Delete": "Supprimer",
+  "Delete Message": "Supprimer un 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?": "Voulez-vous envoyer une copie de ce message à un modérateur pour une enquête plus approfondie?",
+  "Edit Message": "Éditer un message",
   "Editing Message": "",
   "Emoji matching": "Correspondance Emoji",
   "Empty message...": "",
@@ -22,55 +22,55 @@
   "Error loading messages for this channel...": "",
   "Error while loading, please reload/refresh": "",
   "File type not supported": "",
-  "Flag": "",
-  "Flag Message": "",
-  "Flag action failed either due to a network issue or the message is already flagged": "",
+  "Flag": "Signaler",
+  "Flag Message": "Signaler le message",
+  "Flag action failed either due to a network issue or the message is already flagged": "L'action de signalisation a échoué en raison d'un problème de réseau ou le message est déjà signalé.",
   "How about sending your first message to a friend?": "",
   "Instant Commands": "Commandes Instantanées",
   "Let's start chatting!": "",
-  "Links are disabled": "Links are disabled",
+  "Links are disabled": "",
   "Loading channels...": "",
   "Loading messages...": "",
   "Loading...": "",
-  "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "Taille maximale de téléchargement de fichier atteinte. Veuillez télécharger un fichier inférieur à {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} Mo.",
+  "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": "",
-  "Mute User": "",
+  "Message flagged": "Message signalé",
+  "Mute User": "Utilisateur muet",
   "Not supported": "",
   "Nothing yet...": "",
-  "Ok": "",
+  "Ok": "Ok",
   "Only visible to you": "",
-  "Open Settings": "Ouvrir les paramètres",
-  "Photo": "Photo",
-  "Photos and Videos": "Photos et vidéos",
-  "Pin to Conversation": "",
+  "Open Settings": "",
+  "Photo": "",
+  "Photos and Videos": "",
+  "Pin to Conversation": "Épingler à la conversation",
   "Pinned by": "",
-  "Please enable access to your photos and videos so you can share them.": "Veuillez autoriser l'accès à vos photos et vidéos afin de pouvoir les partager.",
-  "Please select a channel first": "Veuillez d'abord selectionnez un canal",
+  "Please enable access to your photos and videos so you can share them.": "",
+  "Please select a channel first": "",
   "Reconnecting...": "",
-  "Reply": "",
+  "Reply": "Répondre",
   "Reply to Message": "",
-  "Resend": "",
-  "Search GIFs": "",
-  "Select More Photos": "Sélectionner plus de photos",
-  "Send a message": "",
-  "Sending links is not allowed in this conversation": "Sending links is not allowed in this conversation",
-  "Slow mode ON": "",
-  "The message has been reported to a moderator.": "",
-  "Thread Reply": "",
-  "Unblock User": "",
-  "Unknown User": "Utilisateur inconnu",
-  "Unmute User": "",
-  "Unpin from Conversation": "",
-  "Unread Messages": "Messages non lus",
-  "Video": "Vidéo",
+  "Resend": "Renvoyer",
+  "Search GIFs": "Rechercher des GIF",
+  "Select More Photos": "",
+  "Send a message": "Envoyer un message",
+  "Sending links is not allowed in this conversation": "",
+  "Slow mode ON": "Mode lent activé",
+  "The message has been reported to a moderator.": "Le message a été signalé à un modérateur.",
+  "Thread Reply": "Réponse à la discussion",
+  "Unblock User": "Débloquer Utilisateur",
+  "Unknown User": "",
+  "Unmute User": "Activer le son de Utilisateur",
+  "Unpin from Conversation": "Décrocher de la conversation",
+  "Unread Messages": "",
+  "Video": "",
   "You": "",
   "You can't send messages in this channel": "",
-  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} et {{ nonSelfUserLength }} autres sont en train d'écrire",
-  "{{ index }} of {{ photoLength }}": "{{ index }} sur {{ photoLength }}",
-  "{{ replyCount }} Replies": "{{ replyCount }} Réponses",
-  "{{ replyCount }} Thread Replies": "{{replyCount}} Réponses à la discussion",
-  "{{ user }} is typing": "{{ user }} est en train d'écrire",
+  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
+  "{{ index }} of {{ photoLength }}": "",
+  "{{ replyCount }} Replies": "",
+  "{{ replyCount }} Thread Replies": "",
+  "{{ user }} is typing": "",
   "🏙 Attachment...": ""
 }

package/src/i18n/hi.json

@@ -1,19 +1,19 @@
 {
-  "1 Reply": "1 रिप्लाई",
-  "1 Thread Reply": "1 धागा उत्तर",
-  "Allow access to your Gallery": "अपनी गैलरी तक पहुँचने की अनुमति दें",
-  "Allow camera access in device settings": "डिवाइस सेटिंग्स में कैमरा एक्सेस की अनुमति दें",
+  "1 Reply": "",
+  "1 Thread Reply": "",
+  "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?": "",
-  "Block User": "",
-  "Cancel": "",
-  "Cannot Flag Message": "",
-  "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?": "",
-  "Edit Message": "",
+  "Are you sure you want to permanently delete this message?": "क्या आप वाकई इस संदेश को स्थायी रूप से हटाना चाहते हैं?",
+  "Block User": "उपयोगकर्ता को रोक देना, ब्लॉक यूजर",
+  "Cancel": "रद्द करें",
+  "Cannot Flag Message": "मैसेज फ्लैग नहीं किया जा सकता है",
+  "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?": "क्या आप इस संदेश की एक प्रति आगे की जाँच के लिए किसी मॉडरेटर को भेजना चाहते हैं?",
+  "Edit Message": "मैसेज में बदलाव करे",
   "Editing Message": "",
   "Emoji matching": "इमोजी मिलान",
   "Empty message...": "",
@@ -22,55 +22,55 @@
   "Error loading messages for this channel...": "",
   "Error while loading, please reload/refresh": "",
   "File type not supported": "",
-  "Flag": "",
-  "Flag Message": "",
-  "Flag action failed either due to a network issue or the message is already flagged": "",
+  "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": "त्वरित कमांड",
   "Let's start chatting!": "",
-  "Links are disabled": "लिंक अक्षम हैं",
+  "Links are disabled": "",
   "Loading channels...": "",
   "Loading messages...": "",
   "Loading...": "",
-  "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "अधिकतम फ़ाइल आकार अपलोड सीमा पूरी हो गई। कृपया {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} एमबी से नीचे की फ़ाइल अपलोड करें।",
+  "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": "",
-  "Mute User": "",
+  "Message flagged": "संदेश को ध्वजांकित किया गया",
+  "Mute User": "उपयोगकर्ता को म्यूट करें",
   "Not supported": "",
   "Nothing yet...": "",
-  "Ok": "",
+  "Ok": "ठीक",
   "Only visible to you": "",
-  "Open Settings": "सेटिंग्स खोलें",
-  "Photo": "तस्वीर",
-  "Photos and Videos": "तस्वीरें और वीडियों",
-  "Pin to Conversation": "",
+  "Open Settings": "",
+  "Photo": "",
+  "Photos and Videos": "",
+  "Pin to Conversation": "बातचीत में पिन करें",
   "Pinned by": "",
-  "Please enable access to your photos and videos so you can share them.": "कृपया अपनी फ़ोटो और वीडियो तक पहुंच सक्षम करें ताकि आप उन्हें साझा कर सकें।",
-  "Please select a channel first": "कृपया पहले एक चैनल चुनें",
+  "Please enable access to your photos and videos so you can share them.": "",
+  "Please select a channel first": "",
   "Reconnecting...": "",
-  "Reply": "",
+  "Reply": "मैसेज को रिप्लाई करे",
   "Reply to Message": "",
-  "Resend": "",
-  "Search GIFs": "",
-  "Select More Photos": "अधिक फ़ोटो चुनें",
-  "Send a message": "",
-  "Sending links is not allowed in this conversation": "इस बातचीत में लिंक भेजने की अनुमति नहीं है",
-  "Slow mode ON": "",
-  "The message has been reported to a moderator.": "",
-  "Thread Reply": "",
-  "Unblock User": "",
-  "Unknown User": "अज्ञात उपयोगकर्ता",
-  "Unmute User": "",
-  "Unpin from Conversation": "",
-  "Unread Messages": "अपठित संदेश",
-  "Video": "वीडियो",
+  "Resend": "पुन: भेजें",
+  "Search GIFs": "GIF खोजें",
+  "Select More Photos": "",
+  "Send a message": "एक संदेश भेजें",
+  "Sending links is not allowed in this conversation": "",
+  "Slow mode ON": "स्लो मोड चालू",
+  "The message has been reported to a moderator.": "संदेश एक मॉडरेटर को सूचित किया गया है।",
+  "Thread Reply": "धागा जवाब",
+  "Unblock User": "उपयोगकर्ता को अनब्लॉक करें",
+  "Unknown User": "",
+  "Unmute User": "उपयोगकर्ता को अनम्यूट करें",
+  "Unpin from Conversation": "बातचीत से अनपिन करें",
+  "Unread Messages": "",
+  "Video": "",
   "You": "",
   "You can't send messages in this channel": "",
-  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} और {{ nonSelfUserLength }} अधिक टाइप कर रहे हैं",
-  "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",
-  "{{ replyCount }} Replies": "{{ replyCount }} रिप्लाई",
-  "{{ replyCount }} Thread Replies": "{{ replyCount }}} थ्रेड उत्तर",
-  "{{ user }} is typing": "{{ user }} टाइप कर रहा है",
+  "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
+  "{{ index }} of {{ photoLength }}": "",
+  "{{ replyCount }} Replies": "",
+  "{{ replyCount }} Thread Replies": "",
+  "{{ user }} is typing": "",
   "🏙 Attachment...": ""
 }