@100mslive/roomkit-react 0.6.1 → 0.6.2-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_a109e864-1098-4d97-ae2c-94442f9569d2", 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_resolutions_____tldraw_tlschema_nanoid: "^5.1.16", 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.3.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.20.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.13.1", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_a109e864-1098-4d97-ae2c-94442f9569d2", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.20.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.16.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: "2038", ACTIONS_ORCHESTRATION_ID: "19730e77-bb7a-4ebe-874e-5e863d3d3a30.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: "20260907.300.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_a109e864-1098-4d97-ae2c-94442f9569d2", 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:14491", 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.6.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: "34960592189", 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: "8ab2e2f747591a298371e00222d32152ff629a89", GOROOT_1_26_X64: "/opt/hostedtoolcache/go/1.26.8/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: "16580361579963059067", 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.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJQZXJtaXNzaW9uXCI6M31dIiwiYWNzbCI6IjEwIiwiYXVkIjoidnNvOjVlMTJlMDA5LWRkMDEtNGNjYy05ZTg5LTQ1MjMwMjUwM2RiNSIsImJpbGxpbmdfb3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJleHAiOjE3ODk0OTIwMDEsImh0dHA6Ly9zY2hlbWFzLm1pY3Jvc29mdC5jb20vd3MvMjAwOC8wNi9pZGVudGl0eS9jbGFpbXMvcHJpbWFyeXNpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL3NpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImlhdCI6MTc4OTQ2OTgwMSwiaXNzIjoiaHR0cHM6Ly90b2tlbi5hY3Rpb25zLmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImpvYl9pZCI6ImJkNWZiZGYxLWE2NzYtNWFiMy1hZTY4LTE5MjM0OWE5YTAyYyIsImpvYl93b3JrZmxvd19yZWYiOiIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9tYWluIiwiam9iX3dvcmtmbG93X3NoYSI6IjhhYjJlMmY3NDc1OTFhMjk4MzcxZTAwMjIyZDMyMTUyZmY2MjlhODkiLCJuYW1laWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJuYmYiOjE3ODk0Njk1MDEsIm9pZGNfZXh0cmEiOiJ7XCJhY3RvclwiOlwicmF2aXRlamE4M1wiLFwiYWN0b3JfaWRcIjpcIjY3NjMyNjFcIixcImJhc2VfcmVmXCI6XCJcIixcImNoZWNrX3J1bl9pZFwiOlwiMTA0MzUyOTEzNjg5XCIsXCJldmVudF9uYW1lXCI6XCJ3b3JrZmxvd19kaXNwYXRjaFwiLFwiaGVhZF9yZWZcIjpcIlwiLFwiam9iX3dvcmtmbG93X3JlZlwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvbWFpblwiLFwiam9iX3dvcmtmbG93X3NoYVwiOlwiOGFiMmUyZjc0NzU5MWEyOTgzNzFlMDAyMjJkMzIxNTJmZjYyOWE4OVwiLFwicmVmXCI6XCJyZWZzL2hlYWRzL21haW5cIixcInJlZl9wcm90ZWN0ZWRcIjpcInRydWVcIixcInJlZl90eXBlXCI6XCJicmFuY2hcIixcInJlcG9zaXRvcnlcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrc1wiLFwicmVwb3NpdG9yeV9pZFwiOlwiNDI5ODI2NTE1XCIsXCJyZXBvc2l0b3J5X293bmVyXCI6XCIxMDBtc2xpdmVcIixcInJlcG9zaXRvcnlfb3duZXJfaWRcIjpcIjczODgzMTMxXCIsXCJyZXBvc2l0b3J5X3Zpc2liaWxpdHlcIjpcInB1YmxpY1wiLFwicnVuX2F0dGVtcHRcIjpcIjFcIixcInJ1bl9pZFwiOlwiMzQ5NjA1OTIxODlcIixcInJ1bl9udW1iZXJcIjpcIjg2NlwiLFwicnVubmVyX2Vudmlyb25tZW50XCI6XCJnaXRodWItaG9zdGVkXCIsXCJzaGFcIjpcIjhhYjJlMmY3NDc1OTFhMjk4MzcxZTAwMjIyZDMyMTUyZmY2MjlhODlcIixcIndvcmtmbG93XCI6XCJQdWJsaXNoIFBhY2thZ2VzXCIsXCJ3b3JrZmxvd19yZWZcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrcy8uZ2l0aHViL3dvcmtmbG93cy9wdWJsaXNoLnltbEByZWZzL2hlYWRzL21haW5cIixcIndvcmtmbG93X3NoYVwiOlwiOGFiMmUyZjc0NzU5MWEyOTgzNzFlMDAyMjJkMzIxNTJmZjYyOWE4OVwifSIsIm9pZGNfc3ViIjoicmVwbzoxMDBtc2xpdmUvd2ViLXNka3M6cmVmOnJlZnMvaGVhZHMvbWFpbiIsIm9yY2hfaWQiOiIxOTczMGU3Ny1iYjdhLTRlYmUtODc0ZS01ZTg2M2QzZDNhMzAucHVibGlzaF9wYWNrYWdlcy5fX2RlZmF1bHQiLCJvd25lcl9pZCI6IkVfa2dET0FBT0V2USIsInBsYW5faWQiOiIxOTczMGU3Ny1iYjdhLTRlYmUtODc0ZS01ZTg2M2QzZDNhMzAiLCJyZXBvc2l0b3J5X2lkIjoiNDI5ODI2NTE1IiwicmVwb3NpdG9yeV9vd25lcl9pZCI6IjczODgzMTMxIiwicmVwb3NpdG9yeV92aXNpYmlsaXR5IjoicHVibGljIiwicnVuX2lkIjoiMzQ5NjA1OTIxODkiLCJydW5fbnVtYmVyIjoiODY2IiwicnVuX3R5cGUiOiJmdWxsIiwicnVubmVyX2lkIjoiMTAwMDYwNTY2NiIsInJ1bm5lcl90eXBlIjoiaG9zdGVkIiwic2NwIjoiQWN0aW9ucy5SZXN1bHRzOjE5NzMwZTc3LWJiN2EtNGViZS04NzRlLTVlODYzZDNkM2EzMDpiZDVmYmRmMS1hNjc2LTVhYjMtYWU2OC0xOTIzNDlhOWEwMmMgQWN0aW9ucy5SdW5uZXI6MTk3MzBlNzctYmI3YS00ZWJlLTg3NGUtNWU4NjNkM2QzYTMwOmJkNWZiZGYxLWE2NzYtNWFiMy1hZTY4LTE5MjM0OWE5YTAyYyBBY3Rpb25zLlVwbG9hZEFydGlmYWN0czoxOTczMGU3Ny1iYjdhLTRlYmUtODc0ZS01ZTg2M2QzZDNhMzA6YmQ1ZmJkZjEtYTY3Ni01YWIzLWFlNjgtMTkyMzQ5YTlhMDJjIGdlbmVyYXRlX2lkX3Rva2VuOjE5NzMwZTc3LWJiN2EtNGViZS04NzRlLTVlODYzZDNkM2EzMDpiZDVmYmRmMS1hNjc2LTVhYjMtYWU2OC0xOTIzNDlhOWEwMmMgQWN0aW9ucy5HZW5lcmljUmVhZDowMDAwMDAwMC0wMDAwLTAwMDAtMDAwMC0wMDAwMDAwMDAwMDAiLCJzaGEiOiI4YWIyZTJmNzQ3NTkxYTI5ODM3MWUwMDIyMmQzMjE1MmZmNjI5YTg5IiwidHJ1c3RfdGllciI6IjEifQ.csEfod9oioHAlea3uvkGlgYSt8NlIMUTk_5ZZIIqMeOum_4uLA_MrgzUo-jdaDwoEt-fb7ivISfr686M96RgAEVuxss7xKm2AMTy_r06C3WOJEmJQ-68Mhx2DlsTcHuNa1A-8bOOVfPjlPvCcWoLr9_RnVsXB3BxPmjopdIHxnhKn7ROqW-1zqRF-cJA48dfViVFoQjaNo7Qmt1gj-3XUT6kRs3xr5ZLGbZsmhdkn_Y3EqoNbrQug8X35LaRlz-puA_5a_4RATk1siBAAh2RtJSVUO2-d4vGneR9aH1837W2wcnpNPHXHNkco5UOPIZIr6Ng79_OJ4rrg01B8TJt5w", 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--1789469859028-0.3398029676181593:/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.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789469858845-0.9505978033525088:/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.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789469838361-0.5124256882445042:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789469838191-0.5983702906312018:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.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.20.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_01f0ab04-a7db-473f-aceb-88db07da6dc2", INVOCATION_ID: "99f4ff84f00c418788501498cfe6ada0", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_resolutions_____tldraw_store_nanoid: "^5.1.16", 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: "866", 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 1000605666", 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.13.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.6.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: "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: "8ab2e2f747591a298371e00222d32152ff629a89", 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_a109e864-1098-4d97-ae2c-94442f9569d2", 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_resolutions_____tldraw_editor_nanoid: "^5.1.16", npm_package_scripts_ybys: "yarn && yarn build --no-private", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-1-azure-eastus.actions.githubusercontent.com/14//idtoken/19730e77-bb7a-4ebe-874e-5e863d3d3a30/bd5fbdf1-a676-5ab3-ae68-192349a9a02c?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_a109e864-1098-4d97-ae2c-94442f9569d2", 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_a109e864-1098-4d97-ae2c-94442f9569d2", 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_a109e864-1098-4d97-ae2c-94442f9569d2", npm_package_resolutions_sass: "^1.83.0" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_c5639d8c-5bf8-4ebd-978d-b44da476b00b", 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_resolutions_____tldraw_tlschema_nanoid: "^5.1.16", 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.3.2-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.20.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.13.2-alpha.1", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_c5639d8c-5bf8-4ebd-978d-b44da476b00b", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.20.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.16.2-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: "1808", ACTIONS_ORCHESTRATION_ID: "f79db977-c58b-44cb-a256-36982309fa9c.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: "20260907.300.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_c5639d8c-5bf8-4ebd-978d-b44da476b00b", 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:12005", 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.6.2-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: "35317687350", 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: "8fb89426a9915e707409ab76085abfbe404a7ac1", GOROOT_1_26_X64: "/opt/hostedtoolcache/go/1.26.8/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: "18155492832472579911", 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.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJQZXJtaXNzaW9uXCI6M30se1wiU2NvcGVcIjpcInJlZnMvaGVhZHMvbWFpblwiLFwiUGVybWlzc2lvblwiOjF9XSIsImFjc2wiOiIxMCIsImF1ZCI6InZzbzo1ZTEyZTAwOS1kZDAxLTRjY2MtOWU4OS00NTIzMDI1MDNkYjUiLCJiaWxsaW5nX293bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwiZXhwIjoxNzg5NzM3MzE5LCJodHRwOi8vc2NoZW1hcy5taWNyb3NvZnQuY29tL3dzLzIwMDgvMDYvaWRlbnRpdHkvY2xhaW1zL3ByaW1hcnlzaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9zaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJpYXQiOjE3ODk3MTUxMTksImlzcyI6Imh0dHBzOi8vdG9rZW4uYWN0aW9ucy5naXRodWJ1c2VyY29udGVudC5jb20iLCJqb2JfaWQiOiJkNWRhZmJlNS1mODg1LTVjNTktOTllYS0xYjYzNjhkNjhhMjEiLCJqb2Jfd29ya2Zsb3dfcmVmIjoiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZSIsImpvYl93b3JrZmxvd19zaGEiOiI4ZmI4OTQyNmE5OTE1ZTcwNzQwOWFiNzYwODVhYmZiZTQwNGE3YWMxIiwibmFtZWlkIjoiZGRkZGRkZGQtZGRkZC1kZGRkLWRkZGQtZGRkZGRkZGRkZGRkIiwibmJmIjoxNzg5NzE0ODE5LCJvaWRjX2V4dHJhIjoie1wiYWN0b3JcIjpcInJhdml0ZWphODNcIixcImFjdG9yX2lkXCI6XCI2NzYzMjYxXCIsXCJiYXNlX3JlZlwiOlwiXCIsXCJjaGVja19ydW5faWRcIjpcIjEwNTUxMzExMzE0NFwiLFwiZXZlbnRfbmFtZVwiOlwid29ya2Zsb3dfZGlzcGF0Y2hcIixcImhlYWRfcmVmXCI6XCJcIixcImpvYl93b3JrZmxvd19yZWZcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrcy8uZ2l0aHViL3dvcmtmbG93cy9wdWJsaXNoLnltbEByZWZzL2hlYWRzL2NpL3JlbGVhc2VcIixcImpvYl93b3JrZmxvd19zaGFcIjpcIjhmYjg5NDI2YTk5MTVlNzA3NDA5YWI3NjA4NWFiZmJlNDA0YTdhYzFcIixcInJlZlwiOlwicmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJyZWZfcHJvdGVjdGVkXCI6XCJmYWxzZVwiLFwicmVmX3R5cGVcIjpcImJyYW5jaFwiLFwicmVwb3NpdG9yeVwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzXCIsXCJyZXBvc2l0b3J5X2lkXCI6XCI0Mjk4MjY1MTVcIixcInJlcG9zaXRvcnlfb3duZXJcIjpcIjEwMG1zbGl2ZVwiLFwicmVwb3NpdG9yeV9vd25lcl9pZFwiOlwiNzM4ODMxMzFcIixcInJlcG9zaXRvcnlfdmlzaWJpbGl0eVwiOlwicHVibGljXCIsXCJydW5fYXR0ZW1wdFwiOlwiMlwiLFwicnVuX2lkXCI6XCIzNTMxNzY4NzM1MFwiLFwicnVuX251bWJlclwiOlwiODY4XCIsXCJydW5uZXJfZW52aXJvbm1lbnRcIjpcImdpdGh1Yi1ob3N0ZWRcIixcInNoYVwiOlwiOGZiODk0MjZhOTkxNWU3MDc0MDlhYjc2MDg1YWJmYmU0MDRhN2FjMVwiLFwid29ya2Zsb3dcIjpcIlB1Ymxpc2ggUGFja2FnZXNcIixcIndvcmtmbG93X3JlZlwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZVwiLFwid29ya2Zsb3dfc2hhXCI6XCI4ZmI4OTQyNmE5OTE1ZTcwNzQwOWFiNzYwODVhYmZiZTQwNGE3YWMxXCJ9Iiwib2lkY19zdWIiOiJyZXBvOjEwMG1zbGl2ZS93ZWItc2RrczpyZWY6cmVmcy9oZWFkcy9jaS9yZWxlYXNlIiwib3JjaF9pZCI6ImY3OWRiOTc3LWM1OGItNDRjYi1hMjU2LTM2OTgyMzA5ZmE5Yy5wdWJsaXNoX3BhY2thZ2VzLl9fZGVmYXVsdCIsIm93bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwicGxhbl9pZCI6ImY3OWRiOTc3LWM1OGItNDRjYi1hMjU2LTM2OTgyMzA5ZmE5YyIsInJlcG9zaXRvcnlfaWQiOiI0Mjk4MjY1MTUiLCJyZXBvc2l0b3J5X293bmVyX2lkIjoiNzM4ODMxMzEiLCJyZXBvc2l0b3J5X3Zpc2liaWxpdHkiOiJwdWJsaWMiLCJydW5faWQiOiIzNTMxNzY4NzM1MCIsInJ1bl9udW1iZXIiOiI4NjgiLCJydW5fdHlwZSI6ImZ1bGwiLCJydW5uZXJfaWQiOiIxMDAwNjEyNDQxIiwicnVubmVyX3R5cGUiOiJob3N0ZWQiLCJzY3AiOiJBY3Rpb25zLlJlc3VsdHM6Zjc5ZGI5NzctYzU4Yi00NGNiLWEyNTYtMzY5ODIzMDlmYTljOmQ1ZGFmYmU1LWY4ODUtNWM1OS05OWVhLTFiNjM2OGQ2OGEyMSBBY3Rpb25zLlJ1bm5lcjpmNzlkYjk3Ny1jNThiLTQ0Y2ItYTI1Ni0zNjk4MjMwOWZhOWM6ZDVkYWZiZTUtZjg4NS01YzU5LTk5ZWEtMWI2MzY4ZDY4YTIxIEFjdGlvbnMuVXBsb2FkQXJ0aWZhY3RzOmY3OWRiOTc3LWM1OGItNDRjYi1hMjU2LTM2OTgyMzA5ZmE5YzpkNWRhZmJlNS1mODg1LTVjNTktOTllYS0xYjYzNjhkNjhhMjEgZ2VuZXJhdGVfaWRfdG9rZW46Zjc5ZGI5NzctYzU4Yi00NGNiLWEyNTYtMzY5ODIzMDlmYTljOmQ1ZGFmYmU1LWY4ODUtNWM1OS05OWVhLTFiNjM2OGQ2OGEyMSBBY3Rpb25zLkdlbmVyaWNSZWFkOjAwMDAwMDAwLTAwMDAtMDAwMC0wMDAwLTAwMDAwMDAwMDAwMCIsInNoYSI6IjhmYjg5NDI2YTk5MTVlNzA3NDA5YWI3NjA4NWFiZmJlNDA0YTdhYzEiLCJ0cnVzdF90aWVyIjoiMSJ9.UgaoLGmR5YQjHsHZHTPa6Sb9PMLxjm9wYMuXhnEDURZC1Bmqc2FpqJVxd3-9Z-NY7_2co_QAYk05V-ApfMzC_EDl8Zee4hGnfgmQKnf4euhh7fn1k_GQzATYSA9VHxlf7GMXhOK8CqRc3iEf7SF75qionJVigGDmvtKbu5xmwrjGgLJrgKpuupbj4ISa8cSFTXFwFuTp1fYm8EKlde33tVHD1_f0oKAmEZlY8yZlo1RBbIPemkhLDqhu_wjh2Dw3AJyJayJ9yKN7HsjmJpsnwDFmVGdeKeEqzDqjc__dpGeA1KX9qtrPRwwCkJUF5tR8XFCqdqF6pt61G1C4ANzfOg", 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--1789715177379-0.8171424928774821:/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.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789715177241-0.4501589457828844:/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.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789715162253-0.16344024584805528:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789715162114-0.8138863873868708:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.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.20.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_b24ee5f0-a49b-4700-aa5b-327d0db987a6", INVOCATION_ID: "b867c45cf5cf4991b93ed6076bd28864", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_resolutions_____tldraw_store_nanoid: "^5.1.16", 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: "868", 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 1000612441", 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.13.2-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.6.2-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: "8fb89426a9915e707409ab76085abfbe404a7ac1", 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_c5639d8c-5bf8-4ebd-978d-b44da476b00b", 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_resolutions_____tldraw_editor_nanoid: "^5.1.16", npm_package_scripts_ybys: "yarn && yarn build --no-private", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-1-azure-eastus.actions.githubusercontent.com/139//idtoken/f79db977-c58b-44cb-a256-36982309fa9c/d5dafbe5-f885-5c59-99ea-1b6368d68a21?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_c5639d8c-5bf8-4ebd-978d-b44da476b00b", 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_c5639d8c-5bf8-4ebd-978d-b44da476b00b", 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_c5639d8c-5bf8-4ebd-978d-b44da476b00b", npm_package_resolutions_sass: "^1.83.0" };
   }
 });
 
