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

package/dist/{chunk-SCKPBPAN.js → chunk-Y4ZC5NAS.js}

@@ -107,7 +107,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" };
   }
 });
 
@@ -5629,10 +5629,10 @@ var require_ua_parser = __commonJS({
         }
       };
       var rgxMapper = function(ua2, arrays) {
-        var i = 0, j2, k2, p, q2, matches, match17;
+        var i = 0, j2, k, p, q2, matches, match17;
         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;
@@ -5640,7 +5640,7 @@ var require_ua_parser = __commonJS({
             matches = regex[j2++].exec(ua2);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
-                match17 = matches[++k2];
+                match17 = matches[++k];
                 q2 = props[p];
                 if (typeof q2 === OBJ_TYPE && q2.length > 0) {
                   if (q2.length === 2) {
@@ -8668,9 +8668,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];
@@ -8869,13 +8869,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;
@@ -8886,13 +8886,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:
@@ -8901,7 +8901,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:
@@ -8911,68 +8911,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;
   }
 });
 
@@ -12001,8 +12001,8 @@ function useBorderAudioLevel(audioTrackId) {
   });
   return ref;
 }
-var sigmoid = (z) => {
-  return 1 / (1 + Math.exp(-z));
+var sigmoid = (z2) => {
+  return 1 / (1 + Math.exp(-z2));
 };
 
 // src/AudioLevel/AudioLevel.tsx
@@ -12134,12 +12134,12 @@ var formatBytes = (bytes, unit = "B", decimals = 2) => {
   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]}`;
 };
 
 // src/Stats/StyledStats.tsx
@@ -12911,7 +12911,7 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React185, { useEffect as useEffect77, useRef as useRef31 } from "react";
+import React184, { useEffect as useEffect77, useRef as useRef32 } from "react";
 import { match as match16 } from "ts-pattern";
 import {
   HMSReactiveStore,
@@ -12924,6 +12924,7 @@ import {
 // src/Prebuilt/components/AppData/AppData.tsx
 init_define_process_env();
 import React23, { useEffect as useEffect5, useMemo as useMemo4, useRef as useRef7 } from "react";
+import { useMedia } from "react-use";
 import {
   HMSRoomState,
   selectFullAppData,
@@ -13667,6 +13668,22 @@ var useSidepaneReset = () => {
   return resetSidepane;
 };
 
+// src/Prebuilt/components/MoreSettings/constants.ts
+init_define_process_env();
+var trackSourceOptions = [
+  { label: "All Track Sources", value: "" },
+  { label: "regular", value: "regular" },
+  { label: "screen", value: "screen" },
+  { label: "audioplaylist", value: "audioplaylist" },
+  { label: "videoplaylist", value: "videoplaylist" }
+];
+var trackTypeOptions = [
+  { label: "All Track Types", value: "" },
+  { label: "audio", value: "audio" },
+  { label: "video", value: "video" }
+];
+var DEFAULT_TILES_IN_VIEW = { MWEB: 4, DESKTOP: 9 };
+
 // src/Prebuilt/components/AppData/AppData.tsx
 var initialAppData = {
   [APP_DATA.uiSettings]: {
@@ -13721,6 +13738,7 @@ var AppData = React23.memo(() => {
   const { isLocalVideoEnabled } = useAVToggle();
   const sidepaneOpenedRef = useRef7(false);
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
+  const isMobile = useMedia(config.media.md);
   useEffect5(() => {
     var _a8;
     if ((_a8 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a8.enabled_by_default) {
@@ -13751,10 +13769,10 @@ var AppData = React23.memo(() => {
     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]);
   useEffect5(() => {
     if (!preferences.subscribedNotifications) {
       return;
@@ -13951,12 +13969,12 @@ import {
 // src/Prebuilt/components/Footer/Footer.tsx
 init_define_process_env();
 import React86, { useEffect as useEffect25 } from "react";
-import { useMedia as useMedia14 } from "react-use";
+import { useMedia as useMedia15 } from "react-use";
 import { Chat_ChatState } from "@100mslive/types-prebuilt/elements/chat";
 
 // src/Prebuilt/components/AudioVideoToggle.tsx
 init_define_process_env();
-import React33, { Fragment as Fragment3, useEffect as useEffect10, useState as useState10 } from "react";
+import React33, { Fragment as Fragment3, useCallback as useCallback8, useEffect as useEffect10, useState as useState10 } from "react";
 import { HMSKrispPlugin } from "@100mslive/hms-noise-cancellation";
 import {
   DeviceType as DeviceType2,
@@ -13971,7 +13989,8 @@ import {
   useAVToggle as useAVToggle2,
   useDevices as useDevices2,
   useHMSActions as useHMSActions7,
-  useHMSStore as useHMSStore8
+  useHMSStore as useHMSStore8,
+  useHMSVanillaStore as useHMSVanillaStore4
 } from "@100mslive/react-sdk";
 import {
   AudioLevelIcon,
@@ -14209,7 +14228,7 @@ var ActionTile = {
 // src/Prebuilt/components/Settings/SettingsModal.jsx
 init_define_process_env();
 import React32, { useCallback as useCallback7, useEffect as useEffect9, useState as useState9 } from "react";
-import { useMedia as useMedia2 } from "react-use";
+import { useMedia as useMedia3 } from "react-use";
 import { ChevronLeftIcon, CrossIcon as CrossIcon3, GridFourIcon, NotificationsIcon, SettingsIcon } from "@100mslive/react-icons";
 
 // src/Sheet/index.ts
@@ -14320,7 +14339,7 @@ var Sheet = {
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 init_define_process_env();
 import React30, { Fragment as Fragment2, useEffect as useEffect8, useRef as useRef9, useState as useState8 } from "react";
-import { useMedia } from "react-use";
+import { useMedia as useMedia2 } from "react-use";
 import {
   DeviceType,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled2,
@@ -14417,7 +14436,7 @@ var Settings = ({ setHide }) => {
   const trackSelector = selectVideoTrackByID(videoTrackId);
   const hmsActions = useHMSActions6();
   const track = useHMSStore7(trackSelector);
-  const isMobile = useMedia(config.media.md);
+  const isMobile = useMedia2(config.media.md);
   useEffect8(() => {
     if (isMobile) {
       hmsActions.refreshDevices();
@@ -14655,7 +14674,7 @@ var settingsList = [
 ];
 var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ React32.createElement(React32.Fragment, null) }) => {
   const mediaQueryLg = config.media.md;
-  const isMobile = useMedia2(mediaQueryLg);
+  const isMobile = useMedia3(mediaQueryLg);
   const [showSetting, setShowSetting] = useState9(
     () => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
   );
@@ -14946,25 +14965,30 @@ var OptionLabel = ({ children, icon }) => {
   );
 };
 var useNoiseCancellationWithPlugin = () => {
+  var _a7;
   const actions = useHMSActions7();
   const [inProgress, setInProgress] = useState10(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 = useHMSStore8(selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+  const setNoiseCancellationWithPlugin = useCallback8(
+    (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
@@ -15102,6 +15126,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const localPeer = useHMSStore8(selectLocalPeer);
   const { isLocalVideoEnabled, isLocalAudioEnabled, toggleAudio, toggleVideo } = useAVToggle2();
   const actions = useHMSActions7();
+  const vanillaStore = useHMSVanillaStore4();
   const videoTrackId = useHMSStore8(selectLocalVideoTrackID2);
   const localVideoTrack = useHMSStore8(selectVideoTrackByID2(videoTrackId));
   const roomState = useHMSStore8(selectRoomState2);
@@ -15116,7 +15141,9 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   useEffect10(() => {
     (() => __async(void 0, null, function* () {
-      if (isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
+      var _a7;
+      const isEnabledForRoom = (_a7 = vanillaStore.getState(selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+      if (isEnabledForRoom && isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
         try {
           yield setNoiseCancellationWithPlugin(true);
           ToastManager.addToast({
@@ -15225,7 +15252,7 @@ var CaptionIcon = () => {
 // src/Prebuilt/components/EmojiReaction.jsx
 init_define_process_env();
 import React36, { useState as useState12 } from "react";
-import { useMedia as useMedia4 } from "react-use";
+import { useMedia as useMedia5 } from "react-use";
 import data from "@emoji-mart/data/sets/14/apple.json";
 import { init } from "emoji-mart";
 import {
@@ -15283,8 +15310,8 @@ var useDropdownList = ({ name, open }) => {
 
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
-import { useCallback as useCallback8, useEffect as useEffect12, useMemo as useMemo5, useRef as useRef10, useState as useState11 } from "react";
-import { useMedia as useMedia3 } from "react-use";
+import { useCallback as useCallback9, useEffect as useEffect12, useMemo as useMemo5, useRef as useRef10, useState as useState11 } from "react";
+import { useMedia as useMedia4 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
   parsedUserAgent as parsedUserAgent2,
@@ -15301,7 +15328,7 @@ import {
   selectRolesMap,
   useHMSActions as useHMSActions8,
   useHMSStore as useHMSStore10,
-  useHMSVanillaStore as useHMSVanillaStore4
+  useHMSVanillaStore as useHMSVanillaStore5
 } from "@100mslive/react-sdk";
 var useFilteredRoles = () => {
   var _a7;
@@ -15333,7 +15360,7 @@ var useParticipants = (params) => {
   const availableRoles = useHMSStore10(selectAvailableRoleNames);
   let participantList = useHMSStore10(isConnected ? selectPeers : selectRemotePeers);
   const rolesWithParticipants = Array.from(new Set(participantList.map((peer) => peer.roleName)));
-  const vanillaStore = useHMSVanillaStore4();
+  const vanillaStore = useHMSVanillaStore5();
   if ((_a7 = params == null ? void 0 : params.metadata) == null ? void 0 : _a7.isHandRaised) {
     participantList = participantList.filter((peer) => {
       return vanillaStore.getState(selectPeerMetadata(peer.id)).isHandRaised;
@@ -15350,7 +15377,7 @@ var useParticipants = (params) => {
 };
 var useIsLandscape = () => {
   const isMobile = parsedUserAgent2.getDevice().type === "mobile";
-  const isLandscape = useMedia3(config.media.ls);
+  const isLandscape = useMedia4(config.media.ls);
   return isMobile && isLandscape;
 };
 var useLandscapeHLSStream = () => {
@@ -15359,12 +15386,12 @@ var useLandscapeHLSStream = () => {
   return isLandscape && screenType === "hls_live_streaming";
 };
 var useMobileHLSStream = () => {
-  const isMobile = useMedia3(config.media.md);
+  const isMobile = useMedia4(config.media.md);
   const { screenType } = useRoomLayoutConferencingScreen();
   return isMobile && screenType === "hls_live_streaming";
 };
 var useKeyboardHandler = (isPaused, hlsPlayer) => {
-  const handleKeyEvent = useCallback8(
+  const handleKeyEvent = useCallback9(
     (event) => __async(void 0, null, function* () {
       switch (event.key) {
         case " ":
@@ -15396,7 +15423,7 @@ var useRecordingHandler = () => {
       setRecordingState(false);
     }
   }, [recordingStarted, recordingState.browser.error, setRecordingState]);
-  const startRecording = useCallback8(
+  const startRecording = useCallback9(
     (resolution = null) => __async(void 0, null, function* () {
       try {
         setRecordingState(true);
@@ -15476,8 +15503,8 @@ var EmojiReaction = ({ showCard = false }) => {
   useDropdownList({ open, name: "EmojiReaction" });
   const roles = useHMSStore11(selectAvailableRoleNames2);
   const localPeerId = useHMSStore11(selectLocalPeerID);
-  const isMobile = useMedia4(config.media.md);
-  const isLandscape = useMedia4(config.media.ls);
+  const isMobile = useMedia5(config.media.md);
+  const isLandscape = useMedia5(config.media.ls);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
   const { sendEvent } = useCustomEvent({
@@ -15519,7 +15546,7 @@ var EmojiReaction = ({ showCard = false }) => {
 // src/Prebuilt/components/Leave/LeaveRoom.tsx
 init_define_process_env();
 import React42 from "react";
-import { useMedia as useMedia5 } from "react-use";
+import { useMedia as useMedia6 } from "react-use";
 import {
   selectHLSState as selectHLSState3,
   selectIsConnectedToRoom as selectIsConnectedToRoom5,
@@ -15874,7 +15901,7 @@ var LeaveRoom = ({
 }) => {
   const isConnected = useHMSStore14(selectIsConnectedToRoom5);
   const permissions = useHMSStore14(selectPermissions4);
-  const isMobile = useMedia5(config.media.md);
+  const isMobile = useMedia6(config.media.md);
   const rolesMap = useHMSStore14(selectRolesMap2);
   const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
     const roleObj = rolesMap[roleName];
@@ -15920,7 +15947,7 @@ var LeaveRoom = ({
 // src/Prebuilt/components/MoreSettings/MoreSettings.tsx
 init_define_process_env();
 import React68 from "react";
-import { useMedia as useMedia12 } from "react-use";
+import { useMedia as useMedia13 } from "react-use";
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx
 init_define_process_env();
@@ -15952,8 +15979,8 @@ import React44 from "react";
 
 // src/Prebuilt/components/PIP/PIPComponent.tsx
 init_define_process_env();
-import React43, { useCallback as useCallback9, useEffect as useEffect13, useState as useState15 } from "react";
-import { selectPeers as selectPeers2, selectTracksMap, useHMSActions as useHMSActions10, useHMSVanillaStore as useHMSVanillaStore5 } from "@100mslive/react-sdk";
+import React43, { useCallback as useCallback10, useEffect as useEffect13, useState as useState15 } from "react";
+import { selectPeers as selectPeers2, selectTracksMap, useHMSActions as useHMSActions10, useHMSVanillaStore as useHMSVanillaStore6 } from "@100mslive/react-sdk";
 import { PipIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/PIP/PIPManager.ts
@@ -16425,8 +16452,8 @@ var MediaSession = new SetupMediaSession();
 var PIPComponent = ({ content = null }) => {
   const [isPipOn, setIsPipOn] = useState15(PictureInPicture.isOn());
   const hmsActions = useHMSActions10();
-  const store = useHMSVanillaStore5();
-  const onPipToggle = useCallback9(() => {
+  const store = useHMSVanillaStore6();
+  const onPipToggle = useCallback10(() => {
     if (!isPipOn) {
       PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
       MediaSession.setup(hmsActions, store);
@@ -16440,7 +16467,7 @@ var PIPComponent = ({ content = null }) => {
   return /* @__PURE__ */ React43.createElement(React43.Fragment, null, content ? /* @__PURE__ */ React43.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ React43.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ React43.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ React43.createElement(PipIcon, null))));
 };
 var ActivatedPIP = () => {
-  const store = useHMSVanillaStore5();
+  const store = useHMSVanillaStore6();
   const pinnedTrack = usePinnedTrack();
   useEffect13(() => {
     function subscribeToStore() {
@@ -16481,7 +16508,7 @@ var PIP = ({ content = null }) => {
 
 // src/Prebuilt/components/PIP/PIPChat.tsx
 init_define_process_env();
-import React49, { useCallback as useCallback14, useEffect as useEffect16, useMemo as useMemo7, useState as useState19 } from "react";
+import React49, { useCallback as useCallback15, useEffect as useEffect16, useMemo as useMemo7, useState as useState19 } from "react";
 import {
   selectHMSMessages as selectHMSMessages2,
   selectLocalPeerID as selectLocalPeerID3,
@@ -16528,8 +16555,8 @@ var TextArea = styled("textarea", {
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
-import React48, { Fragment as Fragment6, useCallback as useCallback13, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo6, useRef as useRef11, useState as useState18 } from "react";
-import { useMedia as useMedia7 } from "react-use";
+import React48, { Fragment as Fragment6, useCallback as useCallback14, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo6, useRef as useRef11, useState as useState18 } from "react";
+import { useMedia as useMedia8 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
 import {
@@ -16542,13 +16569,13 @@ import {
   selectUnreadHMSMessagesCount,
   useHMSActions as useHMSActions14,
   useHMSStore as useHMSStore18,
-  useHMSVanillaStore as useHMSVanillaStore7
+  useHMSVanillaStore as useHMSVanillaStore8
 } from "@100mslive/react-sdk";
 import { SolidPinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatActions.tsx
 init_define_process_env();
-import React46, { useCallback as useCallback12, useState as useState16 } from "react";
+import React46, { useCallback as useCallback13, useState as useState16 } from "react";
 import { selectLocalPeerName, selectPermissions as selectPermissions5, useHMSActions as useHMSActions13, useHMSStore as useHMSStore16 } from "@100mslive/react-sdk";
 import {
   CopyIcon as CopyIcon2,
@@ -16576,12 +16603,12 @@ var MwebChatOption = ({
 
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
 init_define_process_env();
-import { useCallback as useCallback10 } from "react";
+import { useCallback as useCallback11 } from "react";
 import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions11, useHMSStore as useHMSStore15 } from "@100mslive/react-sdk";
 var useChatBlacklist = (sessionStoreKey) => {
   const hmsActions = useHMSActions11();
   const blacklistedIDs = useHMSStore15(selectSessionStore2(sessionStoreKey));
-  const blacklistItem = useCallback10(
+  const blacklistItem = useCallback11(
     (blacklistID) => __async(void 0, null, function* () {
       yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
     }),
@@ -16597,17 +16624,17 @@ var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
 
 // src/Prebuilt/components/hooks/usePinnedMessages.ts
 init_define_process_env();
-import { useCallback as useCallback11 } from "react";
+import { useCallback as useCallback12 } from "react";
 import {
   selectPeerNameByID,
   selectSessionStore as selectSessionStore3,
   useHMSActions as useHMSActions12,
-  useHMSVanillaStore as useHMSVanillaStore6
+  useHMSVanillaStore as useHMSVanillaStore7
 } from "@100mslive/react-sdk";
 var usePinnedMessages = () => {
   const hmsActions = useHMSActions12();
-  const vanillaStore = useHMSVanillaStore6();
-  const setPinnedMessages = useCallback11(
+  const vanillaStore = useHMSVanillaStore7();
+  const setPinnedMessages = useCallback12(
     (message, pinnedBy) => __async(void 0, null, function* () {
       const peerName = vanillaStore.getState(selectPeerNameByID(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
       const newPinnedMessage = { text: "", id: message.id, pinnedBy };
@@ -16623,7 +16650,7 @@ var usePinnedMessages = () => {
     }),
     [hmsActions, vanillaStore]
   );
-  const removePinnedMessage = useCallback11(
+  const removePinnedMessage = useCallback12(
     (indexToRemove) => __async(void 0, null, function* () {
       const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
       if (pinnedMessages[indexToRemove]) {
@@ -16635,7 +16662,7 @@ var usePinnedMessages = () => {
     }),
     [hmsActions, vanillaStore]
   );
-  const unpinBlacklistedMessages = useCallback11(
+  const unpinBlacklistedMessages = useCallback12(
     (blacklistedMessageIDSet) => __async(void 0, null, function* () {
       const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
       const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
@@ -16682,14 +16709,14 @@ var ChatActions = ({
     "chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
   );
   const isSenderBlocked = useIsPeerBlacklisted({ peerCustomerUserId: message.senderUserId });
-  const updatePinnedMessages = useCallback12(
+  const updatePinnedMessages = useCallback13(
     (messageID = "") => {
       const blacklistedMessageIDSet = /* @__PURE__ */ new Set([...blacklistedMessageIDs || [], messageID]);
       unpinBlacklistedMessages(blacklistedMessageIDSet);
     },
     [blacklistedMessageIDs, unpinBlacklistedMessages]
   );
-  const copyMessageContent = useCallback12(() => {
+  const copyMessageContent = useCallback13(() => {
     try {
       navigator == null ? void 0 : navigator.clipboard.writeText(message.message);
       ToastManager.addToast({
@@ -16856,7 +16883,7 @@ var ChatActions = ({
 // src/Prebuilt/components/Chat/EmptyChat.tsx
 init_define_process_env();
 import React47 from "react";
-import { useMedia as useMedia6 } from "react-use";
+import { useMedia as useMedia7 } from "react-use";
 
 // src/Prebuilt/images/empty-chat.svg
 var empty_chat_default = 'data:image/svg+xml,<svg width="184" height="133" viewBox="0 0 184 133" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M144.885 91.3998C145.318 91.023 145.861 90.7947 146.433 90.7483L146.446 90.7473L169.355 89.1614C169.702 89.1376 170.049 89.2101 170.358 89.3712C170.662 89.5305 170.918 89.7702 171.096 90.0642C171.098 90.0672 171.1 90.0703 171.102 90.0734L171.104 90.0766C171.281 90.3744 171.373 90.7154 171.369 91.062C171.365 91.4097 171.265 91.7496 171.08 92.044L158.85 111.504C158.539 111.986 158.081 112.356 157.544 112.56C157.007 112.764 156.419 112.791 155.866 112.636C155.313 112.482 154.823 112.155 154.469 111.703C154.115 111.25 153.915 110.697 153.898 110.123C153.898 110.109 153.898 110.094 153.898 110.08L153.996 100.307L145.347 95.7858C145.334 95.779 145.321 95.7721 145.308 95.7649C144.811 95.4785 144.417 95.0404 144.186 94.5146C143.955 93.9888 143.898 93.4029 144.024 92.8425C144.15 92.2821 144.451 91.7765 144.885 91.3998ZM167.441 91.0088L146.603 92.8952C146.49 92.9053 146.383 92.9508 146.298 93.0251C146.211 93.1005 146.151 93.2016 146.125 93.3137C146.1 93.4257 146.112 93.5429 146.158 93.6481C146.202 93.7484 146.276 93.8327 146.369 93.89L155.26 98.296L167.441 91.0088ZM156.32 100.171L168.547 92.8564L157.039 110.339C156.976 110.434 156.886 110.506 156.78 110.547C156.673 110.587 156.555 110.593 156.444 110.562C156.334 110.531 156.236 110.466 156.165 110.375C156.097 110.289 156.058 110.184 156.052 110.075L156.32 100.171Z" fill="%23444954"/>%0A<path d="M83.3248 35.4156C71.7182 47.1017 51.2098 75.5175 62.0292 95.6918C75.5536 120.91 140.453 79.2983 115.364 67.6657C90.2756 56.0331 65.8818 122.018 101.568 120.391C116.398 118.62 131.221 114.699 145.703 105.512" stroke="%23293042" stroke-width="2.25" stroke-dasharray="6 6"/>%0A<rect x="0.00256348" y="0.5" width="173.524" height="58.3398" rx="29.1699" fill="%23272A31"/>%0A<g opacity="0.4">%0A<rect x="24.7526" y="20.9312" width="111" height="4.5" rx="2.25" fill="%23444954"/>%0A</g>%0A<g opacity="0.4">%0A<rect x="38.2526" y="34.4312" width="110.25" height="4.5" rx="2.25" fill="%23444954"/>%0A</g>%0A<path d="M40.3918 71.5547L28.4246 55.0999L52.3589 55.0999L40.3918 71.5547Z" fill="%23272A31"/>%0A</svg>%0A';
@@ -16866,7 +16893,7 @@ var EmptyChat = () => {
   var _a7;
   const { elements } = useRoomLayoutConferencingScreen();
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
-  const isMobile = useMedia6(config.media.md);
+  const isMobile = useMedia7(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();
@@ -17041,7 +17068,7 @@ var ChatMessage = React48.memo(
     var _a7, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
     const rowRef = useRef11(null);
-    const isMobile = useMedia7(config.media.md);
+    const isMobile = useMedia8(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 = useHMSStore18(selectLocalPeerID2);
@@ -17222,7 +17249,7 @@ var MessageWrapper = React48.memo(
 );
 var VirtualizedChatMessages = React48.forwardRef(({ messages, scrollToBottom }, listRef) => {
   const hmsActions = useHMSActions14();
-  const itemKey2 = useCallback13((index, data3) => {
+  const itemKey2 = useCallback14((index, data3) => {
     return data3[index].id;
   }, []);
   useEffect15(() => {
@@ -17282,7 +17309,7 @@ var ChatBody = React48.forwardRef(
       const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
       return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
     }, [blacklistedMessageIDs, messages]);
-    const vanillaStore = useHMSVanillaStore7();
+    const vanillaStore = useHMSVanillaStore8();
     const rerenderOnFirstMount = useRef11(false);
     useEffect15(() => {
       const unsubscribe = vanillaStore.subscribe(() => {
@@ -17330,12 +17357,12 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/PIP/PIPChat.tsx
 var 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 = useHMSStore19(selectHMSMessages2);
   const localPeerID = useHMSStore19(selectLocalPeerID3);
   const count = useHMSStore19(selectUnreadHMSMessagesCount2);
   const [unreadMessageCount, setUnreadMessageCount] = useState19(0);
-  const getSenderName = useCallback14(
+  const getSenderName = useCallback15(
     (senderName, senderID) => {
       const slicedName = senderName.length > 10 ? senderName.slice(0, 10) + "..." : senderName;
       return slicedName + (senderID === localPeerID ? " (You)" : "");
@@ -17358,7 +17385,7 @@ var PIPChat = () => {
   const { elements } = useRoomLayoutConferencingScreen();
   const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
   const canSendChatMessages = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled) || !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.roles_whitelist) == null ? void 0 : _d.length);
-  const getChatStatus = useCallback14(() => {
+  const getChatStatus = useCallback15(() => {
     if (isLocalPeerBlacklisted)
       return "You've been blocked from sending messages";
     if (!isChatEnabled)
@@ -17468,7 +17495,7 @@ var PIPChat = () => {
         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__ */ React49.createElement("option", { key: role, value: role }, role)),
     ((_j = elements.chat) == null ? void 0 : _j.public_chat_enabled) ? /* @__PURE__ */ React49.createElement("option", { value: "Everyone" }, "Everyone") : ""
@@ -17557,7 +17584,7 @@ var PIPWindow = ({ pipWindow, children }) => {
 // src/Prebuilt/components/RoleChangeModal.tsx
 init_define_process_env();
 import React51, { useRef as useRef12, useState as useState20 } from "react";
-import { useMedia as useMedia8 } from "react-use";
+import { useMedia as useMedia9 } from "react-use";
 import { selectAvailableRoleNames as selectAvailableRoleNames3, selectPeerByID, useHMSActions as useHMSActions15, useHMSStore as useHMSStore20 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon3, ChevronUpIcon as ChevronUpIcon3, CrossIcon as CrossIcon8 } from "@100mslive/react-icons";
 var HighlightTerm = ({ value }) => {
@@ -17683,7 +17710,7 @@ var RoleChangeModal = ({
   onOpenChange
 }) => {
   const peer = useHMSStore20(selectPeerByID(peerId));
-  const isMobile = useMedia8(config.media.md);
+  const isMobile = useMedia9(config.media.md);
   if (!peer) {
     return null;
   }
@@ -17701,7 +17728,7 @@ import { AlertTriangleIcon as AlertTriangleIcon3 } from "@100mslive/react-icons"
 
 // src/Prebuilt/components/Streaming/ResolutionInput.jsx
 init_define_process_env();
-import React53, { useCallback as useCallback15, useState as useState21 } from "react";
+import React53, { useCallback as useCallback16, useState as useState21 } from "react";
 import { InfoIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/primitives/DialogContent.jsx
@@ -17863,7 +17890,7 @@ var DialogInputFile = (_a7) => {
 // src/Prebuilt/components/Streaming/ResolutionInput.jsx
 var ResolutionInput = ({ onResolutionChange, disabled, tooltipText, css: css2, testId }) => {
   const [resolution, setResolution] = useState21(RTMP_RECORD_DEFAULT_RESOLUTION);
-  const resolutionChangeHandler = useCallback15(
+  const resolutionChangeHandler = useCallback16(
     (event) => {
       const { name, value } = event.target;
       let width = name === "resWidth" ? Number(value) : resolution.width;
@@ -18109,7 +18136,7 @@ var useTracksWithLabel = () => {
   return tracksWithLabels;
 };
 var LocalPeerStats = () => {
-  var _a7, _b7, _c, _d, _e2, _f, _g, _h, _i;
+  var _a7, _b7, _c, _d, _e, _f, _g, _h, _i;
   const stats = useHMSStatsStore3(selectHMSStats3.localPeerStats);
   if (!stats) {
     return null;
@@ -18118,7 +18145,7 @@ var LocalPeerStats = () => {
     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__ */ React55.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((_f = stats.publish) == null ? void 0 : _f.bytesSent) }), /* @__PURE__ */ React55.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes((_g = stats.subscribe) == null ? void 0 : _g.bytesReceived) }), /* @__PURE__ */ React55.createElement(
     StatsRow2,
@@ -18170,7 +18197,7 @@ var StatsRow2 = React55.memo(({ label, value }) => /* @__PURE__ */ React55.creat
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
 init_define_process_env();
-import React56, { useCallback as useCallback16, useRef as useRef15, useState as useState24 } from "react";
+import React56, { useCallback as useCallback17, useRef as useRef15, useState as useState24 } from "react";
 import { useHMSActions as useHMSActions17 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon3 } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
@@ -18185,7 +18212,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
   const [roleDialog, setRoleDialog] = useState24(false);
   const [errorMessage, setErrorMessage] = useState24("");
   const [isSubmiting, setIsSubmiting] = useState24(false);
-  const changeBulkRole = useCallback16(() => __async(void 0, null, function* () {
+  const changeBulkRole = useCallback17(() => __async(void 0, null, function* () {
     if (selectedBulkRole.length > 0 && selectedRole) {
       try {
         setIsSubmiting(true);
@@ -18279,7 +18306,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
 // src/Prebuilt/components/MoreSettings/CaptionModal.tsx
 init_define_process_env();
 import React58 from "react";
-import { useMedia as useMedia9 } from "react-use";
+import { useMedia as useMedia10 } from "react-use";
 
 // src/Prebuilt/components/MoreSettings/CaptionContent.tsx
 init_define_process_env();
@@ -18405,7 +18432,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
 
 // src/Prebuilt/components/MoreSettings/CaptionModal.tsx
 var CaptionModal = ({ onOpenChange }) => {
-  const isMobile = useMedia9(config.media.md);
+  const isMobile = useMedia10(config.media.md);
   const props = {
     isMobile,
     onExit: () => {
@@ -18425,11 +18452,11 @@ import { ExpandIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/hooks/useFullscreen.ts
 init_define_process_env();
-import { useCallback as useCallback17, useEffect as useEffect18, useState as useState25 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect18, useState as useState25 } from "react";
 import screenfull from "screenfull";
 var useFullscreen = () => {
   const [isFullScreenEnabled, setIsFullScreenEnabled] = useState25(screenfull.isFullscreen);
-  const toggle = useCallback17(() => __async(void 0, null, function* () {
+  const toggle = useCallback18(() => __async(void 0, null, function* () {
     if (!screenfull.isEnabled) {
       ToastManager.addToast({ title: "Fullscreen feature not supported" });
       return;
@@ -18486,7 +18513,7 @@ var FullScreenItem = () => {
 
 // src/Prebuilt/components/MoreSettings/MuteAllModal.tsx
 init_define_process_env();
-import React61, { useCallback as useCallback18, useState as useState26 } from "react";
+import React61, { useCallback as useCallback19, useState as useState26 } from "react";
 import {
   selectAvailableRoleNames as selectAvailableRoleNames4,
   useHMSActions as useHMSActions19,
@@ -18498,23 +18525,6 @@ import { MicOffIcon as MicOffIcon2 } from "@100mslive/react-icons";
 init_define_process_env();
 import React60 from "react";
 import { selectPermissions as selectPermissions7, useHMSStore as useHMSStore24 } from "@100mslive/react-sdk";
-
-// src/Prebuilt/components/MoreSettings/constants.ts
-init_define_process_env();
-var trackSourceOptions = [
-  { label: "All Track Sources", value: "" },
-  { label: "regular", value: "regular" },
-  { label: "screen", value: "screen" },
-  { label: "audioplaylist", value: "audioplaylist" },
-  { label: "videoplaylist", value: "videoplaylist" }
-];
-var trackTypeOptions = [
-  { label: "All Track Types", value: "" },
-  { label: "audio", value: "audio" },
-  { label: "video", value: "video" }
-];
-
-// src/Prebuilt/components/MoreSettings/MuteAllContent.tsx
 var MuteAllContent = (props) => {
   const roles = props.roles || [];
   const permissions = useHMSStore24(selectPermissions7);
@@ -18562,7 +18572,7 @@ var MuteAllModal = ({
   const [trackType, setTrackType] = useState26();
   const [selectedRole, setRole] = useState26();
   const [selectedSource, setSource] = useState26();
-  const muteAll = useCallback18(() => __async(void 0, null, function* () {
+  const muteAll = useCallback19(() => __async(void 0, null, function* () {
     yield hmsActions.setRemoteTracksEnabled({
       enabled,
       type: trackType,
@@ -18592,19 +18602,19 @@ var MuteAllModal = ({
 
 // src/Prebuilt/components/hooks/useMetadata.tsx
 init_define_process_env();
-import { useCallback as useCallback19 } from "react";
+import { useCallback as useCallback20 } from "react";
 import {
   selectHasPeerHandRaised,
   selectLocalPeerID as selectLocalPeerID5,
   selectPeerMetadata as selectPeerMetadata2,
   useHMSActions as useHMSActions20,
   useHMSStore as useHMSStore26,
-  useHMSVanillaStore as useHMSVanillaStore8
+  useHMSVanillaStore as useHMSVanillaStore9
 } from "@100mslive/react-sdk";
 var useMyMetadata = () => {
   const hmsActions = useHMSActions20();
   const localPeerId = useHMSStore26(selectLocalPeerID5);
-  const vanillaStore = useHMSVanillaStore8();
+  const vanillaStore = useHMSVanillaStore9();
   const metaData = useHMSStore26(selectPeerMetadata2(localPeerId));
   const isHandRaised = useHMSStore26(selectHasPeerHandRaised(localPeerId));
   const update = (updatedFields) => __async(void 0, null, function* () {
@@ -18617,7 +18627,7 @@ var useMyMetadata = () => {
     }
     return false;
   });
-  const toggleHandRaise = useCallback19(() => __async(void 0, null, function* () {
+  const toggleHandRaise = useCallback20(() => __async(void 0, null, function* () {
     if (isHandRaised) {
       yield hmsActions.lowerLocalPeerHand();
       yield update({ handRaisedAt: void 0 });
@@ -18626,7 +18636,7 @@ var useMyMetadata = () => {
       yield update({ isBRBOn: false, handRaisedAt: Date.now() });
     }
   }), [isHandRaised]);
-  const toggleBRB = useCallback19(() => __async(void 0, null, function* () {
+  const toggleBRB = useCallback20(() => __async(void 0, null, function* () {
     const newValue = !(metaData == null ? void 0 : metaData.isBRBOn);
     yield update({ isBRBOn: newValue });
     if (newValue) {
@@ -18937,8 +18947,8 @@ import {
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
-import React64, { useCallback as useCallback21, useEffect as useEffect20, useRef as useRef16, useState as useState29 } from "react";
-import { useMedia as useMedia10 } from "react-use";
+import React64, { useCallback as useCallback22, useEffect as useEffect20, useRef as useRef16, useState as useState29 } from "react";
+import { useMedia as useMedia11 } from "react-use";
 
 // ../hms-video-store/dist/index.js
 init_define_process_env();
@@ -19339,8 +19349,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((match17) => d2.label.toLowerCase().includes(match17)));
+            devices = devices.filter((d) => d.kind === "videoinput");
+            let dev = devices.find((d) => matches.some((match17) => d.label.toLowerCase().includes(match17)));
             if (!dev && devices.length && matches.includes("back")) {
               dev = devices[devices.length - 1];
             }
@@ -19468,15 +19478,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];
@@ -21009,7 +21019,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]));
   };
 }
 
@@ -21123,8 +21133,8 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 var import_lodash4 = __toESM(require_lodash2());
 import { v4 as vo } from "uuid";
 import { v4 as Po } from "uuid";
-import { v4 as Ao } from "uuid";
-import { EventEmitter2 as Io } from "eventemitter2";
+import { v4 as Ro } from "uuid";
+import { EventEmitter2 as Ao } from "eventemitter2";
 var Kt = __toESM(require_lib());
 import { EventEmitter2 as tn } from "eventemitter2";
 import { v4 as nn } from "uuid";
@@ -21135,38 +21145,38 @@ import { v4 as hn } from "uuid";
 var ja = Object.defineProperty;
 var Ja = Object.defineProperties;
 var Qa = Object.getOwnPropertyDescriptors;
-var ei = Object.getOwnPropertySymbols;
-var as = Object.prototype.hasOwnProperty;
-var os = Object.prototype.propertyIsEnumerable;
-var ss = (a2, e, t) => e in a2 ? ja(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+var Zt = Object.getOwnPropertySymbols;
+var ss = Object.prototype.hasOwnProperty;
+var as = Object.prototype.propertyIsEnumerable;
+var rs = (a2, e, t) => e in a2 ? ja(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
 var 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;
 };
 var M = (a2, e) => Ja(a2, Qa(e));
-var Sr = (a2, e) => {
+var 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;
 };
 var Xa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-var 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"] };
+var 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"] };
 });
-var 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 || {});
+var 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 || {});
 var Za = ((e) => (e.CHAT = "chat", e))(Za || {});
-var ns = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ns || {});
-var 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 || {});
-var cs = ((t) => (t.audio = "audio", t.video = "video", t))(cs || {});
-function xe(a2, e) {
+var os = ((t) => (t.INFO = "info", t.ERROR = "error", t))(os || {});
+var 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 || {});
+var ns = ((t) => (t.audio = "audio", t.video = "video", t))(ns || {});
+function Be(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
@@ -21184,16 +21194,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) {
@@ -21201,9 +21211,9 @@ function mt(a2) {
   let e = false, t = false, i = false;
   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 };
 }
-var 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 || {});
+var 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 || {});
 var to = typeof window != "undefined" && typeof window.expect != "undefined";
-var d = class {
+var l = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
   }
@@ -21268,26 +21278,26 @@ var d = class {
       }
   }
 };
-d.level = to ? 7 : 0;
-var ge = new import_ua_parser_js.UAParser();
-var O = typeof window != "undefined";
-var ps;
-var Ue = typeof window == "undefined" && !((ps = ge.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
-var ro = () => !Ue;
+l.level = to ? 7 : 0;
+var fe = new import_ua_parser_js.UAParser();
+var U = typeof window != "undefined";
+var us;
+var Ve = typeof window == "undefined" && !((us = fe.getBrowser().name) != null && us.toLowerCase().includes("electron"));
+var ro = () => !Ve;
 var ic = ro();
+var ps;
 var hs;
-var ms;
-var gs = ((ms = (hs = ge.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : ms.toLowerCase()) === "firefox";
+var gs = ((hs = (ps = fe.getBrowser()) == null ? void 0 : ps.name) == null ? void 0 : hs.toLowerCase()) === "firefox";
 var Ts = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Ts || {});
 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";
 }
-var Qe = so();
-var 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 } };
+var ze = so();
+var 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 } };
 var f = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
     super(s);
@@ -21319,97 +21329,97 @@ var f = class a extends Error {
 };
 var ao = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var 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 = "") {
@@ -21421,11 +21431,11 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, 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);
 } } };
-var vr = class {
+var fr = class {
   constructor() {
     this.valuesMap = /* @__PURE__ */ new Map();
   }
@@ -21452,21 +21462,21 @@ var vr = class {
 };
 var 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());
   }
 };
-var le = class {
+var 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() {
@@ -21485,49 +21495,49 @@ var le = class {
   }
 };
 var 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 = oo(), e.set(a2)), a2;
 };
-function oe(a2) {
+function ne(a2) {
   return a2 != null;
 }
-var ys = Mr().version;
-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 });
+var ys = vr().version;
+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, "_");
 }
-var ks = (a2, e = ",") => Object.keys(a2).filter((t) => oe(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var ks = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var 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 = co(), 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() };
   }
 };
 var 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 });
   }
@@ -21552,8 +21562,8 @@ var y = class {
     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();
@@ -21597,6 +21607,9 @@ var y = class {
   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"}`;
   }
