@vserifsaglam/chat-react-client 1.0.4 → 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

@@ -191,6 +191,26 @@ function _finallyRethrows(body, finalizer) {
 	return finalizer(false, result);
 }
 
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+var _excluded = ["isAppointment"];
 var ChatApi = /*#__PURE__*/function () {
   function ChatApi(config) {
     this.client = axios.create({
@@ -332,7 +352,9 @@ var ChatApi = /*#__PURE__*/function () {
           'x-disable-limit': true
         };
       }
-      return Promise.resolve(_this1.client.post('/api/messages/send-message', message, config)).then(function (response) {
+      var isAppointment = message.isAppointment,
+        messageToSend = _objectWithoutPropertiesLoose(message, _excluded);
+      return Promise.resolve(_this1.client.post('/api/messages/send-message', messageToSend, config)).then(function (response) {
         return response.data;
       });
     } catch (e) {
@@ -485,16 +507,6 @@ var ChatApi = /*#__PURE__*/function () {
   return ChatApi;
 }();
 
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
 (function (ConnectionType) {
   ConnectionType["WebSocket"] = "websocket";
   ConnectionType["LongPolling"] = "longpolling";
@@ -2821,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();
@@ -2834,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) || [];
@@ -2847,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) {
@@ -2892,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();
@@ -2909,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) || [];
@@ -2923,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) {