@ethora/chat-component-rn 26.10.8 → 26.10.10

package/src/i18n/strings.ts

@@ -159,6 +159,9 @@ const en: UiStringTable = {
   'action.cancel': 'Cancel',
   'action.save': 'Save',
   'action.delete': 'Delete',
+  'action.reply': 'Reply',
+  'video.cantPlay': 'This video can\'t be played',
+  'video.cantPlayHint': 'Tap the save icon above to download it.',
   'action.leave': 'Leave',
   'action.muted': 'Muted',
   'action.unmuted': 'Unmuted',
@@ -291,6 +294,8 @@ const en: UiStringTable = {
   'modal.chatProfile.removePhoto': 'Remove photo',
   'modal.chatProfile.membersLabel': 'Members: {count}',
   'modal.chatProfile.membersUnavailable': 'Member list unavailable',
+  'modal.chatProfile.media': 'Media',
+  'modal.chatProfile.mediaEmpty': 'No photos or videos yet',
   'modal.chatProfile.removeMember': 'Remove from this chat?',
   'modal.chatProfile.memberListUnavailable': 'Member list unavailable',
   'modal.deleteChat.title': 'Delete this chat ?',
@@ -300,6 +305,7 @@ const en: UiStringTable = {
   'modal.addMembers.userIdPlaceholder': 'Enter User Id',
   'modal.leaveChat.title': 'Leave Chat',
   'modal.leaveChat.description': 'Are you sure you want to leave this chat?',
+  'modal.leaveChat.descriptionNamed': 'Are you sure you want to leave {name}?',
   'modal.report.chatTitle': 'Report Chat',
   'modal.report.messageTitle': 'Report Message',
   'modal.report.otherDetails': 'Please enter additional details relevant to your report.',
@@ -564,6 +570,9 @@ const fr: UiStringTable = {
   'action.cancel': 'Annuler',
   'action.save': 'Enregistrer',
   'action.delete': 'Supprimer',
+  'action.reply': 'Répondre',
+  'video.cantPlay': 'Impossible de lire cette vidéo',
+  'video.cantPlayHint': 'Touchez l\'icône d\'enregistrement en haut pour la télécharger.',
   'action.leave': 'Quitter',
   'action.muted': 'En sourdine',
   'action.unmuted': 'Activé',
@@ -696,6 +705,8 @@ const fr: UiStringTable = {
   'modal.chatProfile.removePhoto': 'Supprimer la photo',
   'modal.chatProfile.membersLabel': 'Membres : {count}',
   'modal.chatProfile.membersUnavailable': 'Liste des membres indisponible',
+  'modal.chatProfile.media': 'Médias',
+  'modal.chatProfile.mediaEmpty': 'Aucune photo ni vidéo pour l\'instant',
   'modal.chatProfile.removeMember': 'Retirer de cette discussion ?',
   'modal.chatProfile.memberListUnavailable': 'Liste des membres indisponible',
   'modal.deleteChat.title': 'Supprimer cette discussion ?',
@@ -705,6 +716,7 @@ const fr: UiStringTable = {
   'modal.addMembers.userIdPlaceholder': "Entrez l'ID utilisateur",
   'modal.leaveChat.title': 'Quitter la discussion',
   'modal.leaveChat.description': 'Voulez-vous vraiment quitter cette discussion ?',
+  'modal.leaveChat.descriptionNamed': 'Voulez-vous vraiment quitter {name} ?',
   'modal.report.chatTitle': 'Signaler la discussion',
   'modal.report.messageTitle': 'Signaler le message',
   'modal.report.otherDetails': 'Veuillez indiquer des détails supplémentaires concernant votre signalement.',
@@ -969,6 +981,9 @@ const es: UiStringTable = {
   'action.cancel': 'Cancelar',
   'action.save': 'Guardar',
   'action.delete': 'Eliminar',
+  'action.reply': 'Responder',
+  'video.cantPlay': 'No se puede reproducir este video',
+  'video.cantPlayHint': 'Toca el icono de guardar de arriba para descargarlo.',
   'action.leave': 'Salir',
   'action.muted': 'Silenciado',
   'action.unmuted': 'Activado',
@@ -1101,6 +1116,8 @@ const es: UiStringTable = {
   'modal.chatProfile.removePhoto': 'Quitar la foto',
   'modal.chatProfile.membersLabel': 'Miembros: {count}',
   'modal.chatProfile.membersUnavailable': 'Lista de miembros no disponible',
+  'modal.chatProfile.media': 'Multimedia',
+  'modal.chatProfile.mediaEmpty': 'Aún no hay fotos ni videos',
   'modal.chatProfile.removeMember': '¿Quitar de este chat?',
   'modal.chatProfile.memberListUnavailable': 'Lista de miembros no disponible',
   'modal.deleteChat.title': '¿Eliminar este chat?',
@@ -1110,6 +1127,7 @@ const es: UiStringTable = {
   'modal.addMembers.userIdPlaceholder': 'Introduce el ID de usuario',
   'modal.leaveChat.title': 'Salir del chat',
   'modal.leaveChat.description': '¿Seguro que quieres salir de este chat?',
+  'modal.leaveChat.descriptionNamed': '¿Seguro que quieres salir de {name}?',
   'modal.report.chatTitle': 'Reportar chat',
   'modal.report.messageTitle': 'Reportar mensaje',
   'modal.report.otherDetails': 'Introduce detalles adicionales relevantes para tu reporte.',
@@ -1374,6 +1392,9 @@ const pt: UiStringTable = {
   'action.cancel': 'Cancelar',
   'action.save': 'Guardar',
   'action.delete': 'Eliminar',
+  'action.reply': 'Responder',
+  'video.cantPlay': 'Não é possível reproduzir este vídeo',
+  'video.cantPlayHint': 'Toque no ícone de guardar acima para o transferir.',
   'action.leave': 'Sair',
   'action.muted': 'Muted',
   'action.unmuted': 'Unmuted',
@@ -1506,6 +1527,8 @@ const pt: UiStringTable = {
   'modal.chatProfile.removePhoto': 'Remover foto',
   'modal.chatProfile.membersLabel': 'Membros: {count}',
   'modal.chatProfile.membersUnavailable': 'Lista de membros indisponível',
+  'modal.chatProfile.media': 'Multimédia',
+  'modal.chatProfile.mediaEmpty': 'Ainda não há fotos nem vídeos',
   'modal.chatProfile.removeMember': 'Remover deste chat?',
   'modal.chatProfile.memberListUnavailable': 'Lista de membros indisponível',
   'modal.deleteChat.title': 'Eliminar este chat?',
@@ -1515,6 +1538,7 @@ const pt: UiStringTable = {
   'modal.addMembers.userIdPlaceholder': 'Introduza o ID do utilizador',
   'modal.leaveChat.title': 'Sair do chat',
   'modal.leaveChat.description': 'Tem a certeza de que quer sair deste chat?',
+  'modal.leaveChat.descriptionNamed': 'Tem a certeza de que quer sair de {name}?',
   'modal.report.chatTitle': 'Denunciar chat',
   'modal.report.messageTitle': 'Denunciar mensagem',
   'modal.report.otherDetails': 'Indique detalhes adicionais relevantes para a sua denúncia.',
@@ -1779,6 +1803,9 @@ const ht: UiStringTable = {
   'action.cancel': 'Anile',
   'action.save': 'Anrejistre',
   'action.delete': 'Efase',
+  'action.reply': 'Reponn',
+  'video.cantPlay': 'Videyo sa a pa ka jwe',
+  'video.cantPlayHint': 'Peze ikòn sove anwo a pou telechaje li.',
   'action.leave': 'Kite',
   'action.muted': 'Muted',
   'action.unmuted': 'Unmuted',
@@ -1911,6 +1938,8 @@ const ht: UiStringTable = {
   'modal.chatProfile.removePhoto': 'Retire foto a',
   'modal.chatProfile.membersLabel': 'Manm: {count}',
   'modal.chatProfile.membersUnavailable': 'Lis manm yo pa disponib',
+  'modal.chatProfile.media': 'Medya',
+  'modal.chatProfile.mediaEmpty': 'Poko gen foto ni videyo',
   'modal.chatProfile.removeMember': 'Retire nan chat sa a?',
   'modal.chatProfile.memberListUnavailable': 'Lis manm yo pa disponib',
   'modal.deleteChat.title': 'Efase chat sa a?',
@@ -1920,6 +1949,7 @@ const ht: UiStringTable = {
   'modal.addMembers.userIdPlaceholder': 'Antre ID itilizatè a',
   'modal.leaveChat.title': 'Kite chat la',
   'modal.leaveChat.description': 'Èske ou sèten ou vle kite chat sa a?',
+  'modal.leaveChat.descriptionNamed': 'Èske ou sèten ou vle kite {name}?',
   'modal.report.chatTitle': 'Rapòte chat la',
   'modal.report.messageTitle': 'Rapòte mesaj la',
   'modal.report.otherDetails': 'Tanpri antre detay anplis ki gen rapò ak rapò ou a.',
@@ -2184,6 +2214,9 @@ const zh: UiStringTable = {
   'action.cancel': '取消',
   'action.save': '保存',
   'action.delete': '删除',
+  'action.reply': '回复',
+  'video.cantPlay': '无法播放此视频',
+  'video.cantPlayHint': '点击上方的保存图标下载。',
   'action.leave': '退出',
   'action.muted': 'Muted',
   'action.unmuted': 'Unmuted',
@@ -2316,6 +2349,8 @@ const zh: UiStringTable = {
   'modal.chatProfile.removePhoto': '移除图片',
   'modal.chatProfile.membersLabel': '成员：{count}',
   'modal.chatProfile.membersUnavailable': '成员列表不可用',
+  'modal.chatProfile.media': '媒体',
+  'modal.chatProfile.mediaEmpty': '暂无图片或视频',
   'modal.chatProfile.removeMember': '将其移出该聊天？',
   'modal.chatProfile.memberListUnavailable': '成员列表不可用',
   'modal.deleteChat.title': '删除此聊天？',
@@ -2325,6 +2360,7 @@ const zh: UiStringTable = {
   'modal.addMembers.userIdPlaceholder': '输入用户 ID',
   'modal.leaveChat.title': '退出聊天',
   'modal.leaveChat.description': '确定要退出此聊天吗？',
+  'modal.leaveChat.descriptionNamed': '确定要退出 {name} 吗？',
   'modal.report.chatTitle': '举报聊天',
   'modal.report.messageTitle': '举报消息',
   'modal.report.otherDetails': '请填写与您举报相关的补充信息。',

package/src/main.ts

@@ -81,7 +81,7 @@ export {
   presentSealedPush,
   SEALED_PUSH_TASK,
 } from './push/sealedPushTask';
-export type { SealedPushTaskOptions } from './push/sealedPushTask';
+export type { SealedPushTaskOptions, ShownMessagePush } from './push/sealedPushTask';
 export {
   openSealedPush,
   isSealedPush,

package/src/networking/api-requests/rooms.api.ts

@@ -497,24 +497,25 @@ export async function deleteRoomMember(data: DeleteRoomMember) {
 }
 
 /**
- * Take the signed-in user out of a chat on the server (self-removal via the
- * same endpoint that removes other members). The unavailable presence alone
- * only leaves the MUC for this session: the backend keeps the user in
- * `members` and the next /chats/my brings the chat back. A 404 means the
- * server already has us out, which is what we wanted.
+ * Leave a chat on the server: `PUT /v1/chats/my/{chatName}/leave` sets the
+ * `left` flag on the caller's own membership, and /chats/my stops listing
+ * the room. The unavailable presence alone only leaves the MUC for this
+ * session, the next /chats/my would bring the chat back. Not
+ * `DELETE /users-access`: that one is owner-only and refuses self-removal.
+ * A 404 means we are not a member any more, which is what we wanted.
  */
 export async function leaveRoom(chatName: string): Promise<void> {
-  const me = (store.getState().chatSettingStore?.user?.xmppUsername || '').split('@')[0];
-  if (!chatName || !me) {
-    throw new Error('Cannot leave the chat: no chat name or user');
+  if (!chatName) {
+    throw new Error('Cannot leave the chat: no chat name');
   }
   const token = store.getState().chatSettingStore.user.token || '';
   invalidateRoomsCache();
   try {
-    await http.delete('/v1/chats/users-access', {
-      headers: { Authorization: token },
-      data: { chatName, members: [me] },
-    });
+    await http.put(
+      `/v1/chats/my/${encodeURIComponent(chatName)}/leave`,
+      {},
+      { headers: { Authorization: token } }
+    );
   } catch (error: any) {
     if (error?.response?.status !== 404) {throw error;}
   } finally {

package/src/networking/callTokenStanza.ts

@@ -310,6 +310,8 @@ const handleCallStateData = (
     !!currentCall.callId &&
     currentCall.callId === stanzaCallId;
 
+  if (stanzaCallId && currentCall.callId && !callIdMatches) {return;}
+
   const isTerminalState =
     state === 'ended' ||
     state === 'declined' ||
@@ -381,7 +383,7 @@ export const onCallTokenMessage = (stanza: Element): boolean => {
         .split('/')[0]
         .split('@')[0]
         .trim();
-      handleCallStateData(inner, fromRoom);
+      handleCallStateData(data, fromRoom);
 
       // Server call-logs (carry callerXmppUsername / durationMs) should
       // flow on to onRealtimeMessage / onMessageHistory where they become
@@ -394,6 +396,13 @@ export const onCallTokenMessage = (stanza: Element): boolean => {
       return true;
     }
 
+    if (dataType === 'call-state-declined') {
+      handleCallStateData({
+        attrs: { ...data.attrs, state: 'declined' },
+      } as unknown as Element);
+      return true;
+    }
+
     if (dataType === 'call-invite') {
       const inviteKind = String(data.attrs?.kind || '').toLowerCase();
       const normalized: 'audio' | 'video' =

package/src/push/sealedPushTask.ts

@@ -40,6 +40,20 @@ export interface SealedPushTaskOptions {
    * where the XMPP invite rings the in-app call screen.
    */
   onCallPush?: (data: Record<string, unknown>) => void | Promise<void>;
+  onMessageShown?: (shown: ShownMessagePush) => void | Promise<void>;
+}
+
+export interface ShownMessagePush {
+  identifier: string;
+  channelId?: string;
+  title: string;
+  body: string;
+  sender: string;
+  senderJid: string;
+  chat: string;
+  chatJid: string;
+  image: string;
+  reaction: boolean;
 }
 
 const PLACEHOLDER_TITLE = 'New message';
@@ -157,11 +171,30 @@ export async function presentSealedPush(
   const base = envelope.jid || envelope.msgID || '';
   const identifier = base ? (reaction ? `${base}#reaction` : base) : undefined;
   const channelId = (reaction && options.reactionChannelId) || options.channelId;
+  const content = notificationContent(result, options);
   await notifications.scheduleNotificationAsync({
     identifier,
-    content: notificationContent(result, options),
+    content,
     trigger: channelId ? { channelId } : null,
   });
+  if (result.ok && result.content.image && identifier && options.onMessageShown) {
+    try {
+      await options.onMessageShown({
+        identifier,
+        channelId,
+        title: content.title,
+        body: content.body ?? '',
+        sender: result.content.sender,
+        senderJid: result.content.senderJid,
+        chat: result.content.chat,
+        chatJid: result.content.chatJid,
+        image: result.content.image,
+        reaction,
+      });
+    } catch (e) {
+      pushLog('warn', 'push: drawing the sender avatar failed', e);
+    }
+  }
   return result;
 }
 

package/src/types/models/modal.model.ts

@@ -16,4 +16,20 @@ export interface ModalFile {
   siblings?: ModalFile[];
   /** Position of this file in `siblings`. */
   index?: number;
+  /** The message the file came from, for the viewer's Reply and Delete. */
+  source?: ModalFileSource;
+  /** Poster frame of a video, for grids that show it before it plays. */
+  previewURL?: string;
+}
+
+export interface ModalFileSource {
+  messageId: string;
+  roomJid: string;
+  /** Sent by the signed-in user: the viewer offers Delete. */
+  own?: boolean;
+  /** The thread the viewer's Reply opens; absent where replies are off. */
+  replyTo?: { id: string; chatJID: string };
+  senderName?: string;
+  /** When it was sent, ms since epoch. */
+  timestamp?: number;
 }

package/src/types/types.ts

@@ -1162,6 +1162,22 @@ export interface ModalFile {
   siblings?: ModalFile[];
   /** Position of this file in `siblings`. */
   index?: number;
+  /** The message the file came from, for the viewer's Reply and Delete. */
+  source?: ModalFileSource;
+  /** Poster frame of a video, for grids that show it before it plays. */
+  previewURL?: string;
+}
+
+export interface ModalFileSource {
+  messageId: string;
+  roomJid: string;
+  /** Sent by the signed-in user: the viewer offers Delete. */
+  own?: boolean;
+  /** The thread the viewer's Reply opens; absent where replies are off. */
+  replyTo?: { id: string; chatJID: string };
+  senderName?: string;
+  /** When it was sent, ms since epoch. */
+  timestamp?: number;
 }
 
 // Re-export so middleware/hooks that historically import from `types`

package/src/version.ts

@@ -1,3 +1,3 @@
 // Generated by scripts/sync-version.mjs on `npm version`.
 // Edit package.json's version instead of this file.
-export const ETHORA_CHAT_COMPONENT_VERSION = '26.10.8';
+export const ETHORA_CHAT_COMPONENT_VERSION = '26.10.10';