Skip to contentSkip to navigationSkip to topbar
On this page

Flex UI Release Notes for v1.x.x


(information)

Info

This page includes the release notes related directly to Flex UI for versions 1.x.x. You can find release notes for v 2.x.x. here and for updates on other components of Flex Platform visit the Twilio Changelog(link takes you to an external page) and select the Flex product.

For detailed description of Flex UI public interfaces with code examples for each Flex UI version, visit our Flex UI API docs(link takes you to an external page).

Changes to Sync usage in Flex UI

What has been done?

what-has-been-done page anchor

In Flex UI version 1.33 we introduced updates to some internal operations within Flex UI to no longer rely on data provided by Sync. This included Conference state management as well as Outbound calls and Transfer workflows. All of these now get data from TaskRouter SDK instead of Sync. This was done to reduce the number of dependencies in these workflows for better performance and increased resilience in the event of an incident. Flex UI versions 2.0 and above also include the same changes to Sync usage inside Flex UI.


This change only affects the internal operation of Flex UI and does not introduce any breaking changes that customers should be aware of. However, there are some UI changes that you may see.

Sync limits on data retention no longer limit the fetching of workers and queues

sync-limits-on-data-retention-no-longer-limit-the-fetching-of-workers-and-queues page anchor

Sync only stores data for 30 days since the last change to a status. This affects lists of workers (users) and queues that previously did not include workers or queues that had no change for 30 days. The parts of Flex UI that no longer use Sync can now fetch all workers and queue no matter when the last change was made.

Effect on Flex user experience

  • When transferring a call, the lists of workers and queues now show all possible workers and queues.
  • When making an outbound call, all queues are available to be selected.

Under the hood, Flex UI now receives and displays Conference information from an alternative backend service, Flex Orchestrator, rather than Sync Maps. However, the same information is still published to Sync Maps in order to enable backwards compatibility with Flex UI customizations and plugins. In cases where a Flex customization makes heavy use of Conference data for advanced call use cases, there is the potential for inconsistencies in the UI. So far we have had a report of duplicate 'Left call' participants appearing in the call canvas. This particular issue was reported for a customer plugin based on this Twilio Professional Services plugin(link takes you to an external page) that renders participants of a call. The workaround for these inconsistencies is to use the native outbound dialer now built directly into Flex.

Flex UI now fetches workers and queues from an alternative backend service, Task Router, rather than Sync Maps. Workers and queues are soft deleted from Sync Maps after 30 days of inactivity, but this is not true of Task Router. This means more workers and/or queues may appear in the transfer directory than before.

Hidden worker and queue filters

hidden-worker-and-queue-filters page anchor

The hiddenWorkerFilter and hiddenQueueFilter default props on the WorkerDirectoryTabs dynamic component(link takes you to an external page) can be used to filter the workers and queue that appear in the transfer directory.


Is Sync still used in Flex UI?

is-sync-still-used-in-flex-ui page anchor

Yes. We have only removed it from the parts of Flex UI mentioned above.

Can I still use Sync for customizations?

can-i-still-use-sync-for-customizations page anchor

Yes, Sync can still be used for building additional functionality on top of Flex. Flex is still populating Sync with the same data as it did before.

Will Sync be removed from other parts of Flex UI?

will-sync-be-removed-from-other-parts-of-flex-ui page anchor

We are currently evaluating other workflows that currently use Sync that could be improved by reducing dependencies.

What should I do if I find a difference in behavior between 1.32 and below and 1.33 or 2.0 and above?

what-should-i-do-if-i-find-a-difference-in-behavior-between-132-and-below-and-133-or-20-and-above page anchor

Please contact Support(link takes you to an external page) to report any changes between these versions.


@twilio/flex-ui@1.34.6

release date January 18, 2024


@twilio/flex-ui@1.34.5

release date November 1, 2023

  • Updated the Voice SDK to version 1.15.1 . Voice SDK 1.15.1 fixes a Chrome issue where audio is choppy when another application is also using the audio devices.

@twilio/flex-ui@1.34.4

release date September 27, 2023

  • Added support for Google Chrome's experimental Storage Partitioning feature. Previously, enabling this feature prevented users from logging in to Flex using SSO, particularly in environments using Flex inside of an iframe.

