Fixed to finish collaboration when clean up collaboration message received

public_new/js/common/common.js

@@ -169,9 +169,9 @@ Common.startCollaboration = function (collaborationType) {
       Common.dismissLoadingIndicator();
       return;
     }
-    const sendData = DATA_MESSAGE_SCHEME + FINISH_ALL_COLLABORATION_SIGNAL;
-    CHAT_SOCKET.emitCreateMessage(SOCKET_KEY.CREATE_MESSAGE, sendData);
-    NativeBridgeDelegate.finishAllCollaboration();
   }
+
+  CHAT_SOCKET.emitCollaborationFinishMessage();
+  NativeBridgeDelegate.finishAllCollaboration();
   NativeBridgeDelegate.startCollaboration(collaborationType);
 };

public_new/js/sockets/chat-websocket-message.js

@@ -19,6 +19,10 @@ CHAT_SOCKET.handleMessage = function (message, roomName, socketKey) {
     DATA_MESSAGE_SCHEME + FINISH_ALL_COLLABORATION_SIGNAL
   ) {
     CHAT_SOCKET.cleanUpCollaborationMessage();
+
+    if (typeof CoviewBridge !== "undefined") {
+      CoviewBridge.finishCollaboration();
+    }
     return;
   }
 
@@ -120,6 +124,7 @@ CHAT_SOCKET.renderCollaborationMessage = function (
     createdAtDay: messageTime.createdAtDay,
     createdAtTime: messageTime.createdAtTime,
     isOtherYear: false,
+    collaborationJoinMessage: getLocalizedString("message_join"),
   });
 };
 
@@ -176,8 +181,11 @@ CHAT_SOCKET.getUserInfoList = function (userID) {
   return JSON.parse(NativeBridgeDataSource.getUserInfoList(userID));
 };
 
-CHAT_SOCKET.cleanUpCollaborationMessage = function () {
+CHAT_SOCKET.cleanUpCollaborationMessage = function (exceptFirst = false) {
   $(".collabo_area.start").each(function (index, collaborationMessage) {
+    if (exceptFirst && index === 0) {
+      return;
+    }
     $(collaborationMessage).removeClass("start");
     $(collaborationMessage).addClass("end");
     $(collaborationMessage).addClass("disable");

public_new/js/views/chats/chat-room-message.js

@@ -98,6 +98,8 @@ ChatRoom.loadMessages = function (joinRoomID, joinRoomName) {
   let messages = NativeBridgeDataSource.getMessagesByRoomID(roomID);
   ChatRoom.prependMessage(messages);
 
+  CHAT_SOCKET.cleanUpCollaborationMessage(true);
+
   window.addEventListener(
     "load",
     function (event) {