@ethora/chat-component-rn 26.5.21 → 26.6.10

package/lib/commonjs/components/VideoCalls/livekitRuntime.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadLiveKit = exports.isLiveKitAvailable = exports.ensureLiveKitGlobals = exports.__resetLiveKitRuntimeForTests = void 0;
+/**
+ * Optional-dependency bridge for the LiveKit React Native SDK.
+ *
+ * Calls are opt-in (`config.videoCalls.enabled`), and the LiveKit packages
+ * are NATIVE modules: they need a dev build, they cannot run in Expo Go,
+ * and they add camera/microphone entitlements to whatever app installs
+ * them. Most hosts embedding this chat SDK don't want calls at all, so
+ * `@livekit/react-native` and `@livekit/react-native-webrtc` are declared
+ * as OPTIONAL peer dependencies.
+ *
+ * That means a plain top-level `import ... from '@livekit/react-native'`
+ * is not allowed anywhere in the SDK: Metro resolves imports at bundle
+ * time, so a chat-only host would fail to build over a feature it never
+ * switched on. Everything call-related goes through `loadLiveKit()`, which
+ * requires the modules lazily at call time and returns null when they
+ * aren't installed. Callers surface that as a friendly config error rather
+ * than a redbox.
+ */
+
+let cached;
+const isLiveKitAvailable = () => loadLiveKit() !== null;
+
+/**
+ * Resolve the LiveKit runtime, or null when the optional native packages
+ * aren't installed in the host app. Result is memoised (including the
+ * failure) so a missing dependency doesn't re-throw on every render.
+ */
+exports.isLiveKitAvailable = isLiveKitAvailable;
+const loadLiveKit = () => {
+  if (cached !== undefined) {
+    return cached;
+  }
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const rn = require('@livekit/react-native');
+    // `livekit-client` is a hard dependency of @livekit/react-native, so
+    // if the first require succeeded this one will too. Read the enums
+    // from it rather than from the RN wrapper: the wrapper re-exports a
+    // moving subset across versions, the core package does not.
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const core = require('livekit-client');
+    cached = {
+      Room: core.Room,
+      RoomEvent: core.RoomEvent,
+      Track: core.Track,
+      ConnectionState: core.ConnectionState,
+      VideoTrack: rn.VideoTrack,
+      AudioSession: rn.AudioSession,
+      registerGlobals: rn.registerGlobals
+    };
+  } catch {
+    cached = null;
+  }
+  return cached;
+};
+exports.loadLiveKit = loadLiveKit;
+let globalsRegistered = false;
+
+/**
+ * `registerGlobals()` patches RTCPeerConnection / MediaStream / navigator
+ * .mediaDevices onto the JS global scope so livekit-client (written for
+ * browsers) works on React Native. It must run exactly once per JS
+ * context, before the first `new Room()`. Calling it repeatedly is
+ * harmless in current versions but has thrown in older ones, so guard it.
+ */
+const ensureLiveKitGlobals = runtime => {
+  if (globalsRegistered) {
+    return;
+  }
+  try {
+    runtime.registerGlobals?.();
+  } catch {
+    // Already registered by the host app (it may use LiveKit elsewhere).
+  }
+  globalsRegistered = true;
+};
+
+/** Reset memoised state. Test seam only. */
+exports.ensureLiveKitGlobals = ensureLiveKitGlobals;
+const __resetLiveKitRuntimeForTests = () => {
+  cached = undefined;
+  globalsRegistered = false;
+};
+exports.__resetLiveKitRuntimeForTests = __resetLiveKitRuntimeForTests;
+//# sourceMappingURL=livekitRuntime.js.map

