@100mslive/roomkit-react 0.3.8-alpha.4 → 0.3.9-alpha.0

package/dist/{chunk-KRTJ2T7F.js → chunk-BKAJ6YG4.js}

@@ -8,6 +8,7 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __pow = Math.pow;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a2, b2) => {
   for (var prop in b2 || (b2 = {}))
@@ -106,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_99ff87f3-70ec-4a4f-affe-f5887196edd9", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", 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.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.8-alpha.4", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_99ff87f3-70ec-4a4f-affe-f5887196edd9", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.2/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.8-alpha.4", 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.8", 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.2.8", 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.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", 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: "597", 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_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", 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.9/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240414.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.2/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", JOURNAL_STREAM: "8:17353", 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: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", 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.8-alpha.4", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "8749330041", 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: "1ac0f11a034d8e0aed06479e20671c86bffd77f8", 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: "fca5e903c9a2399e3cdd373a0e29fd3a22d2c47d2154454f738eee43975db61a", 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--1713507861459-0.8404529433065979:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713507861261-0.435899755627573:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713507839160-0.06303379929561603:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713507838975-0.7068313429725521:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/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.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_613f38a3-ba05-4673-afed-2c4e52ebfa99", INVOCATION_ID: "9934528957ed4a47acf8a3a1df0d25e2", 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: "519", 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: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 262", 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_devDependencies_rollup_plugin_import_css: "^3.3.1", 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/25.2.9519653", 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.8-alpha.4", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.8-alpha.4", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", 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", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "1ac0f11a034d8e0aed06479e20671c86bffd77f8", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_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_99ff87f3-70ec-4a4f-affe-f5887196edd9", 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_99ff87f3-70ec-4a4f-affe-f5887196edd9", 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/25.2.9519653", 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://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.172+1/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__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_99ff87f3-70ec-4a4f-affe-f5887196edd9" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_c0d9e187-ac5f-4a2f-88a1-f6d6f26858ad", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", 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.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.9-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_c0d9e187-ac5f-4a2f-88a1-f6d6f26858ad", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.2/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.9-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.8", 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.2.8", 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.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", 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: "600", 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_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", 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.9/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240414.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.2/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", JOURNAL_STREAM: "8:16204", 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: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", 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.9-alpha.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "8795813995", 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: "0e749918d6dddfed6208acd8e4dbfed267cc751e", 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: "c73f7ad0d8d76d694d83c573acd5cbeb5644d9153d2bffed5630e8b5a3da6760", 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--1713853590495-0.9320070312950524:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713853590298-0.6572167270280693:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713853568287-0.2407608006522226:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713853568112-0.40798663439255645:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/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.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_de27e526-2315-43bf-9e3a-967b5769c1eb", INVOCATION_ID: "ae9ae8e32e914b8886baff95608745f2", 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: "521", 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: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 445", 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_devDependencies_rollup_plugin_import_css: "^3.3.1", 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/25.2.9519653", 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.9-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.9-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_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", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "0e749918d6dddfed6208acd8e4dbfed267cc751e", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_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_c0d9e187-ac5f-4a2f-88a1-f6d6f26858ad", 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_c0d9e187-ac5f-4a2f-88a1-f6d6f26858ad", 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/25.2.9519653", 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://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.172+1/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__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_c0d9e187-ac5f-4a2f-88a1-f6d6f26858ad" };
   }
 });
 
@@ -11160,9 +11161,9 @@ init_define_process_env();
 import React15, { Fragment } from "react";
 import {
   selectConnectionQualityByPeerID,
-  selectHMSStats,
+  selectHMSStats as selectHMSStats2,
   simulcastMapping,
-  useHMSStatsStore,
+  useHMSStatsStore as useHMSStatsStore2,
   useHMSStore
 } from "@100mslive/react-sdk";
 
@@ -11226,16 +11227,54 @@ var Stats = {
   Gap
 };
 
