fix: use channel method for stopping

Author: isekovanic

package.json

@@ -145,7 +145,7 @@
     "emoji-mart": "^5.4.0",
     "react": "^18.0.0 || ^17.0.0 || ^16.8.0",
     "react-dom": "^18.0.0 || ^17.0.0 || ^16.8.0",
-    "stream-chat": "^8.45.0"
+    "stream-chat": "^8.46.0"
   },
   "peerDependenciesMeta": {
     "@breezystack/lamejs": {

src/components/MessageInput/MessageInputFlat.tsx

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