Pre release Alpha.24 - v2.0.0

What's Changed

• Fix css module load by @Gerben-T in #75
• Don't update state when changing custom headers by @gydotitulaer in #77

Full Changelog: v2.0.0-alpha.23...v2.0.0-alpha.24

Pre release Alpha.23 - v2.0.0

What's Changed

• Update version by @Gerben-T in #72
• Make upload button accessible by @Gerben-T in #73

Full Changelog: v2.0.0-alpha.22...v2.0.0-alpha.23

Pre release Alpha.22 - v2.0.0

What's Changed

• Improve chat accessibility by @Gerben-T in #71

Full Changelog: v2.0.0-alpha.21...v2.0.0-alpha.22

More info

This update contains a bunch of accessibility fixes to make the chat WCAG21AA compliant. See #71 for more details.

There are new interfaceTexts added which you can change if necessary:

• ariaLabelButtonDownloadMedia: This sets the aria-label for the media download button.
• ariaLabelButtonCall: This sets the aria-label for the type "phoneNumber" button in a message.
• ariaLabelButtonWebUrl: This sets the aria-label for the type "webUrl" button in a message.
• ariaLabelButtonPredefinedReply: This sets the aria-label for the type "reply" button in a message
• ariaLabelButtonCloseImageViewer: This sets the aria-label for the close button in the image viewer (when clicking on an image)
• ariaLabelUploadFile: This sets the aria-label for the upload file button.
• screenReaderNewMessageAnnouncement: This sets the text that is read out loud, when using a screen reader, when receiving a new message.
• noMessagesInConversation: This sets the text that is read out loud, when using a screen reader, when there are no messages yet in the conversation. This is mainly to satisfy some WCAG rules and thus is not shown visually.

These texts are also documented here with more information including the default values.

We've also improved support for using a zoomed-in view in your browser. When we notice that the chat doesn't fit anymore we switch to the mobile styling. This styles the chat so that it becomes the whole width and height of the webpage. This makes it easier to use the chat at for example 400% zoom. Here is a video showing a demo of that feature:

Video.mp4

Pre release Alpha.21 - v2.0.0

What's Changed

• Render welcome-message more intelligent by @Gerben-T in #70

Full Changelog: v2.0.0-alpha.20...v2.0.0-alpha.21

More info

The welcome-message position is chosen more intelligent than before. Before it always showed the welcome-message at the top of the conversation, but this can easily be missed if you have an existing conversation.

To combat this we now show the welcome-message:

• below the date header if it is the same day as today
• above the sticky message (or "OOO" message) if there are no messages
• above the sticky message (or "OOO" message) if there are messages, but no date header that equals the current date

See this PR for more information

Pre release Alpha.20 - v2.0.0

What's Changed

• Use new client-api endpoint for counting unread messages by @Gerben-T in #69

Full Changelog: v2.0.0-alpha.19...v2.0.0-alpha.20

New features

We now use the new GET /messages/unread/count client api endpoint to check for unread messages. This replaces the GET /messages polling while the chat is closed. If the chat is open it will use that polling again for retrieving the full message objects, like normal.

The polling now works as follows:

