@ethora/chat-component-rn 26.5.1 → 26.5.2

package/lib/typescript/utils/clientRegistry.d.ts

@@ -0,0 +1,22 @@
+import XmppClient from '../networking/xmppClient';
+import { xmppSettingsInterface } from '../types/types';
+export declare function buildXmppClientKey(username: string, xmppSettings?: xmppSettingsInterface): string;
+export declare function isXmppClientReusable(client: XmppClient | null): boolean;
+export declare function setGlobalXmppClient(client: XmppClient | null, key?: string): void;
+export declare function getGlobalXmppClient(): XmppClient | null;
+export declare function getGlobalXmppClientKey(): string;
+export declare function getReusableXmppClientByKey(key: string): XmppClient | null;
+export declare function withXmppClientInitLock(key: string, init: () => Promise<XmppClient>): Promise<XmppClient>;
+export declare function requireXmppClient(): XmppClient;
+declare const _default: {
+    buildXmppClientKey: typeof buildXmppClientKey;
+    isXmppClientReusable: typeof isXmppClientReusable;
+    setGlobalXmppClient: typeof setGlobalXmppClient;
+    getGlobalXmppClient: typeof getGlobalXmppClient;
+    getGlobalXmppClientKey: typeof getGlobalXmppClientKey;
+    getReusableXmppClientByKey: typeof getReusableXmppClientByKey;
+    withXmppClientInitLock: typeof withXmppClientInitLock;
+    requireXmppClient: typeof requireXmppClient;
+};
+export default _default;
+//# sourceMappingURL=clientRegistry.d.ts.map

package/lib/typescript/utils/clientRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientRegistry.d.ts","sourceRoot":"","sources":["../../../src/utils/clientRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAQvD,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,YAAY,CAAC,EAAE,qBAAqB,GACnC,MAAM,CAKR;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,CAGvE;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,UAAU,GAAG,IAAI,EACzB,GAAG,CAAC,EAAE,MAAM,GACX,IAAI,CAGN;AAED,wBAAgB,mBAAmB,IAAI,UAAU,GAAG,IAAI,CAEvD;AAED,wBAAgB,sBAAsB,IAAI,MAAM,CAE/C;AAED,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CAIzE;AAED,wBAAsB,sBAAsB,CAC1C,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,GAC9B,OAAO,CAAC,UAAU,CAAC,CAYrB;AAED,wBAAgB,iBAAiB,IAAI,UAAU,CAK9C;;;;;;;;;;;AAED,wBASE"}

package/lib/typescript/utils/devLogger.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Dev-only log bus used by the testbed `Logs` tab. Stores a bounded
+ * ring-buffer of entries that arrive from:
+ *   - `console.log/info/warn/error` (patched in `installDevLogCapture`)
+ *   - `axios` request/response interceptors (HTTP)
+ *   - `XmppClient.attachEventListeners` (XMPP stanzas in/out)
+ *
+ * Pure module-level singleton — no React, callable from anywhere
+ * (reducers, services, helpers). React side reads via
+ * `useDevLogs()` which uses `useSyncExternalStore`.
+ */
+export type LogKind = 'log' | 'info' | 'warn' | 'error' | 'http' | 'xmpp' | 'rn';
+export interface LogEntry {
+    id: number;
+    kind: LogKind;
+    ts: number;
+    message: string;
+    details?: string;
+}
+export declare function pushLog(kind: LogKind, message: string, details?: any): void;
+export declare function clearLogs(): void;
+export declare function getLogs(): LogEntry[];
+export declare function subscribeLogs(fn: () => void): () => void;
+export declare function installConsoleCapture(): void;
+export declare function installAxiosCapture(axiosInstance: any): void;
+//# sourceMappingURL=devLogger.d.ts.map

package/lib/typescript/utils/devLogger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devLogger.d.ts","sourceRoot":"","sources":["../../../src/utils/devLogger.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAEjF,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAQD,wBAAgB,OAAO,CACrB,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,GAAG,GACZ,IAAI,CA+BN;AAED,wBAAgB,SAAS,IAAI,IAAI,CAGhC;AAED,wBAAgB,OAAO,IAAI,QAAQ,EAAE,CAEpC;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAKxD;AA4BD,wBAAgB,qBAAqB,SA8BpC;AAOD,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,GAAG,QA0CrD"}

