@100mslive/roomkit-react 0.3.17-alpha.8 → 0.3.17

package/dist/{chunk-G5HWEBIZ.js → chunk-GEHBXY4W.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_b68bdd01-7b77-40fa-ad3a-483709eb12fd", 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.8", 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.8", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_b68bdd01-7b77-40fa-ad3a-483709eb12fd", 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.8", 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:18858", 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.8", 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: "10212964191", 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: "1b1b22f648b766dd8d23974f0062da49dec42145", 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: "c866c134602182be8b578d7b64f9a1f924a71ef5828b8dd7ae6afd4eddfedc31", 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--1722589585695-0.8664305587696297:/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--1722589585491-0.26602586257250604:/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--1722589559924-0.9036158145615669:/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--1722589559745-0.2817139233003938:/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_362893f9-9bf0-492d-a588-be632f5110b4", INVOCATION_ID: "d670ae1e42e34e2ea2fcc5f6df17a759", 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: "625", 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 161", 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.8", 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.8", 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: "1b1b22f648b766dd8d23974f0062da49dec42145", 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_b68bdd01-7b77-40fa-ad3a-483709eb12fd", 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_b68bdd01-7b77-40fa-ad3a-483709eb12fd", 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_b68bdd01-7b77-40fa-ad3a-483709eb12fd" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_9b74a619-2fba-42fa-97d7-7d96319b81d2", 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", 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", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_9b74a619-2fba-42fa-97d7-7d96319b81d2", 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", 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: "593", 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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240811.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.6/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:18114", 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", 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: "10388358635", 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: "f185635b7c3f78e566380f9b003b53a46cdcda46", 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: "5c556e023699fe0133d047d173bcac05cd7e30da6fefbfc6faf06ab3cd8be690", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1723641582130-0.09488574630255386:/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--1723641581936-0.5191089597617522:/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--1723641555700-0.34150497312793693:/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--1723641555519-0.9938317913884838:/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_cffd167d-df36-4298-a6fd-a7a89bcc0a52", INVOCATION_ID: "c6919f98a2074a59b0f6ba02d6c7aa13", 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: "639", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", 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 137", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_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", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.17", 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: "f185635b7c3f78e566380f9b003b53a46cdcda46", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_9b74a619-2fba-42fa-97d7-7d96319b81d2", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_9b74a619-2fba-42fa-97d7-7d96319b81d2", 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_9b74a619-2fba-42fa-97d7-7d96319b81d2" };
   }
 });
 