• if the chat is closed and has never been opened in this session it uses the slow unread message count polling. This is the same as in the previous version (except that we now use GET /messages/unread/count
• if the chat is open it uses the message polling, just like before
• if the chat is closed after it has been open it will use the unread message count polling but with the same intervals as the message polling, so not "slow".

If we get a count which is greater than 0 the chat will open up (depending on your unreadMessagesAction in the config).

Once the unread messages have been rendered we mark them as "read" in the client api (they are not updated individually, we update all the unread messages that we have in our state once the chat is shown).

Pre release Alpha.19 - v2.0.0

What's Changed

• When the second agent message is a different agent it should directly show the new agents name by @daanleenders in #67
• Fix bug where chat window opens when it shouldn't by @Gerben-T in #68

New Contributors

• @daanleenders made their first contribution in #67

Full Changelog: v2.0.0-alpha.18...v2.0.0-alpha.19

More info

We also added a boolean parameter to the window.initParleyMessenger function with which you can enable debug logging in your browser console. You can use it like this window.initParleyMessenger(true). The logs are visible in your browser console if you have the Debug (firefox) or Verbose (chrome) filter enabled. These logs can help understand why the chat does the things it do. They are not as detailed but might help you resolve issues quicker.

Pre release Alpha.18 - v2.0.0

What's Changed

• Make window.parleySettings.interface reactive by @Gerben-T in #65
• Add dynamic history loading by @Gerben-T in #66

Full Changelog: v2.0.0-alpha.17...v2.0.0-alpha.18

More info

The window.parleySettings.interface was not reactive, meaning that changes during runtime to this setting were not recognized. This has been changed.

When loading all messages, the api uses a limit and does not give us all the messages. We added a way to load older messages when scrolling to the top of the conversation. If the api returns no older messages we set a flag to stop checking for these messages when scrolling. If it does find older messages we add them to the top of the conversation.

Release Alpha.17 - v2.0.0-alpha

What's Changed

• Add option for unread message badge by @Gerben-T in #64

Full Changelog: v2.0.0-alpha.16...v2.0.0-alpha.17

More info

This release adds a couple things to make it easier to recognize new unread messages.

When you have started a chat before and come back to the webpage at a later time, the library will know you have had a chat before and starts a "slow" polling. This polling is slower than the normal polling.

Once there are new messages found the chat opens up by default (or when setting window.parleySettings.interface.unreadMessagesAction = 0 explicitly).

Instead of the chat opening you can also set window.parleySettings.interface.unreadMessagesAction = 1 which will show an unread message badge with a counter in it.
See https://developers.parley.nu/docs/settings-2#unread-message-badge
The background color (red) and font color (white) are editable using the following css variables:

• --parley-messenger-unread-messages-badge-background-color
• --parley-messenger-unread-messages-badge-color

Further are some small improvements like:

• GET /messages now uses the /after:xxx filter to only fetch new messages instead of all messages
• Added more padding on the launcher button icon
• Scrolling to the latest message didn't work. Now it works as long as you didn't manually scroll yourself. There is a small margin at the bottom so you don't have to scroll all the way to the bottom to "re-enable" the automatic scrolling on new messages.

Pre release Alpha.16 - v2.0.0

What's Changed

• Add carousel by @Gerben-T in #62
• Fix interfaceTexts override issue by @Gerben-T in #63

Full Changelog: v2.0.0-alpha.15...v2.0.0-alpha.16

More info

2 existing config settings have now been made reactive*:

• parleySettings.interfaceTexts.messageSendFailed
• parleySettings.interfaceTexts.serviceUnreachableNotification

* reactive means that once the changes have been made the library picks them up immediately. For more information see the relevant settings on https://developers.parley.nu/docs/settings-2

When adding Carousel support we also created support for rendering Titles inside messages received from the Service. To send a message with a title, please refer to Service-API documentation.

We also added aria-labels on various elements. This was mainly for easier testing, but this is also a step towards making the whole library accessible for screen readers. These are the aria-labels we added:

• ariaLabelMessageTitle, used on the title (<h2>) in a single message
• ariaLabelMessageBody, used on the body (<p>) in a single message
• ariaLabelMessageMedia, used on the media/image (<div> surrounding the image) in a single message
• ariaLabelMessageButtons, used on the buttons (<div> surrounding all the buttons) in a single message

We changed the existing ariaLabelTextInput to have a more meaningful text.
All these texts can be changed using the interfaceTexts config setting.

Pre release Alpha.15 - v2.0.0

What's Changed

• Update version number by @Gerben-T in #57
• Prefix classes by @Gerben-T in #58
• Fix merging issue with weekdays by @Gerben-T in #59
• Add rich message buttons by @Gerben-T in #60
• Upload media files by @boukeTracebuzz & @Gerben-T in #61

Full Changelog: v2.0.0-alpha.14...v2.0.0-alpha.15