@100mslive/roomkit-react 0.3.6 → 0.3.7-alpha.1

package/dist/{chunk-7BDKGZUK.js → chunk-LVXGI4HW.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_b6e5f5e9-063d-4a23-81b4-074b0aec35e3", 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.22 npm/? node/v18.20.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.10.6", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_b6e5f5e9-063d-4a23-81b4-074b0aec35e3", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.6", 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.8", 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.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", 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: "590", 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.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240403.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.1/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_dependencies__100mslive_hms_noise_cancellation: "0.0.1", 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:18328", 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.3.6", 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", STATS_D: "false", GITHUB_RUN_ID: "8579133590", STATS_VMFE: "true", 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_dependencies_ts_pattern: "4.3.0", 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: "6f3b3e4306421fa7f563afae416ab97b880642f9", 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: "8ad5464febace043720383ca36f76e01733315641d980018aeb0e328a989bb78", 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", 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--1712382853646-0.2790350166139841:/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.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712382853452-0.6733666400969234:/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.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712382831057-0.5878524316942619:/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.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712382830877-0.4416724924900266:/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.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_ef6cafab-b268-45a2-8ee3-7960a981a424", INVOCATION_ID: "927746e422994866ac90414942402cac", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", 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: "506", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^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 290", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", 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.10.6", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.6", 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: "6f3b3e4306421fa7f563afae416ab97b880642f9", 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/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/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_b6e5f5e9-063d-4a23-81b4-074b0aec35e3", 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/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.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_b6e5f5e9-063d-4a23-81b4-074b0aec35e3", 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.172+1/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_b6e5f5e9-063d-4a23-81b4-074b0aec35e3" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_97ca305c-0095-4a3e-b6b1-10dcebd920d3", 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.22 npm/? node/v18.20.1 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.10.7-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_97ca305c-0095-4a3e-b6b1-10dcebd920d3", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.1/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.13.7-alpha.1", 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.8", 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.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", 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: "603", 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.9/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240407.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.2/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_dependencies__100mslive_hms_noise_cancellation: "0.0.1", 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:17317", 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.3.7-alpha.1", 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", STATS_D: "false", GITHUB_RUN_ID: "8629237506", STATS_VMFE: "true", 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_dependencies_ts_pattern: "4.3.0", 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: "f8131959ff3d81261f1f5e10aeca4ffdb85de037", 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: "8abe6400a3d469d855f17212fdb4f2291c7d8e728998b9cec4b081546f62b9d8", 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--1712742450757-0.3169478914240358:/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.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712742450552-0.42417225478801224:/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.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712742427536-0.8765541171080096:/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.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712742427351-0.5426797022502139:/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.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/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.20.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_fa254625-bdb7-4c8e-bcac-830707b51973", INVOCATION_ID: "dbbeaf6ae58547a29248db986b6fb335", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", 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: "509", 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 253", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", 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.10.7-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.7-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_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: "f8131959ff3d81261f1f5e10aeca4ffdb85de037", 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_97ca305c-0095-4a3e-b6b1-10dcebd920d3", 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.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_97ca305c-0095-4a3e-b6b1-10dcebd920d3", 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.172+1/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_97ca305c-0095-4a3e-b6b1-10dcebd920d3" };
   }
 });
 