@twilio/flex-ui@1.34.3

release date August 21, 2023

  • Fixed an issue with SDK auto-reconnect if initialization fails
  • Fixed an issue where the Status Report could be opened while disabled from a notification
  • Fixed an issue with the 'Clear Issues' button on Status Reports disappearing in dark mode.
  • Fixed a broken hyperlink to Twilio marketplace in Chat Info.
  • Fixed an issue where hyperlinks for '.me' URLs were not enabled in Webchat.

@twilio/flex-ui@1.34.2

release date July 14, 2023

  • Increased timeout interval for certain SDKs to address initialization issues

@twilio/flex-ui@1.34.1

release date June 28, 2023

  • Fixed logging issues in Flex Configuration API enabling custom settings.
  • Fixed initialization issues using timeout for dependencies.

@twilio/flex-ui@1.34.0

release date Apr 20, 2023

  • Changes introduced in UI 1.33 for 'Sync removal from critical path of outbound, transfer and conference state' have been reverted and behavior present in UI 1.32 is restored. For more info on the Sync removal changes, refer to the section 'Changes to Sync usage in Flex UI' in the Flex UI release notes .
  • Added support for multiple country codes for the Dominican Republic in the Flex dialpad
  • Fixed issue around incorrect notification for missing recording when authenticated recording is enabled.
  • Fixed issue around userLoggedIn Flex event not getting triggered
  • Fixed issue around SideLink added by a plugin not getting displayed correctly
  • Fixed issue around Unhold not working correctly when agents transfer call to themselves via a queue.
  • Fixed issue around external participant name disappearing when call is put on hold for external warm transfers.

@twilio/flex-ui@1.33.3

release date Feb 21, 2023

  • Fixed issue around increased plugin load time
  • Addressed issue with Teams page not displaying the list of workers correctly when the hidden filter property is configured for filtering agents
  • We have had reports of intermittent issues with call hold state, where the actual hold state and UI hold state are inconsistent. This is being actively investigated. Please see Changes to Sync usage in Flex UI for more details.

@twilio/flex-ui@1.31.3

release date Dec 15, 2022

  • Fixed issue with token refreshment behavior

@twilio/flex-ui@1.33.2

release date Dec 14, 2022

  • Fixed issue with token refreshment behavior
  • We have had reports of intermittent issues with call hold state, where the actual hold state and UI hold state are inconsistent. This is being actively investigated. Please see Changes to Sync usage in Flex UI for more details.

@twilio/flex-ui@1.32.3

release date Dec 14, 2022

  • Fixed issue with token refreshment behavior

@twilio/flex-ui@1.33.1

release date Dec 9, 2022

  • Updated messages in Status report and Degraded mode notifications
  • We have had reports of intermittent issues with call hold state, where the actual hold state and UI hold state are inconsistent. This is being actively investigated. Please see Changes to Sync usage in Flex UI for more details.

@twilio/flex-ui@1.32.2

release date Dec 8, 2022

  • Updated messages in Status report and Degraded mode notifications

@twilio/flex-ui@1.33.0

release date Nov 21, 2022

  • Removed Sync backend from critical path of outbound, transfer and conference state.
  • Worker and Queue lists now fetch all available items and are no longer restricted to items with updates in the last 30 days.
  • Minor text updates to Status Report
  • Correct Insights dashboards are now shown based on permissions
  • Fixed an issue preventing audio constraints from being applied to the device audio
  • Disabled Degraded notification when user token has expired
  • We have had reports of intermittent issues with call hold state, where the actual hold state and UI hold state are inconsistent. This is being actively investigated. Please see Changes to Sync usage in Flex UI for more details.

@twilio/flex-ui@1.32.1

release date Nov 10, 2022

  • Fixed an issue with type definitions that prevented some customers from creating new plugins.

@twilio/flex-ui@1.32.0