+// src/Stats/useQoE.ts
+init_define_process_env();
+import { useRef as useRef5 } from "react";
+import { usePrevious } from "react-use";
+import { selectHMSStats, useHMSStatsStore } from "@100mslive/react-sdk";
+var EXPECTED_RESOLUTION = 1280 * 720;
+var clip = (value, min_value, max_value) => {
+  return Math.max(Math.min(value, max_value), min_value);
+};
+var useQoE = ({ videoTrackID, audioTrackID, isLocal = false }) => {
+  const audioTrackStats = useHMSStatsStore(selectHMSStats.trackStatsByID(audioTrackID));
+  const videoTrackStats = useHMSStatsStore(selectHMSStats.trackStatsByID(videoTrackID));
+  const prevVideoTrackStats = usePrevious(videoTrackStats);
+  const prevAudioTrackStats = usePrevious(audioTrackStats);
+  const prevJitterBufferDelayMs = useRef5(0);
+  if (isLocal || videoTrackID && !videoTrackStats || audioTrackID && !audioTrackStats) {
+    return;
+  }
+  const resolutionNorm = ((videoTrackStats == null ? void 0 : videoTrackStats.frameWidth) || 0) * ((videoTrackStats == null ? void 0 : videoTrackStats.frameHeight) || 0) / EXPECTED_RESOLUTION;
+  const framesDecodedInLastSec = (videoTrackStats == null ? void 0 : videoTrackStats.framesDecoded) && (prevVideoTrackStats == null ? void 0 : prevVideoTrackStats.framesDecoded) ? videoTrackStats.framesDecoded - prevVideoTrackStats.framesDecoded : 0;
+  let freezeDurationNorm = 1 - (((videoTrackStats == null ? void 0 : videoTrackStats.totalFreezesDuration) || 0) - ((prevVideoTrackStats == null ? void 0 : prevVideoTrackStats.totalFreezesDuration) || 0));
+  freezeDurationNorm = freezeDurationNorm < 0 ? 0.5 : freezeDurationNorm;
+  freezeDurationNorm = framesDecodedInLastSec === 0 ? 0 : freezeDurationNorm;
+  const fpsNorm = framesDecodedInLastSec / 30;
+  const prevJBDelay = (prevVideoTrackStats == null ? void 0 : prevVideoTrackStats.jitterBufferDelay) || 0;
+  const prevJBEmittedCount = (prevVideoTrackStats == null ? void 0 : prevVideoTrackStats.jitterBufferEmittedCount) || 0;
+  const currentJBDelay = ((videoTrackStats == null ? void 0 : videoTrackStats.jitterBufferDelay) || 0) - prevJBDelay;
+  const currentJBEmittedCount = ((videoTrackStats == null ? void 0 : videoTrackStats.jitterBufferEmittedCount) || 0) - prevJBEmittedCount;
+  const jitterBufferDelayMs = currentJBEmittedCount > 0 ? currentJBDelay * 1e3 / currentJBEmittedCount : prevJitterBufferDelayMs.current;
+  prevJitterBufferDelayMs.current = jitterBufferDelayMs;
+  const delayNorm = 1 - Math.min(1, jitterBufferDelayMs / 2e3);
+  const prevConcealedSamples = ((prevAudioTrackStats == null ? void 0 : prevAudioTrackStats.concealedSamples) || 0) - ((prevAudioTrackStats == null ? void 0 : prevAudioTrackStats.silentConcealedSamples) || 0);
+  const currentConcealedSamples = ((audioTrackStats == null ? void 0 : audioTrackStats.concealedSamples) || 0) - ((audioTrackStats == null ? void 0 : audioTrackStats.silentConcealedSamples) || 0) - prevConcealedSamples;
+  const audioConcealedNorm = 1 - currentConcealedSamples / 48e3;
+  return (5 * __pow(clip(freezeDurationNorm, 0, 1), 3) * __pow(clip(resolutionNorm, 0, 1), 0.3) * __pow(clip(fpsNorm, 0, 1), 0.2) * __pow(clip(delayNorm, 0, 1), 0.5) * __pow(clip(audioConcealedNorm, 0, 1), 2)).toFixed(2);
+};
+
 // src/Stats/Stats.tsx
 function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false }) {
   var _a8, _b7, _c;
-  const audioSelector = isLocal ? selectHMSStats.localAudioTrackStatsByID : selectHMSStats.trackStatsByID;
-  const audioTrackStats = useHMSStatsStore(audioSelector(audioTrackID));
-  const localVideoTrackStats = useHMSStatsStore(selectHMSStats.localVideoTrackStatsByID(videoTrackID));
-  const remoteVideoTrackStats = useHMSStatsStore(selectHMSStats.trackStatsByID(videoTrackID));
+  const audioSelector = isLocal ? selectHMSStats2.localAudioTrackStatsByID : selectHMSStats2.trackStatsByID;
+  const audioTrackStats = useHMSStatsStore2(audioSelector(audioTrackID));
+  const localVideoTrackStats = useHMSStatsStore2(selectHMSStats2.localVideoTrackStatsByID(videoTrackID));
+  const remoteVideoTrackStats = useHMSStatsStore2(selectHMSStats2.trackStatsByID(videoTrackID));
   const videoTrackStats = isLocal ? localVideoTrackStats == null ? void 0 : localVideoTrackStats[0] : remoteVideoTrackStats;
   const downlinkScore = (_a8 = useHMSStore(selectConnectionQualityByPeerID(peerID))) == null ? void 0 : _a8.downlinkQuality;
-  const availableOutgoingBitrate = useHMSStatsStore(selectHMSStats.availablePublishBitrate);
+  const availableOutgoingBitrate = useHMSStatsStore2(selectHMSStats2.availablePublishBitrate);
+  const qoe = useQoE({ videoTrackID, audioTrackID, isLocal });
   if (!(audioTrackStats || videoTrackStats)) {
     return null;
   }
@@ -11282,7 +11321,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
         value: formatBytes(stat.bitrate, "b/s")
       }
     ), /* @__PURE__ */ React15.createElement(Stats.Gap, null));