package/lib/typescript/utils/messageNotificationManager.d.ts

@@ -0,0 +1,21 @@
+import { IMessage } from '../types/types';
+export interface MessageNotificationCallback {
+    (message: IMessage, roomName: string, senderName: string, roomJID: string): void;
+}
+declare class MessageNotificationManager {
+    private callbacks;
+    private pending;
+    private maxPending;
+    private pendingTtlMs;
+    private dedupeWindowMs;
+    private recentlyDelivered;
+    addCallback(callback: MessageNotificationCallback): () => void;
+    getCallbackCount(): number;
+    private flushPending;
+    private buildDedupeKey;
+    private shouldSkipDuplicate;
+    showNotification(message: IMessage, roomName: string, senderName: string, roomJID: string): void;
+}
+export declare const messageNotificationManager: MessageNotificationManager;
+export {};
+//# sourceMappingURL=messageNotificationManager.d.ts.map

package/lib/typescript/utils/messageNotificationManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageNotificationManager.d.ts","sourceRoot":"","sources":["../../../src/utils/messageNotificationManager.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,WAAW,2BAA2B;IAC1C,CACE,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,MAAM,GACd,IAAI,CAAC;CACT;AAUD,cAAM,0BAA0B;IAC9B,OAAO,CAAC,SAAS,CAA+C;IAChE,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,cAAc,CAAQ;IAC9B,OAAO,CAAC,iBAAiB,CAA6B;IAEtD,WAAW,CAAC,QAAQ,EAAE,2BAA2B,GAAG,MAAM,IAAI;IAQ9D,gBAAgB;IAIhB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,mBAAmB;IAgB3B,gBAAgB,CACd,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,MAAM;CAuBlB;AAED,eAAO,MAAM,0BAA0B,4BAAmC,CAAC"}

package/lib/typescript/utils/resendMessage.d.ts

@@ -0,0 +1,11 @@
+import { IMessage } from '../types/types';
+type ResendOptions = {
+    respectTranslateConfig?: boolean;
+};
+export declare function resendMessage(message: Pick<IMessage, 'body' | 'roomJid'> & {
+    isReply?: boolean;
+    showInChannel?: string;
+    mainMessage?: string;
+}, options?: ResendOptions): Promise<string>;
+export default resendMessage;
+//# sourceMappingURL=resendMessage.d.ts.map

package/lib/typescript/utils/resendMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resendMessage.d.ts","sourceRoot":"","sources":["../../../src/utils/resendMessage.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,KAAK,aAAa,GAAG;IACnB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,wBAAsB,aAAa,CACjC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,EACD,OAAO,GAAE,aAAkB,GAC1B,OAAO,CAAC,MAAM,CAAC,CAkEjB;AAED,eAAe,aAAa,CAAC"}

package/lib/typescript/utils/toastEmitter.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Tiny pub/sub used by `ToastContext` so non-React code can fire a
+ * toast. Replaces an out-of-tree port artifact (`../../../../utils/...`).
+ */
+import type { ToastType } from '../components/Toast';
+type Listener = (toast: ToastType) => void;
+export declare const toastEmitter: {
+    subscribe(fn: Listener): () => void;
+    emit(toast: ToastType): void;
+};
+export {};
+//# sourceMappingURL=toastEmitter.d.ts.map

package/lib/typescript/utils/toastEmitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastEmitter.d.ts","sourceRoot":"","sources":["../../../src/utils/toastEmitter.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;AAI3C,eAAO,MAAM,YAAY;kBACT,QAAQ;gBAMV,SAAS;CAStB,CAAC"}

package/lib/typescript/utils/xmppMemoryMonitor.d.ts

@@ -0,0 +1,17 @@
+export declare class XmppMemoryMonitor {
+    private static monitoringInterval;
+    private static warningThreshold;
+    private static criticalThreshold;
+    static startMonitoring(intervalMs?: number): void;
+    static stopMonitoring(): void;
+    static setThresholds(warning: number, critical: number): void;
+    static getCurrentCount(): number;
+    static forceCleanup(): void;
+    static getListenerInfo(): Array<{
+        key: string;
+        eventType: string;
+        timestamp: number;
+        age: number;
+    }>;
+}
+//# sourceMappingURL=xmppMemoryMonitor.d.ts.map

