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

package/dist/index.cjs.js

@@ -108,7 +108,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_b45e290a-2d91-471b-9cef-374efcd3c5aa", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.9.6-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_b45e290a-2d91-471b-9cef-374efcd3c5aa", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.6-alpha.3", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.6", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240212.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.0/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19503", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.2.6-alpha.3", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "7897125030", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "e1e1ecc82a980ca298ecb36c81c35ab7500b06b4", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "f3f0abee6b9721ff06a24126511e80713371f9e33ef00a466da9e4d005901c0a", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1707890553873-0.45213674335187837:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707890553679-0.5145403068446215:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707890531884-0.24454757746692657:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707890531706-0.26349008949685615:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_c4375215-07c9-47a0-b9c9-73a402851d81", INVOCATION_ID: "308080f47c9b474892b5d6e7311e07d9", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "433", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 466", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.9.6-alpha.3", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.6-alpha.3", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "e1e1ecc82a980ca298ecb36c81c35ab7500b06b4", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_b45e290a-2d91-471b-9cef-374efcd3c5aa", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.1-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_b45e290a-2d91-471b-9cef-374efcd3c5aa", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_b45e290a-2d91-471b-9cef-374efcd3c5aa" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_9a4827e7-eced-4588-9c97-4f325af3a2c8", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.9.6-alpha.5", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_9a4827e7-eced-4588-9c97-4f325af3a2c8", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.6-alpha.5", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.6", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240212.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.0/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19712", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.2.6-alpha.5", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "7914876650", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "dd470c3002085468208fabc315a48ce80321e4ed", 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: "c56da603068025c63673c40323b17d7665a6253d4539c77ca475a9787e551077", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1707995048816-0.6398184987316133:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707995048616-0.6738475975355311:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707995026215-0.04888321381478433:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1707995026004-0.7403861673499561:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_a7a7f306-567d-40d0-8d83-8c22058863e8", INVOCATION_ID: "a397dcfd04564b058cf9b196dafb1e0a", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "435", 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 193", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.9.6-alpha.5", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.6-alpha.5", 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: "dd470c3002085468208fabc315a48ce80321e4ed", 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_9a4827e7-eced-4588-9c97-4f325af3a2c8", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.1-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_9a4827e7-eced-4588-9c97-4f325af3a2c8", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_9a4827e7-eced-4588-9c97-4f325af3a2c8" };
   }
 });
 
@@ -9818,13 +9818,15 @@ var init_useSidepane = __esm({
 });
 
 // src/Prebuilt/components/AppData/AppData.tsx
