@100mslive/roomkit-react 0.3.25-alpha.9 → 0.3.26-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/index.cjs.css +2 -2
  2. package/dist/index.cjs.css.map +1 -1
  3. package/dist/index.cjs.js +41 -18
  4. package/dist/index.cjs.js.map +2 -2
  5. package/dist/index.css +2 -2
  6. package/dist/index.css.map +1 -1
  7. package/dist/index.js +74 -44
  8. package/dist/index.js.map +3 -3
  9. package/dist/meta.cjs.json +20 -20
  10. package/dist/meta.esbuild.json +21 -21
  11. package/package.json +7 -7
  12. package/src/Diagnostics/ConnectivityTest.tsx +2 -3
  13. package/src/Prebuilt/components/AudioVideoToggle.tsx +1 -1
  14. package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +18 -5
  15. package/src/Prebuilt/components/StatsForNerds.jsx +2 -2
  16. package/src/Stats/Stats.tsx +11 -2
package/dist/index.js CHANGED
@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
107
107
  var define_process_env_default;
108
108
  var init_define_process_env = __esm({
109
109
  "<define:process.env>"() {
110
- define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_dbf94b2c-3529-42c0-a963-bd4492b455ba", 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", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", 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.0.15-alpha.9", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.5 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_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.10.25-alpha.9", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_dbf94b2c-3529-42c0-a963-bd4492b455ba", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.5/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.13.25-alpha.9", 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_devDependencies__storybook_addon_links: "^7.0.27", 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_files_1: "src", 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_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_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.11.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "605", npm_package_scripts_postinstall: "husky install && lerna bootstrap", 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", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", 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", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20241201.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.9/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.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.3/x64", JOURNAL_STREAM: "8:18370", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", 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", 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.3.25-alpha.9", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "12196125293", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", 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", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "bf1ea5c8a4ade738ea19a95fd3d5f05f4e7e0c2b", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "e7c35454696763d34cd26bde5ce68ad21c4ec9ecd46bc8ddd067800bb175fab4", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", 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--1733476612606-0.793078822480831:/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/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1733476612412-0.29037546050037144:/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/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1733476586610-0.8815518856605871:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1733476586432-0.1809893566623879:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/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/18.20.5/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_f364f096-0740-400f-b345-e78c2dfb2441", INVOCATION_ID: "1a74ab2d8311473b80c7066a93d1e9d8", 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_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "711", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", 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", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", 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 492", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", 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", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.2.12479018", 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_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.25-alpha.9", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_PIP: "false", npm_lifecycle_event: "build:only", npm_package_version: "0.3.25-alpha.9", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", 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_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", 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", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "bf1ea5c8a4ade738ea19a95fd3d5f05f4e7e0c2b", GITHUB_RUN_ATTEMPT: "1", STATS_D_TC: "true", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", 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_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", 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_dbf94b2c-3529-42c0-a963-bd4492b455ba", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", 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_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", 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", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_dbf94b2c-3529-42c0-a963-bd4492b455ba", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.2.12479018", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", 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", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/provjobd.data", 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", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_dbf94b2c-3529-42c0-a963-bd4492b455ba" };
110
+ define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_3e350485-5357-417a-8241-bb63c33ce5f1", 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", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", 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.0.15-alpha.15", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.5 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_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.10.26-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3e350485-5357-417a-8241-bb63c33ce5f1", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.5/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.13.26-alpha.1", 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_devDependencies__storybook_addon_links: "^7.0.27", 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_files_1: "src", 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_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_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.11.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "605", npm_package_scripts_postinstall: "husky install && lerna bootstrap", 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", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", 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", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20241201.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.9/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.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.3/x64", JOURNAL_STREAM: "8:19219", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", 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", 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.3.26-alpha.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "12290892163", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", 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", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "47edda2d774cd4f278d4e6c566c89f4395696314", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "2580e81dcfb2be639e4d43756942f310875c20de92536c886399ad27211288cd", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", 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--1733984095944-0.8703147626441037:/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/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1733984095747-0.4214589157047637:/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/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1733984069109-0.5815130461203069:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1733984068924-0.7807136175350349:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/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/18.20.5/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_72d1ad3c-f09a-46e8-8c7c-62738da8b6d7", INVOCATION_ID: "74ac9ced374f4024a7e29f65723af0a8", 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_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "718", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", 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", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", 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 470", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", 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", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.2.12479018", 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_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.26-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_PIP: "false", npm_lifecycle_event: "build:only", npm_package_version: "0.3.26-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", 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_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", 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", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "47edda2d774cd4f278d4e6c566c89f4395696314", GITHUB_RUN_ATTEMPT: "1", STATS_D_TC: "true", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "KaustubhKumar05", 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_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", 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_3e350485-5357-417a-8241-bb63c33ce5f1", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", 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", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_3e350485-5357-417a-8241-bb63c33ce5f1", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.2.12479018", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", 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", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/provjobd.data", 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", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3e350485-5357-417a-8241-bb63c33ce5f1" };
111
111
  }