@@ -21609,9 +21622,9 @@ var y = class {
   }
 };
 y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
-var kr = class {
+var yr = class {
   constructor() {
-    this.storage = new le("hms-device-selection");
+    this.storage = new pe("hms-device-selection");
     this.remember = false;
     this.TAG = "[HMSDeviceStorage]";
   }
@@ -21626,7 +21639,7 @@ var kr = class {
       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() || {};
@@ -21643,10 +21656,10 @@ var kr = class {
     return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
   }
 };
-var Q = new kr();
-var Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
-var Er = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Er || {});
-function oi(a2, e = 300) {
+var J = new yr();
+var kr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(kr || {});
+var Pr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Pr || {});
+function ai(a2, e = 300) {
   let t;
   return function(...i) {
     clearTimeout(t), t = void 0;
@@ -21656,15 +21669,15 @@ function oi(a2, e = 300) {
     }, e);
   };
 }
-var Ar = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Ar || {});
-var 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 || {});
-var As = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(As || {});
-var Is = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Is || {});
+var Ir = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Ir || {});
+var 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 || {});
+var Rs = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Rs || {});
+var As = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(As || {});
 var Hs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Hs || {});
 var Cs = ((e) => (e.CAPTION = "caption", e))(Cs || {});
-var Ir = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Ir || {});
+var Rr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Rr || {});
 var Ls = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Ls || {});
