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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -37,11 +37,20 @@ var __objRest = (source, exclude) => {
37
37
  }
38
38
  return target;
39
39
  };
40
- var __esm = (fn, res) => function __init() {
41
- return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
40
+ var __esm = (fn, res, err) => function __init() {
41
+ if (err) throw err[0];
42
+ try {
43
+ return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
44
+ } catch (e) {
45
+ throw err = [e], e;
46
+ }
42
47
  };
43
48
  var __commonJS = (cb, mod) => function __require() {
44
- return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
49
+ try {
50
+ return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
51
+ } catch (e) {
52
+ throw mod = 0, e;
53
+ }
45
54
  };
46
55
  var __export = (target, all) => {
47
56
  for (var name in all)
@@ -93,7 +102,7 @@ var __async = (__this, __arguments, generator) => {
93
102
  var define_process_env_default;
94
103
  var init_define_process_env = __esm({
95
104
  "<define:process.env>"() {
96
- 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" };
105
+ 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" };
97
106
  }
98
107
  });
99
108
 
@@ -12611,8 +12620,12 @@ import * as workerTimers from "worker-timers";
12611
12620
 
12612
12621
  // src/Prebuilt/components/PIP/pipUtils.js
12613
12622
  init_define_process_env();
12623
+ var PIP_CANVAS_WIDTH = 480;
12624
+ var PIP_CANVAS_HEIGHT = 360;
12614
12625
  var CANVAS_FILL_COLOR;
12615
12626
  var CANVAS_STROKE_COLOR;
12627
+ var BUBBLE_FILL_COLOR;
12628
+ var BUBBLE_TEXT_COLOR;
12616
12629
  function setPIPCanvasColors() {
12617
12630
  if (!CANVAS_FILL_COLOR) {
12618
12631
  CANVAS_FILL_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-surface_bright");
@@ -12620,22 +12633,36 @@ function setPIPCanvasColors() {
12620
12633
  if (!CANVAS_STROKE_COLOR) {
12621
12634
  CANVAS_STROKE_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-border_bright");
12622
12635
  }
12636
+ if (!BUBBLE_FILL_COLOR) {
12637
+ BUBBLE_FILL_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-surface_default");
12638
+ }
12639
+ if (!BUBBLE_TEXT_COLOR) {
12640
+ BUBBLE_TEXT_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-on_surface_high");
12641
+ }
12623
12642
  }
12624
12643
  function resetPIPCanvasColors() {
12625
12644
  CANVAS_FILL_COLOR = "";
12626
12645
  CANVAS_STROKE_COLOR = "";
12646
+ BUBBLE_FILL_COLOR = "";
12647
+ BUBBLE_TEXT_COLOR = "";
12627
12648
  }
12628
- function drawVideoElementsOnCanvas(videoElements, canvas) {
12649
+ function drawVideoElementsOnCanvas(videoElements, canvas, message) {
12650
+ const ctx = canvas == null ? void 0 : canvas.getContext("2d");
12651
+ if (!ctx) {
12652
+ return;
12653
+ }
12629
12654
  let videoTiles = videoElements.filter((videoElement) => videoElement.srcObject !== null);
12630
- const ctx = canvas.getContext("2d");
12631
12655
  setPIPCanvasColors();
12632
12656
  ctx.fillStyle = CANVAS_FILL_COLOR;
12633
12657
  ctx.clearRect(0, 0, canvas.width, canvas.height);
12634
12658
  if (videoTiles.length === 0) {
12635
12659
  ctx.fillRect(0, 0, canvas.width, canvas.height);
12636
- return;
12660
+ } else {
12661
+ fillGridTiles(videoTiles.slice(0, 4), ctx, canvas);
12662
+ }
12663
+ if (message && (message.senderName || message.text)) {
12664
+ drawMessageBubble(ctx, canvas, message);
12637
12665
  }
12638
- fillGridTiles(videoTiles.slice(0, 4), ctx, canvas);
12639
12666
  }
12640
12667
  function dummyChangeInCanvas(canvas) {
12641
12668
  const ctx = canvas.getContext("2d");
@@ -12645,8 +12672,8 @@ function dummyChangeInCanvas(canvas) {
12645
12672
  }
12646
12673
  function fillGridTiles(videoElements, ctx, canvas) {
12647
12674
  const offset = 8;
12648
- canvas.width = 480;
12649
- canvas.height = 320;
12675
+ canvas.width = PIP_CANVAS_WIDTH;
12676
+ canvas.height = PIP_CANVAS_HEIGHT;
12650
12677
  ctx.fillStyle = CANVAS_FILL_COLOR;
12651
12678
  ctx.fillRect(0, 0, canvas.width, canvas.height);
12652
12679
  if (videoElements.length > 0) {
@@ -12718,13 +12745,86 @@ function getRenderDimensions(video, width, height) {
12718
12745
  }
12719
12746
  return { width: finalWidth, height: finalHeight };
12720
12747
  }
12748
+ var BUBBLE_MARGIN = 14;
12749
+ var BUBBLE_PADDING_X = 16;
12750
+ var BUBBLE_PADDING_Y = 14;
12751
+ var BUBBLE_SENDER_LINE_HEIGHT = 22;
12752
+ var BUBBLE_TEXT_LINE_HEIGHT = 24;
12753
+ var BUBBLE_LINE_GAP = 4;
12754
+ var BUBBLE_RADIUS = 12;
12755
+ var BUBBLE_SENDER_FONT = "600 18px Inter, Arial, sans-serif";
12756
+ var BUBBLE_TEXT_FONT = "400 19px Inter, Arial, sans-serif";
12757
+ function drawMessageBubble(ctx, canvas, message) {
12758
+ const bubbleWidth = canvas.width - BUBBLE_MARGIN * 2;
12759
+ const bubbleHeight = BUBBLE_PADDING_Y * 2 + BUBBLE_SENDER_LINE_HEIGHT + BUBBLE_LINE_GAP + BUBBLE_TEXT_LINE_HEIGHT;
12760
+ const x = BUBBLE_MARGIN;
12761
+ const y2 = canvas.height - bubbleHeight - BUBBLE_MARGIN;
12762
+ const innerWidth = bubbleWidth - BUBBLE_PADDING_X * 2;
12763
+ ctx.save();
12764
+ ctx.globalAlpha = 0.85;
12765
+ ctx.fillStyle = BUBBLE_FILL_COLOR || CANVAS_FILL_COLOR;
12766
+ traceRoundedRect(ctx, x, y2, bubbleWidth, bubbleHeight, BUBBLE_RADIUS);
12767
+ ctx.fill();
12768
+ ctx.globalAlpha = 1;
12769
+ ctx.lineWidth = 1;
12770
+ ctx.strokeStyle = CANVAS_STROKE_COLOR;
12771
+ traceRoundedRect(ctx, x, y2, bubbleWidth, bubbleHeight, BUBBLE_RADIUS);
12772
+ ctx.stroke();
12773
+ const textColor = BUBBLE_TEXT_COLOR || "#ffffff";
12774
+ ctx.textBaseline = "top";
12775
+ ctx.fillStyle = textColor;
12776
+ const measure = (str) => ctx.measureText(str).width;
12777
+ ctx.font = BUBBLE_SENDER_FONT;
12778
+ ctx.fillText(
12779
+ truncateToWidth(measure, message.senderName || "Anonymous", innerWidth),
12780
+ x + BUBBLE_PADDING_X,
12781
+ y2 + BUBBLE_PADDING_Y
12782
+ );
12783
+ ctx.font = BUBBLE_TEXT_FONT;
12784
+ ctx.globalAlpha = 0.9;
12785
+ ctx.fillText(
12786
+ truncateToWidth(measure, message.text || "", innerWidth),
12787
+ x + BUBBLE_PADDING_X,
12788
+ y2 + BUBBLE_PADDING_Y + BUBBLE_SENDER_LINE_HEIGHT + BUBBLE_LINE_GAP
12789
+ );
12790
+ ctx.restore();
12791
+ }
12792
+ function traceRoundedRect(ctx, x, y2, width, height, radius) {
12793
+ const r = Math.min(radius, width / 2, height / 2);
12794
+ ctx.beginPath();
12795
+ ctx.moveTo(x + r, y2);
12796
+ ctx.arcTo(x + width, y2, x + width, y2 + height, r);
12797
+ ctx.arcTo(x + width, y2 + height, x, y2 + height, r);
12798
+ ctx.arcTo(x, y2 + height, x, y2, r);
12799
+ ctx.arcTo(x, y2, x + width, y2, r);
12800
+ ctx.closePath();
12801
+ }
12802
+ var ELLIPSIS = "\u2026";
12803
+ function truncateToWidth(measure, text, maxWidth) {
12804
+ if (!text) {
12805
+ return "";
12806
+ }
12807
+ if (measure(text) <= maxWidth) {
12808
+ return text;
12809
+ }
12810
+ let lo2 = 0;
12811
+ let hi2 = text.length;
12812
+ while (lo2 < hi2) {
12813
+ const mid = Math.ceil((lo2 + hi2) / 2);
12814
+ if (measure(text.slice(0, mid) + ELLIPSIS) <= maxWidth) {
12815
+ lo2 = mid;
12816
+ } else {
12817
+ hi2 = mid - 1;
12818
+ }
12819
+ }
12820
+ return text.slice(0, lo2) + ELLIPSIS;
12821
+ }
12721
12822
 
12722
12823
  // src/Prebuilt/components/PIP/PIPManager.ts
12723
12824
  var MAX_NUMBER_OF_TILES_IN_PIP = 4;
12724
12825
  var DEFAULT_FPS = 30;
12725
- var DEFAULT_CANVAS_WIDTH = 480;
12726
- var DEFAULT_CANVAS_HEIGHT = 320;
12727
12826
  var LEAVE_EVENT_NAME = "leavepictureinpicture";
12827
+ var MESSAGE_TTL_MS = 4e3;
12728
12828
  var PipManager = class {
12729
12829
  constructor() {
12730
12830
  this.listeners = /* @__PURE__ */ new Set();
@@ -12736,6 +12836,8 @@ var PipManager = class {
12736
12836
  this.onStateChange = null;
12737
12837
  this.tracksToShow = [];
12738
12838
  this.state = "stopped" /* stopped */;
12839
+ this.latestMessage = null;
12840
+ this.messageShownAt = 0;
12739
12841
  this.stop = () => __async(this, null, function* () {
12740
12842
  var _a8, _b7;
12741
12843
  if (this.state === "stopped" /* stopped */) {
@@ -12768,6 +12870,25 @@ var PipManager = class {
12768
12870
  listenToStateChange(cb) {
12769
12871
  this.listeners.add(cb);
12770
12872
  }
12873
+ /**
12874
+ * Show an incoming chat message as a transient bubble on the PIP canvas.
12875
+ * The bubble auto-dismisses after MESSAGE_TTL_MS (handled in the render loop).
12876
+ */
12877
+ setLatestMessage(message) {
12878
+ this.latestMessage = message;
12879
+ this.messageShownAt = Date.now();
12880
+ }
12881
+ /**
12882
+ * @private returns the current message if it is still within its display
12883
+ * window, clearing it once expired.
12884
+ */
12885
+ getActiveMessage() {
12886
+ if (this.latestMessage && Date.now() - this.messageShownAt < MESSAGE_TTL_MS) {
12887
+ return this.latestMessage;
12888
+ }
12889
+ this.latestMessage = null;
12890
+ return null;
12891
+ }
12771
12892
  /**
12772
12893
  * @private
12773
12894
  */
@@ -12782,6 +12903,8 @@ var PipManager = class {
12782
12903
  this.tracksToShow = [];
12783
12904
  this.onStateChange = null;
12784
12905
  this.state = "stopped" /* stopped */;
12906
+ this.latestMessage = null;
12907
+ this.messageShownAt = 0;
12785
12908
  }
12786
12909
  /**
12787
12910
  * check if PIP is supported in this browser env
@@ -12876,11 +12999,11 @@ var PipManager = class {
12876
12999
  }
12877
13000
  initializeCanvasAndVideoElement() {
12878
13001
  const canvas = document.createElement("canvas");
12879
- canvas.width = DEFAULT_CANVAS_WIDTH;
12880
- canvas.height = DEFAULT_CANVAS_HEIGHT;
13002
+ canvas.width = PIP_CANVAS_WIDTH;
13003
+ canvas.height = PIP_CANVAS_HEIGHT;
12881
13004
  const pipVideo = document.createElement("video");
12882
- pipVideo.width = DEFAULT_CANVAS_WIDTH;
12883
- pipVideo.height = DEFAULT_CANVAS_HEIGHT;
13005
+ pipVideo.width = PIP_CANVAS_WIDTH;
13006
+ pipVideo.height = PIP_CANVAS_HEIGHT;
12884
13007
  pipVideo.muted = true;
12885
13008
  pipVideo.srcObject = canvas.captureStream();
12886
13009
  return { canvas, pipVideo };
@@ -12905,10 +13028,15 @@ var PipManager = class {
12905
13028
  if (this.state === "stopping" /* stopping */ || this.state === "stopped" /* stopped */) {
12906
13029
  return;
12907
13030
  }
12908
- if (this.state === "started" /* started */) {
12909
- drawVideoElementsOnCanvas(this.videoElements, this.canvas);
13031
+ try {
13032
+ if (this.state === "started" /* started */) {
13033
+ drawVideoElementsOnCanvas(this.videoElements, this.canvas, this.getActiveMessage());
13034
+ }
13035
+ } catch (error) {
13036
+ console.error("error drawing pip canvas", error);
13037
+ } finally {
13038
+ this.renderLoop();
12910
13039
  }
12911
- this.renderLoop();
12912
13040
  }, delay);
12913
13041
  }
12914
13042
  requestPIP() {
@@ -15221,7 +15349,7 @@ import {
15221
15349
  selectAppData as selectAppData3,
15222
15350
  selectIsTranscriptionAllowedByMode,
15223
15351
  selectIsTranscriptionEnabled as selectIsTranscriptionEnabled3,
15224
- selectLocalPeerID as selectLocalPeerID6,
15352
+ selectLocalPeerID as selectLocalPeerID7,
15225
15353
  useHMSActions as useHMSActions23,
15226
15354
  useHMSStore as useHMSStore28
15227
15355
  } from "@100mslive/react-sdk";
@@ -15242,9 +15370,45 @@ import React45 from "react";
15242
15370
  // src/Prebuilt/components/PIP/PIPComponent.tsx
15243
15371
  init_define_process_env();
15244
15372
  import React44, { useCallback as useCallback11, useEffect as useEffect14, useState as useState15 } from "react";
15245
- import { selectPeers as selectPeers2, selectTracksMap, useHMSActions as useHMSActions10, useHMSVanillaStore as useHMSVanillaStore6 } from "@100mslive/react-sdk";
15373
+ import {
15374
+ selectHMSMessages,
15375
+ selectLocalPeerID as selectLocalPeerID2,
15376
+ selectPeers as selectPeers2,
15377
+ selectTracksMap,
15378
+ useHMSActions as useHMSActions10,
15379
+ useHMSVanillaStore as useHMSVanillaStore6
15380
+ } from "@100mslive/react-sdk";
15246
15381
  import { PipIcon } from "@100mslive/react-icons";
15247
15382
 
15383
+ // src/Prebuilt/components/PIP/pipMessageUtils.ts
15384
+ init_define_process_env();
15385
+ function pickIncomingMessage(messages, lastShownMessageId, localPeerId) {
15386
+ var _a8;
15387
+ if (!(messages == null ? void 0 : messages.length)) {
15388
+ return { message: null, lastShownMessageId };
15389
+ }
15390
+ const newLastShownMessageId = messages[messages.length - 1].id;
15391
+ const lastShownIndex = messages.findIndex((message) => message.id === lastShownMessageId);
15392
+ if (lastShownMessageId !== void 0 && lastShownIndex === -1) {
15393
+ return { message: null, lastShownMessageId: newLastShownMessageId };
15394
+ }
15395
+ const freshMessages = messages.slice(lastShownIndex + 1);
15396
+ if (!freshMessages.length) {
15397
+ return { message: null, lastShownMessageId };
15398
+ }
15399
+ for (let i = freshMessages.length - 1; i >= 0; i--) {
15400
+ const candidate = freshMessages[i];
15401
+ const text = candidate.message;
15402
+ if (candidate.sender && candidate.sender !== localPeerId && typeof text === "string" && text.trim().length > 0) {
15403
+ return {
15404
+ message: { senderName: (_a8 = candidate.senderName) != null ? _a8 : "Anonymous", text },
15405
+ lastShownMessageId: newLastShownMessageId
15406
+ };
15407
+ }
15408
+ }
15409
+ return { message: null, lastShownMessageId: newLastShownMessageId };
15410
+ }
15411
+
15248
15412
  // src/Prebuilt/components/PIP/SetupMediaSession.js
15249
15413
  init_define_process_env();
15250
15414
  import { selectIsLocalAudioEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled3 } from "@100mslive/react-sdk";
@@ -15323,7 +15487,8 @@ var ActivatedPIP = () => {
15323
15487
  const pinnedTrack = usePinnedTrack();
15324
15488
  useEffect14(() => {
15325
15489
  function subscribeToStore() {
15326
- return store.subscribe((tracksMap) => {
15490
+ var _a8, _b7;
15491
+ const unsubscribeTracks = store.subscribe((tracksMap) => {
15327
15492
  let pipPeers = store.getState(selectPeers2);
15328
15493
  if (pinnedTrack) {
15329
15494
  pipPeers = pipPeers.filter((peer) => pinnedTrack.peerId === peer.id);
@@ -15332,6 +15497,22 @@ var ActivatedPIP = () => {
15332
15497
  console.error("error in updating pip", err);
15333
15498
  });
15334
15499
  }, selectTracksMap);
15500
+ let lastShownMessageId = (_b7 = (_a8 = store.getState(selectHMSMessages)) == null ? void 0 : _a8.slice(-1)[0]) == null ? void 0 : _b7.id;
15501
+ const unsubscribeMessages = store.subscribe((messages) => {
15502
+ try {
15503
+ const result = pickIncomingMessage(messages, lastShownMessageId, store.getState(selectLocalPeerID2));
15504
+ lastShownMessageId = result.lastShownMessageId;
15505
+ if (result.message) {
15506
+ PictureInPicture.setLatestMessage(result.message);
15507
+ }
15508
+ } catch (err) {
15509
+ console.error("error surfacing pip chat message", err);
15510
+ }
15511
+ }, selectHMSMessages);
15512
+ return () => {
15513
+ unsubscribeTracks();
15514
+ unsubscribeMessages();
15515
+ };
15335
15516
  }
15336
15517
  let unsubscribe = PictureInPicture.isOn() ? subscribeToStore() : void 0;
15337
15518
  PictureInPicture.listenToStateChange((isOn) => {
@@ -15362,8 +15543,8 @@ var PIP = ({ content = null }) => {
15362
15543
  init_define_process_env();
15363
15544
  import React50, { useCallback as useCallback16, useEffect as useEffect17, useMemo as useMemo7, useState as useState19 } from "react";
15364
15545
  import {
15365
- selectHMSMessages as selectHMSMessages2,
15366
- selectLocalPeerID as selectLocalPeerID3,
15546
+ selectHMSMessages as selectHMSMessages3,
15547
+ selectLocalPeerID as selectLocalPeerID4,
15367
15548
  selectPeerNameByID as selectPeerNameByID3,
15368
15549
  selectSessionStore as selectSessionStore6,
15369
15550
  selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
@@ -15412,8 +15593,8 @@ import { useMedia as useMedia7 } from "react-use";
15412
15593
  import AutoSizer from "react-virtualized-auto-sizer";
15413
15594
  import { VariableSizeList } from "react-window";
15414
15595
  import {
15415
- selectHMSMessages,
15416
- selectLocalPeerID as selectLocalPeerID2,
15596
+ selectHMSMessages as selectHMSMessages2,
15597
+ selectLocalPeerID as selectLocalPeerID3,
15417
15598
  selectLocalPeerName as selectLocalPeerName2,
15418
15599
  selectLocalPeerRoleName,
15419
15600
  selectPeerNameByID as selectPeerNameByID2,
@@ -15918,7 +16099,7 @@ var ChatMessage = React49.memo(
15918
16099
  const isMobile = useMedia7(config.media.md);
15919
16100
  const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
15920
16101
  const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
15921
- const localPeerId = useHMSStore19(selectLocalPeerID2);
16102
+ const localPeerId = useHMSStore19(selectLocalPeerID3);
15922
16103
  const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
15923
16104
  const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
15924
16105
  const messageType = getMessageType({
@@ -16150,7 +16331,7 @@ var VirtualizedChatMessages = React49.forwardRef(({ messages, scrollToBottom },
16150
16331
  });
16151
16332
  var ChatBody = React49.forwardRef(
16152
16333
  ({ scrollToBottom }, listRef) => {
16153
- const messages = useHMSStore19(selectHMSMessages);
16334
+ const messages = useHMSStore19(selectHMSMessages2);
16154
16335
  const blacklistedMessageIDs = useHMSStore19(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
16155
16336
  const filteredMessages = useMemo6(() => {
16156
16337
  const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
@@ -16205,8 +16386,8 @@ var PinnedBy = ({
16205
16386
  // src/Prebuilt/components/PIP/PIPChat.tsx
16206
16387
  var PIPChat = () => {
16207
16388
  var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k;
16208
- const messages = useHMSStore20(selectHMSMessages2);
16209
- const localPeerID = useHMSStore20(selectLocalPeerID3);
16389
+ const messages = useHMSStore20(selectHMSMessages3);
16390
+ const localPeerID = useHMSStore20(selectLocalPeerID4);
16210
16391
  const count = useHMSStore20(selectUnreadHMSMessagesCount2);
16211
16392
  const [unreadMessageCount, setUnreadMessageCount] = useState19(0);
16212
16393
  const getSenderName = useCallback16(
@@ -16880,7 +17061,7 @@ import { useMedia as useMedia9 } from "react-use";
16880
17061
  import { match as match4, P as P3 } from "ts-pattern";
16881
17062
  import {
16882
17063
  selectHMSStats as selectHMSStats3,
16883
- selectLocalPeerID as selectLocalPeerID4,
17064
+ selectLocalPeerID as selectLocalPeerID5,
16884
17065
  selectPeersMap,
16885
17066
  selectTracksMap as selectTracksMap2,
16886
17067
  useHMSActions as useHMSActions17,
@@ -17030,7 +17211,7 @@ var StatsForNerds = ({ open, onOpenChange }) => {
17030
17211
  var useTracksWithLabel = () => {
17031
17212
  const tracksMap = useHMSStore23(selectTracksMap2);
17032
17213
  const peersMap = useHMSStore23(selectPeersMap);
17033
- const localPeerID = useHMSStore23(selectLocalPeerID4);
17214
+ const localPeerID = useHMSStore23(selectLocalPeerID5);
17034
17215
  const tracksWithLabels = useMemo8(
17035
17216
  () => Object.values(tracksMap).reduce((res, track) => {
17036
17217
  var _a8, _b7;
@@ -17534,7 +17715,7 @@ init_define_process_env();
17534
17715
  import { useCallback as useCallback21 } from "react";
17535
17716
  import {
17536
17717
  selectHasPeerHandRaised,
17537
- selectLocalPeerID as selectLocalPeerID5,
17718
+ selectLocalPeerID as selectLocalPeerID6,
17538
17719
  selectPeerMetadata as selectPeerMetadata2,
17539
17720
  useHMSActions as useHMSActions21,
17540
17721
  useHMSStore as useHMSStore27,
@@ -17542,7 +17723,7 @@ import {
17542
17723
  } from "@100mslive/react-sdk";
17543
17724
  var useMyMetadata = () => {
17544
17725
  const hmsActions = useHMSActions21();
17545
- const localPeerId = useHMSStore27(selectLocalPeerID5);
17726
+ const localPeerId = useHMSStore27(selectLocalPeerID6);
17546
17727
  const vanillaStore = useHMSVanillaStore9();
17547
17728
  const metaData = useHMSStore27(selectPeerMetadata2(localPeerId));
17548
17729
  const isHandRaised = useHMSStore27(selectHasPeerHandRaised(localPeerId));
@@ -17713,7 +17894,7 @@ var DesktopOptions = ({
17713
17894
  elements,
17714
17895
  screenType
17715
17896
  }) => {
17716
- const localPeerId = useHMSStore28(selectLocalPeerID6);
17897
+ const localPeerId = useHMSStore28(selectLocalPeerID7);
17717
17898
  const hmsActions = useHMSActions23();
17718
17899
  const enablHlsStats = useHMSStore28(selectAppData3(APP_DATA.hlsStats));
17719
17900
  const [openModals, setOpenModals] = useState27(/* @__PURE__ */ new Set());
@@ -21928,7 +22109,13 @@ var Ar = (a2, e) => {
21928
22109
  if (a2 != null && di) for (var i of di(a2)) e.indexOf(i) < 0 && Es.call(a2, i) && (t[i] = a2[i]);
21929
22110
  return t;
21930
22111
  };
21931
- var Rn = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
22112
+ var Rn = (a2, e) => () => {
22113
+ try {
22114
+ return e || a2((e = { exports: {} }).exports, e), e.exports;
22115
+ } catch (t) {
22116
+ throw e = 0, t;
22117
+ }
22118
+ };
21932
22119
  var c = (a2, e, t) => new Promise((i, r) => {
21933
22120
  var s = (d) => {
21934
22121
  try {
@@ -21946,7 +22133,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
21946
22133
  o((t = t.apply(a2, e)).next());
21947
22134
  });
21948
22135
  var _r = Rn((Td, xn) => {
21949
- 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"] };
22136
+ 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"] };
21950
22137
  });
21951
22138
  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 || {});
21952
22139
  var Hn = ((e) => (e.CHAT = "chat", e))(Hn || {});
@@ -24417,7 +24604,7 @@ import {
24417
24604
  selectHasPeerHandRaised as selectHasPeerHandRaised2,
24418
24605
  selectIsLargeRoom as selectIsLargeRoom2,
24419
24606
  selectIsPeerAudioEnabled,
24420
- selectLocalPeerID as selectLocalPeerID8,
24607
+ selectLocalPeerID as selectLocalPeerID9,
24421
24608
  selectPeerCount as selectPeerCount4,
24422
24609
  selectPermissions as selectPermissions14,
24423
24610
  useHMSStore as useHMSStore44
@@ -24553,12 +24740,12 @@ var ConnectionIndicator = ({
24553
24740
  // src/Prebuilt/components/RemoveParticipant.tsx
24554
24741
  init_define_process_env();
24555
24742
  import React80 from "react";
24556
- import { selectLocalPeerID as selectLocalPeerID7, selectPermissions as selectPermissions10, useHMSActions as useHMSActions29, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
24743
+ import { selectLocalPeerID as selectLocalPeerID8, selectPermissions as selectPermissions10, useHMSActions as useHMSActions29, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
24557
24744
  import { PeopleRemoveIcon as PeopleRemoveIcon3 } from "@100mslive/react-icons";
24558
24745
  var RemoveParticipant = ({ peerId }) => {
24559
24746
  var _a8;
24560
24747
  const canRemoveOthers = (_a8 = useHMSStore38(selectPermissions10)) == null ? void 0 : _a8.removeOthers;
24561
- const localPeerId = useHMSStore38(selectLocalPeerID7);
24748
+ const localPeerId = useHMSStore38(selectLocalPeerID8);
24562
24749
  const actions = useHMSActions29();
24563
24750
  if (peerId === localPeerId || !canRemoveOthers) {
24564
24751
  return null;
@@ -25079,7 +25266,7 @@ var Participant = ({
25079
25266
  isHandRaisedAccordion,
25080
25267
  style
25081
25268
  }) => {
25082
- const localPeerId = useHMSStore44(selectLocalPeerID8);
25269
+ const localPeerId = useHMSStore44(selectLocalPeerID9);
25083
25270
  return /* @__PURE__ */ React83.createElement(
25084
25271
  Flex,
25085
25272
  {
@@ -26534,7 +26721,7 @@ var LeaderboardEntry = ({
26534
26721
  // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
26535
26722
  init_define_process_env();
26536
26723
  import React103 from "react";
26537
- import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
26724
+ import { selectLocalPeerID as selectLocalPeerID10, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
26538
26725
 
26539
26726
  // src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
26540
26727
  init_define_process_env();
@@ -26600,7 +26787,7 @@ var useQuizSummary = (quizID) => {
26600
26787
 
26601
26788
  // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
26602
26789
  var PeerParticipationSummary = ({ quiz }) => {
26603
- const localPeerId = useHMSStore51(selectLocalPeerID9);
26790
+ const localPeerId = useHMSStore51(selectLocalPeerID10);
26604
26791
  const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
26605
26792
  if (quiz.state !== "stopped") {
26606
26793
  return /* @__PURE__ */ React103.createElement(React103.Fragment, null);
@@ -28499,7 +28686,7 @@ import {
28499
28686
  selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
28500
28687
  selectHasPeerHandRaised as selectHasPeerHandRaised3,
28501
28688
  selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
28502
- selectLocalPeerID as selectLocalPeerID11,
28689
+ selectLocalPeerID as selectLocalPeerID12,
28503
28690
  selectPeerMetadata as selectPeerMetadata4,
28504
28691
  selectPeerNameByID as selectPeerNameByID5,
28505
28692
  selectVideoTrackByID as selectVideoTrackByID3,
@@ -28564,7 +28751,7 @@ init_define_process_env();
28564
28751
  import React127, { useState as useState55 } from "react";
28565
28752
  import { useMedia as useMedia23 } from "react-use";
28566
28753
  import {
28567
- selectLocalPeerID as selectLocalPeerID10,
28754
+ selectLocalPeerID as selectLocalPeerID11,
28568
28755
  selectPeerByID as selectPeerByID2,
28569
28756
  selectPermissions as selectPermissions19,
28570
28757
  selectTrackByID as selectTrackByID3,
@@ -28906,7 +29093,7 @@ var TileMenu = ({
28906
29093
  var _a8, _b7;
28907
29094
  const [open, setOpen] = useState55(false);
28908
29095
  const { theme: theme2 } = useTheme();
28909
- const localPeerID = useHMSStore67(selectLocalPeerID10);
29096
+ const localPeerID = useHMSStore67(selectLocalPeerID11);
28910
29097
  const isLocal = localPeerID === peerID;
28911
29098
  const { removeOthers } = useHMSStore67(selectPermissions19) || {};
28912
29099
  const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
@@ -28995,7 +29182,7 @@ var Tile = ({
28995
29182
  const track = useHMSStore68(trackSelector);
28996
29183
  const peerName = useHMSStore68(selectPeerNameByID5(peerId));
28997
29184
  const audioTrack = useHMSStore68(selectAudioTrackByPeerID2(peerId));
28998
- const localPeerID = useHMSStore68(selectLocalPeerID11);
29185
+ const localPeerID = useHMSStore68(selectLocalPeerID12);
28999
29186
  const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
29000
29187
  const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
29001
29188
  const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
@@ -29956,7 +30143,7 @@ import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon5 }
29956
30143
  init_define_process_env();
29957
30144
  import React153, { useEffect as useEffect53, useMemo as useMemo20, useState as useState66 } from "react";
29958
30145
  import {
29959
- selectLocalPeerID as selectLocalPeerID13,
30146
+ selectLocalPeerID as selectLocalPeerID14,
29960
30147
  selectLocalPeerRoleName as selectLocalPeerRoleName5,
29961
30148
  selectPeers as selectPeers3,
29962
30149
  selectPeerScreenSharing as selectPeerScreenSharing2,
@@ -30624,7 +30811,7 @@ import React150, { useRef as useRef30, useState as useState64 } from "react";
30624
30811
  import { useFullscreen as useFullscreen2, useMedia as useMedia34 } from "react-use";
30625
30812
  import screenfull2 from "screenfull";
30626
30813
  import {
30627
- selectLocalPeerID as selectLocalPeerID12,
30814
+ selectLocalPeerID as selectLocalPeerID13,
30628
30815
  selectPeerByID as selectPeerByID4,
30629
30816
  selectScreenShareAudioByPeerID,
30630
30817
  selectScreenShareByPeerID as selectScreenShareByPeerID2,
@@ -30783,7 +30970,7 @@ var labelStyles = {
30783
30970
  flexShrink: 0
30784
30971
  };
30785
30972
  var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
30786
- const isLocal = useHMSStore76(selectLocalPeerID12) === peerId;
30973
+ const isLocal = useHMSStore76(selectLocalPeerID13) === peerId;
30787
30974
  const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
30788
30975
  const { theme: theme2 } = useTheme();
30789
30976
  const peer = useHMSStore76(selectPeerByID4(peerId));
@@ -31104,7 +31291,7 @@ var GridLayout = ({
31104
31291
  const pinnedTrack = usePinnedTrack();
31105
31292
  const peers = useHMSStore79(selectPeers3);
31106
31293
  const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
31107
- const localPeerID = useHMSStore79(selectLocalPeerID13);
31294
+ const localPeerID = useHMSStore79(selectLocalPeerID14);
31108
31295
  const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
31109
31296
  const isRoleProminence = prominentRoles.length && peers.some(
31110
31297
  (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -34556,12 +34743,12 @@ function AutoplayBlockedModal() {
34556
34743
  init_define_process_env();
34557
34744
  import React185, { useEffect as useEffect69 } from "react";
34558
34745
  import { v4 as uuid4 } from "uuid";
34559
- import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
34746
+ import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
34560
34747
  import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
34561
34748
  var NOTIFICATION_TIME_DIFFERENCE = 5e3;
34562
34749
  var ChatNotifications = () => {
34563
34750
  const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
34564
- const localPeerId = useHMSStore89(selectLocalPeerID14);
34751
+ const localPeerId = useHMSStore89(selectLocalPeerID15);
34565
34752
  useEffect69(() => {
34566
34753
  var _a8, _b7;
34567
34754
  if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -35178,7 +35365,7 @@ init_define_process_env();
35178
35365
  import React191, { useEffect as useEffect78 } from "react";
35179
35366
  import {
35180
35367
  HMSNotificationTypes as HMSNotificationTypes10,
35181
- selectLocalPeerID as selectLocalPeerID15,
35368
+ selectLocalPeerID as selectLocalPeerID16,
35182
35369
  selectPeerNameByID as selectPeerNameByID8,
35183
35370
  useHMSNotifications as useHMSNotifications11,
35184
35371
  useHMSStore as useHMSStore93,
@@ -35188,7 +35375,7 @@ var notificationTypes2 = [HMSNotificationTypes10.POLL_STARTED, HMSNotificationTy
35188
35375
  var pollToastKey = {};
35189
35376
  var PollNotificationModal = () => {
35190
35377
  const togglePollView = usePollViewToggle();
35191
- const localPeerID = useHMSStore93(selectLocalPeerID15);
35378
+ const localPeerID = useHMSStore93(selectLocalPeerID16);
35192
35379
  const vanillaStore = useHMSVanillaStore18();
35193
35380
  const screenProps = useRoomLayoutConferencingScreen();
35194
35381
  const notification = useHMSNotifications11(notificationTypes2);
@@ -35664,7 +35851,7 @@ import React202, { useCallback as useCallback41, useEffect as useEffect86, useMe
35664
35851
  import { useMedia as useMedia50 } from "react-use";
35665
35852
  import {
35666
35853
  selectIsLargeRoom as selectIsLargeRoom4,
35667
- selectLocalPeerID as selectLocalPeerID16,
35854
+ selectLocalPeerID as selectLocalPeerID17,
35668
35855
  selectPeerNameByID as selectPeerNameByID9,
35669
35856
  useCustomEvent as useCustomEvent5,
35670
35857
  useHMSActions as useHMSActions57,
@@ -35695,7 +35882,7 @@ var getStartingPoints = (isMobile) => {
35695
35882
  return arr;
35696
35883
  };
35697
35884
  function FlyingEmoji() {
35698
- const localPeerId = useHMSStore97(selectLocalPeerID16);
35885
+ const localPeerId = useHMSStore97(selectLocalPeerID17);
35699
35886
  const vanillaStore = useHMSVanillaStore19();
35700
35887
  const hmsActions = useHMSActions57();
35701
35888
  const [emojis, setEmojis] = useState85([]);