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

package/dist/index.cjs.js

@@ -104,7 +104,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_612462e6-0665-4605-a260-26f993227289", 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", 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", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_612462e6-0665-4605-a260-26f993227289", 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", 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: "2041", ACTIONS_ORCHESTRATION_ID: "e62299ab-a6b8-4b23-9115-3cdf75f39558.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_612462e6-0665-4605-a260-26f993227289", 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:10105", 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", 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: "31622785188", 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: "0bea9e63f6501bae6109370f02b97e493e0c84c7", 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: "7226028610448725934", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJQZXJtaXNzaW9uXCI6M31dIiwiYWNzbCI6IjEwIiwiYXVkIjoidnNvOjVlMTJlMDA5LWRkMDEtNGNjYy05ZTg5LTQ1MjMwMjUwM2RiNSIsImJpbGxpbmdfb3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJleHAiOjE3ODY1Nzc5MDQsImh0dHA6Ly9zY2hlbWFzLm1pY3Jvc29mdC5jb20vd3MvMjAwOC8wNi9pZGVudGl0eS9jbGFpbXMvcHJpbWFyeXNpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL3NpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImlhdCI6MTc4NjU1NTcwNCwiaXNzIjoiaHR0cHM6Ly90b2tlbi5hY3Rpb25zLmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImpvYl9pZCI6IjY3ODljNmVlLTM0MTAtNTUyZS1hN2VlLWRiYmE1M2RlMTJlMCIsImpvYl93b3JrZmxvd19yZWYiOiIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9tYWluIiwiam9iX3dvcmtmbG93X3NoYSI6IjBiZWE5ZTYzZjY1MDFiYWU2MTA5MzcwZjAyYjk3ZTQ5M2UwYzg0YzciLCJuYW1laWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJuYmYiOjE3ODY1NTU0MDQsIm9pZGNfZXh0cmEiOiJ7XCJhY3RvclwiOlwicmF2aXRlamE4M1wiLFwiYWN0b3JfaWRcIjpcIjY3NjMyNjFcIixcImJhc2VfcmVmXCI6XCJcIixcImNoZWNrX3J1bl9pZFwiOlwiOTQyMDE1MjgxNzJcIixcImV2ZW50X25hbWVcIjpcIndvcmtmbG93X2Rpc3BhdGNoXCIsXCJoZWFkX3JlZlwiOlwiXCIsXCJqb2Jfd29ya2Zsb3dfcmVmXCI6XCIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9tYWluXCIsXCJqb2Jfd29ya2Zsb3dfc2hhXCI6XCIwYmVhOWU2M2Y2NTAxYmFlNjEwOTM3MGYwMmI5N2U0OTNlMGM4NGM3XCIsXCJyZWZcIjpcInJlZnMvaGVhZHMvbWFpblwiLFwicmVmX3Byb3RlY3RlZFwiOlwidHJ1ZVwiLFwicmVmX3R5cGVcIjpcImJyYW5jaFwiLFwicmVwb3NpdG9yeVwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzXCIsXCJyZXBvc2l0b3J5X2lkXCI6XCI0Mjk4MjY1MTVcIixcInJlcG9zaXRvcnlfb3duZXJcIjpcIjEwMG1zbGl2ZVwiLFwicmVwb3NpdG9yeV9vd25lcl9pZFwiOlwiNzM4ODMxMzFcIixcInJlcG9zaXRvcnlfdmlzaWJpbGl0eVwiOlwicHVibGljXCIsXCJydW5fYXR0ZW1wdFwiOlwiMVwiLFwicnVuX2lkXCI6XCIzMTYyMjc4NTE4OFwiLFwicnVuX251bWJlclwiOlwiODU1XCIsXCJydW5uZXJfZW52aXJvbm1lbnRcIjpcImdpdGh1Yi1ob3N0ZWRcIixcInNoYVwiOlwiMGJlYTllNjNmNjUwMWJhZTYxMDkzNzBmMDJiOTdlNDkzZTBjODRjN1wiLFwid29ya2Zsb3dcIjpcIlB1Ymxpc2ggUGFja2FnZXNcIixcIndvcmtmbG93X3JlZlwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvbWFpblwiLFwid29ya2Zsb3dfc2hhXCI6XCIwYmVhOWU2M2Y2NTAxYmFlNjEwOTM3MGYwMmI5N2U0OTNlMGM4NGM3XCJ9Iiwib2lkY19zdWIiOiJyZXBvOjEwMG1zbGl2ZS93ZWItc2RrczpyZWY6cmVmcy9oZWFkcy9tYWluIiwib3JjaF9pZCI6ImU2MjI5OWFiLWE2YjgtNGIyMy05MTE1LTNjZGY3NWYzOTU1OC5wdWJsaXNoX3BhY2thZ2VzLl9fZGVmYXVsdCIsIm93bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwicGxhbl9pZCI6ImU2MjI5OWFiLWE2YjgtNGIyMy05MTE1LTNjZGY3NWYzOTU1OCIsInJlcG9zaXRvcnlfaWQiOiI0Mjk4MjY1MTUiLCJyZXBvc2l0b3J5X293bmVyX2lkIjoiNzM4ODMxMzEiLCJyZXBvc2l0b3J5X3Zpc2liaWxpdHkiOiJwdWJsaWMiLCJydW5faWQiOiIzMTYyMjc4NTE4OCIsInJ1bl9udW1iZXIiOiI4NTUiLCJydW5fdHlwZSI6ImZ1bGwiLCJydW5uZXJfaWQiOiIxMDAwNTQyODQzIiwicnVubmVyX3R5cGUiOiJob3N0ZWQiLCJzY3AiOiJBY3Rpb25zLlJlc3VsdHM6ZTYyMjk5YWItYTZiOC00YjIzLTkxMTUtM2NkZjc1ZjM5NTU4OjY3ODljNmVlLTM0MTAtNTUyZS1hN2VlLWRiYmE1M2RlMTJlMCBBY3Rpb25zLlJ1bm5lcjplNjIyOTlhYi1hNmI4LTRiMjMtOTExNS0zY2RmNzVmMzk1NTg6Njc4OWM2ZWUtMzQxMC01NTJlLWE3ZWUtZGJiYTUzZGUxMmUwIEFjdGlvbnMuVXBsb2FkQXJ0aWZhY3RzOmU2MjI5OWFiLWE2YjgtNGIyMy05MTE1LTNjZGY3NWYzOTU1ODo2Nzg5YzZlZS0zNDEwLTU1MmUtYTdlZS1kYmJhNTNkZTEyZTAgZ2VuZXJhdGVfaWRfdG9rZW46ZTYyMjk5YWItYTZiOC00YjIzLTkxMTUtM2NkZjc1ZjM5NTU4OjY3ODljNmVlLTM0MTAtNTUyZS1hN2VlLWRiYmE1M2RlMTJlMCBBY3Rpb25zLkdlbmVyaWNSZWFkOjAwMDAwMDAwLTAwMDAtMDAwMC0wMDAwLTAwMDAwMDAwMDAwMCIsInNoYSI6IjBiZWE5ZTYzZjY1MDFiYWU2MTA5MzcwZjAyYjk3ZTQ5M2UwYzg0YzciLCJ0cnVzdF90aWVyIjoiMSJ9.wq0mtOHFsLyGqOWUEtB92CiEn4q9nV3LCiyh6mo3DT7NJThQVtmiPjRQIaQmY3UjkQPQ83cWYRd1bZtiSeNRQV8ESH2n4jPiceS3_ONj_S480L2y3H92DBA_dgv9WJ1L_Q1HSVEHHasLZwR_0NI_tlcISDw8hnB4Oi9YYgy37oqNvS7Z4quQefiMY8PU-XhFaxWjSo3lz9LBp_0wIife9d4s_QX_VckL7_F6fS8LinFUQffnW_8MPhqSS8b25W5JkUT5QFWF_malDfHFcMvybPm-jP2teShfAL5hWEixMV1HRY7WYVu-xp9VoeETOh51lhVW2uviKG_Wnnnuf5f7Bw", 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--1786555768535-0.12210463616606515:/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--1786555768356-0.059254905055990625:/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--1786555748482-0.9301772558760522:/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--1786555748281-0.15386985063149616:/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_4f430f3e-5265-4412-a2b0-fa33e92a523e", INVOCATION_ID: "36a1a78557764909b0aecd9ce2fb8b15", 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: "855", 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 1000542843", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "main", 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", 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", 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: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_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: "0bea9e63f6501bae6109370f02b97e493e0c84c7", 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/main", 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_612462e6-0665-4605-a260-26f993227289", 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-3-azure-eastus.actions.githubusercontent.com/131//idtoken/e62299ab-a6b8-4b23-9115-3cdf75f39558/6789c6ee-3410-552e-a7ee-dbba53de12e0?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_612462e6-0665-4605-a260-26f993227289", 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_612462e6-0665-4605-a260-26f993227289", 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_612462e6-0665-4605-a260-26f993227289", npm_package_resolutions_sass: "^1.83.0" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_ec97d53a-274c-4ba1-a0b4-f5d07a1bd189", 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.1", 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.1", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_ec97d53a-274c-4ba1-a0b4-f5d07a1bd189", 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.1", 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.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: "1797", ACTIONS_ORCHESTRATION_ID: "0f47035e-32f1-4ea9-b83a-713d8e2d349d.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: "20260823.283.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_ec97d53a-274c-4ba1-a0b4-f5d07a1bd189", 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:10056", 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.1", 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.14/x64", GITHUB_RUN_ID: "32864808331", 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: "7d6c204d5f78e65f0ffd8a9644a0038e1dcbc610", GOROOT_1_26_X64: "/opt/hostedtoolcache/go/1.26.7/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: "5133237578054729317", 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.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJQZXJtaXNzaW9uXCI6M30se1wiU2NvcGVcIjpcInJlZnMvaGVhZHMvbWFpblwiLFwiUGVybWlzc2lvblwiOjF9XSIsImFjc2wiOiIxMCIsImF1ZCI6InZzbzo1ZTEyZTAwOS1kZDAxLTRjY2MtOWU4OS00NTIzMDI1MDNkYjUiLCJiaWxsaW5nX293bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwiZXhwIjoxNzg3NjkzNDUxLCJodHRwOi8vc2NoZW1hcy5taWNyb3NvZnQuY29tL3dzLzIwMDgvMDYvaWRlbnRpdHkvY2xhaW1zL3ByaW1hcnlzaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9zaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJpYXQiOjE3ODc2NzEyNTEsImlzcyI6Imh0dHBzOi8vdG9rZW4uYWN0aW9ucy5naXRodWJ1c2VyY29udGVudC5jb20iLCJqb2JfaWQiOiIwNGY2NDNmMC00M2U5LTU4NzgtOWIwYS0xNDVjZWZlZWNkOGYiLCJqb2Jfd29ya2Zsb3dfcmVmIjoiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZSIsImpvYl93b3JrZmxvd19zaGEiOiI3ZDZjMjA0ZDVmNzhlNjVmMGZmZDhhOTY0NGEwMDM4ZTFkY2JjNjEwIiwibmFtZWlkIjoiZGRkZGRkZGQtZGRkZC1kZGRkLWRkZGQtZGRkZGRkZGRkZGRkIiwibmJmIjoxNzg3NjcwOTUxLCJvaWRjX2V4dHJhIjoie1wiYWN0b3JcIjpcInJhdml0ZWphODNcIixcImFjdG9yX2lkXCI6XCI2NzYzMjYxXCIsXCJiYXNlX3JlZlwiOlwiXCIsXCJjaGVja19ydW5faWRcIjpcIjk3ODU4NjkwNTQ0XCIsXCJldmVudF9uYW1lXCI6XCJ3b3JrZmxvd19kaXNwYXRjaFwiLFwiaGVhZF9yZWZcIjpcIlwiLFwiam9iX3dvcmtmbG93X3JlZlwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZVwiLFwiam9iX3dvcmtmbG93X3NoYVwiOlwiN2Q2YzIwNGQ1Zjc4ZTY1ZjBmZmQ4YTk2NDRhMDAzOGUxZGNiYzYxMFwiLFwicmVmXCI6XCJyZWZzL2hlYWRzL2NpL3JlbGVhc2VcIixcInJlZl9wcm90ZWN0ZWRcIjpcImZhbHNlXCIsXCJyZWZfdHlwZVwiOlwiYnJhbmNoXCIsXCJyZXBvc2l0b3J5XCI6XCIxMDBtc2xpdmUvd2ViLXNka3NcIixcInJlcG9zaXRvcnlfaWRcIjpcIjQyOTgyNjUxNVwiLFwicmVwb3NpdG9yeV9vd25lclwiOlwiMTAwbXNsaXZlXCIsXCJyZXBvc2l0b3J5X293bmVyX2lkXCI6XCI3Mzg4MzEzMVwiLFwicmVwb3NpdG9yeV92aXNpYmlsaXR5XCI6XCJwdWJsaWNcIixcInJ1bl9hdHRlbXB0XCI6XCIyXCIsXCJydW5faWRcIjpcIjMyODY0ODA4MzMxXCIsXCJydW5fbnVtYmVyXCI6XCI4NTdcIixcInJ1bm5lcl9lbnZpcm9ubWVudFwiOlwiZ2l0aHViLWhvc3RlZFwiLFwic2hhXCI6XCI3ZDZjMjA0ZDVmNzhlNjVmMGZmZDhhOTY0NGEwMDM4ZTFkY2JjNjEwXCIsXCJ3b3JrZmxvd1wiOlwiUHVibGlzaCBQYWNrYWdlc1wiLFwid29ya2Zsb3dfcmVmXCI6XCIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJ3b3JrZmxvd19zaGFcIjpcIjdkNmMyMDRkNWY3OGU2NWYwZmZkOGE5NjQ0YTAwMzhlMWRjYmM2MTBcIn0iLCJvaWRjX3N1YiI6InJlcG86MTAwbXNsaXZlL3dlYi1zZGtzOnJlZjpyZWZzL2hlYWRzL2NpL3JlbGVhc2UiLCJvcmNoX2lkIjoiMGY0NzAzNWUtMzJmMS00ZWE5LWI4M2EtNzEzZDhlMmQzNDlkLnB1Ymxpc2hfcGFja2FnZXMuX19kZWZhdWx0Iiwib3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJwbGFuX2lkIjoiMGY0NzAzNWUtMzJmMS00ZWE5LWI4M2EtNzEzZDhlMmQzNDlkIiwicmVwb3NpdG9yeV9pZCI6IjQyOTgyNjUxNSIsInJlcG9zaXRvcnlfb3duZXJfaWQiOiI3Mzg4MzEzMSIsInJlcG9zaXRvcnlfdmlzaWJpbGl0eSI6InB1YmxpYyIsInJ1bl9pZCI6IjMyODY0ODA4MzMxIiwicnVuX251bWJlciI6Ijg1NyIsInJ1bl90eXBlIjoiZnVsbCIsInJ1bm5lcl9pZCI6IjEwMDA1Njc0NzMiLCJydW5uZXJfdHlwZSI6Imhvc3RlZCIsInNjcCI6IkFjdGlvbnMuUmVzdWx0czowZjQ3MDM1ZS0zMmYxLTRlYTktYjgzYS03MTNkOGUyZDM0OWQ6MDRmNjQzZjAtNDNlOS01ODc4LTliMGEtMTQ1Y2VmZWVjZDhmIEFjdGlvbnMuUnVubmVyOjBmNDcwMzVlLTMyZjEtNGVhOS1iODNhLTcxM2Q4ZTJkMzQ5ZDowNGY2NDNmMC00M2U5LTU4NzgtOWIwYS0xNDVjZWZlZWNkOGYgQWN0aW9ucy5VcGxvYWRBcnRpZmFjdHM6MGY0NzAzNWUtMzJmMS00ZWE5LWI4M2EtNzEzZDhlMmQzNDlkOjA0ZjY0M2YwLTQzZTktNTg3OC05YjBhLTE0NWNlZmVlY2Q4ZiBnZW5lcmF0ZV9pZF90b2tlbjowZjQ3MDM1ZS0zMmYxLTRlYTktYjgzYS03MTNkOGUyZDM0OWQ6MDRmNjQzZjAtNDNlOS01ODc4LTliMGEtMTQ1Y2VmZWVjZDhmIEFjdGlvbnMuR2VuZXJpY1JlYWQ6MDAwMDAwMDAtMDAwMC0wMDAwLTAwMDAtMDAwMDAwMDAwMDAwIiwic2hhIjoiN2Q2YzIwNGQ1Zjc4ZTY1ZjBmZmQ4YTk2NDRhMDAzOGUxZGNiYzYxMCIsInRydXN0X3RpZXIiOiIxIn0.FLOUH66XrOc6IfyPa3ZtbLI_6jXRFo_IkarcS36lyDD2xwayIybFVtsnv4hhD_pl4ydqgCwAR6H11scLMquOypNBYY07Og_gCtzAaL-JRvSo7sTFzRtUH-vfslq5kJZ0TGE2n9T0mfyRha2mLuqbjvS-Xbd8AybBI2fx2k_lHFkKxZlzQrXAvpX-nwYSH0N6zdDl0cz4qfzb4lEY7DFFZLX88DJSh6NAIfJWNKEC6E1lWCqdzAAyJAR0H4bWjq73qGRoyFeiarAqyrqio1BfUbZAHvnspimE9ybxSLzVogaNWbBMgFdY9cgTVSkN-hLOU7v01H-WfpB7sSvKxpmzNw", 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--1787671324768-0.48946616094116613:/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--1787671324637-0.7939391329620816:/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--1787671308561-0.5289672772191981:/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--1787671308434-0.3075103868556419:/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_856228ba-6bae-4215-9e74-b0555944e719", INVOCATION_ID: "88592b4f63354cfa88b120c9a3ec405b", 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: "857", 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 1000567473", 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.1", 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.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions__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: "7d6c204d5f78e65f0ffd8a9644a0038e1dcbc610", GITHUB_RUN_ATTEMPT: "2", 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_ec97d53a-274c-4ba1-a0b4-f5d07a1bd189", 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-2-azure-eastus.actions.githubusercontent.com/49//idtoken/0f47035e-32f1-4ea9-b83a-713d8e2d349d/04f643f0-43e9-5878-9b0a-145cefeecd8f?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_ec97d53a-274c-4ba1-a0b4-f5d07a1bd189", 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_ec97d53a-274c-4ba1-a0b4-f5d07a1bd189", 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_ec97d53a-274c-4ba1-a0b4-f5d07a1bd189", npm_package_resolutions_sass: "^1.83.0" };
   }
 });
 