-var Hr = class {
+var Ar = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -21687,12 +21700,12 @@ var Hr = class {
     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;
   }
 };
-var Ns = new Hr();
-var Cr = class {
+var Ns = new Ar();
+var Hr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -21705,7 +21718,7 @@ var Cr = class {
       (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;
@@ -21715,51 +21728,51 @@ var Cr = class {
     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;
   }
 };
-var Os = new Cr();
-var Lr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Lr || {});
-var Dr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Dr || {});
+var Os = new Hr();
+var Cr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Cr || {});
+var Lr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Lr || {});
 var Bs = "https://event.100ms.live/v2/client/report";
 var Vs = "https://event-nonprod.100ms.live/v2/client/report";
 var Pt = Math.pow(2, 31) - 1;
 var rt = class {
 };
-rt.makePeerId = () => Ao();
+rt.makePeerId = () => Ro();
 var B = (a2) => a2.room;
 var Ho = (a2) => a2.errors;
 var Kh = createSelector(Ho, (a2) => a2.length === 0 ? null : a2.at(-1));
 var qh = createSelector(B, (a2) => a2.id);
 var K = (a2) => a2.peers;
-var fi = (a2) => a2.messages.byID;
+var Ti = (a2) => a2.messages.byID;
 var Qs = (a2) => a2.messages.allIDs;
 var N = (a2) => a2.tracks;
-var Fr = (a2) => a2.appData;
+var Vr = (a2) => a2.appData;
 var Co = (a2) => a2.speakers;
-var _e = createSelector([B], (a2) => a2 && a2.isConnected);
-var 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));
+var Oe = createSelector([B], (a2) => a2 && a2.isConnected);
+var 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));
 var Lo = (a2) => a2.hideLocalPeer;
