@bcc-code/vue-bcc-chat-ui 3.7.0 → 3.7.2

package/dist/vue-bcc-chat-ui.js

@@ -74719,30 +74719,29 @@ async function Bit() {
     };
   });
 }
-function Fp(e, t = !1, n = !1) {
-  var a, u, c, l, g;
+function Fp(e, t = !1, n = !0) {
   if (!e)
     return "";
   if (e.getDeletedAt() != null)
     return "(" + d.localize("MESSAGE_IS_DELETED") + ")";
-  let r, o, i;
-  switch (e.getType()) {
-    case d.CometChatUIKitConstants.MessageTypes.text:
-      return e.getText();
-    case "media":
-      return r = t ? "🖼️ " : "", o = n ? (a = e == null ? void 0 : e.getAttachment()) == null ? void 0 : a.getName() : "", i = e == null ? void 0 : e.getCaption(), r + (i || o || "Media message");
-    case d.CometChatUIKitConstants.MessageTypes.image:
-      return r = t ? "🖼️ " : "", o = n ? (u = e == null ? void 0 : e.getAttachment()) == null ? void 0 : u.getName() : "", i = e == null ? void 0 : e.getCaption(), r + (i || o || "Photo");
-    case d.CometChatUIKitConstants.MessageTypes.video:
-      return r = t ? "🎥 " : "", o = n ? (c = e == null ? void 0 : e.getAttachment()) == null ? void 0 : c.getName() : "", i = e == null ? void 0 : e.getCaption(), r + (i || o || "Video");
-    case d.CometChatUIKitConstants.MessageTypes.audio:
-      return r = t ? "🎤 " : "", o = n ? (l = e == null ? void 0 : e.getAttachment()) == null ? void 0 : l.getName() : "", r + (o || "Audio message");
-    case d.CometChatUIKitConstants.MessageTypes.file:
-      return r = t ? "📄 " : "", o = n ? (g = e == null ? void 0 : e.getAttachment()) == null ? void 0 : g.getName() : "", i = e == null ? void 0 : e.getCaption(), r + (i || o || "File");
-    case "custom":
-    default:
-      return (e == null ? void 0 : e.getCaption()) || "Custom message";
-  }
+  if (e instanceof Z.CometChat.TextMessage)
+    return e.getText();
+  if (e instanceof Z.CometChat.MediaMessage) {
+    let r, o = n ? e.getAttachment().getName() : "";
+    switch (e.getType()) {
+      case "media":
+        return r = t ? "🖼️ " : "", r + (e.getCaption() || o || "Media message");
+      case d.CometChatUIKitConstants.MessageTypes.image:
+        return r = t ? "🖼️ " : "", r + (e.getCaption() || "Photo");
+      case d.CometChatUIKitConstants.MessageTypes.video:
+        return r = t ? "🎥 " : "", r + (e.getCaption() || o || "Video");
+      case d.CometChatUIKitConstants.MessageTypes.audio:
+        return r = t ? "🎤 " : "", r + (o || "Audio message");
+      case d.CometChatUIKitConstants.MessageTypes.file:
+        return r = t ? "📄 " : "", r + (e.getCaption() || o || "File");
+    }
+  }
+  return e instanceof Z.CometChat.Action ? e.getMessage() : "Custom message";
 }
 function lI(e) {
   return e && e.startsWith("https://data-eu.cometchat.io/") && (e = `${qo().chatApiBaseUrl}/file-proxy?uri=${e}`), e;
@@ -79113,6 +79112,20 @@ const lct = {
             "word-break": "break-all"
           },
           shadowDomSelector: "cometchat-preview"
+        },
+        {
+          selector: ".cc__file__url",
+          style: {
+            color: "var(--cc__text-color)"
+          },
+          shadowDomSelector: "cometchat-file-bubble"
+        },
+        {
+          selector: ".cc__file__subtitle",
+          style: {
+            color: "var(--cc__accent)"
+          },
+          shadowDomSelector: "cometchat-file-bubble"
         }
       ]);
     }), br(() => {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@bcc-code/vue-bcc-chat-ui",
   "author": "bcc-code",
   "license": "Apache-2.0",
-  "version": "3.7.0",
+  "version": "3.7.2",
   "type": "module",
   "private": false,
   "files": [

package/src/components/BccChatMessageList.vue

@@ -114,6 +114,20 @@ onMounted(() => {
         "word-break": "break-all"
       },
       shadowDomSelector: "cometchat-preview",
+    },
+    {
+      selector: ".cc__file__url",
+      style: { 
+        "color": "var(--cc__text-color)"
+      },
+      shadowDomSelector: "cometchat-file-bubble",
+    },
+    {
+      selector: ".cc__file__subtitle",
+      style: { 
+        "color": "var(--cc__accent)"
+      },
+      shadowDomSelector: "cometchat-file-bubble",
     }
   ]);
 });