Rocket.Chat 3.12: Check Out What’s New

Manuela Massochin
March 9, 2021
min read

We're incredibly happy to announce many new exciting features and improvements on Rocket.Chat 3.12. To keep you updated, we listed the hightlights of our newest release, including UX/UI and Omnichannel improvements. Make sure you check it out!

If you wish to view the full release, click here.


Button to unset Slackbridge's importIds (#20549)

Cloud Workspace bridge (#20838)

We now have a new CloudWorkspace functionality. It allows apps to request the access token for the workspace it's installed on, so it can perform actions with other Rocket.Chat services, such as the Omni Gateway.

Header with Breadcrumbs (#20609)

Discussion headers now provide a more complete set of information: you can check to which channel the discussion belongs to.

Rocket.Chat 3.12

Statistics about language usage (#20832)

It is now possible to track what languages get picked the most as preferred UI language.

useUserData Hook (#20584)


Add symbol to indicate apps' required settings in the UI (#20447)

Apps are now able to define required settings. These settings should not be left blank by the user and an error will appear if an user attempts to save changes in the app details page leaving any required fields blank.

Keep in mind that the required fields are highlighted with a (*).

Rocket.Chat 3.12

Add visual validation on users admin forms (#20308)

Mandatory fields are now highlighted to the user when they’re not filled.

Rocket.Chat 3.12

Added auto-focus for better user-experience. (#19954 by @Darshilp326)


Added disable button check for send invite button (#20337 by @yash-rajpal)

The “send invite” button is now only enabled when the user fills the required field with a valid email.

Rocket.Chat 3.12

Added key prop, removing unwanted warnings (#20473 by @yash-rajpal)

Removes some unwanted warnings in console on userDropdown.

Added Markdown links to custom status. (#20470 by @yash-rajpal)

Links can now be added to users’ custom status.

Adds tooltip for sidebar header icons (#19934 by @RonLek)

The icons located in our sidebar now provide a tooltip when hovered over.

Rocket.Chat 3.12

Better Presentation of Blockquotes (#20750 by @aditya-mitra)

Changed the values of margin-top and margin-bottom for first and last childs in blockquotes to increase readability.

  • Before:
Rocket.Chat 3.12
  • Now
Rocket.Chat 3.12

Improve the flow of the Live Chat widget registration form (#425)

When an automatic message is triggered via the Widget routes the visitor to the Chat Component. When this happened and the end visitor started typing, it was registered as a guest because the registration form doesn't appear again. To fix this issue a button is now displayed in the Chat Component instead of the Composer.

After this improvement, the user needs to click on the “Chat Now” button to start the chat, and will be able to register him/herself before chatting

Here’s what the new flow looks like:

Rocket.Chat 3.12

Improve UI/UX of livechat trigger messages on mobile (#553)

We <3 UX/UI improvements! The Live Chat interface was showing some problems when the user was browsing websites on mobile. After some UX/UI improvements, here’s how it should look now - a more user-friendly chat that doesn’t get in the way of what the user’s doing:

Rocket.Chat 3.12

Refactor Live Chat system messages (#554)

System messages in our Live Chat were not user friendly. If a Live Chat agent took action in the chat (forwarding the conversation to another agent, adding the chat back to the queue and so on) it was not well communicated to the user. Here’s how it looked like:

Rocket.Chat 3.12

In this improvement, our Design team has designed a new message component to render system messages on the Live Chat widget and tell the user what actions are being taken on the conversation in a clearer way:

Rocket.Chat 3.12

LiveChat registration form accepts mandatory custom fields with no value (#550)

The Live Chat registration form wasn’t validating custom fields that should be mandatory. As you can see on the image below, even though the field website is not filled, the Start Chat button is enabled - which shouldn’t happen.

Rocket.Chat 3.12

After this fix, the Start Chat button should only be enabled after the user has filled the mandatory fields.

Display transfer history message (#328)

Chat transfer history is now being stored as system messages, which means that these messages can now be displayed to the user. This way, the user has a clear view of what’s happening and which actions are being taken in the conversation.

Rocket.Chat 3.12

Change header based on room type (#20612)

It brings more flexibility, allowing us to use different hooks and different components for each header.

Check Live Chat message length through REST API endpoint (#20366 by @yash-rajpal)

This improvement added checks for message length for Live Chat message API, it shouldn't exceed the specified character limit.

Customize announcement (#20793 by @im-adithya)

Included new variables in customizable fields.

Make message field required in Omnichannel Triggers form (#20827)

New chat started system message for Omnichannel conversations (#20814)

In order to improve the communication between the Live Chat users and the widget, we've created a new system message that will be sent as soon as the chat starts.

Replace react-window for react-virtuoso package (#20392)

  • Remove:




  • Include:



Rewrite Call as React component (#19778)

Selector for default custom oauth key field (#20573 by @paulobernardoaf)

New selector field to change from the default username key field to the email key field.

Update rc-scrollbars (#20733)

? 74 Bug fixes

Get started with Rocket.Chat’s secure collaboration platform

Talk to sales

Frequently asked questions about <anything>

Manuela is a Demand Generation Specialist at Rocket.Chat
Manuela Massochin
Related Article:
Team collaboration: 5 reasons to improve it and 6 ways to master it
Want to collaborate securely with your team?
Deploy Rocket.Chat on-premise or in the cloud and keep your conversations private.
  • Digital sovereignty
  • Federation capabilities
  • Scalable and white-labeled
Talk to sales
Looking for a HIPAA-ready communications platform?
Enable patients and healthcare providers to securely communicate without exposing their data.
  • Highly scalable and secure
  • Full patient conversation history
  • HIPAA-ready
Talk to sales
The #1 communications platform for government
Deploy Rocket.Chat on-premise, in the cloud, or air-gapped environment.
  • Digital sovereignty
  • Trusted by National Geospatial-Intelligence Agency (NGA), the US Army, the US Navy, and the US Air Force
  • Matrix federation capabilities
Talk to sales
Want to customize Rocket.Chat according to your own preferences?
See behind the engine and change the code how you see fit.
  • Open source code
  • Highly secure and scalable
  • Unmatched flexibility
Talk to sales
Looking for a secure collaboration platform?
Keep your conversations private while enjoying a seamless collaboration experience with Rocket.Chat.
  • End-to-end encryption
  • Cloud or on-prem deployment
  • Supports compliance with HIPAA, GDPR, FINRA, and more
Talk to sales
Want to build a highly secure in-app chat experience?
Use Rocket.Chat’s APIs, frameworks, and managed backend to build a secure in-app or live chat experience for your customers.
  • Supports compliance with HIPAA, GDPR, FINRA, and more
  • Highly secure and flexible
  • On-prem or cloud deployment
Talk to sales

Our best content, once a week

Share this on:

Get your free, personalized demo now!

Build the most secure chat experience for your team or customers

Book demo