Embed uuid package for Webpack 4 (#5445)

* Embed uuid

* Add entry

* Add error message

Author: compulim

CHANGELOG.md

@@ -182,6 +182,7 @@ Notes: web developers are advised to use [`~` (tilde range)](https://github.com/
       - [`[email protected]`](https://npmjs.com/package/typescript/)
       - [`[email protected]`](https://npmjs.com/package/webpack-cli/)
       - [`[email protected]`](https://npmjs.com/package/webpack/)
+- 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
 

packages/bundle/tsup.config.ts

@@ -46,7 +46,11 @@ const config: typeof baseConfig = {
     'web-speech-cognitive-services',
     // Belows are the dependency chain related to "regex" where it is named export-only and does not work on Webpack 4/PPUX (CJS cannot import named export).
     // Webpack 4: "Can't import the named export 'rewrite' from non EcmaScript module (only default export is available)"
-    'shiki' // shiki -> @shikijs/core -> @shikijs/engine-javascript -> regex
+    'shiki', // shiki -> @shikijs/core -> @shikijs/engine-javascript -> regex
+    // Issues related to Webpack 4 when it tries to statically analyze dependencies.
+    // The way `microsoft-cognitiveservices-speech-sdk` imported the `uuid` package (in their `Guid.js`) is causing esbuild/tsup to proxy require() into __require() for dynamic loading.
+    // Webpack 4 cannot statically analyze the code and failed with error "Critical dependency: require function is used in a way in which dependencies cannot be statically extracted".
+    'uuid'
   ]
 };