@elevenlabs/react-native 0.2.0 → 0.2.1

package/src/hooks/useConversationSession.ts

@@ -6,7 +6,7 @@ import type {
 } from "../types";
 import {
   getConversationToken,
-  extractRoomIdFromToken,
+  extractConversationIdFromToken,
 } from "../utils/tokenUtils";
 
 export const useConversationSession = (
@@ -14,7 +14,7 @@ export const useConversationSession = (
   setStatus: (status: ConversationStatus) => void,
   setConnect: (connect: boolean) => void,
   setToken: (token: string) => void,
-  setRoomId: (roomId: string) => void,
+  setConversationId: (conversationId: string) => void,
   tokenFetchUrl?: string
 ) => {
   const [overrides, setOverrides] = useState<ConversationConfig["overrides"]>(
@@ -55,9 +55,9 @@ export const useConversationSession = (
           throw new Error("Either conversationToken or agentId is required");
         }
 
-        // Extract room ID from token
-        const extractedRoomId = extractRoomIdFromToken(conversationToken);
-        setRoomId(extractedRoomId);
+        const extractedConversationId =
+          extractConversationIdFromToken(conversationToken);
+        setConversationId(extractedConversationId);
 
         setToken(conversationToken);
         setConnect(true);
@@ -68,7 +68,14 @@ export const useConversationSession = (
         throw error;
       }
     },
-    [callbacksRef, setStatus, setConnect, setToken, setRoomId, tokenFetchUrl]
+    [
+      callbacksRef,
+      setStatus,
+      setConnect,
+      setToken,
+      setConversationId,
+      tokenFetchUrl,
+    ]
   );
 
   const endSession = useCallback(async () => {

package/src/hooks/useLiveKitRoom.ts

@@ -6,7 +6,7 @@ import type { ConversationStatus, Callbacks } from "../types";
 export const useLiveKitRoom = (
   callbacksRef: { current: Callbacks },
   setStatus: (status: ConversationStatus) => void,
-  roomId: string
+  conversationId: string
 ) => {
   const [roomConnected, setRoomConnected] = useState(false);
   const [localParticipant, setLocalParticipant] =
@@ -33,8 +33,8 @@ export const useLiveKitRoom = (
   const handleConnected = useCallback(() => {
     setRoomConnected(true);
     setStatus("connected");
-    callbacksRef.current.onConnect?.({ conversationId: roomId });
-  }, [roomId, callbacksRef, setStatus]);
+    callbacksRef.current.onConnect?.({ conversationId });
+  }, [conversationId, callbacksRef, setStatus]);
 
   const handleDisconnected = useCallback(() => {
     setRoomConnected(false);

package/src/utils/tokenUtils.ts

@@ -1,11 +1,13 @@
 import { PACKAGE_VERSION } from "../version";
 
-export const extractRoomIdFromToken = (token: string): string => {
+export const extractConversationIdFromToken = (token: string): string => {
   try {
     const tokenPayload = JSON.parse(atob(token.split(".")[1]));
-    return tokenPayload.video?.room || "";
+    const roomId = tokenPayload.video?.room || "";
+
+    return roomId.match(/(conv_[a-zA-Z0-9]+)/)?.[0] || "";
   } catch (error) {
-    console.warn("Could not extract room ID from token");
+    console.warn("Could not extract conversation ID from token");
     return "";
   }
 };

package/src/version.ts

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