@pubuduth-aplicy/chat-ui 2.1.78 → 2.1.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.1.78",
+  "version": "2.1.79",
   "description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
   "license": "ISC",
   "author": "",

package/src/Chat.config.ts

@@ -1,7 +1,7 @@
 // config.ts
 export interface ChatConfig {
     apiUrl: string;
-    role?: string;
+    role: string;
     cdnUrl?: string;
     webSocketUrl: string;
   }

package/src/components/messages/MessageInput.tsx

@@ -7,6 +7,7 @@ import { FilePreview, FileType } from "../common/FilePreview";
 import { getApiClient } from "../../lib/api/apiClient";
 import { MessageStatus } from "../../types/type";
 import { Path } from "../../lib/api/endpoint";
+import { getChatConfig } from "../../Chat.config";
 
 const MAX_FILE_SIZE_MB = 5;
 const MAX_FILE_COUNT = 5;
@@ -37,6 +38,7 @@ interface Attachment {
 
 const MessageInput = () => {
   const apiClient = getApiClient();
+  const {role} = getChatConfig();
   const { socket, sendMessage, userId } = useChatContext();
   const { selectedConversation, setMessages } = useChatUIStore();
   const [message, setMessage] = useState("");
@@ -349,6 +351,8 @@ const MessageInput = () => {
               selectedConversation?.type === "service"
                 ? selectedConversation?.serviceId
                 : undefined,
+            senderRole: role,
+            receiverRole: role === 'customer' ? 'provider' : 'customer',
           },
           {
             onSuccess: (data) => {

package/src/providers/ChatProvider.tsx

@@ -41,7 +41,7 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
   const reconnectAttempts = useRef(0);
   const maxReconnectAttempts = 5;
   const reconnectInterval = 5000; // 5 seconds
-  const { webSocketUrl } = getChatConfig();
+  const { webSocketUrl,role } = getChatConfig();
 
   const connectWebSocket = useCallback(() => {
     // console.log("🔌 Creating new WebSocket connection...");
@@ -49,7 +49,7 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     // Convert HTTP URL to WebSocket URL
     const wsUrl = webSocketUrl.replace(/^http:/, "ws:").replace(/^https:/, "wss:");
     const socketInstance = new WebSocket(
-      `${wsUrl}?userId=${encodeURIComponent(userId)}`
+      `${wsUrl}?userId=${encodeURIComponent(userId)}&role=${encodeURIComponent(role)}`
     );
 
     socketInstance.onopen = () => {
@@ -62,6 +62,7 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
         JSON.stringify({
           event: "handshake",
           userId: userId,
+          role: role,
         })
       );
     };

package/src/service/messageService.ts

@@ -12,6 +12,8 @@ export const sendMessage = async (params: {
   serviceTitle?: string;
   type?: "personal" | "service";
   serviceId?: string;
+  senderRole?: string;
+  receiverRole?: string;
 }) => {
   const {
     receiverId,
@@ -22,6 +24,8 @@ export const sendMessage = async (params: {
     serviceTitle,
     type,
     serviceId,
+    senderRole,
+    receiverRole,
   } = params;
   const apiClient = getApiClient();
 
@@ -34,7 +38,9 @@ export const sendMessage = async (params: {
       serviceTitle,
       type,
       serviceId,
-      messageType: "user"
+      messageType: "user",
+      senderRole,
+      receiverRole
     }
   );
   return response.data;

package/src/service/sidebarApi.ts

@@ -12,7 +12,7 @@ export const getAllConversationData = async (userid: string) => {
    
     const endpoint = role === 'admin' 
         ? `${Path.getConversationListByAdmin}` 
-        : `${Path.getconversation}/${userid}`;
+        : `${Path.getconversation}/${userid}/${role}`;
 
     const res = await apiClient.get<ApiResponse>(endpoint);
     if (res.data) {