fix(messages): minor render enhancements

- assign `viewId` on Options API initialising: chatIdentifier is no longer updated at `mounted()` - no cancelled requests
- add a safe check for system messages without parents
  - doesn't happen usually, but for federated conversations system conversations `getContext` response is processed as if there are no message parents - system message is rendered in the list

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

src/components/MessagesList/MessagesList.vue

@@ -144,7 +144,7 @@ export default {
 			 */
 			messagesGroupedByDateByAuthor: {},
 
-			viewId: null,
+			viewId: uniqueId('messagesList'),
 
 			/**
 			 * When scrolling to the top of the div .scroller we start loading previous
@@ -316,7 +316,6 @@ export default {
 		this.debounceUpdateReadMarkerPosition = debounce(this.updateReadMarkerPosition, 1000)
 		this.debounceHandleScroll = debounce(this.handleScroll, 50)
 
-		this.viewId = uniqueId('messagesList')
 		this.scrollToBottom()
 		EventBus.$on('scroll-chat-to-bottom', this.handleScrollChatToBottomEvent)
 		EventBus.$on('smooth-scroll-chat-to-bottom', this.smoothScrollToBottom)

src/store/messagesStore.js

@@ -529,12 +529,15 @@ const actions = {
 	processMessage(context, { token, message }) {
 		const sharedItemsStore = useSharedItemsStore()
 
-		if (message.parent && message.systemMessage
-			&& (message.systemMessage === 'message_deleted'
+		if (message.systemMessage === 'message_deleted'
 				|| message.systemMessage === 'reaction'
 				|| message.systemMessage === 'reaction_deleted'
 				|| message.systemMessage === 'reaction_revoked'
-				|| message.systemMessage === 'message_edited')) {
+				|| message.systemMessage === 'message_edited') {
+			if (!message.parent) {
+				return
+			}
+
 			// If parent message is presented in store and is different, we update it
 			const parentInStore = context.getters.message(token, message.parent.id)
 			if (Object.keys(parentInStore).length !== 0 && JSON.stringify(parentInStore) !== JSON.stringify(message.parent)) {
@@ -544,17 +547,14 @@ const actions = {
 			const reactionsStore = useReactionsStore()
 			if (message.systemMessage === 'message_deleted') {
 				reactionsStore.resetReactions(token, message.parent.id)
-			} else {
-				reactionsStore.processReaction(token, message)
-			}
-
-			// Check existing messages for having a deleted message as parent, and update them
-			if (message.systemMessage === 'message_deleted') {
+				// Check existing messages for having a deleted message as parent, and update them
 				context.getters.messagesList(token)
 					.filter(storedMessage => storedMessage.parent?.id === message.parent.id && JSON.stringify(storedMessage.parent) !== JSON.stringify(message.parent))
 					.forEach(storedMessage => {
 						context.commit('addMessage', { token, message: Object.assign({}, storedMessage, { parent: message.parent }) })
 					})
+			} else {
+				reactionsStore.processReaction(token, message)
 			}
 
 			// Quit processing