chore: update event names as per the changes

Author: isekovanic

src/components/AITypingIndicatorView/hooks/useAIState.ts

@@ -33,19 +33,18 @@ export const useAIState = <
     }
 
     const indicatorChangedListener = channel.on(
-      // @ts-ignore
-      'ai_indicator_changed',
+      'ai_indicator.update',
       (event: Event<StreamChatGenerics>) => {
         const { cid } = event;
-        const state = event.state as AIStateType;
+        const state = event.ai_state as AIStateType;
         if (channel.cid === cid) {
           setAiState(state);
         }
       },
     );
 
     // @ts-ignore
-    const indicatorClearedListener = channel.on('ai_indicator_clear', (event) => {
+    const indicatorClearedListener = channel.on('ai_indicator.clear', (event) => {
       const { cid } = event;
       if (channel.cid === cid) {
         setAiState(AIStates.Idle);

src/components/MessageInput/MessageInputFlat.tsx

@@ -81,8 +81,7 @@ export const MessageInputFlat = <
 
   const { aiState } = useAIState(channel);
 
-  // @ts-ignore
-  const stopGenerating = useCallback(() => channel?.sendEvent({ type: 'stop_generating' }), [
+  const stopGenerating = useCallback(() => channel?.sendEvent({ type: 'ai_indicator.stop' }), [
     channel,
   ]);