Bump dependencies (#5529)

* Bump deps

* Bump Babel and Jest

* Remove node-fetch

* Fix Go regular expression in tsup/esbuild

* Add merge-refs to jest-babel

* Debump to shiki@2

* Add test for reload UI

* Rename to remount

* Add snapshots

* Fix RTL

* Move RTL rules to top

* Fix screenshot

* Pin typescript@5.8

* Bump

* Debump typescript@5.8.3

* Update entries

* Debump jest@29

* Update snapshots

* Upgrade snapshots to jest@29

* Use file-based imports

* Sort

* Remove unnecessary code for Babel

Author: compulim

.eslintrc.node.yml

@@ -36,7 +36,6 @@ rules:
         - istanbul-lib-coverage
         - jest-environment-node
         - jest-image-snapshot
-        - node-fetch
         - selenium-webdriver
         - strip-ansi
   node/prefer-global/buffer: error

CHANGELOG.md

@@ -133,79 +133,104 @@ Notes: web developers are advised to use [`~` (tilde range)](https://github.com/
       - [`react-dictate-button@4.0.0`](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)
    - Reworked, enabled in Web Chat, in PR [#5502](https://github.com/microsoft/BotFramework-WebChat/pull/5502), 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)
+- Bumped all dependencies to the latest versions, by [@compulim](https://github.com/compulim) in PR [#5427](https://github.com/microsoft/BotFramework-WebChat/pull/5427) and PR [#5529](https://github.com/microsoft/BotFramework-WebChat/pull/5529)
    - Production dependencies
-      - [`core-js-pure@3.40.0`](https://npmjs.com/package/core-js-pure/)
-      - [`core-js@3.40.0`](https://npmjs.com/package/core-js/)
-      - [`event-as-promise@2.0.0`](https://npmjs.com/package/event-as-promise/)
-      - [`katex@0.16.21`](https://npmjs.com/package/katex/)
-      - [`mdast-util-from-markdown@2.0.2`](https://npmjs.com/package/mdast-util-from-markdown/)
-      - [`micromark-extension-gfm@3.0.0`](https://npmjs.com/package/micromark-extension-gfm/)
-      - [`micromark-util-character@2.1.1`](https://npmjs.com/package/micromark-util-character/)
-      - [`micromark@4.0.1`](https://npmjs.com/package/micromark/)
-      - [`microsoft-cognitiveservices-speech-sdk@1.42.0`](https://npmjs.com/package/microsoft-cognitiveservices-speech-sdk/)
-      - [`mime@4.0.6`](https://npmjs.com/package/mime/)
-      - [`react-chain-of-responsibility@0.2.0`](https://npmjs.com/package/react-chain-of-responsibility/)
-      - [`react-scroll-to-bottom@4.2.0`](https://npmjs.com/package/react-scroll-to-bottom/)
-      - [`sanitize-html@2.14.0`](https://npmjs.com/package/sanitize-html/)
-      - [`shiki@2.3.2`](https://npmjs.com/package/shiki/)
-      - [`use-propagate@0.2.1`](https://npmjs.com/package/use-propagate/)
-      - [`use-state-with-ref@0.1.0`](https://npmjs.com/package/use-state-with-ref/)
-      - [`valibot@1.1.0`](https://npmjs.com/package/valibot/)
-      - [`web-speech-cognitive-services@8.1.1`](https://npmjs.com/package/web-speech-cognitive-services/)
+      - [`@babel/runtime@7.28.2`](https://npmjs.com/package/@babel/runtime/v/7.28.2)
+      - [`botframework-directlinejs@0.15.6`](https://npmjs.com/package/botframework-directlinejs/v/0.15.6)
+      - [`core-js-pure@3.44.0`](https://npmjs.com/package/core-js-pure/v/3.44.0)
+      - [`core-js@3.44.0`](https://npmjs.com/package/core-js/v/3.44.0)
+      - [`event-as-promise@2.0.0`](https://npmjs.com/package/event-as-promise/v/2.0.0)
+      - [`iter-fest@0.3.0`](https://npmjs.com/package/iter-fest/v/0.3.0)
+      - [`katex@0.16.22`](https://npmjs.com/package/katex/v/0.16.22)
+      - [`mdast-util-from-markdown@2.0.2`](https://npmjs.com/package/mdast-util-from-markdown/v/2.0.2)
+      - [`merge-refs@2.0.0`](https://npmjs.com/package/merge-refs/v/2.0.0)
+      - [`micromark-extension-gfm@3.0.0`](https://npmjs.com/package/micromark-extension-gfm/v/3.0.0)
+      - [`micromark-util-character@2.1.1`](https://npmjs.com/package/micromark-util-character/v/2.1.1)
+      - [`micromark@4.0.2`](https://npmjs.com/package/micromark/v/4.0.2)
+      - [`microsoft-cognitiveservices-speech-sdk@1.45.0`](https://npmjs.com/package/microsoft-cognitiveservices-speech-sdk/v/1.45.0)
+      - [`mime@4.0.7`](https://npmjs.com/package/mime/v/4.0.7)
+      - [`react-chain-of-responsibility@0.3.0`](https://npmjs.com/package/react-chain-of-responsibility/v/0.3.0)
+      - [`react-say@2.2.0`](https://npmjs.com/package/react-say/v/2.2.0)
+      - [`react-scroll-to-bottom@4.2.0`](https://npmjs.com/package/react-scroll-to-bottom/v/4.2.0)
+      - [`react-wrap-with@0.1.0`](https://npmjs.com/package/react-wrap-with/v/0.1.0)
+      - [`sanitize-html@2.17.0`](https://npmjs.com/package/sanitize-html/v/2.17.0)
+      - [`shiki@2.5.0`](https://npmjs.com/package/shiki/v/2.5.0)
+      - [`use-propagate@0.2.1`](https://npmjs.com/package/use-propagate/v/0.2.1)
+      - [`use-ref-from@0.1.0`](https://npmjs.com/package/use-ref-from/v/0.1.0)
+      - [`use-state-with-ref@0.1.0`](https://npmjs.com/package/use-state-with-ref/v/0.1.0)
+      - [`valibot@1.1.0`](https://npmjs.com/package/valibot/v/1.1.0)
+      - [`web-speech-cognitive-services@8.1.1`](https://npmjs.com/package/web-speech-cognitive-services/v/8.1.1)
    - Development dependencies
-      - [`@biomejs/biome@1.9.4`](https://npmjs.com/package/@biomejs/biome/)
-      - [`@emotion/css@11.13.5`](https://npmjs.com/package/@emotion/css/)
-      - [`@happy-dom/jest-environment@17.1.0`](https://npmjs.com/package/@happy-dom/jest-environment/)
-      - [`@jridgewell/sourcemap-codec@1.5.0`](https://npmjs.com/package/@jridgewell/sourcemap-codec/)
-      - [`@types/mdast@4.0.4`](https://npmjs.com/package/@types/mdast/)
-      - [`@types/node@22.13.4`](https://npmjs.com/package/@types/node/)
-      - [`@types/react-dom@16.9.25`](https://npmjs.com/package/@types/react-dom/)
-      - [`@types/react@16.14.62`](https://npmjs.com/package/@types/react/)
-      - [`@types/react@16.14.62`](https://npmjs.com/package/@types/react/)
-      - [`@typescript-eslint/eslint-plugin@8.24.0`](https://npmjs.com/package/@typescript-eslint/eslint-plugin/)
-      - [`@typescript-eslint/parser@8.24.0`](https://npmjs.com/package/@typescript-eslint/parser/)
-      - [`adm-zip@0.5.16`](https://npmjs.com/package/adm-zip/)
-      - [`axe-core@4.10.2`](https://npmjs.com/package/axe-core/)
-      - [`babel-plugin-istanbul@7.0.0`](https://npmjs.com/package/babel-plugin-istanbul/)
-      - [`bent@7.3.12`](https://npmjs.com/package/bent/)
-      - [`compression@1.8.0`](https://npmjs.com/package/compression/)
-      - [`concurrently@9.1.2`](https://npmjs.com/package/concurrently/)
-      - [`core-js@3.40.0`](https://npmjs.com/package/core-js/)
-      - [`dotenv@16.4.7`](https://npmjs.com/package/dotenv/)
-      - [`esbuild@0.25.0`](https://npmjs.com/package/esbuild/)
-      - [`eslint-config-prettier@10.0.1`](https://npmjs.com/package/eslint-config-prettier/)
-      - [`eslint-plugin-import@2.31.0`](https://npmjs.com/package/eslint-plugin-import/)
-      - [`eslint-plugin-prettier@5.2.3`](https://npmjs.com/package/eslint-plugin-prettier/)
-      - [`eslint-plugin-react-hooks@5.1.0`](https://npmjs.com/package/eslint-plugin-react-hooks/)
-      - [`eslint-plugin-react@7.37.4`](https://npmjs.com/package/eslint-plugin-react/)
-      - [`eslint-plugin-security@3.0.1`](https://npmjs.com/package/eslint-plugin-security/)
-      - [`eslint@8.57.1`](https://npmjs.com/package/eslint/)
-      - [`express@4.21.2`](https://npmjs.com/package/express/)
-      - [`glob@8.1.0`](https://npmjs.com/package/glob/)
-      - [`http-proxy-middleware@2.0.7`](https://npmjs.com/package/http-proxy-middleware/)
-      - [`husky@9.1.7`](https://npmjs.com/package/husky/)
-      - [`lint-staged@15.4.3`](https://npmjs.com/package/lint-staged/)
-      - [`micromark-util-types@2.0.1`](https://npmjs.com/package/micromark-util-types/)
-      - [`nodemon@3.1.9`](https://npmjs.com/package/nodemon/)
-      - [`nopt@8.1.0`](https://npmjs.com/package/nopt/)
-      - [`prettier@3.5.1`](https://npmjs.com/package/prettier/)
-      - [`progress@2.0.3`](https://npmjs.com/package/progress/)
-      - [`q@1.5.1`](https://npmjs.com/package/q/)
-      - [`read-pkg-up@11.0.0`](https://npmjs.com/package/read-pkg-up/)
-      - [`read-pkg@9.0.1`](https://npmjs.com/package/read-pkg/)
-      - [`request-progress@3.0.0`](https://npmjs.com/package/request-progress/)
-      - [`request@2.88.2`](https://npmjs.com/package/request/)
-      - [`selenium-webdriver@4.28.1`](https://npmjs.com/package/selenium-webdriver/)
-      - [`selfsigned@2.4.1`](https://npmjs.com/package/selfsigned/)
-      - [`serve-handler@6.1.6`](https://npmjs.com/package/serve-handler/)
-      - [`serve@14.2.4`](https://npmjs.com/package/serve/)
-      - [`tsd@0.31.2`](https://npmjs.com/package/tsd/)
-      - [`tsup@8.3.6`](https://npmjs.com/package/tsup/)
-      - [`type-fest@4.34.1`](https://npmjs.com/package/type-fest/)
-      - [`typescript@5.7.3`](https://npmjs.com/package/typescript/)
-      - [`webpack-cli@6.0.1`](https://npmjs.com/package/webpack-cli/)
-      - [`webpack@5.98.0`](https://npmjs.com/package/webpack/)
+      - [`@babel/cli@7.28.0`](https://npmjs.com/package/@babel/cli/v/7.28.0)
+      - [`@babel/core@7.28.0`](https://npmjs.com/package/@babel/core/v/7.28.0)
+      - [`@babel/plugin-transform-runtime@7.28.0`](https://npmjs.com/package/@babel/plugin-transform-runtime/v/7.28.0)
+      - [`@babel/plugin-transform-typescript@7.28.0`](https://npmjs.com/package/@babel/plugin-transform-typescript/v/7.28.0)
+      - [`@babel/preset-env@7.28.0`](https://npmjs.com/package/@babel/preset-env/v/7.28.0)
+      - [`@babel/preset-react@7.27.1`](https://npmjs.com/package/@babel/preset-react/v/7.27.1)
+      - [`@babel/preset-typescript@7.27.1`](https://npmjs.com/package/@babel/preset-typescript/v/7.27.1)
+      - [`@babel/runtime@7.28.2`](https://npmjs.com/package/@babel/runtime/v/7.28.2)
+      - [`@biomejs/biome@2.1.3`](https://npmjs.com/package/@biomejs/biome/v/2.1.3)
+      - [`@emotion/css@11.13.5`](https://npmjs.com/package/@emotion/css/v/11.13.5)
+      - [`@happy-dom/jest-environment@18.0.1`](https://npmjs.com/package/@happy-dom/jest-environment/v/18.0.1)
+      - [`@jridgewell/sourcemap-codec@1.5.4`](https://npmjs.com/package/@jridgewell/sourcemap-codec/v/1.5.4)
+      - [`@types/dom-speech-recognition@0.0.6`](https://npmjs.com/package/@types/dom-speech-recognition/v/0.0.6)
+      - [`@types/jest@29.5.14`](https://npmjs.com/package/@types/jest/v/29.5.14)
+      - [`@types/mdast@4.0.4`](https://npmjs.com/package/@types/mdast/v/4.0.4)
+      - [`@types/node@24.1.0`](https://npmjs.com/package/@types/node/v/24.1.0)
+      - [`@types/react-dom@16.9.25`](https://npmjs.com/package/@types/react-dom/v/16.9.25)
+      - [`@types/react@16.14.65`](https://npmjs.com/package/@types/react/v/16.14.65)
+      - [`@typescript-eslint/eslint-plugin@8.38.0`](https://npmjs.com/package/@typescript-eslint/eslint-plugin/v/8.38.0)
+      - [`@typescript-eslint/parser@8.38.0`](https://npmjs.com/package/@typescript-eslint/parser/v/8.38.0)
+      - [`adm-zip@0.5.16`](https://npmjs.com/package/adm-zip/v/0.5.16)
+      - [`axe-core@4.10.3`](https://npmjs.com/package/axe-core/v/4.10.3)
+      - [`babel-jest@29.7.0`](https://npmjs.com/package/babel-jest/v/29.7.0)
+      - [`babel-plugin-istanbul@7.0.0`](https://npmjs.com/package/babel-plugin-istanbul/v/7.0.0)
+      - [`bent@7.3.12`](https://npmjs.com/package/bent/v/7.3.12)
+      - [`botframework-directlinejs@0.15.6`](https://npmjs.com/package/botframework-directlinejs/v/0.15.6)
+      - [`compression@1.8.1`](https://npmjs.com/package/compression/v/1.8.1)
+      - [`concurrently@9.2.0`](https://npmjs.com/package/concurrently/v/9.2.0)
+      - [`core-js-pure@3.44.0`](https://npmjs.com/package/core-js-pure/v/3.44.0)
+      - [`core-js@3.44.0`](https://npmjs.com/package/core-js/v/3.44.0)
+      - [`cross-env@10.0.0`](https://npmjs.com/package/cross-env/v/10.0.0)
+      - [`dotenv@17.2.1`](https://npmjs.com/package/dotenv/v/17.2.1)
+      - [`esbuild@0.25.8`](https://npmjs.com/package/esbuild/v/0.25.8)
+      - [`eslint-config-prettier@10.1.8`](https://npmjs.com/package/eslint-config-prettier/v/10.1.8)
+      - [`eslint-plugin-import@2.32.0`](https://npmjs.com/package/eslint-plugin-import/v/2.32.0)
+      - [`eslint-plugin-prettier@5.5.3`](https://npmjs.com/package/eslint-plugin-prettier/v/5.5.3)
+      - [`eslint-plugin-react-hooks@5.2.0`](https://npmjs.com/package/eslint-plugin-react-hooks/v/5.2.0)
+      - [`eslint-plugin-react@7.37.5`](https://npmjs.com/package/eslint-plugin-react/v/7.37.5)
+      - [`eslint-plugin-security@3.0.1`](https://npmjs.com/package/eslint-plugin-security/v/3.0.1)
+      - [`eslint@8.57.1`](https://npmjs.com/package/eslint/v/8.57.1)
+      - [`express@5.1.0`](https://npmjs.com/package/express/v/5.1.0)
+      - [`glob@8.1.0`](https://npmjs.com/package/glob/v/8.1.0)
+      - [`http-proxy-middleware@2.0.9`](https://npmjs.com/package/http-proxy-middleware/v/2.0.9)
+      - [`husky@9.1.7`](https://npmjs.com/package/husky/v/9.1.7)
+      - [`jest-environment-node@29.7.0`](https://npmjs.com/package/jest-environment-node/v/29.7.0)
+      - [`jest-image-snapshot@6.5.1`](https://npmjs.com/package/jest-image-snapshot/v/6.5.1)
+      - [`jest@29.7.0`](https://npmjs.com/package/jest/v/29.7.0)
+      - [`lint-staged@16.1.2`](https://npmjs.com/package/lint-staged/v/16.1.2)
+      - [`micromark-util-types@2.0.2`](https://npmjs.com/package/micromark-util-types/v/2.0.2)
+      - [`microsoft-cognitiveservices-speech-sdk@1.45.0`](https://npmjs.com/package/microsoft-cognitiveservices-speech-sdk/v/1.45.0)
+      - [`nodemon@3.1.10`](https://npmjs.com/package/nodemon/v/3.1.10)
+      - [`nopt@8.1.0`](https://npmjs.com/package/nopt/v/8.1.0)
+      - [`prettier@3.6.2`](https://npmjs.com/package/prettier/v/3.6.2)
+      - [`progress@2.0.3`](https://npmjs.com/package/progress/v/2.0.3)
+      - [`q@1.5.1`](https://npmjs.com/package/q/v/1.5.1)
+      - [`read-pkg-up@11.0.0`](https://npmjs.com/package/read-pkg-up/v/11.0.0)
+      - [`read-pkg@9.0.1`](https://npmjs.com/package/read-pkg/v/9.0.1)
+      - [`request-progress@3.0.0`](https://npmjs.com/package/request-progress/v/3.0.0)
+      - [`request@2.88.2`](https://npmjs.com/package/request/v/2.88.2)
+      - [`selenium-webdriver@4.34.0`](https://npmjs.com/package/selenium-webdriver/v/4.34.0)
+      - [`selfsigned@3.0.1`](https://npmjs.com/package/selfsigned/v/3.0.1)
+      - [`serve-handler@6.1.6`](https://npmjs.com/package/serve-handler/v/6.1.6)
+      - [`serve@14.2.4`](https://npmjs.com/package/serve/v/14.2.4)
+      - [`tsd@0.32.0`](https://npmjs.com/package/tsd/v/0.32.0)
+      - [`tsup@8.5.0`](https://npmjs.com/package/tsup/v/8.5.0)
+      - [`type-fest@4.41.0`](https://npmjs.com/package/type-fest/v/4.41.0)
+      - [`typescript-plugin-css-modules@5.2.0`](https://npmjs.com/package/typescript-plugin-css-modules/v/5.2.0)
+      - [`typescript@5.8.3`](https://npmjs.com/package/typescript/v/5.8.3)
+      - [`webpack-cli@6.0.1`](https://npmjs.com/package/webpack-cli/v/6.0.1)
+      - [`webpack@5.101.0`](https://npmjs.com/package/webpack/v/5.101.0)
 - Fixed [#5446](https://github.com/microsoft/BotFramework-WebChat/issues/5446). Embedded `uuid` so `microsoft-cognitiveservices-speech-sdk` do not need to use dynamic loading, as this could fail in Webpack 4 environment, in PR [#5445](https://github.com/microsoft/BotFramework-WebChat/pull/5445), by [@compulim](https://github.com/compulim)
 - Fixed [#5476](https://github.com/microsoft/BotFramework-WebChat/issues/5476). Modernizing components through memoization and use [`valibot`](https://npmjs.com/package/valibot) for props validation, by [@compulim](https://github.com/compulim)
 - Ported `useSuggestedActions` to use React hooks as backend instead of Redux store, in PR [#5489](https://github.com/microsoft/BotFramework-WebChat/pull/5489), by [@compulim](https://github.com/compulim)

__tests__/hooks/useActivity.js

@@ -22,21 +22,21 @@ test('should return list of activities', async () => {
     .map(({ from: { role }, speak, text, textFormat, type }) => ({ from: { role }, speak, text, textFormat, type }));
 
   expect(cleanedActivities).toMatchInlineSnapshot(`
-    Array [
-      Object {
-        "from": Object {
+    [
+      {
+        "from": {
           "role": "user",
         },
         "speak": undefined,
         "text": "Hello, World!",
         "textFormat": "plain",
         "type": "message",
       },
-      Object {
-        "from": Object {
+      {
+        "from": {
           "role": "bot",
         },
-        "speak": "Unknown command: I don't know Hello, World!. You can say \\"help\\" to learn more.",
+        "speak": "Unknown command: I don't know Hello, World!. You can say "help" to learn more.",
         "text": "Unknown command: \`Hello, World!\`.
 
     Type \`help\` to learn more.",

__tests__/hooks/useAdaptiveCardsHostConfig.js

@@ -17,7 +17,7 @@ test('getter should return Adaptive Cards host config set in props', async () =>
   const [adaptiveCardsHostConfig] = await pageObjects.runHook('useAdaptiveCardsHostConfig');
 
   expect(adaptiveCardsHostConfig).toMatchInlineSnapshot(`
-    Object {
+    {
       "supportsInteractivity": false,
     }
   `);

__tests__/hooks/useAdaptiveCardsPackage.js

@@ -17,7 +17,7 @@ test('getter should return Adaptive Cards package set in props', async () => {
   const [adaptiveCardsPackage] = await pageObjects.runHook('useAdaptiveCardsPackage');
 
   expect(adaptiveCardsPackage).toMatchInlineSnapshot(`
-    Object {
+    {
       "__DUMMY__": 0,
     }
   `);

__tests__/hooks/useAvatarForBot.js

@@ -18,7 +18,7 @@ test('getter should return image and initial of avatar for bot', async () => {
   const [{ image, initials }] = await pageObjects.runHook('useAvatarForBot');
 
   expect({ image, initials }).toMatchInlineSnapshot(`
-    Object {
+    {
       "image": "about:blank#bot-icon",
       "initials": "WC",
     }

__tests__/hooks/useAvatarForUser.js

@@ -18,7 +18,7 @@ test('getter should return image and initial of avatar for user', async () => {
   const [{ image, initials }] = await pageObjects.runHook('useAvatarForUser');
 
   expect({ image, initials }).toMatchInlineSnapshot(`
-    Object {
+    {
       "image": "about:blank#user-icon",
       "initials": "WW",
     }

__tests__/hooks/useByteFormatter.js

@@ -20,7 +20,7 @@ test('should return bytes for "ja-JP"', async () => {
   ]);
 
   expect(actual).toMatchInlineSnapshot(`
-    Array [
+    [
       "10 バイト",
       "1 KB",
       "1 MB",

__tests__/hooks/useGrammars.js

@@ -11,7 +11,7 @@ test('getter should return grammars set in props', async () => {
   const [grammars] = await pageObjects.runHook('useGrammars');
 
   expect(grammars).toMatchInlineSnapshot(`
-    Array [
+    [
       "Tuen Mun",
       "Yuen Long",
     ]

__tests__/hooks/useRelativeTimeFormatter.js

@@ -25,7 +25,7 @@ test('should return relative time for "yue"', async () => {
   ]);
 
   expect(actual).toMatchInlineSnapshot(`
-    Array [
+    [
       "啱啱",
       "啱啱",
       "啱啱",