[4.12.0] - 2021-03-01
Subresource integrity
<script
crossorigin="anonymous"
integrity="sha384-1hUtvbhn6rdRq7dYBczWVucaQGX53aXutn3sJ3Wj9JQHUTOeOi+ygEM0oS8/YUN1"
src="https://cdn.botframework.com/botframework-webchat/4.12.1/webchat.js"
></script>
<script
crossorigin="anonymous"
integrity="sha384-Lo8JE8FwwWIxjxRK4348SVwbkib4+HJQfOf6amhb1Lem5aODsMLJAp9WaDrDlGDK"
src="https://cdn.botframework.com/botframework-webchat/4.12.1/webchat-es5.js"
></script>
<script
crossorigin="anonymous"
integrity="sha384-K1x93oxVf8C0LsVAdO6sISEnUvY3urTM/a5UZjCxoiklvidmkvMN2PGGIaUa341+"
src="https://cdn.botframework.com/botframework-webchat/4.12.1/webchat-minimal.js"
></script>
Changelog
Breaking changes
A new accessibility update has been added to Web Chat from PR #3703. This change creates visual focus for the transcript (bold black border) and aria-activedescendent
focused activity (black dashed border) by default.
To modify these styles, you can change the following props via styleOptions
:
transcriptActivityVisualKeyboardIndicatorColor: DEFAULT_SUBTLE,
transcriptActivityVisualKeyboardIndicatorStyle: 'dashed',
transcriptActivityVisualKeyboardIndicatorWidth: 1,
transcriptVisualKeyboardIndicatorColor: 'Black',
transcriptVisualKeyboardIndicatorStyle: 'solid',
transcriptVisualKeyboardIndicatorWidth: 2,
The above code shows the default values you will see on Web Chat.
Added
- Resolves #2745. Added new
flow
layout to suggested actions, by @compulim in PR #3641 and PR #3748 - Added new style options to customize auto-scroll, by @compulim in PR #3653
- Set
autoScrollSnapOnActivity
totrue
to pause auto-scroll after more than one activity is shown, or a number to pause after X number of activities - Set
autoScrollSnapOnPage
totrue
to pause auto-scroll when a page is filled, or a number between0
and1
to pause after % of page is filled - Set
autoScrollSnapOnActivityOffset
andautoScrollSnapOnPageOffset
to a number (in pixels) to overscroll/underscroll after the pause
- Set
- Supports multiple transcripts in a single composition, by @compulim in PR #3653
- Resolves #3368. Added new
sendBoxButtonAlignment
for button alignment in multi-line text mode, by @compulim in PR #3668 - Resolves #3666. Added support of sovereign clouds when using Direct Line Speech, by @compulim in PR #3694
- Please refer to
DIRECT_LINE_SPEECH.md
for instructions
- Please refer to
- Resolves #2996. Added transcript navigation by keyboard navigation keys, by @compulim in PR #3703
- Resolves #3544. Send user ID from props to chat adapter, by @timenick in PR [#3544)(https://github.com//issues/3544).
- Resolves #3562. Add button word wrap to suggested actions stacked layout, by @corinagum, in PR #3728 and #3745
- Resolves #3658. Added new
containerRole
to default style options, by @nfreear in PR #3669 - Resolves #3754. Added new
useObserveTranscriptFocus
hook, by @compulim in PR #3755 - Translation for Yue, by @compulim in PR #3749
Fixed
- Fixes #3278. Update
HOOKS.md
verbiage, by @corinagum in PR #3564 - Fixes #3534. Remove 2020 deprecations, by @corinagum in PR #3564 and #3728
- Fixes #3561. Remove MyGet mentions from samples, by @corinagum in PR #3564
- Fixes #3537. Fix some carousels improperly using aria-roledescription, by @corinagum in PR #3599
- Fixes #3483. IE11 anchors fixed to open securely without 'noreferrer' or 'noopener', by @corinagum in PR #3607
- Fixes #3565. Allow strikethrough
<s>
on sanitize markdown, by @corinagum in PR #3646 - Fixes #3672. Center the icon of send box buttons vertically and horizontally, by @compulim in PR #3673
- Fixes #3683. Activities should be acknowledged when user scrolls to bottom, by @compulim in PR #3684
- Fixes #3431. Race condition between the first bot activity and first user activity should not cause the first bot activity to be delayed, by @compulim in PR #3705
- Fixes #3676. Activities without text should not generate bogus
aria-labelledby
, by @compulim in PR #3697 - Fixes #3625. Update 'no screen reader for custom activity middleware' warning and add screen reader renderer documentation to
ACCESSIBILITY.md
, by @corinagum in PR #3689 - Fixes #3453. Fixes plain text file attachments to show download link when uploaded, by @corinagum in PR #3711
- Fixes #3612. Carousel flippers in suggested actions are given extra padding, by @compulim and @Quirinevwm in PR #3704
- Fixes #3411. With Direct Line Speech, clicking on microphone button during speech recognition should no longer stop working, by @compulim in PR #3694
- Although it no locker lock up microphone, clicking on the microphone button has no effect because Direct Line Speech does not support aborting speech recognition
- Fixes #3421. With Direct Line Speech, after not able to recognize any speech, it should no longer stop working, by @compulim in PR #3694
- Fixes #3616. [Accessibility documentation] Update activity timestamp grouping to match visual UI, by @amal-khalaf in PR #3708
- Fixes #3718. Fixed
webpack.config.js
to use default settings of['browser', 'module', 'main']
and resolved issues withuuid
package in IE11, by @compulim in PR #3726 - Fixes #3622. Apply pushed button style options and
aria-pressed
on Adaptive Cards selected buttons, by @amal-khalaf in PR #3710 - Fixes #3618. Fix Adaptive Cards anchors being disabled when Adaptive Cards is obsolete, by @corinagum in PR #3687
- Fixes #3747.
aria-pressed
andaria-role
is not properly set on Adaptive Cards submit buttons, by @amal-khalaf in PR #3744 - Fixes #3750. Debump Node.js engines requirements for some packages to
12.0.0
, by @compulim in PR #3753 - Fixes #3760. Use
<ErrorBoundary>
to wrap around attachment renderer, by @compulim in PR #3761 - Fixes #3764. Added
role="group"
to the focusable transcript to enablearia-activedescendant
, by @compulim in PR #3765
Changed
- Bumped all dependencies to the latest versions, by @compulim in PR #3594, PR #3694, and PR #3544
- Development dependencies
@babel/[email protected]
@babel/[email protected]
@babel/[email protected]
@babel/[email protected]
@babel/[email protected]
@babel/[email protected]
@babel/[email protected]
@babel/[email protected]
@babel/[email protected]
@types/[email protected]
@types/[email protected]
@typescript-eslint/[email protected]
@typescript-eslint/[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
- Production dependencies
- Development dependencies
- Resolves #3392 Bumped Adaptive Cards to the 2.5.0, by @corinagum in PR #3630
Samples
- Fixes #3473. Fix samples using activityMiddleware (from 4.10.0 breaking changes), by @corinagum in PR #3601
- Fixes #3582. Fix Disable Adaptive Cards sample, by @corinagum in PR #3687
- Fixes #3434. Dispatched event, postBack, or messageBack + activityMiddleware causes fatal error, by @amal-khalaf in PR #3671
- Fixes #3215. Fix SSO samples
window.opener.postMessage
, by @corinagum in PR #3696