react-native-chatbot-ai 0.1.43 → 0.1.44

package/src/hooks/message/useStreamMessage.ts

@@ -16,7 +16,7 @@ import useSessionStore from '../../store/session';
 export const useStreamMessage = () => {
   const sessionId = useSessionStore((state) => state.sessionId);
   const sessionIdRef = useRef<string | undefined>(sessionId);
-  const { apiAddress, logGA } = useChatContext();
+  const { apiAddress, logGA, notifyError } = useChatContext();
   const setStreamMessage = useStreamMessageStore(
     (state) => state.setStreamMessage
   );
@@ -143,6 +143,18 @@ export const useStreamMessage = () => {
             throttledFlush();
           }
         } catch (error) {
+          const errorObj =
+            error instanceof Error ? error : new Error(String(error));
+          notifyError?.(
+            {
+              errorClass: 'ChatbotAI',
+              errorMessage: errorObj.message,
+              name: 'StreamMessageError',
+              message: `Stream message error id: ${currentSessionId}, error: ${errorObj.message}`,
+              stack: errorObj?.stack,
+            },
+            'error'
+          );
           es.close();
           setIsStreaming(false);
         }
@@ -150,6 +162,17 @@ export const useStreamMessage = () => {
 
       es.addEventListener('error', (err) => {
         console.log('❌ Stream error:', err);
+        const errorObj = err instanceof Error ? err : new Error(String(err));
+        notifyError?.(
+          {
+            errorClass: 'ChatbotAI',
+            errorMessage: errorObj.message,
+            name: 'StreamMessageEventSourceError',
+            message: `Stream message error id: ${currentSessionId}, error: ${errorObj.message}`,
+            stack: errorObj?.stack,
+          },
+          'error'
+        );
         onStreamMessageEnd(true);
       });
 
@@ -159,7 +182,14 @@ export const useStreamMessage = () => {
         console.log('✅ Stream closed');
       });
     },
-    [apiAddress, setIsStreaming, setStreamMessage, logGA, sessionId]
+    [
+      apiAddress,
+      setIsStreaming,
+      setStreamMessage,
+      logGA,
+      sessionId,
+      notifyError,
+    ]
   );
 
   const retryStream = useCallback(

package/src/hooks/messageActions/useAudioPlayer.ts

@@ -84,7 +84,7 @@ const setupPlayer = async () => {
 export const useAudioPlayer = ({
   messageId,
 }: UseAudioPlayerProps): UseAudioPlayerReturn => {
-  const logGA = useChatContext().logGA;
+  const { logGA, notifyError } = useChatContext();
   const sessionId = useSessionStore().sessionId;
   const {
     currentMessageId,
@@ -160,11 +160,21 @@ export const useAudioPlayer = ({
           err?.response?.data?.message ||
           err?.message ||
           'Failed to fetch audio';
-        console.error('Fetch audio error:', msg);
+        const errorObj = err instanceof Error ? err : new Error(String(err));
+        notifyError?.(
+          {
+            errorClass: 'ChatbotAI',
+            errorMessage: errorObj.message,
+            name: 'FetchAudioError',
+            message: `Fetch audio error: ${msg}`,
+            stack: errorObj?.stack,
+          },
+          'error'
+        );
         throw new Error(msg);
       }
     },
-    [getCachedAudioUrl, cacheAudioUrl]
+    [getCachedAudioUrl, cacheAudioUrl, notifyError]
   );
 
   // === PLAY AUDIO ===
@@ -200,11 +210,21 @@ export const useAudioPlayer = ({
         }, 300);
       } catch (err) {
         isUserActionInProgressRef.current = false;
-        console.error('Failed to play audio:', err);
+        const errorObj = err instanceof Error ? err : new Error(String(err));
+        notifyError?.(
+          {
+            errorClass: 'ChatbotAI',
+            errorMessage: errorObj.message,
+            name: 'PlayAudioError',
+            message: `Failed to play audio: ${errorObj.message}`,
+            stack: errorObj?.stack,
+          },
+          'error'
+        );
         throw new Error('Không thể phát âm thanh');
       }
     },
-    [messageId, setIsPlaying]
+    [messageId, setIsPlaying, notifyError]
   );
 
   // === PAUSE ===
