@elevenlabs/react-native 0.4.1 → 0.4.3

package/src/ElevenLabsProvider.tsx

@@ -205,16 +205,24 @@ export const ElevenLabsProvider: React.FC<ElevenLabsProviderProps> = ({ children
   const handleParticipantReadyWithOverrides = React.useCallback((participant: LocalParticipant) => {
     handleParticipantReady(participant);
 
-    if (localParticipant) {
-      const overridesEvent = constructOverrides({
-        overrides,
-        customLlmExtraBody,
-        dynamicVariables,
-        userId,
-      });
-      sendMessage(overridesEvent);
+    const overridesEvent = constructOverrides({
+      overrides,
+      customLlmExtraBody,
+      dynamicVariables,
+      userId,
+    });
+
+    if (overridesEvent) {
+      try {
+        const encoder = new TextEncoder();
+        const data = encoder.encode(JSON.stringify(overridesEvent));
+        participant.publishData(data, { reliable: true });
+      } catch (error) {
+        console.error("Failed to send overrides:", error);
+        callbacksRef.current.onError?.(error as string);
+      }
     }
-  }, [handleParticipantReady, localParticipant, overrides, customLlmExtraBody, dynamicVariables, userId, sendMessage]);
+  }, [handleParticipantReady, overrides, customLlmExtraBody, dynamicVariables, userId, callbacksRef]);
 
   const conversation: Conversation = {
     startSession,

package/src/components/LiveKitRoomWrapper.tsx

@@ -46,11 +46,6 @@ export const LiveKitRoomWrapper = ({
       options={{
         adaptiveStream: { pixelDensity: 'screen' },
       }}
-      connectOptions={{
-        rtcConfig: {
-          iceTransportPolicy: 'relay',
-        },
-      }}
       onConnected={onConnected}
       onDisconnected={onDisconnected}
       onError={onError}

package/src/hooks/useLiveKitRoom.ts

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback } from "react";
+import { useState, useEffect, useCallback, useRef } from "react";
 import { AudioSession } from "@livekit/react-native";
 import type { LocalParticipant } from "livekit-client";
 import type { ConversationStatus, Callbacks } from "../types";
@@ -11,6 +11,7 @@ export const useLiveKitRoom = (
   const [roomConnected, setRoomConnected] = useState(false);
   const [localParticipant, setLocalParticipant] =
     useState<LocalParticipant | null>(null);
+  const hasCalledOnConnectRef = useRef(false);
 
   useEffect(() => {
     const start = async () => {
@@ -23,23 +24,35 @@ export const useLiveKitRoom = (
     };
   }, []);
 
+  // Fire onConnect when both participant and room are fully ready
+  useEffect(() => {
+    if (localParticipant && roomConnected && !hasCalledOnConnectRef.current) {
+      hasCalledOnConnectRef.current = true;
+      callbacksRef.current.onConnect?.({ conversationId });
+    }
+  }, [localParticipant, roomConnected, conversationId, callbacksRef]);
+
   const handleParticipantReady = useCallback(
     (participant: LocalParticipant) => {
+      if (localParticipant) {
+        return;
+      }
+
       setLocalParticipant(participant);
+      setStatus("connected");
     },
-    []
+    [localParticipant, setStatus]
   );
 
   const handleConnected = useCallback(() => {
     setRoomConnected(true);
-    setStatus("connected");
-    callbacksRef.current.onConnect?.({ conversationId });
-  }, [conversationId, callbacksRef, setStatus]);
+  }, []);
 
   const handleDisconnected = useCallback(() => {
     setRoomConnected(false);
     setStatus("disconnected");
     setLocalParticipant(null);
+    hasCalledOnConnectRef.current = false;
     callbacksRef.current.onDisconnect?.({ reason: "user" });
   }, [callbacksRef, setStatus]);
 

package/src/version.ts

@@ -1,2 +1,2 @@
 // This file is auto-generated during build
-export const PACKAGE_VERSION = "0.4.1";
+export const PACKAGE_VERSION = "0.4.3";