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

package/dist/index.js

@@ -37,11 +37,20 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+var __esm = (fn, res, err) => function __init() {
+  if (err) throw err[0];
+  try {
+    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+  } catch (e) {
+    throw err = [e], e;
+  }
 };
 var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  try {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  } catch (e) {
+    throw mod = 0, e;
+  }
 };
 var __export = (target, all) => {
   for (var name in all)
@@ -93,7 +102,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_94f0b6c9-246a-4e2e-ab20-f83a71c76c7a", 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-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.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-alpha.0", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_94f0b6c9-246a-4e2e-ab20-f83a71c76c7a", 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-alpha.0", 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: "2088", ACTIONS_ORCHESTRATION_ID: "0c443995-5a4f-4b59-be13-63b57c4965a8.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:12078", 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-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.10/x64", GITHUB_RUN_ID: "26146566254", 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: "3eb7515c7be305019e10d80f20647bbd66a4a458", 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: "16191078958498416929", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/ci/release", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJQZXJtaXNzaW9uXCI6M30se1wiU2NvcGVcIjpcInJlZnMvaGVhZHMvbWFpblwiLFwiUGVybWlzc2lvblwiOjF9XSIsImFjc2wiOiIxMCIsImF1ZCI6InZzbzo1ZTEyZTAwOS1kZDAxLTRjY2MtOWU4OS00NTIzMDI1MDNkYjUiLCJiaWxsaW5nX293bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwiZXhwIjoxNzc5MjgyMjY1LCJodHRwOi8vc2NoZW1hcy5taWNyb3NvZnQuY29tL3dzLzIwMDgvMDYvaWRlbnRpdHkvY2xhaW1zL3ByaW1hcnlzaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9zaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJpYXQiOjE3NzkyNjAwNjUsImlzcyI6Imh0dHBzOi8vdG9rZW4uYWN0aW9ucy5naXRodWJ1c2VyY29udGVudC5jb20iLCJqb2JfaWQiOiI2OWY1NGEyNC1lN2Y5LTVjMTYtODQ2MS1kZjFiMGZhMDVmM2MiLCJuYW1laWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJuYmYiOjE3NzkyNTk3NjUsIm9pZGNfZXh0cmEiOiJ7XCJhY3RvclwiOlwiY3lyaWwtay0wMzEyMjVcIixcImFjdG9yX2lkXCI6XCIyNDc1NDM5NDZcIixcImJhc2VfcmVmXCI6XCJcIixcImNoZWNrX3J1bl9pZFwiOlwiNzY5MDMzODA5OTZcIixcImV2ZW50X25hbWVcIjpcIndvcmtmbG93X2Rpc3BhdGNoXCIsXCJoZWFkX3JlZlwiOlwiXCIsXCJqb2Jfd29ya2Zsb3dfcmVmXCI6XCIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJqb2Jfd29ya2Zsb3dfc2hhXCI6XCIzZWI3NTE1YzdiZTMwNTAxOWUxMGQ4MGYyMDY0N2JiZDY2YTRhNDU4XCIsXCJyZWZcIjpcInJlZnMvaGVhZHMvY2kvcmVsZWFzZVwiLFwicmVmX3Byb3RlY3RlZFwiOlwiZmFsc2VcIixcInJlZl90eXBlXCI6XCJicmFuY2hcIixcInJlcG9zaXRvcnlcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrc1wiLFwicmVwb3NpdG9yeV9pZFwiOlwiNDI5ODI2NTE1XCIsXCJyZXBvc2l0b3J5X293bmVyXCI6XCIxMDBtc2xpdmVcIixcInJlcG9zaXRvcnlfb3duZXJfaWRcIjpcIjczODgzMTMxXCIsXCJyZXBvc2l0b3J5X3Zpc2liaWxpdHlcIjpcInB1YmxpY1wiLFwicnVuX2F0dGVtcHRcIjpcIjFcIixcInJ1bl9pZFwiOlwiMjYxNDY1NjYyNTRcIixcInJ1bl9udW1iZXJcIjpcIjgzOFwiLFwicnVubmVyX2Vudmlyb25tZW50XCI6XCJnaXRodWItaG9zdGVkXCIsXCJzaGFcIjpcIjNlYjc1MTVjN2JlMzA1MDE5ZTEwZDgwZjIwNjQ3YmJkNjZhNGE0NThcIixcIndvcmtmbG93XCI6XCJQdWJsaXNoIFBhY2thZ2VzXCIsXCJ3b3JrZmxvd19yZWZcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrcy8uZ2l0aHViL3dvcmtmbG93cy9wdWJsaXNoLnltbEByZWZzL2hlYWRzL2NpL3JlbGVhc2VcIixcIndvcmtmbG93X3NoYVwiOlwiM2ViNzUxNWM3YmUzMDUwMTllMTBkODBmMjA2NDdiYmQ2NmE0YTQ1OFwifSIsIm9pZGNfc3ViIjoicmVwbzoxMDBtc2xpdmUvd2ViLXNka3M6cmVmOnJlZnMvaGVhZHMvY2kvcmVsZWFzZSIsIm9yY2hfaWQiOiIwYzQ0Mzk5NS01YTRmLTRiNTktYmUxMy02M2I1N2M0OTY1YTgucHVibGlzaF9wYWNrYWdlcy5fX2RlZmF1bHQiLCJvd25lcl9pZCI6IkVfa2dET0FBT0V2USIsInBsYW5faWQiOiIwYzQ0Mzk5NS01YTRmLTRiNTktYmUxMy02M2I1N2M0OTY1YTgiLCJyZXBvc2l0b3J5X2lkIjoiNDI5ODI2NTE1IiwicmVwb3NpdG9yeV9vd25lcl9pZCI6IjczODgzMTMxIiwicmVwb3NpdG9yeV92aXNpYmlsaXR5IjoicHVibGljIiwicnVuX2lkIjoiMjYxNDY1NjYyNTQiLCJydW5fbnVtYmVyIjoiODM4IiwicnVuX3R5cGUiOiJmdWxsIiwicnVubmVyX2lkIjoiMTAwMDM1Nzk1NSIsInJ1bm5lcl90eXBlIjoiaG9zdGVkIiwic2NwIjoiQWN0aW9ucy5SZXN1bHRzOjBjNDQzOTk1LTVhNGYtNGI1OS1iZTEzLTYzYjU3YzQ5NjVhODo2OWY1NGEyNC1lN2Y5LTVjMTYtODQ2MS1kZjFiMGZhMDVmM2MgQWN0aW9ucy5SdW5uZXI6MGM0NDM5OTUtNWE0Zi00YjU5LWJlMTMtNjNiNTdjNDk2NWE4OjY5ZjU0YTI0LWU3ZjktNWMxNi04NDYxLWRmMWIwZmEwNWYzYyBBY3Rpb25zLlVwbG9hZEFydGlmYWN0czowYzQ0Mzk5NS01YTRmLTRiNTktYmUxMy02M2I1N2M0OTY1YTg6NjlmNTRhMjQtZTdmOS01YzE2LTg0NjEtZGYxYjBmYTA1ZjNjIGdlbmVyYXRlX2lkX3Rva2VuOjBjNDQzOTk1LTVhNGYtNGI1OS1iZTEzLTYzYjU3YzQ5NjVhODo2OWY1NGEyNC1lN2Y5LTVjMTYtODQ2MS1kZjFiMGZhMDVmM2MgQWN0aW9ucy5HZW5lcmljUmVhZDowMDAwMDAwMC0wMDAwLTAwMDAtMDAwMC0wMDAwMDAwMDAwMDAiLCJzaGEiOiIzZWI3NTE1YzdiZTMwNTAxOWUxMGQ4MGYyMDY0N2JiZDY2YTRhNDU4IiwidHJ1c3RfdGllciI6IjEifQ.NozsunJmzzehJtb94EQFOa_1RTFJqYPo0SmlyzzSOeYfPUIJ0tqQw0Mgdu8Z6AQ-fuN3Ij6bdTQJHzB6t1ZqCK9bXD13XRDa75eArDwbRZjZzFesxsdjyJxnefdCDyYqAQGKcKJNNan4B9W2rzO5z2mAqX5V2aJLWslOtbS3pG6G9yuvmLomHZbuHWj76C76UjiDuwlZESKupKQoRltIT0lM6OTDEjfFjxApmuzIIcPzuxRs97uVDrDDBkgMWUcDtyqMuW_Sk5QEq_2i4SoGS7rIccBZnfPDKYoQ8t5XUYRGR0fbgft-WtNyoU5KNznjXq6z1a8FBC7Tfdc4CtOJlA", 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--1779260118799-0.1606223944635079:/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--1779260118626-0.1293380978452633:/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--1779260100384-0.08978510317791588:/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--1779260100226-0.27673253000678566:/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_042711b9-7c57-4435-837a-6bde8c4b6457", INVOCATION_ID: "44384c9fae2141dab4af257bbad7ce0c", 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: "838", 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 1000357955", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "ci/release", 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-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.2-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_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: "3eb7515c7be305019e10d80f20647bbd66a4a458", 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/ci/release", 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_94f0b6c9-246a-4e2e-ab20-f83a71c76c7a", 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-2-azure-eastus.actions.githubusercontent.com/91//idtoken/0c443995-5a4f-4b59-be13-63b57c4965a8/69f54a24-e7f9-5c16-8461-df1b0fa05f3c?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_94f0b6c9-246a-4e2e-ab20-f83a71c76c7a", 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_94f0b6c9-246a-4e2e-ab20-f83a71c76c7a", npm_package_resolutions_sass: "^1.83.0" };
+    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" };
   }
 });
 
