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

Sign up to get free protection for your applications and to get access to all the features.
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,