@ethora/chat-component-rn 26.8.1 → 26.8.2

package/src/hooks/useSendMessage.tsx

@@ -9,8 +9,8 @@ import {
   clearMessageFailure,
   markMessageFailed,
 } from '../roomStore/roomHeapSlice';
-import { uploadFileViaFetch } from '../networking/api-requests/auth.api';
-import { enqueueOutboundSend } from '../networking/outboundQueue';
+import { uploadFileV2 } from '../networking/api-requests/auth.api';
+import { enqueueOutboundSend, removeOutboundSend } from '../networking/outboundQueue';
 import { RootState, store } from '../roomStore';
 import { getGlobalXmppClient } from '../utils/clientRegistry';
 import { useEventHandlers } from './useEventHandlers';
@@ -182,17 +182,45 @@ export const useSendMessage = (_configOverride?: IConfig) => {
       // PENDING_WATCHDOG_MS, flip the bubble to "failed → tap to
       // retry". We check at fire-time whether the message is still
       // pending and not already marked failed by the catch path.
-      const watchdogTimer = setTimeout(() => {
+      // One-shot extension for the case below. Declared outside the
+      // timer so the rescheduled run can't extend again.
+      let watchdogExtended = false;
+      const runWatchdog = () => {
         const state = reduxStore.getState();
         const roomMsgs = state.rooms?.rooms?.[activeRoomJID]?.messages || [];
         const stillPending = roomMsgs.find(
           (m: any) => m.id === optimisticId && m.pending
         );
         const alreadyFailed = state.roomHeapSlice?.failedMessages?.[optimisticId];
+
+        // Don't call it a failure while the stream is still coming back.
+        // A reconnect tears the old client down and builds a new one, and
+        // any echo in flight during that window is simply lost — the
+        // message may well have been delivered (it has been observed
+        // arriving twice on the receiving side). Failing it here shows a
+        // red "tap to retry" under a message that actually went through.
+        // Give the reconnect one more window to produce an echo, once.
+        const streamOnline = getGlobalXmppClient()?.status === 'online';
+        if (stillPending && !alreadyFailed && !streamOnline && !watchdogExtended) {
+          watchdogExtended = true;
+          console.warn(
+            `Send watchdog — ${optimisticId} still pending but the stream is not online; extending one window`
+          );
+          watchdogTimer = setTimeout(runWatchdog, PENDING_WATCHDOG_MS);
+          return;
+        }
+
         if (stillPending && !alreadyFailed) {
           console.warn(
             `Send watchdog fired — message ${optimisticId} stuck pending > ${PENDING_WATCHDOG_MS}ms; marking failed`
           );
+          // Drop the buffered replay now that the bubble is showing
+          // "failed / tap to retry" — a later onOnline flush must not
+          // silently resend it behind the user's back. If the original
+          // send actually lands after this point, the server echo still
+          // flips the bubble back to delivered (newMessageMidlleware);
+          // only an explicit tap-to-retry should trigger another send.
+          removeOutboundSend(optimisticId);
           dispatch(
             markMessageFailed({
               kind: 'text',
@@ -211,7 +239,9 @@ export const useSendMessage = (_configOverride?: IConfig) => {
             messageType: 'text',
           });
         }
-      }, PENDING_WATCHDOG_MS);
+      };
+
+      let watchdogTimer = setTimeout(runWatchdog, PENDING_WATCHDOG_MS);
 
       try {
         // The single send closure, used both for the immediate send and for
@@ -285,6 +315,9 @@ export const useSendMessage = (_configOverride?: IConfig) => {
         });
       } catch (error) {
         clearTimeout(watchdogTimer);
+        // Same reasoning as the watchdog: once the bubble shows failed,
+        // only an explicit tap-to-retry should resend it.
+        removeOutboundSend(optimisticId);
         dispatch(
           markMessageFailed({
             kind: 'text',
@@ -431,6 +464,10 @@ export const useSendMessage = (_configOverride?: IConfig) => {
           console.warn(
             `Media-send watchdog fired — ${id} stuck pending > ${PENDING_WATCHDOG_MS}ms; marking failed`
           );
+          // See the text-send watchdog above: drop the buffered replay so
+          // a later onOnline flush can't silently resend behind the
+          // "failed / tap to retry" bubble.
+          removeOutboundSend(id);
           dispatch(
             markMessageFailed({
               kind: 'media',
@@ -467,19 +504,11 @@ export const useSendMessage = (_configOverride?: IConfig) => {
         name: data?.name || data?.fileName || `media_${Date.now()}`,
       };
 
-      // Mirror the web client: a single multipart POST to /files/ with
-      // the file under the plural "files" field. We send it via fetch
-      // (not axios) because RN's fetch sets the multipart boundary on the
-      // Content-Type header correctly. The previous axios fallback omitted
-      // a valid boundary, so the server mis-parsed one file as many and
-      // rejected the request with HTTP 413 "TOO_MANY_FILES". The only
-      // retry is the documented singular-"file" fallback for deployments
-      // that 500 on the plural field (bug #10).
       const tryUpload = async () => {
         const fd = new FormData();
         fd.append('files', fileBlob as any);
         try {
-          return await uploadFileViaFetch(fd);
+          return await uploadFileV2(fd, activeRoomJID);
         } catch (err: any) {
           if (err?.response?.status === 500) {
             console.warn(
@@ -488,7 +517,7 @@ export const useSendMessage = (_configOverride?: IConfig) => {
             );
             const fd2 = new FormData();
             fd2.append('file', fileBlob as any);
-            return await uploadFileViaFetch(fd2);
+            return await uploadFileV2(fd2, activeRoomJID);
           }
           throw err;
         }
@@ -646,6 +675,22 @@ export const useSendMessage = (_configOverride?: IConfig) => {
     async (failedId: string) => {
       const payload = failedMessages[failedId];
       if (!payload) {return;}
+
+      // The server may have accepted the original send even though its
+      // echo arrived too late to beat the watchdog — the bubble shows
+      // failed, but a confirmed (non-pending) copy is already sitting in
+      // the room. Resending here would deliver a genuine duplicate; just
+      // clear the failure and let the existing copy stand.
+      const roomMsgs = rooms?.[payload.roomJID]?.messages || [];
+      const alreadyDelivered = roomMsgs.some(
+        (m: any) =>
+          !m.pending && (m.id === failedId || m.xmppId === failedId)
+      );
+      if (alreadyDelivered) {
+        dispatch(clearMessageFailure(failedId));
+        return;
+      }
+
       dispatch(clearMessageFailure(failedId));
       handleMessageRetry({
         messageId: failedId,
@@ -675,7 +720,7 @@ export const useSendMessage = (_configOverride?: IConfig) => {
         );
       }
     },
-    [failedMessages, dispatch, handleMessageRetry, sendMessage, sendMedia]
+    [failedMessages, rooms, dispatch, handleMessageRetry, sendMessage, sendMedia]
   );
 
   // ChatRoom/ThreadWrapper consume this as the "edit branch" of send.

package/src/hooks/useUnreadMessagesCounter.ts

@@ -11,6 +11,12 @@ interface UnreadMessagesStats {
   totalCount: number;
   unreadByRoom: UnreadMessagesMap;
   isLoading: boolean;
+  // True while at least one room's unread count could still be a floor
+  // rather than the true total — the history-preload scheduler paged back
+  // as far as its catch-up budget allows without finding the read
+  // boundary. Lets a host show "99+"-style affordances honestly instead of
+  // implying an exact count it can't back up.
+  isCapped: boolean;
 }
 
 export const useUnreadMessagesCounter = (): UnreadMessagesStats => {
@@ -35,6 +41,7 @@ export const useUnreadMessagesCounter = (): UnreadMessagesStats => {
   const rooms = roomsState.rooms;
   const unreadByRoom: UnreadMessagesMap = {};
   let totalCount = 0;
+  let isCapped = false;
 
   Object.entries(rooms).forEach(([roomJid, room]: [string, IRoom]) => {
     const unreadCount = room.unreadMessages || 0;
@@ -42,6 +49,9 @@ export const useUnreadMessagesCounter = (): UnreadMessagesStats => {
       unreadByRoom[roomJid] = unreadCount;
       totalCount += unreadCount;
     }
+    if ((room as any)?.unreadCapped) {
+      isCapped = true;
+    }
   });
 
   return {
@@ -49,6 +59,7 @@ export const useUnreadMessagesCounter = (): UnreadMessagesStats => {
     totalCount,
     unreadByRoom,
     isLoading: !!roomsState.isUnreadSyncing || !!roomsState.isLoading,
+    isCapped,
   };
 };
 

package/src/i18n/strings.ts

@@ -15,6 +15,9 @@ export type UiStringTable = Record<string, string>;
 
 const en: UiStringTable = {
   'search.placeholder': 'Search...',
+  'roomList.title': 'Chats',
+  'search.members': 'Search members',
+  'search.noResults': 'Nobody found',
   'input.placeholder': 'Type message',
   'room.created': 'Room created',
   'room.empty': 'This chat is empty',
@@ -91,15 +94,16 @@ const en: UiStringTable = {
   'action.add': 'Add',
   'action.backToCreation': 'Back to creation',
   'action.report': 'Report',
+  'action.search': 'Search',
+  'action.edit': 'Edit',
+  'action.deleteAndLeave': 'Delete and Leave',
+  'status.banned': 'banned',
   'action.unban': 'Unban',
   'action.openSettings': 'Open Settings',
-  'attach.title': 'Attach',
   'attach.takePhoto': 'Take photo',
-  'attach.takePhotoHint': 'Capture with the camera',
-  'attach.photoOrVideo': 'Photo or video',
-  'attach.photoOrVideoHint': 'Pick from your library',
-  'attach.document': 'Document',
-  'attach.documentHint': 'Choose a file',
+  'attach.photosAndVideos': 'Photos & Videos',
+  'attach.viewLibrary': 'View Library',
+  'attach.uploadFile': 'Upload a File',
   'permission.requiredTitle': 'Permission required',
   'permission.photoLibrary': 'Photo library permission is needed to select images.',
   'permission.camera': 'Camera permission is needed to take photos and videos.',
@@ -116,7 +120,10 @@ const en: UiStringTable = {
   'translation.modeManual': 'Manual',
   'language.select': 'Select language',
   'modal.newChat.title': 'Create New Chat',
-  'modal.newChat.roomNamePlaceholder': 'Enter Room Name',
+  'modal.newChat.roomNamePlaceholder': 'Chat name',
+  'modal.newChat.descriptionPlaceholder': 'Description (optional)',
+  'modal.newChat.createButton': 'Create new chat',
+  'modal.newChat.nameTooShort': 'Chat name must be at least 3 characters.',
   'modal.newChat.chatTypePlaceholder': 'Select chat type',
   'modal.newChat.selectUsersTitle': 'Select users to add to Chat',
   'modal.selectUsers.title': 'Select Users (max 20)',
@@ -163,6 +170,8 @@ const en: UiStringTable = {
   'action.call': 'Call',
   'action.audioCall': 'Audio call',
   'action.copyUserId': 'Copy User Id',
+  'action.account': 'Account',
+  'action.share': 'Share',
   'action.deleteChat': 'Delete chat',
   'action.appointAsAdmin': 'Appoint as an admin',
   'action.moreOptions': 'More Options',
@@ -181,12 +190,21 @@ const en: UiStringTable = {
   'auth.anonymousLoginMessage': 'You are logged in anonymously!',
   'modal.profile.title': 'Profile',
   'modal.profile.about': 'About',
+  'modal.profile.language': 'Language',
+  'modal.profile.media': 'Media',
+  'modal.profile.documents': 'Documents',
+  'modal.profile.noFiles': 'Nothing here yet',
   'modal.profile.noDescription': 'No description',
   'modal.chatProfile.title': 'Chat Profile',
   'modal.chatProfile.description': 'Description',
   'modal.chatProfile.chatType': 'Chat type',
   'modal.chatProfile.memberCountSingular': '{count} member',
   'modal.chatProfile.memberCountPlural': '{count} members',
+  'modal.chatProfile.addMembers': 'Add Members',
+  'modal.chatProfile.removePhoto': 'Remove photo',
+  'modal.chatProfile.membersLabel': 'Members: {count}',
+  'modal.chatProfile.membersUnavailable': 'Member list unavailable',
+  'modal.chatProfile.removeMember': 'Remove from this chat?',
   'modal.chatProfile.memberListUnavailable': 'Member list unavailable',
   'modal.deleteChat.title': 'Delete this chat ?',
   'modal.addMembers.title': 'Add New Member',
@@ -245,6 +263,9 @@ const en: UiStringTable = {
 
 const fr: UiStringTable = {
   'search.placeholder': 'Rechercher...',
+  'roomList.title': 'Discussions',
+  'search.members': 'Rechercher des membres',
+  'search.noResults': 'Personne trouvée',
   'input.placeholder': 'Écrire un message',
   'room.created': 'Salon créé',
   'room.empty': 'Ce salon est vide',
@@ -321,15 +342,16 @@ const fr: UiStringTable = {
   'action.add': 'Ajouter',
   'action.backToCreation': 'Retour à la création',
   'action.report': 'Signaler',
+  'action.search': 'Rechercher',
+  'action.edit': 'Modifier',
+  'action.deleteAndLeave': 'Supprimer et quitter',
+  'status.banned': 'banni',
   'action.unban': 'Débannir',
   'action.openSettings': 'Ouvrir les réglages',
-  'attach.title': 'Joindre',
   'attach.takePhoto': 'Prendre une photo',
-  'attach.takePhotoHint': "Capturer avec l'appareil photo",
-  'attach.photoOrVideo': 'Photo ou vidéo',
-  'attach.photoOrVideoHint': 'Choisir depuis votre bibliothèque',
-  'attach.document': 'Document',
-  'attach.documentHint': 'Choisir un fichier',
+  'attach.photosAndVideos': 'Photos et vidéos',
+  'attach.viewLibrary': 'Voir la bibliothèque',
+  'attach.uploadFile': 'Téléverser un fichier',
   'permission.requiredTitle': 'Autorisation requise',
   'permission.photoLibrary': "L'autorisation d'accès à la photothèque est nécessaire pour sélectionner des images.",
   'permission.camera': "L'autorisation d'accès à la caméra est nécessaire pour prendre des photos et des vidéos.",
@@ -347,6 +369,9 @@ const fr: UiStringTable = {
   'language.select': 'Choisir la langue',
   'modal.newChat.title': 'Créer une discussion',
   'modal.newChat.roomNamePlaceholder': 'Nom du salon',
+  'modal.newChat.descriptionPlaceholder': 'Description (facultatif)',
+  'modal.newChat.createButton': 'Créer la discussion',
+  'modal.newChat.nameTooShort': 'Le nom doit contenir au moins 3 caractères.',
   'modal.newChat.chatTypePlaceholder': 'Choisir le type de discussion',
   'modal.newChat.selectUsersTitle': 'Sélectionner des utilisateurs à ajouter',
   'modal.selectUsers.title': 'Sélectionner des utilisateurs (max 20)',
@@ -393,6 +418,8 @@ const fr: UiStringTable = {
   'action.call': 'Appeler',
   'action.audioCall': 'Appel audio',
   'action.copyUserId': "Copier l'ID utilisateur",
+  'action.account': 'Compte',
+  'action.share': 'Partager',
   'action.deleteChat': 'Supprimer la discussion',
   'action.appointAsAdmin': 'Nommer administrateur',
   'action.moreOptions': "Plus d'options",
@@ -411,12 +438,21 @@ const fr: UiStringTable = {
   'auth.anonymousLoginMessage': 'Vous êtes connecté anonymement !',
   'modal.profile.title': 'Profil',
   'modal.profile.about': 'À propos',
+  'modal.profile.language': 'Langue',
+  'modal.profile.media': 'Médias',
+  'modal.profile.documents': 'Documents',
+  'modal.profile.noFiles': 'Rien pour le moment',
   'modal.profile.noDescription': 'Aucune description',
   'modal.chatProfile.title': 'Profil de la discussion',
   'modal.chatProfile.description': 'Description',
   'modal.chatProfile.chatType': 'Type de discussion',
   'modal.chatProfile.memberCountSingular': '{count} membre',
   'modal.chatProfile.memberCountPlural': '{count} membres',
+  'modal.chatProfile.addMembers': 'Ajouter des membres',
+  'modal.chatProfile.removePhoto': 'Supprimer la photo',
+  'modal.chatProfile.membersLabel': 'Membres : {count}',
+  'modal.chatProfile.membersUnavailable': 'Liste des membres indisponible',
+  'modal.chatProfile.removeMember': 'Retirer de cette discussion ?',
   'modal.chatProfile.memberListUnavailable': 'Liste des membres indisponible',
   'modal.deleteChat.title': 'Supprimer cette discussion ?',
   'modal.addMembers.title': 'Ajouter un nouveau membre',
@@ -475,6 +511,9 @@ const fr: UiStringTable = {
 
 const es: UiStringTable = {
   'search.placeholder': 'Buscar...',
+  'roomList.title': 'Chats',
+  'search.members': 'Buscar miembros',
+  'search.noResults': 'No se encontró a nadie',
   'input.placeholder': 'Escribe un mensaje',
   'room.created': 'Sala creada',
   'room.empty': 'Este chat está vacío',
@@ -551,15 +590,16 @@ const es: UiStringTable = {
   'action.add': 'Añadir',
   'action.backToCreation': 'Volver a la creación',
   'action.report': 'Reportar',
+  'action.search': 'Buscar',
+  'action.edit': 'Editar',
+  'action.deleteAndLeave': 'Eliminar y salir',
+  'status.banned': 'bloqueado',
   'action.unban': 'Desbanear',
   'action.openSettings': 'Abrir configuración',
-  'attach.title': 'Adjuntar',
   'attach.takePhoto': 'Tomar foto',
-  'attach.takePhotoHint': 'Capturar con la cámara',
-  'attach.photoOrVideo': 'Foto o video',
-  'attach.photoOrVideoHint': 'Elegir de tu galería',
-  'attach.document': 'Documento',
-  'attach.documentHint': 'Elegir un archivo',
+  'attach.photosAndVideos': 'Fotos y videos',
+  'attach.viewLibrary': 'Ver galería',
+  'attach.uploadFile': 'Subir un archivo',
   'permission.requiredTitle': 'Permiso requerido',
   'permission.photoLibrary': 'Se necesita permiso de acceso a la galería de fotos para seleccionar imágenes.',
   'permission.camera': 'Se necesita permiso de cámara para tomar fotos y videos.',
@@ -577,6 +617,9 @@ const es: UiStringTable = {
   'language.select': 'Seleccionar idioma',
   'modal.newChat.title': 'Crear nuevo chat',
   'modal.newChat.roomNamePlaceholder': 'Nombre de la sala',
+  'modal.newChat.descriptionPlaceholder': 'Descripción (opcional)',
+  'modal.newChat.createButton': 'Crear chat',
+  'modal.newChat.nameTooShort': 'El nombre debe tener al menos 3 caracteres.',
   'modal.newChat.chatTypePlaceholder': 'Selecciona el tipo de chat',
   'modal.newChat.selectUsersTitle': 'Selecciona usuarios para añadir al chat',
   'modal.selectUsers.title': 'Seleccionar usuarios (máx. 20)',
@@ -623,6 +666,8 @@ const es: UiStringTable = {
   'action.call': 'Llamar',
   'action.audioCall': 'Llamada de audio',
   'action.copyUserId': 'Copiar ID de usuario',
+  'action.account': 'Cuenta',
+  'action.share': 'Compartir',
   'action.deleteChat': 'Eliminar chat',
   'action.appointAsAdmin': 'Nombrar administrador',
   'action.moreOptions': 'Más opciones',
@@ -641,12 +686,21 @@ const es: UiStringTable = {
   'auth.anonymousLoginMessage': '¡Has iniciado sesión de forma anónima!',
   'modal.profile.title': 'Perfil',
   'modal.profile.about': 'Acerca de',
+  'modal.profile.language': 'Idioma',
+  'modal.profile.media': 'Multimedia',
+  'modal.profile.documents': 'Documentos',
+  'modal.profile.noFiles': 'Todavía no hay nada',
   'modal.profile.noDescription': 'Sin descripción',
   'modal.chatProfile.title': 'Perfil del chat',
   'modal.chatProfile.description': 'Descripción',
   'modal.chatProfile.chatType': 'Tipo de chat',
   'modal.chatProfile.memberCountSingular': '{count} miembro',
   'modal.chatProfile.memberCountPlural': '{count} miembros',
+  'modal.chatProfile.addMembers': 'Añadir miembros',
+  'modal.chatProfile.removePhoto': 'Quitar la foto',
+  'modal.chatProfile.membersLabel': 'Miembros: {count}',
+  'modal.chatProfile.membersUnavailable': 'Lista de miembros no disponible',
+  'modal.chatProfile.removeMember': '¿Quitar de este chat?',
   'modal.chatProfile.memberListUnavailable': 'Lista de miembros no disponible',
   'modal.deleteChat.title': '¿Eliminar este chat?',
   'modal.addMembers.title': 'Añadir nuevo miembro',
@@ -705,6 +759,9 @@ const es: UiStringTable = {
 
 const pt: UiStringTable = {
   'search.placeholder': 'Pesquisar...',
+  'roomList.title': 'Conversas',
+  'search.members': 'Pesquisar membros',
+  'search.noResults': 'Ninguém encontrado',
   'input.placeholder': 'Escreva uma mensagem',
   'room.created': 'Sala criada',
   'room.empty': 'Este chat está vazio',
@@ -781,15 +838,16 @@ const pt: UiStringTable = {
   'action.add': 'Adicionar',
   'action.backToCreation': 'Voltar à criação',
   'action.report': 'Denunciar',
+  'action.search': 'Pesquisar',
+  'action.edit': 'Editar',
+  'action.deleteAndLeave': 'Eliminar e sair',
+  'status.banned': 'banido',
   'action.unban': 'Desbanir',
   'action.openSettings': 'Abrir definições',
-  'attach.title': 'Anexar',
   'attach.takePhoto': 'Tirar foto',
-  'attach.takePhotoHint': 'Capturar com a câmara',
-  'attach.photoOrVideo': 'Foto ou vídeo',
-  'attach.photoOrVideoHint': 'Escolher da sua biblioteca',
-  'attach.document': 'Documento',
-  'attach.documentHint': 'Escolher um ficheiro',
+  'attach.photosAndVideos': 'Fotos e vídeos',
+  'attach.viewLibrary': 'Ver biblioteca',
+  'attach.uploadFile': 'Carregar um ficheiro',
   'permission.requiredTitle': 'Permissão necessária',
   'permission.photoLibrary': 'É necessária permissão de acesso à biblioteca de fotos para selecionar imagens.',
   'permission.camera': 'É necessária permissão da câmara para tirar fotos e vídeos.',
@@ -807,6 +865,9 @@ const pt: UiStringTable = {
   'language.select': 'Selecionar idioma',
   'modal.newChat.title': 'Criar novo chat',
   'modal.newChat.roomNamePlaceholder': 'Nome da sala',
+  'modal.newChat.descriptionPlaceholder': 'Descrição (opcional)',
+  'modal.newChat.createButton': 'Criar conversa',
+  'modal.newChat.nameTooShort': 'O nome deve ter pelo menos 3 caracteres.',
   'modal.newChat.chatTypePlaceholder': 'Selecione o tipo de chat',
   'modal.newChat.selectUsersTitle': 'Selecione utilizadores para adicionar ao chat',
   'modal.selectUsers.title': 'Selecionar utilizadores (máx. 20)',
@@ -853,6 +914,8 @@ const pt: UiStringTable = {
   'action.call': 'Ligar',
   'action.audioCall': 'Chamada de áudio',
   'action.copyUserId': 'Copiar ID do utilizador',
+  'action.account': 'Conta',
+  'action.share': 'Partilhar',
   'action.deleteChat': 'Eliminar chat',
   'action.appointAsAdmin': 'Nomear administrador',
   'action.moreOptions': 'Mais opções',
@@ -871,12 +934,21 @@ const pt: UiStringTable = {
   'auth.anonymousLoginMessage': 'Iniciou sessão anonimamente!',
   'modal.profile.title': 'Perfil',
   'modal.profile.about': 'Sobre',
+  'modal.profile.language': 'Idioma',
+  'modal.profile.media': 'Multimédia',
+  'modal.profile.documents': 'Documentos',
+  'modal.profile.noFiles': 'Ainda não há nada aqui',
   'modal.profile.noDescription': 'Sem descrição',
   'modal.chatProfile.title': 'Perfil do chat',
   'modal.chatProfile.description': 'Descrição',
   'modal.chatProfile.chatType': 'Tipo de chat',
   'modal.chatProfile.memberCountSingular': '{count} membro',
   'modal.chatProfile.memberCountPlural': '{count} membros',
+  'modal.chatProfile.addMembers': 'Adicionar membros',
+  'modal.chatProfile.removePhoto': 'Remover foto',
+  'modal.chatProfile.membersLabel': 'Membros: {count}',
+  'modal.chatProfile.membersUnavailable': 'Lista de membros indisponível',
+  'modal.chatProfile.removeMember': 'Remover deste chat?',
   'modal.chatProfile.memberListUnavailable': 'Lista de membros indisponível',
   'modal.deleteChat.title': 'Eliminar este chat?',
   'modal.addMembers.title': 'Adicionar novo membro',
@@ -935,6 +1007,9 @@ const pt: UiStringTable = {
 
 const ht: UiStringTable = {
   'search.placeholder': 'Chèche...',
+  'roomList.title': 'Chat yo',
+  'search.members': 'Chèche manm',
+  'search.noResults': 'Pa jwenn pèsonn',
   'input.placeholder': 'Ekri yon mesaj',
   'room.created': 'Sal la kreye',
   'room.empty': 'Chat sa a vid',
@@ -1011,15 +1086,16 @@ const ht: UiStringTable = {
   'action.add': 'Ajoute',
   'action.backToCreation': 'Retounen nan kreyasyon',
   'action.report': 'Rapòte',
+  'action.search': 'Chèche',
+  'action.edit': 'Modifye',
+  'action.deleteAndLeave': 'Efase epi kite',
+  'status.banned': 'bloke',
   'action.unban': 'Retire Ban',
   'action.openSettings': 'Louvri Paramèt yo',
-  'attach.title': 'Atache',
   'attach.takePhoto': 'Pran yon foto',
-  'attach.takePhotoHint': 'Pran foto ak kamera a',
-  'attach.photoOrVideo': 'Foto oswa videyo',
-  'attach.photoOrVideoHint': 'Chwazi nan bibliyotèk ou',
-  'attach.document': 'Dokiman',
-  'attach.documentHint': 'Chwazi yon fichye',
+  'attach.photosAndVideos': 'Foto ak videyo',
+  'attach.viewLibrary': 'Wè bibliyotèk la',
+  'attach.uploadFile': 'Telechaje yon fichye',
   'permission.requiredTitle': 'Otorizasyon nesesè',
   'permission.photoLibrary': 'Nou bezwen otorizasyon pou aksè nan bibliyotèk foto ou pou chwazi imaj.',
   'permission.camera': 'Nou bezwen otorizasyon kamera pou pran foto ak videyo.',
@@ -1037,6 +1113,9 @@ const ht: UiStringTable = {
   'language.select': 'Chwazi lang',
   'modal.newChat.title': 'Kreye yon nouvo chat',
   'modal.newChat.roomNamePlaceholder': 'Antre non sal la',
+  'modal.newChat.descriptionPlaceholder': 'Deskripsyon (opsyonèl)',
+  'modal.newChat.createButton': 'Kreye chat la',
+  'modal.newChat.nameTooShort': 'Non an dwe gen omwen 3 karaktè.',
   'modal.newChat.chatTypePlaceholder': 'Chwazi tip chat la',
   'modal.newChat.selectUsersTitle': 'Chwazi itilizatè pou ajoute nan chat la',
   'modal.selectUsers.title': 'Chwazi itilizatè (maksimòm 20)',
@@ -1083,6 +1162,8 @@ const ht: UiStringTable = {
   'action.call': 'Rele',
   'action.audioCall': 'Apèl odyo',
   'action.copyUserId': 'Kopye ID itilizatè a',
+  'action.account': 'Kont',
+  'action.share': 'Pataje',
   'action.deleteChat': 'Efase chat la',
   'action.appointAsAdmin': 'Nonmen kòm administratè',
   'action.moreOptions': 'Plis opsyon',
@@ -1101,12 +1182,21 @@ const ht: UiStringTable = {
   'auth.anonymousLoginMessage': 'Ou konekte anonim!',
   'modal.profile.title': 'Pwofil',
   'modal.profile.about': 'Konsènan',
+  'modal.profile.language': 'Lang',
+  'modal.profile.media': 'Medya',
+  'modal.profile.documents': 'Dokiman',
+  'modal.profile.noFiles': 'Poko gen anyen',
   'modal.profile.noDescription': 'Pa gen deskripsyon',
   'modal.chatProfile.title': 'Pwofil chat la',
   'modal.chatProfile.description': 'Deskripsyon',
   'modal.chatProfile.chatType': 'Tip chat',
   'modal.chatProfile.memberCountSingular': '{count} manm',
   'modal.chatProfile.memberCountPlural': '{count} manm',
+  'modal.chatProfile.addMembers': 'Ajoute manm',
+  'modal.chatProfile.removePhoto': 'Retire foto a',
+  'modal.chatProfile.membersLabel': 'Manm: {count}',
+  'modal.chatProfile.membersUnavailable': 'Lis manm yo pa disponib',
+  'modal.chatProfile.removeMember': 'Retire nan chat sa a?',
   'modal.chatProfile.memberListUnavailable': 'Lis manm yo pa disponib',
   'modal.deleteChat.title': 'Efase chat sa a?',
   'modal.addMembers.title': 'Ajoute yon nouvo manm',
@@ -1165,6 +1255,9 @@ const ht: UiStringTable = {
 
 const zh: UiStringTable = {
   'search.placeholder': '搜索...',
+  'roomList.title': '聊天',
+  'search.members': '搜索成员',
+  'search.noResults': '未找到成员',
   'input.placeholder': '输入消息',
   'room.created': '聊天室已创建',
   'room.empty': '此聊天为空',
@@ -1241,15 +1334,16 @@ const zh: UiStringTable = {
   'action.add': '添加',
   'action.backToCreation': '返回创建',
   'action.report': '举报',
+  'action.search': '搜索',
+  'action.edit': '编辑',
+  'action.deleteAndLeave': '删除并退出',
+  'status.banned': '已封禁',
   'action.unban': '解除封禁',
   'action.openSettings': '打开设置',
-  'attach.title': '添加附件',
   'attach.takePhoto': '拍照',
-  'attach.takePhotoHint': '使用相机拍摄',
-  'attach.photoOrVideo': '照片或视频',
-  'attach.photoOrVideoHint': '从相册中选择',
-  'attach.document': '文档',
-  'attach.documentHint': '选择一个文件',
+  'attach.photosAndVideos': '照片和视频',
+  'attach.viewLibrary': '查看相册',
+  'attach.uploadFile': '上传文件',
   'permission.requiredTitle': '需要权限',
   'permission.photoLibrary': '需要照片图库权限才能选择图片。',
   'permission.camera': '需要相机权限才能拍摄照片和视频。',
@@ -1267,6 +1361,9 @@ const zh: UiStringTable = {
   'language.select': '选择语言',
   'modal.newChat.title': '创建新聊天',
   'modal.newChat.roomNamePlaceholder': '输入聊天室名称',
+  'modal.newChat.descriptionPlaceholder': '描述（可选）',
+  'modal.newChat.createButton': '创建聊天',
+  'modal.newChat.nameTooShort': '名称至少需要 3 个字符。',
   'modal.newChat.chatTypePlaceholder': '选择聊天类型',
   'modal.newChat.selectUsersTitle': '选择要添加到聊天的用户',
   'modal.selectUsers.title': '选择用户（最多 20 个）',
@@ -1313,6 +1410,8 @@ const zh: UiStringTable = {
   'action.call': '通话',
   'action.audioCall': '语音通话',
   'action.copyUserId': '复制用户 ID',
+  'action.account': '账户',
+  'action.share': '分享',
   'action.deleteChat': '删除聊天',
   'action.appointAsAdmin': '设为管理员',
   'action.moreOptions': '更多选项',
@@ -1331,12 +1430,21 @@ const zh: UiStringTable = {
   'auth.anonymousLoginMessage': '您已匿名登录！',
   'modal.profile.title': '个人资料',
   'modal.profile.about': '简介',
+  'modal.profile.language': '语言',
+  'modal.profile.media': '媒体',
+  'modal.profile.documents': '文件',
+  'modal.profile.noFiles': '这里还没有内容',
   'modal.profile.noDescription': '暂无简介',
   'modal.chatProfile.title': '聊天资料',
   'modal.chatProfile.description': '描述',
   'modal.chatProfile.chatType': '聊天类型',
   'modal.chatProfile.memberCountSingular': '{count} 位成员',
   'modal.chatProfile.memberCountPlural': '{count} 位成员',
+  'modal.chatProfile.addMembers': '添加成员',
+  'modal.chatProfile.removePhoto': '移除图片',
+  'modal.chatProfile.membersLabel': '成员：{count}',
+  'modal.chatProfile.membersUnavailable': '成员列表不可用',
+  'modal.chatProfile.removeMember': '将其移出该聊天？',
   'modal.chatProfile.memberListUnavailable': '成员列表不可用',
   'modal.deleteChat.title': '删除此聊天？',
   'modal.addMembers.title': '添加新成员',