@100mslive/roomkit-react 0.3.17-alpha.1 → 0.3.17-alpha.11

package/dist/index.cjs.js

@@ -109,7 +109,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_847b959f-ef0c-4a4f-aa8b-cb5aa548be8f", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", 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", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.7-alpha.1", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.17-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_847b959f-ef0c-4a4f-aa8b-cb5aa548be8f", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.17-alpha.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.11", 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.9", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", 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: "589", 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_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.12/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240721.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.5/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:1839", 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__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.17-alpha.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10143763991", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "4d8b6da71642585295d7dfc3b05c43809f35ea8c", 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: "643ed4a2d79963ce78c8539272c639d33ab5a93b977b148da9d4cd26f3365d28", 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--1722254244580-0.7597921654222386:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722254244381-0.5197699882516091:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722254218535-0.07559875299263608:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722254218346-0.7948146992289666:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_5d9ac9a8-777a-47cd-b693-6136da04d5f6", INVOCATION_ID: "b157570d98a943c18f1a5bbcd1444fa2", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "618", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", 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", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 6", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.17-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.17-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "4d8b6da71642585295d7dfc3b05c43809f35ea8c", 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: "github-actions[bot]", 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_847b959f-ef0c-4a4f-aa8b-cb5aa548be8f", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_847b959f-ef0c-4a4f-aa8b-cb5aa548be8f", 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.181+6/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_knip: "^5.11.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_847b959f-ef0c-4a4f-aa8b-cb5aa548be8f" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_678376b7-39c7-4c79-a79d-d94706415f6b", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", 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", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.7-alpha.11", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.17-alpha.11", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_678376b7-39c7-4c79-a79d-d94706415f6b", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.17-alpha.11", 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.11", 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.9", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "599", 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_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.12/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240730.2.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.5/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19686", 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__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.17-alpha.11", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10248733141", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "7d0349d2bb115d00c57dc2fcac070126c245bcb0", 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: "6a887f103db2917f2a496284081c00019394b9074cd08dfe5e31ec367b0b185f", 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--1722860719486-0.9552513369331563:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722860719288-0.2156573562815316:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722860693619-0.142751730822414:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722860693439-0.6275329753081282:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_84f2a973-fe9d-452c-86c0-d648ca3cba92", INVOCATION_ID: "eddff20419a44923af6102264daf5923", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "628", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", 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", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 50", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_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/27.0.12077973", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.17-alpha.11", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.17-alpha.11", 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", GITHUB_SHA: "7d0349d2bb115d00c57dc2fcac070126c245bcb0", 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: "github-actions[bot]", 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_678376b7-39c7-4c79-a79d-d94706415f6b", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_678376b7-39c7-4c79-a79d-d94706415f6b", 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/27.0.12077973", 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.181+6/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_knip: "^5.11.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/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_678376b7-39c7-4c79-a79d-d94706415f6b" };
   }
 });
 
@@ -2635,8 +2635,8 @@ var init_useBorderAudioLevel = __esm({
     import_react19 = require("react");
     import_react_sdk3 = require("@100mslive/react-sdk");
     init_Theme();
-    sigmoid = (z) => {
-      return 1 / (1 + Math.exp(-z));
+    sigmoid = (z2) => {
+      return 1 / (1 + Math.exp(-z2));
     };
   }
 });