112
112
  });
113
113
 
@@ -12338,7 +12338,21 @@ var PacketLostAndJitter = ({
12338
12338
  const isLocalPeer = (audioTrackStats == null ? void 0 : audioTrackStats.type.includes("outbound")) || (videoTrackStats == null ? void 0 : videoTrackStats.type.includes("outbound"));
12339
12339
  const audioStats = isLocalPeer ? audioTrackStats == null ? void 0 : audioTrackStats.remote : audioTrackStats;
12340
12340
  const videoStats = isLocalPeer ? videoTrackStats == null ? void 0 : videoTrackStats.remote : videoTrackStats;
12341
- return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(TrackPacketsLostRow, { label: "Packet Loss(V)", stats: videoStats }), /* @__PURE__ */ React15.createElement(TrackPacketsLostRow, { label: "Packet Loss(A)", stats: audioStats }), /* @__PURE__ */ React15.createElement(StatsRow, { show: isNotNullish(videoStats == null ? void 0 : videoStats.jitter), label: "Jitter(V)", value: (_a8 = videoStats == null ? void 0 : videoStats.jitter) == null ? void 0 : _a8.toFixed(4) }), /* @__PURE__ */ React15.createElement(StatsRow, { show: isNotNullish(audioStats == null ? void 0 : audioStats.jitter), label: "Jitter(A)", value: (_b7 = audioStats == null ? void 0 : audioStats.jitter) == null ? void 0 : _b7.toFixed(4) }));
12341
+ return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(TrackPacketsLostRow, { label: "Packet Loss(V)", stats: videoStats }), /* @__PURE__ */ React15.createElement(TrackPacketsLostRow, { label: "Packet Loss(A)", stats: audioStats }), /* @__PURE__ */ React15.createElement(
12342
+ StatsRow,
12343
+ {
12344
+ show: isNotNullish(videoStats == null ? void 0 : videoStats.jitter),
12345
+ label: "Jitter(V)",
12346
+ value: `${(((_a8 = videoStats == null ? void 0 : videoStats.jitter) != null ? _a8 : 0) * 1e3).toFixed(2)} ms`
12347
+ }
12348
+ ), /* @__PURE__ */ React15.createElement(
12349
+ StatsRow,
12350
+ {
12351
+ show: isNotNullish(audioStats == null ? void 0 : audioStats.jitter),
12352
+ label: "Jitter(A)",
12353
+ value: `${(((_b7 = audioStats == null ? void 0 : audioStats.jitter) != null ? _b7 : 0) * 1e3).toFixed(2)} ms`
12354
+ }
12355
+ ));
12342
12356
  };