package/lib/commonjs/components/VideoCalls/livekitRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cached","isLiveKitAvailable","loadLiveKit","exports","undefined","rn","require","core","Room","RoomEvent","Track","ConnectionState","VideoTrack","AudioSession","registerGlobals","globalsRegistered","ensureLiveKitGlobals","runtime","__resetLiveKitRuntimeForTests"],"sourceRoot":"../../../../src","sources":["components/VideoCalls/livekitRuntime.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBA,IAAIA,MAAyC;AAEtC,MAAMC,kBAAkB,GAAGA,CAAA,KAAeC,WAAW,CAAC,CAAC,KAAK,IAAI;;AAEvE;AACA;AACA;AACA;AACA;AAJAC,OAAA,CAAAF,kBAAA,GAAAA,kBAAA;AAKO,MAAMC,WAAW,GAAGA,CAAA,KAA6B;EACtD,IAAIF,MAAM,KAAKI,SAAS,EAAE;IACxB,OAAOJ,MAAM;EACf;EAEA,IAAI;IACF;IACA,MAAMK,EAAE,GAAGC,OAAO,CAAC,uBAAuB,CAAC;IAC3C;IACA;IACA;IACA;IACA;IACA,MAAMC,IAAI,GAAGD,OAAO,CAAC,gBAAgB,CAAC;IAEtCN,MAAM,GAAG;MACPQ,IAAI,EAAED,IAAI,CAACC,IAAI;MACfC,SAAS,EAAEF,IAAI,CAACE,SAAS;MACzBC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,eAAe,EAAEJ,IAAI,CAACI,eAAe;MACrCC,UAAU,EAAEP,EAAE,CAACO,UAAU;MACzBC,YAAY,EAAER,EAAE,CAACQ,YAAY;MAC7BC,eAAe,EAAET,EAAE,CAACS;IACtB,CAAC;EACH,CAAC,CAAC,MAAM;IACNd,MAAM,GAAG,IAAI;EACf;EAEA,OAAOA,MAAM;AACf,CAAC;AAACG,OAAA,CAAAD,WAAA,GAAAA,WAAA;AAEF,IAAIa,iBAAiB,GAAG,KAAK;;AAE7B;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,oBAAoB,GAAIC,OAAuB,IAAW;EACrE,IAAIF,iBAAiB,EAAE;IAAC;EAAO;EAC/B,IAAI;IACFE,OAAO,CAACH,eAAe,GAAG,CAAC;EAC7B,CAAC,CAAC,MAAM;IACN;EAAA;EAEFC,iBAAiB,GAAG,IAAI;AAC1B,CAAC;;AAED;AAAAZ,OAAA,CAAAa,oBAAA,GAAAA,oBAAA;AACO,MAAME,6BAA6B,GAAGA,CAAA,KAAY;EACvDlB,MAAM,GAAGI,SAAS;EAClBW,iBAAiB,GAAG,KAAK;AAC3B,CAAC;AAACZ,OAAA,CAAAe,6BAAA,GAAAA,6BAAA","ignoreList":[]}

package/lib/commonjs/components/VideoCalls/useCallKeep.js

