Page Comparison

...

• wrapper (the body of Chat)

• icon-button (the button element with icon)

• close-icon (the icon for closing the button)

• offline-icon (the icon with offline icon)

• online-icon (the icon with online icon)

• authentication-section (element of logging/registering buttons in the home view)

• attachment-button (the attachments button)

• author-name (the author name on the conversations history view)

• avatar (the avatar on the conversations history view)

• button (every button)

• header (Chat header bar)

• header-close-icon (close button in the Chat header)

• header-jira-ticket-icon (Jira ticket button in the Chat header)

To notify

...

your backend when a new message

...

arrives:

chatWidget.addEventListener('message', () => console.log('A message was missed!'));

...