-var 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]));
-var Do = createSelector(N, (a2) => Object.values(a2));
-var te = createSelector(B, K, (a2, e) => e[a2.localPeer]);
-var ye = createSelector(B, (a2) => a2.localPeer);
-var zh = createSelector(te, (a2) => a2 == null ? void 0 : a2.name);
-var Yh = createSelector(te, (a2) => a2 == null ? void 0 : a2.roleName);
-var ae = createSelector(te, (a2) => a2 == null ? void 0 : a2.audioTrack);
-var Y = createSelector(te, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var wo = createSelector(te, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Ys = createSelector([ae, Y, wo], (a2, e, t) => {
+var 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]));
+var wo = createSelector(N, (a2) => Object.values(a2));
+var ie = createSelector(B, K, (a2, e) => e[a2.localPeer]);
+var Pe = createSelector(B, (a2) => a2.localPeer);
+var zh = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
+var Yh = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
+var oe = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
+var z = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
+var Do = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Ys = createSelector([oe, z, Do], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var Xh = createSelector(me, (a2) => a2.filter((e) => !e.isLocal));
+var Xh = createSelector(ge, (a2) => a2.filter((e) => !e.isLocal));
 var 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;
@@ -21768,14 +21781,14 @@ var Zh = createSelector(K, Co, (a2, e) => {
   }
   return null;
 });
-var Wr = createSelector(te, N, (a2, e) => {
-  let { video: t, audio: i } = xe(e, a2);
+var Gr = createSelector(ie, N, (a2, e) => {
+  let { video: t, audio: i } = Be(e, a2);
   return !!(t || i);
 });
 var _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);
@@ -21785,7 +21798,7 @@ var _o = createSelector(K, N, (a2, e) => {
 var tm = createSelector(_o, (a2) => !!a2);
 var 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;
   }
@@ -21793,7 +21806,7 @@ var im = createSelector(K, N, (a2, e) => {
 var 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);
@@ -21808,36 +21821,36 @@ var sm = createSelector(K, N, (a2, e) => {
 var 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];
   }
 });
-var om = createSelector(Do, (a2) => a2.filter(ds));
+var om = createSelector(wo, (a2) => a2.filter(cs));
 var nm = createSelector(Qs, (a2) => a2.length);
-var cm = createSelector(fi, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var At = createSelector(Qs, fi, (a2, e) => {
+var cm = createSelector(Ti, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var Rt = createSelector(Qs, Ti, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var No = createSelector(At, (a2) => a2.filter((e) => {
+var No = createSelector(Rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
 var dm = createSelector(No, (a2) => a2.filter((e) => !e.read).length);
-var ie = createSelector([B], (a2) => a2 && a2.roomState);
-var Zs = createSelector(ie, (a2) => a2 === "Preview");
+var re = createSelector([B], (a2) => a2 && a2.roomState);
+var Zs = createSelector(re, (a2) => a2 === "Preview");
 var lm = createSelector(B, (a2) => a2.roomState !== "Disconnected");
 var um = createSelector(B, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
-var Se = (a2) => a2.roles;
-var pm = createSelector([Se], (a2) => Object.keys(a2));
-var at = createSelector([te, Se], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
+var Te = (a2) => a2.roles;
+var pm = createSelector([Te], (a2) => Object.keys(a2));
+var at = createSelector([ie, Te], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
 var Oo = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var ea = createSelector([Oo, Se], (a2, e) => a2 ? e[a2] : null);
+var ea = createSelector([Oo, Te], (a2, e) => a2 ? e[a2] : null);
 var hm = createSelector([at], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
@@ -21851,28 +21864,29 @@ var fm = createSelector(B, (a2) => a2.sessionId);
 var vm = createSelector(B, (a2) => a2.startedAt);
 var Mm = createSelector(B, (a2) => !!a2.isLargeRoom);
 var ym = createSelector(B, (a2) => !!a2.isEffectsEnabled);
-var km = createSelector(B, (a2) => a2.effectsKey);
+var km = createSelector(B, (a2) => !!a2.isVBEnabled);
+var Pm = createSelector(B, (a2) => a2.effectsKey);
 var ia = (a2) => a2.polls;
-var Rm = createSelector(me, (a2) => a2.filter((e) => e.isHandRaised));
+var Rm = createSelector(ge, (a2) => a2.filter((e) => e.isHandRaised));
 var xo = (a2) => a2.whiteboards;
 var Am = createSelector(xo, (a2) => Object.values(a2)[0]);
 var sa = (a2 = "audio") => (e) => e.playlist[a2].list;
-var $r = (a2 = "audio") => (e) => e.playlist[a2].selection;
+var Wr = (a2 = "audio") => (e) => e.playlist[a2].selection;
 var aa = (a2 = "audio") => (e) => e.playlist[a2].progress;
 var oa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
 var na = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
 var ca = (a2 = "audio") => (e) => e.playlist[a2].volume;
 var da = (a2 = "audio") => createSelector(sa(a2), (e) => Object.values(e));
-var la = (a2 = "audio") => createSelector(sa(a2), $r(a2), (e, t) => {
+var la = (a2 = "audio") => createSelector(sa(a2), Wr(a2), (e, t) => {
   if (t.id)
     return e[t.id];
 });
-var ua = { selection: $r("audio"), progress: aa("audio"), currentTime: oa("audio"), playbackRate: na("audio"), volume: ca("audio"), list: da("audio"), selectedItem: la("audio") };
-var pa = { selection: $r("video"), progress: aa("video"), currentTime: oa("video"), playbackRate: na("video"), volume: ca("video"), list: da("video"), selectedItem: la("video") };
-function I(a2) {
+var ua = { selection: Wr("audio"), progress: aa("audio"), currentTime: oa("audio"), playbackRate: na("audio"), volume: ca("audio"), list: da("audio"), selectedItem: la("audio") };
+var pa = { selection: Wr("video"), progress: aa("video"), currentTime: oa("video"), playbackRate: na("video"), volume: ca("video"), list: da("video"), selectedItem: la("video") };
+function A(a2) {
   return (e) => (t) => a2(t, e);
 }
-var It = "HMS-Store:";
+var At = "HMS-Store:";
 var b = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -21902,23 +21916,23 @@ var b = class {
     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: {
@@ -21939,13 +21953,13 @@ var b = class {
   }
 };
 b.level = 0;
-var Kr = (a2, e) => e;
+var $r = (a2, e) => e;
 var Ht = (a2, e) => e;
 var ha = (a2, e) => e;
 var Uo = (a2, e) => e;
 var Bo = (a2, e) => e;
-var q = createSelector([K, Kr], (a2, e) => e ? a2[e] : null);
-var qr = createSelector([N, Ht], (a2, e) => e ? a2[e] : null);
+var q = createSelector([K, $r], (a2, e) => e ? a2[e] : null);
+var Kr = createSelector([N, Ht], (a2, e) => e ? a2[e] : null);
 var Vo = createSelector([N, Ht], (a2, e) => {
   if (!e)
     return null;
@@ -21971,101 +21985,101 @@ var Wo = createSelector([N, Ht], (a2, e) => {
   return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
 var $o = createSelector([ia, Bo], (a2, e) => e ? a2[e] : null);
-var X = I(q);
-var Um = I(createSelector([Fr, Uo], (a2, e) => {
+var Y = A(q);
+var Bm = A(createSelector([Vr, Uo], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function Bm(a2) {
+function Vm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var Fm = I(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
-var Gm = I(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
-var vi = I(qr);
-var ma = I(Vo);
-var Wm = I(Fo);
-var $m = I(Go);
-var Km = I(Wo);
-var Ko = I((a2, e) => {
+var Gm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
+var Wm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
+var fi = A(Kr);
+var ma = A(Vo);
+var $m = A(Fo);
+var Km = A(Go);
+var qm = A(Wo);
+var Ko = A((a2, e) => {
   let t = q(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var qo = I((a2, e) => {
+var qo = A((a2, e) => {
   let t = q(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var jm = I((a2, e) => {
+var Jm = A((a2, e) => {
   let t = q(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
 var Sa = (a2, e) => e ? a2.speakers[e] : null;
-var Jm = I(createSelector(Sa, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Qm = A(createSelector(Sa, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
 var jo = (a2, e) => {
   let t = qo(e)(a2);
   return Sa(a2, t == null ? void 0 : t.id);
 };
-var Qm = I(createSelector(jo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var zm = I((a2, e) => {
+var zm = A(createSelector(jo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Ym = A((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var Ym = I((a2, e) => {
+var 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;
   }
 });
-var Xm = I(createSelector(N, q, (a2, e) => {
+var 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;
 }));
-var Zm = I(createSelector(N, q, (a2, e) => {
+var 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;
 }));
-var eS = I(createSelector(N, q, (a2, e) => {
+var 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;
 }));
-var ga = I(createSelector(N, q, (a2, e) => xe(a2, e)));
+var ga = A(createSelector(N, q, (a2, e) => Be(a2, e)));
 var Ta = (a2) => createSelector(ga(a2), (e) => e.audio);
-var iS = I((a2, e) => {
+var 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);
 });
-var rS = I((a2, e) => {
+var 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);
 });
-var fa = I((a2, e) => {
+var fa = A((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var sS = I((a2, e) => {
+var aS = A((a2, e) => {
   let t = q(a2, e);
   return fa(t == null ? void 0 : t.audioTrack)(a2);
 });
-var aS = I((a2, e) => {
+var oS = A((a2, e) => {
   let t = Ta(e)(a2);
   return fa(t == null ? void 0 : t.id)(a2);
 });
-var va = I((a2, e) => {
-  let t = qr(a2, e);
+var va = A((a2, e) => {
+  let t = Kr(a2, e);
   if (t) {
     if (t.type !== "audio") {
       b.w("Please pass audio track here");
@@ -22074,16 +22088,16 @@ var va = I((a2, e) => {
     return t.volume;
   }
 });
-var oS = I((a2, e) => {
+var nS = A((a2, e) => {
   let t = q(a2, e);
   return va(t == null ? void 0 : t.audioTrack)(a2);
 });
-var nS = I((a2, e) => {
+var cS = A((a2, e) => {
   let t = Ta(e)(a2);
   return va(t == null ? void 0 : t.id)(a2);
 });
-var cS = I((a2, e) => {
-  let t = qr(a2, e);
+var dS = A((a2, e) => {
+  let t = Kr(a2, e);
   if (t) {
     if (t.type !== "video") {
       b.w("Please pass video track here");
@@ -22092,53 +22106,53 @@ var cS = I((a2, e) => {
     return t.layer;
   }
 });
-var Ma = createSelector([At, ye, Kr], (a2, e, t) => {
+var 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);
     });
 });
-var ya = createSelector([At, ha], (a2, e) => {
+var 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;
     });
 });
-var Jo = createSelector(At, (a2) => a2.filter((e) => {
+var Jo = createSelector(Rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
 var Qo = createSelector([ya, ha], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var zo = createSelector([Ma, Kr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var dS = createSelector(Jo, (a2) => a2.filter((e) => !e.read).length);
-var lS = I(Ma);
-var uS = I(ya);
-var pS = I(Qo);
-var hS = I(zo);
-var ka = I($o);
-var bS = createSelector([K, N], (a2, e) => Object.values(a2).map((i) => {
+var zo = createSelector([Ma, $r], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var lS = createSelector(Jo, (a2) => a2.filter((e) => !e.read).length);
+var uS = A(Ma);
+var pS = A(ya);
+var hS = A(Qo);
+var mS = A(zo);
+var ka = A($o);
+var 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 };
 }));
 var Yo = (a2) => a2.roleChangeRequests[0] || null;
-var 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);
+var 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);
 var AS = createSelector([at], (a2) => mt(a2));
-var IS = createSelector([ea], (a2) => mt(a2));
-var Zo = createSelector([Y, N], (a2, e) => {
+var HS = createSelector([ea], (a2) => mt(a2));
+var Zo = createSelector([z, N], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var en = createSelector([ae, N], (a2, e) => {
+var en = createSelector([oe, N], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
 var 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 || {});
-var Yr = class {
+var 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 = "";
@@ -22164,7 +22178,7 @@ var Yr = class {
         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() {
@@ -22180,66 +22194,66 @@ var Yr = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Pe = new Yr();
+var be = new zr();
 var 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 || {});
-var 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 || {});
-var ur = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(ur || {});
+var 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 || {});
+var lr = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lr || {});
 var Pn = (a2) => a2.localPeer.id;
 var En = (a2) => a2.localPeer.audioTrack;
 var bn = (a2) => a2.localPeer.videoTrack;
-var Rn = (a2, e) => e;
+var In = (a2, e) => e;
 var Ka = (a2, e) => e;
-var An = (a2) => a2.remoteTrackStats;
+var Rn = (a2) => a2.remoteTrackStats;
 var qa = (a2) => a2.peerStats;
-var is = (a2) => a2.localTrackStats;
-var be = createSelector([qa, Pn], (a2, e) => a2[e]);
-var In = createSelector(be, (a2) => {
+var ts = (a2) => a2.localTrackStats;
+var Re = createSelector([qa, Pn], (a2, e) => a2[e]);
+var An = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var Hn = createSelector(be, (a2) => {
+var Hn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var Cn = createSelector(be, (a2) => {
+var Cn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var Ln = createSelector(be, (a2) => {
+var Ln = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var Dn = createSelector(be, (a2) => {
+var wn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var wn = createSelector(be, (a2) => {
+var Dn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var _n = createSelector(be, (a2) => {
+var _n = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Nn = createSelector(be, (a2) => {
+var Nn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var On = createSelector([qa, Rn], (a2, e) => e ? a2[e] : void 0);
-var xn = createSelector([An, Ka], (a2, e) => e ? a2[e] : void 0);
-var rs = createSelector([is, Ka], (a2, e) => e ? a2[e] : void 0);
-var Un = I(On);
-var Bn = I(xn);
-var Vn = createSelector([is, En], (a2, e) => {
+var On = createSelector([qa, In], (a2, e) => e ? a2[e] : void 0);
+var xn = createSelector([Rn, Ka], (a2, e) => e ? a2[e] : void 0);
+var is = createSelector([ts, Ka], (a2, e) => e ? a2[e] : void 0);
+var Un = A(On);
+var Bn = A(xn);
+var Vn = createSelector([ts, En], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Fn = I(createSelector(rs, (a2) => a2 == null ? void 0 : a2[0]));
-var Gn = createSelector([is, bn], (a2, e) => {
+var Fn = A(createSelector(is, (a2) => a2 == null ? void 0 : a2[0]));
+var Gn = createSelector([ts, bn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Wn = I(createSelector(rs, (a2) => a2));
+var Wn = A(createSelector(is, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -22263,7 +22277,7 @@ import { ChevronDownIcon as ChevronDownIcon4, ChevronUpIcon as ChevronUpIcon4, M
 
 // src/Prebuilt/components/hooks/useScreenshareAudio.js
 init_define_process_env();
-import { useCallback as useCallback20 } from "react";
+import { useCallback as useCallback21 } from "react";
 import {
   selectPeerSharingAudio,
   selectScreenShareAudioByPeerID,
@@ -22274,7 +22288,7 @@ var useScreenshareAudio = () => {
   const hmsActions = useHMSActions23();
   const peer = useHMSStore28(selectPeerSharingAudio);
   const track = useHMSStore28(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
-  const handleMute = useCallback20(() => {
+  const handleMute = useCallback21(() => {
     if (!peer.isLocal) {
       hmsActions.setVolume(!track.volume ? 100 : 0, track.id);
     } else {
@@ -22358,11 +22372,11 @@ var LiveStatus = () => {
   var _a7;
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
   const hlsState = useHMSStore30(selectHLSState4);
-  const isMobile = useMedia10(config.media.md);
+  const isMobile = useMedia11(config.media.md);
   const intervalRef = useRef16(null);
   const { screenType } = useRoomLayoutConferencingScreen();
   const [liveTime, setLiveTime] = useState29(0);
-  const startTimer = useCallback21(() => {
+  const startTimer = useCallback22(() => {
     intervalRef.current = setInterval(() => {
       var _a8;
       const timeStamp = (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
@@ -22405,7 +22419,7 @@ var LiveStatus = () => {
 var RecordingStatus = () => {
   const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = useRecordingStreaming6();
   const permissions = useHMSStore30(selectPermissions8);
-  const isMobile = useMedia10(config.media.md);
+  const isMobile = useMedia11(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(
@@ -22438,7 +22452,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore30(selectRecordingState2);
-  if (recording.hls && recording.hls.state === Rs.PAUSED) {
+  if (recording.hls && recording.hls.state === Is.PAUSED) {
     return /* @__PURE__ */ React64.createElement(
       Tooltip,
       {
@@ -22513,7 +22527,7 @@ var StartRecording2 = () => {
 };
 var StreamActions = () => {
   const isConnected = useHMSStore30(selectIsConnectedToRoom6);
-  const isMobile = useMedia10(config.media.md);
+  const isMobile = useMedia11(config.media.md);
   const roomState = useHMSStore30(selectRoomState3);
   return /* @__PURE__ */ React64.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React64.createElement(AdditionalRoomState, null), !isMobile && /* @__PURE__ */ React64.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React64.createElement(RecordingPauseStatus, null), /* @__PURE__ */ React64.createElement(RecordingStatus, null), roomState !== HMSRoomState3.Preview ? /* @__PURE__ */ React64.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ React64.createElement(StartRecording2, null) : null);
 };
@@ -22537,7 +22551,7 @@ var StopRecordingInSheet = ({
 // src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx
 init_define_process_env();
 import React66, { useState as useState30 } from "react";
-import { useMedia as useMedia11 } from "react-use";
+import { useMedia as useMedia12 } from "react-use";
 import { selectLocalPeerName as selectLocalPeerName3, useHMSActions as useHMSActions25, useHMSStore as useHMSStore31 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
@@ -22656,7 +22670,7 @@ var ChangeNameModal = ({
   const hmsActions = useHMSActions25();
   const localPeerName = useHMSStore31(selectLocalPeerName3);
   const [currentName, setCurrentName] = useState30(localPeerName);
-  const isMobile = useMedia11(config.media.md);
+  const isMobile = useMedia12(config.media.md);
   const changeName = () => __async(void 0, null, function* () {
     const name = (currentName == null ? void 0 : currentName.trim()) || "";
     if (!name || name === localPeerName) {
@@ -22694,8 +22708,8 @@ var ChangeNameModal = ({
 
 // src/Prebuilt/components/AppData/useSheet.ts
 init_define_process_env();
-import { useCallback as useCallback22 } from "react";
-import { selectAppData as selectAppData4, useHMSActions as useHMSActions26, useHMSStore as useHMSStore32, useHMSVanillaStore as useHMSVanillaStore9 } from "@100mslive/react-sdk";
+import { useCallback as useCallback23 } from "react";
+import { selectAppData as selectAppData4, useHMSActions as useHMSActions26, useHMSStore as useHMSStore32, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 var useIsSheetTypeOpen = (sheetType) => {
   if (!sheetType) {
     throw Error("Pass one of the sheet options");
@@ -22704,8 +22718,8 @@ var useIsSheetTypeOpen = (sheetType) => {
 };
 var useSheetToggle = (sheetType) => {
   const hmsActions = useHMSActions26();
-  const vanillaStore = useHMSVanillaStore9();
-  const toggleSheet = useCallback22(() => {
+  const vanillaStore = useHMSVanillaStore10();
+  const toggleSheet = useCallback23(() => {
     const isOpen = vanillaStore.getState(selectAppData4(APP_DATA.sheet)) === sheetType;
     hmsActions.setAppData(APP_DATA.sheet, !isOpen ? sheetType : "");
   }, [vanillaStore, hmsActions, sheetType]);
@@ -22717,7 +22731,7 @@ init_define_process_env();
 import { useEffect as useEffect21, useState as useState31 } from "react";
 import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore33 } from "@100mslive/react-sdk";
 var useUnreadPollQuizPresent = () => {
-  const localPeerID = useHMSStore33(ye);
+  const localPeerID = useHMSStore33(Pe);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState31(false);
   useEffect21(() => {
@@ -22994,7 +23008,7 @@ var MoreSettings = ({
   elements,
   screenType
 }) => {
-  const isMobile = useMedia12(config.media.md);
+  const isMobile = useMedia13(config.media.md);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   return isMobile || isLandscapeHLSStream ? /* @__PURE__ */ React68.createElement(MwebOptions, { elements, screenType }) : /* @__PURE__ */ React68.createElement(DesktopOptions, { elements, screenType });
 };
@@ -23524,15 +23538,22 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
 // src/Prebuilt/components/VirtualBackground/VBToggle.tsx
 init_define_process_env();
 import React77 from "react";
-import { selectAppData as selectAppData5, selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5, useHMSStore as useHMSStore36 } from "@100mslive/react-sdk";
+import {
+  selectAppData as selectAppData5,
+  selectIsEffectsEnabled,
+  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5,
+  selectIsVBEnabled,
+  useHMSStore as useHMSStore36
+} from "@100mslive/react-sdk";
 import { VirtualBackgroundIcon as VirtualBackgroundIcon2 } from "@100mslive/react-icons";
 var VBToggle = () => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
   const isVideoOn = useHMSStore36(selectIsLocalVideoEnabled5);
+  const isVBEnabled = useHMSStore36(selectIsVBEnabled);
   const isEffectsEnabled = useHMSStore36(selectIsEffectsEnabled);
   const loadingEffects = useHMSStore36(selectAppData5(APP_DATA.loadingEffects));
-  if (!isVideoOn || !isEffectsEnabled && isSafari) {
+  if (!isVideoOn || !isEffectsEnabled && isSafari || !isVBEnabled) {
     return null;
   }
   return /* @__PURE__ */ React77.createElement(Tooltip, { side: "top", disabled: isVBOpen, title: "Configure Virtual Background" }, /* @__PURE__ */ React77.createElement(IconButton_default, { active: !isVBOpen, onClick: toggleVB, "data-testid": "virtual_bg_btn" }, loadingEffects ? /* @__PURE__ */ React77.createElement(Loading, { size: 18 }) : /* @__PURE__ */ React77.createElement(VirtualBackgroundIcon2, null)));
@@ -23585,8 +23606,8 @@ var ChatToggle = ({ onClick }) => {
 
 // src/Prebuilt/components/Footer/ParticipantList.tsx
 init_define_process_env();
-import React83, { Fragment as Fragment10, useCallback as useCallback23, useState as useState37 } from "react";
-import { useDebounce, useMedia as useMedia13 } from "react-use";
+import React83, { Fragment as Fragment10, useCallback as useCallback24, useState as useState37 } from "react";
+import { useDebounce, useMedia as useMedia14 } from "react-use";
 import {
   HMSPeerType as HMSPeerType2,
   selectAvailableRoleNames as selectAvailableRoleNames5,
@@ -23912,7 +23933,7 @@ var RoleOptions = ({ roleName, peerList }) => {
 
 // src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
 init_define_process_env();
-import { match as match7, P as P3 } from "ts-pattern";
+import { match as match7, P as P4 } from "ts-pattern";
 import { selectPermissions as selectPermissions12, useHMSActions as useHMSActions30, useHMSStore as useHMSStore41 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
   var _a7;
@@ -23929,9 +23950,9 @@ var useGroupOnStageActions = ({ peers }) => {
   const offStageRolePeers = peers.filter(
     (peer) => match7({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
       {
-        on_stage_role: P3.when((role) => !!role),
-        bring_to_stage_label: P3.when((label) => !!label),
-        roleName: P3.when((role) => !!role && off_stage_roles.includes(role))
+        on_stage_role: P4.when((role) => !!role),
+        bring_to_stage_label: P4.when((label) => !!label),
+        roleName: P4.when((role) => !!role && off_stage_roles.includes(role))
       },
       () => true
     ).otherwise(() => false)
@@ -24177,7 +24198,7 @@ var ParticipantList = ({
     });
   }
   useSidepaneResetOnLayoutUpdate("participant_list", SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const onSearch = useCallback23((value) => {
+  const onSearch = useCallback24((value) => {
     setFilter((filterValue) => {
       if (!filterValue) {
         filterValue = {};
@@ -24451,7 +24472,7 @@ var ParticipantSearch = ({
   inSidePane = false
 }) => {
   const [value, setValue] = React83.useState("");
-  const isMobile = useMedia13(config.media.md);
+  const isMobile = useMedia14(config.media.md);
   useDebounce(
     () => {
       onSearch(value);
@@ -24566,7 +24587,7 @@ var Footer2 = ({
   elements
 }) => {
   var _a7, _b7;
-  const isMobile = useMedia14(config.media.md);
+  const isMobile = useMedia15(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) === Chat_ChatState.CHAT_STATE_OPEN;
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
@@ -24624,7 +24645,7 @@ var Footer2 = ({
 
 // src/Prebuilt/components/Notifications/HLSFailureModal.tsx
 init_define_process_env();
-import React87, { useCallback as useCallback24, useState as useState38 } from "react";
+import React87, { useCallback as useCallback25, useState as useState38 } from "react";
 import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions32, useHMSStore as useHMSStore47, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
 function HLSFailureModal() {
   const hlsError = useHMSStore47(selectHLSState5).error || false;
@@ -24632,7 +24653,7 @@ function HLSFailureModal() {
   const hmsActions = useHMSActions32();
   const { isRTMPRunning } = useRecordingStreaming8();
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const startHLS = useCallback24(() => __async(this, null, function* () {
+  const startHLS = useCallback25(() => __async(this, null, function* () {
     try {
       if (isHLSStarted || isRTMPRunning) {
         return;
@@ -24685,12 +24706,13 @@ import {
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React136, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect40, useMemo as useMemo15, useState as useState58 } from "react";
-import { useMeasure as useMeasure4, useMedia as useMedia26 } from "react-use";
+import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as useEffect40, useMemo as useMemo15, useState as useState58 } from "react";
+import { useMeasure as useMeasure4, useMedia as useMedia27 } from "react-use";
 import {
   HMSRoomState as HMSRoomState5,
   selectAppData as selectAppData9,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled7,
+  selectIsVBEnabled as selectIsVBEnabled2,
   selectLocalPeer as selectLocalPeer9,
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
@@ -24706,7 +24728,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
 // src/Prebuilt/layouts/SidePane.tsx
 init_define_process_env();
 import React132, { useEffect as useEffect39 } from "react";
-import { useMedia as useMedia24 } from "react-use";
+import { useMedia as useMedia25 } from "react-use";
 import { match as match11 } from "ts-pattern";
 import { selectAppData as selectAppData8, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore71 } from "@100mslive/react-sdk";
 
@@ -25008,7 +25030,7 @@ import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
 init_define_process_env();
-import React98, { useCallback as useCallback25, useRef as useRef19, useState as useState40 } from "react";
+import React98, { useCallback as useCallback26, useRef as useRef19, useState as useState40 } from "react";
 import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
@@ -25322,13 +25344,13 @@ var QuestionForm = ({
     weight,
     isQuiz
   });
-  const handleOptionTextChange = useCallback25(
+  const handleOptionTextChange = useCallback26(
     (index2, text2) => {
       setOptions((options2) => [...options2.slice(0, index2), __spreadProps(__spreadValues({}, options2[index2]), { text: text2 }), ...options2.slice(index2 + 1)]);
     },
     [setOptions]
   );
-  const removeOption = useCallback25(
+  const removeOption = useCallback26(
     (index2) => setOptions((options2) => {
       const newOptions = [...options2];
       newOptions.splice(index2, 1);
@@ -25336,7 +25358,7 @@ var QuestionForm = ({
     }),
     [setOptions]
   );
-  const selectSingleChoiceAnswer = useCallback25(
+  const selectSingleChoiceAnswer = useCallback26(
     (answerIndex) => {
       if (!isQuiz) {
         return;
@@ -25349,7 +25371,7 @@ var QuestionForm = ({
     },
     [setOptions, isQuiz]
   );
-  const selectMultipleChoiceAnswer = useCallback25(
+  const selectMultipleChoiceAnswer = useCallback26(
     (checked, index2) => {
       if (!isQuiz) {
         return;
@@ -25901,7 +25923,7 @@ import React106 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React105, { useCallback as useCallback26, useEffect as useEffect28, useMemo as useMemo12, useRef as useRef20, useState as useState44 } from "react";
+import React105, { useCallback as useCallback27, useEffect as useEffect28, useMemo as useMemo12, useRef as useRef20, useState as useState44 } from "react";
 import { match as match8 } from "ts-pattern";
 import { selectLocalPeer as selectLocalPeer3, selectLocalPeerRoleName as selectLocalPeerRoleName3, useHMSActions as useHMSActions36, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon as CrossCircleIcon2 } from "@100mslive/react-icons";
@@ -25947,7 +25969,7 @@ var QuestionCard2 = ({
       return multipleOptionAnswer.size > 0;
     }
   }, [singleOptionAnswer, multipleOptionAnswer, type]);
-  const handleVote = useCallback26(() => __async(void 0, null, function* () {
+  const handleVote = useCallback27(() => __async(void 0, null, function* () {
     if (!isValidVote) {
       return;
     }
@@ -26374,23 +26396,23 @@ var ShowRoomDetailHeader = () => {
 // src/Prebuilt/components/SidePaneTabs.tsx
 init_define_process_env();
 import React124, { useEffect as useEffect37, useState as useState54 } from "react";
-import { useMedia as useMedia20 } from "react-use";
+import { useMedia as useMedia21 } from "react-use";
 import { match as match10 } from "ts-pattern";
 import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore65 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon23 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
-import React121, { useCallback as useCallback30, useRef as useRef24 } from "react";
-import { useMedia as useMedia19 } from "react-use";
+import React121, { useCallback as useCallback31, useRef as useRef24 } from "react";
+import { useMedia as useMedia20 } from "react-use";
 import { match as match9 } from "ts-pattern";
-import { selectHMSMessagesCount, useHMSActions as useHMSActions41, useHMSStore as useHMSStore62, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
+import { selectHMSMessagesCount, useHMSActions as useHMSActions41, useHMSStore as useHMSStore62, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React116, { useCallback as useCallback28, useEffect as useEffect34, useRef as useRef23, useState as useState51 } from "react";
-import { useMedia as useMedia17 } from "react-use";
+import React116, { useCallback as useCallback29, useEffect as useEffect34, useRef as useRef23, useState as useState51 } from "react";
+import { useMedia as useMedia18 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
 import { selectLocalPeer as selectLocalPeer5, useHMSActions as useHMSActions39, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
@@ -26399,13 +26421,13 @@ import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 init_define_process_env();
 import React115, { useState as useState50 } from "react";
-import { useMedia as useMedia16 } from "react-use";
+import { useMedia as useMedia17 } from "react-use";
 import { ChevronDownIcon as ChevronDownIcon6, ChevronUpIcon as ChevronUpIcon5, CrossIcon as CrossIcon21, GroupIcon, PersonIcon as PersonIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
 init_define_process_env();
 import React114, { useMemo as useMemo13, useState as useState49 } from "react";
-import { useMedia as useMedia15 } from "react-use";
+import { useMedia as useMedia16 } from "react-use";
 import {
   HMSPeerType as HMSPeerType3,
   selectMessagesUnreadCountByPeerID,
@@ -26425,7 +26447,7 @@ var SelectorItem = ({
   unreadCount,
   icon = void 0
 }) => {
-  const isMobile = useMedia15(config.media.md);
+  const isMobile = useMedia16(config.media.md);
   const Root28 = !isMobile ? Dropdown.Item : (_a7) => {
     var _b7 = _a7, { children } = _b7, rest = __objRest(_b7, ["children"]);
     return /* @__PURE__ */ React114.createElement(Flex, __spreadProps(__spreadValues({}, rest), { css: __spreadValues({ p: "$6 $8" }, rest.css) }), children);
@@ -26576,7 +26598,7 @@ var ChatSelector = ({ role, peerId }) => {
 var ChatSelectorContainer = () => {
   var _a7, _b7;
   const [open, setOpen] = useState50(false);
-  const isMobile = useMedia16(config.media.md);
+  const isMobile = useMedia17(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);
@@ -26693,7 +26715,7 @@ var ChatSelectorContainer = () => {
 
 // src/Prebuilt/components/AppData/useChatState.js
 init_define_process_env();
-import { useCallback as useCallback27 } from "react";
+import { useCallback as useCallback28 } from "react";
 import { selectAppData as selectAppData7, useHMSActions as useHMSActions38, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
 var useChatDraftMessage = () => {
   const hmsActions = useHMSActions38();
@@ -26701,7 +26723,7 @@ var useChatDraftMessage = () => {
   if (chatDraftMessage === void 0 || chatDraftMessage === null) {
     chatDraftMessage = "";
   }
-  const setDraftMessage = useCallback27(
+  const setDraftMessage = useCallback28(
     (message) => {
       hmsActions.setAppData(APP_DATA.chatDraft, message, true);
     },
@@ -26789,11 +26811,11 @@ function EmojiPicker({ onSelect }) {
   )));
 }
 var ChatFooter = ({ onSend, children }) => {
-  var _a7, _b7, _c, _d, _e2;
+  var _a7, _b7, _c, _d, _e;
   const hmsActions = useHMSActions39();
   const inputRef = useRef23(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
-  const isMobile = useMedia17(config.media.md);
+  const isMobile = useMedia18(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 = useHMSStore59(selectLocalPeer5);
@@ -26817,7 +26839,7 @@ var ChatFooter = ({ onSend, children }) => {
       }
     }
   }, [defaultSelection, selectedPeer, selectedRole, setRoleSelector, isMobile, isLandscapeHLSStream, elements == null ? void 0 : elements.chat]);
-  const resetInputHeight = useCallback28(() => {
+  const resetInputHeight = useCallback29(() => {
     if (inputRef.current) {
       inputRef.current.style.height = `${Math.max(
         32,
@@ -26825,12 +26847,12 @@ var ChatFooter = ({ onSend, children }) => {
       )}px`;
     }
   }, []);
-  const updateInputHeight = useCallback28(() => {
+  const updateInputHeight = useCallback29(() => {
     if (inputRef.current) {
       inputRef.current.style.height = `${Math.max(32, Math.min(inputRef.current.scrollHeight, 24 * 4))}px`;
     }
   }, []);
-  const sendMessage = useCallback28(() => __async(void 0, null, function* () {
+  const sendMessage = useCallback29(() => __async(void 0, null, function* () {
     var _a8;
     const message = (_a8 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a8.value;
     if (!message || !message.trim().length) {
@@ -26903,7 +26925,7 @@ var ChatFooter = ({ onSend, children }) => {
     },
     /* @__PURE__ */ React116.createElement(PauseCircleIcon2, null),
     /* @__PURE__ */ React116.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold" } }, "Pause Chat")
-  )))) : null), selection && /* @__PURE__ */ React116.createElement(Flex, { align: ((_e2 = inputRef.current) == null ? void 0 : _e2.scrollHeight) === 32 ? "center" : "end", css: { gap: "$4", w: "100%" } }, /* @__PURE__ */ React116.createElement(
+  )))) : null), selection && /* @__PURE__ */ React116.createElement(Flex, { align: ((_e = inputRef.current) == null ? void 0 : _e.scrollHeight) === 32 ? "center" : "end", css: { gap: "$4", w: "100%" } }, /* @__PURE__ */ React116.createElement(
     Flex,
     {
       align: "end",
@@ -26998,7 +27020,7 @@ var ChatFooter = ({ onSend, children }) => {
 
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
-import React117, { useCallback as useCallback29 } from "react";
+import React117, { useCallback as useCallback30 } from "react";
 import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore7, useHMSActions as useHMSActions40, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   var _a7, _b7;
@@ -27007,7 +27029,7 @@ var ChatPaused = () => {
   const can_disable_chat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore60(selectSessionStore7("chatState" /* CHAT_STATE */)) || {};
   const localPeer = useHMSStore60(selectLocalPeer6);
-  const unPauseChat = useCallback29(
+  const unPauseChat = useCallback30(
     () => __async(void 0, null, function* () {
       return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
         enabled: true,
@@ -27056,7 +27078,7 @@ var ChatBlocked = () => {
 init_define_process_env();
 import React120, { useEffect as useEffect35, useState as useState52 } from "react";
 import { useSwipeable } from "react-swipeable";
-import { useMedia as useMedia18 } from "react-use";
+import { useMedia as useMedia19 } from "react-use";
 import { selectSessionStore as selectSessionStore8, useHMSStore as useHMSStore61 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
 
@@ -27117,7 +27139,7 @@ var PinnedMessage = () => {
   const pinnedMessages = useHMSStore61(selectSessionStore8("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState52(0);
   const { removePinnedMessage } = usePinnedMessages();
-  const isMobile = useMedia18(config.media.md);
+  const isMobile = useMedia19(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] = useState52(true);
@@ -27232,14 +27254,14 @@ var Chat = () => {
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const listRef = useRef24(null);
   const hmsActions = useHMSActions41();
-  const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore62(Bm("chatState" /* CHAT_STATE */)) || {};
-  const isMobile = useMedia19(config.media.md);
+  const vanillaStore = useHMSVanillaStore11();
+  const { enabled: isChatEnabled = true } = useHMSStore62(Vm("chatState" /* CHAT_STATE */)) || {};
+  const isMobile = useMedia20(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
   useSidepaneResetOnLayoutUpdate("chat", SIDE_PANE_OPTIONS.CHAT);
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
-  const scrollToBottom = useCallback30(
+  const scrollToBottom = useCallback31(
     (unreadCount = 0) => {
       var _a8;
       if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
@@ -27533,7 +27555,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const showChat = !!(elements == null ? void 0 : elements.chat);
   const showParticipants = !!(elements == null ? void 0 : elements.participant_list);
   const hideTabs = !(showChat && showParticipants) || hideTab;
-  const isMobile = useMedia20(config.media.md);
+  const isMobile = useMedia21(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);
@@ -27646,7 +27668,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
 
 // src/Prebuilt/components/VideoTile.tsx
 init_define_process_env();
-import React128, { useCallback as useCallback31, useMemo as useMemo14, useState as useState56 } from "react";
+import React128, { useCallback as useCallback32, useMemo as useMemo14, useState as useState56 } from "react";
 import { useMeasure as useMeasure3 } from "react-use";
 import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
@@ -27715,7 +27737,7 @@ var TileConnection_default = TileConnection;
 // src/Prebuilt/components/TileMenu/TileMenu.tsx
 init_define_process_env();
 import React127, { useState as useState55 } from "react";
-import { useMedia as useMedia22 } from "react-use";
+import { useMedia as useMedia23 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID11,
   selectPeerByID as selectPeerByID2,
@@ -27730,7 +27752,7 @@ import { CrossIcon as CrossIcon24, VerticalMenuIcon as VerticalMenuIcon8 } from
 // src/Prebuilt/components/TileMenu/TileMenuContent.tsx
 init_define_process_env();
 import React126, { Fragment as Fragment11 } from "react";
-import { useMedia as useMedia21 } from "react-use";
+import { useMedia as useMedia22 } from "react-use";
 import {
   selectAvailableRoleNames as selectAvailableRoleNames6,
   selectPermissions as selectPermissions18,
@@ -27924,7 +27946,7 @@ var TileMenuContent = ({
   const { sendEvent } = useCustomEvent2({
     type: REMOTE_STOP_SCREENSHARE_TYPE
   });
-  const isMobile = useMedia21(config.media.md);
+  const isMobile = useMedia22(config.media.md);
   if (isLocal) {
     return showPinAction || canMinimise || !userName || showSpotlight ? /* @__PURE__ */ React126.createElement(React126.Fragment, null, showPinAction && /* @__PURE__ */ React126.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React126.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() }), canMinimise && /* @__PURE__ */ React126.createElement(MinimiseInset, null), !userName && /* @__PURE__ */ React126.createElement(
       StyledMenuTile.ItemButton,
@@ -28036,7 +28058,7 @@ var TileMenu = ({
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
   const track = useHMSStore68(selectTrackByID3(videoTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
-  const isMobile = useMedia22(config.media.md);
+  const isMobile = useMedia23(config.media.md);
   const peer = useHMSStore68(selectPeerByID2(peerID));
   const [showNameChangeModal, setShowNameChangeModal] = useState55(false);
   const [showRoleChangeModal, setShowRoleChangeModal] = useState55(false);
@@ -28162,7 +28184,7 @@ var Tile = ({
     track,
     isLocal
   });
-  const onHoverHandler = useCallback31((event) => {
+  const onHoverHandler = useCallback32((event) => {
     setIsMouseHovered(event.type === "mouseenter");
   }, []);
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure3();
@@ -28235,7 +28257,7 @@ var VideoTile_default = VideoTile;
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
 init_define_process_env();
 import React131, { useEffect as useEffect38, useState as useState57 } from "react";
-import { useMedia as useMedia23 } from "react-use";
+import { useMedia as useMedia24 } from "react-use";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes3 } from "@100mslive/hms-virtual-background";
 import {
   HMSRoomState as HMSRoomState4,
@@ -28426,11 +28448,11 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const roomState = useHMSStore70(selectRoomState4);
   const isLargeRoom = useHMSStore70(selectIsLargeRoom3);
   const isEffectsEnabled = useHMSStore70(ym);
-  const effectsKey = useHMSStore70(km);
-  const isMobile = useMedia23(config.media.md);
+  const effectsKey = useHMSStore70(Pm);
+  const isMobile = useMedia24(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
   const isPluginAdded = useHMSStore70(selectIsLocalVideoPluginPresent(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
-  const background = useHMSStore70(Um(APP_DATA.background));
+  const background = useHMSStore70(Bm(APP_DATA.background));
   const mediaList = backgroundMedia.map((media) => media.url || "");
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -28438,20 +28460,21 @@ var VBPicker = ({ backgroundMedia = [] }) => {
     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* () {
@@ -28674,8 +28697,8 @@ var SidePane = ({
   tileProps,
   hideControls = false
 }) => {
-  var _a7, _b7, _c, _d, _e2, _f, _g;
-  const isMobile = useMedia24(config.media.md);
+  var _a7, _b7, _c, _d, _e, _f, _g;
+  const isMobile = useMedia25(config.media.md);
   const sidepane = useHMSStore71(selectAppData8(APP_DATA.sidePane));
   const activeScreensharePeerId = useHMSStore71(selectAppData8(APP_DATA.activeScreensharePeerId));
   const trackId = (_a7 = useHMSStore71(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a7.id;
@@ -28684,7 +28707,7 @@ var SidePane = ({
   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,
@@ -28798,7 +28821,7 @@ var FullPageProgress_default = FullPageProgress;
 // src/Prebuilt/components/Preview/PreviewForm.tsx
 init_define_process_env();
 import React135 from "react";
-import { useMedia as useMedia25 } from "react-use";
+import { useMedia as useMedia26 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType3 } from "@100mslive/types-prebuilt/elements/join_form";
 import { useRecordingStreaming as useRecordingStreaming10 } from "@100mslive/react-sdk";
 import { GoLiveIcon } from "@100mslive/react-icons";
@@ -28815,7 +28838,7 @@ var PreviewForm = ({
   const formSubmit = (e) => {
     e.preventDefault();
   };
-  const isMobile = useMedia25(config.media.md);
+  const isMobile = useMedia26(config.media.md);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming10();
   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) || {};
@@ -28876,7 +28899,7 @@ var getParticipantChipContent = (peerCount = 0) => {
 var useLocalTileAspectRatio = () => {
   const localPeer = useHMSStore72(selectLocalPeer9);
   const videoTrack = useHMSStore72(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
-  const isMobile = useMedia26(config.media.md);
+  const isMobile = useMedia27(config.media.md);
   let aspectRatio = 0;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
     aspectRatio = videoTrack.width / videoTrack.height;
@@ -28921,7 +28944,7 @@ var PreviewJoin = ({
   });
   const { requestPermission } = useAwayNotifications2();
   const roomState = useHMSStore72(selectRoomState5);
-  const savePreferenceAndJoin = useCallback32(() => {
+  const savePreferenceAndJoin = useCallback33(() => {
     setPreviewPreference({
       name
     });
@@ -28944,21 +28967,14 @@ var PreviewJoin = ({
       setName(initialName);
     }
   }, [initialName]);
-  return roomState === HMSRoomState5.Preview ? /* @__PURE__ */ React136.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ React136.createElement(Container4, { css: { h: "100%", pt: "$10", "@md": { justifyContent: "space-between" } } }, toggleVideo ? null : /* @__PURE__ */ React136.createElement(Box, null), /* @__PURE__ */ React136.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "640px" } }, /* @__PURE__ */ React136.createElement(Logo, null), /* @__PURE__ */ React136.createElement(
-    Text,
-    {
-      variant: "h4",
-      css: { wordBreak: "break-word", textAlign: "center", mt: "$14", mb: "$4", "@md": { mt: "$8", mb: "$2" } }
-    },
-    previewHeader.title
-  ), /* @__PURE__ */ React136.createElement(
+  return roomState === HMSRoomState5.Preview ? /* @__PURE__ */ React136.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ React136.createElement(Container4, { css: { h: "100%", pt: "$6", "@md": { justifyContent: "space-between", pt: "$10" } } }, toggleVideo ? null : /* @__PURE__ */ React136.createElement(Box, null), /* @__PURE__ */ React136.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "600px", gap: "$8" } }, /* @__PURE__ */ React136.createElement(Logo, null), /* @__PURE__ */ React136.createElement(Text, { variant: "h4", css: { wordBreak: "break-word", textAlign: "center" } }, previewHeader.title), /* @__PURE__ */ React136.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__ */ React136.createElement(Flex, { justify: "center", css: { mt: "$14", "@md": { mt: "$8", mb: "0" }, gap: "$4" } }, isStreamingOn ? /* @__PURE__ */ React136.createElement(
+  ), /* @__PURE__ */ React136.createElement(Flex, { justify: "center", css: { gap: "$4" } }, isStreamingOn ? /* @__PURE__ */ React136.createElement(
     Chip_default,
     {
       content: "LIVE",
@@ -28966,7 +28982,7 @@ var PreviewJoin = ({
       textColor: "#FFF",
       icon: /* @__PURE__ */ React136.createElement(Box, { css: { h: "$sm", w: "$sm", backgroundColor: "$on_primary_high", borderRadius: "$round" } })
     }
-  ) : null, /* @__PURE__ */ React136.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ React136.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ React136.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 360}px` } }, /* @__PURE__ */ React136.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ React136.createElement(
+  ) : null, /* @__PURE__ */ React136.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ React136.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ React136.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 340}px` } }, /* @__PURE__ */ React136.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ React136.createElement(
     PreviewForm_default,
     {
       name,
@@ -29006,11 +29022,11 @@ var PreviewTile = ({ name, error }) => {
       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)",
@@ -29032,17 +29048,18 @@ var PreviewTile = ({ name, error }) => {
   );
 };
 var PreviewControls = ({ hideSettings, vbEnabled }) => {
-  const isMobile = useMedia26(config.media.md);
+  const isMobile = useMedia27(config.media.md);
+  const isVBEnabledForUser = useHMSStore72(selectIsVBEnabled2);
   return /* @__PURE__ */ React136.createElement(
     Flex,
     {
       justify: hideSettings && isMobile ? "center" : "between",
       css: {
         width: "100%",
-        mt: "$8"
+        mt: "$6"
       }
     },
-    /* @__PURE__ */ React136.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ React136.createElement(AudioVideoToggle, null), vbEnabled ? /* @__PURE__ */ React136.createElement(VBToggle, null) : null),
+    /* @__PURE__ */ React136.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ React136.createElement(AudioVideoToggle, null), vbEnabled && isVBEnabledForUser ? /* @__PURE__ */ React136.createElement(VBToggle, null) : null),
     /* @__PURE__ */ React136.createElement(Flex, { align: "center", gap: "1" }, isMobile && /* @__PURE__ */ React136.createElement(NoiseCancellation, { iconOnly: true }), !hideSettings ? /* @__PURE__ */ React136.createElement(PreviewSettings, null) : null)
   );
 };
@@ -29055,7 +29072,7 @@ var PreviewJoin_default = PreviewJoin;
 // src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx
 init_define_process_env();
 import React137 from "react";
-import { useMedia as useMedia27 } from "react-use";
+import { useMedia as useMedia28 } from "react-use";
 var RequestPrompt = ({
   open = true,
   onOpenChange,
@@ -29065,7 +29082,7 @@ var RequestPrompt = ({
   onAction,
   disableActions = false
 }) => {
-  const isMobile = useMedia27(config.media.md);
+  const isMobile = useMedia28(config.media.md);
   if (isMobile) {
     return /* @__PURE__ */ React137.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ React137.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ React137.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ React137.createElement(RequestActions, { actionText, onAction, disabled: disableActions })));
   }
@@ -29153,7 +29170,7 @@ var RoleChangeRequestModal = () => {
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
 init_define_process_env();
 import React157, { Suspense, useEffect as useEffect55, useState as useState68 } from "react";
-import { useMedia as useMedia37 } from "react-use";
+import { useMedia as useMedia38 } from "react-use";
 import { match as match12 } from "ts-pattern";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom9,
@@ -29174,13 +29191,13 @@ import {
   selectPeerScreenSharing as selectPeerScreenSharing2,
   selectWhiteboard as selectWhiteboard2,
   useHMSStore as useHMSStore80,
-  useHMSVanillaStore as useHMSVanillaStore12
+  useHMSVanillaStore as useHMSVanillaStore13
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
 import React144, { useEffect as useEffect45, useState as useState60 } from "react";
-import { useMedia as useMedia30 } from "react-use";
+import { useMedia as useMedia31 } from "react-use";
 import { PeopleAddIcon as PeopleAddIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/layouts/WaitingView.tsx
@@ -29243,7 +29260,7 @@ var WaitingView = React139.memo(
 init_define_process_env();
 import React141, { useEffect as useEffect42, useRef as useRef25 } from "react";
 import Draggable from "react-draggable";
-import { useMedia as useMedia28 } from "react-use";
+import { useMedia as useMedia29 } from "react-use";
 import {
   selectIsAllowedToPublish as selectIsAllowedToPublish3,
   selectLocalPeer as selectLocalPeer10,
@@ -29287,8 +29304,8 @@ var insetMaxWidthPx = 240;
 var defaultMobileAspectRatio = 9 / 16;
 var desktopAspectRatio = 1 / defaultMobileAspectRatio;
 var InsetTile = ({ peerId }) => {
-  const isMobile = useMedia28(config.media.md);
-  const isLandscape = useMedia28(config.media.ls);
+  const isMobile = useMedia29(config.media.md);
+  const isLandscape = useMedia29(config.media.ls);
   const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer10;
   const peer = useHMSStore74(selector);
   const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
@@ -29448,15 +29465,15 @@ var Grid = React143.forwardRef(
 // src/Prebuilt/components/hooks/useTileLayout.tsx
 init_define_process_env();
 import { useEffect as useEffect44, useMemo as useMemo16, useState as useState59 } from "react";
-import { useMeasure as useMeasure5, useMedia as useMedia29 } from "react-use";
+import { useMeasure as useMeasure5, useMedia as useMedia30 } from "react-use";
 import {
   getPeersWithTiles,
   selectTracksMap as selectTracksMap4,
-  useHMSVanillaStore as useHMSVanillaStore11
+  useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
 var aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
 var usePagesWithTiles = ({ peers, maxTileCount }) => {
-  const vanillaStore = useHMSVanillaStore11();
+  const vanillaStore = useHMSVanillaStore12();
   const tracksMap = vanillaStore.getState(selectTracksMap4);
   const peersWithTiles = useMemo16(
     () => getPeersWithTiles(peers, tracksMap, () => false),
@@ -29482,9 +29499,9 @@ var useTileLayout = ({
   maxTileCount,
   edgeToEdge = false
 }) => {
-  const vanillaStore = useHMSVanillaStore11();
+  const vanillaStore = useHMSVanillaStore12();
   const [ref, { width, height }] = useMeasure5();
-  const isMobile = useMedia29(config.media.lg);
+  const isMobile = useMedia30(config.media.lg);
   const [pagesWithTiles, setPagesWithTiles] = useState59([]);
   useEffect44(() => {
     if (width === 0 || height === 0) {
@@ -29553,7 +29570,7 @@ var useTileLayout = ({
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a7;
-  const isMobile = useMedia30(config.media.md);
+  const isMobile = useMedia31(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
   const pageList = usePagesWithTiles({
@@ -29595,13 +29612,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 // src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
 init_define_process_env();
 import React147, { useEffect as useEffect47, useState as useState62 } from "react";
-import { useMedia as useMedia32 } from "react-use";
+import { useMedia as useMedia33 } from "react-use";
 import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
 import React146, { useEffect as useEffect46, useRef as useRef26, useState as useState61 } from "react";
-import { useMedia as useMedia31 } from "react-use";
+import { useMedia as useMedia32 } from "react-use";
 import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore12, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
@@ -29686,7 +29703,7 @@ var ProminenceLayout = {
 // src/Prebuilt/components/SecondaryTiles.tsx
 var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
   var _a7, _b7;
-  const isMobile = useMedia31(config.media.md);
+  const isMobile = useMedia32(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = useState61(0);
   const pinnedTrackId = useHMSStore75(selectAppData10(APP_DATA.pinnedTrackId));
@@ -29794,7 +29811,7 @@ function RoleProminence({
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
   const localPeer = useHMSStore76(selectLocalPeer11);
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
-  const isMobile = useMedia32(config.media.md);
+  const isMobile = useMedia33(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? 4 : maxTileCount;
   const pageList = usePagesWithTiles({
@@ -29836,13 +29853,13 @@ function RoleProminence({
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
 import React151, { useEffect as useEffect48, useMemo as useMemo18, useState as useState65 } from "react";
-import { useMedia as useMedia34 } from "react-use";
+import { useMedia as useMedia35 } from "react-use";
 import { selectPeersScreenSharing, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
 import React150, { useRef as useRef27, useState as useState64 } from "react";
-import { useFullscreen as useFullscreen2, useMedia as useMedia33 } from "react-use";
+import { useFullscreen as useFullscreen2, useMedia as useMedia34 } from "react-use";
 import screenfull2 from "screenfull";
 import {
   selectLocalPeerID as selectLocalPeerID13,
@@ -29855,12 +29872,12 @@ import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive
 
 // src/Prebuilt/components/LayoutModeSelector.tsx
 init_define_process_env();
-import React148, { useCallback as useCallback33, useState as useState63 } from "react";
+import React148, { useCallback as useCallback34, useState as useState63 } from "react";
 import { CheckIcon as CheckIcon7, ChevronDownIcon as ChevronDownIcon9, ChevronUpIcon as ChevronUpIcon7 } from "@100mslive/react-icons";
 var LayoutModeSelector = () => {
   const [open, setOpen] = useState63(false);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
-  const updateLayoutMode = useCallback33(
+  const updateLayoutMode = useCallback34(
     (value) => {
       setLayoutMode(value);
       setOpen(false);
@@ -30010,7 +30027,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
   const peer = useHMSStore77(selectPeerByID4(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const [isMouseHovered, setIsMouseHovered] = useState64(false);
-  const isMobile = useMedia33(config.media.md);
+  const isMobile = useMedia34(config.media.md);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
   const fullscreenRef = useRef27(null);
   const [fullscreen, setFullscreen] = useState64(false);
@@ -30102,7 +30119,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   const [page, setPage] = useState65(0);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const activeSharePeer = peersSharing[page];
-  const isMobile = useMedia34(config.media.md);
+  const isMobile = useMedia35(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
   const secondaryPeers = useMemo18(() => {
     if (layoutMode === LayoutMode.SPOTLIGHT) {
@@ -30147,11 +30164,11 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
 // src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
 init_define_process_env();
 import React152, { useEffect as useEffect49, useMemo as useMemo19 } from "react";
-import { useMedia as useMedia35 } from "react-use";
+import { useMedia as useMedia36 } from "react-use";
 import { Whiteboard } from "@100mslive/hms-whiteboard";
 import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore79, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var WhiteboardEmbed = () => {
-  const isMobile = useMedia35(config.media.md);
+  const isMobile = useMedia36(config.media.md);
   const { token, endpoint, zoomToContent } = useWhiteboard2(isMobile);
   if (!token) {
     return null;
@@ -30176,7 +30193,7 @@ var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   const whiteboard = useHMSStore79(selectWhiteboard);
   const whiteboardOwner = useHMSStore79(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
-  const isMobile = useMedia35(config.media.md);
+  const isMobile = useMedia36(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
   const secondaryPeers = useMemo19(() => {
     if (layoutMode === LayoutMode.SPOTLIGHT) {
@@ -30352,7 +30369,7 @@ var GridLayout = ({
     peers,
     pinnedTrack
   ]);
-  const vanillaStore = useHMSVanillaStore12();
+  const vanillaStore = useHMSVanillaStore13();
   const [sortedPeers, setSortedPeers] = useState66(updatedPeers);
   const peersSorter = useMemo20(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
   const [pageSize, setPageSize] = useState66(0);
@@ -30556,7 +30573,7 @@ var PDFView = () => {
 init_define_process_env();
 import React156, { useEffect as useEffect53, useRef as useRef28, useState as useState67 } from "react";
 import Draggable2 from "react-draggable";
-import { useMedia as useMedia36 } from "react-use";
+import { useMedia as useMedia37 } from "react-use";
 import {
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled5,
   selectPeerNameByID as selectPeerNameByID6,
@@ -30718,7 +30735,7 @@ var CaptionsViewer = ({
 }) => {
   var _a7;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
-  const isMobile = useMedia36(config.media.md);
+  const isMobile = useMedia37(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] = useState67(new CaptionMaintainerQueue());
@@ -30806,7 +30823,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => import("./HLSView-O4KQ2SQJ.js"));
+var HLSView = React157.lazy(() => import("./HLSView-42EL65Z3.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -30821,7 +30838,7 @@ var VideoStreamingSection = ({
   const pdfAnnotatorActive = usePDFConfig();
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
-  const isMobile = useMedia37(config.media.md);
+  const isMobile = useMedia38(config.media.md);
   const [captionPosition, setCaptionPosition] = useState68({ x: isMobile ? 0 : -200, y: 0 });
   useCloseScreenshareWhiteboard();
   const { isNotAllowedToPublish, isScreenOnlyPublishParams, hasSubscribedRolePublishing } = useWaitingRoomInfo();
@@ -30924,17 +30941,17 @@ init_define_process_env();
 // src/Prebuilt/components/Header/Header.tsx
 init_define_process_env();
 import React160 from "react";
-import { useMedia as useMedia39 } from "react-use";
+import { useMedia as useMedia40 } from "react-use";
 import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
 import React158 from "react";
-import { useMedia as useMedia38 } from "react-use";
+import { useMedia as useMedia39 } from "react-use";
 import { ChevronRightIcon as ChevronRightIcon5 } from "@100mslive/react-icons";
 var RoomDetailsHeader = () => {
   const { title, description } = useRoomLayoutHeader();
-  const isMobile = useMedia38(config.media.md);
+  const isMobile = useMedia39(config.media.md);
   const clipLength = 30;
   const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
   const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
@@ -31117,7 +31134,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React159.createElement(Re
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
   const roomState = useHMSStore86(selectRoomState6);
-  const isMobile = useMedia39(config.media.md);
+  const isMobile = useMedia40(config.media.md);
   if (roomState !== HMSRoomState6.Connected) {
     return /* @__PURE__ */ React160.createElement(React160.Fragment, null);
   }
@@ -31139,9 +31156,9 @@ var Header2 = () => {
 // src/Prebuilt/components/PreviousRoleInMetadata.tsx
 init_define_process_env();
 import { useEffect as useEffect56 } from "react";
-import { selectLocalPeerRoleName as selectLocalPeerRoleName7, useHMSVanillaStore as useHMSVanillaStore13 } from "@100mslive/react-sdk";
+import { selectLocalPeerRoleName as selectLocalPeerRoleName7, useHMSVanillaStore as useHMSVanillaStore14 } from "@100mslive/react-sdk";
 var PreviousRoleInMetadata = () => {
-  const vanillaStore = useHMSVanillaStore13();
+  const vanillaStore = useHMSVanillaStore14();
   const { updateMetaData } = useMyMetadata();
   useEffect56(() => {
     let previousRole = vanillaStore.getState(selectLocalPeerRoleName7);
@@ -31158,7 +31175,7 @@ var PreviousRoleInMetadata = () => {
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 var 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();
@@ -31257,7 +31274,7 @@ var ConferenceScreen = () => {
         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": {
@@ -31472,7 +31489,7 @@ import {
   selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled9,
   useHMSActions as useHMSActions50,
-  useHMSVanillaStore as useHMSVanillaStore14
+  useHMSVanillaStore as useHMSVanillaStore15
 } from "@100mslive/react-sdk";
 var isEvenListenersAttached = false;
 var _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind;
@@ -31559,7 +31576,7 @@ _keyDownHandler = new WeakMap();
 _bind = new WeakMap();
 _unbind = new WeakMap();
 var KeyboardHandler = () => {
-  const store = useHMSVanillaStore14();
+  const store = useHMSVanillaStore15();
   const actions = useHMSActions50();
   useEffect60(() => {
     const keyboardManager = new KeyboardInputManager(store, actions);
@@ -31578,15 +31595,15 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
 init_define_process_env();
 import React164, { useContext as useContext5, useEffect as useEffect61 } from "react";
 import { usePreviousDistinct } from "react-use";
-import { match as match13, P as P4 } from "ts-pattern";
+import { match as match13, P as P5 } from "ts-pattern";
 import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
 init_define_process_env();
-import { useCallback as useCallback34 } from "react";
+import { useCallback as useCallback35 } from "react";
 var useRedirectToLeave = () => {
   const { onLeave } = useHMSPrebuiltContext();
-  const redirect = useCallback34(
+  const redirect = useCallback35(
     (timeout = 0) => {
       setTimeout(() => {
         PictureInPicture.stop().catch(() => console.error("stopping pip"));
@@ -31630,7 +31647,7 @@ var useAppStateManager = () => {
     if (!roomLayout) {
       return;
     }
-    match13([roomState, prevRoomState]).with([HMSRoomState8.Connected, P4.any], () => setActiveState("meeting" /* MEETING */)).with(
+    match13([roomState, prevRoomState]).with([HMSRoomState8.Connected, P5.any], () => setActiveState("meeting" /* MEETING */)).with(
       [HMSRoomState8.Disconnecting, HMSRoomState8.Connected],
       [HMSRoomState8.Disconnecting, HMSRoomState8.Connecting],
       [HMSRoomState8.Disconnecting, HMSRoomState8.Reconnecting],
@@ -31644,7 +31661,7 @@ var useAppStateManager = () => {
         VBHandler.reset();
         redirectToLeave(1e3);
       }
-    ).with([HMSRoomState8.Disconnected, P4.nullish], () => {
+    ).with([HMSRoomState8.Disconnected, P5.nullish], () => {
       setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
     }).otherwise(() => {
     });
@@ -31699,12 +31716,12 @@ var LeaveScreen = () => {
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
 import React166, { useEffect as useEffect62, useState as useState70 } from "react";
-import { useMedia as useMedia40 } from "react-use";
-import { match as match14, P as P5 } from "ts-pattern";
+import { useMedia as useMedia41 } from "react-use";
+import { match as match14, P as P6 } from "ts-pattern";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
   const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState70(false);
-  const isLandscape = useMedia40(config.media.ls);
+  const isLandscape = useMedia41(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect62(() => {
     var _a7;
@@ -31720,7 +31737,7 @@ var MwebLandscapePrompt = () => {
       const angle = window.screen.orientation.angle;
       const type = window.screen.orientation.type || "";
       setShowMwebLandscapePrompt(
-        match14({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P5.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
+        match14({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P6.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
       );
     };
     handleRotation();
@@ -31751,7 +31768,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React176, { useCallback as useCallback36, useEffect as useEffect73 } from "react";
+import React175, { useCallback as useCallback37, useEffect as useEffect73 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes11,
   HMSRoomState as HMSRoomState10,
@@ -31763,7 +31780,7 @@ import {
   useCustomEvent as useCustomEvent4,
   useHMSNotifications as useHMSNotifications11,
   useHMSStore as useHMSStore93,
-  useHMSVanillaStore as useHMSVanillaStore16
+  useHMSVanillaStore as useHMSVanillaStore17
 } from "@100mslive/react-sdk";
 import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
 
@@ -31842,7 +31859,7 @@ import {
   useAwayNotifications as useAwayNotifications4,
   useHMSNotifications as useHMSNotifications2,
   useHMSStore as useHMSStore92,
-  useHMSVanillaStore as useHMSVanillaStore15
+  useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/ToastBatcher.js
@@ -31850,7 +31867,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
-import React169, { useCallback as useCallback35 } from "react";
+import React169, { useCallback as useCallback36 } from "react";
 import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions51, useHMSStore as useHMSStore91 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
@@ -31881,7 +31898,7 @@ var HandRaiseAction = React169.forwardRef(({ id = "", isSingleHandRaise = true }
     off_stage_roles = [],
     skip_preview_for_role_change = false
   } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
-  const onClickHandler = useCallback35(() => __async(void 0, null, function* () {
+  const onClickHandler = useCallback36(() => __async(void 0, null, function* () {
     if (isSingleHandRaise) {
       hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
       if (skip_preview_for_role_change) {
@@ -31995,9 +32012,9 @@ var ToastConfig = {
     }
   },
   RECONNECTED: {
-    single: () => {
+    single: (online) => {
       return {
-        title: `You are now connected`,
+        title: `You are now ${online ? "online" : "connected"}`,
         icon: /* @__PURE__ */ React169.createElement(ConnectivityIcon, null),
         variant: "success",
         duration: 3e3
@@ -32083,7 +32100,7 @@ var HandRaisedNotifications = () => {
   var _a7, _b7;
   const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
   const roomState = useHMSStore92(selectRoomState9);
-  const vanillaStore = useHMSVanillaStore15();
+  const vanillaStore = useHMSVanillaStore16();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
   const amIScreenSharing = useHMSStore92(selectIsLocalScreenShared3);
@@ -32198,7 +32215,7 @@ var PeerNotifications = () => {
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
 import React171, { useEffect as useEffect67, useState as useState72 } from "react";
-import { useMedia as useMedia41 } from "react-use";
+import { useMedia as useMedia42 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/images/android-perm-1.png
@@ -32215,7 +32232,7 @@ function PermissionErrorNotificationModal() {
 var PermissionErrorModal = ({ error }) => {
   const [deviceType, setDeviceType] = useState72("");
   const [isSystemError, setIsSystemError] = useState72(false);
-  const isMobile = useMedia41(config.media.md);
+  const isMobile = useMedia42(config.media.md);
   useEffect67(() => {
     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;
@@ -32272,7 +32289,7 @@ var PermissionErrorModal = ({ error }) => {
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
 init_define_process_env();
-import React172, { useEffect as useEffect68, useState as useState73 } from "react";
+import { useEffect as useEffect68, useRef as useRef30 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
 var notificationTypes2 = [
   HMSNotificationTypes6.RECONNECTED,
@@ -32282,47 +32299,31 @@ var notificationTypes2 = [
 var notificationId = null;
 var ReconnectNotifications = () => {
   const notification = useHMSNotifications6(notificationTypes2);
-  const [open, setOpen] = useState73(false);
+  const prevErrorCode = useRef30(0);
   useEffect68(() => {
     var _a7, _b7;
     if (!notification) {
       return;
     }
-    if (notification.type === HMSNotificationTypes6.ERROR && ((_a7 = notification.data) == null ? void 0 : _a7.isTerminal)) {
-      setOpen(false);
-    } else if (notification.type === HMSNotificationTypes6.RECONNECTED) {
-      notificationId = ToastManager.replaceToast(notificationId, ToastConfig.RECONNECTED.single());
-      setOpen(false);
+    if (notification.type === HMSNotificationTypes6.RECONNECTED) {
+      notificationId = ToastManager.replaceToast(
+        notificationId,
+        ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
+      );
     } else if (notification.type === HMSNotificationTypes6.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__ */ React172.createElement(Dialog.Root, { open, modal: true }, /* @__PURE__ */ React172.createElement(Dialog.Portal, { container: document.getElementById("conferencing") }, /* @__PURE__ */ React172.createElement(Dialog.Overlay, null), /* @__PURE__ */ React172.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__ */ React172.createElement(Flex, { align: "center" }, /* @__PURE__ */ React172.createElement("div", { style: { display: "inline", margin: "0.25rem" } }, /* @__PURE__ */ React172.createElement(Loading, { size: 16 })), /* @__PURE__ */ React172.createElement(Text, { css: { fontSize: "$space$8", color: "$on_surface_high" } }, "You lost your network connection. Trying to reconnect."))
-  )));
+  return null;
 };
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React173, { useEffect as useEffect69, useState as useState74 } from "react";
+import React172, { useEffect as useEffect69, useState as useState73 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes7,
   useHMSActions as useHMSActions52,
@@ -32331,7 +32332,7 @@ import {
 import { MicOnIcon as MicOnIcon5 } from "@100mslive/react-icons";
 var TrackBulkUnmuteModal = () => {
   const hmsActions = useHMSActions52();
-  const [muteNotification, setMuteNotification] = useState74(null);
+  const [muteNotification, setMuteNotification] = useState73(null);
   const notification = useHMSNotifications7([
     HMSNotificationTypes7.CHANGE_MULTI_TRACK_STATE_REQUEST,
     HMSNotificationTypes7.ROOM_ENDED,
@@ -32357,7 +32358,7 @@ var TrackBulkUnmuteModal = () => {
   }
   const { requestedBy: peer, tracks, enabled } = muteNotification;
   const types = new Set(tracks.map((track) => track.type));
-  return /* @__PURE__ */ React173.createElement(
+  return /* @__PURE__ */ React172.createElement(
     RequestDialog,
     {
       title: "Unmute request",
@@ -32396,7 +32397,7 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React174, { useEffect as useEffect71, useState as useState75 } from "react";
+import React173, { useEffect as useEffect71, useState as useState74 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
   useHMSActions as useHMSActions53,
@@ -32410,7 +32411,7 @@ var TrackUnmuteModal = () => {
     HMSNotificationTypes9.ROOM_ENDED,
     HMSNotificationTypes9.REMOVED_FROM_ROOM
   ]);
-  const [muteNotification, setMuteNotification] = useState75(null);
+  const [muteNotification, setMuteNotification] = useState74(null);
   useEffect71(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes9.REMOVED_FROM_ROOM:
@@ -32430,7 +32431,7 @@ var TrackUnmuteModal = () => {
     return null;
   }
   const { requestedBy: peer, track, enabled } = muteNotification;
-  return /* @__PURE__ */ React174.createElement(
+  return /* @__PURE__ */ React173.createElement(
     RequestDialog,
     {
       title: `Unmute your ${track.type}?`,
@@ -32447,7 +32448,7 @@ var TrackUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
 init_define_process_env();
-import React175, { useEffect as useEffect72 } from "react";
+import React174, { useEffect as useEffect72 } from "react";
 import { match as match15 } from "ts-pattern";
 import { HMSNotificationTypes as HMSNotificationTypes10, HMSTranscriptionState, useHMSNotifications as useHMSNotifications10 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon8, ClosedCaptionIcon as ClosedCaptionIcon3, OpenCaptionIcon as OpenCaptionIcon4 } from "@100mslive/react-icons";
@@ -32468,7 +32469,7 @@ var TranscriptionNotifications = () => {
           id = ToastManager.replaceToast(toastId, {
             title: `Failed to enable Closed Caption`,
             variant: "error",
-            icon: /* @__PURE__ */ React175.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
+            icon: /* @__PURE__ */ React174.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
           });
         }
       ).with({ state: HMSTranscriptionState.STARTED }, () => {
@@ -32476,14 +32477,14 @@ var TranscriptionNotifications = () => {
           title: `Closed Captioning enabled for everyone`,
           variant: "standard",
           duration: 2e3,
-          icon: /* @__PURE__ */ React175.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
+          icon: /* @__PURE__ */ React174.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
         });
       }).with({ state: HMSTranscriptionState.STOPPED }, () => {
         id = ToastManager.replaceToast(toastId, {
           title: `Closed Captioning disabled for everyone`,
           variant: "standard",
           duration: 2e3,
-          icon: /* @__PURE__ */ React175.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
+          icon: /* @__PURE__ */ React174.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
         });
       }).otherwise(() => null);
       setToastId(id);
@@ -32503,13 +32504,13 @@ function Notifications() {
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
-  const vanillaStore = useHMSVanillaStore16();
+  const vanillaStore = useHMSVanillaStore17();
   const togglePollView = usePollViewToggle();
   const { showNotification } = useAwayNotifications5();
   const amIScreenSharing = useHMSStore93(selectIsLocalScreenShared4);
   const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
-  const handleRoleChangeDenied = useCallback36((request) => {
+  const handleRoleChangeDenied = useCallback37((request) => {
     ToastManager.addToast({
       title: `${request.peerName} denied your request to join the ${request.role.name} role`,
       variant: "error"
@@ -32517,7 +32518,7 @@ function Notifications() {
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   useEffect73(() => {
-    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;
     }
@@ -32531,11 +32532,11 @@ 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,
-              icon: /* @__PURE__ */ React176.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ React176.createElement(GroupIcon2, null))
+              icon: /* @__PURE__ */ React175.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ React175.createElement(GroupIcon2, null))
             });
           } else {
             ToastManager.addToast({
@@ -32592,7 +32593,7 @@ function Notifications() {
           const pollStartedBy = vanillaStore.getState(selectPeerNameByID7(notification.data.startedBy)) || "Participant";
           const pollToastID = ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
-            action: /* @__PURE__ */ React176.createElement(
+            action: /* @__PURE__ */ React175.createElement(
               Button,
               {
                 onClick: () => togglePollView(notification.data.id),
@@ -32633,22 +32634,22 @@ function Notifications() {
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ React176.createElement(React176.Fragment, null, /* @__PURE__ */ React176.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React176.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React176.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React176.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React176.createElement(ReconnectNotifications, null), /* @__PURE__ */ React176.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React176.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React176.createElement(InitErrorModal, null), /* @__PURE__ */ React176.createElement(ChatNotifications, null), /* @__PURE__ */ React176.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React176.createElement(TranscriptionNotifications, null));
+  return /* @__PURE__ */ React175.createElement(React175.Fragment, null, /* @__PURE__ */ React175.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React175.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React175.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React175.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React175.createElement(ReconnectNotifications, null), /* @__PURE__ */ React175.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React175.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React175.createElement(InitErrorModal, null), /* @__PURE__ */ React175.createElement(ChatNotifications, null), /* @__PURE__ */ React175.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React175.createElement(TranscriptionNotifications, null));
 }
 
 // src/Prebuilt/components/PIP/PIPProvider.tsx
 init_define_process_env();
-import React177, { useCallback as useCallback37, useMemo as useMemo22, useState as useState76 } from "react";
+import React176, { useCallback as useCallback38, useMemo as useMemo22, useState as useState75 } from "react";
 var PIPProvider = ({ children }) => {
   const isSupported = "documentPictureInPicture" in window;
-  const [pipWindow, setPipWindow] = useState76(null);
-  const closePipWindow = useCallback37(() => {
+  const [pipWindow, setPipWindow] = useState75(null);
+  const closePipWindow = useCallback38(() => {
     if (pipWindow != null) {
       pipWindow.close();
       setPipWindow(null);
     }
   }, [pipWindow]);
-  const requestPipWindow = useCallback37(
+  const requestPipWindow = useCallback38(
     (width, height) => __async(void 0, null, function* () {
       if (pipWindow != null) {
         return;
@@ -32672,12 +32673,12 @@ var PIPProvider = ({ children }) => {
       closePipWindow
     };
   }, [closePipWindow, isSupported, pipWindow, requestPipWindow]);
-  return /* @__PURE__ */ React177.createElement(PIPContext.Provider, { value }, children);
+  return /* @__PURE__ */ React176.createElement(PIPContext.Provider, { value }, children);
 };
 
 // src/Prebuilt/components/Preview/PreviewScreen.tsx
 init_define_process_env();
-import React178 from "react";
+import React177 from "react";
 import { useSearchParam } from "react-use";
 var PreviewScreen = () => {
   var _a7, _b7, _c;
@@ -32689,28 +32690,28 @@ var PreviewScreen = () => {
   const authToken = useAuthToken();
   const roomLayout = useRoomLayout();
   const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
-  return /* @__PURE__ */ React178.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React178.createElement(
+  return /* @__PURE__ */ React177.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React177.createElement(
     Flex,
     {
       css: { flex: "1 1 0", position: "relative", overflowY: "auto", color: "$primary_default" },
       justify: "center",
       align: "center"
     },
-    authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ React178.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ React178.createElement(FullPageProgress_default, null)
+    authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ React177.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ React177.createElement(FullPageProgress_default, null)
   ));
 };
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React180, { useEffect as useEffect74, useState as useState77 } from "react";
+import React179, { useEffect as useEffect74, useState as useState76 } from "react";
 import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
-import React179 from "react";
+import React178 from "react";
 var Toast2 = (_a7) => {
   var _b7 = _a7, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
-  return /* @__PURE__ */ React179.createElement(
+  return /* @__PURE__ */ React178.createElement(
     Toast.HMSToast,
     __spreadValues({
       title,
@@ -32727,16 +32728,16 @@ var Toast2 = (_a7) => {
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
   const isConnected = useHMSStore94(selectIsConnectedToRoom11);
-  const [toasts, setToast] = useState77([]);
+  const [toasts, setToast] = useState76([]);
   useEffect74(() => {
     ToastManager.addListener(setToast);
     return () => {
       ToastManager.removeListener(setToast);
     };
   }, []);
-  return /* @__PURE__ */ React180.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
-    return /* @__PURE__ */ React180.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
-  }), /* @__PURE__ */ React180.createElement(
+  return /* @__PURE__ */ React179.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
+    return /* @__PURE__ */ React179.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
+  }), /* @__PURE__ */ React179.createElement(
     Toast.Viewport,
     {
       css: __spreadValues({
@@ -32748,27 +32749,27 @@ var ToastContainer = () => {
 
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
-import React182 from "react";
+import React181 from "react";
 import { selectAppData as selectAppData14, useHMSStore as useHMSStore95 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
-import React181 from "react";
+import React180 from "react";
 import { CrossIcon as CrossIcon28 } from "@100mslive/react-icons";
 var RoomDetailsSheet = () => {
   const { title, description, details } = useRoomLayoutHeader();
   const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
   const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
-  return /* @__PURE__ */ React181.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React181.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React181.createElement(
+  return /* @__PURE__ */ React180.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React180.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React180.createElement(
     Flex,
     {
       justify: "between",
       align: "center",
       css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
     },
-    /* @__PURE__ */ React181.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
-    /* @__PURE__ */ React181.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React181.createElement(CrossIcon28, null))
-  ), /* @__PURE__ */ React181.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React181.createElement(Logo, null), /* @__PURE__ */ React181.createElement(Box, null, /* @__PURE__ */ React181.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React181.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React181.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
+    /* @__PURE__ */ React180.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
+    /* @__PURE__ */ React180.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React180.createElement(CrossIcon28, null))
+  ), /* @__PURE__ */ React180.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React180.createElement(Logo, null), /* @__PURE__ */ React180.createElement(Box, null, /* @__PURE__ */ React180.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React180.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React180.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
 };
 
 // src/Prebuilt/layouts/Sheet.tsx
@@ -32776,15 +32777,15 @@ var Sheet2 = () => {
   const sheet = useHMSStore95(selectAppData14(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
-    ViewComponent = /* @__PURE__ */ React182.createElement(RoomDetailsSheet, null);
+    ViewComponent = /* @__PURE__ */ React181.createElement(RoomDetailsSheet, null);
   }
-  return /* @__PURE__ */ React182.createElement(Box, null, ViewComponent);
+  return /* @__PURE__ */ React181.createElement(Box, null, ViewComponent);
 };
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React183, { useCallback as useCallback38, useEffect as useEffect75, useMemo as useMemo23, useState as useState78 } from "react";
-import { useMedia as useMedia42 } from "react-use";
+import React182, { useCallback as useCallback39, useEffect as useEffect75, useMemo as useMemo23, useState as useState77 } from "react";
+import { useMedia as useMedia43 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
   selectLocalPeerID as selectLocalPeerID17,
@@ -32792,7 +32793,7 @@ import {
   useCustomEvent as useCustomEvent5,
   useHMSActions as useHMSActions54,
   useHMSStore as useHMSStore96,
-  useHMSVanillaStore as useHMSVanillaStore17
+  useHMSVanillaStore as useHMSVanillaStore18
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
 var flyAndFade = keyframes({
@@ -32819,13 +32820,13 @@ var getStartingPoints = (isMobile) => {
 };
 function FlyingEmoji() {
   const localPeerId = useHMSStore96(selectLocalPeerID17);
-  const vanillaStore = useHMSVanillaStore17();
+  const vanillaStore = useHMSVanillaStore18();
   const hmsActions = useHMSActions54();
-  const [emojis, setEmojis] = useState78([]);
-  const isMobile = useMedia42(config.media.md);
+  const [emojis, setEmojis] = useState77([]);
+  const isMobile = useMedia43(config.media.md);
   const isLargeRoom = useHMSStore96(selectIsLargeRoom4);
   const startingPoints = useMemo23(() => getStartingPoints(isMobile), [isMobile]);
-  const showFlyingEmoji = useCallback38(
+  const showFlyingEmoji = useCallback39(
     (_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
       if (!emojiId || !senderId || document.hidden) {
         return;
@@ -32860,7 +32861,7 @@ function FlyingEmoji() {
   useEffect75(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
-  return /* @__PURE__ */ React183.createElement(
+  return /* @__PURE__ */ React182.createElement(
     Box,
     {
       css: {
@@ -32876,7 +32877,7 @@ function FlyingEmoji() {
       }
     },
     emojis.map((emoji) => {
-      return /* @__PURE__ */ React183.createElement(
+      return /* @__PURE__ */ React182.createElement(
         Flex,
         {
           key: emoji.id,
@@ -32890,8 +32891,8 @@ function FlyingEmoji() {
           },
           onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
         },
-        /* @__PURE__ */ React183.createElement(Box, null, /* @__PURE__ */ React183.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
-        emoji.senderName ? /* @__PURE__ */ React183.createElement(
+        /* @__PURE__ */ React182.createElement(Box, null, /* @__PURE__ */ React182.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
+        emoji.senderName ? /* @__PURE__ */ React182.createElement(
           Box,
           {
             css: {
@@ -32901,7 +32902,7 @@ function FlyingEmoji() {
               borderRadius: "$1"
             }
           },
-          /* @__PURE__ */ React183.createElement(
+          /* @__PURE__ */ React182.createElement(
             Text,
             {
               css: {
@@ -32920,23 +32921,23 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React184, { useCallback as useCallback39 } from "react";
+import React183, { useCallback as useCallback40 } from "react";
 import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions55 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
   const actions = useHMSActions55();
-  const onRemoteStopScreenshare = useCallback39(() => __async(this, null, function* () {
+  const onRemoteStopScreenshare = useCallback40(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
   useCustomEvent6({
     type: REMOTE_STOP_SCREENSHARE_TYPE,
     onEvent: onRemoteStopScreenshare
   });
-  return /* @__PURE__ */ React184.createElement(React184.Fragment, null);
+  return /* @__PURE__ */ React183.createElement(React183.Fragment, null);
 }
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback40, useEffect as useEffect76, useRef as useRef30 } from "react";
+import { useCallback as useCallback41, useEffect as useEffect76, useRef as useRef31 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
@@ -32951,8 +32952,8 @@ var useAutoStartStreaming = () => {
   const hmsActions = useHMSActions56();
   const isConnected = useHMSStore97(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
-  const streamStartedRef = useRef30(false);
-  const startHLS = useCallback40(() => __async(void 0, null, function* () {
+  const streamStartedRef = useRef31(false);
+  const startHLS = useCallback41(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
         return;
@@ -32989,7 +32990,7 @@ var useAutoStartStreaming = () => {
 };
 
 // src/Prebuilt/App.tsx
-var HMSPrebuilt = React185.forwardRef(
+var HMSPrebuilt = React184.forwardRef(
   ({
     roomCode = "",
     authToken = "",
@@ -33004,8 +33005,8 @@ var HMSPrebuilt = React185.forwardRef(
     onJoin
   }, ref) => {
     var _a7, _b7, _c, _d;
-    const reactiveStore = useRef31();
-    const [hydrated, setHydrated] = React185.useState(false);
+    const reactiveStore = useRef32();
+    const [hydrated, setHydrated] = React184.useState(false);
     useEffect77(() => {
       setHydrated(true);
       const hms = new HMSReactiveStore();
@@ -33056,7 +33057,7 @@ var HMSPrebuilt = React185.forwardRef(
       return null;
     }
     globalStyles();
-    return /* @__PURE__ */ React185.createElement(ErrorBoundary, null, /* @__PURE__ */ React185.createElement(
+    return /* @__PURE__ */ React184.createElement(ErrorBoundary, null, /* @__PURE__ */ React184.createElement(
       HMSPrebuiltContext.Provider,
       {
         value: {
@@ -33073,7 +33074,7 @@ var HMSPrebuilt = React185.forwardRef(
           }
         }
       },
-      /* @__PURE__ */ React185.createElement(
+      /* @__PURE__ */ React184.createElement(
         HMSRoomProvider,
         {
           isHMSStatsOn: FeatureFlags.enableStatsForNerds,
@@ -33083,7 +33084,7 @@ var HMSPrebuilt = React185.forwardRef(
           stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
           leaveOnUnload
         },
-        /* @__PURE__ */ React185.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React185.createElement(RoomLayoutContext.Consumer, null, (data3) => {
+        /* @__PURE__ */ React184.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React184.createElement(RoomLayoutContext.Consumer, null, (data3) => {
           var _a8;
           const layout = data3 == null ? void 0 : data3.layout;
           const theme2 = ((_a8 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a8[0]) || {};
@@ -33092,7 +33093,7 @@ var HMSPrebuilt = React185.forwardRef(
           if (typography2 == null ? void 0 : typography2.font_family) {
             fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
           }
-          return /* @__PURE__ */ React185.createElement(
+          return /* @__PURE__ */ React184.createElement(
             HMSThemeProvider,
             {
               themeType: `${theme2.name}-${Date.now()}`,
@@ -33105,7 +33106,7 @@ var HMSPrebuilt = React185.forwardRef(
                 }
               }
             },
-            /* @__PURE__ */ React185.createElement(PIPProvider, null, /* @__PURE__ */ React185.createElement(Init, null), /* @__PURE__ */ React185.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React185.createElement(
+            /* @__PURE__ */ React184.createElement(PIPProvider, null, /* @__PURE__ */ React184.createElement(Init, null), /* @__PURE__ */ React184.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React184.createElement(
               Box,
               {
                 className: DEFAULT_PORTAL_CONTAINER.slice(1),
@@ -33117,7 +33118,7 @@ var HMSPrebuilt = React185.forwardRef(
                   position: "relative"
                 }
               },
-              /* @__PURE__ */ React185.createElement(
+              /* @__PURE__ */ React184.createElement(
                 AppRoutes,
                 {
                   authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
@@ -33136,7 +33137,7 @@ var AppStates = ({ activeState }) => {
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   useAutoStartStreaming();
-  return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React185.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React185.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React185.createElement(ConferenceScreen, null));
+  return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React184.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React184.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React184.createElement(ConferenceScreen, null));
 };
 var BackSwipe = () => {
   const isConnectedToRoom = useHMSStore98(selectIsConnectedToRoom13);
@@ -33161,7 +33162,7 @@ function AppRoutes({
   const roomLayout = useRoomLayout();
   const isNotificationsDisabled = useIsNotificationDisabled();
   const { activeState, rejoin } = useAppStateManager();
-  return /* @__PURE__ */ React185.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React185.createElement(React185.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React185.createElement(AppData, null), /* @__PURE__ */ React185.createElement(ToastContainer, null), /* @__PURE__ */ React185.createElement(Notifications, null), /* @__PURE__ */ React185.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React185.createElement(Sheet2, null), /* @__PURE__ */ React185.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React185.createElement(FlyingEmoji, null), /* @__PURE__ */ React185.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React185.createElement(KeyboardHandler, null), /* @__PURE__ */ React185.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ React185.createElement(AppStates, { activeState })));
+  return /* @__PURE__ */ React184.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React184.createElement(React184.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React184.createElement(AppData, null), /* @__PURE__ */ React184.createElement(ToastContainer, null), /* @__PURE__ */ React184.createElement(Notifications, null), /* @__PURE__ */ React184.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React184.createElement(Sheet2, null), /* @__PURE__ */ React184.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React184.createElement(FlyingEmoji, null), /* @__PURE__ */ React184.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React184.createElement(KeyboardHandler, null), /* @__PURE__ */ React184.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ React184.createElement(AppStates, { activeState })));
 }
 
 // src/Progress/index.tsx
@@ -33185,7 +33186,7 @@ init_define_process_env();
 
 // src/Diagnostics/Diagnostics.tsx
 init_define_process_env();
-import React193, { useCallback as useCallback42, useRef as useRef33, useState as useState84 } from "react";
+import React192, { useCallback as useCallback43, useRef as useRef34, useState as useState83 } from "react";
 import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions59 } from "@100mslive/react-sdk";
 import {
   CheckCircleIcon as CheckCircleIcon7,
@@ -33198,7 +33199,7 @@ import {
 
 // src/Diagnostics/AudioTest.tsx
 init_define_process_env();
-import React189, { useCallback as useCallback41, useEffect as useEffect78, useState as useState80 } from "react";
+import React188, { useCallback as useCallback42, useEffect as useEffect78, useState as useState79 } from "react";
 import {
   selectDevices,
   selectLocalAudioTrackID as selectLocalAudioTrackID2,
@@ -33211,11 +33212,11 @@ import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopI
 
 // src/Diagnostics/components.tsx
 init_define_process_env();
-import React187 from "react";
+import React186 from "react";
 
 // src/Diagnostics/DiagnosticsContext.ts
 init_define_process_env();
-import React186, { useContext as useContext6 } from "react";
+import React185, { useContext as useContext6 } from "react";
 var DiagnosticsStep = /* @__PURE__ */ ((DiagnosticsStep2) => {
   DiagnosticsStep2[DiagnosticsStep2["BROWSER"] = 0] = "BROWSER";
   DiagnosticsStep2[DiagnosticsStep2["VIDEO"] = 1] = "VIDEO";
@@ -33229,7 +33230,7 @@ var initialSteps = {
   [2 /* AUDIO */]: { name: "Test Audio" },
   [3 /* CONNECTIVITY */]: { name: "Connection Quality" }
 };
-var DiagnosticsContext = React186.createContext({
+var DiagnosticsContext = React185.createContext({
   activeStepIndex: 0,
   setActiveStep: () => {
     return;
@@ -33247,7 +33248,7 @@ var useDiagnostics = () => {
 
 // src/Diagnostics/components.tsx
 var TestContainer = ({ css: css2, children }) => {
-  return /* @__PURE__ */ React187.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
+  return /* @__PURE__ */ React186.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
 };
 var TestFooter = ({
   error,
@@ -33265,7 +33266,7 @@ var TestFooter = ({
     }
     setActiveStep((step) => step + 1);
   };
-  return /* @__PURE__ */ React187.createElement(
+  return /* @__PURE__ */ React186.createElement(
     Flex,
     {
       css: {
@@ -33283,20 +33284,20 @@ var TestFooter = ({
         "@lg": { flexDirection: "column", gap: "$8" }
       }
     },
-    /* @__PURE__ */ React187.createElement(Box, null, error && /* @__PURE__ */ React187.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
-    children ? children : /* @__PURE__ */ React187.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React187.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ React187.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ React187.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ React187.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
+    /* @__PURE__ */ React186.createElement(Box, null, error && /* @__PURE__ */ React186.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
+    children ? children : /* @__PURE__ */ React186.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React186.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ React186.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ React186.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ React186.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
   );
 };
 
 // src/Diagnostics/DeviceSelector.jsx
 init_define_process_env();
 var import_prop_types = __toESM(require_prop_types());
-import React188, { useRef as useRef32, useState as useState79 } from "react";
+import React187, { useRef as useRef33, useState as useState78 } from "react";
 var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
   var _a7, _b7;
-  const [open, setOpen] = useState79(false);
-  const ref = useRef32(null);
-  return /* @__PURE__ */ React188.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React188.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React188.createElement(
+  const [open, setOpen] = useState78(false);
+  const ref = useRef33(null);
+  return /* @__PURE__ */ React187.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React187.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React187.createElement(
     Flex,
     {
       align: "center",
@@ -33308,7 +33309,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         }
       }
     },
-    /* @__PURE__ */ React188.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React188.createElement(
+    /* @__PURE__ */ React187.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React187.createElement(
       DialogDropdownTrigger,
       {
         ref,
@@ -33316,7 +33317,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
         open
       }
-    ), /* @__PURE__ */ React188.createElement(Dropdown.Portal, null, /* @__PURE__ */ React188.createElement(
+    ), /* @__PURE__ */ React187.createElement(Dropdown.Portal, null, /* @__PURE__ */ React187.createElement(
       Dropdown.Content,
       {
         align: "start",
@@ -33330,7 +33331,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         }
       },
       devices.map((device) => {
-        return /* @__PURE__ */ React188.createElement(
+        return /* @__PURE__ */ React187.createElement(
           Dropdown.Item,
           {
             key: device.label,
@@ -33356,33 +33357,33 @@ DeviceSelector2.propTypes = {
 };
 
 // src/Diagnostics/AudioTest.tsx
-var SelectContainer = ({ children }) => /* @__PURE__ */ React189.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
+var SelectContainer = ({ children }) => /* @__PURE__ */ React188.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
 var MicTest = ({ setError }) => {
   var _a7, _b7;
   const { hmsDiagnostics } = useDiagnostics();
   const devices = useHMSStore99(selectDevices);
-  const [isRecording, setIsRecording] = useState80(false);
-  const [selectedMic, setSelectedMic] = useState80(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
+  const [isRecording, setIsRecording] = useState79(false);
+  const [selectedMic, setSelectedMic] = useState79(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
   const trackID = useHMSStore99(selectLocalAudioTrackID2);
   const audioLevel = useHMSStore99(selectTrackAudioByID2(trackID));
   const { audioOutputDeviceId } = useHMSStore99(selectLocalMediaSettings);
   const { playing, setPlaying, audioRef } = useAudioOutputTest({
     deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
   });
-  return /* @__PURE__ */ React189.createElement(SelectContainer, null, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React188.createElement(SelectContainer, null, /* @__PURE__ */ React188.createElement(
     DeviceSelector2,
     {
       title: "Microphone (Input)",
       devices: devices.audioInput,
       selection: selectedMic,
-      icon: /* @__PURE__ */ React189.createElement(MicOnIcon7, null),
+      icon: /* @__PURE__ */ React188.createElement(MicOnIcon7, null),
       onChange: (deviceId) => {
         setError(void 0);
         setSelectedMic(deviceId);
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
       }
     }
-  ), /* @__PURE__ */ React189.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ React189.createElement(
+  ), /* @__PURE__ */ React188.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ React188.createElement(
     Button,
     {
       variant: "standard",
@@ -33402,9 +33403,9 @@ var MicTest = ({ setError }) => {
       },
       disabled: devices.audioInput.length === 0 || playing
     },
-    isRecording ? /* @__PURE__ */ React189.createElement(StopIcon3, null) : /* @__PURE__ */ React189.createElement(MicOnIcon7, null),
+    isRecording ? /* @__PURE__ */ React188.createElement(StopIcon3, null) : /* @__PURE__ */ React188.createElement(MicOnIcon7, null),
     isRecording ? "Stop Recording" : "Record"
-  ), /* @__PURE__ */ React189.createElement(
+  ), /* @__PURE__ */ React188.createElement(
     Button,
     {
       icon: true,
@@ -33418,9 +33419,9 @@ var MicTest = ({ setError }) => {
       },
       disabled: playing || (hmsDiagnostics == null ? void 0 : hmsDiagnostics.getRecordedAudio()) === TEST_AUDIO_URL
     },
-    /* @__PURE__ */ React189.createElement(SpeakerIcon5, null),
+    /* @__PURE__ */ React188.createElement(SpeakerIcon5, null),
     playing ? "Playing..." : "Playback"
-  ), /* @__PURE__ */ React189.createElement(
+  ), /* @__PURE__ */ React188.createElement(
     "audio",
     {
       ref: audioRef,
@@ -33428,7 +33429,7 @@ var MicTest = ({ setError }) => {
       onPlay: () => setPlaying(true),
       style: { display: "none" }
     }
-  )), /* @__PURE__ */ React189.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ React189.createElement(Text, null, /* @__PURE__ */ React189.createElement(MicOnIcon7, null)), /* @__PURE__ */ React189.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ React189.createElement(
+  )), /* @__PURE__ */ React188.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ React188.createElement(Text, null, /* @__PURE__ */ React188.createElement(MicOnIcon7, null)), /* @__PURE__ */ React188.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ React188.createElement(
     Progress.Content,
     {
       style: {
@@ -33444,15 +33445,15 @@ var SpeakerTest = () => {
   const devices = useHMSStore99(selectDevices);
   const { audioOutputDeviceId } = useHMSStore99(selectLocalMediaSettings);
   if (devices.audioOutput.length === 0) {
-    return /* @__PURE__ */ React189.createElement(React189.Fragment, null);
+    return /* @__PURE__ */ React188.createElement(React188.Fragment, null);
   }
-  return /* @__PURE__ */ React189.createElement(SelectContainer, null, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React188.createElement(SelectContainer, null, /* @__PURE__ */ React188.createElement(
     DeviceSelector2,
     {
       title: "Speaker (Output)",
       devices: devices.audioOutput,
       selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
-      icon: /* @__PURE__ */ React189.createElement(SpeakerIcon5, null),
+      icon: /* @__PURE__ */ React188.createElement(SpeakerIcon5, null),
       onChange: (deviceId) => {
         actions.setAudioOutputDevice(deviceId);
       }
@@ -33461,8 +33462,8 @@ var SpeakerTest = () => {
 };
 var AudioTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [error, setErrorAlone] = useState80();
-  const setError = useCallback41(
+  const [error, setErrorAlone] = useState79();
+  const setError = useCallback42(
     (err) => {
       updateStep(2 /* AUDIO */, { hasFailed: !!err });
       setErrorAlone(err);
@@ -33472,7 +33473,7 @@ var AudioTest = () => {
   useEffect78(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
   }, [hmsDiagnostics, setError]);
-  return /* @__PURE__ */ React189.createElement(React189.Fragment, null, /* @__PURE__ */ React189.createElement(TestContainer, null, /* @__PURE__ */ React189.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React188.createElement(React188.Fragment, null, /* @__PURE__ */ React188.createElement(TestContainer, null, /* @__PURE__ */ React188.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ React188.createElement(
     Flex,
     {
       css: {
@@ -33484,14 +33485,14 @@ var AudioTest = () => {
         }
       }
     },
-    /* @__PURE__ */ React189.createElement(MicTest, { setError }),
-    /* @__PURE__ */ React189.createElement(SpeakerTest, null)
-  )), /* @__PURE__ */ React189.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ React189.createElement(PermissionErrorModal, { error }));
+    /* @__PURE__ */ React188.createElement(MicTest, { setError }),
+    /* @__PURE__ */ React188.createElement(SpeakerTest, null)
+  )), /* @__PURE__ */ React188.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ React188.createElement(PermissionErrorModal, { error }));
 };
 
 // src/Diagnostics/BrowserTest.tsx
 init_define_process_env();
-import React190, { useEffect as useEffect79, useState as useState81 } from "react";
+import React189, { useEffect as useEffect79, useState as useState80 } from "react";
 import { parsedUserAgent as parsedUserAgent3 } from "@100mslive/react-sdk";
 var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
 var operatingSystemIconInfo = {
@@ -33573,11 +33574,11 @@ var browserTypeIconInfo = {
     icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
   }
 };
-var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React190.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React190.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React190.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React190.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React190.createElement(Text, null, value)));
+var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React189.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React189.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React189.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React189.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React189.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React189.createElement(Text, null, value)));
 var BrowserTest = () => {
   var _a7, _b7, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [error, setError] = useState81();
+  const [error, setError] = useState80();
   useEffect79(() => {
     try {
       hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
@@ -33586,26 +33587,26 @@ var BrowserTest = () => {
       setError(err);
     }
   }, [hmsDiagnostics, updateStep]);
-  return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React189.createElement(React189.Fragment, null, /* @__PURE__ */ React189.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ React189.createElement(
     CheckDetails,
     {
       title: "Browser",
       iconURL: parsedUserAgent3.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = parsedUserAgent3.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
       value: `${parsedUserAgent3.getBrowser().name} ${parsedUserAgent3.getBrowser().version}`
     }
-  ), /* @__PURE__ */ React190.createElement(
+  ), /* @__PURE__ */ React189.createElement(
     CheckDetails,
     {
       title: "Operating system",
       iconURL: parsedUserAgent3.getOS().name && ((_d = operatingSystemIconInfo[(_c = parsedUserAgent3.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
       value: `${parsedUserAgent3.getOS().name} ${parsedUserAgent3.getOS().version}`
     }
-  )), /* @__PURE__ */ React190.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
+  )), /* @__PURE__ */ React189.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
 };
 
 // src/Diagnostics/ConnectivityTest.tsx
 init_define_process_env();
-import React191, { useState as useState82 } from "react";
+import React190, { useState as useState81 } from "react";
 import { ConnectivityState } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon6, CrossCircleIcon as CrossCircleIcon4, EyeCloseIcon as EyeCloseIcon3, EyeOpenIcon as EyeOpenIcon2, LinkIcon } from "@100mslive/react-icons";
 var Regions = {
@@ -33628,8 +33629,8 @@ var ConnectivityTestStepResult = ({
   success,
   children
 }) => {
-  const [hideDetails, setHideDetails] = useState82(true);
-  return /* @__PURE__ */ React191.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ React191.createElement(Flex, null, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ React191.createElement(CheckCircleIcon6, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React191.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ React191.createElement(Flex, null, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ React191.createElement(CrossCircleIcon4, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React191.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ React191.createElement(
+  const [hideDetails, setHideDetails] = useState81(true);
+  return /* @__PURE__ */ React190.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ React190.createElement(Flex, null, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ React190.createElement(CheckCircleIcon6, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React190.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ React190.createElement(Flex, null, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ React190.createElement(CrossCircleIcon4, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React190.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ React190.createElement(
     Flex,
     {
       onClick: () => setHideDetails(!hideDetails),
@@ -33639,8 +33640,8 @@ var ConnectivityTestStepResult = ({
         color: "$primary_bright"
       }
     },
-    hideDetails ? /* @__PURE__ */ React191.createElement(EyeOpenIcon2, null) : /* @__PURE__ */ React191.createElement(EyeCloseIcon3, null),
-    /* @__PURE__ */ React191.createElement(
+    hideDetails ? /* @__PURE__ */ React190.createElement(EyeOpenIcon2, null) : /* @__PURE__ */ React190.createElement(EyeCloseIcon3, null),
+    /* @__PURE__ */ React190.createElement(
       Text,
       {
         variant: "caption",
@@ -33651,38 +33652,38 @@ var ConnectivityTestStepResult = ({
       hideDetails ? "View" : "Hide",
       " detailed information"
     )
-  ), !hideDetails ? /* @__PURE__ */ React191.createElement(Box, null, children) : null);
+  ), !hideDetails ? /* @__PURE__ */ React190.createElement(Box, null, children) : null);
 };
 var DetailedInfo = ({
   title,
   value,
   Icon: Icon4
 }) => {
-  return /* @__PURE__ */ React191.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React191.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React191.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React191.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React191.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React191.createElement(Text, { variant: "caption" }, value)));
+  return /* @__PURE__ */ React190.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React190.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React190.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React190.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React190.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React190.createElement(Text, { variant: "caption" }, value)));
 };
 var MediaServerResult = ({ result }) => {
   var _a7, _b7, _c, _d;
-  return /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React190.createElement(
     ConnectivityTestStepResult,
     {
       title: "Media server connection test",
       success: (result == null ? void 0 : result.isPublishICEConnected) && result.isSubscribeICEConnected
     },
-    /* @__PURE__ */ React191.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React191.createElement(
+    /* @__PURE__ */ React190.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React190.createElement(
       DetailedInfo,
       {
         title: "Media Captured",
         value: ((_a7 = result == null ? void 0 : result.stats) == null ? void 0 : _a7.audio.bytesSent) ? "Yes" : "No",
         Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
       }
-    ), /* @__PURE__ */ React191.createElement(
+    ), /* @__PURE__ */ React190.createElement(
       DetailedInfo,
       {
         title: "Media Published",
         value: ((_c = result == null ? void 0 : result.stats) == null ? void 0 : _c.audio.bitrateSent) ? "Yes" : "No",
         Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
       }
-    ), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ React191.createElement(
+    ), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ React190.createElement(
       DetailedInfo,
       {
         title: "Connection Quality Score (CQS)",
@@ -33692,27 +33693,27 @@ var MediaServerResult = ({ result }) => {
   );
 };
 var SignallingResult = ({ result }) => {
-  return /* @__PURE__ */ React191.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ React191.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React190.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ React190.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React190.createElement(
     DetailedInfo,
     {
       title: "Signalling Gateway",
       value: (result == null ? void 0 : result.isConnected) ? "Reachable" : "Unreachable",
       Icon: (result == null ? void 0 : result.isConnected) ? CheckCircleIcon6 : CrossCircleIcon4
     }
-  ), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
+  ), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
 };
 var AudioStats = ({ stats }) => {
-  return /* @__PURE__ */ React191.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React191.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ React190.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React190.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
 };
 var VideoStats = ({ stats }) => {
-  return /* @__PURE__ */ React191.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React191.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ React190.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React190.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
 };
 var Footer3 = ({
   error,
   result,
   restart
 }) => {
-  return /* @__PURE__ */ React191.createElement(TestFooter, { error }, /* @__PURE__ */ React191.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React191.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ React191.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
+  return /* @__PURE__ */ React190.createElement(TestFooter, { error }, /* @__PURE__ */ React190.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React190.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ React190.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
 };
 var ConnectivityTestReport = ({
   error,
@@ -33722,14 +33723,14 @@ var ConnectivityTestReport = ({
 }) => {
   var _a7, _b7, _c, _d;
   if (error) {
-    return /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React191.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React191.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React191.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React191.createElement(Footer3, { restart: startTest, error }));
+    return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React190.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React190.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React190.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React190.createElement(Footer3, { restart: startTest, error }));
   }
   if (result) {
     console.log(result);
-    return /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(TestContainer, null, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React191.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React191.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React191.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React191.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React191.createElement(Footer3, { result, restart: startTest, error }));
+    return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, null, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React190.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React190.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React190.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React190.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React190.createElement(Footer3, { result, restart: startTest, error }));
   }
   if (progress !== void 0) {
-    return /* @__PURE__ */ React191.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React191.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React191.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React191.createElement(
+    return /* @__PURE__ */ React190.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React190.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React190.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React190.createElement(
       Text,
       {
         variant: "body2",
@@ -33745,7 +33746,7 @@ var RegionSelector = ({
   setRegion,
   startTest
 }) => {
-  return /* @__PURE__ */ React191.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React191.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ React191.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React190.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React190.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ React190.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ React190.createElement(
     Flex,
     {
       justify: "between",
@@ -33757,7 +33758,7 @@ var RegionSelector = ({
         }
       }
     },
-    /* @__PURE__ */ React191.createElement(
+    /* @__PURE__ */ React190.createElement(
       Flex,
       {
         css: {
@@ -33767,7 +33768,7 @@ var RegionSelector = ({
           }
         }
       },
-      Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React191.createElement(
+      Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React190.createElement(
         Button,
         {
           key,
@@ -33779,15 +33780,15 @@ var RegionSelector = ({
         value
       ))
     ),
-    /* @__PURE__ */ React191.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React191.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
+    /* @__PURE__ */ React190.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React190.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
   ));
 };
 var ConnectivityTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [region, setRegion] = useState82(Object.keys(Regions)[0]);
-  const [error, setError] = useState82();
-  const [progress, setProgress] = useState82();
-  const [result, setResult] = useState82();
+  const [region, setRegion] = useState81(Object.keys(Regions)[0]);
+  const [error, setError] = useState81();
+  const [progress, setProgress] = useState81();
+  const [result, setResult] = useState81();
   const startTest = () => {
     updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
     setError(void 0);
@@ -33806,14 +33807,14 @@ var ConnectivityTest = () => {
       setError(error2);
     });
   };
-  return /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(
     RegionSelector,
     {
       region,
       setRegion,
       startTest: progress === void 0 || progress === ConnectivityState.COMPLETED ? startTest : void 0
     }
-  ), /* @__PURE__ */ React191.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
+  ), /* @__PURE__ */ React190.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
 };
 var downloadJson = (obj, fileName) => {
   const a2 = document.createElement("a");
@@ -33827,7 +33828,7 @@ var downloadJson = (obj, fileName) => {
 
 // src/Diagnostics/VideoTest.tsx
 init_define_process_env();
-import React192, { useEffect as useEffect80, useState as useState83 } from "react";
+import React191, { useEffect as useEffect80, useState as useState82 } from "react";
 import {
   selectDevices as selectDevices2,
   selectLocalMediaSettings as selectLocalMediaSettings2,
@@ -33841,14 +33842,14 @@ var VideoTest = () => {
   const { videoInput } = allDevices;
   const trackID = useHMSStore100(selectLocalVideoTrackID4);
   const sdkSelectedDevices = useHMSStore100(selectLocalMediaSettings2);
-  const [error, setError] = useState83();
+  const [error, setError] = useState82();
   useEffect80(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
       updateStep(1 /* VIDEO */, { hasFailed: true });
       setError(err);
     });
   }, [hmsDiagnostics, updateStep]);
-  return /* @__PURE__ */ React192.createElement(React192.Fragment, null, /* @__PURE__ */ React192.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ React192.createElement(
+  return /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ React191.createElement(
     StyledVideoTile.Container,
     {
       css: {
@@ -33858,30 +33859,30 @@ var VideoTest = () => {
         "@lg": { mr: 0, mb: "$10", aspectRatio: "1/1" }
       }
     },
-    /* @__PURE__ */ React192.createElement(Video, { mirror: true, trackId: trackID })
-  ), /* @__PURE__ */ React192.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ React192.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium", mb: "$10" } }, "Move in front of your camera to make sure it's working. If you don't see your video, try changing the selected camera. If the camera isn't part of your computer, check your settings to make sure your system recognizes it."), /* @__PURE__ */ React192.createElement(
+    /* @__PURE__ */ React191.createElement(Video, { mirror: true, trackId: trackID })
+  ), /* @__PURE__ */ React191.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ React191.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium", mb: "$10" } }, "Move in front of your camera to make sure it's working. If you don't see your video, try changing the selected camera. If the camera isn't part of your computer, check your settings to make sure your system recognizes it."), /* @__PURE__ */ React191.createElement(
     DeviceSelector2,
     {
       title: "Video",
       devices: videoInput || [],
-      icon: /* @__PURE__ */ React192.createElement(VideoOnIcon5, null),
+      icon: /* @__PURE__ */ React191.createElement(VideoOnIcon5, null),
       selection: sdkSelectedDevices.videoInputDeviceId,
       onChange: (deviceId) => __async(void 0, null, function* () {
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopCameraCheck();
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck(deviceId);
       })
     }
-  ))), /* @__PURE__ */ React192.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ React192.createElement(PermissionErrorModal, { error }));
+  ))), /* @__PURE__ */ React191.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ React191.createElement(PermissionErrorModal, { error }));
 };
 
 // src/Diagnostics/Diagnostics.tsx
 var DiagnosticsStepIcon = {
-  [1 /* VIDEO */]: /* @__PURE__ */ React193.createElement(VideoOnIcon6, { width: "2rem", height: "2rem" }),
-  [2 /* AUDIO */]: /* @__PURE__ */ React193.createElement(MicOnIcon8, { width: "2rem", height: "2rem" }),
-  [0 /* BROWSER */]: /* @__PURE__ */ React193.createElement(GlobeIcon, { width: "2rem", height: "2rem" }),
-  [3 /* CONNECTIVITY */]: /* @__PURE__ */ React193.createElement(ConnectivityIcon2, { width: "2rem", height: "2rem" })
+  [1 /* VIDEO */]: /* @__PURE__ */ React192.createElement(VideoOnIcon6, { width: "2rem", height: "2rem" }),
+  [2 /* AUDIO */]: /* @__PURE__ */ React192.createElement(MicOnIcon8, { width: "2rem", height: "2rem" }),
+  [0 /* BROWSER */]: /* @__PURE__ */ React192.createElement(GlobeIcon, { width: "2rem", height: "2rem" }),
+  [3 /* CONNECTIVITY */]: /* @__PURE__ */ React192.createElement(ConnectivityIcon2, { width: "2rem", height: "2rem" })
 };
-var Container5 = ({ children }) => /* @__PURE__ */ React193.createElement(
+var Container5 = ({ children }) => /* @__PURE__ */ React192.createElement(
   Box,
   {
     css: {
@@ -33921,7 +33922,7 @@ var Container5 = ({ children }) => /* @__PURE__ */ React193.createElement(
 );
 var DiagnosticsStepTest = () => {
   const { activeStepIndex } = useDiagnostics();
-  let TestComponent = () => /* @__PURE__ */ React193.createElement(React193.Fragment, null);
+  let TestComponent = () => /* @__PURE__ */ React192.createElement(React192.Fragment, null);
   if (activeStepIndex === 2 /* AUDIO */) {
     TestComponent = AudioTest;
   } else if (activeStepIndex === 1 /* VIDEO */) {
@@ -33931,47 +33932,47 @@ var DiagnosticsStepTest = () => {
   } else if (activeStepIndex === 3 /* CONNECTIVITY */) {
     TestComponent = ConnectivityTest;
   }
-  return /* @__PURE__ */ React193.createElement(TestComponent, { key: activeStepIndex });
+  return /* @__PURE__ */ React192.createElement(TestComponent, { key: activeStepIndex });
 };
 var DiagnosticsStepHeader = () => {
   const { activeStepIndex, activeStep } = useDiagnostics();
-  return /* @__PURE__ */ React193.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React193.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ React193.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
+  return /* @__PURE__ */ React192.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ React192.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
 };
 var DiagnosticsStepContainer = () => {
-  return /* @__PURE__ */ React193.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ React193.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ React193.createElement(DiagnosticsStepTest, null));
+  return /* @__PURE__ */ React192.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ React192.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ React192.createElement(DiagnosticsStepTest, null));
 };
 var DiagnosticsStepsList = () => {
   const { activeStepIndex, activeStep, steps } = useDiagnostics();
-  return /* @__PURE__ */ React193.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
+  return /* @__PURE__ */ React192.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
     const keyIndex = Number(key);
     const step = steps[keyIndex];
     const isStepCompleted = activeStepIndex > keyIndex || activeStep.isCompleted;
     let color = "$on_primary_low";
-    let icon = /* @__PURE__ */ React193.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
+    let icon = /* @__PURE__ */ React192.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
     if (activeStepIndex === keyIndex) {
       color = "$on_primary_high";
-      icon = /* @__PURE__ */ React193.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
+      icon = /* @__PURE__ */ React192.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
     }
     if (isStepCompleted) {
       color = "$primary_bright";
-      icon = /* @__PURE__ */ React193.createElement(CheckCircleIcon7, { width: "1rem", height: "1rem" });
+      icon = /* @__PURE__ */ React192.createElement(CheckCircleIcon7, { width: "1rem", height: "1rem" });
     }
     if (step.hasFailed) {
       color = "$alert_error_default";
-      icon = /* @__PURE__ */ React193.createElement(CrossCircleIcon5, { width: "1rem", height: "1rem" });
+      icon = /* @__PURE__ */ React192.createElement(CrossCircleIcon5, { width: "1rem", height: "1rem" });
     }
-    return /* @__PURE__ */ React193.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ React193.createElement(Text, { css: { c: color } }, step.name));
+    return /* @__PURE__ */ React192.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ React192.createElement(Text, { css: { c: color } }, step.name));
   }));
 };
 var DiagnosticsProvider = () => {
   const actions = useHMSActions59();
-  const [activeStep, setActiveStep] = useState84(0);
-  const [steps, setSteps] = useState84(initialSteps);
-  const diagnosticsRef = useRef33(actions.initDiagnostics());
-  const updateStep = useCallback42((step, value) => {
+  const [activeStep, setActiveStep] = useState83(0);
+  const [steps, setSteps] = useState83(initialSteps);
+  const diagnosticsRef = useRef34(actions.initDiagnostics());
+  const updateStep = useCallback43((step, value) => {
     setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
   }, []);
-  return /* @__PURE__ */ React193.createElement(
+  return /* @__PURE__ */ React192.createElement(
     DiagnosticsContext.Provider,
     {
       value: {
@@ -33982,11 +33983,11 @@ var DiagnosticsProvider = () => {
         updateStep
       }
     },
-    /* @__PURE__ */ React193.createElement(Container5, null, /* @__PURE__ */ React193.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ React193.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ React193.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ React193.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ React193.createElement(DiagnosticsStepContainer, null)))
+    /* @__PURE__ */ React192.createElement(Container5, null, /* @__PURE__ */ React192.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ React192.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ React192.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ React192.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ React192.createElement(DiagnosticsStepContainer, null)))
   );
 };
 var Diagnostics = () => {
-  return /* @__PURE__ */ React193.createElement(HMSRoomProvider2, null, /* @__PURE__ */ React193.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ React193.createElement(DiagnosticsProvider, null)));
+  return /* @__PURE__ */ React192.createElement(HMSRoomProvider2, null, /* @__PURE__ */ React192.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ React192.createElement(DiagnosticsProvider, null)));
 };
 
 export {
@@ -34121,4 +34122,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-SCKPBPAN.js.map
+//# sourceMappingURL=chunk-Y4ZC5NAS.js.map