@pubuduth-aplicy/chat-ui 2.2.2 → 2.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.2.2",
+  "version": "2.2.4",
   "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

@@ -1,5 +1,6 @@
 const SystemNotice = () => (
-    <div style={{
+  <div
+    style={{
       padding: "1rem",
       border: "1px solid #ddd",
       borderRadius: "8px",
@@ -7,12 +8,33 @@ const SystemNotice = () => (
       backgroundColor: "#f9f9f9",
       fontSize: "14px",
       textAlign: "center",
-    }}>
-      <strong style={{ display: "block", marginBottom: "0.5rem", textAlign:"center", fontSize:"smaller" }}>🛡 WE HAVE YOUR BACK</strong>
-      <p style={{fontSize:"x-small", textAlign:"center"}}>For added safety and your protection, keep payments and communications within Hirepanther. 
-        {/* <a href="#">Learn more</a> */}
-      </p>
+    }}
+  >
+    <div
+      style={{
+        fontSize: "32px", // 🔥 control icon size here
+        lineHeight: 1,
+        marginBottom: "0.25rem",
+      }}
+    >
+      🛡
     </div>
-  );
-  export default SystemNotice;
-  
+
+    <strong
+      style={{
+        display: "block",
+        marginBottom: "0.5rem",
+        fontSize: "12px",
+        letterSpacing: "0.5px",
+      }}
+    >
+      WE HAVE YOUR BACK
+    </strong>
+
+    <p style={{ fontSize: "11px", margin: 0 }}>
+      For added safety and your protection, keep payments and communications
+      within Hirepanther.
+    </p>
+  </div>
+);
+export default SystemNotice;

package/src/components/messages/Message.tsx

@@ -420,7 +420,10 @@ const Message = ({ message }: MessageProps) => {
                       <div className="file-icon">
                         {media.type === "document" && "📄"}
                       </div>
-                      <div className="file-info">
+                      <div className="file-info"
+                       onClick={() =>
+                        window.open(`${cdnUrl}${media.url}`, "_blank")
+                      }>
                         <span className="file-name">{media.name}</span>
                         <span className="file-size">
                           {(media.size / 1024).toFixed(1)} KB

package/src/components/sidebar/Conversations.tsx

@@ -334,7 +334,8 @@ const Conversations = () => {
 
               {activeTab === "service" &&
                 Object.entries(filteredGroupedServiceChats).length > 0 && (
-                  <div className="p-2 h-[400px]">
+                  <div className="p-2"
+                  style={{height:'400px'}}>
                     {Object.entries(filteredGroupedServiceChats).map(
                       ([
                         serviceId,