@vserifsaglam/chat-react-client 1.0.5 → 1.0.6

package/README.md

@@ -154,7 +154,13 @@ const MessagePanel = ({ conversationId, receiverId }) => {
   const handleSend = async () => {
     if (!messageText.trim()) return;
 
-    const success = await handleSendMessage(messageText, receiverId);
+    // Optional metadata as a javascript object
+    const metadata = {
+      source: 'web-client',
+      priority: 'high'
+    };
+
+    const success = await handleSendMessage(messageText, receiverId, false, metadata);
     if (success) {
       setMessageText('');
     }
@@ -168,7 +174,9 @@ const MessagePanel = ({ conversationId, receiverId }) => {
     const fileId = await uploadFile(selectedFile);
 
     if (fileId) {
-      await handleSendFileMessage(`Sent a file: ${selectedFile.name}`, fileId, receiverId);
+      // Optional metadata for file messages too
+      const metadata = { file_type: selectedFile.type };
+      await handleSendFileMessage(`Sent a file: ${selectedFile.name}`, fileId, receiverId, selectedFile.name, '', false, metadata);
       setFile(null);
     }
   };
@@ -554,8 +562,8 @@ Returns:
 - `fileLoading` (boolean): Loading state for file uploads
 - `uploadProgress` (number): Upload progress percentage (0-100)
 - `uploadFile(file: File)`: Function to upload a file
-- `handleSendMessage(content: string, receiverId: string)`: Function to send a text message
-- `handleSendFileMessage(content: string, fileId: number, receiverId: string)`: Function to send a message with a file attachment
+- `handleSendMessage(content: string, receiverId: string, isAppointment?: boolean, metadata?: Record<string, any>)`: Function to send a text message
+- `handleSendFileMessage(content: string, fileId: number, receiverId: string, filename?: string, url?: string, isAppointment?: boolean, metadata?: Record<string, any>)`: Function to send a message with a file attachment
 - `getMessages(conversationId?: string, page?: number)`: Function to get messages for a conversation
 - `loadMoreMessages()`: Function to load more messages (pagination)
 - `hasMore` (boolean): Whether there are more messages to load

package/dist/hooks/useMessageManagements.d.ts

@@ -6,8 +6,8 @@ export declare function useMessageManagement(selectedConversationId: string): {
     fileLoading: boolean;
     uploadProgress: number;
     uploadFile: (file: File) => Promise<import("..").FileUploadResponse | null>;
-    handleSendMessage: (content: string, receiver: SenderReceiverUser, isAppointment?: boolean | undefined) => Promise<any>;
-    handleSendFileMessage: (content: string, fileId: number, receiver: SenderReceiverUser, filename?: string | undefined, url?: string | undefined, isAppointment?: boolean | undefined) => Promise<boolean | undefined>;
+    handleSendMessage: (content: string, receiver: SenderReceiverUser, isAppointment?: boolean | undefined, metadata?: Record<string, any> | undefined) => Promise<any>;
+    handleSendFileMessage: (content: string, fileId: number, receiver: SenderReceiverUser, filename?: string | undefined, url?: string | undefined, isAppointment?: boolean | undefined, metadata?: Record<string, any> | undefined) => Promise<boolean | undefined>;
     deleteMessage: (messageId: number) => Promise<import("..").DeleteMessageResponse | null>;
     updateMessage: (messageId: number, update: import("..").UpdateMessageRequest) => Promise<import("..").UpdateMessageResponse | null>;
     getMessages: (conversationId?: any, page?: any, pageSize?: any) => Promise<import("..").MessagesResponse | null>;

package/dist/index.js

@@ -2833,7 +2833,7 @@ function useMessageManagement(selectedConversationId) {
       return Promise.reject(e);
     }
   }, [messagesLoading, hasMore, getMessages, page, selectedConversationId]);
-  var handleSendMessage = React.useCallback(function (content, receiver, isAppointment) {
+  var handleSendMessage = React.useCallback(function (content, receiver, isAppointment, metadata) {
     try {
       if (!content.trim() || !selectedConversationId || !profile) return Promise.resolve();
       var tempMessageId = "temp-" + Date.now();
@@ -2846,7 +2846,8 @@ function useMessageManagement(selectedConversationId) {
         sender: profile,
         receiver: receiver,
         is_read: false,
-        status: 'sending'
+        status: 'sending',
+        metadata: metadata
       };
       setMessages(function (prevMessages) {
         var prevMessageArray = (prevMessages === null || prevMessages === void 0 ? void 0 : prevMessages.messages) || [];
@@ -2859,7 +2860,8 @@ function useMessageManagement(selectedConversationId) {
           receiver_client_id: receiver.id,
           content: content,
           conversation_uid: selectedConversationId,
-          isAppointment: isAppointment
+          isAppointment: isAppointment,
+          metadata: metadata
         })).then(function (success) {
           if (!success) {
             setMessages(function (prevMessages) {
@@ -2904,7 +2906,7 @@ function useMessageManagement(selectedConversationId) {
       return Promise.reject(e);
     }
   }, [sendMessage, selectedConversationId, profile === null || profile === void 0 ? void 0 : profile.id, setMessages]);
-  var handleSendFileMessage = React.useCallback(function (content, fileId, receiver, filename, url, isAppointment) {
+  var handleSendFileMessage = React.useCallback(function (content, fileId, receiver, filename, url, isAppointment, metadata) {
     try {
       if (!selectedConversationId) return Promise.resolve();
       var tempMessageId = "temp-file-" + Date.now();
@@ -2921,7 +2923,8 @@ function useMessageManagement(selectedConversationId) {
         sender: profile,
         receiver: receiver,
         is_read: false,
-        status: 'sending'
+        status: 'sending',
+        metadata: metadata
       };
       setMessages(function (prevMessages) {
         var prevMessageArray = (prevMessages === null || prevMessages === void 0 ? void 0 : prevMessages.messages) || [];
@@ -2935,7 +2938,8 @@ function useMessageManagement(selectedConversationId) {
           content: content,
           attachments: [fileId],
           conversation_uid: selectedConversationId,
-          isAppointment: isAppointment
+          isAppointment: isAppointment,
+          metadata: metadata
         })).then(function (success) {
           if (success) {
             setMessages(function (prevMessages) {