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

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_e948db07-9188-49d0-8996-dc586255277c", 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.0", 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.0", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_e948db07-9188-49d0-8996-dc586255277c", 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.0", 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: "2037", ACTIONS_ORCHESTRATION_ID: "399de536-7f4b-4e41-aba5-a1950dd7822e.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:16684", 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.0", 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: "27704580453", 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: "6e0598e5cb37235c8d377c0a990ebec21ab57df8", 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: "4703825063290312234", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/enable-pip-safari", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9lbmFibGUtcGlwLXNhZmFyaVwiLFwiUGVybWlzc2lvblwiOjN9LHtcIlNjb3BlXCI6XCJyZWZzL2hlYWRzL21haW5cIixcIlBlcm1pc3Npb25cIjoxfV0iLCJhY3NsIjoiMTAiLCJhdWQiOiJ2c286NWUxMmUwMDktZGQwMS00Y2NjLTllODktNDUyMzAyNTAzZGI1IiwiYmlsbGluZ19vd25lcl9pZCI6IkVfa2dET0FBT0V2USIsImV4cCI6MTc4MTczNjQ5MSwiaHR0cDovL3NjaGVtYXMubWljcm9zb2Z0LmNvbS93cy8yMDA4LzA2L2lkZW50aXR5L2NsYWltcy9wcmltYXJ5c2lkIjoiZGRkZGRkZGQtZGRkZC1kZGRkLWRkZGQtZGRkZGRkZGRkZGRkIiwiaHR0cDovL3NjaGVtYXMueG1sc29hcC5vcmcvd3MvMjAwNS8wNS9pZGVudGl0eS9jbGFpbXMvc2lkIjoiZGRkZGRkZGQtZGRkZC1kZGRkLWRkZGQtZGRkZGRkZGRkZGRkIiwiaWF0IjoxNzgxNzE0MjkxLCJpc3MiOiJodHRwczovL3Rva2VuLmFjdGlvbnMuZ2l0aHVidXNlcmNvbnRlbnQuY29tIiwiam9iX2lkIjoiODU1ODA1ODMtYjZlMS01ODY3LWFlNzktZTQxNjM5MzY4MmRmIiwibmFtZWlkIjoiZGRkZGRkZGQtZGRkZC1kZGRkLWRkZGQtZGRkZGRkZGRkZGRkIiwibmJmIjoxNzgxNzEzOTkxLCJvaWRjX2V4dHJhIjoie1wiYWN0b3JcIjpcInJhdml0ZWphODNcIixcImFjdG9yX2lkXCI6XCI2NzYzMjYxXCIsXCJiYXNlX3JlZlwiOlwiXCIsXCJjaGVja19ydW5faWRcIjpcIjgxOTQ5NjM3MTI0XCIsXCJldmVudF9uYW1lXCI6XCJ3b3JrZmxvd19kaXNwYXRjaFwiLFwiaGVhZF9yZWZcIjpcIlwiLFwiam9iX3dvcmtmbG93X3JlZlwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvZW5hYmxlLXBpcC1zYWZhcmlcIixcImpvYl93b3JrZmxvd19zaGFcIjpcIjZlMDU5OGU1Y2IzNzIzNWM4ZDM3N2MwYTk5MGViZWMyMWFiNTdkZjhcIixcInJlZlwiOlwicmVmcy9oZWFkcy9lbmFibGUtcGlwLXNhZmFyaVwiLFwicmVmX3Byb3RlY3RlZFwiOlwiZmFsc2VcIixcInJlZl90eXBlXCI6XCJicmFuY2hcIixcInJlcG9zaXRvcnlcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrc1wiLFwicmVwb3NpdG9yeV9pZFwiOlwiNDI5ODI2NTE1XCIsXCJyZXBvc2l0b3J5X293bmVyXCI6XCIxMDBtc2xpdmVcIixcInJlcG9zaXRvcnlfb3duZXJfaWRcIjpcIjczODgzMTMxXCIsXCJyZXBvc2l0b3J5X3Zpc2liaWxpdHlcIjpcInB1YmxpY1wiLFwicnVuX2F0dGVtcHRcIjpcIjFcIixcInJ1bl9pZFwiOlwiMjc3MDQ1ODA0NTNcIixcInJ1bl9udW1iZXJcIjpcIjg0MFwiLFwicnVubmVyX2Vudmlyb25tZW50XCI6XCJnaXRodWItaG9zdGVkXCIsXCJzaGFcIjpcIjZlMDU5OGU1Y2IzNzIzNWM4ZDM3N2MwYTk5MGViZWMyMWFiNTdkZjhcIixcIndvcmtmbG93XCI6XCJQdWJsaXNoIFBhY2thZ2VzXCIsXCJ3b3JrZmxvd19yZWZcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrcy8uZ2l0aHViL3dvcmtmbG93cy9wdWJsaXNoLnltbEByZWZzL2hlYWRzL2VuYWJsZS1waXAtc2FmYXJpXCIsXCJ3b3JrZmxvd19zaGFcIjpcIjZlMDU5OGU1Y2IzNzIzNWM4ZDM3N2MwYTk5MGViZWMyMWFiNTdkZjhcIn0iLCJvaWRjX3N1YiI6InJlcG86MTAwbXNsaXZlL3dlYi1zZGtzOnJlZjpyZWZzL2hlYWRzL2VuYWJsZS1waXAtc2FmYXJpIiwib3JjaF9pZCI6IjM5OWRlNTM2LTdmNGItNGU0MS1hYmE1LWExOTUwZGQ3ODIyZS5wdWJsaXNoX3BhY2thZ2VzLl9fZGVmYXVsdCIsIm93bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwicGxhbl9pZCI6IjM5OWRlNTM2LTdmNGItNGU0MS1hYmE1LWExOTUwZGQ3ODIyZSIsInJlcG9zaXRvcnlfaWQiOiI0Mjk4MjY1MTUiLCJyZXBvc2l0b3J5X293bmVyX2lkIjoiNzM4ODMxMzEiLCJyZXBvc2l0b3J5X3Zpc2liaWxpdHkiOiJwdWJsaWMiLCJydW5faWQiOiIyNzcwNDU4MDQ1MyIsInJ1bl9udW1iZXIiOiI4NDAiLCJydW5fdHlwZSI6ImZ1bGwiLCJydW5uZXJfaWQiOiIxMDAwNDI4MjkyIiwicnVubmVyX3R5cGUiOiJob3N0ZWQiLCJzY3AiOiJBY3Rpb25zLlJlc3VsdHM6Mzk5ZGU1MzYtN2Y0Yi00ZTQxLWFiYTUtYTE5NTBkZDc4MjJlOjg1NTgwNTgzLWI2ZTEtNTg2Ny1hZTc5LWU0MTYzOTM2ODJkZiBBY3Rpb25zLlJ1bm5lcjozOTlkZTUzNi03ZjRiLTRlNDEtYWJhNS1hMTk1MGRkNzgyMmU6ODU1ODA1ODMtYjZlMS01ODY3LWFlNzktZTQxNjM5MzY4MmRmIEFjdGlvbnMuVXBsb2FkQXJ0aWZhY3RzOjM5OWRlNTM2LTdmNGItNGU0MS1hYmE1LWExOTUwZGQ3ODIyZTo4NTU4MDU4My1iNmUxLTU4NjctYWU3OS1lNDE2MzkzNjgyZGYgZ2VuZXJhdGVfaWRfdG9rZW46Mzk5ZGU1MzYtN2Y0Yi00ZTQxLWFiYTUtYTE5NTBkZDc4MjJlOjg1NTgwNTgzLWI2ZTEtNTg2Ny1hZTc5LWU0MTYzOTM2ODJkZiBBY3Rpb25zLkdlbmVyaWNSZWFkOjAwMDAwMDAwLTAwMDAtMDAwMC0wMDAwLTAwMDAwMDAwMDAwMCIsInNoYSI6IjZlMDU5OGU1Y2IzNzIzNWM4ZDM3N2MwYTk5MGViZWMyMWFiNTdkZjgiLCJ0cnVzdF90aWVyIjoiMSJ9.2r5N_ApdHyHXZrFfSOEEZ0hK6wyAW8PYV8DBTxViXX13VH-Grroa-giLhhjwkz-sIEraydIKsXnvXhJRekUa9a3l6upHAZ-flTq5p3Cy1GLb_Pn6et2IkCzRcsw3g_2kZgRqU_uDulXGoGf-4OgzWAsGDXykJUEWfi4u-iwKZx9CTRiywg_xrhC3mY_Mu2QuaDuHKzLCF6fQ_44sW7WmbgrHmZV1WJ-y_bcvXFoTTYo15fYspv9aHUR5gDBCwGyGR1EJeLYa0T5b45j0L7nRxZAKfZzIKAR8WYQHxI9D7kVO3eXMTsIfb8xvxAq6KemZZw7aWK2IZQc65mz73X3z9g", 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--1781714351755-0.41577409028214074:/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--1781714351567-0.5071762613108749:/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--1781714331297-0.7464114779168166:/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--1781714331132-0.22226034051053145:/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_29b701a3-d63f-4d82-8101-bae8243d743a", INVOCATION_ID: "09a8344721584edcb6082710ec569a36", 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: "840", 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 1000428292", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "enable-pip-safari", 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.0", 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.0", 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: "false", 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: "6e0598e5cb37235c8d377c0a990ebec21ab57df8", 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/enable-pip-safari", 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_e948db07-9188-49d0-8996-dc586255277c", 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/167//idtoken/399de536-7f4b-4e41-aba5-a1950dd7822e/85580583-b6e1-5867-ae79-e416393682df?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_e948db07-9188-49d0-8996-dc586255277c", 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_e948db07-9188-49d0-8996-dc586255277c", 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,12 +12870,33 @@ 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
  */
