react-native-chatbot-ai 0.1.42 → 0.1.44

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',