show unread counter when new message arrives and webchat is hidden

Author: rockwellll

dist/hellotext.js

@@ -222,6 +222,9 @@ var _default = /*#__PURE__*/function (_Controller) {
         behavior: 'smooth'
       });
       this.setOfflineTimeout();
+      if (this.openValue) return;
+      this.unreadCounterTarget.style.display = 'block';
+      this.unreadCounterTarget.innerText = (parseInt(this.unreadCounterTarget.innerText) || 0) + 1;
     }
   }, {
     key: "onConversationAssignment",
@@ -432,4 +435,4 @@ _default.values = {
     default: undefined
   }
 };
-_default.targets = ['trigger', 'popover', 'input', 'attachmentInput', 'attachmentButton', 'errorMessageContainer', 'attachmentTemplate', 'attachmentContainer', 'attachment', 'messageTemplate', 'messagesContainer', 'title', 'onlineStatus', 'attachmentImage', 'footer', 'toolbar', 'message'];
+_default.targets = ['trigger', 'popover', 'input', 'attachmentInput', 'attachmentButton', 'errorMessageContainer', 'attachmentTemplate', 'attachmentContainer', 'attachment', 'messageTemplate', 'messagesContainer', 'title', 'onlineStatus', 'attachmentImage', 'footer', 'toolbar', 'message', 'unreadCounter'];

lib/controllers/webchat_controller.js

@@ -42,6 +42,7 @@ export default class extends Controller {
     'footer',
     'toolbar',
     'message',
+    'unreadCounter',
   ]
 
   initialize() {
@@ -238,6 +239,11 @@ export default class extends Controller {
 
     element.scrollIntoView({ behavior: 'smooth' })
     this.setOfflineTimeout()
+
+    if(this.openValue) return
+
+    this.unreadCounterTarget.style.display = 'block'
+    this.unreadCounterTarget.innerText = (parseInt(this.unreadCounterTarget.innerText) || 0) + 1
   }
 
   onConversationAssignment(conversation) {