@ethora/chat-component-rn 26.7.10 → 26.8.2

package/src/components/styled/DateLabel.tsx

@@ -3,6 +3,7 @@ import styled from 'styled-components/native';
 import { Line } from './StyledComponents';
 import { Text } from 'react-native';
 import { getDateLabelColor } from '../../helpers/getDateLabelColor';
+import { useT, useUiLocale } from '../../i18n/useT';
 
 interface DateLabelProps {
   date: Date;
@@ -40,6 +41,10 @@ export const StyledDateText = styled.Text<{ color?: string }>`
 `;
 
 const DateLabel: React.FC<DateLabelProps> = ({ date, colors }) => {
+  const t = useT();
+  // The reader's locale, so the fallback branch formats the date the way
+  // their language writes it ("15 septembre" and not "September 15").
+  const uiLocale = useUiLocale();
   const today = new Date();
   const yesterday = new Date(today);
   yesterday.setDate(today.getDate() - 1);
@@ -54,14 +59,16 @@ const DateLabel: React.FC<DateLabelProps> = ({ date, colors }) => {
 
   let label: string;
   if (sameDay(date, today)) {
-    label = 'Today';
+    label = t('date.today');
   } else if (sameDay(date, yesterday)) {
-    label = 'Yesterday';
+    label = t('date.yesterday');
   } else {
     const options: Intl.DateTimeFormatOptions = sameYear(date, today)
       ? { month: 'long', day: 'numeric' }
       : { month: 'long', day: 'numeric', year: 'numeric' };
-    label = date.toLocaleDateString('en-US', options);
+    // `undefined` means "the runtime's own locale", which is the right
+    // default when the host has pinned nothing — never a hardcoded 'en-US'.
+    label = date.toLocaleDateString(uiLocale, options);
   }
 
   const textColor = getDateLabelColor({ colors });

package/src/components/styled/NewMessageLabel.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components/native';
 import { Line } from './StyledComponents';
+import { useT } from '../../i18n/useT';
 
 const Container = styled.View`
   flex-direction: row;
@@ -39,11 +40,12 @@ interface NewMessageLabelProps {
 }
 
 const NewMessageLabel: React.FC<NewMessageLabelProps> = () => {
+  const t = useT();
   return (
     <Container>
       <Line />
       <StyledLabel>
-        <StyledLabelText>New messages</StyledLabelText>
+        <StyledLabelText>{t('message.newMessages')}</StyledLabelText>
       </StyledLabel>
       <Line />
     </Container>

package/src/components/styled/SendInput.tsx

@@ -171,16 +171,16 @@ const SendInput: React.FC<SendInputProps> = ({
   // rolled check/request flow.
 
   const promptOpenSettings = (message: string) => {
-    Alert.alert('Permission required', message, [
-      { text: 'Cancel', style: 'cancel' },
-      { text: 'Open Settings', onPress: () => Linking.openSettings() },
+    Alert.alert(t('permission.requiredTitle'), message, [
+      { text: t('action.cancel'), style: 'cancel' },
+      { text: t('action.openSettings'), onPress: () => Linking.openSettings() },
     ]);
   };
 
   const handleCameraSelection = async () => {
     const perm = await ImagePicker.requestCameraPermissionsAsync();
     if (!perm.granted) {
-      promptOpenSettings('Camera permission is needed to take photos and videos.');
+      promptOpenSettings(t('permission.camera'));
       return;
     }
 
@@ -220,7 +220,7 @@ const SendInput: React.FC<SendInputProps> = ({
   const handleGallerySelection = async () => {
     const perm = await ImagePicker.requestMediaLibraryPermissionsAsync();
     if (!perm.granted) {
-      promptOpenSettings('Gallery permission is needed to select photos and videos.');
+      promptOpenSettings(t('permission.gallery'));
       return;
     }
 
@@ -405,9 +405,7 @@ const SendInput: React.FC<SendInputProps> = ({
     try {
       const perm = await requestRecordingPermissionsAsync();
       if (!perm.granted) {
-        promptOpenSettings(
-          'Microphone permission is needed to record voice messages.'
-        );
+        promptOpenSettings(t('permission.microphone'));
         return;
       }
       // `allowsRecording` is not just an iOS session flag: expo-audio's

package/src/context/xmppProvider.tsx

@@ -330,6 +330,13 @@ export const XmppProvider: React.FC<XmppProviderProps> = ({ children, config, is
 
       if (completedBootstrapKeyRef.current === key) {
         devPushLog('rn', 'initBeforeLoad: already completed (same key) — skip');
+        // This run does no work, so it must not leave the budget it armed
+        // above running: 45 s later it would flip an already-'ready'
+        // provider to 'failed' and surface "Could not authenticate" over a
+        // healthy connection. Any dep change that leaves the key intact
+        // triggers this - e.g. a rotated `userLogin.user.token`.
+        reachedReady = true;
+        clearBudget();
         return;
       }
       if (inflightBootstrapKeyRef.current === key) {

package/src/helpers/getDataFromXml.ts

@@ -1,6 +1,13 @@
 import { Element } from 'ltx';
 import { Iso639_1Codes, IUser } from '../types/types';
 import { transformArrayToObject } from './transformTranslatations';
+import { normalizeXmppUsername } from './xmppUsername';
+
+const getLocalpartFromJid = (jid?: string): string | undefined => {
+  const value = String(jid || '').trim();
+  if (!value) {return undefined;}
+  return value.split('@')[0] || undefined;
+};
 
 // Tolerant JSON parse: a malformed `translations` attr must not reject the
 // whole stanza (which would silently drop the message). Mirrors the web
@@ -64,7 +71,7 @@ export const getDataFromXml = async (stanza: Element): Promise<DataXml | undefin
 
   const xmppId = fullData?.attrs.id;
   const xmppFrom = fullData?.attrs?.from;
-  const [roomJid, userWallet] = (xmppFrom || '').split('/');
+  const [roomJid, userWalletFromResource] = (xmppFrom || '').split('/');
   let id =
     stanza.getChild('result')?.attrs.id ||
     extractTimestamp(stanza?.getChild('stanza-id')?.attrs?.id, stanza);
@@ -93,6 +100,23 @@ export const getDataFromXml = async (stanza: Element): Promise<DataXml | undefin
   const data = fullData?.getChild('data') || stanza?.getChild('data');
   const photoURL = data?.attrs?.photo;
 
+  // Sender identity, resolved the way the web SDK does it: the occupant
+  // RESOURCE of `from` first, then the localpart of `<data senderJID>`.
+  //
+  // RN only had the first. The translate-tagged send path arrives with no
+  // occupant resource and no senderJID either, so `user.id` came out
+  // undefined and every downstream fallback landed on the bare room jid's
+  // localpart — which for a 1:1 room is `<appId>_<userA>-<appId>_<userB>`.
+  // That composite id is what got rendered as the sender's name.
+  //
+  // normalizeXmppUsername collapses a doubled `<appId>_` prefix so the key
+  // matches what usersSet is indexed by.
+  const rawUserWallet =
+    userWalletFromResource ||
+    getLocalpartFromJid(data?.attrs?.senderJID) ||
+    undefined;
+  const userWallet = normalizeXmppUsername(rawUserWallet) || rawUserWallet;
+
   const user = {
     id: userWallet,
     photoURL,

package/src/helpers/insertMessageWithDelimiter.ts

@@ -33,6 +33,19 @@ function resolveMarkerMs(
 
 function deepMerge(target: any, source: any): any {
   for (const key in source) {
+    if (source[key] === undefined) {
+      // `for...in` visits a key even when its value is `undefined` — every
+      // stanza parser (getDataFromXml/createMessageFromXml) returns an
+      // object literal with `translations` always present, explicitly
+      // `undefined` whenever the wire message didn't carry a
+      // <translations> element. Without this guard, merging THAT message
+      // over an existing row would blow away a translation the row
+      // already had (e.g. a MAM/live echo of a message arriving without
+      // its translation re-attached) — a real message flips from
+      // translated back to original text for no reason. Absence on the
+      // incoming side must mean "leave it alone", never "clear it".
+      continue;
+    }
     if (
       source[key] &&
       typeof source[key] === 'object' &&

package/src/helpers/isUnresolvedSenderId.ts

@@ -14,7 +14,15 @@
  * matches. A raw objectId on its own is matched too, since some senders
  * carry only that half.
  */
-const ETHORA_ID = /^[0-9a-f]{24}(_[0-9a-f]{24})?$/i;
+const ETHORA_ID_PART = '[0-9a-f]{24}(?:_[0-9a-f]{24})?';
+// A private (1:1) room's own id is two of those joined by a hyphen —
+// `<appId>_<userA>-<appId>_<userB>` — and that is what a message whose
+// `from` carries no occupant resource resolves to. Matched as well, so a
+// bubble is never captioned with a room id.
+const ETHORA_ID = new RegExp(
+  `^${ETHORA_ID_PART}(?:-${ETHORA_ID_PART})?$`,
+  'i'
+);
 
 export const isUnresolvedSenderId = (name?: string): boolean => {
   const trimmed = String(name || '').trim();

package/src/helpers/resolveLangSource.ts

@@ -0,0 +1,40 @@
+import { IConfig, Iso639_1Codes } from '../types/types';
+
+/**
+ * Legacy single-locale config (`translates.translations`) seeds langSource
+ * only when the host ACTUALLY set it.
+ *
+ * The condition used to be inverted (`!translates.translations`), so merely
+ * enabling translation fired `setLangSource(undefined)` on every XMPP init
+ * and wiped whatever the reader had picked from the globe — the language
+ * reset itself on every reconnect. Web fixed this; RN had not.
+ */
+export const resolveLegacyTranslatesLangSource = (
+  translatesConfig?: IConfig['translates']
+): Iso639_1Codes | undefined =>
+  translatesConfig?.enabled && translatesConfig?.translations
+    ? translatesConfig.translations
+    : undefined;
+
+/**
+ * A host drives the reader's language from OUTSIDE the component by setting
+ * `config.translates.readerLocale` (their own language switcher, or the
+ * testbed's Setup tab). Nothing was syncing it into `langSource`, so pinning
+ * it only redirected the incoming-translation lookup: the UI captions and
+ * the `<translate source>` on outgoing messages both kept following the
+ * unset `langSource`.
+ *
+ * Unlike web this keeps the FULL locale rather than the base language. RN's
+ * LANGUAGE_OPTIONS are region-tagged (`es-US`, `fr-CA`) because the region
+ * is forwarded to the translation service, and the in-chat picker stores
+ * that full form — so the external path has to store the same thing or the
+ * two would disagree. Caption lookups strip to the base themselves.
+ *
+ * Resolves only when actually set, so a host that leaves it unset never
+ * clobbers what the reader chose for themselves.
+ */
+export const resolveExternalReaderLocaleLangSource = (
+  readerLocale?: string
+): Iso639_1Codes | undefined =>
+  (readerLocale || undefined) as Iso639_1Codes | undefined;
+

package/src/helpers/xmppUsername.ts

@@ -0,0 +1,38 @@
+import { store } from '../roomStore';
+
+/**
+ * Collapse a duplicated `<appId>_` prefix down to one.
+ *
+ * Ported from the web SDK (src/helpers/xmppUsername.ts). Some senders stamp
+ * an already-qualified username and it gets qualified a second time, which
+ * yields `<appId>_<appId>_<userId>` — a key `usersSet` will never match.
+ *
+ * RN reads the appId off the logged-in user's own xmppUsername
+ * (`<appId>_<userId>`) since the chat store has no standalone `appId` field
+ * the way web's does.
+ */
+export const normalizeXmppUsername = (
+  value: string | undefined | null
+): string => {
+  if (!value) {
+    return '';
+  }
+  let result = String(value).trim();
+  if (!result) {
+    return '';
+  }
+
+  const ownXmpp = String(
+    store.getState().chatSettingStore?.user?.xmppUsername || ''
+  );
+  const appId = ownXmpp.includes('_') ? ownXmpp.split('_')[0] : '';
+  if (!appId) {
+    return result;
+  }
+
+  const prefix = `${appId}_`;
+  while (result.startsWith(prefix + prefix)) {
+    result = result.slice(prefix.length);
+  }
+  return result;
+};

package/src/hooks/useChatWrapperInit.ts

@@ -3,6 +3,7 @@
 import { useEffect, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { IConfig } from '../types/types';
+import { resolveLegacyTranslatesLangSource } from '../helpers/resolveLangSource';
 import XmppClient from '../networking/xmppClient';
 import { AppDispatch, RootState } from '../roomStore';
 import { useXmppClient } from '../context/xmppProvider';
@@ -111,8 +112,11 @@ const useChatWrapperInit = ({
     let retryTimeout: NodeJS.Timeout;
 
     const initXmmpClient = async () => {
-      if (config?.translates?.enabled && !config?.translates?.translations) {
-        dispatch(setLangSource(config?.translates?.translations));
+      const legacyLangSource = resolveLegacyTranslatesLangSource(
+        config?.translates
+      );
+      if (legacyLangSource) {
+        dispatch(setLangSource(legacyLangSource));
       }
 
       dispatch(setConfig(config));

package/src/i18n/strings.ts

@@ -15,6 +15,7 @@ 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',
@@ -24,6 +25,8 @@ const en: UiStringTable = {
   'date.yesterday': 'Yesterday',
   'message.deleted': 'Message deleted',
   'message.edited': 'edited',
+  'message.newMessages': 'New messages',
+  'notification.senderFallback': 'New message',
   'presence.online': 'online',
   'presence.offline': 'offline',
   'presence.onlineCount': '{count} online',
@@ -95,6 +98,17 @@ const en: UiStringTable = {
   'action.edit': 'Edit',
   'action.deleteAndLeave': 'Delete and Leave',
   'status.banned': 'banned',
+  'action.unban': 'Unban',
+  'action.openSettings': 'Open Settings',
+  'attach.takePhoto': 'Take photo',
+  '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.',
+  'permission.gallery': 'Gallery permission is needed to select photos and videos.',
+  'permission.microphone': 'Microphone permission is needed to record voice messages.',
   'status.connecting': 'Connecting…',
   'status.noInternet': 'No internet connection',
   'translation.translating': 'Translating…',
@@ -117,8 +131,13 @@ const en: UiStringTable = {
   'toast.roomCreationTitle': 'Room creation',
   'toast.roomCreating': 'Room is being created...',
   'toast.success': 'Success!',
+  'toast.successTitle': 'Success',
   'toast.roomCreatedSuccess': 'Room created successfully!',
   'toast.usersAddedSuccess': 'Users added successfully!',
+  'toast.roomImageUpdated': 'Room image updated successfully',
+  'toast.failedToUploadImage': 'Failed to upload image',
+  'toast.chatDeletedSuccess': 'Chat deleted successfully',
+  'toast.failedToDeleteChat': 'Failed to delete chat',
   'settings.menu.title': 'Settings',
   'modal.filePreview.title': 'File preview',
   'toast.error': 'Error',
@@ -186,6 +205,7 @@ const en: UiStringTable = {
   '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',
   'modal.addMembers.userIdPlaceholder': 'Enter User Id',
@@ -243,6 +263,7 @@ 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',
@@ -252,6 +273,8 @@ const fr: UiStringTable = {
   'date.yesterday': 'Hier',
   'message.deleted': 'Message supprimé',
   'message.edited': 'modifié',
+  'message.newMessages': 'Nouveaux messages',
+  'notification.senderFallback': 'Nouveau message',
   'presence.online': 'en ligne',
   'presence.offline': 'hors ligne',
   'presence.onlineCount': '{count} en ligne',
@@ -323,6 +346,17 @@ const fr: UiStringTable = {
   'action.edit': 'Modifier',
   'action.deleteAndLeave': 'Supprimer et quitter',
   'status.banned': 'banni',
+  'action.unban': 'Débannir',
+  'action.openSettings': 'Ouvrir les réglages',
+  'attach.takePhoto': 'Prendre une photo',
+  '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.",
+  'permission.gallery': "L'autorisation d'accès à la galerie est nécessaire pour sélectionner des photos et des vidéos.",
+  'permission.microphone': "L'autorisation d'accès au microphone est nécessaire pour enregistrer des messages vocaux.",
   'status.connecting': 'Connexion…',
   'status.noInternet': 'Pas de connexion internet',
   'translation.translating': 'Traduction…',
@@ -345,8 +379,13 @@ const fr: UiStringTable = {
   'toast.roomCreationTitle': 'Création du salon',
   'toast.roomCreating': 'Le salon est en cours de création...',
   'toast.success': 'Succès !',
+  'toast.successTitle': 'Succès',
   'toast.roomCreatedSuccess': 'Salon créé avec succès !',
   'toast.usersAddedSuccess': 'Utilisateurs ajoutés avec succès !',
+  'toast.roomImageUpdated': 'Image du salon mise à jour avec succès',
+  'toast.failedToUploadImage': "Échec du téléchargement de l'image",
+  'toast.chatDeletedSuccess': 'Discussion supprimée avec succès',
+  'toast.failedToDeleteChat': 'Échec de la suppression de la discussion',
   'settings.menu.title': 'Paramètres',
   'modal.filePreview.title': 'Aperçu du fichier',
   'toast.error': 'Erreur',
@@ -414,6 +453,7 @@ const fr: UiStringTable = {
   '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',
   'modal.addMembers.userIdPlaceholder': "Entrez l'ID utilisateur",
@@ -471,6 +511,7 @@ 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',
@@ -480,6 +521,8 @@ const es: UiStringTable = {
   'date.yesterday': 'Ayer',
   'message.deleted': 'Mensaje eliminado',
   'message.edited': 'editado',
+  'message.newMessages': 'Nuevos mensajes',
+  'notification.senderFallback': 'Nuevo mensaje',
   'presence.online': 'en línea',
   'presence.offline': 'desconectado',
   'presence.onlineCount': '{count} en línea',
@@ -551,6 +594,17 @@ const es: UiStringTable = {
   'action.edit': 'Editar',
   'action.deleteAndLeave': 'Eliminar y salir',
   'status.banned': 'bloqueado',
+  'action.unban': 'Desbanear',
+  'action.openSettings': 'Abrir configuración',
+  'attach.takePhoto': 'Tomar foto',
+  '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.',
+  'permission.gallery': 'Se necesita permiso de galería para seleccionar fotos y videos.',
+  'permission.microphone': 'Se necesita permiso de micrófono para grabar mensajes de voz.',
   'status.connecting': 'Conectando…',
   'status.noInternet': 'Sin conexión a internet',
   'translation.translating': 'Traduciendo…',
@@ -573,8 +627,13 @@ const es: UiStringTable = {
   'toast.roomCreationTitle': 'Creación de sala',
   'toast.roomCreating': 'La sala se está creando...',
   'toast.success': '¡Éxito!',
+  'toast.successTitle': 'Éxito',
   'toast.roomCreatedSuccess': '¡Sala creada correctamente!',
   'toast.usersAddedSuccess': '¡Usuarios añadidos correctamente!',
+  'toast.roomImageUpdated': 'Imagen de la sala actualizada correctamente',
+  'toast.failedToUploadImage': 'No se pudo subir la imagen',
+  'toast.chatDeletedSuccess': 'Chat eliminado correctamente',
+  'toast.failedToDeleteChat': 'No se pudo eliminar el chat',
   'settings.menu.title': 'Configuración',
   'modal.filePreview.title': 'Vista previa del archivo',
   'toast.error': 'Error',
@@ -642,6 +701,7 @@ const es: UiStringTable = {
   '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',
   'modal.addMembers.userIdPlaceholder': 'Introduce el ID de usuario',
@@ -699,6 +759,7 @@ 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',
@@ -708,6 +769,8 @@ const pt: UiStringTable = {
   'date.yesterday': 'Ontem',
   'message.deleted': 'Mensagem eliminada',
   'message.edited': 'editado',
+  'message.newMessages': 'Novas mensagens',
+  'notification.senderFallback': 'Nova mensagem',
   'presence.online': 'online',
   'presence.offline': 'offline',
   'presence.onlineCount': '{count} online',
@@ -779,6 +842,17 @@ const pt: UiStringTable = {
   'action.edit': 'Editar',
   'action.deleteAndLeave': 'Eliminar e sair',
   'status.banned': 'banido',
+  'action.unban': 'Desbanir',
+  'action.openSettings': 'Abrir definições',
+  'attach.takePhoto': 'Tirar foto',
+  '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.',
+  'permission.gallery': 'É necessária permissão da galeria para selecionar fotos e vídeos.',
+  'permission.microphone': 'É necessária permissão do microfone para gravar mensagens de voz.',
   'status.connecting': 'A ligar…',
   'status.noInternet': 'Sem ligação à internet',
   'translation.translating': 'A traduzir…',
@@ -801,8 +875,13 @@ const pt: UiStringTable = {
   'toast.roomCreationTitle': 'Criação de sala',
   'toast.roomCreating': 'A sala está a ser criada...',
   'toast.success': 'Sucesso!',
+  'toast.successTitle': 'Sucesso',
   'toast.roomCreatedSuccess': 'Sala criada com sucesso!',
   'toast.usersAddedSuccess': 'Utilizadores adicionados com sucesso!',
+  'toast.roomImageUpdated': 'Imagem da sala atualizada com sucesso',
+  'toast.failedToUploadImage': 'Falha ao carregar a imagem',
+  'toast.chatDeletedSuccess': 'Chat eliminado com sucesso',
+  'toast.failedToDeleteChat': 'Falha ao eliminar o chat',
   'settings.menu.title': 'Definições',
   'modal.filePreview.title': 'Pré-visualização do ficheiro',
   'toast.error': 'Erro',
@@ -870,6 +949,7 @@ const pt: UiStringTable = {
   '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',
   'modal.addMembers.userIdPlaceholder': 'Introduza o ID do utilizador',
@@ -927,6 +1007,7 @@ 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',
@@ -936,6 +1017,8 @@ const ht: UiStringTable = {
   'date.yesterday': 'Yè',
   'message.deleted': 'Mesaj efase',
   'message.edited': 'modifye',
+  'message.newMessages': 'Nouvo mesaj yo',
+  'notification.senderFallback': 'Nouvo mesaj',
   'presence.online': 'an liy',
   'presence.offline': 'pa an liy',
   'presence.onlineCount': '{count} an liy',
@@ -1007,6 +1090,17 @@ const ht: UiStringTable = {
   'action.edit': 'Modifye',
   'action.deleteAndLeave': 'Efase epi kite',
   'status.banned': 'bloke',
+  'action.unban': 'Retire Ban',
+  'action.openSettings': 'Louvri Paramèt yo',
+  'attach.takePhoto': 'Pran yon foto',
+  '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.',
+  'permission.gallery': 'Nou bezwen otorizasyon galri pou chwazi foto ak videyo.',
+  'permission.microphone': 'Nou bezwen otorizasyon mikwo pou anrejistre mesaj vokal.',
   'status.connecting': 'Koneksyon…',
   'status.noInternet': 'Pa gen koneksyon entènèt',
   'translation.translating': 'Ap tradui…',
@@ -1029,8 +1123,13 @@ const ht: UiStringTable = {
   'toast.roomCreationTitle': 'Kreyasyon sal',
   'toast.roomCreating': 'Sal la ap kreye...',
   'toast.success': 'Siksè!',
+  'toast.successTitle': 'Siksè',
   'toast.roomCreatedSuccess': 'Sal la kreye avèk siksè!',
   'toast.usersAddedSuccess': 'Itilizatè yo ajoute avèk siksè!',
+  'toast.roomImageUpdated': 'Imaj sal la mete ajou avèk siksè',
+  'toast.failedToUploadImage': 'Echèk pou telechaje imaj la',
+  'toast.chatDeletedSuccess': 'Chat la efase avèk siksè',
+  'toast.failedToDeleteChat': 'Echèk pou efase chat la',
   'settings.menu.title': 'Paramèt',
   'modal.filePreview.title': 'Apèsi fichye',
   'toast.error': 'Erè',
@@ -1098,6 +1197,7 @@ const ht: UiStringTable = {
   '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',
   'modal.addMembers.userIdPlaceholder': 'Antre ID itilizatè a',
@@ -1155,6 +1255,7 @@ const ht: UiStringTable = {
 
 const zh: UiStringTable = {
   'search.placeholder': '搜索...',
+  'roomList.title': '聊天',
   'search.members': '搜索成员',
   'search.noResults': '未找到成员',
   'input.placeholder': '输入消息',
@@ -1164,6 +1265,8 @@ const zh: UiStringTable = {
   'date.yesterday': '昨天',
   'message.deleted': '消息已删除',
   'message.edited': '已编辑',
+  'message.newMessages': '新消息',
+  'notification.senderFallback': '新消息',
   'presence.online': '在线',
   'presence.offline': '离线',
   'presence.onlineCount': '{count} 人在线',
@@ -1235,6 +1338,17 @@ const zh: UiStringTable = {
   'action.edit': '编辑',
   'action.deleteAndLeave': '删除并退出',
   'status.banned': '已封禁',
+  'action.unban': '解除封禁',
+  'action.openSettings': '打开设置',
+  'attach.takePhoto': '拍照',
+  'attach.photosAndVideos': '照片和视频',
+  'attach.viewLibrary': '查看相册',
+  'attach.uploadFile': '上传文件',
+  'permission.requiredTitle': '需要权限',
+  'permission.photoLibrary': '需要照片图库权限才能选择图片。',
+  'permission.camera': '需要相机权限才能拍摄照片和视频。',
+  'permission.gallery': '需要相册权限才能选择照片和视频。',
+  'permission.microphone': '需要麦克风权限才能录制语音消息。',
   'status.connecting': '连接中…',
   'status.noInternet': '无网络连接',
   'translation.translating': '翻译中…',
@@ -1257,8 +1371,13 @@ const zh: UiStringTable = {
   'toast.roomCreationTitle': '创建聊天室',
   'toast.roomCreating': '正在创建聊天室...',
   'toast.success': '成功！',
+  'toast.successTitle': '成功',
   'toast.roomCreatedSuccess': '聊天室创建成功！',
   'toast.usersAddedSuccess': '用户添加成功！',
+  'toast.roomImageUpdated': '聊天室图片更新成功',
+  'toast.failedToUploadImage': '图片上传失败',
+  'toast.chatDeletedSuccess': '聊天已成功删除',
+  'toast.failedToDeleteChat': '删除聊天失败',
   'settings.menu.title': '设置',
   'modal.filePreview.title': '文件预览',
   'toast.error': '错误',
@@ -1326,6 +1445,7 @@ const zh: UiStringTable = {
   'modal.chatProfile.membersLabel': '成员：{count}',
   'modal.chatProfile.membersUnavailable': '成员列表不可用',
   'modal.chatProfile.removeMember': '将其移出该聊天？',
+  'modal.chatProfile.memberListUnavailable': '成员列表不可用',
   'modal.deleteChat.title': '删除此聊天？',
   'modal.addMembers.title': '添加新成员',
   'modal.addMembers.userIdPlaceholder': '输入用户 ID',

package/src/i18n/useT.ts

@@ -17,7 +17,7 @@ import { interpolate, resolveStringTable } from './strings';
  * When the host doesn't set `config.i18n.locale` explicitly, this falls
  * back to `langSource` - the same reader-language state the in-chat globe
  * picker (LanguageSelectorButton) and `config.translates.readerLocale`
- * drive (see useChatWrapperInit's resolveExternalReaderLocaleLangSource).
+ * drive (see ChatWrapper's resolveExternalReaderLocaleLangSource effect).
  * So picking a language in the chat changes both message translations AND
  * static captions together, as one language switch, unless the host is
  * explicitly managing UI locale separately via `config.i18n.locale`.