12343
12357
  var TrackPacketsLostRow = ({
12344
12358
  stats,
@@ -14640,9 +14654,9 @@ init_define_process_env();
14640
14654
  import React176, { useEffect as useEffect65, useRef as useRef33 } from "react";
14641
14655
  import { v4 as uuid3 } from "uuid";
14642
14656
  import {
14643
- HMSRoomState as HMSRoomState8,
14657
+ HMSRoomState as HMSRoomState9,
14644
14658
  selectIsConnectedToRoom as selectIsConnectedToRoom10,
14645
- selectRoomState as selectRoomState8,
14659
+ selectRoomState as selectRoomState9,
14646
14660
  useAwayNotifications as useAwayNotifications3,
14647
14661
  useHMSActions as useHMSActions52,
14648
14662
  useHMSStore as useHMSStore87
@@ -15649,7 +15663,7 @@ var NoiseCancellation = ({
15649
15663
  ActionTile.Root,
15650
15664
  {
15651
15665
  active: isNoiseCancellationEnabled && isKrispPluginAdded,
15652
- disable: inProgress,
15666
+ disabled: inProgress,
15653
15667
  onClick: () => __async(void 0, null, function* () {
15654
15668
  yield setNoiseCancellationWithPlugin(!isNoiseCancellationEnabled);
15655
15669
  setOpenOptionsSheet == null ? void 0 : setOpenOptionsSheet(false);
@@ -18440,27 +18454,27 @@ var useTracksWithLabel = () => {
18440
18454
  return tracksWithLabels;
18441
18455
  };
18442
18456
  var LocalPeerStats = () => {
18443
- var _a8, _b7, _c, _d, _e, _f, _g, _h, _i;
18457
+ var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j;
18444
18458
  const stats = useHMSStatsStore3(selectHMSStats3.localPeerStats);
18445
18459
  if (!stats) {
18446
18460
  return null;
18447
18461
  }
18448
- return /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Packets Lost", value: (_a8 = stats.subscribe) == null ? void 0 : _a8.packetsLost }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Jitter", value: (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes((_c = stats.publish) == null ? void 0 : _c.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes((_d = stats.subscribe) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(
18462
+ return /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Packets Lost", value: (_a8 = stats.subscribe) == null ? void 0 : _a8.packetsLost }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Jitter", value: `${(((_c = (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter) != null ? _c : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes((_d = stats.publish) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes((_e = stats.subscribe) == null ? void 0 : _e.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(
18449
18463
  StatsRow2,
18450
18464
  {
18451
18465
  label: "Available Outgoing Bitrate",
18452
- value: formatBytes((_e = stats.publish) == null ? void 0 : _e.availableOutgoingBitrate, "b/s")
18466
+ value: formatBytes((_f = stats.publish) == null ? void 0 : _f.availableOutgoingBitrate, "b/s")
18453
18467
  }
18454
- ), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((_f = stats.publish) == null ? void 0 : _f.bytesSent) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes((_g = stats.subscribe) == null ? void 0 : _g.bytesReceived) }), /* @__PURE__ */ React56.createElement(
18468
+ ), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((_g = stats.publish) == null ? void 0 : _g.bytesSent) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes((_h = stats.subscribe) == null ? void 0 : _h.bytesReceived) }), /* @__PURE__ */ React56.createElement(
18455
18469
  StatsRow2,
18456
18470
  {
18457
18471
  label: "Round Trip Time",
18458
- value: `${(((((_h = stats.publish) == null ? void 0 : _h.currentRoundTripTime) || 0) + (((_i = stats.subscribe) == null ? void 0 : _i.currentRoundTripTime) || 0)) / 2).toFixed(3) * 1e3} ms`
18472
+ value: `${(((((_i = stats.publish) == null ? void 0 : _i.currentRoundTripTime) || 0) + (((_j = stats.subscribe) == null ? void 0 : _j.currentRoundTripTime) || 0)) / 2).toFixed(3) * 1e3} ms`
18459
18473
  }
18460
18474
  ));
18461
18475
  };
18462
18476
  var TrackStats = ({ trackID, layer, local }) => {
18463
- var _a8;
18477
+ var _a8, _b7;
18464
18478
  const selector = match4({ trackID, layer, local }).with(
18465
18479
  {
18466
18480
  layer: P3.when((layer2) => !!layer2)
@@ -18472,7 +18486,7 @@ var TrackStats = ({ trackID, layer, local }) => {
18472
18486
  return null;
18473
18487
  }
18474
18488
  const inbound = stats.type.includes("inbound");
18475
- return /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Bitrate", value: formatBytes(stats.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Jitter", value: (_a8 = stats.jitter) == null ? void 0 : _a8.toFixed(3) }), /* @__PURE__ */ React56.createElement(
18489
+ return /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Bitrate", value: formatBytes(stats.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Jitter", value: `${(((_b7 = (_a8 = stats.subscribe) == null ? void 0 : _a8.jitter) != null ? _b7 : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ React56.createElement(
18476
18490
  StatsRow2,
18477
18491
  {
18478
18492
  label: inbound ? "Bytes Received" : "Bytes Sent",
@@ -21496,7 +21510,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
21496
21510
  n((t = t.apply(a2, e)).next());
21497
21511
  });
21498
21512
  var Ar = mo((Jc, Eo) => {
21499
- Eo.exports = { version: "0.12.25-alpha.9", 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", "src"], 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": "^1.0.1", 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.36", "@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"] };
21513
+ Eo.exports = { version: "0.12.26-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], 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": "^1.0.1", 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.36", "@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"] };
21500
21514
  });
21501
21515
  var kr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(kr || {});
21502
21516
  var So = ((e) => (e.CHAT = "chat", e))(So || {});
@@ -21921,7 +21935,7 @@ var y = class {
21921
21935
  return new C({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
21922
21936
  }
21923
21937
  static audioRecovered(e) {
21924
- return new C({ name: "audioRecovered", level: 0, properties: { message: e } });
21938
+ return new C({ name: "audioRecovered", level: 1, properties: { message: e } });
21925
21939
  }
21926
21940
  static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
21927
21941
  let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, d = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
@@ -25057,12 +25071,12 @@ init_define_process_env();
25057
25071
  import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as useEffect44, useMemo as useMemo15, useState as useState58 } from "react";
25058
25072
  import { useMeasure as useMeasure4, useMedia as useMedia28 } from "react-use";
25059
25073
  import {
25060
- HMSRoomState as HMSRoomState6,
25074
+ HMSRoomState as HMSRoomState7,
25061
25075
  selectAppData as selectAppData9,
25062
25076
  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled7,
25063
25077
  selectIsVBEnabled as selectIsVBEnabled2,
25064
25078
  selectLocalPeer as selectLocalPeer9,
25065
- selectRoomState as selectRoomState6,
25079
+ selectRoomState as selectRoomState7,
25066
25080
  selectVideoTrackByID as selectVideoTrackByID5,
25067
25081
  useAVToggle as useAVToggle4,
25068
25082
  useAwayNotifications as useAwayNotifications2,
@@ -26273,7 +26287,14 @@ import React106 from "react";
26273
26287
  init_define_process_env();
26274
26288
  import React105, { useCallback as useCallback27, useEffect as useEffect32, useMemo as useMemo12, useRef as useRef22, useState as useState44 } from "react";
26275
26289
  import { match as match9 } from "ts-pattern";
26276
- import { selectLocalPeer as selectLocalPeer3, selectLocalPeerRoleName as selectLocalPeerRoleName3, useHMSActions as useHMSActions38, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
26290
+ import {
26291
+ HMSRoomState as HMSRoomState5,
26292
+ selectLocalPeer as selectLocalPeer3,
26293
+ selectLocalPeerRoleName as selectLocalPeerRoleName3,
26294
+ selectRoomState as selectRoomState5,
26295
+ useHMSActions as useHMSActions38,
26296
+ useHMSStore as useHMSStore53
26297
+ } from "@100mslive/react-sdk";
26277
26298
  import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon4, CrossCircleIcon as CrossCircleIcon2 } from "@100mslive/react-icons";
26278
26299
  var QuestionCard2 = ({
26279
26300
  pollID,
@@ -26293,6 +26314,7 @@ var QuestionCard2 = ({
26293
26314
  }) => {
26294
26315
  const actions = useHMSActions38();
26295
26316
  const localPeer = useHMSStore53(selectLocalPeer3);
26317
+ const roomState = useHMSStore53(selectRoomState5);
26296
26318
  const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
26297
26319
  const localPeerRoleName = useHMSStore53(selectLocalPeerRoleName3);
26298
26320
  const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
@@ -26433,11 +26455,20 @@ var QuestionCard2 = ({
26433
26455
  }
26434
26456
  ) : null
26435
26457
  ),
26436
- isLive && /* @__PURE__ */ React105.createElement(QuestionActions, { isValidVote, onVote: handleVote, response: localPeerChoice, isQuiz })
26458
+ isLive && /* @__PURE__ */ React105.createElement(
26459
+ QuestionActions,
26460
+ {
26461
+ disableVote: roomState !== HMSRoomState5.Connected,
26462
+ isValidVote,
26463
+ onVote: handleVote,
26464
+ response: localPeerChoice,
26465
+ isQuiz
26466
+ }
26467
+ )
26437
26468
  );
26438
26469
  };
26439
- var QuestionActions = ({ isValidVote, response, isQuiz, onVote }) => {
26440
- return /* @__PURE__ */ React105.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } }, response ? /* @__PURE__ */ React105.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_medium" } }, response.skipped ? "Skipped" : null, isQuiz && !response.skipped ? "Answered" : null, !isQuiz && !response.skipped ? "Voted" : null) : /* @__PURE__ */ React105.createElement(Button, { css: { p: "$xs $10", fontWeight: "$semiBold" }, disabled: !isValidVote, onClick: onVote }, isQuiz ? "Answer" : "Vote"));
26470
+ var QuestionActions = ({ isValidVote, response, isQuiz, onVote, disableVote }) => {
26471
+ return /* @__PURE__ */ React105.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } }, response ? /* @__PURE__ */ React105.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_medium" } }, response.skipped ? "Skipped" : null, isQuiz && !response.skipped ? "Answered" : null, !isQuiz && !response.skipped ? "Voted" : null) : /* @__PURE__ */ React105.createElement(Button, { css: { p: "$xs $10", fontWeight: "$semiBold" }, disabled: !isValidVote || disableVote, onClick: onVote }, isQuiz ? "Answer" : "Vote"));
26441
26472
  };
26442
26473
 
26443
26474
  // src/Prebuilt/components/Polls/Voting/StandardVoting.tsx
@@ -28615,12 +28646,12 @@ import React131, { useEffect as useEffect42, useRef as useRef27, useState as use
28615
28646
  import { useMedia as useMedia25 } from "react-use";
28616
28647
  import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes5 } from "@100mslive/hms-virtual-background/hmsvbplugin";
28617
28648
  import {
28618
- HMSRoomState as HMSRoomState5,
28649
+ HMSRoomState as HMSRoomState6,
28619
28650
  selectIsLargeRoom as selectIsLargeRoom3,
28620
28651
  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled6,
28621
28652
  selectIsLocalVideoPluginPresent,
28622
28653
  selectLocalPeer as selectLocalPeer8,
28623
- selectRoomState as selectRoomState5,
28654
+ selectRoomState as selectRoomState6,
28624
28655
  selectVideoTrackByID as selectVideoTrackByID4,
28625
28656
  useHMSActions as useHMSActions46,
28626
28657
  useHMSStore as useHMSStore69
@@ -28712,7 +28743,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
28712
28743
  const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
28713
28744
  const track = useHMSStore69(trackSelector);
28714
28745
  const [blurAmount, setBlurAmount] = useState57(VBHandler.getBlurAmount() || 0.5);
28715
- const roomState = useHMSStore69(selectRoomState5);
28746
+ const roomState = useHMSStore69(selectRoomState6);
28716
28747
  const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
28717
28748
  const isEffectsSupported = VBHandler.isEffectsSupported();
28718
28749
  const isEffectsEnabled = useHMSStore69(Jm);
@@ -28724,7 +28755,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
28724
28755
  const mediaList = backgroundMedia.map((media) => media.url || "");
28725
28756
  const pluginLoadingRef = useRef27(false);
28726
28757
  const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
28727
- const inPreview = roomState === HMSRoomState5.Preview;
28758
+ const inPreview = roomState === HMSRoomState6.Preview;
28728
28759
  const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
28729
28760
  useEffect42(() => {
28730
28761
  const addHMSVBPlugin = () => __async(void 0, null, function* () {
@@ -29237,7 +29268,7 @@ var PreviewJoin = ({
29237
29268
  asRole
29238
29269
  });
29239
29270
  const { requestPermission } = useAwayNotifications2();
29240
- const roomState = useHMSStore71(selectRoomState6);
29271
+ const roomState = useHMSStore71(selectRoomState7);
29241
29272
  const savePreferenceAndJoin = useCallback33(() => {
29242
29273
  setPreviewPreference({
29243
29274
  name
@@ -29261,7 +29292,7 @@ var PreviewJoin = ({
29261
29292
  setName(initialName);
29262
29293
  }
29263
29294
  }, [initialName]);
29264
- return roomState === HMSRoomState6.Preview ? /* @__PURE__ */ React136.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ React136.createElement(Container4, { css: { h: "100%", pt: "$6", "@md": { justifyContent: "space-between", pt: "$10" } } }, toggleVideo ? null : /* @__PURE__ */ React136.createElement(Box, null), /* @__PURE__ */ React136.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "600px", gap: "$8" } }, /* @__PURE__ */ React136.createElement(Logo, null), /* @__PURE__ */ React136.createElement(Text, { variant: "h4", css: { wordBreak: "break-word", textAlign: "center" } }, previewHeader.title), /* @__PURE__ */ React136.createElement(
29295
+ return roomState === HMSRoomState7.Preview ? /* @__PURE__ */ React136.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ React136.createElement(Container4, { css: { h: "100%", pt: "$6", "@md": { justifyContent: "space-between", pt: "$10" } } }, toggleVideo ? null : /* @__PURE__ */ React136.createElement(Box, null), /* @__PURE__ */ React136.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "600px", gap: "$8" } }, /* @__PURE__ */ React136.createElement(Logo, null), /* @__PURE__ */ React136.createElement(Text, { variant: "h4", css: { wordBreak: "break-word", textAlign: "center" } }, previewHeader.title), /* @__PURE__ */ React136.createElement(
29265
29296
  Text,
29266
29297
  {
29267
29298
  css: { c: "$on_surface_medium", textAlign: "center", maxWidth: "100%", wordWrap: "break-word" },
@@ -32832,7 +32863,7 @@ init_define_process_env();
32832
32863
  init_define_process_env();
32833
32864
  import React175 from "react";
32834
32865
  import { useMedia as useMedia45 } from "react-use";
32835
- import { HMSRoomState as HMSRoomState7, selectRoomState as selectRoomState7, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
32866
+ import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
32836
32867
 
32837
32868
  // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
32838
32869
  init_define_process_env();
@@ -33026,9 +33057,9 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React174.createElement(Re
33026
33057
 
33027
33058
  // src/Prebuilt/components/Header/Header.tsx
33028
33059
  var Header2 = () => {
33029
- const roomState = useHMSStore86(selectRoomState7);
33060
+ const roomState = useHMSStore86(selectRoomState8);
33030
33061
  const isMobile = useMedia45(config.media.md);
33031
- if (roomState !== HMSRoomState7.Connected) {
33062
+ if (roomState !== HMSRoomState8.Connected) {
33032
33063
  return /* @__PURE__ */ React175.createElement(React175.Fragment, null);
33033
33064
  }
33034
33065
  return /* @__PURE__ */ React175.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ React175.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ React175.createElement(Logo, null), /* @__PURE__ */ React175.createElement(RoomDetailsHeader, null), /* @__PURE__ */ React175.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ React175.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React175.createElement(LiveStatus, null), /* @__PURE__ */ React175.createElement(RecordingStatus, null), /* @__PURE__ */ React175.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ React175.createElement(
@@ -33072,7 +33103,7 @@ var ConferenceScreen = () => {
33072
33103
  const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
33073
33104
  const screenProps = useRoomLayoutConferencingScreen();
33074
33105
  const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
33075
- const roomState = useHMSStore87(selectRoomState8);
33106
+ const roomState = useHMSStore87(selectRoomState9);
33076
33107
  const isConnectedToRoom = useHMSStore87(selectIsConnectedToRoom10);
33077
33108
  const hmsActions = useHMSActions52();
33078
33109
  const authTokenInAppData = useAuthToken();
@@ -33086,7 +33117,7 @@ var ConferenceScreen = () => {
33086
33117
  const isLandscapeHLSStream = useLandscapeHLSStream();
33087
33118
  const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
33088
33119
  useEffect65(() => {
33089
- if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== HMSRoomState8.Connecting && !autoRoomJoined.current) {
33120
+ if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== HMSRoomState9.Connecting && !autoRoomJoined.current) {
33090
33121
  hmsActions.join({
33091
33122
  userName: userName || uuid3(),
33092
33123
  authToken: authTokenInAppData,
@@ -33116,8 +33147,8 @@ var ConferenceScreen = () => {
33116
33147
  PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
33117
33148
  };
33118
33149
  }, [onJoinFunc]);
33119
- if (!isConnectedToRoom && ![HMSRoomState8.Reconnecting, HMSRoomState8.Disconnected].includes(roomState)) {
33120
- return /* @__PURE__ */ React176.createElement(FullPageProgress_default, { text: roomState === HMSRoomState8.Connecting ? "Joining..." : "" });
33150
+ if (!isConnectedToRoom && ![HMSRoomState9.Reconnecting, HMSRoomState9.Disconnected].includes(roomState)) {
33151
+ return /* @__PURE__ */ React176.createElement(FullPageProgress_default, { text: roomState === HMSRoomState9.Connecting ? "Joining..." : "" });
33121
33152
  }
33122
33153
  return /* @__PURE__ */ React176.createElement(React176.Fragment, null, isHLSStarted ? /* @__PURE__ */ React176.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ React176.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ React176.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ React176.createElement(
33123
33154
  Box,
@@ -34043,7 +34074,7 @@ init_define_process_env();
34043
34074
  // src/Prebuilt/components/Notifications/Notifications.tsx
34044
34075
  init_define_process_env();
34045
34076
  import React195, { useCallback as useCallback39 } from "react";
34046
- import { HMSRoomState as HMSRoomState10, selectRoomState as selectRoomState10, useCustomEvent as useCustomEvent4, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
34077
+ import { HMSRoomState as HMSRoomState11, selectRoomState as selectRoomState11, useCustomEvent as useCustomEvent4, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
34047
34078
 
34048
34079
  // src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
34049
34080
  init_define_process_env();
@@ -34233,12 +34264,12 @@ import { useEffect as useEffect74 } from "react";
34233
34264
  import { useDebounce as useDebounce2 } from "react-use";
34234
34265
  import {
34235
34266
  HMSNotificationTypes as HMSNotificationTypes6,
34236
- HMSRoomState as HMSRoomState9,
34267
+ HMSRoomState as HMSRoomState10,
34237
34268
  selectHandRaisedPeers as selectHandRaisedPeers2,
34238
34269
  selectHasPeerHandRaised as selectHasPeerHandRaised4,
34239
34270
  selectIsLocalScreenShared as selectIsLocalScreenShared3,
34240
34271
  selectPeerByID as selectPeerByID6,
34241
- selectRoomState as selectRoomState9,
34272
+ selectRoomState as selectRoomState10,
34242
34273
  useAwayNotifications as useAwayNotifications4,
34243
34274
  useHMSNotifications as useHMSNotifications6,
34244
34275
  useHMSStore as useHMSStore91,
@@ -34482,7 +34513,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
34482
34513
  var HandRaisedNotifications = () => {
34483
34514
  var _a8, _b7;
34484
34515
  const notification = useHMSNotifications6(HMSNotificationTypes6.HAND_RAISE_CHANGED);
34485
- const roomState = useHMSStore91(selectRoomState9);
34516
+ const roomState = useHMSStore91(selectRoomState10);
34486
34517
  const vanillaStore = useHMSVanillaStore17();
34487
34518
  const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
34488
34519
  const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
@@ -34494,7 +34525,7 @@ var HandRaisedNotifications = () => {
34494
34525
  if (!(notification == null ? void 0 : notification.data)) {
34495
34526
  return;
34496
34527
  }
34497
- if (roomState !== HMSRoomState9.Connected || notification.data.isLocal || !isSubscribing) {
34528
+ if (roomState !== HMSRoomState10.Connected || notification.data.isLocal || !isSubscribing) {
34498
34529
  return;
34499
34530
  }
34500
34531
  const hasPeerHandRaised = vanillaStore.getState(selectHasPeerHandRaised4(notification.data.id));
@@ -34510,7 +34541,7 @@ var HandRaisedNotifications = () => {
34510
34541
  if (!(notification == null ? void 0 : notification.data)) {
34511
34542
  return;
34512
34543
  }
34513
- if (roomState !== HMSRoomState9.Connected || notification.data.isLocal || !isSubscribing) {
34544
+ if (roomState !== HMSRoomState10.Connected || notification.data.isLocal || !isSubscribing) {
34514
34545
  return;
34515
34546
  }
34516
34547
  const hasPeerHandRaised = vanillaStore.getState(selectHasPeerHandRaised4(notification.data.id));
@@ -35012,7 +35043,7 @@ var TranscriptionNotifications = () => {
35012
35043
 
35013
35044
  // src/Prebuilt/components/Notifications/Notifications.tsx
35014
35045
  function Notifications() {
35015
- const roomState = useHMSStore94(selectRoomState10);
35046
+ const roomState = useHMSStore94(selectRoomState11);
35016
35047
  const isNotificationDisabled = useIsNotificationDisabled();
35017
35048
  const handleRoleChangeDenied = useCallback39((request) => {
35018
35049
  ToastManager.addToast({
@@ -35024,7 +35055,7 @@ function Notifications() {
35024
35055
  if (isNotificationDisabled) {
35025
35056
  return null;
35026
35057
  }
35027
- return /* @__PURE__ */ React195.createElement(React195.Fragment, null, /* @__PURE__ */ React195.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React195.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React195.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React195.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React195.createElement(RoleChangeNotification, null), /* @__PURE__ */ React195.createElement(PollNotificationModal, null), /* @__PURE__ */ React195.createElement(MessageNotifications, null), /* @__PURE__ */ React195.createElement(DeviceChangeNotifications, null), /* @__PURE__ */ React195.createElement(ReconnectNotifications, null), /* @__PURE__ */ React195.createElement(ErrorNotifications, null), /* @__PURE__ */ React195.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React195.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React195.createElement(InitErrorModal, null), /* @__PURE__ */ React195.createElement(ChatNotifications, null), /* @__PURE__ */ React195.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React195.createElement(TranscriptionNotifications, null), /* @__PURE__ */ React195.createElement(DeviceInUseError, null));
35058
+ return /* @__PURE__ */ React195.createElement(React195.Fragment, null, /* @__PURE__ */ React195.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React195.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React195.createElement(TrackNotifications, null), roomState === HMSRoomState11.Connected ? /* @__PURE__ */ React195.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React195.createElement(RoleChangeNotification, null), /* @__PURE__ */ React195.createElement(PollNotificationModal, null), /* @__PURE__ */ React195.createElement(MessageNotifications, null), /* @__PURE__ */ React195.createElement(DeviceChangeNotifications, null), /* @__PURE__ */ React195.createElement(ReconnectNotifications, null), /* @__PURE__ */ React195.createElement(ErrorNotifications, null), /* @__PURE__ */ React195.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React195.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React195.createElement(InitErrorModal, null), /* @__PURE__ */ React195.createElement(ChatNotifications, null), /* @__PURE__ */ React195.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React195.createElement(TranscriptionNotifications, null), /* @__PURE__ */ React195.createElement(DeviceInUseError, null));
35028
35059
  }
35029
35060
 
35030
35061
  // src/Prebuilt/components/PIP/PIPProvider.tsx
@@ -36009,7 +36040,6 @@ import { ConnectivityState } from "@100mslive/react-sdk";
36009
36040
  import { CheckCircleIcon as CheckCircleIcon6, CrossCircleIcon as CrossCircleIcon4, EyeCloseIcon as EyeCloseIcon3, EyeOpenIcon as EyeOpenIcon2, LinkIcon } from "@100mslive/react-icons";
36010
36041
  var Regions = {
36011
36042
  in: "India",
36012
- eu: "Europe",
36013
36043
  us: "United States"
36014
36044
  };
36015
36045
  var ConnectivityStateMessage = {
@@ -36101,10 +36131,10 @@ var SignallingResult = ({ result }) => {
36101
36131
  ), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
36102
36132
  };
36103
36133
  var AudioStats = ({ stats }) => {
36104
- return /* @__PURE__ */ React210.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React210.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter} s` })));
36134
+ return /* @__PURE__ */ React210.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React210.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter * 1e3} ms` })));
36105
36135
  };
36106
36136
  var VideoStats = ({ stats }) => {
36107
- return /* @__PURE__ */ React210.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React210.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter} s` })));
36137
+ return /* @__PURE__ */ React210.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React210.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter * 1e3} ms` })));
36108
36138
  };
36109
36139
  var Footer3 = ({
36110
36140
  error,