@100mslive/roomkit-react 0.2.6-alpha.3 → 0.2.6-alpha.4

package/dist/{chunk-ZJU5GUBY.js → chunk-HRUQKLGN.js}

@@ -106,7 +106,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_b45e290a-2d91-471b-9cef-374efcd3c5aa", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.0 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.9.6-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_b45e290a-2d91-471b-9cef-374efcd3c5aa", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.6-alpha.3", 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.6", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240212.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.0/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_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:19503", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.2.6-alpha.3", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "7897125030", 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: "e1e1ecc82a980ca298ecb36c81c35ab7500b06b4", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "f3f0abee6b9721ff06a24126511e80713371f9e33ef00a466da9e4d005901c0a", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1707890553873-0.45213674335187837:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707890553679-0.5145403068446215:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707890531884-0.24454757746692657:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707890531706-0.26349008949685615:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_c4375215-07c9-47a0-b9c9-73a402851d81", INVOCATION_ID: "308080f47c9b474892b5d6e7311e07d9", 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_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "433", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 466", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.9.6-alpha.3", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.6-alpha.3", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "e1e1ecc82a980ca298ecb36c81c35ab7500b06b4", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_b45e290a-2d91-471b-9cef-374efcd3c5aa", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.1-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_b45e290a-2d91-471b-9cef-374efcd3c5aa", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_b45e290a-2d91-471b-9cef-374efcd3c5aa" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_050642c8-df6d-4312-9b8b-4a7f345b603b", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.0 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.9.6-alpha.4", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_050642c8-df6d-4312-9b8b-4a7f345b603b", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.6-alpha.4", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.6", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240212.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.0/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_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:17266", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.2.6-alpha.4", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "7914626716", 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: "9e13e59f926c73e5f32c7537a8ab4e292b8d2806", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "1447645b13c68ed5f84219e0c2aa377a4708b46185b5ff7d270a7090903d15e1", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1707993713346-0.2946660279829507:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707993713151-0.14968832077388905:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707993691098-0.5711053740109668:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707993690918-0.5132801375582854:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_84f1725e-57e1-4e5d-ae00-65aa9a8e131f", INVOCATION_ID: "b5c865e57e4449d3a74757b2c2eabe80", 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_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "434", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 345", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.9.6-alpha.4", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.6-alpha.4", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "9e13e59f926c73e5f32c7537a8ab4e292b8d2806", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_050642c8-df6d-4312-9b8b-4a7f345b603b", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.1-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_050642c8-df6d-4312-9b8b-4a7f345b603b", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_050642c8-df6d-4312-9b8b-4a7f345b603b" };
   }
 });
 
