npm - @vox-ai/react - Versions diffs - 0.1.4 → 0.1.5 - Mend

@vox-ai/react 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/hooks/useVoxAI.d.ts CHANGED Viewed

@@ -43,7 +43,7 @@ export interface ConnectParams {
  * @param options - The options for the useVoxAI hook
  * @returns The useVoxAI hook
  * @example
- * const { connect, disconnect, state, messages } = useVoxAI({
+ * const { connect, disconnect, state, messages, send } = useVoxAI({
  *   onConnect: () => console.log("Connected"),
  *   onDisconnect: () => console.log("Disconnected"),
  *   onError: (error) => console.error("Error:", error),
@@ -55,4 +55,8 @@ export declare function useVoxAI(options?: VoxAIOptions): {
     disconnect: () => void;
     state: VoxAgentState;
     messages: VoxMessage[];
+    send: ({ message, digit }: {
+        message?: string;
+        digit?: number;
+    }) => void;
 };

package/dist/lib.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-var e=require("react/jsx-runtime"),t=require("@livekit/components-react"),n=require("livekit-client"),r=require("react"),s=require("react-dom/client");function o(e){let{port:s}=e;const{agent:o,state:a}=t.useVoiceAssistant(),i=t.useParticipantTracks([n.Track.Source.Microphone],null==o?void 0:o.identity)[0],c=t.useTrackTranscription(i),u=t.useLocalParticipant(),l=t.useTrackTranscription({publication:u.microphoneTrack,source:n.Track.Source.Microphone,participant:u.localParticipant});return r.useEffect(()=>{s&&s.postMessage({type:"state_update",state:a})},[a,s]),r.useEffect(()=>{if(s&&c.segments.length>0){const e=c.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"agent"}));s.postMessage({type:"transcription_update",transcriptions:e})}},[c.segments,s]),r.useEffect(()=>{if(s&&l.segments.length>0){const e=l.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));s.postMessage({type:"transcription_update",transcriptions:e})}},[l.segments,s]),null}exports.useVoxAI=function(n){void 0===n&&(n={});const[a,i]=r.useState(null),[c,u]=r.useState("disconnected"),[l,p]=r.useState(new Map),[d,m]=r.useState([]),f=r.useRef(""),g=r.useRef(new Set),h=r.useRef(null),v=r.useRef(null),y=r.useRef(null);r.useEffect(()=>{const e=Array.from(l.values()).sort((e,t)=>e.timestamp-t.timestamp),t=JSON.stringify(e);t!==f.current&&(f.current=t,m(e),n.onMessage&&e.filter(e=>e.isFinal&&e.id&&!g.current.has(e.id)).forEach(e=>{e.id&&(g.current.add(e.id),null==n.onMessage||n.onMessage(e))}))},[l,n.onMessage]),r.useEffect(()=>(y.current=new MessageChannel,y.current.port1.onmessage=e=>{const t=e.data;"state_update"===t.type?u(t.state):"transcription_update"===t.type&&E(t.transcriptions)},()=>{var e;null==(e=y.current)||e.port1.close()}),[]);const E=r.useCallback(e=>{p(t=>{const n=new Map(t);return e.forEach(e=>{var r;const s="agent"===e.speaker?"agent":"user",o=(null==(r=t.get(e.id))?void 0:r.timestamp)||e.timestamp;n.set(e.id,{id:e.id,name:s,message:e.text,timestamp:o,isFinal:e.isFinal})}),n})},[]);r.useEffect(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),h.current=e,v.current=s.createRoot(e),()=>{v.current&&v.current.unmount(),h.current&&document.body.removeChild(h.current)}},[]);const k=r.useCallback(function(e){let{agentId:t,apiKey:r,dynamicVariables:s,metadata:o}=e;try{return Promise.resolve(function(e,a){try{var c=(u("connecting"),Promise.resolve(fetch("https://www.tryvox.co/api/agent/sdk",{method:"POST",headers:{Authorization:"Bearer "+r,"Content-Type":"application/json"},body:JSON.stringify({agent_id:t,metadata:{call_web:{dynamic_variables:s||{},metadata:o||{}}}})})).then(function(e){function t(t){return Promise.resolve(e.json()).then(function(e){i(e),n.onConnect&&n.onConnect()})}const r=function(){if(!e.ok)return Promise.resolve(e.text()).then(function(t){throw new Error("Connection failed ("+e.status+"): "+t)})}();return r&&r.then?r.then(t):t()}))}catch(e){return a(e)}return c&&c.then?c.then(void 0,a):c}(0,function(e){i(null),p(new Map),m([]),u("disconnected");const t=e instanceof Error?e:new Error(String(e));n.onError&&n.onError(t)}))}catch(e){return Promise.reject(e)}},[n]),w=r.useCallback(()=>{i(null),p(new Map),m([]),u("disconnected"),n.onDisconnect&&n.onDisconnect()},[n]);return r.useEffect(()=>{var r;v.current&&v.current.render(a?e.jsxs(t.LiveKitRoom,{serverUrl:a.serverUrl,token:a.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:w,onError:e=>{console.error("LiveKit connection error:",e),w(),n.onError&&n.onError(new Error("LiveKit connection error: "+e.message))},children:[e.jsx(t.RoomAudioRenderer,{}),e.jsx(o,{port:null==(r=y.current)?void 0:r.port2})]}):e.jsx(e.Fragment,{}))},[a,w,n.onError]),{connect:k,disconnect:w,state:c,messages:d}};
+var e=require("react/jsx-runtime"),t=require("@livekit/components-react"),n=require("livekit-client"),r=require("react"),s=require("react-dom/client");function o(e){let{port:s}=e;const{agent:o,state:a}=t.useVoiceAssistant(),{send:i}=t.useChat(),c=t.useParticipantTracks([n.Track.Source.Microphone],null==o?void 0:o.identity)[0],u=t.useTrackTranscription(c),l=t.useLocalParticipant(),d=t.useTrackTranscription({publication:l.microphoneTrack,source:n.Track.Source.Microphone,participant:l.localParticipant});return r.useEffect(()=>{s&&s.postMessage({type:"state_update",state:a})},[a,s]),r.useEffect(()=>{if(s&&u.segments.length>0){const e=u.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"agent"}));s.postMessage({type:"transcription_update",transcriptions:e})}},[u.segments,s]),r.useEffect(()=>{if(s&&d.segments.length>0){const e=d.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));s.postMessage({type:"transcription_update",transcriptions:e})}},[d.segments,s]),r.useEffect(()=>{if(!s)return void console.error("No message port available in StateMonitor");const e=e=>{const t=e.data;"send_text"===t.type?i?i(t.text):console.error("sendChat function is not available"):"send_dtmf"===t.type&&(l.localParticipant?l.localParticipant.publishDtmf(101,t.digit):console.error("Local participant is not available for DTMF"))};return s.start(),s.addEventListener("message",e),()=>{s.removeEventListener("message",e)}},[s,i,l]),null}exports.useVoxAI=function(n){void 0===n&&(n={});const[a,i]=r.useState(null),[c,u]=r.useState("disconnected"),[l,d]=r.useState(new Map),[p,m]=r.useState([]),f=r.useRef(""),g=r.useRef(new Set),v=r.useRef(null),h=r.useRef(null),y=r.useRef(null),E=r.useRef(null);r.useEffect(()=>{const e=Array.from(l.values()).sort((e,t)=>e.timestamp-t.timestamp),t=JSON.stringify(e);t!==f.current&&(f.current=t,m(e),n.onMessage&&e.filter(e=>e.isFinal&&e.id&&!g.current.has(e.id)).forEach(e=>{e.id&&(g.current.add(e.id),null==n.onMessage||n.onMessage(e))}))},[l,n.onMessage]),r.useEffect(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;"state_update"===t.type?u(t.state):"transcription_update"===t.type&&w(t.transcriptions)},y.current=e,()=>{var e,t;null==(e=y.current)||e.port1.close(),null==(t=y.current)||t.port2.close(),y.current=null}},[]);const w=r.useCallback(e=>{d(t=>{const n=new Map(t);return e.forEach(e=>{var r;const s="agent"===e.speaker?"agent":"user",o=(null==(r=t.get(e.id))?void 0:r.timestamp)||e.timestamp;n.set(e.id,{id:e.id,name:s,message:e.text,timestamp:o,isFinal:e.isFinal})}),n})},[]);r.useEffect(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),v.current=e,h.current=s.createRoot(e),()=>{h.current&&h.current.unmount(),v.current&&document.body.removeChild(v.current)}},[]);const M=r.useCallback(function(e){let{agentId:t,apiKey:r,dynamicVariables:s,metadata:o}=e;try{return Promise.resolve(function(e,a){try{var c=(u("connecting"),Promise.resolve(fetch("https://www.tryvox.co/api/agent/sdk",{method:"POST",headers:{Authorization:"Bearer "+r,"Content-Type":"application/json"},body:JSON.stringify({agent_id:t,metadata:{call_web:{dynamic_variables:s||{},metadata:o||{}}}})})).then(function(e){function t(t){return Promise.resolve(e.json()).then(function(e){i(e),n.onConnect&&n.onConnect()})}const r=function(){if(!e.ok)return Promise.resolve(e.text()).then(function(t){throw new Error("Connection failed ("+e.status+"): "+t)})}();return r&&r.then?r.then(t):t()}))}catch(e){return a(e)}return c&&c.then?c.then(void 0,a):c}(0,function(e){i(null),d(new Map),m([]),u("disconnected");const t=e instanceof Error?e:new Error(String(e));n.onError&&n.onError(t)}))}catch(e){return Promise.reject(e)}},[n]),k=r.useCallback(()=>{i(null),d(new Map),m([]),u("disconnected"),n.onDisconnect&&n.onDisconnect()},[n]),x=r.useCallback(e=>{let{message:t,digit:n}=e;if("disconnected"!==c){if(t){const e="user-text-"+Date.now();d(n=>{const r=new Map(n);return r.set(e,{id:e,name:"user",message:t,timestamp:Date.now(),isFinal:!0}),r}),y.current?y.current.port1.postMessage({type:"send_text",text:t}):console.error("No message channel available to send message")}void 0!==n&&(y.current?y.current.port1.postMessage({type:"send_dtmf",digit:n}):console.error("No message channel available to send DTMF"))}else console.warn("Cannot send message: Not connected to a conversation")},[c]);return r.useEffect(()=>{h.current&&(a?(E.current||(E.current=e.jsxs(t.LiveKitRoom,{serverUrl:a.serverUrl,token:a.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:k,onError:e=>{console.error("LiveKit connection error:",e),k(),n.onError&&n.onError(new Error("LiveKit connection error: "+e.message))},children:[e.jsx(t.RoomAudioRenderer,{}),y.current&&e.jsx(o,{port:y.current.port2})]})),h.current.render(E.current)):(E.current=null,h.current.render(e.jsx(e.Fragment,{}))))},[a,k,n.onError]),{connect:M,disconnect:k,state:c,messages:p,send:x}};
 //# sourceMappingURL=lib.cjs.map