@@ -7395,8 +7395,8 @@ var require_grammar = __commonJS({
 var require_parser = __commonJS({
   "../../node_modules/sdp-transform/lib/parser.js"(exports) {
     init_define_process_env();
-    var toIntIfInt = function(v) {
-      return String(Number(v)) === v ? Number(v) : v;
+    var toIntIfInt = function(v2) {
+      return String(Number(v2)) === v2 ? Number(v2) : v2;
     };
     var attachProperties = function(match17, location, names, rawName) {
       if (rawName && !names) {
@@ -9068,8 +9068,8 @@ init_define_process_env();
 // src/Loading/Loading.tsx
 init_define_process_env();
 var import_react5 = __toESM(require("react"));
-var Loading = (_a7) => {
-  var _b7 = _a7, { size = 24, color = "white" } = _b7, props = __objRest(_b7, ["size", "color"]);
+var Loading = (_a8) => {
+  var _b7 = _a8, { 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((_a7, ref) => {
-  var _b7 = _a7, { children, loading = false, icon } = _b7, buttonProps = __objRest(_b7, ["children", "loading", "icon"]);
+var Button = import_react6.default.forwardRef((_a8, ref) => {
+  var _b7 = _a8, { 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 _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   if (!name) {
     return void 0;
   } else {
-    return (_c2 = (_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 : _c2.join("").toUpperCase();
+    return (_c2 = (_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 : _c2.join("").toUpperCase();
   }
 };
 var getAvatarBg = (name) => {
@@ -9549,8 +9549,8 @@ var StyledAvatar = styled("div", __spreadProps(__spreadValues({}, flexCenter), {
     shape: "circle"
   }
 }));
-var Avatar = (_a7) => {
-  var _b7 = _a7, { name, css: css2 } = _b7, props = __objRest(_b7, ["name", "css"]);
+var Avatar = (_a8) => {
+  var _b7 = _a8, { 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 = (_a7) => {
-  var props = __objRest(_a7, []);
+var DefaultDownIcon = (_a8) => {
+  var props = __objRest(_a8, []);
   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 = (_a7) => {
-  var _b7 = _a7, {
+var Slider = (_a8) => {
+  var _b7 = _a8, {
     showTooltip = true,
     thumbStyles
   } = _b7, props = __objRest(_b7, [
     "showTooltip",
     "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 }));
+  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 }));
 };
 
 // src/Modal/index.ts
@@ -10075,8 +10075,8 @@ var PasswordRoot = styled("div", {
   position: "relative",
   display: "flex"
 });
-var PasswordShowIcon = (_a7) => {
-  var _b7 = _a7, {
+var PasswordShowIcon = (_a8) => {
+  var _b7 = _a8, {
     showPassword,
     css: css2
   } = _b7, props = __objRest(_b7, [
@@ -10085,13 +10085,13 @@ var PasswordShowIcon = (_a7) => {
   ]);
   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 = (_a7) => {
-  var _b7 = _a7, { css: css2 } = _b7, props = __objRest(_b7, ["css"]);
+var PasswordCopyIcon = (_a8) => {
+  var _b7 = _a8, { 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(
-  (_a7, ref) => {
-    var _b7 = _a7, { css: css2 } = _b7, props = __objRest(_b7, ["css"]);
+  (_a8, ref) => {
+    var _b7 = _a8, { 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((_a7, ref) => {
-  var _b7 = _a7, { showPassword = false, css: css2 } = _b7, props = __objRest(_b7, ["showPassword", "css"]);
+var ReactInput = import_react17.default.forwardRef((_a8, ref) => {
+  var _b7 = _a8, { 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 = (_a7) => {
-  var _b7 = _a7, { trackId, attach } = _b7, props = __objRest(_b7, ["trackId", "attach"]);
+var Video = (_a8) => {
+  var _b7 = _a8, { 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 _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   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 = (_a7 = (0, import_react_sdk6.useHMSStore)((0, import_react_sdk6.selectConnectionQualityByPeerID)(peerID))) == null ? void 0 : _a7.downlinkQuality;
+  const downlinkScore = (_a8 = (0, import_react_sdk6.useHMSStore)((0, import_react_sdk6.selectConnectionQualityByPeerID)(peerID))) == null ? void 0 : _a8.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 _a8, _b8;
+    var _a9, _b8;
     if (!stat) {
       return null;
     }
@@ -10902,7 +10902,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
       {
         show: isNotNullishAndNot0(stat.frameWidth),
         label: "Width",
-        value: (_a8 = stat.frameWidth) == null ? void 0 : _a8.toString()
+        value: (_a9 = stat.frameWidth) == null ? void 0 : _a9.toString()
       }
     ), /* @__PURE__ */ import_react22.default.createElement(
       StatsRow,
@@ -10981,7 +10981,7 @@ var PacketLostAndJitter = ({
   audioTrackStats,
   videoTrackStats
 }) => {
-  var _a7, _b7;
+  var _a8, _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: `${(((_a7 = videoStats == null ? void 0 : videoStats.jitter) != null ? _a7 : 0) * 1e3).toFixed(2)} ms`
+      value: `${(((_a8 = videoStats == null ? void 0 : videoStats.jitter) != null ? _a8 : 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 = (_a7) => {
-  var _b7 = _a7, {
+var HMSToast = (_a8) => {
+  var _b7 = _a8, {
     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((_a7, forwardedRef) => {
-  var _b7 = _a7, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
+var AccordionHeader = import_react24.default.forwardRef((_a8, forwardedRef) => {
+  var _b7 = _a8, { 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(
-  (_a7, forwardedRef) => {
-    var _b7 = _a7, { children, contentStyles } = _b7, props = __objRest(_b7, ["children", "contentStyles"]);
+  (_a8, forwardedRef) => {
+    var _b7 = _a8, { 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 = (_a7) => {
-  var _b7 = _a7, { iconSide = "left", icon, color = "primary", children } = _b7, rest = __objRest(_b7, ["iconSide", "icon", "color", "children"]);
+var Link = (_a8) => {
+  var _b7 = _a8, { 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 _a7;
-  return (_a7 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.embedConfig))) == null ? void 0 : _a7.url;
+  var _a8;
+  return (_a8 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.embedConfig))) == null ? void 0 : _a8.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 _a7, _b7;
+  var _a8, _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 = (_a7 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectVideoTrackByPeerID)(spotlightPeerId))) == null ? void 0 : _a7.id;
+  const spotlightVideoTrackId = (_a8 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectVideoTrackByPeerID)(spotlightPeerId))) == null ? void 0 : _a8.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 _a7;
+    var _a8;
     if (!layoutResp.current) {
       return;
     }
-    const [layout2] = (((_a7 = layoutResp.current) == null ? void 0 : _a7.data) || []).filter((layout3) => layout3.role === role);
+    const [layout2] = (((_a8 = layoutResp.current) == null ? void 0 : _a8.data) || []).filter((layout3) => layout3.role === role);
     if (layout2) {
       setLayout(layout2);
     }
   }, []);
   (0, import_react31.useEffect)(() => {
     (() => __async(null, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       if (isFetchInProgress.current || !authToken) {
         return;
       }
@@ -12011,7 +12011,7 @@ var useFetchRoomLayout = ({
           data: [defaultLayout]
         };
       }
-      let layoutForRole = (_b7 = (_a7 = layoutResp.current) == null ? void 0 : _a7.data) == null ? void 0 : _b7[0];
+      let layoutForRole = (_b7 = (_a8 = layoutResp.current) == null ? void 0 : _a8.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 _a7;
-  return (_a7 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a7.layout;
+  var _a8;
+  return (_a8 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.layout;
 };
 var useUpdateRoomLayout = () => {
-  var _a7;
-  return (_a7 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a7.updateRoomLayoutForRole;
+  var _a8;
+  return (_a8 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.updateRoomLayoutForRole;
 };
 var useSetOriginalLayout = () => {
-  var _a7;
-  return (_a7 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a7.setOriginalLayout;
+  var _a8;
+  return (_a8 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.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 _a7;
-      return (_a7 = question.responses) == null ? void 0 : _a7.filter(
+      var _a8;
+      return (_a8 = question.responses) == null ? void 0 : _a8.filter(
         (response) => {
-          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;
+          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;
         }
       );
     }
@@ -12154,20 +12154,20 @@ var getIndexToShow = (responses) => {
 function useRoomLayoutScreen({
   screen
 }) {
-  var _a7;
+  var _a8;
   const roomLayout = useRoomLayout();
-  const screenProps = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7[screen];
+  const screenProps = (_a8 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a8[screen];
   return screenProps;
 }
 function useRoomLayoutPreviewScreen() {
-  var _a7;
+  var _a8;
   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 = (_a7 = screenProps[screenType]) == null ? void 0 : _a7.elements;
+    elements = (_a8 = screenProps[screenType]) == null ? void 0 : _a8.elements;
   }
   return {
     isPreviewScreenEnabled,
@@ -12176,10 +12176,10 @@ function useRoomLayoutPreviewScreen() {
   };
 }
 function useRoomLayoutConferencingScreen() {
-  var _a7, _b7;
+  var _a8, _b7;
   const screenProps = useRoomLayoutScreen({ screen: "conferencing" }) || {};
   const screenType = Object.keys(screenProps)[0];
-  const elements = (_a7 = screenProps[screenType]) == null ? void 0 : _a7.elements;
+  const elements = (_a8 = screenProps[screenType]) == null ? void 0 : _a8.elements;
   const hideSections = ((_b7 = screenProps[screenType]) == null ? void 0 : _b7.hideSections) || [];
   return {
     hideSections,
@@ -12188,25 +12188,25 @@ function useRoomLayoutConferencingScreen() {
   };
 }
 function useRoomLayoutLeaveScreen() {
-  var _a7, _b7;
+  var _a8, _b7;
   const screenProps = useRoomLayoutScreen({ screen: "leave" });
   const isLeaveScreenEnabled = !!screenProps;
   return {
     isLeaveScreenEnabled,
-    feedback: (_b7 = (_a7 = screenProps == null ? void 0 : screenProps.default) == null ? void 0 : _a7.elements) == null ? void 0 : _b7.feedback
+    feedback: (_b7 = (_a8 = screenProps == null ? void 0 : screenProps.default) == null ? void 0 : _a8.elements) == null ? void 0 : _b7.feedback
   };
 }
 function useRoomLayoutHeader() {
-  var _a7, _b7;
+  var _a8, _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 _a8;
+    var _a9;
     const details2 = [];
-    if ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8["startedAt"]) {
+    if ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9["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: ((_a7 = elements.header) == null ? void 0 : _a7.title) || "",
+    title: ((_a8 = elements.header) == null ? void 0 : _a8.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 _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _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 _a8;
-    if ((_a8 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a8.enabled_by_default) {
+    var _a9;
+    if ((_a9 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a9.enabled_by_default) {
       setNoiseCancellationEnabled(true);
     }
-  }, [(_a7 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a7.enabled_by_default, setNoiseCancellationEnabled]);
+  }, [(_a8 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a8.enabled_by_default, setNoiseCancellationEnabled]);
   const defaultMediaURL = (0, import_react35.useMemo)(() => {
-    var _a8;
-    const media = ((_a8 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a8.background_media) || [];
+    var _a9;
+    const media = ((_a9 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a9.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 _a8, _b8;
+    var _a9, _b8;
     hmsActions.setAppData(
       APP_DATA.uiSettings,
       {
-        [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
+        [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
       },
       true
     );
@@ -12531,41 +12531,41 @@ var VBPlugin = class {
       }
     });
     this.getBackground = () => {
-      var _a7, _b7;
+      var _a8, _b7;
       if (this.effectsPlugin) {
-        return (_a7 = this.effectsPlugin) == null ? void 0 : _a7.getBackground();
+        return (_a8 = this.effectsPlugin) == null ? void 0 : _a8.getBackground();
       } else {
         const background = (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getBackground();
         return (background == null ? void 0 : background.src) || background;
       }
     };
     this.getBlurAmount = () => {
-      var _a7;
+      var _a8;
       if (this.effectsPlugin) {
         return this.effectsPlugin.getBlurAmount();
       } else {
-        return ((_a7 = this.hmsPlugin) == null ? void 0 : _a7.getBackground()) === import_hmsvbplugin.HMSVirtualBackgroundTypes.BLUR ? 1 : 0;
+        return ((_a8 = this.hmsPlugin) == null ? void 0 : _a8.getBackground()) === import_hmsvbplugin.HMSVirtualBackgroundTypes.BLUR ? 1 : 0;
       }
     };
     this.getVBObject = () => {
       return this.effectsPlugin || this.hmsPlugin;
     };
     this.getName = () => {
-      var _a7, _b7;
-      return this.effectsPlugin ? (_a7 = this.effectsPlugin) == null ? void 0 : _a7.getName() : (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getName();
+      var _a8, _b7;
+      return this.effectsPlugin ? (_a8 = this.effectsPlugin) == null ? void 0 : _a8.getName() : (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getName();
     };
     this.setBlur = (blurPower) => __async(this, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       if (this.effectsPlugin) {
-        (_a7 = this.effectsPlugin) == null ? void 0 : _a7.setBlur(blurPower);
+        (_a8 = this.effectsPlugin) == null ? void 0 : _a8.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 _a7, _b7, _c2;
+      var _a8, _b7, _c2;
       if (this.effectsPlugin) {
-        (_a7 = this.effectsPlugin) == null ? void 0 : _a7.setBackground(mediaURL);
+        (_a8 = this.effectsPlugin) == null ? void 0 : _a8.setBackground(mediaURL);
       } else {
         const img = document.createElement("img");
         let retries = 0;
@@ -12588,13 +12588,13 @@ var VBPlugin = class {
       }
     });
     this.getPreset = () => {
-      var _a7;
-      return ((_a7 = this.effectsPlugin) == null ? void 0 : _a7.getPreset()) || "";
+      var _a8;
+      return ((_a8 = this.effectsPlugin) == null ? void 0 : _a8.getPreset()) || "";
     };
     this.removeEffects = () => __async(this, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       if (this.effectsPlugin) {
-        (_a7 = this.effectsPlugin) == null ? void 0 : _a7.removeEffects();
+        (_a8 = this.effectsPlugin) == null ? void 0 : _a8.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 _a7, _b7;
+      var _a8, _b7;
       if (!isSafari) {
         return true;
       }
-      const browserVersion = ((_b7 = (_a7 = import_react_sdk12.parsedUserAgent) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
+      const browserVersion = ((_b7 = (_a8 = import_react_sdk12.parsedUserAgent) == null ? void 0 : _a8.getBrowser()) == null ? void 0 : _b7.version) || "16";
       if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
         return false;
       }
@@ -12825,13 +12825,13 @@ function truncateToWidth(measure, text, maxWidth) {
     return text;
   }
   let lo = 0;
-  let hi2 = text.length;
-  while (lo < hi2) {
-    const mid = Math.ceil((lo + hi2) / 2);
+  let hi = text.length;
+  while (lo < hi) {
+    const mid = Math.ceil((lo + hi) / 2);
     if (measure(text.slice(0, mid) + ELLIPSIS) <= maxWidth) {
       lo = mid;
     } else {
-      hi2 = mid - 1;
+      hi = mid - 1;
     }
   }
   return text.slice(0, lo) + ELLIPSIS;
@@ -12856,12 +12856,12 @@ var PipManager = class {
     this.latestMessage = null;
     this.messageShownAt = 0;
     this.stop = () => __async(this, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       if (this.state === "stopped" /* stopped */) {
         return;
       }
       this.state = "stopping" /* stopping */;
-      (_a7 = this.pipVideo) == null ? void 0 : _a7.removeEventListener(LEAVE_EVENT_NAME, this.stop);
+      (_a8 = this.pipVideo) == null ? void 0 : _a8.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 _a7;
+    var _a8;
     console.debug("resetting PIP state");
     resetPIPCanvasColors();
-    (_a7 = this.pipVideo) == null ? void 0 : _a7.remove();
+    (_a8 = this.pipVideo) == null ? void 0 : _a8.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 _a7, _b7, _c2;
+      var _a8, _b7, _c2;
       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 ((_a7 = this.pipVideo) == null ? void 0 : _a7.paused) {
+        if ((_a8 = this.pipVideo) == null ? void 0 : _a8.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 _a7, _b7;
+      var _a8, _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 (_a7 = this.hmsActions) == null ? void 0 : _a7.detachVideo(oldTracks[i], this.videoElements[i]);
+            yield (_a8 = this.hmsActions) == null ? void 0 : _a8.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 _a7;
+      var _a8;
       return (
         // @ts-ignore
-        (0, import_ts_pattern3.match)((_a7 = error.response) == null ? void 0 : _a7.status).with(404, () => ({
+        (0, import_ts_pattern3.match)((_a8 = error.response) == null ? void 0 : _a8.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 = (_a7) => {
-  var _b7 = _a7, { active, disabled = false, children, onClick } = _b7, props = __objRest(_b7, ["active", "disabled", "children", "onClick"]);
+var ActionTileRoot = (_a8) => {
+  var _b7 = _a8, { 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(
-  (_a7, forwardedRef) => {
-    var _b7 = _a7, { children, container } = _b7, props = __objRest(_b7, ["children", "container"]);
+  (_a8, forwardedRef) => {
+    var _b7 = _a8, { 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 _a7;
+  var _a8;
   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 = (_a7 = audioOutput == null ? void 0 : audioOutput.filter((item) => !!item.label)) != null ? _a7 : [];
+  const audioOutputFiltered = (_a8 = audioOutput == null ? void 0 : audioOutput.filter((item) => !!item.label)) != null ? _a8 : [];
   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 _a7, _b7;
+  var _a8, _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: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
+          title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.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 _a7;
-        return (_a7 = audioRef.current) == null ? void 0 : _a7.play();
+        var _a8;
+        return (_a8 = audioRef.current) == null ? void 0 : _a8.play();
       },
       disabled: playing
     },
@@ -14095,18 +14095,18 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
     }
   }, [screenType, hideSettingByTabName]);
   const [selection, setSelection] = (0, import_react47.useState)(() => {
-    var _a7;
-    return (_a7 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a7 : "";
+    var _a8;
+    return (_a8 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a8 : "";
   });
   const resetSelection = (0, import_react47.useCallback)(() => {
     setSelection("");
   }, []);
   (0, import_react47.useEffect)(() => {
-    var _a7;
+    var _a8;
     if (isMobile) {
       setSelection("");
     } else {
-      const firstNotHiddenTabName = (_a7 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a7 : "";
+      const firstNotHiddenTabName = (_a8 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a8 : "";
       setSelection(firstNotHiddenTabName);
     }
   }, [isMobile, showSetting]);
@@ -14327,11 +14327,11 @@ var OptionLabel = ({ children, icon }) => {
   );
 };
 var useNoiseCancellationWithPlugin = () => {
-  var _a7;
+  var _a8;
   const actions = (0, import_react_sdk16.useHMSActions)();
   const [inProgress, setInProgress] = (0, import_react48.useState)(false);
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
-  const isEnabledForRoom = (_a7 = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+  const isEnabledForRoom = (_a8 = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoom)) == null ? void 0 : _a8.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 _a7;
+        var _a8;
         if (playing) {
           return;
         }
-        yield (_a7 = audioRef.current) == null ? void 0 : _a7.play();
+        yield (_a8 = audioRef.current) == null ? void 0 : _a8.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 _a7;
-      const isEnabledForRoom = (_a7 = vanillaStore.getState(import_react_sdk16.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+      var _a8;
+      const isEnabledForRoom = (_a8 = vanillaStore.getState(import_react_sdk16.selectRoom)) == null ? void 0 : _a8.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 _a7;
+  var _a8;
   const { elements } = useRoomLayoutConferencingScreen();
-  return ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.roles_whitelist) || [];
+  return ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.roles_whitelist) || [];
 };
 var useDefaultChatSelection = () => {
-  var _a7;
+  var _a8;
   const { elements } = useRoomLayoutConferencingScreen();
   const roles = useFilteredRoles();
-  if ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.public_chat_enabled) {
+  if ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.public_chat_enabled) {
     return CHAT_SELECTOR.EVERYONE;
   }
   if (roles.length > 0) {
@@ -14720,20 +14720,20 @@ var useDefaultChatSelection = () => {
   return "";
 };
 var useShowStreamingUI = () => {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   const layout = useRoomLayout();
-  const { join_form } = ((_c2 = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements) || {};
+  const { join_form } = ((_c2 = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.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 _a7;
+  var _a8;
   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 ((_a7 = params == null ? void 0 : params.metadata) == null ? void 0 : _a7.isHandRaised) {
+  if ((_a8 = params == null ? void 0 : params.metadata) == null ? void 0 : _a8.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 _a7;
+      var _a8;
       if (peer.roleName && roles[peer.roleName] && !peer.isLocal) {
-        return !!((_a7 = roles[peer.roleName].publishParams) == null ? void 0 : _a7.allowed.length);
+        return !!((_a8 = roles[peer.roleName].publishParams) == null ? void 0 : _a8.allowed.length);
       }
       return false;
     });
@@ -14883,14 +14883,14 @@ var EmojiReaction = ({ showCard = false }) => {
     type: EMOJI_REACTION_TYPE
   });
   const sendReaction = (emojiId) => __async(null, null, function* () {
-    var _a7;
+    var _a8;
     const data3 = {
       type: EMOJI_REACTION_TYPE,
       emojiId,
       senderId: localPeerId
     };
     sendEvent(data3, { roleNames: roles });
-    (_a7 = window.showFlyingEmoji) == null ? void 0 : _a7.call(window, { emojiId, senderId: localPeerId });
+    (_a8 = window.showFlyingEmoji) == null ? void 0 : _a8.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 _a7;
+  var _a8;
   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: (_a7 = candidate.senderName) != null ? _a7 : "Anonymous", text },
+        message: { senderName: (_a8 = candidate.senderName) != null ? _a8 : "Anonymous", text },
         lastShownMessageId: newLastShownMessageId
       };
     }
@@ -15372,18 +15372,18 @@ var SetupMediaSession = class {
       this.setUpHandlers();
     });
     __publicField(this, "initState", () => {
-      var _a7, _b7, _c2, _d;
+      var _a8, _b7, _c2, _d;
       const isMicActive = this.store.getState(import_react_sdk23.selectIsLocalAudioEnabled);
       const isCamActive = this.store.getState(import_react_sdk23.selectIsLocalVideoEnabled);
-      (_b7 = (_a7 = navigator.mediaSession) == null ? void 0 : _a7.setMicrophoneActive) == null ? void 0 : _b7.call(_a7, isMicActive);
+      (_b7 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setMicrophoneActive) == null ? void 0 : _b7.call(_a8, isMicActive);
       (_d = (_c2 = navigator.mediaSession) == null ? void 0 : _c2.setCameraActive) == null ? void 0 : _d.call(_c2, isCamActive);
       this.store.subscribe((isMicActive2) => {
-        var _a8, _b8;
-        (_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setMicrophoneActive) == null ? void 0 : _b8.call(_a8, isMicActive2);
+        var _a9, _b8;
+        (_b8 = (_a9 = navigator.mediaSession) == null ? void 0 : _a9.setMicrophoneActive) == null ? void 0 : _b8.call(_a9, isMicActive2);
       }, import_react_sdk23.selectIsLocalAudioEnabled);
       this.store.subscribe((isCamActive2) => {
-        var _a8, _b8;
-        (_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setCameraActive) == null ? void 0 : _b8.call(_a8, isCamActive2);
+        var _a9, _b8;
+        (_b8 = (_a9 = navigator.mediaSession) == null ? void 0 : _a9.setCameraActive) == null ? void 0 : _b8.call(_a9, 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 _a7, _b7;
+      var _a8, _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 = (_a7 = store.getState(import_react_sdk24.selectHMSMessages)) == null ? void 0 : _a7.slice(-1)[0]) == null ? void 0 : _b7.id;
+      let lastShownMessageId = (_b7 = (_a8 = store.getState(import_react_sdk24.selectHMSMessages)) == null ? void 0 : _a8.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 _a7, _b7;
+  var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const { can_hide_message = false, can_block_user = false } = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) || {};
+  const { can_hide_message = false, can_block_user = false } = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.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 _a7;
+  var _a8;
   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 && ((_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);
+  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);
   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 _a7;
-  return ((_a7 = rowHeights[index]) == null ? void 0 : _a7.size) || 72;
+  var _a8;
+  return ((_a8 = rowHeights[index]) == null ? void 0 : _a8.size) || 72;
 }
 var setRowHeight = (index, id, size) => {
-  var _a7, _b7;
-  if (((_a7 = rowHeights[index]) == null ? void 0 : _a7.id) === id && ((_b7 = rowHeights[index]) == null ? void 0 : _b7.size) === size) {
+  var _a8, _b7;
+  if (((_a8 = rowHeights[index]) == null ? void 0 : _a8.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 _a7, _b7, _c2;
+    var _a8, _b7, _c2;
     const { elements } = useRoomLayoutConferencingScreen();
     const rowRef = (0, import_react68.useRef)(null);
     const isMobile = (0, import_react_use11.useMedia)(config.media.md);
-    const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
+    const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
     const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
     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 _a7, _b7, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a8, _b7, _c2, _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 = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
+  const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
   const canSendChatMessages = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled) || !!((_d = (_c2 = elements == null ? void 0 : elements.chat) == null ? void 0 : _c2.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";
@@ -16582,11 +16582,11 @@ var RoleChangeContent = ({
   onOpenChange,
   isMobile = false
 }) => {
-  var _a7;
+  var _a8;
   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)(((_a7 = roles.filter((role) => role !== (peer == null ? void 0 : peer.roleName))) == null ? void 0 : _a7[0]) || (peer == null ? void 0 : peer.roleName));
+  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 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 _a8;
+        var _a9;
         return /* @__PURE__ */ import_react71.default.createElement(
           Dropdown.Item,
           {
             "data-testid": role,
             key: role,
             onSelect: () => setRole(role),
-            css: { w: `${(_a8 = triggerRef.current) == null ? void 0 : _a8.clientWidth}px` }
+            css: { w: `${(_a9 = triggerRef.current) == null ? void 0 : _a9.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 = (_a7) => {
-  var _b7 = _a7, { Icon: Icon4, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
+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"]);
   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 = (_a7) => {
-  var _b7 = _a7, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
+var ErrorDialog = (_a8) => {
+  var _b7 = _a8, { 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 = (_a7) => {
-  var _b7 = _a7, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
+var DialogCol = (_a8) => {
+  var _b7 = _a8, { 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 = (_a7) => {
   }
   return /* @__PURE__ */ import_react72.default.createElement(Flex, __spreadValues({ direction: "column", align, justify, css: finalCSS }, props), children);
 };
-var DialogSelect = (_a7) => {
-  var _b7 = _a7, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
+var DialogSelect = (_a8) => {
+  var _b7 = _a8, { 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 = (_a7) => {
-  var _b7 = _a7, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
+var DialogInputFile = (_a8) => {
+  var _b7 = _a8, { 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 _a8;
-        return (_a8 = inputRef.current) == null ? void 0 : _a8.click();
+        var _a9;
+        return (_a9 = inputRef.current) == null ? void 0 : _a9.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 _a7, _b7;
+  var _a8, _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: (_a7 = ref.current) == null ? void 0 : _a7.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: (_a8 = ref.current) == null ? void 0 : _a8.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 _a7, _b7;
-      const peerName = (_a7 = peersMap[track.peerId]) == null ? void 0 : _a7.name;
+      var _a8, _b7;
+      const peerName = (_a8 = peersMap[track.peerId]) == null ? void 0 : _a8.name;
       const isLocalTrack = track.peerId === localPeerID;
       if (isLocalTrack && ((_b7 = track.layerDefinitions) == null ? void 0 : _b7.length)) {
         res = res.concat(
@@ -17173,22 +17173,22 @@ var useTracksWithLabel = () => {
   return tracksWithLabels;
 };
 var formatConnection = (connectionType, connectionStats) => {
-  var _a7;
+  var _a8;
   if (!connectionType) {
     return "-";
   }
-  const protocol = (_a7 = connectionStats == null ? void 0 : connectionStats.localCandidate) == null ? void 0 : _a7.protocol;
+  const protocol = (_a8 = connectionStats == null ? void 0 : connectionStats.localCandidate) == null ? void 0 : _a8.protocol;
   return connectionType.startsWith("relay") || !protocol ? connectionType : `${connectionType} / ${protocol}`;
 };
 var LocalPeerStats = () => {
-  var _a7, _b7, _c2, _d, _e, _f, _g, _h, _i, _j;
+  var _a8, _b7, _c2, _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: "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: `${(((_c2 = (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter) != null ? _c2 : 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: (_a8 = stats.subscribe) == null ? void 0 : _a8.packetsLost }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Jitter", value: `${(((_c2 = (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter) != null ? _c2 : 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",
@@ -17203,7 +17203,7 @@ var LocalPeerStats = () => {
   ));
 };
 var TrackStats = ({ trackID, layer, local }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const selector = (0, import_ts_pattern4.match)({ trackID, layer, local }).with(
     {
       layer: import_ts_pattern4.P.when((layer2) => !!layer2)
@@ -17215,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 = (_a7 = stats.subscribe) == null ? void 0 : _a7.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 = (_a8 = stats.subscribe) == null ? void 0 : _a8.jitter) != null ? _b7 : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ import_react75.default.createElement(
     StatsRow2,
     {
       label: inbound ? "Bytes Received" : "Bytes Sent",
@@ -17230,8 +17230,8 @@ var TrackStats = ({ trackID, layer, local }) => {
   ));
 };
 var DebugInfo = ({ details }) => {
-  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 _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 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,
@@ -17252,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 _a7, _b7;
+  var _a8, _b7;
   const roles = useFilteredRoles();
   const hmsActions = (0, import_react_sdk34.useHMSActions)();
   const ref = (0, import_react76.useRef)(null);
@@ -17303,7 +17303,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
     /* @__PURE__ */ import_react76.default.createElement(
       Dropdown.Content,
       {
-        css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 },
+        css: { w: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth, zIndex: 1e3 },
         onInteractOutside: () => {
           if (bulkRoleDialog) {
             setBulkRoleDialog(false);
@@ -19857,8 +19857,8 @@ function UAParser(ua, extensions, headers) {
   if (headers) {
     if (typeof headers.append === TYPEOF.FUNCTION) {
       var kv = {};
-      headers.forEach(function(v, k2) {
-        kv[String(k2).toLowerCase()] = v;
+      headers.forEach(function(v2, k2) {
+        kv[String(k2).toLowerCase()] = v2;
       });
       headers = kv;
     } else {
@@ -20417,20 +20417,20 @@ function shimOnTrack(window2) {
 }
 function shimGetSendersWithDtmf(window2) {
   if (typeof window2 === "object" && window2.RTCPeerConnection && !("getSenders" in window2.RTCPeerConnection.prototype) && "createDTMFSender" in window2.RTCPeerConnection.prototype) {
-    const shimSenderWithDtmf = function(pc2, track) {
+    const shimSenderWithDtmf = function(pc, track) {
       return {
         track,
         get dtmf() {
           if (this._dtmf === void 0) {
             if (track.kind === "audio") {
-              this._dtmf = pc2.createDTMFSender(track);
+              this._dtmf = pc.createDTMFSender(track);
             } else {
               this._dtmf = null;
             }
           }
           return this._dtmf;
         },
-        _pc: pc2
+        _pc: pc
       };
     };
     if (!window2.RTCPeerConnection.prototype.getSenders) {
@@ -20785,11 +20785,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
     }
     return this.getSenders().find((s) => s.track === track);
   };
-  function replaceInternalStreamId(pc2, description) {
+  function replaceInternalStreamId(pc, description) {
     let sdp2 = description.sdp;
-    Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
-      const externalStream = pc2._reverseStreams[internalId];
-      const internalStream = pc2._streams[externalStream.id];
+    Object.keys(pc._reverseStreams || []).forEach((internalId) => {
+      const externalStream = pc._reverseStreams[internalId];
+      const internalStream = pc._streams[externalStream.id];
       sdp2 = sdp2.replace(
         new RegExp(internalStream.id, "g"),
         externalStream.id
@@ -20800,11 +20800,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
       sdp: sdp2
     });
   }
-  function replaceExternalStreamId(pc2, description) {
+  function replaceExternalStreamId(pc, description) {
     let sdp2 = description.sdp;
-    Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
-      const externalStream = pc2._reverseStreams[internalId];
-      const internalStream = pc2._streams[externalStream.id];
+    Object.keys(pc._reverseStreams || []).forEach((internalId) => {
+      const externalStream = pc._reverseStreams[internalId];
+      const internalStream = pc._streams[externalStream.id];
       sdp2 = sdp2.replace(
         new RegExp(externalStream.id, "g"),
         internalStream.id
@@ -20918,9 +20918,9 @@ function shimPeerConnection(window2, browserDetails) {
 }
 function fixNegotiationNeeded(window2, browserDetails) {
   wrapPeerConnectionEvent(window2, "negotiationneeded", (e) => {
-    const pc2 = e.target;
-    if (browserDetails.version < 72 || pc2.getConfiguration && pc2.getConfiguration().sdpSemantics === "plan-b") {
-      if (pc2.signalingState !== "stable") {
+    const pc = e.target;
+    if (browserDetails.version < 72 || pc.getConfiguration && pc.getConfiguration().sdpSemantics === "plan-b") {
+      if (pc.signalingState !== "stable") {
         return;
       }
     }
@@ -21367,24 +21367,24 @@ function shimRemoteStreamsAPI(window2) {
     });
     const origSetRemoteDescription = window2.RTCPeerConnection.prototype.setRemoteDescription;
     window2.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription() {
-      const pc2 = this;
+      const pc = this;
       if (!this._onaddstreampoly) {
         this.addEventListener("track", this._onaddstreampoly = function(e) {
           e.streams.forEach((stream) => {
-            if (!pc2._remoteStreams) {
-              pc2._remoteStreams = [];
+            if (!pc._remoteStreams) {
+              pc._remoteStreams = [];
             }
-            if (pc2._remoteStreams.indexOf(stream) >= 0) {
+            if (pc._remoteStreams.indexOf(stream) >= 0) {
               return;
             }
-            pc2._remoteStreams.push(stream);
+            pc._remoteStreams.push(stream);
             const event = new Event("addstream");
             event.stream = stream;
-            pc2.dispatchEvent(event);
+            pc.dispatchEvent(event);
           });
         });
       }
-      return origSetRemoteDescription.apply(pc2, arguments);
+      return origSetRemoteDescription.apply(pc, arguments);
     };
   }
 }
@@ -21750,13 +21750,13 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc, pc2) {
+  function wrapDcSend(dc, pc) {
     const origDataChannelSend = dc.send;
     dc.send = function send() {
       const data3 = arguments[0];
       const length = data3.length || data3.size || data3.byteLength;
-      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)");
+      if (dc.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
+        throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
       }
       return origDataChannelSend.apply(dc, arguments);
     };
@@ -21814,11 +21814,11 @@ function shimConnectionState(window2) {
     proto[method] = function() {
       if (!this._connectionstatechangepoly) {
         this._connectionstatechangepoly = (e) => {
-          const pc2 = e.target;
-          if (pc2._lastConnectionState !== pc2.connectionState) {
-            pc2._lastConnectionState = pc2.connectionState;
+          const pc = e.target;
+          if (pc._lastConnectionState !== pc.connectionState) {
+            pc._lastConnectionState = pc.connectionState;
             const newEvent = new Event("connectionstatechange", e);
-            pc2.dispatchEvent(newEvent);
+            pc.dispatchEvent(newEvent);
           }
           return e;
         };
@@ -22028,30 +22028,30 @@ var import_eventemitter2 = require("eventemitter2");
 var import_eventemitter22 = require("eventemitter2");
 var import_uuid8 = require("uuid");
 var import_eventemitter23 = require("eventemitter2");
-var ei = __toESM(require_lib());
+var ti = __toESM(require_lib());
 var import_eventemitter24 = __toESM(require("eventemitter2"));
 var import_uuid9 = require("uuid");
 var import_uuid10 = require("uuid");
-var In = Object.defineProperty;
-var An = Object.defineProperties;
-var Rn = Object.getOwnPropertyDescriptors;
-var ci = Object.getOwnPropertySymbols;
+var An = Object.defineProperty;
+var Rn = Object.defineProperties;
+var Hn = Object.getOwnPropertyDescriptors;
+var di = Object.getOwnPropertySymbols;
 var Es = Object.prototype.hasOwnProperty;
 var Ps = Object.prototype.propertyIsEnumerable;
-var ks = (a2, e, t) => e in a2 ? In(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+var ks = (a2, e, t) => e in a2 ? An(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
 var m = (a2, e) => {
   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]);
+  if (di) for (var t of di(e)) Ps.call(e, t) && ks(a2, t, e[t]);
   return a2;
 };
-var M = (a2, e) => An(a2, Rn(e));
+var y = (a2, e) => Rn(a2, Hn(e));
 var Ar = (a2, e) => {
   var t = {};
   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]);
+  if (a2 != null && di) for (var i of di(a2)) e.indexOf(i) < 0 && Ps.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var Ln = (a2, e) => () => {
+var wn = (a2, e) => () => {
   try {
     return e || a2((e = { exports: {} }).exports, e), e.exports;
   } catch (t) {
@@ -22074,19 +22074,19 @@ var c = (a2, e, t) => new Promise((i, r) => {
   }, o = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, n);
   o((t = t.apply(a2, e)).next());
 });
-var _r = Ln((bd, Fn) => {
-  Fn.exports = { version: "0.15.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 _r = wn((Id, Gn) => {
+  Gn.exports = { version: "0.15.2-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 wn = ((e) => (e.CHAT = "chat", e))(wn || {});
-var bs = ((t) => (t.INFO = "info", t.ERROR = "error", t))(bs || {});
+var Dn = ((e) => (e.CHAT = "chat", e))(Dn || {});
+var Is = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Is || {});
 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 Is = ((t) => (t.audio = "audio", t.video = "video", t))(Is || {});
+var As = ((t) => (t.audio = "audio", t.video = "video", t))(As || {});
 function $e(a2, e) {
   let t, i;
   if (e) for (let r of e.auxiliaryTracks) {
     let s = a2[r];
-    Dn(s) && (i = Mt(s) ? s : i, t = yt(s) ? s : t);
+    _n(s) && (i = Mt(s) ? s : i, t = yt(s) ? s : t);
   }
   return { video: t, audio: i };
 }
@@ -22096,19 +22096,19 @@ function Mt(a2) {
 function yt(a2) {
   return a2 && a2.type === "video";
 }
-function Dn(a2) {
+function _n(a2) {
   return a2 && a2.source === "screen";
 }
-function ui(a2) {
+function pi(a2) {
   return a2 && a2.source === "audioplaylist";
 }
 function kt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function As(a2) {
+function Rs(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
-function Xe(a2, e) {
+function Ze(a2, e) {
   return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
 }
 function Et(a2) {
@@ -22116,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 Hs = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(Hs || {});
-var _n = typeof window != "undefined" && typeof window.expect != "undefined";
+var Cs = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(Cs || {});
+var Nn = typeof window != "undefined" && typeof window.expect != "undefined";
 var d = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -22182,7 +22182,7 @@ var d = class {
     }
   }
 };
-d.level = _n ? 7 : 0;
+d.level = Nn ? 7 : 0;
 var Cr = new UAParser();
 var Pt = null;
 var Lr = null;
@@ -22199,29 +22199,29 @@ 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 Cs;
-var We = typeof window == "undefined" && !((Cs = Y.getBrowser().name) != null && Cs.toLowerCase().includes("electron"));
-var On = () => !We;
-var Qc = On();
 var Ls;
+var We = typeof window == "undefined" && !((Ls = Y.getBrowser().name) != null && Ls.toLowerCase().includes("electron"));
+var xn = () => !We;
+var Qc = xn();
 var ws;
-var Vs = (ws = (Ls = Y.getBrowser()) == null ? void 0 : Ls.name) == null ? void 0 : ws.toLowerCase().includes("safari");
 var Ds;
+var Fs = (Ds = (ws = Y.getBrowser()) == null ? void 0 : ws.name) == null ? void 0 : Ds.toLowerCase().includes("safari");
 var _s;
-var Fs = ((_s = (Ds = Y.getBrowser()) == null ? void 0 : Ds.name) == null ? void 0 : _s.toLowerCase()) === "firefox";
 var Ns;
+var Gs = ((Ns = (_s = Y.getBrowser()) == null ? void 0 : _s.name) == null ? void 0 : Ns.toLowerCase()) === "firefox";
 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 Un() {
+var xs;
+var $s = ((xs = (Os = Y.getEngine()) == null ? void 0 : Os.name) == null ? void 0 : xs.toLowerCase()) === "blink";
+var Ws = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Ws || {});
+function Bn() {
   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 = Un();
-var E = { 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 tt = Bn();
+var E = { 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, PUBLISH_ANSWER_SUPERSEDED: 4008 }, 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 k = class a extends Error {
   constructor(t, i, r, s, n, o = false) {
     super(s);
@@ -22261,7 +22261,7 @@ var K = class extends k {
     this.trackType = o;
   }
   toAnalyticsProperties() {
-    return M(m({}, super.toAnalyticsProperties()), { track_type: this.trackType });
+    return y(m({}, super.toAnalyticsProperties()), { track_type: this.trackType });
   }
   toString() {
     var t;
@@ -22277,8 +22277,8 @@ var K = class extends k {
       }`;
   }
 };
-var Ws = ((r) => (r.AUDIO = "audio", r.VIDEO = "video", r.AUDIO_VIDEO = "audio, video", r.SCREEN = "screen", r))(Ws || {});
-var Bn = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var qs = ((r) => (r.AUDIO = "audio", r.VIDEO = "video", r.AUDIO_VIDEO = "audio, video", r.SCREEN = "screen", r))(qs || {});
+var Vn = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new k(E.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
@@ -22333,6 +22333,8 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new k(E.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
 }, SetRemoteDescriptionFailed(a2, e = "") {
   return new k(E.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
+}, PublishAnswerSuperseded(a2, e = "") {
+  return new k(E.WebrtcErrors.PUBLISH_ANSWER_SUPERSEDED, "PublishAnswerSuperseded", a2, `[${a2.toString()}]: Publish answer discarded, a newer offer is in flight. `, e);
 }, ICEFailure(a2, e = "", t = false) {
   return new k(E.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
 }, ICEDisconnected(a2, e = "") {
@@ -22340,7 +22342,7 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, StatsFailed(a2, e = "") {
   return new k(E.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-  return new k(a2, "ServerErrors", e, t, t, Bn.includes(e));
+  return new k(a2, "ServerErrors", e, t, t, Vn.includes(e));
 }, AlreadyJoined(a2, e = "") {
   return new k(E.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -22414,7 +22416,7 @@ var Dr = class {
     return this.valuesMap.size;
   }
 };
-var qs = () => {
+var Ks = () => {
   try {
     V && !localStorage && (window.localStorage = new Dr());
   } catch (a2) {
@@ -22428,7 +22430,7 @@ var ye = class {
   }
   getStorage() {
     try {
-      return V && !this.storage && (qs(), this.storage = window.localStorage), this.storage;
+      return V && !this.storage && (Ks(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return d.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -22448,7 +22450,7 @@ var ye = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var hi = () => {
+var mi = () => {
   let a2, e = new ye("hms-analytics-deviceId"), t = e.get();
   return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
 };
@@ -22457,126 +22459,129 @@ function W(a2) {
 }
 var Qs = _r().version;
 function At(a2 = "prod", e) {
-  let i = et !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
-  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 i = tt !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
+  if (We) return zs({ os: "web_nodejs", os_version: process.version, sdk: "web", sdk_version: Qs, env: i, domain: tt, 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}`), l = r.version || "", u = Nr(`${n.name}_${n.version}`), p = u;
-  return s.type && (p = `${Nr(`${s.vendor}_${s.type}`)}/${u}`), Js({ os: o, os_version: l, 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 });
+  return s.type && (p = `${Nr(`${s.vendor}_${s.type}`)}/${u}`), zs({ os: o, os_version: l, sdk: "web", sdk_version: Qs, device_model: p, env: i, domain: tt, 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 Js = (a2, e = ",") => Object.keys(a2).filter((t) => W(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
-var C = class {
+var zs = (a2, e = ",") => Object.keys(a2).filter((t) => W(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var H = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: At() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = hi();
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = mi();
   }
   toSignalParams() {
-    return { name: this.name, info: M(m({}, this.properties), { timestamp: this.timestamp, domain: et }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: y(m({}, this.properties), { timestamp: this.timestamp, domain: tt }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
-var y = class {
+var v = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-    let n = this.eventNameFor("connect", e === void 0), o = e ? 2 : 1, l = this.getPropertiesWithError(M(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
-    return new C({ name: n, level: o, properties: l });
+    let n = this.eventNameFor("connect", e === void 0), o = e ? 2 : 1, l = this.getPropertiesWithError(y(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+    return new H({ name: n, level: o, properties: l });
   }
   static disconnect(e, t) {
     let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
-    return new C({ name: i, level: r, properties: s });
+    return new H({ name: i, level: r, properties: s });
   }
   static preview(i) {
     var r = i, { error: e } = r, t = Ar(r, ["error"]);
     let s = this.eventNameFor("preview", e === void 0), n = e ? 2 : 1, o = this.getPropertiesWithError(t, e);
-    return new C({ name: s, level: n, properties: o });
+    return new H({ name: s, level: n, properties: o });
   }
   static join(i) {
     var r = i, { error: e } = r, t = Ar(r, ["error"]);
-    let s = this.eventNameFor("join", e === void 0), n = e ? 2 : 1, o = this.getPropertiesWithError(M(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
-    return new C({ name: s, level: n, properties: o });
+    let s = this.eventNameFor("join", e === void 0), n = e ? 2 : 1, o = this.getPropertiesWithError(y(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    return new H({ name: s, level: n, properties: o });
   }
   static publish({ devices: e, settings: t, error: i }) {
     let r = this.eventNameFor("publish", i === void 0), s = i ? 2 : 1, n = this.getPropertiesWithError({ devices: e, audio: t == null ? void 0 : t.audio, video: t == null ? void 0 : t.video }, i);
-    return new C({ name: r, level: s, properties: n });
+    return new H({ name: r, level: s, properties: n });
   }
   static hlsPlayerError(e) {
-    return new C({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
+    return new H({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
   }
   static subscribeFail(e) {
     let t = this.eventNameFor("subscribe", false), i = 2, r = this.getErrorProperties(e);
-    return new C({ name: t, level: i, properties: r });
+    return new H({ name: t, level: i, properties: r });
   }
   static subscribeRequestRetry(e) {
-    return new C({ name: "subscribeRequestRetry", level: 1, properties: e });
+    return new H({ name: "subscribeRequestRetry", level: 1, properties: e });
+  }
+  static publishAnswerDiscarded(e) {
+    return new H({ name: "publishAnswerDiscarded", level: 1, properties: e });
   }
   static subscribeRequestUnanswered(e) {
-    return new C({ name: "subscribeRequestUnanswered", level: 2, properties: e });
+    return new H({ name: "subscribeRequestUnanswered", level: 2, properties: e });
   }
   static leave() {
-    return new C({ name: "leave", level: 1 });
+    return new H({ name: "leave", level: 1 });
   }
   static autoplayError() {
-    return new C({ name: "autoplayError", level: 2 });
+    return new H({ name: "autoplayError", level: 2 });
   }
   static audioPlaybackError(e) {
-    return new C({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
+    return new H({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
   }
   static audioRecovered(e) {
-    return new C({ name: "audioRecovered", level: 1, properties: { message: e } });
+    return new H({ name: "audioRecovered", level: 1, properties: { message: e } });
   }
   static permissionChange(e, t) {
-    return new C({ name: "permissionChanged", level: 1, properties: { message: `Perrmission for ${e} changed to ${t}` } });
+    return new H({ name: "permissionChanged", level: 1, properties: { message: `Perrmission for ${e} changed to ${t}` } });
   }
   static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
     let n = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), o = s ? 2 : 1, l = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
-    return new C({ name: n, level: o, properties: l });
+    return new H({ name: n, level: o, properties: l });
   }
   static performance(e) {
     let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
-    return new C({ name: t, level: i, properties: r });
+    return new H({ name: t, level: i, properties: r });
   }
   static rtcStats(e) {
     let t = "rtc.stats", i = 1, r = e.toAnalyticsProperties();
-    return new C({ name: t, level: i, properties: r });
+    return new H({ name: t, level: i, properties: r });
   }
   static rtcStatsFailed(e) {
     let t = "rtc.stats.failed", i = 2;
-    return new C({ name: t, level: i, properties: this.getErrorProperties(e) });
+    return new H({ name: t, level: i, properties: this.getErrorProperties(e) });
   }
   static degradationStats(e, t) {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
     if (!t && e.degradedAt instanceof Date) {
       let n = /* @__PURE__ */ new Date(), o = n.valueOf() - e.degradedAt.valueOf();
-      s = M(m({}, s), { duration: o, restoredAt: n });
+      s = y(m({}, s), { duration: o, restoredAt: n });
     }
-    return new C({ name: i, level: r, properties: s });
+    return new H({ name: i, level: r, properties: s });
   }
   static audioDetectionFail(e, t) {
     let i = this.getPropertiesWithError({ device: t }, e), r = 2, s = "audiopresence.failed";
-    return new C({ name: s, level: r, properties: i });
+    return new H({ name: s, level: r, properties: i });
   }
   static previewNetworkQuality(e) {
-    return new C({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
+    return new H({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
   }
   static publishStats(e) {
-    return new C({ name: "publisher.stats", level: 1, properties: e });
+    return new H({ name: "publisher.stats", level: 1, properties: e });
   }
   static subscribeStats(e) {
-    return new C({ name: "subscriber.stats", level: 1, properties: e });
+    return new H({ name: "subscriber.stats", level: 1, properties: e });
   }
   static getKrispUsage(e) {
-    return new C({ name: "krisp.usage", level: 1, properties: { duration: e } });
+    return new H({ name: "krisp.usage", level: 1, properties: { duration: e } });
   }
   static krispStart() {
-    return new C({ name: "krisp.start", level: 1 });
+    return new H({ name: "krisp.start", level: 1 });
   }
   static krispStop() {
-    return new C({ name: "krisp.stop", level: 1 });
+    return new H({ name: "krisp.stop", level: 1 });
   }
   static interruption({ started: e, type: t, reason: i, deviceInfo: r, trackInfo: s }) {
-    return new C({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: M(m({ reason: i, type: t, pageHidden: document.visibilityState === "hidden" }, r), { trackInfo: s }) });
+    return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: y(m({ reason: i, type: t, pageHidden: document.visibilityState === "hidden" }, r), { trackInfo: s }) });
   }
   static mediaConstraints({ requestedConstraints: e, appliedConstraints: t, trackSettings: i }) {
-    return new C({ name: "media.constraints", level: 1, properties: { requested_constraints: e, applied_constraints: t, track_settings: i, webgpu_supported: typeof navigator != "undefined" && "gpu" in navigator, media_stream_track_processor_supported: typeof window != "undefined" && "MediaStreamTrackProcessor" in window } });
+    return new H({ name: "media.constraints", level: 1, properties: { requested_constraints: e, applied_constraints: t, track_settings: i, webgpu_supported: typeof navigator != "undefined" && "gpu" in navigator, media_stream_track_processor_supported: typeof window != "undefined" && "MediaStreamTrackProcessor" in window } });
   }
   static eventNameFor(e, t) {
     return `${e}.${t ? "success" : "failed"}`;
@@ -22589,7 +22594,7 @@ var y = class {
     return e ? e instanceof k ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
   }
 };
-y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
+v.KEY_REQUESTED_AT = "requested_at", v.KEY_RESPONDED_AT = "responded_at";
 var Or = class {
   constructor() {
     this.storage = new ye("hms-device-selection");
@@ -22637,19 +22642,19 @@ var Or = class {
 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 zs = "https://event.100ms.live/v2/client/report";
-var Ys = "https://event-nonprod.100ms.live/v2/client/report";
+var Ys = "https://event.100ms.live/v2/client/report";
+var Xs = "https://event-nonprod.100ms.live/v2/client/report";
 var Rt = Math.pow(2, 31) - 1;
 var Fr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Fr || {});
-var ra = ((o) => (o.NONE = "none", o.INITIALISED = "initialised", o.STARTED = "started", o.PAUSED = "paused", o.RESUMED = "resumed", o.STOPPED = "stopped", o.FAILED = "failed", o))(ra || {});
-var sa = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(sa || {});
-var aa = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(aa || {});
-var na = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(na || {});
-var oa = ((e) => (e.CAPTION = "caption", e))(oa || {});
+var sa = ((o) => (o.NONE = "none", o.INITIALISED = "initialised", o.STARTED = "started", o.PAUSED = "paused", o.RESUMED = "resumed", o.STOPPED = "stopped", o.FAILED = "failed", o))(sa || {});
+var aa = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(aa || {});
+var na = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(na || {});
+var oa = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(oa || {});
+var ca = ((e) => (e.CAPTION = "caption", e))(ca || {});
 var Gr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Gr || {});
-var ca = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(ca || {});
+var da = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(da || {});
 var $r = ((r) => (r.SPEAKERPHONE = "SPEAKERPHONE", r.WIRED = "WIRED", r.BLUETOOTH = "BLUETOOTH", r.EARPIECE = "EARPIECE", r))($r || {});
-function Mi(a2, e = 300) {
+function yi(a2, e = 300) {
   let t;
   return function(...i) {
     clearTimeout(t), t = void 0;
@@ -22659,7 +22664,7 @@ function Mi(a2, e = 300) {
     }, e);
   };
 }
-var Jr = class {
+var Qr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -22685,7 +22690,7 @@ var Jr = class {
     return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var ma = new Jr();
+var Sa = new Qr();
 var zr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
@@ -22699,7 +22704,7 @@ var zr = class {
       (t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
     };
     this.createObserver = () => {
-      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(Mi(this.handleResize, 300)));
+      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(yi(this.handleResize, 300)));
     };
     this.handleResize = (e) => {
       var t;
@@ -22712,7 +22717,7 @@ var zr = class {
     return e || d.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Sa = new zr();
+var ga = new zr();
 var Yr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Yr || {});
 var Xr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Xr || {});
 var ts = (a2) => {
@@ -22723,33 +22728,33 @@ var dt = class {
 };
 dt.makePeerId = () => (0, import_uuid7.v4)();
 var G = (a2) => a2.room;
-var To = (a2) => a2.errors;
-var tS = createSelector(To, (a2) => a2.length === 0 ? null : a2.at(-1));
-var iS = createSelector(G, (a2) => a2.id);
+var fo = (a2) => a2.errors;
+var iS = createSelector(fo, (a2) => a2.length === 0 ? null : a2.at(-1));
+var rS = createSelector(G, (a2) => a2.id);
 var ee = (a2) => a2.peers;
-var Ci = (a2) => a2.messages.byID;
-var Ia = (a2) => a2.messages.allIDs;
+var Li = (a2) => a2.messages.byID;
+var Aa = (a2) => a2.messages.allIDs;
 var N = (a2) => a2.tracks;
 var rs = (a2) => a2.appData;
-var fo = (a2) => a2.speakers;
+var vo = (a2) => a2.speakers;
 var Fe = createSelector([G], (a2) => a2 && a2.isConnected);
-var aS = 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 vo = (a2) => a2.hideLocalPeer;
-var Pe = createSelector([G, ee, vo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Mo = createSelector(N, (a2) => Object.values(a2));
+var nS = 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 Mo = (a2) => a2.hideLocalPeer;
+var Pe = createSelector([G, ee, Mo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var yo = createSelector(N, (a2) => Object.values(a2));
 var te = createSelector(G, ee, (a2, e) => e[a2.localPeer]);
 var Re = createSelector(G, (a2) => a2.localPeer);
-var nS = createSelector(te, (a2) => a2 == null ? void 0 : a2.name);
-var oS = createSelector(te, (a2) => a2 == null ? void 0 : a2.roleName);
+var oS = createSelector(te, (a2) => a2 == null ? void 0 : a2.name);
+var cS = 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 yo = createSelector(te, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Ra = createSelector([Se, ae, yo], (a2, e, t) => {
+var ko = createSelector(te, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Ha = createSelector([Se, ae, ko], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var cS = createSelector(Pe, (a2) => a2.filter((e) => !e.isLocal));
-var dS = createSelector(ee, fo, (a2, e) => {
+var dS = createSelector(Pe, (a2) => a2.filter((e) => !e.isLocal));
+var lS = createSelector(ee, vo, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var o, l;
     let s = ((o = i[1]) == null ? void 0 : o.audioLevel) || 0;
@@ -22765,7 +22770,7 @@ var as = createSelector(te, N, (a2, e) => {
   let { video: t, audio: i } = $e(e, a2);
   return !!(t || i);
 });
-var ko = createSelector(ee, N, (a2, e) => {
+var Eo = createSelector(ee, N, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: n } = $e(e, r);
@@ -22774,14 +22779,14 @@ var ko = createSelector(ee, N, (a2, e) => {
   }
   return t;
 });
-var hS = createSelector(ko, (a2) => !!a2);
-var mS = createSelector(ee, N, (a2, e) => {
+var mS = createSelector(Eo, (a2) => !!a2);
+var SS = createSelector(ee, N, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = $e(e, i);
     if (!s && r) return i;
   }
 });
-var SS = createSelector(ee, N, (a2, e) => {
+var gS = createSelector(ee, N, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: n, audio: o } = $e(e, s);
@@ -22789,83 +22794,83 @@ var SS = createSelector(ee, N, (a2, e) => {
   }
   return t.concat(i);
 });
-var gS = createSelector(ee, N, (a2, e) => {
+var TS = 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 TS = createSelector(ee, N, (a2, e) => {
+var fS = createSelector(ee, N, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (ui(i) && i.peerId) return a2[i.peerId];
+    if (pi(i) && i.peerId) return a2[i.peerId];
   }
 });
-var fS = createSelector(Mo, (a2) => a2.filter(As));
-var vS = createSelector(Ia, (a2) => a2.length);
-var MS = createSelector(Ci, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var Nt = createSelector(Ia, Ci, (a2, e) => {
+var vS = createSelector(yo, (a2) => a2.filter(Rs));
+var MS = createSelector(Aa, (a2) => a2.length);
+var yS = createSelector(Li, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var Nt = createSelector(Aa, Li, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Eo = createSelector(Nt, (a2) => a2.filter((e) => {
+var Po = createSelector(Nt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var yS = createSelector(Eo, (a2) => a2.filter((e) => !e.read).length);
+var kS = createSelector(Po, (a2) => a2.filter((e) => !e.read).length);
 var le = createSelector([G], (a2) => a2 && a2.roomState);
-var Ca = createSelector(le, (a2) => a2 === "Preview");
-var kS = createSelector(G, (a2) => a2.roomState !== "Disconnected");
-var ES = createSelector(G, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+var La = createSelector(le, (a2) => a2 === "Preview");
+var ES = createSelector(G, (a2) => a2.roomState !== "Disconnected");
+var PS = 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 PS = createSelector([be], (a2) => Object.keys(a2));
+var bS = createSelector([be], (a2) => Object.keys(a2));
 var ut = createSelector([te, be], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var Po = (a2) => {
+var bo = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var La = createSelector([Po, be], (a2, e) => a2 ? e[a2] : null);
-var bS = createSelector([ut], (a2) => {
+var wa = createSelector([bo, be], (a2, e) => a2 ? e[a2] : null);
+var IS = createSelector([ut], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var wa = createSelector(ut, (a2) => a2 == null ? void 0 : a2.permissions);
-var IS = createSelector(G, (a2) => a2.recording);
-var AS = createSelector(G, (a2) => a2.rtmp);
-var RS = createSelector(G, (a2) => a2.hls);
-var HS = createSelector(G, (a2) => a2.transcriptions);
-var CS = createSelector(G, (a2) => {
+var Da = createSelector(ut, (a2) => a2 == null ? void 0 : a2.permissions);
+var AS = createSelector(G, (a2) => a2.recording);
+var RS = createSelector(G, (a2) => a2.rtmp);
+var HS = createSelector(G, (a2) => a2.hls);
+var CS = createSelector(G, (a2) => a2.transcriptions);
+var LS = 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 LS = createSelector(G, (a2) => a2.sessionId);
-var wS = createSelector(G, (a2) => a2.startedAt);
-var DS = createSelector(G, (a2) => !!a2.isLargeRoom);
-var _S = createSelector(G, (a2) => !!a2.isEffectsEnabled);
-var NS = createSelector(G, (a2) => !!a2.isVBEnabled);
-var OS2 = createSelector(G, (a2) => a2.effectsKey);
-var Da = (a2) => a2.polls;
-var VS = createSelector(Pe, (a2) => a2.filter((e) => e.isHandRaised));
-var bo = (a2) => a2.whiteboards;
-var FS = createSelector(bo, (a2) => Object.values(a2)[0]);
-var Na = (a2 = "audio") => (e) => e.playlist[a2].list;
+var wS = createSelector(G, (a2) => a2.sessionId);
+var DS = createSelector(G, (a2) => a2.startedAt);
+var _S = createSelector(G, (a2) => !!a2.isLargeRoom);
+var NS = createSelector(G, (a2) => !!a2.isEffectsEnabled);
+var OS2 = createSelector(G, (a2) => !!a2.isVBEnabled);
+var xS = createSelector(G, (a2) => a2.effectsKey);
+var _a7 = (a2) => a2.polls;
+var FS = createSelector(Pe, (a2) => a2.filter((e) => e.isHandRaised));
+var Io = (a2) => a2.whiteboards;
+var GS = createSelector(Io, (a2) => Object.values(a2)[0]);
+var Oa = (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) => {
+var xa = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var Ua = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var Ba = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var Va = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var Fa = (a2 = "audio") => createSelector(Oa(a2), (e) => Object.values(e));
+var Ga = (a2 = "audio") => createSelector(Oa(a2), ns(a2), (e, t) => {
   if (t.id) return e[t.id];
 });
-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) {
+var $a = { selection: ns("audio"), progress: xa("audio"), currentTime: Ua("audio"), playbackRate: Ba("audio"), volume: Va("audio"), list: Fa("audio"), selectedItem: Ga("audio") };
+var Wa = { selection: ns("video"), progress: xa("video"), currentTime: Ua("video"), playbackRate: Ba("video"), volume: Va("video"), list: Fa("video"), selectedItem: Ga("video") };
+function C(a2) {
   return (e) => (t) => a2(t, e);
 }
 var Ot = "HMS-Store:";
@@ -22936,120 +22941,120 @@ var b = class {
 b.level = 0;
 var os = (a2, e) => e;
 var xt = (a2, e) => e;
-var Wa = (a2, e) => e;
-var Io = (a2, e) => e;
+var qa = (a2, e) => e;
 var Ao = (a2, e) => e;
+var Ro = (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 Ro = 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;
 });
-var Ho = createSelector([N, xt], (a2, e) => {
+var Co = createSelector([N, xt], (a2, e) => {
   if (!e) return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var Co = createSelector([N, xt], (a2, e) => {
+var Lo = 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 Lo = createSelector([N, xt], (a2, e) => {
+var wo = 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 wo = createSelector([Da, Ao], (a2, e) => e ? a2[e] : null);
-var ne = H(ie);
-var XS = H(createSelector([rs, Io], (a2, e) => {
+var Do = createSelector([_a7, Ro], (a2, e) => e ? a2[e] : null);
+var ne = C(ie);
+var ZS = C(createSelector([rs, Ao], (a2, e) => {
   if (a2) return e ? a2[e] : a2;
 }));
-function ZS(a2) {
+function eg(a2) {
   return (e) => {
     if (e.sessionStore) return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var tg = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.name));
-var ig = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.type));
-var Li = H(cs);
-var qa = H(Ro);
-var rg = H(Ho);
-var sg = H(Co);
-var ag = H(Lo);
-var Do = H((a2, e) => {
+var ig = C(createSelector(ie, (a2) => a2 == null ? void 0 : a2.name));
+var rg = C(createSelector(ie, (a2) => a2 == null ? void 0 : a2.type));
+var wi = C(cs);
+var Ka = C(Ho);
+var sg = C(Co);
+var ag = C(Lo);
+var ng = C(wo);
+var _o = C((a2, e) => {
   let t = ie(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "") return a2.tracks[t.videoTrack];
 });
-var _o = H((a2, e) => {
+var No = C((a2, e) => {
   let t = ie(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "") return a2.tracks[t.audioTrack];
 });
-var og = H((a2, e) => {
+var cg = C((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 cg = H(createSelector(Ka, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var No = (a2, e) => {
-  let t = _o(e)(a2);
-  return Ka(a2, t == null ? void 0 : t.id);
-};
-var dg = H(createSelector(No, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var lg = H((a2, e) => {
+var ja = (a2, e) => e ? a2.speakers[e] : null;
+var dg = C(createSelector(ja, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Oo = (a2, e) => {
+  let t = No(e)(a2);
+  return ja(a2, t == null ? void 0 : t.id);
+};
+var lg = C(createSelector(Oo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var ug = C((a2, e) => {
   if (e) return a2.connectionQualities[e];
 });
-var ug = H((a2, e) => {
+var pg = C((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 pg = H(createSelector(N, ie, (a2, e) => {
+var hg = C(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 hg = H(createSelector(N, ie, (a2, e) => {
+var mg = C(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 mg = H(createSelector(N, ie, (a2, e) => {
+var Sg = C(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 pi(r) && Mt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var ja = H(createSelector(N, ie, (a2, e) => $e(a2, e)));
-var Qa = (a2) => createSelector(ja(a2), (e) => e.audio);
-var gg = H((a2, e) => {
+var Ja = C(createSelector(N, ie, (a2, e) => $e(a2, e)));
+var Qa = (a2) => createSelector(Ja(a2), (e) => e.audio);
+var Tg = C((a2, e) => {
   let t = ie(a2, e);
-  return Xe(a2, t == null ? void 0 : t.audioTrack);
+  return Ze(a2, t == null ? void 0 : t.audioTrack);
 });
-var Tg = H((a2, e) => {
+var fg = C((a2, e) => {
   let t = ie(a2, e);
-  return Xe(a2, t == null ? void 0 : t.videoTrack);
+  return Ze(a2, t == null ? void 0 : t.videoTrack);
 });
-var Ja = H((a2, e) => {
+var za = C((a2, e) => {
   if (e && a2.tracks[e]) return a2.tracks[e].volume === 0;
 });
-var fg = H((a2, e) => {
+var vg = C((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 vg = H((a2, e) => {
+var Mg = C((a2, e) => {
   let t = Qa(e)(a2);
-  return Ja(t == null ? void 0 : t.id)(a2);
+  return za(t == null ? void 0 : t.id)(a2);
 });
-var za = H((a2, e) => {
+var Ya = C((a2, e) => {
   let t = cs(a2, e);
   if (t) {
     if (t.type !== "audio") {
@@ -23059,15 +23064,15 @@ var za = H((a2, e) => {
     return t.volume;
   }
 });
-var Mg = H((a2, e) => {
+var yg = C((a2, e) => {
   let t = ie(a2, e);
-  return za(t == null ? void 0 : t.audioTrack)(a2);
+  return Ya(t == null ? void 0 : t.audioTrack)(a2);
 });
-var yg = H((a2, e) => {
+var kg = C((a2, e) => {
   let t = Qa(e)(a2);
-  return za(t == null ? void 0 : t.id)(a2);
+  return Ya(t == null ? void 0 : t.id)(a2);
 });
-var kg = H((a2, e) => {
+var Eg = C((a2, e) => {
   let t = cs(a2, e);
   if (t) {
     if (t.type !== "video") {
@@ -23077,47 +23082,47 @@ var kg = H((a2, e) => {
     return t.layer;
   }
 });
-var Ya = createSelector([Nt, Re, os], (a2, e, t) => {
+var Xa = 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 Xa = createSelector([Nt, Wa], (a2, e) => {
+var Za = createSelector([Nt, qa], (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 Oo = createSelector(Nt, (a2) => a2.filter((e) => {
+var xo = createSelector(Nt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var xo = createSelector([Xa, Wa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Uo = createSelector([Ya, os], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Eg = createSelector(Oo, (a2) => a2.filter((e) => !e.read).length);
-var Pg = H(Ya);
-var bg2 = H(Xa);
-var Ig = H(xo);
-var Ag = H(Uo);
-var Za = H(wo);
-var Bg = createSelector([ee, N], (a2, e) => Object.values(a2).map((i) => {
+var Uo = createSelector([Za, qa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Bo = createSelector([Xa, os], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Pg = createSelector(xo, (a2) => a2.filter((e) => !e.read).length);
+var bg2 = C(Xa);
+var Ig = C(Za);
+var Ag = C(Uo);
+var Rg = C(Bo);
+var en = C(Do);
+var Vg = 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 Bo = (a2) => a2.roleChangeRequests[0] || null;
-var Vg = createSelector([Bo, ee, be], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var Fg = createSelector([ut], (a2) => Et(a2));
-var Gg = createSelector([La], (a2) => Et(a2));
-var Fo = createSelector([ae, N], (a2, e) => {
+var Vo = (a2) => a2.roleChangeRequests[0] || null;
+var Fg = createSelector([Vo, ee, be], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var Gg = createSelector([ut], (a2) => Et(a2));
+var $g = createSelector([wa], (a2) => Et(a2));
+var Go = createSelector([ae, N], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Go = createSelector([Se, N], (a2, e) => {
+var $o = createSelector([Se, N], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var qo = ((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))(qo || {});
+var Ko = ((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))(Ko || {});
 var hs = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
@@ -23137,7 +23142,7 @@ var hs = 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" ? zs : Ys;
+    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" ? Ys : Xs;
     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);
@@ -23171,7 +23176,7 @@ var jt = class {
   static sendFeedback(s) {
     return c(this, arguments, function* ({ token: e, eventEndpoint: t = "https://event.100ms.live", info: i, feedback: r }) {
       d.d(this.TAG, `sendFeedback: feedbackEndpoint=${t} peerId=${i.peer.peer_id} session=${i.peer.session_id} `);
-      let n = new URL("v2/client/feedback", t), o = M(m({}, i), { payload: r });
+      let n = new URL("v2/client/feedback", t), o = y(m({}, i), { payload: r });
       try {
         let l = yield fetch(n, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(o), method: "POST" });
         try {
@@ -23190,66 +23195,66 @@ var jt = class {
 jt.TAG = "[FeedbackService]";
 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 Yt = ((o) => (o.Disconnected = "Disconnected", o.Connecting = "Connecting", o.Joined = "Joined", o.Preview = "Preview", o.Failed = "Failed", o.Reconnecting = "Reconnecting", o.Leaving = "Leaving", o))(Yt || {});
 var gt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(gt || {});
-var pc = (a2) => a2.localPeer.id;
-var hc = (a2) => a2.localPeer.audioTrack;
-var mc = (a2) => a2.localPeer.videoTrack;
-var Sc = (a2, e) => e;
-var Pn = (a2, e) => e;
-var gc = (a2) => a2.remoteTrackStats;
-var bn = (a2) => a2.peerStats;
+var hc = (a2) => a2.localPeer.id;
+var mc = (a2) => a2.localPeer.audioTrack;
+var Sc = (a2) => a2.localPeer.videoTrack;
+var gc = (a2, e) => e;
+var bn = (a2, e) => e;
+var Tc = (a2) => a2.remoteTrackStats;
+var In = (a2) => a2.peerStats;
 var fs = (a2) => a2.localTrackStats;
-var Me = createSelector([bn, pc], (a2, e) => a2[e]);
-var Tc = createSelector(Me, (a2) => {
+var Me = createSelector([In, hc], (a2, e) => a2[e]);
+var fc = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var fc = createSelector(Me, (a2) => {
+var vc = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var vc = createSelector(Me, (a2) => {
+var Mc = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var Mc = createSelector(Me, (a2) => {
+var yc = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var yc = createSelector(Me, (a2) => {
+var kc = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var kc = createSelector(Me, (a2) => {
+var Ec = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var Ec = createSelector(Me, (a2) => ts(a2 == null ? void 0 : a2.publish));
-var Pc = createSelector(Me, (a2) => ts(a2 == null ? void 0 : a2.subscribe));
-var bc = createSelector(Me, (a2) => {
+var Pc = createSelector(Me, (a2) => ts(a2 == null ? void 0 : a2.publish));
+var bc = createSelector(Me, (a2) => ts(a2 == null ? void 0 : a2.subscribe));
+var Ic = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Ic = createSelector(Me, (a2) => {
+var Ac = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var Ac = createSelector([bn, Sc], (a2, e) => e ? a2[e] : void 0);
-var Rc = createSelector([gc, Pn], (a2, e) => e ? a2[e] : void 0);
-var vs = createSelector([fs, Pn], (a2, e) => e ? a2[e] : void 0);
-var Hc = H(Ac);
-var Cc = H(Rc);
-var Lc = createSelector([fs, hc], (a2, e) => {
+var Rc = createSelector([In, gc], (a2, e) => e ? a2[e] : void 0);
+var Hc = createSelector([Tc, bn], (a2, e) => e ? a2[e] : void 0);
+var vs = createSelector([fs, bn], (a2, e) => e ? a2[e] : void 0);
+var Cc = C(Rc);
+var Lc = C(Hc);
+var wc = createSelector([fs, mc], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var wc = H(createSelector(vs, (a2) => a2 == null ? void 0 : a2[0]));
-var Dc = createSelector([fs, mc], (a2, e) => {
+var Dc = C(createSelector(vs, (a2) => a2 == null ? void 0 : a2[0]));
+var _c = createSelector([fs, Sc], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var _c = H(createSelector(vs, (a2) => a2));
+var Nc = C(createSelector(vs, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 var import_react_sdk41 = require("@100mslive/react-sdk");
@@ -23275,7 +23280,7 @@ var getRecordingText = ({
   return title.join(delimiter);
 };
 var LiveStatus = () => {
-  var _a7;
+  var _a8;
   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);
@@ -23284,8 +23289,8 @@ var LiveStatus = () => {
   const [liveTime, setLiveTime] = (0, import_react88.useState)(0);
   const startTimer = (0, import_react88.useCallback)(() => {
     intervalRef.current = setInterval(() => {
-      var _a8;
-      const timeStamp = (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
+      var _a9;
+      const timeStamp = (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
       if ((hlsState == null ? void 0 : hlsState.running) && timeStamp) {
         setLiveTime(Date.now() - timeStamp.getTime());
       }
@@ -23319,7 +23324,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" }, ((_a7 = hlsState == null ? void 0 : hlsState.variants) == null ? void 0 : _a7.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" }, ((_a8 = hlsState == null ? void 0 : hlsState.variants) == null ? void 0 : _a8.length) > 0 && isHLSRunning ? formatTime(liveTime) : ""))
   );
 };
 var RecordingStatus = () => {
@@ -23357,7 +23362,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRecordingState);
-  if (recording.hls && recording.hls.state === ra.PAUSED) {
+  if (recording.hls && recording.hls.state === sa.PAUSED) {
     return /* @__PURE__ */ import_react88.default.createElement(
       Tooltip,
       {
@@ -23476,8 +23481,8 @@ var ChangeNameContent = ({
   (0, import_react89.useEffect)(() => {
     if (isMobile) {
       setTimeout(() => {
-        var _a7;
-        (_a7 = inputRef.current) == null ? void 0 : _a7.focus();
+        var _a8;
+        (_a8 = inputRef.current) == null ? void 0 : _a8.focus();
       }, 200);
     }
   }, [isMobile]);
@@ -24474,9 +24479,9 @@ var VBToggle = () => {
   const hmsActions = (0, import_react_sdk48.useHMSActions)();
   const { toggleVideo } = (0, import_react_sdk48.useAVToggle)();
   (0, import_react103.useEffect)(() => {
-    var _a7;
+    var _a8;
     if (!toggleVideo) {
-      (_a7 = VBHandler) == null ? void 0 : _a7.reset();
+      (_a8 = VBHandler) == null ? void 0 : _a8.reset();
       hmsActions.setAppData(APP_DATA.background, import_hmsvbplugin2.HMSVirtualBackgroundTypes.NONE);
     }
   }, [hmsActions, toggleVideo]);
@@ -24593,8 +24598,8 @@ var ConnectionIndicator = ({
   isTile = false,
   hideBg = false
 }) => {
-  var _a7;
-  const downlinkQuality = (_a7 = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectConnectionQualityByPeerID)(peerId))) == null ? void 0 : _a7.downlinkQuality;
+  var _a8;
+  const downlinkQuality = (_a8 = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectConnectionQualityByPeerID)(peerId))) == null ? void 0 : _a8.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;
@@ -24659,8 +24664,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 _a7;
-  const canRemoveOthers = (_a7 = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions)) == null ? void 0 : _a7.removeOthers;
+  var _a8;
+  const canRemoveOthers = (_a8 = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions)) == null ? void 0 : _a8.removeOthers;
   const localPeerId = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectLocalPeerID);
   const actions = (0, import_react_sdk51.useHMSActions)();
   if (peerId === localPeerId || !canRemoveOthers) {
@@ -24757,11 +24762,11 @@ var RoleOptions = ({ roleName, peerList }) => {
   let isVideoOnForSomePeers = false;
   let isAudioOnForSomePeers = false;
   peerList.forEach((peer) => {
-    var _a7, _b7;
+    var _a8, _b7;
     if (peer.isLocal) {
       return;
     }
-    const isAudioOn = !!peer.audioTrack && ((_a7 = tracks[peer.audioTrack]) == null ? void 0 : _a7.enabled);
+    const isAudioOn = !!peer.audioTrack && ((_a8 = tracks[peer.audioTrack]) == null ? void 0 : _a8.enabled);
     const isVideoOn = !!peer.videoTrack && ((_b7 = tracks[peer.videoTrack]) == null ? void 0 : _b7.enabled);
     isAudioOnForSomePeers = isAudioOnForSomePeers || isAudioOn;
     isVideoOnForSomePeers = isVideoOnForSomePeers || isVideoOn;
@@ -24827,7 +24832,7 @@ init_define_process_env();
 var import_ts_pattern8 = require("ts-pattern");
 var import_react_sdk53 = require("@100mslive/react-sdk");
 var useGroupOnStageActions = ({ peers }) => {
-  var _a7;
+  var _a8;
   const hmsActions = (0, import_react_sdk53.useHMSActions)();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -24837,7 +24842,7 @@ var useGroupOnStageActions = ({ peers }) => {
     off_stage_roles = [],
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
-  const canChangeRole = (_a7 = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectPermissions)) == null ? void 0 : _a7.changeRole;
+  const canChangeRole = (_a8 = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectPermissions)) == null ? void 0 : _a8.changeRole;
   const offStageRolePeers = peers.filter(
     (peer) => (0, import_ts_pattern8.match)({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
       {
@@ -24876,8 +24881,8 @@ var useGroupOnStageActions = ({ peers }) => {
 var ROW_HEIGHT = 50;
 var ITER_TIMER = 5e3;
 function itemKey(index, data3) {
-  var _a7;
-  return (_a7 = data3.peerList[index]) == null ? void 0 : _a7.id;
+  var _a8;
+  return (_a8 = data3.peerList[index]) == null ? void 0 : _a8.id;
 }
 var VirtualizedParticipantItem = import_react108.default.memo(
   ({ index, data: data3, style }) => {
@@ -25022,7 +25027,7 @@ init_define_process_env();
 var import_react110 = require("react");
 var import_react_sdk56 = require("@100mslive/react-sdk");
 var usePeerOnStageActions = ({ peerId, role }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const hmsActions = (0, import_react_sdk56.useHMSActions)();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -25033,7 +25038,7 @@ var usePeerOnStageActions = ({ peerId, role }) => {
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
   const isInStage = role === on_stage_role;
-  const canChangeRole = (_a7 = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPermissions)) == null ? void 0 : _a7.changeRole;
+  const canChangeRole = (_a8 = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPermissions)) == null ? void 0 : _a8.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);
@@ -25264,9 +25269,9 @@ var ParticipantActions = import_react111.default.memo(
     role,
     isHandRaisedAccordion
   }) => {
-    var _a7, _b7;
+    var _a8, _b7;
     const isHandRaised = (0, import_react_sdk57.useHMSStore)((0, import_react_sdk57.selectHasPeerHandRaised)(peerId));
-    const canChangeRole = (_a7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a7.changeRole;
+    const canChangeRole = (_a8 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a8.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 || {};
@@ -25321,7 +25326,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 _a7;
+  var _a8;
   const {
     open,
     setOpen,
@@ -25331,7 +25336,7 @@ var ParticipantMoreActions = ({ peerId, role }) => {
     isInStage,
     shouldShowStageRoleChange
   } = usePeerOnStageActions({ peerId, role });
-  const canChangeRole = !!((_a7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a7.changeRole);
+  const canChangeRole = !!((_a8 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a8.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(
@@ -25484,9 +25489,9 @@ var Footer2 = ({
   screenType,
   elements
 }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const isMobile = (0, import_react_use21.useMedia)(config.media.md);
-  const isOverlayChat = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay);
+  const isOverlayChat = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.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);
@@ -25848,11 +25853,11 @@ var PrevMenu = () => {
   const polls = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectPolls);
   const sortedPolls = (0, import_react118.useMemo)(
     () => {
-      var _a7;
-      return (_a7 = polls == null ? void 0 : polls.sort((a2, b2) => {
-        var _a8, _b7, _c2, _d;
-        return (((_b7 = (_a8 = b2 == null ? void 0 : b2.createdAt) == null ? void 0 : _a8.getTime) == null ? void 0 : _b7.call(_a8)) || 0) - (((_d = (_c2 = a2 == null ? void 0 : a2.createdAt) == null ? void 0 : _c2.getTime) == null ? void 0 : _d.call(_c2)) || 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));
+      var _a8;
+      return (_a8 = polls == null ? void 0 : polls.sort((a2, b2) => {
+        var _a9, _b7, _c2, _d;
+        return (((_b7 = (_a9 = b2 == null ? void 0 : b2.createdAt) == null ? void 0 : _a9.getTime) == null ? void 0 : _b7.call(_a9)) || 0) - (((_d = (_c2 = a2 == null ? void 0 : a2.createdAt) == null ? void 0 : _c2.getTime) == null ? void 0 : _d.call(_c2)) || 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));
     },
     [polls]
   );
@@ -26041,13 +26046,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 _a7;
+    var _a8;
     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: (_a7 = localPeerResponse == null ? void 0 : localPeerResponse.options) == null ? void 0 : _a7.includes(option.index),
+        checked: (_a8 = localPeerResponse == null ? void 0 : localPeerResponse.options) == null ? void 0 : _a8.includes(option.index),
         onCheckedChange: (checked) => handleCheckedChange(checked, option.index),
         css: {
           cursor: canRespond ? "pointer" : "not-allowed",
@@ -26192,7 +26197,7 @@ var QuestionForm = ({
   removeQuestion,
   isQuiz
 }) => {
-  var _a7;
+  var _a8;
   const ref = (0, import_react126.useRef)(null);
   const selectionBg = useDropdownSelection();
   const [openDelete, setOpenDelete] = (0, import_react126.useState)(false);
@@ -26264,7 +26269,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: (_a7 = ref.current) == null ? void 0 : _a7.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: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth, zIndex: 1e3 } }, Object.keys(QUESTION_TYPE_TITLE).map((value) => {
     return /* @__PURE__ */ import_react126.default.createElement(
       Dropdown.Item,
       {
@@ -26406,11 +26411,11 @@ var SavedQuestion = ({
   length,
   convertToDraft
 }) => {
-  var _a7;
+  var _a8;
   const answerArray = (0, import_react127.useMemo)(() => {
-    var _a8;
+    var _a9;
     const updatedAnswerArray = [];
-    const { option, options } = (_a8 = question == null ? void 0 : question.answer) != null ? _a8 : {};
+    const { option, options } = (_a9 = question == null ? void 0 : question.answer) != null ? _a9 : {};
     if (option) {
       updatedAnswerArray.push(option);
     }
@@ -26419,7 +26424,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), (_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")));
+  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")));
 };
 
 // src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
@@ -26430,14 +26435,14 @@ var getEditableFormat = (questions) => {
   return editableQuestions;
 };
 function CreateQuestions() {
-  var _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _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)(
-    ((_a7 = interaction.questions) == null ? void 0 : _a7.length) ? getEditableFormat(interaction.questions) : [{ draftID: (0, import_uuid11.v4)() }]
+    ((_a8 = interaction.questions) == null ? void 0 : _a8.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* () {
@@ -26632,13 +26637,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 _a7;
+      var _a8;
       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 } = ((_a7 = quiz == null ? void 0 : quiz.questions) == null ? void 0 : _a7.reduce((accumulator, question) => {
-          var _a8;
+        const { maxPossibleScore, totalResponses } = ((_a8 = quiz == null ? void 0 : quiz.questions) == null ? void 0 : _a8.reduce((accumulator, question) => {
+          var _a9;
           accumulator.maxPossibleScore += question.weight || 0;
-          accumulator.totalResponses += ((_a8 = question == null ? void 0 : question.responses) == null ? void 0 : _a8.length) || 0;
+          accumulator.totalResponses += ((_a9 = question == null ? void 0 : question.responses) == null ? void 0 : _a9.length) || 0;
           return accumulator;
         }, calculations)) || calculations;
         setQuizLeaderboard(leaderboardData);
@@ -26664,8 +26669,8 @@ var PeerParticipationSummary = ({ quiz }) => {
   }
   const isLocalPeerQuizCreator = localPeerId === quiz.startedBy;
   const peerEntry = quizLeaderboard == null ? void 0 : quizLeaderboard.entries.find((entry) => {
-    var _a7;
-    return ((_a7 = entry.peer) == null ? void 0 : _a7.peerid) === localPeerId;
+    var _a8;
+    return ((_a8 = entry.peer) == null ? void 0 : _a8.peerid) === localPeerId;
   });
   const boxes = isLocalPeerQuizCreator ? [
     {
@@ -26697,7 +26702,7 @@ var PeerParticipationSummary = ({ quiz }) => {
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 var LeaderboardSummary = ({ pollID }) => {
-  var _a7, _b7;
+  var _a8, _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);
@@ -26705,7 +26710,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 = ((_a7 = quiz.questions) == null ? void 0 : _a7.length) || 0;
+  const questionCount = ((_a8 = quiz.questions) == null ? void 0 : _a8.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,
     {
@@ -26965,14 +26970,14 @@ var StandardView = ({
   localPeerResponses,
   updateSavedResponses
 }) => {
-  var _a7;
+  var _a8;
   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, (_a7 = poll.questions) == null ? void 0 : _a7.map((question, index) => {
-    var _a8;
+  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(
       QuestionCard2,
       {
@@ -26985,7 +26990,7 @@ var StandardView = ({
         text: question.text,
         type: question.type,
         result: question.result,
-        totalQuestions: ((_a8 = poll.questions) == null ? void 0 : _a8.length) || 0,
+        totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
         options: question.options,
         localPeerResponse: localPeerResponses == null ? void 0 : localPeerResponses[question.index],
         answer: question.answer,
@@ -27004,9 +27009,9 @@ var TimedView = ({
   localPeerResponses,
   updateSavedResponses
 }) => {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   const [currentIndex, setCurrentIndex] = (0, import_react136.useState)(getIndexToShow(localPeerResponses));
-  const activeQuestion = (_a7 = poll.questions) == null ? void 0 : _a7.find((question) => question.index === currentIndex);
+  const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
   const attemptedAll = (((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0) < currentIndex;
   (0, import_react136.useEffect)(() => {
     setCurrentIndex(getIndexToShow(localPeerResponses));
@@ -27015,7 +27020,7 @@ var TimedView = ({
     return null;
   }
   return /* @__PURE__ */ import_react136.default.createElement(import_react136.default.Fragment, null, poll.questions.map((question) => {
-    var _a8;
+    var _a9;
     return attemptedAll || (activeQuestion == null ? void 0 : activeQuestion.index) === question.index ? /* @__PURE__ */ import_react136.default.createElement(
       QuestionCard2,
       {
@@ -27028,7 +27033,7 @@ var TimedView = ({
         text: question.text,
         type: question.type,
         result: question == null ? void 0 : question.result,
-        totalQuestions: ((_a8 = poll.questions) == null ? void 0 : _a8.length) || 0,
+        totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
         options: question.options,
         localPeerResponse: localPeerResponses == null ? void 0 : localPeerResponses[question.index],
         answer: question.answer,
@@ -27072,9 +27077,9 @@ var Voting = ({ id, toggleVoting }) => {
       localPeerResponses == null ? void 0 : localPeerResponses.forEach((response) => {
         if (response) {
           setSavedResponses((prev) => {
-            var _a7, _b7, _c2;
+            var _a8, _b7, _c2;
             const prevCopy = __spreadValues({}, prev);
-            prevCopy[(_a7 = response[0]) == null ? void 0 : _a7.questionIndex] = { option: (_b7 = response[0]) == null ? void 0 : _b7.option, options: (_c2 = response[0]) == null ? void 0 : _c2.options };
+            prevCopy[(_a8 = response[0]) == null ? void 0 : _a8.questionIndex] = { option: (_b7 = response[0]) == null ? void 0 : _b7.option, options: (_c2 = response[0]) == null ? void 0 : _c2.options };
             return prevCopy;
           });
         }
@@ -27189,9 +27194,9 @@ var LogoImg = styled("img", {
   }
 });
 var Logo = () => {
-  var _a7;
+  var _a8;
   const roomLayout = useRoomLayout();
-  const logo = (_a7 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a7.url;
+  const logo = (_a8 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a8.url;
   const [hideImage, setHideImage] = (0, import_react139.useState)(false);
   (0, import_react139.useEffect)(() => {
     if (hideImage) {
@@ -27308,8 +27313,8 @@ var SelectorItem = ({
   icon = void 0
 }) => {
   const isMobile = (0, import_react_use22.useMedia)(config.media.md);
-  const Root28 = !isMobile ? Dropdown.Item : (_a7) => {
-    var _b7 = _a7, { children } = _b7, rest = __objRest(_b7, ["children"]);
+  const Root28 = !isMobile ? Dropdown.Item : (_a8) => {
+    var _b7 = _a8, { 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(
@@ -27436,11 +27441,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 _a7, _b7;
+  var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
   const peers = (0, import_react_sdk69.useHMSStore)(import_react_sdk69.selectRemotePeers);
   const [search, setSearch] = (0, import_react143.useState)("");
-  const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
+  const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.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,
@@ -27456,11 +27461,11 @@ var ChatSelector = ({ role, peerId }) => {
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 var ChatSelectorContainer = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = (0, import_react144.useState)(false);
   const isMobile = (0, import_react_use23.useMedia)(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
-  const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
+  const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.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);
@@ -27601,8 +27606,8 @@ var useEmojiPickerStyles = (showing) => {
   (0, import_react146.useEffect)(() => {
     if (showing) {
       setTimeout(() => {
-        var _a7, _b7;
-        const root = (_b7 = (_a7 = ref.current) == null ? void 0 : _a7.querySelector("em-emoji-picker")) == null ? void 0 : _b7.shadowRoot;
+        var _a8, _b7;
+        const root = (_b7 = (_a8 = ref.current) == null ? void 0 : _a8.querySelector("em-emoji-picker")) == null ? void 0 : _b7.shadowRoot;
         const style = document.createElement("style");
         style.textContent = `
           #root {
@@ -27672,13 +27677,13 @@ function EmojiPicker({ onSelect }) {
   )));
 }
 var ChatFooter = ({ onSend, children }) => {
-  var _a7, _b7, _c2, _d, _e;
+  var _a8, _b7, _c2, _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 = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
+  const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.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 = (_c2 = elements == null ? void 0 : elements.chat) == null ? void 0 : _c2.real_time_controls) == null ? void 0 : _d.can_disable_chat);
@@ -27691,11 +27696,11 @@ var ChatFooter = ({ onSend, children }) => {
   const [messageLengthExceeded, setMessageLengthExceeded] = (0, import_react147.useState)(false);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   (0, import_react147.useEffect)(() => {
-    var _a8, _b8;
+    var _a9, _b8;
     if (!selectedPeer.id && !selectedRole && !["Everyone", ""].includes(defaultSelection)) {
       setRoleSelector(defaultSelection);
     } else {
-      if (!(isMobile || isLandscapeHLSStream) && !((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.disable_autofocus)) {
+      if (!(isMobile || isLandscapeHLSStream) && !((_a9 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a9.disable_autofocus)) {
         (_b8 = inputRef.current) == null ? void 0 : _b8.focus();
       }
     }
@@ -27714,8 +27719,8 @@ var ChatFooter = ({ onSend, children }) => {
     }
   }, []);
   const sendMessage = (0, import_react147.useCallback)(() => __async(null, null, function* () {
-    var _a8;
-    const message = (_a8 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a8.value;
+    var _a9;
+    const message = (_a9 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a9.value;
     if (!message || !message.trim().length) {
       return;
     }
@@ -27884,10 +27889,10 @@ init_define_process_env();
 var import_react149 = __toESM(require("react"));
 var import_react_sdk72 = require("@100mslive/react-sdk");
 var ChatPaused = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const hmsActions = (0, import_react_sdk72.useHMSActions)();
   const { elements } = useRoomLayoutConferencingScreen();
-  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 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 { 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)(
@@ -27996,13 +28001,13 @@ var StickIndicator = ({ total, index }) => {
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = () => {
-  var _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _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 = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.allow_pinning_messages);
+  const canUnpinMessage = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.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;
@@ -28111,12 +28116,12 @@ var PinnedMessage = () => {
 
 // src/Prebuilt/components/Chat/Chat.tsx
 var Chat = () => {
-  var _a7, _b7;
+  var _a8, _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)(ZS("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(eg("chatState" /* CHAT_STATE */)) || {};
   const isMobile = (0, import_react_use26.useMedia)(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -28124,13 +28129,13 @@ var Chat = () => {
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const scrollToBottom = (0, import_react153.useCallback)(
     (unreadCount = 0) => {
-      var _a8;
+      var _a9;
       if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
         const messagesCount = vanillaStore.getState(import_react_sdk74.selectHMSMessagesCount);
-        (_a8 = listRef.current) == null ? void 0 : _a8.scrollToItem(messagesCount, "end");
+        (_a9 = listRef.current) == null ? void 0 : _a9.scrollToItem(messagesCount, "end");
         requestAnimationFrame(() => {
-          var _a9;
-          (_a9 = listRef.current) == null ? void 0 : _a9.scrollToItem(messagesCount, "end");
+          var _a10;
+          (_a10 = listRef.current) == null ? void 0 : _a10.scrollToItem(messagesCount, "end");
         });
         hmsActions.setMessageRead(true);
       }
@@ -28148,7 +28153,7 @@ var Chat = () => {
         gap: "$4"
       }
     },
-    isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && !streaming ? null : /* @__PURE__ */ import_react153.default.createElement(PinnedMessage, null),
+    isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.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,
@@ -28206,7 +28211,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = (0, import_react_sdk74.useHMSStore)(MS);
+  const unreadCount = (0, import_react_sdk74.useHMSStore)(yS);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -28297,8 +28302,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 _a7;
-    return (_a7 = p.name) == null ? void 0 : _a7.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
+    var _a8;
+    return (_a8 = p.name) == null ? void 0 : _a8.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)();
@@ -28337,11 +28342,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 _a7, _b7;
+  var _a8, _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 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
+  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 { enabled: isChatEnabled = true } = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
   const showPause = canPauseChat && isChatEnabled;
   if (!showPause) {
@@ -28404,7 +28409,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 _a7, _b7;
+  var _a8, _b7;
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const resetSidePane = useSidepaneReset();
@@ -28412,7 +28417,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 = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.chat_title) || "Chat";
+  const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.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;
@@ -28692,11 +28697,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 _a7;
+  var _a8;
   const track = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectTrackByID)(trackId));
   const actions = (0, import_react_sdk79.useHMSActions)();
   const bg3 = useDropdownSelection();
-  if (!((_a7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a7.length) || track.degraded || !track.enabled) {
+  if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
     return null;
   }
   const currentLayer = track.layerDefinitions.find((layer) => layer.layer === track.layer);
@@ -28893,7 +28898,7 @@ var TileMenu = ({
   canMinimise,
   enableSpotlightingPeer = true
 }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = (0, import_react159.useState)(false);
   const { theme: theme2 } = useTheme();
   const localPeerID = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectLocalPeerID);
@@ -28901,7 +28906,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 = ((_a7 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
+  const isPrimaryVideoTrack = ((_a8 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a8.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));
@@ -29159,7 +29164,7 @@ var VBCollection = ({
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
 var iconDims = { height: "40px", width: "40px" };
 var VBPicker = ({ backgroundMedia = [] }) => {
-  var _a7, _b7;
+  var _a8, _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);
@@ -29172,12 +29177,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)(_S);
-  const effectsKey = (0, import_react_sdk82.useHMSStore)(OS2);
+  const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(NS);
+  const effectsKey = (0, import_react_sdk82.useHMSStore)(xS);
   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)(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
-  const background = (0, import_react_sdk82.useHMSStore)(XS(APP_DATA.background));
+  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)(ZS(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();
@@ -29301,8 +29306,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 _a8;
-              yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
+              var _a9;
+              yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(blurAmount);
               hmsActions.setAppData(APP_DATA.background, import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR);
             }),
             supported: isBlurSupported
@@ -29333,8 +29338,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
           mediaURL,
           value: mediaURL,
           onClick: () => __async(null, null, function* () {
-            var _a8;
-            yield (_a8 = VBHandler) == null ? void 0 : _a8.setBackground(mediaURL);
+            var _a9;
+            yield (_a9 = VBHandler) == null ? void 0 : _a9.setBackground(mediaURL);
             hmsActions.setAppData(APP_DATA.background, mediaURL);
             if (isMobile) {
               toggleVB();
@@ -29448,11 +29453,11 @@ var SidePane = ({
   tileProps,
   hideControls = false
 }) => {
-  var _a7, _b7, _c2, _d, _e, _f, _g;
+  var _a8, _b7, _c2, _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 = (_a7 = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a7.id;
+  const trackId = (_a8 = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
   const { elements } = useRoomLayoutConferencingScreen();
   const { elements: preview_elements } = useRoomLayoutPreviewScreen();
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
@@ -29585,14 +29590,14 @@ var PreviewForm = ({
   cannotPublishVideo = false,
   cannotPublishAudio = false
 }) => {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   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 = {} } = ((_c2 = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements) || {};
+  const { join_form: joinForm = {} } = ((_c2 = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.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,
@@ -29898,10 +29903,10 @@ var RoleChangeRequestModal = () => {
     {
       title: "You're invited to join the stage",
       onOpenChange: (value) => __async(null, null, function* () {
-        var _a7;
+        var _a8;
         if (!value) {
           hmsActions.rejectChangeRole(roleChangeRequest);
-          sendEvent(__spreadProps(__spreadValues({}, roleChangeRequest), { peerName: name }), { peerId: (_a7 = roleChangeRequest.requestedBy) == null ? void 0 : _a7.id });
+          sendEvent(__spreadProps(__spreadValues({}, roleChangeRequest), { peerName: name }), { peerId: (_a8 = roleChangeRequest.requestedBy) == null ? void 0 : _a8.id });
           yield hmsActions.cancelMidCallPreview();
           yield hmsActions.lowerLocalPeerHand();
         }
@@ -30175,11 +30180,11 @@ var Grid = import_react175.default.forwardRef(
         }
       },
       tiles == null ? void 0 : tiles.map((tile) => {
-        var _a7, _b7, _c2, _d;
+        var _a8, _b7, _c2, _d;
         return /* @__PURE__ */ import_react175.default.createElement(
           VideoTile_default,
           __spreadValues({
-            key: ((_a7 = tile.track) == null ? void 0 : _a7.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
+            key: ((_a8 = tile.track) == null ? void 0 : _a8.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
             width: tile.width,
             height: tile.height,
             peerId: (_c2 = tile.peer) == null ? void 0 : _c2.id,
@@ -30296,7 +30301,7 @@ var useTileLayout = ({
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
-  var _a7;
+  var _a8;
   const isMobile = (0, import_react_use39.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -30310,7 +30315,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     edgeToEdge
   });
   const [page, setPage] = (0, import_react177.useState)(0);
-  const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
+  const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
   (0, import_react177.useEffect)(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -30400,11 +30405,11 @@ var SecondarySection = ({
       })
     },
     tiles.map((tile) => {
-      var _a7, _b7, _c2, _d;
+      var _a8, _b7, _c2, _d;
       return /* @__PURE__ */ import_react178.default.createElement(
         VideoTile_default,
         __spreadValues({
-          key: ((_a7 = tile.track) == null ? void 0 : _a7.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
+          key: ((_a8 = tile.track) == null ? void 0 : _a8.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
           peerId: (_c2 = tile.peer) == null ? void 0 : _c2.id,
           trackId: (_d = tile.track) == null ? void 0 : _d.id,
           rootCSS: __spreadProps(__spreadValues({
@@ -30429,14 +30434,14 @@ var ProminenceLayout = {
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
-  var _a7, _b7;
+  var _a8, _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 = (_a7 = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a7.peerId;
+  const pinnedPeer = (_a8 = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a8.peerId;
   const pageChangedAfterPinning = (0, import_react179.useRef)(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -30459,8 +30464,8 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   });
   const pageSize = ((_b7 = pagesWithTiles[0]) == null ? void 0 : _b7.length) || 0;
   (0, import_react179.useEffect)(() => {
-    var _a8;
-    if (peers.length > 0 && !((_a8 = pagesWithTiles[page]) == null ? void 0 : _a8.length)) {
+    var _a9;
+    if (peers.length > 0 && !((_a9 = pagesWithTiles[page]) == null ? void 0 : _a9.length)) {
       setPage(Math.max(0, page - 1));
     }
   }, [peers, page, pagesWithTiles]);
@@ -30534,7 +30539,7 @@ function RoleProminence({
   onPageSize,
   edgeToEdge
 }) {
-  var _a7;
+  var _a8;
   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);
@@ -30549,7 +30554,7 @@ function RoleProminence({
     maxTileCount
   });
   const [page, setPage] = (0, import_react181.useState)(0);
-  const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
+  const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
   (0, import_react181.useEffect)(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -30826,7 +30831,7 @@ var ScreenshareTile_default = ScreenshareTile;
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-  var _a7;
+  var _a8;
   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);
@@ -30862,7 +30867,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: (_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(
+  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(
     SecondaryTiles,
     {
       peers: secondaryPeers,
@@ -30973,10 +30978,10 @@ var PeersSorter = class {
       this.listeners.add(cb);
     };
     this.stop = () => {
-      var _a7;
+      var _a8;
       this.updateListeners();
       this.listeners.clear();
-      (_a7 = this.storeUnsubscribe) == null ? void 0 : _a7.call(this);
+      (_a8 = this.storeUnsubscribe) == null ? void 0 : _a8.call(this);
       this.storeUnsubscribe = void 0;
       this.speaker = void 0;
     };
@@ -30996,8 +31001,8 @@ var PeersSorter = class {
       this.updateListeners();
     };
     this.onDominantSpeakerChange = (speaker) => {
-      var _a7;
-      if (!speaker || speaker.id === ((_a7 = this.speaker) == null ? void 0 : _a7.id)) {
+      var _a8;
+      if (!speaker || speaker.id === ((_a8 = this.speaker) == null ? void 0 : _a8.id)) {
         return;
       }
       if (!this.peers.has(speaker.id)) {
@@ -31238,7 +31243,7 @@ init_define_process_env();
 var import_react189 = __toESM(require("react"));
 var import_react_icons88 = require("@100mslive/react-icons");
 function HlsStatsOverlay({ hlsStatsState, onClose }) {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   return /* @__PURE__ */ import_react189.default.createElement(
     Flex,
     {
@@ -31254,7 +31259,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" }, ` ${(_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: "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: "Buffer duration" }, (_c2 = hlsStatsState == null ? void 0 : hlsStatsState.bufferedDuration) == null ? void 0 : _c2.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`),
@@ -31332,8 +31337,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)((_a7, videoRef) => {
-  var _b7 = _a7, { children, isFullScreen } = _b7, props = __objRest(_b7, ["children", "isFullScreen"]);
+var HMSVideo = (0, import_react190.forwardRef)((_a8, videoRef) => {
+  var _b7 = _a8, { children, isFullScreen } = _b7, props = __objRest(_b7, ["children", "isFullScreen"]);
   const [width, setWidth] = (0, import_react190.useState)("auto");
   (0, import_react190.useEffect)(() => {
     const updatingVideoWidth = () => {
@@ -31628,7 +31633,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 _a7;
+    var _a8;
     if (!videoEl) {
       return;
     }
@@ -31636,7 +31641,7 @@ var VideoProgress = ({
     const videoProgress2 = Math.floor(getPercentage(videoEl.currentTime, duration));
     let bufferProgress2 = 0;
     if (videoEl.buffered.length > 0) {
-      bufferProgress2 = Math.floor(getPercentage((_a7 = videoEl.buffered) == null ? void 0 : _a7.end(0), duration));
+      bufferProgress2 = Math.floor(getPercentage((_a8 = videoEl.buffered) == null ? void 0 : _a8.end(0), duration));
     }
     if (!isNaN(videoProgress2)) {
       setVideoProgress(videoProgress2);
@@ -31662,13 +31667,13 @@ var VideoProgress = ({
     };
   }, [setProgress, timeupdateHandler, videoEl]);
   const onProgress = (progress) => {
-    var _a7;
+    var _a8;
     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 : ((_a7 = videoEl2.seekable) == null ? void 0 : _a7.end(0)) || 0;
+    const duration = isFinite(videoEl2.duration) ? videoEl2.duration : ((_a8 = videoEl2.seekable) == null ? void 0 : _a8.end(0)) || 0;
     const currentTime = progress1 * duration / 100;
     hlsPlayer2 == null ? void 0 : hlsPlayer2.seekTo(currentTime);
     setProgress();
@@ -31766,9 +31771,9 @@ init_define_process_env();
 var import_react197 = __toESM(require("react"));
 var import_react_icons91 = require("@100mslive/react-icons");
 var VolumeControl = () => {
-  var _a7;
+  var _a8;
   const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
-  const [volume, setVolume] = (0, import_react197.useState)((_a7 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a7 : 100);
+  const [volume, setVolume] = (0, import_react197.useState)((_a8 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a8 : 100);
   const [showSlider, setShowSlider] = (0, import_react197.useState)(false);
   return /* @__PURE__ */ import_react197.default.createElement(
     Flex,
@@ -32219,7 +32224,7 @@ var ToggleChat = ({ isFullScreen = false }) => {
   return null;
 };
 var HLSView = () => {
-  var _a7, _b7, _c2, _d, _e, _f, _g;
+  var _a8, _b7, _c2, _d, _e, _f, _g;
   const videoRef = (0, import_react203.useRef)(null);
   const hlsViewRef = (0, import_react203.useRef)();
   const { elements } = useRoomLayoutConferencingScreen();
@@ -32230,7 +32235,7 @@ var HLSView = () => {
   const { themeType } = useTheme();
   const [streamEnded, setStreamEnded] = (0, import_react203.useState)(false);
   let [hlsStatsState, setHlsStatsState] = (0, import_react203.useState)(null);
-  const hlsUrl = (_a7 = hlsState.variants[0]) == null ? void 0 : _a7.url;
+  const hlsUrl = (_a8 = hlsState.variants[0]) == null ? void 0 : _a8.url;
   const [availableLayers, setAvailableLayers] = (0, import_react203.useState)([]);
   const [isVideoLive, setIsVideoLive] = (0, import_react203.useState)(true);
   const [isCaptionEnabled, setIsCaptionEnabled] = (0, import_react203.useState)(true);
@@ -32298,9 +32303,9 @@ var HLSView = () => {
   }, [hlsUrl]);
   const handleQuality = (0, import_react203.useCallback)(
     (quality) => {
-      var _a8;
+      var _a9;
       if (hlsPlayer) {
-        setIsUserSelectedAuto(((_a8 = quality.height) == null ? void 0 : _a8.toString().toLowerCase()) === "auto");
+        setIsUserSelectedAuto(((_a9 = quality.height) == null ? void 0 : _a9.toString().toLowerCase()) === "auto");
         hlsPlayer == null ? void 0 : hlsPlayer.setLayer(quality);
       }
     },
@@ -32316,9 +32321,9 @@ var HLSView = () => {
     const layerUpdatedHandler = ({ layer }) => {
       setCurrentSelectedQuality(layer);
     };
-    const metadataLoadedHandler = (_a8) => {
-      var _b8 = _a8, { payload } = _b8, rest = __objRest(_b8, ["payload"]);
-      var _a9;
+    const metadataLoadedHandler = (_a9) => {
+      var _b8 = _a9, { payload } = _b8, rest = __objRest(_b8, ["payload"]);
+      var _a10;
       const parsePayload = (str) => {
         try {
           return JSON.parse(str);
@@ -32363,7 +32368,7 @@ var HLSView = () => {
       }
       switch (parsedPayload.type) {
         case EMOJI_REACTION_TYPE:
-          (_a9 = window.showFlyingEmoji) == null ? void 0 : _a9.call(window, { emojiId: parsedPayload == null ? void 0 : parsedPayload.emojiId, senderId: parsedPayload == null ? void 0 : parsedPayload.senderId });
+          (_a10 = window.showFlyingEmoji) == null ? void 0 : _a10.call(window, { emojiId: parsedPayload == null ? void 0 : parsedPayload.emojiId, senderId: parsedPayload == null ? void 0 : parsedPayload.senderId });
           break;
         default: {
           const toast = {
@@ -32464,7 +32469,7 @@ var HLSView = () => {
   }, [controlsVisible, isFullScreen, seekProgress, qualityDropDownOpen]);
   const onSeekTo = (0, import_react203.useCallback)(
     (seek) => {
-      var _a8;
+      var _a9;
       (0, import_ts_pattern13.match)({ isLandscape, isMobile, seek }).with({ seek: -10, isMobile: false, isLandscape: false }, () => {
         setHoverControlsVisible(__spreadProps(__spreadValues({}, hoverControlsVisible), { seekBackward: true }));
         setTimeout(() => {
@@ -32480,14 +32485,14 @@ var HLSView = () => {
           }));
         }, 1e3);
       }).otherwise(() => null);
-      hlsPlayer == null ? void 0 : hlsPlayer.seekTo(((_a8 = videoRef.current) == null ? void 0 : _a8.currentTime) + seek);
+      hlsPlayer == null ? void 0 : hlsPlayer.seekTo(((_a9 = videoRef.current) == null ? void 0 : _a9.currentTime) + seek);
     },
     [hoverControlsVisible, isLandscape, isMobile]
   );
   const onDoubleClickHandler = (0, import_react203.useCallback)(
     (event) => {
-      var _a8;
-      if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk98.HLSPlaylistType.DVR) {
+      var _a9;
+      if (!(isMobile || isLandscape) || ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) !== import_react_sdk98.HLSPlaylistType.DVR) {
         return;
       }
       const sidePercentage = event.screenX * 100 / event.target.clientWidth;
@@ -32512,8 +32517,8 @@ var HLSView = () => {
     [hlsState == null ? void 0 : hlsState.variants, hoverControlsVisible, isLandscape, isMobile, onSeekTo]
   );
   const onClickHandler = (0, import_react203.useCallback)(() => __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* () {
+    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* () {
       if (isPaused) {
         yield hlsPlayer == null ? void 0 : hlsPlayer.play();
       } else {
@@ -32610,8 +32615,8 @@ var HLSView = () => {
           outline: "none"
         },
         onKeyDown: (event) => __async(null, null, function* () {
-          var _a8;
-          if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR) {
+          var _a9;
+          if (((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR) {
             yield keyHandler(event);
           }
         }),
@@ -32888,7 +32893,7 @@ var SimpleQueue = class {
     this.storage = [];
   }
   enqueue(data3) {
-    var _a7;
+    var _a8;
     if (!data3.transcript.trim()) {
       return;
     }
@@ -32900,7 +32905,7 @@ var SimpleQueue = class {
       this.addTimeout(this.storage[this.size() - 1], data3.final);
       return;
     }
-    if (this.size() > 0 && ((_a7 = this.storage[this.size() - 1]) == null ? void 0 : _a7.final) === true) {
+    if (this.size() > 0 && ((_a8 = this.storage[this.size() - 1]) == null ? void 0 : _a8.final) === true) {
       this.storage.push(data3);
       this.addTimeout(this.storage[this.size() - 1], data3.final);
       return;
@@ -33033,11 +33038,11 @@ var CaptionsViewer = ({
   defaultPosition,
   setDefaultPosition
 }) => {
-  var _a7;
+  var _a8;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const isMobile = (0, import_react_use49.useMedia)(config.media.md);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
-  const showCaptionAtTop = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && isChatOpen && isMobile;
+  const showCaptionAtTop = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && isChatOpen && isMobile;
   const [captionQueue] = (0, import_react205.useState)(new CaptionMaintainerQueue());
   const [currentData, setCurrentData] = (0, import_react205.useState)([]);
   const isCaptionEnabled = useIsCaptionEnabled();
@@ -33045,11 +33050,11 @@ var CaptionsViewer = ({
   const nodeRef = (0, import_react205.useRef)(null);
   (0, import_react205.useEffect)(() => {
     const timeInterval = setInterval(() => {
-      var _a8;
+      var _a9;
       if (!captionQueue) {
         return;
       }
-      const data3 = (_a8 = captionQueue.captionData) == null ? void 0 : _a8.findPeerData();
+      const data3 = (_a9 = captionQueue.captionData) == null ? void 0 : _a9.findPeerData();
       setCurrentData(data3);
     }, 1e3);
     return () => clearInterval(timeInterval);
@@ -33129,7 +33134,7 @@ var VideoStreamingSection = ({
   elements,
   hideControls = false
 }) => {
-  var _a7;
+  var _a8;
   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);
@@ -33207,8 +33212,8 @@ var VideoStreamingSection = ({
       ({ urlToIframe: urlToIframe2 }) => !!urlToIframe2,
       () => /* @__PURE__ */ import_react207.default.createElement(EmbedView, null)
     ).otherwise(() => {
-      var _a8;
-      return /* @__PURE__ */ import_react207.default.createElement(GridLayout, __spreadValues({}, (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid));
+      var _a9;
+      return /* @__PURE__ */ import_react207.default.createElement(GridLayout, __spreadValues({}, (_a9 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a9.grid));
     }),
     /* @__PURE__ */ import_react207.default.createElement(CaptionsViewer, { setDefaultPosition: setCaptionPosition, defaultPosition: captionPosition }),
     /* @__PURE__ */ import_react207.default.createElement(
@@ -33227,7 +33232,7 @@ var VideoStreamingSection = ({
         SidePane_default,
         {
           screenType,
-          tileProps: (_a7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a7.grid,
+          tileProps: (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid,
           hideControls
         }
       )
@@ -33460,7 +33465,7 @@ var PreviousRoleInMetadata = () => {
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 var ConferenceScreen = () => {
-  var _a7, _b7, _c2, _d, _e, _f;
+  var _a8, _b7, _c2, _d, _e, _f;
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -33472,7 +33477,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 = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
+  const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
   const autoRoomJoined = (0, import_react212.useRef)(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
@@ -33728,8 +33733,8 @@ var Init = () => {
   }, [toggleTheme]);
   (0, import_react215.useEffect)(() => {
     function resetHeight() {
-      var _a7;
-      document.body.style.height = `${((_a7 = window.visualViewport) == null ? void 0 : _a7.height) || window.innerHeight}px`;
+      var _a8;
+      document.body.style.height = `${((_a8 = window.visualViewport) == null ? void 0 : _a8.height) || window.innerHeight}px`;
     }
     window.addEventListener("resize", resetHeight);
     resetHeight();
@@ -33918,8 +33923,8 @@ var FeedbackContent = ({
     }
     try {
       const reasons = [...selectedReasons].map((value) => {
-        var _a7, _b7;
-        return ((_b7 = (_a7 = ratings[indexSelected]) == null ? void 0 : _a7.reasons) == null ? void 0 : _b7[value]) || "";
+        var _a8, _b7;
+        return ((_b7 = (_a8 = ratings[indexSelected]) == null ? void 0 : _a8.reasons) == null ? void 0 : _b7[value]) || "";
       });
       yield hmsActions.submitSessionFeedback(
         {
@@ -34384,12 +34389,12 @@ var MwebLandscapePrompt = () => {
   const isLandscape = (0, import_react_use56.useMedia)(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   (0, import_react221.useEffect)(() => {
-    var _a7;
+    var _a8;
     if (!isMobileUserAgent) {
       setShowMwebLandscapePrompt(false);
       return;
     }
-    if (!((_a7 = window.screen) == null ? void 0 : _a7.orientation)) {
+    if (!((_a8 = window.screen) == null ? void 0 : _a8.orientation)) {
       setShowMwebLandscapePrompt(isLandscape && !isLandscapeHLSStream);
       return;
     }
@@ -34473,8 +34478,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 _a7, _b7;
-    if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
+    var _a8, _b7;
+    if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
       return;
     }
     const showToast = Date.now() - chatState.updatedAt < NOTIFICATION_TIME_DIFFERENCE;
@@ -34630,7 +34635,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 _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   const hmsActions = (0, import_react_sdk115.useHMSActions)();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
@@ -34641,7 +34646,7 @@ var HandRaiseAction = import_react227.default.forwardRef(({ id = "", isSingleHan
     on_stage_role,
     off_stage_roles = [],
     skip_preview_for_role_change = false
-  } = ((_c2 = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements.on_stage_exp) || {};
+  } = ((_c2 = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c2.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);
@@ -34668,9 +34673,9 @@ var HandRaiseAction = import_react227.default.forwardRef(({ id = "", isSingleHan
 var ToastConfig = {
   PEER_JOINED: {
     single: function(notification) {
-      var _a7;
+      var _a8;
       return {
-        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} joined`,
+        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} joined`,
         icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.PeopleAddIcon, null)
       };
     },
@@ -34683,9 +34688,9 @@ var ToastConfig = {
   },
   PEER_LEFT: {
     single: function(notification) {
-      var _a7;
+      var _a8;
       return {
-        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} left`,
+        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} left`,
         icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.PeopleRemoveIcon, null)
       };
     },
@@ -34698,41 +34703,41 @@ var ToastConfig = {
   },
   RAISE_HAND: {
     single: (notification) => {
-      var _a7;
+      var _a8;
       return {
-        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
+        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
         icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.HandIcon, null)
       };
     },
     multiple: (notifications) => {
-      var _a7;
+      var _a8;
       const count = new Set(notifications.map((notification) => {
-        var _a8;
-        return (_a8 = notification.data) == null ? void 0 : _a8.id;
+        var _a9;
+        return (_a9 = notification.data) == null ? void 0 : _a9.id;
       })).size;
       return {
-        title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
+        title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.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 _a7, _b7;
+      var _a8, _b7;
       return {
-        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
+        title: `${(_a8 = notification.data) == null ? void 0 : _a8.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 _a7;
+      var _a8;
       const count = new Set(notifications.map((notification) => {
-        var _a8;
-        return (_a8 = notification.data) == null ? void 0 : _a8.id;
+        var _a9;
+        return (_a9 = notification.data) == null ? void 0 : _a9.id;
       })).size;
       return {
-        title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
+        title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.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 })
       };
@@ -34740,9 +34745,9 @@ var ToastConfig = {
   },
   NEW_MESSAGE: {
     single: (notification) => {
-      var _a7;
+      var _a8;
       return {
-        title: `New message from ${(_a7 = notification.data) == null ? void 0 : _a7.senderName}`,
+        title: `New message from ${(_a8 = notification.data) == null ? void 0 : _a8.senderName}`,
         icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.ChatUnreadIcon, null),
         action: /* @__PURE__ */ import_react227.default.createElement(ChatAction, null)
       };
@@ -34841,7 +34846,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 var HandRaisedNotifications = () => {
-  var _a7, _b7;
+  var _a8, _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)();
@@ -34849,9 +34854,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 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
+  const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
   (0, import_react228.useEffect)(() => {
-    var _a8;
+    var _a9;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -34861,7 +34866,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) && ((_a8 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a8.includes(peer.roleName));
+      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));
       ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
       console.debug("Metadata updated", notification.data);
     }
@@ -34924,15 +34929,15 @@ init_define_process_env();
 var import_react230 = require("react");
 var import_react_sdk118 = require("@100mslive/react-sdk");
 var MessageNotifications = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const notification = (0, import_react_sdk118.useHMSNotifications)(Hr.NEW_MESSAGE);
   const amIScreenSharing = (0, import_react_sdk118.useHMSStore)(as);
-  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
+  const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
   const { showNotification } = (0, import_react_sdk118.useAwayNotifications)();
   (0, import_react230.useEffect)(() => {
-    var _a8;
-    if (notification && amIScreenSharing && !((_a8 = notification.data) == null ? void 0 : _a8.ignored) && !pipWindow) {
+    var _a9;
+    if (notification && amIScreenSharing && !((_a9 = notification.data) == null ? void 0 : _a9.ignored) && !pipWindow) {
       showNotification(`New message from ${notification.data.senderName}`, {
         body: notification.data.message,
         icon: logoURL
@@ -35120,7 +35125,7 @@ var ReconnectNotifications = () => {
   const notification = (0, import_react_sdk122.useHMSNotifications)(notificationTypes3);
   const prevErrorCode = (0, import_react234.useRef)(0);
   (0, import_react234.useEffect)(() => {
-    var _a7, _b7;
+    var _a8, _b7;
     if (!notification) {
       return;
     }
@@ -35130,7 +35135,7 @@ var ReconnectNotifications = () => {
         ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
       );
     } else if (notification.type === import_react_sdk122.HMSNotificationTypes.RECONNECTING) {
-      prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
+      prevErrorCode.current = ((_a8 = notification.data) == null ? void 0 : _a8.code) || 0;
       notificationId = ToastManager.replaceToast(
         notificationId,
         ToastConfig.RECONNECTING.single((_b7 = notification.data) == null ? void 0 : _b7.message)
@@ -35148,11 +35153,11 @@ var RoleChangeNotification = () => {
   const notification = (0, import_react_sdk123.useHMSNotifications)(import_react_sdk123.HMSNotificationTypes.ROLE_UPDATED);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   (0, import_react235.useEffect)(() => {
-    var _a7, _b7;
+    var _a8, _b7;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
-    if (((_a7 = notification.data) == null ? void 0 : _a7.isLocal) && ((_b7 = notification.data) == null ? void 0 : _b7.roleName)) {
+    if (((_a8 = notification.data) == null ? void 0 : _a8.isLocal) && ((_b7 = notification.data) == null ? void 0 : _b7.roleName)) {
       ToastManager.addToast({
         title: `You are now a ${notification.data.roleName}`
       });
@@ -35251,7 +35256,7 @@ var notificationTypes5 = [
 var TrackNotifications = () => {
   const notification = (0, import_react_sdk126.useHMSNotifications)(notificationTypes5);
   (0, import_react238.useEffect)(() => {
-    var _a7, _b7;
+    var _a8, _b7;
     if (notification) {
       switch (notification.type) {
         case import_react_sdk126.HMSNotificationTypes.TRACK_ADDED:
@@ -35262,7 +35267,7 @@ var TrackNotifications = () => {
           break;
         case import_react_sdk126.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
           {
-            const track = (_a7 = notification.data) == null ? void 0 : _a7.track;
+            const track = (_a8 = notification.data) == null ? void 0 : _a8.track;
             if (!notification.data.enabled) {
               ToastManager.addToast({
                 title: `Your ${track.source} ${track.type} was muted by
@@ -35449,7 +35454,7 @@ init_define_process_env();
 var import_react243 = __toESM(require("react"));
 var import_react_use59 = require("react-use");
 var PreviewScreen = () => {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const skipPreview = !isPreviewScreenEnabled;
   const previewAsRole = (0, import_react_use59.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
@@ -35457,7 +35462,7 @@ var PreviewScreen = () => {
   const initialName = userName || (skipPreview ? "Beam" : "");
   const authToken = useAuthToken();
   const roomLayout = useRoomLayout();
-  const { preview_header: previewHeader = {} } = ((_c2 = (_b7 = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements) || {};
+  const { preview_header: previewHeader = {} } = ((_c2 = (_b7 = (_a8 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements) || {};
   return /* @__PURE__ */ import_react243.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react243.default.createElement(
     Flex,
     {
@@ -35477,8 +35482,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 = (_a7) => {
-  var _b7 = _a7, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
+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"]);
   return /* @__PURE__ */ import_react244.default.createElement(
     Toast.HMSToast,
     __spreadValues({
@@ -35758,7 +35763,7 @@ var HMSPrebuilt = import_react251.default.forwardRef(
     onLeave,
     onJoin
   }, ref) => {
-    var _a7, _b7, _c2, _d;
+    var _a8, _b7, _c2, _d;
     const reactiveStore = (0, import_react251.useRef)();
     const [hydrated, setHydrated] = import_react251.default.useState(false);
     (0, import_react251.useEffect)(() => {
@@ -35784,8 +35789,8 @@ var HMSPrebuilt = import_react251.default.forwardRef(
     }, [ref]);
     (0, import_react251.useEffect)(() => {
       return () => {
-        var _a8;
-        (_a8 = reactiveStore == null ? void 0 : reactiveStore.current) == null ? void 0 : _a8.hmsActions.leave();
+        var _a9;
+        (_a9 = reactiveStore == null ? void 0 : reactiveStore.current) == null ? void 0 : _a9.hmsActions.leave();
       };
     }, []);
     const endpointsObj = endpoints;
@@ -35833,16 +35838,16 @@ var HMSPrebuilt = import_react251.default.forwardRef(
         import_react_sdk135.HMSRoomProvider,
         {
           isHMSStatsOn: FeatureFlags.enableStatsForNerds,
-          actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
+          actions: (_a8 = reactiveStore.current) == null ? void 0 : _a8.hmsActions,
           store: (_b7 = reactiveStore.current) == null ? void 0 : _b7.hmsStore,
           notifications: (_c2 = reactiveStore.current) == null ? void 0 : _c2.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 _a8;
+          var _a9;
           const layout = data3 == null ? void 0 : data3.layout;
-          const theme2 = ((_a8 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a8[0]) || {};
+          const theme2 = ((_a9 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a9[0]) || {};
           const { typography: typography2 } = layout || {};
           let fontFamily = ["sans-serif"];
           if (typography2 == null ? void 0 : typography2.font_family) {
@@ -36042,7 +36047,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 _a7, _b7;
+  var _a8, _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(
@@ -36062,7 +36067,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
       {
         ref,
         icon,
-        title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
+        title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.label) || "Select device from list",
         open
       }
     ), /* @__PURE__ */ import_react254.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react254.default.createElement(
@@ -36107,11 +36112,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 _a7, _b7;
+  var _a8, _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)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
+  const [selectedMic, setSelectedMic] = (0, import_react255.useState)(((_a8 = devices.audioInput[0]) == null ? void 0 : _a8.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);
@@ -36188,7 +36193,7 @@ var MicTest = ({ setError }) => {
   ))));
 };
 var SpeakerTest = () => {
-  var _a7;
+  var _a8;
   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);
@@ -36200,7 +36205,7 @@ var SpeakerTest = () => {
     {
       title: "Speaker (Output)",
       devices: devices.audioOutput,
-      selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
+      selection: audioOutputDeviceId || ((_a8 = devices.audioOutput[0]) == null ? void 0 : _a8.deviceId),
       icon: /* @__PURE__ */ import_react255.default.createElement(import_react_icons113.SpeakerIcon, null),
       onChange: (deviceId) => {
         actions.setAudioOutputDevice(deviceId);
@@ -36324,7 +36329,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 _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
   const [error, setError] = (0, import_react256.useState)();
   (0, import_react256.useEffect)(() => {
@@ -36339,7 +36344,7 @@ var BrowserTest = () => {
     CheckDetails,
     {
       title: "Browser",
-      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),
+      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),
       value: `${import_react_sdk137.parsedUserAgent.getBrowser().name} ${import_react_sdk137.parsedUserAgent.getBrowser().version}`
     }
   ), /* @__PURE__ */ import_react256.default.createElement(
@@ -36409,7 +36414,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 _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _d;
   return /* @__PURE__ */ import_react257.default.createElement(
     ConnectivityTestStepResult,
     {
@@ -36420,7 +36425,7 @@ var MediaServerResult = ({ result }) => {
       DetailedInfo,
       {
         title: "Media Captured",
-        value: ((_a7 = result == null ? void 0 : result.stats) == null ? void 0 : _a7.audio.bytesSent) ? "Yes" : "No",
+        value: ((_a8 = result == null ? void 0 : result.stats) == null ? void 0 : _a8.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(
@@ -36468,13 +36473,13 @@ var ConnectivityTestReport = ({
   progress,
   startTest
 }) => {
-  var _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _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 = (_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 = (_c2 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c2.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 = (_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 = (_c2 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c2.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(