Changelog

Recent Changes / Developments

1min

Here, you will find information on the most recent changes and updates. This page is dedicated to keeping our integrators informed about modifications that may require adjustments on your end. Whether it's technical updates, configuration changes, or process enhancements, we aim to provide clarity and foresight for your ongoing projects.

We strive to keep our clients well-informed and will do our utmost to notify you in advance via email about any upcoming changes. However, we highly recommend checking this page regularly to ensure you stay updated on important developments that could impact your integration strategies.

Our goal is to ensure seamless collaboration and uninterrupted service for all our integration partners.

We are excited to announce a soft reskin of our current digital human user-facing frontend, enhancing the look and feel while maintaining its core functionality. Below is a list of changes that will be implemented starting December 10th.

These updates are designed to improve user interaction and overall aesthetics. To assist our integrators in preparing for these changes, we are providing bundles (css and javascript) that allow you to test the new interface locally. This ensures that your implementation remains seamless and fully functional.

Please review the changes below and utilize the provided bundles to confirm everything aligns with your current setup.

Please note that this update may disrupt the current CSS files you are using.

While it's possible to continue using the legacy bundles, be advised that support for them will be discontinued, leaving their use at your own risk.

  • Chat component
    • Loading animation (lds-ellipsis) is now only used in “x is thinking…”. It’s been replaced by dot-ellipsis elsewhere.
    • Timestamps and feedback now belong inside .timestamp-container.
      • The .timestamp container we had wrapping the actual timestamp has been renamed to .timestamp-wrapper so it doesn’t interfere while using global styles
    • Thumbs up/down now wrapped in .thumbs-container
  • Input/suggestion box
    • Added .info-bar container where “x is waiting for a response” is now located
    • Background now covers the input box, info bar and suggestions, since it’s a gradient it may not be fully overriden by setting the background-color only
    • Suggestion number is now wrapped in a div (.index)
    • The previous behavior slid the suggestions under the input box so the top was still visible. This has been updated so it’s completely hidden using display:none while the dh is answering.
  • Media controls
    • Controls are moved to the top of the input box in the fullscreen version, but in mobile view they sit on top of the video
    • Fullscreen is now located in the control bar
    • A frosted filter is applied using the ::after selector
  • Textual changes
    • Chat -> Select an option
  • Other
    • A number of other css changes.
    • Live tag was completely changed
    • Fonts have been updated, now the default font should be Sohne but can still be overriden using the data-font attribute.

To reduce potential regressions these new changes may introduce in your application, we have released them in a candidate version. We do not advise replacing your current embedded link with this version. Instead:

  1. Use this candidate version in a sandbox environment
  2. Test the impact of these new changes in your application
  3. Make necessary modifications
  4. Once we release the new version on December 10th, you can integrate these changes into your application.

Links:

To facilitate the process, the following code snippet, incorporating the required modifications, is provided for your testing purposes prior to the live deployment.

JS


Effective December 10th, the production environment will be updated with the re-skinned content. The legacy version will be discontinued but will remain available via the following link: