Help: Show chat notification when chat ends.

[omarjackman]

Show chat notification when chat ends

This pull request aims at letting the user know that the olark operator has ended the chat and that they will be receiving a transcript. Prior to this the user had no indication that the chat has ended.

How to test

1. Navigate to http://calypso.localhost:3000/help/contact
2. Start a chat.
3. Have the operator end the chat using the !end command.
4. Notice the notification in the chat box

What to expect

noting here that there are some CSS issues that I intend to fix in a future pull request. this line of code seems to be causing some weird wrapping if the user decides to start chatting after a notification.

Fixes #1341

[omarjackman]

cc @dmsnell @dllh

[dllh]

The interaction here is still a little weird if I'm the last available operator. In my test, I was the only operator in the group and had hit my chat maximum, so when I accepted the chat, my status was set to away, and thus I was away when I ended the chat. My test user wound up seeing the Sorry! We just missed you as our Happiness Engineers stepped away. notice, and the screen rendered the offline contact form with the chat box at bottom right. The chat box did show the "Your live chat has ended" message, and then the box went away after a few seconds (didn't capture this last bit in the screen grab below). I sort of expected to just see the message in the inline chat box as pictured above.

When I increase my max chats threshold so that I'm not away when I end the chat (meaning: an operator in the group is still available when I end the chat), the interaction works as expected, with the message displayed in the inline chat box.

Is this a case we can fix? Hopefully, most users won't be affected, but depending on staffing, it seems not too unlikely that users could see a chat ended with no other opers available and wind up having this interaction.

[omarjackman]

Is this a case we can fix? Hopefully, most users won't be affected, but depending on staffing, it seems not too unlikely that users could see a chat ended with no other opers available and wind up having this interaction.

#1714 will fix this as well as fix #1340

[omarjackman]

Since #1340 and #1341 are variations of the same issue I am closing this PR and starting over with #1714 that aims to fix them all in a nicer way.