@@ -8006,7 +8006,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 {
@@ -8149,7 +8149,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;
             }
           }
@@ -9068,8 +9068,8 @@ init_define_process_env();
 // src/Loading/Loading.tsx
 init_define_process_env();
 var import_react5 = __toESM(require("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__ */ import_react5.default.createElement("svg", __spreadValues({ width: size, height: size, viewBox: "0 0 50 50", fill: color, xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ import_react5.default.createElement("circle", { cx: "25", cy: "25", r: "20", stroke: color, strokeWidth: "4", strokeDasharray: "70 30", fill: "none" }, /* @__PURE__ */ import_react5.default.createElement(
     "animateTransform",
     {
@@ -9250,8 +9250,8 @@ var StyledButton = styled("button", __spreadProps(__spreadValues({}, flexCenter)
     variant: "primary"
   }
 }));
-var Button = import_react6.default.forwardRef((_a8, ref) => {
-  var _b7 = _a8, { children, loading = false, icon } = _b7, buttonProps = __objRest(_b7, ["children", "loading", "icon"]);
+var Button = import_react6.default.forwardRef((_a7, ref) => {
+  var _b7 = _a7, { children, loading = false, icon } = _b7, buttonProps = __objRest(_b7, ["children", "loading", "icon"]);
   return /* @__PURE__ */ import_react6.default.createElement(StyledButton, __spreadProps(__spreadValues({}, buttonProps), { ref }), /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, loading && /* @__PURE__ */ import_react6.default.createElement(
     Flex,
     {
@@ -9479,11 +9479,11 @@ var import_react_icons = require("@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) => {
@@ -9549,8 +9549,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) {
@@ -9852,8 +9852,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__ */ import_react10.default.createElement(Arrow, __spreadValues({}, props), /* @__PURE__ */ import_react10.default.createElement(import_react_icons2.ChevronDownIcon, null));
 };
 var Select = {
@@ -9907,16 +9907,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__ */ import_react11.default.createElement(Root5, __spreadValues({}, props), /* @__PURE__ */ import_react11.default.createElement(Track2, null, /* @__PURE__ */ import_react11.default.createElement(Range2, null)), showTooltip ? /* @__PURE__ */ import_react11.default.createElement(Tooltip, { title: String((_a9 = props.value) == null ? void 0 : _a9[0]) }, /* @__PURE__ */ import_react11.default.createElement(Thumb3, { css: thumbStyles })) : /* @__PURE__ */ import_react11.default.createElement(Thumb3, { css: thumbStyles }));
+  var _a8;
+  return /* @__PURE__ */ import_react11.default.createElement(Root5, __spreadValues({}, props), /* @__PURE__ */ import_react11.default.createElement(Track2, null, /* @__PURE__ */ import_react11.default.createElement(Range2, null)), showTooltip ? /* @__PURE__ */ import_react11.default.createElement(Tooltip, { title: String((_a8 = props.value) == null ? void 0 : _a8[0]) }, /* @__PURE__ */ import_react11.default.createElement(Thumb3, { css: thumbStyles })) : /* @__PURE__ */ import_react11.default.createElement(Thumb3, { css: thumbStyles }));
 };
 
 // src/Modal/index.ts
@@ -10075,8 +10075,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, [
@@ -10085,13 +10085,13 @@ var PasswordShowIcon = (_a8) => {
   ]);
   return /* @__PURE__ */ import_react17.default.createElement(Flex, __spreadValues({ css: __spreadValues({}, css2) }, props), showPassword ? /* @__PURE__ */ import_react17.default.createElement(import_react_icons4.EyeOpenIcon, null) : /* @__PURE__ */ import_react17.default.createElement(import_react_icons4.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__ */ import_react17.default.createElement(Flex, __spreadValues({ css: __spreadValues({}, css2) }, props), /* @__PURE__ */ import_react17.default.createElement(import_react_icons4.CopyIcon, null));
 };
 var PasswordIcons = import_react17.default.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__ */ import_react17.default.createElement(
       Flex,
       __spreadValues({
@@ -10110,8 +10110,8 @@ var PasswordIcons = import_react17.default.forwardRef(
     );
   }
 );
-var ReactInput = import_react17.default.forwardRef((_a8, ref) => {
-  var _b7 = _a8, { showPassword = false, css: css2 } = _b7, props = __objRest(_b7, ["showPassword", "css"]);
+var ReactInput = import_react17.default.forwardRef((_a7, ref) => {
+  var _b7 = _a7, { showPassword = false, css: css2 } = _b7, props = __objRest(_b7, ["showPassword", "css"]);
   return /* @__PURE__ */ import_react17.default.createElement(
     Input,
     __spreadProps(__spreadValues({
@@ -10537,8 +10537,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 } = (0, import_react_sdk2.useVideo)({ trackId, attach });
   return /* @__PURE__ */ import_react18.default.createElement(StyledVideo, __spreadValues({ ref: videoRef }, props));
 };
@@ -10871,13 +10871,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 ? import_react_sdk6.selectHMSStats.localAudioTrackStatsByID : import_react_sdk6.selectHMSStats.trackStatsByID;
   const audioTrackStats = (0, import_react_sdk6.useHMSStatsStore)(audioSelector(audioTrackID));
   const localVideoTrackStats = (0, import_react_sdk6.useHMSStatsStore)(import_react_sdk6.selectHMSStats.localVideoTrackStatsByID(videoTrackID));
   const remoteVideoTrackStats = (0, import_react_sdk6.useHMSStatsStore)(import_react_sdk6.selectHMSStats.trackStatsByID(videoTrackID));
   const videoTrackStats = isLocal ? localVideoTrackStats == null ? void 0 : localVideoTrackStats[0] : remoteVideoTrackStats;
-  const downlinkScore = (_a8 = (0, import_react_sdk6.useHMSStore)((0, import_react_sdk6.selectConnectionQualityByPeerID)(peerID))) == null ? void 0 : _a8.downlinkQuality;
+  const downlinkScore = (_a7 = (0, import_react_sdk6.useHMSStore)((0, import_react_sdk6.selectConnectionQualityByPeerID)(peerID))) == null ? void 0 : _a7.downlinkQuality;
   const availableOutgoingBitrate = (0, import_react_sdk6.useHMSStatsStore)(import_react_sdk6.selectHMSStats.availablePublishBitrate);
   const qoe = useQoE({ videoTrackID, audioTrackID, isLocal });
   if (!(audioTrackStats || videoTrackStats)) {
@@ -10892,7 +10892,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;
     }
@@ -10902,7 +10902,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__ */ import_react22.default.createElement(
       StatsRow,
@@ -10981,7 +10981,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;
@@ -10990,7 +10990,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__ */ import_react22.default.createElement(
     StatsRow,
@@ -11203,8 +11203,8 @@ var ToastViewport = styled(ToastPrimitives.Viewport, {
 var DefaultClose = ({ css: css2 }) => {
   return /* @__PURE__ */ import_react23.default.createElement(ToastClose, { css: css2, asChild: true }, /* @__PURE__ */ import_react23.default.createElement(IconButton, null, /* @__PURE__ */ import_react23.default.createElement(import_react_icons5.CrossIcon, null)));
 };
-var HMSToast = (_a8) => {
-  var _b7 = _a8, {
+var HMSToast = (_a7) => {
+  var _b7 = _a7, {
     title,
     description,
     isClosable = true,
@@ -11289,13 +11289,13 @@ var StyledChevron = styled(import_react_icons6.ChevronUpIcon, {
 });
 var AccordionRoot = StyledAccordion;
 var AccordionItem = StyledItem;
-var AccordionHeader = import_react24.default.forwardRef((_a8, forwardedRef) => {
-  var _b7 = _a8, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
+var AccordionHeader = import_react24.default.forwardRef((_a7, forwardedRef) => {
+  var _b7 = _a7, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
   return /* @__PURE__ */ import_react24.default.createElement(StyledHeader, { css: css2 }, /* @__PURE__ */ import_react24.default.createElement(StyledTrigger3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children, /* @__PURE__ */ import_react24.default.createElement(StyledChevron, { "data-testid": chevronID, "aria-hidden": true, css: iconStyles })));
 });
 var AccordionContent = import_react24.default.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__ */ import_react24.default.createElement(StyledContent3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), /* @__PURE__ */ import_react24.default.createElement(Box, { css: contentStyles }, children));
   }
 );
@@ -11534,8 +11534,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] : import_react26.default.Fragment;
   const renderedIcon = icon ? /* @__PURE__ */ import_react26.default.createElement(Flex, { as: "span" }, /* @__PURE__ */ import_react26.default.createElement(Icon4, { height: 13.33, width: 13.33 }), " ") : null;
   return /* @__PURE__ */ import_react26.default.createElement(LinkComponent, __spreadProps(__spreadValues({}, rest), { color }), iconSide === "left" && renderedIcon, /* @__PURE__ */ import_react26.default.createElement(Text, { as: "span", variant: "body2", css: { color: "inherit" } }, children), iconSide === "right" && renderedIcon);
@@ -11684,8 +11684,8 @@ var useAuthToken = () => {
   return (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.authToken));
 };
 var useUrlToEmbed = () => {
-  var _a8;
-  return (_a8 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.embedConfig))) == null ? void 0 : _a8.url;
+  var _a7;
+  return (_a7 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.embedConfig))) == null ? void 0 : _a7.url;
 };
 var usePDFConfig = () => {
   return (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.pdfConfig));
@@ -11699,10 +11699,10 @@ var useResetEmbedConfig = () => {
   return () => setEmbedConfig();
 };
 var usePinnedTrack = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const pinnedTrackId = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.pinnedTrackId));
   const spotlightPeerId = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectSessionStore)("spotlight" /* SPOTLIGHT */));
-  const spotlightVideoTrackId = (_a8 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectVideoTrackByPeerID)(spotlightPeerId))) == null ? void 0 : _a8.id;
+  const spotlightVideoTrackId = (_a7 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectVideoTrackByPeerID)(spotlightPeerId))) == null ? void 0 : _a7.id;
   const spotlightAudioTrackId = (_b7 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAudioTrackByPeerID)(spotlightPeerId))) == null ? void 0 : _b7.id;
   return (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectTrackByID)(pinnedTrackId || spotlightVideoTrackId || spotlightAudioTrackId));
 };
@@ -11982,18 +11982,18 @@ var useFetchRoomLayout = ({
   const isFetchInProgress = (0, import_react31.useRef)(false);
   const setOriginalLayout = (0, import_react31.useCallback)(() => setLayout(originalLayout.current), []);
   const updateRoomLayoutForRole = (0, import_react31.useCallback)((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);
     }
   }, []);
   (0, import_react31.useEffect)(() => {
     (() => __async(null, null, function* () {
-      var _a8, _b7;
+      var _a7, _b7;
       if (isFetchInProgress.current || !authToken) {
         return;
       }
@@ -12011,7 +12011,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."
@@ -12051,16 +12051,16 @@ var RoomLayoutProvider = ({
   return /* @__PURE__ */ import_react32.default.createElement(RoomLayoutContext.Provider, { value: { layout: mergedLayout, updateRoomLayoutForRole, setOriginalLayout } }, children);
 };
 var useRoomLayout = () => {
-  var _a8;
-  return (_a8 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.layout;
+  var _a7;
+  return (_a7 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a7.layout;
 };
 var useUpdateRoomLayout = () => {
-  var _a8;
-  return (_a8 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.updateRoomLayoutForRole;
+  var _a7;
+  return (_a7 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a7.updateRoomLayoutForRole;
 };
 var useSetOriginalLayout = () => {
-  var _a8;
-  return (_a8 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.setOriginalLayout;
+  var _a7;
+  return (_a7 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a7.setOriginalLayout;
 };
 
 // src/Prebuilt/common/utils.js
@@ -12129,11 +12129,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;
         }
       );
     }
@@ -12154,20 +12154,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,
@@ -12176,10 +12176,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,
@@ -12188,25 +12188,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 } = (0, import_react_sdk9.useRecordingStreaming)();
   const peerCount = (0, import_react_sdk9.useHMSStore)(import_react_sdk9.selectPeerCount);
   const sessionStartedAt = (0, import_react_sdk9.useHMSStore)(import_react_sdk9.selectRoomStartTime);
   const hlsState = (0, import_react_sdk9.useHMSStore)(import_react_sdk9.selectHLSState);
   const details = (0, import_react33.useMemo)(() => {
-    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) {
@@ -12218,7 +12218,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
   };
@@ -12359,7 +12359,7 @@ var initialAppData = {
   [APP_DATA.noiseCancellation]: false
 };
 var AppData = import_react35.default.memo(() => {
-  var _a8, _b7, _c, _d;
+  var _a7, _b7, _c, _d;
   const hmsActions = (0, import_react_sdk11.useHMSActions)();
   const [preferences = {}] = useUserPreferences(UserPreferencesKeys.UI_SETTINGS);
   const appData = (0, import_react_sdk11.useHMSStore)(import_react_sdk11.selectFullAppData);
@@ -12370,14 +12370,14 @@ var AppData = import_react35.default.memo(() => {
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
   const isMobile = (0, import_react_use3.useMedia)(config.media.md);
   (0, import_react35.useEffect)(() => {
-    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 = (0, import_react35.useMemo)(() => {
-    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;
@@ -12402,11 +12402,11 @@ var AppData = import_react35.default.memo(() => {
     hmsActions.setAppData(APP_DATA.uiSettings, updatedSettings, true);
   }, [hmsActions, preferences]);
   (0, import_react35.useEffect)(() => {
-    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
     );
@@ -12531,41 +12531,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()) === import_hmsvbplugin.HMSVirtualBackgroundTypes.BLUR ? 1 : 0;
+        return ((_a7 = this.hmsPlugin) == null ? void 0 : _a7.getBackground()) === import_hmsvbplugin.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(import_hmsvbplugin.HMSVirtualBackgroundTypes.BLUR, import_hmsvbplugin.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;
@@ -12588,13 +12588,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(import_hmsvbplugin.HMSVirtualBackgroundTypes.NONE, import_hmsvbplugin.HMSVirtualBackgroundTypes.NONE);
       }
@@ -12613,11 +12613,11 @@ var VBPlugin = class {
       return false;
     };
     this.isEffectsSupported = () => {
-      var _a8, _b7;
+      var _a7, _b7;
       if (!isSafari) {
         return true;
       }
-      const browserVersion = ((_b7 = (_a8 = import_react_sdk12.parsedUserAgent) == null ? void 0 : _a8.getBrowser()) == null ? void 0 : _b7.version) || "16";
+      const browserVersion = ((_b7 = (_a7 = import_react_sdk12.parsedUserAgent) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
       if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
         return false;
       }
@@ -12856,12 +12856,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;
@@ -12910,10 +12910,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;
@@ -12963,7 +12963,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");
       }
@@ -12976,7 +12976,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);
@@ -13164,14 +13164,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;
@@ -13386,10 +13386,10 @@ var convertError = (error) => {
     body: `Endpoint is not reachable. ${error.description}.`
   })).otherwise(
     () => {
-      var _a8;
+      var _a7;
       return (
         // @ts-ignore
-        (0, import_ts_pattern3.match)((_a8 = error.response) == null ? void 0 : _a8.status).with(404, () => ({
+        (0, import_ts_pattern3.match)((_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, () => ({
@@ -13593,8 +13593,8 @@ var IconButtonWithOptions = ({
 // src/Prebuilt/components/MoreSettings/ActionTile.jsx
 init_define_process_env();
 var import_react41 = __toESM(require("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__ */ import_react41.default.createElement(
     Flex,
     __spreadProps(__spreadValues({}, props), {
@@ -13738,8 +13738,8 @@ var StyledContent6 = styled(DialogPrimitive2.Content, {
   }
 });
 var SheetContent = import_react42.default.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__ */ import_react42.default.createElement(Dialog.Portal, { container }, /* @__PURE__ */ import_react42.default.createElement(StyledOverlay, null), /* @__PURE__ */ import_react42.default.createElement(StyledContent6, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children));
   }
 );
@@ -13840,7 +13840,7 @@ var useDropdownSelection = () => {
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 var Settings = ({ setHide }) => {
-  var _a8;
+  var _a7;
   const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk15.useDevices)();
   const { videoInput, audioInput, audioOutput } = allDevices;
   const videoTrackId = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectLocalVideoTrackID);
@@ -13849,7 +13849,7 @@ var Settings = ({ setHide }) => {
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = (0, import_react_sdk15.selectVideoTrackByID)(videoTrackId);
   const track = (0, import_react_sdk15.useHMSStore)(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);
   }
@@ -13905,7 +13905,7 @@ var Settings = ({ setHide }) => {
   ) : null);
 };
 var DeviceSelector = ({ title, devices, selection, onChange, icon, children = null }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const [open, setOpen] = (0, import_react45.useState)(false);
   const selectionBg = useDropdownSelection();
   const ref = (0, import_react45.useRef)(null);
@@ -13940,7 +13940,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__ */ import_react45.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react45.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_b7 = ref.current) == null ? void 0 : _b7.clientWidth, zIndex: 1001 } }, devices.map((device) => {
@@ -13975,8 +13975,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
     },
@@ -14095,18 +14095,18 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
     }
   }, [screenType, hideSettingByTabName]);
   const [selection, setSelection] = (0, import_react47.useState)(() => {
-    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 = (0, import_react47.useCallback)(() => {
     setSelection("");
   }, []);
   (0, import_react47.useEffect)(() => {
-    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]);
@@ -14327,11 +14327,11 @@ var OptionLabel = ({ children, icon }) => {
   );
 };
 var useNoiseCancellationWithPlugin = () => {
-  var _a8;
+  var _a7;
   const actions = (0, import_react_sdk16.useHMSActions)();
   const [inProgress, setInProgress] = (0, import_react48.useState)(false);
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
-  const isEnabledForRoom = (_a8 = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoom)) == null ? void 0 : _a8.isNoiseCancellationEnabled;
+  const isEnabledForRoom = (_a7 = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
   const setNoiseCancellationWithPlugin = (0, import_react48.useCallback)(
     (enabled) => __async(null, null, function* () {
       if (!isEnabledForRoom || inProgress) {
@@ -14469,11 +14469,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__ */ import_react48.default.createElement(
@@ -14535,8 +14535,8 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   (0, import_react48.useEffect)(() => {
     (() => __async(null, null, function* () {
-      var _a8;
-      const isEnabledForRoom = (_a8 = vanillaStore.getState(import_react_sdk16.selectRoom)) == null ? void 0 : _a8.isNoiseCancellationEnabled;
+      var _a7;
+      const isEnabledForRoom = (_a7 = vanillaStore.getState(import_react_sdk16.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
       if (isEnabledForRoom && isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
         try {
           yield setNoiseCancellationWithPlugin(true);
@@ -14703,15 +14703,15 @@ var import_react_use7 = require("react-use");
 var import_join_form2 = require("@100mslive/types-prebuilt/elements/join_form");
 var import_react_sdk18 = require("@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) {
@@ -14720,20 +14720,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) === import_join_form2.JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE;
 };
 var useParticipants = (params) => {
-  var _a8;
+  var _a7;
   const isConnected = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectIsConnectedToRoom);
   const peerCount = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectPeerCount);
   const availableRoles = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectAvailableRoleNames);
   let participantList = (0, import_react_sdk18.useHMSStore)(isConnected ? import_react_sdk18.selectPeers : import_react_sdk18.selectRemotePeers);
   const rolesWithParticipants = Array.from(new Set(participantList.map((peer) => peer.roleName)));
   const vanillaStore = (0, import_react_sdk18.useHMSVanillaStore)();
-  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((0, import_react_sdk18.selectPeerMetadata)(peer.id)).isHandRaised;
     });
@@ -14852,9 +14852,9 @@ function useWaitingRoomInfo() {
   const isScreenOnlyPublishParams = screen && !(video || audio);
   const hasSubscribedRolePublishing = (0, import_react52.useMemo)(() => {
     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;
     });
@@ -14883,14 +14883,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;
@@ -15334,7 +15334,7 @@ var import_react_icons20 = require("@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 };
   }
@@ -15352,7 +15352,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
       };
     }
@@ -15372,18 +15372,18 @@ var SetupMediaSession = class {
       this.setUpHandlers();
     });
     __publicField(this, "initState", () => {
-      var _a8, _b7, _c, _d;
+      var _a7, _b7, _c, _d;
       const isMicActive = this.store.getState(import_react_sdk23.selectIsLocalAudioEnabled);
       const isCamActive = this.store.getState(import_react_sdk23.selectIsLocalVideoEnabled);
-      (_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);
       }, import_react_sdk23.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);
       }, import_react_sdk23.selectIsLocalVideoEnabled);
     });
     __publicField(this, "toggleMic", () => __async(this, null, function* () {
@@ -15459,7 +15459,7 @@ var ActivatedPIP = () => {
   const pinnedTrack = usePinnedTrack();
   (0, import_react60.useEffect)(() => {
     function subscribeToStore() {
-      var _a8, _b7;
+      var _a7, _b7;
       const unsubscribeTracks = store.subscribe((tracksMap) => {
         let pipPeers = store.getState(import_react_sdk24.selectPeers);
         if (pinnedTrack) {
@@ -15469,7 +15469,7 @@ var ActivatedPIP = () => {
           console.error("error in updating pip", err);
         });
       }, import_react_sdk24.selectTracksMap);
-      let lastShownMessageId = (_b7 = (_a8 = store.getState(import_react_sdk24.selectHMSMessages)) == null ? void 0 : _a8.slice(-1)[0]) == null ? void 0 : _b7.id;
+      let lastShownMessageId = (_b7 = (_a7 = store.getState(import_react_sdk24.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(import_react_sdk24.selectLocalPeerID));
@@ -15667,9 +15667,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] = (0, import_react65.useState)(false);
   const actions = (0, import_react_sdk27.useHMSActions)();
@@ -15858,7 +15858,7 @@ var import_react66 = __toESM(require("react"));
 var import_react_use10 = require("react-use");
 var import_empty_chat = __toESM(require("./empty-chat.svg"));
 var EmptyChat = () => {
-  var _a8;
+  var _a7;
   const { elements } = useRoomLayoutConferencingScreen();
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const isMobile = (0, import_react_use10.useMedia)(config.media.md);
@@ -15866,7 +15866,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__ */ import_react66.default.createElement(import_react66.default.Fragment, null);
+  if (isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && !streaming) return /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null);
   return /* @__PURE__ */ import_react66.default.createElement(
     Flex,
     {
@@ -15926,12 +15926,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));
@@ -16032,11 +16032,11 @@ var SenderName = styled(Text, {
 });
 var ChatMessage = import_react68.default.memo(
   ({ index, style = {}, message }) => {
-    var _a8, _b7, _c;
+    var _a7, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
     const rowRef = (0, import_react68.useRef)(null);
     const isMobile = (0, import_react_use11.useMedia)(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 = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectLocalPeerID);
     const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
@@ -16324,7 +16324,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 = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectHMSMessages);
   const localPeerID = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectLocalPeerID);
   const count = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectUnreadHMSMessagesCount);
@@ -16350,7 +16350,7 @@ var PIPChat = () => {
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk30.useHMSStore)((0, import_react_sdk30.selectSessionStore)("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 = (0, import_react69.useCallback)(() => {
     if (isLocalPeerBlacklisted) return "You've been blocked from sending messages";
@@ -16469,7 +16469,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__ */ import_react69.default.createElement("option", { key: role, value: role }, role)),
     ((_k = elements.chat) == null ? void 0 : _k.public_chat_enabled) ? /* @__PURE__ */ import_react69.default.createElement("option", { value: "Everyone" }, "Everyone") : ""
@@ -16582,11 +16582,11 @@ var RoleChangeContent = ({
   onOpenChange,
   isMobile = false
 }) => {
-  var _a8;
+  var _a7;
   const roles = (0, import_react_sdk31.useHMSStore)(import_react_sdk31.selectAvailableRoleNames).filter(
     (role) => role !== (peer == null ? void 0 : peer.roleName) && role !== "__internal_recorder"
   );
-  const [selectedRole, setRole] = (0, import_react71.useState)(((_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] = (0, import_react71.useState)(((_a7 = roles.filter((role) => role !== (peer == null ? void 0 : peer.roleName))) == null ? void 0 : _a7[0]) || (peer == null ? void 0 : peer.roleName));
   const hmsActions = (0, import_react_sdk31.useHMSActions)();
   const [open, setOpen] = (0, import_react71.useState)(false);
   const triggerRef = (0, import_react71.useRef)();
@@ -16640,14 +16640,14 @@ var RoleChangeContent = ({
         },
         /* @__PURE__ */ import_react71.default.createElement(Flex, { align: "center", justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react71.default.createElement(Text, null, selectedRole), open ? /* @__PURE__ */ import_react71.default.createElement(import_react_icons25.ChevronUpIcon, null) : /* @__PURE__ */ import_react71.default.createElement(import_react_icons25.ChevronDownIcon, null))
       ), /* @__PURE__ */ import_react71.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { zIndex: 1e3, w: "100%" } }, roles.map((role) => {
-        var _a9;
+        var _a8;
         return /* @__PURE__ */ import_react71.default.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
         );
@@ -16709,12 +16709,12 @@ var import_react_icons27 = require("@100mslive/react-icons");
 init_define_process_env();
 var import_react72 = __toESM(require("react"));
 var import_react_icons26 = require("@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__ */ import_react72.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react72.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react72.default.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ import_react72.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react72.default.createElement(Flex, { justify: "between" }, /* @__PURE__ */ import_react72.default.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon4 ? /* @__PURE__ */ import_react72.default.createElement(Flex, { css: __spreadValues(__spreadValues({ mr: "$2", color: "$on_primary_high" }, flexCenter), iconCSS) }, /* @__PURE__ */ import_react72.default.createElement(Icon4, null)) : null, /* @__PURE__ */ import_react72.default.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ import_react72.default.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ import_react72.default.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ import_react72.default.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__ */ import_react72.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react72.default.createElement(
     DialogContent,
     __spreadValues({
@@ -16758,8 +16758,8 @@ var DialogRow = ({ children, breakSm = false, css: css2, justify = "between" })
   }
   return /* @__PURE__ */ import_react72.default.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%"
@@ -16774,24 +16774,24 @@ var DialogCol = (_a8) => {
   }
   return /* @__PURE__ */ import_react72.default.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__ */ import_react72.default.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ import_react72.default.createElement(Label3, null, title), /* @__PURE__ */ import_react72.default.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ import_react72.default.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ import_react72.default.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__ */ import_react72.default.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 = (0, import_react72.useRef)();
   return /* @__PURE__ */ import_react72.default.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",
@@ -17000,7 +17000,7 @@ var import_react_use13 = require("react-use");
 var import_ts_pattern4 = require("ts-pattern");
 var import_react_sdk33 = require("@100mslive/react-sdk");
 var StatsForNerds = ({ open, onOpenChange }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const mediaQueryLg = config.media.md;
   const isMobile = (0, import_react_use13.useMedia)(mediaQueryLg);
   const tracksWithLabels = useTracksWithLabel();
@@ -17064,7 +17064,7 @@ var StatsForNerds = ({ open, onOpenChange }) => {
             open: openDropdown,
             ref
           }
-        ), /* @__PURE__ */ import_react75.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react75.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
+        ), /* @__PURE__ */ import_react75.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react75.default.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__ */ import_react75.default.createElement(
             Dropdown.Item,
@@ -17145,8 +17145,8 @@ var useTracksWithLabel = () => {
   const localPeerID = (0, import_react_sdk33.useHMSStore)(import_react_sdk33.selectLocalPeerID);
   const tracksWithLabels = (0, import_react75.useMemo)(
     () => 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(
@@ -17172,19 +17172,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 = (0, import_react_sdk33.useHMSStatsStore)(import_react_sdk33.selectHMSStats.localPeerStats);
+  const publishConnectionType = (0, import_react_sdk33.useHMSStatsStore)(import_react_sdk33.selectHMSStats.publishConnectionType);
+  const subscribeConnectionType = (0, import_react_sdk33.useHMSStatsStore)(import_react_sdk33.selectHMSStats.subscribeConnectionType);
   if (!stats) {
     return null;
   }
-  return /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Packets Lost", value: (_a8 = stats.subscribe) == null ? void 0 : _a8.packetsLost }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Jitter", value: `${(((_c = (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter) != null ? _c : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes((_d = stats.publish) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes((_e = stats.subscribe) == null ? void 0 : _e.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(
+  return /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Publish Connection", value: formatConnection(publishConnectionType, stats.publish) }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Subscribe Connection", value: formatConnection(subscribeConnectionType, stats.subscribe) }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Packets Lost", value: (_a7 = stats.subscribe) == null ? void 0 : _a7.packetsLost }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Jitter", value: `${(((_c = (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter) != null ? _c : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes((_d = stats.publish) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes((_e = stats.subscribe) == null ? void 0 : _e.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(
     StatsRow2,
     {
       label: "Available Outgoing Bitrate",
       value: formatBytes((_f = stats.publish) == null ? void 0 : _f.availableOutgoingBitrate, "b/s")
     }
-  ), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((_g2 = stats.publish) == null ? void 0 : _g2.bytesSent) }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes((_h = stats.subscribe) == null ? void 0 : _h.bytesReceived) }), /* @__PURE__ */ import_react75.default.createElement(
+  ), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((_g = stats.publish) == null ? void 0 : _g.bytesSent) }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes((_h = stats.subscribe) == null ? void 0 : _h.bytesReceived) }), /* @__PURE__ */ import_react75.default.createElement(
     StatsRow2,
     {
       label: "Round Trip Time",
@@ -17193,7 +17203,7 @@ var LocalPeerStats = () => {
   ));
 };
 var TrackStats = ({ trackID, layer, local }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const selector = (0, import_ts_pattern4.match)({ trackID, layer, local }).with(
     {
       layer: import_ts_pattern4.P.when((layer2) => !!layer2)
@@ -17205,7 +17215,7 @@ var TrackStats = ({ trackID, layer, local }) => {
     return null;
   }
   const inbound = stats.type.includes("inbound");
-  return /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Bitrate", value: formatBytes(stats.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Jitter", value: `${(((_b7 = (_a8 = stats.subscribe) == null ? void 0 : _a8.jitter) != null ? _b7 : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ import_react75.default.createElement(
+  return /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Bitrate", value: formatBytes(stats.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Jitter", value: `${(((_b7 = (_a7 = stats.subscribe) == null ? void 0 : _a7.jitter) != null ? _b7 : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ import_react75.default.createElement(
     StatsRow2,
     {
       label: inbound ? "Bytes Received" : "Bytes Sent",
@@ -17220,8 +17230,8 @@ var TrackStats = ({ trackID, layer, local }) => {
   ));
 };
 var DebugInfo = ({ details }) => {
-  var _a8;
-  return /* @__PURE__ */ import_react75.default.createElement(Accordion.Root, { type: "single", collapsible: true, css: { w: "100%" } }, /* @__PURE__ */ import_react75.default.createElement(Accordion.Item, { value: "Debug Info" }, /* @__PURE__ */ import_react75.default.createElement(Accordion.Header, null, /* @__PURE__ */ import_react75.default.createElement(Label3, { variant: "body2", css: { c: "$on_surface_high" } }, "Debug Info")), /* @__PURE__ */ import_react75.default.createElement(Accordion.Content, null, /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", mt: "$10", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Websocket URL", value: details == null ? void 0 : details.websocketURL }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Init Endpoint", value: details == null ? void 0 : details.initEndpoint }), /* @__PURE__ */ import_react75.default.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__ */ import_react75.default.createElement(Accordion.Root, { type: "single", collapsible: true, css: { w: "100%" } }, /* @__PURE__ */ import_react75.default.createElement(Accordion.Item, { value: "Debug Info" }, /* @__PURE__ */ import_react75.default.createElement(Accordion.Header, null, /* @__PURE__ */ import_react75.default.createElement(Label3, { variant: "body2", css: { c: "$on_surface_high" } }, "Debug Info")), /* @__PURE__ */ import_react75.default.createElement(Accordion.Content, null, /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", mt: "$10", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Websocket URL", value: details == null ? void 0 : details.websocketURL }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Init Endpoint", value: details == null ? void 0 : details.initEndpoint }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Enabled flags", value: (_a7 = details == null ? void 0 : details.enabledFlags) == null ? void 0 : _a7.join(", ") })))));
 };
 var StatsRow2 = import_react75.default.memo(({ label, value, css: css2 }) => /* @__PURE__ */ import_react75.default.createElement(Box, { css: __spreadValues({ bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" }, css2) }, /* @__PURE__ */ import_react75.default.createElement(
   Text,
@@ -17242,7 +17252,7 @@ var import_react76 = __toESM(require("react"));
 var import_react_sdk34 = require("@100mslive/react-sdk");
 var import_react_icons29 = require("@100mslive/react-icons");
 var BulkRoleChangeModal = ({ onOpenChange }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const roles = useFilteredRoles();
   const hmsActions = (0, import_react_sdk34.useHMSActions)();
   const ref = (0, import_react76.useRef)(null);
@@ -17293,7 +17303,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
     /* @__PURE__ */ import_react76.default.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);
@@ -18200,8 +18210,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];
@@ -18210,7 +18220,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];
@@ -19610,17 +19620,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;
@@ -19674,10 +19684,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)]
@@ -19828,19 +19838,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;
   }
@@ -19862,9 +19872,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
@@ -19894,8 +19904,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) {
@@ -20153,7 +20163,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;
@@ -20169,35 +20179,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) {
@@ -20286,8 +20296,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();
@@ -21740,15 +21750,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;
@@ -22022,26 +22032,26 @@ var ei = __toESM(require_lib());
 var import_eventemitter24 = __toESM(require("eventemitter2"));
 var import_uuid9 = require("uuid");
 var import_uuid10 = require("uuid");
-var Pn = Object.defineProperty;
-var bn = Object.defineProperties;
-var In = Object.getOwnPropertyDescriptors;
+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) {
@@ -22064,19 +22074,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", 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.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist"], 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 };
 }
@@ -22086,7 +22096,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) {
@@ -22095,7 +22105,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) {
@@ -22106,8 +22116,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);
@@ -22172,7 +22182,7 @@ var l = class {
     }
   }
 };
-l.level = wn ? 7 : 0;
+l.level = Dn ? 7 : 0;
 var Cr = new UAParser();
 var Pt = null;
 var Lr = null;
@@ -22189,28 +22199,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) {
@@ -22268,7 +22278,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 = "") {
@@ -22330,7 +22340,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 = "") {
@@ -22402,21 +22412,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;
     }
@@ -22437,23 +22447,23 @@ var ve = class {
   }
 };
 var hi = () => {
-  let a2, e = new ve("hms-analytics-deviceId"), t = e.get();
+  let a2, e = new Me("hms-analytics-deviceId"), t = e.get();
   return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), 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() };
@@ -22574,7 +22584,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]";
   }
@@ -22620,13 +22630,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;
@@ -22664,7 +22674,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]";
@@ -22691,43 +22701,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 = () => (0, import_uuid7.v4)();
 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;
@@ -22739,110 +22753,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);
 }
@@ -22912,123 +22926,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");
@@ -23037,16 +23051,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");
@@ -23055,51 +23069,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 = "";
@@ -23115,7 +23129,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);
@@ -23140,7 +23154,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);
@@ -23166,66 +23180,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
 var import_react_sdk41 = require("@100mslive/react-sdk");
@@ -23251,7 +23267,7 @@ var getRecordingText = ({
   return title.join(delimiter);
 };
 var LiveStatus = () => {
-  var _a8;
+  var _a7;
   const { isHLSRunning, isRTMPRunning } = (0, import_react_sdk41.useRecordingStreaming)();
   const hlsState = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectHLSState);
   const isMobile = (0, import_react_use15.useMedia)(config.media.md);
@@ -23260,8 +23276,8 @@ var LiveStatus = () => {
   const [liveTime, setLiveTime] = (0, import_react88.useState)(0);
   const startTimer = (0, import_react88.useCallback)(() => {
     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());
       }
@@ -23295,7 +23311,7 @@ var LiveStatus = () => {
       }
     },
     /* @__PURE__ */ import_react88.default.createElement(Box, { css: { w: "$4", h: "$4", r: "$round", bg: "$alert_error_default", mr: "$2" } }),
-    /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", gap: "2" }, /* @__PURE__ */ import_react88.default.createElement(Text, { variant: !isMobile ? "button" : "body2" }, "LIVE"), /* @__PURE__ */ import_react88.default.createElement(Text, { variant: "caption" }, ((_a8 = hlsState == null ? void 0 : hlsState.variants) == null ? void 0 : _a8.length) > 0 && isHLSRunning ? formatTime(liveTime) : ""))
+    /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", gap: "2" }, /* @__PURE__ */ import_react88.default.createElement(Text, { variant: !isMobile ? "button" : "body2" }, "LIVE"), /* @__PURE__ */ import_react88.default.createElement(Text, { variant: "caption" }, ((_a7 = hlsState == null ? void 0 : hlsState.variants) == null ? void 0 : _a7.length) > 0 && isHLSRunning ? formatTime(liveTime) : ""))
   );
 };
 var RecordingStatus = () => {
@@ -23333,7 +23349,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRecordingState);
-  if (recording.hls && recording.hls.state === zs.PAUSED) {
+  if (recording.hls && recording.hls.state === Ys.PAUSED) {
     return /* @__PURE__ */ import_react88.default.createElement(
       Tooltip,
       {
@@ -23452,8 +23468,8 @@ var ChangeNameContent = ({
   (0, import_react89.useEffect)(() => {
     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]);
@@ -23622,7 +23638,7 @@ init_define_process_env();
 var import_react92 = require("react");
 var import_react_sdk44 = require("@100mslive/react-sdk");
 var useUnreadPollQuizPresent = () => {
-  const localPeerID = (0, import_react_sdk44.useHMSStore)(Ae);
+  const localPeerID = (0, import_react_sdk44.useHMSStore)(Re);
   const notification = (0, import_react_sdk44.useHMSNotifications)(import_react_sdk44.HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = (0, import_react92.useState)(false);
   (0, import_react92.useEffect)(() => {
@@ -24450,9 +24466,9 @@ var VBToggle = () => {
   const hmsActions = (0, import_react_sdk48.useHMSActions)();
   const { toggleVideo } = (0, import_react_sdk48.useAVToggle)();
   (0, import_react103.useEffect)(() => {
-    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, import_hmsvbplugin2.HMSVirtualBackgroundTypes.NONE);
     }
   }, [hmsActions, toggleVideo]);
@@ -24569,8 +24585,8 @@ var ConnectionIndicator = ({
   isTile = false,
   hideBg = false
 }) => {
-  var _a8;
-  const downlinkQuality = (_a8 = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectConnectionQualityByPeerID)(peerId))) == null ? void 0 : _a8.downlinkQuality;
+  var _a7;
+  const downlinkQuality = (_a7 = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectConnectionQualityByPeerID)(peerId))) == null ? void 0 : _a7.downlinkQuality;
   const peerType = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectPeerTypeByID)(peerId));
   const { theme: theme2 } = useTheme();
   const defaultColor = theme2.colors.on_surface_low;
@@ -24635,8 +24651,8 @@ var import_react106 = __toESM(require("react"));
 var import_react_sdk51 = require("@100mslive/react-sdk");
 var import_react_icons45 = require("@100mslive/react-icons");
 var RemoveParticipant = ({ peerId }) => {
-  var _a8;
-  const canRemoveOthers = (_a8 = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions)) == null ? void 0 : _a8.removeOthers;
+  var _a7;
+  const canRemoveOthers = (_a7 = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions)) == null ? void 0 : _a7.removeOthers;
   const localPeerId = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectLocalPeerID);
   const actions = (0, import_react_sdk51.useHMSActions)();
   if (peerId === localPeerId || !canRemoveOthers) {
@@ -24733,11 +24749,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;
@@ -24803,7 +24819,7 @@ init_define_process_env();
 var import_ts_pattern8 = require("ts-pattern");
 var import_react_sdk53 = require("@100mslive/react-sdk");
 var useGroupOnStageActions = ({ peers }) => {
-  var _a8;
+  var _a7;
   const hmsActions = (0, import_react_sdk53.useHMSActions)();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -24813,7 +24829,7 @@ var useGroupOnStageActions = ({ peers }) => {
     off_stage_roles = [],
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
-  const canChangeRole = (_a8 = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectPermissions)) == null ? void 0 : _a8.changeRole;
+  const canChangeRole = (_a7 = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectPermissions)) == null ? void 0 : _a7.changeRole;
   const offStageRolePeers = peers.filter(
     (peer) => (0, import_ts_pattern8.match)({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
       {
@@ -24852,8 +24868,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 = import_react108.default.memo(
   ({ index, data: data3, style }) => {
@@ -24998,7 +25014,7 @@ init_define_process_env();
 var import_react110 = require("react");
 var import_react_sdk56 = require("@100mslive/react-sdk");
 var usePeerOnStageActions = ({ peerId, role }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const hmsActions = (0, import_react_sdk56.useHMSActions)();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -25009,7 +25025,7 @@ var usePeerOnStageActions = ({ peerId, role }) => {
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
   const isInStage = role === on_stage_role;
-  const canChangeRole = (_a8 = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPermissions)) == null ? void 0 : _a8.changeRole;
+  const canChangeRole = (_a7 = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPermissions)) == 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 = (0, import_react_sdk56.useHMSStore)((0, import_react_sdk56.selectPeerMetadata)(peerId))) == null ? void 0 : _b7.prevRole;
   const [open, setOpen] = (0, import_react110.useState)(false);
@@ -25240,9 +25256,9 @@ var ParticipantActions = import_react111.default.memo(
     role,
     isHandRaisedAccordion
   }) => {
-    var _a8, _b7;
+    var _a7, _b7;
     const isHandRaised = (0, import_react_sdk57.useHMSStore)((0, import_react_sdk57.selectHasPeerHandRaised)(peerId));
-    const canChangeRole = (_a8 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a8.changeRole;
+    const canChangeRole = (_a7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a7.changeRole;
     const canRemoveOthers = (_b7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _b7.removeOthers;
     const { elements } = useRoomLayoutConferencingScreen();
     const { on_stage_exp } = elements || {};
@@ -25297,7 +25313,7 @@ var HandRaisedAccordionParticipantActions = ({ peerId, role }) => {
   return /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ import_react111.default.createElement(import_react_icons48.CrossIcon, { height: 18, width: 18 })), !isInStage && /* @__PURE__ */ import_react111.default.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ import_react111.default.createElement(import_react_icons48.AddIcon, { height: 18, width: 18 })));
 };
 var ParticipantMoreActions = ({ peerId, role }) => {
-  var _a8;
+  var _a7;
   const {
     open,
     setOpen,
@@ -25307,7 +25323,7 @@ var ParticipantMoreActions = ({ peerId, role }) => {
     isInStage,
     shouldShowStageRoleChange
   } = usePeerOnStageActions({ peerId, role });
-  const canChangeRole = !!((_a8 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a8.changeRole);
+  const canChangeRole = !!((_a7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a7.changeRole);
   const [openRoleChangeModal, setOpenRoleChangeModal] = (0, import_react111.useState)(false);
   const roles = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectAvailableRoleNames);
   return /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(Dropdown.Root, { open, onOpenChange: (value) => setOpen(value), modal: false }, /* @__PURE__ */ import_react111.default.createElement(
@@ -25460,9 +25476,9 @@ var Footer2 = ({
   screenType,
   elements
 }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const isMobile = (0, import_react_use21.useMedia)(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) === import_chat.Chat_ChatState.CHAT_STATE_OPEN;
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
@@ -25824,11 +25840,11 @@ var PrevMenu = () => {
   const polls = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectPolls);
   const sortedPolls = (0, import_react118.useMemo)(
     () => {
-      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]
   );
@@ -26017,13 +26033,13 @@ var MultipleChoiceOptions = ({
     setSelectedOptions(newSelected);
   };
   return /* @__PURE__ */ import_react124.default.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
-    var _a8;
+    var _a7;
     return /* @__PURE__ */ import_react124.default.createElement(Flex, { align: "center", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ import_react124.default.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",
@@ -26168,7 +26184,7 @@ var QuestionForm = ({
   removeQuestion,
   isQuiz
 }) => {
-  var _a8;
+  var _a7;
   const ref = (0, import_react126.useRef)(null);
   const selectionBg = useDropdownSelection();
   const [openDelete, setOpenDelete] = (0, import_react126.useState)(false);
@@ -26240,7 +26256,7 @@ var QuestionForm = ({
       },
       open
     }
-  ), /* @__PURE__ */ import_react126.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react126.default.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__ */ import_react126.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react126.default.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__ */ import_react126.default.createElement(
       Dropdown.Item,
       {
@@ -26382,11 +26398,11 @@ var SavedQuestion = ({
   length,
   convertToDraft
 }) => {
-  var _a8;
+  var _a7;
   const answerArray = (0, import_react127.useMemo)(() => {
-    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);
     }
@@ -26395,7 +26411,7 @@ var SavedQuestion = ({
     }
     return updatedAnswerArray;
   }, [question == null ? void 0 : question.answer]);
-  return /* @__PURE__ */ import_react127.default.createElement(import_react127.default.Fragment, null, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a8 = question.options) == null ? void 0 : _a8.map((option, index2) => /* @__PURE__ */ import_react127.default.createElement(Flex, { key: `${option.text}-${index2}`, css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ import_react127.default.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(import_react_icons58.CheckCircleIcon, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ import_react127.default.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ import_react127.default.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
+  return /* @__PURE__ */ import_react127.default.createElement(import_react127.default.Fragment, null, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a7 = question.options) == null ? void 0 : _a7.map((option, index2) => /* @__PURE__ */ import_react127.default.createElement(Flex, { key: `${option.text}-${index2}`, css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ import_react127.default.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(import_react_icons58.CheckCircleIcon, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ import_react127.default.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ import_react127.default.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
 };
 
 // src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
@@ -26406,14 +26422,14 @@ var getEditableFormat = (questions) => {
   return editableQuestions;
 };
 function CreateQuestions() {
-  var _a8, _b7, _c, _d;
+  var _a7, _b7, _c, _d;
   const actions = (0, import_react_sdk62.useHMSActions)();
   const { isHLSRunning } = (0, import_react_sdk62.useRecordingStreaming)();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
   const interaction = (0, import_react_sdk62.useHMSStore)((0, import_react_sdk62.selectPollByID)(id));
   const [questions, setQuestions] = (0, import_react128.useState)(
-    ((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: (0, import_uuid11.v4)() }]
+    ((_a7 = interaction.questions) == null ? void 0 : _a7.length) ? getEditableFormat(interaction.questions) : [{ draftID: (0, import_uuid11.v4)() }]
   );
   const isValidPoll = (0, import_react128.useMemo)(() => questions.length > 0 && questions.every(isValidQuestion), [questions]);
   const launchPoll = () => __async(null, null, function* () {
@@ -26608,13 +26624,13 @@ var useQuizSummary = (quizID) => {
   const [calculations, setCalculations] = (0, import_react131.useState)({ maxPossibleScore: 0, totalResponses: 0 });
   (0, import_react131.useEffect)(() => {
     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);
@@ -26640,8 +26656,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 ? [
     {
@@ -26673,7 +26689,7 @@ var PeerParticipationSummary = ({ quiz }) => {
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 var LeaderboardSummary = ({ pollID }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const quiz = (0, import_react_sdk65.useHMSStore)((0, import_react_sdk65.selectPollByID)(pollID));
   const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
   const [viewAllEntries, setViewAllEntries] = (0, import_react133.useState)(false);
@@ -26681,7 +26697,7 @@ var LeaderboardSummary = ({ pollID }) => {
   const toggleSidepane = useSidepaneToggle();
   if (!quiz || !quizLeaderboard)
     return /* @__PURE__ */ import_react133.default.createElement(Flex, { align: "center", justify: "center", css: { size: "100%" } }, /* @__PURE__ */ import_react133.default.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__ */ import_react133.default.createElement(Container3, { rounded: true }, /* @__PURE__ */ import_react133.default.createElement(Flex, { direction: "column", css: { size: "100%", p: "$8" } }, /* @__PURE__ */ import_react133.default.createElement(Flex, { justify: "between", align: "center", css: { pb: "$6", borderBottom: "1px solid $border_bright", mb: "$8" } }, /* @__PURE__ */ import_react133.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react133.default.createElement(
     Flex,
     {
@@ -26941,14 +26957,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__ */ import_react135.default.createElement(import_react135.default.Fragment, null, isQuiz && isStopped ? /* @__PURE__ */ import_react135.default.createElement(PeerParticipationSummary, { quiz: poll }) : null, (_a8 = poll.questions) == null ? void 0 : _a8.map((question, index) => {
-    var _a9;
+  return /* @__PURE__ */ import_react135.default.createElement(import_react135.default.Fragment, null, isQuiz && isStopped ? /* @__PURE__ */ import_react135.default.createElement(PeerParticipationSummary, { quiz: poll }) : null, (_a7 = poll.questions) == null ? void 0 : _a7.map((question, index) => {
+    var _a8;
     return /* @__PURE__ */ import_react135.default.createElement(
       QuestionCard2,
       {
@@ -26961,7 +26977,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,
@@ -26980,9 +26996,9 @@ var TimedView = ({
   localPeerResponses,
   updateSavedResponses
 }) => {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   const [currentIndex, setCurrentIndex] = (0, import_react136.useState)(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;
   (0, import_react136.useEffect)(() => {
     setCurrentIndex(getIndexToShow(localPeerResponses));
@@ -26991,7 +27007,7 @@ var TimedView = ({
     return null;
   }
   return /* @__PURE__ */ import_react136.default.createElement(import_react136.default.Fragment, null, poll.questions.map((question) => {
-    var _a9;
+    var _a8;
     return attemptedAll || (activeQuestion == null ? void 0 : activeQuestion.index) === question.index ? /* @__PURE__ */ import_react136.default.createElement(
       QuestionCard2,
       {
@@ -27004,7 +27020,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,
@@ -27048,9 +27064,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;
           });
         }
@@ -27165,9 +27181,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] = (0, import_react139.useState)(false);
   (0, import_react139.useEffect)(() => {
     if (hideImage) {
@@ -27284,8 +27300,8 @@ var SelectorItem = ({
   icon = void 0
 }) => {
   const isMobile = (0, import_react_use22.useMedia)(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__ */ import_react143.default.createElement(Flex, __spreadProps(__spreadValues({}, rest), { css: __spreadValues({ p: "$6 $8" }, rest.css) }), children);
   };
   return /* @__PURE__ */ import_react143.default.createElement(
@@ -27412,11 +27428,11 @@ var VirtualizedSelectItemList = ({
   return /* @__PURE__ */ import_react143.default.createElement(Dropdown.Group, { css: { overflowY: "auto", maxHeight: "$64", bg: "$surface_default" } }, listItems.map((item, index) => /* @__PURE__ */ import_react143.default.createElement(Box, { key: index }, item)));
 };
 var ChatSelector = ({ role, peerId }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
   const peers = (0, import_react_sdk69.useHMSStore)(import_react_sdk69.selectRemotePeers);
   const [search, setSearch] = (0, import_react143.useState)("");
-  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__ */ import_react143.default.createElement(import_react143.default.Fragment, null, peers.length > 0 && isPrivateChatEnabled && /* @__PURE__ */ import_react143.default.createElement(Box, { css: { px: "$4" } }, /* @__PURE__ */ import_react143.default.createElement(ParticipantSearch, { onSearch: setSearch, placeholder: "Search for participants" })), /* @__PURE__ */ import_react143.default.createElement(
     VirtualizedSelectItemList,
@@ -27432,11 +27448,11 @@ var ChatSelector = ({ role, peerId }) => {
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 var ChatSelectorContainer = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const [open, setOpen] = (0, import_react144.useState)(false);
   const isMobile = (0, import_react_use23.useMedia)(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);
@@ -27577,8 +27593,8 @@ var useEmojiPickerStyles = (showing) => {
   (0, import_react146.useEffect)(() => {
     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 {
@@ -27648,13 +27664,13 @@ function EmojiPicker({ onSelect }) {
   )));
 }
 var ChatFooter = ({ onSend, children }) => {
-  var _a8, _b7, _c, _d, _e;
+  var _a7, _b7, _c, _d, _e;
   const hmsActions = (0, import_react_sdk71.useHMSActions)();
   const inputRef = (0, import_react147.useRef)(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = (0, import_react_use24.useMedia)(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 = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectLocalPeer);
   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);
@@ -27667,11 +27683,11 @@ var ChatFooter = ({ onSend, children }) => {
   const [messageLengthExceeded, setMessageLengthExceeded] = (0, import_react147.useState)(false);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   (0, import_react147.useEffect)(() => {
-    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();
       }
     }
@@ -27690,8 +27706,8 @@ var ChatFooter = ({ onSend, children }) => {
     }
   }, []);
   const sendMessage = (0, import_react147.useCallback)(() => __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;
     }
@@ -27860,10 +27876,10 @@ init_define_process_env();
 var import_react149 = __toESM(require("react"));
 var import_react_sdk72 = require("@100mslive/react-sdk");
 var ChatPaused = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const hmsActions = (0, import_react_sdk72.useHMSActions)();
   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 = "" } = (0, import_react_sdk72.useHMSStore)((0, import_react_sdk72.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
   const localPeer = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectLocalPeer);
   const unPauseChat = (0, import_react149.useCallback)(
@@ -27972,13 +27988,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 = (0, import_react_sdk73.useHMSStore)((0, import_react_sdk73.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = (0, import_react152.useState)(0);
   const { removePinnedMessage } = usePinnedMessages();
   const isMobile = (0, import_react_use25.useMedia)(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] = (0, import_react152.useState)(true);
   const currentPinnedMessage = ((_b7 = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _b7.text) || "";
   const canOverflow = currentPinnedMessage.length > PINNED_MESSAGE_LENGTH;
@@ -28087,12 +28103,12 @@ var PinnedMessage = () => {
 
 // src/Prebuilt/components/Chat/Chat.tsx
 var Chat = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const listRef = (0, import_react153.useRef)(null);
   const hmsActions = (0, import_react_sdk74.useHMSActions)();
   const vanillaStore = (0, import_react_sdk74.useHMSVanillaStore)();
-  const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(qS("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(zS("chatState" /* CHAT_STATE */)) || {};
   const isMobile = (0, import_react_use26.useMedia)(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -28100,13 +28116,13 @@ var Chat = () => {
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const scrollToBottom = (0, import_react153.useCallback)(
     (unreadCount = 0) => {
-      var _a9;
+      var _a8;
       if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
         const messagesCount = vanillaStore.getState(import_react_sdk74.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);
       }
@@ -28124,7 +28140,7 @@ var Chat = () => {
         gap: "$4"
       }
     },
-    isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && !streaming ? null : /* @__PURE__ */ import_react153.default.createElement(PinnedMessage, null),
+    isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && !streaming ? null : /* @__PURE__ */ import_react153.default.createElement(PinnedMessage, null),
     /* @__PURE__ */ import_react153.default.createElement(ChatBody, { ref: listRef, scrollToBottom }),
     /* @__PURE__ */ import_react153.default.createElement(Flex, { align: "center", css: { w: "100%", gap: "$2" } }, /* @__PURE__ */ import_react153.default.createElement(ChatPaused, null), /* @__PURE__ */ import_react153.default.createElement(ChatBlocked, null), streaming && (!isChatEnabled || isLocalPeerBlacklisted) && /* @__PURE__ */ import_react153.default.createElement(import_react153.default.Fragment, null, /* @__PURE__ */ import_react153.default.createElement(RaiseHand, { css: { bg: "$surface_default" } }), /* @__PURE__ */ import_react153.default.createElement(MoreSettings, { elements, screenType }))),
     isMobile && ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && !streaming ? /* @__PURE__ */ import_react153.default.createElement(PinnedMessage, null) : null,
@@ -28182,7 +28198,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = (0, import_react_sdk74.useHMSStore)(hS);
+  const unreadCount = (0, import_react_sdk74.useHMSStore)(TS);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -28273,8 +28289,8 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
   const { peers, total, hasNext, loadPeers, loadMorePeers } = (0, import_react_sdk75.usePaginatedParticipants)({ role: roleName, limit: 20 });
   const [search, setSearch] = (0, import_react154.useState)("");
   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 = (0, import_react_sdk75.useHMSStore)(import_react_sdk75.selectIsConnectedToRoom);
   const [ref, { width }] = (0, import_react_use27.useMeasure)();
@@ -28313,11 +28329,11 @@ var import_react155 = __toESM(require("react"));
 var import_react_sdk76 = require("@100mslive/react-sdk");
 var import_react_icons73 = require("@100mslive/react-icons");
 var ChatSettings = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const hmsActions = (0, import_react_sdk76.useHMSActions)();
   const localPeer = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectLocalPeer);
   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 } = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
   const showPause = canPauseChat && isChatEnabled;
   if (!showPause) {
@@ -28380,7 +28396,7 @@ var ParticipantCount2 = ({ count }) => {
   return count < 1e3 ? /* @__PURE__ */ import_react156.default.createElement("span", null, "(", count, ")") : /* @__PURE__ */ import_react156.default.createElement(Tooltip, { title: count }, /* @__PURE__ */ import_react156.default.createElement("span", null, "(", getFormattedCount(count), ")"));
 };
 var SidePaneTabs = import_react156.default.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();
@@ -28388,7 +28404,7 @@ var SidePaneTabs = import_react156.default.memo(({ active = SIDE_PANE_OPTIONS.CH
   const [activeRole, setActiveRole] = (0, import_react156.useState)("");
   const peerCount = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectPeerCount);
   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;
@@ -28668,11 +28684,11 @@ var MinimiseInset = () => {
   return /* @__PURE__ */ import_react158.default.createElement(import_react158.default.Fragment, null, /* @__PURE__ */ import_react158.default.createElement(StyledMenuTile.ItemButton, { className: dragClassName, css: spacingCSS, onClick: () => setMinimised(!minimised) }, /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.ShrinkIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react158.default.createElement("span", null, minimised ? "Show" : "Minimise", " your video")));
 };
 var SimulcastLayers = ({ trackId }) => {
-  var _a8;
+  var _a7;
   const track = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectTrackByID)(trackId));
   const actions = (0, import_react_sdk79.useHMSActions)();
   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);
@@ -28869,7 +28885,7 @@ var TileMenu = ({
   canMinimise,
   enableSpotlightingPeer = true
 }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const [open, setOpen] = (0, import_react159.useState)(false);
   const { theme: theme2 } = useTheme();
   const localPeerID = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectLocalPeerID);
@@ -28877,7 +28893,7 @@ var TileMenu = ({
   const { removeOthers } = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectPermissions) || {};
   const { setVolume, toggleAudio, toggleVideo } = (0, import_react_sdk80.useRemoteAVToggle)(audioTrackID, videoTrackID);
   const showSpotlight = enableSpotlightingPeer;
-  const isPrimaryVideoTrack = ((_a8 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
+  const isPrimaryVideoTrack = ((_a7 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
   const track = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(videoTrackID));
   const audioTrack = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(audioTrackID));
@@ -29135,7 +29151,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 = (0, import_react_sdk82.useHMSActions)();
   const localPeer = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeer);
@@ -29148,12 +29164,12 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const roomState = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoomState);
   const isLargeRoom = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLargeRoom);
   const isEffectsSupported = VBHandler.isEffectsSupported();
-  const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(AS);
-  const effectsKey = (0, import_react_sdk82.useHMSStore)(HS);
+  const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(LS);
+  const effectsKey = (0, import_react_sdk82.useHMSStore)(DS);
   const isMobile = (0, import_react_use32.useMedia)(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
-  const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-  const background = (0, import_react_sdk82.useHMSStore)(KS(APP_DATA.background));
+  const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
+  const background = (0, import_react_sdk82.useHMSStore)(JS(APP_DATA.background));
   const mediaList = backgroundMedia.map((media) => media.url || "");
   const pluginLoadingRef = (0, import_react163.useRef)(false);
   const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
@@ -29277,8 +29293,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
             icon: /* @__PURE__ */ import_react163.default.createElement(import_react_icons79.BlurPersonHighIcon, { style: iconDims }),
             value: import_hmsvbplugin4.HMSVirtualBackgroundTypes.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, import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR);
             }),
             supported: isBlurSupported
@@ -29309,8 +29325,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();
@@ -29424,11 +29440,11 @@ var SidePane = ({
   tileProps,
   hideControls = false
 }) => {
-  var _a8, _b7, _c, _d, _e, _f, _g2;
+  var _a7, _b7, _c, _d, _e, _f, _g;
   const isMobile = (0, import_react_use33.useMedia)(config.media.md);
   const sidepane = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectAppData)(APP_DATA.sidePane));
   const activeScreensharePeerId = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectAppData)(APP_DATA.activeScreensharePeerId));
-  const trackId = (_a8 = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
+  const trackId = (_a7 = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a7.id;
   const { elements } = useRoomLayoutConferencingScreen();
   const { elements: preview_elements } = useRoomLayoutPreviewScreen();
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
@@ -29447,7 +29463,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
   };
@@ -29561,14 +29577,14 @@ var PreviewForm = ({
   cannotPublishVideo = false,
   cannotPublishAudio = false
 }) => {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   const formSubmit = (e) => {
     e.preventDefault();
   };
   const isMobile = (0, import_react_use34.useMedia)(config.media.md);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk84.useRecordingStreaming)();
   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) === import_join_form3.JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE && !isHLSRunning && !isRTMPRunning && !isHLSRecordingOn && !isBrowserRecordingOn;
   return /* @__PURE__ */ import_react167.default.createElement(
     Form,
@@ -29874,10 +29890,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();
         }
@@ -30151,11 +30167,11 @@ var Grid = import_react175.default.forwardRef(
         }
       },
       tiles == null ? void 0 : tiles.map((tile) => {
-        var _a8, _b7, _c, _d;
+        var _a7, _b7, _c, _d;
         return /* @__PURE__ */ import_react175.default.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,
@@ -30272,7 +30288,7 @@ var useTileLayout = ({
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
-  var _a8;
+  var _a7;
   const isMobile = (0, import_react_use39.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -30286,7 +30302,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     edgeToEdge
   });
   const [page, setPage] = (0, import_react177.useState)(0);
-  const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
+  const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
   (0, import_react177.useEffect)(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -30376,11 +30392,11 @@ var SecondarySection = ({
       })
     },
     tiles.map((tile) => {
-      var _a8, _b7, _c, _d;
+      var _a7, _b7, _c, _d;
       return /* @__PURE__ */ import_react178.default.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({
@@ -30405,14 +30421,14 @@ var ProminenceLayout = {
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const isMobile = (0, import_react_use40.useMedia)(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = (0, import_react179.useState)(0);
   const pinnedTrackId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.pinnedTrackId));
   const spotlightPeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectSessionStore)("spotlight" /* SPOTLIGHT */));
   const activeScreensharePeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.activeScreensharePeerId));
-  const pinnedPeer = (_a8 = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a8.peerId;
+  const pinnedPeer = (_a7 = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a7.peerId;
   const pageChangedAfterPinning = (0, import_react179.useRef)(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -30435,8 +30451,8 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   });
   const pageSize = ((_b7 = pagesWithTiles[0]) == null ? void 0 : _b7.length) || 0;
   (0, import_react179.useEffect)(() => {
-    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]);
@@ -30510,7 +30526,7 @@ function RoleProminence({
   onPageSize,
   edgeToEdge
 }) {
-  var _a8;
+  var _a7;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
   const localPeer = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeer);
   const isMobile = (0, import_react_use41.useMedia)(config.media.md);
@@ -30525,7 +30541,7 @@ function RoleProminence({
     maxTileCount
   });
   const [page, setPage] = (0, import_react181.useState)(0);
-  const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
+  const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
   (0, import_react181.useEffect)(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -30802,7 +30818,7 @@ var ScreenshareTile_default = ScreenshareTile;
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-  var _a8;
+  var _a7;
   const peersSharing = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const [page, setPage] = (0, import_react185.useState)(0);
@@ -30838,7 +30854,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setActiveScreenSharePeer("");
     };
   }, [activeSharePeer == null ? void 0 : activeSharePeer.id, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ import_react185.default.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ import_react185.default.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ import_react185.default.createElement(ScreenshareTile_default, { peerId: (_a8 = peersSharing[page]) == null ? void 0 : _a8.id }), !edgeToEdge && /* @__PURE__ */ import_react185.default.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ import_react185.default.createElement(
+  return /* @__PURE__ */ import_react185.default.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ import_react185.default.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ import_react185.default.createElement(ScreenshareTile_default, { peerId: (_a7 = peersSharing[page]) == null ? void 0 : _a7.id }), !edgeToEdge && /* @__PURE__ */ import_react185.default.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ import_react185.default.createElement(
     SecondaryTiles,
     {
       peers: secondaryPeers,
@@ -30949,10 +30965,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;
     };
@@ -30972,8 +30988,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)) {
@@ -31214,7 +31230,7 @@ init_define_process_env();
 var import_react189 = __toESM(require("react"));
 var import_react_icons88 = require("@100mslive/react-icons");
 function HlsStatsOverlay({ hlsStatsState, onClose }) {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   return /* @__PURE__ */ import_react189.default.createElement(
     Flex,
     {
@@ -31230,7 +31246,7 @@ function HlsStatsOverlay({ hlsStatsState, onClose }) {
       direction: "column"
     },
     /* @__PURE__ */ import_react189.default.createElement(IconButton_default, { css: { position: "absolute", top: "$2", right: "$2" }, onClick: onClose }, /* @__PURE__ */ import_react189.default.createElement(import_react_icons88.CrossIcon, null)),
-    /* @__PURE__ */ import_react189.default.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__ */ import_react189.default.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__ */ import_react189.default.createElement(HlsStatsRow, { label: "Buffer duration" }, (_c = hlsStatsState == null ? void 0 : hlsStatsState.bufferedDuration) == null ? void 0 : _c.toFixed(2), " "),
     /* @__PURE__ */ import_react189.default.createElement(HlsStatsRow, { label: "Connection speed" }, `${((hlsStatsState == null ? void 0 : hlsStatsState.bandwidthEstimate) / (1e3 * 1e3)).toFixed(2)} Mbps`),
     /* @__PURE__ */ import_react189.default.createElement(HlsStatsRow, { label: "Bitrate" }, `${((hlsStatsState == null ? void 0 : hlsStatsState.bitrate) / (1e3 * 1e3)).toFixed(2)} Mbps`),
@@ -31308,8 +31324,8 @@ var RightControls = styled(Flex, {
 // src/Prebuilt/components/HMSVideo/HMSVideo.jsx
 init_define_process_env();
 var import_react190 = __toESM(require("react"));
-var HMSVideo = (0, import_react190.forwardRef)((_a8, videoRef) => {
-  var _b7 = _a8, { children, isFullScreen } = _b7, props = __objRest(_b7, ["children", "isFullScreen"]);
+var HMSVideo = (0, import_react190.forwardRef)((_a7, videoRef) => {
+  var _b7 = _a7, { children, isFullScreen } = _b7, props = __objRest(_b7, ["children", "isFullScreen"]);
   const [width, setWidth] = (0, import_react190.useState)("auto");
   (0, import_react190.useEffect)(() => {
     const updatingVideoWidth = () => {
@@ -31604,7 +31620,7 @@ var VideoProgress = ({
   const [bufferProgress, setBufferProgress] = (0, import_react195.useState)(0);
   const videoEl = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
   const setProgress = (0, import_react195.useCallback)(() => {
-    var _a8;
+    var _a7;
     if (!videoEl) {
       return;
     }
@@ -31612,7 +31628,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);
@@ -31638,13 +31654,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();
@@ -31742,9 +31758,9 @@ init_define_process_env();
 var import_react197 = __toESM(require("react"));
 var import_react_icons91 = require("@100mslive/react-icons");
 var VolumeControl = () => {
-  var _a8;
+  var _a7;
   const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
-  const [volume, setVolume] = (0, import_react197.useState)((_a8 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a8 : 100);
+  const [volume, setVolume] = (0, import_react197.useState)((_a7 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a7 : 100);
   const [showSlider, setShowSlider] = (0, import_react197.useState)(false);
   return /* @__PURE__ */ import_react197.default.createElement(
     Flex,
@@ -32195,7 +32211,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 = (0, import_react203.useRef)(null);
   const hlsViewRef = (0, import_react203.useRef)();
   const { elements } = useRoomLayoutConferencingScreen();
@@ -32206,7 +32222,7 @@ var HLSView = () => {
   const { themeType } = useTheme();
   const [streamEnded, setStreamEnded] = (0, import_react203.useState)(false);
   let [hlsStatsState, setHlsStatsState] = (0, import_react203.useState)(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] = (0, import_react203.useState)([]);
   const [isVideoLive, setIsVideoLive] = (0, import_react203.useState)(true);
   const [isCaptionEnabled, setIsCaptionEnabled] = (0, import_react203.useState)(true);
@@ -32274,9 +32290,9 @@ var HLSView = () => {
   }, [hlsUrl]);
   const handleQuality = (0, import_react203.useCallback)(
     (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);
       }
     },
@@ -32292,9 +32308,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);
@@ -32339,7 +32355,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 = {
@@ -32440,7 +32456,7 @@ var HLSView = () => {
   }, [controlsVisible, isFullScreen, seekProgress, qualityDropDownOpen]);
   const onSeekTo = (0, import_react203.useCallback)(
     (seek) => {
-      var _a9;
+      var _a8;
       (0, import_ts_pattern13.match)({ isLandscape, isMobile, seek }).with({ seek: -10, isMobile: false, isLandscape: false }, () => {
         setHoverControlsVisible(__spreadProps(__spreadValues({}, hoverControlsVisible), { seekBackward: true }));
         setTimeout(() => {
@@ -32456,14 +32472,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 = (0, import_react203.useCallback)(
     (event) => {
-      var _a9;
-      if (!(isMobile || isLandscape) || ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) !== import_react_sdk98.HLSPlaylistType.DVR) {
+      var _a8;
+      if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk98.HLSPlaylistType.DVR) {
         return;
       }
       const sidePercentage = event.screenX * 100 / event.target.clientWidth;
@@ -32488,8 +32504,8 @@ var HLSView = () => {
     [hlsState == null ? void 0 : hlsState.variants, hoverControlsVisible, isLandscape, isMobile, onSeekTo]
   );
   const onClickHandler = (0, import_react203.useCallback)(() => __async(null, null, function* () {
-    var _a9;
-    (0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type }).with({ playlist_type: import_react_sdk98.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(null, null, function* () {
+    var _a8;
+    (0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type: import_react_sdk98.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(null, null, function* () {
       if (isPaused) {
         yield hlsPlayer == null ? void 0 : hlsPlayer.play();
       } else {
@@ -32586,8 +32602,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) === import_react_sdk98.HLSPlaylistType.DVR) {
+          var _a8;
+          if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR) {
             yield keyHandler(event);
           }
         }),
@@ -32759,7 +32775,7 @@ var HLSView = () => {
                 },
                 isVideoLive ? "LIVE" : "GO LIVE"
               )))
-            ), (isMobile || isLandscape) && !isVideoLive && ((_g2 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g2.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react203.default.createElement(HMSVideoPlayer.Duration, null) : null),
+            ), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react203.default.createElement(HMSVideoPlayer.Duration, null) : null),
             /* @__PURE__ */ import_react203.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react203.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react203.default.createElement(
               HLSQualitySelector,
               {
@@ -32864,7 +32880,7 @@ var SimpleQueue = class {
     this.storage = [];
   }
   enqueue(data3) {
-    var _a8;
+    var _a7;
     if (!data3.transcript.trim()) {
       return;
     }
@@ -32876,7 +32892,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;
@@ -33009,11 +33025,11 @@ var CaptionsViewer = ({
   defaultPosition,
   setDefaultPosition
 }) => {
-  var _a8;
+  var _a7;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const isMobile = (0, import_react_use49.useMedia)(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] = (0, import_react205.useState)(new CaptionMaintainerQueue());
   const [currentData, setCurrentData] = (0, import_react205.useState)([]);
   const isCaptionEnabled = useIsCaptionEnabled();
@@ -33021,11 +33037,11 @@ var CaptionsViewer = ({
   const nodeRef = (0, import_react205.useRef)(null);
   (0, import_react205.useEffect)(() => {
     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);
@@ -33105,7 +33121,7 @@ var VideoStreamingSection = ({
   elements,
   hideControls = false
 }) => {
-  var _a8;
+  var _a7;
   const localPeerRoleName = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectLocalPeerRoleName);
   const isConnected = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsConnectedToRoom);
   const isSharingScreen = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsLocalScreenShared);
@@ -33183,8 +33199,8 @@ var VideoStreamingSection = ({
       ({ urlToIframe: urlToIframe2 }) => !!urlToIframe2,
       () => /* @__PURE__ */ import_react207.default.createElement(EmbedView, null)
     ).otherwise(() => {
-      var _a9;
-      return /* @__PURE__ */ import_react207.default.createElement(GridLayout, __spreadValues({}, (_a9 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a9.grid));
+      var _a8;
+      return /* @__PURE__ */ import_react207.default.createElement(GridLayout, __spreadValues({}, (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid));
     }),
     /* @__PURE__ */ import_react207.default.createElement(CaptionsViewer, { setDefaultPosition: setCaptionPosition, defaultPosition: captionPosition }),
     /* @__PURE__ */ import_react207.default.createElement(
@@ -33203,7 +33219,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
         }
       )
@@ -33436,7 +33452,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();
@@ -33448,7 +33464,7 @@ var ConferenceScreen = () => {
   const footerRef = (0, import_react212.useRef)(null);
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const { requestPermission } = (0, import_react_sdk106.useAwayNotifications)();
-  const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
+  const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
   const autoRoomJoined = (0, import_react212.useRef)(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
@@ -33704,8 +33720,8 @@ var Init = () => {
   }, [toggleTheme]);
   (0, import_react215.useEffect)(() => {
     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();
@@ -33894,8 +33910,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(
         {
@@ -34360,12 +34376,12 @@ var MwebLandscapePrompt = () => {
   const isLandscape = (0, import_react_use56.useMedia)(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   (0, import_react221.useEffect)(() => {
-    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;
     }
@@ -34449,8 +34465,8 @@ var ChatNotifications = () => {
   const chatState = (0, import_react_sdk111.useHMSStore)((0, import_react_sdk111.selectSessionStore)("chatState" /* CHAT_STATE */));
   const localPeerId = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectLocalPeerID);
   (0, import_react223.useEffect)(() => {
-    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;
@@ -34606,7 +34622,7 @@ var ChatAction = import_react227.default.forwardRef((_, ref) => {
   return /* @__PURE__ */ import_react227.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
 });
 var HandRaiseAction = import_react227.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   const hmsActions = (0, import_react_sdk115.useHMSActions)();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
@@ -34617,7 +34633,7 @@ var HandRaiseAction = import_react227.default.forwardRef(({ id = "", isSingleHan
     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 = (0, import_react227.useCallback)(() => __async(null, null, function* () {
     if (isSingleHandRaise) {
       hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
@@ -34644,9 +34660,9 @@ var HandRaiseAction = import_react227.default.forwardRef(({ id = "", isSingleHan
 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__ */ import_react227.default.createElement(import_react_icons108.PeopleAddIcon, null)
       };
     },
@@ -34659,9 +34675,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__ */ import_react227.default.createElement(import_react_icons108.PeopleRemoveIcon, null)
       };
     },
@@ -34674,41 +34690,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__ */ import_react227.default.createElement(import_react_icons108.HandIcon, 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__ */ import_react227.default.createElement(import_react_icons108.HandIcon, 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__ */ import_react227.default.createElement(import_react_icons108.HandIcon, null),
         action: /* @__PURE__ */ import_react227.default.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__ */ import_react227.default.createElement(import_react_icons108.HandIcon, null),
         action: /* @__PURE__ */ import_react227.default.createElement(HandRaiseAction, { isSingleHandRaise: false })
       };
@@ -34716,9 +34732,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__ */ import_react227.default.createElement(import_react_icons108.ChatUnreadIcon, null),
         action: /* @__PURE__ */ import_react227.default.createElement(ChatAction, null)
       };
@@ -34817,7 +34833,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 var HandRaisedNotifications = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.HAND_RAISE_CHANGED);
   const roomState = (0, import_react_sdk116.useHMSStore)(import_react_sdk116.selectRoomState);
   const vanillaStore = (0, import_react_sdk116.useHMSVanillaStore)();
@@ -34825,9 +34841,9 @@ var HandRaisedNotifications = () => {
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
   const amIScreenSharing = (0, import_react_sdk116.useHMSStore)(import_react_sdk116.selectIsLocalScreenShared);
   const { showNotification } = (0, import_react_sdk116.useAwayNotifications)();
-  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;
   (0, import_react228.useEffect)(() => {
-    var _a9;
+    var _a8;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -34837,7 +34853,7 @@ var HandRaisedNotifications = () => {
     const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk116.selectHasPeerHandRaised)(notification.data.id));
     const peer = vanillaStore.getState((0, import_react_sdk116.selectPeerByID)(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);
     }
@@ -34900,15 +34916,15 @@ init_define_process_env();
 var import_react230 = require("react");
 var import_react_sdk118 = require("@100mslive/react-sdk");
 var MessageNotifications = () => {
-  var _a8, _b7;
+  var _a7, _b7;
   const notification = (0, import_react_sdk118.useHMSNotifications)(Hr.NEW_MESSAGE);
-  const amIScreenSharing = (0, import_react_sdk118.useHMSStore)(ss);
-  const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
+  const amIScreenSharing = (0, import_react_sdk118.useHMSStore)(as);
+  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
   const { showNotification } = (0, import_react_sdk118.useAwayNotifications)();
   (0, import_react230.useEffect)(() => {
-    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
@@ -35096,7 +35112,7 @@ var ReconnectNotifications = () => {
   const notification = (0, import_react_sdk122.useHMSNotifications)(notificationTypes3);
   const prevErrorCode = (0, import_react234.useRef)(0);
   (0, import_react234.useEffect)(() => {
-    var _a8, _b7;
+    var _a7, _b7;
     if (!notification) {
       return;
     }
@@ -35106,7 +35122,7 @@ var ReconnectNotifications = () => {
         ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
       );
     } else if (notification.type === import_react_sdk122.HMSNotificationTypes.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)
@@ -35124,11 +35140,11 @@ var RoleChangeNotification = () => {
   const notification = (0, import_react_sdk123.useHMSNotifications)(import_react_sdk123.HMSNotificationTypes.ROLE_UPDATED);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   (0, import_react235.useEffect)(() => {
-    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}`
       });
@@ -35227,7 +35243,7 @@ var notificationTypes5 = [
 var TrackNotifications = () => {
   const notification = (0, import_react_sdk126.useHMSNotifications)(notificationTypes5);
   (0, import_react238.useEffect)(() => {
-    var _a8, _b7;
+    var _a7, _b7;
     if (notification) {
       switch (notification.type) {
         case import_react_sdk126.HMSNotificationTypes.TRACK_ADDED:
@@ -35238,7 +35254,7 @@ var TrackNotifications = () => {
           break;
         case import_react_sdk126.HMSNotificationTypes.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
@@ -35425,7 +35441,7 @@ init_define_process_env();
 var import_react243 = __toESM(require("react"));
 var import_react_use59 = require("react-use");
 var PreviewScreen = () => {
-  var _a8, _b7, _c;
+  var _a7, _b7, _c;
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const skipPreview = !isPreviewScreenEnabled;
   const previewAsRole = (0, import_react_use59.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
@@ -35433,7 +35449,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__ */ import_react243.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react243.default.createElement(
     Flex,
     {
@@ -35453,8 +35469,8 @@ var import_react_sdk130 = require("@100mslive/react-sdk");
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
 var import_react244 = __toESM(require("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__ */ import_react244.default.createElement(
     Toast.HMSToast,
     __spreadValues({
@@ -35734,7 +35750,7 @@ var HMSPrebuilt = import_react251.default.forwardRef(
     onLeave,
     onJoin
   }, ref) => {
-    var _a8, _b7, _c, _d;
+    var _a7, _b7, _c, _d;
     const reactiveStore = (0, import_react251.useRef)();
     const [hydrated, setHydrated] = import_react251.default.useState(false);
     (0, import_react251.useEffect)(() => {
@@ -35760,8 +35776,8 @@ var HMSPrebuilt = import_react251.default.forwardRef(
     }, [ref]);
     (0, import_react251.useEffect)(() => {
       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;
@@ -35809,16 +35825,16 @@ var HMSPrebuilt = import_react251.default.forwardRef(
         import_react_sdk135.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__ */ import_react251.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react251.default.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) {
@@ -36018,7 +36034,7 @@ init_define_process_env();
 var import_react254 = __toESM(require("react"));
 var import_prop_types = __toESM(require_prop_types());
 var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
-  var _a8, _b7;
+  var _a7, _b7;
   const [open, setOpen] = (0, import_react254.useState)(false);
   const ref = (0, import_react254.useRef)(null);
   return /* @__PURE__ */ import_react254.default.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ import_react254.default.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ import_react254.default.createElement(
@@ -36038,7 +36054,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__ */ import_react254.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react254.default.createElement(
@@ -36083,11 +36099,11 @@ DeviceSelector2.propTypes = {
 // src/Diagnostics/AudioTest.tsx
 var SelectContainer = ({ children }) => /* @__PURE__ */ import_react255.default.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 = (0, import_react_sdk136.useHMSStore)(import_react_sdk136.selectDevices);
   const [isRecording, setIsRecording] = (0, import_react255.useState)(false);
-  const [selectedMic, setSelectedMic] = (0, import_react255.useState)(((_a8 = devices.audioInput[0]) == null ? void 0 : _a8.deviceId) || "default");
+  const [selectedMic, setSelectedMic] = (0, import_react255.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
   const trackID = (0, import_react_sdk136.useHMSStore)(import_react_sdk136.selectLocalAudioTrackID);
   const audioLevel = (0, import_react_sdk136.useHMSStore)((0, import_react_sdk136.selectTrackAudioByID)(trackID));
   const { audioOutputDeviceId } = (0, import_react_sdk136.useHMSStore)(import_react_sdk136.selectLocalMediaSettings);
@@ -36164,7 +36180,7 @@ var MicTest = ({ setError }) => {
   ))));
 };
 var SpeakerTest = () => {
-  var _a8;
+  var _a7;
   const actions = (0, import_react_sdk136.useHMSActions)();
   const devices = (0, import_react_sdk136.useHMSStore)(import_react_sdk136.selectDevices);
   const { audioOutputDeviceId } = (0, import_react_sdk136.useHMSStore)(import_react_sdk136.selectLocalMediaSettings);
@@ -36176,7 +36192,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__ */ import_react255.default.createElement(import_react_icons113.SpeakerIcon, null),
       onChange: (deviceId) => {
         actions.setAudioOutputDevice(deviceId);
@@ -36300,7 +36316,7 @@ var browserTypeIconInfo = {
 };
 var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ import_react256.default.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ import_react256.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ import_react256.default.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ import_react256.default.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ import_react256.default.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ import_react256.default.createElement(Text, null, value)));
 var BrowserTest = () => {
-  var _a8, _b7, _c, _d;
+  var _a7, _b7, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
   const [error, setError] = (0, import_react256.useState)();
   (0, import_react256.useEffect)(() => {
@@ -36315,7 +36331,7 @@ var BrowserTest = () => {
     CheckDetails,
     {
       title: "Browser",
-      iconURL: import_react_sdk137.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a8 = import_react_sdk137.parsedUserAgent.getBrowser().name) == null ? void 0 : _a8.toLowerCase()]) == null ? void 0 : _b7.icon),
+      iconURL: import_react_sdk137.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk137.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
       value: `${import_react_sdk137.parsedUserAgent.getBrowser().name} ${import_react_sdk137.parsedUserAgent.getBrowser().version}`
     }
   ), /* @__PURE__ */ import_react256.default.createElement(
@@ -36385,7 +36401,7 @@ var DetailedInfo = ({
   return /* @__PURE__ */ import_react257.default.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ import_react257.default.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ import_react257.default.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ import_react257.default.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "caption" }, value)));
 };
 var MediaServerResult = ({ result }) => {
-  var _a8, _b7, _c, _d;
+  var _a7, _b7, _c, _d;
   return /* @__PURE__ */ import_react257.default.createElement(
     ConnectivityTestStepResult,
     {
@@ -36396,7 +36412,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) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
       }
     ), /* @__PURE__ */ import_react257.default.createElement(
@@ -36444,13 +36460,13 @@ var ConnectivityTestReport = ({
   progress,
   startTest
 }) => {
-  var _a8, _b7, _c, _d;
+  var _a7, _b7, _c, _d;
   if (error) {
     return /* @__PURE__ */ import_react257.default.createElement(import_react257.default.Fragment, null, /* @__PURE__ */ import_react257.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ import_react257.default.createElement(import_react_icons114.CrossCircleIcon, null)), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ import_react257.default.createElement(Footer3, { restart: startTest, error }));
   }
   if (result) {
     console.log(result);
-    return /* @__PURE__ */ import_react257.default.createElement(import_react257.default.Fragment, null, /* @__PURE__ */ import_react257.default.createElement(TestContainer, null, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ import_react257.default.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ import_react257.default.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ import_react257.default.createElement(AudioStats, { stats: (_b7 = (_a8 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a8.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ import_react257.default.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ import_react257.default.createElement(Footer3, { result, restart: startTest, error }));
+    return /* @__PURE__ */ import_react257.default.createElement(import_react257.default.Fragment, null, /* @__PURE__ */ import_react257.default.createElement(TestContainer, null, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ import_react257.default.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ import_react257.default.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ import_react257.default.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ import_react257.default.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ import_react257.default.createElement(Footer3, { result, restart: startTest, error }));
   }
   if (progress !== void 0) {
     return /* @__PURE__ */ import_react257.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ import_react257.default.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ import_react257.default.createElement(