@pubuduth-aplicy/chat-ui 2.1.59 → 2.1.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.1.59",
+  "version": "2.1.60",
   "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/common/SystemNotice.tsx

@@ -0,0 +1,17 @@
+const SystemNotice = () => (
+    <div style={{
+      padding: "1rem",
+      border: "1px solid #ddd",
+      borderRadius: "8px",
+      margin: "1rem",
+      backgroundColor: "#f9f9f9",
+      fontSize: "14px",
+    }}>
+      <strong style={{ display: "block", marginBottom: "0.5rem", textAlign:"center", fontSize:"smaller" }}>🛡 WE HAVE YOUR BACK</strong>
+      <p style={{fontSize:"x-small"}}>For added safety and your protection, keep payments and communications within Gigmosaic. 
+        {/* <a href="#">Learn more</a> */}
+      </p>
+    </div>
+  );
+  export default SystemNotice;
+  

package/src/components/messages/MessageInput.tsx

@@ -83,13 +83,13 @@ const MessageInput = () => {
     // Check for email
     const emailRegex = /\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}\b/i;
     if (emailRegex.test(text)) {
-      return "Email addresses are not allowed.";
+      return "To protect your account, make sure not to share any personal or sensitive information.";
     }
 
     // Check for phone number (very basic)
     const phoneRegex = /(\+?\d{1,4}[\s-]?)?(\(?\d{3}\)?[\s-]?)?\d{3}[\s-]?\d{4}/;
     if (phoneRegex.test(text)) {
-      return "Phone numbers are not allowed.";
+      return "To protect your account, make sure not to share any personal or sensitive information.";
     }
 
     // // Check for bad words
@@ -108,6 +108,8 @@ const MessageInput = () => {
 
     if (validationError) {
       setInputError(validationError);
+      setMessage(newValue);
+      setMessage1(newValue);
     } else {
       setInputError(null);
       setMessage(newValue);

package/src/components/messages/Messages.tsx

@@ -7,6 +7,7 @@ import { useInfiniteQuery } from "@tanstack/react-query";
 import { fetchMessages } from "../../service/messageService";
 import { useInView } from "react-intersection-observer";
 import Loader from "../Loader";
+import SystemNotice from "../common/SystemNotice";
 
 const Messages = () => {
   const { selectedConversation, setMessages, messages } = useChatUIStore();
@@ -164,6 +165,7 @@ const Messages = () => {
       className="chatMessages"
       style={{ overflowY: "auto", height: "100%", position: "relative" }}
     >
+      <SystemNotice/>
       <div ref={ref} className="my-8">
         {isFetchingNextPage ? <Loader /> : null}
       </div>

package/src/components/sidebar/Conversation.tsx

@@ -83,9 +83,17 @@ const Conversation = ({ conversation, lastIdx }: ConversationProps) => {
             </span>
           </div>
           <p className="conversation-message">
-            {conversation.lastMessage.message.length > 50
+          {conversation.lastMessage.message.length > 50
               ? conversation.lastMessage.message.slice(0, 50) + "..."
-              : conversation.lastMessage.message}
+              :conversation.lastMessage.media.length > 0 ?
+              <div style={{display:"flex",alignItems:"center", gap:"5px"}}>
+                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+              <path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path>
+            </svg>
+            attachment
+              </div>
+              
+               :conversation.lastMessage.message}
           </p>
         </div>
       </div>

package/src/types/type.ts

@@ -51,6 +51,7 @@ export interface ConversationProps {
       _id: string;
       senderId: string;
       message: string;
+      media:string[];
       chatId: string;
       createdAt: string;
       updatedAt: string;