@elevenlabs/react-native 0.1.0 → 0.1.2

package/src/ElevenLabsProvider.tsx

@@ -13,6 +13,7 @@ import { LiveKitRoomWrapper } from './components/LiveKitRoomWrapper';
 
 interface ConversationOptions extends Callbacks, Partial<ClientToolsConfig> {
   serverUrl?: string;
+  tokenFetchUrl?: string;
 }
 
 interface Conversation {
@@ -33,9 +34,11 @@ interface ElevenLabsContextType {
   conversation: Conversation;
   callbacksRef: { current: Callbacks };
   serverUrl: string;
+  tokenFetchUrl?: string;
   clientTools: ClientToolsConfig['clientTools'];
   setCallbacks: (callbacks: Callbacks) => void;
   setServerUrl: (url: string) => void;
+  setTokenFetchUrl: (url: string) => void;
   setClientTools: (tools: ClientToolsConfig['clientTools']) => void;
 }
 
@@ -47,7 +50,7 @@ export const useConversation = (options: ConversationOptions = {}): Conversation
     throw new Error('useConversation must be used within ElevenLabsProvider');
   }
 
-  const { serverUrl, clientTools, ...callbacks } = options;
+  const { serverUrl, tokenFetchUrl, clientTools, ...callbacks } = options;
 
   React.useEffect(() => {
     if (serverUrl) {
@@ -55,6 +58,12 @@ export const useConversation = (options: ConversationOptions = {}): Conversation
     }
   }, [context, serverUrl]);
 
+  React.useEffect(() => {
+    if (tokenFetchUrl) {
+      context.setTokenFetchUrl(tokenFetchUrl);
+    }
+  }, [context, tokenFetchUrl]);
+
   if (clientTools) {
     context.setClientTools(clientTools);
   }
@@ -77,6 +86,7 @@ export const ElevenLabsProvider: React.FC<ElevenLabsProviderProps> = ({ children
   const [connect, setConnect] = useState(false);
   const [status, setStatus] = useState<ConversationStatus>('disconnected');
   const [serverUrl, setServerUrl] = useState(DEFAULT_SERVER_URL);
+  const [tokenFetchUrl, setTokenFetchUrl] = useState<string | undefined>(undefined);
   const [roomId, setRoomId] = useState<string>('');
   const [isSpeaking, setIsSpeaking] = useState(false);
   const [canSendFeedback, setCanSendFeedback] = useState(false);
@@ -109,7 +119,7 @@ export const ElevenLabsProvider: React.FC<ElevenLabsProviderProps> = ({ children
     overrides,
     customLlmExtraBody,
     dynamicVariables,
-  } = useConversationSession(callbacksRef, setStatus, setConnect, setToken, setRoomId);
+  } = useConversationSession(callbacksRef, setStatus, setConnect, setToken, setRoomId, tokenFetchUrl);
 
   const {
     roomConnected,
@@ -230,9 +240,11 @@ export const ElevenLabsProvider: React.FC<ElevenLabsProviderProps> = ({ children
     conversation,
     callbacksRef,
     serverUrl,
+    tokenFetchUrl,
     clientTools: clientToolsRef.current,
     setCallbacks,
     setServerUrl,
+    setTokenFetchUrl: setTokenFetchUrl,
     setClientTools,
   };
 

package/src/hooks/useConversationSession.ts

@@ -14,7 +14,8 @@ export const useConversationSession = (
   setStatus: (status: ConversationStatus) => void,
   setConnect: (connect: boolean) => void,
   setToken: (token: string) => void,
-  setRoomId: (roomId: string) => void
+  setRoomId: (roomId: string) => void,
+  tokenFetchUrl?: string
 ) => {
   const [overrides, setOverrides] = useState<ConversationConfig["overrides"]>(
     {}
@@ -44,7 +45,12 @@ export const useConversationSession = (
             "Getting conversation token for agentId:",
             config.agentId
           );
-          conversationToken = await getConversationToken(config.agentId);
+          // Use tokenFetchUrl from config first, then from hook parameter, then default
+          const urlToUse = config.tokenFetchUrl || tokenFetchUrl;
+          conversationToken = await getConversationToken(
+            config.agentId,
+            urlToUse
+          );
         } else {
           throw new Error("Either conversationToken or agentId is required");
         }
@@ -62,7 +68,7 @@ export const useConversationSession = (
         throw error;
       }
     },
-    [callbacksRef, setStatus, setConnect, setToken, setRoomId]
+    [callbacksRef, setStatus, setConnect, setToken, setRoomId, tokenFetchUrl]
   );
 
   const endSession = useCallback(async () => {

package/src/index.ts

@@ -6,4 +6,5 @@ export type {
   Role,
   Callbacks,
   ConversationOptions,
+  ConversationConfig,
 } from "./types";

package/src/types.ts

@@ -74,6 +74,7 @@ export type ClientToolsConfig = {
  */
 export type ConversationOptions = {
   serverUrl?: string;
+  tokenFetchUrl?: string;
   clientTools?: Record<
     string,
     (
@@ -101,6 +102,7 @@ export type Callbacks = {
 export type ConversationConfig = {
   agentId?: string;
   conversationToken?: string;
+  tokenFetchUrl?: string;
   overrides?: {
     agent?: {
       prompt?: {
@@ -122,6 +124,7 @@ export type ConversationConfig = {
   };
   customLlmExtraBody?: unknown;
   dynamicVariables?: Record<string, string | number | boolean>;
+  userId?: string;
 };
 
 export type InitiationClientDataEvent = {
@@ -140,11 +143,12 @@ export type InitiationClientDataEvent = {
     conversation?: {
       text_only?: boolean;
     };
-    client?: {
-      source?: string;
-      version?: string;
+    source_info?: {
+      source?: string | null;
+      version?: string | null;
     };
   };
   custom_llm_extra_body?: unknown;
   dynamic_variables?: Record<string, string | number | boolean>;
+  user_id?: string;
 };

package/src/utils/overrides.ts

@@ -21,8 +21,8 @@ export function constructOverrides(
       conversation: {
         text_only: config.overrides.conversation?.textOnly,
       },
-      client: {
-        source: config.overrides?.client?.source || "react_native_sdk",
+      source_info: {
+        source: "react_native_sdk",
         version: config.overrides?.client?.version || PACKAGE_VERSION,
       },
     };
@@ -36,5 +36,9 @@ export function constructOverrides(
     overridesEvent.dynamic_variables = config.dynamicVariables;
   }
 
+  if (config.userId) {
+    overridesEvent.user_id = config.userId;
+  }
+
   return overridesEvent;
 }

package/src/utils/tokenUtils.ts

@@ -11,10 +11,13 @@ export const extractRoomIdFromToken = (token: string): string => {
 };
 
 export const getConversationToken = async (
-  agentId: string
+  agentId: string,
+  tokenFetchUrl?: string
 ): Promise<string> => {
+  const baseUrl =
+    tokenFetchUrl || "https://api.elevenlabs.io/v1/convai/conversation/token";
   const response = await fetch(
-    `https://api.elevenlabs.io/v1/convai/conversation/token?agent_id=${agentId}&source=react_native_sdk&version=${PACKAGE_VERSION}`
+    `${baseUrl}?agent_id=${agentId}&source=react_native_sdk&version=${PACKAGE_VERSION}`
   );
 
   const data = await response.json();

package/src/version.ts

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