@@ -11907,12 +11907,14 @@ import {
 // src/Prebuilt/components/AppData/AppData.tsx
 init_define_process_env();
 import React23, { useEffect as useEffect5 } from "react";
+import { useMedia } from "react-use";
 import {
   HMSRoomState,
   selectFullAppData,
   selectHLSState,
   selectRoomState,
   selectRTMPState,
+  useAVToggle,
   useHMSActions as useHMSActions4,
   useHMSStore as useHMSStore5,
   useRecordingStreaming
@@ -12524,6 +12526,8 @@ var AppData = React23.memo(() => {
   const appData = useHMSStore5(selectFullAppData);
   const { elements } = useRoomLayoutConferencingScreen();
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
+  const isMobile = useMedia(config.media.md);
+  const { isLocalVideoEnabled } = useAVToggle();
   useEffect5(() => {
     hmsActions.initAppData(__spreadValues(__spreadValues({}, initialAppData), appData));
     hmsActions.setFrameworkInfo({
@@ -12556,9 +12560,11 @@ var AppData = React23.memo(() => {
     });
     if (defaultMediaURL) {
       hmsActions.setAppData(APP_DATA.background, defaultMediaURL);
-      toggleVB();
+      if (isLocalVideoEnabled && !isMobile) {
+        toggleVB();
+      }
     }
-  }, [hmsActions, (_a8 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a8.background_media, toggleVB]);
+  }, [hmsActions, (_a8 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a8.background_media, toggleVB, isLocalVideoEnabled, isMobile]);
   return /* @__PURE__ */ React23.createElement(ResetStreamingStart, null);
 });
 var ResetStreamingStart = () => {
@@ -12745,9 +12751,9 @@ import {
 // src/Prebuilt/components/Footer/Footer.tsx
 init_define_process_env();
 import React77, { useEffect as useEffect18 } from "react";
-import { useMedia as useMedia9 } from "react-use";
+import { useMedia as useMedia10 } from "react-use";
 import { Chat_ChatState } from "@100mslive/types-prebuilt/elements/chat";
-import { useAVToggle as useAVToggle3 } from "@100mslive/react-sdk";
+import { useAVToggle as useAVToggle4 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AudioVideoToggle.jsx
 init_define_process_env();
@@ -12758,7 +12764,7 @@ import {
   selectLocalVideoTrackID,
   selectRoomState as selectRoomState2,
   selectVideoTrackByID,
-  useAVToggle,
+  useAVToggle as useAVToggle2,
   useDevices,
   useHMSActions as useHMSActions6,
   useHMSStore as useHMSStore6
@@ -12975,7 +12981,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
     ),
     title: audioInput2.label
   }));
-  const { isLocalVideoEnabled, isLocalAudioEnabled, toggleAudio, toggleVideo } = useAVToggle();
+  const { isLocalVideoEnabled, isLocalAudioEnabled, toggleAudio, toggleVideo } = useAVToggle2();
   const actions = useHMSActions6();
   const videoTrackId = useHMSStore6(selectLocalVideoTrackID);
   const localVideoTrack = useHMSStore6(selectVideoTrackByID(videoTrackId));
@@ -13049,7 +13055,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
 // src/Prebuilt/components/EmojiReaction.jsx
 init_define_process_env();
 import React29, { Fragment as Fragment3, useState as useState7 } from "react";
-import { useMedia } from "react-use";
+import { useMedia as useMedia2 } from "react-use";
 import data from "@emoji-mart/data/sets/14/apple.json";
 import { init } from "emoji-mart";
 import {
@@ -13113,7 +13119,7 @@ var EmojiReaction = () => {
   useDropdownList({ open, name: "EmojiReaction" });
   const roles = useHMSStore7(selectAvailableRoleNames);
   const localPeerId = useHMSStore7(selectLocalPeerID);
-  const isMobile = useMedia(config.media.md);
+  const isMobile = useMedia2(config.media.md);
   const { sendEvent } = useCustomEvent({
     type: EMOJI_REACTION_TYPE
   });
@@ -13136,7 +13142,7 @@ var EmojiReaction = () => {
 // src/Prebuilt/components/Leave/LeaveRoom.tsx
 init_define_process_env();
 import React36 from "react";
-import { useMedia as useMedia2 } from "react-use";
+import { useMedia as useMedia3 } from "react-use";
 import {
   selectHLSState as selectHLSState2,
   selectIsConnectedToRoom as selectIsConnectedToRoom4,
@@ -13576,7 +13582,7 @@ var MwebLeaveRoom = ({
 var LeaveRoom = ({ screenType }) => {
   const isConnected = useHMSStore10(selectIsConnectedToRoom4);
   const permissions = useHMSStore10(selectPermissions4);
-  const isMobile = useMedia2(config.media.md);
+  const isMobile = useMedia3(config.media.md);
   const rolesMap = useHMSStore10(selectRolesMap);
   const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
     const roleObj = rolesMap[roleName];
@@ -13617,7 +13623,7 @@ var LeaveRoom = ({ screenType }) => {
 // src/Prebuilt/components/MoreSettings/MoreSettings.tsx
 init_define_process_env();
 import React59 from "react";
-import { useMedia as useMedia7 } from "react-use";
+import { useMedia as useMedia8 } from "react-use";
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx
 init_define_process_env();
@@ -14340,13 +14346,13 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
 // src/Prebuilt/components/Settings/SettingsModal.jsx
 init_define_process_env();
 import React43, { useCallback as useCallback8, useEffect as useEffect11, useState as useState14 } from "react";
-import { useMedia as useMedia4 } from "react-use";
+import { useMedia as useMedia5 } from "react-use";
 import { ChevronLeftIcon, CrossIcon as CrossIcon5, GridFourIcon, NotificationsIcon, SettingsIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 init_define_process_env();
 import React41, { Fragment as Fragment6, useEffect as useEffect10, useRef as useRef8, useState as useState13 } from "react";
-import { useMedia as useMedia3 } from "react-use";
+import { useMedia as useMedia4 } from "react-use";
 import {
   DeviceType as DeviceType2,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled3,
@@ -14417,7 +14423,7 @@ var Settings = ({ setHide }) => {
   const trackSelector = selectVideoTrackByID2(videoTrackId);
   const hmsActions = useHMSActions10();
   const track = useHMSStore14(trackSelector);
-  const isMobile = useMedia3(config.media.md);
+  const isMobile = useMedia4(config.media.md);
   useEffect10(() => {
     if (isMobile) {
       hmsActions.refreshDevices();
@@ -14659,7 +14665,7 @@ var settingsList = [
 ];
 var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ React43.createElement(React43.Fragment, null) }) => {
   const mediaQueryLg = config.media.md;
-  const isMobile = useMedia4(mediaQueryLg);
+  const isMobile = useMedia5(mediaQueryLg);
   const [showSetting, setShowSetting] = useState14(
     () => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
   );
@@ -15798,7 +15804,7 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom7,
   selectPeerCount as selectPeerCount2,
   selectPermissions as selectPermissions7,
-  useAVToggle as useAVToggle2,
+  useAVToggle as useAVToggle3,
   useHMSActions as useHMSActions20,
   useHMSStore as useHMSStore25,
   useRecordingStreaming as useRecordingStreaming6
@@ -15814,14 +15820,13 @@ import {
   QuizActiveIcon,
   QuizIcon,
   RecordIcon as RecordIcon2,
-  SettingsIcon as SettingsIcon3,
-  VirtualBackgroundIcon
+  SettingsIcon as SettingsIcon3
 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
 import React54, { useCallback as useCallback16, useEffect as useEffect14, useRef as useRef12, useState as useState23 } from "react";
-import { useMedia as useMedia5 } from "react-use";
+import { useMedia as useMedia6 } from "react-use";
 
 // ../hms-video-store/dist/index.js
 init_define_process_env();
@@ -18042,7 +18047,7 @@ var Qi = (a2, e) => {
 };
 var ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var nr = ya((Qc, Va) => {
-  Va.exports = { version: "0.11.6-alpha.3", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+  Va.exports = { version: "0.11.6-alpha.4", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(zi || {});
 var Pa = ((e) => (e.CHAT = "chat", e))(Pa || {});
@@ -19378,7 +19383,7 @@ var LiveStatus = () => {
   var _a8;
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming5();
   const hlsState = useHMSStore22(selectHLSState3);
-  const isMobile = useMedia5(config.media.md);
+  const isMobile = useMedia6(config.media.md);
   const intervalRef = useRef12(null);
   const { screenType } = useRoomLayoutConferencingScreen();
   const [liveTime, setLiveTime] = useState23(0);
@@ -19425,7 +19430,7 @@ var LiveStatus = () => {
 var RecordingStatus = () => {
   const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = useRecordingStreaming5();
   const permissions = useHMSStore22(selectPermissions6);
-  const isMobile = useMedia5(config.media.md);
+  const isMobile = useMedia6(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(
@@ -19552,7 +19557,7 @@ var StartRecording2 = () => {
 };
 var StreamActions = () => {
   const isConnected = useHMSStore22(selectIsConnectedToRoom6);
-  const isMobile = useMedia5(config.media.md);
+  const isMobile = useMedia6(config.media.md);
   const roomState = useHMSStore22(selectRoomState3);
   return /* @__PURE__ */ React54.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React54.createElement(AdditionalRoomState, null), !isMobile && /* @__PURE__ */ React54.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React54.createElement(RecordingPauseStatus, null), /* @__PURE__ */ React54.createElement(RecordingStatus, null), roomState !== HMSRoomState3.Preview ? /* @__PURE__ */ React54.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ React54.createElement(StartRecording2, null) : null);
 };
@@ -19634,7 +19639,7 @@ var ActionTile = {
 // src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx
 init_define_process_env();
 import React57, { useState as useState24 } from "react";
-import { useMedia as useMedia6 } from "react-use";
+import { useMedia as useMedia7 } from "react-use";
 import { selectLocalPeerName, useHMSActions as useHMSActions19, useHMSStore as useHMSStore23 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
@@ -19753,7 +19758,7 @@ var ChangeNameModal = ({
   const hmsActions = useHMSActions19();
   const localPeerName = useHMSStore23(selectLocalPeerName);
   const [currentName, setCurrentName] = useState24(localPeerName);
-  const isMobile = useMedia6(config.media.md);
+  const isMobile = useMedia7(config.media.md);
   const changeName = () => __async(void 0, null, function* () {
     const name = (currentName == null ? void 0 : currentName.trim()) || "";
     if (!name || name === localPeerName) {
@@ -19838,10 +19843,9 @@ var MwebOptions = ({
   const peerCount = useHMSStore25(selectPeerCount2);
   const emojiCardRef = useRef13(null);
   const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
-  const { toggleAudio, toggleVideo, isLocalVideoEnabled } = useAVToggle2();
+  const { toggleAudio, toggleVideo } = useAVToggle3();
   const noAVPermissions = !(toggleAudio || toggleVideo);
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
-  const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   useDropdownList({ open: openModals.size > 0 || openOptionsSheet || openSettingsSheet, name: "MoreSettings" });
   const updateState = (modalName, value) => {
     setOpenModals((modals) => {
@@ -19910,17 +19914,6 @@ var MwebOptions = ({
       isHandRaised ? /* @__PURE__ */ React58.createElement(HandRaiseSlashedIcon, null) : /* @__PURE__ */ React58.createElement(HandIcon2, null),
       /* @__PURE__ */ React58.createElement(ActionTile.Title, null, isHandRaised ? "Lower" : "Raise", " Hand")
     ) : null,
-    isLocalVideoEnabled && !!(elements == null ? void 0 : elements.virtual_background) ? /* @__PURE__ */ React58.createElement(
-      ActionTile.Root,
-      {
-        onClick: () => {
-          toggleVB();
-          setOpenOptionsSheet(false);
-        }
-      },
-      /* @__PURE__ */ React58.createElement(VirtualBackgroundIcon, null),
-      /* @__PURE__ */ React58.createElement(ActionTile.Title, null, "Virtual Background")
-    ) : null,
     (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ React58.createElement(
       ActionTile.Root,
       {
@@ -20061,7 +20054,7 @@ var MoreSettings = ({
   elements,
   screenType
 }) => {
-  const isMobile = useMedia7(config.media.md);
+  const isMobile = useMedia8(config.media.md);
   return isMobile ? /* @__PURE__ */ React59.createElement(MwebOptions, { elements, screenType }) : /* @__PURE__ */ React59.createElement(DesktopOptions, { elements, screenType });
 };
 
@@ -20566,7 +20559,7 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
 init_define_process_env();
 import React68 from "react";
 import { selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled4, useHMSStore as useHMSStore27 } from "@100mslive/react-sdk";
-import { VirtualBackgroundIcon as VirtualBackgroundIcon2 } from "@100mslive/react-icons";
+import { VirtualBackgroundIcon } from "@100mslive/react-icons";
 var VBToggle = () => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
@@ -20575,7 +20568,7 @@ var VBToggle = () => {
   if (!isVideoOn || !isEffectsEnabled && isSafari) {
     return null;
   }
-  return /* @__PURE__ */ React68.createElement(Tooltip, { side: "top", disabled: isVBOpen, title: "Configure Virtual Background" }, /* @__PURE__ */ React68.createElement(IconButton_default, { active: !isVBOpen, onClick: toggleVB, "data-testid": "virtual_bg_btn" }, /* @__PURE__ */ React68.createElement(VirtualBackgroundIcon2, null)));
+  return /* @__PURE__ */ React68.createElement(Tooltip, { side: "top", disabled: isVBOpen, title: "Configure Virtual Background" }, /* @__PURE__ */ React68.createElement(IconButton_default, { active: !isVBOpen, onClick: toggleVB, "data-testid": "virtual_bg_btn" }, /* @__PURE__ */ React68.createElement(VirtualBackgroundIcon, null)));
 };
 
 // src/Prebuilt/components/Footer/ChatToggle.tsx
@@ -20618,7 +20611,7 @@ var ChatToggle = () => {
 // src/Prebuilt/components/Footer/ParticipantList.tsx
 init_define_process_env();
 import React74, { Fragment as Fragment10, useCallback as useCallback17, useState as useState30 } from "react";
-import { useDebounce, useMedia as useMedia8 } from "react-use";
+import { useDebounce, useMedia as useMedia9 } from "react-use";
 import {
   selectHandRaisedPeers,
   selectHasPeerHandRaised as selectHasPeerHandRaised2,
@@ -21303,7 +21296,7 @@ var ParticipantSearch = ({
   inSidePane = false
 }) => {
   const [value, setValue] = React74.useState("");
-  const isMobile = useMedia8(config.media.md);
+  const isMobile = useMedia9(config.media.md);
   useDebounce(
     () => {
       onSearch(value);
@@ -21406,10 +21399,10 @@ var Footer2 = ({
   elements
 }) => {
   var _a8, _b7;
-  const isMobile = useMedia9(config.media.md);
+  const isMobile = useMedia10(config.media.md);
   const isOverlayChat = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay);
   const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === Chat_ChatState.CHAT_STATE_OPEN;
-  const { toggleAudio, toggleVideo } = useAVToggle3();
+  const { toggleAudio, toggleVideo } = useAVToggle4();
   const noAVPermissions = !(toggleAudio || toggleVideo);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
@@ -21528,14 +21521,14 @@ import {
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
 import React128, { Fragment as Fragment13, useCallback as useCallback30, useEffect as useEffect31, useMemo as useMemo10, useState as useState52 } from "react";
-import { useMeasure as useMeasure4, useMedia as useMedia22 } from "react-use";
+import { useMeasure as useMeasure4, useMedia as useMedia23 } from "react-use";
 import {
   HMSRoomState as HMSRoomState5,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled6,
   selectLocalPeer as selectLocalPeer7,
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
-  useAVToggle as useAVToggle4,
+  useAVToggle as useAVToggle5,
   useHMSStore as useHMSStore64,
   useParticipants as useParticipants2,
   usePreviewJoin,
@@ -21546,7 +21539,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon5 } from "@100ms
 // src/Prebuilt/layouts/SidePane.tsx
 init_define_process_env();
 import React123, { useEffect as useEffect29 } from "react";
-import { useMedia as useMedia20 } from "react-use";
+import { useMedia as useMedia21 } from "react-use";
 import { selectAppData as selectAppData5, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore62 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Polls.tsx
@@ -23037,21 +23030,21 @@ var Polls = () => {
 // src/Prebuilt/components/SidePaneTabs.tsx
 init_define_process_env();
 import React115, { useEffect as useEffect27, useState as useState47 } from "react";
-import { useMedia as useMedia17 } from "react-use";
+import { useMedia as useMedia18 } from "react-use";
 import { selectPeerCount as selectPeerCount4, useHMSStore as useHMSStore56 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
 import React112, { useCallback as useCallback28, useRef as useRef20 } from "react";
-import { useMedia as useMedia16 } from "react-use";
+import { useMedia as useMedia17 } from "react-use";
 import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as useHMSStore53, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
 import React104, { Fragment as Fragment11, useCallback as useCallback24, useEffect as useEffect22, useLayoutEffect, useMemo as useMemo7, useRef as useRef17, useState as useState41 } from "react";
-import { useMedia as useMedia11 } from "react-use";
+import { useMedia as useMedia12 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
 import {
@@ -23378,7 +23371,7 @@ var ChatActions = ({
 // src/Prebuilt/components/Chat/EmptyChat.tsx
 init_define_process_env();
 import React103 from "react";
-import { useMedia as useMedia10 } from "react-use";
+import { useMedia as useMedia11 } from "react-use";
 
 // src/Prebuilt/images/empty-chat.svg
 var empty_chat_default = 'data:image/svg+xml,<svg width="184" height="133" viewBox="0 0 184 133" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M144.885 91.3998C145.318 91.023 145.861 90.7947 146.433 90.7483L146.446 90.7473L169.355 89.1614C169.702 89.1376 170.049 89.2101 170.358 89.3712C170.662 89.5305 170.918 89.7702 171.096 90.0642C171.098 90.0672 171.1 90.0703 171.102 90.0734L171.104 90.0766C171.281 90.3744 171.373 90.7154 171.369 91.062C171.365 91.4097 171.265 91.7496 171.08 92.044L158.85 111.504C158.539 111.986 158.081 112.356 157.544 112.56C157.007 112.764 156.419 112.791 155.866 112.636C155.313 112.482 154.823 112.155 154.469 111.703C154.115 111.25 153.915 110.697 153.898 110.123C153.898 110.109 153.898 110.094 153.898 110.08L153.996 100.307L145.347 95.7858C145.334 95.779 145.321 95.7721 145.308 95.7649C144.811 95.4785 144.417 95.0404 144.186 94.5146C143.955 93.9888 143.898 93.4029 144.024 92.8425C144.15 92.2821 144.451 91.7765 144.885 91.3998ZM167.441 91.0088L146.603 92.8952C146.49 92.9053 146.383 92.9508 146.298 93.0251C146.211 93.1005 146.151 93.2016 146.125 93.3137C146.1 93.4257 146.112 93.5429 146.158 93.6481C146.202 93.7484 146.276 93.8327 146.369 93.89L155.26 98.296L167.441 91.0088ZM156.32 100.171L168.547 92.8564L157.039 110.339C156.976 110.434 156.886 110.506 156.78 110.547C156.673 110.587 156.555 110.593 156.444 110.562C156.334 110.531 156.236 110.466 156.165 110.375C156.097 110.289 156.058 110.184 156.052 110.075L156.32 100.171Z" fill="%23444954"/>%0A<path d="M83.3248 35.4156C71.7182 47.1017 51.2098 75.5175 62.0292 95.6918C75.5536 120.91 140.453 79.2983 115.364 67.6657C90.2756 56.0331 65.8818 122.018 101.568 120.391C116.398 118.62 131.221 114.699 145.703 105.512" stroke="%23293042" stroke-width="2.25" stroke-dasharray="6 6"/>%0A<rect x="0.00256348" y="0.5" width="173.524" height="58.3398" rx="29.1699" fill="%23272A31"/>%0A<g opacity="0.4">%0A<rect x="24.7526" y="20.9312" width="111" height="4.5" rx="2.25" fill="%23444954"/>%0A</g>%0A<g opacity="0.4">%0A<rect x="38.2526" y="34.4312" width="110.25" height="4.5" rx="2.25" fill="%23444954"/>%0A</g>%0A<path d="M40.3918 71.5547L28.4246 55.0999L52.3589 55.0999L40.3918 71.5547Z" fill="%23272A31"/>%0A</svg>%0A';
@@ -23388,7 +23381,7 @@ var EmptyChat = () => {
   var _a8;
   const { elements } = useRoomLayoutConferencingScreen();
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
-  const isMobile = useMedia10(config.media.md);
+  const isMobile = useMedia11(config.media.md);
   const canSendMessages = elements.chat && (elements.chat.public_chat_enabled || elements.chat.private_chat_enabled || elements.chat.roles_whitelist && elements.chat.roles_whitelist.length) && !isLocalPeerBlacklisted;
   if (isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay))
     return /* @__PURE__ */ React103.createElement(React103.Fragment, null);
@@ -23549,7 +23542,7 @@ var ChatMessage = React104.memo(
     var _a8, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
     const rowRef = useRef17(null);
-    const isMobile = useMedia11(config.media.md);
+    const isMobile = useMedia12(config.media.md);
     const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
     const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
     const localPeerId = useHMSStore47(selectLocalPeerID10);
@@ -23819,7 +23812,7 @@ var PinnedBy = ({
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
 import React107, { useCallback as useCallback26, useEffect as useEffect24, useRef as useRef19, useState as useState44 } from "react";
-import { useMedia as useMedia14 } from "react-use";
+import { useMedia as useMedia15 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
 import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions35, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
@@ -23828,13 +23821,13 @@ import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon,
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 init_define_process_env();
 import React106, { useState as useState43 } from "react";
-import { useMedia as useMedia13 } from "react-use";
+import { useMedia as useMedia14 } from "react-use";
 import { ChevronDownIcon as ChevronDownIcon6, ChevronUpIcon as ChevronUpIcon5, CrossIcon as CrossIcon15, GroupIcon, PersonIcon as PersonIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
 init_define_process_env();
 import React105, { useMemo as useMemo8, useState as useState42 } from "react";
-import { useMedia as useMedia12 } from "react-use";
+import { useMedia as useMedia13 } from "react-use";
 import {
   selectMessagesUnreadCountByPeerID,
   selectMessagesUnreadCountByRole,
@@ -23853,7 +23846,7 @@ var SelectorItem = ({
   unreadCount,
   icon = void 0
 }) => {
-  const isMobile = useMedia12(config.media.md);
+  const isMobile = useMedia13(config.media.md);
   const Root28 = !isMobile ? Dropdown.Item : (_a8) => {
     var _b7 = _a8, { children } = _b7, rest = __objRest(_b7, ["children"]);
     return /* @__PURE__ */ React105.createElement(Flex, __spreadProps(__spreadValues({}, rest), { css: __spreadValues({ p: "$6 $8" }, rest.css) }), children);
@@ -24004,7 +23997,7 @@ var ChatSelector = ({ role, peerId }) => {
 var ChatSelectorContainer = () => {
   var _a8, _b7;
   const [open, setOpen] = useState43(false);
-  const isMobile = useMedia13(config.media.md);
+  const isMobile = useMedia14(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
   const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
@@ -24221,7 +24214,7 @@ var ChatFooter = ({ onSend, children }) => {
   const hmsActions = useHMSActions35();
   const inputRef = useRef19(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
-  const isMobile = useMedia14(config.media.md);
+  const isMobile = useMedia15(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
   const localPeer = useHMSStore50(selectLocalPeer3);
@@ -24448,7 +24441,7 @@ var ChatBlocked = () => {
 init_define_process_env();
 import React111, { useEffect as useEffect25, useState as useState45 } from "react";
 import { useSwipeable } from "react-swipeable";
-import { useMedia as useMedia15 } from "react-use";
+import { useMedia as useMedia16 } from "react-use";
 import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
 
@@ -24509,7 +24502,7 @@ var PinnedMessage = () => {
   const pinnedMessages = useHMSStore52(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState45(0);
   const { removePinnedMessage } = usePinnedMessages();
-  const isMobile = useMedia15(config.media.md);
+  const isMobile = useMedia16(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const canUnpinMessage = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.allow_pinning_messages);
   const [hideOverflow, setHideOverflow] = useState45(true);
@@ -24627,7 +24620,7 @@ var Chat = () => {
   const hmsActions = useHMSActions37();
   const vanillaStore = useHMSVanillaStore10();
   const { enabled: isChatEnabled = true } = useHMSStore53(Yh("chatState" /* CHAT_STATE */)) || {};
-  const isMobile = useMedia16(config.media.md);
+  const isMobile = useMedia17(config.media.md);
   const scrollToBottom = useCallback28(
     (unreadCount = 0) => {
       var _a9;
@@ -24872,7 +24865,7 @@ var SidePaneTabs = React115.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
   const showChat = !!(elements == null ? void 0 : elements.chat);
   const showParticipants = !!(elements == null ? void 0 : elements.participant_list);
   const hideTabs = !(showChat && showParticipants);
-  const isMobile = useMedia17(config.media.md);
+  const isMobile = useMedia18(config.media.md);
   const isOverlayChat = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
   const { off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
@@ -25047,7 +25040,7 @@ var TileConnection_default = TileConnection;
 // src/Prebuilt/components/TileMenu/TileMenu.tsx
 init_define_process_env();
 import React118, { useState as useState48 } from "react";
-import { useMedia as useMedia19 } from "react-use";
+import { useMedia as useMedia20 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID11,
   selectPeerByID as selectPeerByID2,
@@ -25062,7 +25055,7 @@ import { CrossIcon as CrossIcon18, VerticalMenuIcon as VerticalMenuIcon8 } from
 // src/Prebuilt/components/TileMenu/TileMenuContent.tsx
 init_define_process_env();
 import React117, { Fragment as Fragment12 } from "react";
-import { useMedia as useMedia18 } from "react-use";
+import { useMedia as useMedia19 } from "react-use";
 import {
   selectPermissions as selectPermissions15,
   selectSessionStore as selectSessionStore10,
@@ -25249,7 +25242,7 @@ var TileMenuContent = ({
   const { sendEvent } = useCustomEvent2({
     type: REMOTE_STOP_SCREENSHARE_TYPE
   });
-  const isMobile = useMedia18(config.media.md);
+  const isMobile = useMedia19(config.media.md);
   if (isLocal) {
     return showPinAction || canMinimise || !userName || showSpotlight ? /* @__PURE__ */ React117.createElement(React117.Fragment, null, showPinAction && /* @__PURE__ */ React117.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React117.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() }), canMinimise && /* @__PURE__ */ React117.createElement(MinimiseInset, null), !userName && /* @__PURE__ */ React117.createElement(
       StyledMenuTile.ItemButton,
@@ -25348,7 +25341,7 @@ var TileMenu = ({
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
   const track = useHMSStore59(selectTrackByID3(videoTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
-  const isMobile = useMedia19(config.media.md);
+  const isMobile = useMedia20(config.media.md);
   const peer = useHMSStore59(selectPeerByID2(peerID));
   const [showNameChangeModal, setShowNameChangeModal] = useState48(false);
   useDropdownList({ open, name: "TileMenu" });
@@ -25693,11 +25686,11 @@ var VBPlugin = class {
         }
       }
     });
-    this.setPreset = (preset) => {
+    this.setPreset = (preset) => __async(this, null, function* () {
       if (this.effectsPlugin) {
-        this.effectsPlugin.setPreset(preset);
+        yield this.effectsPlugin.setPreset(preset);
       }
-    };
+    });
     this.getPreset = () => {
       var _a8;
       return ((_a8 = this.effectsPlugin) == null ? void 0 : _a8.getPreset()) || "";
@@ -25889,7 +25882,7 @@ var SidePane = ({
   hideControls = false
 }) => {
   var _a8, _b7, _c, _d, _e, _f;
-  const isMobile = useMedia20(config.media.md);
+  const isMobile = useMedia21(config.media.md);
   const sidepane = useHMSStore62(selectAppData5(APP_DATA.sidePane));
   const activeScreensharePeerId = useHMSStore62(selectAppData5(APP_DATA.activeScreensharePeerId));
   const trackId = (_a8 = useHMSStore62(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
@@ -26033,7 +26026,7 @@ var SpeakerTag = () => {
     {
       align: "center",
       justify: "center",
-      css: { flex: "1 1 0", color: "$on_primary_high", "@md": { display: "none" } }
+      css: { flex: "1 1 0", color: "$on_surface_high", "@md": { display: "none" } }
     },
     /* @__PURE__ */ React126.createElement(VerticalDivider, { css: { ml: "$8" } }),
     /* @__PURE__ */ React126.createElement(VolumeOneIcon, null),
@@ -26074,7 +26067,7 @@ var Logo = () => {
 // src/Prebuilt/components/Preview/PreviewForm.tsx
 init_define_process_env();
 import React127 from "react";
-import { useMedia as useMedia21 } from "react-use";
+import { useMedia as useMedia22 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType3 } from "@100mslive/types-prebuilt/elements/join_form";
 import { useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
 import { GoLiveIcon } from "@100mslive/react-icons";
@@ -26091,7 +26084,7 @@ var PreviewForm = ({
   const formSubmit = (e) => {
     e.preventDefault();
   };
-  const isMobile = useMedia21(config.media.md);
+  const isMobile = useMedia22(config.media.md);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming9();
   const layout = useRoomLayout();
   const { join_form: joinForm = {} } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
@@ -26152,7 +26145,7 @@ var getParticipantChipContent = (peerCount = 0) => {
 var useLocalTileAspectRatio = () => {
   const localPeer = useHMSStore64(selectLocalPeer7);
   const videoTrack = useHMSStore64(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
-  const isMobile = useMedia22(config.media.md);
+  const isMobile = useMedia23(config.media.md);
   let aspectRatio = 0;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
     aspectRatio = videoTrack.width / videoTrack.height;
@@ -26173,7 +26166,7 @@ var PreviewJoin = ({
   const { isStreamingOn } = useRecordingStreaming10();
   const authToken = useAuthToken();
   const [name, setName] = useState52(initialName || previewPreference.name);
-  const { toggleAudio, toggleVideo } = useAVToggle4();
+  const { toggleAudio, toggleVideo } = useAVToggle5();
   const [previewError, setPreviewError] = useState52(false);
   const { endpoints } = useHMSPrebuiltContext();
   const { peerCount } = useParticipants2();
@@ -26261,7 +26254,7 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
 }));
 var PreviewTile = ({ name, error }) => {
   const localPeer = useHMSStore64(selectLocalPeer7);
-  const { isLocalAudioEnabled, toggleAudio } = useAVToggle4();
+  const { isLocalAudioEnabled, toggleAudio } = useAVToggle5();
   const isVideoOn = useHMSStore64(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
@@ -26306,7 +26299,7 @@ var PreviewTile = ({ name, error }) => {
   );
 };
 var PreviewControls = ({ hideSettings, vbEnabled }) => {
-  const isMobile = useMedia22(config.media.md);
+  const isMobile = useMedia23(config.media.md);
   return /* @__PURE__ */ React128.createElement(
     Flex,
     {
@@ -26316,7 +26309,7 @@ var PreviewControls = ({ hideSettings, vbEnabled }) => {
         mt: "$8"
       }
     },
-    /* @__PURE__ */ React128.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ React128.createElement(AudioVideoToggle, null), vbEnabled ? /* @__PURE__ */ React128.createElement(VBToggle, null) : null),
+    /* @__PURE__ */ React128.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ React128.createElement(AudioVideoToggle, null), vbEnabled && !isMobile ? /* @__PURE__ */ React128.createElement(VBToggle, null) : null),
     !hideSettings ? /* @__PURE__ */ React128.createElement(PreviewSettings, null) : null
   );
 };
@@ -26329,7 +26322,7 @@ var PreviewJoin_default = PreviewJoin;
 // src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx
 init_define_process_env();
 import React129 from "react";
-import { useMedia as useMedia23 } from "react-use";
+import { useMedia as useMedia24 } from "react-use";
 var RequestPrompt = ({
   open = true,
   onOpenChange,
@@ -26339,7 +26332,7 @@ var RequestPrompt = ({
   onAction,
   disableActions = false
 }) => {
-  const isMobile = useMedia23(config.media.md);
+  const isMobile = useMedia24(config.media.md);
   if (isMobile) {
     return /* @__PURE__ */ React129.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ React129.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ React129.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ React129.createElement(RequestActions, { actionText, onAction, disabled: disableActions })));
   }
@@ -26451,14 +26444,14 @@ import {
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
 import React135, { useEffect as useEffect36, useMemo as useMemo12, useState as useState54 } from "react";
-import { useMedia as useMedia26 } from "react-use";
+import { useMedia as useMedia27 } from "react-use";
 import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore67 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
 import React132, { useEffect as useEffect33, useRef as useRef21 } from "react";
 import Draggable from "react-draggable";
-import { useMedia as useMedia24 } from "react-use";
+import { useMedia as useMedia25 } from "react-use";
 import {
   selectIsAllowedToPublish as selectIsAllowedToPublish2,
   selectLocalPeer as selectLocalPeer8,
@@ -26502,8 +26495,8 @@ var insetMaxWidthPx = 240;
 var defaultMobileAspectRatio = 9 / 16;
 var desktopAspectRatio = 1 / defaultMobileAspectRatio;
 var InsetTile = ({ peerId }) => {
-  const isMobile = useMedia24(config.media.md);
-  const isLandscape = useMedia24(config.media.ls);
+  const isMobile = useMedia25(config.media.md);
+  const isLandscape = useMedia25(config.media.ls);
   const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer8;
   const peer = useHMSStore66(selector);
   const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
@@ -26663,7 +26656,7 @@ var Grid = React134.forwardRef(
 // src/Prebuilt/components/hooks/useTileLayout.tsx
 init_define_process_env();
 import { useEffect as useEffect35, useMemo as useMemo11, useState as useState53 } from "react";
-import { useMeasure as useMeasure5, useMedia as useMedia25 } from "react-use";
+import { useMeasure as useMeasure5, useMedia as useMedia26 } from "react-use";
 import {
   getPeersWithTiles,
   selectTracksMap as selectTracksMap3,
@@ -26699,7 +26692,7 @@ var useTileLayout = ({
 }) => {
   const vanillaStore = useHMSVanillaStore11();
   const [ref, { width, height }] = useMeasure5();
-  const isMobile = useMedia25(config.media.lg);
+  const isMobile = useMedia26(config.media.lg);
   const [pagesWithTiles, setPagesWithTiles] = useState53([]);
   useEffect35(() => {
     if (width === 0 || height === 0) {
@@ -26769,7 +26762,7 @@ var useTileLayout = ({
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a8;
   const localPeer = useHMSStore67(selectLocalPeer9);
-  const isMobile = useMedia26(config.media.md);
+  const isMobile = useMedia27(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
   let pageList = usePagesWithTiles({
@@ -26819,7 +26812,7 @@ import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore69 } fr
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
 import React137, { useEffect as useEffect37, useRef as useRef22, useState as useState55 } from "react";
-import { useMedia as useMedia27 } from "react-use";
+import { useMedia as useMedia28 } from "react-use";
 import { selectAppData as selectAppData6, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore68 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
@@ -26902,7 +26895,7 @@ var ProminenceLayout = {
 // src/Prebuilt/components/SecondaryTiles.tsx
 var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
   var _a8, _b7;
-  const isMobile = useMedia27(config.media.md);
+  const isMobile = useMedia28(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = useState55(0);
   const pinnedTrackId = useHMSStore68(selectAppData6(APP_DATA.pinnedTrackId));
@@ -27044,13 +27037,13 @@ function RoleProminence({
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
 import React142, { useEffect as useEffect39, useMemo as useMemo14, useState as useState59 } from "react";
-import { useMedia as useMedia29 } from "react-use";
+import { useMedia as useMedia30 } from "react-use";
 import { selectPeersScreenSharing, useHMSStore as useHMSStore71 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
 import React141, { useRef as useRef23, useState as useState58 } from "react";
-import { useFullscreen as useFullscreen2, useMedia as useMedia28 } from "react-use";
+import { useFullscreen as useFullscreen2, useMedia as useMedia29 } from "react-use";
 import screenfull2 from "screenfull";
 import {
   selectLocalPeerID as selectLocalPeerID13,
@@ -27211,7 +27204,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
   const peer = useHMSStore70(selectPeerByID4(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const [isMouseHovered, setIsMouseHovered] = useState58(false);
-  const isMobile = useMedia28(config.media.md);
+  const isMobile = useMedia29(config.media.md);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
   const fullscreenRef = useRef23(null);
   const [fullscreen, setFullscreen] = useState58(false);
@@ -27262,7 +27255,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
         },
         isFullscreen ? /* @__PURE__ */ React141.createElement(ShrinkIcon2, null) : /* @__PURE__ */ React141.createElement(ExpandIcon3, null)
       ) : null,
-      !isMobile && isMouseHovered && /* @__PURE__ */ React141.createElement(
+      !isMobile && isMouseHovered && !isFullscreen && /* @__PURE__ */ React141.createElement(
         Box,
         {
           css: {
@@ -27303,7 +27296,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   const [page, setPage] = useState59(0);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const activeSharePeer = peersSharing[page];
-  const isMobile = useMedia29(config.media.md);
+  const isMobile = useMedia30(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
   const secondaryPeers = useMemo14(() => {
     if (layoutMode === LayoutMode.SPOTLIGHT) {
@@ -27714,10 +27707,10 @@ var WaitingView = React146.memo(() => {
 // src/Prebuilt/layouts/WhiteboardView.tsx
 init_define_process_env();
 import React147, { useEffect as useEffect43, useMemo as useMemo17 } from "react";
-import { useMedia as useMedia30 } from "react-use";
+import { useMedia as useMedia31 } from "react-use";
 import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore74, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var EmbedComponent2 = () => {
-  const isMobile = useMedia30(config.media.md);
+  const isMobile = useMedia31(config.media.md);
   const { iframeRef } = useWhiteboard2(isMobile);
   return /* @__PURE__ */ React147.createElement(
     Box,
@@ -27788,7 +27781,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React148.lazy(() => import("./HLSView-7QXLQ4KD.js"));
+var HLSView = React148.lazy(() => import("./HLSView-H6Q2FEMZ.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -27862,7 +27855,7 @@ init_define_process_env();
 // src/Prebuilt/components/Header/Header.tsx
 init_define_process_env();
 import React150 from "react";
-import { useMedia as useMedia31 } from "react-use";
+import { useMedia as useMedia32 } from "react-use";
 import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/common.jsx
@@ -28028,7 +28021,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React149.createElement(Re
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
   const roomState = useHMSStore77(selectRoomState6);
-  const isMobile = useMedia31(config.media.md);
+  const isMobile = useMedia32(config.media.md);
   if (roomState !== HMSRoomState6.Connected) {
     return /* @__PURE__ */ React150.createElement(React150.Fragment, null);
   }
@@ -28559,11 +28552,11 @@ var LeaveScreen = () => {
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
 import React156, { useEffect as useEffect52, useState as useState62 } from "react";
-import { useMedia as useMedia32 } from "react-use";
+import { useMedia as useMedia33 } from "react-use";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
   const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState62(false);
-  const isLandscape = useMedia32(config.media.ls);
+  const isLandscape = useMedia33(config.media.ls);
   useEffect52(() => {
     var _a8;
     if (!isMobileUserAgent) {
@@ -29017,7 +29010,7 @@ var PeerNotifications = () => {
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
 import React161, { useEffect as useEffect57, useState as useState64 } from "react";
-import { useMedia as useMedia33 } from "react-use";
+import { useMedia as useMedia34 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/images/android-perm-1.png
@@ -29031,7 +29024,7 @@ function PermissionErrorModal() {
   const notification = useHMSNotifications5(HMSNotificationTypes5.ERROR);
   const [deviceType, setDeviceType] = useState64("");
   const [isSystemError, setIsSystemError] = useState64(false);
-  const isMobile = useMedia33(config.media.md);
+  const isMobile = useMedia34(config.media.md);
   useEffect57(() => {
     var _a8, _b7, _c, _d, _e;
     if (!notification || ((_a8 = notification.data) == null ? void 0 : _a8.code) !== 3001 && ((_b7 = notification.data) == null ? void 0 : _b7.code) !== 3011 || ((_c = notification.data) == null ? void 0 : _c.code) === 3001 && ((_d = notification.data) == null ? void 0 : _d.message.includes("screen"))) {
@@ -29479,7 +29472,7 @@ var ToastContainer = () => {
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
 import React169, { useCallback as useCallback34, useEffect as useEffect64, useMemo as useMemo18, useState as useState69 } from "react";
-import { useMedia as useMedia34 } from "react-use";
+import { useMedia as useMedia35 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID17,
   selectPeerNameByID as selectPeerNameByID6,
@@ -29514,7 +29507,7 @@ function FlyingEmoji() {
   const localPeerId = useHMSStore86(selectLocalPeerID17);
   const vanillaStore = useHMSVanillaStore17();
   const [emojis, setEmojis] = useState69([]);
-  const isMobile = useMedia34(config.media.md);
+  const isMobile = useMedia35(config.media.md);
   const startingPoints = useMemo18(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback34(
     ({ emojiId, senderId }) => {
@@ -29995,4 +29988,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-ZJU5GUBY.js.map
+//# sourceMappingURL=chunk-HRUQKLGN.js.map