package/dist/lib.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lib.cjs","sources":["../src/hooks/useVoxAI.tsx"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useLocalParticipant,\n useParticipantTracks,\n useTrackTranscription,\n useVoiceAssistant,\n} from \"@livekit/components-react\";\nimport { Track } from \"livekit-client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\n\ntype VoxConnectionDetail = {\n serverUrl: string;\n roomName: string;\n participantName: string;\n participantToken: string;\n};\n\n/*\n VoxAgentState\n * @description The state of the agent\n /\nexport type VoxAgentState =\n \| \"disconnected\"\n \| \"connecting\"\n \| \"initializing\"\n \| \"listening\"\n \| \"thinking\"\n \| \"speaking\";\n\n// API endpoint\nconst HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\n\n/\n VoxMessage\n * @description The message type between the agent and the user\n /\nexport type VoxMessage = {\n id?: string;\n name: \"agent\" \| \"user\" \| \"tool\";\n message?: string;\n timestamp: number;\n isFinal?: boolean;\n};\n\n/\n VoxAIOptions\n * @description The callback functions for the useVoxAI hook\n /\nexport interface VoxAIOptions {\n onConnect?: () => void;\n onDisconnect?: () => void;\n onError?: (error: Error) => void;\n onMessage?: (message: VoxMessage) => void;\n}\n\n// Message channel event types\ntype MessageChannelEvent =\n \| { type: \"state_update\"; state: VoxAgentState }\n \| { type: \"transcription_update\"; transcriptions: TranscriptionSegment[] };\n\ntype TranscriptionSegment = {\n id: string;\n text: string;\n isFinal: boolean;\n timestamp: number;\n speaker: \"agent\" \| \"user\";\n};\n\n/\n ConnectParams\n * @param agentId - The agent ID\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n /\nexport interface ConnectParams {\n agentId: string;\n apiKey: string;\n dynamicVariables?: Record<string, any>;\n metadata?: Record<string, any>;\n}\n\n/\n useVoxAI\n * @description The hook for integrating with vox.ai voice assistant\n * @param options - The options for the useVoxAI hook\n * @returns The useVoxAI hook\n * @example\n * const { connect, disconnect, state, messages } = useVoxAI({\n * onConnect: () => console.log(\"Connected\"),\n * onDisconnect: () => console.log(\"Disconnected\"),\n * onError: (error) => console.error(\"Error:\", error),\n * onMessage: (message) => console.log(\"Message:\", message),\n * });\n /\nexport function useVoxAI(options: VoxAIOptions = {}) {\n // Connection state\n const [connectionDetail, setConnectionDetail] =\n useState<VoxConnectionDetail \| null>(null);\n const [state, setState] = useState<VoxAgentState>(\"disconnected\");\n\n // Message handling\n const [transcriptMap, setTranscriptMap] = useState<Map<string, VoxMessage>>(\n new Map()\n );\n const [messages, setMessages] = useState<VoxMessage[]>([]);\n const prevMessagesRef = useRef<string>(\"\");\n\n // Track which messages we've already sent to the onMessage callback\n const processedMessageIdsRef = useRef<Set<string>>(new Set());\n\n // DOM manipulation for LiveKit portal\n const portalRootRef = useRef<HTMLDivElement \| null>(null);\n const rootRef = useRef<Root \| null>(null);\n\n // Communication channel\n const channelRef = useRef<MessageChannel \| null>(null);\n\n // Update messages whenever transcriptMap changes\n useEffect(() => {\n const allMessages = Array.from(transcriptMap.values()).sort(\n (a, b) => a.timestamp - b.timestamp\n );\n\n // Only update if the messages have actually changed\n const messagesString = JSON.stringify(allMessages);\n if (messagesString !== prevMessagesRef.current) {\n prevMessagesRef.current = messagesString;\n setMessages(allMessages);\n\n // Only trigger onMessage for new final messages that haven't been processed yet\n if (options.onMessage) {\n allMessages\n .filter(\n (msg) =>\n msg.isFinal &&\n msg.id &&\n !processedMessageIdsRef.current.has(msg.id)\n )\n .forEach((msg) => {\n if (msg.id) {\n // Mark this message as processed\n processedMessageIdsRef.current.add(msg.id);\n // Call the callback\n options.onMessage?.(msg);\n }\n });\n }\n }\n }, [transcriptMap, options.onMessage]);\n\n // Initialize message channel\n useEffect(() => {\n channelRef.current = new MessageChannel();\n channelRef.current.port1.onmessage = (e) => {\n const data = e.data as MessageChannelEvent;\n\n if (data.type === \"state_update\") {\n setState(data.state);\n } else if (data.type === \"transcription_update\") {\n handleTranscriptionUpdate(data.transcriptions);\n }\n };\n\n return () => {\n channelRef.current?.port1.close();\n };\n }, []);\n\n // Process incoming transcriptions\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n const messageType = t.speaker === \"agent\" ? \"agent\" : \"user\";\n // Use existing timestamp if we already have this segment\n const existingTimestamp = prevMap.get(t.id)?.timestamp \|\| t.timestamp;\n\n newMap.set(t.id, {\n id: t.id,\n name: messageType,\n message: t.text,\n timestamp: existingTimestamp,\n isFinal: t.isFinal,\n });\n });\n\n return newMap;\n });\n },\n []\n );\n\n // Set up DOM portal for LiveKit\n useEffect(() => {\n const div = document.createElement(\"div\");\n div.style.display = \"none\";\n document.body.appendChild(div);\n portalRootRef.current = div;\n rootRef.current = createRoot(div);\n\n return () => {\n if (rootRef.current) {\n rootRef.current.unmount();\n }\n if (portalRootRef.current) {\n document.body.removeChild(portalRootRef.current);\n }\n };\n }, []);\n\n // Connect to VoxAI service - updated to include dynamicVariables\n const connect = useCallback(\n async ({ agentId, apiKey, dynamicVariables, metadata }: ConnectParams) => {\n try {\n setState(\"connecting\");\n\n const response = await fetch(HTTPS_API_ORIGIN, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n agent_id: agentId,\n metadata: {\n call_web: {\n dynamic_variables: dynamicVariables \|\| {},\n metadata: metadata \|\| {},\n },\n },\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Connection failed (${response.status}): ${errorText}`\n );\n }\n\n const data = await response.json();\n setConnectionDetail(data);\n\n if (options.onConnect) {\n options.onConnect();\n }\n } catch (err) {\n // Reset state on error\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n const error = err instanceof Error ? err : new Error(String(err));\n\n if (options.onError) {\n options.onError(error);\n }\n }\n },\n [options]\n );\n\n // Disconnect from VoxAI service\n const disconnect = useCallback(() => {\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n if (options.onDisconnect) {\n options.onDisconnect();\n }\n }, [options]);\n\n // Render LiveKit components when connection details are available\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n rootRef.current.render(\n <LiveKitRoom\n serverUrl={connectionDetail.serverUrl}\n token={connectionDetail.participantToken}\n audio={true}\n video={false}\n connect={true}\n onDisconnected={disconnect}\n // Add error handling for LiveKit connection\n onError={(error) => {\n console.error(\"LiveKit connection error:\", error);\n disconnect();\n if (options.onError) {\n options.onError(\n new Error(`LiveKit connection error: ${error.message}`)\n );\n }\n }}\n >\n <RoomAudioRenderer />\n <StateMonitor port={channelRef.current?.port2} />\n </LiveKitRoom>\n );\n } else {\n rootRef.current.render(<></>);\n }\n }, [connectionDetail, disconnect, options.onError]);\n\n return {\n connect,\n disconnect,\n state,\n messages,\n };\n}\n\n/\n Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({ port }: { port: MessagePort \| undefined }) {\n const { agent, state } = useVoiceAssistant();\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // User transcriptions\n const localParticipant = useLocalParticipant();\n const localMessages = useTrackTranscription({\n publication: localParticipant.microphoneTrack,\n source: Track.Source.Microphone,\n participant: localParticipant.localParticipant,\n });\n\n // Send agent state updates\n useEffect(() => {\n if (port) {\n port.postMessage({ type: \"state_update\", state });\n }\n }, [state, port]);\n\n // Send agent transcriptions\n useEffect(() => {\n if (port && agentTranscription.segments.length > 0) {\n const transcriptions = agentTranscription.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"agent\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [agentTranscription.segments, port]);\n\n // Send user transcriptions\n useEffect(() => {\n if (port && localMessages.segments.length > 0) {\n const transcriptions = localMessages.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"user\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [localMessages.segments, port]);\n\n return null;\n}\n"],"names":["StateMonitor","_ref2","port","agent","state","useVoiceAssistant","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","useEffect","postMessage","type","segments","length","transcriptions","map","segment","id","text","isFinal","final","timestamp","Date","now","speaker","options","connectionDetail","setConnectionDetail","useState","setState","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","useRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","allMessages","Array","from","values","sort","a","b","messagesString","JSON","stringify","current","onMessage","filter","msg","has","forEach","add","MessageChannel","port1","onmessage","e","data","handleTranscriptionUpdate","_channelRef$current","close","useCallback","prevMap","newMap","t","_prevMap$get","messageType","existingTimestamp","get","set","name","message","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","fetch","method","headers","Authorization","agent_id","call_web","dynamic_variables","then","response","_temp2","_result2","json","onConnect","_temp","ok","errorText","Error","status","_catch","err","error","String","onError","reject","disconnect","onDisconnect","_channelRef$current2","render","_jsxs","jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","console","_jsx","RoomAudioRenderer","port2","jsx","_Fragment","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"lib.cjs","sources":["../src/hooks/useVoxAI.tsx"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useLocalParticipant,\n useParticipantTracks,\n useTrackTranscription,\n useVoiceAssistant,\n useChat,\n} from \"@livekit/components-react\";\nimport { Track } from \"livekit-client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\n\ntype VoxConnectionDetail = {\n serverUrl: string;\n roomName: string;\n participantName: string;\n participantToken: string;\n};\n\n/*\n VoxAgentState\n * @description The state of the agent\n /\nexport type VoxAgentState =\n \| \"disconnected\"\n \| \"connecting\"\n \| \"initializing\"\n \| \"listening\"\n \| \"thinking\"\n \| \"speaking\";\n\n// API endpoint\nconst HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\n\n/\n VoxMessage\n * @description The message type between the agent and the user\n /\nexport type VoxMessage = {\n id?: string;\n name: \"agent\" \| \"user\" \| \"tool\";\n message?: string;\n timestamp: number;\n isFinal?: boolean;\n};\n\n/\n VoxAIOptions\n * @description The callback functions for the useVoxAI hook\n /\nexport interface VoxAIOptions {\n onConnect?: () => void;\n onDisconnect?: () => void;\n onError?: (error: Error) => void;\n onMessage?: (message: VoxMessage) => void;\n}\n\n// Message channel event types\ntype MessageChannelEvent =\n \| { type: \"state_update\"; state: VoxAgentState }\n \| { type: \"transcription_update\"; transcriptions: TranscriptionSegment[] };\n\ntype TranscriptionSegment = {\n id: string;\n text: string;\n isFinal: boolean;\n timestamp: number;\n speaker: \"agent\" \| \"user\";\n};\n\n/\n ConnectParams\n * @param agentId - The agent ID\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n /\nexport interface ConnectParams {\n agentId: string;\n apiKey: string;\n dynamicVariables?: Record<string, any>;\n metadata?: Record<string, any>;\n}\n\n/\n useVoxAI\n * @description The hook for integrating with vox.ai voice assistant\n * @param options - The options for the useVoxAI hook\n * @returns The useVoxAI hook\n * @example\n * const { connect, disconnect, state, messages, send } = useVoxAI({\n * onConnect: () => console.log(\"Connected\"),\n * onDisconnect: () => console.log(\"Disconnected\"),\n * onError: (error) => console.error(\"Error:\", error),\n * onMessage: (message) => console.log(\"Message:\", message),\n * });\n /\nexport function useVoxAI(options: VoxAIOptions = {}) {\n // Connection state\n const [connectionDetail, setConnectionDetail] =\n useState<VoxConnectionDetail \| null>(null);\n const [state, setState] = useState<VoxAgentState>(\"disconnected\");\n\n // Message handling\n const [transcriptMap, setTranscriptMap] = useState<Map<string, VoxMessage>>(\n new Map()\n );\n const [messages, setMessages] = useState<VoxMessage[]>([]);\n const prevMessagesRef = useRef<string>(\"\");\n\n // Track which messages we've already sent to the onMessage callback\n const processedMessageIdsRef = useRef<Set<string>>(new Set());\n\n // DOM manipulation for LiveKit portal\n const portalRootRef = useRef<HTMLDivElement \| null>(null);\n const rootRef = useRef<Root \| null>(null);\n\n // Communication channel\n const channelRef = useRef<MessageChannel \| null>(null);\n\n // Add this near the start of your useVoxAI hook\n const livekitComponentRef = useRef<React.ReactNode>(null);\n\n // Update messages whenever transcriptMap changes\n useEffect(() => {\n const allMessages = Array.from(transcriptMap.values()).sort(\n (a, b) => a.timestamp - b.timestamp\n );\n\n // Only update if the messages have actually changed\n const messagesString = JSON.stringify(allMessages);\n if (messagesString !== prevMessagesRef.current) {\n prevMessagesRef.current = messagesString;\n setMessages(allMessages);\n\n // Only trigger onMessage for new final messages that haven't been processed yet\n if (options.onMessage) {\n allMessages\n .filter(\n (msg) =>\n msg.isFinal &&\n msg.id &&\n !processedMessageIdsRef.current.has(msg.id)\n )\n .forEach((msg) => {\n if (msg.id) {\n // Mark this message as processed\n processedMessageIdsRef.current.add(msg.id);\n // Call the callback\n options.onMessage?.(msg);\n }\n });\n }\n }\n }, [transcriptMap, options.onMessage]);\n\n // Initialize message channel - ensure ports are properly connected\n useEffect(() => {\n const channel = new MessageChannel();\n\n channel.port1.onmessage = (e) => {\n const data = e.data as MessageChannelEvent;\n\n if (data.type === \"state_update\") {\n setState(data.state);\n } else if (data.type === \"transcription_update\") {\n handleTranscriptionUpdate(data.transcriptions);\n }\n };\n\n // Store the channel reference\n channelRef.current = channel;\n\n return () => {\n channelRef.current?.port1.close();\n channelRef.current?.port2.close();\n channelRef.current = null;\n };\n }, []);\n\n // Process incoming transcriptions\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n const messageType = t.speaker === \"agent\" ? \"agent\" : \"user\";\n // Use existing timestamp if we already have this segment\n const existingTimestamp = prevMap.get(t.id)?.timestamp \|\| t.timestamp;\n\n newMap.set(t.id, {\n id: t.id,\n name: messageType,\n message: t.text,\n timestamp: existingTimestamp,\n isFinal: t.isFinal,\n });\n });\n\n return newMap;\n });\n },\n []\n );\n\n // Set up DOM portal for LiveKit\n useEffect(() => {\n const div = document.createElement(\"div\");\n div.style.display = \"none\";\n document.body.appendChild(div);\n portalRootRef.current = div;\n rootRef.current = createRoot(div);\n\n return () => {\n if (rootRef.current) {\n rootRef.current.unmount();\n }\n if (portalRootRef.current) {\n document.body.removeChild(portalRootRef.current);\n }\n };\n }, []);\n\n // Connect to VoxAI service - updated to include dynamicVariables\n const connect = useCallback(\n async ({ agentId, apiKey, dynamicVariables, metadata }: ConnectParams) => {\n try {\n setState(\"connecting\");\n\n const response = await fetch(HTTPS_API_ORIGIN, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n agent_id: agentId,\n metadata: {\n call_web: {\n dynamic_variables: dynamicVariables \|\| {},\n metadata: metadata \|\| {},\n },\n },\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Connection failed (${response.status}): ${errorText}`\n );\n }\n\n const data = await response.json();\n setConnectionDetail(data);\n\n if (options.onConnect) {\n options.onConnect();\n }\n } catch (err) {\n // Reset state on error\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n const error = err instanceof Error ? err : new Error(String(err));\n\n if (options.onError) {\n options.onError(error);\n }\n }\n },\n [options]\n );\n\n // Disconnect from VoxAI service\n const disconnect = useCallback(() => {\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n if (options.onDisconnect) {\n options.onDisconnect();\n }\n }, [options]);\n\n // Update the send function with debugging and error checking\n const send = useCallback(\n ({ message, digit }: { message?: string; digit?: number }) => {\n if (state === \"disconnected\") {\n console.warn(\"Cannot send message: Not connected to a conversation\");\n return;\n }\n\n if (message) {\n // Add the message to our local transcript map for immediate feedback\n const messageId = `user-text-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(messageId, {\n id: messageId,\n name: \"user\",\n message: message,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n\n // Send message through the message channel to StateMonitor\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"send_text\",\n text: message,\n });\n } else {\n console.error(\"No message channel available to send message\");\n }\n }\n\n if (digit !== undefined) {\n // Send DTMF through the message channel to StateMonitor\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"send_dtmf\",\n digit: digit,\n });\n } else {\n console.error(\"No message channel available to send DTMF\");\n }\n }\n },\n [state]\n );\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n // Only create a new LiveKit component if we don't have one or connection details changed\n if (!livekitComponentRef.current) {\n livekitComponentRef.current = (\n <LiveKitRoom\n serverUrl={connectionDetail.serverUrl}\n token={connectionDetail.participantToken}\n audio={true}\n video={false}\n connect={true}\n onDisconnected={disconnect}\n onError={(error) => {\n console.error(\"LiveKit connection error:\", error);\n disconnect();\n if (options.onError) {\n options.onError(\n new Error(`LiveKit connection error: ${error.message}`)\n );\n }\n }}\n >\n <RoomAudioRenderer />\n {channelRef.current && (\n <StateMonitor port={channelRef.current.port2} />\n )}\n </LiveKitRoom>\n );\n }\n\n rootRef.current.render(livekitComponentRef.current);\n } else {\n livekitComponentRef.current = null;\n rootRef.current.render(<></>);\n }\n }, [connectionDetail, disconnect, options.onError]);\n\n return {\n connect,\n disconnect,\n state,\n messages,\n send,\n };\n}\n\n/\n Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({ port }: { port: MessagePort \| undefined }) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // User transcriptions\n const localParticipant = useLocalParticipant();\n const localMessages = useTrackTranscription({\n publication: localParticipant.microphoneTrack,\n source: Track.Source.Microphone,\n participant: localParticipant.localParticipant,\n });\n\n // Send agent state updates\n useEffect(() => {\n if (port) {\n port.postMessage({ type: \"state_update\", state });\n }\n }, [state, port]);\n\n // Send agent transcriptions\n useEffect(() => {\n if (port && agentTranscription.segments.length > 0) {\n const transcriptions = agentTranscription.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"agent\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [agentTranscription.segments, port]);\n\n // Send user transcriptions\n useEffect(() => {\n if (port && localMessages.segments.length > 0) {\n const transcriptions = localMessages.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"user\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [localMessages.segments, port]);\n\n // Listen for messages from the main component\n useEffect(() => {\n if (!port) {\n console.error(\"No message port available in StateMonitor\");\n return;\n }\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"send_text\") {\n if (sendChat) {\n sendChat(data.text);\n } else {\n console.error(\"sendChat function is not available\");\n }\n } else if (data.type === \"send_dtmf\") {\n if (localParticipant.localParticipant) {\n // Use standard DTMF code (RFC 4733)\n const standardDtmfCode = 101; // Standard DTMF payload type\n localParticipant.localParticipant.publishDtmf(\n standardDtmfCode,\n data.digit\n );\n } else {\n console.error(\"Local participant is not available for DTMF\");\n }\n }\n };\n\n // Make sure to start the port\n port.start();\n\n port.addEventListener(\"message\", handleMessage);\n\n return () => {\n port.removeEventListener(\"message\", handleMessage);\n };\n }, [port, sendChat, localParticipant]);\n\n return null;\n}\n"],"names":["StateMonitor","_ref3","port","agent","state","useVoiceAssistant","send","sendChat","useChat","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","useEffect","postMessage","type","segments","length","transcriptions","map","segment","id","text","isFinal","final","timestamp","Date","now","speaker","console","error","handleMessage","event","data","publishDtmf","digit","start","addEventListener","removeEventListener","options","connectionDetail","setConnectionDetail","useState","setState","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","useRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","allMessages","Array","from","values","sort","a","b","messagesString","JSON","stringify","current","onMessage","filter","msg","has","forEach","add","channel","MessageChannel","port1","onmessage","e","handleTranscriptionUpdate","_channelRef$current","_channelRef$current2","close","port2","useCallback","prevMap","newMap","t","_prevMap$get","messageType","existingTimestamp","get","set","name","message","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","fetch","method","headers","Authorization","agent_id","call_web","dynamic_variables","then","response","_temp2","_result2","_exit","json","onConnect","_temp","ok","errorText","Error","status","_catch","err","String","onError","reject","disconnect","onDisconnect","_ref2","messageId","undefined","warn","_jsxs","jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","jsx","RoomAudioRenderer","render","_Fragment","Fragment"],"mappings":"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"}