@@ -4149,7 +4149,7 @@ var require_lodash = __commonJS({
         function eq(value, other) {
           return value === other || value !== value && other !== other;
         }
-        var gt = createRelationalOperation(baseGt);
+        var gt2 = createRelationalOperation(baseGt);
         var gte = createRelationalOperation(function(value, other) {
           return value >= other;
         });
@@ -4373,7 +4373,7 @@ var require_lodash = __commonJS({
         var assignWith = createAssigner(function(object, source, srcIndex, customizer2) {
           copyObject(source, keys(source), object, customizer2);
         });
-        var at2 = flatRest(baseAt);
+        var at = flatRest(baseAt);
         function create(prototype, properties) {
           var result2 = baseCreate(prototype);
           return properties == null ? result2 : baseAssign(result2, properties);
@@ -5107,7 +5107,7 @@ var require_lodash = __commonJS({
         lodash.assignIn = assignIn;
         lodash.assignInWith = assignInWith;
         lodash.assignWith = assignWith;
-        lodash.at = at2;
+        lodash.at = at;
         lodash.before = before;
         lodash.bind = bind;
         lodash.bindAll = bindAll;
@@ -5288,7 +5288,7 @@ var require_lodash = __commonJS({
         lodash.forOwn = forOwn;
         lodash.forOwnRight = forOwnRight;
         lodash.get = get;
-        lodash.gt = gt;
+        lodash.gt = gt2;
         lodash.gte = gte;
         lodash.has = has;
         lodash.hasIn = hasIn;
@@ -7671,12 +7671,12 @@ var require_sdp = __commonJS({
       return parsed;
     };
     SDPUtils2.writeRtpMap = function(codec) {
-      let pt2 = codec.payloadType;
+      let pt = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt2 = codec.preferredPayloadType;
+        pt = codec.preferredPayloadType;
       }
       const channels = codec.channels || codec.numChannels || 1;
-      return "a=rtpmap:" + pt2 + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
+      return "a=rtpmap:" + pt + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
     };
     SDPUtils2.parseExtmap = function(line) {
       const parts = line.substring(9).split(" ");
@@ -7702,9 +7702,9 @@ var require_sdp = __commonJS({
     };
     SDPUtils2.writeFmtp = function(codec) {
       let line = "";
-      let pt2 = codec.payloadType;
+      let pt = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt2 = codec.preferredPayloadType;
+        pt = codec.preferredPayloadType;
       }
       if (codec.parameters && Object.keys(codec.parameters).length) {
         const params = [];
@@ -7715,7 +7715,7 @@ var require_sdp = __commonJS({
             params.push(param);
           }
         });
-        line += "a=fmtp:" + pt2 + " " + params.join(";") + "\r\n";
+        line += "a=fmtp:" + pt + " " + params.join(";") + "\r\n";
       }
       return line;
     };
@@ -7728,13 +7728,13 @@ var require_sdp = __commonJS({
     };
     SDPUtils2.writeRtcpFb = function(codec) {
       let lines = "";
-      let pt2 = codec.payloadType;
+      let pt = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt2 = codec.preferredPayloadType;
+        pt = codec.preferredPayloadType;
       }
       if (codec.rtcpFeedback && codec.rtcpFeedback.length) {
         codec.rtcpFeedback.forEach((fb) => {
-          lines += "a=rtcp-fb:" + pt2 + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
+          lines += "a=rtcp-fb:" + pt + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
         });
       }
       return lines;
@@ -7862,21 +7862,21 @@ var require_sdp = __commonJS({
       const mline = lines[0].split(" ");
       description.profile = mline[2];
       for (let i = 3; i < mline.length; i++) {
-        const pt2 = mline[i];
+        const pt = mline[i];
         const rtpmapline = SDPUtils2.matchPrefix(
           mediaSection,
-          "a=rtpmap:" + pt2 + " "
+          "a=rtpmap:" + pt + " "
         )[0];
         if (rtpmapline) {
           const codec = SDPUtils2.parseRtpMap(rtpmapline);
           const fmtps = SDPUtils2.matchPrefix(
             mediaSection,
-            "a=fmtp:" + pt2 + " "
+            "a=fmtp:" + pt + " "
           );
           codec.parameters = fmtps.length ? SDPUtils2.parseFmtp(fmtps[0]) : {};
           codec.rtcpFeedback = SDPUtils2.matchPrefix(
             mediaSection,
-            "a=rtcp-fb:" + pt2 + " "
+            "a=rtcp-fb:" + pt + " "
           ).map(SDPUtils2.parseRtcpFb);
           description.codecs.push(codec);
           switch (codec.name.toUpperCase()) {
@@ -8873,10 +8873,10 @@ var require_react_is_production_min = __commonJS({
     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 h2 = b2 ? Symbol.for("react.provider") : 60109;
     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 m = b2 ? Symbol.for("react.concurrent_mode") : 60111;
     var n = b2 ? Symbol.for("react.forward_ref") : 60112;
     var p = b2 ? Symbol.for("react.suspense") : 60113;
     var q2 = b2 ? Symbol.for("react.suspense_list") : 60120;
@@ -8893,7 +8893,7 @@ var require_react_is_production_min = __commonJS({
           case c:
             switch (a2 = a2.type, a2) {
               case l2:
-              case m2:
+              case m:
               case e:
               case g:
               case f2:
@@ -8905,7 +8905,7 @@ var require_react_is_production_min = __commonJS({
                   case n:
                   case t:
                   case r:
-                  case h:
+                  case h2:
                     return a2;
                   default:
                     return u;
@@ -8917,12 +8917,12 @@ var require_react_is_production_min = __commonJS({
       }
     }
     function A2(a2) {
-      return z2(a2) === m2;
+      return z2(a2) === m;
     }
     exports.AsyncMode = l2;
-    exports.ConcurrentMode = m2;
+    exports.ConcurrentMode = m;
     exports.ContextConsumer = k;
-    exports.ContextProvider = h;
+    exports.ContextProvider = h2;
     exports.Element = c;
     exports.ForwardRef = n;
     exports.Fragment = e;
@@ -8940,7 +8940,7 @@ var require_react_is_production_min = __commonJS({
       return z2(a2) === k;
     };
     exports.isContextProvider = function(a2) {
-      return z2(a2) === h;
+      return z2(a2) === h2;
     };
     exports.isElement = function(a2) {
       return "object" === typeof a2 && null !== a2 && a2.$$typeof === c;
@@ -8970,7 +8970,7 @@ var require_react_is_production_min = __commonJS({
       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 === k || 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 === m || a2 === g || a2 === f2 || a2 === p || a2 === q2 || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h2 || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v);
     };
     exports.typeOf = z2;
   }
@@ -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,
@@ -13220,7 +13221,7 @@ var LayoutSettings = () => {
     }),
     [hmsActions, isLocalVideoEnabled, isLocalScreenShared, setUISettings]
   );
-  return /* @__PURE__ */ React21.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ React21.createElement(Box, null), /* @__PURE__ */ React21.createElement(Flex, { align: "center", css: { w: "100%", my: "$2", py: "$8", "@md": { display: "none" } } }, /* @__PURE__ */ React21.createElement(Text, { variant: "md", css: { fontWeight: "$semiBold" } }, "Tiles In View(", maxTileCount, ")"), /* @__PURE__ */ React21.createElement(Flex, { justify: "end", css: { flex: "1 1 0" } }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React21.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ React21.createElement(Flex, { align: "center", css: { w: "100%", my: "$2", py: "$8", "@md": { display: "none" } } }, /* @__PURE__ */ React21.createElement(Text, { variant: "md", css: { fontWeight: "$semiBold" } }, "Tiles In View(", maxTileCount, ")"), /* @__PURE__ */ React21.createElement(Flex, { justify: "end", css: { flex: "1 1 0" } }, /* @__PURE__ */ React21.createElement(
     Slider,
     {
       step: 1,
@@ -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]: Number((_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]);
+    hmsActions.setAppData(APP_DATA.uiSettings, updatedSettings, false);
+  }, [preferences, hmsActions, elements == null ? void 0 : elements.video_tile_layout, isMobile]);
   useEffect5(() => {
     if (!preferences.subscribedNotifications) {
       return;
@@ -13951,7 +13969,7 @@ 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
@@ -14210,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
@@ -14321,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,
@@ -14418,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();
@@ -14656,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 }), {})
   );
@@ -15234,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 {
@@ -15293,7 +15311,7 @@ var useDropdownList = ({ name, open }) => {
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
 import { useCallback as useCallback9, useEffect as useEffect12, useMemo as useMemo5, useRef as useRef10, useState as useState11 } from "react";
-import { useMedia as useMedia3 } from "react-use";
+import { useMedia as useMedia4 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
   parsedUserAgent as parsedUserAgent2,
@@ -15359,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 = () => {
@@ -15368,7 +15386,7 @@ 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";
 };
@@ -15485,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({
@@ -15528,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,
@@ -15883,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];
@@ -15929,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();
@@ -16538,7 +16556,7 @@ var TextArea = styled("textarea", {
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
 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 useMedia7 } from "react-use";
+import { useMedia as useMedia8 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
 import {
@@ -16865,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';
@@ -16875,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();
@@ -17050,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);
@@ -17566,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 }) => {
@@ -17692,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;
   }
@@ -18288,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();
@@ -18414,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: () => {
@@ -18507,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);
@@ -18947,7 +18948,7 @@ import {
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
 import React64, { useCallback as useCallback22, useEffect as useEffect20, useRef as useRef16, useState as useState29 } from "react";
-import { useMedia as useMedia10 } from "react-use";
+import { useMedia as useMedia11 } from "react-use";
 
 // ../hms-video-store/dist/index.js
 init_define_process_env();
@@ -19032,8 +19033,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
 // ../hms-video-store/dist/index.js
 var import_ua_parser_js = __toESM(require_ua_parser());
 var import_lodash3 = __toESM(require_lodash2());
-import { v4 as co } from "uuid";
-import { v4 as oo } from "uuid";
+import { v4 as lo } from "uuid";
+import { v4 as no } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -21130,88 +21131,88 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as vo } from "uuid";
-import { v4 as Po } from "uuid";
-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";
-import { EventEmitter2 as cn } from "eventemitter2";
-import dn from "eventemitter2";
-import { v4 as ln } from "uuid";
-import { v4 as hn } from "uuid";
-var ja = Object.defineProperty;
-var Ja = Object.defineProperties;
-var Qa = Object.getOwnPropertyDescriptors;
-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) => {
+import { v4 as Mo } from "uuid";
+import { v4 as Eo } from "uuid";
+import { v4 as Ao } from "uuid";
+import { EventEmitter2 as Ho } from "eventemitter2";
+var qt = __toESM(require_lib());
+import { EventEmitter2 as rn } from "eventemitter2";
+import { v4 as cn } from "uuid";
+import { EventEmitter2 as dn } from "eventemitter2";
+import ln from "eventemitter2";
+import { v4 as un } from "uuid";
+import { v4 as mn } from "uuid";
+var Ja = Object.defineProperty;
+var Qa = Object.defineProperties;
+var za = 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 h = (a2, e) => {
   for (var t in e || (e = {}))
-    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]);
+    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]);
   return a2;
 };
-var M = (a2, e) => Ja(a2, Qa(e));
+var M = (a2, e) => Qa(a2, za(e));
 var mr = (a2, e) => {
   var t = {};
   for (var i in a2)
-    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]);
+    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]);
   return t;
 };
-var Xa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-var vr = Xa((Ac, no) => {
-  no.exports = { version: "0.12.17-alpha.8", 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 Za = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var vr = Za((Hc, co) => {
+  co.exports = { version: "0.12.17", 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 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 os = ((t) => (t.INFO = "info", t.ERROR = "error", t))(os || {});
-var gr = ((w) => (w.PEER_JOINED = "PEER_JOINED", w.PEER_LEFT = "PEER_LEFT", w.PEER_LIST = "PEER_LIST", w.NEW_MESSAGE = "NEW_MESSAGE", w.ERROR = "ERROR", w.RECONNECTING = "RECONNECTING", w.RECONNECTED = "RECONNECTED", w.TRACK_ADDED = "TRACK_ADDED", w.TRACK_REMOVED = "TRACK_REMOVED", w.TRACK_MUTED = "TRACK_MUTED", w.TRACK_UNMUTED = "TRACK_UNMUTED", w.TRACK_DEGRADED = "TRACK_DEGRADED", w.TRACK_RESTORED = "TRACK_RESTORED", w.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", w.ROLE_UPDATED = "ROLE_UPDATED", w.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", w.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", w.ROOM_ENDED = "ROOM_ENDED", w.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", w.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", w.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", w.NAME_UPDATED = "NAME_UPDATED", w.METADATA_UPDATED = "METADATA_UPDATED", w.POLL_CREATED = "POLL_CREATED", w.POLL_STARTED = "POLL_STARTED", w.POLL_STOPPED = "POLL_STOPPED", w.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", w.POLLS_LIST = "POLLS_LIST", w.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", w.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", w))(gr || {});
-var ns = ((t) => (t.audio = "audio", t.video = "video", t))(ns || {});
-function Ue(a2, e) {
+var eo = ((e) => (e.CHAT = "chat", e))(eo || {});
+var ns = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ns || {});
+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 cs = ((t) => (t.audio = "audio", t.video = "video", t))(cs || {});
+function Be(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      eo(s) && (i = ut(s) ? s : i, t = pt(s) ? s : t);
+      to(s) && (i = ht(s) ? s : i, t = mt(s) ? s : t);
     }
   return { video: t, audio: i };
 }
-function ut(a2) {
+function ht(a2) {
   return a2 && a2.type === "audio";
 }
-function pt(a2) {
+function mt(a2) {
   return a2 && a2.type === "video";
 }
-function eo(a2) {
+function to(a2) {
   return a2 && a2.source === "screen";
 }
-function ii(a2) {
+function ri(a2) {
   return a2 && a2.source === "audioplaylist";
 }
-function ht(a2) {
+function St(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function cs(a2) {
+function ds(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function Je(a2, e) {
   return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
 }
-function mt(a2) {
+function gt(a2) {
   var r;
   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 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 us = ((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))(us || {});
+var io = typeof window != "undefined" && typeof window.expect != "undefined";
 var l = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -21277,26 +21278,26 @@ var l = class {
       }
   }
 };
-l.level = to ? 7 : 0;
-var Te = new import_ua_parser_js.UAParser();
-var U = typeof window != "undefined";
-var us;
-var Be = typeof window == "undefined" && !((us = Te.getBrowser().name) != null && us.toLowerCase().includes("electron"));
-var ro = () => !Be;
-var ic = ro();
+l.level = io ? 7 : 0;
+var ve = new import_ua_parser_js.UAParser();
+var B = typeof window != "undefined";
 var ps;
+var Ve = typeof window == "undefined" && !((ps = ve.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
+var so = () => !Ve;
+var rc = so();
 var hs;
-var gs = ((hs = (ps = Te.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 (U && window) {
+var ms;
+var Ts = ((ms = (hs = ve.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : ms.toLowerCase()) === "firefox";
+var fs = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(fs || {});
+function ao() {
+  if (B && 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 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 ze = ao();
+var E = { 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);
@@ -21326,99 +21327,99 @@ var f = class a extends Error {
     }`;
   }
 };
-var ao = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var oo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
-  return new f(P3.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
+  return new f(E.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
-  return new f(P3.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
+  return new f(E.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
 }, AbnormalClose(a2, e = "") {
-  return new f(P3.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
+  return new f(E.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(P3.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
+  return new f(E.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
 }, InvalidTokenFormat(a2, e = "") {
-  return new f(P3.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
+  return new f(E.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
 }, InitConfigNotAvailable(a2, e = "") {
-  return new f(P3.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
+  return new f(E.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
 } }, TracksErrors: { GenericTrack(a2, e = "") {
-  return new f(P3.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
+  return new f(E.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
 }, CantAccessCaptureDevice(a2, e, t = "") {
-  return new f(P3.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
+  return new f(E.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
 }, DeviceNotAvailable(a2, e, t = "") {
-  return new f(P3.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
+  return new f(E.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
 }, DeviceInUse(a2, e, t = "") {
-  return new f(P3.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
+  return new f(E.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
 }, DeviceLostMidway(a2, e, t = "") {
-  return new f(P3.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
+  return new f(E.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(P3.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
+  return new f(E.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
 }, InvalidVideoSettings(a2, e = "") {
-  return new f(P3.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
+  return new f(E.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
 }, AutoplayBlocked(a2, e = "") {
-  return new f(P3.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
+  return new f(E.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
 }, CodecChangeNotPermitted(a2, e = "") {
-  return new f(P3.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
+  return new f(E.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
 }, OverConstrained(a2, e, t = "") {
-  return new f(P3.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
+  return new f(E.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(P3.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
+  return new f(E.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
 }, SystemDeniedPermission(a2, e, t = "") {
-  return new f(P3.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
+  return new f(E.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
 }, CurrentTabNotShared() {
-  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");
+  return new f(E.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(P3.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
+  return new f(E.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
 }, SelectedDeviceMissing(a2) {
-  return new f(P3.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
+  return new f(E.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(P3.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
+  return new f(E.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
 }, CreateAnswerFailed(a2, e = "") {
-  return new f(P3.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
+  return new f(E.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
 }, SetLocalDescriptionFailed(a2, e = "") {
-  return new f(P3.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
+  return new f(E.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
 }, SetRemoteDescriptionFailed(a2, e = "") {
-  return new f(P3.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
+  return new f(E.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
 }, ICEFailure(a2, e = "", t = false) {
-  return new f(P3.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
+  return new f(E.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
 }, ICEDisconnected(a2, e = "") {
-  return new f(P3.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
+  return new f(E.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
 }, StatsFailed(a2, e = "") {
-  return new f(P3.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
+  return new f(E.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));
+  return new f(a2, "ServerErrors", e, t, t, oo.includes(e));
 }, AlreadyJoined(a2, e = "") {
-  return new f(P3.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
+  return new f(E.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
-  return new f(P3.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
+  return new f(E.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
 } }, GenericErrors: { NotConnected(a2, e = "") {
-  return new f(P3.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
+  return new f(E.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
 }, Signalling(a2, e) {
-  return new f(P3.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
+  return new f(E.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
 }, Unknown(a2, e) {
-  return new f(P3.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
+  return new f(E.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
 }, NotReady(a2, e = "") {
-  return new f(P3.GenericErrors.NOT_READY, "NotReady", a2, e, e);
+  return new f(E.GenericErrors.NOT_READY, "NotReady", a2, e, e);
 }, JsonParsingFailed(a2, e, t = "") {
-  return new f(P3.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
+  return new f(E.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
 }, TrackMetadataMissing(a2, e = "") {
-  return new f(P3.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
+  return new f(E.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
 }, RTCTrackMissing(a2, e = "") {
-  return new f(P3.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
+  return new f(E.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
 }, PeerMetadataMissing(a2, e = "") {
-  return new f(P3.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
+  return new f(E.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
 }, ValidationFailed(a2, e) {
-  return new f(P3.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
+  return new f(E.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
 }, InvalidRole(a2, e) {
-  return new f(P3.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
+  return new f(E.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
 }, PreviewAlreadyInProgress(a2, e = "") {
-  return new f(P3.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
+  return new f(E.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(P3.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
+  return new f(E.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
 }, MissingMediaDevices() {
-  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);
+  return new f(E.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(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);
+  return new f(E.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 = "") {
@@ -21430,9 +21431,9 @@ 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(P3.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
+  return new f(E.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
 }, NoEntryPlaying(a2, e) {
-  return new f(P3.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
+  return new f(E.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
 } } };
 var fr = class {
   constructor() {
@@ -21459,21 +21460,21 @@ var fr = class {
     return this.valuesMap.size;
   }
 };
-var fs = () => {
+var vs = () => {
   try {
-    U && !localStorage && (window.localStorage = new fr());
+    B && !localStorage && (window.localStorage = new fr());
   } catch (a2) {
     l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
   }
 };
-var ue = class {
+var he = class {
   constructor(e) {
     this.key = e;
     this.storage = null;
   }
   getStorage() {
     try {
-      return U && !this.storage && (fs(), this.storage = window.localStorage), this.storage;
+      return B && !this.storage && (vs(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -21493,37 +21494,37 @@ var ue = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var vs = () => {
-  let a2, e = new ue("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = oo(), e.set(a2)), a2;
+var Ms = () => {
+  let a2, e = new he("hms-analytics-deviceId"), t = e.get();
+  return t ? a2 = t : (a2 = no(), e.set(a2)), a2;
 };
 function ne(a2) {
   return a2 != null;
 }
-var ys = vr().version;
-function Tt(a2 = "prod", e) {
+var ks = vr().version;
+function vt(a2 = "prod", e) {
   let t = "web", i = ze !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
-  if (Be)
-    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 = Te.getOS(), s = Te.getDevice(), o = Te.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 });
+  if (Ve)
+    return Ps({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ks, 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 = ve.getOS(), s = ve.getDevice(), o = ve.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}`), Ps({ os: n, os_version: d, sdk: t, sdk_version: ks, 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 Mr(a2) {
   return a2.replace(/ /g, "_");
 }
-var ks = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var Ps = (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: 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();
+    this.metadata = { peer: {}, userAgent: vt() };
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = lo(), this.device_id = Ms();
   }
   toSignalParams() {
-    return { name: this.name, info: M(m({}, this.properties), { timestamp: this.timestamp, domain: ze }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: M(h({}, 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, 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);
+    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(M(h({}, 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) {
@@ -21537,7 +21538,7 @@ var y = class {
   }
   static join(i) {
     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);
+    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(h({}, t), { is_preview_called: !!t.is_preview_called }), e);
     return new H({ name: s, level: o, properties: n });
   }
   static publish({ devices: e, settings: t, error: i }) {
@@ -21580,7 +21581,7 @@ var y = class {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
     if (!t && e.degradedAt instanceof Date) {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
-      s = M(m({}, s), { duration: n, restoredAt: o });
+      s = M(h({}, s), { duration: n, restoredAt: o });
     }
     return new H({ name: i, level: r, properties: s });
   }
@@ -21607,14 +21608,14 @@ var y = class {
     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) });
+    return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: h({ type: t }, i) });
   }
   static eventNameFor(e, t) {
     return `${e}.${t ? "success" : "failed"}`;
   }
   static getPropertiesWithError(e, t) {
     let i = this.getErrorProperties(t);
-    return e = m(m({}, i), e), e;
+    return e = h(h({}, i), e), e;
   }
   static getErrorProperties(e) {
     return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
@@ -21623,7 +21624,7 @@ var y = class {
 y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
 var yr = class {
   constructor() {
-    this.storage = new ue("hms-device-selection");
+    this.storage = new he("hms-device-selection");
     this.remember = false;
     this.TAG = "[HMSDeviceStorage]";
   }
@@ -21658,7 +21659,7 @@ var yr = class {
 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) {
+function oi(a2, e = 300) {
   let t;
   return function(...i) {
     clearTimeout(t), t = void 0;
@@ -21669,13 +21670,13 @@ function ai(a2, e = 300) {
   };
 }
 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 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 Hs = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Hs || {});
+var Cs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Cs || {});
+var Ls = ((e) => (e.CAPTION = "caption", e))(Ls || {});
 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 ws = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(ws || {});
 var Ar = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
@@ -21699,11 +21700,11 @@ var Ar = class {
     this.createObserver();
   }
   isSupported() {
-    let e = U && typeof window.IntersectionObserver != "undefined";
+    let e = B && typeof window.IntersectionObserver != "undefined";
     return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Ns = new Ar();
+var Os = new Ar();
 var Hr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
@@ -21717,7 +21718,7 @@ var Hr = class {
       (t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
     };
     this.createObserver = () => {
-      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(ai(this.handleResize, 300)));
+      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(oi(this.handleResize, 300)));
     };
     this.handleResize = (e) => {
       var t;
@@ -21727,47 +21728,47 @@ var Hr = class {
     this.createObserver();
   }
   isSupported() {
-    let e = U && typeof window.ResizeObserver != "undefined";
+    let e = B && typeof window.ResizeObserver != "undefined";
     return e || l.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Os = new Hr();
+var xs = 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 = () => 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 Vs = "https://event.100ms.live/v2/client/report";
+var Fs = "https://event-nonprod.100ms.live/v2/client/report";
+var Et = Math.pow(2, 31) - 1;
+var st = class {
+};
+st.makePeerId = () => Ao();
+var V = (a2) => a2.room;
+var Co = (a2) => a2.errors;
+var qh = createSelector(Co, (a2) => a2.length === 0 ? null : a2.at(-1));
+var jh = createSelector(V, (a2) => a2.id);
 var K = (a2) => a2.peers;
-var Ti = (a2) => a2.messages.byID;
-var Qs = (a2) => a2.messages.allIDs;
-var N = (a2) => a2.tracks;
+var fi = (a2) => a2.messages.byID;
+var zs = (a2) => a2.messages.allIDs;
+var O = (a2) => a2.tracks;
 var Vr = (a2) => a2.appData;
-var Co = (a2) => a2.speakers;
-var Ne = createSelector([B], (a2) => a2 && a2.isConnected);
-var Qh = createSelector([Ne, 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 Se = 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 ie = createSelector(B, K, (a2, e) => e[a2.localPeer]);
-var ke = 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 Lo = (a2) => a2.speakers;
+var xe = createSelector([V], (a2) => a2 && a2.isConnected);
+var zh = createSelector([xe, V], (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 wo = (a2) => a2.hideLocalPeer;
+var Te = createSelector([V, K, wo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var Do = createSelector(O, (a2) => Object.values(a2));
+var ie = createSelector(V, K, (a2, e) => e[a2.localPeer]);
+var Ee = createSelector(V, (a2) => a2.localPeer);
+var Yh = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
+var Xh = 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 wo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Ys = createSelector([oe, z, wo], (a2, e, t) => {
+var _o = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Xs = createSelector([oe, z, _o], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var Xh = createSelector(Se, (a2) => a2.filter((e) => !e.isLocal));
-var Zh = createSelector(K, Co, (a2, e) => {
+var Zh = createSelector(Te, (a2) => a2.filter((e) => !e.isLocal));
+var em = createSelector(K, Lo, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, d;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -21780,111 +21781,112 @@ var Zh = createSelector(K, Co, (a2, e) => {
   }
   return null;
 });
-var Gr = createSelector(ie, N, (a2, e) => {
-  let { video: t, audio: i } = Ue(e, a2);
+var Gr = createSelector(ie, O, (a2, e) => {
+  let { video: t, audio: i } = Be(e, a2);
   return !!(t || i);
 });
-var _o = createSelector(K, N, (a2, e) => {
+var No = createSelector(K, O, (a2, e) => {
   let t;
   for (let i in a2) {
-    let r = a2[i], { video: s, audio: o } = Ue(e, r);
+    let r = a2[i], { video: s, audio: o } = Be(e, r);
     if (s)
       return r;
     o && !t && (t = r);
   }
   return t;
 });
-var tm = createSelector(_o, (a2) => !!a2);
-var im = createSelector(K, N, (a2, e) => {
+var im = createSelector(No, (a2) => !!a2);
+var rm = createSelector(K, O, (a2, e) => {
   for (let t in a2) {
-    let i = a2[t], { audio: r, video: s } = Ue(e, i);
+    let i = a2[t], { audio: r, video: s } = Be(e, i);
     if (!s && r)
       return i;
   }
 });
-var rm = createSelector(K, N, (a2, e) => {
+var sm = createSelector(K, O, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
-    let s = a2[r], { video: o, audio: n } = Ue(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);
 });
-var sm = createSelector(K, N, (a2, e) => {
+var am = createSelector(K, O, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (ht(i) && pt(i) && i.peerId)
+    if (St(i) && mt(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var am = createSelector(K, N, (a2, e) => {
+var om = createSelector(K, O, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (ii(i) && i.peerId)
+    if (ri(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var om = createSelector(Do, (a2) => a2.filter(cs));
-var nm = createSelector(Qs, (a2) => a2.length);
-var cm = createSelector(Ti, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var Rt = createSelector(Qs, Ti, (a2, e) => {
+var nm = createSelector(Do, (a2) => a2.filter(ds));
+var cm = createSelector(zs, (a2) => a2.length);
+var dm = createSelector(fi, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var At = createSelector(zs, fi, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var No = createSelector(Rt, (a2) => a2.filter((e) => {
+var Oo = createSelector(At, (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 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 ge = (a2) => a2.roles;
-var pm = createSelector([ge], (a2) => Object.keys(a2));
-var at = createSelector([ie, ge], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var Oo = (a2) => {
+var lm = createSelector(Oo, (a2) => a2.filter((e) => !e.read).length);
+var re = createSelector([V], (a2) => a2 && a2.roomState);
+var ea = createSelector(re, (a2) => a2 === "Preview");
+var um = createSelector(V, (a2) => a2.roomState !== "Disconnected");
+var pm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+var fe = (a2) => a2.roles;
+var hm = createSelector([fe], (a2) => Object.keys(a2));
+var ot = createSelector([ie, fe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
+var xo = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var ea = createSelector([Oo, ge], (a2, e) => a2 ? e[a2] : null);
-var hm = createSelector([at], (a2) => {
+var ta = createSelector([xo, fe], (a2, e) => a2 ? e[a2] : null);
+var mm = createSelector([ot], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var ta = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
-var mm = createSelector(B, (a2) => a2.recording);
-var Sm = createSelector(B, (a2) => a2.rtmp);
-var gm = createSelector(B, (a2) => a2.hls);
-var Tm = createSelector(B, (a2) => a2.transcriptions);
-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 ia = (a2) => a2.polls;
-var Im = createSelector(Se, (a2) => a2.filter((e) => e.isHandRaised));
-var xo = (a2) => a2.whiteboards;
-var Rm = createSelector(xo, (a2) => Object.values(a2)[0]);
-var sa = (a2 = "audio") => (e) => e.playlist[a2].list;
+var ia = createSelector(ot, (a2) => a2 == null ? void 0 : a2.permissions);
+var Sm = createSelector(V, (a2) => a2.recording);
+var gm = createSelector(V, (a2) => a2.rtmp);
+var Tm = createSelector(V, (a2) => a2.hls);
+var fm = createSelector(V, (a2) => a2.transcriptions);
+var vm = createSelector(V, (a2) => a2.sessionId);
+var Mm = createSelector(V, (a2) => a2.startedAt);
+var ym = createSelector(V, (a2) => !!a2.isLargeRoom);
+var km = createSelector(V, (a2) => !!a2.isEffectsEnabled);
+var Pm = createSelector(V, (a2) => !!a2.isVBEnabled);
+var Em = createSelector(V, (a2) => a2.effectsKey);
+var ra = (a2) => a2.polls;
+var Am = createSelector(Te, (a2) => a2.filter((e) => e.isHandRaised));
+var Uo = (a2) => a2.whiteboards;
+var Hm = createSelector(Uo, (a2) => Object.values(a2)[0]);
+var aa = (a2 = "audio") => (e) => e.playlist[a2].list;
 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), Wr(a2), (e, t) => {
+var oa = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var na = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var ca = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var da = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var la = (a2 = "audio") => createSelector(aa(a2), (e) => Object.values(e));
+var ua = (a2 = "audio") => createSelector(aa(a2), Wr(a2), (e, t) => {
   if (t.id)
     return e[t.id];
 });
-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") };
+var pa = { selection: Wr("audio"), progress: oa("audio"), currentTime: na("audio"), playbackRate: ca("audio"), volume: da("audio"), list: la("audio"), selectedItem: ua("audio") };
+var ha = { selection: Wr("video"), progress: oa("video"), currentTime: na("video"), playbackRate: ca("video"), volume: da("video"), list: la("video"), selectedItem: ua("video") };
 function A(a2) {
   return (e) => (t) => a2(t, e);
 }
-var At = "HMS-Store:";
+var Ht = "HMS-Store:";
 var b = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -21914,23 +21916,23 @@ var b = class {
     if (!(this.level.valueOf() > e.valueOf()))
       switch (e) {
         case 0: {
-          console.log(At, ...t);
+          console.log(Ht, ...t);
           break;
         }
         case 1: {
-          console.debug(At, ...t);
+          console.debug(Ht, ...t);
           break;
         }
         case 2: {
-          console.info(At, ...t);
+          console.info(Ht, ...t);
           break;
         }
         case 3: {
-          console.warn(At, ...t);
+          console.warn(Ht, ...t);
           break;
         }
         case 6: {
-          console.error(At, ...t);
+          console.error(Ht, ...t);
           break;
         }
         case 4: {
@@ -21952,131 +21954,131 @@ var b = class {
 };
 b.level = 0;
 var $r = (a2, e) => e;
-var Ht = (a2, e) => e;
-var ha = (a2, e) => e;
-var Uo = (a2, e) => e;
+var Ct = (a2, e) => e;
+var ma = (a2, e) => e;
 var Bo = (a2, e) => e;
+var Vo = (a2, e) => e;
 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) => {
+var Kr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
+var Fo = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var Fo = createSelector([N, Ht], (a2, e) => {
+var Go = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var Go = createSelector([N, Ht], (a2, e) => {
+var Wo = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var Wo = createSelector([N, Ht], (a2, e) => {
+var $o = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = 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 Ko = createSelector([ra, Vo], (a2, e) => e ? a2[e] : null);
 var Y = A(q);
-var Um = A(createSelector([Vr, Uo], (a2, e) => {
+var Vm = A(createSelector([Vr, Bo], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function Bm(a2) {
+function Fm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var Fm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
-var Gm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
-var fi = A(Kr);
-var ma = A(Vo);
-var Wm = A(Fo);
-var $m = A(Go);
-var Km = A(Wo);
-var Ko = A((a2, e) => {
+var Wm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
+var $m = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
+var vi = A(Kr);
+var Sa = A(Fo);
+var Km = A(Go);
+var qm = A(Wo);
+var jm = A($o);
+var qo = A((a2, e) => {
   let t = q(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var qo = A((a2, e) => {
+var jo = A((a2, e) => {
   let t = q(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var jm = A((a2, e) => {
+var Qm = 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 = 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 = A(createSelector(jo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var zm = A((a2, e) => {
+var ga = (a2, e) => e ? a2.speakers[e] : null;
+var zm = A(createSelector(ga, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Jo = (a2, e) => {
+  let t = jo(e)(a2);
+  return ga(a2, t == null ? void 0 : t.id);
+};
+var Ym = A(createSelector(Jo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Xm = A((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var Ym = A((a2, e) => {
+var Zm = A((a2, e) => {
   let t = q(a2, e);
   if (t) {
-    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => ut(a2.tracks[r]));
+    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => ht(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var Xm = A(createSelector(N, q, (a2, e) => {
+var eS = A(createSelector(O, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return ht(r) && pt(r);
+    return St(r) && mt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Zm = A(createSelector(N, q, (a2, e) => {
+var tS = A(createSelector(O, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return ht(r) && ut(r);
+    return St(r) && ht(r);
   });
   return t ? a2[t] : void 0;
 }));
-var eS = A(createSelector(N, q, (a2, e) => {
+var iS = A(createSelector(O, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return ii(r) && ut(r);
+    return ri(r) && ht(r);
   });
   return t ? a2[t] : void 0;
 }));
-var ga = A(createSelector(N, q, (a2, e) => Ue(a2, e)));
-var Ta = (a2) => createSelector(ga(a2), (e) => e.audio);
-var iS = A((a2, e) => {
+var Ta = A(createSelector(O, q, (a2, e) => Be(a2, e)));
+var fa = (a2) => createSelector(Ta(a2), (e) => e.audio);
+var sS = A((a2, e) => {
   let t = q(a2, e);
   return Je(a2, t == null ? void 0 : t.audioTrack);
 });
-var rS = A((a2, e) => {
+var aS = A((a2, e) => {
   let t = q(a2, e);
   return Je(a2, t == null ? void 0 : t.videoTrack);
 });
-var fa = A((a2, e) => {
+var va = A((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var sS = A((a2, e) => {
+var oS = A((a2, e) => {
   let t = q(a2, e);
-  return fa(t == null ? void 0 : t.audioTrack)(a2);
+  return va(t == null ? void 0 : t.audioTrack)(a2);
 });
-var aS = A((a2, e) => {
-  let t = Ta(e)(a2);
-  return fa(t == null ? void 0 : t.id)(a2);
+var nS = A((a2, e) => {
+  let t = fa(e)(a2);
+  return va(t == null ? void 0 : t.id)(a2);
 });
-var va = A((a2, e) => {
+var Ma = A((a2, e) => {
   let t = Kr(a2, e);
   if (t) {
     if (t.type !== "audio") {
@@ -22086,15 +22088,15 @@ var va = A((a2, e) => {
     return t.volume;
   }
 });
-var oS = A((a2, e) => {
+var cS = A((a2, e) => {
   let t = q(a2, e);
-  return va(t == null ? void 0 : t.audioTrack)(a2);
+  return Ma(t == null ? void 0 : t.audioTrack)(a2);
 });
-var nS = A((a2, e) => {
-  let t = Ta(e)(a2);
-  return va(t == null ? void 0 : t.id)(a2);
+var dS = A((a2, e) => {
+  let t = fa(e)(a2);
+  return Ma(t == null ? void 0 : t.id)(a2);
 });
-var cS = A((a2, e) => {
+var lS = A((a2, e) => {
   let t = Kr(a2, e);
   if (t) {
     if (t.type !== "video") {
@@ -22104,53 +22106,53 @@ var cS = A((a2, e) => {
     return t.layer;
   }
 });
-var Ma = createSelector([Rt, ke, $r], (a2, e, t) => {
+var ya = createSelector([At, Ee, $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([Rt, ha], (a2, e) => {
+var ka = createSelector([At, ma], (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(Rt, (a2) => a2.filter((e) => {
+var Qo = createSelector(At, (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, $r], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var dS = createSelector(Jo, (a2) => a2.filter((e) => !e.read).length);
-var lS = A(Ma);
-var uS = A(ya);
-var pS = A(Qo);
-var hS = A(zo);
-var ka = A($o);
-var bS = createSelector([K, N], (a2, e) => Object.values(a2).map((i) => {
+var zo = createSelector([ka, ma], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Yo = createSelector([ya, $r], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var uS = createSelector(Qo, (a2) => a2.filter((e) => !e.read).length);
+var pS = A(ya);
+var hS = A(ka);
+var mS = A(zo);
+var SS = A(Yo);
+var Pa = A(Ko);
+var RS = createSelector([K, O], (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 IS = createSelector([Yo, K, ge], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var RS = createSelector([at], (a2) => mt(a2));
-var AS = createSelector([ea], (a2) => mt(a2));
-var Zo = createSelector([z, N], (a2, e) => {
+var Xo = (a2) => a2.roleChangeRequests[0] || null;
+var AS = createSelector([Xo, K, fe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var HS = createSelector([ot], (a2) => gt(a2));
+var CS = createSelector([ta], (a2) => gt(a2));
+var en = createSelector([z, O], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var en = createSelector([oe, N], (a2, e) => {
+var tn = createSelector([oe, O], (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 an = ((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))(an || {});
 var zr = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
-    this.failedEvents = new ue("client-events");
+    this.failedEvents = new he("client-events");
     this.isConnected = true;
     this.env = null;
     this.websocketURL = "";
@@ -22166,7 +22168,7 @@ var zr = class {
       this.addEventToStorage(e);
       return;
     }
-    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Bs : Vs;
+    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Vs : Fs;
     fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
       if (r.status === 401) {
         this.removeFromStorage(e);
@@ -22192,66 +22194,66 @@ var zr = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Ee = new zr();
+var Ie = 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 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 In = (a2, e) => e;
-var Ka = (a2, e) => e;
-var Rn = (a2) => a2.remoteTrackStats;
-var qa = (a2) => a2.peerStats;
+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 ut = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(ut || {});
+var En = (a2) => a2.localPeer.id;
+var bn = (a2) => a2.localPeer.audioTrack;
+var In = (a2) => a2.localPeer.videoTrack;
+var Rn = (a2, e) => e;
+var qa = (a2, e) => e;
+var An = (a2) => a2.remoteTrackStats;
+var ja = (a2) => a2.peerStats;
 var ts = (a2) => a2.localTrackStats;
-var Ie = createSelector([qa, Pn], (a2, e) => a2[e]);
-var An = createSelector(Ie, (a2) => {
+var Ae = createSelector([ja, En], (a2, e) => a2[e]);
+var Hn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var Hn = createSelector(Ie, (a2) => {
+var Cn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var Cn = createSelector(Ie, (a2) => {
+var Ln = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var Ln = createSelector(Ie, (a2) => {
+var wn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var Dn = createSelector(Ie, (a2) => {
+var Dn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var wn = createSelector(Ie, (a2) => {
+var _n = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var _n = createSelector(Ie, (a2) => {
+var Nn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Nn = createSelector(Ie, (a2) => {
+var On = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-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 xn = createSelector([ja, Rn], (a2, e) => e ? a2[e] : void 0);
+var Un = createSelector([An, qa], (a2, e) => e ? a2[e] : void 0);
+var is = createSelector([ts, qa], (a2, e) => e ? a2[e] : void 0);
 var Bn = A(xn);
-var Vn = createSelector([ts, En], (a2, e) => {
+var Vn = A(Un);
+var Fn = createSelector([ts, bn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Fn = A(createSelector(is, (a2) => a2 == null ? void 0 : a2[0]));
-var Gn = createSelector([ts, bn], (a2, e) => {
+var Gn = A(createSelector(is, (a2) => a2 == null ? void 0 : a2[0]));
+var Wn = createSelector([ts, In], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Wn = A(createSelector(is, (a2) => a2));
+var $n = A(createSelector(is, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -22370,7 +22372,7 @@ 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);
@@ -22417,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(
@@ -22450,7 +22452,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore30(selectRecordingState2);
-  if (recording.hls && recording.hls.state === Is.PAUSED) {
+  if (recording.hls && recording.hls.state === Rs.PAUSED) {
     return /* @__PURE__ */ React64.createElement(
       Tooltip,
       {
@@ -22525,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);
 };
@@ -22549,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
@@ -22668,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) {
@@ -22729,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(ke);
+  const localPeerID = useHMSStore33(Ee);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState31(false);
   useEffect21(() => {
@@ -23006,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 });
 };
@@ -23536,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)));
@@ -23598,7 +23607,7 @@ var ChatToggle = ({ onClick }) => {
 // src/Prebuilt/components/Footer/ParticipantList.tsx
 init_define_process_env();
 import React83, { Fragment as Fragment10, useCallback as useCallback24, useState as useState37 } from "react";
-import { useDebounce, useMedia as useMedia13 } from "react-use";
+import { useDebounce, useMedia as useMedia14 } from "react-use";
 import {
   HMSPeerType as HMSPeerType2,
   selectAvailableRoleNames as selectAvailableRoleNames5,
@@ -23924,7 +23933,7 @@ var RoleOptions = ({ roleName, peerList }) => {
 
 // src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
 init_define_process_env();
-import { match as match7, P as P4 } from "ts-pattern";
+import { match as match7, P as P3 } from "ts-pattern";
 import { selectPermissions as selectPermissions12, useHMSActions as useHMSActions30, useHMSStore as useHMSStore41 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
   var _a7;
@@ -23941,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: P4.when((role) => !!role),
-        bring_to_stage_label: P4.when((label) => !!label),
-        roleName: P4.when((role) => !!role && off_stage_roles.includes(role))
+        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))
       },
       () => true
     ).otherwise(() => false)
@@ -24463,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);
@@ -24578,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);
@@ -24698,11 +24707,12 @@ import {
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
 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 useMedia26 } from "react-use";
+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,
@@ -24718,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";
 
@@ -26386,7 +26396,7 @@ 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";
@@ -26394,7 +26404,7 @@ import { CrossIcon as CrossIcon23 } from "@100mslive/react-icons";
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
 import React121, { useCallback as useCallback31, useRef as useRef24 } from "react";
-import { useMedia as useMedia19 } from "react-use";
+import { useMedia as useMedia20 } from "react-use";
 import { match as match9 } from "ts-pattern";
 import { selectHMSMessagesCount, useHMSActions as useHMSActions41, useHMSStore as useHMSStore62, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
@@ -26402,7 +26412,7 @@ import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
 import React116, { useCallback as useCallback29, useEffect as useEffect34, useRef as useRef23, useState as useState51 } from "react";
-import { useMedia as useMedia17 } from "react-use";
+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";
@@ -26411,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,
@@ -26437,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);
@@ -26588,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);
@@ -26805,7 +26815,7 @@ var ChatFooter = ({ onSend, children }) => {
   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);
@@ -27068,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";
 
@@ -27129,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);
@@ -27245,8 +27255,8 @@ var Chat = () => {
   const listRef = useRef24(null);
   const hmsActions = useHMSActions41();
   const vanillaStore = useHMSVanillaStore11();
-  const { enabled: isChatEnabled = true } = useHMSStore62(Bm("chatState" /* CHAT_STATE */)) || {};
-  const isMobile = useMedia19(config.media.md);
+  const { enabled: isChatEnabled = true } = useHMSStore62(Fm("chatState" /* CHAT_STATE */)) || {};
+  const isMobile = useMedia20(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
   useSidepaneResetOnLayoutUpdate("chat", SIDE_PANE_OPTIONS.CHAT);
@@ -27335,7 +27345,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore62(cm);
+  const unreadCount = useHMSStore62(dm);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -27545,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);
@@ -27727,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,
@@ -27742,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,
@@ -27936,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,
@@ -28048,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);
@@ -28247,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,
@@ -28262,6 +28272,21 @@ import {
 } from "@100mslive/react-sdk";
 import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon25 } from "@100mslive/react-icons";
 
+// src/Prebuilt/components/VirtualBackground/util.tsx
+init_define_process_env();
+import { parsedUserAgent as parsedUserAgent3 } from "@100mslive/react-sdk";
+var doesBrowserSupportEffectsSDK = () => {
+  var _a7, _b7;
+  if (!isSafari) {
+    return true;
+  }
+  const browserVersion = ((_b7 = (_a7 = parsedUserAgent3) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
+  if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
+    return false;
+  }
+  return true;
+};
+
 // src/Prebuilt/components/VirtualBackground/VBCollection.tsx
 init_define_process_env();
 import React130 from "react";
@@ -28317,17 +28342,19 @@ var VBCollection = ({
   if (options.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React130.createElement(Box, { css: { mt: "$10" } }, /* @__PURE__ */ React130.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React130.createElement(Box, { css: { py: "$4", display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: "$8" } }, options.map((option, index) => /* @__PURE__ */ React130.createElement(
-    VBOption.Root,
-    __spreadProps(__spreadValues({
-      key: option.value,
-      testid: option.value === HMSVirtualBackgroundTypes.IMAGE ? `virtual_bg_option-${index}` : option.value
-    }, option), {
-      isActive: activeBackground === option.value
-    }),
-    /* @__PURE__ */ React130.createElement(VBOption.Icon, null, option == null ? void 0 : option.icon),
-    /* @__PURE__ */ React130.createElement(VBOption.Title, null, option == null ? void 0 : option.title)
-  ))));
+  return /* @__PURE__ */ React130.createElement(Box, { css: { mt: "$10" } }, /* @__PURE__ */ React130.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React130.createElement(Box, { css: { py: "$4", display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: "$8" } }, options.map(
+    (option, index) => option.supported ? /* @__PURE__ */ React130.createElement(
+      VBOption.Root,
+      __spreadProps(__spreadValues({
+        key: option.value,
+        testid: option.value === HMSVirtualBackgroundTypes.IMAGE ? `virtual_bg_option-${index}` : option.value
+      }, option), {
+        isActive: activeBackground === option.value
+      }),
+      /* @__PURE__ */ React130.createElement(VBOption.Icon, null, option == null ? void 0 : option.icon),
+      /* @__PURE__ */ React130.createElement(VBOption.Title, null, option == null ? void 0 : option.title)
+    ) : ""
+  )));
 };
 
 // src/Prebuilt/components/VirtualBackground/VBHandler.tsx
@@ -28429,7 +28456,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const hmsActions = useHMSActions44();
   const localPeer = useHMSStore70(selectLocalPeer8);
-  const role = useHMSStore70(at);
+  const role = useHMSStore70(ot);
   const isVideoOn = useHMSStore70(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
@@ -28437,12 +28464,13 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const [blurAmount, setBlurAmount] = useState57(VBHandler.getBlurAmount() || 0.5);
   const roomState = useHMSStore70(selectRoomState4);
   const isLargeRoom = useHMSStore70(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore70(ym);
-  const effectsKey = useHMSStore70(km);
-  const isMobile = useMedia23(config.media.md);
+  const [isBlurSupported, setIsBlurSupported] = useState57(false);
+  const isEffectsEnabled = useHMSStore70(km);
+  const effectsKey = useHMSStore70(Em);
+  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(Vm(APP_DATA.background));
   const mediaList = backgroundMedia.map((media) => media.url || "");
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -28450,20 +28478,23 @@ var VBPicker = ({ backgroundMedia = [] }) => {
     if (!(track == null ? void 0 : track.id)) {
       return;
     }
-    if (!isPluginAdded) {
+    const isEffectsSupported = doesBrowserSupportEffectsSDK();
+    setIsBlurSupported(isEffectsSupported);
+    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();
-        if (isEffectsEnabled && effectsKey) {
-          hmsActions.addPluginsToVideoStream([vbObject]);
+        vbObject2 = VBHandler.getVBObject();
+        if (isEffectsEnabled && isEffectsSupported && effectsKey) {
+          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* () {
@@ -28537,7 +28568,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
             onClick: () => __async(void 0, null, function* () {
               yield VBHandler.removeEffects();
               hmsActions.setAppData(APP_DATA.background, HMSVirtualBackgroundTypes3.NONE);
-            })
+            }),
+            supported: true
           },
           {
             title: "Blur",
@@ -28547,7 +28579,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
               var _a8;
               yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
               hmsActions.setAppData(APP_DATA.background, HMSVirtualBackgroundTypes3.BLUR);
-            })
+            }),
+            supported: isBlurSupported
           }
         ],
         activeBackground: background
@@ -28578,7 +28611,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
             var _a8;
             yield (_a8 = VBHandler) == null ? void 0 : _a8.setBackground(mediaURL);
             hmsActions.setAppData(APP_DATA.background, mediaURL);
-          })
+          }),
+          supported: true
         })),
         activeBackground: background
       }
@@ -28687,7 +28721,7 @@ var SidePane = ({
   hideControls = false
 }) => {
   var _a7, _b7, _c, _d, _e, _f, _g;
-  const isMobile = useMedia24(config.media.md);
+  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;
@@ -28810,7 +28844,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";
@@ -28827,7 +28861,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) || {};
@@ -28888,7 +28922,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;
@@ -29037,7 +29071,8 @@ 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,
     {
@@ -29047,7 +29082,7 @@ var PreviewControls = ({ hideSettings, vbEnabled }) => {
         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)
   );
 };
@@ -29060,7 +29095,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,
@@ -29070,7 +29105,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 })));
   }
@@ -29158,7 +29193,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,
@@ -29185,7 +29220,7 @@ import {
 // 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
@@ -29248,7 +29283,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,
@@ -29292,8 +29327,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);
@@ -29453,7 +29488,7 @@ 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,
@@ -29489,7 +29524,7 @@ var useTileLayout = ({
 }) => {
   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) {
@@ -29524,10 +29559,10 @@ var useTileLayout = ({
           tileHeight = maxRowHeight;
         } else {
           const calcHeights = aspectRatios.map((aR) => tileWidth / aR);
-          for (const h of calcHeights) {
-            if (h < maxRowHeight) {
-              if (tileHeight < h) {
-                tileHeight = h;
+          for (const h2 of calcHeights) {
+            if (h2 < maxRowHeight) {
+              if (tileHeight < h2) {
+                tileHeight = h2;
               }
             }
           }
@@ -29558,7 +29593,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({
@@ -29600,13 +29635,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
@@ -29691,7 +29726,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));
@@ -29799,7 +29834,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({
@@ -29841,13 +29876,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,
@@ -30015,7 +30050,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);
@@ -30107,7 +30142,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) {
@@ -30152,11 +30187,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;
@@ -30181,7 +30216,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) {
@@ -30561,7 +30596,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,
@@ -30723,7 +30758,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());
@@ -30811,7 +30846,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => import("./HLSView-NPPC7YMP.js"));
+var HLSView = React157.lazy(() => import("./HLSView-37GFI5CQ.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -30826,7 +30861,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();
@@ -30929,17 +30964,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);
@@ -31122,7 +31157,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);
   }
@@ -31583,7 +31618,7 @@ 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 P5 } from "ts-pattern";
+import { match as match13, P as P4 } from "ts-pattern";
 import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
@@ -31635,7 +31670,7 @@ var useAppStateManager = () => {
     if (!roomLayout) {
       return;
     }
-    match13([roomState, prevRoomState]).with([HMSRoomState8.Connected, P5.any], () => setActiveState("meeting" /* MEETING */)).with(
+    match13([roomState, prevRoomState]).with([HMSRoomState8.Connected, P4.any], () => setActiveState("meeting" /* MEETING */)).with(
       [HMSRoomState8.Disconnecting, HMSRoomState8.Connected],
       [HMSRoomState8.Disconnecting, HMSRoomState8.Connecting],
       [HMSRoomState8.Disconnecting, HMSRoomState8.Reconnecting],
@@ -31649,7 +31684,7 @@ var useAppStateManager = () => {
         VBHandler.reset();
         redirectToLeave(1e3);
       }
-    ).with([HMSRoomState8.Disconnected, P5.nullish], () => {
+    ).with([HMSRoomState8.Disconnected, P4.nullish], () => {
       setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
     }).otherwise(() => {
     });
@@ -31704,12 +31739,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 P6 } from "ts-pattern";
+import { useMedia as useMedia41 } from "react-use";
+import { match as match14, P as P5 } 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;
@@ -31725,7 +31760,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: P6.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
+        match14({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P5.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
       );
     };
     handleRotation();
@@ -31756,7 +31791,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React176, { useCallback as useCallback37, useEffect as useEffect73 } from "react";
+import React175, { useCallback as useCallback37, useEffect as useEffect73 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes11,
   HMSRoomState as HMSRoomState10,
@@ -32000,9 +32035,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
@@ -32203,7 +32238,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
@@ -32220,7 +32255,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;
@@ -32277,7 +32312,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,
@@ -32287,47 +32322,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,
@@ -32336,7 +32355,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,
@@ -32362,7 +32381,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",
@@ -32401,7 +32420,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,
@@ -32415,7 +32434,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:
@@ -32435,7 +32454,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}?`,
@@ -32452,7 +32471,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";
@@ -32473,7 +32492,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 }, () => {
@@ -32481,14 +32500,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);
@@ -32540,7 +32559,7 @@ function Notifications() {
             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({
@@ -32597,7 +32616,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),
@@ -32638,15 +32657,15 @@ 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 useCallback38, 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 [pipWindow, setPipWindow] = useState75(null);
   const closePipWindow = useCallback38(() => {
     if (pipWindow != null) {
       pipWindow.close();
@@ -32677,12 +32696,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;
@@ -32694,28 +32713,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,
@@ -32732,16 +32751,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({
@@ -32753,27 +32772,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
@@ -32781,15 +32800,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 useCallback39, 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,
@@ -32826,8 +32845,8 @@ function FlyingEmoji() {
   const localPeerId = useHMSStore96(selectLocalPeerID17);
   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 = useCallback39(
@@ -32865,7 +32884,7 @@ function FlyingEmoji() {
   useEffect75(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
-  return /* @__PURE__ */ React183.createElement(
+  return /* @__PURE__ */ React182.createElement(
     Box,
     {
       css: {
@@ -32881,7 +32900,7 @@ function FlyingEmoji() {
       }
     },
     emojis.map((emoji) => {
-      return /* @__PURE__ */ React183.createElement(
+      return /* @__PURE__ */ React182.createElement(
         Flex,
         {
           key: emoji.id,
@@ -32895,8 +32914,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: {
@@ -32906,7 +32925,7 @@ function FlyingEmoji() {
               borderRadius: "$1"
             }
           },
-          /* @__PURE__ */ React183.createElement(
+          /* @__PURE__ */ React182.createElement(
             Text,
             {
               css: {
@@ -32925,7 +32944,7 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React184, { useCallback as useCallback40 } 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();
@@ -32936,12 +32955,12 @@ function RemoteStopScreenshare() {
     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 useCallback41, 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,
@@ -32956,7 +32975,7 @@ var useAutoStartStreaming = () => {
   const hmsActions = useHMSActions56();
   const isConnected = useHMSStore97(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
-  const streamStartedRef = useRef30(false);
+  const streamStartedRef = useRef31(false);
   const startHLS = useCallback41(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
@@ -32994,7 +33013,7 @@ var useAutoStartStreaming = () => {
 };
 
 // src/Prebuilt/App.tsx
-var HMSPrebuilt = React185.forwardRef(
+var HMSPrebuilt = React184.forwardRef(
   ({
     roomCode = "",
     authToken = "",
@@ -33009,8 +33028,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();
@@ -33061,7 +33080,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: {
@@ -33078,7 +33097,7 @@ var HMSPrebuilt = React185.forwardRef(
           }
         }
       },
-      /* @__PURE__ */ React185.createElement(
+      /* @__PURE__ */ React184.createElement(
         HMSRoomProvider,
         {
           isHMSStatsOn: FeatureFlags.enableStatsForNerds,
@@ -33088,7 +33107,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]) || {};
@@ -33097,7 +33116,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()}`,
@@ -33110,7 +33129,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),
@@ -33122,7 +33141,7 @@ var HMSPrebuilt = React185.forwardRef(
                   position: "relative"
                 }
               },
-              /* @__PURE__ */ React185.createElement(
+              /* @__PURE__ */ React184.createElement(
                 AppRoutes,
                 {
                   authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
@@ -33141,7 +33160,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);
@@ -33166,7 +33185,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
@@ -33190,7 +33209,7 @@ init_define_process_env();
 
 // src/Diagnostics/Diagnostics.tsx
 init_define_process_env();
-import React193, { useCallback as useCallback43, 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,
@@ -33203,7 +33222,7 @@ import {
 
 // src/Diagnostics/AudioTest.tsx
 init_define_process_env();
-import React189, { useCallback as useCallback42, 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,
@@ -33216,11 +33235,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";
@@ -33234,7 +33253,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;
@@ -33252,7 +33271,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,
@@ -33270,7 +33289,7 @@ var TestFooter = ({
     }
     setActiveStep((step) => step + 1);
   };
-  return /* @__PURE__ */ React187.createElement(
+  return /* @__PURE__ */ React186.createElement(
     Flex,
     {
       css: {
@@ -33288,20 +33307,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",
@@ -33313,7 +33332,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,
@@ -33321,7 +33340,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",
@@ -33335,7 +33354,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,
@@ -33361,33 +33380,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",
@@ -33407,9 +33426,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,
@@ -33423,9 +33442,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,
@@ -33433,7 +33452,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: {
@@ -33449,15 +33468,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);
       }
@@ -33466,7 +33485,7 @@ var SpeakerTest = () => {
 };
 var AudioTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [error, setErrorAlone] = useState80();
+  const [error, setErrorAlone] = useState79();
   const setError = useCallback42(
     (err) => {
       updateStep(2 /* AUDIO */, { hasFailed: !!err });
@@ -33477,7 +33496,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: {
@@ -33489,15 +33508,15 @@ 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 { parsedUserAgent as parsedUserAgent3 } from "@100mslive/react-sdk";
+import React189, { useEffect as useEffect79, useState as useState80 } from "react";
+import { parsedUserAgent as parsedUserAgent4 } from "@100mslive/react-sdk";
 var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
 var operatingSystemIconInfo = {
   tizen: {
@@ -33578,11 +33597,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();
@@ -33591,26 +33610,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}`
+      iconURL: parsedUserAgent4.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = parsedUserAgent4.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
+      value: `${parsedUserAgent4.getBrowser().name} ${parsedUserAgent4.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}`
+      iconURL: parsedUserAgent4.getOS().name && ((_d = operatingSystemIconInfo[(_c = parsedUserAgent4.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
+      value: `${parsedUserAgent4.getOS().name} ${parsedUserAgent4.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 = {
@@ -33633,8 +33652,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),
@@ -33644,8 +33663,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",
@@ -33656,38 +33675,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)",
@@ -33697,27 +33716,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,
@@ -33727,14 +33746,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",
@@ -33750,7 +33769,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",
@@ -33762,7 +33781,7 @@ var RegionSelector = ({
         }
       }
     },
-    /* @__PURE__ */ React191.createElement(
+    /* @__PURE__ */ React190.createElement(
       Flex,
       {
         css: {
@@ -33772,7 +33791,7 @@ var RegionSelector = ({
           }
         }
       },
-      Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React191.createElement(
+      Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React190.createElement(
         Button,
         {
           key,
@@ -33784,15 +33803,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);
@@ -33811,14 +33830,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");
@@ -33832,7 +33851,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,
@@ -33846,14 +33865,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: {
@@ -33863,30 +33882,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: {
@@ -33926,7 +33945,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 */) {
@@ -33936,47 +33955,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 [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: {
@@ -33987,11 +34006,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 {
@@ -34126,4 +34145,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-G5HWEBIZ.js.map
+//# sourceMappingURL=chunk-GEHBXY4W.js.map