@100mslive/roomkit-react 0.5.7-alpha.0 → 0.5.8-alpha.0

package/dist/index.js

@@ -102,7 +102,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_fce3bfa1-3acb-4c9d-ad69-abeaa472a85f", npm_package_resolutions_js_cookie: "^3.0.7", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", DOTNET_NOLOGO: "1", npm_package_resolutions_tar: "^7.5.18", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.2.7-alpha.0", USER: "runner", npm_package_resolutions_picomatch: "^2.3.2", npm_package_resolutions__octokit_request: "^8.4.1", npm_package_devDependencies_jest: "^29.7.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v24.18.0 linux x64", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_resolutions____babel_plugin_istanbul_test_exclude_minimatch: "^3.1.4", npm_package_devDependencies__size_limit_file: "^12.1.0", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.12.7-alpha.0", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_fce3bfa1-3acb-4c9d-ad69-abeaa472a85f", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.18.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.15.7-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", HCA_CLOUD_PROVIDER: "azure", npm_package_resolutions_shell_quote: "^1.9.0", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_resolutions__babel_runtime: "^7.29.2", npm_package_resolutions__tldraw_tldraw__radix_ui_react_dialog: "1.0.5", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_resolutions_____nx_devkit_minimatch: "^9.0.7", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-9.6.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/29.0.14206865", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-Linux", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_resolutions__isaacs_brace_expansion: "^5.0.1", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", SYSTEMD_EXEC_PID: "2152", ACTIONS_ORCHESTRATION_ID: "1352a4b0-c26a-490c-809b-b8fb091f69fe.publish_packages.__default", npm_package_resolutions_tmp: "^0.2.6", npm_package_scripts_postinstall: "husky install", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", JAVA_HOME_25_X64: "/usr/lib/jvm/temurin-25-jdk-amd64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_resolutions____typedoc_minimatch: "^9.0.7", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20260720.247.2", npm_package_resolutions__babel_plugin_transform_modules_systemjs: "^7.29.4", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^29.7.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", LOGNAME: "runner", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GITHUB_ARTIFACTS: "/home/runner/work/_temp/_runner_file_commands/artifacts_fce3bfa1-3acb-4c9d-ad69-abeaa472a85f", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.1.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "9:12904", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_resolutions_ua_parser_js: "^2.0.10", npm_package_devDependencies_ts_jest: "^29.1.1", npm_package_devDependencies_lerna: "^9.0.7", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^19.6.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/hosted-compute-agent.service/memory.pressure", GOROOT_1_24_X64: "/opt/hostedtoolcache/go/1.24.13/x64", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.5.7-alpha.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GOROOT_1_25_X64: "/opt/hostedtoolcache/go/1.25.12/x64", GITHUB_RUN_ID: "31610614479", npm_package_workspaces_0: "packages/*", npm_package_resolutions_cross_spawn: "^7.0.6", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "8da2a61842cbe5ba65095530fef0a784b15b82e4", GOROOT_1_26_X64: "/opt/hostedtoolcache/go/1.26.5/x64", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_resolutions_qs: "^6.15.2", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "15571041078641984176", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/ci/release", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJQZXJtaXNzaW9uXCI6M30se1wiU2NvcGVcIjpcInJlZnMvaGVhZHMvbWFpblwiLFwiUGVybWlzc2lvblwiOjF9XSIsImFjc2wiOiIxMCIsImF1ZCI6InZzbzo1ZTEyZTAwOS1kZDAxLTRjY2MtOWU4OS00NTIzMDI1MDNkYjUiLCJiaWxsaW5nX293bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwiZXhwIjoxNzg2NTY5NDgxLCJodHRwOi8vc2NoZW1hcy5taWNyb3NvZnQuY29tL3dzLzIwMDgvMDYvaWRlbnRpdHkvY2xhaW1zL3ByaW1hcnlzaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9zaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJpYXQiOjE3ODY1NDcyODEsImlzcyI6Imh0dHBzOi8vdG9rZW4uYWN0aW9ucy5naXRodWJ1c2VyY29udGVudC5jb20iLCJqb2JfaWQiOiIxZWZiYmU0NC04MWU5LTU3NTktODYxMC1kMjg5ZDJiMDg2M2YiLCJqb2Jfd29ya2Zsb3dfcmVmIjoiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZSIsImpvYl93b3JrZmxvd19zaGEiOiI4ZGEyYTYxODQyY2JlNWJhNjUwOTU1MzBmZWYwYTc4NGIxNWI4MmU0IiwibmFtZWlkIjoiZGRkZGRkZGQtZGRkZC1kZGRkLWRkZGQtZGRkZGRkZGRkZGRkIiwibmJmIjoxNzg2NTQ2OTgxLCJvaWRjX2V4dHJhIjoie1wiYWN0b3JcIjpcInJhdml0ZWphODNcIixcImFjdG9yX2lkXCI6XCI2NzYzMjYxXCIsXCJiYXNlX3JlZlwiOlwiXCIsXCJjaGVja19ydW5faWRcIjpcIjk0MTYwNzExNjI3XCIsXCJldmVudF9uYW1lXCI6XCJ3b3JrZmxvd19kaXNwYXRjaFwiLFwiaGVhZF9yZWZcIjpcIlwiLFwiam9iX3dvcmtmbG93X3JlZlwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZVwiLFwiam9iX3dvcmtmbG93X3NoYVwiOlwiOGRhMmE2MTg0MmNiZTViYTY1MDk1NTMwZmVmMGE3ODRiMTViODJlNFwiLFwicmVmXCI6XCJyZWZzL2hlYWRzL2NpL3JlbGVhc2VcIixcInJlZl9wcm90ZWN0ZWRcIjpcImZhbHNlXCIsXCJyZWZfdHlwZVwiOlwiYnJhbmNoXCIsXCJyZXBvc2l0b3J5XCI6XCIxMDBtc2xpdmUvd2ViLXNka3NcIixcInJlcG9zaXRvcnlfaWRcIjpcIjQyOTgyNjUxNVwiLFwicmVwb3NpdG9yeV9vd25lclwiOlwiMTAwbXNsaXZlXCIsXCJyZXBvc2l0b3J5X293bmVyX2lkXCI6XCI3Mzg4MzEzMVwiLFwicmVwb3NpdG9yeV92aXNpYmlsaXR5XCI6XCJwdWJsaWNcIixcInJ1bl9hdHRlbXB0XCI6XCIxXCIsXCJydW5faWRcIjpcIjMxNjEwNjE0NDc5XCIsXCJydW5fbnVtYmVyXCI6XCI4NTRcIixcInJ1bm5lcl9lbnZpcm9ubWVudFwiOlwiZ2l0aHViLWhvc3RlZFwiLFwic2hhXCI6XCI4ZGEyYTYxODQyY2JlNWJhNjUwOTU1MzBmZWYwYTc4NGIxNWI4MmU0XCIsXCJ3b3JrZmxvd1wiOlwiUHVibGlzaCBQYWNrYWdlc1wiLFwid29ya2Zsb3dfcmVmXCI6XCIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJ3b3JrZmxvd19zaGFcIjpcIjhkYTJhNjE4NDJjYmU1YmE2NTA5NTUzMGZlZjBhNzg0YjE1YjgyZTRcIn0iLCJvaWRjX3N1YiI6InJlcG86MTAwbXNsaXZlL3dlYi1zZGtzOnJlZjpyZWZzL2hlYWRzL2NpL3JlbGVhc2UiLCJvcmNoX2lkIjoiMTM1MmE0YjAtYzI2YS00OTBjLTgwOWItYjhmYjA5MWY2OWZlLnB1Ymxpc2hfcGFja2FnZXMuX19kZWZhdWx0Iiwib3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJwbGFuX2lkIjoiMTM1MmE0YjAtYzI2YS00OTBjLTgwOWItYjhmYjA5MWY2OWZlIiwicmVwb3NpdG9yeV9pZCI6IjQyOTgyNjUxNSIsInJlcG9zaXRvcnlfb3duZXJfaWQiOiI3Mzg4MzEzMSIsInJlcG9zaXRvcnlfdmlzaWJpbGl0eSI6InB1YmxpYyIsInJ1bl9pZCI6IjMxNjEwNjE0NDc5IiwicnVuX251bWJlciI6Ijg1NCIsInJ1bl90eXBlIjoiZnVsbCIsInJ1bm5lcl9pZCI6IjEwMDA1NDI1NjgiLCJydW5uZXJfdHlwZSI6Imhvc3RlZCIsInNjcCI6IkFjdGlvbnMuUmVzdWx0czoxMzUyYTRiMC1jMjZhLTQ5MGMtODA5Yi1iOGZiMDkxZjY5ZmU6MWVmYmJlNDQtODFlOS01NzU5LTg2MTAtZDI4OWQyYjA4NjNmIEFjdGlvbnMuUnVubmVyOjEzNTJhNGIwLWMyNmEtNDkwYy04MDliLWI4ZmIwOTFmNjlmZToxZWZiYmU0NC04MWU5LTU3NTktODYxMC1kMjg5ZDJiMDg2M2YgQWN0aW9ucy5VcGxvYWRBcnRpZmFjdHM6MTM1MmE0YjAtYzI2YS00OTBjLTgwOWItYjhmYjA5MWY2OWZlOjFlZmJiZTQ0LTgxZTktNTc1OS04NjEwLWQyODlkMmIwODYzZiBnZW5lcmF0ZV9pZF90b2tlbjoxMzUyYTRiMC1jMjZhLTQ5MGMtODA5Yi1iOGZiMDkxZjY5ZmU6MWVmYmJlNDQtODFlOS01NzU5LTg2MTAtZDI4OWQyYjA4NjNmIEFjdGlvbnMuR2VuZXJpY1JlYWQ6MDAwMDAwMDAtMDAwMC0wMDAwLTAwMDAtMDAwMDAwMDAwMDAwIiwic2hhIjoiOGRhMmE2MTg0MmNiZTViYTY1MDk1NTMwZmVmMGE3ODRiMTViODJlNCIsInRydXN0X3RpZXIiOiIxIn0.eKxyGhyGFc0Sr65qcQ7iP-aZeZol2KvpdN7xgv2wYxuPjnxe4wGdaD9RP-cnOs4byCRS6PWXcvSXDV_1yVuJHpkw3oAVTbQHnikiMqDrNb4hhcv5Q0cjaDYphMT1MhdXSbe5v7F_kWhrqjgxK3gfReFtg4sER-skqg3Z4Qt5E0w8byMnYNbiQ4Vl2jFfB8qjvR8-ugA9rqtddauyf5LSabSsBjOL0g0D94R_FIHUpfjgmvIkxKHVFnSsuw8d3fFQPklVdSWpHieflsKIqHGnlItUT3SE5N_GAZaqLqxnaqMQ_lhonPigkpFQSAmwUYBU_J0jRhCPqUtz5w-evcHLHg", GITHUB_ACTION_REPOSITORY: "", ENABLE_RUNNER_TRACING: "true", npm_package_resolutions_on_headers: "^1.1.0", npm_package_resolutions_semver: "^7.5.2", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.5.0", PATH: "/tmp/yarn--1786547338540-0.5586824204653467:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1786547338365-0.9364800731416884:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1786547319099-0.6917423367584796:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1786547318937-0.20512184110057508:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/24.18.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_3f602edd-49c5-40f7-9fd2-639cc1d0dadc", INVOCATION_ID: "e63a786063064831965f3f6df3de86c0", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^12.1.0", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "854", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^19.6.0", npm_config_legacy_peer_deps: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_resolutions____glob_minimatch: "^3.1.4", npm_package_resolutions_flatted: "^3.4.2", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 1000542568", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "ci/release", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_ws: "^8.21.0", npm_package_resolutions____eslint_minimatch: "^3.1.4", npm_package_resolutions_braces: "^3.0.3", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_resolutions_ip_address: "^10.4.0", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^9.2.1", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.12.7-alpha.0", npm_package_scripts_types: "tsc -w", SHELL: "/bin/bash", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.5.7-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions__octokit_request_error: "^5.1.1", npm_package_resolutions_axios: "^1.16.0", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies_jest_environment_jsdom: "^29.7.0", NX_ISOLATE_PLUGINS: "false", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "false", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_resolutions_postcss: "^8.5.14", npm_package_resolutions_fast_uri: "^3.1.4", npm_package_resolutions_follow_redirects: "^1.16.0", npm_package_resolutions_esbuild: "^0.28.1", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^11.1.1", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_resolutions____nx_minimatch: "^9.0.7", npm_package_resolutions__babel_helpers: "^7.29.2", GITHUB_SHA: "8da2a61842cbe5ba65095530fef0a784b15b82e4", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/cjs/index.js", npm_package_resolutions____tinyglobby_picomatch: "^4.0.4", npm_package_resolutions__adobe_css_tools: "^4.4.4", npm_package_resolutions_form_data: "^4.0.6", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", NX_TASK_TARGET_TARGET: "build", NX_FORKED_TASK_EXECUTOR: "true", npm_package_dependencies_qrcode_react: "^3.1.0", ACTIONS_RUNNER_RETURN_JOB_RESULT_FOR_HOSTED: "1", GITHUB_REF: "refs/heads/ci/release", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/esm/index.js", npm_package_resolutions_yaml: "^2.8.3", npm_config_strict_ssl: "true", NX_LOAD_DOT_ENV_FILES: "true", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_fce3bfa1-3acb-4c9d-ad69-abeaa472a85f", JAVA_HOME: "/usr/lib/jvm/temurin-17-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_resolutions__tootallnate_once: "^3.0.1", npm_package_resolutions____vite_rollup: "^4.59.0", npm_package_scripts_ybys: "yarn && yarn build --no-private", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-1-azure-eastus.actions.githubusercontent.com/32//idtoken/1352a4b0-c26a-490c-809b-b8fb091f69fe/1efbbe44-81e9-5759-8610-d289d2b0863f?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_fce3bfa1-3acb-4c9d-ad69-abeaa472a85f", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", npm_package_resolutions_micromatch: "^4.0.8", npm_package_resolutions_js_yaml: "^4.3.0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.28.1", npm_config_save_prefix: "^", npm_config_ignore_optional: "", NX_TUI: "false", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ARTIFACTS_LIST: "/home/runner/work/_temp/_runner_file_commands/artifacts_list_fce3bfa1-3acb-4c9d-ad69-abeaa472a85f", SGX_AESM_ADDR: "1", PSModulePath: "/root/.local/share/powershell/Modules:/usr/local/share/powershell/Modules:/opt/microsoft/powershell/7/Modules:/usr/share/az_15.6.1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_resolutions_lodash: "^4.18.1", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_fce3bfa1-3acb-4c9d-ad69-abeaa472a85f", npm_package_resolutions_sass: "^1.83.0" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_d3673ce8-4ce4-4165-815c-8ac2a65421c6", npm_package_resolutions_js_cookie: "^3.0.7", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", DOTNET_NOLOGO: "1", npm_package_resolutions_tar: "^7.5.18", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.2.8-alpha.0", USER: "runner", npm_package_resolutions_picomatch: "^2.3.2", npm_package_resolutions__octokit_request: "^8.4.1", npm_package_devDependencies_jest: "^29.7.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v24.19.0 linux x64", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_resolutions____babel_plugin_istanbul_test_exclude_minimatch: "^3.1.4", npm_package_devDependencies__size_limit_file: "^12.1.0", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.12.8-alpha.0", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_d3673ce8-4ce4-4165-815c-8ac2a65421c6", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.15.8-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", HCA_CLOUD_PROVIDER: "azure", npm_package_resolutions_shell_quote: "^1.9.0", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_resolutions__babel_runtime: "^7.29.2", npm_package_resolutions__tldraw_tldraw__radix_ui_react_dialog: "1.0.5", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_resolutions_____nx_devkit_minimatch: "^9.0.7", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-9.7.0", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/29.0.14206865", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-Linux", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_resolutions__isaacs_brace_expansion: "^5.0.1", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", SYSTEMD_EXEC_PID: "1987", ACTIONS_ORCHESTRATION_ID: "bf714a5b-37ee-4750-869e-1a7998e8072b.publish_packages.__default", npm_package_resolutions_tmp: "^0.2.6", npm_package_scripts_postinstall: "husky install", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", JAVA_HOME_25_X64: "/usr/lib/jvm/temurin-25-jdk-amd64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_resolutions____typedoc_minimatch: "^9.0.7", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20260816.277.1", npm_package_resolutions__babel_plugin_transform_modules_systemjs: "^7.29.4", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^29.7.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", LOGNAME: "runner", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GITHUB_ARTIFACTS: "/home/runner/work/_temp/_runner_file_commands/artifacts_d3673ce8-4ce4-4165-815c-8ac2a65421c6", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.1.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "9:14151", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_resolutions_ua_parser_js: "^2.0.10", npm_package_devDependencies_ts_jest: "^29.1.1", npm_package_devDependencies_lerna: "^9.0.7", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^19.6.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/hosted-compute-agent.service/memory.pressure", GOROOT_1_24_X64: "/opt/hostedtoolcache/go/1.24.13/x64", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.5.8-alpha.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GOROOT_1_25_X64: "/opt/hostedtoolcache/go/1.25.13/x64", GITHUB_RUN_ID: "32816833693", npm_package_workspaces_0: "packages/*", npm_package_resolutions_cross_spawn: "^7.0.6", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "a74b883e772f7992107f8c34b5a205b1ecfdd378", GOROOT_1_26_X64: "/opt/hostedtoolcache/go/1.26.6/x64", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_resolutions_qs: "^6.15.2", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "1874610913569976648", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/ci/release", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJQZXJtaXNzaW9uXCI6M30se1wiU2NvcGVcIjpcInJlZnMvaGVhZHMvbWFpblwiLFwiUGVybWlzc2lvblwiOjF9XSIsImFjc2wiOiIxMCIsImF1ZCI6InZzbzo1ZTEyZTAwOS1kZDAxLTRjY2MtOWU4OS00NTIzMDI1MDNkYjUiLCJiaWxsaW5nX293bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwiZXhwIjoxNzg3NjYxMjc3LCJodHRwOi8vc2NoZW1hcy5taWNyb3NvZnQuY29tL3dzLzIwMDgvMDYvaWRlbnRpdHkvY2xhaW1zL3ByaW1hcnlzaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9zaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJpYXQiOjE3ODc2MzkwNzcsImlzcyI6Imh0dHBzOi8vdG9rZW4uYWN0aW9ucy5naXRodWJ1c2VyY29udGVudC5jb20iLCJqb2JfaWQiOiJmOTRhMzFjMy00M2FhLTVlMmUtODM3MC00NzQ1YjY4Y2VhZjIiLCJqb2Jfd29ya2Zsb3dfcmVmIjoiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZSIsImpvYl93b3JrZmxvd19zaGEiOiJhNzRiODgzZTc3MmY3OTkyMTA3ZjhjMzRiNWEyMDViMWVjZmRkMzc4IiwibmFtZWlkIjoiZGRkZGRkZGQtZGRkZC1kZGRkLWRkZGQtZGRkZGRkZGRkZGRkIiwibmJmIjoxNzg3NjM4Nzc3LCJvaWRjX2V4dHJhIjoie1wiYWN0b3JcIjpcInJhdml0ZWphODNcIixcImFjdG9yX2lkXCI6XCI2NzYzMjYxXCIsXCJiYXNlX3JlZlwiOlwiXCIsXCJjaGVja19ydW5faWRcIjpcIjk3NzA2NzI4ODc3XCIsXCJldmVudF9uYW1lXCI6XCJ3b3JrZmxvd19kaXNwYXRjaFwiLFwiaGVhZF9yZWZcIjpcIlwiLFwiam9iX3dvcmtmbG93X3JlZlwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZVwiLFwiam9iX3dvcmtmbG93X3NoYVwiOlwiYTc0Yjg4M2U3NzJmNzk5MjEwN2Y4YzM0YjVhMjA1YjFlY2ZkZDM3OFwiLFwicmVmXCI6XCJyZWZzL2hlYWRzL2NpL3JlbGVhc2VcIixcInJlZl9wcm90ZWN0ZWRcIjpcImZhbHNlXCIsXCJyZWZfdHlwZVwiOlwiYnJhbmNoXCIsXCJyZXBvc2l0b3J5XCI6XCIxMDBtc2xpdmUvd2ViLXNka3NcIixcInJlcG9zaXRvcnlfaWRcIjpcIjQyOTgyNjUxNVwiLFwicmVwb3NpdG9yeV9vd25lclwiOlwiMTAwbXNsaXZlXCIsXCJyZXBvc2l0b3J5X293bmVyX2lkXCI6XCI3Mzg4MzEzMVwiLFwicmVwb3NpdG9yeV92aXNpYmlsaXR5XCI6XCJwdWJsaWNcIixcInJ1bl9hdHRlbXB0XCI6XCIxXCIsXCJydW5faWRcIjpcIjMyODE2ODMzNjkzXCIsXCJydW5fbnVtYmVyXCI6XCI4NTZcIixcInJ1bm5lcl9lbnZpcm9ubWVudFwiOlwiZ2l0aHViLWhvc3RlZFwiLFwic2hhXCI6XCJhNzRiODgzZTc3MmY3OTkyMTA3ZjhjMzRiNWEyMDViMWVjZmRkMzc4XCIsXCJ3b3JrZmxvd1wiOlwiUHVibGlzaCBQYWNrYWdlc1wiLFwid29ya2Zsb3dfcmVmXCI6XCIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJ3b3JrZmxvd19zaGFcIjpcImE3NGI4ODNlNzcyZjc5OTIxMDdmOGMzNGI1YTIwNWIxZWNmZGQzNzhcIn0iLCJvaWRjX3N1YiI6InJlcG86MTAwbXNsaXZlL3dlYi1zZGtzOnJlZjpyZWZzL2hlYWRzL2NpL3JlbGVhc2UiLCJvcmNoX2lkIjoiYmY3MTRhNWItMzdlZS00NzUwLTg2OWUtMWE3OTk4ZTgwNzJiLnB1Ymxpc2hfcGFja2FnZXMuX19kZWZhdWx0Iiwib3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJwbGFuX2lkIjoiYmY3MTRhNWItMzdlZS00NzUwLTg2OWUtMWE3OTk4ZTgwNzJiIiwicmVwb3NpdG9yeV9pZCI6IjQyOTgyNjUxNSIsInJlcG9zaXRvcnlfb3duZXJfaWQiOiI3Mzg4MzEzMSIsInJlcG9zaXRvcnlfdmlzaWJpbGl0eSI6InB1YmxpYyIsInJ1bl9pZCI6IjMyODE2ODMzNjkzIiwicnVuX251bWJlciI6Ijg1NiIsInJ1bl90eXBlIjoiZnVsbCIsInJ1bm5lcl9pZCI6IjEwMDA1NjU3OTciLCJydW5uZXJfdHlwZSI6Imhvc3RlZCIsInNjcCI6IkFjdGlvbnMuUmVzdWx0czpiZjcxNGE1Yi0zN2VlLTQ3NTAtODY5ZS0xYTc5OThlODA3MmI6Zjk0YTMxYzMtNDNhYS01ZTJlLTgzNzAtNDc0NWI2OGNlYWYyIEFjdGlvbnMuUnVubmVyOmJmNzE0YTViLTM3ZWUtNDc1MC04NjllLTFhNzk5OGU4MDcyYjpmOTRhMzFjMy00M2FhLTVlMmUtODM3MC00NzQ1YjY4Y2VhZjIgQWN0aW9ucy5VcGxvYWRBcnRpZmFjdHM6YmY3MTRhNWItMzdlZS00NzUwLTg2OWUtMWE3OTk4ZTgwNzJiOmY5NGEzMWMzLTQzYWEtNWUyZS04MzcwLTQ3NDViNjhjZWFmMiBnZW5lcmF0ZV9pZF90b2tlbjpiZjcxNGE1Yi0zN2VlLTQ3NTAtODY5ZS0xYTc5OThlODA3MmI6Zjk0YTMxYzMtNDNhYS01ZTJlLTgzNzAtNDc0NWI2OGNlYWYyIEFjdGlvbnMuR2VuZXJpY1JlYWQ6MDAwMDAwMDAtMDAwMC0wMDAwLTAwMDAtMDAwMDAwMDAwMDAwIiwic2hhIjoiYTc0Yjg4M2U3NzJmNzk5MjEwN2Y4YzM0YjVhMjA1YjFlY2ZkZDM3OCIsInRydXN0X3RpZXIiOiIxIn0.M7LzcDq2PdsiV5bhkUKg-bF9N60As8per9NtYq0FGuGOvoUKTjEVndVnwW26qbhIdMd7mJvioiCut6IpMOD1wk2eeRWjnFLLCNctJhmYqJ-XB6YUbTJex5CDdwMydA_ZO-Fes8Y67xJP-qH56uKEVXlpJA8gLhYOQnQzr5fhveRl1G_ny3xS4NQoNj0itgKOIkaBI_Nys_2zUkO9QsQtIUf3R2wR6-M-bOyFUq1VjUOP2P4xf_fwkIRGtLPJwhME9TUvLvvR9YWcbpL7bKokFmccXS7sJ63lpCEv_qXPcjCPRBUlXa7nficfpb2ki3C_dkyICcH8w5Aor37VRIuCSQ", GITHUB_ACTION_REPOSITORY: "", ENABLE_RUNNER_TRACING: "true", npm_package_resolutions_on_headers: "^1.1.0", npm_package_resolutions_semver: "^7.5.2", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.5.0", PATH: "/tmp/yarn--1787639147601-0.2812467641187344:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1787639147422-0.014055269746578225:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1787639127570-0.28473376852770094:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1787639127408-0.8404385960994537:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.19.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/24.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_38c6902a-843e-4d6c-9f11-1663fc8103fa", INVOCATION_ID: "0be67874ca59480c9e41b9e9a6e32d90", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^12.1.0", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "856", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^19.6.0", npm_config_legacy_peer_deps: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_resolutions____glob_minimatch: "^3.1.4", npm_package_resolutions_flatted: "^3.4.2", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 1000565797", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "ci/release", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_ws: "^8.21.0", npm_package_resolutions____eslint_minimatch: "^3.1.4", npm_package_resolutions_braces: "^3.0.3", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_resolutions_ip_address: "^10.4.0", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^9.2.1", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.12.8-alpha.0", npm_package_scripts_types: "tsc -w", SHELL: "/bin/bash", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.5.8-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions__octokit_request_error: "^5.1.1", npm_package_resolutions_axios: "^1.16.0", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies_jest_environment_jsdom: "^29.7.0", NX_ISOLATE_PLUGINS: "false", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "false", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_resolutions_postcss: "^8.5.14", npm_package_resolutions_fast_uri: "^3.1.4", npm_package_resolutions_follow_redirects: "^1.16.0", npm_package_resolutions_esbuild: "^0.28.1", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^11.1.1", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_resolutions____nx_minimatch: "^9.0.7", npm_package_resolutions__babel_helpers: "^7.29.2", GITHUB_SHA: "a74b883e772f7992107f8c34b5a205b1ecfdd378", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/cjs/index.js", npm_package_resolutions____tinyglobby_picomatch: "^4.0.4", npm_package_resolutions__adobe_css_tools: "^4.4.4", npm_package_resolutions_form_data: "^4.0.6", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", NX_TASK_TARGET_TARGET: "build", NX_FORKED_TASK_EXECUTOR: "true", npm_package_dependencies_qrcode_react: "^3.1.0", ACTIONS_RUNNER_RETURN_JOB_RESULT_FOR_HOSTED: "1", GITHUB_REF: "refs/heads/ci/release", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/esm/index.js", npm_package_resolutions_yaml: "^2.8.3", npm_config_strict_ssl: "true", NX_LOAD_DOT_ENV_FILES: "true", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_d3673ce8-4ce4-4165-815c-8ac2a65421c6", JAVA_HOME: "/usr/lib/jvm/temurin-17-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_resolutions__tootallnate_once: "^3.0.1", npm_package_resolutions____vite_rollup: "^4.59.0", npm_package_scripts_ybys: "yarn && yarn build --no-private", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-1-azure-eastus.actions.githubusercontent.com/209//idtoken/bf714a5b-37ee-4750-869e-1a7998e8072b/f94a31c3-43aa-5e2e-8370-4745b68ceaf2?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_d3673ce8-4ce4-4165-815c-8ac2a65421c6", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", npm_package_resolutions_micromatch: "^4.0.8", npm_package_resolutions_js_yaml: "^4.3.0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.28.1", npm_config_save_prefix: "^", npm_config_ignore_optional: "", NX_TUI: "false", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ARTIFACTS_LIST: "/home/runner/work/_temp/_runner_file_commands/artifacts_list_d3673ce8-4ce4-4165-815c-8ac2a65421c6", SGX_AESM_ADDR: "1", PSModulePath: "/root/.local/share/powershell/Modules:/usr/local/share/powershell/Modules:/opt/microsoft/powershell/7/Modules:/usr/share/az_15.6.1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_resolutions_lodash: "^4.18.1", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_d3673ce8-4ce4-4165-815c-8ac2a65421c6", npm_package_resolutions_sass: "^1.83.0" };
   }
 });
 
