@bcc-code/vue-bcc-chat-ui 3.0.0-alpha.9 → 3.1.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@bcc-code/vue-bcc-chat-ui",
   "author": "bcc-code",
   "license": "Apache-2.0",
-  "version": "3.0.0-alpha.9",
+  "version": "3.1.0",
   "type": "module",
   "private": false,
   "files": [

package/src/components/BccChatMessageList.vue

@@ -13,7 +13,7 @@ import { loggedIn } from "../chat/login";
 import { CometChatMessages } from "@cometchat/chat-uikit-vue";
 import { Group } from "@cometchat/chat-sdk-javascript";
 import { watchAndApplyStyle } from "../chat/styleFix";
-import { CometChat } from "@cometchat/chat-sdk-javascript";
+//import { CometChat } from "@cometchat/chat-sdk-javascript";
 import {
   messageComposerConfiguration,
   messageListConfiguration,
@@ -38,8 +38,14 @@ watch([loggedIn, ()=>props.chatUid, chat.initialized], async ([_loggedIn, _chatU
   }
 }, { immediate: true });
 
-watch(chat.onlineStatus, async () => {
-  await tryConnect(false);
+watch(chat.onlineStatus, () => {
+  tryConnect(false);
+});
+
+watch(chat.onlineMode, () => {
+  if (chat.onlineMode.value == 'online'){
+    tryConnect(true);
+  }
 });
 
 const showChat = ref(false);
@@ -57,10 +63,15 @@ watchEffect(() => {
   }
 })
 
+let _connecting = false;
 async function tryConnect(force: boolean) {
-  console.log('CONNECTING::::');
   if (chat.onlineStatus.value === "online" || force) {
-    await connect(componentId.value);
+    if (!_connecting){
+      try {
+        await connect(componentId.value);
+      } catch {  }
+      _connecting = false;
+    }
   }
 }
 
@@ -119,23 +130,23 @@ onUnmounted(async () => {
   await disconnect(componentId.value);
 });
 
-const cometChatStatus = ref('');
-function getCometChatStatus(){
-  cometChatStatus.value = new Date().getTime() + CometChat.getConnectionStatus();
-}
+// const cometChatStatus = ref('');
+// function getCometChatStatus(){
+//   cometChatStatus.value = new Date().getTime() + CometChat.getConnectionStatus();
+// }
 
 </script>
 
 <template>
   <div class="bcc-chat-message-list-wrapper">
-    <div>
+    <!-- <div>
       <div>Connecting... <button @click="tryConnect(true)">[retry]</button></div>
       <div>Online status: {{chat.onlineStatus}}</div>
       <div>Online mode: {{chat.onlineMode}}</div>
       <div>Connected: {{chat.connected.value}}</div>
       <div>Connecting: {{chat.connecting.value}}</div>
       <div>CometChat: {{cometChatStatus}} <button @click="getCometChatStatus()">[refresh]</button></div>
-    </div>
+    </div> -->
     <div v-if="showChat" class="bcc-chat-message-list">
 
       <CometChatMessages          
@@ -155,7 +166,7 @@ function getCometChatStatus(){
       </div>
     </div>
     <div v-else-if="!chat.connected.value" class="bcc-chat-message-list-offline">
-      <span>Connecting... <button @click="tryConnect(true)">[retry]</button></span>
+      <span>Connecting...</span>
     </div>
     <div v-else-if="!chatGroup" class="bcc-chat-message-list-offline">
       <span>Loading chat...</span>