@@ -312,7 +332,17 @@ export const useAudioPlayer = ({
       const msg = err?.message || 'Failed to play audio';
       setError(msg);
       setIsPlaying(false);
-      console.error('togglePlayback error:', msg);
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      notifyError?.(
+        {
+          errorClass: 'ChatbotAI',
+          errorMessage: errorObj.message,
+          name: 'TogglePlaybackError',
+          message: `togglePlayback error: ${msg}`,
+          stack: errorObj?.stack,
+        },
+        'error'
+      );
       storeStopPlayback();
       UIUtils.toast.showError(trans('error_play_audio'));
     } finally {
@@ -335,6 +365,7 @@ export const useAudioPlayer = ({
     stopPlayback,
     setIsPlaying,
     storeStopPlayback,
+    notifyError,
   ]);
 
   // === PLAYER EVENTS ===
@@ -408,9 +439,19 @@ export const useAudioPlayer = ({
       const exists = await ReactNativeBlobUtil.fs.exists(audioDir);
       if (exists) await ReactNativeBlobUtil.fs.unlink(audioDir);
     } catch (e) {
-      console.error('Cleanup cache error:', e);
+      const errorObj = e instanceof Error ? e : new Error(String(e));
+      notifyError?.(
+        {
+          errorClass: 'ChatbotAI',
+          errorMessage: errorObj.message,
+          name: 'CleanupCacheError',
+          message: `Cleanup cache error: ${errorObj.message}`,
+          stack: errorObj?.stack,
+        },
+        'error'
+      );
     }
-  }, []);
+  }, [notifyError]);
 
   useEffect(() => {
     if (currentSessionId && currentSessionId !== sessionId) {

package/src/hooks/messageActions/useCopyToClipboard.ts

@@ -7,32 +7,48 @@ import { useCallback, useState } from 'react';
 import Clipboard from '@react-native-clipboard/clipboard';
 import UIUtils from '../../utils/ui';
 import { cleanMarkdown } from '../../utils/textCleaner';
+import { useChatContext } from '../../context/ChatContext';
 
 export const useCopyToClipboard = () => {
   const [isCopying, setIsCopying] = useState(false);
-
-  const copyToClipboard = useCallback(async (text: string) => {
-    if (!text || text.trim().length === 0) {
-      UIUtils.toast.showError('Không có nội dung để sao chép');
-      return;
-    }
-
-    try {
-      setIsCopying(true);
-
-      // Remove markdown formatting for cleaner copy
-      const cleanText = cleanMarkdown(text);
-
-      Clipboard.setString(cleanText);
-
-      UIUtils.toast.open({ title: 'Đã sao chép vào clipboard' });
-    } catch (error) {
-      console.error('Copy to clipboard error:', error);
-      UIUtils.toast.showError(error);
-    } finally {
-      setIsCopying(false);
-    }
-  }, []);
+  const { notifyError } = useChatContext();
+
+  const copyToClipboard = useCallback(
+    async (text: string) => {
+      if (!text || text.trim().length === 0) {
+        UIUtils.toast.showError('Không có nội dung để sao chép');
+        return;
+      }
+
+      try {
+        setIsCopying(true);
+
+        // Remove markdown formatting for cleaner copy
+        const cleanText = cleanMarkdown(text);
+
+        Clipboard.setString(cleanText);
+
+        UIUtils.toast.open({ title: 'Đã sao chép vào clipboard' });
+      } catch (error) {
+        const errorObj =
+          error instanceof Error ? error : new Error(String(error));
+        notifyError?.(
+          {
+            errorClass: 'ChatbotAI',
+            errorMessage: errorObj.message,
+            name: 'CopyToClipboardError',
+            message: `Copy to clipboard error: ${errorObj.message}`,
+            stack: errorObj.stack,
+          },
+          'error'
+        );
+        UIUtils.toast.showError(error);
+      } finally {
+        setIsCopying(false);
+      }
+    },
+    [notifyError]
+  );
 
   return { copyToClipboard, isCopying };
 };

package/src/hooks/messageActions/useFeedback.ts

@@ -14,7 +14,7 @@ import { useChatContext } from '../../context/ChatContext';
 import { GAEvents } from '../../constants/events';
 
 export const useFeedback = (messageId: string, message?: IMessageItem) => {
-  const logGA = useChatContext().logGA;
+  const { logGA, notifyError } = useChatContext();
   const sessionId = useSessionStore((state) => state.sessionId);
 
   const feedback = useMessageActionsStore((state) =>
@@ -65,7 +65,16 @@ export const useFeedback = (messageId: string, message?: IMessageItem) => {
     async (type: FeedbackType, reason: string) => {
       console.log('selectReason', sessionId);
       if (!sessionId) {
-        console.error('Session ID is required to send feedback');
+        notifyError?.(
+          {
+            errorClass: 'ChatbotAI',
+            errorMessage: 'Session ID is required to send feedback',
+            name: 'FeedbackError',
+            message: 'Session ID is required to send feedback',
+            stack: undefined,
+          },
+          'error'
+        );
         UIUtils.toast.open({
           title: 'Không thể gửi phản hồi. Vui lòng thử lại.',
         });
@@ -93,11 +102,22 @@ export const useFeedback = (messageId: string, message?: IMessageItem) => {
 
         UIUtils.toast.open({ title: 'Cảm ơn phản hồi của bạn!' });
       } catch (error) {
-        console.error('Failed to send feedback:', error);
+        const errorObj =
+          error instanceof Error ? error : new Error(String(error));
+        notifyError?.(
+          {
+            errorClass: 'ChatbotAI',
+            errorMessage: errorObj.message,
+            name: 'SendFeedbackError',
+            message: `Failed to send feedback: ${errorObj.message}`,
+            stack: errorObj?.stack,
+          },
+          'error'
+        );
         UIUtils.toast.showError(error);
       }
     },
-    [messageId, setFeedback, sendFeedback, sessionId, logGA]
+    [messageId, setFeedback, sendFeedback, sessionId, logGA, notifyError]
   );
 
   return {

package/src/hooks/messageActions/useShareMessage.ts

@@ -22,7 +22,7 @@ export const useShareMessage = (
   messageContent: string,
   productImages?: string[]
 ) => {
-  const logGA = useChatContext().logGA;
+  const { logGA, notifyError } = useChatContext();
   const shareState = useMessageActionsStore((state) =>
     state.getShareState(messageId)
   );
@@ -77,9 +77,19 @@ export const useShareMessage = (
 
             localImagePaths.push(`file://${imagePath}`);
           } catch (imageError) {
-            console.error(
-              `[Share] Failed to download image ${i} (${imageUrl}):`,
-              imageError
+            const errorObj =
+              imageError instanceof Error
+                ? imageError
+                : new Error(String(imageError));
+            notifyError?.(
+              {
+                errorClass: 'ChatbotAI',
+                errorMessage: errorObj.message,
+                name: 'ShareImageDownloadError',
+                message: `[Share] Failed to download image ${i} (${imageUrl}): ${errorObj.message}`,
+                stack: errorObj?.stack,
+              },
+              'error'
             );
             // Continue with other images
           }
@@ -125,7 +135,18 @@ export const useShareMessage = (
         setShareState(messageId, ShareState.idle);
       }
     } catch (error: any) {
-      console.error('Share error:', error);
+      const errorObj =
+        error instanceof Error ? error : new Error(String(error));
+      notifyError?.(
+        {
+          errorClass: 'ChatbotAI',
+          errorMessage: errorObj.message,
+          name: 'ShareError',
+          message: `Share error: ${errorObj.message}`,
+          stack: errorObj?.stack,
+        },
+        'error'
+      );
 
       // User cancelled share dialog
       if (error?.message?.includes('User did not share')) {
@@ -136,7 +157,14 @@ export const useShareMessage = (
       setShareState(messageId, ShareState.error);
       UIUtils.toast.showError('Không thể chia sẻ. Vui lòng thử lại.');
     }
-  }, [messageId, messageContent, productImages, setShareState, logGA]);
+  }, [
+    messageId,
+    messageContent,
+    productImages,
+    setShareState,
+    logGA,
+    notifyError,
+  ]);
 
   return {
     shareState: currentState,

package/src/hooks/upload/useUploadItem.ts

@@ -12,6 +12,8 @@ import {
 } from '../../utils/device';
 import { GAEvents } from '../../constants/events';
 import useSessionStore from '../../store/session';
+import cloneDeep from 'lodash/cloneDeep';
+import debounce from 'lodash/debounce';
 
 export interface ImageUpload extends Image {
   streamId?: string;
@@ -190,13 +192,27 @@ export const useUploadItem = ({ logGA }: Props) => {
     }
   }, []);
 
-  const handleRemoveUploadItem = useCallback((item: UploadItem) => {
-    if (item.uploadType === 'image') {
-      setImageUpload((prev) => prev.filter((i) => i?.path !== item?.path));
-    } else {
-      setDocumentUpload((prev) => prev.filter((i) => i?.uri !== item?.uri));
-    }
-  }, []);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const handleRemoveUploadItem = useCallback(
+    debounce(
+      (item: UploadItem) => {
+        if (item.uploadType === 'image') {
+          setImageUpload((prev) => {
+            const mImage = cloneDeep(prev);
+            return mImage.filter((i) => i?.path !== item?.path);
+          });
+        } else {
+          setDocumentUpload((prev) => {
+            const mDocument = cloneDeep(prev);
+            return mDocument.filter((i) => i?.uri !== item?.uri);
+          });
+        }
+      },
+      200,
+      { leading: false, trailing: true }
+    ),
+    []
+  );
 
   const clearFileUpload = useCallback(() => {
     setImageUpload([]);

package/src/types/chat.ts

@@ -16,6 +16,7 @@ export interface ChatContextType {
   closeDrawer: () => void;
   chatbotUrl: string;
   logGA: (event: string, params?: any) => void;
+  notifyError?: ErrorLogger;
 }
 
 export interface ChatProviderProps {
@@ -30,8 +31,20 @@ export interface ChatProviderProps {
   pushLinkTo?: (url: string, resParams?: any) => void;
   chatbotUrl: string;
   logGA: (event: string, params?: any) => void;
+  notifyError?: ErrorLogger;
 }
 
+export type ErrorLogger = (
+  p: {
+    errorClass: string | undefined;
+    errorMessage: string | undefined;
+    name: string;
+    message: string;
+    stack: string | undefined;
+  },
+  evt?: 'error' | 'info' | 'warning' | undefined
+) => void;
+
 export enum SessionLogType {
   accessed = 'accessed',
   newChatBtn = 'new_chat_btn',