improve voice logic

packages/chat/src/views/VoiceWidget/VoiceWidget.view.tsx

@@ -5,7 +5,7 @@ import type { VoiceState } from '@/constant/voice.constant';
 import { VOICE_STATE } from '@/constant/voice.constant';
 import { RuntimeStateAPIContext } from '@/contexts';
 
-import { useVoiceController } from './hooks/use-voice-controller.hook';
+import { useVoiceService } from './hooks/use-voice-service.hook';
 
 export const VoiceWidget = () => {
   const { assistant, config } = useContext(RuntimeStateAPIContext);
@@ -15,23 +15,23 @@ export const VoiceWidget = () => {
     throw new Error('Voice is not configured in the config');
   }
 
-  const voiceController = useVoiceController({
+  const voiceService = useVoiceService({
     url: config.voice.url,
     userID: config.userID,
     assistantID: config.verify.projectID,
     accessToken: config.voice.accessToken,
   });
 
-  useEffect(() => voiceController.onStateUpdate((state) => setState(state)), [voiceController]);
+  useEffect(() => voiceService.onStateUpdate((state) => setState(state)), [voiceService]);
 
   return (
     <VoiceView
       state={state}
       footer={assistant.common.footerLink}
       settings={assistant.voice}
       poweredBy={assistant.common.poweredBy}
-      onEndCall={voiceController.endConversation}
-      onStartCall={voiceController.startConversation}
+      onEndCall={voiceService.endConversation}
+      onStartCall={voiceService.startConversation}
     />
   );
 };

packages/chat/src/views/VoiceWidget/hooks/use-voice-service.hook.ts

@@ -0,0 +1,10 @@
+import { useCreateConst } from '@/hooks/cache.hook';
+import { VoiceService, VoiceServiceOptions } from '../services/voice.service';
+
+interface IUserVoiceService extends VoiceServiceOptions {}
+
+export const useVoiceService = (options: IUserVoiceService) => {
+  const voiceService = useCreateConst(() => new VoiceService(options));
+
+  return voiceService;
+};