package/lib/typescript/utils/xmppMemoryMonitor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"xmppMemoryMonitor.d.ts","sourceRoot":"","sources":["../../../src/utils/xmppMemoryMonitor.ts"],"names":[],"mappings":"AAEA,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAA+B;IAChE,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAM;IACrC,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAM;IAEtC,MAAM,CAAC,eAAe,CAAC,UAAU,GAAE,MAAa,GAAG,IAAI;IAyBvD,MAAM,CAAC,cAAc,IAAI,IAAI;IAQ7B,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAK7D,MAAM,CAAC,eAAe,IAAI,MAAM;IAIhC,MAAM,CAAC,YAAY,IAAI,IAAI;IAK3B,MAAM,CAAC,eAAe,IAAI,KAAK,CAAC;QAC9B,GAAG,EAAE,MAAM,CAAC;QACZ,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;CAGH"}

package/lib/typescript/version.d.ts

@@ -0,0 +1,2 @@
+export declare const ETHORA_CHAT_COMPONENT_VERSION = "25.7.5";
+//# sourceMappingURL=version.d.ts.map

package/lib/typescript/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,6BAA6B,WAAW,CAAC"}

package/metro.js

@@ -27,21 +27,16 @@ const OPTIONAL_NATIVE_MODULES = [
   'react-native-document-picker',
   'react-native-image-picker',
   'react-native-audio-recorder-player',
-  'react-native-fs',
-  'react-native-video',
   'react-native-permissions',
   '@react-native-clipboard/clipboard',
   'react-native-emoji-selector',
-  '@react-native-camera-roll/camera-roll',
   '@react-native-community/checkbox',
   'react-native-qrcode-svg',
   'emoji-mart',
-  'luxon',
   'react-native-pdf',
   'react-native-image-zoom-viewer',
   'react-native-blob-util',
   'react-native-haptic-feedback',
-  'rn-fetch-blob',
   'react-native-share',
 ];
 

package/package.json