12774
12895
  reset() {
12896
+ var _a8;
12775
12897
  console.debug("resetting PIP state");
12776
12898
  resetPIPCanvasColors();
12899
+ (_a8 = this.pipVideo) == null ? void 0 : _a8.remove();
12777
12900
  this.canvas = null;
12778
12901
  this.pipVideo = null;
12779
12902
  this.timeoutRef = 0;
@@ -12782,12 +12905,14 @@ var PipManager = class {
12782
12905
  this.tracksToShow = [];
12783
12906
  this.onStateChange = null;
12784
12907
  this.state = "stopped" /* stopped */;
12908
+ this.latestMessage = null;
12909
+ this.messageShownAt = 0;
12785
12910
  }
12786
12911
  /**
12787
12912
  * check if PIP is supported in this browser env
12788
12913
  */
12789
12914
  isSupported() {
12790
- return !!document.pictureInPictureEnabled && !isIOS && !(isMacOS && isSafari);
12915
+ return !!document.pictureInPictureEnabled && !isIOS;
12791
12916
  }
12792
12917
  /**
12793
12918
  * check if pip is currently turned on
@@ -12795,6 +12920,24 @@ var PipManager = class {
12795
12920
  isOn() {
12796
12921
  return !!document.pictureInPictureElement;
12797
12922
  }
12923
+ /**
12924
+ * Pre-create the canvas and pip video element and start playing the canvas
12925
+ * stream. Call this ahead of the actual PiP request (e.g. when the menu
12926
+ * holding the PiP option opens) - Safari only honours
12927
+ * requestPictureInPicture() while the click's user activation is alive, and
12928
+ * awaiting a cold video.play() inside the click handler loses it
12929
+ * (NotAllowedError). Chrome needs the video metadata loaded before the
12930
+ * request, which warming up also guarantees.
12931
+ * Safe to call repeatedly; no-op when unsupported or PiP is already active.
12932
+ */
12933
+ warmup() {
12934
+ return __async(this, null, function* () {
12935
+ if (!this.isSupported() || this.state !== "stopped" /* stopped */) {
12936
+ return;
12937
+ }
12938
+ yield this.initMediaElements();
12939
+ });
12940
+ }
12798
12941
  /**
12799
12942
  * request browser to start pip and start the render loop updating the pip
12800
12943
  * video element with peer tracks.
@@ -12803,7 +12946,7 @@ var PipManager = class {
12803
12946
  */
12804
12947
  start(hmsActions, onStateChangeFn) {
12805
12948
  return __async(this, null, function* () {
12806
- var _a8, _b7;
12949
+ var _a8, _b7, _c;
12807
12950
  if (!this.isSupported()) {
12808
12951
  throw new Error("pip is not supported on this browser");
12809
12952
  }
@@ -12816,18 +12959,21 @@ var PipManager = class {
12816
12959
  this.state = "starting" /* starting */;
12817
12960
  try {
12818
12961
  yield this.init(hmsActions, onStateChangeFn);
12819
- (_a8 = this.pipVideo) == null ? void 0 : _a8.addEventListener(LEAVE_EVENT_NAME, this.stop);
12962
+ if ((_a8 = this.pipVideo) == null ? void 0 : _a8.paused) {
12963
+ yield this.pipVideo.play();
12964
+ }
12965
+ (_b7 = this.pipVideo) == null ? void 0 : _b7.addEventListener(LEAVE_EVENT_NAME, this.stop);
12820
12966
  this.renderLoop();
12821
12967
  if (!this.isOn()) {
12822
12968
  yield this.requestPIP();
12823
12969
  }
12824
12970
  console.debug("pip started");
12825
12971
  this.state = "started" /* started */;
12826
- (_b7 = this.onStateChange) == null ? void 0 : _b7.call(this, true);
12972
+ (_c = this.onStateChange) == null ? void 0 : _c.call(this, true);
12827
12973
  this.callListeners(true);
12828
12974
  } catch (err) {
12829
- console.error("error in request pip", err);
12830
12975
  this.state = "stopped" /* stopped */;
12976
+ throw err;
12831
12977
  }
12832
12978
  });
12833
12979
  }
@@ -12876,13 +13022,16 @@ var PipManager = class {
12876
13022
  }
12877
13023
  initializeCanvasAndVideoElement() {
12878
13024
  const canvas = document.createElement("canvas");
12879
- canvas.width = DEFAULT_CANVAS_WIDTH;
12880
- canvas.height = DEFAULT_CANVAS_HEIGHT;
13025
+ canvas.width = PIP_CANVAS_WIDTH;
13026
+ canvas.height = PIP_CANVAS_HEIGHT;
12881
13027
  const pipVideo = document.createElement("video");
12882
- pipVideo.width = DEFAULT_CANVAS_WIDTH;
12883
- pipVideo.height = DEFAULT_CANVAS_HEIGHT;
13028
+ pipVideo.width = PIP_CANVAS_WIDTH;
13029
+ pipVideo.height = PIP_CANVAS_HEIGHT;
12884
13030
  pipVideo.muted = true;
13031
+ pipVideo.playsInline = true;
12885
13032
  pipVideo.srcObject = canvas.captureStream();
13033
+ pipVideo.style.cssText = "position:fixed;bottom:0;right:0;width:2px;height:2px;opacity:0;pointer-events:none;";
13034
+ document.body.appendChild(pipVideo);
12886
13035
  return { canvas, pipVideo };
12887
13036
  }
12888
13037
  initializeVideoElements() {
@@ -12905,10 +13054,15 @@ var PipManager = class {
12905
13054
  if (this.state === "stopping" /* stopping */ || this.state === "stopped" /* stopped */) {
12906
13055
  return;
12907
13056
  }
12908
- if (this.state === "started" /* started */) {
12909
- drawVideoElementsOnCanvas(this.videoElements, this.canvas);
13057
+ try {
13058
+ if (this.state === "started" /* started */) {
13059
+ drawVideoElementsOnCanvas(this.videoElements, this.canvas, this.getActiveMessage());
13060
+ }
13061
+ } catch (error) {
13062
+ console.error("error drawing pip canvas", error);
13063
+ } finally {
13064
+ this.renderLoop();
12910
13065
  }
12911
- this.renderLoop();
12912
13066
  }, delay);
12913
13067
  }
12914
13068
  requestPIP() {
@@ -15221,7 +15375,7 @@ import {
15221
15375
  selectAppData as selectAppData3,
15222
15376
  selectIsTranscriptionAllowedByMode,
15223
15377
  selectIsTranscriptionEnabled as selectIsTranscriptionEnabled3,
15224
- selectLocalPeerID as selectLocalPeerID6,
15378
+ selectLocalPeerID as selectLocalPeerID7,
15225
15379
  useHMSActions as useHMSActions23,
15226
15380
  useHMSStore as useHMSStore28
15227
15381
  } from "@100mslive/react-sdk";
@@ -15242,9 +15396,45 @@ import React45 from "react";
15242
15396
  // src/Prebuilt/components/PIP/PIPComponent.tsx
15243
15397
  init_define_process_env();
15244
15398
  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";
15399
+ import {
15400
+ selectHMSMessages,
15401
+ selectLocalPeerID as selectLocalPeerID2,
15402
+ selectPeers as selectPeers2,
15403
+ selectTracksMap,
15404
+ useHMSActions as useHMSActions10,
15405
+ useHMSVanillaStore as useHMSVanillaStore6
15406
+ } from "@100mslive/react-sdk";
15246
15407
  import { PipIcon } from "@100mslive/react-icons";
15247
15408
 
15409
+ // src/Prebuilt/components/PIP/pipMessageUtils.ts
15410
+ init_define_process_env();
15411
+ function pickIncomingMessage(messages, lastShownMessageId, localPeerId) {
15412
+ var _a8;
15413
+ if (!(messages == null ? void 0 : messages.length)) {
15414
+ return { message: null, lastShownMessageId };
15415
+ }
15416
+ const newLastShownMessageId = messages[messages.length - 1].id;
15417
+ const lastShownIndex = messages.findIndex((message) => message.id === lastShownMessageId);
15418
+ if (lastShownMessageId !== void 0 && lastShownIndex === -1) {
15419
+ return { message: null, lastShownMessageId: newLastShownMessageId };
15420
+ }
15421
+ const freshMessages = messages.slice(lastShownIndex + 1);
15422
+ if (!freshMessages.length) {
15423
+ return { message: null, lastShownMessageId };
15424
+ }
15425
+ for (let i = freshMessages.length - 1; i >= 0; i--) {
15426
+ const candidate = freshMessages[i];
15427
+ const text = candidate.message;
15428
+ if (candidate.sender && candidate.sender !== localPeerId && typeof text === "string" && text.trim().length > 0) {
15429
+ return {
15430
+ message: { senderName: (_a8 = candidate.senderName) != null ? _a8 : "Anonymous", text },
15431
+ lastShownMessageId: newLastShownMessageId
15432
+ };
15433
+ }
15434
+ }
15435
+ return { message: null, lastShownMessageId: newLastShownMessageId };
15436
+ }
15437
+
15248
15438
  // src/Prebuilt/components/PIP/SetupMediaSession.js
15249
15439
  init_define_process_env();
15250
15440
  import { selectIsLocalAudioEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled3 } from "@100mslive/react-sdk";
@@ -15285,16 +15475,29 @@ var SetupMediaSession = class {
15285
15475
  console.log("leave called from pip");
15286
15476
  this.actions.leave();
15287
15477
  });
15288
- __publicField(this, "setUpHandlers", () => {
15289
- if (navigator.mediaSession) {
15478
+ /**
15479
+ * register the handler against the first action name the browser supports.
15480
+ * Browsers throw a TypeError on action names they don't recognise, and the
15481
+ * same action can go by different names (Chrome calls the leave action
15482
+ * 'hangup', Safari exposes it as 'stop').
15483
+ */
15484
+ __publicField(this, "trySetActionHandler", (actionAliases, handler) => {
15485
+ for (const action of actionAliases) {
15290
15486
  try {
15291
- navigator.mediaSession.setActionHandler("togglemicrophone", this.toggleMic);
15292
- navigator.mediaSession.setActionHandler("togglecamera", this.toggleCam);
15293
- navigator.mediaSession.setActionHandler("hangup", this.leave);
15487
+ navigator.mediaSession.setActionHandler(action, handler);
15488
+ return;
15294
15489
  } catch (err) {
15295
- console.error("error in setting media session handlers", err);
15296
15490
  }
15297
15491
  }
15492
+ console.warn(`media session action '${actionAliases.join("'/'")}' is not supported`);
15493
+ });
15494
+ __publicField(this, "setUpHandlers", () => {
15495
+ if (!navigator.mediaSession) {
15496
+ return;
15497
+ }
15498
+ this.trySetActionHandler(["togglemicrophone"], this.toggleMic);
15499
+ this.trySetActionHandler(["togglecamera"], this.toggleCam);
15500
+ this.trySetActionHandler(["hangup", "stop"], this.leave);
15298
15501
  });
15299
15502
  }
15300
15503
  };
@@ -15307,12 +15510,20 @@ var PIPComponent = ({ content = null }) => {
15307
15510
  const store = useHMSVanillaStore6();
15308
15511
  const onPipToggle = useCallback11(() => {
15309
15512
  if (!isPipOn) {
15310
- PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
15513
+ PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => {
15514
+ console.error("error in starting pip", err);
15515
+ ToastManager.addToast({ title: "Could not start Picture-in-Picture", variant: "error" });
15516
+ });
15311
15517
  MediaSession.setup(hmsActions, store);
15312
15518
  } else {
15313
15519
  PictureInPicture.stop().catch((err) => console.error("error in stopping pip", err));
15314
15520
  }
15315
15521
  }, [hmsActions, isPipOn, store]);
15522
+ useEffect14(() => {
15523
+ if (!isPipOn) {
15524
+ PictureInPicture.warmup().catch((err) => console.error("error in pip warmup", err));
15525
+ }
15526
+ }, [isPipOn]);
15316
15527
  if (!PictureInPicture.isSupported()) {
15317
15528
  return null;
15318
15529
  }
@@ -15323,7 +15534,8 @@ var ActivatedPIP = () => {
15323
15534
  const pinnedTrack = usePinnedTrack();
15324
15535
  useEffect14(() => {
15325
15536
  function subscribeToStore() {
15326
- return store.subscribe((tracksMap) => {
15537
+ var _a8, _b7;
15538
+ const unsubscribeTracks = store.subscribe((tracksMap) => {
15327
15539
  let pipPeers = store.getState(selectPeers2);
15328
15540
  if (pinnedTrack) {
15329
15541
  pipPeers = pipPeers.filter((peer) => pinnedTrack.peerId === peer.id);
@@ -15332,6 +15544,22 @@ var ActivatedPIP = () => {
15332
15544
  console.error("error in updating pip", err);
15333
15545
  });
15334
15546
  }, selectTracksMap);
15547
+ let lastShownMessageId = (_b7 = (_a8 = store.getState(selectHMSMessages)) == null ? void 0 : _a8.slice(-1)[0]) == null ? void 0 : _b7.id;
15548
+ const unsubscribeMessages = store.subscribe((messages) => {
15549
+ try {
15550
+ const result = pickIncomingMessage(messages, lastShownMessageId, store.getState(selectLocalPeerID2));
15551
+ lastShownMessageId = result.lastShownMessageId;
15552
+ if (result.message) {
15553
+ PictureInPicture.setLatestMessage(result.message);
15554
+ }
15555
+ } catch (err) {
15556
+ console.error("error surfacing pip chat message", err);
15557
+ }
15558
+ }, selectHMSMessages);
15559
+ return () => {
15560
+ unsubscribeTracks();
15561
+ unsubscribeMessages();
15562
+ };
15335
15563
  }
15336
15564
  let unsubscribe = PictureInPicture.isOn() ? subscribeToStore() : void 0;
15337
15565
  PictureInPicture.listenToStateChange((isOn) => {
@@ -15362,8 +15590,8 @@ var PIP = ({ content = null }) => {
15362
15590
  init_define_process_env();
15363
15591
  import React50, { useCallback as useCallback16, useEffect as useEffect17, useMemo as useMemo7, useState as useState19 } from "react";
15364
15592
  import {
15365
- selectHMSMessages as selectHMSMessages2,
15366
- selectLocalPeerID as selectLocalPeerID3,
15593
+ selectHMSMessages as selectHMSMessages3,
15594
+ selectLocalPeerID as selectLocalPeerID4,
15367
15595
  selectPeerNameByID as selectPeerNameByID3,
15368
15596
  selectSessionStore as selectSessionStore6,
15369
15597
  selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
@@ -15412,8 +15640,8 @@ import { useMedia as useMedia7 } from "react-use";
15412
15640
  import AutoSizer from "react-virtualized-auto-sizer";
15413
15641
  import { VariableSizeList } from "react-window";
15414
15642
  import {
15415
- selectHMSMessages,
15416
- selectLocalPeerID as selectLocalPeerID2,
15643
+ selectHMSMessages as selectHMSMessages2,
15644
+ selectLocalPeerID as selectLocalPeerID3,
15417
15645
  selectLocalPeerName as selectLocalPeerName2,
15418
15646
  selectLocalPeerRoleName,
15419
15647
  selectPeerNameByID as selectPeerNameByID2,
@@ -15918,7 +16146,7 @@ var ChatMessage = React49.memo(
15918
16146
  const isMobile = useMedia7(config.media.md);
15919
16147
  const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
15920
16148
  const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
15921
- const localPeerId = useHMSStore19(selectLocalPeerID2);
16149
+ const localPeerId = useHMSStore19(selectLocalPeerID3);
15922
16150
  const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
15923
16151
  const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
15924
16152
  const messageType = getMessageType({
@@ -16150,7 +16378,7 @@ var VirtualizedChatMessages = React49.forwardRef(({ messages, scrollToBottom },
16150
16378
  });
16151
16379
  var ChatBody = React49.forwardRef(
16152
16380
  ({ scrollToBottom }, listRef) => {
16153
- const messages = useHMSStore19(selectHMSMessages);
16381
+ const messages = useHMSStore19(selectHMSMessages2);
16154
16382
  const blacklistedMessageIDs = useHMSStore19(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
16155
16383
  const filteredMessages = useMemo6(() => {
16156
16384
  const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
@@ -16205,8 +16433,8 @@ var PinnedBy = ({
16205
16433
  // src/Prebuilt/components/PIP/PIPChat.tsx
16206
16434
  var PIPChat = () => {
16207
16435
  var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k;
16208
- const messages = useHMSStore20(selectHMSMessages2);
16209
- const localPeerID = useHMSStore20(selectLocalPeerID3);
16436
+ const messages = useHMSStore20(selectHMSMessages3);
16437
+ const localPeerID = useHMSStore20(selectLocalPeerID4);
16210
16438
  const count = useHMSStore20(selectUnreadHMSMessagesCount2);
16211
16439
  const [unreadMessageCount, setUnreadMessageCount] = useState19(0);
16212
16440
  const getSenderName = useCallback16(
@@ -16880,7 +17108,7 @@ import { useMedia as useMedia9 } from "react-use";
16880
17108
  import { match as match4, P as P3 } from "ts-pattern";
16881
17109
  import {
16882
17110
  selectHMSStats as selectHMSStats3,
16883
- selectLocalPeerID as selectLocalPeerID4,
17111
+ selectLocalPeerID as selectLocalPeerID5,
16884
17112
  selectPeersMap,
16885
17113
  selectTracksMap as selectTracksMap2,
16886
17114
  useHMSActions as useHMSActions17,
@@ -17030,7 +17258,7 @@ var StatsForNerds = ({ open, onOpenChange }) => {
17030
17258
  var useTracksWithLabel = () => {
17031
17259
  const tracksMap = useHMSStore23(selectTracksMap2);
17032
17260
  const peersMap = useHMSStore23(selectPeersMap);
17033
- const localPeerID = useHMSStore23(selectLocalPeerID4);
17261
+ const localPeerID = useHMSStore23(selectLocalPeerID5);
17034
17262
  const tracksWithLabels = useMemo8(
17035
17263
  () => Object.values(tracksMap).reduce((res, track) => {
17036
17264
  var _a8, _b7;
@@ -17534,7 +17762,7 @@ init_define_process_env();
17534
17762
  import { useCallback as useCallback21 } from "react";
17535
17763
  import {
17536
17764
  selectHasPeerHandRaised,
17537
- selectLocalPeerID as selectLocalPeerID5,
17765
+ selectLocalPeerID as selectLocalPeerID6,
17538
17766
  selectPeerMetadata as selectPeerMetadata2,
17539
17767
  useHMSActions as useHMSActions21,
17540
17768
  useHMSStore as useHMSStore27,
@@ -17542,7 +17770,7 @@ import {
17542
17770
  } from "@100mslive/react-sdk";
17543
17771
  var useMyMetadata = () => {
17544
17772
  const hmsActions = useHMSActions21();
17545
- const localPeerId = useHMSStore27(selectLocalPeerID5);
17773
+ const localPeerId = useHMSStore27(selectLocalPeerID6);
17546
17774
  const vanillaStore = useHMSVanillaStore9();
17547
17775
  const metaData = useHMSStore27(selectPeerMetadata2(localPeerId));
17548
17776
  const isHandRaised = useHMSStore27(selectHasPeerHandRaised(localPeerId));
@@ -17713,7 +17941,7 @@ var DesktopOptions = ({
17713
17941
  elements,
17714
17942
  screenType
17715
17943
  }) => {
17716
- const localPeerId = useHMSStore28(selectLocalPeerID6);
17944
+ const localPeerId = useHMSStore28(selectLocalPeerID7);
17717
17945
  const hmsActions = useHMSActions23();
17718
17946
  const enablHlsStats = useHMSStore28(selectAppData3(APP_DATA.hlsStats));
17719
17947
  const [openModals, setOpenModals] = useState27(/* @__PURE__ */ new Set());
@@ -21928,7 +22156,13 @@ var Ar = (a2, e) => {
21928
22156
  if (a2 != null && di) for (var i of di(a2)) e.indexOf(i) < 0 && Es.call(a2, i) && (t[i] = a2[i]);
21929
22157
  return t;
21930
22158
  };
21931
- var Rn = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
22159
+ var Rn = (a2, e) => () => {
22160
+ try {
22161
+ return e || a2((e = { exports: {} }).exports, e), e.exports;
22162
+ } catch (t) {
22163
+ throw e = 0, t;
22164
+ }
22165
+ };
21932
22166
  var c = (a2, e, t) => new Promise((i, r) => {
21933
22167
  var s = (d) => {
21934
22168
  try {
@@ -21946,7 +22180,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
21946
22180
  o((t = t.apply(a2, e)).next());
21947
22181
  });
21948
22182
  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"] };
22183
+ xn.exports = { version: "0.14.3-alpha.0", 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
22184
  });
21951
22185
  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
22186
  var Hn = ((e) => (e.CHAT = "chat", e))(Hn || {});
@@ -24417,7 +24651,7 @@ import {
24417
24651
  selectHasPeerHandRaised as selectHasPeerHandRaised2,
24418
24652
  selectIsLargeRoom as selectIsLargeRoom2,
24419
24653
  selectIsPeerAudioEnabled,
24420
- selectLocalPeerID as selectLocalPeerID8,
24654
+ selectLocalPeerID as selectLocalPeerID9,
24421
24655
  selectPeerCount as selectPeerCount4,
24422
24656
  selectPermissions as selectPermissions14,
24423
24657
  useHMSStore as useHMSStore44
@@ -24553,12 +24787,12 @@ var ConnectionIndicator = ({
24553
24787
  // src/Prebuilt/components/RemoveParticipant.tsx
24554
24788
  init_define_process_env();
24555
24789
  import React80 from "react";
24556
- import { selectLocalPeerID as selectLocalPeerID7, selectPermissions as selectPermissions10, useHMSActions as useHMSActions29, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
24790
+ import { selectLocalPeerID as selectLocalPeerID8, selectPermissions as selectPermissions10, useHMSActions as useHMSActions29, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
24557
24791
  import { PeopleRemoveIcon as PeopleRemoveIcon3 } from "@100mslive/react-icons";
24558
24792
  var RemoveParticipant = ({ peerId }) => {
24559
24793
  var _a8;
24560
24794
  const canRemoveOthers = (_a8 = useHMSStore38(selectPermissions10)) == null ? void 0 : _a8.removeOthers;
24561
- const localPeerId = useHMSStore38(selectLocalPeerID7);
24795
+ const localPeerId = useHMSStore38(selectLocalPeerID8);
24562
24796
  const actions = useHMSActions29();
24563
24797
  if (peerId === localPeerId || !canRemoveOthers) {
24564
24798
  return null;
@@ -25079,7 +25313,7 @@ var Participant = ({
25079
25313
  isHandRaisedAccordion,
25080
25314
  style
25081
25315
  }) => {
25082
- const localPeerId = useHMSStore44(selectLocalPeerID8);
25316
+ const localPeerId = useHMSStore44(selectLocalPeerID9);
25083
25317
  return /* @__PURE__ */ React83.createElement(
25084
25318
  Flex,
25085
25319
  {
@@ -26534,7 +26768,7 @@ var LeaderboardEntry = ({
26534
26768
  // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
26535
26769
  init_define_process_env();
26536
26770
  import React103 from "react";
26537
- import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
26771
+ import { selectLocalPeerID as selectLocalPeerID10, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
26538
26772
 
26539
26773
  // src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
26540
26774
  init_define_process_env();
@@ -26600,7 +26834,7 @@ var useQuizSummary = (quizID) => {
26600
26834
 
26601
26835
  // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
26602
26836
  var PeerParticipationSummary = ({ quiz }) => {
26603
- const localPeerId = useHMSStore51(selectLocalPeerID9);
26837
+ const localPeerId = useHMSStore51(selectLocalPeerID10);
26604
26838
  const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
26605
26839
  if (quiz.state !== "stopped") {
26606
26840
  return /* @__PURE__ */ React103.createElement(React103.Fragment, null);
@@ -28499,7 +28733,7 @@ import {
28499
28733
  selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
28500
28734
  selectHasPeerHandRaised as selectHasPeerHandRaised3,
28501
28735
  selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
28502
- selectLocalPeerID as selectLocalPeerID11,
28736
+ selectLocalPeerID as selectLocalPeerID12,
28503
28737
  selectPeerMetadata as selectPeerMetadata4,
28504
28738
  selectPeerNameByID as selectPeerNameByID5,
28505
28739
  selectVideoTrackByID as selectVideoTrackByID3,
@@ -28564,7 +28798,7 @@ init_define_process_env();
28564
28798
  import React127, { useState as useState55 } from "react";
28565
28799
  import { useMedia as useMedia23 } from "react-use";
28566
28800
  import {
28567
- selectLocalPeerID as selectLocalPeerID10,
28801
+ selectLocalPeerID as selectLocalPeerID11,
28568
28802
  selectPeerByID as selectPeerByID2,
28569
28803
  selectPermissions as selectPermissions19,
28570
28804
  selectTrackByID as selectTrackByID3,
@@ -28906,7 +29140,7 @@ var TileMenu = ({
28906
29140
  var _a8, _b7;
28907
29141
  const [open, setOpen] = useState55(false);
28908
29142
  const { theme: theme2 } = useTheme();
28909
- const localPeerID = useHMSStore67(selectLocalPeerID10);
29143
+ const localPeerID = useHMSStore67(selectLocalPeerID11);
28910
29144
  const isLocal = localPeerID === peerID;
28911
29145
  const { removeOthers } = useHMSStore67(selectPermissions19) || {};
28912
29146
  const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
@@ -28995,7 +29229,7 @@ var Tile = ({
28995
29229
  const track = useHMSStore68(trackSelector);
28996
29230
  const peerName = useHMSStore68(selectPeerNameByID5(peerId));
28997
29231
  const audioTrack = useHMSStore68(selectAudioTrackByPeerID2(peerId));
28998
- const localPeerID = useHMSStore68(selectLocalPeerID11);
29232
+ const localPeerID = useHMSStore68(selectLocalPeerID12);
28999
29233
  const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
29000
29234
  const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
29001
29235
  const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
@@ -29956,7 +30190,7 @@ import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon5 }
29956
30190
  init_define_process_env();
29957
30191
  import React153, { useEffect as useEffect53, useMemo as useMemo20, useState as useState66 } from "react";
29958
30192
  import {
29959
- selectLocalPeerID as selectLocalPeerID13,
30193
+ selectLocalPeerID as selectLocalPeerID14,
29960
30194
  selectLocalPeerRoleName as selectLocalPeerRoleName5,
29961
30195
  selectPeers as selectPeers3,
29962
30196
  selectPeerScreenSharing as selectPeerScreenSharing2,
@@ -30624,7 +30858,7 @@ import React150, { useRef as useRef30, useState as useState64 } from "react";
30624
30858
  import { useFullscreen as useFullscreen2, useMedia as useMedia34 } from "react-use";
30625
30859
  import screenfull2 from "screenfull";
30626
30860
  import {
30627
- selectLocalPeerID as selectLocalPeerID12,
30861
+ selectLocalPeerID as selectLocalPeerID13,
30628
30862
  selectPeerByID as selectPeerByID4,
30629
30863
  selectScreenShareAudioByPeerID,
30630
30864
  selectScreenShareByPeerID as selectScreenShareByPeerID2,
@@ -30783,7 +31017,7 @@ var labelStyles = {
30783
31017
  flexShrink: 0
30784
31018
  };
30785
31019
  var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
30786
- const isLocal = useHMSStore76(selectLocalPeerID12) === peerId;
31020
+ const isLocal = useHMSStore76(selectLocalPeerID13) === peerId;
30787
31021
  const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
30788
31022
  const { theme: theme2 } = useTheme();
30789
31023
  const peer = useHMSStore76(selectPeerByID4(peerId));
@@ -31104,7 +31338,7 @@ var GridLayout = ({
31104
31338
  const pinnedTrack = usePinnedTrack();
31105
31339
  const peers = useHMSStore79(selectPeers3);
31106
31340
  const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
31107
- const localPeerID = useHMSStore79(selectLocalPeerID13);
31341
+ const localPeerID = useHMSStore79(selectLocalPeerID14);
31108
31342
  const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
31109
31343
  const isRoleProminence = prominentRoles.length && peers.some(
31110
31344
  (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -34556,12 +34790,12 @@ function AutoplayBlockedModal() {
34556
34790
  init_define_process_env();
34557
34791
  import React185, { useEffect as useEffect69 } from "react";
34558
34792
  import { v4 as uuid4 } from "uuid";
34559
- import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
34793
+ import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
34560
34794
  import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
34561
34795
  var NOTIFICATION_TIME_DIFFERENCE = 5e3;
34562
34796
  var ChatNotifications = () => {
34563
34797
  const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
34564
- const localPeerId = useHMSStore89(selectLocalPeerID14);
34798
+ const localPeerId = useHMSStore89(selectLocalPeerID15);
34565
34799
  useEffect69(() => {
34566
34800
  var _a8, _b7;
34567
34801
  if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -35178,7 +35412,7 @@ init_define_process_env();
35178
35412
  import React191, { useEffect as useEffect78 } from "react";
35179
35413
  import {
35180
35414
  HMSNotificationTypes as HMSNotificationTypes10,
35181
- selectLocalPeerID as selectLocalPeerID15,
35415
+ selectLocalPeerID as selectLocalPeerID16,
35182
35416
  selectPeerNameByID as selectPeerNameByID8,
35183
35417
  useHMSNotifications as useHMSNotifications11,
35184
35418
  useHMSStore as useHMSStore93,
@@ -35188,7 +35422,7 @@ var notificationTypes2 = [HMSNotificationTypes10.POLL_STARTED, HMSNotificationTy
35188
35422
  var pollToastKey = {};
35189
35423
  var PollNotificationModal = () => {
35190
35424
  const togglePollView = usePollViewToggle();
35191
- const localPeerID = useHMSStore93(selectLocalPeerID15);
35425
+ const localPeerID = useHMSStore93(selectLocalPeerID16);
35192
35426
  const vanillaStore = useHMSVanillaStore18();
35193
35427
  const screenProps = useRoomLayoutConferencingScreen();
35194
35428
  const notification = useHMSNotifications11(notificationTypes2);
@@ -35664,7 +35898,7 @@ import React202, { useCallback as useCallback41, useEffect as useEffect86, useMe
35664
35898
  import { useMedia as useMedia50 } from "react-use";
35665
35899
  import {
35666
35900
  selectIsLargeRoom as selectIsLargeRoom4,
35667
- selectLocalPeerID as selectLocalPeerID16,
35901
+ selectLocalPeerID as selectLocalPeerID17,
35668
35902
  selectPeerNameByID as selectPeerNameByID9,
35669
35903
  useCustomEvent as useCustomEvent5,
35670
35904
  useHMSActions as useHMSActions57,
@@ -35695,7 +35929,7 @@ var getStartingPoints = (isMobile) => {
35695
35929
  return arr;
35696
35930
  };
35697
35931
  function FlyingEmoji() {
35698
- const localPeerId = useHMSStore97(selectLocalPeerID16);
35932
+ const localPeerId = useHMSStore97(selectLocalPeerID17);
35699
35933
  const vanillaStore = useHMSVanillaStore19();
35700
35934
  const hmsActions = useHMSActions57();
35701
35935
  const [emojis, setEmojis] = useState85([]);