Voice Lifecycle

import { useDaily, useCallState } from '@daily-co/daily-react';

const MyComponent = () => {
  const callState = useCallState(); // 'joining', 'joined', 'left', 'error'
  
  if (callState === 'joining') return ;
  if (callState === 'joined') return ;
  
  return {join}>Join Room;
};

const [agentState, setAgentState] = useState('idle');

useAppMessage({
  onAppMessage: (e) => {
    switch (e.data.type) {
      case 'transcript-user-final':
        setAgentState('thinking'); // User stopped, agent is thinking
      break;
      case 'audio-start':
        setAgentState('speaking'); // Agent started talking
      break;
      case 'audio-end':
        setAgentState('idle'); // Done talking
      break;
  }
  },
});