-  })) : /* @__PURE__ */ React15.createElement(Fragment, null, /* @__PURE__ */ React15.createElement(
+  })) : /* @__PURE__ */ React15.createElement(Fragment, null, /* @__PURE__ */ React15.createElement(StatsRow, { show: isNotNullish(qoe), label: "QoE", value: qoe }), /* @__PURE__ */ React15.createElement(
     StatsRow,
     {
       show: isNotNullishAndNot0(videoTrackStats == null ? void 0 : videoTrackStats.frameWidth),
@@ -11914,7 +11953,7 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React179, { useEffect as useEffect70, useRef as useRef28 } from "react";
+import React179, { useEffect as useEffect70, useRef as useRef29 } from "react";
 import { match as match15 } from "ts-pattern";
 import {
   HMSReactiveStore,
@@ -11926,7 +11965,7 @@ import {
 
 // src/Prebuilt/components/AppData/AppData.tsx
 init_define_process_env();
-import React23, { useEffect as useEffect5, useMemo as useMemo4, useRef as useRef6 } from "react";
+import React23, { useEffect as useEffect5, useMemo as useMemo4, useRef as useRef7 } from "react";
 import {
   HMSRoomState,
   selectFullAppData,
@@ -12263,7 +12302,7 @@ import React22 from "react";
 
 // src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts
 init_define_process_env();
-import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef5, useState as useState5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef6, useState as useState5 } from "react";
 
 // src/Prebuilt/provider/roomLayoutProvider/constants/index.ts
 init_define_process_env();
@@ -12345,8 +12384,8 @@ var useFetchRoomLayout = ({
   authToken = ""
 }) => {
   const [layout, setLayout] = useState5(void 0);
-  const layoutResp = useRef5();
-  const isFetchInProgress = useRef5(false);
+  const layoutResp = useRef6();
+  const isFetchInProgress = useRef6(false);
   const updateRoomLayoutForRole = useCallback5((role) => {
     var _a8;
     if (!layoutResp.current) {
@@ -12704,7 +12743,7 @@ var AppData = React23.memo(() => {
   const { elements } = useRoomLayoutConferencingScreen();
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const { isLocalVideoEnabled } = useAVToggle();
-  const sidepaneOpenedRef = useRef6(false);
+  const sidepaneOpenedRef = useRef7(false);
   const defaultMediaURL = useMemo4(() => {
     var _a9;
     const media = ((_a9 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a9.background_media) || [];
@@ -12912,7 +12951,7 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React157, { useEffect as useEffect51, useRef as useRef26, useState as useState66 } from "react";
+import React157, { useEffect as useEffect51, useRef as useRef27, useState as useState66 } from "react";
 import { v4 as uuid3 } from "uuid";
 import {
   HMSRoomState as HMSRoomState7,
@@ -13224,7 +13263,7 @@ var Sheet = {
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 init_define_process_env();
-import React29, { Fragment as Fragment2, useEffect as useEffect8, useRef as useRef8, useState as useState8 } from "react";
+import React29, { Fragment as Fragment2, useEffect as useEffect8, useRef as useRef9, useState as useState8 } from "react";
 import { useMedia } from "react-use";
 import {
   DeviceType,
@@ -13286,9 +13325,9 @@ var DialogDropdownTrigger = React28.forwardRef(({ title, css: css2, open, icon,
 
 // src/Prebuilt/components/hooks/useAudioOutputTest.tsx
 init_define_process_env();
-import { useEffect as useEffect7, useRef as useRef7, useState as useState7 } from "react";
+import { useEffect as useEffect7, useRef as useRef8, useState as useState7 } from "react";
 var useAudioOutputTest = ({ deviceId }) => {
-  const audioRef = useRef7(null);
+  const audioRef = useRef8(null);
   const [playing, setPlaying] = useState7(false);
   useEffect7(() => {
     if (audioRef.current && deviceId) {
@@ -13387,7 +13426,7 @@ var DeviceSelector = ({ title, devices, selection, onChange, icon, children = nu
   var _a8, _b7;
   const [open, setOpen] = useState8(false);
   const selectionBg = useDropdownSelection();
-  const ref = useRef8(null);
+  const ref = useRef9(null);
   return /* @__PURE__ */ React29.createElement(Box, { css: { mb: "$10" } }, /* @__PURE__ */ React29.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React29.createElement(
     Flex,
     {
@@ -14112,7 +14151,7 @@ var useDropdownList = ({ name, open }) => {
 
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
-import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef9, useState as useState11 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef10, useState as useState11 } from "react";
 import { useMedia as useMedia3 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
@@ -15244,7 +15283,7 @@ var PIP = ({ content = null }) => {
 
 // src/Prebuilt/components/RoleChangeModal.jsx
 init_define_process_env();
-import React44, { forwardRef, useRef as useRef10, useState as useState16 } from "react";
+import React44, { forwardRef, useRef as useRef11, useState as useState16 } from "react";
 import { selectPeerByID, useHMSActions as useHMSActions11, useHMSStore as useHMSStore16 } from "@100mslive/react-sdk";
 import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon3, ChevronUpIcon as ChevronUpIcon3 } from "@100mslive/react-icons";
 var PeerName = forwardRef((_a8, ref) => {
@@ -15274,7 +15313,7 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
   const [open, setOpen] = useState16(false);
   const selectionBg = useDropdownSelection();
   const [peerNameRef, setPeerNameRef] = useState16();
-  const ref = useRef10();
+  const ref = useRef11();
   if (!peer) {
     return null;
   }
@@ -15388,7 +15427,7 @@ import { InfoIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/primitives/DialogContent.jsx
 init_define_process_env();
-import React45, { useRef as useRef11 } from "react";
+import React45, { useRef as useRef12 } from "react";
 import { CheckIcon as CheckIcon3, CloudUploadIcon, CrossIcon as CrossIcon7 } from "@100mslive/react-icons";
 var DialogContent = (_a8) => {
   var _b7 = _a8, { Icon: Icon4, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
@@ -15465,7 +15504,7 @@ var DialogSelect = (_a8) => {
 };
 var DialogInputFile = (_a8) => {
   var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
-  const inputRef = useRef11();
+  const inputRef = useRef12();
   return /* @__PURE__ */ React45.createElement(
     DialogCol,
     {
@@ -15676,14 +15715,14 @@ var StartRecording_default = StartRecording;
 
 // src/Prebuilt/components/StatsForNerds.jsx
 init_define_process_env();
-import React48, { useEffect as useEffect14, useMemo as useMemo5, useRef as useRef12, useState as useState19 } from "react";
+import React48, { useEffect as useEffect14, useMemo as useMemo5, useRef as useRef13, useState as useState19 } from "react";
 import { match as match3, P as P2 } from "ts-pattern";
 import {
-  selectHMSStats as selectHMSStats2,
+  selectHMSStats as selectHMSStats3,
   selectLocalPeerID as selectLocalPeerID2,
   selectPeersMap,
   selectTracksMap as selectTracksMap2,
-  useHMSStatsStore as useHMSStatsStore2,
+  useHMSStatsStore as useHMSStatsStore3,
   useHMSStore as useHMSStore18
 } from "@100mslive/react-sdk";
 var StatsForNerds = ({ onOpenChange }) => {
@@ -15696,7 +15735,7 @@ var StatsForNerds = ({ onOpenChange }) => {
   const [selectedStat, setSelectedStat] = useState19(statsOptions[0]);
   const [showStatsOnTiles, setShowStatsOnTiles] = useSetUiSettings(UI_SETTINGS.showStatsOnTiles);
   const [open, setOpen] = useState19(false);
-  const ref = useRef12();
+  const ref = useRef13();
   const selectionBg = useDropdownSelection();
   useEffect14(() => {
     if (selectedStat.id !== "local-peer" && !tracksWithLabels.find((track) => track.id === selectedStat.id)) {
@@ -15792,7 +15831,7 @@ var useTracksWithLabel = () => {
 };
 var LocalPeerStats = () => {
   var _a8, _b7, _c, _d, _e, _f, _g, _h2, _i;
-  const stats = useHMSStatsStore2(selectHMSStats2.localPeerStats);
+  const stats = useHMSStatsStore3(selectHMSStats3.localPeerStats);
   if (!stats) {
     return null;
   }
@@ -15816,9 +15855,9 @@ var TrackStats = ({ trackID, layer, local }) => {
     {
       layer: P2.when((layer2) => !!layer2)
     },
-    () => selectHMSStats2.localVideoTrackStatsByLayer(layer)(trackID)
-  ).with({ local: P2.when((local2) => !!local2) }, () => selectHMSStats2.localAudioTrackStatsByID(trackID)).otherwise(() => selectHMSStats2.trackStatsByID(trackID));
-  const stats = useHMSStatsStore2(selector);
+    () => selectHMSStats3.localVideoTrackStatsByLayer(layer)(trackID)
+  ).with({ local: P2.when((local2) => !!local2) }, () => selectHMSStats3.localAudioTrackStatsByID(trackID)).otherwise(() => selectHMSStats3.trackStatsByID(trackID));
+  const stats = useHMSStatsStore3(selector);
   if (!stats) {
     return null;
   }
@@ -15863,15 +15902,15 @@ var formatBytes2 = (bytes, unit = "B", decimals = 2) => {
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
 init_define_process_env();
-import React49, { useCallback as useCallback11, useRef as useRef13, useState as useState20 } from "react";
+import React49, { useCallback as useCallback11, useRef as useRef14, useState as useState20 } from "react";
 import { useHMSActions as useHMSActions13 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon4 } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
   var _a8, _b7;
   const roles = useFilteredRoles();
   const hmsActions = useHMSActions13();
-  const ref = useRef13(null);
-  const roleRef = useRef13(null);
+  const ref = useRef14(null);
+  const roleRef = useRef14(null);
   const [selectedBulkRole, setBulkRole] = useState20([]);
   const [selectedRole, setRole] = useState20("");
   const [bulkRoleDialog, setBulkRoleDialog] = useState20(false);
@@ -16307,7 +16346,7 @@ var DesktopOptions = ({
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
 init_define_process_env();
-import React59, { useRef as useRef15, useState as useState28 } from "react";
+import React59, { useRef as useRef16, useState as useState28 } from "react";
 import { useClickAway } from "react-use";
 import { match as match5 } from "ts-pattern";
 import {
@@ -16340,7 +16379,7 @@ import {
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
-import React55, { useCallback as useCallback17, useEffect as useEffect16, useRef as useRef14, useState as useState25 } from "react";
+import React55, { useCallback as useCallback17, useEffect as useEffect16, useRef as useRef15, useState as useState25 } from "react";
 import { useMedia as useMedia6 } from "react-use";
 
 // ../hms-video-store/dist/index.js
@@ -18528,7 +18567,7 @@ import { v4 as eo } from "uuid";
 import { v4 as so } from "uuid";
 import { v4 as co } from "uuid";
 import { EventEmitter2 as lo } from "eventemitter2";
-var Dt = __toESM(require_lib());
+var wt = __toESM(require_lib());
 import { EventEmitter2 as xo } from "eventemitter2";
 import { v4 as Vo } from "uuid";
 import { EventEmitter2 as Fo } from "eventemitter2";
@@ -18562,12 +18601,12 @@ var Zi = (a2, e) => {
 };
 var _a7 = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var nr = _a7((yc, Wa) => {
-  Wa.exports = { version: "0.12.8-alpha.4", 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"] };
+  Wa.exports = { version: "0.12.9-alpha.0", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "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"] };
 });
 var er = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(er || {});
 var Na = ((e) => (e.CHAT = "chat", e))(Na || {});
 var jr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(jr || {});
-var tr = ((w) => (w.PEER_JOINED = "PEER_JOINED", w.PEER_LEFT = "PEER_LEFT", w.PEER_LIST = "PEER_LIST", w.NEW_MESSAGE = "NEW_MESSAGE", w.ERROR = "ERROR", w.RECONNECTING = "RECONNECTING", w.RECONNECTED = "RECONNECTED", w.TRACK_ADDED = "TRACK_ADDED", w.TRACK_REMOVED = "TRACK_REMOVED", w.TRACK_MUTED = "TRACK_MUTED", w.TRACK_UNMUTED = "TRACK_UNMUTED", w.TRACK_DEGRADED = "TRACK_DEGRADED", w.TRACK_RESTORED = "TRACK_RESTORED", w.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", w.ROLE_UPDATED = "ROLE_UPDATED", w.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", w.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", w.ROOM_ENDED = "ROOM_ENDED", w.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", w.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", w.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", w.NAME_UPDATED = "NAME_UPDATED", w.METADATA_UPDATED = "METADATA_UPDATED", w.POLL_CREATED = "POLL_CREATED", w.POLL_STARTED = "POLL_STARTED", w.POLL_STOPPED = "POLL_STOPPED", w.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", w.POLLS_LIST = "POLLS_LIST", w.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", w))(tr || {});
+var tr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D))(tr || {});
 var Jr = ((t) => (t.audio = "audio", t.video = "video", t))(Jr || {});
 function He(a2, e) {
   let t, i;
@@ -19131,14 +19170,14 @@ var Eh = createSelector(B, (a2) => a2.id);
 var G = (a2) => a2.peers;
 var ai = (a2) => a2.messages.byID;
 var xs = (a2) => a2.messages.allIDs;
-var D = (a2) => a2.tracks;
+var w = (a2) => a2.tracks;
 var br = (a2) => a2.appData;
 var po = (a2) => a2.speakers;
 var Re = createSelector([B], (a2) => a2 && a2.isConnected);
 var bh = createSelector([Re, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
 var ho = (a2) => a2.hideLocalPeer;
 var le = createSelector([B, G, ho], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var mo = createSelector(D, (a2) => Object.values(a2));
+var mo = createSelector(w, (a2) => Object.values(a2));
 var z = createSelector(B, G, (a2, e) => e[a2.localPeer]);
 var ge = createSelector(B, (a2) => a2.localPeer);
 var Ih = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
@@ -19164,11 +19203,11 @@ var Ch = createSelector(G, po, (a2, e) => {
   }
   return null;
 });
-var Rr = createSelector(z, D, (a2, e) => {
+var Rr = createSelector(z, w, (a2, e) => {
   let { video: t, audio: i } = He(e, a2);
   return !!(t || i);
 });
-var go = createSelector(G, D, (a2, e) => {
+var go = createSelector(G, w, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: o } = He(e, r);
@@ -19178,15 +19217,15 @@ var go = createSelector(G, D, (a2, e) => {
   }
   return t;
 });
-var wh = createSelector(go, (a2) => !!a2);
-var Dh = createSelector(G, D, (a2, e) => {
+var Dh = createSelector(go, (a2) => !!a2);
+var wh = createSelector(G, w, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = He(e, i);
     if (!s && r)
       return i;
   }
 });
-var _h = createSelector(G, D, (a2, e) => {
+var _h = createSelector(G, w, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: o, audio: n } = He(e, s);
@@ -19194,14 +19233,14 @@ var _h = createSelector(G, D, (a2, e) => {
   }
   return t.concat(i);
 });
-var Nh = createSelector(G, D, (a2, e) => {
+var Nh = createSelector(G, w, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (rt(i) && it(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Oh = createSelector(G, D, (a2, e) => {
+var Oh = createSelector(G, w, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if ($t(i) && i.peerId)
@@ -19340,26 +19379,26 @@ var ta = (a2, e) => e;
 var Mo = (a2, e) => e;
 var yo = (a2, e) => e;
 var W = createSelector([G, Cr], (a2, e) => e ? a2[e] : null);
-var Lr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
-var ko = createSelector([D, Tt], (a2, e) => {
+var Lr = createSelector([w, Tt], (a2, e) => e ? a2[e] : null);
+var ko = createSelector([w, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var Eo = createSelector([D, Tt], (a2, e) => {
+var Eo = createSelector([w, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var Po = createSelector([D, Tt], (a2, e) => {
+var Po = createSelector([w, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var Ao = createSelector([D, Tt], (a2, e) => {
+var Ao = createSelector([w, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
@@ -19416,34 +19455,34 @@ var Im = b((a2, e) => {
     return i ? a2.tracks[i] : void 0;
   }
 });
-var Rm = b(createSelector(D, W, (a2, e) => {
+var Rm = b(createSelector(w, W, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return rt(r) && it(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Hm = b(createSelector(D, W, (a2, e) => {
+var Hm = b(createSelector(w, W, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return rt(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Cm = b(createSelector(D, W, (a2, e) => {
+var Cm = b(createSelector(w, W, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return $t(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var sa = b(createSelector(D, W, (a2, e) => He(a2, e)));
+var sa = b(createSelector(w, W, (a2, e) => He(a2, e)));
 var aa = (a2) => createSelector(sa(a2), (e) => e.audio);
-var wm = b((a2, e) => {
+var Dm = b((a2, e) => {
   let t = W(a2, e);
   return Ue(a2, t == null ? void 0 : t.audioTrack);
 });
-var Dm = b((a2, e) => {
+var wm = b((a2, e) => {
   let t = W(a2, e);
   return Ue(a2, t == null ? void 0 : t.videoTrack);
 });
@@ -19506,26 +19545,26 @@ var Co = createSelector(St, (a2) => a2.filter((e) => {
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
 var Lo = createSelector([da, ta], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var wo = createSelector([ca, Cr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Do = createSelector([ca, Cr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
 var Bm = createSelector(Co, (a2) => a2.filter((e) => !e.read).length);
 var Vm = b(ca);
 var Fm = b(da);
 var Gm = b(Lo);
-var Wm = b(wo);
+var Wm = b(Do);
 var la = b(bo);
-var eS = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
+var eS = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
 }));
-var Do = (a2) => a2.roleChangeRequests[0] || null;
-var tS = createSelector([Do, G, ue], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var wo = (a2) => a2.roleChangeRequests[0] || null;
+var tS = createSelector([wo, G, ue], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
 var iS = createSelector([oi], (a2) => st(a2));
 var rS = createSelector([Gs], (a2) => st(a2));
-var No = createSelector([J, D], (a2, e) => {
+var No = createSelector([J, w], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Oo = createSelector([te, D], (a2, e) => {
+var Oo = createSelector([te, w], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
@@ -19824,7 +19863,7 @@ var LiveStatus = () => {
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
   const hlsState = useHMSStore26(selectHLSState4);
   const isMobile = useMedia6(config.media.md);
-  const intervalRef = useRef14(null);
+  const intervalRef = useRef15(null);
   const { screenType } = useRoomLayoutConferencingScreen();
   const [liveTime, setLiveTime] = useState25(0);
   const startTimer = useCallback17(() => {
@@ -20281,7 +20320,7 @@ var MwebOptions = ({
   const { showPolls } = useShowPolls();
   const togglePollView = usePollViewToggle();
   const peerCount = useHMSStore30(selectPeerCount3);
-  const emojiCardRef = useRef15(null);
+  const emojiCardRef = useRef16(null);
   const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
   const { title, description } = useRoomLayoutHeader();
@@ -22184,7 +22223,7 @@ import React101 from "react";
 
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 init_define_process_env();
-import React82, { useEffect as useEffect21, useMemo as useMemo6, useRef as useRef16, useState as useState35 } from "react";
+import React82, { useEffect as useEffect21, useMemo as useMemo6, useRef as useRef17, useState as useState35 } from "react";
 import {
   selectLocalPeerRoleName,
   selectPermissions as selectPermissions15,
@@ -22345,7 +22384,7 @@ var AddMenu = () => {
   const [titleError, setTitleError] = useState35("");
   const { setPollState } = usePollViewState();
   const [interactionType, setInteractionType] = useState35("Poll" /* POLL */);
-  const inputRef = useRef16(null);
+  const inputRef = useRef17(null);
   useEffect21(() => {
     if (inputRef.current) {
       inputRef.current.focus();
@@ -22475,7 +22514,7 @@ import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
 init_define_process_env();
-import React90, { useCallback as useCallback21, useRef as useRef17, useState as useState36 } from "react";
+import React90, { useCallback as useCallback21, useRef as useRef18, useState as useState36 } from "react";
 import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
@@ -22769,7 +22808,7 @@ var QuestionForm = ({
   isQuiz
 }) => {
   var _a8;
-  const ref = useRef17(null);
+  const ref = useRef18(null);
   const selectionBg = useDropdownSelection();
   const [openDelete, setOpenDelete] = useState36(false);
   const [open, setOpen] = useState36(false);
@@ -23367,7 +23406,7 @@ import React98 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React97, { useCallback as useCallback22, useMemo as useMemo9, useRef as useRef18, useState as useState40 } from "react";
+import React97, { useCallback as useCallback22, useMemo as useMemo9, useRef as useRef19, useState as useState40 } from "react";
 import { match as match8 } from "ts-pattern";
 import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions31, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
@@ -23402,7 +23441,7 @@ var QuestionCard2 = ({
   const isLive = pollState === "started";
   const pollEnded = pollState === "stopped";
   const canRespond = isLive && !localPeerResponse;
-  const startTime = useRef18(Date.now());
+  const startTime = useRef19(Date.now());
   const isCorrectAnswer = checkCorrectAnswer(answer, localPeerResponse, type);
   const [singleOptionAnswer, setSingleOptionAnswer] = useState40();
   const [multipleOptionAnswer, setMultipleOptionAnswer] = useState40(/* @__PURE__ */ new Set());
@@ -23821,7 +23860,7 @@ import { CrossIcon as CrossIcon21 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
-import React117, { useCallback as useCallback30, useRef as useRef22 } from "react";
+import React117, { useCallback as useCallback30, useRef as useRef23 } from "react";
 import { useMedia as useMedia17 } from "react-use";
 import { match as match9 } from "ts-pattern";
 import { selectHMSMessagesCount, useHMSActions as useHMSActions40, useHMSStore as useHMSStore62, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
@@ -23829,7 +23868,7 @@ import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
-import React109, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo10, useRef as useRef19, useState as useState46 } from "react";
+import React109, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo10, useRef as useRef20, useState as useState46 } from "react";
 import { useMedia as useMedia12 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
@@ -24330,7 +24369,7 @@ var ChatMessage = React109.memo(
   ({ index, style = {}, message }) => {
     var _a8, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
-    const rowRef = useRef19(null);
+    const rowRef = useRef20(null);
     const isMobile = useMedia12(config.media.md);
     const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
     const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
@@ -24560,7 +24599,7 @@ var ChatBody = React109.forwardRef(
       return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
     }, [blacklistedMessageIDs, messages]);
     const vanillaStore = useHMSVanillaStore9();
-    const rerenderOnFirstMount = useRef19(false);
+    const rerenderOnFirstMount = useRef20(false);
     useEffect26(() => {
       const unsubscribe = vanillaStore.subscribe(() => {
         if (!listRef.current) {
@@ -24607,7 +24646,7 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React112, { useCallback as useCallback28, useEffect as useEffect28, useRef as useRef21, useState as useState49 } from "react";
+import React112, { useCallback as useCallback28, useEffect as useEffect28, useRef as useRef22, useState as useState49 } from "react";
 import { useMedia as useMedia15 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
@@ -24930,9 +24969,9 @@ var useChatDraftMessage = () => {
 
 // src/Prebuilt/components/Chat/useEmojiPickerStyles.js
 init_define_process_env();
-import { useEffect as useEffect27, useRef as useRef20 } from "react";
+import { useEffect as useEffect27, useRef as useRef21 } from "react";
 var useEmojiPickerStyles = (showing) => {
-  const ref = useRef20(null);
+  const ref = useRef21(null);
   useEffect27(() => {
     if (showing) {
       setTimeout(() => {
@@ -25009,7 +25048,7 @@ function EmojiPicker({ onSelect }) {
 var ChatFooter = ({ onSend, children }) => {
   var _a8, _b7, _c, _d;
   const hmsActions = useHMSActions38();
-  const inputRef = useRef21(null);
+  const inputRef = useRef22(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia15(config.media.md);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
@@ -25426,7 +25465,7 @@ var PinnedMessage = () => {
 var Chat = () => {
   var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const listRef = useRef22(null);
+  const listRef = useRef23(null);
   const hmsActions = useHMSActions40();
   const vanillaStore = useHMSVanillaStore10();
   const { enabled: isChatEnabled = true } = useHMSStore62(Sm("chatState" /* CHAT_STATE */)) || {};
@@ -27359,7 +27398,7 @@ import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore75 } fro
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
-import React136, { useEffect as useEffect36, useRef as useRef23 } from "react";
+import React136, { useEffect as useEffect36, useRef as useRef24 } from "react";
 import Draggable from "react-draggable";
 import { useMedia as useMedia26 } from "react-use";
 import {
@@ -27423,7 +27462,7 @@ var InsetTile = ({ peerId }) => {
     width = 240;
     height = width / aspectRatio;
   }
-  const nodeRef = useRef23(null);
+  const nodeRef = useRef24(null);
   useEffect36(() => {
     const node = nodeRef.current;
     if (!node || !window.ResizeObserver) {
@@ -27648,10 +27687,10 @@ var useTileLayout = ({
             tileHeight = maxRowHeight;
             const calcWidths = aspectRatios.map((aR) => tileHeight * aR);
             tileWidth = 0;
-            for (const w of calcWidths) {
-              if (w < width) {
-                if (tileWidth < w) {
-                  tileWidth = w;
+            for (const w2 of calcWidths) {
+              if (w2 < width) {
+                if (tileWidth < w2) {
+                  tileWidth = w2;
                 }
               }
             }
@@ -27722,7 +27761,7 @@ import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore77 } fr
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
-import React141, { useEffect as useEffect40, useRef as useRef24, useState as useState59 } from "react";
+import React141, { useEffect as useEffect40, useRef as useRef25, useState as useState59 } from "react";
 import { useMedia as useMedia29 } from "react-use";
 import { selectAppData as selectAppData9, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
 
@@ -27815,7 +27854,7 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   const spotlightPeerId = useHMSStore76(selectSessionStore11("spotlight" /* SPOTLIGHT */));
   const activeScreensharePeerId = useHMSStore76(selectAppData9(APP_DATA.activeScreensharePeerId));
   const pinnedPeer = (_a8 = useHMSStore76(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
-  const pageChangedAfterPinning = useRef24(false);
+  const pageChangedAfterPinning = useRef25(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
       if (activeScreensharePeerId === p1.id) {
@@ -27957,7 +27996,7 @@ import { selectPeersScreenSharing, useHMSStore as useHMSStore79 } from "@100msli
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
-import React145, { useRef as useRef25, useState as useState62 } from "react";
+import React145, { useRef as useRef26, useState as useState62 } from "react";
 import { useFullscreen as useFullscreen2, useMedia as useMedia31 } from "react-use";
 import screenfull2 from "screenfull";
 import {
@@ -28128,7 +28167,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
   const [isMouseHovered, setIsMouseHovered] = useState62(false);
   const isMobile = useMedia31(config.media.md);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const fullscreenRef = useRef25(null);
+  const fullscreenRef = useRef26(null);
   const [fullscreen, setFullscreen] = useState62(false);
   const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
     onClose: () => setFullscreen(false)
@@ -28953,7 +28992,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React153.lazy(() => import("./HLSView-KESSHZG2.js"));
+var HLSView = React153.lazy(() => import("./HLSView-SZL2TSWE.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -29284,13 +29323,13 @@ var ConferenceScreen = () => {
   const [hideControls, setHideControls] = useState66(false);
   const dropdownList = useHMSStore88(selectAppData11(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
-  const headerRef = useRef26(null);
-  const footerRef = useRef26(null);
+  const headerRef = useRef27(null);
+  const footerRef = useRef27(null);
   const isMobileDevice = isAndroid || isIOS || isIPadOS;
-  const dropdownListRef = useRef26();
+  const dropdownListRef = useRef27();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
-  const autoRoomJoined = useRef26(isPreviewScreenEnabled);
+  const autoRoomJoined = useRef27(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
@@ -30919,7 +30958,7 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback39, useEffect as useEffect69, useRef as useRef27 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect69, useRef as useRef28 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
@@ -30934,7 +30973,7 @@ var useAutoStartStreaming = () => {
   const hmsActions = useHMSActions54();
   const isConnected = useHMSStore98(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
-  const streamStartedRef = useRef27(false);
+  const streamStartedRef = useRef28(false);
   const startHLS = useCallback39(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
@@ -30986,7 +31025,7 @@ var HMSPrebuilt = React179.forwardRef(
     onJoin
   }, ref) => {
     var _a8, _b7, _c, _d;
-    const reactiveStore = useRef28();
+    const reactiveStore = useRef29();
     const [hydrated, setHydrated] = React179.useState(false);
     useEffect70(() => {
       setHydrated(true);
@@ -31298,4 +31337,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-KRTJ2T7F.js.map
+//# sourceMappingURL=chunk-BKAJ6YG4.js.map