@@ -2790,12 +2790,12 @@ var init_formatBytes = __esm({
       if (!bytes) {
         return "-";
       }
-      const k2 = 1024;
+      const k = 1024;
       const dm2 = decimals < 0 ? 0 : decimals;
       const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
-      let i = Math.floor(Math.log(bytes) / Math.log(k2));
+      let i = Math.floor(Math.log(bytes) / Math.log(k));
       i === 0 && i++;
-      return `${parseFloat((bytes / Math.pow(k2, i)).toFixed(dm2))} ${sizes[i]}`;
+      return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm2))} ${sizes[i]}`;
     };
   }
 });
@@ -10059,20 +10059,45 @@ var init_useSidepane = __esm({
   }
 });
 
+// src/Prebuilt/components/MoreSettings/constants.ts
+var trackSourceOptions, trackTypeOptions, DEFAULT_TILES_IN_VIEW;
+var init_constants3 = __esm({
+  "src/Prebuilt/components/MoreSettings/constants.ts"() {
+    "use strict";
+    init_define_process_env();
+    trackSourceOptions = [
+      { label: "All Track Sources", value: "" },
+      { label: "regular", value: "regular" },
+      { label: "screen", value: "screen" },
+      { label: "audioplaylist", value: "audioplaylist" },
+      { label: "videoplaylist", value: "videoplaylist" }
+    ];
+    trackTypeOptions = [
+      { label: "All Track Types", value: "" },
+      { label: "audio", value: "audio" },
+      { label: "video", value: "video" }
+    ];
+    DEFAULT_TILES_IN_VIEW = { MWEB: 4, DESKTOP: 9 };
+  }
+});
+
 // src/Prebuilt/components/AppData/AppData.tsx
-var import_react35, import_react_sdk11, initialAppData, AppData, ResetStreamingStart;
+var import_react35, import_react_use3, import_react_sdk11, initialAppData, AppData, ResetStreamingStart;
 var init_AppData = __esm({
   "src/Prebuilt/components/AppData/AppData.tsx"() {
     "use strict";
     init_define_process_env();
     import_react35 = __toESM(require("react"));
+    import_react_use3 = require("react-use");
     import_react_sdk11 = require("@100mslive/react-sdk");
+    init_Theme();
     init_LayoutSettings();
     init_useRoomLayoutScreen();
     init_useUserPreferences();
     init_useSidepane();
     init_useUISettings();
     init_constants();
+    init_constants3();
     initialAppData = {
       [APP_DATA.uiSettings]: {
         [UI_SETTINGS.isAudioOnly]: false,
@@ -10126,6 +10151,7 @@ var init_AppData = __esm({
       const { isLocalVideoEnabled } = (0, import_react_sdk11.useAVToggle)();
       const sidepaneOpenedRef = (0, import_react35.useRef)(false);
       const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
+      const isMobile = (0, import_react_use3.useMedia)(config.media.md);
       (0, import_react35.useEffect)(() => {
         var _a8;
         if ((_a8 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a8.enabled_by_default) {
@@ -10156,10 +10182,10 @@ var init_AppData = __esm({
         const updatedSettings = __spreadProps(__spreadValues({}, uiSettings), {
           [UI_SETTINGS.isAudioOnly]: void 0,
           [UI_SETTINGS.uiViewMode]: uiSettings.uiViewMode || UI_MODE_GRID,
-          [UI_SETTINGS.maxTileCount]: ((_b8 = (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid) == null ? void 0 : _b8.tiles_in_view) || 9
+          [UI_SETTINGS.maxTileCount]: isMobile ? DEFAULT_TILES_IN_VIEW.MWEB : Number((_b8 = (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid) == null ? void 0 : _b8.tiles_in_view) || DEFAULT_TILES_IN_VIEW.DESKTOP
         });
         hmsActions.setAppData(APP_DATA.uiSettings, updatedSettings, true);
-      }, [preferences, hmsActions, elements == null ? void 0 : elements.video_tile_layout]);
+      }, [preferences, hmsActions, elements == null ? void 0 : elements.video_tile_layout, isMobile]);
       (0, import_react35.useEffect)(() => {
         if (!preferences.subscribedNotifications) {
           return;
@@ -10259,13 +10285,13 @@ var init_transaction_error = __esm({
 });
 
 // src/Prebuilt/components/AuthToken.jsx
-var import_react37, import_react_use3, import_ts_pattern2, import_uuid, import_react_sdk12, AuthToken, convertError, AuthToken_default;
+var import_react37, import_react_use4, import_ts_pattern2, import_uuid, import_react_sdk12, AuthToken, convertError, AuthToken_default;
 var init_AuthToken = __esm({
   "src/Prebuilt/components/AuthToken.jsx"() {
     "use strict";
     init_define_process_env();
     import_react37 = __toESM(require("react"));
-    import_react_use3 = require("react-use");
+    import_react_use4 = require("react-use");
     import_ts_pattern2 = require("ts-pattern");
     import_uuid = require("uuid");
     import_react_sdk12 = require("@100mslive/react-sdk");
@@ -10282,7 +10308,7 @@ var init_AuthToken = __esm({
       const [error, setError] = (0, import_react37.useState)({ title: "", body: "" });
       let authToken = defaultAuthToken;
       const [, setAuthTokenInAppData] = useSetAppDataByKey(APP_DATA.authToken);
-      const [savedUserId, setSavedUserId] = (0, import_react_use3.useSessionStorage)(UserPreferencesKeys.USER_ID);
+      const [savedUserId, setSavedUserId] = (0, import_react_use4.useSessionStorage)(UserPreferencesKeys.USER_ID);
       (0, import_react37.useEffect)(() => {
         if (authToken) {
           setAuthTokenInAppData(authToken);
@@ -10824,13 +10850,13 @@ var init_useDropdownSelection = __esm({
 });
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
-var import_react43, import_react_use4, import_react_sdk13, import_react_icons10, Settings, DeviceSelector, TestAudio, DeviceSettings_default;
+var import_react43, import_react_use5, import_react_sdk13, import_react_icons10, Settings, DeviceSelector, TestAudio, DeviceSettings_default;
 var init_DeviceSettings = __esm({
   "src/Prebuilt/components/Settings/DeviceSettings.jsx"() {
     "use strict";
     init_define_process_env();
     import_react43 = __toESM(require("react"));
-    import_react_use4 = require("react-use");
+    import_react_use5 = require("react-use");
     import_react_sdk13 = require("@100mslive/react-sdk");
     import_react_icons10 = require("@100mslive/react-icons");
     init_src();
@@ -10852,7 +10878,7 @@ var init_DeviceSettings = __esm({
       const trackSelector = (0, import_react_sdk13.selectVideoTrackByID)(videoTrackId);
       const hmsActions = (0, import_react_sdk13.useHMSActions)();
       const track = (0, import_react_sdk13.useHMSStore)(trackSelector);
-      const isMobile = (0, import_react_use4.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use5.useMedia)(config.media.md);
       (0, import_react43.useEffect)(() => {
         if (isMobile) {
           hmsActions.refreshDevices();
@@ -11081,13 +11107,13 @@ var init_NotificationSettings = __esm({
 });
 
 // src/Prebuilt/components/Settings/SettingsModal.jsx
-var import_react45, import_react_use5, import_react_icons12, settingsList, SettingsModal, MobileSettingModal, DesktopSettingModal, SettingsContentHeader, SettingsModal_default;
+var import_react45, import_react_use6, import_react_icons12, settingsList, SettingsModal, MobileSettingModal, DesktopSettingModal, SettingsContentHeader, SettingsModal_default;
 var init_SettingsModal = __esm({
   "src/Prebuilt/components/Settings/SettingsModal.jsx"() {
     "use strict";
     init_define_process_env();
     import_react45 = __toESM(require("react"));
-    import_react_use5 = require("react-use");
+    import_react_use6 = require("react-use");
     import_react_icons12 = require("@100mslive/react-icons");
     init_Divider2();
     init_IconButton2();
@@ -11123,7 +11149,7 @@ var init_SettingsModal = __esm({
     ];
     SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null) }) => {
       const mediaQueryLg = config.media.md;
-      const isMobile = (0, import_react_use5.useMedia)(mediaQueryLg);
+      const isMobile = (0, import_react_use6.useMedia)(mediaQueryLg);
       const [showSetting, setShowSetting] = (0, import_react45.useState)(
         () => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
       );
@@ -11446,25 +11472,30 @@ var init_AudioVideoToggle = __esm({
       );
     };
     useNoiseCancellationWithPlugin = () => {
+      var _a7;
       const actions = (0, import_react_sdk14.useHMSActions)();
       const [inProgress, setInProgress] = (0, import_react46.useState)(false);
       const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
-      const setNoiseCancellationWithPlugin = (enabled) => __async(void 0, null, function* () {
-        if (inProgress) {
-          return;
-        }
-        if (!krispPlugin.checkSupport().isSupported) {
-          throw Error("Krisp plugin is not supported");
-        }
-        setInProgress(true);
-        if (enabled) {
-          yield actions.addPluginToAudioTrack(krispPlugin);
-        } else {
-          yield actions.removePluginFromAudioTrack(krispPlugin);
-        }
-        setNoiseCancellationEnabled(enabled);
-        setInProgress(false);
-      });
+      const isEnabledForRoom = (_a7 = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+      const setNoiseCancellationWithPlugin = (0, import_react46.useCallback)(
+        (enabled) => __async(void 0, null, function* () {
+          if (!isEnabledForRoom || inProgress) {
+            return;
+          }
+          if (!krispPlugin.checkSupport().isSupported) {
+            throw Error("Krisp plugin is not supported");
+          }
+          setInProgress(true);
+          if (enabled) {
+            yield actions.addPluginToAudioTrack(krispPlugin);
+          } else {
+            yield actions.removePluginFromAudioTrack(krispPlugin);
+          }
+          setNoiseCancellationEnabled(enabled);
+          setInProgress(false);
+        }),
+        [actions, inProgress, isEnabledForRoom, setNoiseCancellationEnabled]
+      );
       return {
         setNoiseCancellationWithPlugin,
         inProgress
@@ -11602,6 +11633,7 @@ var init_AudioVideoToggle = __esm({
       const localPeer = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectLocalPeer);
       const { isLocalVideoEnabled, isLocalAudioEnabled, toggleAudio, toggleVideo } = (0, import_react_sdk14.useAVToggle)();
       const actions = (0, import_react_sdk14.useHMSActions)();
+      const vanillaStore = (0, import_react_sdk14.useHMSVanillaStore)();
       const videoTrackId = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectLocalVideoTrackID);
       const localVideoTrack = (0, import_react_sdk14.useHMSStore)((0, import_react_sdk14.selectVideoTrackByID)(videoTrackId));
       const roomState = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectRoomState);
@@ -11616,7 +11648,9 @@ var init_AudioVideoToggle = __esm({
       const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
       (0, import_react46.useEffect)(() => {
         (() => __async(void 0, null, function* () {
-          if (isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
+          var _a7;
+          const isEnabledForRoom = (_a7 = vanillaStore.getState(import_react_sdk14.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+          if (isEnabledForRoom && isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
             try {
               yield setNoiseCancellationWithPlugin(true);
               ToastManager.addToast({
@@ -11830,13 +11864,13 @@ function useWaitingRoomInfo() {
     hasSubscribedRolePublishing
   };
 }
-var import_react50, import_react_use6, import_join_form2, import_react_sdk16, useFilteredRoles, useDefaultChatSelection, useShowStreamingUI, useParticipants, useIsLandscape, useLandscapeHLSStream, useMobileHLSStream, useKeyboardHandler, useRecordingHandler;
+var import_react50, import_react_use7, import_join_form2, import_react_sdk16, useFilteredRoles, useDefaultChatSelection, useShowStreamingUI, useParticipants, useIsLandscape, useLandscapeHLSStream, useMobileHLSStream, useKeyboardHandler, useRecordingHandler;
 var init_hooks = __esm({
   "src/Prebuilt/common/hooks.ts"() {
     "use strict";
     init_define_process_env();
     import_react50 = require("react");
-    import_react_use6 = require("react-use");
+    import_react_use7 = require("react-use");
     import_join_form2 = require("@100mslive/types-prebuilt/elements/join_form");
     import_react_sdk16 = require("@100mslive/react-sdk");
     init_ToastManager();
@@ -11893,7 +11927,7 @@ var init_hooks = __esm({
     };
     useIsLandscape = () => {
       const isMobile = import_react_sdk16.parsedUserAgent.getDevice().type === "mobile";
-      const isLandscape = (0, import_react_use6.useMedia)(config.media.ls);
+      const isLandscape = (0, import_react_use7.useMedia)(config.media.ls);
       return isMobile && isLandscape;
     };
     useLandscapeHLSStream = () => {
@@ -11902,7 +11936,7 @@ var init_hooks = __esm({
       return isLandscape && screenType === "hls_live_streaming";
     };
     useMobileHLSStream = () => {
-      const isMobile = (0, import_react_use6.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use7.useMedia)(config.media.md);
       const { screenType } = useRoomLayoutConferencingScreen();
       return isMobile && screenType === "hls_live_streaming";
     };
@@ -11977,13 +12011,13 @@ var init_hooks = __esm({
 });
 
 // src/Prebuilt/components/EmojiReaction.jsx
-var import_react51, import_react_use7, import_apple, import_emoji_mart, import_react_sdk17, import_react_icons15, EmojiReaction;
+var import_react51, import_react_use8, import_apple, import_emoji_mart, import_react_sdk17, import_react_icons15, EmojiReaction;
 var init_EmojiReaction = __esm({
   "src/Prebuilt/components/EmojiReaction.jsx"() {
     "use strict";
     init_define_process_env();
     import_react51 = __toESM(require("react"));
-    import_react_use7 = require("react-use");
+    import_react_use8 = require("react-use");
     import_apple = __toESM(require("@emoji-mart/data/sets/14/apple.json"));
     import_emoji_mart = require("emoji-mart");
     import_react_sdk17 = require("@100mslive/react-sdk");
@@ -12006,8 +12040,8 @@ var init_EmojiReaction = __esm({
       useDropdownList({ open, name: "EmojiReaction" });
       const roles = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectAvailableRoleNames);
       const localPeerId = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectLocalPeerID);
-      const isMobile = (0, import_react_use7.useMedia)(config.media.md);
-      const isLandscape = (0, import_react_use7.useMedia)(config.media.ls);
+      const isMobile = (0, import_react_use8.useMedia)(config.media.md);
+      const isLandscape = (0, import_react_use8.useMedia)(config.media.ls);
       const isMobileHLSStream = useMobileHLSStream();
       const isLandscapeStream = useLandscapeHLSStream();
       const { sendEvent } = (0, import_react_sdk17.useCustomEvent)({
@@ -12450,13 +12484,13 @@ var init_MwebLeaveRoom = __esm({
 });
 
 // src/Prebuilt/components/Leave/LeaveRoom.tsx
-var import_react57, import_react_use8, import_react_sdk20, LeaveRoom;
+var import_react57, import_react_use9, import_react_sdk20, LeaveRoom;
 var init_LeaveRoom = __esm({
   "src/Prebuilt/components/Leave/LeaveRoom.tsx"() {
     "use strict";
     init_define_process_env();
     import_react57 = __toESM(require("react"));
-    import_react_use8 = require("react-use");
+    import_react_use9 = require("react-use");
     import_react_sdk20 = require("@100mslive/react-sdk");
     init_Theme();
     init_ToastManager();
@@ -12469,7 +12503,7 @@ var init_LeaveRoom = __esm({
     }) => {
       const isConnected = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectIsConnectedToRoom);
       const permissions = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectPermissions);
-      const isMobile = (0, import_react_use8.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use9.useMedia)(config.media.md);
       const rolesMap = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectRolesMap);
       const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
         const roleObj = rolesMap[roleName];
@@ -13462,13 +13496,13 @@ var init_empty_chat = __esm({
 });
 
 // src/Prebuilt/components/Chat/EmptyChat.tsx
-var import_react64, import_react_use9, EmptyChat;
+var import_react64, import_react_use10, EmptyChat;
 var init_EmptyChat = __esm({
   "src/Prebuilt/components/Chat/EmptyChat.tsx"() {
     "use strict";
     init_define_process_env();
     import_react64 = __toESM(require("react"));
-    import_react_use9 = require("react-use");
+    import_react_use10 = require("react-use");
     init_Layout();
     init_Text2();
     init_Theme();
@@ -13480,7 +13514,7 @@ var init_EmptyChat = __esm({
       var _a7;
       const { elements } = useRoomLayoutConferencingScreen();
       const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
-      const isMobile = (0, import_react_use9.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use10.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;
       const isMobileHLSStream = useMobileHLSStream();
       const isLandscapeStream = useLandscapeHLSStream();
@@ -13561,13 +13595,13 @@ function getRowHeight(index) {
   var _a7;
   return ((_a7 = rowHeights[index]) == null ? void 0 : _a7.size) || 72;
 }
-var import_react66, import_react_use10, import_react_virtualized_auto_sizer, import_react_window, import_react_sdk27, import_react_icons22, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link2, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
+var import_react66, import_react_use11, import_react_virtualized_auto_sizer, import_react_window, import_react_sdk27, import_react_icons22, 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_react66 = __toESM(require("react"));
-    import_react_use10 = require("react-use");
+    import_react_use11 = require("react-use");
     import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
     import_react_window = require("react-window");
     import_react_sdk27 = require("@100mslive/react-sdk");
@@ -13691,7 +13725,7 @@ var init_ChatBody = __esm({
         var _a7, _b7, _c;
         const { elements } = useRoomLayoutConferencingScreen();
         const rowRef = (0, import_react66.useRef)(null);
-        const isMobile = (0, import_react_use10.useMedia)(config.media.md);
+        const isMobile = (0, import_react_use11.useMedia)(config.media.md);
         const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
         const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
         const localPeerId = (0, import_react_sdk27.useHMSStore)(import_react_sdk27.selectLocalPeerID);
@@ -13999,7 +14033,7 @@ var init_PIPChat = __esm({
     init_useChatBlacklist();
     init_utils3();
     PIPChat = () => {
-      var _a7, _b7, _c, _d, _e2, _f, _g, _h, _i, _j;
+      var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j;
       const messages = (0, import_react_sdk28.useHMSStore)(import_react_sdk28.selectHMSMessages);
       const localPeerID = (0, import_react_sdk28.useHMSStore)(import_react_sdk28.selectLocalPeerID);
       const count = (0, import_react_sdk28.useHMSStore)(import_react_sdk28.selectUnreadHMSMessagesCount);
@@ -14137,7 +14171,7 @@ var init_PIPChat = __esm({
             borderRadius: "4px",
             padding: "0 2px"
           },
-          defaultValue: ((_e2 = elements.chat) == null ? void 0 : _e2.public_chat_enabled) ? "Everyone" : (_g = (_f = elements.chat) == null ? void 0 : _f.roles_whitelist) == null ? void 0 : _g[0]
+          defaultValue: ((_e = elements.chat) == null ? void 0 : _e.public_chat_enabled) ? "Everyone" : (_g = (_f = elements.chat) == null ? void 0 : _f.roles_whitelist) == null ? void 0 : _g[0]
         },
         (_i = (_h = elements.chat) == null ? void 0 : _h.roles_whitelist) == null ? void 0 : _i.map((role) => /* @__PURE__ */ import_react67.default.createElement("option", { key: role, value: role }, role)),
         ((_j = elements.chat) == null ? void 0 : _j.public_chat_enabled) ? /* @__PURE__ */ import_react67.default.createElement("option", { value: "Everyone" }, "Everyone") : ""
@@ -14240,13 +14274,13 @@ var init_PIPWindow = __esm({
 });
 
 // src/Prebuilt/components/RoleChangeModal.tsx
-var import_react69, import_react_use11, import_react_sdk29, import_react_icons25, HighlightTerm, RoleChangeContent, RoleChangeModal;
+var import_react69, import_react_use12, import_react_sdk29, import_react_icons25, HighlightTerm, RoleChangeContent, RoleChangeModal;
 var init_RoleChangeModal = __esm({
   "src/Prebuilt/components/RoleChangeModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react69 = __toESM(require("react"));
-    import_react_use11 = require("react-use");
+    import_react_use12 = require("react-use");
     import_react_sdk29 = require("@100mslive/react-sdk");
     import_react_icons25 = require("@100mslive/react-icons");
     init_Button2();
@@ -14380,7 +14414,7 @@ var init_RoleChangeModal = __esm({
       onOpenChange
     }) => {
       const peer = (0, import_react_sdk29.useHMSStore)((0, import_react_sdk29.selectPeerByID)(peerId));
-      const isMobile = (0, import_react_use11.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use12.useMedia)(config.media.md);
       if (!peer) {
         return null;
       }
@@ -14849,7 +14883,7 @@ var init_StatsForNerds = __esm({
       return tracksWithLabels;
     };
     LocalPeerStats = () => {
-      var _a7, _b7, _c, _d, _e2, _f, _g, _h, _i;
+      var _a7, _b7, _c, _d, _e, _f, _g, _h, _i;
       const stats = (0, import_react_sdk31.useHMSStatsStore)(import_react_sdk31.selectHMSStats.localPeerStats);
       if (!stats) {
         return null;
@@ -14858,7 +14892,7 @@ var init_StatsForNerds = __esm({
         StatsRow2,
         {
           label: "Available Outgoing Bitrate",
-          value: formatBytes((_e2 = stats.publish) == null ? void 0 : _e2.availableOutgoingBitrate, "b/s")
+          value: formatBytes((_e = stats.publish) == null ? void 0 : _e.availableOutgoingBitrate, "b/s")
         }
       ), /* @__PURE__ */ import_react73.default.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((_f = stats.publish) == null ? void 0 : _f.bytesSent) }), /* @__PURE__ */ import_react73.default.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes((_g = stats.subscribe) == null ? void 0 : _g.bytesReceived) }), /* @__PURE__ */ import_react73.default.createElement(
         StatsRow2,
@@ -15164,18 +15198,18 @@ var init_CaptionContent = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/CaptionModal.tsx
-var import_react76, import_react_use12, CaptionModal;
+var import_react76, import_react_use13, CaptionModal;
 var init_CaptionModal = __esm({
   "src/Prebuilt/components/MoreSettings/CaptionModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react76 = __toESM(require("react"));
-    import_react_use12 = require("react-use");
+    import_react_use13 = require("react-use");
     init_src();
     init_Sheet2();
     init_CaptionContent();
     CaptionModal = ({ onOpenChange }) => {
-      const isMobile = (0, import_react_use12.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use13.useMedia)(config.media.md);
       const props = {
         isMobile,
         onExit: () => {
@@ -15270,27 +15304,6 @@ var init_FullScreenItem = __esm({
   }
 });
 
-// src/Prebuilt/components/MoreSettings/constants.ts
-var trackSourceOptions, trackTypeOptions;
-var init_constants3 = __esm({
-  "src/Prebuilt/components/MoreSettings/constants.ts"() {
-    "use strict";
-    init_define_process_env();
-    trackSourceOptions = [
-      { label: "All Track Sources", value: "" },
-      { label: "regular", value: "regular" },
-      { label: "screen", value: "screen" },
-      { label: "audioplaylist", value: "audioplaylist" },
-      { label: "videoplaylist", value: "videoplaylist" }
-    ];
-    trackTypeOptions = [
-      { label: "All Track Types", value: "" },
-      { label: "audio", value: "audio" },
-      { label: "video", value: "video" }
-    ];
-  }
-});
-
 // src/Prebuilt/components/MoreSettings/MuteAllContent.tsx
 var import_react79, import_react_sdk34, MuteAllContent;
 var init_MuteAllContent = __esm({
@@ -15874,10 +15887,10 @@ var require_ua_parser = __commonJS({
         }
       };
       var rgxMapper = function(ua2, arrays) {
-        var i = 0, j2, k2, p, q2, matches, match18;
+        var i = 0, j2, k, p, q2, matches, match18;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
-          j2 = k2 = 0;
+          j2 = k = 0;
           while (j2 < regex.length && !matches) {
             if (!regex[j2]) {
               break;
@@ -15885,7 +15898,7 @@ var require_ua_parser = __commonJS({
             matches = regex[j2++].exec(ua2);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
-                match18 = matches[++k2];
+                match18 = matches[++k];
                 q2 = props[p];
                 if (typeof q2 === OBJ_TYPE && q2.length > 0) {
                   if (q2.length === 2) {
@@ -18087,8 +18100,8 @@ function shimGetUserMedia(window2, browserDetails) {
         }
         if (matches) {
           return navigator2.mediaDevices.enumerateDevices().then((devices) => {
-            devices = devices.filter((d2) => d2.kind === "videoinput");
-            let dev = devices.find((d2) => matches.some((match18) => d2.label.toLowerCase().includes(match18)));
+            devices = devices.filter((d) => d.kind === "videoinput");
+            let dev = devices.find((d) => matches.some((match18) => d.label.toLowerCase().includes(match18)));
             if (!dev && devices.length && matches.includes("back")) {
               dev = devices[devices.length - 1];
             }
@@ -18244,15 +18257,15 @@ function shimOnTrack(window2) {
     window2.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription() {
       if (!this._ontrackpoly) {
         this._ontrackpoly = (e) => {
-          e.stream.addEventListener("addtrack", (te2) => {
+          e.stream.addEventListener("addtrack", (te) => {
             let receiver;
             if (window2.RTCPeerConnection.prototype.getReceivers) {
-              receiver = this.getReceivers().find((r) => r.track && r.track.id === te2.track.id);
+              receiver = this.getReceivers().find((r) => r.track && r.track.id === te.track.id);
             } else {
-              receiver = { track: te2.track };
+              receiver = { track: te.track };
             }
             const event = new Event("track");
-            event.track = te2.track;
+            event.track = te.track;
             event.receiver = receiver;
             event.transceiver = { receiver };
             event.streams = [e.stream];
@@ -20428,7 +20441,7 @@ function shimParameterlessSetLocalDescription(window2, browserDetails) {
       return nativeSetLocalDescription.apply(this, [desc]);
     }
     const func = desc.type === "offer" ? this.createOffer : this.createAnswer;
-    return func.apply(this).then((d2) => nativeSetLocalDescription.apply(this, [d2]));
+    return func.apply(this).then((d) => nativeSetLocalDescription.apply(this, [d]));
   };
 }
 var import_sdp;
@@ -21073,9 +21086,9 @@ var require_parser = __commonJS({
     var validLine = RegExp.prototype.test.bind(/^([a-z])=(.*)/);
     exports.parse = function(sdp2) {
       var session = {}, media = [], location = session;
-      sdp2.split(/(\r\n|\r|\n)/).filter(validLine).forEach(function(l) {
-        var type = l[0];
-        var content = l.slice(2);
+      sdp2.split(/(\r\n|\r|\n)/).filter(validLine).forEach(function(l2) {
+        var type = l2[0];
+        var content = l2.slice(2);
         if (type === "m") {
           media.push({ rtp: [], fmtp: [] });
           location = media[media.length - 1];
@@ -21268,7 +21281,7 @@ var require_lib = __commonJS({
 });
 
 // ../hms-video-store/dist/index.js
-function xe(a2, e) {
+function Be(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
@@ -21286,16 +21299,16 @@ function pt(a2) {
 function eo(a2) {
   return a2 && a2.source === "screen";
 }
-function ri(a2) {
+function ii(a2) {
   return a2 && a2.source === "audioplaylist";
 }
 function ht(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function ds(a2) {
+function cs(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
-function je(a2, e) {
+function Je(a2, e) {
   return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
 }
 function mt(a2) {
@@ -21304,26 +21317,26 @@ function mt(a2) {
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
 function so() {
-  if (O && window) {
+  if (U && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
   return "CUSTOM";
 }
-function oe(a2) {
+function ne(a2) {
   return a2 != null;
 }
-function ft(a2 = "prod", e) {
-  let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
-  if (Ue)
-    return ks({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ys, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
-  let r = ge.getOS(), s = ge.getDevice(), o = ge.getBrowser(), n = yr(`web_${r.name}`), l = r.version || "", u = yr(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${yr(`${s.vendor}_${s.type}`)}/${u}`), ks({ os: n, os_version: l, sdk: t, sdk_version: ys, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+function Tt(a2 = "prod", e) {
+  let t = "web", i = ze !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
+  if (Ve)
+    return ks({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ys, env: i, domain: ze, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  let r = fe.getOS(), s = fe.getDevice(), o = fe.getBrowser(), n = Mr(`web_${r.name}`), d = r.version || "", u = Mr(`${o.name}_${o.version}`), p = u;
+  return s.type && (p = `${Mr(`${s.vendor}_${s.type}`)}/${u}`), ks({ os: n, os_version: d, sdk: t, sdk_version: ys, device_model: p, env: i, domain: ze, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
-function yr(a2) {
+function Mr(a2) {
   return a2.replace(/ /g, "_");
 }
-function oi(a2, e = 300) {
+function ai(a2, e = 300) {
   let t;
   return function(...i) {
     clearTimeout(t), t = void 0;
@@ -21333,25 +21346,25 @@ function oi(a2, e = 300) {
     }, e);
   };
 }
-function I(a2) {
+function A(a2) {
   return (e) => (t) => a2(t, e);
 }
-function Bm(a2) {
+function Vm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var import_ua_parser_js, import_lodash3, import_uuid3, import_uuid4, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, Kt, import_eventemitter24, import_uuid9, import_uuid10, ja, Ja, Qa, ei, as, os, ss, m, M, Sr, Xa, Mr, gr, Za, ns, Tr, cs, us, to, d, ge, O, ps, Ue, ro, ic, hs, ms, gs, Ts, Qe, k, f, ao, S, vr, fs, le, vs, ys, ks, H, y, kr, Q, Pr, Er, Ar, Rs, As, Is, Hs, Cs, Ir, Ls, Hr, Ns, Cr, Os, Lr, Dr, Bs, Vs, Pt, rt, B, Ho, Kh, qh, K, fi, Qs, N, Fr, Co, _e, Qh, Lo, me, Do, te, ye, zh, Yh, ae, Y, wo, Ys, Xh, Zh, Wr, _o, tm, im, rm, sm, am, om, nm, cm, At, No, dm, ie, Zs, lm, um, Se, pm, at, Oo, ea, hm, ta, mm, Sm, gm, Tm, fm, vm, Mm, ym, km, ia, Rm, xo, Am, sa, $r, aa, oa, na, ca, da, la, ua, pa, It, b, Kr, Ht, ha, Uo, Bo, q, qr, Vo, Fo, Go, Wo, $o, X, Um, Fm, Gm, vi, ma, Wm, $m, Km, Ko, qo, jm, Sa, Jm, jo, Qm, zm, Ym, Xm, Zm, eS, ga, Ta, iS, rS, fa, sS, aS, va, oS, nS, cS, Ma, ya, Jo, Qo, zo, dS, lS, uS, pS, hS, ka, bS, Yo, RS, AS, IS, Zo, en, sn, Yr, Pe, j, ir, ur, Pn, En, bn, Rn, Ka, An, qa, is, be, In, Hn, Cn, Ln, Dn, wn, _n, Nn, On, xn, rs, Un, Bn, Vn, Fn, Gn, Wn;
+var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, Kt, import_eventemitter24, import_uuid9, import_uuid10, ja, Ja, Qa, Zt, ss, as, rs, m, M, mr, Xa, vr, Sr, Za, os, gr, ns, ls, to, l, fe, U, us, Ve, ro, ic, ps, hs, gs, Ts, ze, P3, f, ao, S, fr, fs, pe, vs, ys, ks, H, y, yr, J, kr, Pr, Ir, Is, Rs, As, Hs, Cs, Rr, Ls, Ar, Ns, Hr, Os, Cr, Lr, Bs, Vs, Pt, rt, B, Ho, Kh, qh, K, Ti, Qs, N, Vr, Co, Oe, Qh, Lo, ge, wo, ie, Pe, zh, Yh, oe, z, Do, Ys, Xh, Zh, Gr, _o, tm, im, rm, sm, am, om, nm, cm, Rt, No, dm, re, Zs, lm, um, Te, pm, at, Oo, ea, hm, ta, mm, Sm, gm, Tm, fm, vm, Mm, ym, km, Pm, ia, Rm, xo, Am, sa, Wr, aa, oa, na, ca, da, la, ua, pa, At, b, $r, Ht, ha, Uo, Bo, q, Kr, Vo, Fo, Go, Wo, $o, Y, Bm, Gm, Wm, fi, ma, $m, Km, qm, Ko, qo, Jm, Sa, Qm, jo, zm, Ym, Xm, Zm, eS, tS, ga, Ta, rS, sS, fa, aS, oS, va, nS, cS, dS, Ma, ya, Jo, Qo, zo, lS, uS, pS, hS, mS, ka, IS, Yo, RS, AS, HS, Zo, en, sn, zr, be, j, tr, lr, Pn, En, bn, In, Ka, Rn, qa, ts, Re, An, Hn, Cn, Ln, wn, Dn, _n, Nn, On, xn, is, Un, Bn, Vn, Fn, Gn, Wn;
 var init_dist = __esm({
   "../hms-video-store/dist/index.js"() {
     "use strict";
     init_define_process_env();
     init_es();
     import_ua_parser_js = __toESM(require_ua_parser());
-    import_lodash3 = __toESM(require_lodash2());
     import_uuid3 = require("uuid");
     import_uuid4 = require("uuid");
+    import_lodash3 = __toESM(require_lodash2());
     init_adapter_core();
     import_lodash4 = __toESM(require_lodash2());
     import_uuid5 = require("uuid");
@@ -21373,40 +21386,40 @@ var init_dist = __esm({
     ja = Object.defineProperty;
     Ja = Object.defineProperties;
     Qa = Object.getOwnPropertyDescriptors;
-    ei = Object.getOwnPropertySymbols;
-    as = Object.prototype.hasOwnProperty;
-    os = Object.prototype.propertyIsEnumerable;
-    ss = (a2, e, t) => e in a2 ? ja(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+    Zt = Object.getOwnPropertySymbols;
+    ss = Object.prototype.hasOwnProperty;
+    as = Object.prototype.propertyIsEnumerable;
+    rs = (a2, e, t) => e in a2 ? ja(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
     m = (a2, e) => {
       for (var t in e || (e = {}))
-        as.call(e, t) && ss(a2, t, e[t]);
-      if (ei)
-        for (var t of ei(e))
-          os.call(e, t) && ss(a2, t, e[t]);
+        ss.call(e, t) && rs(a2, t, e[t]);
+      if (Zt)
+        for (var t of Zt(e))
+          as.call(e, t) && rs(a2, t, e[t]);
       return a2;
     };
     M = (a2, e) => Ja(a2, Qa(e));
-    Sr = (a2, e) => {
+    mr = (a2, e) => {
       var t = {};
       for (var i in a2)
-        as.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
-      if (a2 != null && ei)
-        for (var i of ei(a2))
-          e.indexOf(i) < 0 && os.call(a2, i) && (t[i] = a2[i]);
+        ss.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
+      if (a2 != null && Zt)
+        for (var i of Zt(a2))
+          e.indexOf(i) < 0 && as.call(a2, i) && (t[i] = a2[i]);
       return t;
     };
     Xa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-    Mr = Xa((Fc, no) => {
-      no.exports = { version: "0.12.17-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+    vr = Xa((Ac, no) => {
+      no.exports = { version: "0.12.17-alpha.11", 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"] };
     });
-    gr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(gr || {});
+    Sr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Sr || {});
     Za = ((e) => (e.CHAT = "chat", e))(Za || {});
-    ns = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ns || {});
-    Tr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", D))(Tr || {});
-    cs = ((t) => (t.audio = "audio", t.video = "video", t))(cs || {});
-    us = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(us || {});
+    os = ((t) => (t.INFO = "info", t.ERROR = "error", t))(os || {});
+    gr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", D))(gr || {});
+    ns = ((t) => (t.audio = "audio", t.video = "video", t))(ns || {});
+    ls = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(ls || {});
     to = typeof window != "undefined" && typeof window.expect != "undefined";
-    d = class {
+    l = class {
       static v(e, ...t) {
         this.log(0, e, ...t);
       }
@@ -21471,16 +21484,16 @@ var init_dist = __esm({
           }
       }
     };
-    d.level = to ? 7 : 0;
-    ge = new import_ua_parser_js.UAParser();
-    O = typeof window != "undefined";
-    Ue = typeof window == "undefined" && !((ps = ge.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
-    ro = () => !Ue;
+    l.level = to ? 7 : 0;
+    fe = new import_ua_parser_js.UAParser();
+    U = typeof window != "undefined";
+    Ve = typeof window == "undefined" && !((us = fe.getBrowser().name) != null && us.toLowerCase().includes("electron"));
+    ro = () => !Ve;
     ic = ro();
-    gs = ((ms = (hs = ge.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : ms.toLowerCase()) === "firefox";
+    gs = ((hs = (ps = fe.getBrowser()) == null ? void 0 : ps.name) == null ? void 0 : hs.toLowerCase()) === "firefox";
     Ts = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Ts || {});
-    Qe = so();
-    k = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
+    ze = so();
+    P3 = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
     f = class a extends Error {
       constructor(t, i, r, s, o, n = false) {
         super(s);
@@ -21512,97 +21525,97 @@ var init_dist = __esm({
     };
     ao = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
     S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
-      return new f(k.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
+      return new f(P3.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
     }, WebSocketConnectionLost(a2, e = "") {
-      return new f(k.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
+      return new f(P3.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
     }, AbnormalClose(a2, e = "") {
-      return new f(k.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
+      return new f(P3.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
     } }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
       return new f(a2, "ServerErrors", e, `[${e}]: Server error ${t}`, t, i);
     }, EndpointUnreachable(a2, e = "") {
-      return new f(k.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
+      return new f(P3.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
     }, InvalidTokenFormat(a2, e = "") {
-      return new f(k.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
+      return new f(P3.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
     }, InitConfigNotAvailable(a2, e = "") {
-      return new f(k.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
+      return new f(P3.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
     } }, TracksErrors: { GenericTrack(a2, e = "") {
-      return new f(k.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
+      return new f(P3.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
     }, CantAccessCaptureDevice(a2, e, t = "") {
-      return new f(k.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
+      return new f(P3.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
     }, DeviceNotAvailable(a2, e, t = "") {
-      return new f(k.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
+      return new f(P3.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
     }, DeviceInUse(a2, e, t = "") {
-      return new f(k.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
+      return new f(P3.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
     }, DeviceLostMidway(a2, e, t = "") {
-      return new f(k.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
+      return new f(P3.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
     }, NothingToReturn(a2, e = "", t = "There is no media to return. Please select either video or audio or both.") {
-      return new f(k.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
+      return new f(P3.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
     }, InvalidVideoSettings(a2, e = "") {
-      return new f(k.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
+      return new f(P3.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
     }, AutoplayBlocked(a2, e = "") {
-      return new f(k.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
+      return new f(P3.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
     }, CodecChangeNotPermitted(a2, e = "") {
-      return new f(k.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
+      return new f(P3.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
     }, OverConstrained(a2, e, t = "") {
-      return new f(k.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
+      return new f(P3.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
     }, NoAudioDetected(a2, e = "Please check the mic or use another audio input") {
-      return new f(k.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
+      return new f(P3.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
     }, SystemDeniedPermission(a2, e, t = "") {
-      return new f(k.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
+      return new f(P3.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
     }, CurrentTabNotShared() {
-      return new f(k.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
+      return new f(P3.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
     }, AudioPlaybackError(a2) {
-      return new f(k.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
+      return new f(P3.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
     }, SelectedDeviceMissing(a2) {
-      return new f(k.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
+      return new f(P3.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
     } }, WebrtcErrors: { CreateOfferFailed(a2, e = "") {
-      return new f(k.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
+      return new f(P3.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
     }, CreateAnswerFailed(a2, e = "") {
-      return new f(k.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
+      return new f(P3.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
     }, SetLocalDescriptionFailed(a2, e = "") {
-      return new f(k.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
+      return new f(P3.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
     }, SetRemoteDescriptionFailed(a2, e = "") {
-      return new f(k.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
+      return new f(P3.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
     }, ICEFailure(a2, e = "", t = false) {
-      return new f(k.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
+      return new f(P3.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
     }, ICEDisconnected(a2, e = "") {
-      return new f(k.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
+      return new f(P3.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
     }, StatsFailed(a2, e = "") {
-      return new f(k.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
+      return new f(P3.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
     } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
       return new f(a2, "ServerErrors", e, t, t, ao.includes(e));
     }, AlreadyJoined(a2, e = "") {
-      return new f(k.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
+      return new f(P3.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
     }, CannotJoinPreviewInProgress(a2, e = "") {
-      return new f(k.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
+      return new f(P3.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
     } }, GenericErrors: { NotConnected(a2, e = "") {
-      return new f(k.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
+      return new f(P3.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
     }, Signalling(a2, e) {
-      return new f(k.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
+      return new f(P3.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
     }, Unknown(a2, e) {
-      return new f(k.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
+      return new f(P3.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
     }, NotReady(a2, e = "") {
-      return new f(k.GenericErrors.NOT_READY, "NotReady", a2, e, e);
+      return new f(P3.GenericErrors.NOT_READY, "NotReady", a2, e, e);
     }, JsonParsingFailed(a2, e, t = "") {
-      return new f(k.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
+      return new f(P3.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
     }, TrackMetadataMissing(a2, e = "") {
-      return new f(k.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
+      return new f(P3.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
     }, RTCTrackMissing(a2, e = "") {
-      return new f(k.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
+      return new f(P3.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
     }, PeerMetadataMissing(a2, e = "") {
-      return new f(k.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
+      return new f(P3.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
     }, ValidationFailed(a2, e) {
-      return new f(k.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
+      return new f(P3.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
     }, InvalidRole(a2, e) {
-      return new f(k.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
+      return new f(P3.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
     }, PreviewAlreadyInProgress(a2, e = "") {
-      return new f(k.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
+      return new f(P3.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
     }, LocalStorageAccessDenied(a2 = "Access to localStorage has been denied") {
-      return new f(k.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
+      return new f(P3.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
     }, MissingMediaDevices() {
-      return new f(k.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
+      return new f(P3.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
     }, MissingRTCPeerConnection() {
-      return new f(k.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
+      return new f(P3.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
     } }, MediaPluginErrors: { PlatformNotSupported(a2, e = "") {
       return new f(7001, "PlatformNotSupported", a2, "Check HMS Docs to see the list of supported platforms", e);
     }, InitFailed(a2, e = "") {
@@ -21614,11 +21627,11 @@ var init_dist = __esm({
     }, DeviceNotSupported(a2, e = "") {
       return new f(7005, "DeviceNotSupported", a2, "Check HMS Docs to see the list of supported devices", e);
     } }, PlaylistErrors: { NoEntryToPlay(a2, e) {
-      return new f(k.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
+      return new f(P3.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
     }, NoEntryPlaying(a2, e) {
-      return new f(k.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
+      return new f(P3.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
     } } };
-    vr = class {
+    fr = class {
       constructor() {
         this.valuesMap = /* @__PURE__ */ new Map();
       }
@@ -21645,21 +21658,21 @@ var init_dist = __esm({
     };
     fs = () => {
       try {
-        O && !localStorage && (window.localStorage = new vr());
+        U && !localStorage && (window.localStorage = new fr());
       } catch (a2) {
-        d.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
+        l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
       }
     };
-    le = class {
+    pe = class {
       constructor(e) {
         this.key = e;
         this.storage = null;
       }
       getStorage() {
         try {
-          return O && !this.storage && (fs(), this.storage = window.localStorage), this.storage;
+          return U && !this.storage && (fs(), this.storage = window.localStorage), this.storage;
         } catch (e) {
-          return d.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
+          return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
         }
       }
       get() {
@@ -21678,36 +21691,36 @@ var init_dist = __esm({
       }
     };
     vs = () => {
-      let a2, e = new le("hms-analytics-deviceId"), t = e.get();
+      let a2, e = new pe("hms-analytics-deviceId"), t = e.get();
       return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
     };
-    ys = Mr().version;
-    ks = (a2, e = ",") => Object.keys(a2).filter((t) => oe(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+    ys = vr().version;
+    ks = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
     H = class {
       constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
-        this.metadata = { peer: {}, userAgent: ft() };
+        this.metadata = { peer: {}, userAgent: Tt() };
         this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = vs();
       }
       toSignalParams() {
-        return { name: this.name, info: M(m({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+        return { name: this.name, info: M(m({}, this.properties), { timestamp: this.timestamp, domain: ze }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
       }
     };
     y = class {
       static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-        let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(M(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
-        return new H({ name: o, level: n, properties: l });
+        let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(M(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+        return new H({ name: o, level: n, properties: d });
       }
       static disconnect(e, t) {
         let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
         return new H({ name: i, level: r, properties: s });
       }
       static preview(i) {
-        var r = i, { error: e } = r, t = Sr(r, ["error"]);
+        var r = i, { error: e } = r, t = mr(r, ["error"]);
         let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
         return new H({ name: s, level: o, properties: n });
       }
       static join(i) {
-        var r = i, { error: e } = r, t = Sr(r, ["error"]);
+        var r = i, { error: e } = r, t = mr(r, ["error"]);
         let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
         return new H({ name: s, level: o, properties: n });
       }
@@ -21732,8 +21745,8 @@ var init_dist = __esm({
         return new H({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
       }
       static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
-        let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, l = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
-        return new H({ name: o, level: n, properties: l });
+        let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, d = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
+        return new H({ name: o, level: n, properties: d });
       }
       static performance(e) {
         let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
@@ -21777,6 +21790,9 @@ var init_dist = __esm({
       static krispStop() {
         return new H({ name: "krisp.stop", level: 1 });
       }
+      static interruption(e, t, i) {
+        return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: m({ type: t }, i) });
+      }
       static eventNameFor(e, t) {
         return `${e}.${t ? "success" : "failed"}`;
       }
@@ -21789,9 +21805,9 @@ var init_dist = __esm({
       }
     };
     y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
-    kr = class {
+    yr = class {
       constructor() {
-        this.storage = new le("hms-device-selection");
+        this.storage = new pe("hms-device-selection");
         this.remember = false;
         this.TAG = "[HMSDeviceStorage]";
       }
@@ -21806,7 +21822,7 @@ var init_dist = __esm({
           return;
         let r = this.devices[e].find((o) => this.isSame({ deviceId: t, groupId: i }, o));
         if (!r) {
-          d.w(this.TAG, `Could not find device with deviceId: ${t}, groupId: ${i}`);
+          l.w(this.TAG, `Could not find device with deviceId: ${t}, groupId: ${i}`);
           return;
         }
         let s = this.storage.get() || {};
@@ -21823,18 +21839,18 @@ var init_dist = __esm({
         return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
       }
     };
-    Q = new kr();
-    Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
-    Er = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Er || {});
-    Ar = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Ar || {});
-    Rs = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Rs || {});
-    As = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(As || {});
-    Is = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Is || {});
+    J = new yr();
+    kr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(kr || {});
+    Pr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Pr || {});
+    Ir = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Ir || {});
+    Is = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Is || {});
+    Rs = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Rs || {});
+    As = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(As || {});
     Hs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Hs || {});
     Cs = ((e) => (e.CAPTION = "caption", e))(Cs || {});
-    Ir = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Ir || {});
+    Rr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Rr || {});
     Ls = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Ls || {});
-    Hr = class {
+    Ar = class {
       constructor() {
         this.TAG = "[HMSIntersectionObserverWrapper]";
         this.listeners = /* @__PURE__ */ new WeakMap();
@@ -21857,12 +21873,12 @@ var init_dist = __esm({
         this.createObserver();
       }
       isSupported() {
-        let e = O && typeof window.IntersectionObserver != "undefined";
-        return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
+        let e = U && typeof window.IntersectionObserver != "undefined";
+        return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
       }
     };
-    Ns = new Hr();
-    Cr = class {
+    Ns = new Ar();
+    Hr = class {
       constructor() {
         this.TAG = "[HMSResizeObserverWrapper]";
         this.listeners = /* @__PURE__ */ new WeakMap();
@@ -21875,7 +21891,7 @@ var init_dist = __esm({
           (t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
         };
         this.createObserver = () => {
-          this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(oi(this.handleResize, 300)));
+          this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(ai(this.handleResize, 300)));
         };
         this.handleResize = (e) => {
           var t;
@@ -21885,13 +21901,13 @@ var init_dist = __esm({
         this.createObserver();
       }
       isSupported() {
-        let e = O && typeof window.ResizeObserver != "undefined";
-        return e || d.w(this.TAG, "Resize Observer is not supported"), e;
+        let e = U && typeof window.ResizeObserver != "undefined";
+        return e || l.w(this.TAG, "Resize Observer is not supported"), e;
       }
     };
-    Os = new Cr();
-    Lr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Lr || {});
-    Dr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Dr || {});
+    Os = new Hr();
+    Cr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Cr || {});
+    Lr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Lr || {});
     Bs = "https://event.100ms.live/v2/client/report";
     Vs = "https://event-nonprod.100ms.live/v2/client/report";
     Pt = Math.pow(2, 31) - 1;
@@ -21903,33 +21919,33 @@ var init_dist = __esm({
     Kh = createSelector(Ho, (a2) => a2.length === 0 ? null : a2.at(-1));
     qh = createSelector(B, (a2) => a2.id);
     K = (a2) => a2.peers;
-    fi = (a2) => a2.messages.byID;
+    Ti = (a2) => a2.messages.byID;
     Qs = (a2) => a2.messages.allIDs;
     N = (a2) => a2.tracks;
-    Fr = (a2) => a2.appData;
+    Vr = (a2) => a2.appData;
     Co = (a2) => a2.speakers;
-    _e = createSelector([B], (a2) => a2 && a2.isConnected);
-    Qh = createSelector([_e, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+    Oe = createSelector([B], (a2) => a2 && a2.isConnected);
+    Qh = createSelector([Oe, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
     Lo = (a2) => a2.hideLocalPeer;
-    me = createSelector([B, K, Lo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-    Do = createSelector(N, (a2) => Object.values(a2));
-    te = createSelector(B, K, (a2, e) => e[a2.localPeer]);
-    ye = createSelector(B, (a2) => a2.localPeer);
-    zh = createSelector(te, (a2) => a2 == null ? void 0 : a2.name);
-    Yh = createSelector(te, (a2) => a2 == null ? void 0 : a2.roleName);
-    ae = createSelector(te, (a2) => a2 == null ? void 0 : a2.audioTrack);
-    Y = createSelector(te, (a2) => a2 == null ? void 0 : a2.videoTrack);
-    wo = createSelector(te, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-    Ys = createSelector([ae, Y, wo], (a2, e, t) => {
+    ge = createSelector([B, K, Lo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+    wo = createSelector(N, (a2) => Object.values(a2));
+    ie = createSelector(B, K, (a2, e) => e[a2.localPeer]);
+    Pe = createSelector(B, (a2) => a2.localPeer);
+    zh = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
+    Yh = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
+    oe = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
+    z = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
+    Do = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+    Ys = createSelector([oe, z, Do], (a2, e, t) => {
       let i = t ? [...t] : [];
       return a2 && i.unshift(a2), e && i.unshift(e), i;
     });
-    Xh = createSelector(me, (a2) => a2.filter((e) => !e.isLocal));
+    Xh = createSelector(ge, (a2) => a2.filter((e) => !e.isLocal));
     Zh = createSelector(K, Co, (a2, e) => {
       let t = Object.entries(e).sort((i, r) => {
-        var n, l;
+        var n, d;
         let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
-        return (((l = r[1]) == null ? void 0 : l.audioLevel) || 0) > s ? 1 : -1;
+        return (((d = r[1]) == null ? void 0 : d.audioLevel) || 0) > s ? 1 : -1;
       });
       if (t.length > 0 && t[0][1].audioLevel && t[0][1].audioLevel > 0) {
         let i = t[0][1].peerID;
@@ -21938,14 +21954,14 @@ var init_dist = __esm({
       }
       return null;
     });
-    Wr = createSelector(te, N, (a2, e) => {
-      let { video: t, audio: i } = xe(e, a2);
+    Gr = createSelector(ie, N, (a2, e) => {
+      let { video: t, audio: i } = Be(e, a2);
       return !!(t || i);
     });
     _o = createSelector(K, N, (a2, e) => {
       let t;
       for (let i in a2) {
-        let r = a2[i], { video: s, audio: o } = xe(e, r);
+        let r = a2[i], { video: s, audio: o } = Be(e, r);
         if (s)
           return r;
         o && !t && (t = r);
@@ -21955,7 +21971,7 @@ var init_dist = __esm({
     tm = createSelector(_o, (a2) => !!a2);
     im = createSelector(K, N, (a2, e) => {
       for (let t in a2) {
-        let i = a2[t], { audio: r, video: s } = xe(e, i);
+        let i = a2[t], { audio: r, video: s } = Be(e, i);
         if (!s && r)
           return i;
       }
@@ -21963,7 +21979,7 @@ var init_dist = __esm({
     rm = createSelector(K, N, (a2, e) => {
       let t = [], i = [];
       for (let r in a2) {
-        let s = a2[r], { video: o, audio: n } = xe(e, s);
+        let s = a2[r], { video: o, audio: n } = Be(e, s);
         o ? t.push(s) : n && i.push(s);
       }
       return t.concat(i);
@@ -21978,36 +21994,36 @@ var init_dist = __esm({
     am = createSelector(K, N, (a2, e) => {
       for (let t in e) {
         let i = e[t];
-        if (ri(i) && i.peerId)
+        if (ii(i) && i.peerId)
           return a2[i.peerId];
       }
     });
-    om = createSelector(Do, (a2) => a2.filter(ds));
+    om = createSelector(wo, (a2) => a2.filter(cs));
     nm = createSelector(Qs, (a2) => a2.length);
-    cm = createSelector(fi, (a2) => Object.values(a2).filter((e) => !e.read).length);
-    At = createSelector(Qs, fi, (a2, e) => {
+    cm = createSelector(Ti, (a2) => Object.values(a2).filter((e) => !e.read).length);
+    Rt = createSelector(Qs, Ti, (a2, e) => {
       let t = [];
       return a2.forEach((i) => {
         t.push(e[i]);
       }), t;
     });
-    No = createSelector(At, (a2) => a2.filter((e) => {
+    No = createSelector(Rt, (a2) => a2.filter((e) => {
       var t;
       return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
     }));
     dm = createSelector(No, (a2) => a2.filter((e) => !e.read).length);
-    ie = createSelector([B], (a2) => a2 && a2.roomState);
-    Zs = createSelector(ie, (a2) => a2 === "Preview");
+    re = createSelector([B], (a2) => a2 && a2.roomState);
+    Zs = createSelector(re, (a2) => a2 === "Preview");
     lm = createSelector(B, (a2) => a2.roomState !== "Disconnected");
     um = createSelector(B, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
-    Se = (a2) => a2.roles;
-    pm = createSelector([Se], (a2) => Object.keys(a2));
-    at = createSelector([te, Se], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
+    Te = (a2) => a2.roles;
+    pm = createSelector([Te], (a2) => Object.keys(a2));
+    at = createSelector([ie, Te], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
     Oo = (a2) => {
       var e;
       return (e = a2.preview) == null ? void 0 : e.asRole;
     };
-    ea = createSelector([Oo, Se], (a2, e) => a2 ? e[a2] : null);
+    ea = createSelector([Oo, Te], (a2, e) => a2 ? e[a2] : null);
     hm = createSelector([at], (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
@@ -22021,25 +22037,26 @@ var init_dist = __esm({
     vm = createSelector(B, (a2) => a2.startedAt);
     Mm = createSelector(B, (a2) => !!a2.isLargeRoom);
     ym = createSelector(B, (a2) => !!a2.isEffectsEnabled);
-    km = createSelector(B, (a2) => a2.effectsKey);
+    km = createSelector(B, (a2) => !!a2.isVBEnabled);
+    Pm = createSelector(B, (a2) => a2.effectsKey);
     ia = (a2) => a2.polls;
-    Rm = createSelector(me, (a2) => a2.filter((e) => e.isHandRaised));
+    Rm = createSelector(ge, (a2) => a2.filter((e) => e.isHandRaised));
     xo = (a2) => a2.whiteboards;
     Am = createSelector(xo, (a2) => Object.values(a2)[0]);
     sa = (a2 = "audio") => (e) => e.playlist[a2].list;
-    $r = (a2 = "audio") => (e) => e.playlist[a2].selection;
+    Wr = (a2 = "audio") => (e) => e.playlist[a2].selection;
     aa = (a2 = "audio") => (e) => e.playlist[a2].progress;
     oa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
     na = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
     ca = (a2 = "audio") => (e) => e.playlist[a2].volume;
     da = (a2 = "audio") => createSelector(sa(a2), (e) => Object.values(e));
-    la = (a2 = "audio") => createSelector(sa(a2), $r(a2), (e, t) => {
+    la = (a2 = "audio") => createSelector(sa(a2), Wr(a2), (e, t) => {
       if (t.id)
         return e[t.id];
     });
-    ua = { selection: $r("audio"), progress: aa("audio"), currentTime: oa("audio"), playbackRate: na("audio"), volume: ca("audio"), list: da("audio"), selectedItem: la("audio") };
-    pa = { selection: $r("video"), progress: aa("video"), currentTime: oa("video"), playbackRate: na("video"), volume: ca("video"), list: da("video"), selectedItem: la("video") };
-    It = "HMS-Store:";
+    ua = { selection: Wr("audio"), progress: aa("audio"), currentTime: oa("audio"), playbackRate: na("audio"), volume: ca("audio"), list: da("audio"), selectedItem: la("audio") };
+    pa = { selection: Wr("video"), progress: aa("video"), currentTime: oa("video"), playbackRate: na("video"), volume: ca("video"), list: da("video"), selectedItem: la("video") };
+    At = "HMS-Store:";
     b = class {
       static v(e, ...t) {
         this.log(0, e, ...t);
@@ -22069,23 +22086,23 @@ var init_dist = __esm({
         if (!(this.level.valueOf() > e.valueOf()))
           switch (e) {
             case 0: {
-              console.log(It, ...t);
+              console.log(At, ...t);
               break;
             }
             case 1: {
-              console.debug(It, ...t);
+              console.debug(At, ...t);
               break;
             }
             case 2: {
-              console.info(It, ...t);
+              console.info(At, ...t);
               break;
             }
             case 3: {
-              console.warn(It, ...t);
+              console.warn(At, ...t);
               break;
             }
             case 6: {
-              console.error(It, ...t);
+              console.error(At, ...t);
               break;
             }
             case 4: {
@@ -22106,13 +22123,13 @@ var init_dist = __esm({
       }
     };
     b.level = 0;
-    Kr = (a2, e) => e;
+    $r = (a2, e) => e;
     Ht = (a2, e) => e;
     ha = (a2, e) => e;
     Uo = (a2, e) => e;
     Bo = (a2, e) => e;
-    q = createSelector([K, Kr], (a2, e) => e ? a2[e] : null);
-    qr = createSelector([N, Ht], (a2, e) => e ? a2[e] : null);
+    q = createSelector([K, $r], (a2, e) => e ? a2[e] : null);
+    Kr = createSelector([N, Ht], (a2, e) => e ? a2[e] : null);
     Vo = createSelector([N, Ht], (a2, e) => {
       if (!e)
         return null;
@@ -22138,95 +22155,95 @@ var init_dist = __esm({
       return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
     });
     $o = createSelector([ia, Bo], (a2, e) => e ? a2[e] : null);
-    X = I(q);
-    Um = I(createSelector([Fr, Uo], (a2, e) => {
+    Y = A(q);
+    Bm = A(createSelector([Vr, Uo], (a2, e) => {
       if (a2)
         return e ? a2[e] : a2;
     }));
-    Fm = I(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
-    Gm = I(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
-    vi = I(qr);
-    ma = I(Vo);
-    Wm = I(Fo);
-    $m = I(Go);
-    Km = I(Wo);
-    Ko = I((a2, e) => {
+    Gm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
+    Wm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
+    fi = A(Kr);
+    ma = A(Vo);
+    $m = A(Fo);
+    Km = A(Go);
+    qm = A(Wo);
+    Ko = A((a2, e) => {
       let t = q(a2, e);
       if (t && t.videoTrack && t.videoTrack !== "")
         return a2.tracks[t.videoTrack];
     });
-    qo = I((a2, e) => {
+    qo = A((a2, e) => {
       let t = q(a2, e);
       if (t && t.audioTrack && t.audioTrack !== "")
         return a2.tracks[t.audioTrack];
     });
-    jm = I((a2, e) => {
+    Jm = A((a2, e) => {
       let t = q(a2, e);
       return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
     });
     Sa = (a2, e) => e ? a2.speakers[e] : null;
-    Jm = I(createSelector(Sa, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    Qm = A(createSelector(Sa, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
     jo = (a2, e) => {
       let t = qo(e)(a2);
       return Sa(a2, t == null ? void 0 : t.id);
     };
-    Qm = I(createSelector(jo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-    zm = I((a2, e) => {
+    zm = A(createSelector(jo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    Ym = A((a2, e) => {
       if (e)
         return a2.connectionQualities[e];
     });
-    Ym = I((a2, e) => {
+    Xm = A((a2, e) => {
       let t = q(a2, e);
       if (t) {
         let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => ut(a2.tracks[r]));
         return i ? a2.tracks[i] : void 0;
       }
     });
-    Xm = I(createSelector(N, q, (a2, e) => {
+    Zm = A(createSelector(N, q, (a2, e) => {
       let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
         let r = a2[i];
         return ht(r) && pt(r);
       });
       return t ? a2[t] : void 0;
     }));
-    Zm = I(createSelector(N, q, (a2, e) => {
+    eS = A(createSelector(N, q, (a2, e) => {
       let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
         let r = a2[i];
         return ht(r) && ut(r);
       });
       return t ? a2[t] : void 0;
     }));
-    eS = I(createSelector(N, q, (a2, e) => {
+    tS = A(createSelector(N, q, (a2, e) => {
       let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
         let r = a2[i];
-        return ri(r) && ut(r);
+        return ii(r) && ut(r);
       });
       return t ? a2[t] : void 0;
     }));
-    ga = I(createSelector(N, q, (a2, e) => xe(a2, e)));
+    ga = A(createSelector(N, q, (a2, e) => Be(a2, e)));
     Ta = (a2) => createSelector(ga(a2), (e) => e.audio);
-    iS = I((a2, e) => {
+    rS = A((a2, e) => {
       let t = q(a2, e);
-      return je(a2, t == null ? void 0 : t.audioTrack);
+      return Je(a2, t == null ? void 0 : t.audioTrack);
     });
-    rS = I((a2, e) => {
+    sS = A((a2, e) => {
       let t = q(a2, e);
-      return je(a2, t == null ? void 0 : t.videoTrack);
+      return Je(a2, t == null ? void 0 : t.videoTrack);
     });
-    fa = I((a2, e) => {
+    fa = A((a2, e) => {
       if (e && a2.tracks[e])
         return a2.tracks[e].volume === 0;
     });
-    sS = I((a2, e) => {
+    aS = A((a2, e) => {
       let t = q(a2, e);
       return fa(t == null ? void 0 : t.audioTrack)(a2);
     });
-    aS = I((a2, e) => {
+    oS = A((a2, e) => {
       let t = Ta(e)(a2);
       return fa(t == null ? void 0 : t.id)(a2);
     });
-    va = I((a2, e) => {
-      let t = qr(a2, e);
+    va = A((a2, e) => {
+      let t = Kr(a2, e);
       if (t) {
         if (t.type !== "audio") {
           b.w("Please pass audio track here");
@@ -22235,16 +22252,16 @@ var init_dist = __esm({
         return t.volume;
       }
     });
-    oS = I((a2, e) => {
+    nS = A((a2, e) => {
       let t = q(a2, e);
       return va(t == null ? void 0 : t.audioTrack)(a2);
     });
-    nS = I((a2, e) => {
+    cS = A((a2, e) => {
       let t = Ta(e)(a2);
       return va(t == null ? void 0 : t.id)(a2);
     });
-    cS = I((a2, e) => {
-      let t = qr(a2, e);
+    dS = A((a2, e) => {
+      let t = Kr(a2, e);
       if (t) {
         if (t.type !== "video") {
           b.w("Please pass video track here");
@@ -22253,53 +22270,53 @@ var init_dist = __esm({
         return t.layer;
       }
     });
-    Ma = createSelector([At, ye, Kr], (a2, e, t) => {
+    Ma = createSelector([Rt, Pe, $r], (a2, e, t) => {
       if (t)
         return a2.filter((i) => {
           var r;
           return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
         });
     });
-    ya = createSelector([At, ha], (a2, e) => {
+    ya = createSelector([Rt, ha], (a2, e) => {
       if (e)
         return a2.filter((t) => {
           var i, r;
           return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
         });
     });
-    Jo = createSelector(At, (a2) => a2.filter((e) => {
+    Jo = createSelector(Rt, (a2) => a2.filter((e) => {
       var t;
       return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
     }));
     Qo = createSelector([ya, ha], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-    zo = createSelector([Ma, Kr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-    dS = createSelector(Jo, (a2) => a2.filter((e) => !e.read).length);
-    lS = I(Ma);
-    uS = I(ya);
-    pS = I(Qo);
-    hS = I(zo);
-    ka = I($o);
-    bS = createSelector([K, N], (a2, e) => Object.values(a2).map((i) => {
+    zo = createSelector([Ma, $r], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+    lS = createSelector(Jo, (a2) => a2.filter((e) => !e.read).length);
+    uS = A(Ma);
+    pS = A(ya);
+    hS = A(Qo);
+    mS = A(zo);
+    ka = A($o);
+    IS = createSelector([K, N], (a2, e) => Object.values(a2).map((i) => {
       var r;
       return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
     }));
     Yo = (a2) => a2.roleChangeRequests[0] || null;
-    RS = createSelector([Yo, K, Se], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+    RS = createSelector([Yo, K, Te], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
     AS = createSelector([at], (a2) => mt(a2));
-    IS = createSelector([ea], (a2) => mt(a2));
-    Zo = createSelector([Y, N], (a2, e) => {
+    HS = createSelector([ea], (a2) => mt(a2));
+    Zo = createSelector([z, N], (a2, e) => {
       let t = null;
       return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
     });
-    en = createSelector([ae, N], (a2, e) => {
+    en = createSelector([oe, N], (a2, e) => {
       let t = null;
       return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
     });
     sn = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_FETCHED", n[n.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n[n.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n[n.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n[n.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n[n.COMPLETED = 6] = "COMPLETED", n))(sn || {});
-    Yr = class {
+    zr = class {
       constructor() {
         this.TAG = "[HTTPAnalyticsTransport]";
-        this.failedEvents = new le("client-events");
+        this.failedEvents = new pe("client-events");
         this.isConnected = true;
         this.env = null;
         this.websocketURL = "";
@@ -22325,7 +22342,7 @@ var init_dist = __esm({
             throw Error(r.statusText);
           this.removeFromStorage(e);
         }).catch((r) => {
-          d.v(this.TAG, "Failed to send event", r, e), this.addEventToStorage(e);
+          l.v(this.TAG, "Failed to send event", r, e), this.addEventToStorage(e);
         });
       }
       flushFailedEvents() {
@@ -22341,66 +22358,66 @@ var init_dist = __esm({
         i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
       }
     };
-    Pe = new Yr();
+    be = new zr();
     j = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(j || {});
-    ir = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(ir || {});
-    ur = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(ur || {});
+    tr = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(tr || {});
+    lr = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lr || {});
     Pn = (a2) => a2.localPeer.id;
     En = (a2) => a2.localPeer.audioTrack;
     bn = (a2) => a2.localPeer.videoTrack;
-    Rn = (a2, e) => e;
+    In = (a2, e) => e;
     Ka = (a2, e) => e;
-    An = (a2) => a2.remoteTrackStats;
+    Rn = (a2) => a2.remoteTrackStats;
     qa = (a2) => a2.peerStats;
-    is = (a2) => a2.localTrackStats;
-    be = createSelector([qa, Pn], (a2, e) => a2[e]);
-    In = createSelector(be, (a2) => {
+    ts = (a2) => a2.localTrackStats;
+    Re = createSelector([qa, Pn], (a2, e) => a2[e]);
+    An = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
     });
-    Hn = createSelector(be, (a2) => {
+    Hn = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
     });
-    Cn = createSelector(be, (a2) => {
+    Cn = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
     });
-    Ln = createSelector(be, (a2) => {
+    Ln = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
     });
-    Dn = createSelector(be, (a2) => {
+    wn = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
     });
-    wn = createSelector(be, (a2) => {
+    Dn = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
     });
-    _n = createSelector(be, (a2) => {
+    _n = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
     });
-    Nn = createSelector(be, (a2) => {
+    Nn = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
     });
-    On = createSelector([qa, Rn], (a2, e) => e ? a2[e] : void 0);
-    xn = createSelector([An, Ka], (a2, e) => e ? a2[e] : void 0);
-    rs = createSelector([is, Ka], (a2, e) => e ? a2[e] : void 0);
-    Un = I(On);
-    Bn = I(xn);
-    Vn = createSelector([is, En], (a2, e) => {
+    On = createSelector([qa, In], (a2, e) => e ? a2[e] : void 0);
+    xn = createSelector([Rn, Ka], (a2, e) => e ? a2[e] : void 0);
+    is = createSelector([ts, Ka], (a2, e) => e ? a2[e] : void 0);
+    Un = A(On);
+    Bn = A(xn);
+    Vn = createSelector([ts, En], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    Fn = I(createSelector(rs, (a2) => a2 == null ? void 0 : a2[0]));
-    Gn = createSelector([is, bn], (a2, e) => {
+    Fn = A(createSelector(is, (a2) => a2 == null ? void 0 : a2[0]));
+    Gn = createSelector([ts, bn], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    Wn = I(createSelector(rs, (a2) => a2));
+    Wn = A(createSelector(is, (a2) => a2));
   }
 });
 
@@ -22512,13 +22529,13 @@ var init_AdditionalRoomState = __esm({
 });
 
 // src/Prebuilt/components/Header/StreamActions.tsx
-var import_react88, import_react_use13, import_react_sdk41, import_react_icons35, LiveStatus, RecordingStatus, RecordingPauseStatus, StartRecording2, StreamActions, StopRecordingInSheet;
+var import_react88, import_react_use14, import_react_sdk41, import_react_icons35, LiveStatus, RecordingStatus, RecordingPauseStatus, StartRecording2, StreamActions, StopRecordingInSheet;
 var init_StreamActions = __esm({
   "src/Prebuilt/components/Header/StreamActions.tsx"() {
     "use strict";
     init_define_process_env();
     import_react88 = __toESM(require("react"));
-    import_react_use13 = require("react-use");
+    import_react_use14 = require("react-use");
     init_dist();
     import_react_sdk41 = require("@100mslive/react-sdk");
     import_react_icons35 = require("@100mslive/react-icons");
@@ -22533,7 +22550,7 @@ var init_StreamActions = __esm({
       var _a7;
       const { isHLSRunning, isRTMPRunning } = (0, import_react_sdk41.useRecordingStreaming)();
       const hlsState = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectHLSState);
-      const isMobile = (0, import_react_use13.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use14.useMedia)(config.media.md);
       const intervalRef = (0, import_react88.useRef)(null);
       const { screenType } = useRoomLayoutConferencingScreen();
       const [liveTime, setLiveTime] = (0, import_react88.useState)(0);
@@ -22580,7 +22597,7 @@ var init_StreamActions = __esm({
     RecordingStatus = () => {
       const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = (0, import_react_sdk41.useRecordingStreaming)();
       const permissions = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectPermissions);
-      const isMobile = (0, import_react_use13.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use14.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(
@@ -22613,7 +22630,7 @@ var init_StreamActions = __esm({
     };
     RecordingPauseStatus = () => {
       const recording = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRecordingState);
-      if (recording.hls && recording.hls.state === Rs.PAUSED) {
+      if (recording.hls && recording.hls.state === Is.PAUSED) {
         return /* @__PURE__ */ import_react88.default.createElement(
           Tooltip,
           {
@@ -22688,7 +22705,7 @@ var init_StreamActions = __esm({
     };
     StreamActions = () => {
       const isConnected = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectIsConnectedToRoom);
-      const isMobile = (0, import_react_use13.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use14.useMedia)(config.media.md);
       const roomState = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRoomState);
       return /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react88.default.createElement(AdditionalRoomState, null), !isMobile && /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react88.default.createElement(RecordingPauseStatus, null), /* @__PURE__ */ import_react88.default.createElement(RecordingStatus, null), roomState !== import_react_sdk41.HMSRoomState.Preview ? /* @__PURE__ */ import_react88.default.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ import_react88.default.createElement(StartRecording2, null) : null);
     };
@@ -22829,13 +22846,13 @@ var init_ChangeNameContent = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx
-var import_react90, import_react_use14, import_react_sdk42, ChangeNameModal;
+var import_react90, import_react_use15, import_react_sdk42, ChangeNameModal;
 var init_ChangeNameModal = __esm({
   "src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react90 = __toESM(require("react"));
-    import_react_use14 = require("react-use");
+    import_react_use15 = require("react-use");
     import_react_sdk42 = require("@100mslive/react-sdk");
     init_src();
     init_Sheet2();
@@ -22850,7 +22867,7 @@ var init_ChangeNameModal = __esm({
       const hmsActions = (0, import_react_sdk42.useHMSActions)();
       const localPeerName = (0, import_react_sdk42.useHMSStore)(import_react_sdk42.selectLocalPeerName);
       const [currentName, setCurrentName] = (0, import_react90.useState)(localPeerName);
-      const isMobile = (0, import_react_use14.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use15.useMedia)(config.media.md);
       const changeName = () => __async(void 0, null, function* () {
         const name = (currentName == null ? void 0 : currentName.trim()) || "";
         if (!name || name === localPeerName) {
@@ -22925,7 +22942,7 @@ var init_useUnreadPollQuizPresent = __esm({
     init_dist();
     import_react_sdk44 = require("@100mslive/react-sdk");
     useUnreadPollQuizPresent = () => {
-      const localPeerID = (0, import_react_sdk44.useHMSStore)(ye);
+      const localPeerID = (0, import_react_sdk44.useHMSStore)(Pe);
       const notification = (0, import_react_sdk44.useHMSNotifications)(import_react_sdk44.HMSNotificationTypes.POLL_STARTED);
       const [unreadPollQuiz, setUnreadPollQuiz] = (0, import_react92.useState)(false);
       (0, import_react92.useEffect)(() => {
@@ -22940,13 +22957,13 @@ var init_useUnreadPollQuizPresent = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
-var import_react93, import_react_use15, import_ts_pattern5, import_react_sdk45, import_react_icons37, MODALS2, MwebOptions;
+var import_react93, import_react_use16, import_ts_pattern5, import_react_sdk45, import_react_icons37, MODALS2, MwebOptions;
 var init_MwebOptions = __esm({
   "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx"() {
     "use strict";
     init_define_process_env();
     import_react93 = __toESM(require("react"));
-    import_react_use15 = require("react-use");
+    import_react_use16 = require("react-use");
     import_ts_pattern5 = require("ts-pattern");
     import_react_sdk45 = require("@100mslive/react-sdk");
     import_react_icons37 = require("@100mslive/react-icons");
@@ -23026,7 +23043,7 @@ var init_MwebOptions = __esm({
           return copy;
         });
       };
-      (0, import_react_use15.useClickAway)(emojiCardRef, () => setShowEmojiCard(false));
+      (0, import_react_use16.useClickAway)(emojiCardRef, () => setShowEmojiCard(false));
       return /* @__PURE__ */ import_react93.default.createElement(import_react93.default.Fragment, null, /* @__PURE__ */ import_react93.default.createElement(Sheet.Root, { open: openOptionsSheet, onOpenChange: setOpenOptionsSheet }, /* @__PURE__ */ import_react93.default.createElement(Tooltip, { title: "More options" }, /* @__PURE__ */ import_react93.default.createElement(Sheet.Trigger, { asChild: true, "data-testid": "more_settings_btn" }, /* @__PURE__ */ import_react93.default.createElement(IconButton_default, { css: { bg: isMobileHLSStream || isLandscapeHLSStream ? "$surface_default" : "" } }, /* @__PURE__ */ import_react93.default.createElement(import_react_icons37.HamburgerMenuIcon, null)))), /* @__PURE__ */ import_react93.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", pb: "$14" } }, /* @__PURE__ */ import_react93.default.createElement(
         Sheet.Title,
         {
@@ -23234,13 +23251,13 @@ var init_MwebOptions = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/MoreSettings.tsx
-var import_react94, import_react_use16, MoreSettings;
+var import_react94, import_react_use17, MoreSettings;
 var init_MoreSettings = __esm({
   "src/Prebuilt/components/MoreSettings/MoreSettings.tsx"() {
     "use strict";
     init_define_process_env();
     import_react94 = __toESM(require("react"));
-    import_react_use16 = require("react-use");
+    import_react_use17 = require("react-use");
     init_DesktopOptions();
     init_MwebOptions();
     init_src();
@@ -23249,7 +23266,7 @@ var init_MoreSettings = __esm({
       elements,
       screenType
     }) => {
-      const isMobile = (0, import_react_use16.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use17.useMedia)(config.media.md);
       const isLandscapeHLSStream = useLandscapeHLSStream();
       return isMobile || isLandscapeHLSStream ? /* @__PURE__ */ import_react94.default.createElement(MwebOptions, { elements, screenType }) : /* @__PURE__ */ import_react94.default.createElement(DesktopOptions, { elements, screenType });
     };
@@ -23888,9 +23905,10 @@ var init_VBToggle = __esm({
       const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
       const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
       const isVideoOn = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectIsLocalVideoEnabled);
+      const isVBEnabled = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectIsVBEnabled);
       const isEffectsEnabled = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectIsEffectsEnabled);
       const loadingEffects = (0, import_react_sdk48.useHMSStore)((0, import_react_sdk48.selectAppData)(APP_DATA.loadingEffects));
-      if (!isVideoOn || !isEffectsEnabled && isSafari) {
+      if (!isVideoOn || !isEffectsEnabled && isSafari || !isVBEnabled) {
         return null;
       }
       return /* @__PURE__ */ import_react103.default.createElement(Tooltip, { side: "top", disabled: isVBOpen, title: "Configure Virtual Background" }, /* @__PURE__ */ import_react103.default.createElement(IconButton_default, { active: !isVBOpen, onClick: toggleVB, "data-testid": "virtual_bg_btn" }, loadingEffects ? /* @__PURE__ */ import_react103.default.createElement(Loading, { size: 18 }) : /* @__PURE__ */ import_react103.default.createElement(import_react_icons43.VirtualBackgroundIcon, null)));
@@ -24323,13 +24341,13 @@ function itemKey(index, data3) {
   var _a7;
   return (_a7 = data3.peerList[index]) == null ? void 0 : _a7.id;
 }
-var import_react108, import_react_use17, import_react_window2, import_react_sdk54, import_react_icons48, ROW_HEIGHT, ITER_TIMER, VirtualizedParticipantItem, RoleAccordion;
+var import_react108, import_react_use18, import_react_window2, import_react_sdk54, import_react_icons48, ROW_HEIGHT, ITER_TIMER, VirtualizedParticipantItem, RoleAccordion;
 var init_RoleAccordion = __esm({
   "src/Prebuilt/components/Footer/RoleAccordion.tsx"() {
     "use strict";
     init_define_process_env();
     import_react108 = __toESM(require("react"));
-    import_react_use17 = require("react-use");
+    import_react_use18 = require("react-use");
     import_react_window2 = require("react-window");
     import_react_sdk54 = require("@100mslive/react-sdk");
     import_react_icons48 = require("@100mslive/react-icons");
@@ -24367,7 +24385,7 @@ var init_RoleAccordion = __esm({
       offStageRoles,
       onActive
     }) => {
-      const [ref, { width }] = (0, import_react_use17.useMeasure)();
+      const [ref, { width }] = (0, import_react_use18.useMeasure)();
       const isLargeRoom = (0, import_react_sdk54.useHMSStore)(import_react_sdk54.selectIsLargeRoom);
       const { peers, total, loadPeers } = (0, import_react_sdk54.usePaginatedParticipants)({ role: roleName, limit: 10 });
       const isOffStageRole = roleName && offStageRoles.includes(roleName);
@@ -24547,13 +24565,13 @@ var init_usePeerOnStageActions = __esm({
 });
 
 // src/Prebuilt/components/Footer/ParticipantList.tsx
-var import_react111, import_react_use18, import_react_sdk57, import_react_icons49, ParticipantList, ParticipantCount, Participant, VirtualizedParticipants, ParticipantActions, quickActionStyle, HandRaisedAccordionParticipantActions, ParticipantMoreActions, ParticipantSearch;
+var import_react111, import_react_use19, import_react_sdk57, import_react_icons49, ParticipantList, ParticipantCount, Participant, VirtualizedParticipants, ParticipantActions, quickActionStyle, HandRaisedAccordionParticipantActions, ParticipantMoreActions, ParticipantSearch;
 var init_ParticipantList = __esm({
   "src/Prebuilt/components/Footer/ParticipantList.tsx"() {
     "use strict";
     init_define_process_env();
     import_react111 = __toESM(require("react"));
-    import_react_use18 = require("react-use");
+    import_react_use19 = require("react-use");
     import_react_sdk57 = require("@100mslive/react-sdk");
     import_react_icons49 = require("@100mslive/react-icons");
     init_src();
@@ -24868,8 +24886,8 @@ var init_ParticipantList = __esm({
       inSidePane = false
     }) => {
       const [value, setValue] = import_react111.default.useState("");
-      const isMobile = (0, import_react_use18.useMedia)(config.media.md);
-      (0, import_react_use18.useDebounce)(
+      const isMobile = (0, import_react_use19.useMedia)(config.media.md);
+      (0, import_react_use19.useDebounce)(
         () => {
           onSearch(value);
         },
@@ -25000,13 +25018,13 @@ var init_WhiteboardToggle = __esm({
 });
 
 // src/Prebuilt/components/Footer/Footer.tsx
-var import_react114, import_react_use19, import_chat, Footer2;
+var import_react114, import_react_use20, import_chat, Footer2;
 var init_Footer3 = __esm({
   "src/Prebuilt/components/Footer/Footer.tsx"() {
     "use strict";
     init_define_process_env();
     import_react114 = __toESM(require("react"));
-    import_react_use19 = require("react-use");
+    import_react_use20 = require("react-use");
     import_chat = require("@100mslive/types-prebuilt/elements/chat");
     init_src();
     init_AudioVideoToggle();
@@ -25029,7 +25047,7 @@ var init_Footer3 = __esm({
       elements
     }) => {
       var _a7, _b7;
-      const isMobile = (0, import_react_use19.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use20.useMedia)(config.media.md);
       const isOverlayChat = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay);
       const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === import_chat.Chat_ChatState.CHAT_STATE_OPEN;
       const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
@@ -27040,13 +27058,13 @@ var init_RoomDetailsPane = __esm({
 });
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
-var import_react143, import_react_use20, import_react_sdk69, import_react_icons67, ChatDotIcon, SelectorItem, SelectorHeader, Everyone, RoleItem, PeerItem, VirtualizedSelectItemList, ChatSelector;
+var import_react143, import_react_use21, import_react_sdk69, import_react_icons67, 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_react143 = __toESM(require("react"));
-    import_react_use20 = require("react-use");
+    import_react_use21 = require("react-use");
     import_react_sdk69 = require("@100mslive/react-sdk");
     import_react_icons67 = require("@100mslive/react-icons");
     init_src();
@@ -27066,7 +27084,7 @@ var init_ChatSelector = __esm({
       unreadCount,
       icon = void 0
     }) => {
-      const isMobile = (0, import_react_use20.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use21.useMedia)(config.media.md);
       const Root28 = !isMobile ? Dropdown.Item : (_a7) => {
         var _b7 = _a7, { children } = _b7, rest = __objRest(_b7, ["children"]);
         return /* @__PURE__ */ import_react143.default.createElement(Flex, __spreadProps(__spreadValues({}, rest), { css: __spreadValues({ p: "$6 $8" }, rest.css) }), children);
@@ -27216,13 +27234,13 @@ var init_ChatSelector = __esm({
 });
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
-var import_react144, import_react_use21, import_react_icons68, ChatSelectorContainer;
+var import_react144, import_react_use22, import_react_icons68, ChatSelectorContainer;
 var init_ChatSelectorContainer = __esm({
   "src/Prebuilt/components/Chat/ChatSelectorContainer.tsx"() {
     "use strict";
     init_define_process_env();
     import_react144 = __toESM(require("react"));
-    import_react_use21 = require("react-use");
+    import_react_use22 = require("react-use");
     import_react_icons68 = require("@100mslive/react-icons");
     init_Dropdown2();
     init_Layout();
@@ -27237,7 +27255,7 @@ var init_ChatSelectorContainer = __esm({
     ChatSelectorContainer = () => {
       var _a7, _b7;
       const [open, setOpen] = (0, import_react144.useState)(false);
-      const isMobile = (0, import_react_use21.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use22.useMedia)(config.media.md);
       const { elements } = useRoomLayoutConferencingScreen();
       const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
       const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
@@ -27447,13 +27465,13 @@ function EmojiPicker({ onSelect }) {
     )
   )));
 }
-var import_react147, import_react_use22, import_data, import_react148, import_react_sdk71, import_react_icons69, TextArea2, ChatFooter;
+var import_react147, import_react_use23, import_data, import_react148, import_react_sdk71, import_react_icons69, TextArea2, ChatFooter;
 var init_ChatFooter = __esm({
   "src/Prebuilt/components/Chat/ChatFooter.tsx"() {
     "use strict";
     init_define_process_env();
     import_react147 = __toESM(require("react"));
-    import_react_use22 = require("react-use");
+    import_react_use23 = require("react-use");
     import_data = __toESM(require("@emoji-mart/data"));
     import_react148 = __toESM(require("@emoji-mart/react"));
     import_react_sdk71 = require("@100mslive/react-sdk");
@@ -27490,11 +27508,11 @@ var init_ChatFooter = __esm({
       }
     });
     ChatFooter = ({ onSend, children }) => {
-      var _a7, _b7, _c, _d, _e2;
+      var _a7, _b7, _c, _d, _e;
       const hmsActions = (0, import_react_sdk71.useHMSActions)();
       const inputRef = (0, import_react147.useRef)(null);
       const [draftMessage, setDraftMessage] = useChatDraftMessage();
-      const isMobile = (0, import_react_use22.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use23.useMedia)(config.media.md);
       const { elements, screenType } = useRoomLayoutConferencingScreen();
       const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
       const localPeer = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectLocalPeer);
@@ -27604,7 +27622,7 @@ var init_ChatFooter = __esm({
         },
         /* @__PURE__ */ import_react147.default.createElement(import_react_icons69.PauseCircleIcon, null),
         /* @__PURE__ */ import_react147.default.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold" } }, "Pause Chat")
-      )))) : null), selection && /* @__PURE__ */ import_react147.default.createElement(Flex, { align: ((_e2 = inputRef.current) == null ? void 0 : _e2.scrollHeight) === 32 ? "center" : "end", css: { gap: "$4", w: "100%" } }, /* @__PURE__ */ import_react147.default.createElement(
+      )))) : null), selection && /* @__PURE__ */ import_react147.default.createElement(Flex, { align: ((_e = inputRef.current) == null ? void 0 : _e.scrollHeight) === 32 ? "center" : "end", css: { gap: "$4", w: "100%" } }, /* @__PURE__ */ import_react147.default.createElement(
         Flex,
         {
           align: "end",
@@ -27831,14 +27849,14 @@ var init_StickIndicator = __esm({
 });
 
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
-var import_react152, import_react_swipeable, import_react_use23, import_react_sdk73, import_react_icons71, PINNED_MESSAGE_LENGTH, PinnedMessage;
+var import_react152, import_react_swipeable, import_react_use24, import_react_sdk73, import_react_icons71, PINNED_MESSAGE_LENGTH, PinnedMessage;
 var init_PinnedMessage = __esm({
   "src/Prebuilt/components/Chat/PinnedMessage.tsx"() {
     "use strict";
     init_define_process_env();
     import_react152 = __toESM(require("react"));
     import_react_swipeable = require("react-swipeable");
-    import_react_use23 = require("react-use");
+    import_react_use24 = require("react-use");
     import_react_sdk73 = require("@100mslive/react-sdk");
     import_react_icons71 = require("@100mslive/react-icons");
     init_Layout();
@@ -27855,7 +27873,7 @@ var init_PinnedMessage = __esm({
       const pinnedMessages = (0, import_react_sdk73.useHMSStore)((0, import_react_sdk73.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
       const [pinnedMessageIndex, setPinnedMessageIndex] = (0, import_react152.useState)(0);
       const { removePinnedMessage } = usePinnedMessages();
-      const isMobile = (0, import_react_use23.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use24.useMedia)(config.media.md);
       const { elements } = useRoomLayoutConferencingScreen();
       const canUnpinMessage = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.allow_pinning_messages);
       const [hideOverflow, setHideOverflow] = (0, import_react152.useState)(true);
@@ -27967,13 +27985,13 @@ var init_PinnedMessage = __esm({
 });
 
 // src/Prebuilt/components/Chat/Chat.tsx
-var import_react153, import_react_use24, import_ts_pattern9, import_react_sdk74, import_react_icons72, Chat, NewMessageIndicator;
+var import_react153, import_react_use25, import_ts_pattern9, import_react_sdk74, import_react_icons72, Chat, NewMessageIndicator;
 var init_Chat = __esm({
   "src/Prebuilt/components/Chat/Chat.tsx"() {
     "use strict";
     init_define_process_env();
     import_react153 = __toESM(require("react"));
-    import_react_use24 = require("react-use");
+    import_react_use25 = require("react-use");
     init_dist();
     import_ts_pattern9 = require("ts-pattern");
     import_react_sdk74 = require("@100mslive/react-sdk");
@@ -27999,8 +28017,8 @@ var init_Chat = __esm({
       const listRef = (0, import_react153.useRef)(null);
       const hmsActions = (0, import_react_sdk74.useHMSActions)();
       const vanillaStore = (0, import_react_sdk74.useHMSVanillaStore)();
-      const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(Bm("chatState" /* CHAT_STATE */)) || {};
-      const isMobile = (0, import_react_use24.useMedia)(config.media.md);
+      const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(Vm("chatState" /* CHAT_STATE */)) || {};
+      const isMobile = (0, import_react_use25.useMedia)(config.media.md);
       const isMobileHLSStream = useMobileHLSStream();
       const isLandscapeStream = useLandscapeHLSStream();
       useSidepaneResetOnLayoutUpdate("chat", SIDE_PANE_OPTIONS.CHAT);
@@ -28136,14 +28154,14 @@ var init_Chat = __esm({
 });
 
 // src/Prebuilt/components/Footer/PaginatedParticipants.tsx
-var import_react154, import_react_intersection_observer, import_react_use25, import_react_window3, import_react_sdk75, import_react_icons73, LoadMoreParticipants, VirtualizedParticipantItem2, PaginatedParticipants;
+var import_react154, import_react_intersection_observer, import_react_use26, import_react_window3, import_react_sdk75, import_react_icons73, LoadMoreParticipants, VirtualizedParticipantItem2, PaginatedParticipants;
 var init_PaginatedParticipants = __esm({
   "src/Prebuilt/components/Footer/PaginatedParticipants.tsx"() {
     "use strict";
     init_define_process_env();
     import_react154 = __toESM(require("react"));
     import_react_intersection_observer = require("react-intersection-observer");
-    import_react_use25 = require("react-use");
+    import_react_use26 = require("react-use");
     import_react_window3 = require("react-window");
     import_react_sdk75 = require("@100mslive/react-sdk");
     import_react_icons73 = require("@100mslive/react-icons");
@@ -28198,7 +28216,7 @@ var init_PaginatedParticipants = __esm({
         return (_a7 = p.name) == null ? void 0 : _a7.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
       });
       const isConnected = (0, import_react_sdk75.useHMSStore)(import_react_sdk75.selectIsConnectedToRoom);
-      const [ref, { width }] = (0, import_react_use25.useMeasure)();
+      const [ref, { width }] = (0, import_react_use26.useMeasure)();
       const height = ROW_HEIGHT * (filteredPeers.length + 1);
       const resetSidePane = useSidepaneReset();
       (0, import_react154.useEffect)(() => {
@@ -28298,13 +28316,13 @@ var init_ChatSettings = __esm({
 });
 
 // src/Prebuilt/components/SidePaneTabs.tsx
-var import_react156, import_react_use26, import_ts_pattern10, import_react_sdk77, import_react_icons75, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
+var import_react156, import_react_use27, import_ts_pattern10, import_react_sdk77, import_react_icons75, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
 var init_SidePaneTabs = __esm({
   "src/Prebuilt/components/SidePaneTabs.tsx"() {
     "use strict";
     init_define_process_env();
     import_react156 = __toESM(require("react"));
-    import_react_use26 = require("react-use");
+    import_react_use27 = require("react-use");
     import_ts_pattern10 = require("ts-pattern");
     import_react_sdk77 = require("@100mslive/react-sdk");
     import_react_icons75 = require("@100mslive/react-icons");
@@ -28345,7 +28363,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) || hideTab;
-      const isMobile = (0, import_react_use26.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use27.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);
@@ -28524,13 +28542,13 @@ var init_utils6 = __esm({
 });
 
 // src/Prebuilt/components/TileMenu/TileMenuContent.tsx
-var import_react158, import_react_use27, import_react_sdk79, import_react_icons77, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
+var import_react158, import_react_use28, import_react_sdk79, import_react_icons77, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
 var init_TileMenuContent = __esm({
   "src/Prebuilt/components/TileMenu/TileMenuContent.tsx"() {
     "use strict";
     init_define_process_env();
     import_react158 = __toESM(require("react"));
-    import_react_use27 = require("react-use");
+    import_react_use28 = require("react-use");
     import_react_sdk79 = require("@100mslive/react-sdk");
     import_react_icons77 = require("@100mslive/react-icons");
     init_Layout();
@@ -28705,7 +28723,7 @@ var init_TileMenuContent = __esm({
       const { sendEvent } = (0, import_react_sdk79.useCustomEvent)({
         type: REMOTE_STOP_SCREENSHARE_TYPE
       });
-      const isMobile = (0, import_react_use27.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use28.useMedia)(config.media.md);
       if (isLocal) {
         return showPinAction || canMinimise || !userName || showSpotlight ? /* @__PURE__ */ import_react158.default.createElement(import_react158.default.Fragment, null, showPinAction && /* @__PURE__ */ import_react158.default.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ import_react158.default.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() }), canMinimise && /* @__PURE__ */ import_react158.default.createElement(MinimiseInset, null), !userName && /* @__PURE__ */ import_react158.default.createElement(
           StyledMenuTile.ItemButton,
@@ -28799,13 +28817,13 @@ var init_TileMenuContent = __esm({
 });
 
 // src/Prebuilt/components/TileMenu/TileMenu.tsx
-var import_react159, import_react_use28, import_react_sdk80, import_react_icons78, TileMenu, TileMenu_default;
+var import_react159, import_react_use29, import_react_sdk80, import_react_icons78, TileMenu, TileMenu_default;
 var init_TileMenu2 = __esm({
   "src/Prebuilt/components/TileMenu/TileMenu.tsx"() {
     "use strict";
     init_define_process_env();
     import_react159 = __toESM(require("react"));
-    import_react_use28 = require("react-use");
+    import_react_use29 = require("react-use");
     import_react_sdk80 = require("@100mslive/react-sdk");
     import_react_icons78 = require("@100mslive/react-icons");
     init_Layout();
@@ -28839,7 +28857,7 @@ var init_TileMenu2 = __esm({
       const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
       const track = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.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_use28.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use29.useMedia)(config.media.md);
       const peer = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectPeerByID)(peerID));
       const [showNameChangeModal, setShowNameChangeModal] = (0, import_react159.useState)(false);
       const [showRoleChangeModal, setShowRoleChangeModal] = (0, import_react159.useState)(false);
@@ -28927,13 +28945,13 @@ var init_peerTileUtils = __esm({
 });
 
 // src/Prebuilt/components/VideoTile.tsx
-var import_react160, import_react_use29, import_react_sdk81, import_react_icons79, PeerMetadata, Tile, VideoTile, VideoTile_default;
+var import_react160, import_react_use30, import_react_sdk81, import_react_icons79, PeerMetadata, Tile, VideoTile, VideoTile_default;
 var init_VideoTile2 = __esm({
   "src/Prebuilt/components/VideoTile.tsx"() {
     "use strict";
     init_define_process_env();
     import_react160 = __toESM(require("react"));
-    import_react_use29 = require("react-use");
+    import_react_use30 = require("react-use");
     import_react_sdk81 = require("@100mslive/react-sdk");
     import_react_icons79 = require("@100mslive/react-icons");
     init_TileConnection();
@@ -28996,7 +29014,7 @@ var init_VideoTile2 = __esm({
       const onHoverHandler = (0, import_react160.useCallback)((event) => {
         setIsMouseHovered(event.type === "mouseenter");
       }, []);
-      const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use29.useMeasure)();
+      const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use30.useMeasure)();
       const isTileBigEnoughToShowStats = calculatedHeight >= 180 && calculatedWidth >= 180;
       const [avatarSize, attribBoxSize] = (0, import_react160.useMemo)(
         () => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
@@ -29247,13 +29265,13 @@ var init_VBHandler = __esm({
 });
 
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
-var import_react163, import_react_use30, import_hms_virtual_background3, import_react_sdk82, import_react_icons80, iconDims, VBPicker;
+var import_react163, import_react_use31, import_hms_virtual_background3, import_react_sdk82, import_react_icons80, iconDims, VBPicker;
 var init_VBPicker = __esm({
   "src/Prebuilt/components/VirtualBackground/VBPicker.tsx"() {
     "use strict";
     init_define_process_env();
     import_react163 = __toESM(require("react"));
-    import_react_use30 = require("react-use");
+    import_react_use31 = require("react-use");
     init_dist();
     import_hms_virtual_background3 = require("@100mslive/hms-virtual-background");
     import_react_sdk82 = require("@100mslive/react-sdk");
@@ -29281,11 +29299,11 @@ var init_VBPicker = __esm({
       const roomState = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoomState);
       const isLargeRoom = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLargeRoom);
       const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(ym);
-      const effectsKey = (0, import_react_sdk82.useHMSStore)(km);
-      const isMobile = (0, import_react_use30.useMedia)(config.media.md);
+      const effectsKey = (0, import_react_sdk82.useHMSStore)(Pm);
+      const isMobile = (0, import_react_use31.useMedia)(config.media.md);
       const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
       const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
-      const background = (0, import_react_sdk82.useHMSStore)(Um(APP_DATA.background));
+      const background = (0, import_react_sdk82.useHMSStore)(Bm(APP_DATA.background));
       const mediaList = backgroundMedia.map((media) => media.url || "");
       const inPreview = roomState === import_react_sdk82.HMSRoomState.Preview;
       const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -29293,20 +29311,21 @@ var init_VBPicker = __esm({
         if (!(track == null ? void 0 : track.id)) {
           return;
         }
-        if (!isPluginAdded) {
+        const vbObject = VBHandler.getVBObject();
+        if (!isPluginAdded && !vbObject) {
           setLoadingEffects(true);
-          let vbObject = VBHandler.getVBObject();
-          if (!vbObject) {
+          let vbObject2 = VBHandler.getVBObject();
+          if (!vbObject2) {
             VBHandler.initialisePlugin(isEffectsEnabled && effectsKey ? effectsKey : "", () => setLoadingEffects(false));
-            vbObject = VBHandler.getVBObject();
+            vbObject2 = VBHandler.getVBObject();
             if (isEffectsEnabled && effectsKey) {
-              hmsActions.addPluginsToVideoStream([vbObject]);
+              hmsActions.addPluginsToVideoStream([vbObject2]);
             } else {
               setLoadingEffects(false);
               if (!role) {
                 return;
               }
-              hmsActions.addPluginToVideoTrack(vbObject, Math.floor(role.publishParams.video.frameRate / 2));
+              hmsActions.addPluginToVideoTrack(vbObject2, Math.floor(role.publishParams.video.frameRate / 2));
             }
           }
           const handleDefaultBackground = () => __async(void 0, null, function* () {
@@ -29432,13 +29451,13 @@ var init_VBPicker = __esm({
 });
 
 // src/Prebuilt/layouts/SidePane.tsx
-var import_react164, import_react_use31, import_ts_pattern11, import_react_sdk83, Wrapper3, SidePane, SidePane_default;
+var import_react164, import_react_use32, import_ts_pattern11, import_react_sdk83, Wrapper3, SidePane, SidePane_default;
 var init_SidePane = __esm({
   "src/Prebuilt/layouts/SidePane.tsx"() {
     "use strict";
     init_define_process_env();
     import_react164 = __toESM(require("react"));
-    import_react_use31 = require("react-use");
+    import_react_use32 = require("react-use");
     import_ts_pattern11 = require("ts-pattern");
     import_react_sdk83 = require("@100mslive/react-sdk");
     init_Polls();
@@ -29554,8 +29573,8 @@ var init_SidePane = __esm({
       tileProps,
       hideControls = false
     }) => {
-      var _a7, _b7, _c, _d, _e2, _f, _g;
-      const isMobile = (0, import_react_use31.useMedia)(config.media.md);
+      var _a7, _b7, _c, _d, _e, _f, _g;
+      const isMobile = (0, import_react_use32.useMedia)(config.media.md);
       const sidepane = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectAppData)(APP_DATA.sidePane));
       const activeScreensharePeerId = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectAppData)(APP_DATA.activeScreensharePeerId));
       const trackId = (_a7 = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a7.id;
@@ -29564,7 +29583,7 @@ var init_SidePane = __esm({
       const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
       const isLandscapeHLSStream = useLandscapeHLSStream();
       const isMobileHLSStream = useMobileHLSStream();
-      const backgroundMedia = ((_c = (_b7 = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _b7.background_media) == null ? void 0 : _c.length) ? (_d = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _d.background_media : ((_e2 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _e2.background_media) || [];
+      const backgroundMedia = ((_c = (_b7 = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _b7.background_media) == null ? void 0 : _c.length) ? (_d = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _d.background_media : ((_e = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _e.background_media) || [];
       const tileLayout = {
         hideParticipantNameOnTile: tileProps == null ? void 0 : tileProps.hide_participant_name_on_tile,
         roundedVideoTile: tileProps == null ? void 0 : tileProps.rounded_video_tile,
@@ -29695,13 +29714,13 @@ var init_FullPageProgress = __esm({
 });
 
 // src/Prebuilt/components/Preview/PreviewForm.tsx
-var import_react167, import_react_use32, import_join_form3, import_react_sdk84, import_react_icons81, PreviewForm, Form, PreviewForm_default;
+var import_react167, import_react_use33, import_join_form3, import_react_sdk84, import_react_icons81, PreviewForm, Form, PreviewForm_default;
 var init_PreviewForm = __esm({
   "src/Prebuilt/components/Preview/PreviewForm.tsx"() {
     "use strict";
     init_define_process_env();
     import_react167 = __toESM(require("react"));
-    import_react_use32 = require("react-use");
+    import_react_use33 = require("react-use");
     import_join_form3 = require("@100mslive/types-prebuilt/elements/join_form");
     import_react_sdk84 = require("@100mslive/react-sdk");
     import_react_icons81 = require("@100mslive/react-icons");
@@ -29721,7 +29740,7 @@ var init_PreviewForm = __esm({
       const formSubmit = (e) => {
         e.preventDefault();
       };
-      const isMobile = (0, import_react_use32.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use33.useMedia)(config.media.md);
       const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk84.useRecordingStreaming)();
       const layout = useRoomLayout();
       const { join_form: joinForm = {} } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
@@ -29774,13 +29793,13 @@ var init_PreviewForm = __esm({
 });
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
-var import_react168, import_react_use33, import_react_sdk85, import_react_icons82, getParticipantChipContent, useLocalTileAspectRatio, PreviewJoin, Container4, PreviewTile, PreviewControls, PreviewSettings, PreviewJoin_default;
+var import_react168, import_react_use34, import_react_sdk85, import_react_icons82, 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_react168 = __toESM(require("react"));
-    import_react_use33 = require("react-use");
+    import_react_use34 = require("react-use");
     import_react_sdk85 = require("@100mslive/react-sdk");
     import_react_icons82 = require("@100mslive/react-icons");
     init_src();
@@ -29811,7 +29830,7 @@ var init_PreviewJoin = __esm({
     useLocalTileAspectRatio = () => {
       const localPeer = (0, import_react_sdk85.useHMSStore)(import_react_sdk85.selectLocalPeer);
       const videoTrack = (0, import_react_sdk85.useHMSStore)((0, import_react_sdk85.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
-      const isMobile = (0, import_react_use33.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use34.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;
@@ -29879,21 +29898,14 @@ var init_PreviewJoin = __esm({
           setName(initialName);
         }
       }, [initialName]);
-      return roomState === import_react_sdk85.HMSRoomState.Preview ? /* @__PURE__ */ import_react168.default.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ import_react168.default.createElement(Container4, { css: { h: "100%", pt: "$10", "@md": { justifyContent: "space-between" } } }, toggleVideo ? null : /* @__PURE__ */ import_react168.default.createElement(Box, null), /* @__PURE__ */ import_react168.default.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "640px" } }, /* @__PURE__ */ import_react168.default.createElement(Logo, null), /* @__PURE__ */ import_react168.default.createElement(
-        Text,
-        {
-          variant: "h4",
-          css: { wordBreak: "break-word", textAlign: "center", mt: "$14", mb: "$4", "@md": { mt: "$8", mb: "$2" } }
-        },
-        previewHeader.title
-      ), /* @__PURE__ */ import_react168.default.createElement(
+      return roomState === import_react_sdk85.HMSRoomState.Preview ? /* @__PURE__ */ import_react168.default.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ import_react168.default.createElement(Container4, { css: { h: "100%", pt: "$6", "@md": { justifyContent: "space-between", pt: "$10" } } }, toggleVideo ? null : /* @__PURE__ */ import_react168.default.createElement(Box, null), /* @__PURE__ */ import_react168.default.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "600px", gap: "$8" } }, /* @__PURE__ */ import_react168.default.createElement(Logo, null), /* @__PURE__ */ import_react168.default.createElement(Text, { variant: "h4", css: { wordBreak: "break-word", textAlign: "center" } }, previewHeader.title), /* @__PURE__ */ import_react168.default.createElement(
         Text,
         {
-          css: { c: "$on_surface_medium", my: "0", textAlign: "center", maxWidth: "100%", wordWrap: "break-word" },
+          css: { c: "$on_surface_medium", textAlign: "center", maxWidth: "100%", wordWrap: "break-word" },
           variant: "sm"
         },
         previewHeader.sub_title
-      ), /* @__PURE__ */ import_react168.default.createElement(Flex, { justify: "center", css: { mt: "$14", "@md": { mt: "$8", mb: "0" }, gap: "$4" } }, isStreamingOn ? /* @__PURE__ */ import_react168.default.createElement(
+      ), /* @__PURE__ */ import_react168.default.createElement(Flex, { justify: "center", css: { gap: "$4" } }, isStreamingOn ? /* @__PURE__ */ import_react168.default.createElement(
         Chip_default,
         {
           content: "LIVE",
@@ -29901,7 +29913,7 @@ var init_PreviewJoin = __esm({
           textColor: "#FFF",
           icon: /* @__PURE__ */ import_react168.default.createElement(Box, { css: { h: "$sm", w: "$sm", backgroundColor: "$on_primary_high", borderRadius: "$round" } })
         }
-      ) : null, /* @__PURE__ */ import_react168.default.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ import_react168.default.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ import_react168.default.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 360}px` } }, /* @__PURE__ */ import_react168.default.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ import_react168.default.createElement(
+      ) : null, /* @__PURE__ */ import_react168.default.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ import_react168.default.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ import_react168.default.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 340}px` } }, /* @__PURE__ */ import_react168.default.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ import_react168.default.createElement(
         PreviewForm_default,
         {
           name,
@@ -29929,7 +29941,7 @@ var init_PreviewJoin = __esm({
       const track = (0, import_react_sdk85.useHMSStore)(trackSelector);
       const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
       const aspectRatio = useLocalTileAspectRatio();
-      const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use33.useMeasure)();
+      const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use34.useMeasure)();
       const [avatarSize, attribBoxSize] = (0, import_react168.useMemo)(
         () => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
         [calculatedWidth, calculatedHeight]
@@ -29941,11 +29953,11 @@ var init_PreviewJoin = __esm({
           css: {
             bg: "$surface_default",
             aspectRatio,
-            height: "min(360px, 70vh)",
+            height: "min(340px, 70vh)",
             width: "auto",
-            maxWidth: "640px",
+            maxWidth: "600px",
             overflow: "clip",
-            mt: "$14",
+            mt: "$10",
             "@md": {
               mt: 0,
               width: "min(220px, 70vw)",
@@ -29967,17 +29979,18 @@ var init_PreviewJoin = __esm({
       );
     };
     PreviewControls = ({ hideSettings, vbEnabled }) => {
-      const isMobile = (0, import_react_use33.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use34.useMedia)(config.media.md);
+      const isVBEnabledForUser = (0, import_react_sdk85.useHMSStore)(import_react_sdk85.selectIsVBEnabled);
       return /* @__PURE__ */ import_react168.default.createElement(
         Flex,
         {
           justify: hideSettings && isMobile ? "center" : "between",
           css: {
             width: "100%",
-            mt: "$8"
+            mt: "$6"
           }
         },
-        /* @__PURE__ */ import_react168.default.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ import_react168.default.createElement(AudioVideoToggle, null), vbEnabled ? /* @__PURE__ */ import_react168.default.createElement(VBToggle, null) : null),
+        /* @__PURE__ */ import_react168.default.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ import_react168.default.createElement(AudioVideoToggle, null), vbEnabled && isVBEnabledForUser ? /* @__PURE__ */ import_react168.default.createElement(VBToggle, null) : null),
         /* @__PURE__ */ import_react168.default.createElement(Flex, { align: "center", gap: "1" }, isMobile && /* @__PURE__ */ import_react168.default.createElement(NoiseCancellation, { iconOnly: true }), !hideSettings ? /* @__PURE__ */ import_react168.default.createElement(PreviewSettings, null) : null)
       );
     };
@@ -29990,13 +30003,13 @@ var init_PreviewJoin = __esm({
 });
 
 // src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx
-var import_react169, import_react_use34, RequestPrompt, RequestActions;
+var import_react169, import_react_use35, RequestPrompt, RequestActions;
 var init_RequestPrompt = __esm({
   "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx"() {
     "use strict";
     init_define_process_env();
     import_react169 = __toESM(require("react"));
-    import_react_use34 = require("react-use");
+    import_react_use35 = require("react-use");
     init_src();
     init_Sheet2();
     RequestPrompt = ({
@@ -30008,7 +30021,7 @@ var init_RequestPrompt = __esm({
       onAction,
       disableActions = false
     }) => {
-      const isMobile = (0, import_react_use34.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use35.useMedia)(config.media.md);
       if (isMobile) {
         return /* @__PURE__ */ import_react169.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react169.default.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ import_react169.default.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ import_react169.default.createElement(RequestActions, { actionText, onAction, disabled: disableActions })));
       }
@@ -30198,14 +30211,14 @@ var init_useVideoTileLayout = __esm({
 });
 
 // src/Prebuilt/components/InsetTile.tsx
-var import_react173, import_react_draggable, import_react_use35, import_react_sdk87, import_react_icons83, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
+var import_react173, import_react_draggable, import_react_use36, import_react_sdk87, import_react_icons83, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
 var init_InsetTile = __esm({
   "src/Prebuilt/components/InsetTile.tsx"() {
     "use strict";
     init_define_process_env();
     import_react173 = __toESM(require("react"));
     import_react_draggable = __toESM(require("react-draggable"));
-    import_react_use35 = require("react-use");
+    import_react_use36 = require("react-use");
     import_react_sdk87 = require("@100mslive/react-sdk");
     import_react_icons83 = require("@100mslive/react-icons");
     init_Layout();
@@ -30233,8 +30246,8 @@ var init_InsetTile = __esm({
     defaultMobileAspectRatio = 9 / 16;
     desktopAspectRatio = 1 / defaultMobileAspectRatio;
     InsetTile = ({ peerId }) => {
-      const isMobile = (0, import_react_use35.useMedia)(config.media.md);
-      const isLandscape = (0, import_react_use35.useMedia)(config.media.ls);
+      const isMobile = (0, import_react_use36.useMedia)(config.media.md);
+      const isLandscape = (0, import_react_use36.useMedia)(config.media.ls);
       const selector = peerId ? (0, import_react_sdk87.selectPeerByID)(peerId) : import_react_sdk87.selectLocalPeer;
       const peer = (0, import_react_sdk87.useHMSStore)(selector);
       const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
@@ -30410,13 +30423,13 @@ var init_Grid = __esm({
 });
 
 // src/Prebuilt/components/hooks/useTileLayout.tsx
-var import_react176, import_react_use36, import_react_sdk88, aspectRatioConfig, usePagesWithTiles, useTileLayout;
+var import_react176, import_react_use37, import_react_sdk88, aspectRatioConfig, usePagesWithTiles, useTileLayout;
 var init_useTileLayout = __esm({
   "src/Prebuilt/components/hooks/useTileLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react176 = require("react");
-    import_react_use36 = require("react-use");
+    import_react_use37 = require("react-use");
     import_react_sdk88 = require("@100mslive/react-sdk");
     init_Theme();
     aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
@@ -30448,8 +30461,8 @@ var init_useTileLayout = __esm({
       edgeToEdge = false
     }) => {
       const vanillaStore = (0, import_react_sdk88.useHMSVanillaStore)();
-      const [ref, { width, height }] = (0, import_react_use36.useMeasure)();
-      const isMobile = (0, import_react_use36.useMedia)(config.media.lg);
+      const [ref, { width, height }] = (0, import_react_use37.useMeasure)();
+      const isMobile = (0, import_react_use37.useMedia)(config.media.lg);
       const [pagesWithTiles, setPagesWithTiles] = (0, import_react176.useState)([]);
       (0, import_react176.useEffect)(() => {
         if (width === 0 || height === 0) {
@@ -30520,7 +30533,7 @@ var init_useTileLayout = __esm({
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a7;
-  const isMobile = (0, import_react_use37.useMedia)(config.media.md);
+  const isMobile = (0, import_react_use38.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
   const pageList = usePagesWithTiles({
@@ -30558,13 +30571,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     }
   ) : null, isInsetEnabled && /* @__PURE__ */ import_react177.default.createElement(InsetTile, null));
 }
-var import_react177, import_react_use37, import_react_icons85;
+var import_react177, import_react_use38, import_react_icons85;
 var init_EqualProminence = __esm({
   "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
     "use strict";
     init_define_process_env();
     import_react177 = __toESM(require("react"));
-    import_react_use37 = require("react-use");
+    import_react_use38 = require("react-use");
     import_react_icons85 = require("@100mslive/react-icons");
     init_Layout();
     init_Theme();
@@ -30667,13 +30680,13 @@ var init_ProminenceLayout = __esm({
 });
 
 // src/Prebuilt/components/SecondaryTiles.tsx
-var import_react179, import_react_use38, import_react_sdk89, SecondaryTiles;
+var import_react179, import_react_use39, import_react_sdk89, SecondaryTiles;
 var init_SecondaryTiles = __esm({
   "src/Prebuilt/components/SecondaryTiles.tsx"() {
     "use strict";
     init_define_process_env();
     import_react179 = __toESM(require("react"));
-    import_react_use38 = require("react-use");
+    import_react_use39 = require("react-use");
     import_react_sdk89 = require("@100mslive/react-sdk");
     init_ProminenceLayout();
     init_Theme();
@@ -30682,7 +30695,7 @@ var init_SecondaryTiles = __esm({
     init_constants();
     SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
       var _a7, _b7;
-      const isMobile = (0, import_react_use38.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use39.useMedia)(config.media.md);
       const maxTileCount = isMobile ? 2 : 4;
       const [page, setPage] = (0, import_react179.useState)(0);
       const pinnedTrackId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.pinnedTrackId));
@@ -30799,7 +30812,7 @@ function RoleProminence({
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
   const localPeer = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeer);
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
-  const isMobile = (0, import_react_use39.useMedia)(config.media.md);
+  const isMobile = (0, import_react_use40.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? 4 : maxTileCount;
   const pageList = usePagesWithTiles({
@@ -30837,13 +30850,13 @@ function RoleProminence({
     }
   ), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react181.default.createElement(InsetTile, null));
 }
-var import_react181, import_react_use39, import_react_sdk90;
+var import_react181, import_react_use40, import_react_sdk90;
 var init_RoleProminence = __esm({
   "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
     "use strict";
     init_define_process_env();
     import_react181 = __toESM(require("react"));
-    import_react_use39 = require("react-use");
+    import_react_use40 = require("react-use");
     import_react_sdk90 = require("@100mslive/react-sdk");
     init_Theme();
     init_InsetTile();
@@ -31022,13 +31035,13 @@ var init_ScreenshareDisplay = __esm({
 });
 
 // src/Prebuilt/components/ScreenshareTile.tsx
-var import_react184, import_react_use40, import_screenfull2, import_react_sdk92, import_react_icons88, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
+var import_react184, import_react_use41, import_screenfull2, import_react_sdk92, import_react_icons88, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
 var init_ScreenshareTile = __esm({
   "src/Prebuilt/components/ScreenshareTile.tsx"() {
     "use strict";
     init_define_process_env();
     import_react184 = __toESM(require("react"));
-    import_react_use40 = require("react-use");
+    import_react_use41 = require("react-use");
     import_screenfull2 = __toESM(require("screenfull"));
     import_react_sdk92 = require("@100mslive/react-sdk");
     import_react_icons88 = require("@100mslive/react-icons");
@@ -31058,11 +31071,11 @@ var init_ScreenshareTile = __esm({
       const peer = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectPeerByID)(peerId));
       const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
       const [isMouseHovered, setIsMouseHovered] = (0, import_react184.useState)(false);
-      const isMobile = (0, import_react_use40.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use41.useMedia)(config.media.md);
       const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
       const fullscreenRef = (0, import_react184.useRef)(null);
       const [fullscreen, setFullscreen] = (0, import_react184.useState)(false);
-      const isFullscreen = (0, import_react_use40.useFullscreen)(fullscreenRef, fullscreen, {
+      const isFullscreen = (0, import_react_use41.useFullscreen)(fullscreenRef, fullscreen, {
         onClose: () => setFullscreen(false)
       });
       const isFullScreenSupported = import_screenfull2.default.isEnabled;
@@ -31145,13 +31158,13 @@ var init_ScreenshareTile = __esm({
 });
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
-var import_react185, import_react_use41, import_react_sdk93, ScreenshareLayout;
+var import_react185, import_react_use42, import_react_sdk93, ScreenshareLayout;
 var init_ScreenshareLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react185 = __toESM(require("react"));
-    import_react_use41 = require("react-use");
+    import_react_use42 = require("react-use");
     import_react_sdk93 = require("@100mslive/react-sdk");
     init_Theme();
     init_InsetTile();
@@ -31169,7 +31182,7 @@ var init_ScreenshareLayout = __esm({
       const [page, setPage] = (0, import_react185.useState)(0);
       const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
       const activeSharePeer = peersSharing[page];
-      const isMobile = (0, import_react_use41.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use42.useMedia)(config.media.md);
       const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
       const secondaryPeers = (0, import_react185.useMemo)(() => {
         if (layoutMode === LayoutMode.SPOTLIGHT) {
@@ -31213,20 +31226,20 @@ var init_ScreenshareLayout = __esm({
   }
 });
 
-// ../../../../../../../tmp/tmp-2795-4BfSpp3BcRJE/190fe5a3cb50/index.css
-var init_fe5a3cb50 = __esm({
-  "../../../../../../../tmp/tmp-2795-4BfSpp3BcRJE/190fe5a3cb50/index.css"() {
+// ../../../../../../../tmp/tmp-2805-ozCrwpUfP5gX/19122804f881/index.css
+var init_f881 = __esm({
+  "../../../../../../../tmp/tmp-2805-ozCrwpUfP5gX/19122804f881/index.css"() {
   }
 });
 
 // src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
-var import_react186, import_react_use42, import_hms_whiteboard, import_react_sdk94, WhiteboardEmbed, WhiteboardLayout;
+var import_react186, import_react_use43, import_hms_whiteboard, import_react_sdk94, WhiteboardEmbed, WhiteboardLayout;
 var init_WhiteboardLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react186 = __toESM(require("react"));
-    import_react_use42 = require("react-use");
+    import_react_use43 = require("react-use");
     import_hms_whiteboard = require("@100mslive/hms-whiteboard");
     import_react_sdk94 = require("@100mslive/react-sdk");
     init_Layout();
@@ -31237,9 +31250,9 @@ var init_WhiteboardLayout = __esm({
     init_ProminenceLayout();
     init_useUISettings();
     init_constants();
-    init_fe5a3cb50();
+    init_f881();
     WhiteboardEmbed = () => {
-      const isMobile = (0, import_react_use42.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use43.useMedia)(config.media.md);
       const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
       if (!token) {
         return null;
@@ -31264,7 +31277,7 @@ var init_WhiteboardLayout = __esm({
       const whiteboard = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectWhiteboard);
       const whiteboardOwner = (0, import_react_sdk94.useHMSStore)((0, import_react_sdk94.selectPeerByCondition)((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
       const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
-      const isMobile = (0, import_react_use42.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use43.useMedia)(config.media.md);
       const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
       const secondaryPeers = (0, import_react186.useMemo)(() => {
         if (layoutMode === LayoutMode.SPOTLIGHT) {
@@ -31688,14 +31701,14 @@ var init_PDFView = __esm({
 });
 
 // src/Prebuilt/plugins/CaptionsViewer.tsx
-var import_react190, import_react_draggable2, import_react_use43, import_react_sdk99, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
+var import_react190, import_react_draggable2, import_react_use44, import_react_sdk99, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
 var init_CaptionsViewer = __esm({
   "src/Prebuilt/plugins/CaptionsViewer.tsx"() {
     "use strict";
     init_define_process_env();
     import_react190 = __toESM(require("react"));
     import_react_draggable2 = __toESM(require("react-draggable"));
-    import_react_use43 = require("react-use");
+    import_react_use44 = require("react-use");
     import_react_sdk99 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
@@ -31859,7 +31872,7 @@ var init_CaptionsViewer = __esm({
     }) => {
       var _a7;
       const { elements, screenType } = useRoomLayoutConferencingScreen();
-      const isMobile = (0, import_react_use43.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use44.useMedia)(config.media.md);
       const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
       const showCaptionAtTop = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && isChatOpen && isMobile;
       const [captionQueue] = (0, import_react190.useState)(new CaptionMaintainerQueue());
@@ -32201,13 +32214,13 @@ var init_SeekControl = __esm({
 });
 
 // src/Prebuilt/components/HMSVideo/PlayPauseSeekControls.tsx
-var import_react197, import_react_use44, import_react_icons91, PlayPauseSeekControls, PlayPauseSeekOverlayControls;
+var import_react197, import_react_use45, import_react_icons91, PlayPauseSeekControls, PlayPauseSeekOverlayControls;
 var init_PlayPauseSeekControls = __esm({
   "src/Prebuilt/components/HMSVideo/PlayPauseSeekControls.tsx"() {
     "use strict";
     init_define_process_env();
     import_react197 = __toESM(require("react"));
-    import_react_use44 = require("react-use");
+    import_react_use45 = require("react-use");
     import_react_icons91 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -32246,7 +32259,7 @@ var init_PlayPauseSeekControls = __esm({
       showControls,
       hoverControlsVisible
     }) => {
-      const isMobile = (0, import_react_use44.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use45.useMedia)(config.media.md);
       const isLandscape = useIsLandscape();
       if (!isMobile && !isLandscape) {
         return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, /* @__PURE__ */ import_react197.default.createElement(
@@ -32673,7 +32686,7 @@ function HLSAutoplayBlockedPrompt({
   unblockAutoPlay
 }) {
   const isLandscape = useIsLandscape();
-  const isMobile = (0, import_react_use45.useMedia)(config.media.md);
+  const isMobile = (0, import_react_use46.useMedia)(config.media.md);
   if ((isMobile || isLandscape) && open) {
     return /* @__PURE__ */ import_react202.default.createElement(
       IconButton,
@@ -32725,13 +32738,13 @@ function HLSAutoplayBlockedPrompt({
     )))
   );
 }
-var import_react202, import_react_use45, import_react_icons94;
+var import_react202, import_react_use46, import_react_icons94;
 var init_HLSAutoplayBlockedPrompt = __esm({
   "src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx"() {
     "use strict";
     init_define_process_env();
     import_react202 = __toESM(require("react"));
-    import_react_use45 = require("react-use");
+    import_react_use46 = require("react-use");
     import_react_icons94 = require("@100mslive/react-icons");
     init_src();
     init_DialogContent2();
@@ -32766,7 +32779,7 @@ function HLSQualitySelector({
   isAuto,
   containerRef
 }) {
-  const isMobile = (0, import_react_use46.useMedia)(config.media.md);
+  const isMobile = (0, import_react_use47.useMedia)(config.media.md);
   const isLandscape = useIsLandscape();
   if (layers.length === 0) {
     return null;
@@ -32959,13 +32972,13 @@ function HLSQualitySelector({
     )
   )));
 }
-var import_react204, import_react_use46, import_react_icons96, getQualityText, getBitrateText;
+var import_react204, import_react_use47, import_react_icons96, getQualityText, getBitrateText;
 var init_HLSQualitySelector = __esm({
   "src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx"() {
     "use strict";
     init_define_process_env();
     import_react204 = __toESM(require("react"));
-    import_react_use46 = require("react-use");
+    import_react_use47 = require("react-use");
     import_react_icons96 = require("@100mslive/react-icons");
     init_src();
     init_Sheet2();
@@ -33052,13 +33065,13 @@ var HLSView_exports = {};
 __export(HLSView_exports, {
   default: () => HLSView_default
 });
-var import_react206, import_react_use47, import_hls_player3, import_screenfull3, import_ts_pattern12, import_react_sdk101, import_react_icons98, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
+var import_react206, import_react_use48, import_hls_player3, import_screenfull3, import_ts_pattern12, import_react_sdk101, import_react_icons98, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
 var init_HLSView = __esm({
   "src/Prebuilt/layouts/HLSView.jsx"() {
     "use strict";
     init_define_process_env();
     import_react206 = __toESM(require("react"));
-    import_react_use47 = require("react-use");
+    import_react_use48 = require("react-use");
     import_hls_player3 = require("@100mslive/hls-player");
     import_screenfull3 = __toESM(require("screenfull"));
     import_ts_pattern12 = require("ts-pattern");
@@ -33093,7 +33106,7 @@ var init_HLSView = __esm({
       const sidepane = (0, import_react_sdk101.useHMSStore)((0, import_react_sdk101.selectAppData)(APP_DATA.sidePane));
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
       const showChat = !!(elements == null ? void 0 : elements.chat);
-      const isMobile = (0, import_react_use47.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use48.useMedia)(config.media.md);
       const hmsActions = (0, import_react_sdk101.useHMSActions)();
       (0, import_react206.useEffect)(() => {
         (0, import_ts_pattern12.match)({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
@@ -33108,7 +33121,7 @@ var init_HLSView = __esm({
       return null;
     };
     HLSView = () => {
-      var _a7, _b7, _c, _d, _e2, _f, _g;
+      var _a7, _b7, _c, _d, _e, _f, _g;
       const videoRef = (0, import_react206.useRef)(null);
       const hlsViewRef = (0, import_react206.useRef)();
       const { elements } = useRoomLayoutConferencingScreen();
@@ -33132,8 +33145,8 @@ var init_HLSView = __esm({
         seekBackward: false
       });
       const [isPaused, setIsPaused] = (0, import_react206.useState)(false);
-      const [show, toggle] = (0, import_react_use47.useToggle)(false);
-      const lastHlsUrl = (0, import_react_use47.usePrevious)(hlsUrl);
+      const [show, toggle] = (0, import_react_use48.useToggle)(false);
+      const lastHlsUrl = (0, import_react_use48.usePrevious)(hlsUrl);
       const vanillaStore = (0, import_react_sdk101.useHMSVanillaStore)();
       const [controlsVisible, setControlsVisible] = (0, import_react206.useState)(true);
       const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react206.useState)(true);
@@ -33144,9 +33157,9 @@ var init_HLSView = __esm({
       const isFullScreenSupported = import_screenfull3.default.isEnabled;
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
       const showChat = !!(elements == null ? void 0 : elements.chat);
-      const isMobile = (0, import_react_use47.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use48.useMedia)(config.media.md);
       const isLandscape = useIsLandscape();
-      const isFullScreen = (0, import_react_use47.useFullscreen)(hlsViewRef, show, {
+      const isFullScreen = (0, import_react_use48.useFullscreen)(hlsViewRef, show, {
         onClose: () => toggle(false)
       });
       const [showLoader, setShowLoader] = (0, import_react206.useState)(false);
@@ -33635,7 +33648,7 @@ var init_HLSView = __esm({
                   transition: "visibility 0s 0.5s, opacity 0.5s linear"
                 }
               },
-              ((_e2 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e2.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
+              ((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
               /* @__PURE__ */ import_react206.default.createElement(
                 HMSVideoPlayer.Controls.Root,
                 {
@@ -33702,13 +33715,13 @@ var init_HLSView = __esm({
 });
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var import_react207, import_react_use48, import_ts_pattern13, import_react_sdk102, import_react_icons99, HLSView2, VideoStreamingSection;
+var import_react207, import_react_use49, import_ts_pattern13, import_react_sdk102, import_react_icons99, HLSView2, VideoStreamingSection;
 var init_VideoStreamingSection = __esm({
   "src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
     "use strict";
     init_define_process_env();
     import_react207 = __toESM(require("react"));
-    import_react_use48 = require("react-use");
+    import_react_use49 = require("react-use");
     import_ts_pattern13 = require("ts-pattern");
     import_react_sdk102 = require("@100mslive/react-sdk");
     import_react_icons99 = require("@100mslive/react-icons");
@@ -33739,7 +33752,7 @@ var init_VideoStreamingSection = __esm({
       const pdfAnnotatorActive = usePDFConfig();
       const isMobileHLSStream = useMobileHLSStream();
       const isLandscapeHLSStream = useLandscapeHLSStream();
-      const isMobile = (0, import_react_use48.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use49.useMedia)(config.media.md);
       const [captionPosition, setCaptionPosition] = (0, import_react207.useState)({ x: isMobile ? 0 : -200, y: 0 });
       useCloseScreenshareWhiteboard();
       const { isNotAllowedToPublish, isScreenOnlyPublishParams, hasSubscribedRolePublishing } = useWaitingRoomInfo();
@@ -33839,13 +33852,13 @@ var init_VideoStreamingSection = __esm({
 });
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
-var import_react208, import_react_use49, import_react_icons100, RoomDetailsHeader;
+var import_react208, import_react_use50, import_react_icons100, RoomDetailsHeader;
 var init_RoomDetailsHeader = __esm({
   "src/Prebuilt/components/Header/RoomDetailsHeader.tsx"() {
     "use strict";
     init_define_process_env();
     import_react208 = __toESM(require("react"));
-    import_react_use49 = require("react-use");
+    import_react_use50 = require("react-use");
     import_react_icons100 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -33856,7 +33869,7 @@ var init_RoomDetailsHeader = __esm({
     init_constants();
     RoomDetailsHeader = () => {
       const { title, description } = useRoomLayoutHeader();
-      const isMobile = (0, import_react_use49.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use50.useMedia)(config.media.md);
       const clipLength = 30;
       const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
       const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
@@ -34036,13 +34049,13 @@ var init_common2 = __esm({
 });
 
 // src/Prebuilt/components/Header/Header.tsx
-var import_react210, import_react_use50, import_react_sdk104, Header2;
+var import_react210, import_react_use51, import_react_sdk104, Header2;
 var init_Header = __esm({
   "src/Prebuilt/components/Header/Header.tsx"() {
     "use strict";
     init_define_process_env();
     import_react210 = __toESM(require("react"));
-    import_react_use50 = require("react-use");
+    import_react_use51 = require("react-use");
     import_react_sdk104 = require("@100mslive/react-sdk");
     init_src();
     init_HeaderComponents();
@@ -34051,7 +34064,7 @@ var init_Header = __esm({
     init_common2();
     Header2 = () => {
       const roomState = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectRoomState);
-      const isMobile = (0, import_react_use50.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use51.useMedia)(config.media.md);
       if (roomState !== import_react_sdk104.HMSRoomState.Connected) {
         return /* @__PURE__ */ import_react210.default.createElement(import_react210.default.Fragment, null);
       }
@@ -34136,7 +34149,7 @@ var init_ConferenceScreen = __esm({
     init_hooks();
     init_constants();
     ConferenceScreen = () => {
-      var _a7, _b7, _c, _d, _e2, _f;
+      var _a7, _b7, _c, _d, _e, _f;
       const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
       const screenProps = useRoomLayoutConferencingScreen();
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -34235,7 +34248,7 @@ var init_ConferenceScreen = __esm({
             flex: "1 1 0",
             minHeight: 0,
             // @ts-ignore
-            px: ((_e2 = (_d = (_c = screenProps == null ? void 0 : screenProps.elements) == null ? void 0 : _c.video_tile_layout) == null ? void 0 : _d.grid) == null ? void 0 : _e2.edge_to_edge) ? 0 : "$10",
+            px: ((_e = (_d = (_c = screenProps == null ? void 0 : screenProps.elements) == null ? void 0 : _c.video_tile_layout) == null ? void 0 : _d.grid) == null ? void 0 : _e.edge_to_edge) ? 0 : "$10",
             // TODO: padding to be controlled by section/element
             paddingBottom: "env(safe-area-inset-bottom)",
             "@lg": {
@@ -34599,13 +34612,13 @@ var init_useRedirectToLeave = __esm({
 });
 
 // src/Prebuilt/AppStateContext.tsx
-var import_react218, import_react_use51, import_ts_pattern14, import_react_sdk109, AppStateContext, useHMSAppStateContext, useAppStateManager;
+var import_react218, import_react_use52, import_ts_pattern14, import_react_sdk109, AppStateContext, useHMSAppStateContext, useAppStateManager;
 var init_AppStateContext = __esm({
   "src/Prebuilt/AppStateContext.tsx"() {
     "use strict";
     init_define_process_env();
     import_react218 = __toESM(require("react"));
-    import_react_use51 = require("react-use");
+    import_react_use52 = require("react-use");
     import_ts_pattern14 = require("ts-pattern");
     import_react_sdk109 = require("@100mslive/react-sdk");
     init_VBHandler();
@@ -34630,7 +34643,7 @@ var init_AppStateContext = __esm({
       const setOriginalLayout = useSetOriginalLayout();
       const [activeState, setActiveState] = import_react218.default.useState();
       const roomState = (0, import_react_sdk109.useHMSStore)(import_react_sdk109.selectRoomState);
-      const prevRoomState = (0, import_react_use51.usePreviousDistinct)(roomState);
+      const prevRoomState = (0, import_react_use52.usePreviousDistinct)(roomState);
       const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
       const { redirectToLeave } = useRedirectToLeave();
@@ -34728,13 +34741,13 @@ var init_LeaveScreen = __esm({
 });
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
-var import_react220, import_react_use52, import_ts_pattern15, import_react_icons104, MwebLandscapePrompt;
+var import_react220, import_react_use53, import_ts_pattern15, import_react_icons104, MwebLandscapePrompt;
 var init_MwebLandscapePrompt = __esm({
   "src/Prebuilt/components/MwebLandscapePrompt.tsx"() {
     "use strict";
     init_define_process_env();
     import_react220 = __toESM(require("react"));
-    import_react_use52 = require("react-use");
+    import_react_use53 = require("react-use");
     import_ts_pattern15 = require("ts-pattern");
     import_react_icons104 = require("@100mslive/react-icons");
     init_Button2();
@@ -34746,7 +34759,7 @@ var init_MwebLandscapePrompt = __esm({
     init_utils2();
     MwebLandscapePrompt = () => {
       const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0, import_react220.useState)(false);
-      const isLandscape = (0, import_react_use52.useMedia)(config.media.ls);
+      const isLandscape = (0, import_react_use53.useMedia)(config.media.ls);
       const isLandscapeHLSStream = useLandscapeHLSStream();
       (0, import_react220.useEffect)(() => {
         var _a7;
@@ -35013,9 +35026,9 @@ var init_ToastConfig = __esm({
         }
       },
       RECONNECTED: {
-        single: () => {
+        single: (online) => {
           return {
-            title: `You are now connected`,
+            title: `You are now ${online ? "online" : "connected"}`,
             icon: /* @__PURE__ */ import_react223.default.createElement(import_react_icons106.ConnectivityIcon, null),
             variant: "success",
             duration: 3e3
@@ -35108,13 +35121,13 @@ var init_ToastBatcher = __esm({
 });
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
-var import_react224, import_react_use53, import_react_sdk113, HandRaisedNotifications;
+var import_react224, import_react_use54, import_react_sdk113, HandRaisedNotifications;
 var init_HandRaisedNotifications = __esm({
   "src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react224 = require("react");
-    import_react_use53 = require("react-use");
+    import_react_use54 = require("react-use");
     import_react_sdk113 = require("@100mslive/react-sdk");
     init_roomLayoutProvider();
     init_ToastBatcher();
@@ -35147,7 +35160,7 @@ var init_HandRaisedNotifications = __esm({
           console.debug("Metadata updated", notification.data);
         }
       }, [isSubscribing, notification, on_stage_exp, roomState, vanillaStore]);
-      (0, import_react_use53.useDebounce)(
+      (0, import_react_use54.useDebounce)(
         () => {
           if (!(notification == null ? void 0 : notification.data)) {
             return;
@@ -35277,13 +35290,13 @@ function PermissionErrorNotificationModal() {
   const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.ERROR);
   return /* @__PURE__ */ import_react227.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
 }
-var import_react227, import_react_use54, import_react_sdk116, PermissionErrorModal;
+var import_react227, import_react_use55, import_react_sdk116, PermissionErrorModal;
 var init_PermissionErrorModal = __esm({
   "src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react227 = __toESM(require("react"));
-    import_react_use54 = require("react-use");
+    import_react_use55 = require("react-use");
     import_react_sdk116 = require("@100mslive/react-sdk");
     init_src();
     init_android_perm_1();
@@ -35292,7 +35305,7 @@ var init_PermissionErrorModal = __esm({
     PermissionErrorModal = ({ error }) => {
       const [deviceType, setDeviceType] = (0, import_react227.useState)("");
       const [isSystemError, setIsSystemError] = (0, import_react227.useState)(false);
-      const isMobile = (0, import_react_use54.useMedia)(config.media.md);
+      const isMobile = (0, import_react_use55.useMedia)(config.media.md);
       (0, import_react227.useEffect)(() => {
         if (!error || (error == null ? void 0 : error.code) !== 3001 && (error == null ? void 0 : error.code) !== 3011 || (error == null ? void 0 : error.code) === 3001 && (error == null ? void 0 : error.message.includes("screen"))) {
           return;
@@ -35355,9 +35368,8 @@ var init_ReconnectNotifications = __esm({
   "src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react228 = __toESM(require("react"));
+    import_react228 = require("react");
     import_react_sdk117 = require("@100mslive/react-sdk");
-    init_src();
     init_ToastConfig();
     init_ToastManager();
     notificationTypes2 = [
@@ -35368,42 +35380,26 @@ var init_ReconnectNotifications = __esm({
     notificationId = null;
     ReconnectNotifications = () => {
       const notification = (0, import_react_sdk117.useHMSNotifications)(notificationTypes2);
-      const [open, setOpen] = (0, import_react228.useState)(false);
+      const prevErrorCode = (0, import_react228.useRef)(0);
       (0, import_react228.useEffect)(() => {
         var _a7, _b7;
         if (!notification) {
           return;
         }
-        if (notification.type === import_react_sdk117.HMSNotificationTypes.ERROR && ((_a7 = notification.data) == null ? void 0 : _a7.isTerminal)) {
-          setOpen(false);
-        } else if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTED) {
-          notificationId = ToastManager.replaceToast(notificationId, ToastConfig.RECONNECTED.single());
-          setOpen(false);
+        if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTED) {
+          notificationId = ToastManager.replaceToast(
+            notificationId,
+            ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
+          );
         } else if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTING) {
+          prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
           notificationId = ToastManager.replaceToast(
             notificationId,
             ToastConfig.RECONNECTING.single((_b7 = notification.data) == null ? void 0 : _b7.message)
           );
         }
       }, [notification]);
-      if (!open)
-        return null;
-      return /* @__PURE__ */ import_react228.default.createElement(Dialog.Root, { open, modal: true }, /* @__PURE__ */ import_react228.default.createElement(Dialog.Portal, { container: document.getElementById("conferencing") }, /* @__PURE__ */ import_react228.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react228.default.createElement(
-        Dialog.Content,
-        {
-          css: {
-            width: "fit-content",
-            maxWidth: "80%",
-            p: "$4 $8",
-            position: "relative",
-            top: "unset",
-            bottom: "$9",
-            transform: "translate(-50%, -100%)",
-            animation: "none !important"
-          }
-        },
-        /* @__PURE__ */ import_react228.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react228.default.createElement("div", { style: { display: "inline", margin: "0.25rem" } }, /* @__PURE__ */ import_react228.default.createElement(Loading, { size: 16 })), /* @__PURE__ */ import_react228.default.createElement(Text, { css: { fontSize: "$space$8", color: "$on_surface_high" } }, "You lost your network connection. Trying to reconnect."))
-      )));
+      return null;
     };
   }
 });
@@ -35625,7 +35621,7 @@ function Notifications() {
   }, []);
   (0, import_react_sdk122.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   (0, import_react233.useEffect)(() => {
-    var _a8, _b8, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p, _q;
+    var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p, _q;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -35639,7 +35635,7 @@ function Notifications() {
             ToastManager.addToast({
               title: `Error: ${(_d = notification.data) == null ? void 0 : _d.message}`
             });
-          } else if (((_e2 = notification.data) == null ? void 0 : _e2.message) === "role limit reached") {
+          } else if (((_e = notification.data) == null ? void 0 : _e.message) === "role limit reached") {
             ToastManager.addToast({
               title: "The room is currently full, try joining later",
               close: true,
@@ -35830,13 +35826,13 @@ var init_PIPProvider = __esm({
 });
 
 // src/Prebuilt/components/Preview/PreviewScreen.tsx
-var import_react235, import_react_use55, PreviewScreen;
+var import_react235, import_react_use56, PreviewScreen;
 var init_PreviewScreen = __esm({
   "src/Prebuilt/components/Preview/PreviewScreen.tsx"() {
     "use strict";
     init_define_process_env();
     import_react235 = __toESM(require("react"));
-    import_react_use55 = require("react-use");
+    import_react_use56 = require("react-use");
     init_src();
     init_AppContext();
     init_roomLayoutProvider();
@@ -35849,7 +35845,7 @@ var init_PreviewScreen = __esm({
       var _a7, _b7, _c;
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
       const skipPreview = !isPreviewScreenEnabled;
-      const previewAsRole = (0, import_react_use55.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
+      const previewAsRole = (0, import_react_use56.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
       const { userName } = useHMSPrebuiltContext();
       const initialName = userName || (skipPreview ? "Beam" : "");
       const authToken = useAuthToken();
@@ -35991,7 +35987,7 @@ function FlyingEmoji() {
   const vanillaStore = (0, import_react_sdk125.useHMSVanillaStore)();
   const hmsActions = (0, import_react_sdk125.useHMSActions)();
   const [emojis, setEmojis] = (0, import_react240.useState)([]);
-  const isMobile = (0, import_react_use56.useMedia)(config.media.md);
+  const isMobile = (0, import_react_use57.useMedia)(config.media.md);
   const isLargeRoom = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectIsLargeRoom);
   const startingPoints = (0, import_react240.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = (0, import_react240.useCallback)(
@@ -36086,13 +36082,13 @@ function FlyingEmoji() {
     })
   );
 }
-var import_react240, import_react_use56, import_react_sdk125, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
+var import_react240, import_react_use57, import_react_sdk125, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
 var init_FlyingEmoji = __esm({
   "src/Prebuilt/plugins/FlyingEmoji.jsx"() {
     "use strict";
     init_define_process_env();
     import_react240 = __toESM(require("react"));
-    import_react_use56 = require("react-use");
+    import_react_use57 = require("react-use");
     import_react_sdk125 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
@@ -36549,13 +36545,13 @@ var require_react_is_production_min = __commonJS({
     init_define_process_env();
     var b2 = "function" === typeof Symbol && Symbol.for;
     var c = b2 ? Symbol.for("react.element") : 60103;
-    var d2 = b2 ? Symbol.for("react.portal") : 60106;
+    var d = b2 ? Symbol.for("react.portal") : 60106;
     var e = b2 ? Symbol.for("react.fragment") : 60107;
     var f2 = b2 ? Symbol.for("react.strict_mode") : 60108;
     var g = b2 ? Symbol.for("react.profiler") : 60114;
     var h = b2 ? Symbol.for("react.provider") : 60109;
-    var k2 = b2 ? Symbol.for("react.context") : 60110;
-    var l = b2 ? Symbol.for("react.async_mode") : 60111;
+    var k = b2 ? Symbol.for("react.context") : 60110;
+    var l2 = b2 ? Symbol.for("react.async_mode") : 60111;
     var m2 = b2 ? Symbol.for("react.concurrent_mode") : 60111;
     var n = b2 ? Symbol.for("react.forward_ref") : 60112;
     var p = b2 ? Symbol.for("react.suspense") : 60113;
@@ -36566,13 +36562,13 @@ var require_react_is_production_min = __commonJS({
     var w = b2 ? Symbol.for("react.fundamental") : 60117;
     var x = b2 ? Symbol.for("react.responder") : 60118;
     var y2 = b2 ? Symbol.for("react.scope") : 60119;
-    function z(a2) {
+    function z2(a2) {
       if ("object" === typeof a2 && null !== a2) {
         var u = a2.$$typeof;
         switch (u) {
           case c:
             switch (a2 = a2.type, a2) {
-              case l:
+              case l2:
               case m2:
               case e:
               case g:
@@ -36581,7 +36577,7 @@ var require_react_is_production_min = __commonJS({
                 return a2;
               default:
                 switch (a2 = a2 && a2.$$typeof, a2) {
-                  case k2:
+                  case k:
                   case n:
                   case t:
                   case r:
@@ -36591,68 +36587,68 @@ var require_react_is_production_min = __commonJS({
                     return u;
                 }
             }
-          case d2:
+          case d:
             return u;
         }
       }
     }
-    function A(a2) {
-      return z(a2) === m2;
+    function A2(a2) {
+      return z2(a2) === m2;
     }
-    exports.AsyncMode = l;
+    exports.AsyncMode = l2;
     exports.ConcurrentMode = m2;
-    exports.ContextConsumer = k2;
+    exports.ContextConsumer = k;
     exports.ContextProvider = h;
     exports.Element = c;
     exports.ForwardRef = n;
     exports.Fragment = e;
     exports.Lazy = t;
     exports.Memo = r;
-    exports.Portal = d2;
+    exports.Portal = d;
     exports.Profiler = g;
     exports.StrictMode = f2;
     exports.Suspense = p;
     exports.isAsyncMode = function(a2) {
-      return A(a2) || z(a2) === l;
+      return A2(a2) || z2(a2) === l2;
     };
-    exports.isConcurrentMode = A;
+    exports.isConcurrentMode = A2;
     exports.isContextConsumer = function(a2) {
-      return z(a2) === k2;
+      return z2(a2) === k;
     };
     exports.isContextProvider = function(a2) {
-      return z(a2) === h;
+      return z2(a2) === h;
     };
     exports.isElement = function(a2) {
       return "object" === typeof a2 && null !== a2 && a2.$$typeof === c;
     };
     exports.isForwardRef = function(a2) {
-      return z(a2) === n;
+      return z2(a2) === n;
     };
     exports.isFragment = function(a2) {
-      return z(a2) === e;
+      return z2(a2) === e;
     };
     exports.isLazy = function(a2) {
-      return z(a2) === t;
+      return z2(a2) === t;
     };
     exports.isMemo = function(a2) {
-      return z(a2) === r;
+      return z2(a2) === r;
     };
     exports.isPortal = function(a2) {
-      return z(a2) === d2;
+      return z2(a2) === d;
     };
     exports.isProfiler = function(a2) {
-      return z(a2) === g;
+      return z2(a2) === g;
     };
     exports.isStrictMode = function(a2) {
-      return z(a2) === f2;
+      return z2(a2) === f2;
     };
     exports.isSuspense = function(a2) {
-      return z(a2) === p;
+      return z2(a2) === p;
     };
     exports.isValidElementType = function(a2) {
-      return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m2 || a2 === g || a2 === f2 || a2 === p || a2 === q2 || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h || a2.$$typeof === k2 || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v);
+      return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m2 || a2 === g || a2 === f2 || a2 === p || a2 === q2 || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v);
     };
-    exports.typeOf = z;
+    exports.typeOf = z2;
   }
 });