@pubuduth-aplicy/chat-ui 2.1.86 → 2.1.88

package/package.json

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

package/src/components/messages/MessageContainer.tsx

@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { ChevronLeft, MessageSquare } from "lucide-react";
-import { FiArrowLeft } from "react-icons/fi";
+import { ChevronLeft, MessageCircle } from "lucide-react";
 import { useEffect } from "react";
 import MessageInput from "./MessageInput";
 import Messages from "./Messages";
 import useChatUIStore from "../../stores/Zustant";
 import { useChatContext } from "../../providers/ChatProvider";
 import { getChatConfig } from "../../Chat.config";
+import defaultProfilePicture from "../../assets/pngegg.png";
 
 const MessageContainer = () => {
   const { userId } = useChatContext();
@@ -24,6 +24,7 @@ const MessageContainer = () => {
           data: {
             chatId: selectedConversation._id,
             userId: userId,
+            role: role,
           },
         })
       );
@@ -89,13 +90,13 @@ const MessageContainer = () => {
               </button>
               {selectedConversation.type === "service" ? (
                 <div className="w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center">
-                  <MessageSquare size={24} className="text-gray-600" />
+                  <MessageCircle size={24} className="text-gray-600" />
                 </div>
               ) : (
                 <img
                   className="chatMessageContainerInnerImg"
                   alt="Profile"
-                  src={participant?.profilePicture}
+                  src={participant?.profilePicture || defaultProfilePicture}
                 />
               )}
               <div className="chatMessageContainerOutter">

package/src/components/sidebar/Conversation.tsx

@@ -4,17 +4,20 @@ import { useEffect } from "react";
 import { useChatContext } from "../../providers/ChatProvider";
 import useChatUIStore from "../../stores/Zustant";
 import { ConversationProps } from "../../types/type";
+import { getChatConfig } from "../../Chat.config";
+import defaultProfilePicture from "../../assets/pngegg.png";
 
 const Conversation = ({ conversation }: ConversationProps) => {
   const {
     setSelectedConversation,
     setOnlineUsers,
   } = useChatUIStore();
-  const { socket, isUserOnline } = useChatContext();
+  const { socket, isUserOnline, } = useChatContext();
   const selectedConversation = useChatUIStore(
     (state) => state.selectedConversation
   );
   const { userId } = useChatContext();
+   const { role } = getChatConfig();
 
   const participant = conversation.participantDetails?.find(
     (p:any) => p._id !== userId
@@ -36,6 +39,7 @@ const Conversation = ({ conversation }: ConversationProps) => {
           messageIds: unreadMessageIds,
           senderId: participant?._id,
           receiverId: userId,
+          receiverRole: role,
           chatId: conversation._id,
         },
       };
@@ -99,7 +103,7 @@ const Conversation = ({ conversation }: ConversationProps) => {
           <>
             <img
               className="w-10 h-10 rounded-full"
-              src={participant?.profilePicture}
+              src={participant?.profilePicture || defaultProfilePicture}
               alt="User Avatar"
             />
             <span