@bcc-code/vue-bcc-chat-ui 4.4.0 → 4.4.2

package/package.json

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

package/src/components/BccChatMessageList.vue

@@ -21,6 +21,7 @@ import BccChatMessages from "./BccChatMessages.vue";
 import BccScheduledMessages from "./BccScheduledMessages.vue";
 import { getGroupMembersInfo } from "../chat/data";
 import logger from "../chat/logger";
+import { onlineMode, onlineStatus } from "../offline/connectivity";
 const props = defineProps({
   chatUid: { type: String, required: true },
   senderDisplayName: { type: String, required: false },
@@ -82,43 +83,47 @@ const onMessageSend = CometChatMessageEvents.ccMessageSent.subscribe(({ message,
 watch([loggedIn, chat.onlineStatus, () => props.chatUid, chat.initialized, () => props.groupMessageGetter], async ([_loggedIn, _online, _chatUid, _initialized, _groupMessageGetter]) => {
   logger.debug("ChatMessageList watch changed", { chatUid: _chatUid, loggedIn: _loggedIn, online: _online, initialized: _initialized });
 
-  if (_loggedIn && _chatUid && _initialized) {
-    chatGroupNotFound.value = false;
-    const [_, group] = await Promise.all([
-      connect(componentId.value),
-      chat.getGroup(props.chatUid)
-    ])
-    chatGroup.value = group ?? undefined;
-    chatGroupNotFound.value = group === undefined;
-
-    if (_groupMessageGetter && !chatGroup.value?.getHasJoined()) {
-      chat.updateGetGroupMessages(_groupMessageGetter)
-    }
+  try {
+    if (_loggedIn && _chatUid && _initialized) {
+      chatGroupNotFound.value = false;
+      const [_, group] = await Promise.all([
+        connect(componentId.value),
+        chat.getGroup(props.chatUid)
+      ])
+      chatGroup.value = group ?? undefined;
+      chatGroupNotFound.value = group === undefined;
+
+      if (_groupMessageGetter && !chatGroup.value?.getHasJoined()) {
+        chat.updateGetGroupMessages(_groupMessageGetter)
+      }
 
-    if (chatGroup.value) {
+      if (chatGroup.value) {
 
-      let isChannel = (chatGroup.value.getMetadata() as any).isChannel;
+        let isChannel = (chatGroup.value.getMetadata() as any).isChannel;
 
-      watchAndApplyStyle(".bcc-chat-message-list-wrapper", [
-        {
-          selector: ".cc-messagebubble-wrapper__container",
-          style: {
-            "max-width": isChannel ? "95%" : "80%"
+        watchAndApplyStyle(".bcc-chat-message-list-wrapper", [
+          {
+            selector: ".cc-messagebubble-wrapper__container",
+            style: {
+              "max-width": isChannel ? "95%" : "80%"
+            }
           }
+        ])
+
+        if (!isChannel) {
+          getGroupMembersInfo(_chatUid).then((participants) => groupMembers.value = participants);
+        } else {
+          groupMembers.value = [];
         }
-      ])
 
-      if (!isChannel) {
-        getGroupMembersInfo(_chatUid).then((participants) => groupMembers.value = participants);
-      } else {
-        groupMembers.value = [];
       }
 
+      await chat.clearGroupChatCount(props.chatUid);
+    } else if (chatGroup.value) {
+      chatGroup.value = undefined;
     }
-
-    await chat.clearGroupChatCount(props.chatUid);
-  } else if (chatGroup.value) {
-    chatGroup.value = undefined;
+  } catch (error) {
+    logger.error("Error in ChatMessageList watch", { error, chatUid: _chatUid, loggedIn: _loggedIn, online: _online, initialized: _initialized });
   }
 }, { immediate: true });
 
@@ -132,6 +137,13 @@ watchEffect(() => {
 
 onMounted(() => {
   logger.debug("Mounting chat", { chatUid: props.chatUid });
+  setTimeout(() => {
+    if (!chatGroup.value && !chatGroupNotFound.value) {
+      logger.error("Chat not loaded after 5 seconds", { chatUid: props.chatUid, connected: chat.connected.value, loggedIn: loggedIn.value, onlineMode: onlineMode.value, onlineStatus: onlineStatus.value, initialized: chat.initialized.value });
+    } else {
+      logger.debug("Chat successfully loaded", { chatUid: props.chatUid, connected: chat.connected.value, loggedIn: loggedIn.value, onlineMode: onlineMode.value, onlineStatus: onlineStatus.value, initialized: chat.initialized.value });
+    }
+  }, 5000);
   watchAndApplyStyle(".bcc-chat-message-list-wrapper", [
     {
       selector: ".cc__text",