@@ -10334,6 +10334,8 @@ var CustomDialogContent = styled(DialogPrimitive.Content, {
   position: "absolute",
   top: "50%",
   left: "50%",
+  maxHeight: "95%",
+  overflowY: "auto",
   border: "$space$px solid $border_bright",
   boxShadow: "0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)",
   transform: "translate(-50%, -50%)",
@@ -11923,7 +11925,6 @@ import {
 // src/Prebuilt/components/AppData/AppData.tsx
 init_define_process_env();
 import React23, { useEffect as useEffect5, useMemo as useMemo4, useRef as useRef6 } from "react";
-import { useMedia } from "react-use";
 import {
   HMSRoomState,
   selectFullAppData,
@@ -12689,7 +12690,6 @@ var AppData = React23.memo(() => {
   const appData = useHMSStore6(selectFullAppData);
   const { elements } = useRoomLayoutConferencingScreen();
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
-  const isMobile = useMedia(config.media.md);
   const { isLocalVideoEnabled } = useAVToggle();
   const sidepaneOpenedRef = useRef6(false);
   const defaultMediaURL = useMemo4(() => {
@@ -12725,12 +12725,12 @@ var AppData = React23.memo(() => {
     hmsActions.setAppData(APP_DATA.subscribedNotifications, preferences.subscribedNotifications, true);
   }, [preferences.subscribedNotifications, hmsActions]);
   useEffect5(() => {
-    if (defaultMediaURL && !sidepaneOpenedRef.current && !isMobile && isLocalVideoEnabled) {
+    if (defaultMediaURL && !sidepaneOpenedRef.current && isLocalVideoEnabled) {
       hmsActions.setAppData(APP_DATA.background, defaultMediaURL);
       sidepaneOpenedRef.current = true;
       toggleVB();
     }
-  }, [hmsActions, toggleVB, isLocalVideoEnabled, isMobile, defaultMediaURL]);
+  }, [hmsActions, toggleVB, isLocalVideoEnabled, defaultMediaURL]);
   return /* @__PURE__ */ React23.createElement(ResetStreamingStart, null);
 });
 var ResetStreamingStart = () => {
@@ -12913,7 +12913,7 @@ import {
 // src/Prebuilt/components/Footer/Footer.tsx
 init_define_process_env();
 import React77, { useEffect as useEffect20 } from "react";
-import { useMedia as useMedia11 } from "react-use";
+import { useMedia as useMedia10 } from "react-use";
 import { Chat_ChatState } from "@100mslive/types-prebuilt/elements/chat";
 
 // src/Prebuilt/components/AudioVideoToggle.tsx
@@ -13101,7 +13101,7 @@ var IconButtonWithOptions = ({
 // src/Prebuilt/components/Settings/SettingsModal.jsx
 init_define_process_env();
 import React31, { useCallback as useCallback7, useEffect as useEffect9, useState as useState9 } from "react";
-import { useMedia as useMedia3 } from "react-use";
+import { useMedia as useMedia2 } from "react-use";
 import { ChevronLeftIcon, CrossIcon as CrossIcon3, GridFourIcon, NotificationsIcon, SettingsIcon } from "@100mslive/react-icons";
 
 // src/Sheet/index.ts
@@ -13212,7 +13212,7 @@ var Sheet = {
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 init_define_process_env();
 import React29, { Fragment as Fragment2, useEffect as useEffect8, useRef as useRef8, useState as useState8 } from "react";
-import { useMedia as useMedia2 } from "react-use";
+import { useMedia } from "react-use";
 import {
   DeviceType,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled2,
@@ -13309,7 +13309,7 @@ var Settings = ({ setHide }) => {
   const trackSelector = selectVideoTrackByID(videoTrackId);
   const hmsActions = useHMSActions6();
   const track = useHMSStore7(trackSelector);
-  const isMobile = useMedia2(config.media.md);
+  const isMobile = useMedia(config.media.md);
   useEffect8(() => {
     if (isMobile) {
       hmsActions.refreshDevices();
@@ -13547,7 +13547,7 @@ var settingsList = [
 ];
 var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ React31.createElement(React31.Fragment, null) }) => {
   const mediaQueryLg = config.media.md;
-  const isMobile = useMedia3(mediaQueryLg);
+  const isMobile = useMedia2(mediaQueryLg);
   const [showSetting, setShowSetting] = useState9(
     () => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
   );
@@ -14024,7 +14024,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
 // src/Prebuilt/components/EmojiReaction.jsx
 init_define_process_env();
 import React34, { useState as useState12 } from "react";
-import { useMedia as useMedia5 } from "react-use";
+import { useMedia as useMedia4 } from "react-use";
 import data from "@emoji-mart/data/sets/14/apple.json";
 import { init } from "emoji-mart";
 import {
@@ -14083,7 +14083,7 @@ var useDropdownList = ({ name, open }) => {
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
 import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef9, useState as useState11 } from "react";
-import { useMedia as useMedia4 } from "react-use";
+import { useMedia as useMedia3 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
   parsedUserAgent as parsedUserAgent2,
@@ -14143,7 +14143,7 @@ var useParticipants = (params) => {
 };
 var useIsLandscape = () => {
   const isMobile = parsedUserAgent2.getDevice().type === "mobile";
-  const isLandscape = useMedia4(config.media.ls);
+  const isLandscape = useMedia3(config.media.ls);
   return isMobile && isLandscape;
 };
 var useLandscapeHLSStream = () => {
@@ -14152,7 +14152,7 @@ var useLandscapeHLSStream = () => {
   return isLandscape && screenType === "hls_live_streaming";
 };
 var useMobileHLSStream = () => {
-  const isMobile = useMedia4(config.media.md);
+  const isMobile = useMedia3(config.media.md);
   const { screenType } = useRoomLayoutConferencingScreen();
   return isMobile && screenType === "hls_live_streaming";
 };
@@ -14188,8 +14188,8 @@ var EmojiReaction = ({ showCard = false }) => {
   useDropdownList({ open, name: "EmojiReaction" });
   const roles = useHMSStore10(selectAvailableRoleNames2);
   const localPeerId = useHMSStore10(selectLocalPeerID);
-  const isMobile = useMedia5(config.media.md);
-  const isLandscape = useMedia5(config.media.ls);
+  const isMobile = useMedia4(config.media.md);
+  const isLandscape = useMedia4(config.media.ls);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
   const { sendEvent } = useCustomEvent({
@@ -14231,7 +14231,7 @@ var EmojiReaction = ({ showCard = false }) => {
 // src/Prebuilt/components/Leave/LeaveRoom.tsx
 init_define_process_env();
 import React40 from "react";
-import { useMedia as useMedia6 } from "react-use";
+import { useMedia as useMedia5 } from "react-use";
 import {
   selectHLSState as selectHLSState3,
   selectIsConnectedToRoom as selectIsConnectedToRoom5,
@@ -14586,7 +14586,7 @@ var LeaveRoom = ({
 }) => {
   const isConnected = useHMSStore13(selectIsConnectedToRoom5);
   const permissions = useHMSStore13(selectPermissions4);
-  const isMobile = useMedia6(config.media.md);
+  const isMobile = useMedia5(config.media.md);
   const rolesMap = useHMSStore13(selectRolesMap);
   const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
     const roleObj = rolesMap[roleName];
@@ -14632,7 +14632,7 @@ var LeaveRoom = ({
 // src/Prebuilt/components/MoreSettings/MoreSettings.tsx
 init_define_process_env();
 import React59 from "react";
-import { useMedia as useMedia9 } from "react-use";
+import { useMedia as useMedia8 } from "react-use";
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx
 init_define_process_env();
@@ -16253,6 +16253,7 @@ import { useClickAway } from "react-use";
 import { match as match5 } from "ts-pattern";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom7,
+  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled4,
   selectPeerCount as selectPeerCount3,
   selectPermissions as selectPermissions8,
   useHMSActions as useHMSActions21,
@@ -16271,13 +16272,14 @@ import {
   QuizActiveIcon,
   QuizIcon,
   RecordIcon as RecordIcon2,
-  SettingsIcon as SettingsIcon4
+  SettingsIcon as SettingsIcon4,
+  VirtualBackgroundIcon
 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
 import React54, { useCallback as useCallback17, useEffect as useEffect16, useRef as useRef14, useState as useState25 } from "react";
-import { useMedia as useMedia7 } from "react-use";
+import { useMedia as useMedia6 } from "react-use";
 
 // ../hms-video-store/dist/index.js
 init_define_process_env();
@@ -18498,7 +18500,7 @@ var Zi = (a2, e) => {
 };
 var La = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var ur = La((ad, Qa) => {
-  Qa.exports = { version: "0.12.6", 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"] };
+  Qa.exports = { version: "0.12.7-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "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 er = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(er || {});
 var wa = ((e) => (e.CHAT = "chat", e))(wa || {});
@@ -18965,7 +18967,7 @@ var ce = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var Ps = () => {
+var Es = () => {
   let a2, e = new ce("hms-analytics-deviceId"), t = e.get();
   return t ? a2 = t : (a2 = Ja(), e.set(a2)), a2;
 };
@@ -18987,7 +18989,7 @@ var As = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `$
 var I = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: ot() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = za(), this.device_id = Ps();
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = za(), this.device_id = Es();
   }
   toSignalParams() {
     return { name: this.name, info: v(m({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
@@ -19297,7 +19299,7 @@ var ko = createSelector([D, Tt], (a2, e) => {
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var Po = createSelector([ss, fo], (a2, e) => e ? a2[e] : null);
+var Eo = createSelector([ss, fo], (a2, e) => e ? a2[e] : null);
 var Q = R(W);
 var lm = R(createSelector([ir, To], (a2, e) => {
   if (a2)
@@ -19316,7 +19318,7 @@ var Zs = R(vo);
 var Sm = R(Mo);
 var gm = R(yo);
 var Tm = R(ko);
-var Eo = R((a2, e) => {
+var Po = R((a2, e) => {
   let t = W(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
@@ -19341,14 +19343,14 @@ var km = R((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var Pm = R((a2, e) => {
+var Em = R((a2, e) => {
   let t = W(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => tt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var Em = R(createSelector(D, W, (a2, e) => {
+var Pm = R(createSelector(D, W, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return rt(r) && it(r);
@@ -19444,7 +19446,7 @@ var Om = R(aa);
 var xm = R(oa);
 var Um = R(Io);
 var Bm = R(Ho);
-var na = R(Po);
+var na = R(Eo);
 var zm = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
@@ -19514,7 +19516,7 @@ var Zo = (a2) => a2.localPeer.id;
 var en = (a2) => a2.localPeer.audioTrack;
 var tn = (a2) => a2.localPeer.videoTrack;
 var rn = (a2, e) => e;
-var Ea = (a2, e) => e;
+var Pa = (a2, e) => e;
 var sn = (a2) => a2.remoteTrackStats;
 var ba = (a2) => a2.peerStats;
 var Fr = (a2) => a2.localTrackStats;
@@ -19552,8 +19554,8 @@ var pn = createSelector(ve, (a2) => {
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
 var hn = createSelector([ba, rn], (a2, e) => e ? a2[e] : void 0);
-var mn = createSelector([sn, Ea], (a2, e) => e ? a2[e] : void 0);
-var Gr = createSelector([Fr, Ea], (a2, e) => e ? a2[e] : void 0);
+var mn = createSelector([sn, Pa], (a2, e) => e ? a2[e] : void 0);
+var Gr = createSelector([Fr, Pa], (a2, e) => e ? a2[e] : void 0);
 var Sn = R(hn);
 var gn = R(mn);
 var Tn = createSelector([Fr, en], (a2, e) => {
@@ -19755,7 +19757,7 @@ var LiveStatus = () => {
   var _a8;
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
   const hlsState = useHMSStore25(selectHLSState4);
-  const isMobile = useMedia7(config.media.md);
+  const isMobile = useMedia6(config.media.md);
   const intervalRef = useRef14(null);
   const { screenType } = useRoomLayoutConferencingScreen();
   const [liveTime, setLiveTime] = useState25(0);
@@ -19802,7 +19804,7 @@ var LiveStatus = () => {
 var RecordingStatus = () => {
   const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = useRecordingStreaming6();
   const permissions = useHMSStore25(selectPermissions7);
-  const isMobile = useMedia7(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(
@@ -19929,7 +19931,7 @@ var StartRecording2 = () => {
 };
 var StreamActions = () => {
   const isConnected = useHMSStore25(selectIsConnectedToRoom6);
-  const isMobile = useMedia7(config.media.md);
+  const isMobile = useMedia6(config.media.md);
   const roomState = useHMSStore25(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);
 };
@@ -20011,7 +20013,7 @@ var ActionTile = {
 // src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx
 init_define_process_env();
 import React57, { useState as useState26 } from "react";
-import { useMedia as useMedia8 } from "react-use";
+import { useMedia as useMedia7 } from "react-use";
 import { selectLocalPeerName, useHMSActions as useHMSActions19, useHMSStore as useHMSStore26 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
@@ -20130,7 +20132,7 @@ var ChangeNameModal = ({
   const hmsActions = useHMSActions19();
   const localPeerName = useHMSStore26(selectLocalPeerName);
   const [currentName, setCurrentName] = useState26(localPeerName);
-  const isMobile = useMedia8(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) {
@@ -20240,6 +20242,8 @@ var MwebOptions = ({
   const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
+  const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
+  const isLocalVideoEnabled = useHMSStore29(selectIsLocalVideoEnabled4);
   useDropdownList({ open: openModals.size > 0 || openOptionsSheet || openSettingsSheet, name: "MoreSettings" });
   const updateState = (modalName, value) => {
     setOpenModals((modals) => {
@@ -20308,6 +20312,17 @@ 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) && !(isLandscapeHLSStream || isMobileHLSStream) && /* @__PURE__ */ React58.createElement(
       ActionTile.Root,
       {
@@ -20459,7 +20474,7 @@ var MoreSettings = ({
   elements,
   screenType
 }) => {
-  const isMobile = useMedia9(config.media.md);
+  const isMobile = useMedia8(config.media.md);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   return isMobile || isLandscapeHLSStream ? /* @__PURE__ */ React59.createElement(MwebOptions, { elements, screenType }) : /* @__PURE__ */ React59.createElement(DesktopOptions, { elements, screenType });
 };
@@ -20959,7 +20974,7 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
   if (!isAllowedToPublish.screen || !isScreenshareSupported()) {
     return null;
   }
-  return /* @__PURE__ */ React67.createElement(Fragment8, null, /* @__PURE__ */ React67.createElement(Flex, { direction: "row", css: { "@md": { display: "none" } } }, /* @__PURE__ */ React67.createElement(
+  return /* @__PURE__ */ React67.createElement(Fragment8, null, /* @__PURE__ */ React67.createElement(Flex, { direction: "row" }, /* @__PURE__ */ React67.createElement(
     ScreenShareButton,
     {
       variant: "standard",
@@ -20979,17 +20994,17 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
 // src/Prebuilt/components/VirtualBackground/VBToggle.tsx
 init_define_process_env();
 import React68 from "react";
-import { selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled4, useHMSStore as useHMSStore31 } from "@100mslive/react-sdk";
-import { VirtualBackgroundIcon } from "@100mslive/react-icons";
+import { selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5, useHMSStore as useHMSStore31 } from "@100mslive/react-sdk";
+import { VirtualBackgroundIcon as VirtualBackgroundIcon2 } from "@100mslive/react-icons";
 var VBToggle = () => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
-  const isVideoOn = useHMSStore31(selectIsLocalVideoEnabled4);
+  const isVideoOn = useHMSStore31(selectIsLocalVideoEnabled5);
   const isEffectsEnabled = useHMSStore31(selectIsEffectsEnabled);
   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(VirtualBackgroundIcon, 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)));
 };
 
 // src/Prebuilt/components/Footer/ChatToggle.tsx
@@ -21032,7 +21047,7 @@ var ChatToggle = ({ onClick }) => {
 // src/Prebuilt/components/Footer/ParticipantList.tsx
 init_define_process_env();
 import React74, { Fragment as Fragment9, useCallback as useCallback19, useState as useState33 } from "react";
-import { useDebounce, useMedia as useMedia10 } from "react-use";
+import { useDebounce, useMedia as useMedia9 } from "react-use";
 import {
   HMSPeerType as HMSPeerType2,
   selectHandRaisedPeers,
@@ -21865,7 +21880,7 @@ var ParticipantSearch = ({
   inSidePane = false
 }) => {
   const [value, setValue] = React74.useState("");
-  const isMobile = useMedia10(config.media.md);
+  const isMobile = useMedia9(config.media.md);
   useDebounce(
     () => {
       onSearch(value);
@@ -21980,7 +21995,7 @@ var Footer2 = ({
   elements
 }) => {
   var _a8, _b7;
-  const isMobile = useMedia11(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 isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
@@ -22030,7 +22045,7 @@ var Footer2 = ({
           }
         }
       },
-      isMobile ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType })) : /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(ScreenshareToggle, null), /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ React77.createElement(EmojiReaction, null), /* @__PURE__ */ React77.createElement(LeaveRoom, { screenType }))
+      isMobile ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(ScreenshareToggle, null), /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType })) : /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(ScreenshareToggle, null), /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ React77.createElement(EmojiReaction, null), /* @__PURE__ */ React77.createElement(LeaveRoom, { screenType }))
     ),
     /* @__PURE__ */ React77.createElement(Footer.Right, null, /* @__PURE__ */ React77.createElement(WhiteboardToggle, null), showPolls && /* @__PURE__ */ React77.createElement(PollsToggle, null), !isMobile && (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), (elements == null ? void 0 : elements.participant_list) && /* @__PURE__ */ React77.createElement(ParticipantCount, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType }))
   );
@@ -22100,10 +22115,10 @@ import {
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
 import React131, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect34, useMemo as useMemo13, useState as useState56 } from "react";
-import { useMeasure as useMeasure4, useMedia as useMedia24 } from "react-use";
+import { useMeasure as useMeasure4, useMedia as useMedia23 } from "react-use";
 import {
   HMSRoomState as HMSRoomState5,
-  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled6,
+  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled7,
   selectLocalPeer as selectLocalPeer7,
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
@@ -22118,7 +22133,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
 // src/Prebuilt/layouts/SidePane.tsx
 init_define_process_env();
 import React127, { useEffect as useEffect33 } from "react";
-import { useMedia as useMedia22 } from "react-use";
+import { useMedia as useMedia21 } from "react-use";
 import { match as match11 } from "ts-pattern";
 import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
 
@@ -23758,7 +23773,7 @@ var ShowRoomDetailHeader = () => {
 // src/Prebuilt/components/SidePaneTabs.tsx
 init_define_process_env();
 import React119, { useEffect as useEffect31, useState as useState52 } from "react";
-import { useMedia as useMedia19 } from "react-use";
+import { useMedia as useMedia18 } from "react-use";
 import { match as match10 } from "ts-pattern";
 import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon21 } from "@100mslive/react-icons";
@@ -23766,7 +23781,7 @@ import { CrossIcon as CrossIcon21 } from "@100mslive/react-icons";
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
 import React116, { useCallback as useCallback30, useRef as useRef22 } from "react";
-import { useMedia as useMedia18 } from "react-use";
+import { useMedia as useMedia17 } from "react-use";
 import { match as match9 } from "ts-pattern";
 import { selectHMSMessagesCount, useHMSActions as useHMSActions39, useHMSStore as useHMSStore61, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
@@ -23774,7 +23789,7 @@ import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
 import React108, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo10, useRef as useRef19, useState as useState46 } from "react";
-import { useMedia as useMedia13 } from "react-use";
+import { useMedia as useMedia12 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
 import {
@@ -24101,7 +24116,7 @@ var ChatActions = ({
 // src/Prebuilt/components/Chat/EmptyChat.tsx
 init_define_process_env();
 import React107 from "react";
-import { useMedia as useMedia12 } 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';
@@ -24111,7 +24126,7 @@ var EmptyChat = () => {
   var _a8;
   const { elements } = useRoomLayoutConferencingScreen();
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
-  const isMobile = useMedia12(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;
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -24275,7 +24290,7 @@ var ChatMessage = React108.memo(
     var _a8, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
     const rowRef = useRef19(null);
-    const isMobile = useMedia13(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 = useHMSStore55(selectLocalPeerID10);
@@ -24552,7 +24567,7 @@ var PinnedBy = ({
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
 import React111, { useCallback as useCallback28, useEffect as useEffect28, useRef as useRef21, useState as useState49 } from "react";
-import { useMedia as useMedia16 } 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 useHMSActions37, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
@@ -24561,13 +24576,13 @@ import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon,
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 init_define_process_env();
 import React110, { useState as useState48 } from "react";
-import { useMedia as useMedia15 } from "react-use";
+import { useMedia as useMedia14 } from "react-use";
 import { ChevronDownIcon as ChevronDownIcon6, ChevronUpIcon as ChevronUpIcon5, CrossIcon as CrossIcon19, GroupIcon, PersonIcon as PersonIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
 init_define_process_env();
 import React109, { useMemo as useMemo11, useState as useState47 } from "react";
-import { useMedia as useMedia14 } from "react-use";
+import { useMedia as useMedia13 } from "react-use";
 import {
   HMSPeerType as HMSPeerType3,
   selectMessagesUnreadCountByPeerID,
@@ -24587,7 +24602,7 @@ var SelectorItem = ({
   unreadCount,
   icon = void 0
 }) => {
-  const isMobile = useMedia14(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__ */ React109.createElement(Flex, __spreadProps(__spreadValues({}, rest), { css: __spreadValues({ p: "$6 $8" }, rest.css) }), children);
@@ -24738,7 +24753,7 @@ var ChatSelector = ({ role, peerId }) => {
 var ChatSelectorContainer = () => {
   var _a8, _b7;
   const [open, setOpen] = useState48(false);
-  const isMobile = useMedia15(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);
@@ -24955,7 +24970,7 @@ var ChatFooter = ({ onSend, children }) => {
   const hmsActions = useHMSActions37();
   const inputRef = useRef21(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
-  const isMobile = useMedia16(config.media.md);
+  const isMobile = useMedia15(config.media.md);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
   const localPeer = useHMSStore58(selectLocalPeer3);
@@ -25196,7 +25211,7 @@ var ChatBlocked = () => {
 init_define_process_env();
 import React115, { useEffect as useEffect29, useState as useState50 } from "react";
 import { useSwipeable } from "react-swipeable";
-import { useMedia as useMedia17 } from "react-use";
+import { useMedia as useMedia16 } from "react-use";
 import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
 
@@ -25257,7 +25272,7 @@ var PinnedMessage = () => {
   const pinnedMessages = useHMSStore60(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState50(0);
   const { removePinnedMessage } = usePinnedMessages();
-  const isMobile = useMedia17(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] = useState50(true);
@@ -25374,7 +25389,7 @@ var Chat = () => {
   const hmsActions = useHMSActions39();
   const vanillaStore = useHMSVanillaStore10();
   const { enabled: isChatEnabled = true } = useHMSStore61(um("chatState" /* CHAT_STATE */)) || {};
-  const isMobile = useMedia18(config.media.md);
+  const isMobile = useMedia17(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
   const scrollToBottom = useCallback30(
@@ -25667,7 +25682,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const showChat = !!(elements == null ? void 0 : elements.chat);
   const showParticipants = !!(elements == null ? void 0 : elements.participant_list);
   const hideTabs = !(showChat && showParticipants) || hideTab;
-  const isMobile = useMedia19(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);
@@ -25849,7 +25864,7 @@ var TileConnection_default = TileConnection;
 // src/Prebuilt/components/TileMenu/TileMenu.tsx
 init_define_process_env();
 import React122, { useState as useState53 } from "react";
-import { useMedia as useMedia21 } from "react-use";
+import { useMedia as useMedia20 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID11,
   selectPeerByID as selectPeerByID2,
@@ -25864,7 +25879,7 @@ import { CrossIcon as CrossIcon22, VerticalMenuIcon as VerticalMenuIcon8 } from
 // src/Prebuilt/components/TileMenu/TileMenuContent.tsx
 init_define_process_env();
 import React121, { Fragment as Fragment11 } from "react";
-import { useMedia as useMedia20 } from "react-use";
+import { useMedia as useMedia19 } from "react-use";
 import {
   selectPermissions as selectPermissions18,
   selectSessionStore as selectSessionStore10,
@@ -26051,7 +26066,7 @@ var TileMenuContent = ({
   const { sendEvent } = useCustomEvent2({
     type: REMOTE_STOP_SCREENSHARE_TYPE
   });
-  const isMobile = useMedia20(config.media.md);
+  const isMobile = useMedia19(config.media.md);
   if (isLocal) {
     return showPinAction || canMinimise || !userName || showSpotlight ? /* @__PURE__ */ React121.createElement(React121.Fragment, null, showPinAction && /* @__PURE__ */ React121.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React121.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() }), canMinimise && /* @__PURE__ */ React121.createElement(MinimiseInset, null), !userName && /* @__PURE__ */ React121.createElement(
       StyledMenuTile.ItemButton,
@@ -26150,7 +26165,7 @@ var TileMenu = ({
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
   const track = useHMSStore67(selectTrackByID3(videoTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
-  const isMobile = useMedia21(config.media.md);
+  const isMobile = useMedia20(config.media.md);
   const peer = useHMSStore67(selectPeerByID2(peerID));
   const [showNameChangeModal, setShowNameChangeModal] = useState53(false);
   useDropdownList({ open, name: "TileMenu" });
@@ -26350,7 +26365,7 @@ import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes3 } from "@100msl
 import {
   HMSRoomState as HMSRoomState4,
   selectIsLargeRoom as selectIsLargeRoom3,
-  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5,
+  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled6,
   selectIsLocalVideoPluginPresent,
   selectLocalPeer as selectLocalPeer6,
   selectRoomState as selectRoomState4,
@@ -26545,7 +26560,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const hmsActions = useHMSActions42();
   const localPeer = useHMSStore69(selectLocalPeer6);
   const role = useHMSStore69(qt);
-  const isVideoOn = useHMSStore69(selectIsLocalVideoEnabled5);
+  const isVideoOn = useHMSStore69(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
   const track = useHMSStore69(trackSelector);
@@ -26780,7 +26795,7 @@ var SidePane = ({
   hideControls = false
 }) => {
   var _a8, _b7, _c, _d, _e, _f, _g;
-  const isMobile = useMedia22(config.media.md);
+  const isMobile = useMedia21(config.media.md);
   const sidepane = useHMSStore70(selectAppData6(APP_DATA.sidePane));
   const activeScreensharePeerId = useHMSStore70(selectAppData6(APP_DATA.activeScreensharePeerId));
   const trackId = (_a8 = useHMSStore70(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
@@ -26898,7 +26913,7 @@ var FullPageProgress_default = FullPageProgress;
 // src/Prebuilt/components/Preview/PreviewForm.tsx
 init_define_process_env();
 import React130 from "react";
-import { useMedia as useMedia23 } 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 useRecordingStreaming10 } from "@100mslive/react-sdk";
 import { GoLiveIcon } from "@100mslive/react-icons";
@@ -26915,7 +26930,7 @@ var PreviewForm = ({
   const formSubmit = (e) => {
     e.preventDefault();
   };
-  const isMobile = useMedia23(config.media.md);
+  const isMobile = useMedia22(config.media.md);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming10();
   const layout = useRoomLayout();
   const { join_form: joinForm = {} } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
@@ -26976,7 +26991,7 @@ var getParticipantChipContent = (peerCount = 0) => {
 var useLocalTileAspectRatio = () => {
   const localPeer = useHMSStore71(selectLocalPeer7);
   const videoTrack = useHMSStore71(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
-  const isMobile = useMedia24(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;
@@ -27086,7 +27101,7 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
 var PreviewTile = ({ name, error }) => {
   const localPeer = useHMSStore71(selectLocalPeer7);
   const { isLocalAudioEnabled, toggleAudio } = useAVToggle3();
-  const isVideoOn = useHMSStore71(selectIsLocalVideoEnabled6);
+  const isVideoOn = useHMSStore71(selectIsLocalVideoEnabled7);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
   const track = useHMSStore71(trackSelector);
@@ -27130,7 +27145,7 @@ var PreviewTile = ({ name, error }) => {
   );
 };
 var PreviewControls = ({ hideSettings, vbEnabled }) => {
-  const isMobile = useMedia24(config.media.md);
+  const isMobile = useMedia23(config.media.md);
   return /* @__PURE__ */ React131.createElement(
     Flex,
     {
@@ -27140,7 +27155,7 @@ var PreviewControls = ({ hideSettings, vbEnabled }) => {
         mt: "$8"
       }
     },
-    /* @__PURE__ */ React131.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ React131.createElement(AudioVideoToggle, null), vbEnabled && !isMobile ? /* @__PURE__ */ React131.createElement(VBToggle, null) : null),
+    /* @__PURE__ */ React131.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ React131.createElement(AudioVideoToggle, null), vbEnabled ? /* @__PURE__ */ React131.createElement(VBToggle, null) : null),
     !hideSettings ? /* @__PURE__ */ React131.createElement(PreviewSettings, null) : null
   );
 };
@@ -27153,7 +27168,7 @@ var PreviewJoin_default = PreviewJoin;
 // src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx
 init_define_process_env();
 import React132 from "react";
-import { useMedia as useMedia25 } from "react-use";
+import { useMedia as useMedia24 } from "react-use";
 var RequestPrompt = ({
   open = true,
   onOpenChange,
@@ -27163,7 +27178,7 @@ var RequestPrompt = ({
   onAction,
   disableActions = false
 }) => {
-  const isMobile = useMedia25(config.media.md);
+  const isMobile = useMedia24(config.media.md);
   if (isMobile) {
     return /* @__PURE__ */ React132.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ React132.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ React132.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ React132.createElement(RequestActions, { actionText, onAction, disabled: disableActions })));
   }
@@ -27173,7 +27188,7 @@ var RequestActions = ({
   onAction,
   actionText,
   disabled = false
-}) => /* @__PURE__ */ React132.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md", "@md": { mt: "$8", px: "$8" } } }, /* @__PURE__ */ React132.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React132.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ React132.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" }, disabled }, "Decline"))), /* @__PURE__ */ React132.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React132.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction, disabled }, actionText)));
+}) => /* @__PURE__ */ React132.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md", "@md": { mt: "$8", px: "$8" } } }, /* @__PURE__ */ React132.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React132.createElement(Dialog.Close, { css: { width: "100%", height: "100%" }, asChild: true }, /* @__PURE__ */ React132.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%", p: "$4 $8" }, disabled }, "Decline"))), /* @__PURE__ */ React132.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React132.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction, disabled }, actionText)));
 
 // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
 var RoleChangeRequestModal = () => {
@@ -27270,14 +27285,14 @@ import {
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
 import React138, { useEffect as useEffect39, useMemo as useMemo15, useState as useState58 } from "react";
-import { useMedia as useMedia28 } from "react-use";
+import { useMedia as useMedia27 } from "react-use";
 import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
 import React135, { useEffect as useEffect36, useRef as useRef23 } from "react";
 import Draggable from "react-draggable";
-import { useMedia as useMedia26 } from "react-use";
+import { useMedia as useMedia25 } from "react-use";
 import {
   selectIsAllowedToPublish as selectIsAllowedToPublish2,
   selectLocalPeer as selectLocalPeer8,
@@ -27321,8 +27336,8 @@ var insetMaxWidthPx = 240;
 var defaultMobileAspectRatio = 9 / 16;
 var desktopAspectRatio = 1 / defaultMobileAspectRatio;
 var InsetTile = ({ peerId }) => {
-  const isMobile = useMedia26(config.media.md);
-  const isLandscape = useMedia26(config.media.ls);
+  const isMobile = useMedia25(config.media.md);
+  const isLandscape = useMedia25(config.media.ls);
   const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer8;
   const peer = useHMSStore73(selector);
   const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
@@ -27482,7 +27497,7 @@ var Grid = React137.forwardRef(
 // src/Prebuilt/components/hooks/useTileLayout.tsx
 init_define_process_env();
 import { useEffect as useEffect38, useMemo as useMemo14, useState as useState57 } from "react";
-import { useMeasure as useMeasure5, useMedia as useMedia27 } from "react-use";
+import { useMeasure as useMeasure5, useMedia as useMedia26 } from "react-use";
 import {
   getPeersWithTiles,
   selectTracksMap as selectTracksMap4,
@@ -27518,7 +27533,7 @@ var useTileLayout = ({
 }) => {
   const vanillaStore = useHMSVanillaStore11();
   const [ref, { width, height }] = useMeasure5();
-  const isMobile = useMedia27(config.media.lg);
+  const isMobile = useMedia26(config.media.lg);
   const [pagesWithTiles, setPagesWithTiles] = useState57([]);
   useEffect38(() => {
     if (width === 0 || height === 0) {
@@ -27588,7 +27603,7 @@ var useTileLayout = ({
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a8;
   const localPeer = useHMSStore74(selectLocalPeer9);
-  const isMobile = useMedia28(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({
@@ -27633,13 +27648,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 // src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
 init_define_process_env();
 import React141, { useEffect as useEffect41, useState as useState60 } from "react";
-import { useMedia as useMedia30 } from "react-use";
+import { useMedia as useMedia29 } from "react-use";
 import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
 import React140, { useEffect as useEffect40, useRef as useRef24, useState as useState59 } from "react";
-import { useMedia as useMedia29 } from "react-use";
+import { useMedia as useMedia28 } from "react-use";
 import { selectAppData as selectAppData7, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
@@ -27724,7 +27739,7 @@ var ProminenceLayout = {
 // src/Prebuilt/components/SecondaryTiles.tsx
 var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
   var _a8, _b7;
-  const isMobile = useMedia29(config.media.md);
+  const isMobile = useMedia28(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = useState59(0);
   const pinnedTrackId = useHMSStore75(selectAppData7(APP_DATA.pinnedTrackId));
@@ -27826,7 +27841,7 @@ function RoleProminence({
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
   const localPeer = useHMSStore76(selectLocalPeer10);
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
-  const isMobile = useMedia30(config.media.md);
+  const isMobile = useMedia29(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? 4 : maxTileCount;
   const pageList = usePagesWithTiles({
@@ -27868,13 +27883,13 @@ function RoleProminence({
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
 import React145, { useEffect as useEffect42, useMemo as useMemo17, useState as useState63 } from "react";
-import { useMedia as useMedia32 } from "react-use";
+import { useMedia as useMedia31 } from "react-use";
 import { selectPeersScreenSharing, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
 import React144, { useRef as useRef25, useState as useState62 } from "react";
-import { useFullscreen as useFullscreen2, useMedia as useMedia31 } from "react-use";
+import { useFullscreen as useFullscreen2, useMedia as useMedia30 } from "react-use";
 import screenfull2 from "screenfull";
 import {
   selectLocalPeerID as selectLocalPeerID13,
@@ -28042,7 +28057,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
   const peer = useHMSStore77(selectPeerByID4(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const [isMouseHovered, setIsMouseHovered] = useState62(false);
-  const isMobile = useMedia31(config.media.md);
+  const isMobile = useMedia30(config.media.md);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
   const fullscreenRef = useRef25(null);
   const [fullscreen, setFullscreen] = useState62(false);
@@ -28134,7 +28149,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   const [page, setPage] = useState63(0);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const activeSharePeer = peersSharing[page];
-  const isMobile = useMedia32(config.media.md);
+  const isMobile = useMedia31(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
   const secondaryPeers = useMemo17(() => {
     if (layoutMode === LayoutMode.SPOTLIGHT) {
@@ -28180,10 +28195,10 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
 // src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
 init_define_process_env();
 import React146, { useEffect as useEffect43, useMemo as useMemo18 } from "react";
-import { useMedia as useMedia33 } from "react-use";
+import { useMedia as useMedia32 } from "react-use";
 import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore79, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var WhiteboardEmbed = () => {
-  const isMobile = useMedia33(config.media.md);
+  const isMobile = useMedia32(config.media.md);
   const { iframeRef } = useWhiteboard2(isMobile);
   return /* @__PURE__ */ React146.createElement(
     Box,
@@ -28219,7 +28234,7 @@ var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   const whiteboard = useHMSStore79(selectWhiteboard);
   const whiteboardOwner = useHMSStore79(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
-  const isMobile = useMedia33(config.media.md);
+  const isMobile = useMedia32(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
   const secondaryPeers = useMemo18(() => {
     if (layoutMode === LayoutMode.SPOTLIGHT) {
@@ -28656,7 +28671,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React151.lazy(() => import("./HLSView-KQBEDDJG.js"));
+var HLSView = React151.lazy(() => import("./HLSView-QKPBZFZP.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -28745,17 +28760,17 @@ init_define_process_env();
 // src/Prebuilt/components/Header/Header.tsx
 init_define_process_env();
 import React154 from "react";
-import { useMedia as useMedia35 } from "react-use";
+import { useMedia as useMedia34 } from "react-use";
 import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
 import React152 from "react";
-import { useMedia as useMedia34 } from "react-use";
+import { useMedia as useMedia33 } from "react-use";
 import { ChevronRightIcon as ChevronRightIcon5 } from "@100mslive/react-icons";
 var RoomDetailsHeader = () => {
   const { title, description } = useRoomLayoutHeader();
-  const isMobile = useMedia34(config.media.md);
+  const isMobile = useMedia33(config.media.md);
   const clipLength = 30;
   const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
   const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
@@ -28777,7 +28792,7 @@ init_define_process_env();
 import React153 from "react";
 import {
   DeviceType as DeviceType3,
-  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled7,
+  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled8,
   selectLocalVideoTrackID as selectLocalVideoTrackID3,
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
@@ -28796,7 +28811,7 @@ var CamaraFlipActions = () => {
   const actions = useHMSActions46();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
-  const isVideoOn = useHMSStore84(selectIsLocalVideoEnabled7);
+  const isVideoOn = useHMSStore84(selectIsLocalVideoEnabled8);
   const videoTrackId = useHMSStore84(selectLocalVideoTrackID3);
   const localVideoTrack = useHMSStore84(selectVideoTrackByID7(videoTrackId));
   if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
@@ -28935,7 +28950,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React153.createElement(Re
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
   const roomState = useHMSStore85(selectRoomState6);
-  const isMobile = useMedia35(config.media.md);
+  const isMobile = useMedia34(config.media.md);
   if (roomState !== HMSRoomState6.Connected) {
     return /* @__PURE__ */ React154.createElement(React154.Fragment, null);
   }
@@ -29278,7 +29293,7 @@ import { useEffect as useEffect53 } from "react";
 import {
   selectAppData as selectAppData10,
   selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
-  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled8,
+  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled9,
   useHMSActions as useHMSActions48,
   useHMSVanillaStore as useHMSVanillaStore14
 } from "@100mslive/react-sdk";
@@ -29293,7 +29308,7 @@ var KeyboardInputManager = class {
       yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
     }));
     __privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
-      const enabled = __privateGet(this, _store).getState(selectIsLocalVideoEnabled8);
+      const enabled = __privateGet(this, _store).getState(selectIsLocalVideoEnabled9);
       yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
     }));
     __privateAdd(this, _hideSidepane, () => {
@@ -29505,12 +29520,12 @@ var LeaveScreen = () => {
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
 import React160, { useEffect as useEffect55, useState as useState66 } from "react";
-import { useMedia as useMedia36 } from "react-use";
+import { useMedia as useMedia35 } from "react-use";
 import { match as match14, P as P5 } from "ts-pattern";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
   const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState66(false);
-  const isLandscape = useMedia36(config.media.ls);
+  const isLandscape = useMedia35(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect55(() => {
     var _a8;
@@ -30007,7 +30022,7 @@ var PeerNotifications = () => {
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
 import React165, { useEffect as useEffect60, useState as useState68 } from "react";
-import { useMedia as useMedia37 } from "react-use";
+import { useMedia as useMedia36 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/images/android-perm-1.png
@@ -30021,7 +30036,7 @@ function PermissionErrorModal() {
   const notification = useHMSNotifications5(HMSNotificationTypes5.ERROR);
   const [deviceType, setDeviceType] = useState68("");
   const [isSystemError, setIsSystemError] = useState68(false);
-  const isMobile = useMedia37(config.media.md);
+  const isMobile = useMedia36(config.media.md);
   useEffect60(() => {
     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"))) {
@@ -30505,7 +30520,7 @@ var Sheet2 = () => {
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
 import React175, { useCallback as useCallback37, useEffect as useEffect67, useMemo as useMemo21, useState as useState73 } from "react";
-import { useMedia as useMedia38 } from "react-use";
+import { useMedia as useMedia37 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID17,
   selectPeerNameByID as selectPeerNameByID6,
@@ -30540,7 +30555,7 @@ function FlyingEmoji() {
   const localPeerId = useHMSStore95(selectLocalPeerID17);
   const vanillaStore = useHMSVanillaStore17();
   const [emojis, setEmojis] = useState73([]);
-  const isMobile = useMedia38(config.media.md);
+  const isMobile = useMedia37(config.media.md);
   const startingPoints = useMemo21(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback37(
     ({ emojiId, senderId }) => {
@@ -31030,4 +31045,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-7BDKGZUK.js.map
+//# sourceMappingURL=chunk-LVXGI4HW.js.map