@@ -12611,8 +12620,12 @@ import * as workerTimers from "worker-timers";
 
 // src/Prebuilt/components/PIP/pipUtils.js
 init_define_process_env();
+var PIP_CANVAS_WIDTH = 480;
+var PIP_CANVAS_HEIGHT = 360;
 var CANVAS_FILL_COLOR;
 var CANVAS_STROKE_COLOR;
+var BUBBLE_FILL_COLOR;
+var BUBBLE_TEXT_COLOR;
 function setPIPCanvasColors() {
   if (!CANVAS_FILL_COLOR) {
     CANVAS_FILL_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-surface_bright");
@@ -12620,22 +12633,36 @@ function setPIPCanvasColors() {
   if (!CANVAS_STROKE_COLOR) {
     CANVAS_STROKE_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-border_bright");
   }
+  if (!BUBBLE_FILL_COLOR) {
+    BUBBLE_FILL_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-surface_default");
+  }
+  if (!BUBBLE_TEXT_COLOR) {
+    BUBBLE_TEXT_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-on_surface_high");
+  }
 }
 function resetPIPCanvasColors() {
   CANVAS_FILL_COLOR = "";
   CANVAS_STROKE_COLOR = "";
+  BUBBLE_FILL_COLOR = "";
+  BUBBLE_TEXT_COLOR = "";
 }
-function drawVideoElementsOnCanvas(videoElements, canvas) {
+function drawVideoElementsOnCanvas(videoElements, canvas, message) {
+  const ctx = canvas == null ? void 0 : canvas.getContext("2d");
+  if (!ctx) {
+    return;
+  }
   let videoTiles = videoElements.filter((videoElement) => videoElement.srcObject !== null);
-  const ctx = canvas.getContext("2d");
   setPIPCanvasColors();
   ctx.fillStyle = CANVAS_FILL_COLOR;
   ctx.clearRect(0, 0, canvas.width, canvas.height);
   if (videoTiles.length === 0) {
     ctx.fillRect(0, 0, canvas.width, canvas.height);
-    return;
+  } else {
+    fillGridTiles(videoTiles.slice(0, 4), ctx, canvas);
+  }
+  if (message && (message.senderName || message.text)) {
+    drawMessageBubble(ctx, canvas, message);
   }
-  fillGridTiles(videoTiles.slice(0, 4), ctx, canvas);
 }
 function dummyChangeInCanvas(canvas) {
   const ctx = canvas.getContext("2d");
@@ -12645,8 +12672,8 @@ function dummyChangeInCanvas(canvas) {
 }
 function fillGridTiles(videoElements, ctx, canvas) {
   const offset = 8;
-  canvas.width = 480;
-  canvas.height = 320;
+  canvas.width = PIP_CANVAS_WIDTH;
+  canvas.height = PIP_CANVAS_HEIGHT;
   ctx.fillStyle = CANVAS_FILL_COLOR;
   ctx.fillRect(0, 0, canvas.width, canvas.height);
   if (videoElements.length > 0) {
@@ -12718,13 +12745,86 @@ function getRenderDimensions(video, width, height) {
   }
   return { width: finalWidth, height: finalHeight };
 }
+var BUBBLE_MARGIN = 14;
+var BUBBLE_PADDING_X = 16;
+var BUBBLE_PADDING_Y = 14;
+var BUBBLE_SENDER_LINE_HEIGHT = 22;
+var BUBBLE_TEXT_LINE_HEIGHT = 24;
+var BUBBLE_LINE_GAP = 4;
+var BUBBLE_RADIUS = 12;
+var BUBBLE_SENDER_FONT = "600 18px Inter, Arial, sans-serif";
+var BUBBLE_TEXT_FONT = "400 19px Inter, Arial, sans-serif";
+function drawMessageBubble(ctx, canvas, message) {
+  const bubbleWidth = canvas.width - BUBBLE_MARGIN * 2;
+  const bubbleHeight = BUBBLE_PADDING_Y * 2 + BUBBLE_SENDER_LINE_HEIGHT + BUBBLE_LINE_GAP + BUBBLE_TEXT_LINE_HEIGHT;
+  const x = BUBBLE_MARGIN;
+  const y2 = canvas.height - bubbleHeight - BUBBLE_MARGIN;
+  const innerWidth = bubbleWidth - BUBBLE_PADDING_X * 2;
+  ctx.save();
+  ctx.globalAlpha = 0.85;
+  ctx.fillStyle = BUBBLE_FILL_COLOR || CANVAS_FILL_COLOR;
+  traceRoundedRect(ctx, x, y2, bubbleWidth, bubbleHeight, BUBBLE_RADIUS);
+  ctx.fill();
+  ctx.globalAlpha = 1;
+  ctx.lineWidth = 1;
+  ctx.strokeStyle = CANVAS_STROKE_COLOR;
+  traceRoundedRect(ctx, x, y2, bubbleWidth, bubbleHeight, BUBBLE_RADIUS);
+  ctx.stroke();
+  const textColor = BUBBLE_TEXT_COLOR || "#ffffff";
+  ctx.textBaseline = "top";
+  ctx.fillStyle = textColor;
+  const measure = (str) => ctx.measureText(str).width;
+  ctx.font = BUBBLE_SENDER_FONT;
+  ctx.fillText(
+    truncateToWidth(measure, message.senderName || "Anonymous", innerWidth),
+    x + BUBBLE_PADDING_X,
+    y2 + BUBBLE_PADDING_Y
+  );
+  ctx.font = BUBBLE_TEXT_FONT;
+  ctx.globalAlpha = 0.9;
+  ctx.fillText(
+    truncateToWidth(measure, message.text || "", innerWidth),
+    x + BUBBLE_PADDING_X,
+    y2 + BUBBLE_PADDING_Y + BUBBLE_SENDER_LINE_HEIGHT + BUBBLE_LINE_GAP
+  );
+  ctx.restore();
+}
+function traceRoundedRect(ctx, x, y2, width, height, radius) {
+  const r = Math.min(radius, width / 2, height / 2);
+  ctx.beginPath();
+  ctx.moveTo(x + r, y2);
+  ctx.arcTo(x + width, y2, x + width, y2 + height, r);
+  ctx.arcTo(x + width, y2 + height, x, y2 + height, r);
+  ctx.arcTo(x, y2 + height, x, y2, r);
+  ctx.arcTo(x, y2, x + width, y2, r);
+  ctx.closePath();
+}
+var ELLIPSIS = "\u2026";
+function truncateToWidth(measure, text, maxWidth) {
+  if (!text) {
+    return "";
+  }
+  if (measure(text) <= maxWidth) {
+    return text;
+  }
+  let lo2 = 0;
+  let hi2 = text.length;
+  while (lo2 < hi2) {
+    const mid = Math.ceil((lo2 + hi2) / 2);
+    if (measure(text.slice(0, mid) + ELLIPSIS) <= maxWidth) {
+      lo2 = mid;
+    } else {
+      hi2 = mid - 1;
+    }
+  }
+  return text.slice(0, lo2) + ELLIPSIS;
+}
 
 // src/Prebuilt/components/PIP/PIPManager.ts
 var MAX_NUMBER_OF_TILES_IN_PIP = 4;
 var DEFAULT_FPS = 30;
-var DEFAULT_CANVAS_WIDTH = 480;
-var DEFAULT_CANVAS_HEIGHT = 320;
 var LEAVE_EVENT_NAME = "leavepictureinpicture";
+var MESSAGE_TTL_MS = 4e3;
 var PipManager = class {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set();
@@ -12736,6 +12836,8 @@ var PipManager = class {
     this.onStateChange = null;
     this.tracksToShow = [];
     this.state = "stopped" /* stopped */;
+    this.latestMessage = null;
+    this.messageShownAt = 0;
     this.stop = () => __async(this, null, function* () {
       var _a8, _b7;
       if (this.state === "stopped" /* stopped */) {
@@ -12768,12 +12870,33 @@ var PipManager = class {
   listenToStateChange(cb) {
     this.listeners.add(cb);
   }
+  /**
+   * Show an incoming chat message as a transient bubble on the PIP canvas.
+   * The bubble auto-dismisses after MESSAGE_TTL_MS (handled in the render loop).
+   */
+  setLatestMessage(message) {
+    this.latestMessage = message;
+    this.messageShownAt = Date.now();
+  }
+  /**
+   * @private returns the current message if it is still within its display
+   * window, clearing it once expired.
+   */
+  getActiveMessage() {
+    if (this.latestMessage && Date.now() - this.messageShownAt < MESSAGE_TTL_MS) {
+      return this.latestMessage;
+    }
+    this.latestMessage = null;
+    return null;
+  }
   /**
    * @private
    */
   reset() {
+    var _a8;
     console.debug("resetting PIP state");
     resetPIPCanvasColors();
+    (_a8 = this.pipVideo) == null ? void 0 : _a8.remove();
     this.canvas = null;
     this.pipVideo = null;
     this.timeoutRef = 0;
@@ -12782,12 +12905,14 @@ var PipManager = class {
     this.tracksToShow = [];
     this.onStateChange = null;
     this.state = "stopped" /* stopped */;
+    this.latestMessage = null;
+    this.messageShownAt = 0;
   }
   /**
    * check if PIP is supported in this browser env
    */
   isSupported() {
-    return !!document.pictureInPictureEnabled && !isIOS && !(isMacOS && isSafari);
+    return !!document.pictureInPictureEnabled && !isIOS;
   }
   /**
    * check if pip is currently turned on
@@ -12795,6 +12920,24 @@ var PipManager = class {
   isOn() {
     return !!document.pictureInPictureElement;
   }
+  /**
+   * Pre-create the canvas and pip video element and start playing the canvas
+   * stream. Call this ahead of the actual PiP request (e.g. when the menu
+   * holding the PiP option opens) - Safari only honours
+   * requestPictureInPicture() while the click's user activation is alive, and
+   * awaiting a cold video.play() inside the click handler loses it
+   * (NotAllowedError). Chrome needs the video metadata loaded before the
+   * request, which warming up also guarantees.
+   * Safe to call repeatedly; no-op when unsupported or PiP is already active.
+   */
+  warmup() {
+    return __async(this, null, function* () {
+      if (!this.isSupported() || this.state !== "stopped" /* stopped */) {
+        return;
+      }
+      yield this.initMediaElements();
+    });
+  }
   /**
    * request browser to start pip and start the render loop updating the pip
    * video element with peer tracks.
@@ -12803,7 +12946,7 @@ var PipManager = class {
    */
   start(hmsActions, onStateChangeFn) {
     return __async(this, null, function* () {
-      var _a8, _b7;
+      var _a8, _b7, _c;
       if (!this.isSupported()) {
         throw new Error("pip is not supported on this browser");
       }
@@ -12816,18 +12959,21 @@ var PipManager = class {
       this.state = "starting" /* starting */;
       try {
         yield this.init(hmsActions, onStateChangeFn);
-        (_a8 = this.pipVideo) == null ? void 0 : _a8.addEventListener(LEAVE_EVENT_NAME, this.stop);
+        if ((_a8 = this.pipVideo) == null ? void 0 : _a8.paused) {
+          yield this.pipVideo.play();
+        }
+        (_b7 = this.pipVideo) == null ? void 0 : _b7.addEventListener(LEAVE_EVENT_NAME, this.stop);
         this.renderLoop();
         if (!this.isOn()) {
           yield this.requestPIP();
         }
         console.debug("pip started");
         this.state = "started" /* started */;
-        (_b7 = this.onStateChange) == null ? void 0 : _b7.call(this, true);
+        (_c = this.onStateChange) == null ? void 0 : _c.call(this, true);
         this.callListeners(true);
       } catch (err) {
-        console.error("error in request pip", err);
         this.state = "stopped" /* stopped */;
+        throw err;
       }
     });
   }
@@ -12876,13 +13022,16 @@ var PipManager = class {
   }
   initializeCanvasAndVideoElement() {
     const canvas = document.createElement("canvas");
-    canvas.width = DEFAULT_CANVAS_WIDTH;
-    canvas.height = DEFAULT_CANVAS_HEIGHT;
+    canvas.width = PIP_CANVAS_WIDTH;
+    canvas.height = PIP_CANVAS_HEIGHT;
     const pipVideo = document.createElement("video");
-    pipVideo.width = DEFAULT_CANVAS_WIDTH;
-    pipVideo.height = DEFAULT_CANVAS_HEIGHT;
+    pipVideo.width = PIP_CANVAS_WIDTH;
+    pipVideo.height = PIP_CANVAS_HEIGHT;
     pipVideo.muted = true;
+    pipVideo.playsInline = true;
     pipVideo.srcObject = canvas.captureStream();
+    pipVideo.style.cssText = "position:fixed;bottom:0;right:0;width:2px;height:2px;opacity:0;pointer-events:none;";
+    document.body.appendChild(pipVideo);
     return { canvas, pipVideo };
   }
   initializeVideoElements() {
@@ -12905,10 +13054,15 @@ var PipManager = class {
       if (this.state === "stopping" /* stopping */ || this.state === "stopped" /* stopped */) {
         return;
       }
-      if (this.state === "started" /* started */) {
-        drawVideoElementsOnCanvas(this.videoElements, this.canvas);
+      try {
+        if (this.state === "started" /* started */) {
+          drawVideoElementsOnCanvas(this.videoElements, this.canvas, this.getActiveMessage());
+        }
+      } catch (error) {
+        console.error("error drawing pip canvas", error);
+      } finally {
+        this.renderLoop();
       }
-      this.renderLoop();
     }, delay);
   }
   requestPIP() {
@@ -15221,7 +15375,7 @@ import {
   selectAppData as selectAppData3,
   selectIsTranscriptionAllowedByMode,
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled3,
-  selectLocalPeerID as selectLocalPeerID6,
+  selectLocalPeerID as selectLocalPeerID7,
   useHMSActions as useHMSActions23,
   useHMSStore as useHMSStore28
 } from "@100mslive/react-sdk";
@@ -15242,9 +15396,45 @@ import React45 from "react";
 // src/Prebuilt/components/PIP/PIPComponent.tsx
 init_define_process_env();
 import React44, { useCallback as useCallback11, useEffect as useEffect14, useState as useState15 } from "react";
-import { selectPeers as selectPeers2, selectTracksMap, useHMSActions as useHMSActions10, useHMSVanillaStore as useHMSVanillaStore6 } from "@100mslive/react-sdk";
+import {
+  selectHMSMessages,
+  selectLocalPeerID as selectLocalPeerID2,
+  selectPeers as selectPeers2,
+  selectTracksMap,
+  useHMSActions as useHMSActions10,
+  useHMSVanillaStore as useHMSVanillaStore6
+} from "@100mslive/react-sdk";
 import { PipIcon } from "@100mslive/react-icons";
 
+// src/Prebuilt/components/PIP/pipMessageUtils.ts
+init_define_process_env();
+function pickIncomingMessage(messages, lastShownMessageId, localPeerId) {
+  var _a8;
+  if (!(messages == null ? void 0 : messages.length)) {
+    return { message: null, lastShownMessageId };
+  }
+  const newLastShownMessageId = messages[messages.length - 1].id;
+  const lastShownIndex = messages.findIndex((message) => message.id === lastShownMessageId);
+  if (lastShownMessageId !== void 0 && lastShownIndex === -1) {
+    return { message: null, lastShownMessageId: newLastShownMessageId };
+  }
+  const freshMessages = messages.slice(lastShownIndex + 1);
+  if (!freshMessages.length) {
+    return { message: null, lastShownMessageId };
+  }
+  for (let i = freshMessages.length - 1; i >= 0; i--) {
+    const candidate = freshMessages[i];
+    const text = candidate.message;
+    if (candidate.sender && candidate.sender !== localPeerId && typeof text === "string" && text.trim().length > 0) {
+      return {
+        message: { senderName: (_a8 = candidate.senderName) != null ? _a8 : "Anonymous", text },
+        lastShownMessageId: newLastShownMessageId
+      };
+    }
+  }
+  return { message: null, lastShownMessageId: newLastShownMessageId };
+}
+
 // src/Prebuilt/components/PIP/SetupMediaSession.js
 init_define_process_env();
 import { selectIsLocalAudioEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled3 } from "@100mslive/react-sdk";
@@ -15285,16 +15475,29 @@ var SetupMediaSession = class {
       console.log("leave called from pip");
       this.actions.leave();
     });
-    __publicField(this, "setUpHandlers", () => {
-      if (navigator.mediaSession) {
+    /**
+     * register the handler against the first action name the browser supports.
+     * Browsers throw a TypeError on action names they don't recognise, and the
+     * same action can go by different names (Chrome calls the leave action
+     * 'hangup', Safari exposes it as 'stop').
+     */
+    __publicField(this, "trySetActionHandler", (actionAliases, handler) => {
+      for (const action of actionAliases) {
         try {
-          navigator.mediaSession.setActionHandler("togglemicrophone", this.toggleMic);
-          navigator.mediaSession.setActionHandler("togglecamera", this.toggleCam);
-          navigator.mediaSession.setActionHandler("hangup", this.leave);
+          navigator.mediaSession.setActionHandler(action, handler);
+          return;
         } catch (err) {
-          console.error("error in setting media session handlers", err);
         }
       }
+      console.warn(`media session action '${actionAliases.join("'/'")}' is not supported`);
+    });
+    __publicField(this, "setUpHandlers", () => {
+      if (!navigator.mediaSession) {
+        return;
+      }
+      this.trySetActionHandler(["togglemicrophone"], this.toggleMic);
+      this.trySetActionHandler(["togglecamera"], this.toggleCam);
+      this.trySetActionHandler(["hangup", "stop"], this.leave);
     });
   }
 };
@@ -15307,12 +15510,20 @@ var PIPComponent = ({ content = null }) => {
   const store = useHMSVanillaStore6();
   const onPipToggle = useCallback11(() => {
     if (!isPipOn) {
-      PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
+      PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => {
+        console.error("error in starting pip", err);
+        ToastManager.addToast({ title: "Could not start Picture-in-Picture", variant: "error" });
+      });
       MediaSession.setup(hmsActions, store);
     } else {
       PictureInPicture.stop().catch((err) => console.error("error in stopping pip", err));
     }
   }, [hmsActions, isPipOn, store]);
+  useEffect14(() => {
+    if (!isPipOn) {
+      PictureInPicture.warmup().catch((err) => console.error("error in pip warmup", err));
+    }
+  }, [isPipOn]);
   if (!PictureInPicture.isSupported()) {
     return null;
   }
@@ -15323,7 +15534,8 @@ var ActivatedPIP = () => {
   const pinnedTrack = usePinnedTrack();
   useEffect14(() => {
     function subscribeToStore() {
-      return store.subscribe((tracksMap) => {
+      var _a8, _b7;
+      const unsubscribeTracks = store.subscribe((tracksMap) => {
         let pipPeers = store.getState(selectPeers2);
         if (pinnedTrack) {
           pipPeers = pipPeers.filter((peer) => pinnedTrack.peerId === peer.id);
@@ -15332,6 +15544,22 @@ var ActivatedPIP = () => {
           console.error("error in updating pip", err);
         });
       }, selectTracksMap);
+      let lastShownMessageId = (_b7 = (_a8 = store.getState(selectHMSMessages)) == null ? void 0 : _a8.slice(-1)[0]) == null ? void 0 : _b7.id;
+      const unsubscribeMessages = store.subscribe((messages) => {
+        try {
+          const result = pickIncomingMessage(messages, lastShownMessageId, store.getState(selectLocalPeerID2));
+          lastShownMessageId = result.lastShownMessageId;
+          if (result.message) {
+            PictureInPicture.setLatestMessage(result.message);
+          }
+        } catch (err) {
+          console.error("error surfacing pip chat message", err);
+        }
+      }, selectHMSMessages);
+      return () => {
+        unsubscribeTracks();
+        unsubscribeMessages();
+      };
     }
     let unsubscribe = PictureInPicture.isOn() ? subscribeToStore() : void 0;
     PictureInPicture.listenToStateChange((isOn) => {
@@ -15362,8 +15590,8 @@ var PIP = ({ content = null }) => {
 init_define_process_env();
 import React50, { useCallback as useCallback16, useEffect as useEffect17, useMemo as useMemo7, useState as useState19 } from "react";
 import {
-  selectHMSMessages as selectHMSMessages2,
-  selectLocalPeerID as selectLocalPeerID3,
+  selectHMSMessages as selectHMSMessages3,
+  selectLocalPeerID as selectLocalPeerID4,
   selectPeerNameByID as selectPeerNameByID3,
   selectSessionStore as selectSessionStore6,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
@@ -15412,8 +15640,8 @@ import { useMedia as useMedia7 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
 import {
-  selectHMSMessages,
-  selectLocalPeerID as selectLocalPeerID2,
+  selectHMSMessages as selectHMSMessages2,
+  selectLocalPeerID as selectLocalPeerID3,
   selectLocalPeerName as selectLocalPeerName2,
   selectLocalPeerRoleName,
   selectPeerNameByID as selectPeerNameByID2,
@@ -15918,7 +16146,7 @@ var ChatMessage = React49.memo(
     const isMobile = useMedia7(config.media.md);
     const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
     const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
-    const localPeerId = useHMSStore19(selectLocalPeerID2);
+    const localPeerId = useHMSStore19(selectLocalPeerID3);
     const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
     const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
     const messageType = getMessageType({
@@ -16150,7 +16378,7 @@ var VirtualizedChatMessages = React49.forwardRef(({ messages, scrollToBottom },
 });
 var ChatBody = React49.forwardRef(
   ({ scrollToBottom }, listRef) => {
-    const messages = useHMSStore19(selectHMSMessages);
+    const messages = useHMSStore19(selectHMSMessages2);
     const blacklistedMessageIDs = useHMSStore19(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
     const filteredMessages = useMemo6(() => {
       const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
@@ -16205,8 +16433,8 @@ var PinnedBy = ({
 // src/Prebuilt/components/PIP/PIPChat.tsx
 var PIPChat = () => {
   var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const messages = useHMSStore20(selectHMSMessages2);
-  const localPeerID = useHMSStore20(selectLocalPeerID3);
+  const messages = useHMSStore20(selectHMSMessages3);
+  const localPeerID = useHMSStore20(selectLocalPeerID4);
   const count = useHMSStore20(selectUnreadHMSMessagesCount2);
   const [unreadMessageCount, setUnreadMessageCount] = useState19(0);
   const getSenderName = useCallback16(
@@ -16880,7 +17108,7 @@ import { useMedia as useMedia9 } from "react-use";
 import { match as match4, P as P3 } from "ts-pattern";
 import {
   selectHMSStats as selectHMSStats3,
-  selectLocalPeerID as selectLocalPeerID4,
+  selectLocalPeerID as selectLocalPeerID5,
   selectPeersMap,
   selectTracksMap as selectTracksMap2,
   useHMSActions as useHMSActions17,
@@ -17030,7 +17258,7 @@ var StatsForNerds = ({ open, onOpenChange }) => {
 var useTracksWithLabel = () => {
   const tracksMap = useHMSStore23(selectTracksMap2);
   const peersMap = useHMSStore23(selectPeersMap);
-  const localPeerID = useHMSStore23(selectLocalPeerID4);
+  const localPeerID = useHMSStore23(selectLocalPeerID5);
   const tracksWithLabels = useMemo8(
     () => Object.values(tracksMap).reduce((res, track) => {
       var _a8, _b7;
@@ -17534,7 +17762,7 @@ init_define_process_env();
 import { useCallback as useCallback21 } from "react";
 import {
   selectHasPeerHandRaised,
-  selectLocalPeerID as selectLocalPeerID5,
+  selectLocalPeerID as selectLocalPeerID6,
   selectPeerMetadata as selectPeerMetadata2,
   useHMSActions as useHMSActions21,
   useHMSStore as useHMSStore27,
@@ -17542,7 +17770,7 @@ import {
 } from "@100mslive/react-sdk";
 var useMyMetadata = () => {
   const hmsActions = useHMSActions21();
-  const localPeerId = useHMSStore27(selectLocalPeerID5);
+  const localPeerId = useHMSStore27(selectLocalPeerID6);
   const vanillaStore = useHMSVanillaStore9();
   const metaData = useHMSStore27(selectPeerMetadata2(localPeerId));
   const isHandRaised = useHMSStore27(selectHasPeerHandRaised(localPeerId));
@@ -17713,7 +17941,7 @@ var DesktopOptions = ({
   elements,
   screenType
 }) => {
-  const localPeerId = useHMSStore28(selectLocalPeerID6);
+  const localPeerId = useHMSStore28(selectLocalPeerID7);
   const hmsActions = useHMSActions23();
   const enablHlsStats = useHMSStore28(selectAppData3(APP_DATA.hlsStats));
   const [openModals, setOpenModals] = useState27(/* @__PURE__ */ new Set());
@@ -21928,7 +22156,13 @@ var Ar = (a2, e) => {
   if (a2 != null && di) for (var i of di(a2)) e.indexOf(i) < 0 && Es.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var Rn = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var Rn = (a2, e) => () => {
+  try {
+    return e || a2((e = { exports: {} }).exports, e), e.exports;
+  } catch (t) {
+    throw e = 0, t;
+  }
+};
 var c = (a2, e, t) => new Promise((i, r) => {
   var s = (d) => {
     try {
@@ -21946,7 +22180,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
   o((t = t.apply(a2, e)).next());
 });
 var _r = Rn((Td, xn) => {
-  xn.exports = { version: "0.14.2-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: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.39", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+  xn.exports = { version: "0.14.3-alpha.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"] };
 });
 var Rr = ((o) => (o.Disconnected = "Disconnected", o.Preview = "Preview", o.Connecting = "Connecting", o.Connected = "Connected", o.Reconnecting = "Reconnecting", o.Disconnecting = "Disconnecting", o.Failed = "Failed", o))(Rr || {});
 var Hn = ((e) => (e.CHAT = "chat", e))(Hn || {});
@@ -24417,7 +24651,7 @@ import {
   selectHasPeerHandRaised as selectHasPeerHandRaised2,
   selectIsLargeRoom as selectIsLargeRoom2,
   selectIsPeerAudioEnabled,
-  selectLocalPeerID as selectLocalPeerID8,
+  selectLocalPeerID as selectLocalPeerID9,
   selectPeerCount as selectPeerCount4,
   selectPermissions as selectPermissions14,
   useHMSStore as useHMSStore44
@@ -24553,12 +24787,12 @@ var ConnectionIndicator = ({
 // src/Prebuilt/components/RemoveParticipant.tsx
 init_define_process_env();
 import React80 from "react";
-import { selectLocalPeerID as selectLocalPeerID7, selectPermissions as selectPermissions10, useHMSActions as useHMSActions29, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID8, selectPermissions as selectPermissions10, useHMSActions as useHMSActions29, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
 import { PeopleRemoveIcon as PeopleRemoveIcon3 } from "@100mslive/react-icons";
 var RemoveParticipant = ({ peerId }) => {
   var _a8;
   const canRemoveOthers = (_a8 = useHMSStore38(selectPermissions10)) == null ? void 0 : _a8.removeOthers;
-  const localPeerId = useHMSStore38(selectLocalPeerID7);
+  const localPeerId = useHMSStore38(selectLocalPeerID8);
   const actions = useHMSActions29();
   if (peerId === localPeerId || !canRemoveOthers) {
     return null;
@@ -25079,7 +25313,7 @@ var Participant = ({
   isHandRaisedAccordion,
   style
 }) => {
-  const localPeerId = useHMSStore44(selectLocalPeerID8);
+  const localPeerId = useHMSStore44(selectLocalPeerID9);
   return /* @__PURE__ */ React83.createElement(
     Flex,
     {
@@ -26534,7 +26768,7 @@ var LeaderboardEntry = ({
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
 init_define_process_env();
 import React103 from "react";
-import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID10, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
 init_define_process_env();
@@ -26600,7 +26834,7 @@ var useQuizSummary = (quizID) => {
 
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
 var PeerParticipationSummary = ({ quiz }) => {
-  const localPeerId = useHMSStore51(selectLocalPeerID9);
+  const localPeerId = useHMSStore51(selectLocalPeerID10);
   const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
   if (quiz.state !== "stopped") {
     return /* @__PURE__ */ React103.createElement(React103.Fragment, null);
@@ -28499,7 +28733,7 @@ import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
   selectHasPeerHandRaised as selectHasPeerHandRaised3,
   selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
-  selectLocalPeerID as selectLocalPeerID11,
+  selectLocalPeerID as selectLocalPeerID12,
   selectPeerMetadata as selectPeerMetadata4,
   selectPeerNameByID as selectPeerNameByID5,
   selectVideoTrackByID as selectVideoTrackByID3,
@@ -28564,7 +28798,7 @@ init_define_process_env();
 import React127, { useState as useState55 } from "react";
 import { useMedia as useMedia23 } from "react-use";
 import {
-  selectLocalPeerID as selectLocalPeerID10,
+  selectLocalPeerID as selectLocalPeerID11,
   selectPeerByID as selectPeerByID2,
   selectPermissions as selectPermissions19,
   selectTrackByID as selectTrackByID3,
@@ -28906,7 +29140,7 @@ var TileMenu = ({
   var _a8, _b7;
   const [open, setOpen] = useState55(false);
   const { theme: theme2 } = useTheme();
-  const localPeerID = useHMSStore67(selectLocalPeerID10);
+  const localPeerID = useHMSStore67(selectLocalPeerID11);
   const isLocal = localPeerID === peerID;
   const { removeOthers } = useHMSStore67(selectPermissions19) || {};
   const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
@@ -28995,7 +29229,7 @@ var Tile = ({
   const track = useHMSStore68(trackSelector);
   const peerName = useHMSStore68(selectPeerNameByID5(peerId));
   const audioTrack = useHMSStore68(selectAudioTrackByPeerID2(peerId));
-  const localPeerID = useHMSStore68(selectLocalPeerID11);
+  const localPeerID = useHMSStore68(selectLocalPeerID12);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
@@ -29956,7 +30190,7 @@ import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon5 }
 init_define_process_env();
 import React153, { useEffect as useEffect53, useMemo as useMemo20, useState as useState66 } from "react";
 import {
-  selectLocalPeerID as selectLocalPeerID13,
+  selectLocalPeerID as selectLocalPeerID14,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
   selectPeerScreenSharing as selectPeerScreenSharing2,
@@ -30624,7 +30858,7 @@ import React150, { useRef as useRef30, useState as useState64 } from "react";
 import { useFullscreen as useFullscreen2, useMedia as useMedia34 } from "react-use";
 import screenfull2 from "screenfull";
 import {
-  selectLocalPeerID as selectLocalPeerID12,
+  selectLocalPeerID as selectLocalPeerID13,
   selectPeerByID as selectPeerByID4,
   selectScreenShareAudioByPeerID,
   selectScreenShareByPeerID as selectScreenShareByPeerID2,
@@ -30783,7 +31017,7 @@ var labelStyles = {
   flexShrink: 0
 };
 var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-  const isLocal = useHMSStore76(selectLocalPeerID12) === peerId;
+  const isLocal = useHMSStore76(selectLocalPeerID13) === peerId;
   const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
   const { theme: theme2 } = useTheme();
   const peer = useHMSStore76(selectPeerByID4(peerId));
@@ -31104,7 +31338,7 @@ var GridLayout = ({
   const pinnedTrack = usePinnedTrack();
   const peers = useHMSStore79(selectPeers3);
   const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore79(selectLocalPeerID13);
+  const localPeerID = useHMSStore79(selectLocalPeerID14);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -34556,12 +34790,12 @@ function AutoplayBlockedModal() {
 init_define_process_env();
 import React185, { useEffect as useEffect69 } from "react";
 import { v4 as uuid4 } from "uuid";
-import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
 var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
   const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
-  const localPeerId = useHMSStore89(selectLocalPeerID14);
+  const localPeerId = useHMSStore89(selectLocalPeerID15);
   useEffect69(() => {
     var _a8, _b7;
     if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -35178,7 +35412,7 @@ init_define_process_env();
 import React191, { useEffect as useEffect78 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes10,
-  selectLocalPeerID as selectLocalPeerID15,
+  selectLocalPeerID as selectLocalPeerID16,
   selectPeerNameByID as selectPeerNameByID8,
   useHMSNotifications as useHMSNotifications11,
   useHMSStore as useHMSStore93,
@@ -35188,7 +35422,7 @@ var notificationTypes2 = [HMSNotificationTypes10.POLL_STARTED, HMSNotificationTy
 var pollToastKey = {};
 var PollNotificationModal = () => {
   const togglePollView = usePollViewToggle();
-  const localPeerID = useHMSStore93(selectLocalPeerID15);
+  const localPeerID = useHMSStore93(selectLocalPeerID16);
   const vanillaStore = useHMSVanillaStore18();
   const screenProps = useRoomLayoutConferencingScreen();
   const notification = useHMSNotifications11(notificationTypes2);
@@ -35664,7 +35898,7 @@ import React202, { useCallback as useCallback41, useEffect as useEffect86, useMe
 import { useMedia as useMedia50 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
-  selectLocalPeerID as selectLocalPeerID16,
+  selectLocalPeerID as selectLocalPeerID17,
   selectPeerNameByID as selectPeerNameByID9,
   useCustomEvent as useCustomEvent5,
   useHMSActions as useHMSActions57,
@@ -35695,7 +35929,7 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore97(selectLocalPeerID16);
+  const localPeerId = useHMSStore97(selectLocalPeerID17);
   const vanillaStore = useHMSVanillaStore19();
   const hmsActions = useHMSActions57();
   const [emojis, setEmojis] = useState85([]);