@@ -1,18 +1,35 @@
 {
   "name": "@ethora/chat-component-rn",
-  "version": "26.05.01",
+  "version": "26.05.02",
   "description": "Drop-in XMPP chat component for React Native / Expo. <Chat config={...}/> and you're done.",
-  "main": "index.js",
+  "main": "lib/commonjs/main.js",
+  "module": "lib/module/main.js",
   "react-native": "src/main.ts",
   "source": "src/main.ts",
-  "types": "src/main.ts",
+  "types": "lib/typescript/main.d.ts",
   "files": [
+    "lib",
     "src",
     "metro.js",
     "empty-shim.js",
     "README.md",
     "CHANGELOG.md"
   ],
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "exclude": "**/{__tests__,__fixtures__,__mocks__}/**",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
   "peerDependencies": {
     "@react-native-async-storage/async-storage": ">=1.21.0",
     "react": ">=18.0.0",
@@ -40,7 +57,7 @@
     }
   },
   "scripts": {
-    "postinstall": "patch-package",
+    "prepare": "patch-package",
     "start": "expo start",
     "android": "node scripts/ensure-emulator.js && (expo run:android; node scripts/fix-prebuild-deps.js)",
     "ios": "expo run:ios; node scripts/fix-prebuild-deps.js",
@@ -49,6 +66,9 @@
     "fix-prebuild-deps": "node scripts/fix-prebuild-deps.js",
     "lint": "eslint .",
     "test": "jest",
+    "build": "bob build",
+    "clean": "rm -rf lib",
+    "prepack": "npm run clean && npm run build",
     "e2e": "scripts/run-e2e.sh",
     "e2e:ios": "scripts/run-e2e.sh ios",
     "e2e:android": "scripts/run-e2e.sh android"
@@ -57,10 +77,12 @@
     "@reduxjs/toolkit": "^2.5.0",
     "@xmpp/client": "^0.13.1",
     "axios": "^1.7.9",
+    "expo-av": "~16.0.8",
     "expo-clipboard": "~8.0.8",
     "expo-document-picker": "~14.0.0",
     "expo-image-manipulator": "~14.0.0",
     "expo-image-picker": "~17.0.0",
+    "expo-media-library": "~18.2.1",
     "js-sha256": "^0.11.0",
     "react-native-keyboard-controller": "^1.18.5",
     "react-native-webview": "^13.16.1",
@@ -82,11 +104,12 @@
     "expo-build-properties": "^55.0.14",
     "expo-status-bar": "~3.0.0",
     "jest": "^29.6.3",
-    "patch-package": "^8.0.1",
     "jest-expo": "~54.0.0",
+    "patch-package": "^8.0.1",
     "prettier": "2.8.8",
     "react": "19.1.0",
     "react-native": "0.81.5",
+    "react-native-builder-bob": "^0.41.0",
     "react-native-gesture-handler": "~2.28.0",
     "react-native-get-random-values": "~1.11.0",
     "react-native-reanimated": "~4.1.0",

package/src/components/InputComponents/AudioRecorder.tsx

@@ -41,7 +41,7 @@ const AudioRecorder: React.FC<AudioRecorderProps> = ({
       const uri = await audioRecorderPlayer.startRecorder(path);
       setAudioPath(uri);
 
-      audioRecorderPlayer.addRecordBackListener((e) => {
+      audioRecorderPlayer.addRecordBackListener((e: any) => {
         const minutes = Math.floor(e.currentPosition / 60000);
         const seconds = Math.floor((e.currentPosition % 60000) / 1000);
         setTimer(

package/src/components/InputComponents/MediaInput.tsx

@@ -1,9 +1,9 @@
 import React, { useCallback } from 'react';
 import { View, Image, TouchableOpacity } from 'react-native';
-import Video from 'react-native-video';
+import { Video, ResizeMode } from 'expo-av';
+import * as ImagePicker from 'expo-image-picker';
 import { AttachIcon, RemoveIcon } from '../../assets/icons';
 import Button from '../styled/Button';
-import { launchImageLibrary } from 'react-native-image-picker';
 import { IConfig } from '../../types/types';
 
 interface FilePreview {
@@ -27,25 +27,24 @@ const MediaInput: React.FC<MediaInputProps> = ({
   handleSendClick,
   config,
 }) => {
-  const handleAttachClick = useCallback(() => {
-    launchImageLibrary(
-      {
-        mediaType: 'mixed',
-        selectionLimit: 5,
-      },
-      (response) => {
-        if (response.assets) {
-          const newFiles = response.assets.map((asset) => ({
-            uri: asset.uri!,
-            name: asset.fileName!,
-            type: asset.type!,
-          }));
-          setFilePreviews((prevFiles: FilePreview[]) =>
-            [...prevFiles, ...newFiles].slice(0, 5)
-          );
-        }
-      }
-    );
+  const handleAttachClick = useCallback(async () => {
+    const result = await ImagePicker.launchImageLibraryAsync({
+      mediaTypes: ['images', 'videos'],
+      allowsMultipleSelection: true,
+      selectionLimit: 5,
+      quality: 0.8,
+    });
+
+    if (!result.canceled && result.assets) {
+      const newFiles = result.assets.map((asset) => ({
+        uri: asset.uri,
+        name: asset.fileName || asset.uri.split('/').pop() || `file_${Date.now()}`,
+        type: asset.mimeType || 'application/octet-stream',
+      }));
+      setFilePreviews((prevFiles: FilePreview[]) =>
+        [...prevFiles, ...newFiles].slice(0, 5)
+      );
+    }
   }, [setFilePreviews]);
 
   const handleRemoveFile = useCallback(
@@ -67,8 +66,8 @@ const MediaInput: React.FC<MediaInputProps> = ({
         <Video
           source={{ uri: file.uri }}
           style={{ width: 50, height: 50 }}
-          controls
-          resizeMode="cover"
+          useNativeControls
+          resizeMode={ResizeMode.COVER}
         />
       );
     }

package/src/components/MainComponents/ChatHeader.tsx

@@ -51,7 +51,7 @@ const ChatHeader: React.FC<ChatHeaderProps> = ({
   };
 
   const handleLeaveClick = useCallback(() => {
-    client.leaveTheRoomStanza(activeRoomJID!);
+    client?.leaveTheRoomStanza(activeRoomJID!);
     dispatch(deleteRoom({ jid: activeRoomJID! }));
 
     const nextRoomJID = Object.keys(roomsList)[0] || null;

package/src/components/MainComponents/ChatRoom.tsx

@@ -193,7 +193,7 @@ const ChatRoom: React.FC<ChatRoomProps> = React.memo(
     useRoomInitialization(
       activeRoomJID || '',
       roomsList,
-      configWithEventHandlers || storeConfig || {},
+      (configWithEventHandlers || storeConfig || {}) as IConfig,
       roomMessages.length,
     );
 
@@ -213,12 +213,7 @@ const ChatRoom: React.FC<ChatRoomProps> = React.memo(
     return (
       <KeyboardAvoidingView
         style={{ flex: 1 }}
-        // react-native-keyboard-controller drives a frame-perfect lift
-        // via Reanimated worklets on BOTH platforms, so `padding`
-        // behavior is correct everywhere — unlike RN's stock KAV
-        // which would double-handle against AndroidManifest's
-        // `adjustResize` and jitter.
-        behavior="padding"
+        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
         keyboardVerticalOffset={configWithEventHandlers?.keyboardVerticalOffset ?? 0}
       >
         <ChatContainer

package/src/components/MainComponents/ChatWrapper.tsx

@@ -179,13 +179,15 @@ const ChatWrapper: FC<ChatWrapperProps> = ({
           await initializeClient(
             user.xmppUsername || user.defaultWallet?.walletAddress,
             user.xmppPassword,
-            config?.xmppSettings,
+            config?.xmppSettings
           ).then(c => {
-            c.getRoomsStanza().then(() => {
-              c.getChatsPrivateStoreRequestStanza();
-              dispatch(setStoreClient(c));
-              setClient(c);
-            });
+            c.getRoomsStanza()
+              .then(() => {
+                c.getChatsPrivateStoreRequestStanza();
+                dispatch(setStoreClient(c));
+                setClient(c);
+              })
+              .catch((err: unknown) => console.warn('getRoomsStanza failed', err));
           });
           setInited(true);
           if (config?.refreshTokens?.enabled) {refresh();}
@@ -193,18 +195,22 @@ const ChatWrapper: FC<ChatWrapperProps> = ({
           devPushLog('rn', 'ChatWrapper: reusing storedClient');
           setClient(storedClient);
           if (!activeRoomJID) {
-            storedClient.getRoomsStanza().then(() => {
-              storedClient.getChatsPrivateStoreRequestStanza();
-            });
+            storedClient.getRoomsStanza()
+              .then(() => {
+                storedClient.getChatsPrivateStoreRequestStanza();
+              })
+              .catch((err: unknown) => console.warn('getRoomsStanza failed', err));
           }
           setInited(true);
           if (config?.refreshTokens?.enabled) {refresh();}
         } else if (client) {
           devPushLog('rn', 'ChatWrapper: reusing provider client');
           if (!activeRoomJID) {
-            client.getRoomsStanza().then(() => {
-              client.getChatsPrivateStoreRequestStanza();
-            });
+            client.getRoomsStanza()
+              .then(() => {
+                client.getChatsPrivateStoreRequestStanza();
+              })
+              .catch((err: unknown) => console.warn('getRoomsStanza failed', err));
           }
           client.getChatsPrivateStoreRequestStanza();
           setInited(true);

package/src/components/MainComponents/MediaMessage.tsx

@@ -37,17 +37,27 @@ const MediaMessage: React.FC<MediaMessageProps> = ({
             mimetype={mimeType}
           />
         );
-      case mimeType.startsWith('audio/') ||
-        mimeType.includes('application/octet-stream'):
+      case mimeType.startsWith('audio/'): {
         return <AudioMessage src={location || ''} />;
-      default:
+      }
+      default: {
+        // Many backends tag binary payloads (PDFs, DOCX, archives) as
+        // application/octet-stream; sniff the filename extension for the
+        // legitimate audio case before falling through to FileDownload.
+        const fileName = message?.fileName || location?.split('/')?.pop() || 'MediaFile';
+        if (mimeType.includes('application/octet-stream')) {
+          if (/\.(mp3|m4a|wav|aac|ogg|flac)$/i.test(fileName)) {
+            return <AudioMessage src={location || ''} />;
+          }
+        }
         return (
           <FileDownload
             fileURL={location ? location : ''}
-            fileName={location?.split('/')?.pop() || 'MediaFile'}
+            fileName={fileName}
             mimetype={mimeType}
           />
         );
+      }
     }}
   return <Text>Unsupported media type</Text>;
 };

package/src/components/MainComponents/MessageList.tsx

@@ -84,7 +84,6 @@ const MessageList = <TMessage extends IMessage>({
           (mess: IMessage) =>
             !!mess.mainMessage &&
             JSON.parse(mess.mainMessage).id === message.id &&
-            !mess.deleted &&
             !mess.isDeleted
         ),
       };
@@ -94,7 +93,7 @@ const MessageList = <TMessage extends IMessage>({
 
   const memoizedMessages = useMemo(() => {
     const nonDeletedMessages = addReplyMessages.filter(
-      (item: IMessage) => !item.deleted && !item.isDeleted
+      (item: IMessage) => !item.isDeleted
     );
 
     let filtered: IMessage[];

package/src/components/MainComponents/ProfileImagePlaceholder.tsx

@@ -114,7 +114,7 @@ export const ProfileImagePlaceholder: React.FC<
       >
         {icon ? (
           <AvatarImage
-            source={typeof icon === 'string' ? { uri: icon } : icon}
+            source={typeof icon === 'string' ? { uri: icon } : icon as any}
             size={size}
           />
         ) : placeholderIcon ? (

package/src/components/MainComponents/ReduxWrapper.tsx

@@ -1,12 +1,12 @@
 import React, {useMemo} from 'react';
 import {Provider} from 'react-redux';
+import {KeyboardProvider} from 'react-native-keyboard-controller';
 import {store} from '../../roomStore';
 import {ConfigUser, IConfig, MessageProps} from '../../types/types';
-import {XmppProvider} from '../../context/xmppProvider.tsx';
-import {MessageNotificationProvider} from '../../context/MessageNotificationContext.tsx';
-import {ToastProvider} from '../../context/ToastContext.tsx';
-import LoginWrapper from './LoginWrapper.tsx';
-// Side-effect import: attaches globalThis.useStoreConsole when enabled.
+import {XmppProvider} from '../../context/xmppProvider';
+import {MessageNotificationProvider} from '../../context/MessageNotificationContext';
+import {ToastProvider} from '../../context/ToastContext';
+import LoginWrapper from './LoginWrapper';
 import '../../helpers/storeConsole';
 
 interface ChatWrapperProps {
@@ -27,13 +27,15 @@ export const ReduxWrapper: React.FC<ChatWrapperProps> = React.memo(
 
     return (
       <Provider store={store}>
-        <XmppProvider config={memoizedConfig}>
-          <ToastProvider>
-            <MessageNotificationProvider config={memoizedConfig}>
-              <LoginWrapper config={memoizedConfig} {...props} />
-            </MessageNotificationProvider>
-          </ToastProvider>
-        </XmppProvider>
+        <KeyboardProvider>
+          <XmppProvider config={memoizedConfig}>
+            <ToastProvider>
+              <MessageNotificationProvider config={memoizedConfig}>
+                <LoginWrapper config={memoizedConfig} {...props} />
+              </MessageNotificationProvider>
+            </ToastProvider>
+          </XmppProvider>
+        </KeyboardProvider>
       </Provider>
     );
   },

package/src/components/MessageBubble/Message.tsx

@@ -182,11 +182,11 @@ const Message: React.FC<MessageProps> = ({ message, isUser, isReply }) => {
 
   const handleReactionMessage = (emoji: string) => {
     if (!message.reaction) {
-      return client.sendMessageReactionStanza(
+      return client?.sendMessageReactionStanza(
         message.id,
         message.roomJid,
         [emoji],
-        { firstName: user.firstName, lastName: user.lastName }
+        `${user.firstName} ${user.lastName}` as any
       );
     }
     if (
@@ -195,22 +195,22 @@ const Message: React.FC<MessageProps> = ({ message, isUser, isReply }) => {
       message.reaction[user.xmppUsername || '']?.emoji.includes(emoji)
     ) {
       const filterEmoji = message.reaction[user.xmppUsername || '']?.emoji.filter(
-        (reaction) => reaction !== emoji
+        (reaction: any) => reaction !== emoji
       );
 
-      return client.sendMessageReactionStanza(
+      return client?.sendMessageReactionStanza(
         message.id,
         message.roomJid,
         filterEmoji,
-        { firstName: user.firstName, lastName: user.lastName }
+        `${user.firstName} ${user.lastName}` as any
       );
     }
 
-    client.sendMessageReactionStanza(
+    client?.sendMessageReactionStanza(
       message.id,
       message.roomJid,
       [...(message.reaction[user.xmppUsername || '']?.emoji || []), emoji],
-      { firstName: user.firstName, lastName: user.lastName }
+      `${user.firstName} ${user.lastName}` as any
     );
   };
 

package/src/components/MessageBubble/MessageReaction.tsx

@@ -74,7 +74,7 @@ export const MessageReaction: FC<MessageReactionProps> = ({
             result[em] = { count: 0, users: [] };
           }
           result[em].count += 1;
-          result[em].users.push(`${data.senderFirstName} ${data.senderLastName}`);
+          result[em].users.push(`${data?.senderFirstName} ${data?.senderLastName}`);
         });}
     });
 

package/src/components/MessageBubble/MessageTranslations.tsx

@@ -16,14 +16,14 @@ const MessageTranslations: FC<MessageTranslationsProps> = ({
 }) => {
   return (
     langSource &&
-    message.langSource && (
+    message.langSource ? (
       <>
         <CustomDivider configColor={config?.colors?.primary} />
-        <CustomMessageText>
+        <CustomMessageText colorUser="">
           {message.translations?.[langSource]?.translatedText}
         </CustomMessageText>
       </>
-    )
+    ) : null
   );
 };
 

package/src/components/Modals/AddMembersModal/AddMembersModal.tsx

@@ -53,11 +53,11 @@ const AddMembersModal: React.FC = () => {
         members: [userName],
       });
       handleCloseModal();
-      await client.inviteRoomRequestStanza(userName, activeRoom.jid);
+      await client?.inviteRoomRequestStanza(userName, activeRoom.jid);
 
       const room = await getRoomByName(activeRoom.jid);
       const createdRoom = createRoomFromApi(room, config?.xmppSettings?.conference);
-      if (createdRoom) {
+      if (createdRoom && client) {
         dispatch(
           addRoomViaApi({
             room: createdRoom,

package/src/components/Modals/ChatProfileModal/ChatProfileModal.tsx

@@ -156,7 +156,7 @@ const ChatProfileModal: React.FC<ChatProfileModalProps> = ({
       const location = uploadResult?.data?.results?.[0]?.location;
 
       if (location) {
-        client.setRoomImageStanza(activeRoom?.jid || '', location, 'icon', 'none');
+        client?.setRoomImageStanza(activeRoom?.jid || '', location, 'icon', 'none');
         dispatch(
           updateRoom({ jid: activeRoom?.jid || '', updates: { icon: location } })
         );
@@ -224,7 +224,7 @@ const ChatProfileModal: React.FC<ChatProfileModalProps> = ({
   };
 
   const onRemoveClick = async () => {
-    client.setRoomImageStanza(activeRoom?.jid || '', '', 'icon', 'none');
+    client?.setRoomImageStanza(activeRoom?.jid || '', '', 'icon', 'none');
     dispatch(updateRoom({ jid: activeRoom?.jid || '', updates: { icon: null } }));
   };
 
@@ -237,6 +237,8 @@ const ChatProfileModal: React.FC<ChatProfileModalProps> = ({
         lastName: user.lastName,
         name: `${user.firstName} ${user.lastName}`,
         userJID: user?.xmppUsername,
+        token: '',
+        refreshToken: '',
       })
     );
   };
@@ -273,7 +275,7 @@ const ChatProfileModal: React.FC<ChatProfileModalProps> = ({
 
   useEffect(() => {
     if (!activeRoom) {
-      dispatch(setActiveModal());
+      dispatch(setActiveModal(undefined));
     }
   }, [activeRoom, dispatch]);