@vox-ai/react 0.3.0 → 0.3.2
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.
- package/dist/hooks/index.d.ts +0 -0
- package/dist/hooks/useVoxAI.d.ts +3 -1
- package/dist/index.d.ts +0 -0
- package/dist/lib.cjs +1 -1
- package/dist/lib.cjs.map +1 -1
- package/dist/lib.modern.js +1 -1
- package/dist/lib.modern.js.map +1 -1
- package/dist/lib.module.js +1 -1
- package/dist/lib.module.js.map +1 -1
- package/dist/lib.umd.js +1 -1
- package/dist/lib.umd.js.map +1 -1
- package/dist/utils/constants.d.ts +1 -1
- package/package.json +1 -1
package/dist/hooks/index.d.ts
CHANGED
|
File without changes
|
package/dist/hooks/useVoxAI.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export interface FunctionCallInfo {
|
|
|
15
15
|
id: string;
|
|
16
16
|
type: string;
|
|
17
17
|
call_id: string;
|
|
18
|
-
arguments: string
|
|
18
|
+
arguments: Record<string, any>;
|
|
19
19
|
name: string;
|
|
20
20
|
}
|
|
21
21
|
export interface FunctionCallResult {
|
|
@@ -51,12 +51,14 @@ export interface VoxAIOptions {
|
|
|
51
51
|
/**
|
|
52
52
|
* ConnectParams
|
|
53
53
|
* @param agentId - The agent ID
|
|
54
|
+
* @param agentVersion - The agent version, if not provided, the current version will be used
|
|
54
55
|
* @param apiKey - The API key
|
|
55
56
|
* @param dynamicVariables - The dynamic variables
|
|
56
57
|
* @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.
|
|
57
58
|
*/
|
|
58
59
|
export interface ConnectParams {
|
|
59
60
|
agentId: string;
|
|
61
|
+
agentVersion?: number;
|
|
60
62
|
apiKey: string;
|
|
61
63
|
dynamicVariables?: Record<string, any>;
|
|
62
64
|
metadata?: Record<string, any>;
|
package/dist/index.d.ts
CHANGED
|
File without changes
|
package/dist/lib.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=require("react/jsx-runtime"),t=require("@livekit/components-react"),n=require("livekit-client"),r=require("react"),o=require("react-dom/client");function a(e){let{port:o,initialConfig:a}=e;const{agent:s,state:c}=t.useVoiceAssistant(),{send:i}=t.useChat(),[u,l]=r.useState({speaker:a.speaker||"agent",barCount:a.barCount,updateInterval:a.updateInterval}),p=t.useParticipantTracks([n.Track.Source.Microphone],null==s?void 0:s.identity)[0],d=t.useTrackTranscription(p),m=t.useAudioWaveform(p,{barCount:"agent"===u.speaker?u.barCount:120,updateInterval:"agent"===u.speaker?u.updateInterval:20}),f=t.useLocalParticipant(),g=t.useTrackTranscription({publication:f.microphoneTrack,source:n.Track.Source.Microphone,participant:f.localParticipant}),v=t.useParticipantTracks([n.Track.Source.Microphone],f.localParticipant.identity)[0],y=t.useAudioWaveform(v,{barCount:"user"===u.speaker?u.barCount:120,updateInterval:"user"===u.speaker?u.updateInterval:20});return r.useEffect(()=>{o&&m&&m.bars&&o.postMessage({type:"waveform_update",waveformData:m.bars,speaker:"agent"})},[o,m]),r.useEffect(()=>{o&&y&&y.bars&&o.postMessage({type:"waveform_update",waveformData:y.bars,speaker:"user"})},[o,y]),r.useEffect(()=>{if(!o)return;const e=e=>{const t=e.data;if("waveform_config"===t.type&&t.config)"number"==typeof t.config.barCount&&"number"==typeof t.config.updateInterval&&l(t.config);else if("send_text"===t.type)i?i(t.text):console.error("sendChat function is not available");else if("send_dtmf"===t.type)f.localParticipant?f.localParticipant.publishDtmf(101,t.digit):console.error("Local participant is not available for DTMF");else if("toggle_mic"===t.type&&"boolean"==typeof t.enabled)f.localParticipant?f.localParticipant.setMicrophoneEnabled(t.enabled).catch(e=>{console.error("Failed to toggle microphone:",e)}):console.error("Local participant is not available for mic toggle");else if("set_volume"===t.type&&"number"==typeof t.volume)if(s)try{s.setVolume(t.volume),console.log("Set agent volume to "+t.volume)}catch(e){console.error("Failed to set agent volume:",e)}else console.error("Agent is not available for volume control")};return o.start(),o.addEventListener("message",e),()=>{o.removeEventListener("message",e)}},[o,i,f,s]),r.useEffect(()=>{o&&o.postMessage({type:"state_update",state:c})},[c,o]),r.useEffect(()=>{if(o&&d.segments.length>0){const e=d.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"agent"}));o.postMessage({type:"transcription_update",transcriptions:e})}},[d.segments,o]),r.useEffect(()=>{if(o&&g.segments.length>0){const e=g.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));o.postMessage({type:"transcription_update",transcriptions:e})}},[g.segments,o]),t.useDataChannel("function_tools_executed",e=>{if(!o)return;const t=new TextDecoder,n=e.payload instanceof Uint8Array?t.decode(e.payload):String(e.payload);let r;try{r=JSON.parse(n),o.postMessage({type:"function_tools_executed",tool:r})}catch(e){console.error("Failed to parse function call log:",e)}}),null}exports.useVoxAI=function(n){void 0===n&&(n={});const[s,c]=r.useState(null),[i,u]=r.useState("disconnected"),l=r.useRef(Date.now()),[p,d]=r.useState(new Map),[m,f]=r.useState([]),g=r.useRef(""),v=r.useRef(new Set),y=r.useRef(null),b=r.useRef(null),h=r.useRef(null),k=r.useRef(null),[w,C]=r.useState({agent:[],user:[]}),M=r.useRef(null),[E,_]=r.useState(!0);r.useEffect(()=>{const e=Array.from(p.values()).sort((e,t)=>e.timestamp-t.timestamp),t=JSON.stringify(e);t!==g.current&&(g.current=t,f(e),n.onMessage&&e.filter(e=>e.isFinal&&e.id&&!v.current.has(e.id)).forEach(e=>{e.id&&(v.current.add(e.id),null==n.onMessage||n.onMessage(e))}))},[p,n.onMessage]),r.useEffect(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;if("state_update"===t.type)u(t.state);else if("transcription_update"===t.type)x(t.transcriptions);else if("waveform_update"===t.type&&t.speaker)C(e=>({...e,[t.speaker]:t.waveformData}));else if("function_tools_executed"===t.type&&t.tool){const e="function-calls-"+Date.now();d(n=>{const r=new Map(n);return r.set(e,{id:e,name:"tool",tool:t.tool,timestamp:Date.now(),isFinal:!0}),r})}},e.port1.start(),h.current=e,()=>{var e,t;null==(e=h.current)||e.port1.close(),null==(t=h.current)||t.port2.close(),h.current=null}},[]);const x=r.useCallback(e=>{d(t=>{const n=new Map(t);return e.forEach(e=>{var r;if(e.timestamp<l.current)return;const o="agent"===e.speaker?"agent":"user",a=(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:a,isFinal:e.isFinal})}),n})},[]);r.useEffect(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),y.current=e,b.current=o.createRoot(e),()=>{b.current&&b.current.unmount(),y.current&&document.body.removeChild(y.current)}},[]);const D=r.useCallback(function(e){let{agentId:t,apiKey:r,dynamicVariables:o,metadata:a}=e;try{return Promise.resolve(function(e,s){try{var p=function(){if("disconnected"!==i){const e="Connection attempt rejected: Already in a connection state ("+i+")";return console.warn(e),n.onError&&n.onError(new Error(e)),Promise.reject(new Error(e))}return l.current=Date.now(),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:{runtime_context:{source:{type:"react-sdk",version:"0.3.
|
|
1
|
+
var e=require("react/jsx-runtime"),t=require("@livekit/components-react"),n=require("livekit-client"),r=require("react"),o=require("react-dom/client");function a(e){let{port:o,initialConfig:a}=e;const{agent:s,state:c}=t.useVoiceAssistant(),{send:i}=t.useChat(),[u,l]=r.useState({speaker:a.speaker||"agent",barCount:a.barCount,updateInterval:a.updateInterval}),p=t.useParticipantTracks([n.Track.Source.Microphone],null==s?void 0:s.identity)[0],d=t.useTrackTranscription(p),m=t.useAudioWaveform(p,{barCount:"agent"===u.speaker?u.barCount:120,updateInterval:"agent"===u.speaker?u.updateInterval:20}),f=t.useLocalParticipant(),g=t.useTrackTranscription({publication:f.microphoneTrack,source:n.Track.Source.Microphone,participant:f.localParticipant}),v=t.useParticipantTracks([n.Track.Source.Microphone],f.localParticipant.identity)[0],y=t.useAudioWaveform(v,{barCount:"user"===u.speaker?u.barCount:120,updateInterval:"user"===u.speaker?u.updateInterval:20});return r.useEffect(()=>{o&&m&&m.bars&&o.postMessage({type:"waveform_update",waveformData:m.bars,speaker:"agent"})},[o,m]),r.useEffect(()=>{o&&y&&y.bars&&o.postMessage({type:"waveform_update",waveformData:y.bars,speaker:"user"})},[o,y]),r.useEffect(()=>{if(!o)return;const e=e=>{const t=e.data;if("waveform_config"===t.type&&t.config)"number"==typeof t.config.barCount&&"number"==typeof t.config.updateInterval&&l(t.config);else if("send_text"===t.type)i?i(t.text):console.error("sendChat function is not available");else if("send_dtmf"===t.type)f.localParticipant?f.localParticipant.publishDtmf(101,t.digit):console.error("Local participant is not available for DTMF");else if("toggle_mic"===t.type&&"boolean"==typeof t.enabled)f.localParticipant?f.localParticipant.setMicrophoneEnabled(t.enabled).catch(e=>{console.error("Failed to toggle microphone:",e)}):console.error("Local participant is not available for mic toggle");else if("set_volume"===t.type&&"number"==typeof t.volume)if(s)try{s.setVolume(t.volume),console.log("Set agent volume to "+t.volume)}catch(e){console.error("Failed to set agent volume:",e)}else console.error("Agent is not available for volume control")};return o.start(),o.addEventListener("message",e),()=>{o.removeEventListener("message",e)}},[o,i,f,s]),r.useEffect(()=>{o&&o.postMessage({type:"state_update",state:c})},[c,o]),r.useEffect(()=>{if(o&&d.segments.length>0){const e=d.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"agent"}));o.postMessage({type:"transcription_update",transcriptions:e})}},[d.segments,o]),r.useEffect(()=>{if(o&&g.segments.length>0){const e=g.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));o.postMessage({type:"transcription_update",transcriptions:e})}},[g.segments,o]),t.useDataChannel("function_tools_executed",e=>{if(!o)return;const t=new TextDecoder,n=e.payload instanceof Uint8Array?t.decode(e.payload):String(e.payload);let r;try{r=JSON.parse(n),o.postMessage({type:"function_tools_executed",tool:r})}catch(e){console.error("Failed to parse function call log:",e)}}),null}exports.useVoxAI=function(n){void 0===n&&(n={});const[s,c]=r.useState(null),[i,u]=r.useState("disconnected"),l=r.useRef(Date.now()),[p,d]=r.useState(new Map),[m,f]=r.useState([]),g=r.useRef(""),v=r.useRef(new Set),y=r.useRef(null),b=r.useRef(null),h=r.useRef(null),k=r.useRef(null),[w,C]=r.useState({agent:[],user:[]}),M=r.useRef(null),[E,_]=r.useState(!0);r.useEffect(()=>{const e=Array.from(p.values()).sort((e,t)=>e.timestamp-t.timestamp),t=JSON.stringify(e);t!==g.current&&(g.current=t,f(e),n.onMessage&&e.filter(e=>e.isFinal&&e.id&&!v.current.has(e.id)).forEach(e=>{e.id&&(v.current.add(e.id),null==n.onMessage||n.onMessage(e))}))},[p,n.onMessage]),r.useEffect(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;if("state_update"===t.type)u(t.state);else if("transcription_update"===t.type)x(t.transcriptions);else if("waveform_update"===t.type&&t.speaker)C(e=>({...e,[t.speaker]:t.waveformData}));else if("function_tools_executed"===t.type&&t.tool){const e="function-calls-"+Date.now();d(n=>{const r=new Map(n);return r.set(e,{id:e,name:"tool",tool:t.tool,timestamp:Date.now(),isFinal:!0}),r})}},e.port1.start(),h.current=e,()=>{var e,t;null==(e=h.current)||e.port1.close(),null==(t=h.current)||t.port2.close(),h.current=null}},[]);const x=r.useCallback(e=>{d(t=>{const n=new Map(t);return e.forEach(e=>{var r;if(e.timestamp<l.current)return;const o="agent"===e.speaker?"agent":"user",a=(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:a,isFinal:e.isFinal})}),n})},[]);r.useEffect(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),y.current=e,b.current=o.createRoot(e),()=>{b.current&&b.current.unmount(),y.current&&document.body.removeChild(y.current)}},[]);const D=r.useCallback(function(e){let{agentId:t,apiKey:r,dynamicVariables:o,metadata:a}=e;try{return Promise.resolve(function(e,s){try{var p=function(){if("disconnected"!==i){const e="Connection attempt rejected: Already in a connection state ("+i+")";return console.warn(e),n.onError&&n.onError(new Error(e)),Promise.reject(new Error(e))}return l.current=Date.now(),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:{runtime_context:{source:{type:"react-sdk",version:"0.3.2"}},call_web:{dynamic_variables:o||{},metadata:a||{}}}})})).then(function(e){function t(t){return Promise.resolve(e.json()).then(function(e){c(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 s(e)}return p&&p.then?p.then(void 0,s):p}(0,function(e){c(null),d(new Map),f([]),u("disconnected");const t=e instanceof Error?e:new Error(String(e));n.onError&&n.onError(t)}))}catch(e){return Promise.reject(e)}},[n,i]),S=r.useCallback(()=>{l.current=Date.now(),c(null),d(new Map),f([]),u("disconnected"),n.onDisconnect&&n.onDisconnect()},[n]),P=r.useCallback(e=>{let{message:t,digit:n}=e;if("disconnected"!==i){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}),h.current?h.current.port1.postMessage({type:"send_text",text:t}):console.error("No message channel available to send message")}void 0!==n&&(h.current?h.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")},[i]),T=r.useCallback(e=>{let{speaker:t="agent",barCount:n=10,updateInterval:r=20}=e;M.current={speaker:t,barCount:n,updateInterval:r},h.current&&h.current.port1.postMessage({type:"waveform_config",config:{speaker:t,barCount:n,updateInterval:r}});const o=w[t]||[];return o.length>0?o.slice(0,n):Array(n).fill(0)},[w]),F=r.useCallback(e=>{_(e),h.current?h.current.port1.postMessage({type:"toggle_mic",enabled:e}):console.error("No message channel available to toggle microphone")},[]),I=r.useCallback(e=>{const t=Math.min(Math.max(e,0),1);h.current?h.current.port1.postMessage({type:"set_volume",volume:t}):console.error("No message channel available to set volume")},[]);return r.useEffect(()=>{b.current&&(s?(k.current||(h.current&&h.current.port2.start(),k.current=e.jsxs(t.LiveKitRoom,{serverUrl:s.serverUrl,token:s.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:S,onError:e=>{console.error("LiveKit connection error:",e),S(),n.onError&&n.onError(new Error("LiveKit connection error: "+e.message))},children:[e.jsx(t.RoomAudioRenderer,{}),h.current&&e.jsx(a,{port:h.current.port2,initialConfig:M.current||{barCount:10,updateInterval:20}})]})),b.current.render(k.current)):(k.current=null,b.current.render(e.jsx(e.Fragment,{}))))},[s,S,n.onError]),{connect:D,disconnect:S,state:i,messages:m,send:P,audioWaveform:T,toggleMic:F,setVolume:I}};
|
|
2
2
|
//# sourceMappingURL=lib.cjs.map
|
package/dist/lib.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib.cjs","sources":["../src/hooks/useVoxAI.tsx","../src/utils/constants.ts"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useAudioWaveform,\n useChat,\n useDataChannel,\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\";\nimport { HTTPS_API_ORIGIN, SDK_VERSION } from \"../utils/constants\";\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/**\n * Function call related types\n */\nexport interface FunctionToolsExecuted {\n type: \"function_tools_executed\";\n function_calls: FunctionCallInfo[];\n function_call_outputs: FunctionCallResult[];\n}\n\nexport interface FunctionCallInfo {\n id: string;\n type: string;\n call_id: string;\n arguments: string;\n name: string;\n}\n\nexport interface FunctionCallResult {\n id: string;\n name: string;\n type: string;\n call_id: string;\n output: string;\n is_error: boolean;\n}\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 tool?: FunctionToolsExecuted;\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 | {\n type: \"waveform_update\";\n waveformData: number[];\n speaker: \"agent\" | \"user\";\n }\n | { type: \"function_tools_executed\"; tool: FunctionToolsExecuted };\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 // Session timestamp to filter out stale asynchronous events\n const sessionTimestampRef = useRef<number>(Date.now());\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 // Replace the single waveform state with a map for multiple speakers\n const [waveformDataMap, setWaveformDataMap] = useState<\n Record<string, number[]>\n >({\n agent: [],\n user: [],\n });\n\n // Add back the waveform config reference\n const waveformConfigRef = useRef<{\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n } | null>(null);\n\n // Add a new state to track microphone status\n const [isMicEnabled, setIsMicEnabled] = useState<boolean>(true);\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 } else if (data.type === \"waveform_update\" && data.speaker) {\n // Store the waveform data for the specific speaker\n setWaveformDataMap((prevMap) => ({\n ...prevMap,\n [data.speaker]: data.waveformData,\n }));\n } else if (data.type === \"function_tools_executed\" && data.tool) {\n // Handle function calls\n const functionCallsId = `function-calls-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(functionCallsId, {\n id: functionCallsId,\n name: \"tool\",\n tool: data.tool,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n }\n };\n\n // Start the port\n channel.port1.start();\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 and filter out stale events\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n // Only process transcriptions generated after the current session timestamp\n if (t.timestamp < sessionTimestampRef.current) {\n return;\n }\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 // Prevent connecting if already in a connection state\n if (state !== \"disconnected\") {\n const errorMessage = `Connection attempt rejected: Already in a connection state (${state})`;\n console.warn(errorMessage);\n\n if (options.onError) {\n options.onError(new Error(errorMessage));\n }\n return Promise.reject(new Error(errorMessage));\n }\n\n // Update session timestamp for new connection\n sessionTimestampRef.current = Date.now();\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 runtime_context: {\n source: {\n type: \"react-sdk\",\n version: SDK_VERSION,\n },\n },\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 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, state]\n );\n\n // Disconnect from VoxAI service, updating the session timestamp to ignore stale events\n const disconnect = useCallback(() => {\n // Update session timestamp on disconnect\n sessionTimestampRef.current = Date.now();\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 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 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 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 // Update the audioWaveform function to return data for the requested speaker\n const audioWaveform = useCallback(\n ({\n speaker = \"agent\",\n barCount = 10,\n updateInterval = 20,\n }: {\n speaker?: \"agent\" | \"user\";\n barCount?: number;\n updateInterval?: number;\n }): number[] => {\n waveformConfigRef.current = { speaker, barCount, updateInterval };\n\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"waveform_config\",\n config: { speaker, barCount, updateInterval },\n });\n }\n\n const speakerData = waveformDataMap[speaker] || [];\n return speakerData.length > 0\n ? speakerData.slice(0, barCount)\n : Array(barCount).fill(0);\n },\n [waveformDataMap]\n );\n\n // Add toggleMic function that will be exposed in the hook's return value\n const toggleMic = useCallback((value: boolean) => {\n setIsMicEnabled(value);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"toggle_mic\",\n enabled: value,\n });\n } else {\n console.error(\"No message channel available to toggle microphone\");\n }\n }, []);\n\n // Add setVolume function that will be exposed in the hook's return value\n const setVolume = useCallback((volume: number) => {\n const validVolume = Math.min(Math.max(volume, 0), 1);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"set_volume\",\n volume: validVolume,\n });\n } else {\n console.error(\"No message channel available to set volume\");\n }\n }, []);\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n if (!livekitComponentRef.current) {\n if (channelRef.current) {\n channelRef.current.port2.start();\n }\n\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\n port={channelRef.current.port2}\n initialConfig={\n waveformConfigRef.current || {\n barCount: 10,\n updateInterval: 20,\n }\n }\n />\n )}\n </LiveKitRoom>\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 audioWaveform,\n toggleMic,\n setVolume,\n };\n}\n\n/**\n * Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({\n port,\n initialConfig,\n}: {\n port: MessagePort | undefined;\n initialConfig: {\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n };\n}) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Initialize waveform config with the passed initial values, defaulting to \"agent\" if not specified\n const [waveformConfig, setWaveformConfig] = useState({\n speaker: initialConfig.speaker || \"agent\",\n barCount: initialConfig.barCount,\n updateInterval: initialConfig.updateInterval,\n });\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // Use the current config for the waveform, applying different settings based on speaker\n const agentAudioWaveform = useAudioWaveform(agentAudioTrack, {\n barCount:\n waveformConfig.speaker === \"agent\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"agent\" ? waveformConfig.updateInterval : 20,\n });\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 const localAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n localParticipant.localParticipant.identity\n )[0];\n const userAudioWaveform = useAudioWaveform(localAudioTrack, {\n barCount: waveformConfig.speaker === \"user\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"user\" ? waveformConfig.updateInterval : 20,\n });\n\n // Add separate effects to send agent and user waveform data\n useEffect(() => {\n if (!port || !agentAudioWaveform || !agentAudioWaveform.bars) return;\n\n // Send the agent waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: agentAudioWaveform.bars,\n speaker: \"agent\",\n });\n }, [port, agentAudioWaveform]);\n\n useEffect(() => {\n if (!port || !userAudioWaveform || !userAudioWaveform.bars) return;\n\n // Send the user waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: userAudioWaveform.bars,\n speaker: \"user\",\n });\n }, [port, userAudioWaveform]);\n\n // Listen for messages including config updates and mic toggle commands\n useEffect(() => {\n if (!port) return;\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"waveform_config\" && data.config) {\n // Verify we have both required properties before updating\n if (\n typeof data.config.barCount === \"number\" &&\n typeof data.config.updateInterval === \"number\"\n ) {\n setWaveformConfig(data.config);\n }\n } else 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 } else if (\n data.type === \"toggle_mic\" &&\n typeof data.enabled === \"boolean\"\n ) {\n // Handle microphone toggle\n if (localParticipant.localParticipant) {\n localParticipant.localParticipant\n .setMicrophoneEnabled(data.enabled)\n .catch((error) => {\n console.error(\"Failed to toggle microphone:\", error);\n });\n } else {\n console.error(\"Local participant is not available for mic toggle\");\n }\n } else if (\n data.type === \"set_volume\" &&\n typeof data.volume === \"number\"\n ) {\n // Handle volume control\n if (agent) {\n // The agent is a RemoteParticipant, so we can call setVolume directly\n try {\n agent.setVolume(data.volume);\n console.log(`Set agent volume to ${data.volume}`);\n } catch (error) {\n console.error(\"Failed to set agent volume:\", error);\n }\n } else {\n console.error(\"Agent is not available for volume control\");\n }\n }\n };\n\n // Make sure we 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, agent]);\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 // Add data channel hook for function calls\n const { message: functionToolsExecuted } = useDataChannel(\n \"function_tools_executed\",\n (msg) => {\n if (!port) return;\n\n const textDecoder = new TextDecoder();\n const messageString =\n msg.payload instanceof Uint8Array\n ? textDecoder.decode(msg.payload)\n : String(msg.payload);\n\n let tool: FunctionToolsExecuted;\n try {\n tool = JSON.parse(messageString);\n\n // Send function calls to main hook via the port\n port.postMessage({\n type: \"function_tools_executed\",\n tool: tool,\n });\n } catch (e) {\n console.error(\"Failed to parse function call log:\", e);\n }\n }\n );\n\n return null;\n}\n","// export const HTTPS_API_ORIGIN = \"https://frontend-dev.tryvox.co/api/agent/sdk\";\nexport const HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// export const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\nexport const SDK_VERSION = \"0.3.0\";\n"],"names":["StateMonitor","_ref4","port","initialConfig","agent","state","useVoiceAssistant","send","sendChat","useChat","waveformConfig","setWaveformConfig","useState","speaker","barCount","updateInterval","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","agentAudioWaveform","useAudioWaveform","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","localAudioTrack","userAudioWaveform","useEffect","bars","postMessage","type","waveformData","handleMessage","event","data","config","text","console","error","publishDtmf","digit","enabled","setMicrophoneEnabled","catch","volume","setVolume","log","start","addEventListener","removeEventListener","segments","length","transcriptions","map","segment","id","isFinal","final","timestamp","Date","now","useDataChannel","msg","textDecoder","TextDecoder","messageString","payload","Uint8Array","decode","String","tool","JSON","parse","e","options","connectionDetail","setConnectionDetail","setState","sessionTimestampRef","useRef","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","waveformDataMap","setWaveformDataMap","user","waveformConfigRef","isMicEnabled","setIsMicEnabled","allMessages","Array","from","values","sort","a","b","messagesString","stringify","current","onMessage","filter","has","forEach","add","channel","MessageChannel","port1","onmessage","handleTranscriptionUpdate","prevMap","functionCallsId","newMap","set","name","_channelRef$current","_channelRef$current2","close","port2","useCallback","t","_prevMap$get","messageType","existingTimestamp","get","message","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","errorMessage","warn","onError","Error","reject","fetch","method","headers","Authorization","agent_id","runtime_context","version","call_web","dynamic_variables","then","response","_temp2","_result2","_exit","json","onConnect","_temp","ok","errorText","status","_catch","err","disconnect","onDisconnect","_ref2","messageId","undefined","audioWaveform","_ref3","speakerData","slice","fill","toggleMic","value","validVolume","Math","min","max","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","RoomAudioRenderer","render","_Fragment"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lib.cjs","sources":["../src/hooks/useVoxAI.tsx","../src/utils/constants.ts"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useAudioWaveform,\n useChat,\n useDataChannel,\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\";\nimport { HTTPS_API_ORIGIN, SDK_VERSION } from \"../utils/constants\";\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/**\n * Function call related types\n */\nexport interface FunctionToolsExecuted {\n type: \"function_tools_executed\";\n function_calls: FunctionCallInfo[];\n function_call_outputs: FunctionCallResult[];\n}\n\nexport interface FunctionCallInfo {\n id: string;\n type: string;\n call_id: string;\n arguments: Record<string, any>;\n name: string;\n}\n\nexport interface FunctionCallResult {\n id: string;\n name: string;\n type: string;\n call_id: string;\n output: string;\n is_error: boolean;\n}\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 tool?: FunctionToolsExecuted;\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 | {\n type: \"waveform_update\";\n waveformData: number[];\n speaker: \"agent\" | \"user\";\n }\n | { type: \"function_tools_executed\"; tool: FunctionToolsExecuted };\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 agentVersion - The agent version, if not provided, the current version will be used\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n */\nexport interface ConnectParams {\n agentId: string;\n agentVersion?: number;\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 // Session timestamp to filter out stale asynchronous events\n const sessionTimestampRef = useRef<number>(Date.now());\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 // Replace the single waveform state with a map for multiple speakers\n const [waveformDataMap, setWaveformDataMap] = useState<\n Record<string, number[]>\n >({\n agent: [],\n user: [],\n });\n\n // Add back the waveform config reference\n const waveformConfigRef = useRef<{\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n } | null>(null);\n\n // Add a new state to track microphone status\n const [isMicEnabled, setIsMicEnabled] = useState<boolean>(true);\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 } else if (data.type === \"waveform_update\" && data.speaker) {\n // Store the waveform data for the specific speaker\n setWaveformDataMap((prevMap) => ({\n ...prevMap,\n [data.speaker]: data.waveformData,\n }));\n } else if (data.type === \"function_tools_executed\" && data.tool) {\n // Handle function calls\n const functionCallsId = `function-calls-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(functionCallsId, {\n id: functionCallsId,\n name: \"tool\",\n tool: data.tool,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n }\n };\n\n // Start the port\n channel.port1.start();\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 and filter out stale events\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n // Only process transcriptions generated after the current session timestamp\n if (t.timestamp < sessionTimestampRef.current) {\n return;\n }\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 // Prevent connecting if already in a connection state\n if (state !== \"disconnected\") {\n const errorMessage = `Connection attempt rejected: Already in a connection state (${state})`;\n console.warn(errorMessage);\n\n if (options.onError) {\n options.onError(new Error(errorMessage));\n }\n return Promise.reject(new Error(errorMessage));\n }\n\n // Update session timestamp for new connection\n sessionTimestampRef.current = Date.now();\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 runtime_context: {\n source: {\n type: \"react-sdk\",\n version: SDK_VERSION,\n },\n },\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 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, state]\n );\n\n // Disconnect from VoxAI service, updating the session timestamp to ignore stale events\n const disconnect = useCallback(() => {\n // Update session timestamp on disconnect\n sessionTimestampRef.current = Date.now();\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 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 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 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 // Update the audioWaveform function to return data for the requested speaker\n const audioWaveform = useCallback(\n ({\n speaker = \"agent\",\n barCount = 10,\n updateInterval = 20,\n }: {\n speaker?: \"agent\" | \"user\";\n barCount?: number;\n updateInterval?: number;\n }): number[] => {\n waveformConfigRef.current = { speaker, barCount, updateInterval };\n\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"waveform_config\",\n config: { speaker, barCount, updateInterval },\n });\n }\n\n const speakerData = waveformDataMap[speaker] || [];\n return speakerData.length > 0\n ? speakerData.slice(0, barCount)\n : Array(barCount).fill(0);\n },\n [waveformDataMap]\n );\n\n // Add toggleMic function that will be exposed in the hook's return value\n const toggleMic = useCallback((value: boolean) => {\n setIsMicEnabled(value);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"toggle_mic\",\n enabled: value,\n });\n } else {\n console.error(\"No message channel available to toggle microphone\");\n }\n }, []);\n\n // Add setVolume function that will be exposed in the hook's return value\n const setVolume = useCallback((volume: number) => {\n const validVolume = Math.min(Math.max(volume, 0), 1);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"set_volume\",\n volume: validVolume,\n });\n } else {\n console.error(\"No message channel available to set volume\");\n }\n }, []);\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n if (!livekitComponentRef.current) {\n if (channelRef.current) {\n channelRef.current.port2.start();\n }\n\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\n port={channelRef.current.port2}\n initialConfig={\n waveformConfigRef.current || {\n barCount: 10,\n updateInterval: 20,\n }\n }\n />\n )}\n </LiveKitRoom>\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 audioWaveform,\n toggleMic,\n setVolume,\n };\n}\n\n/**\n * Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({\n port,\n initialConfig,\n}: {\n port: MessagePort | undefined;\n initialConfig: {\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n };\n}) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Initialize waveform config with the passed initial values, defaulting to \"agent\" if not specified\n const [waveformConfig, setWaveformConfig] = useState({\n speaker: initialConfig.speaker || \"agent\",\n barCount: initialConfig.barCount,\n updateInterval: initialConfig.updateInterval,\n });\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // Use the current config for the waveform, applying different settings based on speaker\n const agentAudioWaveform = useAudioWaveform(agentAudioTrack, {\n barCount:\n waveformConfig.speaker === \"agent\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"agent\" ? waveformConfig.updateInterval : 20,\n });\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 const localAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n localParticipant.localParticipant.identity\n )[0];\n const userAudioWaveform = useAudioWaveform(localAudioTrack, {\n barCount: waveformConfig.speaker === \"user\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"user\" ? waveformConfig.updateInterval : 20,\n });\n\n // Add separate effects to send agent and user waveform data\n useEffect(() => {\n if (!port || !agentAudioWaveform || !agentAudioWaveform.bars) return;\n\n // Send the agent waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: agentAudioWaveform.bars,\n speaker: \"agent\",\n });\n }, [port, agentAudioWaveform]);\n\n useEffect(() => {\n if (!port || !userAudioWaveform || !userAudioWaveform.bars) return;\n\n // Send the user waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: userAudioWaveform.bars,\n speaker: \"user\",\n });\n }, [port, userAudioWaveform]);\n\n // Listen for messages including config updates and mic toggle commands\n useEffect(() => {\n if (!port) return;\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"waveform_config\" && data.config) {\n // Verify we have both required properties before updating\n if (\n typeof data.config.barCount === \"number\" &&\n typeof data.config.updateInterval === \"number\"\n ) {\n setWaveformConfig(data.config);\n }\n } else 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 } else if (\n data.type === \"toggle_mic\" &&\n typeof data.enabled === \"boolean\"\n ) {\n // Handle microphone toggle\n if (localParticipant.localParticipant) {\n localParticipant.localParticipant\n .setMicrophoneEnabled(data.enabled)\n .catch((error) => {\n console.error(\"Failed to toggle microphone:\", error);\n });\n } else {\n console.error(\"Local participant is not available for mic toggle\");\n }\n } else if (\n data.type === \"set_volume\" &&\n typeof data.volume === \"number\"\n ) {\n // Handle volume control\n if (agent) {\n // The agent is a RemoteParticipant, so we can call setVolume directly\n try {\n agent.setVolume(data.volume);\n console.log(`Set agent volume to ${data.volume}`);\n } catch (error) {\n console.error(\"Failed to set agent volume:\", error);\n }\n } else {\n console.error(\"Agent is not available for volume control\");\n }\n }\n };\n\n // Make sure we 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, agent]);\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 // Add data channel hook for function calls\n const { message: functionToolsExecuted } = useDataChannel(\n \"function_tools_executed\",\n (msg) => {\n if (!port) return;\n\n const textDecoder = new TextDecoder();\n const messageString =\n msg.payload instanceof Uint8Array\n ? textDecoder.decode(msg.payload)\n : String(msg.payload);\n\n let tool: FunctionToolsExecuted;\n try {\n tool = JSON.parse(messageString);\n\n // Send function calls to main hook via the port\n port.postMessage({\n type: \"function_tools_executed\",\n tool: tool,\n });\n } catch (e) {\n console.error(\"Failed to parse function call log:\", e);\n }\n }\n );\n\n return null;\n}\n","// export const HTTPS_API_ORIGIN = \"https://frontend-dev.tryvox.co/api/agent/sdk\";\nexport const HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// export const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\nexport const SDK_VERSION = \"0.3.2\";\n"],"names":["StateMonitor","_ref4","port","initialConfig","agent","state","useVoiceAssistant","send","sendChat","useChat","waveformConfig","setWaveformConfig","useState","speaker","barCount","updateInterval","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","agentAudioWaveform","useAudioWaveform","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","localAudioTrack","userAudioWaveform","useEffect","bars","postMessage","type","waveformData","handleMessage","event","data","config","text","console","error","publishDtmf","digit","enabled","setMicrophoneEnabled","catch","volume","setVolume","log","start","addEventListener","removeEventListener","segments","length","transcriptions","map","segment","id","isFinal","final","timestamp","Date","now","useDataChannel","msg","textDecoder","TextDecoder","messageString","payload","Uint8Array","decode","String","tool","JSON","parse","e","options","connectionDetail","setConnectionDetail","setState","sessionTimestampRef","useRef","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","waveformDataMap","setWaveformDataMap","user","waveformConfigRef","isMicEnabled","setIsMicEnabled","allMessages","Array","from","values","sort","a","b","messagesString","stringify","current","onMessage","filter","has","forEach","add","channel","MessageChannel","port1","onmessage","handleTranscriptionUpdate","prevMap","functionCallsId","newMap","set","name","_channelRef$current","_channelRef$current2","close","port2","useCallback","t","_prevMap$get","messageType","existingTimestamp","get","message","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","errorMessage","warn","onError","Error","reject","fetch","method","headers","Authorization","agent_id","runtime_context","version","call_web","dynamic_variables","then","response","_temp2","_result2","_exit","json","onConnect","_temp","ok","errorText","status","_catch","err","disconnect","onDisconnect","_ref2","messageId","undefined","audioWaveform","_ref3","speakerData","slice","fill","toggleMic","value","validVolume","Math","min","max","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","RoomAudioRenderer","render","_Fragment"],"mappings":"uJA8iBA,SAASA,EAAYC,GAAC,IAAAC,KACpBA,EAAIC,cACJA,GAQDF,EACC,MAAMG,MAAEA,EAAKC,MAAEA,GAAUC,EAAAA,qBACjBC,KAAMC,GAAaC,EAAOA,WAG3BC,EAAgBC,GAAqBC,WAAS,CACnDC,QAASV,EAAcU,SAAW,QAClCC,SAAUX,EAAcW,SACxBC,eAAgBZ,EAAcY,iBAI1BC,EAAkBC,uBACtB,CAACC,EAAKA,MAACC,OAAOC,YACT,MAALhB,OAAK,EAALA,EAAOiB,UACP,GACIC,EAAqBC,EAAqBA,sBAACP,GAG3CQ,EAAqBC,EAAgBA,iBAACT,EAAiB,CAC3DF,SAC6B,UAA3BJ,EAAeG,QAAsBH,EAAeI,SAAW,IACjEC,eAC6B,UAA3BL,EAAeG,QAAsBH,EAAeK,eAAiB,KAInEW,EAAmBC,wBACnBC,EAAgBL,EAAqBA,sBAAC,CAC1CM,YAAaH,EAAiBI,gBAC9BC,OAAQb,EAAKA,MAACC,OAAOC,WACrBY,YAAaN,EAAiBA,mBAE1BO,EAAkBhB,EAAoBA,qBAC1C,CAACC,EAAKA,MAACC,OAAOC,YACdM,EAAiBA,iBAAiBL,UAClC,GACIa,EAAoBT,EAAAA,iBAAiBQ,EAAiB,CAC1DnB,SAAqC,SAA3BJ,EAAeG,QAAqBH,EAAeI,SAAW,IACxEC,eAC6B,SAA3BL,EAAeG,QAAqBH,EAAeK,eAAiB,KA2KxE,OAvKAoB,EAAAA,UAAU,KACHjC,GAASsB,GAAuBA,EAAmBY,MAGxDlC,EAAKmC,YAAY,CACfC,KAAM,kBACNC,aAAcf,EAAmBY,KACjCvB,QAAS,WAEV,CAACX,EAAMsB,IAEVW,EAAAA,UAAU,KACHjC,GAASgC,GAAsBA,EAAkBE,MAGtDlC,EAAKmC,YAAY,CACfC,KAAM,kBACNC,aAAcL,EAAkBE,KAChCvB,QAAS,QACV,EACA,CAACX,EAAMgC,IAGVC,EAASA,UAAC,KACR,IAAKjC,EAAM,OAEX,MAAMsC,EAAiBC,IACrB,MAAMC,EAAOD,EAAMC,KAEnB,GAAkB,oBAAdA,EAAKJ,MAA8BI,EAAKC,OAGR,iBAAzBD,EAAKC,OAAO7B,UACmB,iBAA/B4B,EAAKC,OAAO5B,gBAEnBJ,EAAkB+B,EAAKC,aAEhBD,GAAc,cAAdA,EAAKJ,KACV9B,EACFA,EAASkC,EAAKE,MAEdC,QAAQC,MAAM,2CAEPJ,GAAc,cAAdA,EAAKJ,KACVZ,EAAiBA,iBAGnBA,EAAiBA,iBAAiBqB,YADT,IAGvBL,EAAKM,OAGPH,QAAQC,MAAM,uDAGF,eAAdJ,EAAKJ,MACmB,kBAAjBI,EAAKO,QAGRvB,EAAiBA,iBACnBA,EAAiBA,iBACdwB,qBAAqBR,EAAKO,SAC1BE,MAAOL,IACND,QAAQC,MAAM,+BAAgCA,KAGlDD,QAAQC,MAAM,6DAGF,eAAdJ,EAAKJ,MACkB,iBAAhBI,EAAKU,OAGZ,GAAIhD,EAEF,IACEA,EAAMiD,UAAUX,EAAKU,QACrBP,QAAQS,2BAA2BZ,EAAKU,OAC1C,CAAE,MAAON,GACPD,QAAQC,MAAM,8BAA+BA,EAC/C,MAEAD,QAAQC,MAAM,4CAElB,EAQF,OAJA5C,EAAKqD,QAELrD,EAAKsD,iBAAiB,UAAWhB,GAE1B,KACLtC,EAAKuD,oBAAoB,UAAWjB,GACtC,EACC,CAACtC,EAAMM,EAAUkB,EAAkBtB,IAGtC+B,EAASA,UAAC,KACJjC,GACFA,EAAKmC,YAAY,CAAEC,KAAM,eAAgBjC,SAC3C,EACC,CAACA,EAAOH,IAGXiC,EAASA,UAAC,KACR,GAAIjC,GAAQoB,EAAmBoC,SAASC,OAAS,EAAG,CAClD,MAAMC,EAAiBtC,EAAmBoC,SAASG,IAAKC,IAAO,CAC7DC,GAAID,EAAQC,GACZnB,KAAMkB,EAAQlB,KACdoB,QAASF,EAAQG,MACjBC,UAAWC,KAAKC,MAChBvD,QAAS,WAGXX,EAAKmC,YAAY,CACfC,KAAM,uBACNsB,kBAEJ,GACC,CAACtC,EAAmBoC,SAAUxD,IAGjCiC,YAAU,KACR,GAAIjC,GAAQ0B,EAAc8B,SAASC,OAAS,EAAG,CAC7C,MAAMC,EAAiBhC,EAAc8B,SAASG,IAAKC,IAAa,CAC9DC,GAAID,EAAQC,GACZnB,KAAMkB,EAAQlB,KACdoB,QAASF,EAAQG,MACjBC,UAAWC,KAAKC,MAChBvD,QAAS,UAGXX,EAAKmC,YAAY,CACfC,KAAM,uBACNsB,kBAEJ,GACC,CAAChC,EAAc8B,SAAUxD,IAGemE,EAAcA,eACvD,0BACCC,IACC,IAAKpE,EAAM,OAEX,MAAMqE,EAAc,IAAIC,YAClBC,EACJH,EAAII,mBAAmBC,WACnBJ,EAAYK,OAAON,EAAII,SACvBG,OAAOP,EAAII,SAEjB,IAAII,EACJ,IACEA,EAAOC,KAAKC,MAAMP,GAGlBvE,EAAKmC,YAAY,CACfC,KAAM,0BACNwC,KAAMA,GAEV,CAAE,MAAOG,GACPpC,QAAQC,MAAM,qCAAsCmC,EACtD,IAKN,IAAA,kBAvoBgB,SAASC,YAAAA,IAAAA,EAAwB,CAAA,GAE/C,MAAOC,EAAkBC,GACvBxE,WAAqC,OAChCP,EAAOgF,GAAYzE,EAAQA,SAAgB,gBAG5C0E,EAAsBC,EAAMA,OAASpB,KAAKC,QAGzCoB,EAAeC,GAAoB7E,EAAAA,SACxC,IAAI8E,MAECC,EAAUC,GAAehF,EAAAA,SAAuB,IACjDiF,EAAkBN,EAAMA,OAAS,IAGjCO,EAAyBP,EAAMA,OAAc,IAAIQ,KAGjDC,EAAgBT,EAAAA,OAA8B,MAC9CU,EAAUV,EAAAA,OAAoB,MAG9BW,EAAaX,EAAMA,OAAwB,MAG3CY,EAAsBZ,EAAMA,OAAkB,OAG7Ca,EAAiBC,GAAsBzF,WAE5C,CACAR,MAAO,GACPkG,KAAM,KAIFC,EAAoBhB,SAIhB,OAGHiB,EAAcC,GAAmB7F,EAAQA,UAAU,GAG1DuB,YAAU,KACR,MAAMuE,EAAcC,MAAMC,KAAKpB,EAAcqB,UAAUC,KACrD,CAACC,EAAGC,IAAMD,EAAE7C,UAAY8C,EAAE9C,WAItB+C,EAAiBlC,KAAKmC,UAAUR,GAClCO,IAAmBpB,EAAgBsB,UACrCtB,EAAgBsB,QAAUF,EAC1BrB,EAAYc,GAGRxB,EAAQkC,WACVV,EACGW,OACE/C,GACCA,EAAIN,SACJM,EAAIP,KACH+B,EAAuBqB,QAAQG,IAAIhD,EAAIP,KAE3CwD,QAASjD,IACJA,EAAIP,KAEN+B,EAAuBqB,QAAQK,IAAIlD,EAAIP,IAEtB,MAAjBmB,EAAQkC,WAARlC,EAAQkC,UAAY9C,GACtB,GAGR,EACC,CAACkB,EAAeN,EAAQkC,YAG3BjF,EAASA,UAAC,KACR,MAAMsF,EAAU,IAAIC,eAsCpB,OApCAD,EAAQE,MAAMC,UAAa3C,IACzB,MAAMvC,EAAOuC,EAAEvC,KAEf,GAAkB,iBAAdA,EAAKJ,KACP+C,EAAS3C,EAAKrC,YACT,GAAkB,yBAAdqC,EAAKJ,KACduF,EAA0BnF,EAAKkB,qBACtBlB,GAAc,oBAAdA,EAAKJ,MAA8BI,EAAK7B,QAEjDwF,EAAoByB,IAAO,IACtBA,EACH,CAACpF,EAAK7B,SAAU6B,EAAKH,qBAElB,GAAkB,4BAAdG,EAAKJ,MAAsCI,EAAKoC,KAAM,CAE/D,MAAMiD,oBAAoC5D,KAAKC,MAC/CqB,EAAkBqC,IAChB,MAAME,EAAS,IAAItC,IAAIoC,GAQvB,OAPAE,EAAOC,IAAIF,EAAiB,CAC1BhE,GAAIgE,EACJG,KAAM,OACNpD,KAAMpC,EAAKoC,KACXZ,UAAWC,KAAKC,MAChBJ,SAAS,IAEJgE,GAEX,GAIFP,EAAQE,MAAMpE,QAGd2C,EAAWiB,QAAUM,EAEd,KAAKU,IAAAA,EAAAC,EACVD,OAAAA,EAAAjC,EAAWiB,UAAXgB,EAAoBR,MAAMU,QACR,OAAlBD,EAAAlC,EAAWiB,UAAXiB,EAAoBE,MAAMD,QAC1BnC,EAAWiB,QAAU,IACvB,CAAA,EACC,IAGH,MAAMU,EAA4BU,cAC/B3E,IACC6B,EAAkBqC,IAChB,MAAME,EAAS,IAAItC,IAAIoC,GAoBvB,OAlBAlE,EAAe2D,QAASiB,IAAKC,IAAAA,EAE3B,GAAID,EAAEtE,UAAYoB,EAAoB6B,QACpC,OAEF,MAAMuB,EAA4B,UAAdF,EAAE3H,QAAsB,QAAU,OAEhD8H,UAAoBF,EAAAX,EAAQc,IAAIJ,EAAEzE,YAAd0E,EAAmBvE,YAAasE,EAAEtE,UAE5D8D,EAAOC,IAAIO,EAAEzE,GAAI,CACfA,GAAIyE,EAAEzE,GACNmE,KAAMQ,EACNG,QAASL,EAAE5F,KACXsB,UAAWyE,EACX3E,QAASwE,EAAExE,SAEf,GAEOgE,GACR,EAEH,IAIF7F,YAAU,KACR,MAAM2G,EAAMC,SAASC,cAAc,OAMnC,OALAF,EAAIG,MAAMC,QAAU,OACpBH,SAASI,KAAKC,YAAYN,GAC1B9C,EAAcmB,QAAU2B,EACxB7C,EAAQkB,QAAUkC,aAAWP,GAEtB,KACD7C,EAAQkB,SACVlB,EAAQkB,QAAQmC,UAEdtD,EAAcmB,SAChB4B,SAASI,KAAKI,YAAYvD,EAAcmB,QAC1C,CACF,EACC,IAGH,MAAMqC,EAAUjB,cAAW,SAAAkB,GAAA,IAClBC,QAAEA,EAAOC,OAAEA,EAAMC,iBAAEA,EAAgBC,SAAEA,GAAyBJ,MAAIK,OAAAA,QAAAC,gCACnE,WAEF,GAAc,iBAAV1J,EAA0B,CAC5B,MAAM2J,EAA8E3J,+DAAAA,MAMpF,OALAwC,QAAQoH,KAAKD,GAET9E,EAAQgF,SACVhF,EAAQgF,QAAQ,IAAIC,MAAMH,IAErBF,QAAQM,OAAO,IAAID,MAAMH,GAClC,CAIuB,OADvB1E,EAAoB6B,QAAUhD,KAAKC,MACnCiB,EAAS,cAAcyE,QAAAC,QAEAM,MCtUC,sCDsUuB,CAC7CC,OAAQ,OACRC,QAAS,CACPC,cAAyBb,UAAAA,EACzB,eAAgB,oBAElBR,KAAMpE,KAAKmC,UAAU,CACnBuD,SAAUf,EACVG,SAAU,CACRa,gBAAiB,CACf3I,OAAQ,CACNO,KAAM,YACNqI,QChVS,UDmVbC,SAAU,CACRC,kBAAmBjB,GAAoB,CAAA,EACvCC,SAAUA,GAAY,CAAA,SAI5BiB,cArBIC,GAAQC,SAAAA,EAAAC,GAAAC,OAAApB,QAAAC,QA8BKgB,EAASI,QAAML,KAA5BpI,SAAAA,GACN0C,EAAoB1C,GAEhBwC,EAAQkG,WACVlG,EAAQkG,WAAY,EAAA,CAAA,MAAAC,EAXlB,WAAA,IAACN,EAASO,UAAExB,QAAAC,QACUgB,EAASnI,QAAMkI,KAAjCS,SAAAA,GACN,MAAM,IAAIpB,MAAK,sBACSY,EAASS,OAAYD,MAAAA,EAC3C,EAAAF,CAJA,GAIAA,OAAAA,GAAAA,EAAAP,KAAAO,EAAAP,KAAAE,GAAAA,KASN,6DArDuES,CACnE,EAoDH,SAAQC,GACPtG,EAAoB,MACpBK,EAAiB,IAAIC,KACrBE,EAAY,IACZP,EAAS,gBAET,MAAMvC,EAAQ4I,aAAevB,MAAQuB,EAAM,IAAIvB,MAAMtF,OAAO6G,IAExDxG,EAAQgF,SACVhF,EAAQgF,QAAQpH,EAEpB,GACF,CAAC,MAAAmC,GAAA6E,OAAAA,QAAAM,OAAAnF,EACD,CAAA,EAAA,CAACC,EAAS7E,IAINsL,EAAapD,EAAAA,YAAY,KAE7BjD,EAAoB6B,QAAUhD,KAAKC,MACnCgB,EAAoB,MACpBK,EAAiB,IAAIC,KACrBE,EAAY,IACZP,EAAS,gBAELH,EAAQ0G,cACV1G,EAAQ0G,cACV,EACC,CAAC1G,IAGE3E,EAAOgI,EAAAA,YACXsD,IAA6D,IAA5DhD,QAAEA,EAAO7F,MAAEA,GAA6C6I,EACvD,GAAc,iBAAVxL,EAAJ,CAKA,GAAIwI,EAAS,CACX,MAAMiD,eAAyB3H,KAAKC,MACpCqB,EAAkBqC,IAChB,MAAME,EAAS,IAAItC,IAAIoC,GAQvB,OAPAE,EAAOC,IAAI6D,EAAW,CACpB/H,GAAI+H,EACJ5D,KAAM,OACNW,QAASA,EACT3E,UAAWC,KAAKC,MAChBJ,SAAS,IAEJgE,IAGL9B,EAAWiB,QACbjB,EAAWiB,QAAQQ,MAAMtF,YAAY,CACnCC,KAAM,YACNM,KAAMiG,IAGRhG,QAAQC,MAAM,+CAElB,MAEciJ,IAAV/I,IACEkD,EAAWiB,QACbjB,EAAWiB,QAAQQ,MAAMtF,YAAY,CACnCC,KAAM,YACNU,MAAOA,IAGTH,QAAQC,MAAM,6CAjClB,MAFED,QAAQoH,KAAK,uDAqCf,EAEF,CAAC5J,IAIG2L,EAAgBzD,EAAAA,YACpB0D,QAACpL,QACCA,EAAU,QAAOC,SACjBA,EAAW,GAAEC,eACbA,EAAiB,IAKlBkL,EACC1F,EAAkBY,QAAU,CAAEtG,UAASC,WAAUC,kBAE7CmF,EAAWiB,SACbjB,EAAWiB,QAAQQ,MAAMtF,YAAY,CACnCC,KAAM,kBACNK,OAAQ,CAAE9B,UAASC,WAAUC,oBAIjC,MAAMmL,EAAc9F,EAAgBvF,IAAY,GAChD,OAAOqL,EAAYvI,OAAS,EACxBuI,EAAYC,MAAM,EAAGrL,GACrB6F,MAAM7F,GAAUsL,KAAK,EAAC,EAE5B,CAAChG,IAIGiG,EAAY9D,EAAAA,YAAa+D,IAC7B7F,EAAgB6F,GACZpG,EAAWiB,QACbjB,EAAWiB,QAAQQ,MAAMtF,YAAY,CACnCC,KAAM,aACNW,QAASqJ,IAGXzJ,QAAQC,MAAM,oDAChB,EACC,IAGGO,EAAYkF,EAAAA,YAAanF,IAC7B,MAAMmJ,EAAcC,KAAKC,IAAID,KAAKE,IAAItJ,EAAQ,GAAI,GAC9C8C,EAAWiB,QACbjB,EAAWiB,QAAQQ,MAAMtF,YAAY,CACnCC,KAAM,aACNc,OAAQmJ,IAGV1J,QAAQC,MAAM,6CAChB,EACC,IAoDH,OAjDAX,EAAAA,UAAU,KACH8D,EAAQkB,UAEThC,GACGgB,EAAoBgB,UACnBjB,EAAWiB,SACbjB,EAAWiB,QAAQmB,MAAM/E,QAG3B4C,EAAoBgB,QAClBwF,EAAAA,KAACC,EAAWA,aACVC,UAAW1H,EAAiB0H,UAC5BC,MAAO3H,EAAiB4H,iBACxBC,OAAO,EACPC,OAAO,EACPzD,SAAS,EACT0D,eAAgBvB,EAChBzB,QAAUpH,IACRD,QAAQC,MAAM,4BAA6BA,GAC3C6I,IACIzG,EAAQgF,SACVhF,EAAQgF,QACN,IAAIC,MAAmCrH,6BAAAA,EAAM+F,SAEjD,EACDsE,SAAA,CAEDC,EAAAA,IAACC,EAAiBA,kBAAG,IACpBnH,EAAWiB,SACViG,EAAAA,IAACpN,EAAY,CACXE,KAAMgG,EAAWiB,QAAQmB,MACzBnI,cACEoG,EAAkBY,SAAW,CAC3BrG,SAAU,GACVC,eAAgB,UAQ9BkF,EAAQkB,QAAQmG,OAAOnH,EAAoBgB,WAE3ChB,EAAoBgB,QAAU,KAC9BlB,EAAQkB,QAAQmG,OAAOF,MAAAG,EAAAA,SAAA,CAAA,KACzB,EACC,CAACpI,EAAkBwG,EAAYzG,EAAQgF,UAEnC,CACLV,UACAmC,aACAtL,QACAsF,WACApF,OACAyL,gBACAK,YACAhJ,YAEJ"}
|
package/dist/lib.modern.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{LiveKitRoom as r,RoomAudioRenderer as o,useVoiceAssistant as a,useChat as s,useParticipantTracks as i,useTrackTranscription as c,useAudioWaveform as l,useLocalParticipant as u,useDataChannel as p}from"@livekit/components-react";import{Track as d}from"livekit-client";import{useState as m,useRef as g,useEffect as f,useCallback as v}from"react";import{createRoot as y}from"react-dom/client";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(null,arguments)}function w(a={}){const[s,i]=m(null),[c,l]=m("disconnected"),u=g(Date.now()),[p,d]=m(new Map),[w,M]=m([]),_=g(""),k=g(new Set),C=g(null),x=g(null),E=g(null),D=g(null),[F,I]=m({agent:[],user:[]}),S=g(null),[P,N]=m(!0);f(()=>{const e=Array.from(p.values()).sort((e,t)=>e.timestamp-t.timestamp),t=JSON.stringify(e);t!==_.current&&(_.current=t,M(e),a.onMessage&&e.filter(e=>e.isFinal&&e.id&&!k.current.has(e.id)).forEach(e=>{e.id&&(k.current.add(e.id),null==a.onMessage||a.onMessage(e))}))},[p,a.onMessage]),f(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;if("state_update"===t.type)l(t.state);else if("transcription_update"===t.type)$(t.transcriptions);else if("waveform_update"===t.type&&t.speaker)I(e=>b({},e,{[t.speaker]:t.waveformData}));else if("function_tools_executed"===t.type&&t.tool){const e=`function-calls-${Date.now()}`;d(n=>{const r=new Map(n);return r.set(e,{id:e,name:"tool",tool:t.tool,timestamp:Date.now(),isFinal:!0}),r})}},e.port1.start(),E.current=e,()=>{var e,t;null==(e=E.current)||e.port1.close(),null==(t=E.current)||t.port2.close(),E.current=null}},[]);const $=v(e=>{d(t=>{const n=new Map(t);return e.forEach(e=>{var r;if(e.timestamp<u.current)return;const o="agent"===e.speaker?"agent":"user",a=(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:a,isFinal:e.isFinal})}),n})},[]);f(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),C.current=e,x.current=y(e),()=>{x.current&&x.current.unmount(),C.current&&document.body.removeChild(C.current)}},[]);const j=v(async({agentId:e,apiKey:t,dynamicVariables:n,metadata:r})=>{try{if("disconnected"!==c){const e=`Connection attempt rejected: Already in a connection state (${c})`;return console.warn(e),a.onError&&a.onError(new Error(e)),Promise.reject(new Error(e))}u.current=Date.now(),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:{runtime_context:{source:{type:"react-sdk",version:"0.3.
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{LiveKitRoom as r,RoomAudioRenderer as o,useVoiceAssistant as a,useChat as s,useParticipantTracks as i,useTrackTranscription as c,useAudioWaveform as l,useLocalParticipant as u,useDataChannel as p}from"@livekit/components-react";import{Track as d}from"livekit-client";import{useState as m,useRef as g,useEffect as f,useCallback as v}from"react";import{createRoot as y}from"react-dom/client";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(null,arguments)}function w(a={}){const[s,i]=m(null),[c,l]=m("disconnected"),u=g(Date.now()),[p,d]=m(new Map),[w,M]=m([]),_=g(""),k=g(new Set),C=g(null),x=g(null),E=g(null),D=g(null),[F,I]=m({agent:[],user:[]}),S=g(null),[P,N]=m(!0);f(()=>{const e=Array.from(p.values()).sort((e,t)=>e.timestamp-t.timestamp),t=JSON.stringify(e);t!==_.current&&(_.current=t,M(e),a.onMessage&&e.filter(e=>e.isFinal&&e.id&&!k.current.has(e.id)).forEach(e=>{e.id&&(k.current.add(e.id),null==a.onMessage||a.onMessage(e))}))},[p,a.onMessage]),f(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;if("state_update"===t.type)l(t.state);else if("transcription_update"===t.type)$(t.transcriptions);else if("waveform_update"===t.type&&t.speaker)I(e=>b({},e,{[t.speaker]:t.waveformData}));else if("function_tools_executed"===t.type&&t.tool){const e=`function-calls-${Date.now()}`;d(n=>{const r=new Map(n);return r.set(e,{id:e,name:"tool",tool:t.tool,timestamp:Date.now(),isFinal:!0}),r})}},e.port1.start(),E.current=e,()=>{var e,t;null==(e=E.current)||e.port1.close(),null==(t=E.current)||t.port2.close(),E.current=null}},[]);const $=v(e=>{d(t=>{const n=new Map(t);return e.forEach(e=>{var r;if(e.timestamp<u.current)return;const o="agent"===e.speaker?"agent":"user",a=(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:a,isFinal:e.isFinal})}),n})},[]);f(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),C.current=e,x.current=y(e),()=>{x.current&&x.current.unmount(),C.current&&document.body.removeChild(C.current)}},[]);const j=v(async({agentId:e,apiKey:t,dynamicVariables:n,metadata:r})=>{try{if("disconnected"!==c){const e=`Connection attempt rejected: Already in a connection state (${c})`;return console.warn(e),a.onError&&a.onError(new Error(e)),Promise.reject(new Error(e))}u.current=Date.now(),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:{runtime_context:{source:{type:"react-sdk",version:"0.3.2"}},call_web:{dynamic_variables:n||{},metadata:r||{}}}})});if(!o.ok){const e=await o.text();throw new Error(`Connection failed (${o.status}): ${e}`)}const s=await o.json();i(s),a.onConnect&&a.onConnect()}catch(e){i(null),d(new Map),M([]),l("disconnected");const t=e instanceof Error?e:new Error(String(e));a.onError&&a.onError(t)}},[a,c]),O=v(()=>{u.current=Date.now(),i(null),d(new Map),M([]),l("disconnected"),a.onDisconnect&&a.onDisconnect()},[a]),T=v(({message:e,digit:t})=>{if("disconnected"!==c){if(e){const t=`user-text-${Date.now()}`;d(n=>{const r=new Map(n);return r.set(t,{id:t,name:"user",message:e,timestamp:Date.now(),isFinal:!0}),r}),E.current?E.current.port1.postMessage({type:"send_text",text:e}):console.error("No message channel available to send message")}void 0!==t&&(E.current?E.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]),A=v(({speaker:e="agent",barCount:t=10,updateInterval:n=20})=>{S.current={speaker:e,barCount:t,updateInterval:n},E.current&&E.current.port1.postMessage({type:"waveform_config",config:{speaker:e,barCount:t,updateInterval:n}});const r=F[e]||[];return r.length>0?r.slice(0,t):Array(t).fill(0)},[F]),L=v(e=>{N(e),E.current?E.current.port1.postMessage({type:"toggle_mic",enabled:e}):console.error("No message channel available to toggle microphone")},[]),J=v(e=>{const t=Math.min(Math.max(e,0),1);E.current?E.current.port1.postMessage({type:"set_volume",volume:t}):console.error("No message channel available to set volume")},[]);return f(()=>{x.current&&(s?(D.current||(E.current&&E.current.port2.start(),D.current=e(r,{serverUrl:s.serverUrl,token:s.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:O,onError:e=>{console.error("LiveKit connection error:",e),O(),a.onError&&a.onError(new Error(`LiveKit connection error: ${e.message}`))},children:[t(o,{}),E.current&&t(h,{port:E.current.port2,initialConfig:S.current||{barCount:10,updateInterval:20}})]})),x.current.render(D.current)):(D.current=null,x.current.render(t(n,{}))))},[s,O,a.onError]),{connect:j,disconnect:O,state:c,messages:w,send:T,audioWaveform:A,toggleMic:L,setVolume:J}}function h({port:e,initialConfig:t}){const{agent:n,state:r}=a(),{send:o}=s(),[g,v]=m({speaker:t.speaker||"agent",barCount:t.barCount,updateInterval:t.updateInterval}),y=i([d.Source.Microphone],null==n?void 0:n.identity)[0],b=c(y),w=l(y,{barCount:"agent"===g.speaker?g.barCount:120,updateInterval:"agent"===g.speaker?g.updateInterval:20}),h=u(),M=c({publication:h.microphoneTrack,source:d.Source.Microphone,participant:h.localParticipant}),_=i([d.Source.Microphone],h.localParticipant.identity)[0],k=l(_,{barCount:"user"===g.speaker?g.barCount:120,updateInterval:"user"===g.speaker?g.updateInterval:20});return f(()=>{e&&w&&w.bars&&e.postMessage({type:"waveform_update",waveformData:w.bars,speaker:"agent"})},[e,w]),f(()=>{e&&k&&k.bars&&e.postMessage({type:"waveform_update",waveformData:k.bars,speaker:"user"})},[e,k]),f(()=>{if(!e)return;const t=e=>{const t=e.data;if("waveform_config"===t.type&&t.config)"number"==typeof t.config.barCount&&"number"==typeof t.config.updateInterval&&v(t.config);else if("send_text"===t.type)o?o(t.text):console.error("sendChat function is not available");else if("send_dtmf"===t.type)h.localParticipant?h.localParticipant.publishDtmf(101,t.digit):console.error("Local participant is not available for DTMF");else if("toggle_mic"===t.type&&"boolean"==typeof t.enabled)h.localParticipant?h.localParticipant.setMicrophoneEnabled(t.enabled).catch(e=>{console.error("Failed to toggle microphone:",e)}):console.error("Local participant is not available for mic toggle");else if("set_volume"===t.type&&"number"==typeof t.volume)if(n)try{n.setVolume(t.volume),console.log(`Set agent volume to ${t.volume}`)}catch(e){console.error("Failed to set agent volume:",e)}else console.error("Agent is not available for volume control")};return e.start(),e.addEventListener("message",t),()=>{e.removeEventListener("message",t)}},[e,o,h,n]),f(()=>{e&&e.postMessage({type:"state_update",state:r})},[r,e]),f(()=>{if(e&&b.segments.length>0){const t=b.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"agent"}));e.postMessage({type:"transcription_update",transcriptions:t})}},[b.segments,e]),f(()=>{if(e&&M.segments.length>0){const t=M.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));e.postMessage({type:"transcription_update",transcriptions:t})}},[M.segments,e]),p("function_tools_executed",t=>{if(!e)return;const n=new TextDecoder,r=t.payload instanceof Uint8Array?n.decode(t.payload):String(t.payload);let o;try{o=JSON.parse(r),e.postMessage({type:"function_tools_executed",tool:o})}catch(e){console.error("Failed to parse function call log:",e)}}),null}export{w as useVoxAI};
|
|
2
2
|
//# sourceMappingURL=lib.modern.js.map
|
package/dist/lib.modern.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib.modern.js","sources":["../src/hooks/useVoxAI.tsx","../src/utils/constants.ts"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useAudioWaveform,\n useChat,\n useDataChannel,\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\";\nimport { HTTPS_API_ORIGIN, SDK_VERSION } from \"../utils/constants\";\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/**\n * Function call related types\n */\nexport interface FunctionToolsExecuted {\n type: \"function_tools_executed\";\n function_calls: FunctionCallInfo[];\n function_call_outputs: FunctionCallResult[];\n}\n\nexport interface FunctionCallInfo {\n id: string;\n type: string;\n call_id: string;\n arguments: string;\n name: string;\n}\n\nexport interface FunctionCallResult {\n id: string;\n name: string;\n type: string;\n call_id: string;\n output: string;\n is_error: boolean;\n}\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 tool?: FunctionToolsExecuted;\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 | {\n type: \"waveform_update\";\n waveformData: number[];\n speaker: \"agent\" | \"user\";\n }\n | { type: \"function_tools_executed\"; tool: FunctionToolsExecuted };\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 // Session timestamp to filter out stale asynchronous events\n const sessionTimestampRef = useRef<number>(Date.now());\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 // Replace the single waveform state with a map for multiple speakers\n const [waveformDataMap, setWaveformDataMap] = useState<\n Record<string, number[]>\n >({\n agent: [],\n user: [],\n });\n\n // Add back the waveform config reference\n const waveformConfigRef = useRef<{\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n } | null>(null);\n\n // Add a new state to track microphone status\n const [isMicEnabled, setIsMicEnabled] = useState<boolean>(true);\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 } else if (data.type === \"waveform_update\" && data.speaker) {\n // Store the waveform data for the specific speaker\n setWaveformDataMap((prevMap) => ({\n ...prevMap,\n [data.speaker]: data.waveformData,\n }));\n } else if (data.type === \"function_tools_executed\" && data.tool) {\n // Handle function calls\n const functionCallsId = `function-calls-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(functionCallsId, {\n id: functionCallsId,\n name: \"tool\",\n tool: data.tool,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n }\n };\n\n // Start the port\n channel.port1.start();\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 and filter out stale events\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n // Only process transcriptions generated after the current session timestamp\n if (t.timestamp < sessionTimestampRef.current) {\n return;\n }\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 // Prevent connecting if already in a connection state\n if (state !== \"disconnected\") {\n const errorMessage = `Connection attempt rejected: Already in a connection state (${state})`;\n console.warn(errorMessage);\n\n if (options.onError) {\n options.onError(new Error(errorMessage));\n }\n return Promise.reject(new Error(errorMessage));\n }\n\n // Update session timestamp for new connection\n sessionTimestampRef.current = Date.now();\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 runtime_context: {\n source: {\n type: \"react-sdk\",\n version: SDK_VERSION,\n },\n },\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 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, state]\n );\n\n // Disconnect from VoxAI service, updating the session timestamp to ignore stale events\n const disconnect = useCallback(() => {\n // Update session timestamp on disconnect\n sessionTimestampRef.current = Date.now();\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 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 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 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 // Update the audioWaveform function to return data for the requested speaker\n const audioWaveform = useCallback(\n ({\n speaker = \"agent\",\n barCount = 10,\n updateInterval = 20,\n }: {\n speaker?: \"agent\" | \"user\";\n barCount?: number;\n updateInterval?: number;\n }): number[] => {\n waveformConfigRef.current = { speaker, barCount, updateInterval };\n\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"waveform_config\",\n config: { speaker, barCount, updateInterval },\n });\n }\n\n const speakerData = waveformDataMap[speaker] || [];\n return speakerData.length > 0\n ? speakerData.slice(0, barCount)\n : Array(barCount).fill(0);\n },\n [waveformDataMap]\n );\n\n // Add toggleMic function that will be exposed in the hook's return value\n const toggleMic = useCallback((value: boolean) => {\n setIsMicEnabled(value);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"toggle_mic\",\n enabled: value,\n });\n } else {\n console.error(\"No message channel available to toggle microphone\");\n }\n }, []);\n\n // Add setVolume function that will be exposed in the hook's return value\n const setVolume = useCallback((volume: number) => {\n const validVolume = Math.min(Math.max(volume, 0), 1);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"set_volume\",\n volume: validVolume,\n });\n } else {\n console.error(\"No message channel available to set volume\");\n }\n }, []);\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n if (!livekitComponentRef.current) {\n if (channelRef.current) {\n channelRef.current.port2.start();\n }\n\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\n port={channelRef.current.port2}\n initialConfig={\n waveformConfigRef.current || {\n barCount: 10,\n updateInterval: 20,\n }\n }\n />\n )}\n </LiveKitRoom>\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 audioWaveform,\n toggleMic,\n setVolume,\n };\n}\n\n/**\n * Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({\n port,\n initialConfig,\n}: {\n port: MessagePort | undefined;\n initialConfig: {\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n };\n}) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Initialize waveform config with the passed initial values, defaulting to \"agent\" if not specified\n const [waveformConfig, setWaveformConfig] = useState({\n speaker: initialConfig.speaker || \"agent\",\n barCount: initialConfig.barCount,\n updateInterval: initialConfig.updateInterval,\n });\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // Use the current config for the waveform, applying different settings based on speaker\n const agentAudioWaveform = useAudioWaveform(agentAudioTrack, {\n barCount:\n waveformConfig.speaker === \"agent\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"agent\" ? waveformConfig.updateInterval : 20,\n });\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 const localAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n localParticipant.localParticipant.identity\n )[0];\n const userAudioWaveform = useAudioWaveform(localAudioTrack, {\n barCount: waveformConfig.speaker === \"user\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"user\" ? waveformConfig.updateInterval : 20,\n });\n\n // Add separate effects to send agent and user waveform data\n useEffect(() => {\n if (!port || !agentAudioWaveform || !agentAudioWaveform.bars) return;\n\n // Send the agent waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: agentAudioWaveform.bars,\n speaker: \"agent\",\n });\n }, [port, agentAudioWaveform]);\n\n useEffect(() => {\n if (!port || !userAudioWaveform || !userAudioWaveform.bars) return;\n\n // Send the user waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: userAudioWaveform.bars,\n speaker: \"user\",\n });\n }, [port, userAudioWaveform]);\n\n // Listen for messages including config updates and mic toggle commands\n useEffect(() => {\n if (!port) return;\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"waveform_config\" && data.config) {\n // Verify we have both required properties before updating\n if (\n typeof data.config.barCount === \"number\" &&\n typeof data.config.updateInterval === \"number\"\n ) {\n setWaveformConfig(data.config);\n }\n } else 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 } else if (\n data.type === \"toggle_mic\" &&\n typeof data.enabled === \"boolean\"\n ) {\n // Handle microphone toggle\n if (localParticipant.localParticipant) {\n localParticipant.localParticipant\n .setMicrophoneEnabled(data.enabled)\n .catch((error) => {\n console.error(\"Failed to toggle microphone:\", error);\n });\n } else {\n console.error(\"Local participant is not available for mic toggle\");\n }\n } else if (\n data.type === \"set_volume\" &&\n typeof data.volume === \"number\"\n ) {\n // Handle volume control\n if (agent) {\n // The agent is a RemoteParticipant, so we can call setVolume directly\n try {\n agent.setVolume(data.volume);\n console.log(`Set agent volume to ${data.volume}`);\n } catch (error) {\n console.error(\"Failed to set agent volume:\", error);\n }\n } else {\n console.error(\"Agent is not available for volume control\");\n }\n }\n };\n\n // Make sure we 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, agent]);\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 // Add data channel hook for function calls\n const { message: functionToolsExecuted } = useDataChannel(\n \"function_tools_executed\",\n (msg) => {\n if (!port) return;\n\n const textDecoder = new TextDecoder();\n const messageString =\n msg.payload instanceof Uint8Array\n ? textDecoder.decode(msg.payload)\n : String(msg.payload);\n\n let tool: FunctionToolsExecuted;\n try {\n tool = JSON.parse(messageString);\n\n // Send function calls to main hook via the port\n port.postMessage({\n type: \"function_tools_executed\",\n tool: tool,\n });\n } catch (e) {\n console.error(\"Failed to parse function call log:\", e);\n }\n }\n );\n\n return null;\n}\n","// export const HTTPS_API_ORIGIN = \"https://frontend-dev.tryvox.co/api/agent/sdk\";\nexport const HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// export const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\nexport const SDK_VERSION = \"0.3.0\";\n"],"names":["useVoxAI","options","connectionDetail","setConnectionDetail","useState","state","setState","sessionTimestampRef","useRef","Date","now","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","waveformDataMap","setWaveformDataMap","agent","user","waveformConfigRef","isMicEnabled","setIsMicEnabled","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","speaker","prevMap","_extends","waveformData","tool","functionCallsId","newMap","set","name","start","_channelRef$current","_channelRef$current2","close","port2","useCallback","t","_prevMap$get","messageType","existingTimestamp","get","message","text","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","async","agentId","apiKey","dynamicVariables","metadata","errorMessage","console","warn","onError","Error","Promise","reject","response","fetch","method","headers","Authorization","agent_id","runtime_context","source","version","call_web","dynamic_variables","ok","errorText","status","json","onConnect","err","error","String","disconnect","onDisconnect","send","digit","messageId","postMessage","undefined","audioWaveform","barCount","updateInterval","config","speakerData","length","slice","fill","toggleMic","value","enabled","setVolume","volume","validVolume","Math","min","max","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","RoomAudioRenderer","StateMonitor","port","initialConfig","render","_Fragment","useVoiceAssistant","sendChat","useChat","waveformConfig","setWaveformConfig","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","agentAudioWaveform","useAudioWaveform","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","participant","localAudioTrack","userAudioWaveform","bars","handleMessage","event","publishDtmf","setMicrophoneEnabled","catch","log","addEventListener","removeEventListener","segments","map","segment","final","useDataChannel","textDecoder","TextDecoder","messageString","payload","Uint8Array","decode","parse"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lib.modern.js","sources":["../src/hooks/useVoxAI.tsx","../src/utils/constants.ts"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useAudioWaveform,\n useChat,\n useDataChannel,\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\";\nimport { HTTPS_API_ORIGIN, SDK_VERSION } from \"../utils/constants\";\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/**\n * Function call related types\n */\nexport interface FunctionToolsExecuted {\n type: \"function_tools_executed\";\n function_calls: FunctionCallInfo[];\n function_call_outputs: FunctionCallResult[];\n}\n\nexport interface FunctionCallInfo {\n id: string;\n type: string;\n call_id: string;\n arguments: Record<string, any>;\n name: string;\n}\n\nexport interface FunctionCallResult {\n id: string;\n name: string;\n type: string;\n call_id: string;\n output: string;\n is_error: boolean;\n}\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 tool?: FunctionToolsExecuted;\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 | {\n type: \"waveform_update\";\n waveformData: number[];\n speaker: \"agent\" | \"user\";\n }\n | { type: \"function_tools_executed\"; tool: FunctionToolsExecuted };\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 agentVersion - The agent version, if not provided, the current version will be used\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n */\nexport interface ConnectParams {\n agentId: string;\n agentVersion?: number;\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 // Session timestamp to filter out stale asynchronous events\n const sessionTimestampRef = useRef<number>(Date.now());\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 // Replace the single waveform state with a map for multiple speakers\n const [waveformDataMap, setWaveformDataMap] = useState<\n Record<string, number[]>\n >({\n agent: [],\n user: [],\n });\n\n // Add back the waveform config reference\n const waveformConfigRef = useRef<{\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n } | null>(null);\n\n // Add a new state to track microphone status\n const [isMicEnabled, setIsMicEnabled] = useState<boolean>(true);\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 } else if (data.type === \"waveform_update\" && data.speaker) {\n // Store the waveform data for the specific speaker\n setWaveformDataMap((prevMap) => ({\n ...prevMap,\n [data.speaker]: data.waveformData,\n }));\n } else if (data.type === \"function_tools_executed\" && data.tool) {\n // Handle function calls\n const functionCallsId = `function-calls-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(functionCallsId, {\n id: functionCallsId,\n name: \"tool\",\n tool: data.tool,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n }\n };\n\n // Start the port\n channel.port1.start();\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 and filter out stale events\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n // Only process transcriptions generated after the current session timestamp\n if (t.timestamp < sessionTimestampRef.current) {\n return;\n }\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 // Prevent connecting if already in a connection state\n if (state !== \"disconnected\") {\n const errorMessage = `Connection attempt rejected: Already in a connection state (${state})`;\n console.warn(errorMessage);\n\n if (options.onError) {\n options.onError(new Error(errorMessage));\n }\n return Promise.reject(new Error(errorMessage));\n }\n\n // Update session timestamp for new connection\n sessionTimestampRef.current = Date.now();\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 runtime_context: {\n source: {\n type: \"react-sdk\",\n version: SDK_VERSION,\n },\n },\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 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, state]\n );\n\n // Disconnect from VoxAI service, updating the session timestamp to ignore stale events\n const disconnect = useCallback(() => {\n // Update session timestamp on disconnect\n sessionTimestampRef.current = Date.now();\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 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 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 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 // Update the audioWaveform function to return data for the requested speaker\n const audioWaveform = useCallback(\n ({\n speaker = \"agent\",\n barCount = 10,\n updateInterval = 20,\n }: {\n speaker?: \"agent\" | \"user\";\n barCount?: number;\n updateInterval?: number;\n }): number[] => {\n waveformConfigRef.current = { speaker, barCount, updateInterval };\n\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"waveform_config\",\n config: { speaker, barCount, updateInterval },\n });\n }\n\n const speakerData = waveformDataMap[speaker] || [];\n return speakerData.length > 0\n ? speakerData.slice(0, barCount)\n : Array(barCount).fill(0);\n },\n [waveformDataMap]\n );\n\n // Add toggleMic function that will be exposed in the hook's return value\n const toggleMic = useCallback((value: boolean) => {\n setIsMicEnabled(value);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"toggle_mic\",\n enabled: value,\n });\n } else {\n console.error(\"No message channel available to toggle microphone\");\n }\n }, []);\n\n // Add setVolume function that will be exposed in the hook's return value\n const setVolume = useCallback((volume: number) => {\n const validVolume = Math.min(Math.max(volume, 0), 1);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"set_volume\",\n volume: validVolume,\n });\n } else {\n console.error(\"No message channel available to set volume\");\n }\n }, []);\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n if (!livekitComponentRef.current) {\n if (channelRef.current) {\n channelRef.current.port2.start();\n }\n\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\n port={channelRef.current.port2}\n initialConfig={\n waveformConfigRef.current || {\n barCount: 10,\n updateInterval: 20,\n }\n }\n />\n )}\n </LiveKitRoom>\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 audioWaveform,\n toggleMic,\n setVolume,\n };\n}\n\n/**\n * Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({\n port,\n initialConfig,\n}: {\n port: MessagePort | undefined;\n initialConfig: {\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n };\n}) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Initialize waveform config with the passed initial values, defaulting to \"agent\" if not specified\n const [waveformConfig, setWaveformConfig] = useState({\n speaker: initialConfig.speaker || \"agent\",\n barCount: initialConfig.barCount,\n updateInterval: initialConfig.updateInterval,\n });\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // Use the current config for the waveform, applying different settings based on speaker\n const agentAudioWaveform = useAudioWaveform(agentAudioTrack, {\n barCount:\n waveformConfig.speaker === \"agent\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"agent\" ? waveformConfig.updateInterval : 20,\n });\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 const localAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n localParticipant.localParticipant.identity\n )[0];\n const userAudioWaveform = useAudioWaveform(localAudioTrack, {\n barCount: waveformConfig.speaker === \"user\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"user\" ? waveformConfig.updateInterval : 20,\n });\n\n // Add separate effects to send agent and user waveform data\n useEffect(() => {\n if (!port || !agentAudioWaveform || !agentAudioWaveform.bars) return;\n\n // Send the agent waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: agentAudioWaveform.bars,\n speaker: \"agent\",\n });\n }, [port, agentAudioWaveform]);\n\n useEffect(() => {\n if (!port || !userAudioWaveform || !userAudioWaveform.bars) return;\n\n // Send the user waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: userAudioWaveform.bars,\n speaker: \"user\",\n });\n }, [port, userAudioWaveform]);\n\n // Listen for messages including config updates and mic toggle commands\n useEffect(() => {\n if (!port) return;\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"waveform_config\" && data.config) {\n // Verify we have both required properties before updating\n if (\n typeof data.config.barCount === \"number\" &&\n typeof data.config.updateInterval === \"number\"\n ) {\n setWaveformConfig(data.config);\n }\n } else 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 } else if (\n data.type === \"toggle_mic\" &&\n typeof data.enabled === \"boolean\"\n ) {\n // Handle microphone toggle\n if (localParticipant.localParticipant) {\n localParticipant.localParticipant\n .setMicrophoneEnabled(data.enabled)\n .catch((error) => {\n console.error(\"Failed to toggle microphone:\", error);\n });\n } else {\n console.error(\"Local participant is not available for mic toggle\");\n }\n } else if (\n data.type === \"set_volume\" &&\n typeof data.volume === \"number\"\n ) {\n // Handle volume control\n if (agent) {\n // The agent is a RemoteParticipant, so we can call setVolume directly\n try {\n agent.setVolume(data.volume);\n console.log(`Set agent volume to ${data.volume}`);\n } catch (error) {\n console.error(\"Failed to set agent volume:\", error);\n }\n } else {\n console.error(\"Agent is not available for volume control\");\n }\n }\n };\n\n // Make sure we 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, agent]);\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 // Add data channel hook for function calls\n const { message: functionToolsExecuted } = useDataChannel(\n \"function_tools_executed\",\n (msg) => {\n if (!port) return;\n\n const textDecoder = new TextDecoder();\n const messageString =\n msg.payload instanceof Uint8Array\n ? textDecoder.decode(msg.payload)\n : String(msg.payload);\n\n let tool: FunctionToolsExecuted;\n try {\n tool = JSON.parse(messageString);\n\n // Send function calls to main hook via the port\n port.postMessage({\n type: \"function_tools_executed\",\n tool: tool,\n });\n } catch (e) {\n console.error(\"Failed to parse function call log:\", e);\n }\n }\n );\n\n return null;\n}\n","// export const HTTPS_API_ORIGIN = \"https://frontend-dev.tryvox.co/api/agent/sdk\";\nexport const HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// export const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\nexport const SDK_VERSION = \"0.3.2\";\n"],"names":["useVoxAI","options","connectionDetail","setConnectionDetail","useState","state","setState","sessionTimestampRef","useRef","Date","now","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","waveformDataMap","setWaveformDataMap","agent","user","waveformConfigRef","isMicEnabled","setIsMicEnabled","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","speaker","prevMap","_extends","waveformData","tool","functionCallsId","newMap","set","name","start","_channelRef$current","_channelRef$current2","close","port2","useCallback","t","_prevMap$get","messageType","existingTimestamp","get","message","text","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","async","agentId","apiKey","dynamicVariables","metadata","errorMessage","console","warn","onError","Error","Promise","reject","response","fetch","method","headers","Authorization","agent_id","runtime_context","source","version","call_web","dynamic_variables","ok","errorText","status","json","onConnect","err","error","String","disconnect","onDisconnect","send","digit","messageId","postMessage","undefined","audioWaveform","barCount","updateInterval","config","speakerData","length","slice","fill","toggleMic","value","enabled","setVolume","volume","validVolume","Math","min","max","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","RoomAudioRenderer","StateMonitor","port","initialConfig","render","_Fragment","useVoiceAssistant","sendChat","useChat","waveformConfig","setWaveformConfig","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","agentAudioWaveform","useAudioWaveform","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","participant","localAudioTrack","userAudioWaveform","bars","handleMessage","event","publishDtmf","setMicrophoneEnabled","catch","log","addEventListener","removeEventListener","segments","map","segment","final","useDataChannel","textDecoder","TextDecoder","messageString","payload","Uint8Array","decode","parse"],"mappings":"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"}
|
package/dist/lib.module.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{LiveKitRoom as r,RoomAudioRenderer as o,useVoiceAssistant as a,useChat as s,useParticipantTracks as i,useTrackTranscription as c,useAudioWaveform as l,useLocalParticipant as u,useDataChannel as p}from"@livekit/components-react";import{Track as d}from"livekit-client";import{useState as m,useRef as g,useEffect as f,useCallback as v}from"react";import{createRoot as y}from"react-dom/client";function h(a){void 0===a&&(a={});const[s,i]=m(null),[c,l]=m("disconnected"),u=g(Date.now()),[p,d]=m(new Map),[h,w]=m([]),M=g(""),_=g(new Set),k=g(null),C=g(null),x=g(null),E=g(null),[D,P]=m({agent:[],user:[]}),F=g(null),[I,S]=m(!0);f(()=>{const e=Array.from(p.values()).sort((e,t)=>e.timestamp-t.timestamp),t=JSON.stringify(e);t!==M.current&&(M.current=t,w(e),a.onMessage&&e.filter(e=>e.isFinal&&e.id&&!_.current.has(e.id)).forEach(e=>{e.id&&(_.current.add(e.id),null==a.onMessage||a.onMessage(e))}))},[p,a.onMessage]),f(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;if("state_update"===t.type)l(t.state);else if("transcription_update"===t.type)N(t.transcriptions);else if("waveform_update"===t.type&&t.speaker)P(e=>({...e,[t.speaker]:t.waveformData}));else if("function_tools_executed"===t.type&&t.tool){const e="function-calls-"+Date.now();d(n=>{const r=new Map(n);return r.set(e,{id:e,name:"tool",tool:t.tool,timestamp:Date.now(),isFinal:!0}),r})}},e.port1.start(),x.current=e,()=>{var e,t;null==(e=x.current)||e.port1.close(),null==(t=x.current)||t.port2.close(),x.current=null}},[]);const N=v(e=>{d(t=>{const n=new Map(t);return e.forEach(e=>{var r;if(e.timestamp<u.current)return;const o="agent"===e.speaker?"agent":"user",a=(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:a,isFinal:e.isFinal})}),n})},[]);f(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),k.current=e,C.current=y(e),()=>{C.current&&C.current.unmount(),k.current&&document.body.removeChild(k.current)}},[]);const T=v(function(e){let{agentId:t,apiKey:n,dynamicVariables:r,metadata:o}=e;try{return Promise.resolve(function(e,s){try{var p=function(){if("disconnected"!==c){const e="Connection attempt rejected: Already in a connection state ("+c+")";return console.warn(e),a.onError&&a.onError(new Error(e)),Promise.reject(new Error(e))}return u.current=Date.now(),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:{runtime_context:{source:{type:"react-sdk",version:"0.3.
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{LiveKitRoom as r,RoomAudioRenderer as o,useVoiceAssistant as a,useChat as s,useParticipantTracks as i,useTrackTranscription as c,useAudioWaveform as l,useLocalParticipant as u,useDataChannel as p}from"@livekit/components-react";import{Track as d}from"livekit-client";import{useState as m,useRef as g,useEffect as f,useCallback as v}from"react";import{createRoot as y}from"react-dom/client";function h(a){void 0===a&&(a={});const[s,i]=m(null),[c,l]=m("disconnected"),u=g(Date.now()),[p,d]=m(new Map),[h,w]=m([]),M=g(""),_=g(new Set),k=g(null),C=g(null),x=g(null),E=g(null),[D,P]=m({agent:[],user:[]}),F=g(null),[I,S]=m(!0);f(()=>{const e=Array.from(p.values()).sort((e,t)=>e.timestamp-t.timestamp),t=JSON.stringify(e);t!==M.current&&(M.current=t,w(e),a.onMessage&&e.filter(e=>e.isFinal&&e.id&&!_.current.has(e.id)).forEach(e=>{e.id&&(_.current.add(e.id),null==a.onMessage||a.onMessage(e))}))},[p,a.onMessage]),f(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;if("state_update"===t.type)l(t.state);else if("transcription_update"===t.type)N(t.transcriptions);else if("waveform_update"===t.type&&t.speaker)P(e=>({...e,[t.speaker]:t.waveformData}));else if("function_tools_executed"===t.type&&t.tool){const e="function-calls-"+Date.now();d(n=>{const r=new Map(n);return r.set(e,{id:e,name:"tool",tool:t.tool,timestamp:Date.now(),isFinal:!0}),r})}},e.port1.start(),x.current=e,()=>{var e,t;null==(e=x.current)||e.port1.close(),null==(t=x.current)||t.port2.close(),x.current=null}},[]);const N=v(e=>{d(t=>{const n=new Map(t);return e.forEach(e=>{var r;if(e.timestamp<u.current)return;const o="agent"===e.speaker?"agent":"user",a=(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:a,isFinal:e.isFinal})}),n})},[]);f(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),k.current=e,C.current=y(e),()=>{C.current&&C.current.unmount(),k.current&&document.body.removeChild(k.current)}},[]);const T=v(function(e){let{agentId:t,apiKey:n,dynamicVariables:r,metadata:o}=e;try{return Promise.resolve(function(e,s){try{var p=function(){if("disconnected"!==c){const e="Connection attempt rejected: Already in a connection state ("+c+")";return console.warn(e),a.onError&&a.onError(new Error(e)),Promise.reject(new Error(e))}return u.current=Date.now(),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:{runtime_context:{source:{type:"react-sdk",version:"0.3.2"}},call_web:{dynamic_variables:r||{},metadata:o||{}}}})})).then(function(e){function t(t){return Promise.resolve(e.json()).then(function(e){i(e),a.onConnect&&a.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 p&&p.then?p.then(void 0,s):p}(0,function(e){i(null),d(new Map),w([]),l("disconnected");const t=e instanceof Error?e:new Error(String(e));a.onError&&a.onError(t)}))}catch(e){return Promise.reject(e)}},[a,c]),j=v(()=>{u.current=Date.now(),i(null),d(new Map),w([]),l("disconnected"),a.onDisconnect&&a.onDisconnect()},[a]),A=v(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}),x.current?x.current.port1.postMessage({type:"send_text",text:t}):console.error("No message channel available to send message")}void 0!==n&&(x.current?x.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]),L=v(e=>{let{speaker:t="agent",barCount:n=10,updateInterval:r=20}=e;F.current={speaker:t,barCount:n,updateInterval:r},x.current&&x.current.port1.postMessage({type:"waveform_config",config:{speaker:t,barCount:n,updateInterval:r}});const o=D[t]||[];return o.length>0?o.slice(0,n):Array(n).fill(0)},[D]),O=v(e=>{S(e),x.current?x.current.port1.postMessage({type:"toggle_mic",enabled:e}):console.error("No message channel available to toggle microphone")},[]),J=v(e=>{const t=Math.min(Math.max(e,0),1);x.current?x.current.port1.postMessage({type:"set_volume",volume:t}):console.error("No message channel available to set volume")},[]);return f(()=>{C.current&&(s?(E.current||(x.current&&x.current.port2.start(),E.current=e(r,{serverUrl:s.serverUrl,token:s.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:j,onError:e=>{console.error("LiveKit connection error:",e),j(),a.onError&&a.onError(new Error("LiveKit connection error: "+e.message))},children:[t(o,{}),x.current&&t(b,{port:x.current.port2,initialConfig:F.current||{barCount:10,updateInterval:20}})]})),C.current.render(E.current)):(E.current=null,C.current.render(t(n,{}))))},[s,j,a.onError]),{connect:T,disconnect:j,state:c,messages:h,send:A,audioWaveform:L,toggleMic:O,setVolume:J}}function b(e){let{port:t,initialConfig:n}=e;const{agent:r,state:o}=a(),{send:g}=s(),[v,y]=m({speaker:n.speaker||"agent",barCount:n.barCount,updateInterval:n.updateInterval}),h=i([d.Source.Microphone],null==r?void 0:r.identity)[0],b=c(h),w=l(h,{barCount:"agent"===v.speaker?v.barCount:120,updateInterval:"agent"===v.speaker?v.updateInterval:20}),M=u(),_=c({publication:M.microphoneTrack,source:d.Source.Microphone,participant:M.localParticipant}),k=i([d.Source.Microphone],M.localParticipant.identity)[0],C=l(k,{barCount:"user"===v.speaker?v.barCount:120,updateInterval:"user"===v.speaker?v.updateInterval:20});return f(()=>{t&&w&&w.bars&&t.postMessage({type:"waveform_update",waveformData:w.bars,speaker:"agent"})},[t,w]),f(()=>{t&&C&&C.bars&&t.postMessage({type:"waveform_update",waveformData:C.bars,speaker:"user"})},[t,C]),f(()=>{if(!t)return;const e=e=>{const t=e.data;if("waveform_config"===t.type&&t.config)"number"==typeof t.config.barCount&&"number"==typeof t.config.updateInterval&&y(t.config);else if("send_text"===t.type)g?g(t.text):console.error("sendChat function is not available");else if("send_dtmf"===t.type)M.localParticipant?M.localParticipant.publishDtmf(101,t.digit):console.error("Local participant is not available for DTMF");else if("toggle_mic"===t.type&&"boolean"==typeof t.enabled)M.localParticipant?M.localParticipant.setMicrophoneEnabled(t.enabled).catch(e=>{console.error("Failed to toggle microphone:",e)}):console.error("Local participant is not available for mic toggle");else if("set_volume"===t.type&&"number"==typeof t.volume)if(r)try{r.setVolume(t.volume),console.log("Set agent volume to "+t.volume)}catch(e){console.error("Failed to set agent volume:",e)}else console.error("Agent is not available for volume control")};return t.start(),t.addEventListener("message",e),()=>{t.removeEventListener("message",e)}},[t,g,M,r]),f(()=>{t&&t.postMessage({type:"state_update",state:o})},[o,t]),f(()=>{if(t&&b.segments.length>0){const e=b.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"agent"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[b.segments,t]),f(()=>{if(t&&_.segments.length>0){const e=_.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[_.segments,t]),p("function_tools_executed",e=>{if(!t)return;const n=new TextDecoder,r=e.payload instanceof Uint8Array?n.decode(e.payload):String(e.payload);let o;try{o=JSON.parse(r),t.postMessage({type:"function_tools_executed",tool:o})}catch(e){console.error("Failed to parse function call log:",e)}}),null}export{h as useVoxAI};
|
|
2
2
|
//# sourceMappingURL=lib.module.js.map
|
package/dist/lib.module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib.module.js","sources":["../src/hooks/useVoxAI.tsx","../src/utils/constants.ts"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useAudioWaveform,\n useChat,\n useDataChannel,\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\";\nimport { HTTPS_API_ORIGIN, SDK_VERSION } from \"../utils/constants\";\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/**\n * Function call related types\n */\nexport interface FunctionToolsExecuted {\n type: \"function_tools_executed\";\n function_calls: FunctionCallInfo[];\n function_call_outputs: FunctionCallResult[];\n}\n\nexport interface FunctionCallInfo {\n id: string;\n type: string;\n call_id: string;\n arguments: string;\n name: string;\n}\n\nexport interface FunctionCallResult {\n id: string;\n name: string;\n type: string;\n call_id: string;\n output: string;\n is_error: boolean;\n}\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 tool?: FunctionToolsExecuted;\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 | {\n type: \"waveform_update\";\n waveformData: number[];\n speaker: \"agent\" | \"user\";\n }\n | { type: \"function_tools_executed\"; tool: FunctionToolsExecuted };\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 // Session timestamp to filter out stale asynchronous events\n const sessionTimestampRef = useRef<number>(Date.now());\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 // Replace the single waveform state with a map for multiple speakers\n const [waveformDataMap, setWaveformDataMap] = useState<\n Record<string, number[]>\n >({\n agent: [],\n user: [],\n });\n\n // Add back the waveform config reference\n const waveformConfigRef = useRef<{\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n } | null>(null);\n\n // Add a new state to track microphone status\n const [isMicEnabled, setIsMicEnabled] = useState<boolean>(true);\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 } else if (data.type === \"waveform_update\" && data.speaker) {\n // Store the waveform data for the specific speaker\n setWaveformDataMap((prevMap) => ({\n ...prevMap,\n [data.speaker]: data.waveformData,\n }));\n } else if (data.type === \"function_tools_executed\" && data.tool) {\n // Handle function calls\n const functionCallsId = `function-calls-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(functionCallsId, {\n id: functionCallsId,\n name: \"tool\",\n tool: data.tool,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n }\n };\n\n // Start the port\n channel.port1.start();\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 and filter out stale events\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n // Only process transcriptions generated after the current session timestamp\n if (t.timestamp < sessionTimestampRef.current) {\n return;\n }\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 // Prevent connecting if already in a connection state\n if (state !== \"disconnected\") {\n const errorMessage = `Connection attempt rejected: Already in a connection state (${state})`;\n console.warn(errorMessage);\n\n if (options.onError) {\n options.onError(new Error(errorMessage));\n }\n return Promise.reject(new Error(errorMessage));\n }\n\n // Update session timestamp for new connection\n sessionTimestampRef.current = Date.now();\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 runtime_context: {\n source: {\n type: \"react-sdk\",\n version: SDK_VERSION,\n },\n },\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 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, state]\n );\n\n // Disconnect from VoxAI service, updating the session timestamp to ignore stale events\n const disconnect = useCallback(() => {\n // Update session timestamp on disconnect\n sessionTimestampRef.current = Date.now();\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 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 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 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 // Update the audioWaveform function to return data for the requested speaker\n const audioWaveform = useCallback(\n ({\n speaker = \"agent\",\n barCount = 10,\n updateInterval = 20,\n }: {\n speaker?: \"agent\" | \"user\";\n barCount?: number;\n updateInterval?: number;\n }): number[] => {\n waveformConfigRef.current = { speaker, barCount, updateInterval };\n\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"waveform_config\",\n config: { speaker, barCount, updateInterval },\n });\n }\n\n const speakerData = waveformDataMap[speaker] || [];\n return speakerData.length > 0\n ? speakerData.slice(0, barCount)\n : Array(barCount).fill(0);\n },\n [waveformDataMap]\n );\n\n // Add toggleMic function that will be exposed in the hook's return value\n const toggleMic = useCallback((value: boolean) => {\n setIsMicEnabled(value);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"toggle_mic\",\n enabled: value,\n });\n } else {\n console.error(\"No message channel available to toggle microphone\");\n }\n }, []);\n\n // Add setVolume function that will be exposed in the hook's return value\n const setVolume = useCallback((volume: number) => {\n const validVolume = Math.min(Math.max(volume, 0), 1);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"set_volume\",\n volume: validVolume,\n });\n } else {\n console.error(\"No message channel available to set volume\");\n }\n }, []);\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n if (!livekitComponentRef.current) {\n if (channelRef.current) {\n channelRef.current.port2.start();\n }\n\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\n port={channelRef.current.port2}\n initialConfig={\n waveformConfigRef.current || {\n barCount: 10,\n updateInterval: 20,\n }\n }\n />\n )}\n </LiveKitRoom>\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 audioWaveform,\n toggleMic,\n setVolume,\n };\n}\n\n/**\n * Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({\n port,\n initialConfig,\n}: {\n port: MessagePort | undefined;\n initialConfig: {\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n };\n}) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Initialize waveform config with the passed initial values, defaulting to \"agent\" if not specified\n const [waveformConfig, setWaveformConfig] = useState({\n speaker: initialConfig.speaker || \"agent\",\n barCount: initialConfig.barCount,\n updateInterval: initialConfig.updateInterval,\n });\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // Use the current config for the waveform, applying different settings based on speaker\n const agentAudioWaveform = useAudioWaveform(agentAudioTrack, {\n barCount:\n waveformConfig.speaker === \"agent\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"agent\" ? waveformConfig.updateInterval : 20,\n });\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 const localAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n localParticipant.localParticipant.identity\n )[0];\n const userAudioWaveform = useAudioWaveform(localAudioTrack, {\n barCount: waveformConfig.speaker === \"user\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"user\" ? waveformConfig.updateInterval : 20,\n });\n\n // Add separate effects to send agent and user waveform data\n useEffect(() => {\n if (!port || !agentAudioWaveform || !agentAudioWaveform.bars) return;\n\n // Send the agent waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: agentAudioWaveform.bars,\n speaker: \"agent\",\n });\n }, [port, agentAudioWaveform]);\n\n useEffect(() => {\n if (!port || !userAudioWaveform || !userAudioWaveform.bars) return;\n\n // Send the user waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: userAudioWaveform.bars,\n speaker: \"user\",\n });\n }, [port, userAudioWaveform]);\n\n // Listen for messages including config updates and mic toggle commands\n useEffect(() => {\n if (!port) return;\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"waveform_config\" && data.config) {\n // Verify we have both required properties before updating\n if (\n typeof data.config.barCount === \"number\" &&\n typeof data.config.updateInterval === \"number\"\n ) {\n setWaveformConfig(data.config);\n }\n } else 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 } else if (\n data.type === \"toggle_mic\" &&\n typeof data.enabled === \"boolean\"\n ) {\n // Handle microphone toggle\n if (localParticipant.localParticipant) {\n localParticipant.localParticipant\n .setMicrophoneEnabled(data.enabled)\n .catch((error) => {\n console.error(\"Failed to toggle microphone:\", error);\n });\n } else {\n console.error(\"Local participant is not available for mic toggle\");\n }\n } else if (\n data.type === \"set_volume\" &&\n typeof data.volume === \"number\"\n ) {\n // Handle volume control\n if (agent) {\n // The agent is a RemoteParticipant, so we can call setVolume directly\n try {\n agent.setVolume(data.volume);\n console.log(`Set agent volume to ${data.volume}`);\n } catch (error) {\n console.error(\"Failed to set agent volume:\", error);\n }\n } else {\n console.error(\"Agent is not available for volume control\");\n }\n }\n };\n\n // Make sure we 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, agent]);\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 // Add data channel hook for function calls\n const { message: functionToolsExecuted } = useDataChannel(\n \"function_tools_executed\",\n (msg) => {\n if (!port) return;\n\n const textDecoder = new TextDecoder();\n const messageString =\n msg.payload instanceof Uint8Array\n ? textDecoder.decode(msg.payload)\n : String(msg.payload);\n\n let tool: FunctionToolsExecuted;\n try {\n tool = JSON.parse(messageString);\n\n // Send function calls to main hook via the port\n port.postMessage({\n type: \"function_tools_executed\",\n tool: tool,\n });\n } catch (e) {\n console.error(\"Failed to parse function call log:\", e);\n }\n }\n );\n\n return null;\n}\n","// export const HTTPS_API_ORIGIN = \"https://frontend-dev.tryvox.co/api/agent/sdk\";\nexport const HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// export const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\nexport const SDK_VERSION = \"0.3.0\";\n"],"names":["useVoxAI","options","connectionDetail","setConnectionDetail","useState","state","setState","sessionTimestampRef","useRef","Date","now","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","waveformDataMap","setWaveformDataMap","agent","user","waveformConfigRef","isMicEnabled","setIsMicEnabled","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","speaker","prevMap","waveformData","tool","functionCallsId","newMap","set","name","start","_channelRef$current","_channelRef$current2","close","port2","useCallback","t","_prevMap$get","messageType","existingTimestamp","get","message","text","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","errorMessage","console","warn","onError","Error","reject","fetch","method","headers","Authorization","agent_id","runtime_context","source","version","call_web","dynamic_variables","then","response","_temp2","_result2","_exit","json","onConnect","_temp","ok","errorText","status","_catch","err","error","String","disconnect","onDisconnect","send","_ref2","digit","messageId","postMessage","undefined","audioWaveform","_ref3","barCount","updateInterval","config","speakerData","length","slice","fill","toggleMic","value","enabled","setVolume","volume","validVolume","Math","min","max","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","RoomAudioRenderer","StateMonitor","port","initialConfig","render","_Fragment","_ref4","useVoiceAssistant","sendChat","useChat","waveformConfig","setWaveformConfig","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","agentAudioWaveform","useAudioWaveform","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","participant","localAudioTrack","userAudioWaveform","bars","handleMessage","event","publishDtmf","setMicrophoneEnabled","catch","log","addEventListener","removeEventListener","segments","map","segment","final","useDataChannel","textDecoder","TextDecoder","messageString","payload","Uint8Array","decode","parse"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lib.module.js","sources":["../src/hooks/useVoxAI.tsx","../src/utils/constants.ts"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useAudioWaveform,\n useChat,\n useDataChannel,\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\";\nimport { HTTPS_API_ORIGIN, SDK_VERSION } from \"../utils/constants\";\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/**\n * Function call related types\n */\nexport interface FunctionToolsExecuted {\n type: \"function_tools_executed\";\n function_calls: FunctionCallInfo[];\n function_call_outputs: FunctionCallResult[];\n}\n\nexport interface FunctionCallInfo {\n id: string;\n type: string;\n call_id: string;\n arguments: Record<string, any>;\n name: string;\n}\n\nexport interface FunctionCallResult {\n id: string;\n name: string;\n type: string;\n call_id: string;\n output: string;\n is_error: boolean;\n}\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 tool?: FunctionToolsExecuted;\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 | {\n type: \"waveform_update\";\n waveformData: number[];\n speaker: \"agent\" | \"user\";\n }\n | { type: \"function_tools_executed\"; tool: FunctionToolsExecuted };\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 agentVersion - The agent version, if not provided, the current version will be used\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n */\nexport interface ConnectParams {\n agentId: string;\n agentVersion?: number;\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 // Session timestamp to filter out stale asynchronous events\n const sessionTimestampRef = useRef<number>(Date.now());\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 // Replace the single waveform state with a map for multiple speakers\n const [waveformDataMap, setWaveformDataMap] = useState<\n Record<string, number[]>\n >({\n agent: [],\n user: [],\n });\n\n // Add back the waveform config reference\n const waveformConfigRef = useRef<{\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n } | null>(null);\n\n // Add a new state to track microphone status\n const [isMicEnabled, setIsMicEnabled] = useState<boolean>(true);\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 } else if (data.type === \"waveform_update\" && data.speaker) {\n // Store the waveform data for the specific speaker\n setWaveformDataMap((prevMap) => ({\n ...prevMap,\n [data.speaker]: data.waveformData,\n }));\n } else if (data.type === \"function_tools_executed\" && data.tool) {\n // Handle function calls\n const functionCallsId = `function-calls-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(functionCallsId, {\n id: functionCallsId,\n name: \"tool\",\n tool: data.tool,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n }\n };\n\n // Start the port\n channel.port1.start();\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 and filter out stale events\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n // Only process transcriptions generated after the current session timestamp\n if (t.timestamp < sessionTimestampRef.current) {\n return;\n }\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 // Prevent connecting if already in a connection state\n if (state !== \"disconnected\") {\n const errorMessage = `Connection attempt rejected: Already in a connection state (${state})`;\n console.warn(errorMessage);\n\n if (options.onError) {\n options.onError(new Error(errorMessage));\n }\n return Promise.reject(new Error(errorMessage));\n }\n\n // Update session timestamp for new connection\n sessionTimestampRef.current = Date.now();\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 runtime_context: {\n source: {\n type: \"react-sdk\",\n version: SDK_VERSION,\n },\n },\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 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, state]\n );\n\n // Disconnect from VoxAI service, updating the session timestamp to ignore stale events\n const disconnect = useCallback(() => {\n // Update session timestamp on disconnect\n sessionTimestampRef.current = Date.now();\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 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 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 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 // Update the audioWaveform function to return data for the requested speaker\n const audioWaveform = useCallback(\n ({\n speaker = \"agent\",\n barCount = 10,\n updateInterval = 20,\n }: {\n speaker?: \"agent\" | \"user\";\n barCount?: number;\n updateInterval?: number;\n }): number[] => {\n waveformConfigRef.current = { speaker, barCount, updateInterval };\n\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"waveform_config\",\n config: { speaker, barCount, updateInterval },\n });\n }\n\n const speakerData = waveformDataMap[speaker] || [];\n return speakerData.length > 0\n ? speakerData.slice(0, barCount)\n : Array(barCount).fill(0);\n },\n [waveformDataMap]\n );\n\n // Add toggleMic function that will be exposed in the hook's return value\n const toggleMic = useCallback((value: boolean) => {\n setIsMicEnabled(value);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"toggle_mic\",\n enabled: value,\n });\n } else {\n console.error(\"No message channel available to toggle microphone\");\n }\n }, []);\n\n // Add setVolume function that will be exposed in the hook's return value\n const setVolume = useCallback((volume: number) => {\n const validVolume = Math.min(Math.max(volume, 0), 1);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"set_volume\",\n volume: validVolume,\n });\n } else {\n console.error(\"No message channel available to set volume\");\n }\n }, []);\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n if (!livekitComponentRef.current) {\n if (channelRef.current) {\n channelRef.current.port2.start();\n }\n\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\n port={channelRef.current.port2}\n initialConfig={\n waveformConfigRef.current || {\n barCount: 10,\n updateInterval: 20,\n }\n }\n />\n )}\n </LiveKitRoom>\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 audioWaveform,\n toggleMic,\n setVolume,\n };\n}\n\n/**\n * Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({\n port,\n initialConfig,\n}: {\n port: MessagePort | undefined;\n initialConfig: {\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n };\n}) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Initialize waveform config with the passed initial values, defaulting to \"agent\" if not specified\n const [waveformConfig, setWaveformConfig] = useState({\n speaker: initialConfig.speaker || \"agent\",\n barCount: initialConfig.barCount,\n updateInterval: initialConfig.updateInterval,\n });\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // Use the current config for the waveform, applying different settings based on speaker\n const agentAudioWaveform = useAudioWaveform(agentAudioTrack, {\n barCount:\n waveformConfig.speaker === \"agent\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"agent\" ? waveformConfig.updateInterval : 20,\n });\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 const localAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n localParticipant.localParticipant.identity\n )[0];\n const userAudioWaveform = useAudioWaveform(localAudioTrack, {\n barCount: waveformConfig.speaker === \"user\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"user\" ? waveformConfig.updateInterval : 20,\n });\n\n // Add separate effects to send agent and user waveform data\n useEffect(() => {\n if (!port || !agentAudioWaveform || !agentAudioWaveform.bars) return;\n\n // Send the agent waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: agentAudioWaveform.bars,\n speaker: \"agent\",\n });\n }, [port, agentAudioWaveform]);\n\n useEffect(() => {\n if (!port || !userAudioWaveform || !userAudioWaveform.bars) return;\n\n // Send the user waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: userAudioWaveform.bars,\n speaker: \"user\",\n });\n }, [port, userAudioWaveform]);\n\n // Listen for messages including config updates and mic toggle commands\n useEffect(() => {\n if (!port) return;\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"waveform_config\" && data.config) {\n // Verify we have both required properties before updating\n if (\n typeof data.config.barCount === \"number\" &&\n typeof data.config.updateInterval === \"number\"\n ) {\n setWaveformConfig(data.config);\n }\n } else 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 } else if (\n data.type === \"toggle_mic\" &&\n typeof data.enabled === \"boolean\"\n ) {\n // Handle microphone toggle\n if (localParticipant.localParticipant) {\n localParticipant.localParticipant\n .setMicrophoneEnabled(data.enabled)\n .catch((error) => {\n console.error(\"Failed to toggle microphone:\", error);\n });\n } else {\n console.error(\"Local participant is not available for mic toggle\");\n }\n } else if (\n data.type === \"set_volume\" &&\n typeof data.volume === \"number\"\n ) {\n // Handle volume control\n if (agent) {\n // The agent is a RemoteParticipant, so we can call setVolume directly\n try {\n agent.setVolume(data.volume);\n console.log(`Set agent volume to ${data.volume}`);\n } catch (error) {\n console.error(\"Failed to set agent volume:\", error);\n }\n } else {\n console.error(\"Agent is not available for volume control\");\n }\n }\n };\n\n // Make sure we 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, agent]);\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 // Add data channel hook for function calls\n const { message: functionToolsExecuted } = useDataChannel(\n \"function_tools_executed\",\n (msg) => {\n if (!port) return;\n\n const textDecoder = new TextDecoder();\n const messageString =\n msg.payload instanceof Uint8Array\n ? textDecoder.decode(msg.payload)\n : String(msg.payload);\n\n let tool: FunctionToolsExecuted;\n try {\n tool = JSON.parse(messageString);\n\n // Send function calls to main hook via the port\n port.postMessage({\n type: \"function_tools_executed\",\n tool: tool,\n });\n } catch (e) {\n console.error(\"Failed to parse function call log:\", e);\n }\n }\n );\n\n return null;\n}\n","// export const HTTPS_API_ORIGIN = \"https://frontend-dev.tryvox.co/api/agent/sdk\";\nexport const HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// export const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\nexport const SDK_VERSION = \"0.3.2\";\n"],"names":["useVoxAI","options","connectionDetail","setConnectionDetail","useState","state","setState","sessionTimestampRef","useRef","Date","now","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","waveformDataMap","setWaveformDataMap","agent","user","waveformConfigRef","isMicEnabled","setIsMicEnabled","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","speaker","prevMap","waveformData","tool","functionCallsId","newMap","set","name","start","_channelRef$current","_channelRef$current2","close","port2","useCallback","t","_prevMap$get","messageType","existingTimestamp","get","message","text","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","errorMessage","console","warn","onError","Error","reject","fetch","method","headers","Authorization","agent_id","runtime_context","source","version","call_web","dynamic_variables","then","response","_temp2","_result2","_exit","json","onConnect","_temp","ok","errorText","status","_catch","err","error","String","disconnect","onDisconnect","send","_ref2","digit","messageId","postMessage","undefined","audioWaveform","_ref3","barCount","updateInterval","config","speakerData","length","slice","fill","toggleMic","value","enabled","setVolume","volume","validVolume","Math","min","max","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","RoomAudioRenderer","StateMonitor","port","initialConfig","render","_Fragment","_ref4","useVoiceAssistant","sendChat","useChat","waveformConfig","setWaveformConfig","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","agentAudioWaveform","useAudioWaveform","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","participant","localAudioTrack","userAudioWaveform","bars","handleMessage","event","publishDtmf","setMicrophoneEnabled","catch","log","addEventListener","removeEventListener","segments","map","segment","final","useDataChannel","textDecoder","TextDecoder","messageString","payload","Uint8Array","decode","parse"],"mappings":"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"}
|
package/dist/lib.umd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!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,a){function s(e){let{port:t,initialConfig:a}=e;const{agent:s,state:i}=n.useVoiceAssistant(),{send:c}=n.useChat(),[u,l]=o.useState({speaker:a.speaker||"agent",barCount:a.barCount,updateInterval:a.updateInterval}),p=n.useParticipantTracks([r.Track.Source.Microphone],null==s?void 0:s.identity)[0],d=n.useTrackTranscription(p),f=n.useAudioWaveform(p,{barCount:"agent"===u.speaker?u.barCount:120,updateInterval:"agent"===u.speaker?u.updateInterval:20}),m=n.useLocalParticipant(),g=n.useTrackTranscription({publication:m.microphoneTrack,source:r.Track.Source.Microphone,participant:m.localParticipant}),v=n.useParticipantTracks([r.Track.Source.Microphone],m.localParticipant.identity)[0],y=n.useAudioWaveform(v,{barCount:"user"===u.speaker?u.barCount:120,updateInterval:"user"===u.speaker?u.updateInterval:20});return o.useEffect(()=>{t&&f&&f.bars&&t.postMessage({type:"waveform_update",waveformData:f.bars,speaker:"agent"})},[t,f]),o.useEffect(()=>{t&&y&&y.bars&&t.postMessage({type:"waveform_update",waveformData:y.bars,speaker:"user"})},[t,y]),o.useEffect(()=>{if(!t)return;const e=e=>{const t=e.data;if("waveform_config"===t.type&&t.config)"number"==typeof t.config.barCount&&"number"==typeof t.config.updateInterval&&l(t.config);else if("send_text"===t.type)c?c(t.text):console.error("sendChat function is not available");else if("send_dtmf"===t.type)m.localParticipant?m.localParticipant.publishDtmf(101,t.digit):console.error("Local participant is not available for DTMF");else if("toggle_mic"===t.type&&"boolean"==typeof t.enabled)m.localParticipant?m.localParticipant.setMicrophoneEnabled(t.enabled).catch(e=>{console.error("Failed to toggle microphone:",e)}):console.error("Local participant is not available for mic toggle");else if("set_volume"===t.type&&"number"==typeof t.volume)if(s)try{s.setVolume(t.volume),console.log("Set agent volume to "+t.volume)}catch(e){console.error("Failed to set agent volume:",e)}else console.error("Agent is not available for volume control")};return t.start(),t.addEventListener("message",e),()=>{t.removeEventListener("message",e)}},[t,c,m,s]),o.useEffect(()=>{t&&t.postMessage({type:"state_update",state:i})},[i,t]),o.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:"agent"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[d.segments,t]),o.useEffect(()=>{if(t&&g.segments.length>0){const e=g.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[g.segments,t]),n.useDataChannel("function_tools_executed",e=>{if(!t)return;const n=new TextDecoder,r=e.payload instanceof Uint8Array?n.decode(e.payload):String(e.payload);let o;try{o=JSON.parse(r),t.postMessage({type:"function_tools_executed",tool:o})}catch(e){console.error("Failed to parse function call log:",e)}}),null}e.useVoxAI=function(e){void 0===e&&(e={});const[r,i]=o.useState(null),[c,u]=o.useState("disconnected"),l=o.useRef(Date.now()),[p,d]=o.useState(new Map),[f,m]=o.useState([]),g=o.useRef(""),v=o.useRef(new Set),y=o.useRef(null),b=o.useRef(null),h=o.useRef(null),k=o.useRef(null),[w,C]=o.useState({agent:[],user:[]}),M=o.useRef(null),[E,x]=o.useState(!0);o.useEffect(()=>{const t=Array.from(p.values()).sort((e,t)=>e.timestamp-t.timestamp),n=JSON.stringify(t);n!==g.current&&(g.current=n,m(t),e.onMessage&&t.filter(e=>e.isFinal&&e.id&&!v.current.has(e.id)).forEach(t=>{t.id&&(v.current.add(t.id),null==e.onMessage||e.onMessage(t))}))},[p,e.onMessage]),o.useEffect(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;if("state_update"===t.type)u(t.state);else if("transcription_update"===t.type)_(t.transcriptions);else if("waveform_update"===t.type&&t.speaker)C(e=>({...e,[t.speaker]:t.waveformData}));else if("function_tools_executed"===t.type&&t.tool){const e="function-calls-"+Date.now();d(n=>{const r=new Map(n);return r.set(e,{id:e,name:"tool",tool:t.tool,timestamp:Date.now(),isFinal:!0}),r})}},e.port1.start(),h.current=e,()=>{var e,t;null==(e=h.current)||e.port1.close(),null==(t=h.current)||t.port2.close(),h.current=null}},[]);const _=o.useCallback(e=>{d(t=>{const n=new Map(t);return e.forEach(e=>{var r;if(e.timestamp<l.current)return;const o="agent"===e.speaker?"agent":"user",a=(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:a,isFinal:e.isFinal})}),n})},[]);o.useEffect(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),y.current=e,b.current=a.createRoot(e),()=>{b.current&&b.current.unmount(),y.current&&document.body.removeChild(y.current)}},[]);const D=o.useCallback(function(t){let{agentId:n,apiKey:r,dynamicVariables:o,metadata:a}=t;try{return Promise.resolve(function(t,s){try{var p=function(){if("disconnected"!==c){const t="Connection attempt rejected: Already in a connection state ("+c+")";return console.warn(t),e.onError&&e.onError(new Error(t)),Promise.reject(new Error(t))}return l.current=Date.now(),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:{runtime_context:{source:{type:"react-sdk",version:"0.3.
|
|
1
|
+
!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,a){function s(e){let{port:t,initialConfig:a}=e;const{agent:s,state:i}=n.useVoiceAssistant(),{send:c}=n.useChat(),[u,l]=o.useState({speaker:a.speaker||"agent",barCount:a.barCount,updateInterval:a.updateInterval}),p=n.useParticipantTracks([r.Track.Source.Microphone],null==s?void 0:s.identity)[0],d=n.useTrackTranscription(p),f=n.useAudioWaveform(p,{barCount:"agent"===u.speaker?u.barCount:120,updateInterval:"agent"===u.speaker?u.updateInterval:20}),m=n.useLocalParticipant(),g=n.useTrackTranscription({publication:m.microphoneTrack,source:r.Track.Source.Microphone,participant:m.localParticipant}),v=n.useParticipantTracks([r.Track.Source.Microphone],m.localParticipant.identity)[0],y=n.useAudioWaveform(v,{barCount:"user"===u.speaker?u.barCount:120,updateInterval:"user"===u.speaker?u.updateInterval:20});return o.useEffect(()=>{t&&f&&f.bars&&t.postMessage({type:"waveform_update",waveformData:f.bars,speaker:"agent"})},[t,f]),o.useEffect(()=>{t&&y&&y.bars&&t.postMessage({type:"waveform_update",waveformData:y.bars,speaker:"user"})},[t,y]),o.useEffect(()=>{if(!t)return;const e=e=>{const t=e.data;if("waveform_config"===t.type&&t.config)"number"==typeof t.config.barCount&&"number"==typeof t.config.updateInterval&&l(t.config);else if("send_text"===t.type)c?c(t.text):console.error("sendChat function is not available");else if("send_dtmf"===t.type)m.localParticipant?m.localParticipant.publishDtmf(101,t.digit):console.error("Local participant is not available for DTMF");else if("toggle_mic"===t.type&&"boolean"==typeof t.enabled)m.localParticipant?m.localParticipant.setMicrophoneEnabled(t.enabled).catch(e=>{console.error("Failed to toggle microphone:",e)}):console.error("Local participant is not available for mic toggle");else if("set_volume"===t.type&&"number"==typeof t.volume)if(s)try{s.setVolume(t.volume),console.log("Set agent volume to "+t.volume)}catch(e){console.error("Failed to set agent volume:",e)}else console.error("Agent is not available for volume control")};return t.start(),t.addEventListener("message",e),()=>{t.removeEventListener("message",e)}},[t,c,m,s]),o.useEffect(()=>{t&&t.postMessage({type:"state_update",state:i})},[i,t]),o.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:"agent"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[d.segments,t]),o.useEffect(()=>{if(t&&g.segments.length>0){const e=g.segments.map(e=>({id:e.id,text:e.text,isFinal:e.final,timestamp:Date.now(),speaker:"user"}));t.postMessage({type:"transcription_update",transcriptions:e})}},[g.segments,t]),n.useDataChannel("function_tools_executed",e=>{if(!t)return;const n=new TextDecoder,r=e.payload instanceof Uint8Array?n.decode(e.payload):String(e.payload);let o;try{o=JSON.parse(r),t.postMessage({type:"function_tools_executed",tool:o})}catch(e){console.error("Failed to parse function call log:",e)}}),null}e.useVoxAI=function(e){void 0===e&&(e={});const[r,i]=o.useState(null),[c,u]=o.useState("disconnected"),l=o.useRef(Date.now()),[p,d]=o.useState(new Map),[f,m]=o.useState([]),g=o.useRef(""),v=o.useRef(new Set),y=o.useRef(null),b=o.useRef(null),h=o.useRef(null),k=o.useRef(null),[w,C]=o.useState({agent:[],user:[]}),M=o.useRef(null),[E,x]=o.useState(!0);o.useEffect(()=>{const t=Array.from(p.values()).sort((e,t)=>e.timestamp-t.timestamp),n=JSON.stringify(t);n!==g.current&&(g.current=n,m(t),e.onMessage&&t.filter(e=>e.isFinal&&e.id&&!v.current.has(e.id)).forEach(t=>{t.id&&(v.current.add(t.id),null==e.onMessage||e.onMessage(t))}))},[p,e.onMessage]),o.useEffect(()=>{const e=new MessageChannel;return e.port1.onmessage=e=>{const t=e.data;if("state_update"===t.type)u(t.state);else if("transcription_update"===t.type)_(t.transcriptions);else if("waveform_update"===t.type&&t.speaker)C(e=>({...e,[t.speaker]:t.waveformData}));else if("function_tools_executed"===t.type&&t.tool){const e="function-calls-"+Date.now();d(n=>{const r=new Map(n);return r.set(e,{id:e,name:"tool",tool:t.tool,timestamp:Date.now(),isFinal:!0}),r})}},e.port1.start(),h.current=e,()=>{var e,t;null==(e=h.current)||e.port1.close(),null==(t=h.current)||t.port2.close(),h.current=null}},[]);const _=o.useCallback(e=>{d(t=>{const n=new Map(t);return e.forEach(e=>{var r;if(e.timestamp<l.current)return;const o="agent"===e.speaker?"agent":"user",a=(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:a,isFinal:e.isFinal})}),n})},[]);o.useEffect(()=>{const e=document.createElement("div");return e.style.display="none",document.body.appendChild(e),y.current=e,b.current=a.createRoot(e),()=>{b.current&&b.current.unmount(),y.current&&document.body.removeChild(y.current)}},[]);const D=o.useCallback(function(t){let{agentId:n,apiKey:r,dynamicVariables:o,metadata:a}=t;try{return Promise.resolve(function(t,s){try{var p=function(){if("disconnected"!==c){const t="Connection attempt rejected: Already in a connection state ("+c+")";return console.warn(t),e.onError&&e.onError(new Error(t)),Promise.reject(new Error(t))}return l.current=Date.now(),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:{runtime_context:{source:{type:"react-sdk",version:"0.3.2"}},call_web:{dynamic_variables:o||{},metadata:a||{}}}})})).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 s(e)}return p&&p.then?p.then(void 0,s):p}(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,c]),S=o.useCallback(()=>{l.current=Date.now(),i(null),d(new Map),m([]),u("disconnected"),e.onDisconnect&&e.onDisconnect()},[e]),T=o.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}),h.current?h.current.port1.postMessage({type:"send_text",text:t}):console.error("No message channel available to send message")}void 0!==n&&(h.current?h.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]),P=o.useCallback(e=>{let{speaker:t="agent",barCount:n=10,updateInterval:r=20}=e;M.current={speaker:t,barCount:n,updateInterval:r},h.current&&h.current.port1.postMessage({type:"waveform_config",config:{speaker:t,barCount:n,updateInterval:r}});const o=w[t]||[];return o.length>0?o.slice(0,n):Array(n).fill(0)},[w]),R=o.useCallback(e=>{x(e),h.current?h.current.port1.postMessage({type:"toggle_mic",enabled:e}):console.error("No message channel available to toggle microphone")},[]),j=o.useCallback(e=>{const t=Math.min(Math.max(e,0),1);h.current?h.current.port1.postMessage({type:"set_volume",volume:t}):console.error("No message channel available to set volume")},[]);return o.useEffect(()=>{b.current&&(r?(k.current||(h.current&&h.current.port2.start(),k.current=t.jsxs(n.LiveKitRoom,{serverUrl:r.serverUrl,token:r.participantToken,audio:!0,video:!1,connect:!0,onDisconnected:S,onError:t=>{console.error("LiveKit connection error:",t),S(),e.onError&&e.onError(new Error("LiveKit connection error: "+t.message))},children:[t.jsx(n.RoomAudioRenderer,{}),h.current&&t.jsx(s,{port:h.current.port2,initialConfig:M.current||{barCount:10,updateInterval:20}})]})),b.current.render(k.current)):(k.current=null,b.current.render(t.jsx(t.Fragment,{}))))},[r,S,e.onError]),{connect:D,disconnect:S,state:c,messages:f,send:T,audioWaveform:P,toggleMic:R,setVolume:j}}});
|
|
2
2
|
//# sourceMappingURL=lib.umd.js.map
|
package/dist/lib.umd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib.umd.js","sources":["../src/hooks/useVoxAI.tsx","../src/utils/constants.ts"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useAudioWaveform,\n useChat,\n useDataChannel,\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\";\nimport { HTTPS_API_ORIGIN, SDK_VERSION } from \"../utils/constants\";\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/**\n * Function call related types\n */\nexport interface FunctionToolsExecuted {\n type: \"function_tools_executed\";\n function_calls: FunctionCallInfo[];\n function_call_outputs: FunctionCallResult[];\n}\n\nexport interface FunctionCallInfo {\n id: string;\n type: string;\n call_id: string;\n arguments: string;\n name: string;\n}\n\nexport interface FunctionCallResult {\n id: string;\n name: string;\n type: string;\n call_id: string;\n output: string;\n is_error: boolean;\n}\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 tool?: FunctionToolsExecuted;\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 | {\n type: \"waveform_update\";\n waveformData: number[];\n speaker: \"agent\" | \"user\";\n }\n | { type: \"function_tools_executed\"; tool: FunctionToolsExecuted };\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 // Session timestamp to filter out stale asynchronous events\n const sessionTimestampRef = useRef<number>(Date.now());\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 // Replace the single waveform state with a map for multiple speakers\n const [waveformDataMap, setWaveformDataMap] = useState<\n Record<string, number[]>\n >({\n agent: [],\n user: [],\n });\n\n // Add back the waveform config reference\n const waveformConfigRef = useRef<{\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n } | null>(null);\n\n // Add a new state to track microphone status\n const [isMicEnabled, setIsMicEnabled] = useState<boolean>(true);\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 } else if (data.type === \"waveform_update\" && data.speaker) {\n // Store the waveform data for the specific speaker\n setWaveformDataMap((prevMap) => ({\n ...prevMap,\n [data.speaker]: data.waveformData,\n }));\n } else if (data.type === \"function_tools_executed\" && data.tool) {\n // Handle function calls\n const functionCallsId = `function-calls-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(functionCallsId, {\n id: functionCallsId,\n name: \"tool\",\n tool: data.tool,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n }\n };\n\n // Start the port\n channel.port1.start();\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 and filter out stale events\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n // Only process transcriptions generated after the current session timestamp\n if (t.timestamp < sessionTimestampRef.current) {\n return;\n }\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 // Prevent connecting if already in a connection state\n if (state !== \"disconnected\") {\n const errorMessage = `Connection attempt rejected: Already in a connection state (${state})`;\n console.warn(errorMessage);\n\n if (options.onError) {\n options.onError(new Error(errorMessage));\n }\n return Promise.reject(new Error(errorMessage));\n }\n\n // Update session timestamp for new connection\n sessionTimestampRef.current = Date.now();\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 runtime_context: {\n source: {\n type: \"react-sdk\",\n version: SDK_VERSION,\n },\n },\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 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, state]\n );\n\n // Disconnect from VoxAI service, updating the session timestamp to ignore stale events\n const disconnect = useCallback(() => {\n // Update session timestamp on disconnect\n sessionTimestampRef.current = Date.now();\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 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 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 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 // Update the audioWaveform function to return data for the requested speaker\n const audioWaveform = useCallback(\n ({\n speaker = \"agent\",\n barCount = 10,\n updateInterval = 20,\n }: {\n speaker?: \"agent\" | \"user\";\n barCount?: number;\n updateInterval?: number;\n }): number[] => {\n waveformConfigRef.current = { speaker, barCount, updateInterval };\n\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"waveform_config\",\n config: { speaker, barCount, updateInterval },\n });\n }\n\n const speakerData = waveformDataMap[speaker] || [];\n return speakerData.length > 0\n ? speakerData.slice(0, barCount)\n : Array(barCount).fill(0);\n },\n [waveformDataMap]\n );\n\n // Add toggleMic function that will be exposed in the hook's return value\n const toggleMic = useCallback((value: boolean) => {\n setIsMicEnabled(value);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"toggle_mic\",\n enabled: value,\n });\n } else {\n console.error(\"No message channel available to toggle microphone\");\n }\n }, []);\n\n // Add setVolume function that will be exposed in the hook's return value\n const setVolume = useCallback((volume: number) => {\n const validVolume = Math.min(Math.max(volume, 0), 1);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"set_volume\",\n volume: validVolume,\n });\n } else {\n console.error(\"No message channel available to set volume\");\n }\n }, []);\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n if (!livekitComponentRef.current) {\n if (channelRef.current) {\n channelRef.current.port2.start();\n }\n\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\n port={channelRef.current.port2}\n initialConfig={\n waveformConfigRef.current || {\n barCount: 10,\n updateInterval: 20,\n }\n }\n />\n )}\n </LiveKitRoom>\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 audioWaveform,\n toggleMic,\n setVolume,\n };\n}\n\n/**\n * Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({\n port,\n initialConfig,\n}: {\n port: MessagePort | undefined;\n initialConfig: {\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n };\n}) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Initialize waveform config with the passed initial values, defaulting to \"agent\" if not specified\n const [waveformConfig, setWaveformConfig] = useState({\n speaker: initialConfig.speaker || \"agent\",\n barCount: initialConfig.barCount,\n updateInterval: initialConfig.updateInterval,\n });\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // Use the current config for the waveform, applying different settings based on speaker\n const agentAudioWaveform = useAudioWaveform(agentAudioTrack, {\n barCount:\n waveformConfig.speaker === \"agent\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"agent\" ? waveformConfig.updateInterval : 20,\n });\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 const localAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n localParticipant.localParticipant.identity\n )[0];\n const userAudioWaveform = useAudioWaveform(localAudioTrack, {\n barCount: waveformConfig.speaker === \"user\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"user\" ? waveformConfig.updateInterval : 20,\n });\n\n // Add separate effects to send agent and user waveform data\n useEffect(() => {\n if (!port || !agentAudioWaveform || !agentAudioWaveform.bars) return;\n\n // Send the agent waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: agentAudioWaveform.bars,\n speaker: \"agent\",\n });\n }, [port, agentAudioWaveform]);\n\n useEffect(() => {\n if (!port || !userAudioWaveform || !userAudioWaveform.bars) return;\n\n // Send the user waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: userAudioWaveform.bars,\n speaker: \"user\",\n });\n }, [port, userAudioWaveform]);\n\n // Listen for messages including config updates and mic toggle commands\n useEffect(() => {\n if (!port) return;\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"waveform_config\" && data.config) {\n // Verify we have both required properties before updating\n if (\n typeof data.config.barCount === \"number\" &&\n typeof data.config.updateInterval === \"number\"\n ) {\n setWaveformConfig(data.config);\n }\n } else 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 } else if (\n data.type === \"toggle_mic\" &&\n typeof data.enabled === \"boolean\"\n ) {\n // Handle microphone toggle\n if (localParticipant.localParticipant) {\n localParticipant.localParticipant\n .setMicrophoneEnabled(data.enabled)\n .catch((error) => {\n console.error(\"Failed to toggle microphone:\", error);\n });\n } else {\n console.error(\"Local participant is not available for mic toggle\");\n }\n } else if (\n data.type === \"set_volume\" &&\n typeof data.volume === \"number\"\n ) {\n // Handle volume control\n if (agent) {\n // The agent is a RemoteParticipant, so we can call setVolume directly\n try {\n agent.setVolume(data.volume);\n console.log(`Set agent volume to ${data.volume}`);\n } catch (error) {\n console.error(\"Failed to set agent volume:\", error);\n }\n } else {\n console.error(\"Agent is not available for volume control\");\n }\n }\n };\n\n // Make sure we 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, agent]);\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 // Add data channel hook for function calls\n const { message: functionToolsExecuted } = useDataChannel(\n \"function_tools_executed\",\n (msg) => {\n if (!port) return;\n\n const textDecoder = new TextDecoder();\n const messageString =\n msg.payload instanceof Uint8Array\n ? textDecoder.decode(msg.payload)\n : String(msg.payload);\n\n let tool: FunctionToolsExecuted;\n try {\n tool = JSON.parse(messageString);\n\n // Send function calls to main hook via the port\n port.postMessage({\n type: \"function_tools_executed\",\n tool: tool,\n });\n } catch (e) {\n console.error(\"Failed to parse function call log:\", e);\n }\n }\n );\n\n return null;\n}\n","// export const HTTPS_API_ORIGIN = \"https://frontend-dev.tryvox.co/api/agent/sdk\";\nexport const HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// export const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\nexport const SDK_VERSION = \"0.3.0\";\n"],"names":["StateMonitor","_ref4","port","initialConfig","agent","state","useVoiceAssistant","send","sendChat","useChat","waveformConfig","setWaveformConfig","useState","speaker","barCount","updateInterval","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","agentAudioWaveform","useAudioWaveform","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","localAudioTrack","userAudioWaveform","useEffect","bars","postMessage","type","waveformData","handleMessage","event","data","config","text","console","error","publishDtmf","digit","enabled","setMicrophoneEnabled","catch","volume","setVolume","log","start","addEventListener","removeEventListener","segments","length","transcriptions","map","segment","id","isFinal","final","timestamp","Date","now","useDataChannel","msg","textDecoder","TextDecoder","messageString","payload","Uint8Array","decode","String","tool","JSON","parse","e","options","connectionDetail","setConnectionDetail","setState","sessionTimestampRef","useRef","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","waveformDataMap","setWaveformDataMap","user","waveformConfigRef","isMicEnabled","setIsMicEnabled","allMessages","Array","from","values","sort","a","b","messagesString","stringify","current","onMessage","filter","has","forEach","add","channel","MessageChannel","port1","onmessage","handleTranscriptionUpdate","prevMap","functionCallsId","newMap","set","name","_channelRef$current","_channelRef$current2","close","port2","useCallback","t","_prevMap$get","messageType","existingTimestamp","get","message","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","errorMessage","warn","onError","Error","reject","fetch","method","headers","Authorization","agent_id","runtime_context","version","call_web","dynamic_variables","then","response","_temp2","_result2","_exit","json","onConnect","_temp","ok","errorText","status","_catch","err","disconnect","onDisconnect","_ref2","messageId","undefined","audioWaveform","_ref3","speakerData","slice","fill","toggleMic","value","validVolume","Math","min","max","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","RoomAudioRenderer","render","_Fragment"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lib.umd.js","sources":["../src/hooks/useVoxAI.tsx","../src/utils/constants.ts"],"sourcesContent":["import {\n LiveKitRoom,\n RoomAudioRenderer,\n useAudioWaveform,\n useChat,\n useDataChannel,\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\";\nimport { HTTPS_API_ORIGIN, SDK_VERSION } from \"../utils/constants\";\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/**\n * Function call related types\n */\nexport interface FunctionToolsExecuted {\n type: \"function_tools_executed\";\n function_calls: FunctionCallInfo[];\n function_call_outputs: FunctionCallResult[];\n}\n\nexport interface FunctionCallInfo {\n id: string;\n type: string;\n call_id: string;\n arguments: Record<string, any>;\n name: string;\n}\n\nexport interface FunctionCallResult {\n id: string;\n name: string;\n type: string;\n call_id: string;\n output: string;\n is_error: boolean;\n}\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 tool?: FunctionToolsExecuted;\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 | {\n type: \"waveform_update\";\n waveformData: number[];\n speaker: \"agent\" | \"user\";\n }\n | { type: \"function_tools_executed\"; tool: FunctionToolsExecuted };\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 agentVersion - The agent version, if not provided, the current version will be used\n * @param apiKey - The API key\n * @param dynamicVariables - The dynamic variables\n * @param metadata - 이 메타데이터는 아웃바운드 웹훅, 통화 기록에 포함됩니다.\n */\nexport interface ConnectParams {\n agentId: string;\n agentVersion?: number;\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 // Session timestamp to filter out stale asynchronous events\n const sessionTimestampRef = useRef<number>(Date.now());\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 // Replace the single waveform state with a map for multiple speakers\n const [waveformDataMap, setWaveformDataMap] = useState<\n Record<string, number[]>\n >({\n agent: [],\n user: [],\n });\n\n // Add back the waveform config reference\n const waveformConfigRef = useRef<{\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n } | null>(null);\n\n // Add a new state to track microphone status\n const [isMicEnabled, setIsMicEnabled] = useState<boolean>(true);\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 } else if (data.type === \"waveform_update\" && data.speaker) {\n // Store the waveform data for the specific speaker\n setWaveformDataMap((prevMap) => ({\n ...prevMap,\n [data.speaker]: data.waveformData,\n }));\n } else if (data.type === \"function_tools_executed\" && data.tool) {\n // Handle function calls\n const functionCallsId = `function-calls-${Date.now()}`;\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n newMap.set(functionCallsId, {\n id: functionCallsId,\n name: \"tool\",\n tool: data.tool,\n timestamp: Date.now(),\n isFinal: true,\n });\n return newMap;\n });\n }\n };\n\n // Start the port\n channel.port1.start();\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 and filter out stale events\n const handleTranscriptionUpdate = useCallback(\n (transcriptions: TranscriptionSegment[]) => {\n setTranscriptMap((prevMap) => {\n const newMap = new Map(prevMap);\n\n transcriptions.forEach((t) => {\n // Only process transcriptions generated after the current session timestamp\n if (t.timestamp < sessionTimestampRef.current) {\n return;\n }\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 // Prevent connecting if already in a connection state\n if (state !== \"disconnected\") {\n const errorMessage = `Connection attempt rejected: Already in a connection state (${state})`;\n console.warn(errorMessage);\n\n if (options.onError) {\n options.onError(new Error(errorMessage));\n }\n return Promise.reject(new Error(errorMessage));\n }\n\n // Update session timestamp for new connection\n sessionTimestampRef.current = Date.now();\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 runtime_context: {\n source: {\n type: \"react-sdk\",\n version: SDK_VERSION,\n },\n },\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 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, state]\n );\n\n // Disconnect from VoxAI service, updating the session timestamp to ignore stale events\n const disconnect = useCallback(() => {\n // Update session timestamp on disconnect\n sessionTimestampRef.current = Date.now();\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 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 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 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 // Update the audioWaveform function to return data for the requested speaker\n const audioWaveform = useCallback(\n ({\n speaker = \"agent\",\n barCount = 10,\n updateInterval = 20,\n }: {\n speaker?: \"agent\" | \"user\";\n barCount?: number;\n updateInterval?: number;\n }): number[] => {\n waveformConfigRef.current = { speaker, barCount, updateInterval };\n\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"waveform_config\",\n config: { speaker, barCount, updateInterval },\n });\n }\n\n const speakerData = waveformDataMap[speaker] || [];\n return speakerData.length > 0\n ? speakerData.slice(0, barCount)\n : Array(barCount).fill(0);\n },\n [waveformDataMap]\n );\n\n // Add toggleMic function that will be exposed in the hook's return value\n const toggleMic = useCallback((value: boolean) => {\n setIsMicEnabled(value);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"toggle_mic\",\n enabled: value,\n });\n } else {\n console.error(\"No message channel available to toggle microphone\");\n }\n }, []);\n\n // Add setVolume function that will be exposed in the hook's return value\n const setVolume = useCallback((volume: number) => {\n const validVolume = Math.min(Math.max(volume, 0), 1);\n if (channelRef.current) {\n channelRef.current.port1.postMessage({\n type: \"set_volume\",\n volume: validVolume,\n });\n } else {\n console.error(\"No message channel available to set volume\");\n }\n }, []);\n\n // Modify the useEffect hook that renders the LiveKit component\n useEffect(() => {\n if (!rootRef.current) return;\n\n if (connectionDetail) {\n if (!livekitComponentRef.current) {\n if (channelRef.current) {\n channelRef.current.port2.start();\n }\n\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\n port={channelRef.current.port2}\n initialConfig={\n waveformConfigRef.current || {\n barCount: 10,\n updateInterval: 20,\n }\n }\n />\n )}\n </LiveKitRoom>\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 audioWaveform,\n toggleMic,\n setVolume,\n };\n}\n\n/**\n * Component that monitors LiveKit state and communicates back to the main hook\n */\nfunction StateMonitor({\n port,\n initialConfig,\n}: {\n port: MessagePort | undefined;\n initialConfig: {\n speaker?: \"agent\" | \"user\";\n barCount: number;\n updateInterval: number;\n };\n}) {\n const { agent, state } = useVoiceAssistant();\n const { send: sendChat } = useChat();\n\n // Initialize waveform config with the passed initial values, defaulting to \"agent\" if not specified\n const [waveformConfig, setWaveformConfig] = useState({\n speaker: initialConfig.speaker || \"agent\",\n barCount: initialConfig.barCount,\n updateInterval: initialConfig.updateInterval,\n });\n\n // Agent transcriptions\n const agentAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n agent?.identity\n )[0];\n const agentTranscription = useTrackTranscription(agentAudioTrack);\n\n // Use the current config for the waveform, applying different settings based on speaker\n const agentAudioWaveform = useAudioWaveform(agentAudioTrack, {\n barCount:\n waveformConfig.speaker === \"agent\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"agent\" ? waveformConfig.updateInterval : 20,\n });\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 const localAudioTrack = useParticipantTracks(\n [Track.Source.Microphone],\n localParticipant.localParticipant.identity\n )[0];\n const userAudioWaveform = useAudioWaveform(localAudioTrack, {\n barCount: waveformConfig.speaker === \"user\" ? waveformConfig.barCount : 120, // default if not the selected speaker\n updateInterval:\n waveformConfig.speaker === \"user\" ? waveformConfig.updateInterval : 20,\n });\n\n // Add separate effects to send agent and user waveform data\n useEffect(() => {\n if (!port || !agentAudioWaveform || !agentAudioWaveform.bars) return;\n\n // Send the agent waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: agentAudioWaveform.bars,\n speaker: \"agent\",\n });\n }, [port, agentAudioWaveform]);\n\n useEffect(() => {\n if (!port || !userAudioWaveform || !userAudioWaveform.bars) return;\n\n // Send the user waveform data\n port.postMessage({\n type: \"waveform_update\",\n waveformData: userAudioWaveform.bars,\n speaker: \"user\",\n });\n }, [port, userAudioWaveform]);\n\n // Listen for messages including config updates and mic toggle commands\n useEffect(() => {\n if (!port) return;\n\n const handleMessage = (event: MessageEvent) => {\n const data = event.data;\n\n if (data.type === \"waveform_config\" && data.config) {\n // Verify we have both required properties before updating\n if (\n typeof data.config.barCount === \"number\" &&\n typeof data.config.updateInterval === \"number\"\n ) {\n setWaveformConfig(data.config);\n }\n } else 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 } else if (\n data.type === \"toggle_mic\" &&\n typeof data.enabled === \"boolean\"\n ) {\n // Handle microphone toggle\n if (localParticipant.localParticipant) {\n localParticipant.localParticipant\n .setMicrophoneEnabled(data.enabled)\n .catch((error) => {\n console.error(\"Failed to toggle microphone:\", error);\n });\n } else {\n console.error(\"Local participant is not available for mic toggle\");\n }\n } else if (\n data.type === \"set_volume\" &&\n typeof data.volume === \"number\"\n ) {\n // Handle volume control\n if (agent) {\n // The agent is a RemoteParticipant, so we can call setVolume directly\n try {\n agent.setVolume(data.volume);\n console.log(`Set agent volume to ${data.volume}`);\n } catch (error) {\n console.error(\"Failed to set agent volume:\", error);\n }\n } else {\n console.error(\"Agent is not available for volume control\");\n }\n }\n };\n\n // Make sure we 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, agent]);\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 // Add data channel hook for function calls\n const { message: functionToolsExecuted } = useDataChannel(\n \"function_tools_executed\",\n (msg) => {\n if (!port) return;\n\n const textDecoder = new TextDecoder();\n const messageString =\n msg.payload instanceof Uint8Array\n ? textDecoder.decode(msg.payload)\n : String(msg.payload);\n\n let tool: FunctionToolsExecuted;\n try {\n tool = JSON.parse(messageString);\n\n // Send function calls to main hook via the port\n port.postMessage({\n type: \"function_tools_executed\",\n tool: tool,\n });\n } catch (e) {\n console.error(\"Failed to parse function call log:\", e);\n }\n }\n );\n\n return null;\n}\n","// export const HTTPS_API_ORIGIN = \"https://frontend-dev.tryvox.co/api/agent/sdk\";\nexport const HTTPS_API_ORIGIN = \"https://www.tryvox.co/api/agent/sdk\";\n// export const HTTPS_API_ORIGIN = \"http://localhost:3000/api/agent/sdk\";\nexport const SDK_VERSION = \"0.3.2\";\n"],"names":["StateMonitor","_ref4","port","initialConfig","agent","state","useVoiceAssistant","send","sendChat","useChat","waveformConfig","setWaveformConfig","useState","speaker","barCount","updateInterval","agentAudioTrack","useParticipantTracks","Track","Source","Microphone","identity","agentTranscription","useTrackTranscription","agentAudioWaveform","useAudioWaveform","localParticipant","useLocalParticipant","localMessages","publication","microphoneTrack","source","participant","localAudioTrack","userAudioWaveform","useEffect","bars","postMessage","type","waveformData","handleMessage","event","data","config","text","console","error","publishDtmf","digit","enabled","setMicrophoneEnabled","catch","volume","setVolume","log","start","addEventListener","removeEventListener","segments","length","transcriptions","map","segment","id","isFinal","final","timestamp","Date","now","useDataChannel","msg","textDecoder","TextDecoder","messageString","payload","Uint8Array","decode","String","tool","JSON","parse","e","options","connectionDetail","setConnectionDetail","setState","sessionTimestampRef","useRef","transcriptMap","setTranscriptMap","Map","messages","setMessages","prevMessagesRef","processedMessageIdsRef","Set","portalRootRef","rootRef","channelRef","livekitComponentRef","waveformDataMap","setWaveformDataMap","user","waveformConfigRef","isMicEnabled","setIsMicEnabled","allMessages","Array","from","values","sort","a","b","messagesString","stringify","current","onMessage","filter","has","forEach","add","channel","MessageChannel","port1","onmessage","handleTranscriptionUpdate","prevMap","functionCallsId","newMap","set","name","_channelRef$current","_channelRef$current2","close","port2","useCallback","t","_prevMap$get","messageType","existingTimestamp","get","message","div","document","createElement","style","display","body","appendChild","createRoot","unmount","removeChild","connect","_ref","agentId","apiKey","dynamicVariables","metadata","Promise","resolve","errorMessage","warn","onError","Error","reject","fetch","method","headers","Authorization","agent_id","runtime_context","version","call_web","dynamic_variables","then","response","_temp2","_result2","_exit","json","onConnect","_temp","ok","errorText","status","_catch","err","disconnect","onDisconnect","_ref2","messageId","undefined","audioWaveform","_ref3","speakerData","slice","fill","toggleMic","value","validVolume","Math","min","max","_jsxs","LiveKitRoom","serverUrl","token","participantToken","audio","video","onDisconnected","children","_jsx","RoomAudioRenderer","render","_Fragment"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const HTTPS_API_ORIGIN = "https://www.tryvox.co/api/agent/sdk";
|
|
2
|
-
export declare const SDK_VERSION = "0.3.
|
|
2
|
+
export declare const SDK_VERSION = "0.3.2";
|