-var import_react33, import_react_sdk9, initialAppData, AppData, ResetStreamingStart;
+var import_react33, import_react_use2, import_react_sdk9, initialAppData, AppData, ResetStreamingStart;
 var init_AppData = __esm({
   "src/Prebuilt/components/AppData/AppData.tsx"() {
     "use strict";
     init_define_process_env();
     import_react33 = __toESM(require("react"));
+    import_react_use2 = require("react-use");
     import_react_sdk9 = require("@100mslive/react-sdk");
+    init_Theme();
     init_LayoutSettings();
     init_useRoomLayoutScreen();
     init_useUserPreferences();
@@ -9877,6 +9879,8 @@ var init_AppData = __esm({
       const appData = (0, import_react_sdk9.useHMSStore)(import_react_sdk9.selectFullAppData);
       const { elements } = useRoomLayoutConferencingScreen();
       const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
+      const isMobile = (0, import_react_use2.useMedia)(config.media.md);
+      const { isLocalVideoEnabled } = (0, import_react_sdk9.useAVToggle)();
       (0, import_react33.useEffect)(() => {
         hmsActions.initAppData(__spreadValues(__spreadValues({}, initialAppData), appData));
         hmsActions.setFrameworkInfo({
@@ -9909,9 +9913,11 @@ var init_AppData = __esm({
         });
         if (defaultMediaURL) {
           hmsActions.setAppData(APP_DATA.background, defaultMediaURL);
-          toggleVB();
+          if (isLocalVideoEnabled && !isMobile) {
+            toggleVB();
+          }
         }
-      }, [hmsActions, (_a8 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a8.background_media, toggleVB]);
+      }, [hmsActions, (_a8 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a8.background_media, toggleVB, isLocalVideoEnabled, isMobile]);
       return /* @__PURE__ */ import_react33.default.createElement(ResetStreamingStart, null);
     });
     ResetStreamingStart = () => {
@@ -9998,13 +10004,13 @@ var init_transaction_error = __esm({
 });
 
 // src/Prebuilt/components/AuthToken.jsx
-var import_react35, import_react_use2, import_uuid, import_react_sdk10, AuthToken, convertError, AuthToken_default;
+var import_react35, import_react_use3, import_uuid, import_react_sdk10, AuthToken, convertError, AuthToken_default;
 var init_AuthToken = __esm({
   "src/Prebuilt/components/AuthToken.jsx"() {
     "use strict";
     init_define_process_env();
     import_react35 = __toESM(require("react"));
-    import_react_use2 = require("react-use");
+    import_react_use3 = require("react-use");
     import_uuid = require("uuid");
     import_react_sdk10 = require("@100mslive/react-sdk");
     init_Modal();
@@ -10020,7 +10026,7 @@ var init_AuthToken = __esm({
       const [error, setError] = (0, import_react35.useState)({ title: "", body: "" });
       let authToken = defaultAuthToken;
       const [, setAuthTokenInAppData] = useSetAppDataByKey(APP_DATA.authToken);
-      const [savedUserId, setSavedUserId] = (0, import_react_use2.useSessionStorage)(UserPreferencesKeys.USER_ID);
+      const [savedUserId, setSavedUserId] = (0, import_react_use3.useSessionStorage)(UserPreferencesKeys.USER_ID);
       (0, import_react35.useEffect)(() => {
         if (authToken) {
           setAuthTokenInAppData(authToken);
@@ -10488,13 +10494,13 @@ var init_useDropdownList = __esm({
 });
 
 // src/Prebuilt/components/EmojiReaction.jsx
-var import_react40, import_react_use3, import_apple, import_emoji_mart, import_react_sdk12, import_react_icons10, EmojiReaction;
+var import_react40, import_react_use4, import_apple, import_emoji_mart, import_react_sdk12, import_react_icons10, EmojiReaction;
 var init_EmojiReaction = __esm({
   "src/Prebuilt/components/EmojiReaction.jsx"() {
     "use strict";
     init_define_process_env();
     import_react40 = __toESM(require("react"));
-    import_react_use3 = require("react-use");
+    import_react_use4 = require("react-use");
     import_apple = __toESM(require("@emoji-mart/data/sets/14/apple.json"));
     import_emoji_mart = require("emoji-mart");
     import_react_sdk12 = require("@100mslive/react-sdk");
@@ -10514,7 +10520,7 @@ var init_EmojiReaction = __esm({
       useDropdownList({ open, name: "EmojiReaction" });
       const roles = (0, import_react_sdk12.useHMSStore)(import_react_sdk12.selectAvailableRoleNames);
       const localPeerId = (0, import_react_sdk12.useHMSStore)(import_react_sdk12.selectLocalPeerID);
-      const isMobile = (0, import_react_use3.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use4.useMedia)(config.media.md);
       const { sendEvent } = (0, import_react_sdk12.useCustomEvent)({
         type: EMOJI_REACTION_TYPE
       });
@@ -11036,13 +11042,13 @@ var init_MwebLeaveRoom = __esm({
 });
 
 // src/Prebuilt/components/Leave/LeaveRoom.tsx
-var import_react47, import_react_use4, import_react_sdk15, LeaveRoom;
+var import_react47, import_react_use5, import_react_sdk15, LeaveRoom;
 var init_LeaveRoom = __esm({
   "src/Prebuilt/components/Leave/LeaveRoom.tsx"() {
     "use strict";
     init_define_process_env();
     import_react47 = __toESM(require("react"));
-    import_react_use4 = require("react-use");
+    import_react_use5 = require("react-use");
     import_react_sdk15 = require("@100mslive/react-sdk");
     init_Theme();
     init_ToastManager();
@@ -11051,7 +11057,7 @@ var init_LeaveRoom = __esm({
     LeaveRoom = ({ screenType }) => {
       const isConnected = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectIsConnectedToRoom);
       const permissions = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectPermissions);
-      const isMobile = (0, import_react_use4.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use5.useMedia)(config.media.md);
       const rolesMap = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectRolesMap);
       const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
         const roleObj = rolesMap[roleName];
@@ -11908,13 +11914,13 @@ var init_DropdownTrigger = __esm({
 });
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
-var import_react53, import_react_use5, import_react_sdk20, import_react_icons18, Settings, DeviceSelector, TEST_AUDIO_URL, TestAudio, DeviceSettings_default;
+var import_react53, import_react_use6, import_react_sdk20, import_react_icons18, Settings, DeviceSelector, TEST_AUDIO_URL, TestAudio, DeviceSettings_default;
 var init_DeviceSettings = __esm({
   "src/Prebuilt/components/Settings/DeviceSettings.jsx"() {
     "use strict";
     init_define_process_env();
     import_react53 = __toESM(require("react"));
-    import_react_use5 = require("react-use");
+    import_react_use6 = require("react-use");
     import_react_sdk20 = require("@100mslive/react-sdk");
     import_react_icons18 = require("@100mslive/react-icons");
     init_src();
@@ -11935,7 +11941,7 @@ var init_DeviceSettings = __esm({
       const trackSelector = (0, import_react_sdk20.selectVideoTrackByID)(videoTrackId);
       const hmsActions = (0, import_react_sdk20.useHMSActions)();
       const track = (0, import_react_sdk20.useHMSStore)(trackSelector);
-      const isMobile = (0, import_react_use5.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use6.useMedia)(config.media.md);
       (0, import_react53.useEffect)(() => {
         if (isMobile) {
           hmsActions.refreshDevices();
@@ -12168,13 +12174,13 @@ var init_NotificationSettings = __esm({
 });
 
 // src/Prebuilt/components/Settings/SettingsModal.jsx
-var import_react55, import_react_use6, import_react_icons20, settingsList, SettingsModal, MobileSettingModal, DesktopSettingModal, SettingsContentHeader, SettingsModal_default;
+var import_react55, import_react_use7, import_react_icons20, settingsList, SettingsModal, MobileSettingModal, DesktopSettingModal, SettingsContentHeader, SettingsModal_default;
 var init_SettingsModal = __esm({
   "src/Prebuilt/components/Settings/SettingsModal.jsx"() {
     "use strict";
     init_define_process_env();
     import_react55 = __toESM(require("react"));
-    import_react_use6 = require("react-use");
+    import_react_use7 = require("react-use");
     import_react_icons20 = require("@100mslive/react-icons");
     init_Divider2();
     init_IconButton2();
@@ -12210,7 +12216,7 @@ var init_SettingsModal = __esm({
     ];
     SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null) }) => {
       const mediaQueryLg = config.media.md;
-      const isMobile = (0, import_react_use6.useMedia)(mediaQueryLg);
+      const isMobile = (0, import_react_use7.useMedia)(mediaQueryLg);
       const [showSetting, setShowSetting] = (0, import_react55.useState)(
         () => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
       );
@@ -19095,7 +19101,7 @@ var init_dist = __esm({
     };
     ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
     nr = ya((Qc, Va) => {
-      Va.exports = { version: "0.11.6-alpha.3", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+      Va.exports = { version: "0.11.6-alpha.5", 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"] };
     });
     zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(zi || {});
     Pa = ((e) => (e.CHAT = "chat", e))(Pa || {});
@@ -20347,13 +20353,13 @@ var init_utils3 = __esm({
 });
 
 // src/Prebuilt/components/Header/StreamActions.tsx
-var import_react70, import_react_use7, import_react_sdk30, import_react_icons29, LiveStatus, RecordingStatus, RecordingPauseStatus, StartRecording2, StreamActions, StopRecordingInSheet;
+var import_react70, import_react_use8, import_react_sdk30, import_react_icons29, LiveStatus, RecordingStatus, RecordingPauseStatus, StartRecording2, StreamActions, StopRecordingInSheet;
 var init_StreamActions = __esm({
   "src/Prebuilt/components/Header/StreamActions.tsx"() {
     "use strict";
     init_define_process_env();
     import_react70 = __toESM(require("react"));
-    import_react_use7 = require("react-use");
+    import_react_use8 = require("react-use");
     init_dist();
     import_react_sdk30 = require("@100mslive/react-sdk");
     import_react_icons29 = require("@100mslive/react-icons");
@@ -20369,7 +20375,7 @@ var init_StreamActions = __esm({
       var _a8;
       const { isHLSRunning, isRTMPRunning } = (0, import_react_sdk30.useRecordingStreaming)();
       const hlsState = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectHLSState);
-      const isMobile = (0, import_react_use7.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use8.useMedia)(config.media.md);
       const intervalRef = (0, import_react70.useRef)(null);
       const { screenType } = useRoomLayoutConferencingScreen();
       const [liveTime, setLiveTime] = (0, import_react70.useState)(0);
@@ -20416,7 +20422,7 @@ var init_StreamActions = __esm({
     RecordingStatus = () => {
       const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = (0, import_react_sdk30.useRecordingStreaming)();
       const permissions = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectPermissions);
-      const isMobile = (0, import_react_use7.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use8.useMedia)(config.media.md);
       if (!isRecordingOn || // if only browser recording is enabled, stop recording is shown
       // so no need to show this as it duplicates
       [permissions == null ? void 0 : permissions.browserRecording, !isServerRecordingOn, !isHLSRecordingOn, isBrowserRecordingOn].every(
@@ -20543,7 +20549,7 @@ var init_StreamActions = __esm({
     };
     StreamActions = () => {
       const isConnected = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectIsConnectedToRoom);
-      const isMobile = (0, import_react_use7.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use8.useMedia)(config.media.md);
       const roomState = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectRoomState);
       return /* @__PURE__ */ import_react70.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react70.default.createElement(AdditionalRoomState, null), !isMobile && /* @__PURE__ */ import_react70.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react70.default.createElement(RecordingPauseStatus, null), /* @__PURE__ */ import_react70.default.createElement(RecordingStatus, null), roomState !== import_react_sdk30.HMSRoomState.Preview ? /* @__PURE__ */ import_react70.default.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ import_react70.default.createElement(StartRecording2, null) : null);
     };
@@ -20751,13 +20757,13 @@ var init_ChangeNameContent = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx
-var import_react73, import_react_use8, import_react_sdk31, ChangeNameModal;
+var import_react73, import_react_use9, import_react_sdk31, ChangeNameModal;
 var init_ChangeNameModal = __esm({
   "src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react73 = __toESM(require("react"));
-    import_react_use8 = require("react-use");
+    import_react_use9 = require("react-use");
     import_react_sdk31 = require("@100mslive/react-sdk");
     init_src();
     init_Sheet2();
@@ -20772,7 +20778,7 @@ var init_ChangeNameModal = __esm({
       const hmsActions = (0, import_react_sdk31.useHMSActions)();
       const localPeerName = (0, import_react_sdk31.useHMSStore)(import_react_sdk31.selectLocalPeerName);
       const [currentName, setCurrentName] = (0, import_react73.useState)(localPeerName);
-      const isMobile = (0, import_react_use8.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use9.useMedia)(config.media.md);
       const changeName = () => __async(void 0, null, function* () {
         const name = (currentName == null ? void 0 : currentName.trim()) || "";
         if (!name || name === localPeerName) {
@@ -20835,13 +20841,13 @@ var init_useUnreadPollQuizPresent = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
-var import_react75, import_react_use9, import_react_sdk33, import_react_icons31, MODALS2, MwebOptions;
+var import_react75, import_react_use10, import_react_sdk33, import_react_icons31, MODALS2, MwebOptions;
 var init_MwebOptions = __esm({
   "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx"() {
     "use strict";
     init_define_process_env();
     import_react75 = __toESM(require("react"));
-    import_react_use9 = require("react-use");
+    import_react_use10 = require("react-use");
     import_react_sdk33 = require("@100mslive/react-sdk");
     import_react_icons31 = require("@100mslive/react-icons");
     init_src();
@@ -20892,10 +20898,9 @@ var init_MwebOptions = __esm({
       const peerCount = (0, import_react_sdk33.useHMSStore)(import_react_sdk33.selectPeerCount);
       const emojiCardRef = (0, import_react75.useRef)(null);
       const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
-      const { toggleAudio, toggleVideo, isLocalVideoEnabled } = (0, import_react_sdk33.useAVToggle)();
+      const { toggleAudio, toggleVideo } = (0, import_react_sdk33.useAVToggle)();
       const noAVPermissions = !(toggleAudio || toggleVideo);
       const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
-      const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
       useDropdownList({ open: openModals.size > 0 || openOptionsSheet || openSettingsSheet, name: "MoreSettings" });
       const updateState = (modalName, value) => {
         setOpenModals((modals) => {
@@ -20908,7 +20913,7 @@ var init_MwebOptions = __esm({
           return copy;
         });
       };
-      (0, import_react_use9.useClickAway)(emojiCardRef, () => setShowEmojiCard(false));
+      (0, import_react_use10.useClickAway)(emojiCardRef, () => setShowEmojiCard(false));
       return /* @__PURE__ */ import_react75.default.createElement(import_react75.default.Fragment, null, /* @__PURE__ */ import_react75.default.createElement(Sheet.Root, { open: openOptionsSheet, onOpenChange: setOpenOptionsSheet }, /* @__PURE__ */ import_react75.default.createElement(Tooltip, { title: "More options" }, /* @__PURE__ */ import_react75.default.createElement(Sheet.Trigger, { asChild: true, "data-testid": "more_settings_btn" }, /* @__PURE__ */ import_react75.default.createElement(IconButton_default, null, /* @__PURE__ */ import_react75.default.createElement(import_react_icons31.HamburgerMenuIcon, null)))), /* @__PURE__ */ import_react75.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", pb: "$14" } }, /* @__PURE__ */ import_react75.default.createElement(
         Sheet.Title,
         {
@@ -20964,17 +20969,6 @@ var init_MwebOptions = __esm({
           isHandRaised ? /* @__PURE__ */ import_react75.default.createElement(import_react_icons31.HandRaiseSlashedIcon, null) : /* @__PURE__ */ import_react75.default.createElement(import_react_icons31.HandIcon, null),
           /* @__PURE__ */ import_react75.default.createElement(ActionTile.Title, null, isHandRaised ? "Lower" : "Raise", " Hand")
         ) : null,
-        isLocalVideoEnabled && !!(elements == null ? void 0 : elements.virtual_background) ? /* @__PURE__ */ import_react75.default.createElement(
-          ActionTile.Root,
-          {
-            onClick: () => {
-              toggleVB();
-              setOpenOptionsSheet(false);
-            }
-          },
-          /* @__PURE__ */ import_react75.default.createElement(import_react_icons31.VirtualBackgroundIcon, null),
-          /* @__PURE__ */ import_react75.default.createElement(ActionTile.Title, null, "Virtual Background")
-        ) : null,
         (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ import_react75.default.createElement(
           ActionTile.Root,
           {
@@ -21113,13 +21107,13 @@ var init_MwebOptions = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/MoreSettings.tsx
-var import_react76, import_react_use10, MoreSettings;
+var import_react76, import_react_use11, MoreSettings;
 var init_MoreSettings = __esm({
   "src/Prebuilt/components/MoreSettings/MoreSettings.tsx"() {
     "use strict";
     init_define_process_env();
     import_react76 = __toESM(require("react"));
-    import_react_use10 = require("react-use");
+    import_react_use11 = require("react-use");
     init_DesktopOptions();
     init_MwebOptions();
     init_src();
@@ -21127,7 +21121,7 @@ var init_MoreSettings = __esm({
       elements,
       screenType
     }) => {
-      const isMobile = (0, import_react_use10.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use11.useMedia)(config.media.md);
       return isMobile ? /* @__PURE__ */ import_react76.default.createElement(MwebOptions, { elements, screenType }) : /* @__PURE__ */ import_react76.default.createElement(DesktopOptions, { elements, screenType });
     };
   }
@@ -22086,13 +22080,13 @@ function itemKey(index, data3) {
   var _a8;
   return (_a8 = data3.peerList[index]) == null ? void 0 : _a8.id;
 }
-var import_react90, import_react_use11, import_react_window, import_react_sdk41, import_react_icons42, ROW_HEIGHT, ITER_TIMER, VirtualizedParticipantItem, RoleAccordion;
+var import_react90, import_react_use12, import_react_window, import_react_sdk41, import_react_icons42, ROW_HEIGHT, ITER_TIMER, VirtualizedParticipantItem, RoleAccordion;
 var init_RoleAccordion = __esm({
   "src/Prebuilt/components/Footer/RoleAccordion.tsx"() {
     "use strict";
     init_define_process_env();
     import_react90 = __toESM(require("react"));
-    import_react_use11 = require("react-use");
+    import_react_use12 = require("react-use");
     import_react_window = require("react-window");
     import_react_sdk41 = require("@100mslive/react-sdk");
     import_react_icons42 = require("@100mslive/react-icons");
@@ -22126,7 +22120,7 @@ var init_RoleAccordion = __esm({
       offStageRoles,
       onActive
     }) => {
-      const [ref, { width }] = (0, import_react_use11.useMeasure)();
+      const [ref, { width }] = (0, import_react_use12.useMeasure)();
       const isLargeRoom = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectIsLargeRoom);
       const { peers, total, loadPeers } = (0, import_react_sdk41.usePaginatedParticipants)({ role: roleName, limit: 10 });
       const isOffStageRole = roleName && offStageRoles.includes(roleName);
@@ -22213,13 +22207,13 @@ var init_RoleAccordion = __esm({
 });
 
 // src/Prebuilt/components/Footer/ParticipantList.tsx
-var import_react91, import_react_use12, import_react_sdk42, import_react_icons43, ParticipantList, ParticipantCount, Participant, VirtualizedParticipants, ParticipantActions, ParticipantMoreActions, ParticipantSearch;
+var import_react91, import_react_use13, import_react_sdk42, import_react_icons43, ParticipantList, ParticipantCount, Participant, VirtualizedParticipants, ParticipantActions, ParticipantMoreActions, ParticipantSearch;
 var init_ParticipantList = __esm({
   "src/Prebuilt/components/Footer/ParticipantList.tsx"() {
     "use strict";
     init_define_process_env();
     import_react91 = __toESM(require("react"));
-    import_react_use12 = require("react-use");
+    import_react_use13 = require("react-use");
     import_react_sdk42 = require("@100mslive/react-sdk");
     import_react_icons43 = require("@100mslive/react-icons");
     init_src();
@@ -22516,8 +22510,8 @@ var init_ParticipantList = __esm({
       inSidePane = false
     }) => {
       const [value, setValue] = import_react91.default.useState("");
-      const isMobile = (0, import_react_use12.useMedia)(config.media.md);
-      (0, import_react_use12.useDebounce)(
+      const isMobile = (0, import_react_use13.useMedia)(config.media.md);
+      (0, import_react_use13.useDebounce)(
         () => {
           onSearch(value);
         },
@@ -22636,13 +22630,13 @@ var init_WhiteboardToggle = __esm({
 });
 
 // src/Prebuilt/components/Footer/Footer.tsx
-var import_react94, import_react_use13, import_chat, import_react_sdk44, Footer2;
+var import_react94, import_react_use14, import_chat, import_react_sdk44, Footer2;
 var init_Footer3 = __esm({
   "src/Prebuilt/components/Footer/Footer.tsx"() {
     "use strict";
     init_define_process_env();
     import_react94 = __toESM(require("react"));
-    import_react_use13 = require("react-use");
+    import_react_use14 = require("react-use");
     import_chat = require("@100mslive/types-prebuilt/elements/chat");
     import_react_sdk44 = require("@100mslive/react-sdk");
     init_src();
@@ -22665,7 +22659,7 @@ var init_Footer3 = __esm({
       elements
     }) => {
       var _a8, _b7;
-      const isMobile = (0, import_react_use13.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use14.useMedia)(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) === import_chat.Chat_ChatState.CHAT_STATE_OPEN;
       const { toggleAudio, toggleVideo } = (0, import_react_sdk44.useAVToggle)();
@@ -24802,13 +24796,13 @@ var init_empty_chat = __esm({
 });
 
 // src/Prebuilt/components/Chat/EmptyChat.tsx
-var import_react123, import_react_use14, EmptyChat;
+var import_react123, import_react_use15, EmptyChat;
 var init_EmptyChat = __esm({
   "src/Prebuilt/components/Chat/EmptyChat.tsx"() {
     "use strict";
     init_define_process_env();
     import_react123 = __toESM(require("react"));
-    import_react_use14 = require("react-use");
+    import_react_use15 = require("react-use");
     init_Layout();
     init_Text2();
     init_Theme();
@@ -24819,7 +24813,7 @@ var init_EmptyChat = __esm({
       var _a8;
       const { elements } = useRoomLayoutConferencingScreen();
       const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
-      const isMobile = (0, import_react_use14.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use15.useMedia)(config.media.md);
       const canSendMessages = elements.chat && (elements.chat.public_chat_enabled || elements.chat.private_chat_enabled || elements.chat.roles_whitelist && elements.chat.roles_whitelist.length) && !isLocalPeerBlacklisted;
       if (isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay))
         return /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, null);
@@ -24878,13 +24872,13 @@ function getRowHeight(index) {
   var _a8;
   return ((_a8 = rowHeights[index]) == null ? void 0 : _a8.size) || 72;
 }
-var import_react125, import_react_use15, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk59, import_react_icons60, formatTime2, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link2, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
+var import_react125, import_react_use16, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk59, import_react_icons60, formatTime2, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link2, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
 var init_ChatBody = __esm({
   "src/Prebuilt/components/Chat/ChatBody.tsx"() {
     "use strict";
     init_define_process_env();
     import_react125 = __toESM(require("react"));
-    import_react_use15 = require("react-use");
+    import_react_use16 = require("react-use");
     import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
     import_react_window2 = require("react-window");
     import_react_sdk59 = require("@100mslive/react-sdk");
@@ -25009,7 +25003,7 @@ var init_ChatBody = __esm({
         var _a8, _b7, _c;
         const { elements } = useRoomLayoutConferencingScreen();
         const rowRef = (0, import_react125.useRef)(null);
-        const isMobile = (0, import_react_use15.useMedia)(config.media.md);
+        const isMobile = (0, import_react_use16.useMedia)(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 = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectLocalPeerID);
@@ -25279,13 +25273,13 @@ var init_ChatBody = __esm({
 });
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
-var import_react126, import_react_use16, import_react_sdk60, import_react_icons61, ChatDotIcon, SelectorItem, SelectorHeader, Everyone, RoleItem, PeerItem, VirtualizedSelectItemList, ChatSelector;
+var import_react126, import_react_use17, import_react_sdk60, import_react_icons61, ChatDotIcon, SelectorItem, SelectorHeader, Everyone, RoleItem, PeerItem, VirtualizedSelectItemList, ChatSelector;
 var init_ChatSelector = __esm({
   "src/Prebuilt/components/Chat/ChatSelector.tsx"() {
     "use strict";
     init_define_process_env();
     import_react126 = __toESM(require("react"));
-    import_react_use16 = require("react-use");
+    import_react_use17 = require("react-use");
     import_react_sdk60 = require("@100mslive/react-sdk");
     import_react_icons61 = require("@100mslive/react-icons");
     init_src();
@@ -25305,7 +25299,7 @@ var init_ChatSelector = __esm({
       unreadCount,
       icon = void 0
     }) => {
-      const isMobile = (0, import_react_use16.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use17.useMedia)(config.media.md);
       const Root28 = !isMobile ? Dropdown.Item : (_a8) => {
         var _b7 = _a8, { children } = _b7, rest = __objRest(_b7, ["children"]);
         return /* @__PURE__ */ import_react126.default.createElement(Flex, __spreadProps(__spreadValues({}, rest), { css: __spreadValues({ p: "$6 $8" }, rest.css) }), children);
@@ -25455,13 +25449,13 @@ var init_ChatSelector = __esm({
 });
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
-var import_react127, import_react_use17, import_react_icons62, ChatSelectorContainer;
+var import_react127, import_react_use18, import_react_icons62, ChatSelectorContainer;
 var init_ChatSelectorContainer = __esm({
   "src/Prebuilt/components/Chat/ChatSelectorContainer.tsx"() {
     "use strict";
     init_define_process_env();
     import_react127 = __toESM(require("react"));
-    import_react_use17 = require("react-use");
+    import_react_use18 = require("react-use");
     import_react_icons62 = require("@100mslive/react-icons");
     init_Dropdown2();
     init_Layout();
@@ -25476,7 +25470,7 @@ var init_ChatSelectorContainer = __esm({
     ChatSelectorContainer = () => {
       var _a8, _b7;
       const [open, setOpen] = (0, import_react127.useState)(false);
-      const isMobile = (0, import_react_use17.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use18.useMedia)(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);
@@ -25686,13 +25680,13 @@ function EmojiPicker({ onSelect }) {
     )
   )));
 }
-var import_react130, import_react_use18, import_data, import_react131, import_react_sdk62, import_react_icons63, TextArea2, ChatFooter;
+var import_react130, import_react_use19, import_data, import_react131, import_react_sdk62, import_react_icons63, TextArea2, ChatFooter;
 var init_ChatFooter = __esm({
   "src/Prebuilt/components/Chat/ChatFooter.tsx"() {
     "use strict";
     init_define_process_env();
     import_react130 = __toESM(require("react"));
-    import_react_use18 = require("react-use");
+    import_react_use19 = require("react-use");
     import_data = __toESM(require("@emoji-mart/data"));
     import_react131 = __toESM(require("@emoji-mart/react"));
     import_react_sdk62 = require("@100mslive/react-sdk");
@@ -25730,7 +25724,7 @@ var init_ChatFooter = __esm({
       const hmsActions = (0, import_react_sdk62.useHMSActions)();
       const inputRef = (0, import_react130.useRef)(null);
       const [draftMessage, setDraftMessage] = useChatDraftMessage();
-      const isMobile = (0, import_react_use18.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use19.useMedia)(config.media.md);
       const { elements } = useRoomLayoutConferencingScreen();
       const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
       const localPeer = (0, import_react_sdk62.useHMSStore)(import_react_sdk62.selectLocalPeer);
@@ -26031,14 +26025,14 @@ var init_StickIndicator = __esm({
 });
 
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
-var import_react135, import_react_swipeable, import_react_use19, import_react_sdk64, import_react_icons65, PINNED_MESSAGE_LENGTH, PinnedMessage;
+var import_react135, import_react_swipeable, import_react_use20, import_react_sdk64, import_react_icons65, PINNED_MESSAGE_LENGTH, PinnedMessage;
 var init_PinnedMessage = __esm({
   "src/Prebuilt/components/Chat/PinnedMessage.tsx"() {
     "use strict";
     init_define_process_env();
     import_react135 = __toESM(require("react"));
     import_react_swipeable = require("react-swipeable");
-    import_react_use19 = require("react-use");
+    import_react_use20 = require("react-use");
     import_react_sdk64 = require("@100mslive/react-sdk");
     import_react_icons65 = require("@100mslive/react-icons");
     init_Layout();
@@ -26055,7 +26049,7 @@ var init_PinnedMessage = __esm({
       const pinnedMessages = (0, import_react_sdk64.useHMSStore)((0, import_react_sdk64.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
       const [pinnedMessageIndex, setPinnedMessageIndex] = (0, import_react135.useState)(0);
       const { removePinnedMessage } = usePinnedMessages();
-      const isMobile = (0, import_react_use19.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use20.useMedia)(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] = (0, import_react135.useState)(true);
@@ -26168,13 +26162,13 @@ var init_PinnedMessage = __esm({
 });
 
 // src/Prebuilt/components/Chat/Chat.tsx
-var import_react136, import_react_use20, import_react_sdk65, import_react_icons66, Chat, NewMessageIndicator;
+var import_react136, import_react_use21, import_react_sdk65, import_react_icons66, Chat, NewMessageIndicator;
 var init_Chat = __esm({
   "src/Prebuilt/components/Chat/Chat.tsx"() {
     "use strict";
     init_define_process_env();
     import_react136 = __toESM(require("react"));
-    import_react_use20 = require("react-use");
+    import_react_use21 = require("react-use");
     init_dist();
     import_react_sdk65 = require("@100mslive/react-sdk");
     import_react_icons66 = require("@100mslive/react-icons");
@@ -26193,7 +26187,7 @@ var init_Chat = __esm({
       const hmsActions = (0, import_react_sdk65.useHMSActions)();
       const vanillaStore = (0, import_react_sdk65.useHMSVanillaStore)();
       const { enabled: isChatEnabled = true } = (0, import_react_sdk65.useHMSStore)(Yh("chatState" /* CHAT_STATE */)) || {};
-      const isMobile = (0, import_react_use20.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use21.useMedia)(config.media.md);
       const scrollToBottom = (0, import_react136.useCallback)(
         (unreadCount = 0) => {
           var _a9;
@@ -26278,14 +26272,14 @@ var init_Chat = __esm({
 });
 
 // src/Prebuilt/components/Footer/PaginatedParticipants.tsx
-var import_react137, import_react_intersection_observer, import_react_use21, import_react_window3, import_react_sdk66, import_react_icons67, LoadMoreParticipants, VirtualizedParticipantItem2, PaginatedParticipants;
+var import_react137, import_react_intersection_observer, import_react_use22, import_react_window3, import_react_sdk66, import_react_icons67, LoadMoreParticipants, VirtualizedParticipantItem2, PaginatedParticipants;
 var init_PaginatedParticipants = __esm({
   "src/Prebuilt/components/Footer/PaginatedParticipants.tsx"() {
     "use strict";
     init_define_process_env();
     import_react137 = __toESM(require("react"));
     import_react_intersection_observer = require("react-intersection-observer");
-    import_react_use21 = require("react-use");
+    import_react_use22 = require("react-use");
     import_react_window3 = require("react-window");
     import_react_sdk66 = require("@100mslive/react-sdk");
     import_react_icons67 = require("@100mslive/react-icons");
@@ -26340,7 +26334,7 @@ var init_PaginatedParticipants = __esm({
         return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
       });
       const isConnected = (0, import_react_sdk66.useHMSStore)(import_react_sdk66.selectIsConnectedToRoom);
-      const [ref, { width }] = (0, import_react_use21.useMeasure)();
+      const [ref, { width }] = (0, import_react_use22.useMeasure)();
       const height = ROW_HEIGHT * (filteredPeers.length + 1);
       const resetSidePane = useSidepaneReset();
       (0, import_react137.useEffect)(() => {
@@ -26440,13 +26434,13 @@ var init_ChatSettings = __esm({
 });
 
 // src/Prebuilt/components/SidePaneTabs.tsx
-var import_react139, import_react_use22, import_react_sdk68, import_react_icons69, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
+var import_react139, import_react_use23, import_react_sdk68, import_react_icons69, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
 var init_SidePaneTabs = __esm({
   "src/Prebuilt/components/SidePaneTabs.tsx"() {
     "use strict";
     init_define_process_env();
     import_react139 = __toESM(require("react"));
-    import_react_use22 = require("react-use");
+    import_react_use23 = require("react-use");
     import_react_sdk68 = require("@100mslive/react-sdk");
     import_react_icons69 = require("@100mslive/react-icons");
     init_Chat();
@@ -26483,7 +26477,7 @@ var init_SidePaneTabs = __esm({
       const showChat = !!(elements == null ? void 0 : elements.chat);
       const showParticipants = !!(elements == null ? void 0 : elements.participant_list);
       const hideTabs = !(showChat && showParticipants);
-      const isMobile = (0, import_react_use22.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use23.useMedia)(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);
@@ -26661,13 +26655,13 @@ var init_utils5 = __esm({
 });
 
 // src/Prebuilt/components/TileMenu/TileMenuContent.tsx
-var import_react141, import_react_use23, import_react_sdk70, import_react_icons71, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
+var import_react141, import_react_use24, import_react_sdk70, import_react_icons71, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
 var init_TileMenuContent = __esm({
   "src/Prebuilt/components/TileMenu/TileMenuContent.tsx"() {
     "use strict";
     init_define_process_env();
     import_react141 = __toESM(require("react"));
-    import_react_use23 = require("react-use");
+    import_react_use24 = require("react-use");
     import_react_sdk70 = require("@100mslive/react-sdk");
     import_react_icons71 = require("@100mslive/react-icons");
     init_Layout();
@@ -26837,7 +26831,7 @@ var init_TileMenuContent = __esm({
       const { sendEvent } = (0, import_react_sdk70.useCustomEvent)({
         type: REMOTE_STOP_SCREENSHARE_TYPE
       });
-      const isMobile = (0, import_react_use23.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use24.useMedia)(config.media.md);
       if (isLocal) {
         return showPinAction || canMinimise || !userName || showSpotlight ? /* @__PURE__ */ import_react141.default.createElement(import_react141.default.Fragment, null, showPinAction && /* @__PURE__ */ import_react141.default.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ import_react141.default.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() }), canMinimise && /* @__PURE__ */ import_react141.default.createElement(MinimiseInset, null), !userName && /* @__PURE__ */ import_react141.default.createElement(
           StyledMenuTile.ItemButton,
@@ -26918,13 +26912,13 @@ var init_TileMenuContent = __esm({
 });
 
 // src/Prebuilt/components/TileMenu/TileMenu.tsx
-var import_react142, import_react_use24, import_react_sdk71, import_react_icons72, TileMenu, TileMenu_default;
+var import_react142, import_react_use25, import_react_sdk71, import_react_icons72, TileMenu, TileMenu_default;
 var init_TileMenu2 = __esm({
   "src/Prebuilt/components/TileMenu/TileMenu.tsx"() {
     "use strict";
     init_define_process_env();
     import_react142 = __toESM(require("react"));
-    import_react_use24 = require("react-use");
+    import_react_use25 = require("react-use");
     import_react_sdk71 = require("@100mslive/react-sdk");
     import_react_icons72 = require("@100mslive/react-icons");
     init_Layout();
@@ -26957,7 +26951,7 @@ var init_TileMenu2 = __esm({
       const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
       const track = (0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectTrackByID)(videoTrackID));
       const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
-      const isMobile = (0, import_react_use24.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use25.useMedia)(config.media.md);
       const peer = (0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectPeerByID)(peerID));
       const [showNameChangeModal, setShowNameChangeModal] = (0, import_react142.useState)(false);
       useDropdownList({ open, name: "TileMenu" });
@@ -27042,13 +27036,13 @@ var init_peerTileUtils = __esm({
 });
 
 // src/Prebuilt/components/VideoTile.tsx
-var import_react143, import_react_use25, import_react_sdk72, import_react_icons73, PeerMetadata, Tile, VideoTile, VideoTile_default;
+var import_react143, import_react_use26, import_react_sdk72, import_react_icons73, PeerMetadata, Tile, VideoTile, VideoTile_default;
 var init_VideoTile2 = __esm({
   "src/Prebuilt/components/VideoTile.tsx"() {
     "use strict";
     init_define_process_env();
     import_react143 = __toESM(require("react"));
-    import_react_use25 = require("react-use");
+    import_react_use26 = require("react-use");
     import_react_sdk72 = require("@100mslive/react-sdk");
     import_react_icons73 = require("@100mslive/react-icons");
     init_TileConnection();
@@ -27111,7 +27105,7 @@ var init_VideoTile2 = __esm({
       const onHoverHandler = (0, import_react143.useCallback)((event) => {
         setIsMouseHovered(event.type === "mouseenter");
       }, []);
-      const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use25.useMeasure)();
+      const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use26.useMeasure)();
       const isTileBigEnoughToShowStats = calculatedHeight >= 180 && calculatedWidth >= 180;
       const [avatarSize, attribBoxSize] = (0, import_react143.useMemo)(
         () => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
@@ -27334,11 +27328,11 @@ var init_VBHandler = __esm({
             }
           }
         });
-        this.setPreset = (preset) => {
+        this.setPreset = (preset) => __async(this, null, function* () {
           if (this.effectsPlugin) {
-            this.effectsPlugin.setPreset(preset);
+            yield this.effectsPlugin.setPreset(preset);
           }
-        };
+        });
         this.getPreset = () => {
           var _a8;
           return ((_a8 = this.effectsPlugin) == null ? void 0 : _a8.getPreset()) || "";
@@ -27553,13 +27547,13 @@ var init_VBPicker = __esm({
 });
 
 // src/Prebuilt/layouts/SidePane.tsx
-var import_react147, import_react_use26, import_react_sdk74, SidePane, SidePane_default;
+var import_react147, import_react_use27, import_react_sdk74, SidePane, SidePane_default;
 var init_SidePane = __esm({
   "src/Prebuilt/layouts/SidePane.tsx"() {
     "use strict";
     init_define_process_env();
     import_react147 = __toESM(require("react"));
-    import_react_use26 = require("react-use");
+    import_react_use27 = require("react-use");
     import_react_sdk74 = require("@100mslive/react-sdk");
     init_Polls();
     init_LayoutSettings();
@@ -27578,7 +27572,7 @@ var init_SidePane = __esm({
       hideControls = false
     }) => {
       var _a8, _b7, _c, _d, _e, _f;
-      const isMobile = (0, import_react_use26.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use27.useMedia)(config.media.md);
       const sidepane = (0, import_react_sdk74.useHMSStore)((0, import_react_sdk74.selectAppData)(APP_DATA.sidePane));
       const activeScreensharePeerId = (0, import_react_sdk74.useHMSStore)((0, import_react_sdk74.selectAppData)(APP_DATA.activeScreensharePeerId));
       const trackId = (_a8 = (0, import_react_sdk74.useHMSStore)((0, import_react_sdk74.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
@@ -27747,7 +27741,7 @@ var init_HeaderComponents = __esm({
         {
           align: "center",
           justify: "center",
-          css: { flex: "1 1 0", color: "$on_primary_high", "@md": { display: "none" } }
+          css: { flex: "1 1 0", color: "$on_surface_high", "@md": { display: "none" } }
         },
         /* @__PURE__ */ import_react150.default.createElement(VerticalDivider, { css: { ml: "$8" } }),
         /* @__PURE__ */ import_react150.default.createElement(import_react_icons75.VolumeOneIcon, null),
@@ -27788,13 +27782,13 @@ var init_HeaderComponents = __esm({
 });
 
 // src/Prebuilt/components/Preview/PreviewForm.tsx
-var import_react151, import_react_use27, import_join_form3, import_react_sdk76, import_react_icons76, PreviewForm, Form, PreviewForm_default;
+var import_react151, import_react_use28, import_join_form3, import_react_sdk76, import_react_icons76, PreviewForm, Form, PreviewForm_default;
 var init_PreviewForm = __esm({
   "src/Prebuilt/components/Preview/PreviewForm.tsx"() {
     "use strict";
     init_define_process_env();
     import_react151 = __toESM(require("react"));
-    import_react_use27 = require("react-use");
+    import_react_use28 = require("react-use");
     import_join_form3 = require("@100mslive/types-prebuilt/elements/join_form");
     import_react_sdk76 = require("@100mslive/react-sdk");
     import_react_icons76 = require("@100mslive/react-icons");
@@ -27814,7 +27808,7 @@ var init_PreviewForm = __esm({
       const formSubmit = (e) => {
         e.preventDefault();
       };
-      const isMobile = (0, import_react_use27.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use28.useMedia)(config.media.md);
       const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk76.useRecordingStreaming)();
       const layout = useRoomLayout();
       const { join_form: joinForm = {} } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
@@ -27867,13 +27861,13 @@ var init_PreviewForm = __esm({
 });
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
-var import_react152, import_react_use28, import_react_sdk77, import_react_icons77, getParticipantChipContent, useLocalTileAspectRatio, PreviewJoin, Container4, PreviewTile, PreviewControls, PreviewSettings, PreviewJoin_default;
+var import_react152, import_react_use29, import_react_sdk77, import_react_icons77, getParticipantChipContent, useLocalTileAspectRatio, PreviewJoin, Container4, PreviewTile, PreviewControls, PreviewSettings, PreviewJoin_default;
 var init_PreviewJoin = __esm({
   "src/Prebuilt/components/Preview/PreviewJoin.tsx"() {
     "use strict";
     init_define_process_env();
     import_react152 = __toESM(require("react"));
-    import_react_use28 = require("react-use");
+    import_react_use29 = require("react-use");
     import_react_sdk77 = require("@100mslive/react-sdk");
     import_react_icons77 = require("@100mslive/react-icons");
     init_src();
@@ -27904,7 +27898,7 @@ var init_PreviewJoin = __esm({
     useLocalTileAspectRatio = () => {
       const localPeer = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectLocalPeer);
       const videoTrack = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
-      const isMobile = (0, import_react_use28.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use29.useMedia)(config.media.md);
       let aspectRatio = 0;
       if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
         aspectRatio = videoTrack.width / videoTrack.height;
@@ -28020,7 +28014,7 @@ var init_PreviewJoin = __esm({
       const track = (0, import_react_sdk77.useHMSStore)(trackSelector);
       const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
       const aspectRatio = useLocalTileAspectRatio();
-      const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use28.useMeasure)();
+      const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use29.useMeasure)();
       const [avatarSize, attribBoxSize] = (0, import_react152.useMemo)(
         () => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
         [calculatedWidth, calculatedHeight]
@@ -28058,7 +28052,7 @@ var init_PreviewJoin = __esm({
       );
     };
     PreviewControls = ({ hideSettings, vbEnabled }) => {
-      const isMobile = (0, import_react_use28.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use29.useMedia)(config.media.md);
       return /* @__PURE__ */ import_react152.default.createElement(
         Flex,
         {
@@ -28068,7 +28062,7 @@ var init_PreviewJoin = __esm({
             mt: "$8"
           }
         },
-        /* @__PURE__ */ import_react152.default.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ import_react152.default.createElement(AudioVideoToggle, null), vbEnabled ? /* @__PURE__ */ import_react152.default.createElement(VBToggle, null) : null),
+        /* @__PURE__ */ import_react152.default.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ import_react152.default.createElement(AudioVideoToggle, null), vbEnabled && !isMobile ? /* @__PURE__ */ import_react152.default.createElement(VBToggle, null) : null),
         !hideSettings ? /* @__PURE__ */ import_react152.default.createElement(PreviewSettings, null) : null
       );
     };
@@ -28081,13 +28075,13 @@ var init_PreviewJoin = __esm({
 });
 
 // src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx
-var import_react153, import_react_use29, RequestPrompt, RequestActions;
+var import_react153, import_react_use30, RequestPrompt, RequestActions;
 var init_RequestPrompt = __esm({
   "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx"() {
     "use strict";
     init_define_process_env();
     import_react153 = __toESM(require("react"));
-    import_react_use29 = require("react-use");
+    import_react_use30 = require("react-use");
     init_src();
     init_Sheet2();
     RequestPrompt = ({
@@ -28099,7 +28093,7 @@ var init_RequestPrompt = __esm({
       onAction,
       disableActions = false
     }) => {
-      const isMobile = (0, import_react_use29.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use30.useMedia)(config.media.md);
       if (isMobile) {
         return /* @__PURE__ */ import_react153.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react153.default.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ import_react153.default.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ import_react153.default.createElement(RequestActions, { actionText, onAction, disabled: disableActions })));
       }
@@ -28225,14 +28219,14 @@ var init_useVideoTileLayout = __esm({
 });
 
 // src/Prebuilt/components/InsetTile.tsx
-var import_react156, import_react_draggable, import_react_use30, import_react_sdk79, import_react_icons78, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
+var import_react156, import_react_draggable, import_react_use31, import_react_sdk79, import_react_icons78, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
 var init_InsetTile = __esm({
   "src/Prebuilt/components/InsetTile.tsx"() {
     "use strict";
     init_define_process_env();
     import_react156 = __toESM(require("react"));
     import_react_draggable = __toESM(require("react-draggable"));
-    import_react_use30 = require("react-use");
+    import_react_use31 = require("react-use");
     import_react_sdk79 = require("@100mslive/react-sdk");
     import_react_icons78 = require("@100mslive/react-icons");
     init_Layout();
@@ -28260,8 +28254,8 @@ var init_InsetTile = __esm({
     defaultMobileAspectRatio = 9 / 16;
     desktopAspectRatio = 1 / defaultMobileAspectRatio;
     InsetTile = ({ peerId }) => {
-      const isMobile = (0, import_react_use30.useMedia)(config.media.md);
-      const isLandscape = (0, import_react_use30.useMedia)(config.media.ls);
+      const isMobile = (0, import_react_use31.useMedia)(config.media.md);
+      const isLandscape = (0, import_react_use31.useMedia)(config.media.ls);
       const selector = peerId ? (0, import_react_sdk79.selectPeerByID)(peerId) : import_react_sdk79.selectLocalPeer;
       const peer = (0, import_react_sdk79.useHMSStore)(selector);
       const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
@@ -28437,13 +28431,13 @@ var init_Grid = __esm({
 });
 
 // src/Prebuilt/components/hooks/useTileLayout.tsx
-var import_react159, import_react_use31, import_react_sdk80, aspectRatioConfig, usePagesWithTiles, useTileLayout;
+var import_react159, import_react_use32, import_react_sdk80, aspectRatioConfig, usePagesWithTiles, useTileLayout;
 var init_useTileLayout = __esm({
   "src/Prebuilt/components/hooks/useTileLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react159 = require("react");
-    import_react_use31 = require("react-use");
+    import_react_use32 = require("react-use");
     import_react_sdk80 = require("@100mslive/react-sdk");
     init_Theme();
     aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
@@ -28475,8 +28469,8 @@ var init_useTileLayout = __esm({
       edgeToEdge = false
     }) => {
       const vanillaStore = (0, import_react_sdk80.useHMSVanillaStore)();
-      const [ref, { width, height }] = (0, import_react_use31.useMeasure)();
-      const isMobile = (0, import_react_use31.useMedia)(config.media.lg);
+      const [ref, { width, height }] = (0, import_react_use32.useMeasure)();
+      const isMobile = (0, import_react_use32.useMedia)(config.media.lg);
       const [pagesWithTiles, setPagesWithTiles] = (0, import_react159.useState)([]);
       (0, import_react159.useEffect)(() => {
         if (width === 0 || height === 0) {
@@ -28548,7 +28542,7 @@ var init_useTileLayout = __esm({
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a8;
   const localPeer = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectLocalPeer);
-  const isMobile = (0, import_react_use32.useMedia)(config.media.md);
+  const isMobile = (0, import_react_use33.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
   let pageList = usePagesWithTiles({
@@ -28589,13 +28583,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     }
   ), isInsetEnabled && pageList.length > 0 && pageList[0][0].peer.id !== (localPeer == null ? void 0 : localPeer.id) && /* @__PURE__ */ import_react160.default.createElement(InsetTile, null));
 }
-var import_react160, import_react_use32, import_react_sdk81;
+var import_react160, import_react_use33, import_react_sdk81;
 var init_EqualProminence = __esm({
   "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
     "use strict";
     init_define_process_env();
     import_react160 = __toESM(require("react"));
-    import_react_use32 = require("react-use");
+    import_react_use33 = require("react-use");
     import_react_sdk81 = require("@100mslive/react-sdk");
     init_Layout();
     init_Theme();
@@ -28695,13 +28689,13 @@ var init_ProminenceLayout = __esm({
 });
 
 // src/Prebuilt/components/SecondaryTiles.tsx
-var import_react162, import_react_use33, import_react_sdk82, SecondaryTiles;
+var import_react162, import_react_use34, import_react_sdk82, SecondaryTiles;
 var init_SecondaryTiles = __esm({
   "src/Prebuilt/components/SecondaryTiles.tsx"() {
     "use strict";
     init_define_process_env();
     import_react162 = __toESM(require("react"));
-    import_react_use33 = require("react-use");
+    import_react_use34 = require("react-use");
     import_react_sdk82 = require("@100mslive/react-sdk");
     init_ProminenceLayout();
     init_Theme();
@@ -28710,7 +28704,7 @@ var init_SecondaryTiles = __esm({
     init_constants();
     SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
       var _a8, _b7;
-      const isMobile = (0, import_react_use33.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use34.useMedia)(config.media.md);
       const maxTileCount = isMobile ? 2 : 4;
       const [page, setPage] = (0, import_react162.useState)(0);
       const pinnedTrackId = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectAppData)(APP_DATA.pinnedTrackId));
@@ -29033,13 +29027,13 @@ var init_ScreenshareDisplay = __esm({
 });
 
 // src/Prebuilt/components/ScreenshareTile.tsx
-var import_react167, import_react_use34, import_screenfull2, import_react_sdk85, import_react_icons82, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
+var import_react167, import_react_use35, import_screenfull2, import_react_sdk85, import_react_icons82, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
 var init_ScreenshareTile = __esm({
   "src/Prebuilt/components/ScreenshareTile.tsx"() {
     "use strict";
     init_define_process_env();
     import_react167 = __toESM(require("react"));
-    import_react_use34 = require("react-use");
+    import_react_use35 = require("react-use");
     import_screenfull2 = __toESM(require("screenfull"));
     import_react_sdk85 = require("@100mslive/react-sdk");
     import_react_icons82 = require("@100mslive/react-icons");
@@ -29069,11 +29063,11 @@ var init_ScreenshareTile = __esm({
       const peer = (0, import_react_sdk85.useHMSStore)((0, import_react_sdk85.selectPeerByID)(peerId));
       const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
       const [isMouseHovered, setIsMouseHovered] = (0, import_react167.useState)(false);
-      const isMobile = (0, import_react_use34.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use35.useMedia)(config.media.md);
       const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
       const fullscreenRef = (0, import_react167.useRef)(null);
       const [fullscreen, setFullscreen] = (0, import_react167.useState)(false);
-      const isFullscreen = (0, import_react_use34.useFullscreen)(fullscreenRef, fullscreen, {
+      const isFullscreen = (0, import_react_use35.useFullscreen)(fullscreenRef, fullscreen, {
         onClose: () => setFullscreen(false)
       });
       const isFullScreenSupported = import_screenfull2.default.isEnabled;
@@ -29120,7 +29114,7 @@ var init_ScreenshareTile = __esm({
             },
             isFullscreen ? /* @__PURE__ */ import_react167.default.createElement(import_react_icons82.ShrinkIcon, null) : /* @__PURE__ */ import_react167.default.createElement(import_react_icons82.ExpandIcon, null)
           ) : null,
-          !isMobile && isMouseHovered && /* @__PURE__ */ import_react167.default.createElement(
+          !isMobile && isMouseHovered && !isFullscreen && /* @__PURE__ */ import_react167.default.createElement(
             Box,
             {
               css: {
@@ -29156,13 +29150,13 @@ var init_ScreenshareTile = __esm({
 });
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
-var import_react168, import_react_use35, import_react_sdk86, ScreenshareLayout;
+var import_react168, import_react_use36, import_react_sdk86, ScreenshareLayout;
 var init_ScreenshareLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react168 = __toESM(require("react"));
-    import_react_use35 = require("react-use");
+    import_react_use36 = require("react-use");
     import_react_sdk86 = require("@100mslive/react-sdk");
     init_Theme();
     init_InsetTile();
@@ -29180,7 +29174,7 @@ var init_ScreenshareLayout = __esm({
       const [page, setPage] = (0, import_react168.useState)(0);
       const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
       const activeSharePeer = peersSharing[page];
-      const isMobile = (0, import_react_use35.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use36.useMedia)(config.media.md);
       const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
       const secondaryPeers = (0, import_react168.useMemo)(() => {
         if (layoutMode === LayoutMode.SPOTLIGHT) {
@@ -29643,13 +29637,13 @@ var init_WaitingView = __esm({
 });
 
 // src/Prebuilt/layouts/WhiteboardView.tsx
-var import_react173, import_react_use36, import_react_sdk91, EmbedComponent2, WhiteboardView;
+var import_react173, import_react_use37, import_react_sdk91, EmbedComponent2, WhiteboardView;
 var init_WhiteboardView = __esm({
   "src/Prebuilt/layouts/WhiteboardView.tsx"() {
     "use strict";
     init_define_process_env();
     import_react173 = __toESM(require("react"));
-    import_react_use36 = require("react-use");
+    import_react_use37 = require("react-use");
     import_react_sdk91 = require("@100mslive/react-sdk");
     init_SecondaryTiles();
     init_ProminenceLayout();
@@ -29658,7 +29652,7 @@ var init_WhiteboardView = __esm({
     init_useUISettings();
     init_constants();
     EmbedComponent2 = () => {
-      const isMobile = (0, import_react_use36.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use37.useMedia)(config.media.md);
       const { iframeRef } = (0, import_react_sdk91.useWhiteboard)(isMobile);
       return /* @__PURE__ */ import_react173.default.createElement(
         Box,
@@ -29710,19 +29704,19 @@ var init_WhiteboardView = __esm({
 });
 
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
-var import_react174, import_react_use37, import_react_sdk92, useCloseScreenshareWhiteboard;
+var import_react174, import_react_use38, import_react_sdk92, useCloseScreenshareWhiteboard;
 var init_useCloseScreenshareWhiteboard = __esm({
   "src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
     "use strict";
     init_define_process_env();
     import_react174 = require("react");
-    import_react_use37 = require("react-use");
+    import_react_use38 = require("react-use");
     import_react_sdk92 = require("@100mslive/react-sdk");
     useCloseScreenshareWhiteboard = () => {
       const { amIScreenSharing, toggleScreenShare } = (0, import_react_sdk92.useScreenShare)();
       const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk92.useWhiteboard)();
-      const prevScreenSharer = (0, import_react_use37.usePrevious)(amIScreenSharing);
-      const prevWhiteboardOwner = (0, import_react_use37.usePrevious)(isWhiteboardOwner);
+      const prevScreenSharer = (0, import_react_use38.usePrevious)(amIScreenSharing);
+      const prevWhiteboardOwner = (0, import_react_use38.usePrevious)(isWhiteboardOwner);
       (0, import_react174.useEffect)(() => {
         if (isWhiteboardOwner && amIScreenSharing) {
           if (prevScreenSharer && !prevWhiteboardOwner) {
@@ -29998,7 +29992,7 @@ var init_VideoProgress = __esm({
         Flex,
         {
           ref: progressRootRef,
-          css: { cursor: "pointer", h: "$4", alignSelf: "stretch" },
+          css: { cursor: "pointer", h: "$2", alignSelf: "stretch" },
           onClick: onProgressChangeHandler
         },
         /* @__PURE__ */ import_react178.default.createElement(
@@ -30379,13 +30373,13 @@ var HLSView_exports = {};
 __export(HLSView_exports, {
   default: () => HLSView_default
 });
-var import_react185, import_react_use38, import_hls_player3, import_screenfull3, import_react_sdk93, import_react_icons89, hlsPlayer, toastMap, HLSView, HLSView_default;
+var import_react185, import_react_use39, import_hls_player3, import_screenfull3, import_react_sdk93, import_react_icons89, hlsPlayer, toastMap, HLSView, HLSView_default;
 var init_HLSView = __esm({
   "src/Prebuilt/layouts/HLSView.jsx"() {
     "use strict";
     init_define_process_env();
     import_react185 = __toESM(require("react"));
-    import_react_use38 = require("react-use");
+    import_react_use39 = require("react-use");
     import_hls_player3 = require("@100mslive/hls-player");
     import_screenfull3 = __toESM(require("screenfull"));
     import_react_sdk93 = require("@100mslive/react-sdk");
@@ -30428,16 +30422,16 @@ var init_HLSView = __esm({
       const [isHlsAutoplayBlocked, setIsHlsAutoplayBlocked] = (0, import_react185.useState)(false);
       const [isPaused, setIsPaused] = (0, import_react185.useState)(false);
       const isFullScreenSupported = import_screenfull3.default.isEnabled;
-      const [show, toggle] = (0, import_react_use38.useToggle)(false);
+      const [show, toggle] = (0, import_react_use39.useToggle)(false);
       const [controlsVisible, setControlsVisible] = (0, import_react185.useState)(true);
       const controlsRef = (0, import_react185.useRef)();
       const controlsTimerRef = (0, import_react185.useRef)();
       const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react185.useState)(false);
-      const lastHlsUrl = (0, import_react_use38.usePrevious)(hlsUrl);
+      const lastHlsUrl = (0, import_react_use39.usePrevious)(hlsUrl);
       const togglePollView = usePollViewToggle();
       const vanillaStore = (0, import_react_sdk93.useHMSVanillaStore)();
-      const isMobile = (0, import_react_use38.useMedia)(config.media.md);
-      const isFullScreen = (0, import_react_use38.useFullscreen)(hlsViewRef, show, {
+      const isMobile = (0, import_react_use39.useMedia)(config.media.md);
+      const isFullScreen = (0, import_react_use39.useFullscreen)(hlsViewRef, show, {
         onClose: () => toggle(false)
       });
       const [showLoader, setShowLoader] = (0, import_react185.useState)(false);
@@ -30658,7 +30652,7 @@ var init_HLSView = __esm({
             align: "center",
             justify: "center",
             css: {
-              width: videoRef.current && videoRef.current.clientWidth <= 720 ? `${videoRef.current.clientWidth}px` : "100%",
+              width: "100%",
               margin: "0 auto",
               height: "100%"
             }
@@ -31056,13 +31050,13 @@ var init_common2 = __esm({
 });
 
 // src/Prebuilt/components/Header/Header.tsx
-var import_react188, import_react_use39, import_react_sdk96, Header2;
+var import_react188, import_react_use40, import_react_sdk96, Header2;
 var init_Header = __esm({
   "src/Prebuilt/components/Header/Header.tsx"() {
     "use strict";
     init_define_process_env();
     import_react188 = __toESM(require("react"));
-    import_react_use39 = require("react-use");
+    import_react_use40 = require("react-use");
     import_react_sdk96 = require("@100mslive/react-sdk");
     init_src();
     init_HeaderComponents();
@@ -31070,7 +31064,7 @@ var init_Header = __esm({
     init_common2();
     Header2 = () => {
       const roomState = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectRoomState);
-      const isMobile = (0, import_react_use39.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use40.useMedia)(config.media.md);
       if (roomState !== import_react_sdk96.HMSRoomState.Connected) {
         return /* @__PURE__ */ import_react188.default.createElement(import_react188.default.Fragment, null);
       }
@@ -31574,13 +31568,13 @@ var init_useRedirectToLeave = __esm({
 });
 
 // src/Prebuilt/AppStateContext.tsx
-var import_react196, import_react_use40, import_react_sdk101, AppStateContext, useHMSAppStateContext, useAppStateManager;
+var import_react196, import_react_use41, import_react_sdk101, AppStateContext, useHMSAppStateContext, useAppStateManager;
 var init_AppStateContext = __esm({
   "src/Prebuilt/AppStateContext.tsx"() {
     "use strict";
     init_define_process_env();
     import_react196 = __toESM(require("react"));
-    import_react_use40 = require("react-use");
+    import_react_use41 = require("react-use");
     import_react_sdk101 = require("@100mslive/react-sdk");
     init_VBHandler();
     init_roomLayoutProvider();
@@ -31603,7 +31597,7 @@ var init_AppStateContext = __esm({
       const roomLayout = useRoomLayout();
       const [activeState, setActiveState] = import_react196.default.useState();
       const roomState = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectRoomState);
-      const prevRoomState = (0, import_react_use40.usePreviousDistinct)(roomState);
+      const prevRoomState = (0, import_react_use41.usePreviousDistinct)(roomState);
       const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
       const { redirectToLeave } = useRedirectToLeave();
@@ -31692,13 +31686,13 @@ var init_LeaveScreen = __esm({
 });
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
-var import_react198, import_react_use41, import_react_icons93, MwebLandscapePrompt;
+var import_react198, import_react_use42, import_react_icons93, MwebLandscapePrompt;
 var init_MwebLandscapePrompt = __esm({
   "src/Prebuilt/components/MwebLandscapePrompt.tsx"() {
     "use strict";
     init_define_process_env();
     import_react198 = __toESM(require("react"));
-    import_react_use41 = require("react-use");
+    import_react_use42 = require("react-use");
     import_react_icons93 = require("@100mslive/react-icons");
     init_Button2();
     init_Layout();
@@ -31708,7 +31702,7 @@ var init_MwebLandscapePrompt = __esm({
     init_utils3();
     MwebLandscapePrompt = () => {
       const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0, import_react198.useState)(false);
-      const isLandscape = (0, import_react_use41.useMedia)(config.media.ls);
+      const isLandscape = (0, import_react_use42.useMedia)(config.media.ls);
       (0, import_react198.useEffect)(() => {
         var _a8;
         if (!isMobileUserAgent) {
@@ -32204,7 +32198,7 @@ function PermissionErrorModal() {
   const notification = (0, import_react_sdk108.useHMSNotifications)(import_react_sdk108.HMSNotificationTypes.ERROR);
   const [deviceType, setDeviceType] = (0, import_react205.useState)("");
   const [isSystemError, setIsSystemError] = (0, import_react205.useState)(false);
-  const isMobile = (0, import_react_use42.useMedia)(config.media.md);
+  const isMobile = (0, import_react_use43.useMedia)(config.media.md);
   (0, import_react205.useEffect)(() => {
     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"))) {
@@ -32260,13 +32254,13 @@ function PermissionErrorModal() {
     !isMobile ? /* @__PURE__ */ import_react205.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react205.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
   ))) : null;
 }
-var import_react205, import_react_use42, import_react_sdk108;
+var import_react205, import_react_use43, import_react_sdk108;
 var init_PermissionErrorModal = __esm({
   "src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react205 = __toESM(require("react"));
-    import_react_use42 = require("react-use");
+    import_react_use43 = require("react-use");
     import_react_sdk108 = require("@100mslive/react-sdk");
     init_src();
     init_android_perm_1();
@@ -32652,13 +32646,13 @@ var init_Notifications2 = __esm({
 });
 
 // src/Prebuilt/components/Preview/PreviewScreen.tsx
-var import_react211, import_react_use43, PreviewScreen;
+var import_react211, import_react_use44, PreviewScreen;
 var init_PreviewScreen = __esm({
   "src/Prebuilt/components/Preview/PreviewScreen.tsx"() {
     "use strict";
     init_define_process_env();
     import_react211 = __toESM(require("react"));
-    import_react_use43 = require("react-use");
+    import_react_use44 = require("react-use");
     init_src();
     init_AppContext();
     init_roomLayoutProvider();
@@ -32671,7 +32665,7 @@ var init_PreviewScreen = __esm({
       var _a8, _b7, _c;
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
       const skipPreview = !isPreviewScreenEnabled;
-      const previewAsRole = (0, import_react_use43.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
+      const previewAsRole = (0, import_react_use44.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
       const { userName } = useHMSPrebuiltContext();
       const initialName = userName || (skipPreview ? "Beam" : "");
       const authToken = useAuthToken();
@@ -32756,7 +32750,7 @@ function FlyingEmoji() {
   const localPeerId = (0, import_react_sdk115.useHMSStore)(import_react_sdk115.selectLocalPeerID);
   const vanillaStore = (0, import_react_sdk115.useHMSVanillaStore)();
   const [emojis, setEmojis] = (0, import_react214.useState)([]);
-  const isMobile = (0, import_react_use44.useMedia)(config.media.md);
+  const isMobile = (0, import_react_use45.useMedia)(config.media.md);
   const startingPoints = (0, import_react214.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = (0, import_react214.useCallback)(
     ({ emojiId, senderId }) => {
@@ -32848,13 +32842,13 @@ function FlyingEmoji() {
     })
   );
 }
-var import_react214, import_react_use44, import_react_sdk115, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
+var import_react214, import_react_use45, import_react_sdk115, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
 var init_FlyingEmoji = __esm({
   "src/Prebuilt/plugins/FlyingEmoji.jsx"() {
     "use strict";
     init_define_process_env();
     import_react214 = __toESM(require("react"));
-    import_react_use44 = require("react-use");
+    import_react_use45 = require("react-use");
     import_react_sdk115 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();