fix: properly rename indicator fix hook type

Author: isekovanic

examples/vite/src/App.tsx

@@ -1,6 +1,6 @@
 import { ChannelFilters, ChannelOptions, ChannelSort } from 'stream-chat';
 import {
-  AITypingIndicator,
+  AIGenerationIndicator,
   Channel,
   ChannelAvatar,
   ChannelHeader,
@@ -90,7 +90,7 @@ const App = () => {
             <Window>
               <ChannelHeader Avatar={ChannelAvatar} />
               <MessageList returnAllReadData />
-              <AITypingIndicator />
+              <AIGenerationIndicator />
               <MessageInput focus />
             </Window>
             <Thread virtualized />

…ypingIndicatorView/AITypingIndicator.tsx …gIndicatorView/AIGenerationIndicator.tsxsrc/components/AITypingIndicatorView/AITypingIndicator.tsx renamed to src/components/AITypingIndicatorView/AIGenerationIndicator.tsx src/components/AITypingIndicatorView/AITypingIndicator.tsx renamed to src/components/AITypingIndicatorView/AIGenerationIndicator.tsx

@@ -7,20 +7,20 @@ import { AIStates, useAIState } from './hooks/useAIState';
 import { useChannelStateContext, useTranslationContext } from '../../context';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
-export type AITypingIndicatorProps<
+export type AIGenerationIndicatorProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
 > = {
   channel?: Channel<StreamChatGenerics>;
 };
 
-export const AITypingIndicator = <
+export const AIGenerationIndicator = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
 >({
   channel: channelFromProps,
-}: AITypingIndicatorProps<StreamChatGenerics>) => {
+}: AIGenerationIndicatorProps<StreamChatGenerics>) => {
   const { t } = useTranslationContext();
   const { channel: channelFromContext } = useChannelStateContext<StreamChatGenerics>(
-    'AITypingIndicator',
+    'AIGenerationIndicator',
   );
   const channel = channelFromProps || channelFromContext;
   const { aiState } = useAIState(channel);

src/components/AITypingIndicatorView/hooks/useAIState.ts

@@ -1,17 +1,9 @@
 import { useEffect, useState } from 'react';
 
-import { Channel, Event } from 'stream-chat';
+import { AIState, Channel, Event } from 'stream-chat';
 
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
-export type AIStateType =
-  | 'AI_STATE_ERROR'
-  | 'AI_STATE_EXTERNAL_SOURCES'
-  | 'AI_STATE_GENERATING'
-  | 'AI_STATE_IDLE'
-  | 'AI_STATE_THINKING'
-  | string;
-
 export const AIStates = {
   Error: 'AI_STATE_ERROR',
   ExternalSources: 'AI_STATE_EXTERNAL_SOURCES',
@@ -25,7 +17,7 @@ export const useAIState = <
 >(
   channel?: Channel<StreamChatGenerics>,
 ) => {
-  const [aiState, setAiState] = useState<AIStateType>(AIStates.Idle);
+  const [aiState, setAiState] = useState<AIState>(AIStates.Idle);
 
   useEffect(() => {
     if (!channel) {
@@ -36,7 +28,7 @@ export const useAIState = <
       'ai_indicator.update',
       (event: Event<StreamChatGenerics>) => {
         const { cid } = event;
-        const state = event.ai_state as AIStateType;
+        const state = event.ai_state as AIState;
         if (channel.cid === cid) {
           setAiState(state);
         }

src/components/AITypingIndicatorView/index.ts

@@ -1,2 +1,2 @@
-export * from './AITypingIndicator';
+export * from './AIGenerationIndicator';
 export * from './hooks/useAIState';