@100mslive/roomkit-react 0.5.2 → 0.5.3-alpha.1

package/dist/index.cjs.js

@@ -38,11 +38,20 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+var __esm = (fn, res, err) => function __init() {
+  if (err) throw err[0];
+  try {
+    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+  } catch (e) {
+    throw err = [e], e;
+  }
 };
 var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  try {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  } catch (e) {
+    throw mod = 0, e;
+  }
 };
 var __export = (target, all) => {
   for (var name in all)
@@ -95,7 +104,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_db797efa-b66d-4848-9819-e1d982df2216", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", DOTNET_NOLOGO: "1", npm_package_resolutions_tar: "^7.5.13", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.2.2", USER: "runner", npm_package_resolutions_picomatch: "^2.3.2", npm_package_resolutions__octokit_request: "^8.4.1", npm_package_devDependencies_jest: "^29.7.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v24.15.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_resolutions____babel_plugin_istanbul_test_exclude_minimatch: "^3.1.4", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.12.2", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_db797efa-b66d-4848-9819-e1d982df2216", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.15.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.15.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_resolutions__babel_runtime: "^7.29.2", npm_package_resolutions__tldraw_tldraw__radix_ui_react_dialog: "1.0.5", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_resolutions_____nx_devkit_minimatch: "^9.0.7", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-9.5.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/29.0.14206865", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-Linux", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_resolutions__isaacs_brace_expansion: "^5.0.1", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", SYSTEMD_EXEC_PID: "2068", ACTIONS_ORCHESTRATION_ID: "757b2d91-daf7-4a77-8ce2-61498023b10a.publish_packages.__default", npm_package_resolutions_tmp: "^0.2.3", npm_package_scripts_postinstall: "husky install", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", JAVA_HOME_25_X64: "/usr/lib/jvm/temurin-25-jdk-amd64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_resolutions____typedoc_minimatch: "^9.0.7", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20260513.135.3", npm_package_resolutions__babel_plugin_transform_modules_systemjs: "^7.29.4", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^29.7.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", LOGNAME: "runner", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.12/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.1.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.12/x64", JOURNAL_STREAM: "9:14360", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "^29.1.1", npm_package_devDependencies_lerna: "^9.0.7", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^19.6.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/hosted-compute-agent.service/memory.pressure", GOROOT_1_24_X64: "/opt/hostedtoolcache/go/1.24.13/x64", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.5.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GOROOT_1_25_X64: "/opt/hostedtoolcache/go/1.25.10/x64", GITHUB_RUN_ID: "26182512235", npm_package_workspaces_0: "packages/*", npm_package_resolutions_cross_spawn: "^7.0.6", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "5eca9dfb86d45911a83ab247dd17f35c9ffb4624", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_resolutions_qs: "^6.14.2", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "17537937963817537172", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJQZXJtaXNzaW9uXCI6M31dIiwiYWNzbCI6IjEwIiwiYXVkIjoidnNvOjVlMTJlMDA5LWRkMDEtNGNjYy05ZTg5LTQ1MjMwMjUwM2RiNSIsImJpbGxpbmdfb3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJleHAiOjE3NzkzMjQ1MzYsImh0dHA6Ly9zY2hlbWFzLm1pY3Jvc29mdC5jb20vd3MvMjAwOC8wNi9pZGVudGl0eS9jbGFpbXMvcHJpbWFyeXNpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL3NpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImlhdCI6MTc3OTMwMjMzNiwiaXNzIjoiaHR0cHM6Ly90b2tlbi5hY3Rpb25zLmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImpvYl9pZCI6ImQ5ZGE5ZmNmLWMyMWYtNTUxZi1hZTcwLTYxMDI5MjEzYTJmYSIsIm5hbWVpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsIm5iZiI6MTc3OTMwMjAzNiwib2lkY19leHRyYSI6IntcImFjdG9yXCI6XCJjeXJpbC1rLTAzMTIyNVwiLFwiYWN0b3JfaWRcIjpcIjI0NzU0Mzk0NlwiLFwiYmFzZV9yZWZcIjpcIlwiLFwiY2hlY2tfcnVuX2lkXCI6XCI3NzAyOTEyODM5MlwiLFwiZXZlbnRfbmFtZVwiOlwid29ya2Zsb3dfZGlzcGF0Y2hcIixcImhlYWRfcmVmXCI6XCJcIixcImpvYl93b3JrZmxvd19yZWZcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrcy8uZ2l0aHViL3dvcmtmbG93cy9wdWJsaXNoLnltbEByZWZzL2hlYWRzL21haW5cIixcImpvYl93b3JrZmxvd19zaGFcIjpcIjVlY2E5ZGZiODZkNDU5MTFhODNhYjI0N2RkMTdmMzVjOWZmYjQ2MjRcIixcInJlZlwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJyZWZfcHJvdGVjdGVkXCI6XCJ0cnVlXCIsXCJyZWZfdHlwZVwiOlwiYnJhbmNoXCIsXCJyZXBvc2l0b3J5XCI6XCIxMDBtc2xpdmUvd2ViLXNka3NcIixcInJlcG9zaXRvcnlfaWRcIjpcIjQyOTgyNjUxNVwiLFwicmVwb3NpdG9yeV9vd25lclwiOlwiMTAwbXNsaXZlXCIsXCJyZXBvc2l0b3J5X293bmVyX2lkXCI6XCI3Mzg4MzEzMVwiLFwicmVwb3NpdG9yeV92aXNpYmlsaXR5XCI6XCJwdWJsaWNcIixcInJ1bl9hdHRlbXB0XCI6XCIxXCIsXCJydW5faWRcIjpcIjI2MTgyNTEyMjM1XCIsXCJydW5fbnVtYmVyXCI6XCI4MzlcIixcInJ1bm5lcl9lbnZpcm9ubWVudFwiOlwiZ2l0aHViLWhvc3RlZFwiLFwic2hhXCI6XCI1ZWNhOWRmYjg2ZDQ1OTExYTgzYWIyNDdkZDE3ZjM1YzlmZmI0NjI0XCIsXCJ3b3JrZmxvd1wiOlwiUHVibGlzaCBQYWNrYWdlc1wiLFwid29ya2Zsb3dfcmVmXCI6XCIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9tYWluXCIsXCJ3b3JrZmxvd19zaGFcIjpcIjVlY2E5ZGZiODZkNDU5MTFhODNhYjI0N2RkMTdmMzVjOWZmYjQ2MjRcIn0iLCJvaWRjX3N1YiI6InJlcG86MTAwbXNsaXZlL3dlYi1zZGtzOnJlZjpyZWZzL2hlYWRzL21haW4iLCJvcmNoX2lkIjoiNzU3YjJkOTEtZGFmNy00YTc3LThjZTItNjE0OTgwMjNiMTBhLnB1Ymxpc2hfcGFja2FnZXMuX19kZWZhdWx0Iiwib3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJwbGFuX2lkIjoiNzU3YjJkOTEtZGFmNy00YTc3LThjZTItNjE0OTgwMjNiMTBhIiwicmVwb3NpdG9yeV9pZCI6IjQyOTgyNjUxNSIsInJlcG9zaXRvcnlfb3duZXJfaWQiOiI3Mzg4MzEzMSIsInJlcG9zaXRvcnlfdmlzaWJpbGl0eSI6InB1YmxpYyIsInJ1bl9pZCI6IjI2MTgyNTEyMjM1IiwicnVuX251bWJlciI6IjgzOSIsInJ1bl90eXBlIjoiZnVsbCIsInJ1bm5lcl9pZCI6IjEwMDAzNjE5MjUiLCJydW5uZXJfdHlwZSI6Imhvc3RlZCIsInNjcCI6IkFjdGlvbnMuUmVzdWx0czo3NTdiMmQ5MS1kYWY3LTRhNzctOGNlMi02MTQ5ODAyM2IxMGE6ZDlkYTlmY2YtYzIxZi01NTFmLWFlNzAtNjEwMjkyMTNhMmZhIEFjdGlvbnMuUnVubmVyOjc1N2IyZDkxLWRhZjctNGE3Ny04Y2UyLTYxNDk4MDIzYjEwYTpkOWRhOWZjZi1jMjFmLTU1MWYtYWU3MC02MTAyOTIxM2EyZmEgQWN0aW9ucy5VcGxvYWRBcnRpZmFjdHM6NzU3YjJkOTEtZGFmNy00YTc3LThjZTItNjE0OTgwMjNiMTBhOmQ5ZGE5ZmNmLWMyMWYtNTUxZi1hZTcwLTYxMDI5MjEzYTJmYSBnZW5lcmF0ZV9pZF90b2tlbjo3NTdiMmQ5MS1kYWY3LTRhNzctOGNlMi02MTQ5ODAyM2IxMGE6ZDlkYTlmY2YtYzIxZi01NTFmLWFlNzAtNjEwMjkyMTNhMmZhIEFjdGlvbnMuR2VuZXJpY1JlYWQ6MDAwMDAwMDAtMDAwMC0wMDAwLTAwMDAtMDAwMDAwMDAwMDAwIiwic2hhIjoiNWVjYTlkZmI4NmQ0NTkxMWE4M2FiMjQ3ZGQxN2YzNWM5ZmZiNDYyNCIsInRydXN0X3RpZXIiOiIxIn0.qkXJF2NdyXE3Vy2f0icbOvw3jzGPmNnee3TCO2AOo0zo2Qa2cdQFzaaT2GyfuWid-pkKGi7bmBj8PqRm9N9p7TvaLqXrjMseP5pXkPKZ1Z-MNKgCyZFQNYfhT97DGOEy2rEs-lRq1G4qqDsVSlW77idegNb6t3SIOxkoGuQRxItgwtd8IygpLwa6s63ZztlbwgXadiI5fn8svrNc9ZTbshYRqvjxu24hVYStkOoOc_2tXnmhSx4JMSJYnXQhnS5hSMgyVIiEC4Lc22E4lh4QAQ62PYAWX1dHFPUMqoLeUgTD-_7HNioJZzyUbuUuAMw4DWmU5y7fn_FvzONJ_1tH9g", GITHUB_ACTION_REPOSITORY: "", ENABLE_RUNNER_TRACING: "true", npm_package_resolutions_on_headers: "^1.1.0", npm_package_resolutions_semver: "^7.5.2", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1779302397051-0.41077888945797103:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.15.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1779302396879-0.5068959794683833:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.15.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1779302377597-0.4491567392544874:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.15.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1779302377432-0.07946300514110849:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.15.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/24.15.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_477f0491-523f-405e-b73e-781c19de2953", INVOCATION_ID: "6786e61a22f94247bc14ae44ff1b0736", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "839", GITHUB_TRIGGERING_ACTOR: "cyril-k-031225", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^19.6.0", npm_config_legacy_peer_deps: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_resolutions____glob_minimatch: "^3.1.4", npm_package_resolutions_flatted: "^3.4.2", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 1000361925", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions____eslint_minimatch: "^3.1.4", npm_package_resolutions_braces: "^3.0.3", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_resolutions_ip_address: "^10.2.0", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^9.2.1", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.12.2", npm_package_scripts_types: "tsc -w", SHELL: "/bin/bash", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.5.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions__octokit_request_error: "^5.1.1", npm_package_resolutions_axios: "^1.16.0", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies_jest_environment_jsdom: "^29.7.0", NX_ISOLATE_PLUGINS: "false", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_resolutions_postcss: "^8.5.14", npm_package_resolutions_fast_uri: "^3.1.2", npm_package_resolutions_follow_redirects: "^1.16.0", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_resolutions____nx_minimatch: "^9.0.7", npm_package_resolutions__babel_helpers: "^7.29.2", GITHUB_SHA: "5eca9dfb86d45911a83ab247dd17f35c9ffb4624", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_package_resolutions____tinyglobby_picomatch: "^4.0.4", npm_package_resolutions__adobe_css_tools: "^4.4.4", npm_package_resolutions_form_data: "^4.0.4", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", NX_TASK_TARGET_TARGET: "build", NX_FORKED_TASK_EXECUTOR: "true", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "cyril-k-031225", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_resolutions_yaml: "^2.8.3", npm_config_strict_ssl: "true", NX_LOAD_DOT_ENV_FILES: "true", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_db797efa-b66d-4848-9819-e1d982df2216", JAVA_HOME: "/usr/lib/jvm/temurin-17-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "247543946", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_resolutions__tootallnate_once: "^3.0.1", npm_package_resolutions____vite_rollup: "^4.59.0", npm_package_scripts_ybys: "yarn && yarn build --no-private", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-3-azure-eastus.actions.githubusercontent.com/57//idtoken/757b2d91-daf7-4a77-8ce2-61498023b10a/d9da9fcf-c21f-551f-ae70-61029213a2fa?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_db797efa-b66d-4848-9819-e1d982df2216", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", npm_package_resolutions_micromatch: "^4.0.8", npm_package_resolutions_js_yaml: "^4.1.1", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.27.4", npm_config_save_prefix: "^", npm_config_ignore_optional: "", NX_TUI: "false", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.3.13750724", SGX_AESM_ADDR: "1", PSModulePath: "/root/.local/share/powershell/Modules:/usr/local/share/powershell/Modules:/opt/microsoft/powershell/7/Modules:/usr/share/az_14.6.0", CHROME_BIN: "/usr/bin/google-chrome", npm_package_resolutions_lodash: "^4.18.1", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_db797efa-b66d-4848-9819-e1d982df2216", npm_package_resolutions_sass: "^1.83.0" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_1febb9e4-0d4d-44ea-a6da-d437d28f0f65", npm_package_resolutions_js_cookie: "^3.0.7", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", DOTNET_NOLOGO: "1", npm_package_resolutions_tar: "^7.5.13", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.2.3-alpha.1", USER: "runner", npm_package_resolutions_picomatch: "^2.3.2", npm_package_resolutions__octokit_request: "^8.4.1", npm_package_devDependencies_jest: "^29.7.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v24.16.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_resolutions____babel_plugin_istanbul_test_exclude_minimatch: "^3.1.4", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.12.3-alpha.1", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_1febb9e4-0d4d-44ea-a6da-d437d28f0f65", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.16.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.15.3-alpha.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_resolutions_shell_quote: "^1.8.4", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_resolutions__babel_runtime: "^7.29.2", npm_package_resolutions__tldraw_tldraw__radix_ui_react_dialog: "1.0.5", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_resolutions_____nx_devkit_minimatch: "^9.0.7", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-9.5.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/29.0.14206865", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-Linux", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_resolutions__isaacs_brace_expansion: "^5.0.1", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", SYSTEMD_EXEC_PID: "2040", ACTIONS_ORCHESTRATION_ID: "23a642ca-ce3b-49d2-9d6a-83f61f4cf8fe.publish_packages.__default", npm_package_resolutions_tmp: "^0.2.6", npm_package_scripts_postinstall: "husky install", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", JAVA_HOME_25_X64: "/usr/lib/jvm/temurin-25-jdk-amd64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_resolutions____typedoc_minimatch: "^9.0.7", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20260615.205.1", npm_package_resolutions__babel_plugin_transform_modules_systemjs: "^7.29.4", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^29.7.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", LOGNAME: "runner", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.12/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.1.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.12/x64", JOURNAL_STREAM: "9:11230", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "^29.1.1", npm_package_devDependencies_lerna: "^9.0.7", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^19.6.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/hosted-compute-agent.service/memory.pressure", GOROOT_1_24_X64: "/opt/hostedtoolcache/go/1.24.13/x64", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.5.3-alpha.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GOROOT_1_25_X64: "/opt/hostedtoolcache/go/1.25.11/x64", GITHUB_RUN_ID: "27705823843", npm_package_workspaces_0: "packages/*", npm_package_resolutions_cross_spawn: "^7.0.6", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "89f8bf64edd02c8a685dbc53ae4687d10ba29589", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_resolutions_qs: "^6.15.2", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "1138058104714051707", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJQZXJtaXNzaW9uXCI6M31dIiwiYWNzbCI6IjEwIiwiYXVkIjoidnNvOjVlMTJlMDA5LWRkMDEtNGNjYy05ZTg5LTQ1MjMwMjUwM2RiNSIsImJpbGxpbmdfb3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJleHAiOjE3ODE3Mzc3ODEsImh0dHA6Ly9zY2hlbWFzLm1pY3Jvc29mdC5jb20vd3MvMjAwOC8wNi9pZGVudGl0eS9jbGFpbXMvcHJpbWFyeXNpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL3NpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImlhdCI6MTc4MTcxNTU4MSwiaXNzIjoiaHR0cHM6Ly90b2tlbi5hY3Rpb25zLmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImpvYl9pZCI6ImRiZDdmNzUxLTliNDItNTNjMC05ZjdmLTAzOTI5ZWE1MThmMyIsIm5hbWVpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsIm5iZiI6MTc4MTcxNTI4MSwib2lkY19leHRyYSI6IntcImFjdG9yXCI6XCJyYXZpdGVqYTgzXCIsXCJhY3Rvcl9pZFwiOlwiNjc2MzI2MVwiLFwiYmFzZV9yZWZcIjpcIlwiLFwiY2hlY2tfcnVuX2lkXCI6XCI4MTk1Mzk2MzM2MlwiLFwiZXZlbnRfbmFtZVwiOlwid29ya2Zsb3dfZGlzcGF0Y2hcIixcImhlYWRfcmVmXCI6XCJcIixcImpvYl93b3JrZmxvd19yZWZcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrcy8uZ2l0aHViL3dvcmtmbG93cy9wdWJsaXNoLnltbEByZWZzL2hlYWRzL21haW5cIixcImpvYl93b3JrZmxvd19zaGFcIjpcIjg5ZjhiZjY0ZWRkMDJjOGE2ODVkYmM1M2FlNDY4N2QxMGJhMjk1ODlcIixcInJlZlwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJyZWZfcHJvdGVjdGVkXCI6XCJ0cnVlXCIsXCJyZWZfdHlwZVwiOlwiYnJhbmNoXCIsXCJyZXBvc2l0b3J5XCI6XCIxMDBtc2xpdmUvd2ViLXNka3NcIixcInJlcG9zaXRvcnlfaWRcIjpcIjQyOTgyNjUxNVwiLFwicmVwb3NpdG9yeV9vd25lclwiOlwiMTAwbXNsaXZlXCIsXCJyZXBvc2l0b3J5X293bmVyX2lkXCI6XCI3Mzg4MzEzMVwiLFwicmVwb3NpdG9yeV92aXNpYmlsaXR5XCI6XCJwdWJsaWNcIixcInJ1bl9hdHRlbXB0XCI6XCIxXCIsXCJydW5faWRcIjpcIjI3NzA1ODIzODQzXCIsXCJydW5fbnVtYmVyXCI6XCI4NDFcIixcInJ1bm5lcl9lbnZpcm9ubWVudFwiOlwiZ2l0aHViLWhvc3RlZFwiLFwic2hhXCI6XCI4OWY4YmY2NGVkZDAyYzhhNjg1ZGJjNTNhZTQ2ODdkMTBiYTI5NTg5XCIsXCJ3b3JrZmxvd1wiOlwiUHVibGlzaCBQYWNrYWdlc1wiLFwid29ya2Zsb3dfcmVmXCI6XCIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9tYWluXCIsXCJ3b3JrZmxvd19zaGFcIjpcIjg5ZjhiZjY0ZWRkMDJjOGE2ODVkYmM1M2FlNDY4N2QxMGJhMjk1ODlcIn0iLCJvaWRjX3N1YiI6InJlcG86MTAwbXNsaXZlL3dlYi1zZGtzOnJlZjpyZWZzL2hlYWRzL21haW4iLCJvcmNoX2lkIjoiMjNhNjQyY2EtY2UzYi00OWQyLTlkNmEtODNmNjFmNGNmOGZlLnB1Ymxpc2hfcGFja2FnZXMuX19kZWZhdWx0Iiwib3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJwbGFuX2lkIjoiMjNhNjQyY2EtY2UzYi00OWQyLTlkNmEtODNmNjFmNGNmOGZlIiwicmVwb3NpdG9yeV9pZCI6IjQyOTgyNjUxNSIsInJlcG9zaXRvcnlfb3duZXJfaWQiOiI3Mzg4MzEzMSIsInJlcG9zaXRvcnlfdmlzaWJpbGl0eSI6InB1YmxpYyIsInJ1bl9pZCI6IjI3NzA1ODIzODQzIiwicnVuX251bWJlciI6Ijg0MSIsInJ1bl90eXBlIjoiZnVsbCIsInJ1bm5lcl9pZCI6IjEwMDA0MjgzNjgiLCJydW5uZXJfdHlwZSI6Imhvc3RlZCIsInNjcCI6IkFjdGlvbnMuUmVzdWx0czoyM2E2NDJjYS1jZTNiLTQ5ZDItOWQ2YS04M2Y2MWY0Y2Y4ZmU6ZGJkN2Y3NTEtOWI0Mi01M2MwLTlmN2YtMDM5MjllYTUxOGYzIEFjdGlvbnMuUnVubmVyOjIzYTY0MmNhLWNlM2ItNDlkMi05ZDZhLTgzZjYxZjRjZjhmZTpkYmQ3Zjc1MS05YjQyLTUzYzAtOWY3Zi0wMzkyOWVhNTE4ZjMgQWN0aW9ucy5VcGxvYWRBcnRpZmFjdHM6MjNhNjQyY2EtY2UzYi00OWQyLTlkNmEtODNmNjFmNGNmOGZlOmRiZDdmNzUxLTliNDItNTNjMC05ZjdmLTAzOTI5ZWE1MThmMyBnZW5lcmF0ZV9pZF90b2tlbjoyM2E2NDJjYS1jZTNiLTQ5ZDItOWQ2YS04M2Y2MWY0Y2Y4ZmU6ZGJkN2Y3NTEtOWI0Mi01M2MwLTlmN2YtMDM5MjllYTUxOGYzIEFjdGlvbnMuR2VuZXJpY1JlYWQ6MDAwMDAwMDAtMDAwMC0wMDAwLTAwMDAtMDAwMDAwMDAwMDAwIiwic2hhIjoiODlmOGJmNjRlZGQwMmM4YTY4NWRiYzUzYWU0Njg3ZDEwYmEyOTU4OSIsInRydXN0X3RpZXIiOiIxIn0.hZJN9rIjLmaSXrJsVi9kRmUVe6JfamU5_evJSC1GQh8hVmWI7OxtPPHlsRI3S8Xaun0sYEYdMbqhjiRjYxcQs322ttwf9b0-TaG9rejcCN_U7vDk4B7TfUX-D1ueo92LV8zp_-ik9Vl31S09pa-Wk1RxIQRsHqOYH7qKS6Y_c4hXx3voPjlT8jIfjHJ8qTl20j5mgNQ9swkwmBQMPQNVPzWTFNetfHmosRnmuQoO9rT0ysrAEVdYExKwgZhyFTF7CJx-BjaDjQE8glWUIeNfWTCW2lmRgPPgmWjcnNmRS_PUD9mNduNscasjtnmRN1ozEBlakcvericEAAkopQ_VoA", GITHUB_ACTION_REPOSITORY: "", ENABLE_RUNNER_TRACING: "true", npm_package_resolutions_on_headers: "^1.1.0", npm_package_resolutions_semver: "^7.5.2", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.5.0", PATH: "/tmp/yarn--1781715636645-0.8129085463398832:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.16.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1781715636464-0.7435131397045568:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.16.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1781715617179-0.10789412512695762:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.16.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1781715617013-0.79422428849867:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.16.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/24.16.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_8d43ab77-8da8-491a-8b7c-ff4165ee2611", INVOCATION_ID: "4f4ed6f83b2747b9aecb3e9a5fc08b7e", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "841", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^19.6.0", npm_config_legacy_peer_deps: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_resolutions____glob_minimatch: "^3.1.4", npm_package_resolutions_flatted: "^3.4.2", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 1000428368", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions____eslint_minimatch: "^3.1.4", npm_package_resolutions_braces: "^3.0.3", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_resolutions_ip_address: "^10.2.0", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^9.2.1", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.12.3-alpha.1", npm_package_scripts_types: "tsc -w", SHELL: "/bin/bash", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.5.3-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions__octokit_request_error: "^5.1.1", npm_package_resolutions_axios: "^1.16.0", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies_jest_environment_jsdom: "^29.7.0", NX_ISOLATE_PLUGINS: "false", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_resolutions_postcss: "^8.5.14", npm_package_resolutions_fast_uri: "^3.1.2", npm_package_resolutions_follow_redirects: "^1.16.0", npm_package_resolutions_esbuild: "^0.28.1", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^11.1.1", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_resolutions____nx_minimatch: "^9.0.7", npm_package_resolutions__babel_helpers: "^7.29.2", GITHUB_SHA: "89f8bf64edd02c8a685dbc53ae4687d10ba29589", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_package_resolutions____tinyglobby_picomatch: "^4.0.4", npm_package_resolutions__adobe_css_tools: "^4.4.4", npm_package_resolutions_form_data: "^4.0.4", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", NX_TASK_TARGET_TARGET: "build", NX_FORKED_TASK_EXECUTOR: "true", npm_package_dependencies_qrcode_react: "^3.1.0", ACTIONS_RUNNER_RETURN_JOB_RESULT_FOR_HOSTED: "1", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_resolutions_yaml: "^2.8.3", npm_config_strict_ssl: "true", NX_LOAD_DOT_ENV_FILES: "true", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_1febb9e4-0d4d-44ea-a6da-d437d28f0f65", JAVA_HOME: "/usr/lib/jvm/temurin-17-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_resolutions__tootallnate_once: "^3.0.1", npm_package_resolutions____vite_rollup: "^4.59.0", npm_package_scripts_ybys: "yarn && yarn build --no-private", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-1-azure-eastus.actions.githubusercontent.com/123//idtoken/23a642ca-ce3b-49d2-9d6a-83f61f4cf8fe/dbd7f751-9b42-53c0-9f7f-03929ea518f3?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_1febb9e4-0d4d-44ea-a6da-d437d28f0f65", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", npm_package_resolutions_micromatch: "^4.0.8", npm_package_resolutions_js_yaml: "^4.1.1", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.28.1", npm_config_save_prefix: "^", npm_config_ignore_optional: "", NX_TUI: "false", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.3.13750724", SGX_AESM_ADDR: "1", PSModulePath: "/root/.local/share/powershell/Modules:/usr/local/share/powershell/Modules:/opt/microsoft/powershell/7/Modules:/usr/share/az_15.6.1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_resolutions_lodash: "^4.18.1", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_1febb9e4-0d4d-44ea-a6da-d437d28f0f65", npm_package_resolutions_sass: "^1.83.0" };
   }
 });
 
@@ -12628,8 +12637,12 @@ var workerTimers = __toESM(require("worker-timers"));
 
 // src/Prebuilt/components/PIP/pipUtils.js
 init_define_process_env();
+var PIP_CANVAS_WIDTH = 480;
+var PIP_CANVAS_HEIGHT = 360;
 var CANVAS_FILL_COLOR;
 var CANVAS_STROKE_COLOR;
+var BUBBLE_FILL_COLOR;
+var BUBBLE_TEXT_COLOR;
 function setPIPCanvasColors() {
   if (!CANVAS_FILL_COLOR) {
     CANVAS_FILL_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-surface_bright");
@@ -12637,22 +12650,36 @@ function setPIPCanvasColors() {
   if (!CANVAS_STROKE_COLOR) {
     CANVAS_STROKE_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-border_bright");
   }
+  if (!BUBBLE_FILL_COLOR) {
+    BUBBLE_FILL_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-surface_default");
+  }
+  if (!BUBBLE_TEXT_COLOR) {
+    BUBBLE_TEXT_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-on_surface_high");
+  }
 }
 function resetPIPCanvasColors() {
   CANVAS_FILL_COLOR = "";
   CANVAS_STROKE_COLOR = "";
+  BUBBLE_FILL_COLOR = "";
+  BUBBLE_TEXT_COLOR = "";
 }
-function drawVideoElementsOnCanvas(videoElements, canvas) {
+function drawVideoElementsOnCanvas(videoElements, canvas, message) {
+  const ctx = canvas == null ? void 0 : canvas.getContext("2d");
+  if (!ctx) {
+    return;
+  }
   let videoTiles = videoElements.filter((videoElement) => videoElement.srcObject !== null);
-  const ctx = canvas.getContext("2d");
   setPIPCanvasColors();
   ctx.fillStyle = CANVAS_FILL_COLOR;
   ctx.clearRect(0, 0, canvas.width, canvas.height);
   if (videoTiles.length === 0) {
     ctx.fillRect(0, 0, canvas.width, canvas.height);
-    return;
+  } else {
+    fillGridTiles(videoTiles.slice(0, 4), ctx, canvas);
+  }
+  if (message && (message.senderName || message.text)) {
+    drawMessageBubble(ctx, canvas, message);
   }
-  fillGridTiles(videoTiles.slice(0, 4), ctx, canvas);
 }
 function dummyChangeInCanvas(canvas) {
   const ctx = canvas.getContext("2d");
@@ -12662,8 +12689,8 @@ function dummyChangeInCanvas(canvas) {
 }
 function fillGridTiles(videoElements, ctx, canvas) {
   const offset = 8;
-  canvas.width = 480;
-  canvas.height = 320;
+  canvas.width = PIP_CANVAS_WIDTH;
+  canvas.height = PIP_CANVAS_HEIGHT;
   ctx.fillStyle = CANVAS_FILL_COLOR;
   ctx.fillRect(0, 0, canvas.width, canvas.height);
   if (videoElements.length > 0) {
@@ -12735,13 +12762,86 @@ function getRenderDimensions(video, width, height) {
   }
   return { width: finalWidth, height: finalHeight };
 }
+var BUBBLE_MARGIN = 14;
+var BUBBLE_PADDING_X = 16;
+var BUBBLE_PADDING_Y = 14;
+var BUBBLE_SENDER_LINE_HEIGHT = 22;
+var BUBBLE_TEXT_LINE_HEIGHT = 24;
+var BUBBLE_LINE_GAP = 4;
+var BUBBLE_RADIUS = 12;
+var BUBBLE_SENDER_FONT = "600 18px Inter, Arial, sans-serif";
+var BUBBLE_TEXT_FONT = "400 19px Inter, Arial, sans-serif";
+function drawMessageBubble(ctx, canvas, message) {
+  const bubbleWidth = canvas.width - BUBBLE_MARGIN * 2;
+  const bubbleHeight = BUBBLE_PADDING_Y * 2 + BUBBLE_SENDER_LINE_HEIGHT + BUBBLE_LINE_GAP + BUBBLE_TEXT_LINE_HEIGHT;
+  const x = BUBBLE_MARGIN;
+  const y2 = canvas.height - bubbleHeight - BUBBLE_MARGIN;
+  const innerWidth = bubbleWidth - BUBBLE_PADDING_X * 2;
+  ctx.save();
+  ctx.globalAlpha = 0.85;
+  ctx.fillStyle = BUBBLE_FILL_COLOR || CANVAS_FILL_COLOR;
+  traceRoundedRect(ctx, x, y2, bubbleWidth, bubbleHeight, BUBBLE_RADIUS);
+  ctx.fill();
+  ctx.globalAlpha = 1;
+  ctx.lineWidth = 1;
+  ctx.strokeStyle = CANVAS_STROKE_COLOR;
+  traceRoundedRect(ctx, x, y2, bubbleWidth, bubbleHeight, BUBBLE_RADIUS);
+  ctx.stroke();
+  const textColor = BUBBLE_TEXT_COLOR || "#ffffff";
+  ctx.textBaseline = "top";
+  ctx.fillStyle = textColor;
+  const measure = (str) => ctx.measureText(str).width;
+  ctx.font = BUBBLE_SENDER_FONT;
+  ctx.fillText(
+    truncateToWidth(measure, message.senderName || "Anonymous", innerWidth),
+    x + BUBBLE_PADDING_X,
+    y2 + BUBBLE_PADDING_Y
+  );
+  ctx.font = BUBBLE_TEXT_FONT;
+  ctx.globalAlpha = 0.9;
+  ctx.fillText(
+    truncateToWidth(measure, message.text || "", innerWidth),
+    x + BUBBLE_PADDING_X,
+    y2 + BUBBLE_PADDING_Y + BUBBLE_SENDER_LINE_HEIGHT + BUBBLE_LINE_GAP
+  );
+  ctx.restore();
+}
+function traceRoundedRect(ctx, x, y2, width, height, radius) {
+  const r = Math.min(radius, width / 2, height / 2);
+  ctx.beginPath();
+  ctx.moveTo(x + r, y2);
+  ctx.arcTo(x + width, y2, x + width, y2 + height, r);
+  ctx.arcTo(x + width, y2 + height, x, y2 + height, r);
+  ctx.arcTo(x, y2 + height, x, y2, r);
+  ctx.arcTo(x, y2, x + width, y2, r);
+  ctx.closePath();
+}
+var ELLIPSIS = "\u2026";
+function truncateToWidth(measure, text, maxWidth) {
+  if (!text) {
+    return "";
+  }
+  if (measure(text) <= maxWidth) {
+    return text;
+  }
+  let lo2 = 0;
+  let hi2 = text.length;
+  while (lo2 < hi2) {
+    const mid = Math.ceil((lo2 + hi2) / 2);
+    if (measure(text.slice(0, mid) + ELLIPSIS) <= maxWidth) {
+      lo2 = mid;
+    } else {
+      hi2 = mid - 1;
+    }
+  }
+  return text.slice(0, lo2) + ELLIPSIS;
+}
 
 // src/Prebuilt/components/PIP/PIPManager.ts
 var MAX_NUMBER_OF_TILES_IN_PIP = 4;
 var DEFAULT_FPS = 30;
-var DEFAULT_CANVAS_WIDTH = 480;
-var DEFAULT_CANVAS_HEIGHT = 320;
 var LEAVE_EVENT_NAME = "leavepictureinpicture";
+var MESSAGE_TTL_MS = 4e3;
 var PipManager = class {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set();
@@ -12753,6 +12853,8 @@ var PipManager = class {
     this.onStateChange = null;
     this.tracksToShow = [];
     this.state = "stopped" /* stopped */;
+    this.latestMessage = null;
+    this.messageShownAt = 0;
     this.stop = () => __async(this, null, function* () {
       var _a8, _b7;
       if (this.state === "stopped" /* stopped */) {
@@ -12785,6 +12887,25 @@ var PipManager = class {
   listenToStateChange(cb) {
     this.listeners.add(cb);
   }
+  /**
+   * Show an incoming chat message as a transient bubble on the PIP canvas.
+   * The bubble auto-dismisses after MESSAGE_TTL_MS (handled in the render loop).
+   */
+  setLatestMessage(message) {
+    this.latestMessage = message;
+    this.messageShownAt = Date.now();
+  }
+  /**
+   * @private returns the current message if it is still within its display
+   * window, clearing it once expired.
+   */
+  getActiveMessage() {
+    if (this.latestMessage && Date.now() - this.messageShownAt < MESSAGE_TTL_MS) {
+      return this.latestMessage;
+    }
+    this.latestMessage = null;
+    return null;
+  }
   /**
    * @private
    */
@@ -12799,6 +12920,8 @@ var PipManager = class {
     this.tracksToShow = [];
     this.onStateChange = null;
     this.state = "stopped" /* stopped */;
+    this.latestMessage = null;
+    this.messageShownAt = 0;
   }
   /**
    * check if PIP is supported in this browser env
@@ -12893,11 +13016,11 @@ var PipManager = class {
   }
   initializeCanvasAndVideoElement() {
     const canvas = document.createElement("canvas");
-    canvas.width = DEFAULT_CANVAS_WIDTH;
-    canvas.height = DEFAULT_CANVAS_HEIGHT;
+    canvas.width = PIP_CANVAS_WIDTH;
+    canvas.height = PIP_CANVAS_HEIGHT;
     const pipVideo = document.createElement("video");
-    pipVideo.width = DEFAULT_CANVAS_WIDTH;
-    pipVideo.height = DEFAULT_CANVAS_HEIGHT;
+    pipVideo.width = PIP_CANVAS_WIDTH;
+    pipVideo.height = PIP_CANVAS_HEIGHT;
     pipVideo.muted = true;
     pipVideo.srcObject = canvas.captureStream();
     return { canvas, pipVideo };
@@ -12922,10 +13045,15 @@ var PipManager = class {
       if (this.state === "stopping" /* stopping */ || this.state === "stopped" /* stopped */) {
         return;
       }
-      if (this.state === "started" /* started */) {
-        drawVideoElementsOnCanvas(this.videoElements, this.canvas);
+      try {
+        if (this.state === "started" /* started */) {
+          drawVideoElementsOnCanvas(this.videoElements, this.canvas, this.getActiveMessage());
+        }
+      } catch (error) {
+        console.error("error drawing pip canvas", error);
+      } finally {
+        this.renderLoop();
       }
-      this.renderLoop();
     }, delay);
   }
   requestPIP() {
@@ -15177,6 +15305,35 @@ var import_react60 = __toESM(require("react"));
 var import_react_sdk24 = require("@100mslive/react-sdk");
 var import_react_icons20 = require("@100mslive/react-icons");
 
+// src/Prebuilt/components/PIP/pipMessageUtils.ts
+init_define_process_env();
+function pickIncomingMessage(messages, lastShownMessageId, localPeerId) {
+  var _a8;
+  if (!(messages == null ? void 0 : messages.length)) {
+    return { message: null, lastShownMessageId };
+  }
+  const newLastShownMessageId = messages[messages.length - 1].id;
+  const lastShownIndex = messages.findIndex((message) => message.id === lastShownMessageId);
+  if (lastShownMessageId !== void 0 && lastShownIndex === -1) {
+    return { message: null, lastShownMessageId: newLastShownMessageId };
+  }
+  const freshMessages = messages.slice(lastShownIndex + 1);
+  if (!freshMessages.length) {
+    return { message: null, lastShownMessageId };
+  }
+  for (let i = freshMessages.length - 1; i >= 0; i--) {
+    const candidate = freshMessages[i];
+    const text = candidate.message;
+    if (candidate.sender && candidate.sender !== localPeerId && typeof text === "string" && text.trim().length > 0) {
+      return {
+        message: { senderName: (_a8 = candidate.senderName) != null ? _a8 : "Anonymous", text },
+        lastShownMessageId: newLastShownMessageId
+      };
+    }
+  }
+  return { message: null, lastShownMessageId: newLastShownMessageId };
+}
+
 // src/Prebuilt/components/PIP/SetupMediaSession.js
 init_define_process_env();
 var import_react_sdk23 = require("@100mslive/react-sdk");
@@ -15255,7 +15412,8 @@ var ActivatedPIP = () => {
   const pinnedTrack = usePinnedTrack();
   (0, import_react60.useEffect)(() => {
     function subscribeToStore() {
-      return store.subscribe((tracksMap) => {
+      var _a8, _b7;
+      const unsubscribeTracks = store.subscribe((tracksMap) => {
         let pipPeers = store.getState(import_react_sdk24.selectPeers);
         if (pinnedTrack) {
           pipPeers = pipPeers.filter((peer) => pinnedTrack.peerId === peer.id);
@@ -15264,6 +15422,22 @@ var ActivatedPIP = () => {
           console.error("error in updating pip", err);
         });
       }, import_react_sdk24.selectTracksMap);
+      let lastShownMessageId = (_b7 = (_a8 = store.getState(import_react_sdk24.selectHMSMessages)) == null ? void 0 : _a8.slice(-1)[0]) == null ? void 0 : _b7.id;
+      const unsubscribeMessages = store.subscribe((messages) => {
+        try {
+          const result = pickIncomingMessage(messages, lastShownMessageId, store.getState(import_react_sdk24.selectLocalPeerID));
+          lastShownMessageId = result.lastShownMessageId;
+          if (result.message) {
+            PictureInPicture.setLatestMessage(result.message);
+          }
+        } catch (err) {
+          console.error("error surfacing pip chat message", err);
+        }
+      }, import_react_sdk24.selectHMSMessages);
+      return () => {
+        unsubscribeTracks();
+        unsubscribeMessages();
+      };
     }
     let unsubscribe = PictureInPicture.isOn() ? subscribeToStore() : void 0;
     PictureInPicture.listenToStateChange((isOn) => {
@@ -21781,7 +21955,13 @@ var Ar = (a2, e) => {
   if (a2 != null && di) for (var i of di(a2)) e.indexOf(i) < 0 && Es.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var Rn = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var Rn = (a2, e) => () => {
+  try {
+    return e || a2((e = { exports: {} }).exports, e), e.exports;
+  } catch (t) {
+    throw e = 0, t;
+  }
+};
 var c = (a2, e, t) => new Promise((i, r) => {
   var s = (d) => {
     try {
@@ -21799,7 +21979,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
   o((t = t.apply(a2, e)).next());
 });
 var _r = Rn((Td, xn) => {
-  xn.exports = { version: "0.14.2", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^2.0.6", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.39", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+  xn.exports = { version: "0.14.3-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^2.0.6", uuid: "^11.1.1", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.39", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var Rr = ((o) => (o.Disconnected = "Disconnected", o.Preview = "Preview", o.Connecting = "Connecting", o.Connected = "Connected", o.Reconnecting = "Reconnecting", o.Disconnecting = "Disconnecting", o.Failed = "Failed", o))(Rr || {});
 var Hn = ((e) => (e.CHAT = "chat", e))(Hn || {});