@bcc-code/vue-bcc-chat-ui 3.18.0 → 3.20.0

package/package.json

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

package/src/components/BccChatMessageBubble.vue

@@ -6,6 +6,7 @@ import { inject, ref } from 'vue';
 import { CometChatTheme, fontHelper } from '@cometchat/uikit-resources';
 import BccReplyPreview from "./BccReplyPreview.vue";
 import BccImageBubble from './BccImageBubble.vue';
+import { offlineStore } from '../offline';
 
 const props = defineProps({
 	text: {
@@ -15,6 +16,10 @@ const props = defineProps({
 	metadata: {
 		type: Object
 	},
+	guid: {
+		type: String,
+		default: ""
+	},
 	mentionedUsers: {
     type: Array<User>
   },
@@ -79,7 +84,29 @@ function formatMentionsInText(text: string) {
 
 let parentMsgRef = ref<BaseMessage>();
 if (props.metadata?.replyToMessageId) {
-	CometChat.getMessageDetails(props.metadata.replyToMessageId).then((msg: BaseMessage) => parentMsgRef.value = msg).catch(() => parentMsgRef.value = new CometChat.TextMessage("","Unknown message",""));
+	let guidString = props.guid?.toString()
+	let group = offlineStore.getGroup(guidString)
+
+	//for read only replies
+	if (group != null && group?.hasJoined == undefined) {
+		let message = offlineStore.getMessage(props.metadata.replyToMessageId).data
+		
+		if (message !== undefined) {
+			if (message.type == CometChat.MESSAGE_TYPE.TEXT) {
+				let text = new CometChat.TextMessage(message.receiver, message.data.text, message.receiverType)
+				text.setData(message.data)
+				parentMsgRef.value = text
+			} else {
+				let media = new CometChat.MediaMessage(message.receiver, {}, message.type, message.receiverType)
+				media.setData(message.data)
+				parentMsgRef.value = media
+			}
+		} else {
+			parentMsgRef.value = new CometChat.TextMessage("","Cannot load message","")
+		}
+	} else {
+		CometChat.getMessageDetails(props.metadata.replyToMessageId).then((msg: BaseMessage) => parentMsgRef.value = msg).catch(() => parentMsgRef.value = new CometChat.TextMessage("","Unknown message",""));
+	}
 };
 
 const { theme } = inject("theme", { theme: ref(new CometChatTheme({})) });

package/src/components/BccChatMessageList.vue

@@ -96,7 +96,19 @@ watchEffect(() => {
 watch([loggedIn, () => props.chatUid, chat.initialized], async ([_loggedIn, _chatUid, _initialized]) => {
   if (_loggedIn && _chatUid && _initialized) {
     chatGroup.value = (await chat.getGroup(props.chatUid)) ?? undefined;
-    await chat.clearGroupChatCount(props.chatUid);
+
+    if (chatGroup.value) {
+    watchAndApplyStyle(".bcc-chat-message-list-wrapper", [
+      {
+        selector: ".cc-messagebubble-wrapper__container",
+        style: {
+          "max-width": (chatGroup.value.getMetadata() as any).isChannel ? "95%": "80%"
+        }
+      }
+    ])
+  }
+
+  await chat.clearGroupChatCount(props.chatUid);
   } else if (chatGroup.value) {
     chatGroup.value = undefined;
   }
@@ -140,6 +152,10 @@ function isChannel(): boolean {
 }
 
 function isParticipant(): boolean {
+  //if not part of the group return true anyway since getScope dosen't exist when not in the group
+  if (!chatGroup.value?.getHasJoined()) {
+    return true
+  }
   return chatGroup.value?.getScope() == "participant";
 }