@@ -0,0 +1,215 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCallKeep = exports.loadCallKeep = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _roomStore = require("../../roomStore");
+var _callSlice = require("../../roomStore/callSlice");
+var _callTokenStanza = require("../../networking/callTokenStanza");
+/**
+ * Native incoming-call UI (Android ConnectionService / iOS CallKit) via
+ * the optional `react-native-callkeep` package.
+ *
+ * Why optional: CallKeep pulls a telecom-framework dependency into the
+ * host app and, on iOS, is only half a solution without PushKit. It is
+ * loaded lazily exactly like the LiveKit packages, so hosts that don't
+ * install it get the plain in-app ring screen and nothing breaks.
+ *
+ * Platform reality, stated plainly:
+ *  - Android: full value. A ConnectionService call shows the system
+ *    incoming-call screen over the lock screen.
+ *  - iOS: this only fires while the app is running. A CallKit screen from
+ *    a killed app requires a VoIP push over PushKit, which needs a
+ *    separate Apple VoIP certificate and a separate send path on the
+ *    backend (not FCM). Until that exists, iOS falls back to the regular
+ *    data push and the in-app ring screen.
+ */
+
+let cachedCallKeep;
+const loadCallKeep = () => {
+  if (cachedCallKeep !== undefined) {
+    return cachedCallKeep;
+  }
+  try {
+    // The JS package being installed does NOT mean the native side is
+    // linked: a host can `npm i react-native-callkeep` and skip
+    // `pod install`, or (very common in this repo) node_modules can carry
+    // it over from another branch whose build did link it. In that state
+    // requiring the package builds a `new NativeEventEmitter(null)` at
+    // module scope, which throws an invariant that RN surfaces as an
+    // uncaught redbox on every render of the call overlay — the whole app
+    // becomes unusable over a feature the host never switched on.
+    // Probing NativeModules first keeps the optional dependency genuinely
+    // optional: no native module => behave exactly as if it isn't installed.
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const {
+      NativeModules
+    } = require('react-native');
+    if (!NativeModules?.RNCallKeep) {
+      cachedCallKeep = null;
+      return cachedCallKeep;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const mod = require('react-native-callkeep');
+    cachedCallKeep = mod?.default || mod;
+  } catch {
+    cachedCallKeep = null;
+  }
+  return cachedCallKeep;
+};
+
+// CallKeep identifies calls by UUID. Our callIds aren't UUIDs, so derive a
+// stable v4-shaped string from the callId: same call always maps to the
+// same UUID, which is what endCall() needs to dismiss the right screen.
+exports.loadCallKeep = loadCallKeep;
+const toUuid = seed => {
+  let hash = 0x811c9dc5;
+  const bytes = [];
+  for (let i = 0; i < 32; i++) {
+    const ch = seed.charCodeAt(i % Math.max(1, seed.length)) + i;
+    hash ^= ch;
+    hash = Math.imul(hash, 0x01000193) >>> 0;
+    bytes.push(hash & 0xff);
+  }
+  const hex = bytes.map(b => b.toString(16).padStart(2, '0')).join('');
+  return [hex.slice(0, 8), hex.slice(8, 12), '4' + hex.slice(13, 16), (parseInt(hex[16], 16) & 0x3 | 0x8).toString(16) + hex.slice(17, 20), hex.slice(20, 32)].join('-');
+};
+const useCallKeep = () => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const call = (0, _reactRedux.useSelector)(state => state.call);
+  const callKeep = (0, _react.useMemo)(() => loadCallKeep(), []);
+  const activeUuidRef = (0, _react.useRef)(null);
+  const readyRef = (0, _react.useRef)(false);
+
+  // One-time native setup.
+  (0, _react.useEffect)(() => {
+    if (!callKeep) {
+      return;
+    }
+    let cancelled = false;
+    (async () => {
+      try {
+        await callKeep.setup({
+          ios: {
+            appName: 'Ethora',
+            supportsVideo: true
+          },
+          android: {
+            alertTitle: 'Permissions required',
+            alertDescription: 'This application needs to access your phone accounts to show incoming calls',
+            cancelButton: 'Cancel',
+            okButton: 'ok',
+            additionalPermissions: [],
+            foregroundService: {
+              channelId: 'com.ethora.chat.calls',
+              channelName: 'Incoming calls',
+              notificationTitle: 'Call in progress'
+            }
+          }
+        });
+        if (cancelled) {
+          return;
+        }
+        callKeep.setAvailable?.(true);
+        readyRef.current = true;
+      } catch {
+        // Host didn't grant phone-account permission, or the module isn't
+        // linked. The in-app ring screen still works, so stay quiet.
+        readyRef.current = false;
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [callKeep]);
+
+  // Bridge native answer/end actions back into Redux.
+  (0, _react.useEffect)(() => {
+    if (!callKeep) {
+      return;
+    }
+    const onAnswer = () => {
+      // The user answered from the system screen, which on Android may
+      // mean the app was not even in the foreground.
+      callKeep.backToForeground?.();
+      if (_roomStore.store.getState().call.direction === 'incoming') {
+        dispatch((0, _callSlice.acceptIncomingCall)());
+      }
+    };
+    const onEnd = () => {
+      const snapshot = _roomStore.store.getState().call;
+      if (snapshot.phase === 'idle') {
+        return;
+      }
+      if (snapshot.direction === 'incoming' && snapshot.phase === 'ringing-incoming') {
+        (0, _callTokenStanza.sendCallStateSignal)('declined');
+        dispatch((0, _callSlice.declineIncomingCall)());
+      }
+    };
+    callKeep.addEventListener('answerCall', onAnswer);
+    callKeep.addEventListener('endCall', onEnd);
+    return () => {
+      callKeep.removeEventListener('answerCall');
+      callKeep.removeEventListener('endCall');
+    };
+  }, [callKeep, dispatch]);
+
+  // Show / dismiss the native screen as the call state changes.
+  (0, _react.useEffect)(() => {
+    if (!callKeep || !readyRef.current) {
+      return;
+    }
+    const isRinging = call.direction === 'incoming' && call.phase === 'ringing-incoming';
+    if (isRinging && !activeUuidRef.current) {
+      const uuid = toUuid(call.callId || call.roomJid || String(Date.now()));
+      activeUuidRef.current = uuid;
+      try {
+        callKeep.displayIncomingCall(uuid, call.peerXmppUsername || call.roomName || 'Ethora', call.roomName || undefined, 'generic', call.kind === 'video');
+      } catch {
+        activeUuidRef.current = null;
+      }
+      return;
+    }
+
+    // Any exit from ringing (answered in-app, declined, peer cancelled)
+    // must tear the system screen down or it hangs around ringing.
+    if (!isRinging && activeUuidRef.current && call.phase !== 'connecting' && call.phase !== 'in-call') {
+      try {
+        callKeep.endCall(activeUuidRef.current);
+      } catch {
+        // Screen already gone.
+      }
+      activeUuidRef.current = null;
+    }
+    if (call.phase === 'idle' && activeUuidRef.current) {
+      try {
+        callKeep.endCall(activeUuidRef.current);
+      } catch {
+        // noop
+      }
+      activeUuidRef.current = null;
+    }
+  }, [callKeep, call.direction, call.phase, call.callId, call.roomJid, call.roomName, call.peerXmppUsername, call.kind]);
+
+  // Nothing to clean up on unmount beyond the active screen: this hook
+  // lives for the lifetime of the provider.
+  (0, _react.useEffect)(() => () => {
+    if (callKeep && activeUuidRef.current) {
+      try {
+        callKeep.endCall(activeUuidRef.current);
+      } catch {
+        // noop
+      }
+    }
+  }, [callKeep]);
+
+  // iOS-only note kept as a runtime no-op so the import isn't unused when
+  // the platform check is tree-shaken in release builds.
+  void _reactNative.Platform.OS;
+};
+exports.useCallKeep = useCallKeep;
+//# sourceMappingURL=useCallKeep.js.map

package/lib/commonjs/components/VideoCalls/useCallKeep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactRedux","_roomStore","_callSlice","_callTokenStanza","cachedCallKeep","loadCallKeep","undefined","NativeModules","RNCallKeep","mod","default","exports","toUuid","seed","hash","bytes","i","ch","charCodeAt","Math","max","length","imul","push","hex","map","b","toString","padStart","join","slice","parseInt","useCallKeep","dispatch","useDispatch","call","useSelector","state","callKeep","useMemo","activeUuidRef","useRef","readyRef","useEffect","cancelled","setup","ios","appName","supportsVideo","android","alertTitle","alertDescription","cancelButton","okButton","additionalPermissions","foregroundService","channelId","channelName","notificationTitle","setAvailable","current","onAnswer","backToForeground","store","getState","direction","acceptIncomingCall","onEnd","snapshot","phase","sendCallStateSignal","declineIncomingCall","addEventListener","removeEventListener","isRinging","uuid","callId","roomJid","String","Date","now","displayIncomingCall","peerXmppUsername","roomName","kind","endCall","Platform","OS"],"sourceRoot":"../../../../src","sources":["components/VideoCalls/useCallKeep.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/styled/AudioMessage.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _expoAv = require("expo-av");
+var _expoAudio = require("expo-audio");
 var FileSystem = _interopRequireWildcard(require("expo-file-system/legacy"));
 var _reactNativeWebview = require("react-native-webview");
 var _icons = require("../../assets/icons");
@@ -129,11 +129,11 @@ const getContainerExtension = container => {
   }
 };
 
-// AVFoundation (expo-av) and the iOS WKWebView <audio> element cannot
+// AVFoundation (expo-audio) and the iOS WKWebView <audio> element cannot
 // demux/decode WebM or Ogg Opus — only `AudioContext.decodeAudioData` can
 // on iOS. So on iOS those two containers go through the WebView decoder.
 // Everything else (mp3/m4a/aac/wav), and ALL of Android (ExoPlayer handles
-// Opus natively), plays straight through expo-av.
+// Opus natively), plays straight through expo-audio.
 const requiresWebAudioDecode = container => _reactNative.Platform.OS === 'ios' && (container === 'webm' || container === 'ogg');
 
 // The WebView is used ONLY as a decoder, never as a player. Two iOS facts
@@ -145,7 +145,7 @@ const requiresWebAudioDecode = container => _reactNative.Platform.OS === 'ios' &
 //     cannot supply, so both hang silently.
 // Therefore the page decodes Opus → PCM, re-encodes to a WAV blob, and ships
 // the bytes back to RN as base64. RN writes the WAV to cache and plays it
-// through expo-av (native, no gesture limits, real play/pause/seek).
+// through expo-audio (native, no gesture limits, real play/pause/seek).
 const WEB_DECODER_HTML = `<!doctype html>
 <html>
   <head>
@@ -248,6 +248,10 @@ const AudioMessage = ({
     config
   } = (0, _useChatSettingState.useChatSettingState)();
   const soundRef = (0, _react.useRef)(null);
+  // expo-audio delivers progress through an event subscription instead of
+  // expo-av's `onPlaybackStatusUpdate` callback argument, so the handle has
+  // to be held and removed alongside the player itself.
+  const statusSubRef = (0, _react.useRef)(null);
   const webViewRef = (0, _react.useRef)(null);
   const preparedRef = (0, _react.useRef)(null);
   const bridgeReadyRef = (0, _react.useRef)(false);
@@ -268,6 +272,29 @@ const AudioMessage = ({
       loadingTimerRef.current = null;
     }
   };
+
+  // expo-audio players are native shared objects: they are NOT garbage
+  // collected with the component, so every one we create has to be
+  // explicitly `remove()`d (expo-av's `unloadAsync` equivalent) and its
+  // status subscription torn down first.
+  const releasePlayer = () => {
+    statusSubRef.current?.remove();
+    statusSubRef.current = null;
+    const player = soundRef.current;
+    soundRef.current = null;
+    if (player) {
+      try {
+        player.pause();
+      } catch {
+        /* already released */
+      }
+      try {
+        player.remove();
+      } catch {
+        /* already released */
+      }
+    }
+  };
   const fail = reason => {
     clearLoadingGuard();
     if (unmountedRef.current) {
@@ -290,7 +317,7 @@ const AudioMessage = ({
   };
 
   // Hard ceiling on the loading spinner — whatever stalls (a hung network
-  // request, a WebView that never decodes, expo-av wedging on a bad file)
+  // request, a WebView that never decodes, a player that never loads)
   // the control resolves to an error state instead of spinning forever
   // (the customer-reported "stuck spinner").
   const armLoadingGuard = () => {
@@ -402,49 +429,72 @@ const AudioMessage = ({
       webViewRef.current.injectJavaScript(`window.__decodeAudio(${JSON.stringify(base64)}); true;`);
     }
   };
+
+  // expo-audio reports times in SECONDS (expo-av used milliseconds); the
+  // whole UI below is millisecond-based, so convert at this boundary and
+  // nowhere else.
   const onPlaybackStatusUpdate = status => {
     if (!status.isLoaded) {
-      if (status.error) {
-        logAudioDebug('playback status error', {
-          src,
-          error: status.error
-        });
-      }
       return;
     }
-    setPosition(status.positionMillis);
-    setDuration(status.durationMillis ?? 0);
-    setIsPlaying(status.isPlaying);
+    setPosition(Math.max(0, status.currentTime * 1000));
+    setDuration(status.duration > 0 ? status.duration * 1000 : 0);
+    setIsPlaying(status.playing);
     if (status.didJustFinish) {
       didFinishRef.current = true;
       setIsPlaying(false);
       setPosition(0);
-      void soundRef.current?.setStatusAsync({
-        shouldPlay: false,
-        positionMillis: 0
-      });
+      const player = soundRef.current;
+      if (player) {
+        player.pause();
+        void player.seekTo(0);
+      }
     }
   };
   const startNativePlayback = async localUri => {
     try {
-      await _expoAv.Audio.setAudioModeAsync({
-        playsInSilentModeIOS: true
+      await (0, _expoAudio.setAudioModeAsync)({
+        playsInSilentMode: true
       });
     } catch {
       /* non-fatal — still plays through the ringer channel */
     }
-    const {
-      sound
-    } = await withTimeout(_expoAv.Audio.Sound.createAsync({
+    // expo-audio has no awaitable `createAsync`: the player is constructed
+    // synchronously and loads in the background, reporting `isLoaded` via
+    // the status event. Wait for that first loaded status (same 12s budget
+    // expo-av's createAsync had) so the spinner still resolves to either
+    // real playback or the error state, never to a silent dead button.
+    const player = (0, _expoAudio.createAudioPlayer)({
       uri: localUri
     }, {
-      shouldPlay: true
-    }, onPlaybackStatusUpdate), 12000, 'audio_create_timeout');
+      updateInterval: 250
+    });
+    let settleLoaded = null;
+    const loaded = new Promise(resolve => {
+      settleLoaded = resolve;
+    });
+    const subscription = player.addListener('playbackStatusUpdate', status => {
+      if (status.isLoaded && settleLoaded) {
+        settleLoaded();
+        settleLoaded = null;
+      }
+      onPlaybackStatusUpdate(status);
+    });
+    try {
+      await withTimeout(loaded, 12000, 'audio_create_timeout');
+    } catch (error) {
+      subscription.remove();
+      player.remove();
+      throw error;
+    }
     if (unmountedRef.current) {
-      void sound.unloadAsync();
+      subscription.remove();
+      player.remove();
       return;
     }
-    soundRef.current = sound;
+    soundRef.current = player;
+    statusSubRef.current = subscription;
+    player.play();
     clearLoadingGuard();
     setIsLoading(false);
     setPlaybackError(false);
@@ -514,14 +564,21 @@ const AudioMessage = ({
     // decoded-WAV from the WebView path) → plain toggle.
     if (soundRef.current) {
       try {
+        // `play()` / `pause()` emit NO status event of their own (expo-av's
+        // playAsync/pauseAsync resolved with one). Playing state only ever
+        // reaches us through the periodic time observer, and that observer
+        // stops while paused — so without setting this here the button
+        // would latch on "pause" forever and never resume.
         if (isPlaying) {
-          await soundRef.current.pauseAsync();
+          soundRef.current.pause();
+          setIsPlaying(false);
         } else {
           if (didFinishRef.current) {
-            await soundRef.current.setPositionAsync(0);
+            await soundRef.current.seekTo(0);
             didFinishRef.current = false;
           }
-          await soundRef.current.playAsync();
+          soundRef.current.play();
+          setIsPlaying(true);
         }
       } catch (error) {
         fail(error);
@@ -557,7 +614,7 @@ const AudioMessage = ({
     return () => {
       unmountedRef.current = true;
       clearLoadingGuard();
-      soundRef.current?.unloadAsync();
+      releasePlayer();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -565,8 +622,7 @@ const AudioMessage = ({
   // Full reset whenever the source changes (component reused for a new
   // message / re-render with a different src).
   (0, _react.useEffect)(() => {
-    soundRef.current?.unloadAsync();
-    soundRef.current = null;
+    releasePlayer();
     preparedRef.current = null;
     bridgeReadyRef.current = false;
     injectedRef.current = false;
@@ -604,6 +660,8 @@ const AudioMessage = ({
     }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.container,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        testID: "audio-play-button",
+        accessibilityLabel: "audio-play-button",
         style: [styles.playButton, {
           backgroundColor: primaryColor
         }],