release date Sep 29, 2022

  • Consume flex-sdk 0.13.0.
  • Fetch all queue stats data before updating store on initialization to improve performance.
  • Moved Debugger UI to Status Report and released to GA.
  • Resolved an issue where Hosted Flex users were not automatically logged in to Flex UI after providing their Twilio account details.
  • Users can no longer interact with Status report (formerly Debugger UI) when the token has expired.
  • Fixed a bug in Historical Reporting where segment links were not clickable in created KPI dashboards.
  • Fixed an issue where remote config loglevel was not being applied correctly to SDK logs.
  • Restore loginHandler functionality inside Flex store.
  • Add critical error parsing to provideLoginInfo.
  • The downloadable report provided by Status report now includes a summary of the user's degraded mode state and information about Twilio service status.
  • Flex UI will now wait for plugins to complete initialization after login before moving on.

@twilio/flex-ui@1.31.2

release date Jun 28, 2022

  • Fixed an issue with loginHandler session not being supported in the previous version.

@twilio/flex-ui@1.31.1

release date Jun 6, 2022

  • During login, after redirection from SSO provider, Flex will no longer ask to re-enter runtime domain for the second time.

@twilio/flex-ui@1.31.0

release date May 18, 2022

Degraded mode - now Flex UI will initialize with limited capabilities, even if some of the components like SDK's (TaskRouter, Conversations, Voice or Sync) are down. This allows users to login to Flex even during a partial disruption of services and use the unaffected functionality. Learn more about degraded mode in our docs.

  • Expired tasks will no longer be kept in redux store on worker init
  • MessageBubble will now be able to handle null message body
  • Markdown links without protocol prefix will no longer be interpreted as internal links

@twilio/flex-ui@1.28.2

release date Feb 07, 2022

  • Overlay Player support for new address format of drill down links in Flex Insights Historical Reporting.

@twilio/flex-ui@1.29.3

release date Feb 07, 2022

  • Overlay Player support for new address format of drill down links in Flex Insights Historical Reporting.

@twilio/flex-ui@1.30.2

release date Feb 03, 2022

  • Overlay Player support for new address format of drill down links in Flex Insights Historical Reporting.

@twilio/flex-ui@1.30.1

release date Jan 17, 2022

  • A fix to avoid using useState in chat channel reducer which caused Chat messages to fail to load in some instances

@twilio/flex-ui.1.30.0

  • Real Time Queue Monitoring with SLA GA. See Twilio Changelog for more details.
  • The logLevel setting in the Flex Configuration object now also applies to the underlying Flex SDKs
  • Fixed session issues related to Flex Insights Analytics Portal
  • Fixed an issue with deactivating chat channels which are created during plugin initialization

@twilio/flex-ui@1.29.2

release date Jan 19, 2022

This release contains fixes to our pilot or private beta features.


@twilio/flex-ui@1.29.1

release date Dec 01, 2021

  • Fixed bug with isCallTask handlebar helper function

@twilio/flex-ui@1.29.0

release date Nov 10, 2021

  • Improvements to Flex Dialpad:
    • Zero key can now be long pressed to enter a +
    • Backspace now deletes last entered digit

@twilio/flex-ui@1.28.1

release date Oct 19, 2021

  • Fixed an issue where plugins were not loading correctly for customers who were hosting their own flex-ui library

@twilio/flex-ui@1.28.0

release date Sep 30, 2021

  • Flex Dialpad is now GA! This release brings improvements in quality and reliability and solves several known limitations . For more information, refer to the Flex Dialpad documentation
  • An audio device will now be checked readiness before placing the call and handle errors related to audio device errors when placing outbound calls
  • To avoid several clashing concurrent calls, placing outbound calls when having another call ongoing will now be disabled.
  • Fixed an issue where an unsupported file could be pasted to the chat
  • Fixed an issue where chat date separator was positioned incorrectly

@twilio/flex-ui@1.27.0

release date Jun 21, 2021

  • Programmable access to workspace-level queue statistics has changed since the release of Real Time Queue Monitoring with SLA Private Beta. Please review the latest programmability documentation .
  • For workers without activity changes in the last 30 days Teams View no longer shows NaN as the activity duration

@twilio/flex-ui@1.26.3

release date June 7, 2021

  • Upgraded Handlebars version to 4.7.7

@twilio/flex-ui@1.26.2

release date June 3, 2021

  • Notification for unexpected token expiry. If the user's access token is removed from local storage for whatever reason, they receive a notification to refresh the page in order to refresh their token.
  • More verbose logging around SSO login functionality for debugging purpose

