Merge branch 'main' into a11y/fixes

Author: OEvgeny

.eslintrc.yml

@@ -82,6 +82,9 @@ overrides:
       no-duplicate-imports: off
       'import/no-duplicates': error
 
+      # Shorthanding if-condition with && and ||.
+      '@typescript-eslint/no-unused-expressions': off
+
 rules:
   # Only list rules that are not in *:recommended set
   # If rules are set to disable the one in *:recommended, please elaborate the reason

CHANGELOG.md

@@ -80,6 +80,8 @@ Notes: web developers are advised to use [`~` (tilde range)](https://github.com/
    -  When set to `'activity-status'`, feedback buttons appear in the activity status area (default behavior)
 -  Added support for including activity ID and key into form data indicated by `data-webchat-include-activity-id` and `data-webchat-include-activity-key` attributes, in PR [#5418](https://github.com/microsoft/BotFramework-WebChat/pull/5418), by [@OEvgeny](https://github.com/OEvgeny)
 -  Added dedicated loading animation for messages in preparing state for Fluent theme, in PR [#5423](https://github.com/microsoft/BotFramework-WebChat/pull/5423), by [@OEvgeny](https://github.com/OEvgeny)
+-  Resolved [#2661](https://github.com/microsoft/BotFramework-WebChat/issues/2661) and [#5352](https://github.com/microsoft/BotFramework-WebChat/issues/5352). Added speech recognition continuous mode with barge-in support, in PR [#5426](https://github.com/microsoft/BotFramework-WebChat/pull/5426), by [@RushikeshGavali](https://github.com/RushikeshGavali) and [@compulim](https://github.com/compulim)
+   -  Set `styleOptions.speechRecognitionContinuous` to `true` with a Web Speech API provider with continuous mode support
 
 ### Changed
 
@@ -101,10 +103,84 @@ Notes: web developers are advised to use [`~` (tilde range)](https://github.com/
 -  Switched math block syntax from `$$` to Tex-style `\[ \]` and `\( \)` delimiters with improved rendering and error handling, in PR [#5353](https://github.com/microsoft/BotFramework-WebChat/pull/5353), by [@OEvgeny](https://github.com/OEvgeny)
 -  Improved avatar display and grouping behavior by fixing rendering issues and activity sender identification, in PR [#5346](https://github.com/microsoft/BotFramework-WebChat/pull/5346), by [@OEvgeny](https://github.com/OEvgeny)
 -  Activity "copy" button will use `outerHTML` and `textContent` for clipboard content, in PR [#5378](https://github.com/microsoft/BotFramework-WebChat/pull/5378), by [@compulim](https://github.com/compulim)
--  Bumped dependencies to the latest versions, by [@compulim](https://github.com/compulim) in PR [#5385](https://github.com/microsoft/BotFramework-WebChat/pull/5385) and [#5400](https://github.com/microsoft/BotFramework-WebChat/pull/5400)
+-  Bumped dependencies to the latest versions, by [@compulim](https://github.com/compulim) in PR [#5385](https://github.com/microsoft/BotFramework-WebChat/pull/5385), [#5400](https://github.com/microsoft/BotFramework-WebChat/pull/5400), and [#5426](https://github.com/microsoft/BotFramework-WebChat/pull/5426)
    -  Production dependencies
       -  [`[email protected]`](https://npmjs.com/package/web-speech-cognitive-services)
+      -  [`[email protected]`](https://npmjs.com/package/react-dictate-button)
 -  Enabled icon customization in Fluent theme through CSS variables, in PR [#5413](https://github.com/microsoft/BotFramework-WebChat/pull/5413), by [@OEvgeny](https://github.com/OEvgeny)
+-  Bumped all dependencies to the latest versions, by [@compulim](https://github.com/compulim) in PR [#5427](https://github.com/microsoft/BotFramework-WebChat/pull/5427)
+   -  Production dependencies
+      -  [`[email protected]`](https://npmjs.com/package/core-js-pure/)
+      -  [`[email protected]`](https://npmjs.com/package/core-js/)
+      -  [`[email protected]`](https://npmjs.com/package/event-as-promise/)
+      -  [`[email protected]`](https://npmjs.com/package/katex/)
+      -  [`[email protected]`](https://npmjs.com/package/mdast-util-from-markdown/)
+      -  [`[email protected]`](https://npmjs.com/package/micromark-extension-gfm/)
+      -  [`[email protected]`](https://npmjs.com/package/micromark-util-character/)
+      -  [`[email protected]`](https://npmjs.com/package/micromark/)
+      -  [`[email protected]`](https://npmjs.com/package/microsoft-cognitiveservices-speech-sdk/)
+      -  [`[email protected]`](https://npmjs.com/package/mime/)
+      -  [`[email protected]`](https://npmjs.com/package/react-chain-of-responsibility/)
+      -  [`[email protected]`](https://npmjs.com/package/react-scroll-to-bottom/)
+      -  [`[email protected]`](https://npmjs.com/package/sanitize-html/)
+      -  [`[email protected]`](https://npmjs.com/package/shiki/)
+      -  [`[email protected]`](https://npmjs.com/package/use-propagate/)
+      -  [`[email protected]`](https://npmjs.com/package/use-state-with-ref/)
+      -  [`[email protected]`](https://npmjs.com/package/valibot/)
+      -  [`[email protected]`](https://npmjs.com/package/web-speech-cognitive-services/)
+   -  Development dependencies
+      -  [`@biomejs/[email protected]`](https://npmjs.com/package/@biomejs/biome/)
+      -  [`@emotion/[email protected]`](https://npmjs.com/package/@emotion/css/)
+      -  [`@happy-dom/[email protected]`](https://npmjs.com/package/@happy-dom/jest-environment/)
+      -  [`@jridgewell/[email protected]`](https://npmjs.com/package/@jridgewell/sourcemap-codec/)
+      -  [`@types/[email protected]`](https://npmjs.com/package/@types/mdast/)
+      -  [`@types/[email protected]`](https://npmjs.com/package/@types/node/)
+      -  [`@types/[email protected]`](https://npmjs.com/package/@types/react-dom/)
+      -  [`@types/[email protected]`](https://npmjs.com/package/@types/react/)
+      -  [`@types/[email protected]`](https://npmjs.com/package/@types/react/)
+      -  [`@typescript-eslint/[email protected]`](https://npmjs.com/package/@typescript-eslint/eslint-plugin/)
+      -  [`@typescript-eslint/[email protected]`](https://npmjs.com/package/@typescript-eslint/parser/)
+      -  [`[email protected]`](https://npmjs.com/package/adm-zip/)
+      -  [`[email protected]`](https://npmjs.com/package/axe-core/)
+      -  [`[email protected]`](https://npmjs.com/package/babel-plugin-istanbul/)
+      -  [`[email protected]`](https://npmjs.com/package/bent/)
+      -  [`[email protected]`](https://npmjs.com/package/compression/)
+      -  [`[email protected]`](https://npmjs.com/package/concurrently/)
+      -  [`[email protected]`](https://npmjs.com/package/core-js/)
+      -  [`[email protected]`](https://npmjs.com/package/dotenv/)
+      -  [`[email protected]`](https://npmjs.com/package/esbuild/)
+      -  [`[email protected]`](https://npmjs.com/package/eslint-config-prettier/)
+      -  [`[email protected]`](https://npmjs.com/package/eslint-plugin-import/)
+      -  [`[email protected]`](https://npmjs.com/package/eslint-plugin-prettier/)
+      -  [`[email protected]`](https://npmjs.com/package/eslint-plugin-react-hooks/)
+      -  [`[email protected]`](https://npmjs.com/package/eslint-plugin-react/)
+      -  [`[email protected]`](https://npmjs.com/package/eslint-plugin-security/)
+      -  [`[email protected]`](https://npmjs.com/package/eslint/)
+      -  [`[email protected]`](https://npmjs.com/package/express/)
+      -  [`[email protected]`](https://npmjs.com/package/glob/)
+      -  [`[email protected]`](https://npmjs.com/package/http-proxy-middleware/)
+      -  [`[email protected]`](https://npmjs.com/package/husky/)
+      -  [`[email protected]`](https://npmjs.com/package/lint-staged/)
+      -  [`[email protected]`](https://npmjs.com/package/micromark-util-types/)
+      -  [`[email protected]`](https://npmjs.com/package/nodemon/)
+      -  [`[email protected]`](https://npmjs.com/package/nopt/)
+      -  [`[email protected]`](https://npmjs.com/package/prettier/)
+      -  [`[email protected]`](https://npmjs.com/package/progress/)
+      -  [`[email protected]`](https://npmjs.com/package/q/)
+      -  [`[email protected]`](https://npmjs.com/package/read-pkg-up/)
+      -  [`[email protected]`](https://npmjs.com/package/read-pkg/)
+      -  [`[email protected]`](https://npmjs.com/package/request-progress/)
+      -  [`[email protected]`](https://npmjs.com/package/request/)
+      -  [`[email protected]`](https://npmjs.com/package/selenium-webdriver/)
+      -  [`[email protected]`](https://npmjs.com/package/selfsigned/)
+      -  [`[email protected]`](https://npmjs.com/package/serve-handler/)
+      -  [`[email protected]`](https://npmjs.com/package/serve/)
+      -  [`[email protected]`](https://npmjs.com/package/tsd/)
+      -  [`[email protected]`](https://npmjs.com/package/tsup/)
+      -  [`[email protected]`](https://npmjs.com/package/type-fest/)
+      -  [`[email protected]`](https://npmjs.com/package/typescript/)
+      -  [`[email protected]`](https://npmjs.com/package/webpack-cli/)
+      -  [`[email protected]`](https://npmjs.com/package/webpack/)
 
 ### Fixed
 

__tests__/hooks/useDictateState.js

@@ -0,0 +1,77 @@
+// Adopted from https://github.com/testing-library/react-testing-library/blob/main/src/pure.js#L292C1-L329C2
+
+/*!
+ * The MIT License (MIT)
+ * Copyright (c) 2017-Present Kent C. Dodds
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+function wrapUiIfNeeded(innerElement, wrapperComponent) {
+  return wrapperComponent ? React.createElement(wrapperComponent, null, innerElement) : innerElement;
+}
+
+export default function renderHook(
+  /** @type {(props: RenderCallbackProps) => any} */ renderCallback,
+  /** @type {{}} */ options = {}
+) {
+  const { initialProps, ...renderOptions } = options;
+
+  if (renderOptions.legacyRoot && typeof ReactDOM.render !== 'function') {
+    const error = new Error(
+      '`legacyRoot: true` is not supported in this version of React. ' +
+        'If your app runs React 19 or later, you should remove this flag. ' +
+        'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.'
+    );
+    Error.captureStackTrace(error, renderHook);
+    throw error;
+  }
+
+  const result = React.createRef();
+
+  function TestComponent({ renderCallbackProps }) {
+    const pendingResult = renderCallback(renderCallbackProps);
+
+    React.useEffect(() => {
+      result.current = pendingResult;
+    });
+
+    return null;
+  }
+
+  // A stripped down version of render() from `@testing-library/react`.
+  const render = ({ renderCallbackProps }) => {
+    const element = document.querySelector('main');
+
+    ReactDOM.render(wrapUiIfNeeded(React.createElement(TestComponent, renderCallbackProps), renderOptions.wrapper), element);
+
+    return { rerender: render, unmount: () => ReactDOM.unmountComponentAtNode(element) };
+  };
+
+  const { rerender: baseRerender, unmount } = render(
+    React.createElement(TestComponent, { renderCallbackProps: initialProps }),
+    renderOptions
+  );
+
+  function rerender(rerenderCallbackProps) {
+    return baseRerender(React.createElement(TestComponent, { renderCallbackProps: rerenderCallbackProps }));
+  }
+
+  return { result, rerender, unmount };
+}