@@ -8004,7 +8004,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         shape: createShapeTypeChecker,
         exact: createStrictShapeTypeChecker
       };
-      function is2(x, y2) {
+      function is(x, y2) {
         if (x === y2) {
           return x !== 0 || 1 / x === 1 / y2;
         } else {
@@ -8147,7 +8147,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         function validate(props, propName, componentName, location, propFullName) {
           var propValue = props[propName];
           for (var i = 0; i < expectedValues.length; i++) {
-            if (is2(propValue, expectedValues[i])) {
+            if (is(propValue, expectedValues[i])) {
               return null;
             }
           }
@@ -8997,8 +8997,8 @@ init_define_process_env();
 // src/Loading/Loading.tsx
 init_define_process_env();
 import React2 from "react";
-var Loading = (_a8) => {
-  var _b7 = _a8, { size = 24, color = "white" } = _b7, props = __objRest(_b7, ["size", "color"]);
+var Loading = (_a7) => {
+  var _b7 = _a7, { size = 24, color = "white" } = _b7, props = __objRest(_b7, ["size", "color"]);
   return /* @__PURE__ */ React2.createElement("svg", __spreadValues({ width: size, height: size, viewBox: "0 0 50 50", fill: color, xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React2.createElement("circle", { cx: "25", cy: "25", r: "20", stroke: color, strokeWidth: "4", strokeDasharray: "70 30", fill: "none" }, /* @__PURE__ */ React2.createElement(
     "animateTransform",
     {
@@ -9179,8 +9179,8 @@ var StyledButton = styled("button", __spreadProps(__spreadValues({}, flexCenter)
     variant: "primary"
   }
 }));
-var Button = React3.forwardRef((_a8, ref) => {
-  var _b7 = _a8, { children, loading = false, icon } = _b7, buttonProps = __objRest(_b7, ["children", "loading", "icon"]);
+var Button = React3.forwardRef((_a7, ref) => {
+  var _b7 = _a7, { children, loading = false, icon } = _b7, buttonProps = __objRest(_b7, ["children", "loading", "icon"]);
   return /* @__PURE__ */ React3.createElement(StyledButton, __spreadProps(__spreadValues({}, buttonProps), { ref }), /* @__PURE__ */ React3.createElement(React3.Fragment, null, loading && /* @__PURE__ */ React3.createElement(
     Flex,
     {
@@ -9408,11 +9408,11 @@ import { PersonIcon } from "@100mslive/react-icons";
 // src/Avatar/getAvatarBg.ts
 init_define_process_env();
 var getInitials = (name) => {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   if (!name) {
     return void 0;
   } else {
-    return (_c = (_b7 = (_a8 = name.trim().replace(/[^a-zA-Z0-9]/g, "").match(/(^\S\S?|\b\S)?/g)) == null ? void 0 : _a8.join("")) == null ? void 0 : _b7.match(/(^\S|\S$)?/g)) == null ? void 0 : _c.join("").toUpperCase();
+    return (_c = (_b7 = (_a7 = name.trim().replace(/[^a-zA-Z0-9]/g, "").match(/(^\S\S?|\b\S)?/g)) == null ? void 0 : _a7.join("")) == null ? void 0 : _b7.match(/(^\S|\S$)?/g)) == null ? void 0 : _c.join("").toUpperCase();
   }
 };
 var getAvatarBg = (name) => {
@@ -9478,8 +9478,8 @@ var StyledAvatar = styled("div", __spreadProps(__spreadValues({}, flexCenter), {
     shape: "circle"
   }
 }));
-var Avatar = (_a8) => {
-  var _b7 = _a8, { name, css: css2 } = _b7, props = __objRest(_b7, ["name", "css"]);
+var Avatar = (_a7) => {
+  var _b7 = _a7, { name, css: css2 } = _b7, props = __objRest(_b7, ["name", "css"]);
   const info = getAvatarBg(name);
   let { color } = info;
   if (!name) {
@@ -9781,8 +9781,8 @@ var Arrow = styled("span", {
   alignItems: "center",
   transition: "border .2s ease 0s"
 });
-var DefaultDownIcon = (_a8) => {
-  var props = __objRest(_a8, []);
+var DefaultDownIcon = (_a7) => {
+  var props = __objRest(_a7, []);
   return /* @__PURE__ */ React7.createElement(Arrow, __spreadValues({}, props), /* @__PURE__ */ React7.createElement(ChevronDownIcon, null));
 };
 var Select = {
@@ -9836,16 +9836,16 @@ var Thumb3 = styled(BaseSlider.Thumb, {
   "&:hover": { backgroundColor: "$primary_default" },
   "&:focus": { boxShadow: "none" }
 });
-var Slider = (_a8) => {
-  var _b7 = _a8, {
+var Slider = (_a7) => {
+  var _b7 = _a7, {
     showTooltip = true,
     thumbStyles
   } = _b7, props = __objRest(_b7, [
     "showTooltip",
     "thumbStyles"
   ]);
-  var _a9;
-  return /* @__PURE__ */ React8.createElement(Root5, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(Track2, null, /* @__PURE__ */ React8.createElement(Range2, null)), showTooltip ? /* @__PURE__ */ React8.createElement(Tooltip, { title: String((_a9 = props.value) == null ? void 0 : _a9[0]) }, /* @__PURE__ */ React8.createElement(Thumb3, { css: thumbStyles })) : /* @__PURE__ */ React8.createElement(Thumb3, { css: thumbStyles }));
+  var _a8;
+  return /* @__PURE__ */ React8.createElement(Root5, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(Track2, null, /* @__PURE__ */ React8.createElement(Range2, null)), showTooltip ? /* @__PURE__ */ React8.createElement(Tooltip, { title: String((_a8 = props.value) == null ? void 0 : _a8[0]) }, /* @__PURE__ */ React8.createElement(Thumb3, { css: thumbStyles })) : /* @__PURE__ */ React8.createElement(Thumb3, { css: thumbStyles }));
 };
 
 // src/Modal/index.ts
@@ -10004,8 +10004,8 @@ var PasswordRoot = styled("div", {
   position: "relative",
   display: "flex"
 });
-var PasswordShowIcon = (_a8) => {
-  var _b7 = _a8, {
+var PasswordShowIcon = (_a7) => {
+  var _b7 = _a7, {
     showPassword,
     css: css2
   } = _b7, props = __objRest(_b7, [
@@ -10014,13 +10014,13 @@ var PasswordShowIcon = (_a8) => {
   ]);
   return /* @__PURE__ */ React12.createElement(Flex, __spreadValues({ css: __spreadValues({}, css2) }, props), showPassword ? /* @__PURE__ */ React12.createElement(EyeOpenIcon, null) : /* @__PURE__ */ React12.createElement(EyeCloseIcon, null));
 };
-var PasswordCopyIcon = (_a8) => {
-  var _b7 = _a8, { css: css2 } = _b7, props = __objRest(_b7, ["css"]);
+var PasswordCopyIcon = (_a7) => {
+  var _b7 = _a7, { css: css2 } = _b7, props = __objRest(_b7, ["css"]);
   return /* @__PURE__ */ React12.createElement(Flex, __spreadValues({ css: __spreadValues({}, css2) }, props), /* @__PURE__ */ React12.createElement(CopyIcon, null));
 };
 var PasswordIcons = React12.forwardRef(
-  (_a8, ref) => {
-    var _b7 = _a8, { css: css2 } = _b7, props = __objRest(_b7, ["css"]);
+  (_a7, ref) => {
+    var _b7 = _a7, { css: css2 } = _b7, props = __objRest(_b7, ["css"]);
     return /* @__PURE__ */ React12.createElement(
       Flex,
       __spreadValues({
@@ -10039,8 +10039,8 @@ var PasswordIcons = React12.forwardRef(
     );
   }
 );
-var ReactInput = React12.forwardRef((_a8, ref) => {
-  var _b7 = _a8, { showPassword = false, css: css2 } = _b7, props = __objRest(_b7, ["showPassword", "css"]);
+var ReactInput = React12.forwardRef((_a7, ref) => {
+  var _b7 = _a7, { showPassword = false, css: css2 } = _b7, props = __objRest(_b7, ["showPassword", "css"]);
   return /* @__PURE__ */ React12.createElement(
     Input,
     __spreadProps(__spreadValues({
@@ -10480,8 +10480,8 @@ var StyledVideo = styled("video", {
     mirror: false
   }
 });
-var Video = (_a8) => {
-  var _b7 = _a8, { trackId, attach } = _b7, props = __objRest(_b7, ["trackId", "attach"]);
+var Video = (_a7) => {
+  var _b7 = _a7, { trackId, attach } = _b7, props = __objRest(_b7, ["trackId", "attach"]);
   const { videoRef } = useVideo({ trackId, attach });
   return /* @__PURE__ */ React13.createElement(StyledVideo, __spreadValues({ ref: videoRef }, props));
 };
@@ -10820,13 +10820,13 @@ var useQoE = ({ videoTrackID, audioTrackID, isLocal = false }) => {
 
 // src/Stats/Stats.tsx
 function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false }) {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   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 downlinkScore = (_a7 = useHMSStore(selectConnectionQualityByPeerID(peerID))) == null ? void 0 : _a7.downlinkQuality;
   const availableOutgoingBitrate = useHMSStatsStore2(selectHMSStats2.availablePublishBitrate);
   const qoe = useQoE({ videoTrackID, audioTrackID, isLocal });
   if (!(audioTrackStats || videoTrackStats)) {
@@ -10841,7 +10841,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
       value: formatBytes(availableOutgoingBitrate, "b/s")
     }
   ), localVideoTrackStats == null ? void 0 : localVideoTrackStats.map((stat) => {
-    var _a9, _b8;
+    var _a8, _b8;
     if (!stat) {
       return null;
     }
@@ -10851,7 +10851,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
       {
         show: isNotNullishAndNot0(stat.frameWidth),
         label: "Width",
-        value: (_a9 = stat.frameWidth) == null ? void 0 : _a9.toString()
+        value: (_a8 = stat.frameWidth) == null ? void 0 : _a8.toString()
       }
     ), /* @__PURE__ */ React15.createElement(
       StatsRow,
@@ -10930,7 +10930,7 @@ var PacketLostAndJitter = ({
   audioTrackStats,
   videoTrackStats
 }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const isLocalPeer = (audioTrackStats == null ? void 0 : audioTrackStats.type.includes("outbound")) || (videoTrackStats == null ? void 0 : videoTrackStats.type.includes("outbound"));
   const audioStats = isLocalPeer ? audioTrackStats == null ? void 0 : audioTrackStats.remote : audioTrackStats;
   const videoStats = isLocalPeer ? videoTrackStats == null ? void 0 : videoTrackStats.remote : videoTrackStats;
@@ -10939,7 +10939,7 @@ var PacketLostAndJitter = ({
     {
       show: isNotNullish(videoStats == null ? void 0 : videoStats.jitter),
       label: "Jitter(V)",
-      value: `${(((_a8 = videoStats == null ? void 0 : videoStats.jitter) != null ? _a8 : 0) * 1e3).toFixed(2)} ms`
+      value: `${(((_a7 = videoStats == null ? void 0 : videoStats.jitter) != null ? _a7 : 0) * 1e3).toFixed(2)} ms`
     }
   ), /* @__PURE__ */ React15.createElement(
     StatsRow,
@@ -11152,8 +11152,8 @@ var ToastViewport = styled(ToastPrimitives.Viewport, {
 var DefaultClose = ({ css: css2 }) => {
   return /* @__PURE__ */ React16.createElement(ToastClose, { css: css2, asChild: true }, /* @__PURE__ */ React16.createElement(IconButton, null, /* @__PURE__ */ React16.createElement(CrossIcon2, null)));
 };
-var HMSToast = (_a8) => {
-  var _b7 = _a8, {
+var HMSToast = (_a7) => {
+  var _b7 = _a7, {
     title,
     description,
     isClosable = true,
@@ -11238,13 +11238,13 @@ var StyledChevron = styled(ChevronUpIcon, {
 });
 var AccordionRoot = StyledAccordion;
 var AccordionItem = StyledItem;
-var AccordionHeader = React17.forwardRef((_a8, forwardedRef) => {
-  var _b7 = _a8, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
+var AccordionHeader = React17.forwardRef((_a7, forwardedRef) => {
+  var _b7 = _a7, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
   return /* @__PURE__ */ React17.createElement(StyledHeader, { css: css2 }, /* @__PURE__ */ React17.createElement(StyledTrigger3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children, /* @__PURE__ */ React17.createElement(StyledChevron, { "data-testid": chevronID, "aria-hidden": true, css: iconStyles })));
 });
 var AccordionContent = React17.forwardRef(
-  (_a8, forwardedRef) => {
-    var _b7 = _a8, { children, contentStyles } = _b7, props = __objRest(_b7, ["children", "contentStyles"]);
+  (_a7, forwardedRef) => {
+    var _b7 = _a7, { children, contentStyles } = _b7, props = __objRest(_b7, ["children", "contentStyles"]);
     return /* @__PURE__ */ React17.createElement(StyledContent3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), /* @__PURE__ */ React17.createElement(Box, { css: contentStyles }, children));
   }
 );
@@ -11483,8 +11483,8 @@ var LinkComponent = styled("a", {
     }
   }
 });
-var Link = (_a8) => {
-  var _b7 = _a8, { iconSide = "left", icon, color = "primary", children } = _b7, rest = __objRest(_b7, ["iconSide", "icon", "color", "children"]);
+var Link = (_a7) => {
+  var _b7 = _a7, { iconSide = "left", icon, color = "primary", children } = _b7, rest = __objRest(_b7, ["iconSide", "icon", "color", "children"]);
   const Icon4 = icon ? icons[icon] : React19.Fragment;
   const renderedIcon = icon ? /* @__PURE__ */ React19.createElement(Flex, { as: "span" }, /* @__PURE__ */ React19.createElement(Icon4, { height: 13.33, width: 13.33 }), " ") : null;
   return /* @__PURE__ */ React19.createElement(LinkComponent, __spreadProps(__spreadValues({}, rest), { color }), iconSide === "left" && renderedIcon, /* @__PURE__ */ React19.createElement(Text, { as: "span", variant: "body2", css: { color: "inherit" } }, children), iconSide === "right" && renderedIcon);
@@ -11661,8 +11661,8 @@ var useAuthToken = () => {
   return useHMSStore2(selectAppData(APP_DATA.authToken));
 };
 var useUrlToEmbed = () => {
-  var _a8;
-  return (_a8 = useHMSStore2(selectAppData(APP_DATA.embedConfig))) == null ? void 0 : _a8.url;
+  var _a7;
+  return (_a7 = useHMSStore2(selectAppData(APP_DATA.embedConfig))) == null ? void 0 : _a7.url;
 };
 var usePDFConfig = () => {
   return useHMSStore2(selectAppData(APP_DATA.pdfConfig));
@@ -11676,10 +11676,10 @@ var useResetEmbedConfig = () => {
   return () => setEmbedConfig();
 };
 var usePinnedTrack = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const pinnedTrackId = useHMSStore2(selectAppData(APP_DATA.pinnedTrackId));
   const spotlightPeerId = useHMSStore2(selectSessionStore("spotlight" /* SPOTLIGHT */));
-  const spotlightVideoTrackId = (_a8 = useHMSStore2(selectVideoTrackByPeerID(spotlightPeerId))) == null ? void 0 : _a8.id;
+  const spotlightVideoTrackId = (_a7 = useHMSStore2(selectVideoTrackByPeerID(spotlightPeerId))) == null ? void 0 : _a7.id;
   const spotlightAudioTrackId = (_b7 = useHMSStore2(selectAudioTrackByPeerID(spotlightPeerId))) == null ? void 0 : _b7.id;
   return useHMSStore2(selectTrackByID(pinnedTrackId || spotlightVideoTrackId || spotlightAudioTrackId));
 };
@@ -11965,18 +11965,18 @@ var useFetchRoomLayout = ({
   const isFetchInProgress = useRef6(false);
   const setOriginalLayout = useCallback5(() => setLayout(originalLayout.current), []);
   const updateRoomLayoutForRole = useCallback5((role) => {
-    var _a8;
+    var _a7;
     if (!layoutResp.current) {
       return;
     }
-    const [layout2] = (((_a8 = layoutResp.current) == null ? void 0 : _a8.data) || []).filter((layout3) => layout3.role === role);
+    const [layout2] = (((_a7 = layoutResp.current) == null ? void 0 : _a7.data) || []).filter((layout3) => layout3.role === role);
     if (layout2) {
       setLayout(layout2);
     }
   }, []);
   useEffect5(() => {
     (() => __async(null, null, function* () {
-      var _a8, _b7;
+      var _a7, _b7;
       if (isFetchInProgress.current || !authToken) {
         return;
       }
@@ -11994,7 +11994,7 @@ var useFetchRoomLayout = ({
           data: [defaultLayout]
         };
       }
-      let layoutForRole = (_b7 = (_a8 = layoutResp.current) == null ? void 0 : _a8.data) == null ? void 0 : _b7[0];
+      let layoutForRole = (_b7 = (_a7 = layoutResp.current) == null ? void 0 : _a7.data) == null ? void 0 : _b7[0];
       if (!layoutForRole) {
         console.error(
           "[Room Layout API]: Unable to figure out room layout from API response. Resorting to default layout."
@@ -12034,16 +12034,16 @@ var RoomLayoutProvider = ({
   return /* @__PURE__ */ React22.createElement(RoomLayoutContext.Provider, { value: { layout: mergedLayout, updateRoomLayoutForRole, setOriginalLayout } }, children);
 };
 var useRoomLayout = () => {
-  var _a8;
-  return (_a8 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a8.layout;
+  var _a7;
+  return (_a7 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a7.layout;
 };
 var useUpdateRoomLayout = () => {
-  var _a8;
-  return (_a8 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a8.updateRoomLayoutForRole;
+  var _a7;
+  return (_a7 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a7.updateRoomLayoutForRole;
 };
 var useSetOriginalLayout = () => {
-  var _a8;
-  return (_a8 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a8.setOriginalLayout;
+  var _a7;
+  return (_a7 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a7.setOriginalLayout;
 };
 
 // src/Prebuilt/common/utils.js
@@ -12112,11 +12112,11 @@ var isMobileUserAgent = /Mobi|Android|iPhone/i.test(navigator.userAgent);
 var getPeerResponses = (questions, peerid, userid) => {
   return questions.map(
     (question) => {
-      var _a8;
-      return (_a8 = question.responses) == null ? void 0 : _a8.filter(
+      var _a7;
+      return (_a7 = question.responses) == null ? void 0 : _a7.filter(
         (response) => {
-          var _a9, _b7;
-          return response && (((_a9 = response.peer) == null ? void 0 : _a9.peerid) === peerid || ((_b7 = response.peer) == null ? void 0 : _b7.userid) === userid) && !response.skipped;
+          var _a8, _b7;
+          return response && (((_a8 = response.peer) == null ? void 0 : _a8.peerid) === peerid || ((_b7 = response.peer) == null ? void 0 : _b7.userid) === userid) && !response.skipped;
         }
       );
     }
@@ -12137,20 +12137,20 @@ var getIndexToShow = (responses) => {
 function useRoomLayoutScreen({
   screen
 }) {
-  var _a8;
+  var _a7;
   const roomLayout = useRoomLayout();
-  const screenProps = (_a8 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a8[screen];
+  const screenProps = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7[screen];
   return screenProps;
 }
 function useRoomLayoutPreviewScreen() {
-  var _a8;
+  var _a7;
   const screenProps = useRoomLayoutScreen({ screen: "preview" });
   const isPreviewScreenEnabled = !!screenProps && !(screenProps == null ? void 0 : screenProps.skip_preview_screen);
   let elements;
   let screenType;
   if (isPreviewScreenEnabled) {
     screenType = Object.keys(screenProps).filter((key) => key !== "skip_preview_screen")[0];
-    elements = (_a8 = screenProps[screenType]) == null ? void 0 : _a8.elements;
+    elements = (_a7 = screenProps[screenType]) == null ? void 0 : _a7.elements;
   }
   return {
     isPreviewScreenEnabled,
@@ -12159,10 +12159,10 @@ function useRoomLayoutPreviewScreen() {
   };
 }
 function useRoomLayoutConferencingScreen() {
-  var _a8, _b7;
+  var _a7, _b7;
   const screenProps = useRoomLayoutScreen({ screen: "conferencing" }) || {};
   const screenType = Object.keys(screenProps)[0];
-  const elements = (_a8 = screenProps[screenType]) == null ? void 0 : _a8.elements;
+  const elements = (_a7 = screenProps[screenType]) == null ? void 0 : _a7.elements;
   const hideSections = ((_b7 = screenProps[screenType]) == null ? void 0 : _b7.hideSections) || [];
   return {
     hideSections,
@@ -12171,25 +12171,25 @@ function useRoomLayoutConferencingScreen() {
   };
 }
 function useRoomLayoutLeaveScreen() {
-  var _a8, _b7;
+  var _a7, _b7;
   const screenProps = useRoomLayoutScreen({ screen: "leave" });
   const isLeaveScreenEnabled = !!screenProps;
   return {
     isLeaveScreenEnabled,
-    feedback: (_b7 = (_a8 = screenProps == null ? void 0 : screenProps.default) == null ? void 0 : _a8.elements) == null ? void 0 : _b7.feedback
+    feedback: (_b7 = (_a7 = screenProps == null ? void 0 : screenProps.default) == null ? void 0 : _a7.elements) == null ? void 0 : _b7.feedback
   };
 }
 function useRoomLayoutHeader() {
-  var _a8, _b7;
+  var _a7, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
   const { isRecordingOn } = useRecordingStreaming();
   const peerCount = useHMSStore4(selectPeerCount);
   const sessionStartedAt = useHMSStore4(selectRoomStartTime);
   const hlsState = useHMSStore4(selectHLSState);
   const details = useMemo3(() => {
-    var _a9;
+    var _a8;
     const details2 = [];
-    if ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9["startedAt"]) {
+    if ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8["startedAt"]) {
       details2.push(`${getFormattedCount(peerCount)} watching`);
       details2.push(hlsState.variants[0]["startedAt"]);
     } else if (sessionStartedAt) {
@@ -12201,7 +12201,7 @@ function useRoomLayoutHeader() {
     return details2;
   }, [hlsState == null ? void 0 : hlsState.variants, isRecordingOn, peerCount, sessionStartedAt]);
   return {
-    title: ((_a8 = elements.header) == null ? void 0 : _a8.title) || "",
+    title: ((_a7 = elements.header) == null ? void 0 : _a7.title) || "",
     description: ((_b7 = elements.header) == null ? void 0 : _b7.description) || "",
     details
   };
@@ -12342,7 +12342,7 @@ var initialAppData = {
   [APP_DATA.noiseCancellation]: false
 };
 var AppData = React23.memo(() => {
-  var _a8, _b7, _c, _d;
+  var _a7, _b7, _c, _d;
   const hmsActions = useHMSActions4();
   const [preferences = {}] = useUserPreferences(UserPreferencesKeys.UI_SETTINGS);
   const appData = useHMSStore6(selectFullAppData);
@@ -12353,14 +12353,14 @@ var AppData = React23.memo(() => {
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
   const isMobile = useMedia(config.media.md);
   useEffect6(() => {
-    var _a9;
-    if ((_a9 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a9.enabled_by_default) {
+    var _a8;
+    if ((_a8 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a8.enabled_by_default) {
       setNoiseCancellationEnabled(true);
     }
-  }, [(_a8 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a8.enabled_by_default, setNoiseCancellationEnabled]);
+  }, [(_a7 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a7.enabled_by_default, setNoiseCancellationEnabled]);
   const defaultMediaURL = useMemo4(() => {
-    var _a9;
-    const media = ((_a9 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a9.background_media) || [];
+    var _a8;
+    const media = ((_a8 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a8.background_media) || [];
     for (let i = 0; i < media.length; i++) {
       if (media[i].default && media[i].url) {
         return media[i].url;
@@ -12385,11 +12385,11 @@ var AppData = React23.memo(() => {
     hmsActions.setAppData(APP_DATA.uiSettings, updatedSettings, true);
   }, [hmsActions, preferences]);
   useEffect6(() => {
-    var _a9, _b8;
+    var _a8, _b8;
     hmsActions.setAppData(
       APP_DATA.uiSettings,
       {
-        [UI_SETTINGS.maxTileCount]: isMobile ? DEFAULT_TILES_IN_VIEW.MWEB : Number((_b8 = (_a9 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a9.grid) == null ? void 0 : _b8.tiles_in_view) || DEFAULT_TILES_IN_VIEW.DESKTOP
+        [UI_SETTINGS.maxTileCount]: isMobile ? DEFAULT_TILES_IN_VIEW.MWEB : Number((_b8 = (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid) == null ? void 0 : _b8.tiles_in_view) || DEFAULT_TILES_IN_VIEW.DESKTOP
       },
       true
     );
@@ -12514,41 +12514,41 @@ var VBPlugin = class {
       }
     });
     this.getBackground = () => {
-      var _a8, _b7;
+      var _a7, _b7;
       if (this.effectsPlugin) {
-        return (_a8 = this.effectsPlugin) == null ? void 0 : _a8.getBackground();
+        return (_a7 = this.effectsPlugin) == null ? void 0 : _a7.getBackground();
       } else {
         const background = (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getBackground();
         return (background == null ? void 0 : background.src) || background;
       }
     };
     this.getBlurAmount = () => {
-      var _a8;
+      var _a7;
       if (this.effectsPlugin) {
         return this.effectsPlugin.getBlurAmount();
       } else {
-        return ((_a8 = this.hmsPlugin) == null ? void 0 : _a8.getBackground()) === HMSVirtualBackgroundTypes.BLUR ? 1 : 0;
+        return ((_a7 = this.hmsPlugin) == null ? void 0 : _a7.getBackground()) === HMSVirtualBackgroundTypes.BLUR ? 1 : 0;
       }
     };
     this.getVBObject = () => {
       return this.effectsPlugin || this.hmsPlugin;
     };
     this.getName = () => {
-      var _a8, _b7;
-      return this.effectsPlugin ? (_a8 = this.effectsPlugin) == null ? void 0 : _a8.getName() : (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getName();
+      var _a7, _b7;
+      return this.effectsPlugin ? (_a7 = this.effectsPlugin) == null ? void 0 : _a7.getName() : (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getName();
     };
     this.setBlur = (blurPower) => __async(this, null, function* () {
-      var _a8, _b7;
+      var _a7, _b7;
       if (this.effectsPlugin) {
-        (_a8 = this.effectsPlugin) == null ? void 0 : _a8.setBlur(blurPower);
+        (_a7 = this.effectsPlugin) == null ? void 0 : _a7.setBlur(blurPower);
       } else {
         yield (_b7 = this.hmsPlugin) == null ? void 0 : _b7.setBackground(HMSVirtualBackgroundTypes.BLUR, HMSVirtualBackgroundTypes.BLUR);
       }
     });
     this.setBackground = (mediaURL) => __async(this, null, function* () {
-      var _a8, _b7, _c;
+      var _a7, _b7, _c;
       if (this.effectsPlugin) {
-        (_a8 = this.effectsPlugin) == null ? void 0 : _a8.setBackground(mediaURL);
+        (_a7 = this.effectsPlugin) == null ? void 0 : _a7.setBackground(mediaURL);
       } else {
         const img = document.createElement("img");
         let retries = 0;
@@ -12571,13 +12571,13 @@ var VBPlugin = class {
       }
     });
     this.getPreset = () => {
-      var _a8;
-      return ((_a8 = this.effectsPlugin) == null ? void 0 : _a8.getPreset()) || "";
+      var _a7;
+      return ((_a7 = this.effectsPlugin) == null ? void 0 : _a7.getPreset()) || "";
     };
     this.removeEffects = () => __async(this, null, function* () {
-      var _a8, _b7;
+      var _a7, _b7;
       if (this.effectsPlugin) {
-        (_a8 = this.effectsPlugin) == null ? void 0 : _a8.removeEffects();
+        (_a7 = this.effectsPlugin) == null ? void 0 : _a7.removeEffects();
       } else {
         yield (_b7 = this.hmsPlugin) == null ? void 0 : _b7.setBackground(HMSVirtualBackgroundTypes.NONE, HMSVirtualBackgroundTypes.NONE);
       }
@@ -12596,11 +12596,11 @@ var VBPlugin = class {
       return false;
     };
     this.isEffectsSupported = () => {
-      var _a8, _b7;
+      var _a7, _b7;
       if (!isSafari) {
         return true;
       }
-      const browserVersion = ((_b7 = (_a8 = parsedUserAgent2) == null ? void 0 : _a8.getBrowser()) == null ? void 0 : _b7.version) || "16";
+      const browserVersion = ((_b7 = (_a7 = parsedUserAgent2) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
       if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
         return false;
       }
@@ -12839,12 +12839,12 @@ var PipManager = class {
     this.latestMessage = null;
     this.messageShownAt = 0;
     this.stop = () => __async(this, null, function* () {
-      var _a8, _b7;
+      var _a7, _b7;
       if (this.state === "stopped" /* stopped */) {
         return;
       }
       this.state = "stopping" /* stopping */;
-      (_a8 = this.pipVideo) == null ? void 0 : _a8.removeEventListener(LEAVE_EVENT_NAME, this.stop);
+      (_a7 = this.pipVideo) == null ? void 0 : _a7.removeEventListener(LEAVE_EVENT_NAME, this.stop);
       if (this.timeoutRef) {
         workerTimers.clearTimeout(this.timeoutRef);
         this.timeoutRef = 0;
@@ -12893,10 +12893,10 @@ var PipManager = class {
    * @private
    */
   reset() {
-    var _a8;
+    var _a7;
     console.debug("resetting PIP state");
     resetPIPCanvasColors();
-    (_a8 = this.pipVideo) == null ? void 0 : _a8.remove();
+    (_a7 = this.pipVideo) == null ? void 0 : _a7.remove();
     this.canvas = null;
     this.pipVideo = null;
     this.timeoutRef = 0;
@@ -12946,7 +12946,7 @@ var PipManager = class {
    */
   start(hmsActions, onStateChangeFn) {
     return __async(this, null, function* () {
-      var _a8, _b7, _c;
+      var _a7, _b7, _c;
       if (!this.isSupported()) {
         throw new Error("pip is not supported on this browser");
       }
@@ -12959,7 +12959,7 @@ var PipManager = class {
       this.state = "starting" /* starting */;
       try {
         yield this.init(hmsActions, onStateChangeFn);
-        if ((_a8 = this.pipVideo) == null ? void 0 : _a8.paused) {
+        if ((_a7 = this.pipVideo) == null ? void 0 : _a7.paused) {
           yield this.pipVideo.play();
         }
         (_b7 = this.pipVideo) == null ? void 0 : _b7.addEventListener(LEAVE_EVENT_NAME, this.stop);
@@ -13147,14 +13147,14 @@ var PipManager = class {
   // eslint-disable-next-line complexity
   detachOldAttachNewTracks(oldTracks, newTracks, tracksMap = null) {
     return __async(this, null, function* () {
-      var _a8, _b7;
+      var _a7, _b7;
       const numTracks = Math.max(oldTracks.length, newTracks.length);
       for (let i = 0; i < numTracks; i++) {
         if (oldTracks[i] === newTracks[i]) {
           continue;
         } else if (oldTracks[i]) {
           if (!tracksMap || tracksMap[oldTracks[i]]) {
-            yield (_a8 = this.hmsActions) == null ? void 0 : _a8.detachVideo(oldTracks[i], this.videoElements[i]);
+            yield (_a7 = this.hmsActions) == null ? void 0 : _a7.detachVideo(oldTracks[i], this.videoElements[i]);
           }
           if (this.videoElements[i]) {
             this.videoElements[i].srcObject = null;
@@ -13369,10 +13369,10 @@ var convertError = (error) => {
     body: `Endpoint is not reachable. ${error.description}.`
   })).otherwise(
     () => {
-      var _a8;
+      var _a7;
       return (
         // @ts-ignore
-        match3((_a8 = error.response) == null ? void 0 : _a8.status).with(404, () => ({
+        match3((_a7 = error.response) == null ? void 0 : _a7.status).with(404, () => ({
           title: "Room does not exist",
           body: "We could not find a room corresponding to this link."
         })).with(403, () => ({
@@ -13608,8 +13608,8 @@ var IconButtonWithOptions = ({
 // src/Prebuilt/components/MoreSettings/ActionTile.jsx
 init_define_process_env();
 import React28 from "react";
-var ActionTileRoot = (_a8) => {
-  var _b7 = _a8, { active, disabled = false, children, onClick } = _b7, props = __objRest(_b7, ["active", "disabled", "children", "onClick"]);
+var ActionTileRoot = (_a7) => {
+  var _b7 = _a7, { active, disabled = false, children, onClick } = _b7, props = __objRest(_b7, ["active", "disabled", "children", "onClick"]);
   return /* @__PURE__ */ React28.createElement(
     Flex,
     __spreadProps(__spreadValues({}, props), {
@@ -13753,8 +13753,8 @@ var StyledContent6 = styled(DialogPrimitive2.Content, {
   }
 });
 var SheetContent = React29.forwardRef(
-  (_a8, forwardedRef) => {
-    var _b7 = _a8, { children, container } = _b7, props = __objRest(_b7, ["children", "container"]);
+  (_a7, forwardedRef) => {
+    var _b7 = _a7, { children, container } = _b7, props = __objRest(_b7, ["children", "container"]);
     return /* @__PURE__ */ React29.createElement(Dialog.Portal, { container }, /* @__PURE__ */ React29.createElement(StyledOverlay, null), /* @__PURE__ */ React29.createElement(StyledContent6, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children));
   }
 );
@@ -13862,7 +13862,7 @@ var useDropdownSelection = () => {
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 var Settings = ({ setHide }) => {
-  var _a8;
+  var _a7;
   const { allDevices, selectedDeviceIDs, updateDevice } = useDevices();
   const { videoInput, audioInput, audioOutput } = allDevices;
   const videoTrackId = useHMSStore8(selectLocalVideoTrackID);
@@ -13871,7 +13871,7 @@ var Settings = ({ setHide }) => {
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID(videoTrackId);
   const track = useHMSStore8(trackSelector);
-  const audioOutputFiltered = (_a8 = audioOutput == null ? void 0 : audioOutput.filter((item) => !!item.label)) != null ? _a8 : [];
+  const audioOutputFiltered = (_a7 = audioOutput == null ? void 0 : audioOutput.filter((item) => !!item.label)) != null ? _a7 : [];
   if (!(videoInput == null ? void 0 : videoInput.length) && !(audioInput == null ? void 0 : audioInput.length) && !(audioOutputFiltered == null ? void 0 : audioOutputFiltered.length)) {
     setHide(true);
   }
@@ -13927,7 +13927,7 @@ var Settings = ({ setHide }) => {
   ) : null);
 };
 var DeviceSelector = ({ title, devices, selection, onChange, icon, children = null }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const [open, setOpen] = useState8(false);
   const selectionBg = useDropdownSelection();
   const ref = useRef10(null);
@@ -13962,7 +13962,7 @@ var DeviceSelector = ({ title, devices, selection, onChange, icon, children = nu
         {
           ref,
           icon,
-          title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.label) || "Select device from list",
+          title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
           open
         }
       ), /* @__PURE__ */ React31.createElement(Dropdown.Portal, null, /* @__PURE__ */ React31.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_b7 = ref.current) == null ? void 0 : _b7.clientWidth, zIndex: 1001 } }, devices.map((device) => {
@@ -13997,8 +13997,8 @@ var TestAudio = ({ id }) => {
         }
       },
       onClick: () => {
-        var _a8;
-        return (_a8 = audioRef.current) == null ? void 0 : _a8.play();
+        var _a7;
+        return (_a7 = audioRef.current) == null ? void 0 : _a7.play();
       },
       disabled: playing
     },
@@ -14117,18 +14117,18 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
     }
   }, [screenType, hideSettingByTabName]);
   const [selection, setSelection] = useState9(() => {
-    var _a8;
-    return (_a8 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a8 : "";
+    var _a7;
+    return (_a7 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a7 : "";
   });
   const resetSelection = useCallback8(() => {
     setSelection("");
   }, []);
   useEffect10(() => {
-    var _a8;
+    var _a7;
     if (isMobile) {
       setSelection("");
     } else {
-      const firstNotHiddenTabName = (_a8 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a8 : "";
+      const firstNotHiddenTabName = (_a7 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a7 : "";
       setSelection(firstNotHiddenTabName);
     }
   }, [isMobile, showSetting]);
@@ -14349,11 +14349,11 @@ var OptionLabel = ({ children, icon }) => {
   );
 };
 var useNoiseCancellationWithPlugin = () => {
-  var _a8;
+  var _a7;
   const actions = useHMSActions7();
   const [inProgress, setInProgress] = useState10(false);
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
-  const isEnabledForRoom = (_a8 = useHMSStore9(selectRoom)) == null ? void 0 : _a8.isNoiseCancellationEnabled;
+  const isEnabledForRoom = (_a7 = useHMSStore9(selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
   const setNoiseCancellationWithPlugin = useCallback9(
     (enabled) => __async(null, null, function* () {
       if (!isEnabledForRoom || inProgress) {
@@ -14491,11 +14491,11 @@ var AudioOutputLabel = ({ deviceId }) => {
       variant: "xs",
       css: { color: "$primary_bright", "&:hover": { cursor: "pointer" } },
       onClick: () => __async(null, null, function* () {
-        var _a8;
+        var _a7;
         if (playing) {
           return;
         }
-        yield (_a8 = audioRef.current) == null ? void 0 : _a8.play();
+        yield (_a7 = audioRef.current) == null ? void 0 : _a7.play();
       })
     },
     /* @__PURE__ */ React34.createElement(
@@ -14557,8 +14557,8 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   useEffect11(() => {
     (() => __async(null, null, function* () {
-      var _a8;
-      const isEnabledForRoom = (_a8 = vanillaStore.getState(selectRoom)) == null ? void 0 : _a8.isNoiseCancellationEnabled;
+      var _a7;
+      const isEnabledForRoom = (_a7 = vanillaStore.getState(selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
       if (isEnabledForRoom && isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
         try {
           yield setNoiseCancellationWithPlugin(true);
@@ -14747,15 +14747,15 @@ import {
   useHMSVanillaStore as useHMSVanillaStore5
 } from "@100mslive/react-sdk";
 var useFilteredRoles = () => {
-  var _a8;
+  var _a7;
   const { elements } = useRoomLayoutConferencingScreen();
-  return ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.roles_whitelist) || [];
+  return ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.roles_whitelist) || [];
 };
 var useDefaultChatSelection = () => {
-  var _a8;
+  var _a7;
   const { elements } = useRoomLayoutConferencingScreen();
   const roles = useFilteredRoles();
-  if ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.public_chat_enabled) {
+  if ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.public_chat_enabled) {
     return CHAT_SELECTOR.EVERYONE;
   }
   if (roles.length > 0) {
@@ -14764,20 +14764,20 @@ var useDefaultChatSelection = () => {
   return "";
 };
 var useShowStreamingUI = () => {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   const layout = useRoomLayout();
-  const { join_form } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
+  const { join_form } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
   return (join_form == null ? void 0 : join_form.join_btn_type) === JoinForm_JoinBtnType2.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE;
 };
 var useParticipants = (params) => {
-  var _a8;
+  var _a7;
   const isConnected = useHMSStore11(selectIsConnectedToRoom);
   const peerCount = useHMSStore11(selectPeerCount2);
   const availableRoles = useHMSStore11(selectAvailableRoleNames);
   let participantList = useHMSStore11(isConnected ? selectPeers : selectRemotePeers);
   const rolesWithParticipants = Array.from(new Set(participantList.map((peer) => peer.roleName)));
   const vanillaStore = useHMSVanillaStore5();
-  if ((_a8 = params == null ? void 0 : params.metadata) == null ? void 0 : _a8.isHandRaised) {
+  if ((_a7 = params == null ? void 0 : params.metadata) == null ? void 0 : _a7.isHandRaised) {
     participantList = participantList.filter((peer) => {
       return vanillaStore.getState(selectPeerMetadata(peer.id)).isHandRaised;
     });
@@ -14896,9 +14896,9 @@ function useWaitingRoomInfo() {
   const isScreenOnlyPublishParams = screen && !(video || audio);
   const hasSubscribedRolePublishing = useMemo5(() => {
     return peersByRoles.some((peer) => {
-      var _a8;
+      var _a7;
       if (peer.roleName && roles[peer.roleName] && !peer.isLocal) {
-        return !!((_a8 = roles[peer.roleName].publishParams) == null ? void 0 : _a8.allowed.length);
+        return !!((_a7 = roles[peer.roleName].publishParams) == null ? void 0 : _a7.allowed.length);
       }
       return false;
     });
@@ -14927,14 +14927,14 @@ var EmojiReaction = ({ showCard = false }) => {
     type: EMOJI_REACTION_TYPE
   });
   const sendReaction = (emojiId) => __async(null, null, function* () {
-    var _a8;
+    var _a7;
     const data3 = {
       type: EMOJI_REACTION_TYPE,
       emojiId,
       senderId: localPeerId
     };
     sendEvent(data3, { roleNames: roles });
-    (_a8 = window.showFlyingEmoji) == null ? void 0 : _a8.call(window, { emojiId, senderId: localPeerId });
+    (_a7 = window.showFlyingEmoji) == null ? void 0 : _a7.call(window, { emojiId, senderId: localPeerId });
   });
   if (!isConnected || !elements.emoji_reactions) {
     return null;
@@ -15409,7 +15409,7 @@ import { PipIcon } from "@100mslive/react-icons";
 // src/Prebuilt/components/PIP/pipMessageUtils.ts
 init_define_process_env();
 function pickIncomingMessage(messages, lastShownMessageId, localPeerId) {
-  var _a8;
+  var _a7;
   if (!(messages == null ? void 0 : messages.length)) {
     return { message: null, lastShownMessageId };
   }
@@ -15427,7 +15427,7 @@ function pickIncomingMessage(messages, lastShownMessageId, localPeerId) {
     const text = candidate.message;
     if (candidate.sender && candidate.sender !== localPeerId && typeof text === "string" && text.trim().length > 0) {
       return {
-        message: { senderName: (_a8 = candidate.senderName) != null ? _a8 : "Anonymous", text },
+        message: { senderName: (_a7 = candidate.senderName) != null ? _a7 : "Anonymous", text },
         lastShownMessageId: newLastShownMessageId
       };
     }
@@ -15447,18 +15447,18 @@ var SetupMediaSession = class {
       this.setUpHandlers();
     });
     __publicField(this, "initState", () => {
-      var _a8, _b7, _c, _d;
+      var _a7, _b7, _c, _d;
       const isMicActive = this.store.getState(selectIsLocalAudioEnabled);
       const isCamActive = this.store.getState(selectIsLocalVideoEnabled3);
-      (_b7 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setMicrophoneActive) == null ? void 0 : _b7.call(_a8, isMicActive);
+      (_b7 = (_a7 = navigator.mediaSession) == null ? void 0 : _a7.setMicrophoneActive) == null ? void 0 : _b7.call(_a7, isMicActive);
       (_d = (_c = navigator.mediaSession) == null ? void 0 : _c.setCameraActive) == null ? void 0 : _d.call(_c, isCamActive);
       this.store.subscribe((isMicActive2) => {
-        var _a9, _b8;
-        (_b8 = (_a9 = navigator.mediaSession) == null ? void 0 : _a9.setMicrophoneActive) == null ? void 0 : _b8.call(_a9, isMicActive2);
+        var _a8, _b8;
+        (_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setMicrophoneActive) == null ? void 0 : _b8.call(_a8, isMicActive2);
       }, selectIsLocalAudioEnabled);
       this.store.subscribe((isCamActive2) => {
-        var _a9, _b8;
-        (_b8 = (_a9 = navigator.mediaSession) == null ? void 0 : _a9.setCameraActive) == null ? void 0 : _b8.call(_a9, isCamActive2);
+        var _a8, _b8;
+        (_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setCameraActive) == null ? void 0 : _b8.call(_a8, isCamActive2);
       }, selectIsLocalVideoEnabled3);
     });
     __publicField(this, "toggleMic", () => __async(this, null, function* () {
@@ -15534,7 +15534,7 @@ var ActivatedPIP = () => {
   const pinnedTrack = usePinnedTrack();
   useEffect14(() => {
     function subscribeToStore() {
-      var _a8, _b7;
+      var _a7, _b7;
       const unsubscribeTracks = store.subscribe((tracksMap) => {
         let pipPeers = store.getState(selectPeers2);
         if (pinnedTrack) {
@@ -15544,7 +15544,7 @@ var ActivatedPIP = () => {
           console.error("error in updating pip", err);
         });
       }, selectTracksMap);
-      let lastShownMessageId = (_b7 = (_a8 = store.getState(selectHMSMessages)) == null ? void 0 : _a8.slice(-1)[0]) == null ? void 0 : _b7.id;
+      let lastShownMessageId = (_b7 = (_a7 = store.getState(selectHMSMessages)) == null ? void 0 : _a7.slice(-1)[0]) == null ? void 0 : _b7.id;
       const unsubscribeMessages = store.subscribe((messages) => {
         try {
           const result = pickIncomingMessage(messages, lastShownMessageId, store.getState(selectLocalPeerID2));
@@ -15775,9 +15775,9 @@ var ChatActions = ({
   openSheet,
   setOpenSheet
 }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const { can_hide_message = false, can_block_user = false } = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) || {};
+  const { can_hide_message = false, can_block_user = false } = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) || {};
   const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
   const [open, setOpen] = useState16(false);
   const actions = useHMSActions13();
@@ -15966,7 +15966,7 @@ import React48 from "react";
 import { useMedia as useMedia6 } from "react-use";
 import emptyChat from "./empty-chat.svg";
 var EmptyChat = () => {
-  var _a8;
+  var _a7;
   const { elements } = useRoomLayoutConferencingScreen();
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const isMobile = useMedia6(config.media.md);
@@ -15974,7 +15974,7 @@ var EmptyChat = () => {
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
   const streaming = isMobileHLSStream || isLandscapeStream;
-  if (isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && !streaming) return /* @__PURE__ */ React48.createElement(React48.Fragment, null);
+  if (isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && !streaming) return /* @__PURE__ */ React48.createElement(React48.Fragment, null);
   return /* @__PURE__ */ React48.createElement(
     Flex,
     {
@@ -16034,12 +16034,12 @@ var CHAT_MESSAGE_LIMIT = 2e3;
 var rowHeights = {};
 var listInstance = null;
 function getRowHeight(index) {
-  var _a8;
-  return ((_a8 = rowHeights[index]) == null ? void 0 : _a8.size) || 72;
+  var _a7;
+  return ((_a7 = rowHeights[index]) == null ? void 0 : _a7.size) || 72;
 }
 var setRowHeight = (index, id, size) => {
-  var _a8, _b7;
-  if (((_a8 = rowHeights[index]) == null ? void 0 : _a8.id) === id && ((_b7 = rowHeights[index]) == null ? void 0 : _b7.size) === size) {
+  var _a7, _b7;
+  if (((_a7 = rowHeights[index]) == null ? void 0 : _a7.id) === id && ((_b7 = rowHeights[index]) == null ? void 0 : _b7.size) === size) {
     return;
   }
   listInstance == null ? void 0 : listInstance.resetAfterIndex(Math.max(index - 1, 0));
@@ -16140,11 +16140,11 @@ var SenderName = styled(Text, {
 });
 var ChatMessage = React49.memo(
   ({ index, style = {}, message }) => {
-    var _a8, _b7, _c;
+    var _a7, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
     const rowRef = useRef12(null);
     const isMobile = useMedia7(config.media.md);
-    const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
+    const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
     const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
     const localPeerId = useHMSStore19(selectLocalPeerID3);
     const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
@@ -16432,7 +16432,7 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/PIP/PIPChat.tsx
 var PIPChat = () => {
-  var _a8, _b7, _c, _d, _e, _f, _g2, _h, _i, _j, _k;
+  var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const messages = useHMSStore20(selectHMSMessages3);
   const localPeerID = useHMSStore20(selectLocalPeerID4);
   const count = useHMSStore20(selectUnreadHMSMessagesCount2);
@@ -16458,7 +16458,7 @@ var PIPChat = () => {
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore20(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const { elements } = useRoomLayoutConferencingScreen();
-  const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
+  const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
   const canSendChatMessages = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled) || !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.roles_whitelist) == null ? void 0 : _d.length) || !!((_e = elements == null ? void 0 : elements.chat) == null ? void 0 : _e.private_chat_enabled);
   const getChatStatus = useCallback16(() => {
     if (isLocalPeerBlacklisted) return "You've been blocked from sending messages";
@@ -16577,7 +16577,7 @@ var PIPChat = () => {
         borderRadius: "4px",
         padding: "0 2px"
       },
-      defaultValue: ((_f = elements.chat) == null ? void 0 : _f.public_chat_enabled) ? "Everyone" : (_h = (_g2 = elements.chat) == null ? void 0 : _g2.roles_whitelist) == null ? void 0 : _h[0]
+      defaultValue: ((_f = elements.chat) == null ? void 0 : _f.public_chat_enabled) ? "Everyone" : (_h = (_g = elements.chat) == null ? void 0 : _g.roles_whitelist) == null ? void 0 : _h[0]
     },
     (_j = (_i = elements.chat) == null ? void 0 : _i.roles_whitelist) == null ? void 0 : _j.map((role) => /* @__PURE__ */ React50.createElement("option", { key: role, value: role }, role)),
     ((_k = elements.chat) == null ? void 0 : _k.public_chat_enabled) ? /* @__PURE__ */ React50.createElement("option", { value: "Everyone" }, "Everyone") : ""
@@ -16690,11 +16690,11 @@ var RoleChangeContent = ({
   onOpenChange,
   isMobile = false
 }) => {
-  var _a8;
+  var _a7;
   const roles = useHMSStore21(selectAvailableRoleNames3).filter(
     (role) => role !== (peer == null ? void 0 : peer.roleName) && role !== "__internal_recorder"
   );
-  const [selectedRole, setRole] = useState20(((_a8 = roles.filter((role) => role !== (peer == null ? void 0 : peer.roleName))) == null ? void 0 : _a8[0]) || (peer == null ? void 0 : peer.roleName));
+  const [selectedRole, setRole] = useState20(((_a7 = roles.filter((role) => role !== (peer == null ? void 0 : peer.roleName))) == null ? void 0 : _a7[0]) || (peer == null ? void 0 : peer.roleName));
   const hmsActions = useHMSActions15();
   const [open, setOpen] = useState20(false);
   const triggerRef = useRef13();
@@ -16748,14 +16748,14 @@ var RoleChangeContent = ({
         },
         /* @__PURE__ */ React52.createElement(Flex, { align: "center", justify: "between", css: { width: "100%" } }, /* @__PURE__ */ React52.createElement(Text, null, selectedRole), open ? /* @__PURE__ */ React52.createElement(ChevronUpIcon3, null) : /* @__PURE__ */ React52.createElement(ChevronDownIcon3, null))
       ), /* @__PURE__ */ React52.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { zIndex: 1e3, w: "100%" } }, roles.map((role) => {
-        var _a9;
+        var _a8;
         return /* @__PURE__ */ React52.createElement(
           Dropdown.Item,
           {
             "data-testid": role,
             key: role,
             onSelect: () => setRole(role),
-            css: { w: `${(_a9 = triggerRef.current) == null ? void 0 : _a9.clientWidth}px` }
+            css: { w: `${(_a8 = triggerRef.current) == null ? void 0 : _a8.clientWidth}px` }
           },
           role
         );
@@ -16817,12 +16817,12 @@ import { InfoIcon } from "@100mslive/react-icons";
 init_define_process_env();
 import React53, { useRef as useRef14 } from "react";
 import { CheckIcon as CheckIcon2, CloudUploadIcon, CrossIcon as CrossIcon9 } 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"]);
+var DialogContent = (_a7) => {
+  var _b7 = _a7, { Icon: Icon4, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
   return /* @__PURE__ */ React53.createElement(Dialog.Portal, null, /* @__PURE__ */ React53.createElement(Dialog.Overlay, null), /* @__PURE__ */ React53.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ React53.createElement(Dialog.Title, null, /* @__PURE__ */ React53.createElement(Flex, { justify: "between" }, /* @__PURE__ */ React53.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon4 ? /* @__PURE__ */ React53.createElement(Flex, { css: __spreadValues(__spreadValues({ mr: "$2", color: "$on_primary_high" }, flexCenter), iconCSS) }, /* @__PURE__ */ React53.createElement(Icon4, null)) : null, /* @__PURE__ */ React53.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ React53.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ React53.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ React53.createElement(Box, null, children)));
 };
-var ErrorDialog = (_a8) => {
-  var _b7 = _a8, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
+var ErrorDialog = (_a7) => {
+  var _b7 = _a7, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
   return /* @__PURE__ */ React53.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React53.createElement(
     DialogContent,
     __spreadValues({
@@ -16866,8 +16866,8 @@ var DialogRow = ({ children, breakSm = false, css: css2, justify = "between" })
   }
   return /* @__PURE__ */ React53.createElement(Flex, { align: "center", justify, css: finalCSS }, children);
 };
-var DialogCol = (_a8) => {
-  var _b7 = _a8, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
+var DialogCol = (_a7) => {
+  var _b7 = _a7, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
   let finalCSS = {
     margin: "$10 0",
     w: "100%"
@@ -16882,24 +16882,24 @@ var DialogCol = (_a8) => {
   }
   return /* @__PURE__ */ React53.createElement(Flex, __spreadValues({ direction: "column", align, justify, css: finalCSS }, props), children);
 };
-var DialogSelect = (_a8) => {
-  var _b7 = _a8, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
+var DialogSelect = (_a7) => {
+  var _b7 = _a7, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
   return /* @__PURE__ */ React53.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ React53.createElement(Label3, null, title), /* @__PURE__ */ React53.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ React53.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ React53.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
     const id = keyField ? option[keyField] : option;
     const label = labelField ? option[labelField] : option;
     return /* @__PURE__ */ React53.createElement("option", { value: id, key: id }, label);
   }))));
 };
-var DialogInputFile = (_a8) => {
-  var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
+var DialogInputFile = (_a7) => {
+  var _b7 = _a7, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
   const inputRef = useRef14();
   return /* @__PURE__ */ React53.createElement(
     DialogCol,
     {
       breakSm: true,
       onClick: () => {
-        var _a9;
-        return (_a9 = inputRef.current) == null ? void 0 : _a9.click();
+        var _a8;
+        return (_a8 = inputRef.current) == null ? void 0 : _a8.click();
       },
       css: {
         justifyContent: "center",
@@ -17116,7 +17116,7 @@ import {
   useHMSStore as useHMSStore23
 } from "@100mslive/react-sdk";
 var StatsForNerds = ({ open, onOpenChange }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const mediaQueryLg = config.media.md;
   const isMobile = useMedia9(mediaQueryLg);
   const tracksWithLabels = useTracksWithLabel();
@@ -17180,7 +17180,7 @@ var StatsForNerds = ({ open, onOpenChange }) => {
             open: openDropdown,
             ref
           }
-        ), /* @__PURE__ */ React56.createElement(Dropdown.Portal, null, /* @__PURE__ */ React56.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
+        ), /* @__PURE__ */ React56.createElement(Dropdown.Portal, null, /* @__PURE__ */ React56.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
           const isSelected = option.id === selectedStat.id && option.layer === selectedStat.layer;
           return /* @__PURE__ */ React56.createElement(
             Dropdown.Item,
@@ -17261,8 +17261,8 @@ var useTracksWithLabel = () => {
   const localPeerID = useHMSStore23(selectLocalPeerID5);
   const tracksWithLabels = useMemo8(
     () => Object.values(tracksMap).reduce((res, track) => {
-      var _a8, _b7;
-      const peerName = (_a8 = peersMap[track.peerId]) == null ? void 0 : _a8.name;
+      var _a7, _b7;
+      const peerName = (_a7 = peersMap[track.peerId]) == null ? void 0 : _a7.name;
       const isLocalTrack = track.peerId === localPeerID;
       if (isLocalTrack && ((_b7 = track.layerDefinitions) == null ? void 0 : _b7.length)) {
         res = res.concat(
@@ -17288,19 +17288,29 @@ var useTracksWithLabel = () => {
   );
   return tracksWithLabels;
 };
+var formatConnection = (connectionType, connectionStats) => {
+  var _a7;
+  if (!connectionType) {
+    return "-";
+  }
+  const protocol = (_a7 = connectionStats == null ? void 0 : connectionStats.localCandidate) == null ? void 0 : _a7.protocol;
+  return connectionType.startsWith("relay") || !protocol ? connectionType : `${connectionType} / ${protocol}`;
+};
 var LocalPeerStats = () => {
-  var _a8, _b7, _c, _d, _e, _f, _g2, _h, _i, _j;
+  var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j;
   const stats = useHMSStatsStore3(selectHMSStats3.localPeerStats);
+  const publishConnectionType = useHMSStatsStore3(selectHMSStats3.publishConnectionType);
+  const subscribeConnectionType = useHMSStatsStore3(selectHMSStats3.subscribeConnectionType);
   if (!stats) {
     return null;
   }
-  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(
+  return /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Publish Connection", value: formatConnection(publishConnectionType, stats.publish) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Subscribe Connection", value: formatConnection(subscribeConnectionType, stats.subscribe) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Packets Lost", value: (_a7 = stats.subscribe) == null ? void 0 : _a7.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(
     StatsRow2,
     {
       label: "Available Outgoing Bitrate",
       value: formatBytes((_f = stats.publish) == null ? void 0 : _f.availableOutgoingBitrate, "b/s")
     }
-  ), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((_g2 = stats.publish) == null ? void 0 : _g2.bytesSent) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes((_h = stats.subscribe) == null ? void 0 : _h.bytesReceived) }), /* @__PURE__ */ React56.createElement(
+  ), /* @__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(
     StatsRow2,
     {
       label: "Round Trip Time",
@@ -17309,7 +17319,7 @@ var LocalPeerStats = () => {
   ));
 };
 var TrackStats = ({ trackID, layer, local }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const selector = match4({ trackID, layer, local }).with(
     {
       layer: P3.when((layer2) => !!layer2)
@@ -17321,7 +17331,7 @@ var TrackStats = ({ trackID, layer, local }) => {
     return null;
   }
   const inbound = stats.type.includes("inbound");
-  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(
+  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 = (_a7 = stats.subscribe) == null ? void 0 : _a7.jitter) != null ? _b7 : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ React56.createElement(
     StatsRow2,
     {
       label: inbound ? "Bytes Received" : "Bytes Sent",
@@ -17336,8 +17346,8 @@ var TrackStats = ({ trackID, layer, local }) => {
   ));
 };
 var DebugInfo = ({ details }) => {
-  var _a8;
-  return /* @__PURE__ */ React56.createElement(Accordion.Root, { type: "single", collapsible: true, css: { w: "100%" } }, /* @__PURE__ */ React56.createElement(Accordion.Item, { value: "Debug Info" }, /* @__PURE__ */ React56.createElement(Accordion.Header, null, /* @__PURE__ */ React56.createElement(Label3, { variant: "body2", css: { c: "$on_surface_high" } }, "Debug Info")), /* @__PURE__ */ React56.createElement(Accordion.Content, null, /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", mt: "$10", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Websocket URL", value: details == null ? void 0 : details.websocketURL }), /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Init Endpoint", value: details == null ? void 0 : details.initEndpoint }), /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Enabled flags", value: (_a8 = details == null ? void 0 : details.enabledFlags) == null ? void 0 : _a8.join(", ") })))));
+  var _a7;
+  return /* @__PURE__ */ React56.createElement(Accordion.Root, { type: "single", collapsible: true, css: { w: "100%" } }, /* @__PURE__ */ React56.createElement(Accordion.Item, { value: "Debug Info" }, /* @__PURE__ */ React56.createElement(Accordion.Header, null, /* @__PURE__ */ React56.createElement(Label3, { variant: "body2", css: { c: "$on_surface_high" } }, "Debug Info")), /* @__PURE__ */ React56.createElement(Accordion.Content, null, /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", mt: "$10", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Websocket URL", value: details == null ? void 0 : details.websocketURL }), /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Init Endpoint", value: details == null ? void 0 : details.initEndpoint }), /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Enabled flags", value: (_a7 = details == null ? void 0 : details.enabledFlags) == null ? void 0 : _a7.join(", ") })))));
 };
 var StatsRow2 = React56.memo(({ label, value, css: css2 }) => /* @__PURE__ */ React56.createElement(Box, { css: __spreadValues({ bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" }, css2) }, /* @__PURE__ */ React56.createElement(
   Text,
@@ -17358,7 +17368,7 @@ import React57, { useCallback as useCallback18, useRef as useRef16, useState as
 import { useHMSActions as useHMSActions18 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon3 } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const roles = useFilteredRoles();
   const hmsActions = useHMSActions18();
   const ref = useRef16(null);
@@ -17409,7 +17419,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
     /* @__PURE__ */ React57.createElement(
       Dropdown.Content,
       {
-        css: { w: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth, zIndex: 1e3 },
+        css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 },
         onInteractOutside: () => {
           if (bulkRoleDialog) {
             setBulkRoleDialog(false);
@@ -18354,8 +18364,8 @@ var trim = function(str, len) {
   str = strip(/^\s\s*/, String(str));
   return typeof len === TYPEOF.UNDEFINED ? str : str.substring(0, len);
 };
-var rgxMapper = function(ua2, arrays) {
-  if (!ua2 || !arrays) return;
+var rgxMapper = function(ua, arrays) {
+  if (!ua || !arrays) return;
   var i = 0, j, k2, p, q2, matches, match17;
   while (i < arrays.length && !matches) {
     var regex = arrays[i], props = arrays[i + 1];
@@ -18364,7 +18374,7 @@ var rgxMapper = function(ua2, arrays) {
       if (!regex[j]) {
         break;
       }
-      matches = regex[j++].exec(ua2);
+      matches = regex[j++].exec(ua);
       if (!!matches) {
         for (p = 0; p < props.length; p++) {
           match17 = matches[++k2];
@@ -19764,17 +19774,17 @@ var createIData = function(item, itemType) {
   };
   if (itemType != RESULT) {
     IData.prototype.is = function(strToCheck) {
-      var is2 = false;
+      var is = false;
       for (var i in this) {
         if (this.hasOwnProperty(i) && !has(is_ignoreProps, i) && lowerize(is_ignoreRgx ? strip(is_ignoreRgx, this[i]) : this[i]) == lowerize(is_ignoreRgx ? strip(is_ignoreRgx, strToCheck) : strToCheck)) {
-          is2 = true;
+          is = true;
           if (strToCheck != TYPEOF.UNDEFINED) break;
-        } else if (strToCheck == TYPEOF.UNDEFINED && is2) {
-          is2 = !is2;
+        } else if (strToCheck == TYPEOF.UNDEFINED && is) {
+          is = !is;
           break;
         }
       }
-      return is2;
+      return is;
     };
     IData.prototype.toString = function() {
       var str = EMPTY;
@@ -19828,10 +19838,10 @@ function UACHData(uach, isHttpUACH) {
     }
   }
 }
-function UAItem(itemType, ua2, rgxMap, uaCH) {
+function UAItem(itemType, ua, rgxMap, uaCH) {
   setProps.call(this, [
     ["itemType", itemType],
-    ["ua", ua2],
+    ["ua", ua],
     ["uaCH", uaCH],
     ["rgxMap", rgxMap],
     ["data", createIData(this, itemType)]
@@ -19982,19 +19992,19 @@ UAItem.prototype.parseCH = function() {
   }
   return this;
 };
-function UAParser(ua2, extensions, headers) {
-  if (typeof ua2 === TYPEOF.OBJECT) {
-    if (isExtensions(ua2, true)) {
+function UAParser(ua, extensions, headers) {
+  if (typeof ua === TYPEOF.OBJECT) {
+    if (isExtensions(ua, true)) {
       if (typeof extensions === TYPEOF.OBJECT) {
         headers = extensions;
       }
-      extensions = ua2;
+      extensions = ua;
     } else {
-      headers = ua2;
+      headers = ua;
       extensions = void 0;
     }
-    ua2 = void 0;
-  } else if (typeof ua2 === TYPEOF.STRING && !isExtensions(extensions, true)) {
+    ua = void 0;
+  } else if (typeof ua === TYPEOF.STRING && !isExtensions(extensions, true)) {
     headers = extensions;
     extensions = void 0;
   }
@@ -20016,9 +20026,9 @@ function UAParser(ua2, extensions, headers) {
     }
   }
   if (!(this instanceof UAParser)) {
-    return new UAParser(ua2, extensions, headers).getResult();
+    return new UAParser(ua, extensions, headers).getResult();
   }
-  var userAgent = typeof ua2 === TYPEOF.STRING ? ua2 : (
+  var userAgent = typeof ua === TYPEOF.STRING ? ua : (
     // Passed user-agent string
     headers && headers[USER_AGENT] ? headers[USER_AGENT] : (
       // User-Agent from passed headers
@@ -20048,8 +20058,8 @@ function UAParser(ua2, extensions, headers) {
     ["getUA", function() {
       return userAgent;
     }],
-    ["setUA", function(ua3) {
-      if (isString(ua3)) userAgent = trim(ua3, UA_MAX_LENGTH);
+    ["setUA", function(ua2) {
+      if (isString(ua2)) userAgent = trim(ua2, UA_MAX_LENGTH);
       return this;
     }],
     ["useExtension", function(exts) {
@@ -20067,9 +20077,9 @@ UAParser.ENGINE = UAParser.OS = enumerize([NAME, VERSION]);
 
 // ../hms-video-store/dist/index.js
 var import_lodash3 = __toESM(require_lodash2());
-import { v4 as Vn } from "uuid";
-import { v4 as Un } from "uuid";
-import { v4 as Kn } from "uuid";
+import { v4 as Fn } from "uuid";
+import { v4 as Bn } from "uuid";
+import { v4 as qn } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -20307,7 +20317,7 @@ function shimGetUserMedia(window2, browserDetails) {
     if (typeof c2 !== "object" || c2.mandatory || c2.optional) {
       return c2;
     }
-    const cc2 = {};
+    const cc = {};
     Object.keys(c2).forEach((key) => {
       if (key === "require" || key === "advanced" || key === "mediaSource") {
         return;
@@ -20323,35 +20333,35 @@ function shimGetUserMedia(window2, browserDetails) {
         return name === "deviceId" ? "sourceId" : name;
       };
       if (r.ideal !== void 0) {
-        cc2.optional = cc2.optional || [];
+        cc.optional = cc.optional || [];
         let oc = {};
         if (typeof r.ideal === "number") {
           oc[oldname_("min", key)] = r.ideal;
-          cc2.optional.push(oc);
+          cc.optional.push(oc);
           oc = {};
           oc[oldname_("max", key)] = r.ideal;
-          cc2.optional.push(oc);
+          cc.optional.push(oc);
         } else {
           oc[oldname_("", key)] = r.ideal;
-          cc2.optional.push(oc);
+          cc.optional.push(oc);
         }
       }
       if (r.exact !== void 0 && typeof r.exact !== "number") {
-        cc2.mandatory = cc2.mandatory || {};
-        cc2.mandatory[oldname_("", key)] = r.exact;
+        cc.mandatory = cc.mandatory || {};
+        cc.mandatory[oldname_("", key)] = r.exact;
       } else {
         ["min", "max"].forEach((mix) => {
           if (r[mix] !== void 0) {
-            cc2.mandatory = cc2.mandatory || {};
-            cc2.mandatory[oldname_(mix, key)] = r[mix];
+            cc.mandatory = cc.mandatory || {};
+            cc.mandatory[oldname_(mix, key)] = r[mix];
           }
         });
       }
     });
     if (c2.advanced) {
-      cc2.optional = (cc2.optional || []).concat(c2.advanced);
+      cc.optional = (cc.optional || []).concat(c2.advanced);
     }
-    return cc2;
+    return cc;
   };
   const shimConstraints_ = function(constraints, func) {
     if (browserDetails.version >= 61) {
@@ -20440,8 +20450,8 @@ function shimGetUserMedia(window2, browserDetails) {
   navigator2.getUserMedia = getUserMedia_.bind(navigator2);
   if (navigator2.mediaDevices.getUserMedia) {
     const origGetUserMedia = navigator2.mediaDevices.getUserMedia.bind(navigator2.mediaDevices);
-    navigator2.mediaDevices.getUserMedia = function(cs) {
-      return shimConstraints_(cs, (c2) => origGetUserMedia(c2).then((stream) => {
+    navigator2.mediaDevices.getUserMedia = function(cs2) {
+      return shimConstraints_(cs2, (c2) => origGetUserMedia(c2).then((stream) => {
         if (c2.audio && !stream.getAudioTracks().length || c2.video && !stream.getVideoTracks().length) {
           stream.getTracks().forEach((track) => {
             track.stop();
@@ -21894,15 +21904,15 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc2, pc2) {
-    const origDataChannelSend = dc2.send;
-    dc2.send = function send() {
+  function wrapDcSend(dc, pc2) {
+    const origDataChannelSend = dc.send;
+    dc.send = function send() {
       const data3 = arguments[0];
       const length = data3.length || data3.size || data3.byteLength;
-      if (dc2.readyState === "open" && pc2.sctp && length > pc2.sctp.maxMessageSize) {
+      if (dc.readyState === "open" && pc2.sctp && length > pc2.sctp.maxMessageSize) {
         throw new TypeError("Message too large (can send a maximum of " + pc2.sctp.maxMessageSize + " bytes)");
       }
-      return origDataChannelSend.apply(dc2, arguments);
+      return origDataChannelSend.apply(dc, arguments);
     };
   }
   const origCreateDataChannel = window2.RTCPeerConnection.prototype.createDataChannel;
@@ -22166,36 +22176,36 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as zn } from "uuid";
-import { v4 as uo } from "uuid";
-import { EventEmitter2 as po } from "eventemitter2";
+import { v4 as Yn } from "uuid";
+import { v4 as ho } from "uuid";
+import { EventEmitter2 as mo } from "eventemitter2";
 var ei = __toESM(require_lib());
-import { EventEmitter2 as Bo } from "eventemitter2";
-import { v4 as $o } from "uuid";
-import { EventEmitter2 as Ko } from "eventemitter2";
-import jo from "eventemitter2";
-import { v4 as Qo } from "uuid";
-import { v4 as Yo } from "uuid";
-var Pn = Object.defineProperty;
-var bn = Object.defineProperties;
-var In = Object.getOwnPropertyDescriptors;
+import { EventEmitter2 as Fo } from "eventemitter2";
+import { v4 as qo } from "uuid";
+import { EventEmitter2 as jo } from "eventemitter2";
+import Jo from "eventemitter2";
+import { v4 as zo } from "uuid";
+import { v4 as Zo } from "uuid";
+var bn = Object.defineProperty;
+var In = Object.defineProperties;
+var An = Object.getOwnPropertyDescriptors;
 var ci = Object.getOwnPropertySymbols;
-var ks = Object.prototype.hasOwnProperty;
-var Es = Object.prototype.propertyIsEnumerable;
-var ys = (a2, e, t) => e in a2 ? Pn(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+var Es = Object.prototype.hasOwnProperty;
+var Ps = Object.prototype.propertyIsEnumerable;
+var ks = (a2, e, t) => e in a2 ? bn(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
 var m = (a2, e) => {
-  for (var t in e || (e = {})) ks.call(e, t) && ys(a2, t, e[t]);
-  if (ci) for (var t of ci(e)) Es.call(e, t) && ys(a2, t, e[t]);
+  for (var t in e || (e = {})) Es.call(e, t) && ks(a2, t, e[t]);
+  if (ci) for (var t of ci(e)) Ps.call(e, t) && ks(a2, t, e[t]);
   return a2;
 };
-var M = (a2, e) => bn(a2, In(e));
+var M = (a2, e) => In(a2, An(e));
 var Ar = (a2, e) => {
   var t = {};
-  for (var i in a2) ks.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
-  if (a2 != null && ci) for (var i of ci(a2)) e.indexOf(i) < 0 && Es.call(a2, i) && (t[i] = a2[i]);
+  for (var i in a2) Es.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
+  if (a2 != null && ci) for (var i of ci(a2)) e.indexOf(i) < 0 && Ps.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var Hn = (a2, e) => () => {
+var Cn = (a2, e) => () => {
   try {
     return e || a2((e = { exports: {} }).exports, e), e.exports;
   } catch (t) {
@@ -22218,19 +22228,19 @@ var c = (a2, e, t) => new Promise((i, r) => {
   }, o = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, n);
   o((t = t.apply(a2, e)).next());
 });
-var _r = Hn((vd, Bn) => {
-  Bn.exports = { version: "0.14.7-alpha.0", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^2.0.6", uuid: "^11.1.1", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.39", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+var _r = Cn((Ed, Vn) => {
+  Vn.exports = { version: "0.14.8-alpha.0", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^2.0.6", uuid: "^11.1.1", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.39", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var Rr = ((o) => (o.Disconnected = "Disconnected", o.Preview = "Preview", o.Connecting = "Connecting", o.Connected = "Connected", o.Reconnecting = "Reconnecting", o.Disconnecting = "Disconnecting", o.Failed = "Failed", o))(Rr || {});
-var Cn = ((e) => (e.CHAT = "chat", e))(Cn || {});
-var Ps = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Ps || {});
+var Ln = ((e) => (e.CHAT = "chat", e))(Ln || {});
+var bs = ((t) => (t.INFO = "info", t.ERROR = "error", t))(bs || {});
 var Hr = ((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.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", w.TRACK_INTERRUPTION_START = "TRACK_INTERRUPTION_START", w.TRACK_INTERRUPTION_END = "TRACK_INTERRUPTION_END", w))(Hr || {});
-var bs = ((t) => (t.audio = "audio", t.video = "video", t))(bs || {});
-function We(a2, e) {
+var Is = ((t) => (t.audio = "audio", t.video = "video", t))(Is || {});
+function $e(a2, e) {
   let t, i;
   if (e) for (let r of e.auxiliaryTracks) {
     let s = a2[r];
-    Ln(s) && (i = Mt(s) ? s : i, t = yt(s) ? s : t);
+    wn(s) && (i = Mt(s) ? s : i, t = yt(s) ? s : t);
   }
   return { video: t, audio: i };
 }
@@ -22240,7 +22250,7 @@ function Mt(a2) {
 function yt(a2) {
   return a2 && a2.type === "video";
 }
-function Ln(a2) {
+function wn(a2) {
   return a2 && a2.source === "screen";
 }
 function ui(a2) {
@@ -22249,7 +22259,7 @@ function ui(a2) {
 function kt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function Is(a2) {
+function As(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function Xe(a2, e) {
@@ -22260,8 +22270,8 @@ function Et(a2) {
   let e = false, t = false, i = false;
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
-var Rs = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(Rs || {});
-var wn = typeof window != "undefined" && typeof window.expect != "undefined";
+var Hs = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(Hs || {});
+var Dn = typeof window != "undefined" && typeof window.expect != "undefined";
 var l = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -22326,7 +22336,7 @@ var l = class {
     }
   }
 };
-l.level = wn ? 7 : 0;
+l.level = Dn ? 7 : 0;
 var Cr = new UAParser();
 var Pt = null;
 var Lr = null;
@@ -22343,28 +22353,28 @@ if (V) try {
 }
 var De = () => Pt || Cr.getResult();
 var Y = { getBrowser: () => De().browser, getOS: () => De().os, getDevice: () => De().device, getCPU: () => De().cpu, getEngine: () => De().engine, getUA: () => De().ua, getResult: De, withClientHints: () => Lr || Promise.resolve(De()) };
-var Hs;
-var $e = typeof window == "undefined" && !((Hs = Y.getBrowser().name) != null && Hs.toLowerCase().includes("electron"));
-var _n = () => !$e;
-var Gc = _n();
 var Cs;
+var We = typeof window == "undefined" && !((Cs = Y.getBrowser().name) != null && Cs.toLowerCase().includes("electron"));
+var Nn = () => !We;
+var qc = Nn();
 var Ls;
-var Bs = (Ls = (Cs = Y.getBrowser()) == null ? void 0 : Cs.name) == null ? void 0 : Ls.toLowerCase().includes("safari");
 var ws;
+var Vs = (ws = (Ls = Y.getBrowser()) == null ? void 0 : Ls.name) == null ? void 0 : ws.toLowerCase().includes("safari");
 var Ds;
-var Vs = ((Ds = (ws = Y.getBrowser()) == null ? void 0 : ws.name) == null ? void 0 : Ds.toLowerCase()) === "firefox";
 var _s;
+var Fs = ((_s = (Ds = Y.getBrowser()) == null ? void 0 : Ds.name) == null ? void 0 : _s.toLowerCase()) === "firefox";
 var Ns;
-var Fs = ((Ns = (_s = Y.getEngine()) == null ? void 0 : _s.name) == null ? void 0 : Ns.toLowerCase()) === "blink";
-var Gs = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Gs || {});
-function On() {
+var Os;
+var Gs = ((Os = (Ns = Y.getEngine()) == null ? void 0 : Ns.name) == null ? void 0 : Os.toLowerCase()) === "blink";
+var $s = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))($s || {});
+function xn() {
   if (V && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
   return "CUSTOM";
 }
-var et = On();
+var et = xn();
 var k = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014, NO_DATA: 3015 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
 var E = class a extends Error {
   constructor(t, i, r, s, n, o = false) {
@@ -22422,7 +22432,7 @@ var q = class extends E {
   }
 };
 var Ws = ((r) => (r.AUDIO = "audio", r.VIDEO = "video", r.AUDIO_VIDEO = "audio, video", r.SCREEN = "screen", r))(Ws || {});
-var xn = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var Un = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new E(k.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
@@ -22484,7 +22494,7 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, StatsFailed(a2, e = "") {
   return new E(k.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-  return new E(a2, "ServerErrors", e, t, t, xn.includes(e));
+  return new E(a2, "ServerErrors", e, t, t, Un.includes(e));
 }, AlreadyJoined(a2, e = "") {
   return new E(k.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -22556,21 +22566,21 @@ var Dr = class {
     return this.valuesMap.size;
   }
 };
-var $s = () => {
+var Ks = () => {
   try {
     V && !localStorage && (window.localStorage = new Dr());
   } catch (a2) {
     l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
   }
 };
-var ve = class {
+var Me = class {
   constructor(e) {
     this.key = e;
     this.storage = null;
   }
   getStorage() {
     try {
-      return V && !this.storage && ($s(), this.storage = window.localStorage), this.storage;
+      return V && !this.storage && (Ks(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -22591,27 +22601,27 @@ var ve = class {
   }
 };
 var hi = () => {
-  let a2, e = new ve("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = Un(), e.set(a2)), a2;
+  let a2, e = new Me("hms-analytics-deviceId"), t = e.get();
+  return t ? a2 = t : (a2 = Bn(), e.set(a2)), a2;
 };
-function $(a2) {
+function W(a2) {
   return a2 != null;
 }
-var js = _r().version;
+var Qs = _r().version;
 function At(a2 = "prod", e) {
   let i = et !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
-  if ($e) return Qs({ os: "web_nodejs", os_version: process.version, sdk: "web", sdk_version: js, env: i, domain: et, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  if (We) return Js({ os: "web_nodejs", os_version: process.version, sdk: "web", sdk_version: Qs, env: i, domain: et, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
   let r = Y.getOS(), s = Y.getDevice(), n = Y.getBrowser(), o = Nr(`web_${r.name}`), d = r.version || "", u = Nr(`${n.name}_${n.version}`), p = u;
-  return s.type && (p = `${Nr(`${s.vendor}_${s.type}`)}/${u}`), Qs({ os: o, os_version: d, sdk: "web", sdk_version: js, device_model: p, env: i, domain: et, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  return s.type && (p = `${Nr(`${s.vendor}_${s.type}`)}/${u}`), Js({ os: o, os_version: d, sdk: "web", sdk_version: Qs, device_model: p, env: i, domain: et, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
 function Nr(a2) {
   return a2.replace(/ /g, "_");
 }
-var Qs = (a2, e = ",") => Object.keys(a2).filter((t) => $(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var Js = (a2, e = ",") => Object.keys(a2).filter((t) => W(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var C = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: At() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Vn(), this.device_id = hi();
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Fn(), this.device_id = hi();
   }
   toSignalParams() {
     return { name: this.name, info: M(m({}, this.properties), { timestamp: this.timestamp, domain: et }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
@@ -22728,7 +22738,7 @@ var y = class {
 y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
 var Or = class {
   constructor() {
-    this.storage = new ve("hms-device-selection");
+    this.storage = new Me("hms-device-selection");
     this.remember = false;
     this.TAG = "[HMSDeviceStorage]";
   }
@@ -22774,13 +22784,13 @@ var re = new Or();
 var xr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(xr || {});
 var Ur = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Ur || {});
 var Br = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Br || {});
-var zs = ((o) => (o.NONE = "none", o.INITIALISED = "initialised", o.STARTED = "started", o.PAUSED = "paused", o.RESUMED = "resumed", o.STOPPED = "stopped", o.FAILED = "failed", o))(zs || {});
-var Ys = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ys || {});
-var Xs = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Xs || {});
-var Zs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Zs || {});
-var ea = ((e) => (e.CAPTION = "caption", e))(ea || {});
+var Ys = ((o) => (o.NONE = "none", o.INITIALISED = "initialised", o.STARTED = "started", o.PAUSED = "paused", o.RESUMED = "resumed", o.STOPPED = "stopped", o.FAILED = "failed", o))(Ys || {});
+var Xs = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Xs || {});
+var Zs = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Zs || {});
+var ea = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(ea || {});
+var ta = ((e) => (e.CAPTION = "caption", e))(ta || {});
 var Vr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Vr || {});
-var ta = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(ta || {});
+var ia = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(ia || {});
 var Fr = ((r) => (r.SPEAKERPHONE = "SPEAKERPHONE", r.WIRED = "WIRED", r.BLUETOOTH = "BLUETOOTH", r.EARPIECE = "EARPIECE", r))(Fr || {});
 function vi(a2, e = 300) {
   let t;
@@ -22818,7 +22828,7 @@ var jr = class {
     return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var oa = new jr();
+var ca = new jr();
 var Qr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
@@ -22845,43 +22855,47 @@ var Qr = class {
     return e || l.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var ca = new Qr();
+var da = new Qr();
 var Jr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Jr || {});
 var zr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(zr || {});
-var ua = "https://event.100ms.live/v2/client/report";
-var pa = "https://event-nonprod.100ms.live/v2/client/report";
+var pa = "https://event.100ms.live/v2/client/report";
+var ha = "https://event-nonprod.100ms.live/v2/client/report";
 var wt = Math.pow(2, 31) - 1;
+var ts = (a2) => {
+  let e = a2 == null ? void 0 : a2.localCandidate;
+  if (e) return e.relayProtocol ? `relay(${e.relayProtocol})` : e.candidateType;
+};
 var dt = class {
 };
-dt.makePeerId = () => uo();
+dt.makePeerId = () => ho();
 var G = (a2) => a2.room;
-var ho = (a2) => a2.errors;
-var Qm = createSelector(ho, (a2) => a2.length === 0 ? null : a2.at(-1));
-var Jm = createSelector(G, (a2) => a2.id);
+var So = (a2) => a2.errors;
+var Xm = createSelector(So, (a2) => a2.length === 0 ? null : a2.at(-1));
+var Zm = createSelector(G, (a2) => a2.id);
 var ee = (a2) => a2.peers;
 var Ci = (a2) => a2.messages.byID;
-var ba = (a2) => a2.messages.allIDs;
+var Ia = (a2) => a2.messages.allIDs;
 var N = (a2) => a2.tracks;
-var is = (a2) => a2.appData;
-var mo = (a2) => a2.speakers;
+var rs = (a2) => a2.appData;
+var go = (a2) => a2.speakers;
 var Fe = createSelector([G], (a2) => a2 && a2.isConnected);
-var Xm = createSelector([Fe, G], (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 So = (a2) => a2.hideLocalPeer;
-var Ee = createSelector([G, ee, So], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var go = createSelector(N, (a2) => Object.values(a2));
+var iS = createSelector([Fe, G], (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 To = (a2) => a2.hideLocalPeer;
+var Pe = createSelector([G, ee, To], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var fo = createSelector(N, (a2) => Object.values(a2));
 var te = createSelector(G, ee, (a2, e) => e[a2.localPeer]);
-var Ae = createSelector(G, (a2) => a2.localPeer);
-var Zm = createSelector(te, (a2) => a2 == null ? void 0 : a2.name);
-var eS = createSelector(te, (a2) => a2 == null ? void 0 : a2.roleName);
+var Re = createSelector(G, (a2) => a2.localPeer);
+var rS = createSelector(te, (a2) => a2 == null ? void 0 : a2.name);
+var sS = createSelector(te, (a2) => a2 == null ? void 0 : a2.roleName);
 var Se = createSelector(te, (a2) => a2 == null ? void 0 : a2.audioTrack);
 var ae = createSelector(te, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var To = createSelector(te, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Aa = createSelector([Se, ae, To], (a2, e, t) => {
+var vo = createSelector(te, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Ra = createSelector([Se, ae, vo], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var tS = createSelector(Ee, (a2) => a2.filter((e) => !e.isLocal));
-var iS = createSelector(ee, mo, (a2, e) => {
+var aS = createSelector(Pe, (a2) => a2.filter((e) => !e.isLocal));
+var nS = createSelector(ee, go, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var o, d;
     let s = ((o = i[1]) == null ? void 0 : o.audioLevel) || 0;
@@ -22893,110 +22907,110 @@ var iS = createSelector(ee, mo, (a2, e) => {
   }
   return null;
 });
-var ss = createSelector(te, N, (a2, e) => {
-  let { video: t, audio: i } = We(e, a2);
+var as = createSelector(te, N, (a2, e) => {
+  let { video: t, audio: i } = $e(e, a2);
   return !!(t || i);
 });
-var fo = createSelector(ee, N, (a2, e) => {
+var Mo = createSelector(ee, N, (a2, e) => {
   let t;
   for (let i in a2) {
-    let r = a2[i], { video: s, audio: n } = We(e, r);
+    let r = a2[i], { video: s, audio: n } = $e(e, r);
     if (s) return r;
     n && !t && (t = r);
   }
   return t;
 });
-var nS = createSelector(fo, (a2) => !!a2);
-var oS = createSelector(ee, N, (a2, e) => {
+var lS = createSelector(Mo, (a2) => !!a2);
+var uS = createSelector(ee, N, (a2, e) => {
   for (let t in a2) {
-    let i = a2[t], { audio: r, video: s } = We(e, i);
+    let i = a2[t], { audio: r, video: s } = $e(e, i);
     if (!s && r) return i;
   }
 });
-var cS = createSelector(ee, N, (a2, e) => {
+var pS = createSelector(ee, N, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
-    let s = a2[r], { video: n, audio: o } = We(e, s);
+    let s = a2[r], { video: n, audio: o } = $e(e, s);
     n ? t.push(s) : o && i.push(s);
   }
   return t.concat(i);
 });
-var dS = createSelector(ee, N, (a2, e) => {
+var hS = createSelector(ee, N, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (kt(i) && yt(i) && i.peerId) return a2[i.peerId];
   }
 });
-var lS = createSelector(ee, N, (a2, e) => {
+var mS = createSelector(ee, N, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (ui(i) && i.peerId) return a2[i.peerId];
   }
 });
-var uS = createSelector(go, (a2) => a2.filter(Is));
-var pS = createSelector(ba, (a2) => a2.length);
-var hS = createSelector(Ci, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var Nt = createSelector(ba, Ci, (a2, e) => {
+var SS = createSelector(fo, (a2) => a2.filter(As));
+var gS = createSelector(Ia, (a2) => a2.length);
+var TS = createSelector(Ci, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var Nt = createSelector(Ia, Ci, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var vo = createSelector(Nt, (a2) => a2.filter((e) => {
+var yo = createSelector(Nt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var mS = createSelector(vo, (a2) => a2.filter((e) => !e.read).length);
+var fS = createSelector(yo, (a2) => a2.filter((e) => !e.read).length);
 var le = createSelector([G], (a2) => a2 && a2.roomState);
-var Ha = createSelector(le, (a2) => a2 === "Preview");
-var SS = createSelector(G, (a2) => a2.roomState !== "Disconnected");
-var gS = createSelector(G, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
-var Pe = (a2) => a2.roles;
-var TS = createSelector([Pe], (a2) => Object.keys(a2));
-var ut = createSelector([te, Pe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var Mo = (a2) => {
+var Ca = createSelector(le, (a2) => a2 === "Preview");
+var vS = createSelector(G, (a2) => a2.roomState !== "Disconnected");
+var MS = createSelector(G, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+var be = (a2) => a2.roles;
+var yS = createSelector([be], (a2) => Object.keys(a2));
+var ut = createSelector([te, be], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
+var ko = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var Ca = createSelector([Mo, Pe], (a2, e) => a2 ? e[a2] : null);
-var fS = createSelector([ut], (a2) => {
+var La = createSelector([ko, be], (a2, e) => a2 ? e[a2] : null);
+var kS = createSelector([ut], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var La = createSelector(ut, (a2) => a2 == null ? void 0 : a2.permissions);
-var vS = createSelector(G, (a2) => a2.recording);
-var MS = createSelector(G, (a2) => a2.rtmp);
-var yS = createSelector(G, (a2) => a2.hls);
-var kS = createSelector(G, (a2) => a2.transcriptions);
-var ES = createSelector(G, (a2) => {
+var wa = createSelector(ut, (a2) => a2 == null ? void 0 : a2.permissions);
+var ES = createSelector(G, (a2) => a2.recording);
+var PS = createSelector(G, (a2) => a2.rtmp);
+var bS = createSelector(G, (a2) => a2.hls);
+var IS = createSelector(G, (a2) => a2.transcriptions);
+var AS = createSelector(G, (a2) => {
   var i, r;
   let e = (i = a2.transcriptions) == null ? void 0 : i.find((s) => s.mode === "caption");
   if (e != null && e.translation) return { available: true, enabled: e.translation.enabled, roleLanguages: e.translation.roleLanguages };
   let t = (r = a2.translationConfig) == null ? void 0 : r.caption;
   return t ? { available: true, enabled: false, roleLanguages: t.roleLanguages } : { available: false, enabled: false, roleLanguages: void 0 };
 });
-var PS = createSelector(G, (a2) => a2.sessionId);
-var bS = createSelector(G, (a2) => a2.startedAt);
-var IS = createSelector(G, (a2) => !!a2.isLargeRoom);
-var AS = createSelector(G, (a2) => !!a2.isEffectsEnabled);
-var RS = createSelector(G, (a2) => !!a2.isVBEnabled);
-var HS = createSelector(G, (a2) => a2.effectsKey);
-var wa = (a2) => a2.polls;
-var DS = createSelector(Ee, (a2) => a2.filter((e) => e.isHandRaised));
-var yo = (a2) => a2.whiteboards;
-var _S = createSelector(yo, (a2) => Object.values(a2)[0]);
-var _a7 = (a2 = "audio") => (e) => e.playlist[a2].list;
-var as = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var Na = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var Oa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var xa = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var Ua = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var Ba = (a2 = "audio") => createSelector(_a7(a2), (e) => Object.values(e));
-var Va = (a2 = "audio") => createSelector(_a7(a2), as(a2), (e, t) => {
+var RS = createSelector(G, (a2) => a2.sessionId);
+var HS = createSelector(G, (a2) => a2.startedAt);
+var CS = createSelector(G, (a2) => !!a2.isLargeRoom);
+var LS = createSelector(G, (a2) => !!a2.isEffectsEnabled);
+var wS = createSelector(G, (a2) => !!a2.isVBEnabled);
+var DS = createSelector(G, (a2) => a2.effectsKey);
+var Da = (a2) => a2.polls;
+var xS = createSelector(Pe, (a2) => a2.filter((e) => e.isHandRaised));
+var Eo = (a2) => a2.whiteboards;
+var US = createSelector(Eo, (a2) => Object.values(a2)[0]);
+var Na = (a2 = "audio") => (e) => e.playlist[a2].list;
+var ns = (a2 = "audio") => (e) => e.playlist[a2].selection;
+var Oa = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var xa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var Ua = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var Ba = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var Va = (a2 = "audio") => createSelector(Na(a2), (e) => Object.values(e));
+var Fa = (a2 = "audio") => createSelector(Na(a2), ns(a2), (e, t) => {
   if (t.id) return e[t.id];
 });
-var Fa = { selection: as("audio"), progress: Na("audio"), currentTime: Oa("audio"), playbackRate: xa("audio"), volume: Ua("audio"), list: Ba("audio"), selectedItem: Va("audio") };
-var Ga = { selection: as("video"), progress: Na("video"), currentTime: Oa("video"), playbackRate: xa("video"), volume: Ua("video"), list: Ba("video"), selectedItem: Va("video") };
+var Ga = { selection: ns("audio"), progress: Oa("audio"), currentTime: xa("audio"), playbackRate: Ua("audio"), volume: Ba("audio"), list: Va("audio"), selectedItem: Fa("audio") };
+var $a = { selection: ns("video"), progress: Oa("video"), currentTime: xa("video"), playbackRate: Ua("video"), volume: Ba("video"), list: Va("video"), selectedItem: Fa("video") };
 function H(a2) {
   return (e) => (t) => a2(t, e);
 }
@@ -23066,123 +23080,123 @@ var b = class {
   }
 };
 b.level = 0;
-var ns = (a2, e) => e;
+var os = (a2, e) => e;
 var xt = (a2, e) => e;
 var Wa = (a2, e) => e;
-var ko = (a2, e) => e;
-var Eo = (a2, e) => e;
-var ie = createSelector([ee, ns], (a2, e) => e ? a2[e] : null);
-var os = createSelector([N, xt], (a2, e) => e ? a2[e] : null);
-var Po = createSelector([N, xt], (a2, e) => {
+var Po = (a2, e) => e;
+var bo = (a2, e) => e;
+var ie = createSelector([ee, os], (a2, e) => e ? a2[e] : null);
+var cs = createSelector([N, xt], (a2, e) => e ? a2[e] : null);
+var Io = createSelector([N, xt], (a2, e) => {
   if (!e) return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var bo = createSelector([N, xt], (a2, e) => {
+var Ao = createSelector([N, xt], (a2, e) => {
   if (!e) return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var Io = createSelector([N, xt], (a2, e) => {
+var Ro = createSelector([N, xt], (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([N, xt], (a2, e) => {
+var Ho = createSelector([N, xt], (a2, e) => {
   if (!e) return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var Ro = createSelector([wa, Eo], (a2, e) => e ? a2[e] : null);
+var Co = createSelector([Da, bo], (a2, e) => e ? a2[e] : null);
 var ne = H(ie);
-var KS = H(createSelector([is, ko], (a2, e) => {
+var JS = H(createSelector([rs, Po], (a2, e) => {
   if (a2) return e ? a2[e] : a2;
 }));
-function qS(a2) {
+function zS(a2) {
   return (e) => {
     if (e.sessionStore) return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var QS = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.name));
-var JS = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.type));
-var Li = H(os);
-var $a = H(Po);
-var zS = H(bo);
-var YS = H(Io);
-var XS = H(Ao);
-var Ho = H((a2, e) => {
+var XS = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.name));
+var ZS = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.type));
+var Li = H(cs);
+var Ka = H(Io);
+var eg = H(Ao);
+var tg = H(Ro);
+var ig = H(Ho);
+var Lo = H((a2, e) => {
   let t = ie(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "") return a2.tracks[t.videoTrack];
 });
-var Co = H((a2, e) => {
+var wo = H((a2, e) => {
   let t = ie(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "") return a2.tracks[t.audioTrack];
 });
-var eg = H((a2, e) => {
+var sg = H((a2, e) => {
   let t = ie(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var Ka = (a2, e) => e ? a2.speakers[e] : null;
-var tg = H(createSelector(Ka, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Lo = (a2, e) => {
-  let t = Co(e)(a2);
-  return Ka(a2, t == null ? void 0 : t.id);
-};
-var ig = H(createSelector(Lo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var rg = H((a2, e) => {
+var qa = (a2, e) => e ? a2.speakers[e] : null;
+var ag = H(createSelector(qa, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Do = (a2, e) => {
+  let t = wo(e)(a2);
+  return qa(a2, t == null ? void 0 : t.id);
+};
+var ng = H(createSelector(Do, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var og = H((a2, e) => {
   if (e) return a2.connectionQualities[e];
 });
-var sg = H((a2, e) => {
+var cg = H((a2, e) => {
   let t = ie(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => Mt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var ag = H(createSelector(N, ie, (a2, e) => {
+var dg = H(createSelector(N, ie, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return kt(r) && yt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var ng = H(createSelector(N, ie, (a2, e) => {
+var lg = H(createSelector(N, ie, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return kt(r) && Mt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var og = H(createSelector(N, ie, (a2, e) => {
+var ug = H(createSelector(N, ie, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return ui(r) && Mt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var qa = H(createSelector(N, ie, (a2, e) => We(a2, e)));
-var ja = (a2) => createSelector(qa(a2), (e) => e.audio);
-var dg = H((a2, e) => {
+var ja = H(createSelector(N, ie, (a2, e) => $e(a2, e)));
+var Qa = (a2) => createSelector(ja(a2), (e) => e.audio);
+var hg = H((a2, e) => {
   let t = ie(a2, e);
   return Xe(a2, t == null ? void 0 : t.audioTrack);
 });
-var lg = H((a2, e) => {
+var mg = H((a2, e) => {
   let t = ie(a2, e);
   return Xe(a2, t == null ? void 0 : t.videoTrack);
 });
-var Qa = H((a2, e) => {
+var Ja = H((a2, e) => {
   if (e && a2.tracks[e]) return a2.tracks[e].volume === 0;
 });
-var ug = H((a2, e) => {
+var Sg = H((a2, e) => {
   let t = ie(a2, e);
-  return Qa(t == null ? void 0 : t.audioTrack)(a2);
+  return Ja(t == null ? void 0 : t.audioTrack)(a2);
 });
-var pg = H((a2, e) => {
-  let t = ja(e)(a2);
-  return Qa(t == null ? void 0 : t.id)(a2);
+var gg = H((a2, e) => {
+  let t = Qa(e)(a2);
+  return Ja(t == null ? void 0 : t.id)(a2);
 });
-var Ja = H((a2, e) => {
-  let t = os(a2, e);
+var za = H((a2, e) => {
+  let t = cs(a2, e);
   if (t) {
     if (t.type !== "audio") {
       b.w("Please pass audio track here");
@@ -23191,16 +23205,16 @@ var Ja = H((a2, e) => {
     return t.volume;
   }
 });
-var hg = H((a2, e) => {
+var Tg = H((a2, e) => {
   let t = ie(a2, e);
-  return Ja(t == null ? void 0 : t.audioTrack)(a2);
+  return za(t == null ? void 0 : t.audioTrack)(a2);
 });
-var mg = H((a2, e) => {
-  let t = ja(e)(a2);
-  return Ja(t == null ? void 0 : t.id)(a2);
+var fg = H((a2, e) => {
+  let t = Qa(e)(a2);
+  return za(t == null ? void 0 : t.id)(a2);
 });
-var Sg = H((a2, e) => {
-  let t = os(a2, e);
+var vg = H((a2, e) => {
+  let t = cs(a2, e);
   if (t) {
     if (t.type !== "video") {
       b.w("Please pass video track here");
@@ -23209,51 +23223,51 @@ var Sg = H((a2, e) => {
     return t.layer;
   }
 });
-var za = createSelector([Nt, Ae, ns], (a2, e, t) => {
+var Ya = createSelector([Nt, Re, os], (a2, e, t) => {
   if (t) return a2.filter((i) => {
     var r;
     return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
   });
 });
-var Ya = createSelector([Nt, Wa], (a2, e) => {
+var Xa = createSelector([Nt, Wa], (a2, e) => {
   if (e) return a2.filter((t) => {
     var i, r;
     return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
   });
 });
-var wo = createSelector(Nt, (a2) => a2.filter((e) => {
+var _o = createSelector(Nt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var Do = createSelector([Ya, Wa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var _o = createSelector([za, ns], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var gg = createSelector(wo, (a2) => a2.filter((e) => !e.read).length);
-var Tg = H(za);
-var fg = H(Ya);
-var vg = H(Do);
-var Mg = H(_o);
-var Xa = H(Ro);
-var wg = createSelector([ee, N], (a2, e) => Object.values(a2).map((i) => {
+var No = createSelector([Xa, Wa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Oo = createSelector([Ya, os], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Mg = createSelector(_o, (a2) => a2.filter((e) => !e.read).length);
+var yg = H(Ya);
+var kg = H(Xa);
+var Eg = H(No);
+var Pg = H(Oo);
+var Za = H(Co);
+var Og = createSelector([ee, N], (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 No = (a2) => a2.roleChangeRequests[0] || null;
-var Dg = createSelector([No, ee, Pe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var _g = createSelector([ut], (a2) => Et(a2));
-var Ng = createSelector([Ca], (a2) => Et(a2));
-var xo = createSelector([ae, N], (a2, e) => {
+var xo = (a2) => a2.roleChangeRequests[0] || null;
+var xg = createSelector([xo, ee, be], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var Ug = createSelector([ut], (a2) => Et(a2));
+var Bg = createSelector([La], (a2) => Et(a2));
+var Bo = createSelector([ae, N], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Uo = createSelector([Se, N], (a2, e) => {
+var Vo = createSelector([Se, N], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Fo = ((o) => (o[o.STARTING = 0] = "STARTING", o[o.INIT_FETCHED = 1] = "INIT_FETCHED", o[o.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", o[o.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", o[o.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", o[o.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", o[o.COMPLETED = 6] = "COMPLETED", o))(Fo || {});
-var ps = class {
+var $o = ((o) => (o[o.STARTING = 0] = "STARTING", o[o.INIT_FETCHED = 1] = "INIT_FETCHED", o[o.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", o[o.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", o[o.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", o[o.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", o[o.COMPLETED = 6] = "COMPLETED", o))($o || {});
+var hs = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
-    this.failedEvents = new ve("client-events");
+    this.failedEvents = new Me("client-events");
     this.isConnected = true;
     this.env = null;
     this.websocketURL = "";
@@ -23269,7 +23283,7 @@ var ps = class {
       this.addEventToStorage(e);
       return;
     }
-    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? ua : pa;
+    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? pa : ha;
     fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
       if (r.status === 401) {
         this.removeFromStorage(e);
@@ -23294,7 +23308,7 @@ var ps = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var He = new ps();
+var Ce = new hs();
 var jt = class {
   static handleError(e) {
     if (e.status === 404) throw S.APIErrors.EndpointUnreachable("FEEDBACK", e.statusText);
@@ -23320,66 +23334,68 @@ var jt = class {
   }
 };
 jt.TAG = "[FeedbackService]";
-var hs = ((f) => (f.FLAG_SERVER_SUB_DEGRADATION = "subscribeDegradation", f.FLAG_SERVER_SIMULCAST = "simulcast", f.FLAG_NON_WEBRTC_DISABLE_OFFER = "nonWebRTCDisableOffer", f.FLAG_PUBLISH_STATS = "publishStats", f.FLAG_SUBSCRIBE_STATS = "subscribeStats", f.FLAG_ON_DEMAND_TRACKS = "onDemandTracks", f.FLAG_DISABLE_VIDEO_TRACK_AUTO_UNSUBSCRIBE = "disableVideoTrackAutoUnsubscribe", f.FLAG_WHITEBOARD_ENABLED = "whiteboardEnabled", f.FLAG_EFFECTS_SDK_ENABLED = "effectsSDKEnabled", f.FLAG_VB_ENABLED = "vb", f.FLAG_HIPAA_ENABLED = "hipaa", f.FLAG_NOISE_CANCELLATION = "noiseCancellation", f.FLAG_SCALE_SCREENSHARE_BASED_ON_PIXELS = "scaleScreenshareBasedOnPixels", f.FLAG_DISABLE_NONE_LAYER_REQUEST = "disableNoneLayerRequest", f))(hs || {});
+var ms = ((f) => (f.FLAG_SERVER_SUB_DEGRADATION = "subscribeDegradation", f.FLAG_SERVER_SIMULCAST = "simulcast", f.FLAG_NON_WEBRTC_DISABLE_OFFER = "nonWebRTCDisableOffer", f.FLAG_PUBLISH_STATS = "publishStats", f.FLAG_SUBSCRIBE_STATS = "subscribeStats", f.FLAG_ON_DEMAND_TRACKS = "onDemandTracks", f.FLAG_DISABLE_VIDEO_TRACK_AUTO_UNSUBSCRIBE = "disableVideoTrackAutoUnsubscribe", f.FLAG_WHITEBOARD_ENABLED = "whiteboardEnabled", f.FLAG_EFFECTS_SDK_ENABLED = "effectsSDKEnabled", f.FLAG_VB_ENABLED = "vb", f.FLAG_HIPAA_ENABLED = "hipaa", f.FLAG_NOISE_CANCELLATION = "noiseCancellation", f.FLAG_SCALE_SCREENSHARE_BASED_ON_PIXELS = "scaleScreenshareBasedOnPixels", f.FLAG_DISABLE_NONE_LAYER_REQUEST = "disableNoneLayerRequest", f))(ms || {});
 var z = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(z || {});
 var mr = ((o) => (o.Disconnected = "Disconnected", o.Connecting = "Connecting", o.Joined = "Joined", o.Preview = "Preview", o.Failed = "Failed", o.Reconnecting = "Reconnecting", o.Leaving = "Leaving", o))(mr || {});
 var gt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(gt || {});
-var cc = (a2) => a2.localPeer.id;
-var dc = (a2) => a2.localPeer.audioTrack;
-var lc = (a2) => a2.localPeer.videoTrack;
-var uc = (a2, e) => e;
-var kn = (a2, e) => e;
-var pc = (a2) => a2.remoteTrackStats;
-var En = (a2) => a2.peerStats;
-var Ts = (a2) => a2.localTrackStats;
-var Le = createSelector([En, cc], (a2, e) => a2[e]);
-var hc = createSelector(Le, (a2) => {
+var lc = (a2) => a2.localPeer.id;
+var uc = (a2) => a2.localPeer.audioTrack;
+var pc = (a2) => a2.localPeer.videoTrack;
+var hc = (a2, e) => e;
+var En = (a2, e) => e;
+var mc = (a2) => a2.remoteTrackStats;
+var Pn = (a2) => a2.peerStats;
+var fs = (a2) => a2.localTrackStats;
+var ve = createSelector([Pn, lc], (a2, e) => a2[e]);
+var Sc = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var mc = createSelector(Le, (a2) => {
+var gc = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var Sc = createSelector(Le, (a2) => {
+var Tc = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var gc = createSelector(Le, (a2) => {
+var fc = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var Tc = createSelector(Le, (a2) => {
+var vc = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var fc = createSelector(Le, (a2) => {
+var Mc = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var vc = createSelector(Le, (a2) => {
+var yc = createSelector(ve, (a2) => ts(a2 == null ? void 0 : a2.publish));
+var kc = createSelector(ve, (a2) => ts(a2 == null ? void 0 : a2.subscribe));
+var Ec = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Mc = createSelector(Le, (a2) => {
+var Pc = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var yc = createSelector([En, uc], (a2, e) => e ? a2[e] : void 0);
-var kc = createSelector([pc, kn], (a2, e) => e ? a2[e] : void 0);
-var fs = createSelector([Ts, kn], (a2, e) => e ? a2[e] : void 0);
-var Ec = H(yc);
-var Pc = H(kc);
-var bc = createSelector([Ts, dc], (a2, e) => {
+var bc = createSelector([Pn, hc], (a2, e) => e ? a2[e] : void 0);
+var Ic = createSelector([mc, En], (a2, e) => e ? a2[e] : void 0);
+var vs = createSelector([fs, En], (a2, e) => e ? a2[e] : void 0);
+var Ac = H(bc);
+var Rc = H(Ic);
+var Hc = createSelector([fs, uc], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Ic = H(createSelector(fs, (a2) => a2 == null ? void 0 : a2[0]));
-var Ac = createSelector([Ts, lc], (a2, e) => {
+var Cc = H(createSelector(vs, (a2) => a2 == null ? void 0 : a2[0]));
+var Lc = createSelector([fs, pc], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Rc = H(createSelector(fs, (a2) => a2));
+var wc = H(createSelector(vs, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -23415,7 +23431,7 @@ var getRecordingText = ({
   return title.join(delimiter);
 };
 var LiveStatus = () => {
-  var _a8;
+  var _a7;
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
   const hlsState = useHMSStore29(selectHLSState4);
   const isMobile = useMedia11(config.media.md);
@@ -23424,8 +23440,8 @@ var LiveStatus = () => {
   const [liveTime, setLiveTime] = useState28(0);
   const startTimer = useCallback22(() => {
     intervalRef.current = setInterval(() => {
-      var _a9;
-      const timeStamp = (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
+      var _a8;
+      const timeStamp = (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
       if ((hlsState == null ? void 0 : hlsState.running) && timeStamp) {
         setLiveTime(Date.now() - timeStamp.getTime());
       }
@@ -23459,7 +23475,7 @@ var LiveStatus = () => {
       }
     },
     /* @__PURE__ */ React64.createElement(Box, { css: { w: "$4", h: "$4", r: "$round", bg: "$alert_error_default", mr: "$2" } }),
-    /* @__PURE__ */ React64.createElement(Flex, { align: "center", gap: "2" }, /* @__PURE__ */ React64.createElement(Text, { variant: !isMobile ? "button" : "body2" }, "LIVE"), /* @__PURE__ */ React64.createElement(Text, { variant: "caption" }, ((_a8 = hlsState == null ? void 0 : hlsState.variants) == null ? void 0 : _a8.length) > 0 && isHLSRunning ? formatTime(liveTime) : ""))
+    /* @__PURE__ */ React64.createElement(Flex, { align: "center", gap: "2" }, /* @__PURE__ */ React64.createElement(Text, { variant: !isMobile ? "button" : "body2" }, "LIVE"), /* @__PURE__ */ React64.createElement(Text, { variant: "caption" }, ((_a7 = hlsState == null ? void 0 : hlsState.variants) == null ? void 0 : _a7.length) > 0 && isHLSRunning ? formatTime(liveTime) : ""))
   );
 };
 var RecordingStatus = () => {
@@ -23497,7 +23513,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore29(selectRecordingState2);
-  if (recording.hls && recording.hls.state === zs.PAUSED) {
+  if (recording.hls && recording.hls.state === Ys.PAUSED) {
     return /* @__PURE__ */ React64.createElement(
       Tooltip,
       {
@@ -23616,8 +23632,8 @@ var ChangeNameContent = ({
   useEffect22(() => {
     if (isMobile) {
       setTimeout(() => {
-        var _a8;
-        (_a8 = inputRef.current) == null ? void 0 : _a8.focus();
+        var _a7;
+        (_a7 = inputRef.current) == null ? void 0 : _a7.focus();
       }, 200);
     }
   }, [isMobile]);
@@ -23786,7 +23802,7 @@ init_define_process_env();
 import { useEffect as useEffect23, useState as useState30 } from "react";
 import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
 var useUnreadPollQuizPresent = () => {
-  const localPeerID = useHMSStore32(Ae);
+  const localPeerID = useHMSStore32(Re);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState30(false);
   useEffect23(() => {
@@ -24622,9 +24638,9 @@ var VBToggle = () => {
   const hmsActions = useHMSActions28();
   const { toggleVideo } = useAVToggle3();
   useEffect24(() => {
-    var _a8;
+    var _a7;
     if (!toggleVideo) {
-      (_a8 = VBHandler) == null ? void 0 : _a8.reset();
+      (_a7 = VBHandler) == null ? void 0 : _a7.reset();
       hmsActions.setAppData(APP_DATA.background, HMSVirtualBackgroundTypes3.NONE);
     }
   }, [hmsActions, toggleVideo]);
@@ -24763,8 +24779,8 @@ var ConnectionIndicator = ({
   isTile = false,
   hideBg = false
 }) => {
-  var _a8;
-  const downlinkQuality = (_a8 = useHMSStore37(selectConnectionQualityByPeerID2(peerId))) == null ? void 0 : _a8.downlinkQuality;
+  var _a7;
+  const downlinkQuality = (_a7 = useHMSStore37(selectConnectionQualityByPeerID2(peerId))) == null ? void 0 : _a7.downlinkQuality;
   const peerType = useHMSStore37(selectPeerTypeByID(peerId));
   const { theme: theme2 } = useTheme();
   const defaultColor = theme2.colors.on_surface_low;
@@ -24829,8 +24845,8 @@ import React80 from "react";
 import { selectLocalPeerID as selectLocalPeerID8, selectPermissions as selectPermissions10, useHMSActions as useHMSActions29, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
 import { PeopleRemoveIcon as PeopleRemoveIcon3 } from "@100mslive/react-icons";
 var RemoveParticipant = ({ peerId }) => {
-  var _a8;
-  const canRemoveOthers = (_a8 = useHMSStore38(selectPermissions10)) == null ? void 0 : _a8.removeOthers;
+  var _a7;
+  const canRemoveOthers = (_a7 = useHMSStore38(selectPermissions10)) == null ? void 0 : _a7.removeOthers;
   const localPeerId = useHMSStore38(selectLocalPeerID8);
   const actions = useHMSActions29();
   if (peerId === localPeerId || !canRemoveOthers) {
@@ -24941,11 +24957,11 @@ var RoleOptions = ({ roleName, peerList }) => {
   let isVideoOnForSomePeers = false;
   let isAudioOnForSomePeers = false;
   peerList.forEach((peer) => {
-    var _a8, _b7;
+    var _a7, _b7;
     if (peer.isLocal) {
       return;
     }
-    const isAudioOn = !!peer.audioTrack && ((_a8 = tracks[peer.audioTrack]) == null ? void 0 : _a8.enabled);
+    const isAudioOn = !!peer.audioTrack && ((_a7 = tracks[peer.audioTrack]) == null ? void 0 : _a7.enabled);
     const isVideoOn = !!peer.videoTrack && ((_b7 = tracks[peer.videoTrack]) == null ? void 0 : _b7.enabled);
     isAudioOnForSomePeers = isAudioOnForSomePeers || isAudioOn;
     isVideoOnForSomePeers = isVideoOnForSomePeers || isVideoOn;
@@ -25011,7 +25027,7 @@ init_define_process_env();
 import { match as match8, P as P4 } from "ts-pattern";
 import { selectPermissions as selectPermissions12, useHMSActions as useHMSActions31, useHMSStore as useHMSStore40 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
-  var _a8;
+  var _a7;
   const hmsActions = useHMSActions31();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -25021,7 +25037,7 @@ var useGroupOnStageActions = ({ peers }) => {
     off_stage_roles = [],
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
-  const canChangeRole = (_a8 = useHMSStore40(selectPermissions12)) == null ? void 0 : _a8.changeRole;
+  const canChangeRole = (_a7 = useHMSStore40(selectPermissions12)) == null ? void 0 : _a7.changeRole;
   const offStageRolePeers = peers.filter(
     (peer) => match8({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
       {
@@ -25060,8 +25076,8 @@ var useGroupOnStageActions = ({ peers }) => {
 var ROW_HEIGHT = 50;
 var ITER_TIMER = 5e3;
 function itemKey(index, data3) {
-  var _a8;
-  return (_a8 = data3.peerList[index]) == null ? void 0 : _a8.id;
+  var _a7;
+  return (_a7 = data3.peerList[index]) == null ? void 0 : _a7.id;
 }
 var VirtualizedParticipantItem = React82.memo(
   ({ index, data: data3, style }) => {
@@ -25206,7 +25222,7 @@ init_define_process_env();
 import { useState as useState35 } from "react";
 import { selectPeerMetadata as selectPeerMetadata3, selectPermissions as selectPermissions13, useHMSActions as useHMSActions32, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
 var usePeerOnStageActions = ({ peerId, role }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const hmsActions = useHMSActions32();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -25217,7 +25233,7 @@ var usePeerOnStageActions = ({ peerId, role }) => {
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
   const isInStage = role === on_stage_role;
-  const canChangeRole = (_a8 = useHMSStore43(selectPermissions13)) == null ? void 0 : _a8.changeRole;
+  const canChangeRole = (_a7 = useHMSStore43(selectPermissions13)) == null ? void 0 : _a7.changeRole;
   const shouldShowStageRoleChange = canChangeRole && (isInStage && remove_from_stage_label || (off_stage_roles == null ? void 0 : off_stage_roles.includes(role)) && bring_to_stage_label);
   const prevRole = (_b7 = useHMSStore43(selectPeerMetadata3(peerId))) == null ? void 0 : _b7.prevRole;
   const [open, setOpen] = useState35(false);
@@ -25448,9 +25464,9 @@ var ParticipantActions = React83.memo(
     role,
     isHandRaisedAccordion
   }) => {
-    var _a8, _b7;
+    var _a7, _b7;
     const isHandRaised = useHMSStore44(selectHasPeerHandRaised2(peerId));
-    const canChangeRole = (_a8 = useHMSStore44(selectPermissions14)) == null ? void 0 : _a8.changeRole;
+    const canChangeRole = (_a7 = useHMSStore44(selectPermissions14)) == null ? void 0 : _a7.changeRole;
     const canRemoveOthers = (_b7 = useHMSStore44(selectPermissions14)) == null ? void 0 : _b7.removeOthers;
     const { elements } = useRoomLayoutConferencingScreen();
     const { on_stage_exp } = elements || {};
@@ -25505,7 +25521,7 @@ var HandRaisedAccordionParticipantActions = ({ peerId, role }) => {
   return /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ React83.createElement(CrossIcon15, { height: 18, width: 18 })), !isInStage && /* @__PURE__ */ React83.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ React83.createElement(AddIcon2, { height: 18, width: 18 })));
 };
 var ParticipantMoreActions = ({ peerId, role }) => {
-  var _a8;
+  var _a7;
   const {
     open,
     setOpen,
@@ -25515,7 +25531,7 @@ var ParticipantMoreActions = ({ peerId, role }) => {
     isInStage,
     shouldShowStageRoleChange
   } = usePeerOnStageActions({ peerId, role });
-  const canChangeRole = !!((_a8 = useHMSStore44(selectPermissions14)) == null ? void 0 : _a8.changeRole);
+  const canChangeRole = !!((_a7 = useHMSStore44(selectPermissions14)) == null ? void 0 : _a7.changeRole);
   const [openRoleChangeModal, setOpenRoleChangeModal] = useState36(false);
   const roles = useHMSStore44(selectAvailableRoleNames5);
   return /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(Dropdown.Root, { open, onOpenChange: (value) => setOpen(value), modal: false }, /* @__PURE__ */ React83.createElement(
@@ -25668,9 +25684,9 @@ var Footer2 = ({
   screenType,
   elements
 }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const isMobile = useMedia15(config.media.md);
-  const isOverlayChat = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay);
+  const isOverlayChat = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay);
   const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === Chat_ChatState.CHAT_STATE_OPEN;
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
@@ -26060,11 +26076,11 @@ var PrevMenu = () => {
   const polls = useHMSStore48(selectPolls2);
   const sortedPolls = useMemo9(
     () => {
-      var _a8;
-      return (_a8 = polls == null ? void 0 : polls.sort((a2, b2) => {
-        var _a9, _b7, _c, _d;
-        return (((_b7 = (_a9 = b2 == null ? void 0 : b2.createdAt) == null ? void 0 : _a9.getTime) == null ? void 0 : _b7.call(_a9)) || 0) - (((_d = (_c = a2 == null ? void 0 : a2.createdAt) == null ? void 0 : _c.getTime) == null ? void 0 : _d.call(_c)) || 0);
-      })) == null ? void 0 : _a8.sort((a2, b2) => ((b2 == null ? void 0 : b2.state) === "started" ? 1 : 0) - ((a2 == null ? void 0 : a2.state) === "started" ? 1 : 0));
+      var _a7;
+      return (_a7 = polls == null ? void 0 : polls.sort((a2, b2) => {
+        var _a8, _b7, _c, _d;
+        return (((_b7 = (_a8 = b2 == null ? void 0 : b2.createdAt) == null ? void 0 : _a8.getTime) == null ? void 0 : _b7.call(_a8)) || 0) - (((_d = (_c = a2 == null ? void 0 : a2.createdAt) == null ? void 0 : _c.getTime) == null ? void 0 : _d.call(_c)) || 0);
+      })) == null ? void 0 : _a7.sort((a2, b2) => ((b2 == null ? void 0 : b2.state) === "started" ? 1 : 0) - ((a2 == null ? void 0 : a2.state) === "started" ? 1 : 0));
     },
     [polls]
   );
@@ -26253,13 +26269,13 @@ var MultipleChoiceOptions = ({
     setSelectedOptions(newSelected);
   };
   return /* @__PURE__ */ React96.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
-    var _a8;
+    var _a7;
     return /* @__PURE__ */ React96.createElement(Flex, { align: "center", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ React96.createElement(
       Checkbox.Root,
       {
         id: `${questionIndex}-${option.index}`,
         disabled: !canRespond,
-        checked: (_a8 = localPeerResponse == null ? void 0 : localPeerResponse.options) == null ? void 0 : _a8.includes(option.index),
+        checked: (_a7 = localPeerResponse == null ? void 0 : localPeerResponse.options) == null ? void 0 : _a7.includes(option.index),
         onCheckedChange: (checked) => handleCheckedChange(checked, option.index),
         css: {
           cursor: canRespond ? "pointer" : "not-allowed",
@@ -26404,7 +26420,7 @@ var QuestionForm = ({
   removeQuestion,
   isQuiz
 }) => {
-  var _a8;
+  var _a7;
   const ref = useRef21(null);
   const selectionBg = useDropdownSelection();
   const [openDelete, setOpenDelete] = useState40(false);
@@ -26476,7 +26492,7 @@ var QuestionForm = ({
       },
       open
     }
-  ), /* @__PURE__ */ React98.createElement(Dropdown.Portal, null, /* @__PURE__ */ React98.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth, zIndex: 1e3 } }, Object.keys(QUESTION_TYPE_TITLE).map((value) => {
+  ), /* @__PURE__ */ React98.createElement(Dropdown.Portal, null, /* @__PURE__ */ React98.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 } }, Object.keys(QUESTION_TYPE_TITLE).map((value) => {
     return /* @__PURE__ */ React98.createElement(
       Dropdown.Item,
       {
@@ -26618,11 +26634,11 @@ var SavedQuestion = ({
   length,
   convertToDraft
 }) => {
-  var _a8;
+  var _a7;
   const answerArray = useMemo10(() => {
-    var _a9;
+    var _a8;
     const updatedAnswerArray = [];
-    const { option, options } = (_a9 = question == null ? void 0 : question.answer) != null ? _a9 : {};
+    const { option, options } = (_a8 = question == null ? void 0 : question.answer) != null ? _a8 : {};
     if (option) {
       updatedAnswerArray.push(option);
     }
@@ -26631,7 +26647,7 @@ var SavedQuestion = ({
     }
     return updatedAnswerArray;
   }, [question == null ? void 0 : question.answer]);
-  return /* @__PURE__ */ React99.createElement(React99.Fragment, null, /* @__PURE__ */ React99.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a8 = question.options) == null ? void 0 : _a8.map((option, index2) => /* @__PURE__ */ React99.createElement(Flex, { key: `${option.text}-${index2}`, css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ React99.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ React99.createElement(CheckCircleIcon3, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ React99.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ React99.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ React99.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
+  return /* @__PURE__ */ React99.createElement(React99.Fragment, null, /* @__PURE__ */ React99.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a7 = question.options) == null ? void 0 : _a7.map((option, index2) => /* @__PURE__ */ React99.createElement(Flex, { key: `${option.text}-${index2}`, css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ React99.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ React99.createElement(CheckCircleIcon3, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ React99.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ React99.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ React99.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
 };
 
 // src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
@@ -26642,14 +26658,14 @@ var getEditableFormat = (questions) => {
   return editableQuestions;
 };
 function CreateQuestions() {
-  var _a8, _b7, _c, _d;
+  var _a7, _b7, _c, _d;
   const actions = useHMSActions35();
   const { isHLSRunning } = useRecordingStreaming9();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
   const interaction = useHMSStore49(selectPollByID(id));
   const [questions, setQuestions] = useState41(
-    ((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
+    ((_a7 = interaction.questions) == null ? void 0 : _a7.length) ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
   );
   const isValidPoll = useMemo11(() => questions.length > 0 && questions.every(isValidQuestion), [questions]);
   const launchPoll = () => __async(null, null, function* () {
@@ -26848,13 +26864,13 @@ var useQuizSummary = (quizID) => {
   const [calculations, setCalculations] = useState42({ maxPossibleScore: 0, totalResponses: 0 });
   useEffect30(() => {
     const fetchLeaderboardData = () => __async(null, null, function* () {
-      var _a8;
+      var _a7;
       if (!quizLeaderboard && quiz && !(quiz == null ? void 0 : quiz.anonymous) && quiz.state === "stopped") {
         const leaderboardData = yield hmsActions.interactivityCenter.fetchLeaderboard(quiz.id, 0, 200);
-        const { maxPossibleScore, totalResponses } = ((_a8 = quiz == null ? void 0 : quiz.questions) == null ? void 0 : _a8.reduce((accumulator, question) => {
-          var _a9;
+        const { maxPossibleScore, totalResponses } = ((_a7 = quiz == null ? void 0 : quiz.questions) == null ? void 0 : _a7.reduce((accumulator, question) => {
+          var _a8;
           accumulator.maxPossibleScore += question.weight || 0;
-          accumulator.totalResponses += ((_a9 = question == null ? void 0 : question.responses) == null ? void 0 : _a9.length) || 0;
+          accumulator.totalResponses += ((_a8 = question == null ? void 0 : question.responses) == null ? void 0 : _a8.length) || 0;
           return accumulator;
         }, calculations)) || calculations;
         setQuizLeaderboard(leaderboardData);
@@ -26880,8 +26896,8 @@ var PeerParticipationSummary = ({ quiz }) => {
   }
   const isLocalPeerQuizCreator = localPeerId === quiz.startedBy;
   const peerEntry = quizLeaderboard == null ? void 0 : quizLeaderboard.entries.find((entry) => {
-    var _a8;
-    return ((_a8 = entry.peer) == null ? void 0 : _a8.peerid) === localPeerId;
+    var _a7;
+    return ((_a7 = entry.peer) == null ? void 0 : _a7.peerid) === localPeerId;
   });
   const boxes = isLocalPeerQuizCreator ? [
     {
@@ -26913,7 +26929,7 @@ var PeerParticipationSummary = ({ quiz }) => {
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 var LeaderboardSummary = ({ pollID }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const quiz = useHMSStore52(selectPollByID3(pollID));
   const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
   const [viewAllEntries, setViewAllEntries] = useState43(false);
@@ -26921,7 +26937,7 @@ var LeaderboardSummary = ({ pollID }) => {
   const toggleSidepane = useSidepaneToggle();
   if (!quiz || !quizLeaderboard)
     return /* @__PURE__ */ React104.createElement(Flex, { align: "center", justify: "center", css: { size: "100%" } }, /* @__PURE__ */ React104.createElement(Loading, null));
-  const questionCount = ((_a8 = quiz.questions) == null ? void 0 : _a8.length) || 0;
+  const questionCount = ((_a7 = quiz.questions) == null ? void 0 : _a7.length) || 0;
   return /* @__PURE__ */ React104.createElement(Container3, { rounded: true }, /* @__PURE__ */ React104.createElement(Flex, { direction: "column", css: { size: "100%", p: "$8" } }, /* @__PURE__ */ React104.createElement(Flex, { justify: "between", align: "center", css: { pb: "$6", borderBottom: "1px solid $border_bright", mb: "$8" } }, /* @__PURE__ */ React104.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React104.createElement(
     Flex,
     {
@@ -27195,14 +27211,14 @@ var StandardView = ({
   localPeerResponses,
   updateSavedResponses
 }) => {
-  var _a8;
+  var _a7;
   if (!(poll == null ? void 0 : poll.questions)) {
     return null;
   }
   const isQuiz = poll.type === "quiz";
   const isStopped = poll.state === "stopped";
-  return /* @__PURE__ */ React106.createElement(React106.Fragment, null, isQuiz && isStopped ? /* @__PURE__ */ React106.createElement(PeerParticipationSummary, { quiz: poll }) : null, (_a8 = poll.questions) == null ? void 0 : _a8.map((question, index) => {
-    var _a9;
+  return /* @__PURE__ */ React106.createElement(React106.Fragment, null, isQuiz && isStopped ? /* @__PURE__ */ React106.createElement(PeerParticipationSummary, { quiz: poll }) : null, (_a7 = poll.questions) == null ? void 0 : _a7.map((question, index) => {
+    var _a8;
     return /* @__PURE__ */ React106.createElement(
       QuestionCard2,
       {
@@ -27215,7 +27231,7 @@ var StandardView = ({
         text: question.text,
         type: question.type,
         result: question.result,
-        totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
+        totalQuestions: ((_a8 = poll.questions) == null ? void 0 : _a8.length) || 0,
         options: question.options,
         localPeerResponse: localPeerResponses == null ? void 0 : localPeerResponses[question.index],
         answer: question.answer,
@@ -27234,9 +27250,9 @@ var TimedView = ({
   localPeerResponses,
   updateSavedResponses
 }) => {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   const [currentIndex, setCurrentIndex] = useState45(getIndexToShow(localPeerResponses));
-  const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
+  const activeQuestion = (_a7 = poll.questions) == null ? void 0 : _a7.find((question) => question.index === currentIndex);
   const attemptedAll = (((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0) < currentIndex;
   useEffect32(() => {
     setCurrentIndex(getIndexToShow(localPeerResponses));
@@ -27245,7 +27261,7 @@ var TimedView = ({
     return null;
   }
   return /* @__PURE__ */ React107.createElement(React107.Fragment, null, poll.questions.map((question) => {
-    var _a9;
+    var _a8;
     return attemptedAll || (activeQuestion == null ? void 0 : activeQuestion.index) === question.index ? /* @__PURE__ */ React107.createElement(
       QuestionCard2,
       {
@@ -27258,7 +27274,7 @@ var TimedView = ({
         text: question.text,
         type: question.type,
         result: question == null ? void 0 : question.result,
-        totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
+        totalQuestions: ((_a8 = poll.questions) == null ? void 0 : _a8.length) || 0,
         options: question.options,
         localPeerResponse: localPeerResponses == null ? void 0 : localPeerResponses[question.index],
         answer: question.answer,
@@ -27302,9 +27318,9 @@ var Voting = ({ id, toggleVoting }) => {
       localPeerResponses == null ? void 0 : localPeerResponses.forEach((response) => {
         if (response) {
           setSavedResponses((prev) => {
-            var _a8, _b7, _c;
+            var _a7, _b7, _c;
             const prevCopy = __spreadValues({}, prev);
-            prevCopy[(_a8 = response[0]) == null ? void 0 : _a8.questionIndex] = { option: (_b7 = response[0]) == null ? void 0 : _b7.option, options: (_c = response[0]) == null ? void 0 : _c.options };
+            prevCopy[(_a7 = response[0]) == null ? void 0 : _a7.questionIndex] = { option: (_b7 = response[0]) == null ? void 0 : _b7.option, options: (_c = response[0]) == null ? void 0 : _c.options };
             return prevCopy;
           });
         }
@@ -27419,9 +27435,9 @@ var LogoImg = styled("img", {
   }
 });
 var Logo = () => {
-  var _a8;
+  var _a7;
   const roomLayout = useRoomLayout();
-  const logo = (_a8 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a8.url;
+  const logo = (_a7 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a7.url;
   const [hideImage, setHideImage] = useState47(false);
   useEffect34(() => {
     if (hideImage) {
@@ -27545,8 +27561,8 @@ var SelectorItem = ({
   icon = void 0
 }) => {
   const isMobile = useMedia16(config.media.md);
-  const Root28 = !isMobile ? Dropdown.Item : (_a8) => {
-    var _b7 = _a8, { children } = _b7, rest = __objRest(_b7, ["children"]);
+  const Root28 = !isMobile ? Dropdown.Item : (_a7) => {
+    var _b7 = _a7, { children } = _b7, rest = __objRest(_b7, ["children"]);
     return /* @__PURE__ */ React114.createElement(Flex, __spreadProps(__spreadValues({}, rest), { css: __spreadValues({ p: "$6 $8" }, rest.css) }), children);
   };
   return /* @__PURE__ */ React114.createElement(
@@ -27673,11 +27689,11 @@ var VirtualizedSelectItemList = ({
   return /* @__PURE__ */ React114.createElement(Dropdown.Group, { css: { overflowY: "auto", maxHeight: "$64", bg: "$surface_default" } }, listItems.map((item, index) => /* @__PURE__ */ React114.createElement(Box, { key: index }, item)));
 };
 var ChatSelector = ({ role, peerId }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
   const peers = useHMSStore56(selectRemotePeers2);
   const [search, setSearch] = useState49("");
-  const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
+  const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
   const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
   return /* @__PURE__ */ React114.createElement(React114.Fragment, null, peers.length > 0 && isPrivateChatEnabled && /* @__PURE__ */ React114.createElement(Box, { css: { px: "$4" } }, /* @__PURE__ */ React114.createElement(ParticipantSearch, { onSearch: setSearch, placeholder: "Search for participants" })), /* @__PURE__ */ React114.createElement(
     VirtualizedSelectItemList,
@@ -27693,11 +27709,11 @@ var ChatSelector = ({ role, peerId }) => {
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 var ChatSelectorContainer = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const [open, setOpen] = useState50(false);
   const isMobile = useMedia17(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
-  const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
+  const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
   const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
   const roles = useFilteredRoles();
   const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
@@ -27838,8 +27854,8 @@ var useEmojiPickerStyles = (showing) => {
   useEffect36(() => {
     if (showing) {
       setTimeout(() => {
-        var _a8, _b7;
-        const root = (_b7 = (_a8 = ref.current) == null ? void 0 : _a8.querySelector("em-emoji-picker")) == null ? void 0 : _b7.shadowRoot;
+        var _a7, _b7;
+        const root = (_b7 = (_a7 = ref.current) == null ? void 0 : _a7.querySelector("em-emoji-picker")) == null ? void 0 : _b7.shadowRoot;
         const style = document.createElement("style");
         style.textContent = `
           #root {
@@ -27909,13 +27925,13 @@ function EmojiPicker({ onSelect }) {
   )));
 }
 var ChatFooter = ({ onSend, children }) => {
-  var _a8, _b7, _c, _d, _e;
+  var _a7, _b7, _c, _d, _e;
   const hmsActions = useHMSActions40();
   const inputRef = useRef25(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia18(config.media.md);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
-  const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
+  const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
   const localPeer = useHMSStore58(selectLocalPeer5);
   const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
   const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
@@ -27928,11 +27944,11 @@ var ChatFooter = ({ onSend, children }) => {
   const [messageLengthExceeded, setMessageLengthExceeded] = useState51(false);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect37(() => {
-    var _a9, _b8;
+    var _a8, _b8;
     if (!selectedPeer.id && !selectedRole && !["Everyone", ""].includes(defaultSelection)) {
       setRoleSelector(defaultSelection);
     } else {
-      if (!(isMobile || isLandscapeHLSStream) && !((_a9 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a9.disable_autofocus)) {
+      if (!(isMobile || isLandscapeHLSStream) && !((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.disable_autofocus)) {
         (_b8 = inputRef.current) == null ? void 0 : _b8.focus();
       }
     }
@@ -27951,8 +27967,8 @@ var ChatFooter = ({ onSend, children }) => {
     }
   }, []);
   const sendMessage = useCallback29(() => __async(null, null, function* () {
-    var _a9;
-    const message = (_a9 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a9.value;
+    var _a8;
+    const message = (_a8 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a8.value;
     if (!message || !message.trim().length) {
       return;
     }
@@ -28121,10 +28137,10 @@ init_define_process_env();
 import React117, { useCallback as useCallback30 } from "react";
 import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore7, useHMSActions as useHMSActions41, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const hmsActions = useHMSActions41();
   const { elements } = useRoomLayoutConferencingScreen();
-  const can_disable_chat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
+  const can_disable_chat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore59(selectSessionStore7("chatState" /* CHAT_STATE */)) || {};
   const localPeer = useHMSStore59(selectLocalPeer6);
   const unPauseChat = useCallback30(
@@ -28233,13 +28249,13 @@ var StickIndicator = ({ total, index }) => {
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = () => {
-  var _a8, _b7, _c, _d;
+  var _a7, _b7, _c, _d;
   const pinnedMessages = useHMSStore60(selectSessionStore8("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState52(0);
   const { removePinnedMessage } = usePinnedMessages();
   const isMobile = useMedia19(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
-  const canUnpinMessage = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.allow_pinning_messages);
+  const canUnpinMessage = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.allow_pinning_messages);
   const [hideOverflow, setHideOverflow] = useState52(true);
   const currentPinnedMessage = ((_b7 = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _b7.text) || "";
   const canOverflow = currentPinnedMessage.length > PINNED_MESSAGE_LENGTH;
@@ -28348,12 +28364,12 @@ var PinnedMessage = () => {
 
 // src/Prebuilt/components/Chat/Chat.tsx
 var Chat = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const listRef = useRef26(null);
   const hmsActions = useHMSActions42();
   const vanillaStore = useHMSVanillaStore11();
-  const { enabled: isChatEnabled = true } = useHMSStore61(qS("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore61(zS("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia20(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -28361,13 +28377,13 @@ var Chat = () => {
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const scrollToBottom = useCallback31(
     (unreadCount = 0) => {
-      var _a9;
+      var _a8;
       if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
         const messagesCount = vanillaStore.getState(selectHMSMessagesCount);
-        (_a9 = listRef.current) == null ? void 0 : _a9.scrollToItem(messagesCount, "end");
+        (_a8 = listRef.current) == null ? void 0 : _a8.scrollToItem(messagesCount, "end");
         requestAnimationFrame(() => {
-          var _a10;
-          (_a10 = listRef.current) == null ? void 0 : _a10.scrollToItem(messagesCount, "end");
+          var _a9;
+          (_a9 = listRef.current) == null ? void 0 : _a9.scrollToItem(messagesCount, "end");
         });
         hmsActions.setMessageRead(true);
       }
@@ -28385,7 +28401,7 @@ var Chat = () => {
         gap: "$4"
       }
     },
-    isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && !streaming ? null : /* @__PURE__ */ React121.createElement(PinnedMessage, null),
+    isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && !streaming ? null : /* @__PURE__ */ React121.createElement(PinnedMessage, null),
     /* @__PURE__ */ React121.createElement(ChatBody, { ref: listRef, scrollToBottom }),
     /* @__PURE__ */ React121.createElement(Flex, { align: "center", css: { w: "100%", gap: "$2" } }, /* @__PURE__ */ React121.createElement(ChatPaused, null), /* @__PURE__ */ React121.createElement(ChatBlocked, null), streaming && (!isChatEnabled || isLocalPeerBlacklisted) && /* @__PURE__ */ React121.createElement(React121.Fragment, null, /* @__PURE__ */ React121.createElement(RaiseHand, { css: { bg: "$surface_default" } }), /* @__PURE__ */ React121.createElement(MoreSettings, { elements, screenType }))),
     isMobile && ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && !streaming ? /* @__PURE__ */ React121.createElement(PinnedMessage, null) : null,
@@ -28443,7 +28459,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore61(hS);
+  const unreadCount = useHMSStore61(TS);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -28534,8 +28550,8 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
   const { peers, total, hasNext, loadPeers, loadMorePeers } = usePaginatedParticipants2({ role: roleName, limit: 20 });
   const [search, setSearch] = useState53("");
   const filteredPeers = peers.filter((p) => {
-    var _a8;
-    return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
+    var _a7;
+    return (_a7 = p.name) == null ? void 0 : _a7.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
   });
   const isConnected = useHMSStore62(selectIsConnectedToRoom8);
   const [ref, { width }] = useMeasure2();
@@ -28574,11 +28590,11 @@ import React123 from "react";
 import { selectLocalPeer as selectLocalPeer7, selectSessionStore as selectSessionStore9, useHMSActions as useHMSActions43, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
 import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
 var ChatSettings = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const hmsActions = useHMSActions43();
   const localPeer = useHMSStore63(selectLocalPeer7);
   const { elements } = useRoomLayoutConferencingScreen();
-  const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
+  const canPauseChat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
   const { enabled: isChatEnabled = true } = useHMSStore63(selectSessionStore9("chatState" /* CHAT_STATE */)) || {};
   const showPause = canPauseChat && isChatEnabled;
   if (!showPause) {
@@ -28641,7 +28657,7 @@ var ParticipantCount2 = ({ count }) => {
   return count < 1e3 ? /* @__PURE__ */ React124.createElement("span", null, "(", count, ")") : /* @__PURE__ */ React124.createElement(Tooltip, { title: count }, /* @__PURE__ */ React124.createElement("span", null, "(", getFormattedCount(count), ")"));
 };
 var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = false }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const resetSidePane = useSidepaneReset();
@@ -28649,7 +28665,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const [activeRole, setActiveRole] = useState54("");
   const peerCount = useHMSStore64(selectPeerCount5);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
-  const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
+  const chat_title = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.chat_title) || "Chat";
   const showChat = !!(elements == null ? void 0 : elements.chat);
   const showParticipants = !!(elements == null ? void 0 : elements.participant_list);
   const hideTabs = !(showChat && showParticipants) || hideTab;
@@ -28975,11 +28991,11 @@ var MinimiseInset = () => {
   return /* @__PURE__ */ React126.createElement(React126.Fragment, null, /* @__PURE__ */ React126.createElement(StyledMenuTile.ItemButton, { className: dragClassName, css: spacingCSS, onClick: () => setMinimised(!minimised) }, /* @__PURE__ */ React126.createElement(ShrinkIcon, { height: 20, width: 20 }), /* @__PURE__ */ React126.createElement("span", null, minimised ? "Show" : "Minimise", " your video")));
 };
 var SimulcastLayers = ({ trackId }) => {
-  var _a8;
+  var _a7;
   const track = useHMSStore66(selectTrackByID2(trackId));
   const actions = useHMSActions44();
   const bg2 = useDropdownSelection();
-  if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
+  if (!((_a7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a7.length) || track.degraded || !track.enabled) {
     return null;
   }
   const currentLayer = track.layerDefinitions.find((layer) => layer.layer === track.layer);
@@ -29176,7 +29192,7 @@ var TileMenu = ({
   canMinimise,
   enableSpotlightingPeer = true
 }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const [open, setOpen] = useState55(false);
   const { theme: theme2 } = useTheme();
   const localPeerID = useHMSStore67(selectLocalPeerID11);
@@ -29184,7 +29200,7 @@ var TileMenu = ({
   const { removeOthers } = useHMSStore67(selectPermissions19) || {};
   const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
   const showSpotlight = enableSpotlightingPeer;
-  const isPrimaryVideoTrack = ((_a8 = useHMSStore67(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
+  const isPrimaryVideoTrack = ((_a7 = useHMSStore67(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
   const track = useHMSStore67(selectTrackByID3(videoTrackID));
   const audioTrack = useHMSStore67(selectTrackByID3(audioTrackID));
@@ -29452,7 +29468,7 @@ var VBCollection = ({
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
 var iconDims = { height: "40px", width: "40px" };
 var VBPicker = ({ backgroundMedia = [] }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const hmsActions = useHMSActions45();
   const localPeer = useHMSStore69(selectLocalPeer8);
@@ -29465,12 +29481,12 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const roomState = useHMSStore69(selectRoomState6);
   const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
   const isEffectsSupported = VBHandler.isEffectsSupported();
-  const isEffectsEnabled = useHMSStore69(AS);
-  const effectsKey = useHMSStore69(HS);
+  const isEffectsEnabled = useHMSStore69(LS);
+  const effectsKey = useHMSStore69(DS);
   const isMobile = useMedia24(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
-  const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-  const background = useHMSStore69(KS(APP_DATA.background));
+  const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
+  const background = useHMSStore69(JS(APP_DATA.background));
   const mediaList = backgroundMedia.map((media) => media.url || "");
   const pluginLoadingRef = useRef27(false);
   const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
@@ -29594,8 +29610,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
             icon: /* @__PURE__ */ React131.createElement(BlurPersonHighIcon, { style: iconDims }),
             value: HMSVirtualBackgroundTypes5.BLUR,
             onClick: () => __async(null, null, function* () {
-              var _a9;
-              yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(blurAmount);
+              var _a8;
+              yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
               hmsActions.setAppData(APP_DATA.background, HMSVirtualBackgroundTypes5.BLUR);
             }),
             supported: isBlurSupported
@@ -29626,8 +29642,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
           mediaURL,
           value: mediaURL,
           onClick: () => __async(null, null, function* () {
-            var _a9;
-            yield (_a9 = VBHandler) == null ? void 0 : _a9.setBackground(mediaURL);
+            var _a8;
+            yield (_a8 = VBHandler) == null ? void 0 : _a8.setBackground(mediaURL);
             hmsActions.setAppData(APP_DATA.background, mediaURL);
             if (isMobile) {
               toggleVB();
@@ -29741,11 +29757,11 @@ var SidePane = ({
   tileProps,
   hideControls = false
 }) => {
-  var _a8, _b7, _c, _d, _e, _f, _g2;
+  var _a7, _b7, _c, _d, _e, _f, _g;
   const isMobile = useMedia25(config.media.md);
   const sidepane = useHMSStore70(selectAppData8(APP_DATA.sidePane));
   const activeScreensharePeerId = useHMSStore70(selectAppData8(APP_DATA.activeScreensharePeerId));
-  const trackId = (_a8 = useHMSStore70(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
+  const trackId = (_a7 = useHMSStore70(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a7.id;
   const { elements } = useRoomLayoutConferencingScreen();
   const { elements: preview_elements } = useRoomLayoutPreviewScreen();
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
@@ -29764,7 +29780,7 @@ var SidePane = ({
     landscapeStream: isLandscapeHLSStream,
     mobileStream: isMobileHLSStream,
     hideControls,
-    overlayChat: !!((_g2 = elements == null ? void 0 : elements.chat) == null ? void 0 : _g2.is_overlay),
+    overlayChat: !!((_g = elements == null ? void 0 : elements.chat) == null ? void 0 : _g.is_overlay),
     roomDescription: sidepane === SIDE_PANE_OPTIONS.ROOM_DETAILS,
     virtualBackground: sidepane === SIDE_PANE_OPTIONS.VB
   };
@@ -29878,14 +29894,14 @@ var PreviewForm = ({
   cannotPublishVideo = false,
   cannotPublishAudio = false
 }) => {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   const formSubmit = (e) => {
     e.preventDefault();
   };
   const isMobile = useMedia26(config.media.md);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming10();
   const layout = useRoomLayout();
-  const { join_form: joinForm = {} } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
+  const { join_form: joinForm = {} } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
   const showGoLive = (joinForm == null ? void 0 : joinForm.join_btn_type) === JoinForm_JoinBtnType3.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE && !isHLSRunning && !isRTMPRunning && !isHLSRecordingOn && !isBrowserRecordingOn;
   return /* @__PURE__ */ React135.createElement(
     Form,
@@ -30191,10 +30207,10 @@ var RoleChangeRequestModal = () => {
     {
       title: "You're invited to join the stage",
       onOpenChange: (value) => __async(null, null, function* () {
-        var _a8;
+        var _a7;
         if (!value) {
           hmsActions.rejectChangeRole(roleChangeRequest);
-          sendEvent(__spreadProps(__spreadValues({}, roleChangeRequest), { peerName: name }), { peerId: (_a8 = roleChangeRequest.requestedBy) == null ? void 0 : _a8.id });
+          sendEvent(__spreadProps(__spreadValues({}, roleChangeRequest), { peerName: name }), { peerId: (_a7 = roleChangeRequest.requestedBy) == null ? void 0 : _a7.id });
           yield hmsActions.cancelMidCallPreview();
           yield hmsActions.lowerLocalPeerHand();
         }
@@ -30488,11 +30504,11 @@ var Grid = React143.forwardRef(
         }
       },
       tiles == null ? void 0 : tiles.map((tile) => {
-        var _a8, _b7, _c, _d;
+        var _a7, _b7, _c, _d;
         return /* @__PURE__ */ React143.createElement(
           VideoTile_default,
           __spreadValues({
-            key: ((_a8 = tile.track) == null ? void 0 : _a8.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
+            key: ((_a7 = tile.track) == null ? void 0 : _a7.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
             width: tile.width,
             height: tile.height,
             peerId: (_c = tile.peer) == null ? void 0 : _c.id,
@@ -30613,7 +30629,7 @@ var useTileLayout = ({
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
-  var _a8;
+  var _a7;
   const isMobile = useMedia31(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -30627,7 +30643,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     edgeToEdge
   });
   const [page, setPage] = useState60(0);
-  const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
+  const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
   useEffect48(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -30717,11 +30733,11 @@ var SecondarySection = ({
       })
     },
     tiles.map((tile) => {
-      var _a8, _b7, _c, _d;
+      var _a7, _b7, _c, _d;
       return /* @__PURE__ */ React145.createElement(
         VideoTile_default,
         __spreadValues({
-          key: ((_a8 = tile.track) == null ? void 0 : _a8.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
+          key: ((_a7 = tile.track) == null ? void 0 : _a7.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
           peerId: (_c = tile.peer) == null ? void 0 : _c.id,
           trackId: (_d = tile.track) == null ? void 0 : _d.id,
           rootCSS: __spreadProps(__spreadValues({
@@ -30746,14 +30762,14 @@ var ProminenceLayout = {
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const isMobile = useMedia32(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = useState61(0);
   const pinnedTrackId = useHMSStore74(selectAppData10(APP_DATA.pinnedTrackId));
   const spotlightPeerId = useHMSStore74(selectSessionStore12("spotlight" /* SPOTLIGHT */));
   const activeScreensharePeerId = useHMSStore74(selectAppData10(APP_DATA.activeScreensharePeerId));
-  const pinnedPeer = (_a8 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
+  const pinnedPeer = (_a7 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a7.peerId;
   const pageChangedAfterPinning = useRef29(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -30776,8 +30792,8 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   });
   const pageSize = ((_b7 = pagesWithTiles[0]) == null ? void 0 : _b7.length) || 0;
   useEffect49(() => {
-    var _a9;
-    if (peers.length > 0 && !((_a9 = pagesWithTiles[page]) == null ? void 0 : _a9.length)) {
+    var _a8;
+    if (peers.length > 0 && !((_a8 = pagesWithTiles[page]) == null ? void 0 : _a8.length)) {
       setPage(Math.max(0, page - 1));
     }
   }, [peers, page, pagesWithTiles]);
@@ -30851,7 +30867,7 @@ function RoleProminence({
   onPageSize,
   edgeToEdge
 }) {
-  var _a8;
+  var _a7;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
   const localPeer = useHMSStore75(selectLocalPeer11);
   const isMobile = useMedia33(config.media.md);
@@ -30866,7 +30882,7 @@ function RoleProminence({
     maxTileCount
   });
   const [page, setPage] = useState62(0);
-  const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
+  const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
   useEffect50(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -31149,7 +31165,7 @@ var ScreenshareTile_default = ScreenshareTile;
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-  var _a8;
+  var _a7;
   const peersSharing = useHMSStore77(selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const [page, setPage] = useState65(0);
@@ -31185,7 +31201,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setActiveScreenSharePeer("");
     };
   }, [activeSharePeer == null ? void 0 : activeSharePeer.id, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React151.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React151.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React151.createElement(ScreenshareTile_default, { peerId: (_a8 = peersSharing[page]) == null ? void 0 : _a8.id }), !edgeToEdge && /* @__PURE__ */ React151.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ React151.createElement(
+  return /* @__PURE__ */ React151.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React151.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React151.createElement(ScreenshareTile_default, { peerId: (_a7 = peersSharing[page]) == null ? void 0 : _a7.id }), !edgeToEdge && /* @__PURE__ */ React151.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ React151.createElement(
     SecondaryTiles,
     {
       peers: secondaryPeers,
@@ -31296,10 +31312,10 @@ var PeersSorter = class {
       this.listeners.add(cb);
     };
     this.stop = () => {
-      var _a8;
+      var _a7;
       this.updateListeners();
       this.listeners.clear();
-      (_a8 = this.storeUnsubscribe) == null ? void 0 : _a8.call(this);
+      (_a7 = this.storeUnsubscribe) == null ? void 0 : _a7.call(this);
       this.storeUnsubscribe = void 0;
       this.speaker = void 0;
     };
@@ -31319,8 +31335,8 @@ var PeersSorter = class {
       this.updateListeners();
     };
     this.onDominantSpeakerChange = (speaker) => {
-      var _a8;
-      if (!speaker || speaker.id === ((_a8 = this.speaker) == null ? void 0 : _a8.id)) {
+      var _a7;
+      if (!speaker || speaker.id === ((_a7 = this.speaker) == null ? void 0 : _a7.id)) {
         return;
       }
       if (!this.peers.has(speaker.id)) {
@@ -31572,7 +31588,7 @@ init_define_process_env();
 import React155, { memo } from "react";
 import { CrossIcon as CrossIcon27 } from "@100mslive/react-icons";
 function HlsStatsOverlay({ hlsStatsState, onClose }) {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   return /* @__PURE__ */ React155.createElement(
     Flex,
     {
@@ -31588,7 +31604,7 @@ function HlsStatsOverlay({ hlsStatsState, onClose }) {
       direction: "column"
     },
     /* @__PURE__ */ React155.createElement(IconButton_default, { css: { position: "absolute", top: "$2", right: "$2" }, onClick: onClose }, /* @__PURE__ */ React155.createElement(CrossIcon27, null)),
-    /* @__PURE__ */ React155.createElement(HlsStatsRow, { label: "Video size" }, ` ${(_a8 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _a8.width}x${(_b7 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _b7.height}`),
+    /* @__PURE__ */ React155.createElement(HlsStatsRow, { label: "Video size" }, ` ${(_a7 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _a7.width}x${(_b7 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _b7.height}`),
     /* @__PURE__ */ React155.createElement(HlsStatsRow, { label: "Buffer duration" }, (_c = hlsStatsState == null ? void 0 : hlsStatsState.bufferedDuration) == null ? void 0 : _c.toFixed(2), " "),
     /* @__PURE__ */ React155.createElement(HlsStatsRow, { label: "Connection speed" }, `${((hlsStatsState == null ? void 0 : hlsStatsState.bandwidthEstimate) / (1e3 * 1e3)).toFixed(2)} Mbps`),
     /* @__PURE__ */ React155.createElement(HlsStatsRow, { label: "Bitrate" }, `${((hlsStatsState == null ? void 0 : hlsStatsState.bitrate) / (1e3 * 1e3)).toFixed(2)} Mbps`),
@@ -31666,8 +31682,8 @@ var RightControls = styled(Flex, {
 // src/Prebuilt/components/HMSVideo/HMSVideo.jsx
 init_define_process_env();
 import React156, { forwardRef, useEffect as useEffect55, useState as useState67 } from "react";
-var HMSVideo = forwardRef((_a8, videoRef) => {
-  var _b7 = _a8, { children, isFullScreen } = _b7, props = __objRest(_b7, ["children", "isFullScreen"]);
+var HMSVideo = forwardRef((_a7, videoRef) => {
+  var _b7 = _a7, { children, isFullScreen } = _b7, props = __objRest(_b7, ["children", "isFullScreen"]);
   const [width, setWidth] = useState67("auto");
   useEffect55(() => {
     const updatingVideoWidth = () => {
@@ -31962,7 +31978,7 @@ var VideoProgress = ({
   const [bufferProgress, setBufferProgress] = useState68(0);
   const videoEl = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
   const setProgress = useCallback35(() => {
-    var _a8;
+    var _a7;
     if (!videoEl) {
       return;
     }
@@ -31970,7 +31986,7 @@ var VideoProgress = ({
     const videoProgress2 = Math.floor(getPercentage(videoEl.currentTime, duration));
     let bufferProgress2 = 0;
     if (videoEl.buffered.length > 0) {
-      bufferProgress2 = Math.floor(getPercentage((_a8 = videoEl.buffered) == null ? void 0 : _a8.end(0), duration));
+      bufferProgress2 = Math.floor(getPercentage((_a7 = videoEl.buffered) == null ? void 0 : _a7.end(0), duration));
     }
     if (!isNaN(videoProgress2)) {
       setVideoProgress(videoProgress2);
@@ -31996,13 +32012,13 @@ var VideoProgress = ({
     };
   }, [setProgress, timeupdateHandler, videoEl]);
   const onProgress = (progress) => {
-    var _a8;
+    var _a7;
     const progress1 = Math.floor(getPercentage(progress[0], 100));
     const videoEl2 = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
     if (!videoEl2) {
       return;
     }
-    const duration = isFinite(videoEl2.duration) ? videoEl2.duration : ((_a8 = videoEl2.seekable) == null ? void 0 : _a8.end(0)) || 0;
+    const duration = isFinite(videoEl2.duration) ? videoEl2.duration : ((_a7 = videoEl2.seekable) == null ? void 0 : _a7.end(0)) || 0;
     const currentTime = progress1 * duration / 100;
     hlsPlayer2 == null ? void 0 : hlsPlayer2.seekTo(currentTime);
     setProgress();
@@ -32100,9 +32116,9 @@ init_define_process_env();
 import React163, { useState as useState70 } from "react";
 import { VolumeOneIcon as VolumeOneIcon2, VolumeTwoIcon, VolumeZeroIcon } from "@100mslive/react-icons";
 var VolumeControl = () => {
-  var _a8;
+  var _a7;
   const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
-  const [volume, setVolume] = useState70((_a8 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a8 : 100);
+  const [volume, setVolume] = useState70((_a7 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a7 : 100);
   const [showSlider, setShowSlider] = useState70(false);
   return /* @__PURE__ */ React163.createElement(
     Flex,
@@ -32553,7 +32569,7 @@ var ToggleChat = ({ isFullScreen = false }) => {
   return null;
 };
 var HLSView = () => {
-  var _a8, _b7, _c, _d, _e, _f, _g2;
+  var _a7, _b7, _c, _d, _e, _f, _g;
   const videoRef = useRef31(null);
   const hlsViewRef = useRef31();
   const { elements } = useRoomLayoutConferencingScreen();
@@ -32564,7 +32580,7 @@ var HLSView = () => {
   const { themeType } = useTheme();
   const [streamEnded, setStreamEnded] = useState71(false);
   let [hlsStatsState, setHlsStatsState] = useState71(null);
-  const hlsUrl = (_a8 = hlsState.variants[0]) == null ? void 0 : _a8.url;
+  const hlsUrl = (_a7 = hlsState.variants[0]) == null ? void 0 : _a7.url;
   const [availableLayers, setAvailableLayers] = useState71([]);
   const [isVideoLive, setIsVideoLive] = useState71(true);
   const [isCaptionEnabled, setIsCaptionEnabled] = useState71(true);
@@ -32632,9 +32648,9 @@ var HLSView = () => {
   }, [hlsUrl]);
   const handleQuality = useCallback37(
     (quality) => {
-      var _a9;
+      var _a8;
       if (hlsPlayer) {
-        setIsUserSelectedAuto(((_a9 = quality.height) == null ? void 0 : _a9.toString().toLowerCase()) === "auto");
+        setIsUserSelectedAuto(((_a8 = quality.height) == null ? void 0 : _a8.toString().toLowerCase()) === "auto");
         hlsPlayer == null ? void 0 : hlsPlayer.setLayer(quality);
       }
     },
@@ -32650,9 +32666,9 @@ var HLSView = () => {
     const layerUpdatedHandler = ({ layer }) => {
       setCurrentSelectedQuality(layer);
     };
-    const metadataLoadedHandler = (_a9) => {
-      var _b8 = _a9, { payload } = _b8, rest = __objRest(_b8, ["payload"]);
-      var _a10;
+    const metadataLoadedHandler = (_a8) => {
+      var _b8 = _a8, { payload } = _b8, rest = __objRest(_b8, ["payload"]);
+      var _a9;
       const parsePayload = (str) => {
         try {
           return JSON.parse(str);
@@ -32697,7 +32713,7 @@ var HLSView = () => {
       }
       switch (parsedPayload.type) {
         case EMOJI_REACTION_TYPE:
-          (_a10 = window.showFlyingEmoji) == null ? void 0 : _a10.call(window, { emojiId: parsedPayload == null ? void 0 : parsedPayload.emojiId, senderId: parsedPayload == null ? void 0 : parsedPayload.senderId });
+          (_a9 = window.showFlyingEmoji) == null ? void 0 : _a9.call(window, { emojiId: parsedPayload == null ? void 0 : parsedPayload.emojiId, senderId: parsedPayload == null ? void 0 : parsedPayload.senderId });
           break;
         default: {
           const toast = {
@@ -32798,7 +32814,7 @@ var HLSView = () => {
   }, [controlsVisible, isFullScreen, seekProgress, qualityDropDownOpen]);
   const onSeekTo = useCallback37(
     (seek) => {
-      var _a9;
+      var _a8;
       match13({ isLandscape, isMobile, seek }).with({ seek: -10, isMobile: false, isLandscape: false }, () => {
         setHoverControlsVisible(__spreadProps(__spreadValues({}, hoverControlsVisible), { seekBackward: true }));
         setTimeout(() => {
@@ -32814,14 +32830,14 @@ var HLSView = () => {
           }));
         }, 1e3);
       }).otherwise(() => null);
-      hlsPlayer == null ? void 0 : hlsPlayer.seekTo(((_a9 = videoRef.current) == null ? void 0 : _a9.currentTime) + seek);
+      hlsPlayer == null ? void 0 : hlsPlayer.seekTo(((_a8 = videoRef.current) == null ? void 0 : _a8.currentTime) + seek);
     },
     [hoverControlsVisible, isLandscape, isMobile]
   );
   const onDoubleClickHandler = useCallback37(
     (event) => {
-      var _a9;
-      if (!(isMobile || isLandscape) || ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) !== HLSPlaylistType.DVR) {
+      var _a8;
+      if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== HLSPlaylistType.DVR) {
         return;
       }
       const sidePercentage = event.screenX * 100 / event.target.clientWidth;
@@ -32846,8 +32862,8 @@ var HLSView = () => {
     [hlsState == null ? void 0 : hlsState.variants, hoverControlsVisible, isLandscape, isMobile, onSeekTo]
   );
   const onClickHandler = useCallback37(() => __async(null, null, function* () {
-    var _a9;
-    match13({ isMobile, isLandscape, playlist_type: (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type }).with({ playlist_type: HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(null, null, function* () {
+    var _a8;
+    match13({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type: HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(null, null, function* () {
       if (isPaused) {
         yield hlsPlayer == null ? void 0 : hlsPlayer.play();
       } else {
@@ -32944,8 +32960,8 @@ var HLSView = () => {
           outline: "none"
         },
         onKeyDown: (event) => __async(null, null, function* () {
-          var _a9;
-          if (((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) === HLSPlaylistType.DVR) {
+          var _a8;
+          if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === HLSPlaylistType.DVR) {
             yield keyHandler(event);
           }
         }),
@@ -33117,7 +33133,7 @@ var HLSView = () => {
                 },
                 isVideoLive ? "LIVE" : "GO LIVE"
               )))
-            ), (isMobile || isLandscape) && !isVideoLive && ((_g2 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g2.playlist_type) === HLSPlaylistType.DVR ? /* @__PURE__ */ React169.createElement(HMSVideoPlayer.Duration, null) : null),
+            ), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) === HLSPlaylistType.DVR ? /* @__PURE__ */ React169.createElement(HMSVideoPlayer.Duration, null) : null),
             /* @__PURE__ */ React169.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ React169.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ React169.createElement(
               HLSQualitySelector,
               {
@@ -33227,7 +33243,7 @@ var SimpleQueue = class {
     this.storage = [];
   }
   enqueue(data3) {
-    var _a8;
+    var _a7;
     if (!data3.transcript.trim()) {
       return;
     }
@@ -33239,7 +33255,7 @@ var SimpleQueue = class {
       this.addTimeout(this.storage[this.size() - 1], data3.final);
       return;
     }
-    if (this.size() > 0 && ((_a8 = this.storage[this.size() - 1]) == null ? void 0 : _a8.final) === true) {
+    if (this.size() > 0 && ((_a7 = this.storage[this.size() - 1]) == null ? void 0 : _a7.final) === true) {
       this.storage.push(data3);
       this.addTimeout(this.storage[this.size() - 1], data3.final);
       return;
@@ -33372,11 +33388,11 @@ var CaptionsViewer = ({
   defaultPosition,
   setDefaultPosition
 }) => {
-  var _a8;
+  var _a7;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const isMobile = useMedia41(config.media.md);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
-  const showCaptionAtTop = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && isChatOpen && isMobile;
+  const showCaptionAtTop = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && isChatOpen && isMobile;
   const [captionQueue] = useState72(new CaptionMaintainerQueue());
   const [currentData, setCurrentData] = useState72([]);
   const isCaptionEnabled = useIsCaptionEnabled();
@@ -33384,11 +33400,11 @@ var CaptionsViewer = ({
   const nodeRef = useRef32(null);
   useEffect60(() => {
     const timeInterval = setInterval(() => {
-      var _a9;
+      var _a8;
       if (!captionQueue) {
         return;
       }
-      const data3 = (_a9 = captionQueue.captionData) == null ? void 0 : _a9.findPeerData();
+      const data3 = (_a8 = captionQueue.captionData) == null ? void 0 : _a8.findPeerData();
       setCurrentData(data3);
     }, 1e3);
     return () => clearInterval(timeInterval);
@@ -33468,7 +33484,7 @@ var VideoStreamingSection = ({
   elements,
   hideControls = false
 }) => {
-  var _a8;
+  var _a7;
   const localPeerRoleName = useHMSStore84(selectLocalPeerRoleName6);
   const isConnected = useHMSStore84(selectIsConnectedToRoom9);
   const isSharingScreen = useHMSStore84(selectIsLocalScreenShared2);
@@ -33546,8 +33562,8 @@ var VideoStreamingSection = ({
       ({ urlToIframe: urlToIframe2 }) => !!urlToIframe2,
       () => /* @__PURE__ */ React172.createElement(EmbedView, null)
     ).otherwise(() => {
-      var _a9;
-      return /* @__PURE__ */ React172.createElement(GridLayout, __spreadValues({}, (_a9 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a9.grid));
+      var _a8;
+      return /* @__PURE__ */ React172.createElement(GridLayout, __spreadValues({}, (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid));
     }),
     /* @__PURE__ */ React172.createElement(CaptionsViewer, { setDefaultPosition: setCaptionPosition, defaultPosition: captionPosition }),
     /* @__PURE__ */ React172.createElement(
@@ -33566,7 +33582,7 @@ var VideoStreamingSection = ({
         SidePane_default,
         {
           screenType,
-          tileProps: (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid,
+          tileProps: (_a7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a7.grid,
           hideControls
         }
       )
@@ -33817,7 +33833,7 @@ var PreviousRoleInMetadata = () => {
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 var ConferenceScreen = () => {
-  var _a8, _b7, _c, _d, _e, _f;
+  var _a7, _b7, _c, _d, _e, _f;
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -33829,7 +33845,7 @@ var ConferenceScreen = () => {
   const footerRef = useRef33(null);
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const { requestPermission } = useAwayNotifications3();
-  const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
+  const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
   const autoRoomJoined = useRef33(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
@@ -34085,8 +34101,8 @@ var Init = () => {
   }, [toggleTheme]);
   useEffect66(() => {
     function resetHeight() {
-      var _a8;
-      document.body.style.height = `${((_a8 = window.visualViewport) == null ? void 0 : _a8.height) || window.innerHeight}px`;
+      var _a7;
+      document.body.style.height = `${((_a7 = window.visualViewport) == null ? void 0 : _a7.height) || window.innerHeight}px`;
     }
     window.addEventListener("resize", resetHeight);
     resetHeight();
@@ -34281,8 +34297,8 @@ var FeedbackContent = ({
     }
     try {
       const reasons = [...selectedReasons].map((value) => {
-        var _a8, _b7;
-        return ((_b7 = (_a8 = ratings[indexSelected]) == null ? void 0 : _a8.reasons) == null ? void 0 : _b7[value]) || "";
+        var _a7, _b7;
+        return ((_b7 = (_a7 = ratings[indexSelected]) == null ? void 0 : _a7.reasons) == null ? void 0 : _b7[value]) || "";
       });
       yield hmsActions.submitSessionFeedback(
         {
@@ -34747,12 +34763,12 @@ var MwebLandscapePrompt = () => {
   const isLandscape = useMedia48(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect68(() => {
-    var _a8;
+    var _a7;
     if (!isMobileUserAgent) {
       setShowMwebLandscapePrompt(false);
       return;
     }
-    if (!((_a8 = window.screen) == null ? void 0 : _a8.orientation)) {
+    if (!((_a7 = window.screen) == null ? void 0 : _a7.orientation)) {
       setShowMwebLandscapePrompt(isLandscape && !isLandscapeHLSStream);
       return;
     }
@@ -34836,8 +34852,8 @@ var ChatNotifications = () => {
   const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
   const localPeerId = useHMSStore89(selectLocalPeerID15);
   useEffect69(() => {
-    var _a8, _b7;
-    if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
+    var _a7, _b7;
+    if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
       return;
     }
     const showToast = Date.now() - chatState.updatedAt < NOTIFICATION_TIME_DIFFERENCE;
@@ -35016,7 +35032,7 @@ var ChatAction = React188.forwardRef((_, ref) => {
   return /* @__PURE__ */ React188.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
 });
 var HandRaiseAction = React188.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   const hmsActions = useHMSActions54();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
@@ -35027,7 +35043,7 @@ var HandRaiseAction = React188.forwardRef(({ id = "", isSingleHandRaise = true }
     on_stage_role,
     off_stage_roles = [],
     skip_preview_for_role_change = false
-  } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
+  } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
   const onClickHandler = useCallback38(() => __async(null, null, function* () {
     if (isSingleHandRaise) {
       hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
@@ -35054,9 +35070,9 @@ var HandRaiseAction = React188.forwardRef(({ id = "", isSingleHandRaise = true }
 var ToastConfig = {
   PEER_JOINED: {
     single: function(notification) {
-      var _a8;
+      var _a7;
       return {
-        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} joined`,
+        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} joined`,
         icon: /* @__PURE__ */ React188.createElement(PeopleAddIcon4, null)
       };
     },
@@ -35069,9 +35085,9 @@ var ToastConfig = {
   },
   PEER_LEFT: {
     single: function(notification) {
-      var _a8;
+      var _a7;
       return {
-        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} left`,
+        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} left`,
         icon: /* @__PURE__ */ React188.createElement(PeopleRemoveIcon4, null)
       };
     },
@@ -35084,41 +35100,41 @@ var ToastConfig = {
   },
   RAISE_HAND: {
     single: (notification) => {
-      var _a8;
+      var _a7;
       return {
-        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
+        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
         icon: /* @__PURE__ */ React188.createElement(HandIcon6, null)
       };
     },
     multiple: (notifications) => {
-      var _a8;
+      var _a7;
       const count = new Set(notifications.map((notification) => {
-        var _a9;
-        return (_a9 = notification.data) == null ? void 0 : _a9.id;
+        var _a8;
+        return (_a8 = notification.data) == null ? void 0 : _a8.id;
       })).size;
       return {
-        title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
+        title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
         icon: /* @__PURE__ */ React188.createElement(HandIcon6, null)
       };
     }
   },
   RAISE_HAND_HLS: {
     single: (notification) => {
-      var _a8, _b7;
+      var _a7, _b7;
       return {
-        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
+        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
         icon: /* @__PURE__ */ React188.createElement(HandIcon6, null),
         action: /* @__PURE__ */ React188.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
       };
     },
     multiple: (notifications) => {
-      var _a8;
+      var _a7;
       const count = new Set(notifications.map((notification) => {
-        var _a9;
-        return (_a9 = notification.data) == null ? void 0 : _a9.id;
+        var _a8;
+        return (_a8 = notification.data) == null ? void 0 : _a8.id;
       })).size;
       return {
-        title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
+        title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
         icon: /* @__PURE__ */ React188.createElement(HandIcon6, null),
         action: /* @__PURE__ */ React188.createElement(HandRaiseAction, { isSingleHandRaise: false })
       };
@@ -35126,9 +35142,9 @@ var ToastConfig = {
   },
   NEW_MESSAGE: {
     single: (notification) => {
-      var _a8;
+      var _a7;
       return {
-        title: `New message from ${(_a8 = notification.data) == null ? void 0 : _a8.senderName}`,
+        title: `New message from ${(_a7 = notification.data) == null ? void 0 : _a7.senderName}`,
         icon: /* @__PURE__ */ React188.createElement(ChatUnreadIcon2, null),
         action: /* @__PURE__ */ React188.createElement(ChatAction, null)
       };
@@ -35227,7 +35243,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 var HandRaisedNotifications = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const notification = useHMSNotifications6(HMSNotificationTypes6.HAND_RAISE_CHANGED);
   const roomState = useHMSStore91(selectRoomState10);
   const vanillaStore = useHMSVanillaStore17();
@@ -35235,9 +35251,9 @@ var HandRaisedNotifications = () => {
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
   const amIScreenSharing = useHMSStore91(selectIsLocalScreenShared3);
   const { showNotification } = useAwayNotifications4();
-  const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
+  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
   useEffect73(() => {
-    var _a9;
+    var _a8;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -35247,7 +35263,7 @@ var HandRaisedNotifications = () => {
     const hasPeerHandRaised = vanillaStore.getState(selectHasPeerHandRaised4(notification.data.id));
     const peer = vanillaStore.getState(selectPeerByID6(notification.data.id));
     if (hasPeerHandRaised) {
-      const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a9 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a9.includes(peer.roleName));
+      const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a8 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a8.includes(peer.roleName));
       ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
       console.debug("Metadata updated", notification.data);
     }
@@ -35310,15 +35326,15 @@ init_define_process_env();
 import { useEffect as useEffect75 } from "react";
 import { useAwayNotifications as useAwayNotifications5, useHMSNotifications as useHMSNotifications8, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
 var MessageNotifications = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const notification = useHMSNotifications8(Hr.NEW_MESSAGE);
-  const amIScreenSharing = useHMSStore92(ss);
-  const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
+  const amIScreenSharing = useHMSStore92(as);
+  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
   const { showNotification } = useAwayNotifications5();
   useEffect75(() => {
-    var _a9;
-    if (notification && amIScreenSharing && !((_a9 = notification.data) == null ? void 0 : _a9.ignored) && !pipWindow) {
+    var _a8;
+    if (notification && amIScreenSharing && !((_a8 = notification.data) == null ? void 0 : _a8.ignored) && !pipWindow) {
       showNotification(`New message from ${notification.data.senderName}`, {
         body: notification.data.message,
         icon: logoURL
@@ -35517,7 +35533,7 @@ var ReconnectNotifications = () => {
   const notification = useHMSNotifications12(notificationTypes3);
   const prevErrorCode = useRef34(0);
   useEffect79(() => {
-    var _a8, _b7;
+    var _a7, _b7;
     if (!notification) {
       return;
     }
@@ -35527,7 +35543,7 @@ var ReconnectNotifications = () => {
         ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
       );
     } else if (notification.type === HMSNotificationTypes11.RECONNECTING) {
-      prevErrorCode.current = ((_a8 = notification.data) == null ? void 0 : _a8.code) || 0;
+      prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
       notificationId = ToastManager.replaceToast(
         notificationId,
         ToastConfig.RECONNECTING.single((_b7 = notification.data) == null ? void 0 : _b7.message)
@@ -35545,11 +35561,11 @@ var RoleChangeNotification = () => {
   const notification = useHMSNotifications13(HMSNotificationTypes12.ROLE_UPDATED);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   useEffect80(() => {
-    var _a8, _b7;
+    var _a7, _b7;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
-    if (((_a8 = notification.data) == null ? void 0 : _a8.isLocal) && ((_b7 = notification.data) == null ? void 0 : _b7.roleName)) {
+    if (((_a7 = notification.data) == null ? void 0 : _a7.isLocal) && ((_b7 = notification.data) == null ? void 0 : _b7.roleName)) {
       ToastManager.addToast({
         title: `You are now a ${notification.data.roleName}`
       });
@@ -35652,7 +35668,7 @@ var notificationTypes5 = [
 var TrackNotifications = () => {
   const notification = useHMSNotifications15(notificationTypes5);
   useEffect83(() => {
-    var _a8, _b7;
+    var _a7, _b7;
     if (notification) {
       switch (notification.type) {
         case HMSNotificationTypes14.TRACK_ADDED:
@@ -35663,7 +35679,7 @@ var TrackNotifications = () => {
           break;
         case HMSNotificationTypes14.CHANGE_TRACK_STATE_REQUEST:
           {
-            const track = (_a8 = notification.data) == null ? void 0 : _a8.track;
+            const track = (_a7 = notification.data) == null ? void 0 : _a7.track;
             if (!notification.data.enabled) {
               ToastManager.addToast({
                 title: `Your ${track.source} ${track.type} was muted by
@@ -35854,7 +35870,7 @@ init_define_process_env();
 import React198 from "react";
 import { useSearchParam } from "react-use";
 var PreviewScreen = () => {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const skipPreview = !isPreviewScreenEnabled;
   const previewAsRole = useSearchParam(QUERY_PARAM_PREVIEW_AS_ROLE);
@@ -35862,7 +35878,7 @@ var PreviewScreen = () => {
   const initialName = userName || (skipPreview ? "Beam" : "");
   const authToken = useAuthToken();
   const roomLayout = useRoomLayout();
-  const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a8 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
+  const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
   return /* @__PURE__ */ React198.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React198.createElement(
     Flex,
     {
@@ -35882,8 +35898,8 @@ import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as us
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
 import React199 from "react";
-var Toast2 = (_a8) => {
-  var _b7 = _a8, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
+var Toast2 = (_a7) => {
+  var _b7 = _a7, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
   return /* @__PURE__ */ React199.createElement(
     Toast.HMSToast,
     __spreadValues({
@@ -36177,7 +36193,7 @@ var HMSPrebuilt = React205.forwardRef(
     onLeave,
     onJoin
   }, ref) => {
-    var _a8, _b7, _c, _d;
+    var _a7, _b7, _c, _d;
     const reactiveStore = useRef37();
     const [hydrated, setHydrated] = React205.useState(false);
     useEffect89(() => {
@@ -36203,8 +36219,8 @@ var HMSPrebuilt = React205.forwardRef(
     }, [ref]);
     useEffect89(() => {
       return () => {
-        var _a9;
-        (_a9 = reactiveStore == null ? void 0 : reactiveStore.current) == null ? void 0 : _a9.hmsActions.leave();
+        var _a8;
+        (_a8 = reactiveStore == null ? void 0 : reactiveStore.current) == null ? void 0 : _a8.hmsActions.leave();
       };
     }, []);
     const endpointsObj = endpoints;
@@ -36252,16 +36268,16 @@ var HMSPrebuilt = React205.forwardRef(
         HMSRoomProvider,
         {
           isHMSStatsOn: FeatureFlags.enableStatsForNerds,
-          actions: (_a8 = reactiveStore.current) == null ? void 0 : _a8.hmsActions,
+          actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
           store: (_b7 = reactiveStore.current) == null ? void 0 : _b7.hmsStore,
           notifications: (_c = reactiveStore.current) == null ? void 0 : _c.hmsNotifications,
           stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
           leaveOnUnload
         },
         /* @__PURE__ */ React205.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React205.createElement(RoomLayoutContext.Consumer, null, (data3) => {
-          var _a9;
+          var _a8;
           const layout = data3 == null ? void 0 : data3.layout;
-          const theme2 = ((_a9 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a9[0]) || {};
+          const theme2 = ((_a8 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a8[0]) || {};
           const { typography: typography2 } = layout || {};
           let fontFamily = ["sans-serif"];
           if (typography2 == null ? void 0 : typography2.font_family) {
@@ -36475,7 +36491,7 @@ init_define_process_env();
 var import_prop_types = __toESM(require_prop_types());
 import React208, { useRef as useRef38, useState as useState87 } from "react";
 var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const [open, setOpen] = useState87(false);
   const ref = useRef38(null);
   return /* @__PURE__ */ React208.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React208.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React208.createElement(
@@ -36495,7 +36511,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
       {
         ref,
         icon,
-        title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.label) || "Select device from list",
+        title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
         open
       }
     ), /* @__PURE__ */ React208.createElement(Dropdown.Portal, null, /* @__PURE__ */ React208.createElement(
@@ -36540,11 +36556,11 @@ DeviceSelector2.propTypes = {
 // src/Diagnostics/AudioTest.tsx
 var SelectContainer = ({ children }) => /* @__PURE__ */ React209.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
 var MicTest = ({ setError }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const { hmsDiagnostics } = useDiagnostics();
   const devices = useHMSStore101(selectDevices);
   const [isRecording, setIsRecording] = useState88(false);
-  const [selectedMic, setSelectedMic] = useState88(((_a8 = devices.audioInput[0]) == null ? void 0 : _a8.deviceId) || "default");
+  const [selectedMic, setSelectedMic] = useState88(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
   const trackID = useHMSStore101(selectLocalAudioTrackID2);
   const audioLevel = useHMSStore101(selectTrackAudioByID2(trackID));
   const { audioOutputDeviceId } = useHMSStore101(selectLocalMediaSettings);
@@ -36621,7 +36637,7 @@ var MicTest = ({ setError }) => {
   ))));
 };
 var SpeakerTest = () => {
-  var _a8;
+  var _a7;
   const actions = useHMSActions61();
   const devices = useHMSStore101(selectDevices);
   const { audioOutputDeviceId } = useHMSStore101(selectLocalMediaSettings);
@@ -36633,7 +36649,7 @@ var SpeakerTest = () => {
     {
       title: "Speaker (Output)",
       devices: devices.audioOutput,
-      selection: audioOutputDeviceId || ((_a8 = devices.audioOutput[0]) == null ? void 0 : _a8.deviceId),
+      selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
       icon: /* @__PURE__ */ React209.createElement(SpeakerIcon5, null),
       onChange: (deviceId) => {
         actions.setAudioOutputDevice(deviceId);
@@ -36757,7 +36773,7 @@ var browserTypeIconInfo = {
 };
 var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React210.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React210.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React210.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React210.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React210.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React210.createElement(Text, null, value)));
 var BrowserTest = () => {
-  var _a8, _b7, _c, _d;
+  var _a7, _b7, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
   const [error, setError] = useState89();
   useEffect91(() => {
@@ -36772,7 +36788,7 @@ var BrowserTest = () => {
     CheckDetails,
     {
       title: "Browser",
-      iconURL: parsedUserAgent4.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a8 = parsedUserAgent4.getBrowser().name) == null ? void 0 : _a8.toLowerCase()]) == null ? void 0 : _b7.icon),
+      iconURL: parsedUserAgent4.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = parsedUserAgent4.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
       value: `${parsedUserAgent4.getBrowser().name} ${parsedUserAgent4.getBrowser().version}`
     }
   ), /* @__PURE__ */ React210.createElement(
@@ -36842,7 +36858,7 @@ var DetailedInfo = ({
   return /* @__PURE__ */ React211.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React211.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React211.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React211.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React211.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React211.createElement(Text, { variant: "caption" }, value)));
 };
 var MediaServerResult = ({ result }) => {
-  var _a8, _b7, _c, _d;
+  var _a7, _b7, _c, _d;
   return /* @__PURE__ */ React211.createElement(
     ConnectivityTestStepResult,
     {
@@ -36853,7 +36869,7 @@ var MediaServerResult = ({ result }) => {
       DetailedInfo,
       {
         title: "Media Captured",
-        value: ((_a8 = result == null ? void 0 : result.stats) == null ? void 0 : _a8.audio.bytesSent) ? "Yes" : "No",
+        value: ((_a7 = result == null ? void 0 : result.stats) == null ? void 0 : _a7.audio.bytesSent) ? "Yes" : "No",
         Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
       }
     ), /* @__PURE__ */ React211.createElement(
@@ -36901,13 +36917,13 @@ var ConnectivityTestReport = ({
   progress,
   startTest
 }) => {
-  var _a8, _b7, _c, _d;
+  var _a7, _b7, _c, _d;
   if (error) {
     return /* @__PURE__ */ React211.createElement(React211.Fragment, null, /* @__PURE__ */ React211.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React211.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React211.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React211.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React211.createElement(Footer3, { restart: startTest, error }));
   }
   if (result) {
     console.log(result);
-    return /* @__PURE__ */ React211.createElement(React211.Fragment, null, /* @__PURE__ */ React211.createElement(TestContainer, null, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React211.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React211.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React211.createElement(AudioStats, { stats: (_b7 = (_a8 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a8.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React211.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React211.createElement(Footer3, { result, restart: startTest, error }));
+    return /* @__PURE__ */ React211.createElement(React211.Fragment, null, /* @__PURE__ */ React211.createElement(TestContainer, null, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React211.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React211.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React211.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React211.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React211.createElement(Footer3, { result, restart: startTest, error }));
   }
   if (progress !== void 0) {
     return /* @__PURE__ */ React211.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React211.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React211.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React211.createElement(