@twilio/flex-ui@1.26.1

release date May 13, 2021

  • Transfer directory hidden filters - Now you can programmatically pre filter the list of agents or queues in the transfer directory. WorkerDirectoryTabs accepts 2 new default props hiddenWorkerFilter and hiddenQueryFilter which are filters that are applied to the list together with the filter applied due to user typing in the search string. For example, you can choose to display and search only agents with available status. To learn more about Transfer directory hidden filters, go to Flex docs .
  • ApplyListFilters and ResetListFilters actions are now emitted when the apply or reset button is clicked in TeamsView filters. To learn more about Actions Framework go to our Flex UI Programmability docs .
  • Browser Notifications and Markdown for Web Chat are now Generally Available and can be turned on in Flex settings(link takes you to an external page)
  • Error reporting - Flex UI will now be reporting on errors that end-users experience. This will help us continuously improve the quality of the application and get more insights into issues that need troubleshooting. To read more about ways to troubleshoot Flex UI, including how you can opt out of error reporting, go to Flex docs
  • Deprecated unintentionally exported private interfaces Flex.ErrorManager.processError and Flex.ErrorManager.createAndProcessError
  • Fixed an issue where agent changing activity to the same one resulted in an error
  • WorkerDirectoryTabs can now be accessed directly and not just through WorkerDirectory.Tabs
  • Star rating in Conversation screen now renders correctly
  • Negative time values in Conversation Screen comment tooltip are now correctly formatted
  • Added error notification when copy to clipboard fails because Flex is embedded in iframe without copying to clipboard disabled ( allow="clipboard-write” )
  • Initiating outbound calling will now be disabled, while another outbound call is being attempted
  • Transfer directory will now be closed automatically, if the call is disconnection
  • Fixed Player waveform render issues on displays with higher pixel ratio
  • Fixed an issue where fast switching between tasks in Teams View caused uncaught exception
  • Initiate transfer button in Call Canvas now has a tooltip

@twilio/flex-ui@1.26.0

release date May 11, 2021

  • Transfer directory hidden filters - Now you can programmatically pre filter the list of agents or queues in the transfer directory. WorkerDirectoryTabs accepts 2 new default props hiddenWorkerFilter and hiddenQueryFilter which are filters that are applied to the list together with the filter applied due to user typing in the search string. For example, you can choose to display and search only agents with available status. To learn more about Transfer directory hidden filters, go to Flex docs .
  • ApplyListFilters and ResetListFilters actions are now emitted when the apply or reset button is clicked in TeamsView filters. To learn more about Actions Framework go to our Flex UI Programmability docs .
  • Browser Notifications and Markdown for Web Chat are now Generally Available and can be turned on in Flex settings(link takes you to an external page)
  • Error reporting - Flex UI will now be reporting on errors that end-users experience. This will help us continuously improve the quality of the application and get more insights into issues that need troubleshooting. To read more about ways to troubleshoot Flex UI, including how you can opt out of error reporting, go to Flex docs
  • Deprecated unintentionally exported private interfaces Flex.ErrorManager.processError and Flex.ErrorManager.createAndProcessError
  • Fixed an issue where agent changing activity to the same one resulted in an error
  • WorkerDirectoryTabs can now be accessed directly and not just through WorkerDirectory.Tabs
  • Star rating in Conversation screen now renders correctly
  • Negative time values in Conversation Screen comment tooltip are now correctly formatted
  • Added error notification when copy to clipboard fails because Flex is embedded in iframe without copying to clipboard disabled ( allow="clipboard-write” )
  • Initiating outbound calling will now be disabled, while another outbound call is being attempted
  • Transfer directory will now be closed automatically, if the call is disconnection
  • Fixed Player waveform render issues on displays with higher pixel ratio
  • Fixed an issue where fast switching between tasks in Teams View caused uncaught exception
  • Initiate transfer button in Call Canvas now has a tooltip

@twilio/flex-ui@1.25.4

release date APR 19, 2021

  • Fixed the issue in Player that prevented from playing recordings provided via custom media links in case the recordings were different for different segments within a single conversation

@twilio/flex-ui@1.25.3

release date MAR 31, 2021

  • Fixed the issue in Player causing Flex UI to crash when custom media links are provided with invalid or missing start time

@twilio/flex-ui@1.25.2

release date MAR 16, 2021

  • Increased max number of event listeners for the events of Notifications Framework that resulted in MaxListenersExceededWarning in console
  • Fixed voice client connection initiation when agent is using a sip endpoint

@twilio/flex-ui@1.25.1

release date FEB 26, 2021

  • Characters being dropped intermittently when typing in the input field of Messaging Canvas

@twilio/flex-ui@1.25.0

release date FEB 24, 2021

  • Improvements to Flex UI troubleshooting experience with release of:
    • Debugger UI allowing users of Flex UI to get error notifications and download report with full error descriptions and logs. Debugger UI can be enabled for your account via a Pre-release Feature Flag(link takes you to an external page)

      Error notifications debugging UI.
    • Flex UI programmable interfaces that provide ability to retrieve errors and logs programmatically and implement customized error monitoring and reporting

      1
      import { Monitor } from "@twilio/flex-ui";
      2
      3
      Monitor.getErrors(); // returns { errors: [Monitor.FlexErrorJSON] }
      4
      Monitor.getLogs(); // returns { logs: 'string' }
      5

To learn more about Flex UI troubleshooting, Debugger UI and programmatic access to errors and logs, visit our Flex docs and Flex UI API Reference(link takes you to an external page).

  • Teams View advanced filters now show legacy custom filters as an additional filtering option in the side bar. You can now use Advanced Filters without losing access to filters you have defined programmatically via the WorkersDataTable.defaultProps.filters API. Learn more about advanced filters in Flex documentation and programmability guide . We encourage you to migrate to the advanced filters that provide greater flexibility for the end users.
  • Flex Insights overlay player now enables to switch between Segments of a single Conversation without need to go to Conversation Screen. So if a call was transferred you can listen to all parts of the call without leaving Flex Insights dashboards.
  • Transfers:
    • It will no longer be possible to transfer to the agent that is unavailable
    • Transfer Directory will now close automatically when switching between tasks
  • Native Dialpad:
    • Default Task Queue will now always visible in Native Dialpad Queue dropdown
    • Fixed copy for the error notifications that worker receives while attempting to make an outbound call to the disabled country
  • Fixed the markdown code element overflow bug
  • Fixed token refresh issue - invalidated sessions will no longer update the access token
  • Worker has no longer access to the incoming task content after refreshing the page

@twilio/flex-ui@1.24.3

release date FEB 15, 2021

  • More improvements to token refresh issues - invalidated sessions will no longer update the access token
  • Fixed a dependency versions conflict ( react-select and emotion ) where importing flex-ui in Jest unit tests could sometimes break

@twilio/flex-ui@1.24.2

release date JAN 25, 2021

  • An issue with refreshing of the token

@twilio/flex-ui@1.23.4

release date JAN 25, 2021

  • An issue with refreshing of the token

@twilio/flex-ui@1.24.1

release date JAN 14, 2021

  • A bug where playback speed of a recording in Conversation Player would reset after secure recording URL expiry and refresh.
  • A bug where playahead no longer briefly jumped to zero, when secure recording URL is refreshed
  • [axios] to version 0.21.1.
  • [twilio-client] to version 1.13.1.

@twilio/flex-ui@1.24.0

release date DEC 9, 2020

  • Markdown feature improvements including support for new elements (headings, ordered lists, code snippets, block quotes) and several bugfixes. Note , implementation now relies more on semantic HTML, so if you have styled generic html elements, keep an eye on how they look in chat.
  • In Outbound dialpad, in case of the default queue not being available in the queue selector, we will now leave selection empty and disable outbound call button
  • ToggleSidebar action called twice when sidebar is already collapsed
  • Improvements and fixes in Flex Insights Conversation Screen and Player
  • [twilio-taskrouter] to version 0.5.2
  • Updated @gooddata/gooddata-js to version 13.2.0

@twilio/flex-ui@1.23.3

release date DEC 2 2020

  • Fixed regression in Flex Insights that prevented users from playing some recordings stored outside of Twilio

@twilio/flex-ui@1.23.2

release date NOV 23 2020