@100mslive/roomkit-react 0.1.6-alpha.2 → 0.1.6

package/dist/index.cjs.js

@@ -105,7 +105,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_f43336c5-bb3b-4487-bb65-eed87d62f6f9", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_webpack_cli: "^4.9.2", npm_package_devDependencies_webpack_bundle_analyzer: "^4.5.0", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.19 npm/? node/v16.20.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.8.15-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_f43336c5-bb3b-4487-bb65-eed87d62f6f9", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/16.20.2/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.11.15-alpha.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_webpack_manifest_plugin: "^4.1.1", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.3", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "662", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.7", 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_dependencies_react_router_dom: "^6.3.0", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.7/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.0/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20230903.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", 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_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:17488", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_scripts_app: "cd apps/100ms-web && yarn start", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_sdk: "cd packages/hms-video-web && yarn start", 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.1.15-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", GITHUB_RUN_ID: "6143673147", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "e9017621fb9f9594f985d47483ccab4bed324a35", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "apps/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "c185da290a263131093f6634fb953acbabb7a686aa4f872f19b9de675a815900", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GOROOT_1_18_X64: "/opt/hostedtoolcache/go/1.18.10/x64", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1694419890877-0.7557965598114864:/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/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1694419890635-0.43974353783902886:/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/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1694419841019-0.8375148234533045:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1694419840783-0.6699295563699477:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/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:/snap/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/16.20.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_26cb5442-5860-4d00-8f15-204afa5fd258", INVOCATION_ID: "d4a83fa2da514561b3c0ce14a83611e0", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.12/x64", npm_package_husky_hooks_pre_push: "lint-staged", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "368", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies_pusher_js: "^7.0.3", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "80 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "80 KB", npm_package_lint_staged__: "format && lint:fix", npm_package_devDependencies_webpack: "^5.76.0", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 6", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", 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: "20 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-web/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_webpack_dev_server: "^4.7.4", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.8.15-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.6-alpha.2", npm_package_size_limit_4_limit: "400 KB", npm_package_size_limit_1_path: "packages/hms-video-web/dist/index.js", npm_package_husky_hooks_pre_commit: "lint-staged", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_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/hms-video-store/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "20 KB", npm_package_size_limit_3_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "e9017621fb9f9594f985d47483ccab4bed324a35", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "20 KB", npm_package_size_limit_4_path: "packages/roomkit-react/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_8_limit: "100 KB", npm_package_size_limit_5_path: "packages/roomkit-react/dist/index.js", npm_config_strict_ssl: "true", npm_package_license: "MIT", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_9_limit: "100 KB", npm_package_size_limit_6_path: "packages/hms-virtual-background/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_f43336c5-bb3b-4487-bb65-eed87d62f6f9", JAVA_HOME: "/usr/lib/jvm/temurin-11-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/hms-virtual-background/dist/index.js", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_f43336c5-bb3b-4487-bb65-eed87d62f6f9", npm_package_size_limit_8_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_size_limit_9_path: "packages/react-icons/dist/index.js", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_scripts_app_custom: "cd apps/100ms-custom-app && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_f43336c5-bb3b-4487-bb65-eed87d62f6f9" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_0c815065-b8e9-4389-ab56-a917c878c252", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_webpack_cli: "^4.9.2", npm_package_devDependencies_webpack_bundle_analyzer: "^4.5.0", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.19 npm/? node/v16.20.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.8.15", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_0c815065-b8e9-4389-ab56-a917c878c252", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/16.20.2/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.11.15", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_webpack_manifest_plugin: "^4.1.1", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.3", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "572", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.7", 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_dependencies_react_router_dom: "^6.3.0", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.8/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.1/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20230911.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", 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_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:17912", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_scripts_app: "cd apps/100ms-web && yarn start", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_sdk: "cd packages/hms-video-web && yarn start", 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.1.15", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", GITHUB_RUN_ID: "6173051090", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "0578f113babef7488a788837c63f7f8a7aa246e3", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "apps/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "f9d73a909077584cd409e6c9fb1353416bf6e48e4288dfcf2cf7d30e1f770765", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GOROOT_1_18_X64: "/opt/hostedtoolcache/go/1.18.10/x64", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1694611632644-0.368653916969669:/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/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1694611632386-0.7643031147889183:/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/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1694611577925-0.212858679138078:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1694611577654-0.43036314236218054:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/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:/snap/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/16.20.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_3085f17f-2e58-4e8c-9f5f-4af63eec495a", INVOCATION_ID: "c504c1a15efe401d90ebb5e7a13b5fd7", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", npm_package_husky_hooks_pre_push: "lint-staged", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "370", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies_pusher_js: "^7.0.3", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "80 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "80 KB", npm_package_lint_staged__: "format && lint:fix", npm_package_devDependencies_webpack: "^5.76.0", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 3", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", 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: "20 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-web/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_webpack_dev_server: "^4.7.4", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.8.15", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.6", npm_package_size_limit_4_limit: "400 KB", npm_package_size_limit_1_path: "packages/hms-video-web/dist/index.js", npm_package_husky_hooks_pre_commit: "lint-staged", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_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/hms-video-store/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "20 KB", npm_package_size_limit_3_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "0578f113babef7488a788837c63f7f8a7aa246e3", GITHUB_RUN_ATTEMPT: "2", npm_package_size_limit_7_limit: "20 KB", npm_package_size_limit_4_path: "packages/roomkit-react/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_8_limit: "100 KB", npm_package_size_limit_5_path: "packages/roomkit-react/dist/index.js", npm_config_strict_ssl: "true", npm_package_license: "MIT", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_9_limit: "100 KB", npm_package_size_limit_6_path: "packages/hms-virtual-background/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_0c815065-b8e9-4389-ab56-a917c878c252", JAVA_HOME: "/usr/lib/jvm/temurin-11-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/hms-virtual-background/dist/index.js", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_0c815065-b8e9-4389-ab56-a917c878c252", npm_package_size_limit_8_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_size_limit_9_path: "packages/react-icons/dist/index.js", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_scripts_app_custom: "cd apps/100ms-custom-app && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_0c815065-b8e9-4389-ab56-a917c878c252" };
   }
 });
 