package/dist/lib.modern.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{LiveKitRoom as r,RoomAudioRenderer as o,useVoiceAssistant as a,useParticipantTracks as i,useTrackTranscription as s,useLocalParticipant as c}from"@livekit/components-react";import{Track as p}from"livekit-client";import{useState as d,useRef as l,useEffect as u,useCallback as m}from"react";import{createRoot as g}from"react-dom/client";function f(a={}){const[i,s]=d(null),[c,p]=d("disconnected"),[f,h]=d(new Map),[w,v]=d([]),M=l(""),E=l(new Set),k=l(null),x=l(null),_=l(null);u(()=>{const t=Array.from(f.values()).sort((t,e)=>t.timestamp-e.timestamp),e=JSON.stringify(t);e!==M.current&&(M.current=e,v(t),a.onMessage&&t.filter(t=>t.isFinal&&t.id&&!E.current.has(t.id)).forEach(t=>{t.id&&(E.current.add(t.id),null==a.onMessage||a.onMessage(t))}))},[f,a.onMessage]),u(()=>(_.current=new MessageChannel,_.current.port1.onmessage=t=>{const e=t.data;"state_update"===e.type?p(e.state):"transcription_update"===e.type&&b(e.transcriptions)},()=>{var t;null==(t=_.current)||t.port1.close()}),[]);const b=m(t=>{h(e=>{const n=new Map(e);return t.forEach(t=>{var r;const o="agent"===t.speaker?"agent":"user",a=(null==(r=e.get(t.id))?void 0:r.timestamp)||t.timestamp;n.set(t.id,{id:t.id,name:o,message:t.text,timestamp:a,isFinal:t.isFinal})}),n})},[]);u(()=>{const t=document.createElement("div");return t.style.display="none",document.body.appendChild(t),k.current=t,x.current=g(t),()=>{x.current&&x.current.unmount(),k.current&&document.body.removeChild(k.current)}},[]);const C=m(async({agentId:t,apiKey:e,dynamicVariables:n,metadata:r})=>{try{p("connecting");const o=await fetch("https://www.tryvox.co/api/agent/sdk",{method:"POST",headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json"},body:JSON.stringify({agent_id:t,metadata:{call_web:{dynamic_variables:n||{},metadata:r||{}}}})});if(!o.ok){const t=await o.text();throw new Error(`Connection failed (${o.status}): ${t}`)}const i=await o.json();s(i),a.onConnect&&a.onConnect()}catch(t){s(null),h(new Map),v([]),p("disconnected");const e=t instanceof Error?t:new Error(String(t));a.onError&&a.onError(e)}},[a]),S=m(()=>{s(null),h(new Map),v([]),p("disconnected"),a.onDisconnect&&a.onDisconnect()},[a]);return u(()=>{var s;x.current&&x.current.render(i?t(r,{serverUrl:i.serverUrl,token:i.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:S,onError:t=>{console.error("LiveKit connection error:",t),S(),a.onError&&a.onError(new Error(`LiveKit connection error: ${t.message}`))},children:[e(o,{}),e(y,{port:null==(s=_.current)?void 0:s.port2})]}):e(n,{}))},[i,S,a.onError]),{connect:C,disconnect:S,state:c,messages:w}}function y({port:t}){const{agent:e,state:n}=a(),r=i([p.Source.Microphone],null==e?void 0:e.identity)[0],o=s(r),d=c(),l=s({publication:d.microphoneTrack,source:p.Source.Microphone,participant:d.localParticipant});return u(()=>{t&&t.postMessage({type:"state_update",state:n})},[n,t]),u(()=>{if(t&&o.segments.length>0){const e=o.segments.map(t=>({id:t.id,text:t.text,isFinal:t.final,timestamp:Date.now(),speaker:"agent"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[o.segments,t]),u(()=>{if(t&&l.segments.length>0){const e=l.segments.map(t=>({id:t.id,text:t.text,isFinal:t.final,timestamp:Date.now(),speaker:"user"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[l.segments,t]),null}export{f as useVoxAI};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{LiveKitRoom as r,RoomAudioRenderer as o,useVoiceAssistant as s,useChat as a,useParticipantTracks as i,useTrackTranscription as c,useLocalParticipant as l}from"@livekit/components-react";import{Track as d}from"livekit-client";import{useState as p,useRef as u,useEffect as m,useCallback as g}from"react";import{createRoot as f}from"react-dom/client";function v(s={}){const[a,i]=p(null),[c,l]=p("disconnected"),[d,v]=p(new Map),[h,w]=p([]),M=u(""),E=u(new Set),x=u(null),b=u(null),_=u(null),k=u(null);m(()=>{const e=Array.from(d.values()).sort((e,t)=>e.timestamp-t.timestamp),t=JSON.stringify(e);t!==M.current&&(M.current=t,w(e),s.onMessage&&e.filter(e=>e.isFinal&&e.id&&!E.current.has(e.id)).forEach(e=>{e.id&&(E.current.add(e.id),null==s.onMessage||s.onMessage(e))}))},[d,s.onMessage]),m(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;"state_update"===t.type?l(t.state):"transcription_update"===t.type&&D(t.transcriptions)},_.current=e,()=>{var e,t;null==(e=_.current)||e.port1.close(),null==(t=_.current)||t.port2.close(),_.current=null}},[]);const D=g(e=>{v(t=>{const n=new Map(t);return e.forEach(e=>{var r;const o="agent"===e.speaker?"agent":"user",s=(null==(r=t.get(e.id))?void 0:r.timestamp)||e.timestamp;n.set(e.id,{id:e.id,name:o,message:e.text,timestamp:s,isFinal:e.isFinal})}),n})},[]);m(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),x.current=e,b.current=f(e),()=>{b.current&&b.current.unmount(),x.current&&document.body.removeChild(x.current)}},[]);const C=g(async({agentId:e,apiKey:t,dynamicVariables:n,metadata:r})=>{try{l("connecting");const o=await fetch("https://www.tryvox.co/api/agent/sdk",{method:"POST",headers:{Authorization:`Bearer ${t}`,"Content-Type":"application/json"},body:JSON.stringify({agent_id:e,metadata:{call_web:{dynamic_variables:n||{},metadata:r||{}}}})});if(!o.ok){const e=await o.text();throw new Error(`Connection failed (${o.status}): ${e}`)}const a=await o.json();i(a),s.onConnect&&s.onConnect()}catch(e){i(null),v(new Map),w([]),l("disconnected");const t=e instanceof Error?e:new Error(String(e));s.onError&&s.onError(t)}},[s]),F=g(()=>{i(null),v(new Map),w([]),l("disconnected"),s.onDisconnect&&s.onDisconnect()},[s]),S=g(({message:e,digit:t})=>{if("disconnected"!==c){if(e){const t=`user-text-${Date.now()}`;v(n=>{const r=new Map(n);return r.set(t,{id:t,name:"user",message:e,timestamp:Date.now(),isFinal:!0}),r}),_.current?_.current.port1.postMessage({type:"send_text",text:e}):console.error("No message channel available to send message")}void 0!==t&&(_.current?_.current.port1.postMessage({type:"send_dtmf",digit:t}):console.error("No message channel available to send DTMF"))}else console.warn("Cannot send message: Not connected to a conversation")},[c]);return m(()=>{b.current&&(a?(k.current||(k.current=e(r,{serverUrl:a.serverUrl,token:a.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:F,onError:e=>{console.error("LiveKit connection error:",e),F(),s.onError&&s.onError(new Error(`LiveKit connection error: ${e.message}`))},children:[t(o,{}),_.current&&t(y,{port:_.current.port2})]})),b.current.render(k.current)):(k.current=null,b.current.render(t(n,{}))))},[a,F,s.onError]),{connect:C,disconnect:F,state:c,messages:h,send:S}}function y({port:e}){const{agent:t,state:n}=s(),{send:r}=a(),o=i([d.Source.Microphone],null==t?void 0:t.identity)[0],p=c(o),u=l(),g=c({publication:u.microphoneTrack,source:d.Source.Microphone,participant:u.localParticipant});return m(()=>{e&&e.postMessage({type:"state_update",state:n})},[n,e]),m(()=>{if(e&&p.segments.length>0){const t=p.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"agent"}));e.postMessage({type:"transcription_update",transcriptions:t})}},[p.segments,e]),m(()=>{if(e&&g.segments.length>0){const t=g.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));e.postMessage({type:"transcription_update",transcriptions:t})}},[g.segments,e]),m(()=>{if(!e)return void console.error("No message port available in StateMonitor");const t=e=>{const t=e.data;"send_text"===t.type?r?r(t.text):console.error("sendChat function is not available"):"send_dtmf"===t.type&&(u.localParticipant?u.localParticipant.publishDtmf(101,t.digit):console.error("Local participant is not available for DTMF"))};return e.start(),e.addEventListener("message",t),()=>{e.removeEventListener("message",t)}},[e,r,u]),null}export{v as useVoxAI};
 //# sourceMappingURL=lib.modern.js.map

package/dist/lib.modern.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lib.modern.js","sources":["../src/hooks/useVoxAI.tsx"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useLocalParticipant,\n useParticipantTracks,\n useTrackTranscription,\n useVoiceAssistant,\n} from \"@livekit/components-react\";\nimport { Track } from \"livekit-client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\n\ntype VoxConnectionDetail = {\n serverUrl: string;\n roomName: string;\n participantName: string;\n participantToken: string;\n};\n\n/*\n VoxAgentState\n * @description The state of the agent\n /\nexport type VoxAgentState =\n \| \"disconnected\"\n \| \"connecting\"\n \| \"initializing\"\n \| \"listening\"\n \| \"thinking\"\n \| \"speaking\";\n\n// API endpoint\nconst HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\n\n/\n VoxMessage\n * @description The message type between the agent and the user\n /\nexport type VoxMessage = {\n id?: string;\n name: \"agent\" \| \"user\" \| \"tool\";\n message?: string;\n timestamp: number;\n isFinal?: boolean;\n};\n\n/\n VoxAIOptions\n * @description The callback functions for the useVoxAI hook\n /\nexport interface VoxAIOptions {\n onConnect?: () => void;\n onDisconnect?: () => void;\n onError?: (error: Error) => void;\n onMessage?: (message: VoxMessage) => void;\n}\n\n// Message channel event types\ntype MessageChannelEvent =\n \| { type: \"state_update\"; state: VoxAgentState }\n \| { type: \"transcription_update\"; transcriptions: TranscriptionSegment[] };\n\ntype TranscriptionSegment = {\n id: string;\n text: string;\n isFinal: boolean;\n timestamp: number;\n speaker: \"agent\" \| \"user\";\n};\n\n/\n ConnectParams\n * @param agentId - The agent ID\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n /\nexport interface ConnectParams {\n agentId: string;\n apiKey: string;\n dynamicVariables?: Record<string, any>;\n metadata?: Record<string, any>;\n}\n\n/\n useVoxAI\n * @description The hook for integrating with vox.ai voice assistant\n * @param options - The options for the useVoxAI hook\n * @returns The useVoxAI hook\n * @example\n * const { connect, disconnect, state, messages } = useVoxAI({\n * onConnect: () => console.log(\"Connected\"),\n * onDisconnect: () => console.log(\"Disconnected\"),\n * onError: (error) => console.error(\"Error:\", error),\n * onMessage: (message) => console.log(\"Message:\", message),\n * });\n /\nexport function useVoxAI(options: VoxAIOptions = {}) {\n // Connection state\n const [connectionDetail, setConnectionDetail] =\n useState<VoxConnectionDetail \| null>(null);\n const [state, setState] = useState<VoxAgentState>(\"disconnected\");\n\n // Message handling\n const [transcriptMap, setTranscriptMap] = useState<Map<string, VoxMessage>>(\n new Map()\n );\n const [messages, setMessages] = useState<VoxMessage[]>([]);\n const prevMessagesRef = useRef<string>(\"\");\n\n // Track which messages we've already sent to the onMessage callback\n const processedMessageIdsRef = useRef<Set<string>>(new Set());\n\n // DOM manipulation for LiveKit portal\n const portalRootRef = useRef<HTMLDivElement \| null>(null);\n const rootRef = useRef<Root \| null>(null);\n\n // Communication channel\n const channelRef = useRef<MessageChannel \| null>(null);\n\n // Update messages whenever transcriptMap changes\n useEffect(() => {\n const allMessages = Array.from(transcriptMap.values()).sort(\n (a, b) => a.timestamp - b.timestamp\n );\n\n // Only update if the messages have actually changed\n const messagesString = JSON.stringify(allMessages);\n if (messagesString !== prevMessagesRef.current) {\n prevMessagesRef.current = messagesString;\n setMessages(allMessages);\n\n // Only trigger onMessage for new final messages that haven't been processed yet\n if (options.onMessage) {\n allMessages\n .filter(\n (msg) =>\n msg.isFinal &&\n msg.id &&\n !processedMessageIdsRef.current.has(msg.id)\n )\n .forEach((msg) => {\n if (msg.id) {\n // Mark this message as processed\n processedMessageIdsRef.current.add(msg.id);\n // Call the callback\n options.onMessage?.(msg);\n }\n });\n }\n }\n }, [transcriptMap, options.onMessage]);\n\n // Initialize message channel\n useEffect(() => {\n channelRef.current = new MessageChannel();\n channelRef.current.port1.onmessage = (e) => {\n const data = e.data as MessageChannelEvent;\n\n if (data.type === \"state_update\") {\n setState(data.state);\n } else if (data.type === \"transcription_update\") {\n handleTranscriptionUpdate(data.transcriptions);\n }\n };\n\n return () => {\n channelRef.current?.port1.close();\n };\n }, []);\n\n // Process incoming transcriptions\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n const messageType = t.speaker === \"agent\" ? \"agent\" : \"user\";\n // Use existing timestamp if we already have this segment\n const existingTimestamp = prevMap.get(t.id)?.timestamp \|\| t.timestamp;\n\n newMap.set(t.id, {\n id: t.id,\n name: messageType,\n message: t.text,\n timestamp: existingTimestamp,\n isFinal: t.isFinal,\n });\n });\n\n return newMap;\n });\n },\n []\n );\n\n // Set up DOM portal for LiveKit\n useEffect(() => {\n const div = document.createElement(\"div\");\n div.style.display = \"none\";\n document.body.appendChild(div);\n portalRootRef.current = div;\n rootRef.current = createRoot(div);\n\n return () => {\n if (rootRef.current) {\n rootRef.current.unmount();\n }\n if (portalRootRef.current) {\n document.body.removeChild(portalRootRef.current);\n }\n };\n }, []);\n\n // Connect to VoxAI service - updated to include dynamicVariables\n const connect = useCallback(\n async ({ agentId, apiKey, dynamicVariables, metadata }: ConnectParams) => {\n try {\n setState(\"connecting\");\n\n const response = await fetch(HTTPS_API_ORIGIN, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n agent_id: agentId,\n metadata: {\n call_web: {\n dynamic_variables: dynamicVariables \|\| {},\n metadata: metadata \|\| {},\n },\n },\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Connection failed (${response.status}): ${errorText}`\n );\n }\n\n const data = await response.json();\n setConnectionDetail(data);\n\n if (options.onConnect) {\n options.onConnect();\n }\n } catch (err) {\n // Reset state on error\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n const error = err instanceof Error ? err : new Error(String(err));\n\n if (options.onError) {\n options.onError(error);\n }\n }\n },\n [options]\n );\n\n // Disconnect from VoxAI service\n const disconnect = useCallback(() => {\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n if (options.onDisconnect) {\n options.onDisconnect();\n }\n }, [options]);\n\n // Render LiveKit components when connection details are available\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n rootRef.current.render(\n <LiveKitRoom\n serverUrl={connectionDetail.serverUrl}\n token={connectionDetail.participantToken}\n audio={true}\n video={false}\n connect={true}\n onDisconnected={disconnect}\n // Add error handling for LiveKit connection\n onError={(error) => {\n console.error(\"LiveKit connection error:\", error);\n disconnect();\n if (options.onError) {\n options.onError(\n new Error(`LiveKit connection error: ${error.message}`)\n );\n }\n }}\n >\n <RoomAudioRenderer />\n <StateMonitor port={channelRef.current?.port2} />\n </LiveKitRoom>\n );\n } else {\n rootRef.current.render(<></>);\n }\n }, [connectionDetail, disconnect, options.onError]);\n\n return {\n connect,\n disconnect,\n state,\n messages,\n };\n}\n\n/\n Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({ port }: { port: MessagePort \| undefined }) {\n const { agent, state } = useVoiceAssistant();\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // User transcriptions\n const localParticipant = useLocalParticipant();\n const localMessages = useTrackTranscription({\n publication: localParticipant.microphoneTrack,\n source: Track.Source.Microphone,\n participant: localParticipant.localParticipant,\n });\n\n // Send agent state updates\n useEffect(() => {\n if (port) {\n port.postMessage({ type: \"state_update\", state });\n }\n }, [state, port]);\n\n // Send agent transcriptions\n useEffect(() => {\n if (port && agentTranscription.segments.length > 0) {\n const transcriptions = agentTranscription.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"agent\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [agentTranscription.segments, port]);\n\n // Send user transcriptions\n useEffect(() => {\n if (port && localMessages.segments.length > 0) {\n const transcriptions = localMessages.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"user\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [localMessages.segments, port]);\n\n return null;\n}\n"],"names":["useVoxAI","options","connectionDetail","setConnectionDetail","useState","state","setState","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","useRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","useEffect","allMessages","Array","from","values","sort","a","b","timestamp","messagesString","JSON","stringify","current","onMessage","filter","msg","isFinal","id","has","forEach","add","MessageChannel","port1","onmessage","e","data","type","handleTranscriptionUpdate","transcriptions","_channelRef$current","close","useCallback","prevMap","newMap","t","_prevMap$get","messageType","speaker","existingTimestamp","get","set","name","message","text","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","async","agentId","apiKey","dynamicVariables","metadata","response","fetch","method","headers","Authorization","agent_id","call_web","dynamic_variables","ok","errorText","Error","status","json","onConnect","err","error","String","onError","disconnect","onDisconnect","_channelRef$current2","render","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","console","_jsx","RoomAudioRenderer","StateMonitor","port","port2","_Fragment","agent","useVoiceAssistant","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","postMessage","segments","length","map","segment","final","Date","now"],"mappings":"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"}
1	+ {"version":3,"file":"lib.modern.js","sources":["../src/hooks/useVoxAI.tsx"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useLocalParticipant,\n useParticipantTracks,\n useTrackTranscription,\n useVoiceAssistant,\n useChat,\n} from \"@livekit/components-react\";\nimport { Track } from \"livekit-client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\n\ntype VoxConnectionDetail = {\n serverUrl: string;\n roomName: string;\n participantName: string;\n participantToken: string;\n};\n\n/*\n VoxAgentState\n * @description The state of the agent\n /\nexport type VoxAgentState =\n \| \"disconnected\"\n \| \"connecting\"\n \| \"initializing\"\n \| \"listening\"\n \| \"thinking\"\n \| \"speaking\";\n\n// API endpoint\nconst HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\n\n/\n VoxMessage\n * @description The message type between the agent and the user\n /\nexport type VoxMessage = {\n id?: string;\n name: \"agent\" \| \"user\" \| \"tool\";\n message?: string;\n timestamp: number;\n isFinal?: boolean;\n};\n\n/\n VoxAIOptions\n * @description The callback functions for the useVoxAI hook\n /\nexport interface VoxAIOptions {\n onConnect?: () => void;\n onDisconnect?: () => void;\n onError?: (error: Error) => void;\n onMessage?: (message: VoxMessage) => void;\n}\n\n// Message channel event types\ntype MessageChannelEvent =\n \| { type: \"state_update\"; state: VoxAgentState }\n \| { type: \"transcription_update\"; transcriptions: TranscriptionSegment[] };\n\ntype TranscriptionSegment = {\n id: string;\n text: string;\n isFinal: boolean;\n timestamp: number;\n speaker: \"agent\" \| \"user\";\n};\n\n/\n ConnectParams\n * @param agentId - The agent ID\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n /\nexport interface ConnectParams {\n agentId: string;\n apiKey: string;\n dynamicVariables?: Record<string, any>;\n metadata?: Record<string, any>;\n}\n\n/\n useVoxAI\n * @description The hook for integrating with vox.ai voice assistant\n * @param options - The options for the useVoxAI hook\n * @returns The useVoxAI hook\n * @example\n * const { connect, disconnect, state, messages, send } = useVoxAI({\n * onConnect: () => console.log(\"Connected\"),\n * onDisconnect: () => console.log(\"Disconnected\"),\n * onError: (error) => console.error(\"Error:\", error),\n * onMessage: (message) => console.log(\"Message:\", message),\n * });\n /\nexport function useVoxAI(options: VoxAIOptions = {}) {\n // Connection state\n const [connectionDetail, setConnectionDetail] =\n useState<VoxConnectionDetail \| null>(null);\n const [state, setState] = useState<VoxAgentState>(\"disconnected\");\n\n // Message handling\n const [transcriptMap, setTranscriptMap] = useState<Map<string, VoxMessage>>(\n new Map()\n );\n const [messages, setMessages] = useState<VoxMessage[]>([]);\n const prevMessagesRef = useRef<string>(\"\");\n\n // Track which messages we've already sent to the onMessage callback\n const processedMessageIdsRef = useRef<Set<string>>(new Set());\n\n // DOM manipulation for LiveKit portal\n const portalRootRef = useRef<HTMLDivElement \| null>(null);\n const rootRef = useRef<Root \| null>(null);\n\n // Communication channel\n const channelRef = useRef<MessageChannel \| null>(null);\n\n // Add this near the start of your useVoxAI hook\n const livekitComponentRef = useRef<React.ReactNode>(null);\n\n // Update messages whenever transcriptMap changes\n useEffect(() => {\n const allMessages = Array.from(transcriptMap.values()).sort(\n (a, b) => a.timestamp - b.timestamp\n );\n\n // Only update if the messages have actually changed\n const messagesString = JSON.stringify(allMessages);\n if (messagesString !== prevMessagesRef.current) {\n prevMessagesRef.current = messagesString;\n setMessages(allMessages);\n\n // Only trigger onMessage for new final messages that haven't been processed yet\n if (options.onMessage) {\n allMessages\n .filter(\n (msg) =>\n msg.isFinal &&\n msg.id &&\n !processedMessageIdsRef.current.has(msg.id)\n )\n .forEach((msg) => {\n if (msg.id) {\n // Mark this message as processed\n processedMessageIdsRef.current.add(msg.id);\n // Call the callback\n options.onMessage?.(msg);\n }\n });\n }\n }\n }, [transcriptMap, options.onMessage]);\n\n // Initialize message channel - ensure ports are properly connected\n useEffect(() => {\n const channel = new MessageChannel();\n\n channel.port1.onmessage = (e) => {\n const data = e.data as MessageChannelEvent;\n\n if (data.type === \"state_update\") {\n setState(data.state);\n } else if (data.type === \"transcription_update\") {\n handleTranscriptionUpdate(data.transcriptions);\n }\n };\n\n // Store the channel reference\n channelRef.current = channel;\n\n return () => {\n channelRef.current?.port1.close();\n channelRef.current?.port2.close();\n channelRef.current = null;\n };\n }, []);\n\n // Process incoming transcriptions\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n const messageType = t.speaker === \"agent\" ? \"agent\" : \"user\";\n // Use existing timestamp if we already have this segment\n const existingTimestamp = prevMap.get(t.id)?.timestamp \|\| t.timestamp;\n\n newMap.set(t.id, {\n id: t.id,\n name: messageType,\n message: t.text,\n timestamp: existingTimestamp,\n isFinal: t.isFinal,\n });\n });\n\n return newMap;\n });\n },\n []\n );\n\n // Set up DOM portal for LiveKit\n useEffect(() => {\n const div = document.createElement(\"div\");\n div.style.display = \"none\";\n document.body.appendChild(div);\n portalRootRef.current = div;\n rootRef.current = createRoot(div);\n\n return () => {\n if (rootRef.current) {\n rootRef.current.unmount();\n }\n if (portalRootRef.current) {\n document.body.removeChild(portalRootRef.current);\n }\n };\n }, []);\n\n // Connect to VoxAI service - updated to include dynamicVariables\n const connect = useCallback(\n async ({ agentId, apiKey, dynamicVariables, metadata }: ConnectParams) => {\n try {\n setState(\"connecting\");\n\n const response = await fetch(HTTPS_API_ORIGIN, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n agent_id: agentId,\n metadata: {\n call_web: {\n dynamic_variables: dynamicVariables \|\| {},\n metadata: metadata \|\| {},\n },\n },\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Connection failed (${response.status}): ${errorText}`\n );\n }\n\n const data = await response.json();\n setConnectionDetail(data);\n\n if (options.onConnect) {\n options.onConnect();\n }\n } catch (err) {\n // Reset state on error\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n const error = err instanceof Error ? err : new Error(String(err));\n\n if (options.onError) {\n options.onError(error);\n }\n }\n },\n [options]\n );\n\n // Disconnect from VoxAI service\n const disconnect = useCallback(() => {\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n if (options.onDisconnect) {\n options.onDisconnect();\n }\n }, [options]);\n\n // Update the send function with debugging and error checking\n const send = useCallback(\n ({ message, digit }: { message?: string; digit?: number }) => {\n if (state === \"disconnected\") {\n console.warn(\"Cannot send message: Not connected to a conversation\");\n return;\n }\n\n if (message) {\n // Add the message to our local transcript map for immediate feedback\n const messageId = `user-text-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(messageId, {\n id: messageId,\n name: \"user\",\n message: message,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n\n // Send message through the message channel to StateMonitor\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"send_text\",\n text: message,\n });\n } else {\n console.error(\"No message channel available to send message\");\n }\n }\n\n if (digit !== undefined) {\n // Send DTMF through the message channel to StateMonitor\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"send_dtmf\",\n digit: digit,\n });\n } else {\n console.error(\"No message channel available to send DTMF\");\n }\n }\n },\n [state]\n );\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n // Only create a new LiveKit component if we don't have one or connection details changed\n if (!livekitComponentRef.current) {\n livekitComponentRef.current = (\n <LiveKitRoom\n serverUrl={connectionDetail.serverUrl}\n token={connectionDetail.participantToken}\n audio={true}\n video={false}\n connect={true}\n onDisconnected={disconnect}\n onError={(error) => {\n console.error(\"LiveKit connection error:\", error);\n disconnect();\n if (options.onError) {\n options.onError(\n new Error(`LiveKit connection error: ${error.message}`)\n );\n }\n }}\n >\n <RoomAudioRenderer />\n {channelRef.current && (\n <StateMonitor port={channelRef.current.port2} />\n )}\n </LiveKitRoom>\n );\n }\n\n rootRef.current.render(livekitComponentRef.current);\n } else {\n livekitComponentRef.current = null;\n rootRef.current.render(<></>);\n }\n }, [connectionDetail, disconnect, options.onError]);\n\n return {\n connect,\n disconnect,\n state,\n messages,\n send,\n };\n}\n\n/\n Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({ port }: { port: MessagePort \| undefined }) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // User transcriptions\n const localParticipant = useLocalParticipant();\n const localMessages = useTrackTranscription({\n publication: localParticipant.microphoneTrack,\n source: Track.Source.Microphone,\n participant: localParticipant.localParticipant,\n });\n\n // Send agent state updates\n useEffect(() => {\n if (port) {\n port.postMessage({ type: \"state_update\", state });\n }\n }, [state, port]);\n\n // Send agent transcriptions\n useEffect(() => {\n if (port && agentTranscription.segments.length > 0) {\n const transcriptions = agentTranscription.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"agent\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [agentTranscription.segments, port]);\n\n // Send user transcriptions\n useEffect(() => {\n if (port && localMessages.segments.length > 0) {\n const transcriptions = localMessages.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"user\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [localMessages.segments, port]);\n\n // Listen for messages from the main component\n useEffect(() => {\n if (!port) {\n console.error(\"No message port available in StateMonitor\");\n return;\n }\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"send_text\") {\n if (sendChat) {\n sendChat(data.text);\n } else {\n console.error(\"sendChat function is not available\");\n }\n } else if (data.type === \"send_dtmf\") {\n if (localParticipant.localParticipant) {\n // Use standard DTMF code (RFC 4733)\n const standardDtmfCode = 101; // Standard DTMF payload type\n localParticipant.localParticipant.publishDtmf(\n standardDtmfCode,\n data.digit\n );\n } else {\n console.error(\"Local participant is not available for DTMF\");\n }\n }\n };\n\n // Make sure to start the port\n port.start();\n\n port.addEventListener(\"message\", handleMessage);\n\n return () => {\n port.removeEventListener(\"message\", handleMessage);\n };\n }, [port, sendChat, localParticipant]);\n\n return null;\n}\n"],"names":["useVoxAI","options","connectionDetail","setConnectionDetail","useState","state","setState","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","useRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","useEffect","allMessages","Array","from","values","sort","a","b","timestamp","messagesString","JSON","stringify","current","onMessage","filter","msg","isFinal","id","has","forEach","add","channel","MessageChannel","port1","onmessage","e","data","type","handleTranscriptionUpdate","transcriptions","_channelRef$current","_channelRef$current2","close","port2","useCallback","prevMap","newMap","t","_prevMap$get","messageType","speaker","existingTimestamp","get","set","name","message","text","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","async","agentId","apiKey","dynamicVariables","metadata","response","fetch","method","headers","Authorization","agent_id","call_web","dynamic_variables","ok","errorText","Error","status","json","onConnect","err","error","String","onError","disconnect","onDisconnect","send","digit","messageId","Date","now","postMessage","console","undefined","warn","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","RoomAudioRenderer","StateMonitor","port","render","_Fragment","agent","useVoiceAssistant","sendChat","useChat","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","segments","length","map","segment","final","handleMessage","event","publishDtmf","start","addEventListener","removeEventListener"],"mappings":"maAmGgB,SAAAA,EAASC,EAAwB,CAAA,GAE/C,MAAOC,EAAkBC,GACvBC,EAAqC,OAChCC,EAAOC,GAAYF,EAAwB,iBAG3CG,EAAeC,GAAoBJ,EACxC,IAAIK,MAECC,EAAUC,GAAeP,EAAuB,IACjDQ,EAAkBC,EAAe,IAGjCC,EAAyBD,EAAoB,IAAIE,KAGjDC,EAAgBH,EAA8B,MAC9CI,EAAUJ,EAAoB,MAG9BK,EAAaL,EAA8B,MAG3CM,EAAsBN,EAAwB,MAGpDO,EAAU,KACR,MAAMC,EAAcC,MAAMC,KAAKhB,EAAciB,UAAUC,KACrD,CAACC,EAAGC,IAAMD,EAAEE,UAAYD,EAAEC,WAItBC,EAAiBC,KAAKC,UAAUV,GAClCQ,IAAmBjB,EAAgBoB,UACrCpB,EAAgBoB,QAAUH,EAC1BlB,EAAYU,GAGRpB,EAAQgC,WACVZ,EACGa,OACEC,GACCA,EAAIC,SACJD,EAAIE,KACHvB,EAAuBkB,QAAQM,IAAIH,EAAIE,KAE3CE,QAASJ,IACJA,EAAIE,KAENvB,EAAuBkB,QAAQQ,IAAIL,EAAIE,IAEtB,MAAjBpC,EAAQgC,WAARhC,EAAQgC,UAAYE,GACtB,GAGR,EACC,CAAC5B,EAAeN,EAAQgC,YAG3Bb,EAAU,KACR,MAAMqB,EAAU,IAAIC,eAepB,OAbAD,EAAQE,MAAMC,UAAaC,IACzB,MAAMC,EAAOD,EAAEC,KAEG,iBAAdA,EAAKC,KACPzC,EAASwC,EAAKzC,OACS,yBAAdyC,EAAKC,MACdC,EAA0BF,EAAKG,eACjC,EAIF/B,EAAWc,QAAUS,EAEd,KAAKS,IAAAA,EAAAC,EACVD,OAAAA,EAAAhC,EAAWc,UAAXkB,EAAoBP,MAAMS,QACR,OAAlBD,EAAAjC,EAAWc,UAAXmB,EAAoBE,MAAMD,QAC1BlC,EAAWc,QAAU,IAAA,CACvB,EACC,IAGH,MAAMgB,EAA4BM,EAC/BL,IACCzC,EAAkB+C,IAChB,MAAMC,EAAS,IAAI/C,IAAI8C,GAgBvB,OAdAN,EAAeV,QAASkB,IAAKC,IAAAA,EAC3B,MAAMC,EAA4B,UAAdF,EAAEG,QAAsB,QAAU,OAEhDC,GAAoBH,OAAAA,EAAAH,EAAQO,IAAIL,EAAEpB,UAAdqB,EAAAA,EAAmB9B,YAAa6B,EAAE7B,UAE5D4B,EAAOO,IAAIN,EAAEpB,GAAI,CACfA,GAAIoB,EAAEpB,GACN2B,KAAML,EACNM,QAASR,EAAES,KACXtC,UAAWiC,EACXzB,QAASqB,EAAErB,SACZ,GAGIoB,GACR,EAEH,IAIFpC,EAAU,KACR,MAAM+C,EAAMC,SAASC,cAAc,OAMnC,OALAF,EAAIG,MAAMC,QAAU,OACpBH,SAASI,KAAKC,YAAYN,GAC1BnD,EAAcgB,QAAUmC,EACxBlD,EAAQe,QAAU0C,EAAWP,GAEtB,KACDlD,EAAQe,SACVf,EAAQe,QAAQ2C,UAEd3D,EAAcgB,SAChBoC,SAASI,KAAKI,YAAY5D,EAAcgB,QAC1C,CACF,EACC,IAGH,MAAM6C,EAAUvB,EACdwB,OAASC,UAASC,SAAQC,mBAAkBC,eAC1C,IACE5E,EAAS,cAET,MAAM6E,QAAiBC,MAvMN,sCAuM8B,CAC7CC,OAAQ,OACRC,QAAS,CACPC,cAAe,UAAUP,IACzB,eAAgB,oBAElBR,KAAM1C,KAAKC,UAAU,CACnByD,SAAUT,EACVG,SAAU,CACRO,SAAU,CACRC,kBAAmBT,GAAoB,CAAE,EACzCC,SAAUA,GAAY,CACvB,QAKP,IAAKC,EAASQ,GAAI,CAChB,MAAMC,QAAkBT,EAASjB,OACjC,MAAU,IAAA2B,MACR,sBAAsBV,EAASW,YAAYF,IAE/C,CAEA,MAAM9C,QAAaqC,EAASY,OAC5B5F,EAAoB2C,GAEhB7C,EAAQ+F,WACV/F,EAAQ+F,WAEZ,CAAE,MAAOC,GAEP9F,EAAoB,MACpBK,EAAiB,IAAIC,KACrBE,EAAY,IACZL,EAAS,gBAET,MAAM4F,EAAQD,aAAeJ,MAAQI,EAAM,IAAIJ,MAAMM,OAAOF,IAExDhG,EAAQmG,SACVnG,EAAQmG,QAAQF,EAEpB,GAEF,CAACjG,IAIGoG,EAAa/C,EAAY,KAC7BnD,EAAoB,MACpBK,EAAiB,IAAIC,KACrBE,EAAY,IACZL,EAAS,gBAELL,EAAQqG,cACVrG,EAAQqG,cACV,EACC,CAACrG,IAGEsG,EAAOjD,EACX,EAAGW,UAASuC,YACV,GAAc,iBAAVnG,EAAJ,CAKA,GAAI4D,EAAS,CAEX,MAAMwC,EAAY,aAAaC,KAAKC,QACpCnG,EAAkB+C,IAChB,MAAMC,EAAS,IAAI/C,IAAI8C,GAQvB,OAPAC,EAAOO,IAAI0C,EAAW,CACpBpE,GAAIoE,EACJzC,KAAM,OACNC,QAASA,EACTrC,UAAW8E,KAAKC,MAChBvE,SAAS,IAEJoB,IAILtC,EAAWc,QACbd,EAAWc,QAAQW,MAAMiE,YAAY,CACnC7D,KAAM,YACNmB,KAAMD,IAGR4C,QAAQX,MAAM,+CAElB,MAEcY,IAAVN,IAEEtF,EAAWc,QACbd,EAAWc,QAAQW,MAAMiE,YAAY,CACnC7D,KAAM,YACNyD,MAAOA,IAGTK,QAAQX,MAAM,6CApClB,MAFEW,QAAQE,KAAK,uDAwCf,EAEF,CAAC1G,IA2CH,OAvCAe,EAAU,KACHH,EAAQe,UAET9B,GAEGiB,EAAoBa,UACvBb,EAAoBa,QAClBgF,EAACC,GACCC,UAAWhH,EAAiBgH,UAC5BC,MAAOjH,EAAiBkH,iBACxBC,OAAO,EACPC,OAAO,EACPzC,SAAS,EACT0C,eAAgBlB,EAChBD,QAAUF,IACRW,QAAQX,MAAM,4BAA6BA,GAC3CG,IACIpG,EAAQmG,SACVnG,EAAQmG,QACN,IAAIP,MAAM,6BAA6BK,EAAMjC,WAEjD,EACDuD,SAAA,CAEDC,EAACC,EAAoB,CAAA,GACpBxG,EAAWc,SACVyF,EAACE,GAAaC,KAAM1G,EAAWc,QAAQqB,YAM/CpC,EAAQe,QAAQ6F,OAAO1G,EAAoBa,WAE3Cb,EAAoBa,QAAU,KAC9Bf,EAAQe,QAAQ6F,OAAOJ,EAAAK,EAAA,CAAA,KACzB,EACC,CAAC5H,EAAkBmG,EAAYpG,EAAQmG,UAEnC,CACLvB,UACAwB,aACAhG,QACAK,WACA6F,OAEJ,CAKA,SAASoB,GAAaC,KAAEA,IACtB,MAAMG,MAAEA,EAAK1H,MAAEA,GAAU2H,KACjBzB,KAAM0B,GAAaC,IAGrBC,EAAkBC,EACtB,CAACC,EAAMC,OAAOC,YACT,MAALR,OAAK,EAALA,EAAOS,UACP,GACIC,EAAqBC,EAAsBP,GAG3CQ,EAAmBC,IACnBC,EAAgBH,EAAsB,CAC1CI,YAAaH,EAAiBI,gBAC9BC,OAAQX,EAAMC,OAAOC,WACrBU,YAAaN,EAAiBA,mBAsFhC,OAlFAvH,EAAU,KACJwG,GACFA,EAAKhB,YAAY,CAAE7D,KAAM,eAAgB1C,SAC3C,EACC,CAACA,EAAOuH,IAGXxG,EAAU,KACR,GAAIwG,GAAQa,EAAmBS,SAASC,OAAS,EAAG,CAClD,MAAMlG,EAAiBwF,EAAmBS,SAASE,IAAKC,IAAa,CACnEhH,GAAIgH,EAAQhH,GACZ6B,KAAMmF,EAAQnF,KACd9B,QAASiH,EAAQC,MACjB1H,UAAW8E,KAAKC,MAChB/C,QAAS,WAGXgE,EAAKhB,YAAY,CACf7D,KAAM,uBACNE,kBAEJ,GACC,CAACwF,EAAmBS,SAAUtB,IAGjCxG,EAAU,KACR,GAAIwG,GAAQiB,EAAcK,SAASC,OAAS,EAAG,CAC7C,MAAMlG,EAAiB4F,EAAcK,SAASE,IAAKC,IAAa,CAC9DhH,GAAIgH,EAAQhH,GACZ6B,KAAMmF,EAAQnF,KACd9B,QAASiH,EAAQC,MACjB1H,UAAW8E,KAAKC,MAChB/C,QAAS,UAGXgE,EAAKhB,YAAY,CACf7D,KAAM,uBACNE,kBAEJ,GACC,CAAC4F,EAAcK,SAAUtB,IAG5BxG,EAAU,KACR,IAAKwG,EAEH,YADAf,QAAQX,MAAM,6CAIhB,MAAMqD,EAAiBC,IACrB,MAAM1G,EAAO0G,EAAM1G,KAED,cAAdA,EAAKC,KACHkF,EACFA,EAASnF,EAAKoB,MAEd2C,QAAQX,MAAM,sCAEO,cAAdpD,EAAKC,OACV4F,EAAiBA,iBAGnBA,EAAiBA,iBAAiBc,YADT,IAGvB3G,EAAK0D,OAGPK,QAAQX,MAAM,+CAElB,EAQF,OAJA0B,EAAK8B,QAEL9B,EAAK+B,iBAAiB,UAAWJ,GAE1B,KACL3B,EAAKgC,oBAAoB,UAAWL,EAAa,CACnD,EACC,CAAC3B,EAAMK,EAAUU,IAGtB,IAAA"}

package/dist/lib.module.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{LiveKitRoom as r,RoomAudioRenderer as o,useVoiceAssistant as i,useParticipantTracks as s,useTrackTranscription as a,useLocalParticipant as c}from"@livekit/components-react";import{Track as u}from"livekit-client";import{useState as l,useRef as p,useEffect as d,useCallback as m}from"react";import{createRoot as g}from"react-dom/client";function f(i){void 0===i&&(i={});const[s,a]=l(null),[c,u]=l("disconnected"),[f,v]=l(new Map),[y,w]=l([]),M=p(""),E=p(new Set),k=p(null),x=p(null),_=p(null);d(()=>{const e=Array.from(f.values()).sort((e,t)=>e.timestamp-t.timestamp),t=JSON.stringify(e);t!==M.current&&(M.current=t,w(e),i.onMessage&&e.filter(e=>e.isFinal&&e.id&&!E.current.has(e.id)).forEach(e=>{e.id&&(E.current.add(e.id),null==i.onMessage||i.onMessage(e))}))},[f,i.onMessage]),d(()=>(_.current=new MessageChannel,_.current.port1.onmessage=e=>{const t=e.data;"state_update"===t.type?u(t.state):"transcription_update"===t.type&&b(t.transcriptions)},()=>{var e;null==(e=_.current)||e.port1.close()}),[]);const b=m(e=>{v(t=>{const n=new Map(t);return e.forEach(e=>{var r;const o="agent"===e.speaker?"agent":"user",i=(null==(r=t.get(e.id))?void 0:r.timestamp)||e.timestamp;n.set(e.id,{id:e.id,name:o,message:e.text,timestamp:i,isFinal:e.isFinal})}),n})},[]);d(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),k.current=e,x.current=g(e),()=>{x.current&&x.current.unmount(),k.current&&document.body.removeChild(k.current)}},[]);const C=m(function(e){let{agentId:t,apiKey:n,dynamicVariables:r,metadata:o}=e;try{return Promise.resolve(function(e,s){try{var c=(u("connecting"),Promise.resolve(fetch("https://www.tryvox.co/api/agent/sdk",{method:"POST",headers:{Authorization:"Bearer "+n,"Content-Type":"application/json"},body:JSON.stringify({agent_id:t,metadata:{call_web:{dynamic_variables:r||{},metadata:o||{}}}})})).then(function(e){function t(t){return Promise.resolve(e.json()).then(function(e){a(e),i.onConnect&&i.onConnect()})}const n=function(){if(!e.ok)return Promise.resolve(e.text()).then(function(t){throw new Error("Connection failed ("+e.status+"): "+t)})}();return n&&n.then?n.then(t):t()}))}catch(e){return s(e)}return c&&c.then?c.then(void 0,s):c}(0,function(e){a(null),v(new Map),w([]),u("disconnected");const t=e instanceof Error?e:new Error(String(e));i.onError&&i.onError(t)}))}catch(e){return Promise.reject(e)}},[i]),P=m(()=>{a(null),v(new Map),w([]),u("disconnected"),i.onDisconnect&&i.onDisconnect()},[i]);return d(()=>{var a;x.current&&x.current.render(s?e(r,{serverUrl:s.serverUrl,token:s.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:P,onError:e=>{console.error("LiveKit connection error:",e),P(),i.onError&&i.onError(new Error("LiveKit connection error: "+e.message))},children:[t(o,{}),t(h,{port:null==(a=_.current)?void 0:a.port2})]}):t(n,{}))},[s,P,i.onError]),{connect:C,disconnect:P,state:c,messages:y}}function h(e){let{port:t}=e;const{agent:n,state:r}=i(),o=s([u.Source.Microphone],null==n?void 0:n.identity)[0],l=a(o),p=c(),m=a({publication:p.microphoneTrack,source:u.Source.Microphone,participant:p.localParticipant});return d(()=>{t&&t.postMessage({type:"state_update",state:r})},[r,t]),d(()=>{if(t&&l.segments.length>0){const e=l.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"agent"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[l.segments,t]),d(()=>{if(t&&m.segments.length>0){const e=m.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[m.segments,t]),null}export{f as useVoxAI};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{LiveKitRoom as r,RoomAudioRenderer as o,useVoiceAssistant as s,useChat as a,useParticipantTracks as i,useTrackTranscription as c,useLocalParticipant as l}from"@livekit/components-react";import{Track as u}from"livekit-client";import{useState as d,useRef as p,useEffect as m,useCallback as g}from"react";import{createRoot as f}from"react-dom/client";function v(s){void 0===s&&(s={});const[a,i]=d(null),[c,l]=d("disconnected"),[u,v]=d(new Map),[y,w]=d([]),M=p(""),E=p(new Set),x=p(null),b=p(null),_=p(null),k=p(null);m(()=>{const e=Array.from(u.values()).sort((e,t)=>e.timestamp-t.timestamp),t=JSON.stringify(e);t!==M.current&&(M.current=t,w(e),s.onMessage&&e.filter(e=>e.isFinal&&e.id&&!E.current.has(e.id)).forEach(e=>{e.id&&(E.current.add(e.id),null==s.onMessage||s.onMessage(e))}))},[u,s.onMessage]),m(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;"state_update"===t.type?l(t.state):"transcription_update"===t.type&&D(t.transcriptions)},_.current=e,()=>{var e,t;null==(e=_.current)||e.port1.close(),null==(t=_.current)||t.port2.close(),_.current=null}},[]);const D=g(e=>{v(t=>{const n=new Map(t);return e.forEach(e=>{var r;const o="agent"===e.speaker?"agent":"user",s=(null==(r=t.get(e.id))?void 0:r.timestamp)||e.timestamp;n.set(e.id,{id:e.id,name:o,message:e.text,timestamp:s,isFinal:e.isFinal})}),n})},[]);m(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),x.current=e,b.current=f(e),()=>{b.current&&b.current.unmount(),x.current&&document.body.removeChild(x.current)}},[]);const C=g(function(e){let{agentId:t,apiKey:n,dynamicVariables:r,metadata:o}=e;try{return Promise.resolve(function(e,a){try{var c=(l("connecting"),Promise.resolve(fetch("https://www.tryvox.co/api/agent/sdk",{method:"POST",headers:{Authorization:"Bearer "+n,"Content-Type":"application/json"},body:JSON.stringify({agent_id:t,metadata:{call_web:{dynamic_variables:r||{},metadata:o||{}}}})})).then(function(e){function t(t){return Promise.resolve(e.json()).then(function(e){i(e),s.onConnect&&s.onConnect()})}const n=function(){if(!e.ok)return Promise.resolve(e.text()).then(function(t){throw new Error("Connection failed ("+e.status+"): "+t)})}();return n&&n.then?n.then(t):t()}))}catch(e){return a(e)}return c&&c.then?c.then(void 0,a):c}(0,function(e){i(null),v(new Map),w([]),l("disconnected");const t=e instanceof Error?e:new Error(String(e));s.onError&&s.onError(t)}))}catch(e){return Promise.reject(e)}},[s]),P=g(()=>{i(null),v(new Map),w([]),l("disconnected"),s.onDisconnect&&s.onDisconnect()},[s]),F=g(e=>{let{message:t,digit:n}=e;if("disconnected"!==c){if(t){const e="user-text-"+Date.now();v(n=>{const r=new Map(n);return r.set(e,{id:e,name:"user",message:t,timestamp:Date.now(),isFinal:!0}),r}),_.current?_.current.port1.postMessage({type:"send_text",text:t}):console.error("No message channel available to send message")}void 0!==n&&(_.current?_.current.port1.postMessage({type:"send_dtmf",digit:n}):console.error("No message channel available to send DTMF"))}else console.warn("Cannot send message: Not connected to a conversation")},[c]);return m(()=>{b.current&&(a?(k.current||(k.current=e(r,{serverUrl:a.serverUrl,token:a.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:P,onError:e=>{console.error("LiveKit connection error:",e),P(),s.onError&&s.onError(new Error("LiveKit connection error: "+e.message))},children:[t(o,{}),_.current&&t(h,{port:_.current.port2})]})),b.current.render(k.current)):(k.current=null,b.current.render(t(n,{}))))},[a,P,s.onError]),{connect:C,disconnect:P,state:c,messages:y,send:F}}function h(e){let{port:t}=e;const{agent:n,state:r}=s(),{send:o}=a(),d=i([u.Source.Microphone],null==n?void 0:n.identity)[0],p=c(d),g=l(),f=c({publication:g.microphoneTrack,source:u.Source.Microphone,participant:g.localParticipant});return m(()=>{t&&t.postMessage({type:"state_update",state:r})},[r,t]),m(()=>{if(t&&p.segments.length>0){const e=p.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"agent"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[p.segments,t]),m(()=>{if(t&&f.segments.length>0){const e=f.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[f.segments,t]),m(()=>{if(!t)return void console.error("No message port available in StateMonitor");const e=e=>{const t=e.data;"send_text"===t.type?o?o(t.text):console.error("sendChat function is not available"):"send_dtmf"===t.type&&(g.localParticipant?g.localParticipant.publishDtmf(101,t.digit):console.error("Local participant is not available for DTMF"))};return t.start(),t.addEventListener("message",e),()=>{t.removeEventListener("message",e)}},[t,o,g]),null}export{v as useVoxAI};
 //# sourceMappingURL=lib.module.js.map

package/dist/lib.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lib.module.js","sources":["../src/hooks/useVoxAI.tsx"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useLocalParticipant,\n useParticipantTracks,\n useTrackTranscription,\n useVoiceAssistant,\n} from \"@livekit/components-react\";\nimport { Track } from \"livekit-client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\n\ntype VoxConnectionDetail = {\n serverUrl: string;\n roomName: string;\n participantName: string;\n participantToken: string;\n};\n\n/*\n VoxAgentState\n * @description The state of the agent\n /\nexport type VoxAgentState =\n \| \"disconnected\"\n \| \"connecting\"\n \| \"initializing\"\n \| \"listening\"\n \| \"thinking\"\n \| \"speaking\";\n\n// API endpoint\nconst HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\n\n/\n VoxMessage\n * @description The message type between the agent and the user\n /\nexport type VoxMessage = {\n id?: string;\n name: \"agent\" \| \"user\" \| \"tool\";\n message?: string;\n timestamp: number;\n isFinal?: boolean;\n};\n\n/\n VoxAIOptions\n * @description The callback functions for the useVoxAI hook\n /\nexport interface VoxAIOptions {\n onConnect?: () => void;\n onDisconnect?: () => void;\n onError?: (error: Error) => void;\n onMessage?: (message: VoxMessage) => void;\n}\n\n// Message channel event types\ntype MessageChannelEvent =\n \| { type: \"state_update\"; state: VoxAgentState }\n \| { type: \"transcription_update\"; transcriptions: TranscriptionSegment[] };\n\ntype TranscriptionSegment = {\n id: string;\n text: string;\n isFinal: boolean;\n timestamp: number;\n speaker: \"agent\" \| \"user\";\n};\n\n/\n ConnectParams\n * @param agentId - The agent ID\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n /\nexport interface ConnectParams {\n agentId: string;\n apiKey: string;\n dynamicVariables?: Record<string, any>;\n metadata?: Record<string, any>;\n}\n\n/\n useVoxAI\n * @description The hook for integrating with vox.ai voice assistant\n * @param options - The options for the useVoxAI hook\n * @returns The useVoxAI hook\n * @example\n * const { connect, disconnect, state, messages } = useVoxAI({\n * onConnect: () => console.log(\"Connected\"),\n * onDisconnect: () => console.log(\"Disconnected\"),\n * onError: (error) => console.error(\"Error:\", error),\n * onMessage: (message) => console.log(\"Message:\", message),\n * });\n /\nexport function useVoxAI(options: VoxAIOptions = {}) {\n // Connection state\n const [connectionDetail, setConnectionDetail] =\n useState<VoxConnectionDetail \| null>(null);\n const [state, setState] = useState<VoxAgentState>(\"disconnected\");\n\n // Message handling\n const [transcriptMap, setTranscriptMap] = useState<Map<string, VoxMessage>>(\n new Map()\n );\n const [messages, setMessages] = useState<VoxMessage[]>([]);\n const prevMessagesRef = useRef<string>(\"\");\n\n // Track which messages we've already sent to the onMessage callback\n const processedMessageIdsRef = useRef<Set<string>>(new Set());\n\n // DOM manipulation for LiveKit portal\n const portalRootRef = useRef<HTMLDivElement \| null>(null);\n const rootRef = useRef<Root \| null>(null);\n\n // Communication channel\n const channelRef = useRef<MessageChannel \| null>(null);\n\n // Update messages whenever transcriptMap changes\n useEffect(() => {\n const allMessages = Array.from(transcriptMap.values()).sort(\n (a, b) => a.timestamp - b.timestamp\n );\n\n // Only update if the messages have actually changed\n const messagesString = JSON.stringify(allMessages);\n if (messagesString !== prevMessagesRef.current) {\n prevMessagesRef.current = messagesString;\n setMessages(allMessages);\n\n // Only trigger onMessage for new final messages that haven't been processed yet\n if (options.onMessage) {\n allMessages\n .filter(\n (msg) =>\n msg.isFinal &&\n msg.id &&\n !processedMessageIdsRef.current.has(msg.id)\n )\n .forEach((msg) => {\n if (msg.id) {\n // Mark this message as processed\n processedMessageIdsRef.current.add(msg.id);\n // Call the callback\n options.onMessage?.(msg);\n }\n });\n }\n }\n }, [transcriptMap, options.onMessage]);\n\n // Initialize message channel\n useEffect(() => {\n channelRef.current = new MessageChannel();\n channelRef.current.port1.onmessage = (e) => {\n const data = e.data as MessageChannelEvent;\n\n if (data.type === \"state_update\") {\n setState(data.state);\n } else if (data.type === \"transcription_update\") {\n handleTranscriptionUpdate(data.transcriptions);\n }\n };\n\n return () => {\n channelRef.current?.port1.close();\n };\n }, []);\n\n // Process incoming transcriptions\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n const messageType = t.speaker === \"agent\" ? \"agent\" : \"user\";\n // Use existing timestamp if we already have this segment\n const existingTimestamp = prevMap.get(t.id)?.timestamp \|\| t.timestamp;\n\n newMap.set(t.id, {\n id: t.id,\n name: messageType,\n message: t.text,\n timestamp: existingTimestamp,\n isFinal: t.isFinal,\n });\n });\n\n return newMap;\n });\n },\n []\n );\n\n // Set up DOM portal for LiveKit\n useEffect(() => {\n const div = document.createElement(\"div\");\n div.style.display = \"none\";\n document.body.appendChild(div);\n portalRootRef.current = div;\n rootRef.current = createRoot(div);\n\n return () => {\n if (rootRef.current) {\n rootRef.current.unmount();\n }\n if (portalRootRef.current) {\n document.body.removeChild(portalRootRef.current);\n }\n };\n }, []);\n\n // Connect to VoxAI service - updated to include dynamicVariables\n const connect = useCallback(\n async ({ agentId, apiKey, dynamicVariables, metadata }: ConnectParams) => {\n try {\n setState(\"connecting\");\n\n const response = await fetch(HTTPS_API_ORIGIN, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n agent_id: agentId,\n metadata: {\n call_web: {\n dynamic_variables: dynamicVariables \|\| {},\n metadata: metadata \|\| {},\n },\n },\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Connection failed (${response.status}): ${errorText}`\n );\n }\n\n const data = await response.json();\n setConnectionDetail(data);\n\n if (options.onConnect) {\n options.onConnect();\n }\n } catch (err) {\n // Reset state on error\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n const error = err instanceof Error ? err : new Error(String(err));\n\n if (options.onError) {\n options.onError(error);\n }\n }\n },\n [options]\n );\n\n // Disconnect from VoxAI service\n const disconnect = useCallback(() => {\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n if (options.onDisconnect) {\n options.onDisconnect();\n }\n }, [options]);\n\n // Render LiveKit components when connection details are available\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n rootRef.current.render(\n <LiveKitRoom\n serverUrl={connectionDetail.serverUrl}\n token={connectionDetail.participantToken}\n audio={true}\n video={false}\n connect={true}\n onDisconnected={disconnect}\n // Add error handling for LiveKit connection\n onError={(error) => {\n console.error(\"LiveKit connection error:\", error);\n disconnect();\n if (options.onError) {\n options.onError(\n new Error(`LiveKit connection error: ${error.message}`)\n );\n }\n }}\n >\n <RoomAudioRenderer />\n <StateMonitor port={channelRef.current?.port2} />\n </LiveKitRoom>\n );\n } else {\n rootRef.current.render(<></>);\n }\n }, [connectionDetail, disconnect, options.onError]);\n\n return {\n connect,\n disconnect,\n state,\n messages,\n };\n}\n\n/\n Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({ port }: { port: MessagePort \| undefined }) {\n const { agent, state } = useVoiceAssistant();\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // User transcriptions\n const localParticipant = useLocalParticipant();\n const localMessages = useTrackTranscription({\n publication: localParticipant.microphoneTrack,\n source: Track.Source.Microphone,\n participant: localParticipant.localParticipant,\n });\n\n // Send agent state updates\n useEffect(() => {\n if (port) {\n port.postMessage({ type: \"state_update\", state });\n }\n }, [state, port]);\n\n // Send agent transcriptions\n useEffect(() => {\n if (port && agentTranscription.segments.length > 0) {\n const transcriptions = agentTranscription.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"agent\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [agentTranscription.segments, port]);\n\n // Send user transcriptions\n useEffect(() => {\n if (port && localMessages.segments.length > 0) {\n const transcriptions = localMessages.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"user\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [localMessages.segments, port]);\n\n return null;\n}\n"],"names":["useVoxAI","options","connectionDetail","setConnectionDetail","useState","state","setState","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","useRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","useEffect","allMessages","Array","from","values","sort","a","b","timestamp","messagesString","JSON","stringify","current","onMessage","filter","msg","isFinal","id","has","forEach","add","MessageChannel","port1","onmessage","e","data","type","handleTranscriptionUpdate","transcriptions","_channelRef$current","close","useCallback","prevMap","newMap","t","_prevMap$get","messageType","speaker","existingTimestamp","get","set","name","message","text","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","fetch","method","headers","Authorization","agent_id","call_web","dynamic_variables","then","response","_temp2","_result2","json","onConnect","_temp","ok","errorText","Error","status","_catch","err","error","String","onError","reject","disconnect","onDisconnect","_channelRef$current2","render","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","console","_jsx","RoomAudioRenderer","StateMonitor","port","port2","_Fragment","_ref2","agent","useVoiceAssistant","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","postMessage","segments","length","map","segment","final","Date","now"],"mappings":"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"}
1	+ {"version":3,"file":"lib.module.js","sources":["../src/hooks/useVoxAI.tsx"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useLocalParticipant,\n useParticipantTracks,\n useTrackTranscription,\n useVoiceAssistant,\n useChat,\n} from \"@livekit/components-react\";\nimport { Track } from \"livekit-client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\n\ntype VoxConnectionDetail = {\n serverUrl: string;\n roomName: string;\n participantName: string;\n participantToken: string;\n};\n\n/*\n VoxAgentState\n * @description The state of the agent\n /\nexport type VoxAgentState =\n \| \"disconnected\"\n \| \"connecting\"\n \| \"initializing\"\n \| \"listening\"\n \| \"thinking\"\n \| \"speaking\";\n\n// API endpoint\nconst HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\n\n/\n VoxMessage\n * @description The message type between the agent and the user\n /\nexport type VoxMessage = {\n id?: string;\n name: \"agent\" \| \"user\" \| \"tool\";\n message?: string;\n timestamp: number;\n isFinal?: boolean;\n};\n\n/\n VoxAIOptions\n * @description The callback functions for the useVoxAI hook\n /\nexport interface VoxAIOptions {\n onConnect?: () => void;\n onDisconnect?: () => void;\n onError?: (error: Error) => void;\n onMessage?: (message: VoxMessage) => void;\n}\n\n// Message channel event types\ntype MessageChannelEvent =\n \| { type: \"state_update\"; state: VoxAgentState }\n \| { type: \"transcription_update\"; transcriptions: TranscriptionSegment[] };\n\ntype TranscriptionSegment = {\n id: string;\n text: string;\n isFinal: boolean;\n timestamp: number;\n speaker: \"agent\" \| \"user\";\n};\n\n/\n ConnectParams\n * @param agentId - The agent ID\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n /\nexport interface ConnectParams {\n agentId: string;\n apiKey: string;\n dynamicVariables?: Record<string, any>;\n metadata?: Record<string, any>;\n}\n\n/\n useVoxAI\n * @description The hook for integrating with vox.ai voice assistant\n * @param options - The options for the useVoxAI hook\n * @returns The useVoxAI hook\n * @example\n * const { connect, disconnect, state, messages, send } = useVoxAI({\n * onConnect: () => console.log(\"Connected\"),\n * onDisconnect: () => console.log(\"Disconnected\"),\n * onError: (error) => console.error(\"Error:\", error),\n * onMessage: (message) => console.log(\"Message:\", message),\n * });\n /\nexport function useVoxAI(options: VoxAIOptions = {}) {\n // Connection state\n const [connectionDetail, setConnectionDetail] =\n useState<VoxConnectionDetail \| null>(null);\n const [state, setState] = useState<VoxAgentState>(\"disconnected\");\n\n // Message handling\n const [transcriptMap, setTranscriptMap] = useState<Map<string, VoxMessage>>(\n new Map()\n );\n const [messages, setMessages] = useState<VoxMessage[]>([]);\n const prevMessagesRef = useRef<string>(\"\");\n\n // Track which messages we've already sent to the onMessage callback\n const processedMessageIdsRef = useRef<Set<string>>(new Set());\n\n // DOM manipulation for LiveKit portal\n const portalRootRef = useRef<HTMLDivElement \| null>(null);\n const rootRef = useRef<Root \| null>(null);\n\n // Communication channel\n const channelRef = useRef<MessageChannel \| null>(null);\n\n // Add this near the start of your useVoxAI hook\n const livekitComponentRef = useRef<React.ReactNode>(null);\n\n // Update messages whenever transcriptMap changes\n useEffect(() => {\n const allMessages = Array.from(transcriptMap.values()).sort(\n (a, b) => a.timestamp - b.timestamp\n );\n\n // Only update if the messages have actually changed\n const messagesString = JSON.stringify(allMessages);\n if (messagesString !== prevMessagesRef.current) {\n prevMessagesRef.current = messagesString;\n setMessages(allMessages);\n\n // Only trigger onMessage for new final messages that haven't been processed yet\n if (options.onMessage) {\n allMessages\n .filter(\n (msg) =>\n msg.isFinal &&\n msg.id &&\n !processedMessageIdsRef.current.has(msg.id)\n )\n .forEach((msg) => {\n if (msg.id) {\n // Mark this message as processed\n processedMessageIdsRef.current.add(msg.id);\n // Call the callback\n options.onMessage?.(msg);\n }\n });\n }\n }\n }, [transcriptMap, options.onMessage]);\n\n // Initialize message channel - ensure ports are properly connected\n useEffect(() => {\n const channel = new MessageChannel();\n\n channel.port1.onmessage = (e) => {\n const data = e.data as MessageChannelEvent;\n\n if (data.type === \"state_update\") {\n setState(data.state);\n } else if (data.type === \"transcription_update\") {\n handleTranscriptionUpdate(data.transcriptions);\n }\n };\n\n // Store the channel reference\n channelRef.current = channel;\n\n return () => {\n channelRef.current?.port1.close();\n channelRef.current?.port2.close();\n channelRef.current = null;\n };\n }, []);\n\n // Process incoming transcriptions\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n const messageType = t.speaker === \"agent\" ? \"agent\" : \"user\";\n // Use existing timestamp if we already have this segment\n const existingTimestamp = prevMap.get(t.id)?.timestamp \|\| t.timestamp;\n\n newMap.set(t.id, {\n id: t.id,\n name: messageType,\n message: t.text,\n timestamp: existingTimestamp,\n isFinal: t.isFinal,\n });\n });\n\n return newMap;\n });\n },\n []\n );\n\n // Set up DOM portal for LiveKit\n useEffect(() => {\n const div = document.createElement(\"div\");\n div.style.display = \"none\";\n document.body.appendChild(div);\n portalRootRef.current = div;\n rootRef.current = createRoot(div);\n\n return () => {\n if (rootRef.current) {\n rootRef.current.unmount();\n }\n if (portalRootRef.current) {\n document.body.removeChild(portalRootRef.current);\n }\n };\n }, []);\n\n // Connect to VoxAI service - updated to include dynamicVariables\n const connect = useCallback(\n async ({ agentId, apiKey, dynamicVariables, metadata }: ConnectParams) => {\n try {\n setState(\"connecting\");\n\n const response = await fetch(HTTPS_API_ORIGIN, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n agent_id: agentId,\n metadata: {\n call_web: {\n dynamic_variables: dynamicVariables \|\| {},\n metadata: metadata \|\| {},\n },\n },\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Connection failed (${response.status}): ${errorText}`\n );\n }\n\n const data = await response.json();\n setConnectionDetail(data);\n\n if (options.onConnect) {\n options.onConnect();\n }\n } catch (err) {\n // Reset state on error\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n const error = err instanceof Error ? err : new Error(String(err));\n\n if (options.onError) {\n options.onError(error);\n }\n }\n },\n [options]\n );\n\n // Disconnect from VoxAI service\n const disconnect = useCallback(() => {\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n if (options.onDisconnect) {\n options.onDisconnect();\n }\n }, [options]);\n\n // Update the send function with debugging and error checking\n const send = useCallback(\n ({ message, digit }: { message?: string; digit?: number }) => {\n if (state === \"disconnected\") {\n console.warn(\"Cannot send message: Not connected to a conversation\");\n return;\n }\n\n if (message) {\n // Add the message to our local transcript map for immediate feedback\n const messageId = `user-text-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(messageId, {\n id: messageId,\n name: \"user\",\n message: message,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n\n // Send message through the message channel to StateMonitor\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"send_text\",\n text: message,\n });\n } else {\n console.error(\"No message channel available to send message\");\n }\n }\n\n if (digit !== undefined) {\n // Send DTMF through the message channel to StateMonitor\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"send_dtmf\",\n digit: digit,\n });\n } else {\n console.error(\"No message channel available to send DTMF\");\n }\n }\n },\n [state]\n );\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n // Only create a new LiveKit component if we don't have one or connection details changed\n if (!livekitComponentRef.current) {\n livekitComponentRef.current = (\n <LiveKitRoom\n serverUrl={connectionDetail.serverUrl}\n token={connectionDetail.participantToken}\n audio={true}\n video={false}\n connect={true}\n onDisconnected={disconnect}\n onError={(error) => {\n console.error(\"LiveKit connection error:\", error);\n disconnect();\n if (options.onError) {\n options.onError(\n new Error(`LiveKit connection error: ${error.message}`)\n );\n }\n }}\n >\n <RoomAudioRenderer />\n {channelRef.current && (\n <StateMonitor port={channelRef.current.port2} />\n )}\n </LiveKitRoom>\n );\n }\n\n rootRef.current.render(livekitComponentRef.current);\n } else {\n livekitComponentRef.current = null;\n rootRef.current.render(<></>);\n }\n }, [connectionDetail, disconnect, options.onError]);\n\n return {\n connect,\n disconnect,\n state,\n messages,\n send,\n };\n}\n\n/\n Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({ port }: { port: MessagePort \| undefined }) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // User transcriptions\n const localParticipant = useLocalParticipant();\n const localMessages = useTrackTranscription({\n publication: localParticipant.microphoneTrack,\n source: Track.Source.Microphone,\n participant: localParticipant.localParticipant,\n });\n\n // Send agent state updates\n useEffect(() => {\n if (port) {\n port.postMessage({ type: \"state_update\", state });\n }\n }, [state, port]);\n\n // Send agent transcriptions\n useEffect(() => {\n if (port && agentTranscription.segments.length > 0) {\n const transcriptions = agentTranscription.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"agent\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [agentTranscription.segments, port]);\n\n // Send user transcriptions\n useEffect(() => {\n if (port && localMessages.segments.length > 0) {\n const transcriptions = localMessages.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"user\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [localMessages.segments, port]);\n\n // Listen for messages from the main component\n useEffect(() => {\n if (!port) {\n console.error(\"No message port available in StateMonitor\");\n return;\n }\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"send_text\") {\n if (sendChat) {\n sendChat(data.text);\n } else {\n console.error(\"sendChat function is not available\");\n }\n } else if (data.type === \"send_dtmf\") {\n if (localParticipant.localParticipant) {\n // Use standard DTMF code (RFC 4733)\n const standardDtmfCode = 101; // Standard DTMF payload type\n localParticipant.localParticipant.publishDtmf(\n standardDtmfCode,\n data.digit\n );\n } else {\n console.error(\"Local participant is not available for DTMF\");\n }\n }\n };\n\n // Make sure to start the port\n port.start();\n\n port.addEventListener(\"message\", handleMessage);\n\n return () => {\n port.removeEventListener(\"message\", handleMessage);\n };\n }, [port, sendChat, localParticipant]);\n\n return null;\n}\n"],"names":["useVoxAI","options","connectionDetail","setConnectionDetail","useState","state","setState","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","useRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","useEffect","allMessages","Array","from","values","sort","a","b","timestamp","messagesString","JSON","stringify","current","onMessage","filter","msg","isFinal","id","has","forEach","add","channel","MessageChannel","port1","onmessage","e","data","type","handleTranscriptionUpdate","transcriptions","_channelRef$current","_channelRef$current2","close","port2","useCallback","prevMap","newMap","t","_prevMap$get","messageType","speaker","existingTimestamp","get","set","name","message","text","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","fetch","method","headers","Authorization","agent_id","call_web","dynamic_variables","then","response","_temp2","_result2","_exit","json","onConnect","_temp","ok","errorText","Error","status","_catch","err","error","String","onError","reject","disconnect","onDisconnect","send","_ref2","digit","messageId","Date","now","postMessage","console","undefined","warn","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","RoomAudioRenderer","StateMonitor","port","render","_Fragment","_ref3","agent","useVoiceAssistant","sendChat","useChat","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","segments","length","map","segment","final","handleMessage","event","publishDtmf","start","addEventListener","removeEventListener"],"mappings":"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"}

package/dist/lib.umd.js CHANGED Viewed

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("@livekit/components-react"),require("livekit-client"),require("react"),require("react-dom/client")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","@livekit/components-react","livekit-client","react","react-dom/client"],t):t((e||self).react={},e.jsxRuntime,e.componentsReact,e.livekitClient,e.react,e.client)}(this,function(e,t,n,r,o,s){function i(e){let{port:t}=e;const{agent:s,state:i}=n.useVoiceAssistant(),a=n.useParticipantTracks([r.Track.Source.Microphone],null==s?void 0:s.identity)[0],c=n.useTrackTranscription(a),u=n.useLocalParticipant(),l=n.useTrackTranscription({publication:u.microphoneTrack,source:r.Track.Source.Microphone,participant:u.localParticipant});return o.useEffect(()=>{t&&t.postMessage({type:"state_update",state:i})},[i,t]),o.useEffect(()=>{if(t&&c.segments.length>0){const e=c.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"agent"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[c.segments,t]),o.useEffect(()=>{if(t&&l.segments.length>0){const e=l.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[l.segments,t]),null}e.useVoxAI=function(e){void 0===e&&(e={});const[r,a]=o.useState(null),[c,u]=o.useState("disconnected"),[l,d]=o.useState(new Map),[p,m]=o.useState([]),f=o.useRef(""),g=o.useRef(new Set),h=o.useRef(null),v=o.useRef(null),y=o.useRef(null);o.useEffect(()=>{const t=Array.from(l.values()).sort((e,t)=>e.timestamp-t.timestamp),n=JSON.stringify(t);n!==f.current&&(f.current=n,m(t),e.onMessage&&t.filter(e=>e.isFinal&&e.id&&!g.current.has(e.id)).forEach(t=>{t.id&&(g.current.add(t.id),null==e.onMessage||e.onMessage(t))}))},[l,e.onMessage]),o.useEffect(()=>(y.current=new MessageChannel,y.current.port1.onmessage=e=>{const t=e.data;"state_update"===t.type?u(t.state):"transcription_update"===t.type&&k(t.transcriptions)},()=>{var e;null==(e=y.current)||e.port1.close()}),[]);const k=o.useCallback(e=>{d(t=>{const n=new Map(t);return e.forEach(e=>{var r;const o="agent"===e.speaker?"agent":"user",s=(null==(r=t.get(e.id))?void 0:r.timestamp)||e.timestamp;n.set(e.id,{id:e.id,name:o,message:e.text,timestamp:s,isFinal:e.isFinal})}),n})},[]);o.useEffect(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),h.current=e,v.current=s.createRoot(e),()=>{v.current&&v.current.unmount(),h.current&&document.body.removeChild(h.current)}},[]);const E=o.useCallback(function(t){let{agentId:n,apiKey:r,dynamicVariables:o,metadata:s}=t;try{return Promise.resolve(function(t,i){try{var c=(u("connecting"),Promise.resolve(fetch("https://www.tryvox.co/api/agent/sdk",{method:"POST",headers:{Authorization:"Bearer "+r,"Content-Type":"application/json"},body:JSON.stringify({agent_id:n,metadata:{call_web:{dynamic_variables:o||{},metadata:s||{}}}})})).then(function(t){function n(n){return Promise.resolve(t.json()).then(function(t){a(t),e.onConnect&&e.onConnect()})}const r=function(){if(!t.ok)return Promise.resolve(t.text()).then(function(e){throw new Error("Connection failed ("+t.status+"): "+e)})}();return r&&r.then?r.then(n):n()}))}catch(e){return i(e)}return c&&c.then?c.then(void 0,i):c}(0,function(t){a(null),d(new Map),m([]),u("disconnected");const n=t instanceof Error?t:new Error(String(t));e.onError&&e.onError(n)}))}catch(e){return Promise.reject(e)}},[e]),x=o.useCallback(()=>{a(null),d(new Map),m([]),u("disconnected"),e.onDisconnect&&e.onDisconnect()},[e]);return o.useEffect(()=>{var o;v.current&&v.current.render(r?t.jsxs(n.LiveKitRoom,{serverUrl:r.serverUrl,token:r.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:x,onError:t=>{console.error("LiveKit connection error:",t),x(),e.onError&&e.onError(new Error("LiveKit connection error: "+t.message))},children:[t.jsx(n.RoomAudioRenderer,{}),t.jsx(i,{port:null==(o=y.current)?void 0:o.port2})]}):t.jsx(t.Fragment,{}))},[r,x,e.onError]),{connect:E,disconnect:x,state:c,messages:p}}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("@livekit/components-react"),require("livekit-client"),require("react"),require("react-dom/client")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","@livekit/components-react","livekit-client","react","react-dom/client"],t):t((e||self).react={},e.jsxRuntime,e.componentsReact,e.livekitClient,e.react,e.client)}(this,function(e,t,n,r,s,o){function a(e){let{port:t}=e;const{agent:o,state:a}=n.useVoiceAssistant(),{send:i}=n.useChat(),c=n.useParticipantTracks([r.Track.Source.Microphone],null==o?void 0:o.identity)[0],u=n.useTrackTranscription(c),l=n.useLocalParticipant(),d=n.useTrackTranscription({publication:l.microphoneTrack,source:r.Track.Source.Microphone,participant:l.localParticipant});return s.useEffect(()=>{t&&t.postMessage({type:"state_update",state:a})},[a,t]),s.useEffect(()=>{if(t&&u.segments.length>0){const e=u.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"agent"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[u.segments,t]),s.useEffect(()=>{if(t&&d.segments.length>0){const e=d.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[d.segments,t]),s.useEffect(()=>{if(!t)return void console.error("No message port available in StateMonitor");const e=e=>{const t=e.data;"send_text"===t.type?i?i(t.text):console.error("sendChat function is not available"):"send_dtmf"===t.type&&(l.localParticipant?l.localParticipant.publishDtmf(101,t.digit):console.error("Local participant is not available for DTMF"))};return t.start(),t.addEventListener("message",e),()=>{t.removeEventListener("message",e)}},[t,i,l]),null}e.useVoxAI=function(e){void 0===e&&(e={});const[r,i]=s.useState(null),[c,u]=s.useState("disconnected"),[l,d]=s.useState(new Map),[p,m]=s.useState([]),f=s.useRef(""),g=s.useRef(new Set),v=s.useRef(null),h=s.useRef(null),y=s.useRef(null),x=s.useRef(null);s.useEffect(()=>{const t=Array.from(l.values()).sort((e,t)=>e.timestamp-t.timestamp),n=JSON.stringify(t);n!==f.current&&(f.current=n,m(t),e.onMessage&&t.filter(e=>e.isFinal&&e.id&&!g.current.has(e.id)).forEach(t=>{t.id&&(g.current.add(t.id),null==e.onMessage||e.onMessage(t))}))},[l,e.onMessage]),s.useEffect(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;"state_update"===t.type?u(t.state):"transcription_update"===t.type&&E(t.transcriptions)},y.current=e,()=>{var e,t;null==(e=y.current)||e.port1.close(),null==(t=y.current)||t.port2.close(),y.current=null}},[]);const E=s.useCallback(e=>{d(t=>{const n=new Map(t);return e.forEach(e=>{var r;const s="agent"===e.speaker?"agent":"user",o=(null==(r=t.get(e.id))?void 0:r.timestamp)||e.timestamp;n.set(e.id,{id:e.id,name:s,message:e.text,timestamp:o,isFinal:e.isFinal})}),n})},[]);s.useEffect(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),v.current=e,h.current=o.createRoot(e),()=>{h.current&&h.current.unmount(),v.current&&document.body.removeChild(v.current)}},[]);const k=s.useCallback(function(t){let{agentId:n,apiKey:r,dynamicVariables:s,metadata:o}=t;try{return Promise.resolve(function(t,a){try{var c=(u("connecting"),Promise.resolve(fetch("https://www.tryvox.co/api/agent/sdk",{method:"POST",headers:{Authorization:"Bearer "+r,"Content-Type":"application/json"},body:JSON.stringify({agent_id:n,metadata:{call_web:{dynamic_variables:s||{},metadata:o||{}}}})})).then(function(t){function n(n){return Promise.resolve(t.json()).then(function(t){i(t),e.onConnect&&e.onConnect()})}const r=function(){if(!t.ok)return Promise.resolve(t.text()).then(function(e){throw new Error("Connection failed ("+t.status+"): "+e)})}();return r&&r.then?r.then(n):n()}))}catch(e){return a(e)}return c&&c.then?c.then(void 0,a):c}(0,function(t){i(null),d(new Map),m([]),u("disconnected");const n=t instanceof Error?t:new Error(String(t));e.onError&&e.onError(n)}))}catch(e){return Promise.reject(e)}},[e]),b=s.useCallback(()=>{i(null),d(new Map),m([]),u("disconnected"),e.onDisconnect&&e.onDisconnect()},[e]),w=s.useCallback(e=>{let{message:t,digit:n}=e;if("disconnected"!==c){if(t){const e="user-text-"+Date.now();d(n=>{const r=new Map(n);return r.set(e,{id:e,name:"user",message:t,timestamp:Date.now(),isFinal:!0}),r}),y.current?y.current.port1.postMessage({type:"send_text",text:t}):console.error("No message channel available to send message")}void 0!==n&&(y.current?y.current.port1.postMessage({type:"send_dtmf",digit:n}):console.error("No message channel available to send DTMF"))}else console.warn("Cannot send message: Not connected to a conversation")},[c]);return s.useEffect(()=>{h.current&&(r?(x.current||(x.current=t.jsxs(n.LiveKitRoom,{serverUrl:r.serverUrl,token:r.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:b,onError:t=>{console.error("LiveKit connection error:",t),b(),e.onError&&e.onError(new Error("LiveKit connection error: "+t.message))},children:[t.jsx(n.RoomAudioRenderer,{}),y.current&&t.jsx(a,{port:y.current.port2})]})),h.current.render(x.current)):(x.current=null,h.current.render(t.jsx(t.Fragment,{}))))},[r,b,e.onError]),{connect:k,disconnect:b,state:c,messages:p,send:w}}});
 //# sourceMappingURL=lib.umd.js.map

package/dist/lib.umd.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lib.umd.js","sources":["../src/hooks/useVoxAI.tsx"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useLocalParticipant,\n useParticipantTracks,\n useTrackTranscription,\n useVoiceAssistant,\n} from \"@livekit/components-react\";\nimport { Track } from \"livekit-client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\n\ntype VoxConnectionDetail = {\n serverUrl: string;\n roomName: string;\n participantName: string;\n participantToken: string;\n};\n\n/*\n VoxAgentState\n * @description The state of the agent\n /\nexport type VoxAgentState =\n \| \"disconnected\"\n \| \"connecting\"\n \| \"initializing\"\n \| \"listening\"\n \| \"thinking\"\n \| \"speaking\";\n\n// API endpoint\nconst HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\n\n/\n VoxMessage\n * @description The message type between the agent and the user\n /\nexport type VoxMessage = {\n id?: string;\n name: \"agent\" \| \"user\" \| \"tool\";\n message?: string;\n timestamp: number;\n isFinal?: boolean;\n};\n\n/\n VoxAIOptions\n * @description The callback functions for the useVoxAI hook\n /\nexport interface VoxAIOptions {\n onConnect?: () => void;\n onDisconnect?: () => void;\n onError?: (error: Error) => void;\n onMessage?: (message: VoxMessage) => void;\n}\n\n// Message channel event types\ntype MessageChannelEvent =\n \| { type: \"state_update\"; state: VoxAgentState }\n \| { type: \"transcription_update\"; transcriptions: TranscriptionSegment[] };\n\ntype TranscriptionSegment = {\n id: string;\n text: string;\n isFinal: boolean;\n timestamp: number;\n speaker: \"agent\" \| \"user\";\n};\n\n/\n ConnectParams\n * @param agentId - The agent ID\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n /\nexport interface ConnectParams {\n agentId: string;\n apiKey: string;\n dynamicVariables?: Record<string, any>;\n metadata?: Record<string, any>;\n}\n\n/\n useVoxAI\n * @description The hook for integrating with vox.ai voice assistant\n * @param options - The options for the useVoxAI hook\n * @returns The useVoxAI hook\n * @example\n * const { connect, disconnect, state, messages } = useVoxAI({\n * onConnect: () => console.log(\"Connected\"),\n * onDisconnect: () => console.log(\"Disconnected\"),\n * onError: (error) => console.error(\"Error:\", error),\n * onMessage: (message) => console.log(\"Message:\", message),\n * });\n /\nexport function useVoxAI(options: VoxAIOptions = {}) {\n // Connection state\n const [connectionDetail, setConnectionDetail] =\n useState<VoxConnectionDetail \| null>(null);\n const [state, setState] = useState<VoxAgentState>(\"disconnected\");\n\n // Message handling\n const [transcriptMap, setTranscriptMap] = useState<Map<string, VoxMessage>>(\n new Map()\n );\n const [messages, setMessages] = useState<VoxMessage[]>([]);\n const prevMessagesRef = useRef<string>(\"\");\n\n // Track which messages we've already sent to the onMessage callback\n const processedMessageIdsRef = useRef<Set<string>>(new Set());\n\n // DOM manipulation for LiveKit portal\n const portalRootRef = useRef<HTMLDivElement \| null>(null);\n const rootRef = useRef<Root \| null>(null);\n\n // Communication channel\n const channelRef = useRef<MessageChannel \| null>(null);\n\n // Update messages whenever transcriptMap changes\n useEffect(() => {\n const allMessages = Array.from(transcriptMap.values()).sort(\n (a, b) => a.timestamp - b.timestamp\n );\n\n // Only update if the messages have actually changed\n const messagesString = JSON.stringify(allMessages);\n if (messagesString !== prevMessagesRef.current) {\n prevMessagesRef.current = messagesString;\n setMessages(allMessages);\n\n // Only trigger onMessage for new final messages that haven't been processed yet\n if (options.onMessage) {\n allMessages\n .filter(\n (msg) =>\n msg.isFinal &&\n msg.id &&\n !processedMessageIdsRef.current.has(msg.id)\n )\n .forEach((msg) => {\n if (msg.id) {\n // Mark this message as processed\n processedMessageIdsRef.current.add(msg.id);\n // Call the callback\n options.onMessage?.(msg);\n }\n });\n }\n }\n }, [transcriptMap, options.onMessage]);\n\n // Initialize message channel\n useEffect(() => {\n channelRef.current = new MessageChannel();\n channelRef.current.port1.onmessage = (e) => {\n const data = e.data as MessageChannelEvent;\n\n if (data.type === \"state_update\") {\n setState(data.state);\n } else if (data.type === \"transcription_update\") {\n handleTranscriptionUpdate(data.transcriptions);\n }\n };\n\n return () => {\n channelRef.current?.port1.close();\n };\n }, []);\n\n // Process incoming transcriptions\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n const messageType = t.speaker === \"agent\" ? \"agent\" : \"user\";\n // Use existing timestamp if we already have this segment\n const existingTimestamp = prevMap.get(t.id)?.timestamp \|\| t.timestamp;\n\n newMap.set(t.id, {\n id: t.id,\n name: messageType,\n message: t.text,\n timestamp: existingTimestamp,\n isFinal: t.isFinal,\n });\n });\n\n return newMap;\n });\n },\n []\n );\n\n // Set up DOM portal for LiveKit\n useEffect(() => {\n const div = document.createElement(\"div\");\n div.style.display = \"none\";\n document.body.appendChild(div);\n portalRootRef.current = div;\n rootRef.current = createRoot(div);\n\n return () => {\n if (rootRef.current) {\n rootRef.current.unmount();\n }\n if (portalRootRef.current) {\n document.body.removeChild(portalRootRef.current);\n }\n };\n }, []);\n\n // Connect to VoxAI service - updated to include dynamicVariables\n const connect = useCallback(\n async ({ agentId, apiKey, dynamicVariables, metadata }: ConnectParams) => {\n try {\n setState(\"connecting\");\n\n const response = await fetch(HTTPS_API_ORIGIN, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n agent_id: agentId,\n metadata: {\n call_web: {\n dynamic_variables: dynamicVariables \|\| {},\n metadata: metadata \|\| {},\n },\n },\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Connection failed (${response.status}): ${errorText}`\n );\n }\n\n const data = await response.json();\n setConnectionDetail(data);\n\n if (options.onConnect) {\n options.onConnect();\n }\n } catch (err) {\n // Reset state on error\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n const error = err instanceof Error ? err : new Error(String(err));\n\n if (options.onError) {\n options.onError(error);\n }\n }\n },\n [options]\n );\n\n // Disconnect from VoxAI service\n const disconnect = useCallback(() => {\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n if (options.onDisconnect) {\n options.onDisconnect();\n }\n }, [options]);\n\n // Render LiveKit components when connection details are available\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n rootRef.current.render(\n <LiveKitRoom\n serverUrl={connectionDetail.serverUrl}\n token={connectionDetail.participantToken}\n audio={true}\n video={false}\n connect={true}\n onDisconnected={disconnect}\n // Add error handling for LiveKit connection\n onError={(error) => {\n console.error(\"LiveKit connection error:\", error);\n disconnect();\n if (options.onError) {\n options.onError(\n new Error(`LiveKit connection error: ${error.message}`)\n );\n }\n }}\n >\n <RoomAudioRenderer />\n <StateMonitor port={channelRef.current?.port2} />\n </LiveKitRoom>\n );\n } else {\n rootRef.current.render(<></>);\n }\n }, [connectionDetail, disconnect, options.onError]);\n\n return {\n connect,\n disconnect,\n state,\n messages,\n };\n}\n\n/\n Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({ port }: { port: MessagePort \| undefined }) {\n const { agent, state } = useVoiceAssistant();\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // User transcriptions\n const localParticipant = useLocalParticipant();\n const localMessages = useTrackTranscription({\n publication: localParticipant.microphoneTrack,\n source: Track.Source.Microphone,\n participant: localParticipant.localParticipant,\n });\n\n // Send agent state updates\n useEffect(() => {\n if (port) {\n port.postMessage({ type: \"state_update\", state });\n }\n }, [state, port]);\n\n // Send agent transcriptions\n useEffect(() => {\n if (port && agentTranscription.segments.length > 0) {\n const transcriptions = agentTranscription.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"agent\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [agentTranscription.segments, port]);\n\n // Send user transcriptions\n useEffect(() => {\n if (port && localMessages.segments.length > 0) {\n const transcriptions = localMessages.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"user\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [localMessages.segments, port]);\n\n return null;\n}\n"],"names":["StateMonitor","_ref2","port","agent","state","useVoiceAssistant","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","useEffect","postMessage","type","segments","length","transcriptions","map","segment","id","text","isFinal","final","timestamp","Date","now","speaker","options","connectionDetail","setConnectionDetail","useState","setState","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","useRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","allMessages","Array","from","values","sort","a","b","messagesString","JSON","stringify","current","onMessage","filter","msg","has","forEach","add","MessageChannel","port1","onmessage","e","data","handleTranscriptionUpdate","_channelRef$current","close","useCallback","prevMap","newMap","t","_prevMap$get","messageType","existingTimestamp","get","set","name","message","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","fetch","method","headers","Authorization","agent_id","call_web","dynamic_variables","then","response","_temp2","_result2","json","onConnect","_temp","ok","errorText","Error","status","_catch","err","error","String","onError","reject","disconnect","onDisconnect","_channelRef$current2","render","_jsxs","jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","console","_jsx","RoomAudioRenderer","port2","jsx","_Fragment","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"lib.umd.js","sources":["../src/hooks/useVoxAI.tsx"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useLocalParticipant,\n useParticipantTracks,\n useTrackTranscription,\n useVoiceAssistant,\n useChat,\n} from \"@livekit/components-react\";\nimport { Track } from \"livekit-client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\n\ntype VoxConnectionDetail = {\n serverUrl: string;\n roomName: string;\n participantName: string;\n participantToken: string;\n};\n\n/*\n VoxAgentState\n * @description The state of the agent\n /\nexport type VoxAgentState =\n \| \"disconnected\"\n \| \"connecting\"\n \| \"initializing\"\n \| \"listening\"\n \| \"thinking\"\n \| \"speaking\";\n\n// API endpoint\nconst HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\n\n/\n VoxMessage\n * @description The message type between the agent and the user\n /\nexport type VoxMessage = {\n id?: string;\n name: \"agent\" \| \"user\" \| \"tool\";\n message?: string;\n timestamp: number;\n isFinal?: boolean;\n};\n\n/\n VoxAIOptions\n * @description The callback functions for the useVoxAI hook\n /\nexport interface VoxAIOptions {\n onConnect?: () => void;\n onDisconnect?: () => void;\n onError?: (error: Error) => void;\n onMessage?: (message: VoxMessage) => void;\n}\n\n// Message channel event types\ntype MessageChannelEvent =\n \| { type: \"state_update\"; state: VoxAgentState }\n \| { type: \"transcription_update\"; transcriptions: TranscriptionSegment[] };\n\ntype TranscriptionSegment = {\n id: string;\n text: string;\n isFinal: boolean;\n timestamp: number;\n speaker: \"agent\" \| \"user\";\n};\n\n/\n ConnectParams\n * @param agentId - The agent ID\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n /\nexport interface ConnectParams {\n agentId: string;\n apiKey: string;\n dynamicVariables?: Record<string, any>;\n metadata?: Record<string, any>;\n}\n\n/\n useVoxAI\n * @description The hook for integrating with vox.ai voice assistant\n * @param options - The options for the useVoxAI hook\n * @returns The useVoxAI hook\n * @example\n * const { connect, disconnect, state, messages, send } = useVoxAI({\n * onConnect: () => console.log(\"Connected\"),\n * onDisconnect: () => console.log(\"Disconnected\"),\n * onError: (error) => console.error(\"Error:\", error),\n * onMessage: (message) => console.log(\"Message:\", message),\n * });\n /\nexport function useVoxAI(options: VoxAIOptions = {}) {\n // Connection state\n const [connectionDetail, setConnectionDetail] =\n useState<VoxConnectionDetail \| null>(null);\n const [state, setState] = useState<VoxAgentState>(\"disconnected\");\n\n // Message handling\n const [transcriptMap, setTranscriptMap] = useState<Map<string, VoxMessage>>(\n new Map()\n );\n const [messages, setMessages] = useState<VoxMessage[]>([]);\n const prevMessagesRef = useRef<string>(\"\");\n\n // Track which messages we've already sent to the onMessage callback\n const processedMessageIdsRef = useRef<Set<string>>(new Set());\n\n // DOM manipulation for LiveKit portal\n const portalRootRef = useRef<HTMLDivElement \| null>(null);\n const rootRef = useRef<Root \| null>(null);\n\n // Communication channel\n const channelRef = useRef<MessageChannel \| null>(null);\n\n // Add this near the start of your useVoxAI hook\n const livekitComponentRef = useRef<React.ReactNode>(null);\n\n // Update messages whenever transcriptMap changes\n useEffect(() => {\n const allMessages = Array.from(transcriptMap.values()).sort(\n (a, b) => a.timestamp - b.timestamp\n );\n\n // Only update if the messages have actually changed\n const messagesString = JSON.stringify(allMessages);\n if (messagesString !== prevMessagesRef.current) {\n prevMessagesRef.current = messagesString;\n setMessages(allMessages);\n\n // Only trigger onMessage for new final messages that haven't been processed yet\n if (options.onMessage) {\n allMessages\n .filter(\n (msg) =>\n msg.isFinal &&\n msg.id &&\n !processedMessageIdsRef.current.has(msg.id)\n )\n .forEach((msg) => {\n if (msg.id) {\n // Mark this message as processed\n processedMessageIdsRef.current.add(msg.id);\n // Call the callback\n options.onMessage?.(msg);\n }\n });\n }\n }\n }, [transcriptMap, options.onMessage]);\n\n // Initialize message channel - ensure ports are properly connected\n useEffect(() => {\n const channel = new MessageChannel();\n\n channel.port1.onmessage = (e) => {\n const data = e.data as MessageChannelEvent;\n\n if (data.type === \"state_update\") {\n setState(data.state);\n } else if (data.type === \"transcription_update\") {\n handleTranscriptionUpdate(data.transcriptions);\n }\n };\n\n // Store the channel reference\n channelRef.current = channel;\n\n return () => {\n channelRef.current?.port1.close();\n channelRef.current?.port2.close();\n channelRef.current = null;\n };\n }, []);\n\n // Process incoming transcriptions\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n const messageType = t.speaker === \"agent\" ? \"agent\" : \"user\";\n // Use existing timestamp if we already have this segment\n const existingTimestamp = prevMap.get(t.id)?.timestamp \|\| t.timestamp;\n\n newMap.set(t.id, {\n id: t.id,\n name: messageType,\n message: t.text,\n timestamp: existingTimestamp,\n isFinal: t.isFinal,\n });\n });\n\n return newMap;\n });\n },\n []\n );\n\n // Set up DOM portal for LiveKit\n useEffect(() => {\n const div = document.createElement(\"div\");\n div.style.display = \"none\";\n document.body.appendChild(div);\n portalRootRef.current = div;\n rootRef.current = createRoot(div);\n\n return () => {\n if (rootRef.current) {\n rootRef.current.unmount();\n }\n if (portalRootRef.current) {\n document.body.removeChild(portalRootRef.current);\n }\n };\n }, []);\n\n // Connect to VoxAI service - updated to include dynamicVariables\n const connect = useCallback(\n async ({ agentId, apiKey, dynamicVariables, metadata }: ConnectParams) => {\n try {\n setState(\"connecting\");\n\n const response = await fetch(HTTPS_API_ORIGIN, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n agent_id: agentId,\n metadata: {\n call_web: {\n dynamic_variables: dynamicVariables \|\| {},\n metadata: metadata \|\| {},\n },\n },\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(\n `Connection failed (${response.status}): ${errorText}`\n );\n }\n\n const data = await response.json();\n setConnectionDetail(data);\n\n if (options.onConnect) {\n options.onConnect();\n }\n } catch (err) {\n // Reset state on error\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n const error = err instanceof Error ? err : new Error(String(err));\n\n if (options.onError) {\n options.onError(error);\n }\n }\n },\n [options]\n );\n\n // Disconnect from VoxAI service\n const disconnect = useCallback(() => {\n setConnectionDetail(null);\n setTranscriptMap(new Map());\n setMessages([]);\n setState(\"disconnected\");\n\n if (options.onDisconnect) {\n options.onDisconnect();\n }\n }, [options]);\n\n // Update the send function with debugging and error checking\n const send = useCallback(\n ({ message, digit }: { message?: string; digit?: number }) => {\n if (state === \"disconnected\") {\n console.warn(\"Cannot send message: Not connected to a conversation\");\n return;\n }\n\n if (message) {\n // Add the message to our local transcript map for immediate feedback\n const messageId = `user-text-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(messageId, {\n id: messageId,\n name: \"user\",\n message: message,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n\n // Send message through the message channel to StateMonitor\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"send_text\",\n text: message,\n });\n } else {\n console.error(\"No message channel available to send message\");\n }\n }\n\n if (digit !== undefined) {\n // Send DTMF through the message channel to StateMonitor\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"send_dtmf\",\n digit: digit,\n });\n } else {\n console.error(\"No message channel available to send DTMF\");\n }\n }\n },\n [state]\n );\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n // Only create a new LiveKit component if we don't have one or connection details changed\n if (!livekitComponentRef.current) {\n livekitComponentRef.current = (\n <LiveKitRoom\n serverUrl={connectionDetail.serverUrl}\n token={connectionDetail.participantToken}\n audio={true}\n video={false}\n connect={true}\n onDisconnected={disconnect}\n onError={(error) => {\n console.error(\"LiveKit connection error:\", error);\n disconnect();\n if (options.onError) {\n options.onError(\n new Error(`LiveKit connection error: ${error.message}`)\n );\n }\n }}\n >\n <RoomAudioRenderer />\n {channelRef.current && (\n <StateMonitor port={channelRef.current.port2} />\n )}\n </LiveKitRoom>\n );\n }\n\n rootRef.current.render(livekitComponentRef.current);\n } else {\n livekitComponentRef.current = null;\n rootRef.current.render(<></>);\n }\n }, [connectionDetail, disconnect, options.onError]);\n\n return {\n connect,\n disconnect,\n state,\n messages,\n send,\n };\n}\n\n/\n Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({ port }: { port: MessagePort \| undefined }) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // User transcriptions\n const localParticipant = useLocalParticipant();\n const localMessages = useTrackTranscription({\n publication: localParticipant.microphoneTrack,\n source: Track.Source.Microphone,\n participant: localParticipant.localParticipant,\n });\n\n // Send agent state updates\n useEffect(() => {\n if (port) {\n port.postMessage({ type: \"state_update\", state });\n }\n }, [state, port]);\n\n // Send agent transcriptions\n useEffect(() => {\n if (port && agentTranscription.segments.length > 0) {\n const transcriptions = agentTranscription.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"agent\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [agentTranscription.segments, port]);\n\n // Send user transcriptions\n useEffect(() => {\n if (port && localMessages.segments.length > 0) {\n const transcriptions = localMessages.segments.map((segment) => ({\n id: segment.id,\n text: segment.text,\n isFinal: segment.final,\n timestamp: Date.now(),\n speaker: \"user\" as const,\n }));\n\n port.postMessage({\n type: \"transcription_update\",\n transcriptions,\n });\n }\n }, [localMessages.segments, port]);\n\n // Listen for messages from the main component\n useEffect(() => {\n if (!port) {\n console.error(\"No message port available in StateMonitor\");\n return;\n }\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"send_text\") {\n if (sendChat) {\n sendChat(data.text);\n } else {\n console.error(\"sendChat function is not available\");\n }\n } else if (data.type === \"send_dtmf\") {\n if (localParticipant.localParticipant) {\n // Use standard DTMF code (RFC 4733)\n const standardDtmfCode = 101; // Standard DTMF payload type\n localParticipant.localParticipant.publishDtmf(\n standardDtmfCode,\n data.digit\n );\n } else {\n console.error(\"Local participant is not available for DTMF\");\n }\n }\n };\n\n // Make sure to start the port\n port.start();\n\n port.addEventListener(\"message\", handleMessage);\n\n return () => {\n port.removeEventListener(\"message\", handleMessage);\n };\n }, [port, sendChat, localParticipant]);\n\n return null;\n}\n"],"names":["StateMonitor","_ref3","port","agent","state","useVoiceAssistant","send","sendChat","useChat","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","useEffect","postMessage","type","segments","length","transcriptions","map","segment","id","text","isFinal","final","timestamp","Date","now","speaker","console","error","handleMessage","event","data","publishDtmf","digit","start","addEventListener","removeEventListener","options","connectionDetail","setConnectionDetail","useState","setState","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","useRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","allMessages","Array","from","values","sort","a","b","messagesString","JSON","stringify","current","onMessage","filter","msg","has","forEach","add","channel","MessageChannel","port1","onmessage","e","handleTranscriptionUpdate","_channelRef$current","_channelRef$current2","close","port2","useCallback","prevMap","newMap","t","_prevMap$get","messageType","existingTimestamp","get","set","name","message","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","fetch","method","headers","Authorization","agent_id","call_web","dynamic_variables","then","response","_temp2","_result2","_exit","json","onConnect","_temp","ok","errorText","Error","status","_catch","err","String","onError","reject","disconnect","onDisconnect","_ref2","messageId","undefined","warn","_jsxs","jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","jsx","RoomAudioRenderer","render","_Fragment","Fragment"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vox-ai/react",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "vox.ai React Library",
   "main": "./dist/lib.umd.js",
   "module": "./dist/lib.module.js",