@elevenlabs/react-native 0.2.1 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevenlabs/react-native",
-  "version": "0.2.1",
+  "version": "0.3.1",
   "description": "ElevenLabs React Native SDK for Conversational AI",
   "main": "./dist/lib.js",
   "module": "./dist/lib.module.js",
@@ -51,13 +51,13 @@
   },
   "scripts": {
     "generate-version": "printf \"// This file is auto-generated during build\\nexport const PACKAGE_VERSION = \\\"%s\\\";\\n\" \"$npm_package_version\" > src/version.ts",
-    "prebuild": "npm run generate-version",
+    "prebuild": "pnpm run generate-version",
     "build": "BROWSERSLIST_ENV=modern microbundle --jsx React.createElement --jsxFragment React.Fragment --jsxImportSource react src/index.ts",
     "clean": "rm -rf ./dist",
-    "dev": "npm run clean && npm run generate-version && BROWSERSLIST_ENV=modern microbundle --jsx React.createElement --jsxFragment React.Fragment --jsxImportSource react src/index.ts -w --no-compress",
-    "lint": "npm run lint:ts && npm run lint:es && npm run lint:prettier",
+    "dev": "pnpm run clean && pnpm run generate-version && BROWSERSLIST_ENV=modern microbundle --jsx React.createElement --jsxFragment React.Fragment --jsxImportSource react src/index.ts -w --no-compress",
+    "lint": "pnpm run lint:ts && pnpm run lint:es && pnpm run lint:prettier",
     "lint:ts": "tsc --noEmit --skipLibCheck",
-    "lint:es": "npx eslint .",
+    "lint:es": "pnpm exec eslint .",
     "lint:prettier": "prettier 'src/**/*.ts' --check",
     "test": "jest"
   }

package/src/ElevenLabsProvider.tsx

@@ -29,6 +29,7 @@ export interface Conversation {
   sendContextualUpdate: (text: string) => void;
   sendUserMessage: (text: string) => void;
   sendUserActivity: () => void;
+  setMicMuted: (muted: boolean) => void;
 }
 
 interface ElevenLabsContextType {
@@ -120,6 +121,7 @@ export const ElevenLabsProvider: React.FC<ElevenLabsProviderProps> = ({ children
     overrides,
     customLlmExtraBody,
     dynamicVariables,
+    userId,
   } = useConversationSession(callbacksRef, setStatus, setConnect, setToken, setConversationId, tokenFetchUrl);
 
   const {
@@ -187,6 +189,12 @@ export const ElevenLabsProvider: React.FC<ElevenLabsProviderProps> = ({ children
 
   const getId = () => conversationId;
 
+  const setMicMuted = React.useCallback((muted: boolean) => {
+    if (localParticipant) {
+      localParticipant.setMicrophoneEnabled(!muted);
+    }
+  }, [localParticipant]);
+
   // Update current event ID for feedback tracking
   const updateCurrentEventId = React.useCallback((eventId: number) => {
     currentEventIdRef.current = eventId;
@@ -202,10 +210,11 @@ export const ElevenLabsProvider: React.FC<ElevenLabsProviderProps> = ({ children
         overrides,
         customLlmExtraBody,
         dynamicVariables,
+        userId,
       });
       sendMessage(overridesEvent);
     }
-  }, [handleParticipantReady, localParticipant, overrides, customLlmExtraBody, dynamicVariables, sendMessage]);
+  }, [handleParticipantReady, localParticipant, overrides, customLlmExtraBody, dynamicVariables, userId, sendMessage]);
 
   const conversation: Conversation = {
     startSession,
@@ -215,6 +224,7 @@ export const ElevenLabsProvider: React.FC<ElevenLabsProviderProps> = ({ children
     // setVolume,
     canSendFeedback,
     getId,
+    setMicMuted,
     sendFeedback,
     sendContextualUpdate: (text: string) => {
       sendMessage({

package/src/hooks/useConversationSession.ts

@@ -25,6 +25,7 @@ export const useConversationSession = (
   const [dynamicVariables, setDynamicVariables] = useState<
     ConversationConfig["dynamicVariables"]
   >({});
+  const [userId, setUserId] = useState<ConversationConfig["userId"]>(undefined);
 
   const startSession = useCallback(
     async (config: ConversationConfig) => {
@@ -35,6 +36,7 @@ export const useConversationSession = (
         setOverrides(config.overrides || {});
         setCustomLlmExtraBody(config.customLlmExtraBody || null);
         setDynamicVariables(config.dynamicVariables || {});
+        setUserId(config.userId);
 
         let conversationToken: string;
 
@@ -97,5 +99,6 @@ export const useConversationSession = (
     overrides,
     customLlmExtraBody,
     dynamicVariables,
+    userId,
   };
 };

package/src/types.ts

@@ -134,6 +134,7 @@ export type AgentResponseCorrectionEvent = {
     corrected_agent_response: string;
   };
 };
+
 export type AgentAudioEvent = {
   type: "audio";
   audio_event: {
@@ -225,6 +226,13 @@ export type MCPToolApprovalResultEvent = {
   is_approved: boolean;
 };
 
+export type VadScoreEvent = {
+  type: "vad_score";
+  vad_score_event: {
+    vad_score: number;
+  };
+};
+
 export type InitiationClientDataEvent = {
   type: "conversation_initiation_client_data";
   conversation_config_override?: {
@@ -251,6 +259,49 @@ export type InitiationClientDataEvent = {
   user_id?: string;
 };
 
+interface BaseMCPToolCallClientEventData {
+  service_id: string;
+  tool_call_id: string;
+  tool_name: string;
+  tool_description?: string;
+  parameters: Record<string, any>;
+  timestamp: string; // ISO string format
+}
+
+interface MCPToolCallClientEventLoadingData
+  extends BaseMCPToolCallClientEventData {
+  state: "loading";
+}
+
+interface MCPToolCallClientEventAwaitingApprovalData
+  extends BaseMCPToolCallClientEventData {
+  state: "awaiting_approval";
+  approval_timeout_secs: number;
+}
+
+interface MCPToolCallClientEventSuccessData
+  extends BaseMCPToolCallClientEventData {
+  state: "success";
+  result: any[];
+}
+
+interface MCPToolCallClientEventFailureData
+  extends BaseMCPToolCallClientEventData {
+  state: "failure";
+  error_message: string;
+}
+
+type MCPToolCallClientEventData =
+  | MCPToolCallClientEventLoadingData
+  | MCPToolCallClientEventAwaitingApprovalData
+  | MCPToolCallClientEventSuccessData
+  | MCPToolCallClientEventFailureData;
+
+export type MCPToolCallClientEvent = {
+  type: "mcp_tool_call";
+  mcp_tool_call: MCPToolCallClientEventData;
+};
+
 export type ConversationEvent =
   | UserTranscriptionEvent
   | AgentResponseEvent
@@ -260,4 +311,6 @@ export type ConversationEvent =
   | InternalTentativeAgentResponseEvent
   | ConfigEvent
   | PingEvent
-  | ClientToolCallEvent;
+  | ClientToolCallEvent
+  | VadScoreEvent
+  | MCPToolCallClientEvent;

package/src/utils/overrides.ts

@@ -37,7 +37,7 @@ export function constructOverrides(
   }
 
   if (config.userId) {
-    overridesEvent.user_id = config.userId;
+    overridesEvent.user_id = String(config.userId);
   }
 
   return overridesEvent;

package/src/version.ts

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