@bcc-code/vue-bcc-chat-ui 7.1.20 → 7.1.22

package/dist/index.d.ts

@@ -14,6 +14,12 @@ import { WritableComputedRef } from 'vue';
 
 declare const __VLS_base: DefineComponent<__VLS_Props, {
     scrollToMessage: typeof scrollToMessage_2;
+    groupMembers: ComputedRef<{
+        uid: string;
+        displayName: string;
+        avatar: string;
+        role: string;
+    }[]>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     chatMembersFetched: (members: ParticipantInfo[]) => any;
     chatEmpty: () => any;
@@ -519,7 +525,7 @@ declare function getChatOnlineCount(chatUid: string): Promise<number>;
 
 declare function getCurrentEnvironment(): ChatEnvironmentConfig;
 
-declare function getGroup(groupUid: string): Promise<unknown | null | undefined>;
+declare function getGroup(groupUid: string): Promise<Group | null | undefined>;
 
 declare function getMessageTextPreview(message?: any, showEmoji?: boolean, showAttachmentName?: boolean): string;
 

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

@@ -9774,7 +9774,7 @@ var uf = { class: "w-full" }, df = {
 				try {
 					e.conversations.value.length === 0 && await e.fetchConversations();
 					let t = e.conversations.value.find((e) => e.targetId === p.chatUid || e.id === p.chatUid) ?? null;
-					if (!t) {
+					if (t ||= await V(p.chatUid, e), !t) {
 						x.value = !0, m("chatMembersFetched", []);
 						return;
 					}
@@ -9784,22 +9784,43 @@ var uf = { class: "w-full" }, df = {
 				}
 			}
 		}
-		function V(e, t) {
+		async function V(e, t) {
+			let n = await gu.getGroup(e);
+			if (!n || typeof n != "object") return null;
+			let r = String(n.getGuid());
+			if (!r) return null;
+			let i = {
+				id: `group_${r}`,
+				targetId: r,
+				type: "group",
+				title: String(n.getName() ?? r),
+				subtitle: "No messages yet",
+				unreadCount: 0,
+				tags: (n.getTags() ?? []).map((e) => String(e)),
+				memberCount: Math.max((Number(n.getMembersCount()) || 1) - 1, 0),
+				source: { getConversationWith: () => n }
+			};
+			return t.conversations.value = [i, ...t.conversations.value.filter((e) => e.id !== i.id && e.targetId !== r)], i;
+		}
+		function se(e, t) {
 			m("linkClicked", e, t);
 		}
-		let se = w(!1);
+		let H = w(!1);
 		b(() => {
 			setTimeout(() => {
-				se.value = !0;
+				H.value = !0;
 			}, 200);
 		}), y(() => {
 			let e = T.value;
 			e && e.activeConversation.value === O.value && e.selectConversation(null);
 		});
-		async function H(e) {
-			return await new Promise((e) => setTimeout(e, 100)), se.value ? ie(e) : (await new Promise((e) => setTimeout(e, 110)), H(e));
+		async function ce(e) {
+			return await new Promise((e) => setTimeout(e, 100)), H.value ? ie(e) : (await new Promise((e) => setTimeout(e, 110)), ce(e));
 		}
-		return o({ scrollToMessage: H }), (n, o) => (S(), a("div", {
+		return o({
+			scrollToMessage: ce,
+			groupMembers: n(() => A.value)
+		}), (n, o) => (S(), a("div", {
 			ref_key: "chatRootRef",
 			ref: v,
 			class: "text-default relative h-full min-h-104"
@@ -9821,7 +9842,7 @@ var uf = { class: "w-full" }, df = {
 					"show-header": L.value,
 					"action-message-class": t.actionMessageClass,
 					"action-message-row-class": t.actionMessageRowClass,
-					onAnchorclick: V
+					onAnchorclick: se
 				}, s({
 					composer: I(() => [l(Zd, {
 						ref_key: "mainComposerRef",