@@ -814,12 +814,12 @@ var init_Button = __esm({
       variants: {
         variant: {
           standard: getButtonVariants(
-            "$secondary_default",
-            "$secondary_bright",
-            "$secondary_dim",
-            "$secondary_disabled",
-            "$on_secondary_high",
-            "$on_secondary_low"
+            "$surface_brighter",
+            "$surface_bright",
+            "$surface_default",
+            "$surface_dim",
+            "$on_surface_high",
+            "$on_surface_low"
           ),
           danger: getButtonVariants(
             "$alert_error_default",
@@ -5886,7 +5886,6 @@ function Notifications() {
   const notification = (0, import_react_sdk19.useHMSNotifications)();
   const navigate = (0, import_react_router_dom2.useNavigate)();
   const params = (0, import_react_router_dom2.useParams)();
-  const vanillaStore = (0, import_react_sdk19.useHMSVanillaStore)();
   const subscribedNotifications = useSubscribedNotifications() || {};
   const roomState = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectRoomState);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
@@ -5900,7 +5899,7 @@ function Notifications() {
   }, []);
   (0, import_react_sdk19.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   (0, import_react46.useEffect)(() => {
-    var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+    var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -5960,22 +5959,19 @@ function Notifications() {
         break;
       case import_react_sdk19.HMSNotificationTypes.ROLE_UPDATED: {
         if ((_m = notification.data) == null ? void 0 : _m.isLocal) {
-          const { prevRole } = vanillaStore.getState((0, import_react_sdk19.selectPeerMetadata)((_n = notification.data) == null ? void 0 : _n.id));
-          if (prevRole !== ((_o = notification == null ? void 0 : notification.data) == null ? void 0 : _o.roleName)) {
-            ToastManager.addToast({
-              title: `You are now a ${notification.data.roleName}`
-            });
-            updateRoomLayoutForRole(notification.data.roleName);
-          }
+          ToastManager.addToast({
+            title: `You are now a ${notification.data.roleName}`
+          });
+          updateRoomLayoutForRole(notification.data.roleName);
         }
         break;
       }
       case import_react_sdk19.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
-        const track = (_p = notification.data) == null ? void 0 : _p.track;
+        const track = (_n = notification.data) == null ? void 0 : _n.track;
         if (!notification.data.enabled) {
           ToastManager.addToast({
             title: `Your ${track.source} ${track.type} was muted by
-                ${(_q = notification.data.requestedBy) == null ? void 0 : _q.name}.`
+                ${(_o = notification.data.requestedBy) == null ? void 0 : _o.name}.`
           });
         }
         break;
@@ -6038,13 +6034,12 @@ var init_Notifications2 = __esm({
 });
 
 // src/Prebuilt/components/Header/HeaderComponents.jsx
-var import_react47, import_react_use3, import_react_sdk20, import_react_icons12, SpeakerTag, LogoImg, Logo;
+var import_react47, import_react_sdk20, import_react_icons12, SpeakerTag, LogoImg, Logo;
 var init_HeaderComponents = __esm({
   "src/Prebuilt/components/Header/HeaderComponents.jsx"() {
     "use strict";
     init_define_process_env();
     import_react47 = __toESM(require("react"));
-    import_react_use3 = require("react-use");
     import_react_sdk20 = require("@100mslive/react-sdk");
     import_react_icons12 = require("@100mslive/react-icons");
     init_src();
@@ -6075,17 +6070,12 @@ var init_HeaderComponents = __esm({
       var _a7;
       const roomLayout = useRoomLayout();
       const logo = (_a7 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a7.url;
-      const isMobile = (0, import_react_use3.useMedia)(config.media.md);
-      const isConnected = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectIsConnectedToRoom);
       const [hideImage, setHideImage] = (0, import_react47.useState)(false);
       (0, import_react47.useEffect)(() => {
         if (hideImage) {
           setHideImage(false);
         }
       }, [logo]);
-      if (isConnected && isMobile) {
-        return null;
-      }
       return logo && !hideImage ? /* @__PURE__ */ import_react47.default.createElement(
         LogoImg,
         {
@@ -6498,13 +6488,13 @@ var init_AdditionalRoomState = __esm({
 });
 
 // src/Prebuilt/components/Header/StreamActions.tsx
-var import_react54, import_react_use4, import_react_sdk26, import_react_icons14, LiveStatus, RecordingStatus, StartRecording, StreamActions, StopRecordingInSheet;
+var import_react54, import_react_use3, import_react_sdk26, import_react_icons14, LiveStatus, RecordingStatus, StartRecording, StreamActions, StopRecordingInSheet;
 var init_StreamActions = __esm({
   "src/Prebuilt/components/Header/StreamActions.tsx"() {
     "use strict";
     init_define_process_env();
     import_react54 = __toESM(require("react"));
-    import_react_use4 = require("react-use");
+    import_react_use3 = require("react-use");
     import_react_sdk26 = require("@100mslive/react-sdk");
     import_react_icons14 = require("@100mslive/react-icons");
     init_src();
@@ -6518,7 +6508,7 @@ var init_StreamActions = __esm({
       var _a7;
       const { isHLSRunning, isRTMPRunning } = (0, import_react_sdk26.useRecordingStreaming)();
       const hlsState = (0, import_react_sdk26.useHMSStore)(import_react_sdk26.selectHLSState);
-      const isMobile = (0, import_react_use4.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use3.useMedia)(config.media.md);
       const intervalRef = (0, import_react54.useRef)(null);
       const [liveTime, setLiveTime] = (0, import_react54.useState)(0);
       const startTimer = (0, import_react54.useCallback)(() => {
@@ -6563,7 +6553,7 @@ var init_StreamActions = __esm({
     RecordingStatus = () => {
       const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = (0, import_react_sdk26.useRecordingStreaming)();
       const permissions = (0, import_react_sdk26.useHMSStore)(import_react_sdk26.selectPermissions);
-      const isMobile = (0, import_react_use4.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use3.useMedia)(config.media.md);
       if (!isRecordingOn || // if only browser recording is enabled, stop recording is shown
       // so no need to show this as it duplicates
       [permissions == null ? void 0 : permissions.browserRecording, !isServerRecordingOn, !isHLSRecordingOn, isBrowserRecordingOn].every(
@@ -6663,7 +6653,7 @@ var init_StreamActions = __esm({
     };
     StreamActions = () => {
       const isConnected = (0, import_react_sdk26.useHMSStore)(import_react_sdk26.selectIsConnectedToRoom);
-      const isMobile = (0, import_react_use4.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use3.useMedia)(config.media.md);
       const roomState = (0, import_react_sdk26.useHMSStore)(import_react_sdk26.selectRoomState);
       return /* @__PURE__ */ import_react54.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react54.default.createElement(AdditionalRoomState, null), !isMobile && /* @__PURE__ */ import_react54.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react54.default.createElement(RecordingStatus, null), roomState !== import_react_sdk26.HMSRoomState.Preview ? /* @__PURE__ */ import_react54.default.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ import_react54.default.createElement(StartRecording, null) : null);
     };
@@ -6861,13 +6851,13 @@ var init_common = __esm({
 });
 
 // src/Prebuilt/components/Header/Header.tsx
-var import_react56, import_react_use5, import_react_sdk28, Header2;
+var import_react56, import_react_use4, import_react_sdk28, Header2;
 var init_Header = __esm({
   "src/Prebuilt/components/Header/Header.tsx"() {
     "use strict";
     init_define_process_env();
     import_react56 = __toESM(require("react"));
-    import_react_use5 = require("react-use");
+    import_react_use4 = require("react-use");
     import_react_sdk28 = require("@100mslive/react-sdk");
     init_src();
     init_HeaderComponents();
@@ -6875,7 +6865,7 @@ var init_Header = __esm({
     init_common();
     Header2 = () => {
       const roomState = (0, import_react_sdk28.useHMSStore)(import_react_sdk28.selectRoomState);
-      const isMobile = (0, import_react_use5.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use4.useMedia)(config.media.md);
       if (roomState !== import_react_sdk28.HMSRoomState.Connected) {
         return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null);
       }
@@ -7875,13 +7865,13 @@ var init_common2 = __esm({
 });
 
 // src/Prebuilt/components/Settings/SettingsModal.jsx
-var import_react68, import_react_use6, import_react_icons25, SettingsModal, MobileSettingModal, DesktopSettingModal, SettingsContentHeader, SettingsModal_default;
+var import_react68, import_react_use5, import_react_icons25, SettingsModal, MobileSettingModal, DesktopSettingModal, SettingsContentHeader, SettingsModal_default;
 var init_SettingsModal = __esm({
   "src/Prebuilt/components/Settings/SettingsModal.jsx"() {
     "use strict";
     init_define_process_env();
     import_react68 = __toESM(require("react"));
-    import_react_use6 = require("react-use");
+    import_react_use5 = require("react-use");
     import_react_icons25 = require("@100mslive/react-icons");
     init_Divider2();
     init_IconButton2();
@@ -7894,7 +7884,7 @@ var init_SettingsModal = __esm({
     init_common2();
     SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null) }) => {
       const mediaQueryLg = config.media.md;
-      const isMobile = (0, import_react_use6.useMedia)(mediaQueryLg);
+      const isMobile = (0, import_react_use5.useMedia)(mediaQueryLg);
       const [showSetting, setShowSetting] = (0, import_react68.useState)(
         () => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
       );
@@ -8214,13 +8204,13 @@ var init_ChangeNameContent = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx
-var import_react70, import_react_use7, import_react_sdk33, ChangeNameModal;
+var import_react70, import_react_use6, import_react_sdk33, ChangeNameModal;
 var init_ChangeNameModal = __esm({
   "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx"() {
     "use strict";
     init_define_process_env();
     import_react70 = __toESM(require("react"));
-    import_react_use7 = require("react-use");
+    import_react_use6 = require("react-use");
     import_react_sdk33 = require("@100mslive/react-sdk");
     init_src();
     init_Sheet2();
@@ -8232,7 +8222,7 @@ var init_ChangeNameModal = __esm({
       const hmsActions = (0, import_react_sdk33.useHMSActions)();
       const localPeerName = (0, import_react_sdk33.useHMSStore)(import_react_sdk33.selectLocalPeerName);
       const [currentName, setCurrentName] = (0, import_react70.useState)(localPeerName);
-      const isMobile = (0, import_react_use7.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use6.useMedia)(config.media.md);
       const changeName = () => __async(void 0, null, function* () {
         const name = currentName.trim();
         if (!name || name === localPeerName) {
@@ -8271,13 +8261,13 @@ var init_ChangeNameModal = __esm({
 });
 
 // src/Prebuilt/components/TileMenu/TileMenuContent.jsx
-var import_react71, import_react_use8, import_react_sdk34, import_react_icons27, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
+var import_react71, import_react_use7, import_react_sdk34, import_react_icons27, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
 var init_TileMenuContent = __esm({
   "src/Prebuilt/components/TileMenu/TileMenuContent.jsx"() {
     "use strict";
     init_define_process_env();
     import_react71 = __toESM(require("react"));
-    import_react_use8 = require("react-use");
+    import_react_use7 = require("react-use");
     import_react_sdk34 = require("@100mslive/react-sdk");
     import_react_icons27 = require("@100mslive/react-icons");
     init_Layout();
@@ -8432,7 +8422,7 @@ var init_TileMenuContent = __esm({
       const { sendEvent } = (0, import_react_sdk34.useCustomEvent)({
         type: REMOTE_STOP_SCREENSHARE_TYPE
       });
-      const isMobile = (0, import_react_use8.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use7.useMedia)(config.media.md);
       return isLocal ? (showPinAction || canMinimise) && /* @__PURE__ */ import_react71.default.createElement(import_react71.default.Fragment, null, showPinAction && /* @__PURE__ */ import_react71.default.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ import_react71.default.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() }), canMinimise && /* @__PURE__ */ import_react71.default.createElement(MinimiseInset, null), /* @__PURE__ */ import_react71.default.createElement(
         StyledMenuTile.ItemButton,
         {
@@ -8528,13 +8518,13 @@ var init_useDropdownList = __esm({
 });
 
 // src/Prebuilt/components/TileMenu/TileMenu.jsx
-var import_react73, import_react_use9, import_react_sdk35, import_react_icons28, TileMenu, TileMenu_default;
+var import_react73, import_react_use8, import_react_sdk35, import_react_icons28, TileMenu, TileMenu_default;
 var init_TileMenu2 = __esm({
   "src/Prebuilt/components/TileMenu/TileMenu.jsx"() {
     "use strict";
     init_define_process_env();
     import_react73 = __toESM(require("react"));
-    import_react_use9 = require("react-use");
+    import_react_use8 = require("react-use");
     import_react_sdk35 = require("@100mslive/react-sdk");
     import_react_icons28 = require("@100mslive/react-icons");
     init_Layout();
@@ -8566,7 +8556,7 @@ var init_TileMenu2 = __esm({
       const showPinAction = audioTrackID || videoTrackID && isPrimaryVideoTrack;
       const track = (0, import_react_sdk35.useHMSStore)((0, import_react_sdk35.selectTrackByID)(videoTrackID));
       const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
-      const isMobile = (0, import_react_use9.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use8.useMedia)(config.media.md);
       const peer = (0, import_react_sdk35.useHMSStore)((0, import_react_sdk35.selectPeerByID)(peerID));
       const [showNameChangeModal, setShowNameChangeModal] = (0, import_react73.useState)(false);
       useDropdownList({ open, name: "TileMenu" });
@@ -8843,13 +8833,13 @@ var init_VideoTile2 = __esm({
 });
 
 // src/Prebuilt/components/Preview/PreviewForm.tsx
-var import_react75, import_react_use10, import_join_form2, import_react_sdk37, import_react_icons30, PreviewForm, Form, PreviewForm_default;
+var import_react75, import_react_use9, import_join_form2, import_react_sdk37, import_react_icons30, PreviewForm, Form, PreviewForm_default;
 var init_PreviewForm = __esm({
   "src/Prebuilt/components/Preview/PreviewForm.tsx"() {
     "use strict";
     init_define_process_env();
     import_react75 = __toESM(require("react"));
-    import_react_use10 = require("react-use");
+    import_react_use9 = require("react-use");
     import_join_form2 = require("@100mslive/types-prebuilt/elements/join_form");
     import_react_sdk37 = require("@100mslive/react-sdk");
     import_react_icons30 = require("@100mslive/react-icons");
@@ -8868,7 +8858,7 @@ var init_PreviewForm = __esm({
       const formSubmit = (e) => {
         e.preventDefault();
       };
-      const isMobile = (0, import_react_use10.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use9.useMedia)(config.media.md);
       const { isHLSRunning } = (0, import_react_sdk37.useRecordingStreaming)();
       const layout = useRoomLayout();
       const { join_form: joinForm = {} } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
@@ -9165,13 +9155,13 @@ var init_VirtualBackground = __esm({
 });
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
-var import_react78, import_react_use11, import_react_sdk39, import_react_icons32, VirtualBackground2, getParticipantChipContent, PreviewJoin, Container3, PreviewTile, PreviewControls, PreviewSettings, PreviewJoin_default;
+var import_react78, import_react_use10, import_react_sdk39, import_react_icons32, VirtualBackground2, getParticipantChipContent, PreviewJoin, Container3, PreviewTile, PreviewControls, PreviewSettings, PreviewJoin_default;
 var init_PreviewJoin = __esm({
   "src/Prebuilt/components/Preview/PreviewJoin.tsx"() {
     "use strict";
     init_define_process_env();
     import_react78 = __toESM(require("react"));
-    import_react_use11 = require("react-use");
+    import_react_use10 = require("react-use");
     import_react_sdk39 = require("@100mslive/react-sdk");
     import_react_icons32 = require("@100mslive/react-icons");
     init_src();
@@ -9319,7 +9309,7 @@ var init_PreviewJoin = __esm({
       const track = (0, import_react_sdk39.useHMSStore)(trackSelector);
       const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
       const videoTrack = (0, import_react_sdk39.useHMSStore)((0, import_react_sdk39.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
-      const isMobile = (0, import_react_use11.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use10.useMedia)(config.media.md);
       const aspectRatio = (videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) ? videoTrack.width / videoTrack.height : isMobile ? 9 / 16 : 16 / 9;
       return /* @__PURE__ */ import_react78.default.createElement(
         StyledVideoTile.Container,
@@ -9349,7 +9339,7 @@ var init_PreviewJoin = __esm({
       );
     };
     PreviewControls = ({ hideSettings }) => {
-      const isMobile = (0, import_react_use11.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use10.useMedia)(config.media.md);
       return /* @__PURE__ */ import_react78.default.createElement(
         Flex,
         {
@@ -9372,14 +9362,14 @@ var init_PreviewJoin = __esm({
 });
 
 // src/Prebuilt/components/Preview/PreviewContainer.tsx
-var import_react79, import_react_router_dom4, import_react_use12, PreviewContainer, PreviewContainer_default;
+var import_react79, import_react_router_dom4, import_react_use11, PreviewContainer, PreviewContainer_default;
 var init_PreviewContainer = __esm({
   "src/Prebuilt/components/Preview/PreviewContainer.tsx"() {
     "use strict";
     init_define_process_env();
     import_react79 = __toESM(require("react"));
     import_react_router_dom4 = require("react-router-dom");
-    import_react_use12 = require("react-use");
+    import_react_use11 = require("react-use");
     init_src();
     init_AppContext();
     init_roomLayoutProvider();
@@ -9393,7 +9383,7 @@ var init_PreviewContainer = __esm({
       const navigate = (0, import_react_router_dom4.useNavigate)();
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
       const skipPreview = !isPreviewScreenEnabled;
-      const previewAsRole = (0, import_react_use12.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
+      const previewAsRole = (0, import_react_use11.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
       const { userName } = useHMSPrebuiltContext();
       const initialName = userName || (skipPreview ? "Beam" : "");
       const { roomId: urlRoomId, role: userRole } = (0, import_react_router_dom4.useParams)();
@@ -9495,7 +9485,7 @@ function FlyingEmoji() {
   const localPeerId = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectLocalPeerID);
   const vanillaStore = (0, import_react_sdk41.useHMSVanillaStore)();
   const [emojis, setEmojis] = (0, import_react82.useState)([]);
-  const isMobile = (0, import_react_use13.useMedia)(config.media.md);
+  const isMobile = (0, import_react_use12.useMedia)(config.media.md);
   const startingPoints = (0, import_react82.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = (0, import_react82.useCallback)(
     ({ emojiId, senderId }) => {
@@ -9587,13 +9577,13 @@ function FlyingEmoji() {
     })
   );
 }
-var import_react82, import_react_use13, import_react_sdk41, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
+var import_react82, import_react_use12, import_react_sdk41, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
 var init_FlyingEmoji = __esm({
   "src/Prebuilt/plugins/FlyingEmoji.jsx"() {
     "use strict";
     init_define_process_env();
     import_react82 = __toESM(require("react"));
-    import_react_use13 = require("react-use");
+    import_react_use12 = require("react-use");
     import_react_sdk41 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
@@ -9777,13 +9767,13 @@ var init_EmojiCard = __esm({
 });
 
 // src/Prebuilt/components/EmojiReaction.jsx
-var import_react87, import_react_use14, import_apple, import_emoji_mart, import_react_sdk45, import_react_icons33, EmojiReaction;
+var import_react87, import_react_use13, import_apple, import_emoji_mart, import_react_sdk45, import_react_icons33, EmojiReaction;
 var init_EmojiReaction = __esm({
   "src/Prebuilt/components/EmojiReaction.jsx"() {
     "use strict";
     init_define_process_env();
     import_react87 = __toESM(require("react"));
-    import_react_use14 = require("react-use");
+    import_react_use13 = require("react-use");
     import_apple = __toESM(require("@emoji-mart/data/sets/14/apple.json"));
     import_emoji_mart = require("emoji-mart");
     import_react_sdk45 = require("@100mslive/react-sdk");
@@ -9803,7 +9793,7 @@ var init_EmojiReaction = __esm({
       useDropdownList({ open, name: "EmojiReaction" });
       const roles = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectAvailableRoleNames);
       const localPeerId = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectLocalPeerID);
-      const isMobile = (0, import_react_use14.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use13.useMedia)(config.media.md);
       const { sendEvent } = (0, import_react_sdk45.useCustomEvent)({
         type: EMOJI_REACTION_TYPE
       });
@@ -10010,7 +10000,8 @@ var init_DesktopLeaveRoom = __esm({
     init_useDropdownList();
     DesktopLeaveRoom = ({
       leaveRoom,
-      screenType
+      screenType,
+      endRoom
     }) => {
       const [open, setOpen] = (0, import_react91.useState)(false);
       const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react91.useState)(false);
@@ -10018,12 +10009,12 @@ var init_DesktopLeaveRoom = __esm({
       const isConnected = (0, import_react_sdk46.useHMSStore)(import_react_sdk46.selectIsConnectedToRoom);
       const permissions = (0, import_react_sdk46.useHMSStore)(import_react_sdk46.selectPermissions);
       const { isStreamingOn } = (0, import_react_sdk46.useRecordingStreaming)();
-      const showStream = (permissions == null ? void 0 : permissions.hlsStreaming) && isStreamingOn;
+      const showStream = screenType !== "hls_live_streaming" && isStreamingOn;
       useDropdownList({ open: open || showEndStreamAlert || showLeaveRoomAlert, name: "LeaveRoom" });
       if (!permissions || !isConnected) {
         return null;
       }
-      return /* @__PURE__ */ import_react91.default.createElement(import_react91.Fragment, null, permissions.hlsStreaming ? /* @__PURE__ */ import_react91.default.createElement(Flex, null, /* @__PURE__ */ import_react91.default.createElement(
+      return /* @__PURE__ */ import_react91.default.createElement(import_react91.Fragment, null, screenType !== "hls_live_streaming" && ((permissions == null ? void 0 : permissions.hlsStreaming) || (permissions == null ? void 0 : permissions.endRoom)) ? /* @__PURE__ */ import_react91.default.createElement(Flex, null, /* @__PURE__ */ import_react91.default.createElement(
         LeaveIconButton,
         {
           key: "LeaveRoom",
@@ -10033,11 +10024,7 @@ var init_DesktopLeaveRoom = __esm({
             borderBottomRightRadius: 0
           },
           onClick: () => {
-            if (screenType === "hls_live_streaming") {
-              setShowLeaveRoomAlert(true);
-            } else {
-              leaveRoom({ endstream: false });
-            }
+            leaveRoom({ endstream: false });
           }
         },
         /* @__PURE__ */ import_react91.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react91.default.createElement(Box, null, /* @__PURE__ */ import_react91.default.createElement(import_react_icons36.ExitIcon, { style: { transform: "rotate(180deg)" } })))
@@ -10075,7 +10062,7 @@ var init_DesktopLeaveRoom = __esm({
             css: { p: 0 }
           }
         )
-      ), isStreamingOn && (permissions == null ? void 0 : permissions.hlsStreaming) ? /* @__PURE__ */ import_react91.default.createElement(
+      ), (permissions == null ? void 0 : permissions.endRoom) || (permissions == null ? void 0 : permissions.hlsStreaming) ? /* @__PURE__ */ import_react91.default.createElement(
         Dropdown.Item,
         {
           css: {
@@ -10118,7 +10105,7 @@ var init_DesktopLeaveRoom = __esm({
         EndSessionContent,
         {
           setShowEndStreamAlert,
-          leaveRoom,
+          leaveRoom: isStreamingOn ? leaveRoom : endRoom,
           isStreamingOn,
           isModal: true
         }
@@ -10146,7 +10133,8 @@ var init_MwebLeaveRoom = __esm({
     init_useDropdownList();
     MwebLeaveRoom = ({
       leaveRoom,
-      screenType
+      screenType,
+      endRoom
     }) => {
       const [open, setOpen] = (0, import_react92.useState)(false);
       const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react92.useState)(false);
@@ -10154,12 +10142,12 @@ var init_MwebLeaveRoom = __esm({
       const isConnected = (0, import_react_sdk47.useHMSStore)(import_react_sdk47.selectIsConnectedToRoom);
       const permissions = (0, import_react_sdk47.useHMSStore)(import_react_sdk47.selectPermissions);
       const { isStreamingOn } = (0, import_react_sdk47.useRecordingStreaming)();
-      const showStream = (permissions == null ? void 0 : permissions.hlsStreaming) && isStreamingOn;
+      const showStream = screenType !== "hls_live_streaming" && isStreamingOn;
       useDropdownList({ open, name: "LeaveRoom" });
       if (!permissions || !isConnected) {
         return null;
       }
-      return /* @__PURE__ */ import_react92.default.createElement(import_react92.Fragment, null, (permissions == null ? void 0 : permissions.hlsStreaming) ? /* @__PURE__ */ import_react92.default.createElement(Sheet.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react92.default.createElement(Sheet.Trigger, { asChild: true }, /* @__PURE__ */ import_react92.default.createElement(
+      return /* @__PURE__ */ import_react92.default.createElement(import_react92.Fragment, null, screenType !== "hls_live_streaming" ? /* @__PURE__ */ import_react92.default.createElement(Sheet.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react92.default.createElement(Sheet.Trigger, { asChild: true }, /* @__PURE__ */ import_react92.default.createElement(
         LeaveIconButton,
         {
           key: "LeaveRoom",
@@ -10181,7 +10169,7 @@ var init_MwebLeaveRoom = __esm({
           onClick: () => leaveRoom({ endstream: false }),
           css: { pt: 0, mt: "$10", color: "$on_surface_low", "&:hover": { color: "$on_surface_high" } }
         }
-      ), isStreamingOn && (permissions == null ? void 0 : permissions.hlsStreaming) ? /* @__PURE__ */ import_react92.default.createElement(
+      ), (permissions == null ? void 0 : permissions.endRoom) || (permissions == null ? void 0 : permissions.hlsStreaming) ? /* @__PURE__ */ import_react92.default.createElement(
         LeaveCard,
         {
           title: showStream ? "End Stream" : "End Session",
@@ -10213,7 +10201,7 @@ var init_MwebLeaveRoom = __esm({
         EndSessionContent,
         {
           setShowEndStreamAlert,
-          leaveRoom,
+          leaveRoom: isStreamingOn ? leaveRoom : endRoom,
           isStreamingOn
         }
       ))), screenType === "hls_live_streaming" ? /* @__PURE__ */ import_react92.default.createElement(Sheet.Root, { open: showLeaveRoomAlert, onOpenChange: setShowLeaveRoomAlert }, /* @__PURE__ */ import_react92.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" } }, /* @__PURE__ */ import_react92.default.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom }))) : null);
@@ -10222,13 +10210,13 @@ var init_MwebLeaveRoom = __esm({
 });
 
 // src/Prebuilt/components/Leave/LeaveRoom.tsx
-var import_react93, import_react_use15, import_react_sdk48, LeaveRoom;
+var import_react93, import_react_use14, import_react_sdk48, LeaveRoom;
 var init_LeaveRoom = __esm({
   "src/Prebuilt/components/Leave/LeaveRoom.tsx"() {
     "use strict";
     init_define_process_env();
     import_react93 = __toESM(require("react"));
-    import_react_use15 = require("react-use");
+    import_react_use14 = require("react-use");
     import_react_sdk48 = require("@100mslive/react-sdk");
     init_Theme();
     init_ToastManager();
@@ -10238,7 +10226,7 @@ var init_LeaveRoom = __esm({
     LeaveRoom = ({ screenType }) => {
       const isConnected = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectIsConnectedToRoom);
       const permissions = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectPermissions);
-      const isMobile = (0, import_react_use15.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use14.useMedia)(config.media.md);
       const rolesMap = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectRolesMap);
       const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
         const roleObj = rolesMap[roleName];
@@ -10260,6 +10248,10 @@ var init_LeaveRoom = __esm({
           ToastManager.addToast({ title: "Error in stopping the stream", type: "error" });
         }
       });
+      const endRoom = () => {
+        hmsActions.endRoom(false, "End Room");
+        redirectToLeave();
+      };
       const leaveRoom = (_0) => __async(void 0, [_0], function* ({ endstream = false }) {
         if (endstream || hlsState.running && peersWithStreamingRights.length === 1) {
           yield stopStream();
@@ -10270,7 +10262,7 @@ var init_LeaveRoom = __esm({
       if (!permissions || !isConnected) {
         return null;
       }
-      return isMobile ? /* @__PURE__ */ import_react93.default.createElement(MwebLeaveRoom, { leaveRoom, screenType }) : /* @__PURE__ */ import_react93.default.createElement(DesktopLeaveRoom, { leaveRoom, screenType });
+      return isMobile ? /* @__PURE__ */ import_react93.default.createElement(MwebLeaveRoom, { leaveRoom, screenType, endRoom }) : /* @__PURE__ */ import_react93.default.createElement(DesktopLeaveRoom, { leaveRoom, screenType, endRoom });
     };
   }
 });
@@ -11736,13 +11728,13 @@ var init_DesktopOptions = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
-var import_react108, import_react_use16, import_react_sdk59, import_react_icons48, MODALS2, MwebOptions;
+var import_react108, import_react_use15, import_react_sdk59, import_react_icons48, MODALS2, MwebOptions;
 var init_MwebOptions = __esm({
   "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx"() {
     "use strict";
     init_define_process_env();
     import_react108 = __toESM(require("react"));
-    import_react_use16 = require("react-use");
+    import_react_use15 = require("react-use");
     import_react_sdk59 = require("@100mslive/react-sdk");
     import_react_icons48 = require("@100mslive/react-icons");
     init_src();
@@ -11801,7 +11793,7 @@ var init_MwebOptions = __esm({
           return copy;
         });
       };
-      (0, import_react_use16.useClickAway)(emojiCardRef, () => setShowEmojiCard(false));
+      (0, import_react_use15.useClickAway)(emojiCardRef, () => setShowEmojiCard(false));
       return /* @__PURE__ */ import_react108.default.createElement(import_react108.default.Fragment, null, /* @__PURE__ */ import_react108.default.createElement(Sheet.Root, { open: openOptionsSheet, onOpenChange: setOpenOptionsSheet }, /* @__PURE__ */ import_react108.default.createElement(Tooltip, { title: "More options" }, /* @__PURE__ */ import_react108.default.createElement(Sheet.Trigger, { asChild: true, "data-testid": "more_settings_btn" }, /* @__PURE__ */ import_react108.default.createElement(IconButton_default, null, /* @__PURE__ */ import_react108.default.createElement(import_react_icons48.DragHandleIcon, null)))), /* @__PURE__ */ import_react108.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", pb: "$14" } }, /* @__PURE__ */ import_react108.default.createElement(
         Sheet.Title,
         {
@@ -11984,13 +11976,13 @@ var init_MwebOptions = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/MoreSettings.tsx
-var import_react109, import_react_use17, MoreSettings;
+var import_react109, import_react_use16, MoreSettings;
 var init_MoreSettings = __esm({
   "src/Prebuilt/components/MoreSettings/MoreSettings.tsx"() {
     "use strict";
     init_define_process_env();
     import_react109 = __toESM(require("react"));
-    import_react_use17 = require("react-use");
+    import_react_use16 = require("react-use");
     init_DesktopOptions();
     init_MwebOptions();
     init_src();
@@ -11998,7 +11990,7 @@ var init_MoreSettings = __esm({
       elements,
       screenType
     }) => {
-      const isMobile = (0, import_react_use17.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use16.useMedia)(config.media.md);
       return isMobile ? /* @__PURE__ */ import_react109.default.createElement(MwebOptions, { elements, screenType }) : /* @__PURE__ */ import_react109.default.createElement(DesktopOptions, { elements, screenType });
     };
   }
@@ -12770,13 +12762,13 @@ var init_RoleOptions = __esm({
 function itemKey(index, data3) {
   return data3.peerList[index].id;
 }
-var import_react120, import_react_use18, import_react_window, ROW_HEIGHT, VirtualizedParticipantItem, RoleAccordion;
+var import_react120, import_react_use17, import_react_window, ROW_HEIGHT, VirtualizedParticipantItem, RoleAccordion;
 var init_RoleAccordion = __esm({
   "src/Prebuilt/components/Footer/RoleAccordion.tsx"() {
     "use strict";
     init_define_process_env();
     import_react120 = __toESM(require("react"));
-    import_react_use18 = require("react-use");
+    import_react_use17 = require("react-use");
     import_react_window = require("react-window");
     init_Accordion2();
     init_Layout();
@@ -12795,13 +12787,13 @@ var init_RoleAccordion = __esm({
       filter,
       isHandRaisedAccordion = false
     }) => {
-      const [ref, { width }] = (0, import_react_use18.useMeasure)();
+      const [ref, { width }] = (0, import_react_use17.useMeasure)();
       const showAcordion = (filter == null ? void 0 : filter.search) ? peerList.some((peer) => peer.name.toLowerCase().includes(filter.search)) : true;
       if (!showAcordion || isHandRaisedAccordion && (filter == null ? void 0 : filter.search) || peerList.length === 0) {
         return null;
       }
       const height = ROW_HEIGHT * peerList.length;
-      return /* @__PURE__ */ import_react120.default.createElement(Flex, { direction: "column", css: { flexGrow: 1, "&:hover .role_actions": { visibility: "visible" } }, ref }, /* @__PURE__ */ import_react120.default.createElement(
+      return /* @__PURE__ */ import_react120.default.createElement(Flex, { direction: "column", css: { "&:hover .role_actions": { visibility: "visible" } }, ref }, /* @__PURE__ */ import_react120.default.createElement(
         Accordion.Root,
         {
           type: "single",
@@ -12849,13 +12841,13 @@ var init_RoleAccordion = __esm({
 });
 
 // src/Prebuilt/components/Footer/ParticipantList.jsx
-var import_react121, import_react_use19, import_react_sdk65, import_react_icons56, ParticipantList, ParticipantCount, VirtualizedParticipants, Participant, ParticipantActions, ParticipantMoreActions, ParticipantSearch;
+var import_react121, import_react_use18, import_react_sdk65, import_react_icons56, ParticipantList, ParticipantCount, VirtualizedParticipants, Participant, ParticipantActions, ParticipantMoreActions, ParticipantSearch;
 var init_ParticipantList = __esm({
   "src/Prebuilt/components/Footer/ParticipantList.jsx"() {
     "use strict";
     init_define_process_env();
     import_react121 = __toESM(require("react"));
-    import_react_use19 = require("react-use");
+    import_react_use18 = require("react-use");
     import_react_sdk65 = require("@100mslive/react-sdk");
     import_react_icons56 = require("@100mslive/react-icons");
     init_src();
@@ -12943,10 +12935,11 @@ var init_ParticipantList = __esm({
           direction: "column",
           css: {
             gap: "$8",
-            maxHeight: "100%",
             overflowY: "auto",
             overflowX: "hidden",
-            pr: "$3"
+            pr: "$10",
+            mr: "-$10",
+            flex: "1 1 0"
           }
         },
         /* @__PURE__ */ import_react121.default.createElement(
@@ -13093,8 +13086,8 @@ var init_ParticipantList = __esm({
     };
     ParticipantSearch = ({ onSearch, placeholder, inSidePane = false }) => {
       const [value, setValue] = import_react121.default.useState("");
-      const isMobile = (0, import_react_use19.useMedia)(config.media.md);
-      (0, import_react_use19.useDebounce)(
+      const isMobile = (0, import_react_use18.useMedia)(config.media.md);
+      (0, import_react_use18.useDebounce)(
         () => {
           onSearch(value);
         },
@@ -13106,7 +13099,7 @@ var init_ParticipantList = __esm({
         {
           align: "center",
           css: {
-            p: isMobile ? "$0 $6" : "$2 0",
+            p: isMobile ? "0" : "$2 0",
             mb: "$2",
             position: "relative",
             color: "$on_surface_medium",
@@ -13137,13 +13130,13 @@ var init_ParticipantList = __esm({
 });
 
 // src/Prebuilt/components/Footer/Footer.tsx
-var import_react122, import_react_use20, import_chat, VirtualBackground3, Footer2;
+var import_react122, import_react_use19, import_chat, VirtualBackground3, Footer2;
 var init_Footer3 = __esm({
   "src/Prebuilt/components/Footer/Footer.tsx"() {
     "use strict";
     init_define_process_env();
     import_react122 = __toESM(require("react"));
-    import_react_use20 = require("react-use");
+    import_react_use19 = require("react-use");
     import_chat = require("@100mslive/types-prebuilt/elements/chat");
     init_src();
     init_AudioVideoToggle();
@@ -13162,7 +13155,7 @@ var init_Footer3 = __esm({
       elements
     }) => {
       var _a7, _b7;
-      const isMobile = (0, import_react_use20.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use19.useMedia)(config.media.md);
       const isOverlayChat = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay);
       const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === import_chat.Chat_ChatState.CHAT_STATE_OPEN;
       const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
@@ -13182,7 +13175,7 @@ var init_Footer3 = __esm({
               gap: "$10",
               position: "relative",
               // To prevent it from showing over the sidepane if chat type is not overlay
-              zIndex: isOverlayChat ? 20 : 1
+              zIndex: isOverlayChat && isChatOpen ? 20 : 1
             }
           }
         },
@@ -13305,14 +13298,14 @@ var init_useVideoTileLayout = __esm({
 });
 
 // src/Prebuilt/components/InsetTile.tsx
-var import_react125, import_react_draggable, import_react_use21, import_react_sdk67, import_react_icons57, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
+var import_react125, import_react_draggable, import_react_use20, import_react_sdk67, import_react_icons57, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
 var init_InsetTile = __esm({
   "src/Prebuilt/components/InsetTile.tsx"() {
     "use strict";
     init_define_process_env();
     import_react125 = __toESM(require("react"));
     import_react_draggable = __toESM(require("react-draggable"));
-    import_react_use21 = require("react-use");
+    import_react_use20 = require("react-use");
     import_react_sdk67 = require("@100mslive/react-sdk");
     import_react_icons57 = require("@100mslive/react-icons");
     init_Layout();
@@ -13340,8 +13333,8 @@ var init_InsetTile = __esm({
     defaultMobileAspectRatio = 9 / 16;
     desktopAspectRatio = 1 / defaultMobileAspectRatio;
     InsetTile = () => {
-      const isMobile = (0, import_react_use21.useMedia)(config.media.md);
-      const isLandscape = (0, import_react_use21.useMedia)(config.media.ls);
+      const isMobile = (0, import_react_use20.useMedia)(config.media.md);
+      const isLandscape = (0, import_react_use20.useMedia)(config.media.ls);
       const localPeer = (0, import_react_sdk67.useHMSStore)(import_react_sdk67.selectLocalPeer);
       const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
       const videoTrack = (0, import_react_sdk67.useHMSStore)((0, import_react_sdk67.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
@@ -13516,13 +13509,13 @@ var init_Grid = __esm({
 });
 
 // src/Prebuilt/components/hooks/useTileLayout.tsx
-var import_react128, import_react_use22, import_react_sdk68, aspectRatioConfig, usePagesWithTiles, useTileLayout;
+var import_react128, import_react_use21, import_react_sdk68, aspectRatioConfig, usePagesWithTiles, useTileLayout;
 var init_useTileLayout = __esm({
   "src/Prebuilt/components/hooks/useTileLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react128 = require("react");
-    import_react_use22 = require("react-use");
+    import_react_use21 = require("react-use");
     import_react_sdk68 = require("@100mslive/react-sdk");
     init_Theme();
     aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
@@ -13554,8 +13547,8 @@ var init_useTileLayout = __esm({
       edgeToEdge = false
     }) => {
       const vanillaStore = (0, import_react_sdk68.useHMSVanillaStore)();
-      const [ref, { width, height }] = (0, import_react_use22.useMeasure)();
-      const isMobile = (0, import_react_use22.useMedia)(config.media.lg);
+      const [ref, { width, height }] = (0, import_react_use21.useMeasure)();
+      const isMobile = (0, import_react_use21.useMedia)(config.media.lg);
       const [pagesWithTiles, setPagesWithTiles] = (0, import_react128.useState)([]);
       (0, import_react128.useEffect)(() => {
         if (width === 0 || height === 0) {
@@ -13627,7 +13620,7 @@ var init_useTileLayout = __esm({
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a7;
   const localPeer = (0, import_react_sdk69.useHMSStore)(import_react_sdk69.selectLocalPeer);
-  const isMobile = (0, import_react_use23.useMedia)(config.media.md);
+  const isMobile = (0, import_react_use22.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
   let pageList = usePagesWithTiles({
@@ -13666,13 +13659,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     }
   ), isInsetEnabled && pageList.length > 0 && pageList[0][0].peer.id !== (localPeer == null ? void 0 : localPeer.id) && /* @__PURE__ */ import_react129.default.createElement(InsetTile, null));
 }
-var import_react129, import_react_use23, import_react_sdk69;
+var import_react129, import_react_use22, import_react_sdk69;
 var init_EqualProminence = __esm({
   "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
     "use strict";
     init_define_process_env();
     import_react129 = __toESM(require("react"));
-    import_react_use23 = require("react-use");
+    import_react_use22 = require("react-use");
     import_react_sdk69 = require("@100mslive/react-sdk");
     init_Layout();
     init_Theme();
@@ -13759,20 +13752,20 @@ var init_ProminenceLayout = __esm({
 });
 
 // src/Prebuilt/components/SecondaryTiles.tsx
-var import_react131, import_react_use24, SecondaryTiles;
+var import_react131, import_react_use23, SecondaryTiles;
 var init_SecondaryTiles = __esm({
   "src/Prebuilt/components/SecondaryTiles.tsx"() {
     "use strict";
     init_define_process_env();
     import_react131 = __toESM(require("react"));
-    import_react_use24 = require("react-use");
+    import_react_use23 = require("react-use");
     init_ProminenceLayout();
     init_Theme();
     init_Pagination2();
     init_useTileLayout();
     SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       var _a7;
-      const isMobile = (0, import_react_use24.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use23.useMedia)(config.media.md);
       const maxTileCount = isMobile ? 2 : 4;
       const pagesWithTiles = usePagesWithTiles({ peers, maxTileCount });
       const [page, setPage] = (0, import_react131.useState)(0);
@@ -13943,13 +13936,13 @@ var init_ScreenshareDisplay = __esm({
 });
 
 // src/Prebuilt/components/ScreenshareTile.jsx
-var import_react135, import_react_use25, import_screenfull2, import_react_sdk72, import_react_icons60, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
+var import_react135, import_react_use24, import_screenfull2, import_react_sdk72, import_react_icons60, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
 var init_ScreenshareTile = __esm({
   "src/Prebuilt/components/ScreenshareTile.jsx"() {
     "use strict";
     init_define_process_env();
     import_react135 = __toESM(require("react"));
-    import_react_use25 = require("react-use");
+    import_react_use24 = require("react-use");
     import_screenfull2 = __toESM(require("screenfull"));
     import_react_sdk72 = require("@100mslive/react-sdk");
     import_react_icons60 = require("@100mslive/react-icons");
@@ -13976,14 +13969,9 @@ var init_ScreenshareTile = __esm({
       const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
       const [isMouseHovered, setIsMouseHovered] = (0, import_react135.useState)(false);
       const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-      const label = getVideoTileLabel({
-        peerName: peer.name,
-        isLocal: false,
-        track
-      });
       const fullscreenRef = (0, import_react135.useRef)(null);
       const [fullscreen, setFullscreen] = (0, import_react135.useState)(false);
-      const isFullscreen = (0, import_react_use25.useFullscreen)(fullscreenRef, fullscreen, {
+      const isFullscreen = (0, import_react_use24.useFullscreen)(fullscreenRef, fullscreen, {
         onClose: () => setFullscreen(false)
       });
       const isFullScreenSupported = import_screenfull2.default.isEnabled;
@@ -13994,6 +13982,11 @@ var init_ScreenshareTile = __esm({
       if (!peer) {
         return null;
       }
+      const label = getVideoTileLabel({
+        peerName: peer == null ? void 0 : peer.name,
+        isLocal: false,
+        track
+      });
       return /* @__PURE__ */ import_react135.default.createElement(StyledVideoTile.Root, { css: { width, height, p: 0, minHeight: 0 }, "data-testid": "screenshare_tile" }, /* @__PURE__ */ import_react135.default.createElement(
         StyledVideoTile.Container,
         {
@@ -14018,7 +14011,16 @@ var init_ScreenshareTile = __esm({
           }
         ) : null,
         /* @__PURE__ */ import_react135.default.createElement(StyledVideoTile.Info, { css: labelStyles }, label),
-        isMouseHovered && !(peer == null ? void 0 : peer.isLocal) ? /* @__PURE__ */ import_react135.default.createElement(TileMenu_default, { isScreenshare: true, peerID: peer == null ? void 0 : peer.id, audioTrackID: audioTrack == null ? void 0 : audioTrack.id, videoTrackID: track == null ? void 0 : track.id }) : null
+        isMouseHovered && !peer.isLocal ? /* @__PURE__ */ import_react135.default.createElement(
+          TileMenu_default,
+          {
+            isScreenshare: true,
+            peerID: peer.id,
+            audioTrackID: audioTrack == null ? void 0 : audioTrack.id,
+            videoTrackID: track == null ? void 0 : track.id,
+            enableSpotlightingPeer: false
+          }
+        ) : null
       ));
     };
     ScreenshareTile = import_react135.default.memo(Tile2);
@@ -14027,13 +14029,13 @@ var init_ScreenshareTile = __esm({
 });
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
-var import_react136, import_react_use26, import_react_sdk73, ScreenshareLayout;
+var import_react136, import_react_use25, import_react_sdk73, ScreenshareLayout;
 var init_ScreenshareLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react136 = __toESM(require("react"));
-    import_react_use26 = require("react-use");
+    import_react_use25 = require("react-use");
     import_react_sdk73 = require("@100mslive/react-sdk");
     init_Theme();
     init_Pagination2();
@@ -14048,7 +14050,7 @@ var init_ScreenshareLayout = __esm({
       const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const [page, setPage] = (0, import_react136.useState)(0);
       const activeSharePeer = peersSharing[page];
-      const isMobile = (0, import_react_use26.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use25.useMedia)(config.media.md);
       const secondaryPeers = (0, import_react136.useMemo)(
         () => isMobile ? activeSharePeer ? [activeSharePeer, ...peers.filter((p) => p.id !== (activeSharePeer == null ? void 0 : activeSharePeer.id))] : peers : peers.filter((p) => p.id !== (activeSharePeer == null ? void 0 : activeSharePeer.id)),
         [activeSharePeer, peers, isMobile]
@@ -14482,14 +14484,14 @@ var init_useSetPinnedMessage = __esm({
 });
 
 // src/Prebuilt/components/Chat/ChatBody.jsx
-var import_react141, import_react_intersection_observer, import_react_use27, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk79, import_react_icons61, formatTime2, MessageTypeContainer, MessageType, URL_REGEX, Link3, AnnotisedMessage, getMessageType, ChatActions, SenderName, ChatMessage, ChatList, VirtualizedChatMessages, ChatBody;
+var import_react141, import_react_intersection_observer, import_react_use26, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk79, import_react_icons61, formatTime2, MessageTypeContainer, MessageType, URL_REGEX, Link3, AnnotisedMessage, getMessageType, ChatActions, SenderName, ChatMessage, ChatList, VirtualizedChatMessages, ChatBody;
 var init_ChatBody = __esm({
   "src/Prebuilt/components/Chat/ChatBody.jsx"() {
     "use strict";
     init_define_process_env();
     import_react141 = __toESM(require("react"));
     import_react_intersection_observer = require("react-intersection-observer");
-    import_react_use27 = require("react-use");
+    import_react_use26 = require("react-use");
     import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
     import_react_window2 = require("react-window");
     import_react_sdk79 = require("@100mslive/react-sdk");
@@ -14608,7 +14610,7 @@ var init_ChatBody = __esm({
           setRowHeight(index, rowRef.current.clientHeight);
         }
       }, [index, setRowHeight]);
-      const isMobile = (0, import_react_use27.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use26.useMedia)(config.media.md);
       const { elements } = useRoomLayoutConferencingScreen();
       const isOverlay = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && isMobile;
       const hmsActions = (0, import_react_sdk79.useHMSActions)();
@@ -14786,7 +14788,7 @@ var init_ChatBody = __esm({
       const storeMessageSelector = role ? (0, import_react_sdk79.selectMessagesByRole)(role) : peerId ? (0, import_react_sdk79.selectMessagesByPeerID)(peerId) : import_react_sdk79.selectHMSMessages;
       let messages = (0, import_react_sdk79.useHMSStore)(storeMessageSelector);
       messages = (0, import_react141.useMemo)(() => (messages == null ? void 0 : messages.filter((message) => message.type === "chat")) || [], [messages]);
-      const isMobile = (0, import_react_use27.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use26.useMedia)(config.media.md);
       const { elements } = useRoomLayoutConferencingScreen();
       if (messages.length === 0 && !(isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay))) {
         return /* @__PURE__ */ import_react141.default.createElement(
@@ -14868,6 +14870,7 @@ var init_useEmojiPickerStyles = __esm({
             font-family: var(--hms-ui-fonts-sans);
           }
           .sticky {
+            top: 0.25rem;
             background-color: var(--hms-ui-colors-surface_bright);
             margin-top: 0.5rem;
           }
@@ -14908,13 +14911,13 @@ function EmojiPicker({ onSelect }) {
     )
   )));
 }
-var import_react144, import_react_use28, import_data, import_react145, import_react_sdk81, import_react_icons62, TextArea, ChatFooter;
+var import_react144, import_react_use27, import_data, import_react145, import_react_sdk81, import_react_icons62, TextArea, ChatFooter;
 var init_ChatFooter = __esm({
   "src/Prebuilt/components/Chat/ChatFooter.tsx"() {
     "use strict";
     init_define_process_env();
     import_react144 = __toESM(require("react"));
-    import_react_use28 = require("react-use");
+    import_react_use27 = require("react-use");
     import_data = __toESM(require("@emoji-mart/data"));
     import_react145 = __toESM(require("@emoji-mart/react"));
     import_react_sdk81 = require("@100mslive/react-sdk");
@@ -14951,7 +14954,7 @@ var init_ChatFooter = __esm({
       const hmsActions = (0, import_react_sdk81.useHMSActions)();
       const inputRef = (0, import_react144.useRef)(null);
       const [draftMessage, setDraftMessage] = useChatDraftMessage();
-      const isMobile = (0, import_react_use28.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use27.useMedia)(config.media.md);
       const { elements } = useRoomLayoutConferencingScreen();
       const isOverlayChat = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay;
       const sendMessage = (0, import_react144.useCallback)(() => __async(void 0, null, function* () {
@@ -15083,13 +15086,13 @@ var init_useUnreadCount = __esm({
 });
 
 // src/Prebuilt/components/Chat/Chat.jsx
-var import_react146, import_react_use29, import_react_sdk83, import_react_icons63, PINNED_MESSAGE_LENGTH, PinnedMessage, Chat, NewMessageIndicator;
+var import_react146, import_react_use28, import_react_sdk83, import_react_icons63, PINNED_MESSAGE_LENGTH, PinnedMessage, Chat, NewMessageIndicator;
 var init_Chat = __esm({
   "src/Prebuilt/components/Chat/Chat.jsx"() {
     "use strict";
     init_define_process_env();
     import_react146 = __toESM(require("react"));
-    import_react_use29 = require("react-use");
+    import_react_use28 = require("react-use");
     import_react_sdk83 = require("@100mslive/react-sdk");
     import_react_icons63 = require("@100mslive/react-icons");
     init_Button2();
@@ -15139,8 +15142,8 @@ var init_Chat = __esm({
         )
       ) : null;
     };
-    Chat = ({ screenType, hideControls = false }) => {
-      var _a7, _b7, _c;
+    Chat = ({ screenType }) => {
+      var _a7, _b7;
       const notification = (0, import_react_sdk83.useHMSNotifications)(import_react_sdk83.HMSNotificationTypes.PEER_LEFT);
       const [peerSelector, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER_ID);
       const [roleSelector, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
@@ -15166,7 +15169,7 @@ var init_Chat = __esm({
       }, [notification, peerSelector, setPeerSelector]);
       const storeMessageSelector = import_react_sdk83.selectHMSMessagesCount;
       const { elements } = useRoomLayoutConferencingScreen();
-      const isMobile = (0, import_react_use29.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use28.useMedia)(config.media.md);
       let isScrolledToBottom = false;
       if (listRef.current) {
         const currentRef = listRef.current._outerRef;
@@ -15193,12 +15196,10 @@ var init_Chat = __esm({
           direction: "column",
           css: {
             size: "100%",
-            gap: "$4",
-            marginTop: hideControls && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) ? "$17" : "0",
-            transition: "margin 0.3s ease-in-out"
+            gap: "$4"
           }
         },
-        isMobile && ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) ? null : /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, ((_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.allow_pinning_messages) ? /* @__PURE__ */ import_react146.default.createElement(PinnedMessage, { clearPinnedMessage: setPinnedMessage }) : null),
+        isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) ? null : /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.allow_pinning_messages) ? /* @__PURE__ */ import_react146.default.createElement(PinnedMessage, { clearPinnedMessage: setPinnedMessage }) : null),
         /* @__PURE__ */ import_react146.default.createElement(
           ChatBody,
           {
@@ -15278,12 +15279,13 @@ var init_Chat = __esm({
 });
 
 // src/Prebuilt/components/SidePaneTabs.tsx
-var import_react147, import_react_sdk84, import_react_icons64, tabTriggerCSS, SidePaneTabs;
+var import_react147, import_react_use29, import_react_sdk84, import_react_icons64, tabTriggerCSS, SidePaneTabs;
 var init_SidePaneTabs = __esm({
   "src/Prebuilt/components/SidePaneTabs.tsx"() {
     "use strict";
     init_define_process_env();
     import_react147 = __toESM(require("react"));
+    import_react_use29 = require("react-use");
     import_react_sdk84 = require("@100mslive/react-sdk");
     import_react_icons64 = require("@100mslive/react-icons");
     init_Chat();
@@ -15301,6 +15303,7 @@ var init_SidePaneTabs = __esm({
       justifyContent: "center"
     };
     SidePaneTabs = import_react147.default.memo(({ active = SIDE_PANE_OPTIONS.CHAT, screenType, hideControls }) => {
+      var _a7;
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
       const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
       const resetSidePane = useSidepaneReset();
@@ -15310,6 +15313,9 @@ var init_SidePaneTabs = __esm({
       const showChat = !!(elements == null ? void 0 : elements.chat);
       const showParticipants = !!(elements == null ? void 0 : elements.participant_list);
       const hideTabs = !(showChat && showParticipants);
+      const isMobile = (0, import_react_use29.useMedia)(config.media.md);
+      const isOverlayChat = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && isMobile;
+      const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
       (0, import_react147.useEffect)(() => {
         if (activeTab === SIDE_PANE_OPTIONS.CHAT && !showChat && showParticipants) {
           setActiveTab(SIDE_PANE_OPTIONS.PARTICIPANTS);
@@ -15319,16 +15325,21 @@ var init_SidePaneTabs = __esm({
           resetSidePane();
         }
       }, [showChat, activeTab, showParticipants, resetSidePane]);
+      (0, import_react147.useEffect)(() => {
+        setActiveTab(active);
+      }, [active]);
       return /* @__PURE__ */ import_react147.default.createElement(
         Flex,
         {
           direction: "column",
           css: {
             color: "$on_primary_high",
-            h: "100%"
+            h: "100%",
+            marginTop: hideControls && isOverlayChat ? "$17" : "0",
+            transition: "margin 0.3s ease-in-out"
           }
         },
-        hideTabs ? /* @__PURE__ */ import_react147.default.createElement(import_react147.default.Fragment, null, /* @__PURE__ */ import_react147.default.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", p: "$4", c: "$on_surface_high", pr: "$12" } }, showChat ? "Chat" : `Participants (${peerCount})`), showChat ? /* @__PURE__ */ import_react147.default.createElement(Chat, { screenType, hideControls }) : /* @__PURE__ */ import_react147.default.createElement(ParticipantList, null)) : /* @__PURE__ */ import_react147.default.createElement(
+        isOverlayChat && isChatOpen && showChat ? /* @__PURE__ */ import_react147.default.createElement(Chat, { screenType }) : /* @__PURE__ */ import_react147.default.createElement(import_react147.default.Fragment, null, hideTabs ? /* @__PURE__ */ import_react147.default.createElement(import_react147.default.Fragment, null, /* @__PURE__ */ import_react147.default.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", p: "$4", c: "$on_surface_high", pr: "$12" } }, showChat ? "Chat" : `Participants (${peerCount})`), showChat ? /* @__PURE__ */ import_react147.default.createElement(Chat, { screenType }) : /* @__PURE__ */ import_react147.default.createElement(ParticipantList, null)) : /* @__PURE__ */ import_react147.default.createElement(
           Tabs.Root,
           {
             value: activeTab,
@@ -15362,12 +15373,12 @@ var init_SidePaneTabs = __esm({
             ")"
           )),
           /* @__PURE__ */ import_react147.default.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.PARTICIPANTS, css: { p: 0 } }, /* @__PURE__ */ import_react147.default.createElement(ParticipantList, null)),
-          /* @__PURE__ */ import_react147.default.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.CHAT, css: { p: 0 } }, /* @__PURE__ */ import_react147.default.createElement(Chat, { screenType, hideControls }))
-        ),
-        /* @__PURE__ */ import_react147.default.createElement(
+          /* @__PURE__ */ import_react147.default.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.CHAT, css: { p: 0 } }, /* @__PURE__ */ import_react147.default.createElement(Chat, { screenType }))
+        )),
+        isOverlayChat && isChatOpen ? null : /* @__PURE__ */ import_react147.default.createElement(
           IconButton,
           {
-            css: { position: "absolute", right: "$10", top: "$11" },
+            css: { position: "absolute", right: "$10", top: "$11", "@md": { top: "$8", right: "$8" } },
             onClick: (e) => {
               e.stopPropagation();
               if (activeTab === SIDE_PANE_OPTIONS.CHAT) {
@@ -16813,7 +16824,6 @@ var init_RoleChangeRequestModal = __esm({
           return;
         }
         (() => __async(void 0, null, function* () {
-          yield updateMetaData({ prevRole: currentRole });
           yield hmsActions.preview({ asRole: roleChangeRequest.role.name });
         }))();
       }, [hmsActions, roleChangeRequest, currentRole, updateMetaData]);
@@ -16850,7 +16860,7 @@ var init_RoleChangeRequestModal = __esm({
           body,
           onAction: () => __async(void 0, null, function* () {
             yield hmsActions.acceptChangeRole(roleChangeRequest);
-            yield updateMetaData({ isHandRaised: false });
+            yield updateMetaData({ isHandRaised: false, prevRole: currentRole });
           }),
           actionText: "Accept"
         }
@@ -16919,6 +16929,7 @@ var init_conference = __esm({
           setHideControls((value) => !value);
         }
       };
+      const autoRoomJoined = (0, import_react164.useRef)(isPreviewScreenEnabled);
       (0, import_react164.useEffect)(() => {
         let timeout = null;
         dropdownListRef.current = dropdownList || [];
@@ -16950,7 +16961,7 @@ var init_conference = __esm({
         }
       }, [isConnectedToRoom, prevState, roomState, navigate, role, roomId, isPreviewScreenEnabled]);
       (0, import_react164.useEffect)(() => {
-        if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk91.HMSRoomState.Connecting) {
+        if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk91.HMSRoomState.Connecting && !autoRoomJoined.current) {
           hmsActions.join({
             userName,
             authToken: authTokenInAppData,
@@ -16961,6 +16972,7 @@ var init_conference = __esm({
               speakerAutoSelectionBlacklist: ["Yeti Stereo Microphone"]
             }
           }).catch(console.error);
+          autoRoomJoined.current = true;
         }
       }, [authTokenInAppData, endpoints == null ? void 0 : endpoints.init, hmsActions, isConnectedToRoom, isPreviewScreenEnabled, roomState, userName]);
       (0, import_react164.useEffect)(() => {