@100mslive/roomkit-react 0.3.20 → 0.3.21-alpha.1

package/dist/index.cjs.js

@@ -109,7 +109,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_ec11c631-e485-4f51-9c26-bb717e858271", 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.10", 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.20", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_ec11c631-e485-4f51-9c26-bb717e858271", 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.20", 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.12", 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.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", 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: "608", 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: "20240908.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.7/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:18964", 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.20", 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: "10924413428", 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: "da50781c2357d6201da1c94dcfef574a0081e2dc", 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: "6a550264188b60ad5b210e7360722db39c68e566f3b4a82fd42d283442fee345", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1726670303235-0.6943569884753475:/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--1726670303041-0.9452376450439679:/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--1726670277486-0.9961146939722547:/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--1726670277275-0.7350963641480994:/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_935d062f-73ee-4fb4-a130-ccb29bb267a6", INVOCATION_ID: "f6689711720b4bc8a234afc9b66d7530", 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: "674", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", 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 361", 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.1.12297006", 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.20", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.20", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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: "da50781c2357d6201da1c94dcfef574a0081e2dc", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_ec11c631-e485-4f51-9c26-bb717e858271", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_ec11c631-e485-4f51-9c26-bb717e858271", 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.1.12297006", 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.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_ec11c631-e485-4f51-9c26-bb717e858271" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_2fd49eb0-2158-4741-b970-37de932b0d4e", 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.11-alpha.1", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.21-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_2fd49eb0-2158-4741-b970-37de932b0d4e", 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.21-alpha.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", 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.10.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", 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: "613", 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: "20240915.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.7/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:5326", 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.21-alpha.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10992692463", 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: "0a20a1cccaa0c7d4b42eaee308d1132efb938bb2", 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: "1fabd1a9e22a4ded73444263fe5b4dc9dbb53af8228251c4eaf963d5af8723aa", 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--1727088432167-0.12323804271835304:/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--1727088431972-0.8217328614932575:/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--1727088406198-0.5045339109208111:/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--1727088406021-0.6566894725083408:/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_9f9b5346-06e9-4eae-8420-7d97ae27986c", INVOCATION_ID: "c3bae4d11f8e45f0a2f02b86cbe7dd1f", 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: "676", 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 281", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.1.12297006", 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.21-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.21-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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: "0a20a1cccaa0c7d4b42eaee308d1132efb938bb2", 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_2fd49eb0-2158-4741-b970-37de932b0d4e", 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_2fd49eb0-2158-4741-b970-37de932b0d4e", 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.1.12297006", 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.189/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.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_2fd49eb0-2158-4741-b970-37de932b0d4e" };
   }
 });
 
@@ -2644,8 +2644,8 @@ var init_useBorderAudioLevel = __esm({
     import_react19 = require("react");
     import_react_sdk3 = require("@100mslive/react-sdk");
     init_Theme();
-    sigmoid = (z2) => {
-      return 1 / (1 + Math.exp(-z2));
+    sigmoid = (z) => {
+      return 1 / (1 + Math.exp(-z));
     };
   }
 });
@@ -2800,11 +2800,11 @@ var init_formatBytes = __esm({
         return "-";
       }
       const k = 1024;
-      const dm2 = decimals < 0 ? 0 : decimals;
+      const dm = decimals < 0 ? 0 : decimals;
       const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
       let i = Math.floor(Math.log(bytes) / Math.log(k));
       i === 0 && i++;
-      return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm2))} ${sizes[i]}`;
+      return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
     };
   }
 });
@@ -10395,6 +10395,15 @@ var init_VBHandler = __esm({
           this.effectsPlugin = void 0;
           this.hmsPlugin = void 0;
         };
+        this.isBlurSupported = () => {
+          if ((isSafari || isIOS) && this.hmsPlugin) {
+            return false;
+          }
+          if (this.effectsPlugin) {
+            return true;
+          }
+          return false;
+        };
         this.isEffectsSupported = () => {
           var _a7, _b7;
           if (!isSafari) {
@@ -11950,7 +11959,6 @@ var init_SettingsModal = __esm({
           {
             direction: "column",
             css: {
-              px: "$8",
               pb: "$8",
               overflowY: "auto"
             }
@@ -11968,7 +11976,7 @@ var init_SettingsModal = __esm({
                 css: {
                   all: "unset",
                   fontFamily: "$sans",
-                  py: "$10",
+                  p: "$10 $8",
                   display: "flex",
                   alignItems: "center",
                   fontSize: "$sm",
@@ -18282,7 +18290,7 @@ function shimGetUserMedia(window2, browserDetails) {
     if (typeof c2 !== "object" || c2.mandatory || c2.optional) {
       return c2;
     }
-    const cc2 = {};
+    const cc = {};
     Object.keys(c2).forEach((key) => {
       if (key === "require" || key === "advanced" || key === "mediaSource") {
         return;
@@ -18298,35 +18306,35 @@ function shimGetUserMedia(window2, browserDetails) {
         return name === "deviceId" ? "sourceId" : name;
       };
       if (r.ideal !== void 0) {
-        cc2.optional = cc2.optional || [];
+        cc.optional = cc.optional || [];
         let oc = {};
         if (typeof r.ideal === "number") {
           oc[oldname_("min", key)] = r.ideal;
-          cc2.optional.push(oc);
+          cc.optional.push(oc);
           oc = {};
           oc[oldname_("max", key)] = r.ideal;
-          cc2.optional.push(oc);
+          cc.optional.push(oc);
         } else {
           oc[oldname_("", key)] = r.ideal;
-          cc2.optional.push(oc);
+          cc.optional.push(oc);
         }
       }
       if (r.exact !== void 0 && typeof r.exact !== "number") {
-        cc2.mandatory = cc2.mandatory || {};
-        cc2.mandatory[oldname_("", key)] = r.exact;
+        cc.mandatory = cc.mandatory || {};
+        cc.mandatory[oldname_("", key)] = r.exact;
       } else {
         ["min", "max"].forEach((mix) => {
           if (r[mix] !== void 0) {
-            cc2.mandatory = cc2.mandatory || {};
-            cc2.mandatory[oldname_(mix, key)] = r[mix];
+            cc.mandatory = cc.mandatory || {};
+            cc.mandatory[oldname_(mix, key)] = r[mix];
           }
         });
       }
     });
     if (c2.advanced) {
-      cc2.optional = (cc2.optional || []).concat(c2.advanced);
+      cc.optional = (cc.optional || []).concat(c2.advanced);
     }
-    return cc2;
+    return cc;
   };
   const shimConstraints_ = function(constraints, func) {
     if (browserDetails.version >= 61) {
@@ -20540,15 +20548,15 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc, pc) {
-    const origDataChannelSend = dc.send;
-    dc.send = function send() {
+  function wrapDcSend(dc2, pc) {
+    const origDataChannelSend = dc2.send;
+    dc2.send = function send() {
       const data3 = arguments[0];
       const length = data3.length || data3.size || data3.byteLength;
-      if (dc.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
+      if (dc2.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
         throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
       }
-      return origDataChannelSend.apply(dc, arguments);
+      return origDataChannelSend.apply(dc2, arguments);
     };
   }
   const origCreateDataChannel = window2.RTCPeerConnection.prototype.createDataChannel;
@@ -21608,13 +21616,13 @@ function ci(a2, e = 300) {
 function R(a2) {
   return (e) => (t) => a2(t, e);
 }
-function Jm(a2) {
+function Qm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, Za, eo, to, ti, ns, cs, os, h, M, gr, so, c, yr, Tr, ao, ds, fr, ls, hs, no, l, he, B, ms, Be, lo, cc, Ss, gs, ys, Ts, fs, ks, Es, Qe, P4, f, po, S, Mr, Ps, me, ai, As, Rs, H, y, Er, z, Pr, br, Rr, ws, Ds, _s, Ns, Os, Hr, xs, Cr, Fs, Lr, Gs, wr, Dr, Ks, qs, Pt, rt, V, No, Zh, em, j, Mi, ta, O, Gr, Oo, Oe, rm, xo, fe, Uo, ie, Ee, sm, am, ne, Y, Bo, ra, om, nm, $r, Vo, dm, lm, um, pm, hm, mm, Sm, gm, Rt, Fo, Tm, re, aa, fm, vm, ve, Mm, at, Go, oa, ym, na, km, Em, Pm, bm, Im, Am, Rm, Hm, Cm, Lm, ca, Nm, Wo, Om, la, Kr, ua, pa, ha, ma, Sa, ga, Ta, fa, Ht, b, qr, Ct, va, $o, Ko, J, jr, qo, jo, Jo, Qo, zo, X, jm, zm, Ym, yi, Ma, Xm, Zm, eS, Yo, Xo, iS, ya, rS, Zo, sS, aS, oS, nS, cS, dS, ka, Ea, uS, pS, Pa, hS, mS, ba, SS, gS, TS, Ia, Aa, en, tn, rn, fS, vS, MS, yS, kS, Ra, _S, sn, NS, OS, xS, on, nn, ln, Xr, be, Vt, Q, sr, lt, Hn, Cn, Ln, wn, Ya, Dn, Xa, rs, Ae, _n, Nn, On, xn, Un, Bn, Vn, Fn, Gn, Wn, ss, $n, Kn, qn, jn, Jn, Qn;
+var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, Za, eo, to, ti, ns, cs, os, m, y, gr, so, c, yr, Tr, ao, ds, fr, ls, hs, no, l, he, B, ms, Be, lo, dc, Ss, gs, ys, Ts, fs, ks, Es, Qe, P4, f, po, S, Mr, Ps, me, ai, As, Rs, C, E, Er, Y, Pr, br, Hr, ws, Ds, _s, Ns, Os, Cr, xs, Lr, Fs, wr, Gs, Dr, _r, Ks, qs, Pt, rt, V, No, em, tm, j, Mi, ta, O, Wr, Oo, Oe, sm, xo, fe, Uo, ie, Ee, am, om, ne, X, Bo, ra, nm, cm, Kr, Vo, lm, um, pm, hm, mm, Sm, gm, Tm, Rt, Fo, fm, re, aa, vm, Mm, ve, ym, at, Go, oa, km, na, Em, Pm, bm, Im, Am, Rm, Hm, Cm, Lm, wm, ca, Om, Wo, xm, la, qr, ua, pa, ha, ma, Sa, ga, Ta, fa, Ht, b, jr, Ct, va, $o, Ko, J, Jr, qo, jo, Jo, Qo, zo, Z, Jm, Ym, Xm, yi, Ma, Zm, eS, tS, Yo, Xo, rS, ya, sS, Zo, aS, oS, nS, cS, dS, lS, ka, Ea, pS, hS, Pa, mS, SS, ba, gS, TS, fS, Ia, Aa, en, tn, rn, vS, MS, yS, kS, ES, Ra, NS, sn, OS, xS, US, on, nn, ln, Zr, be, Vt, Q, sr, lt, Cn, Ln, wn, Dn, Ya, _n, Xa, rs, Ae, Nn, On, xn, Un, Bn, Vn, Fn, Gn, Wn, $n, ss, Kn, qn, jn, Jn, Qn, zn;
 var init_dist = __esm({
   "../hms-video-store/dist/index.js"() {
     "use strict";
@@ -21649,7 +21657,7 @@ var init_dist = __esm({
     ns = Object.prototype.hasOwnProperty;
     cs = Object.prototype.propertyIsEnumerable;
     os = (a2, e, t) => e in a2 ? Za(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
-    h = (a2, e) => {
+    m = (a2, e) => {
       for (var t in e || (e = {}))
         ns.call(e, t) && os(a2, t, e[t]);
       if (ti)
@@ -21657,7 +21665,7 @@ var init_dist = __esm({
           cs.call(e, t) && os(a2, t, e[t]);
       return a2;
     };
-    M = (a2, e) => eo(a2, to(e));
+    y = (a2, e) => eo(a2, to(e));
     gr = (a2, e) => {
       var t = {};
       for (var i in a2)
@@ -21684,8 +21692,8 @@ var init_dist = __esm({
       }, n = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, o);
       n((t = t.apply(a2, e)).next());
     });
-    yr = so((_c, mo) => {
-      mo.exports = { version: "0.12.20", 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"] };
+    yr = so((Nc, mo) => {
+      mo.exports = { version: "0.12.21-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
     });
     Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
     ao = ((e) => (e.CHAT = "chat", e))(ao || {});
@@ -21764,7 +21772,7 @@ var init_dist = __esm({
     B = typeof window != "undefined";
     Be = typeof window == "undefined" && !((ms = he.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
     lo = () => !Be;
-    cc = lo();
+    dc = lo();
     ys = (gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase().includes("safari");
     ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
     Es = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Es || {});
@@ -21972,115 +21980,115 @@ var init_dist = __esm({
     };
     As = yr().version;
     Rs = (a2, e = ",") => Object.keys(a2).filter((t) => ce(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
-    H = class {
+    C = class {
       constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
         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 = (0, import_uuid3.v4)(), this.device_id = ai();
       }
       toSignalParams() {
-        return { name: this.name, info: M(h({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+        return { name: this.name, info: y(m({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
       }
     };
-    y = class {
+    E = 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(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 });
+        let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(y(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+        return new C({ name: o, level: n, properties: d });
       }
       static disconnect(e, t) {
         let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
-        return new H({ name: i, level: r, properties: s });
+        return new C({ name: i, level: r, properties: s });
       }
       static preview(i) {
         var r = i, { error: e } = r, t = gr(r, ["error"]);
         let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
-        return new H({ name: s, level: o, properties: n });
+        return new C({ name: s, level: o, properties: n });
       }
       static join(i) {
         var r = i, { error: e } = r, t = gr(r, ["error"]);
-        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 });
+        let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(y(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
+        return new C({ name: s, level: o, properties: n });
       }
       static publish({ devices: e, settings: t, error: i }) {
         let r = this.eventNameFor("publish", i === void 0), s = i ? 2 : 1, o = this.getPropertiesWithError({ devices: e, audio: t == null ? void 0 : t.audio, video: t == null ? void 0 : t.video }, i);
-        return new H({ name: r, level: s, properties: o });
+        return new C({ name: r, level: s, properties: o });
       }
       static hlsPlayerError(e) {
-        return new H({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
+        return new C({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
       }
       static subscribeFail(e) {
         let t = this.eventNameFor("subscribe", false), i = 2, r = this.getErrorProperties(e);
-        return new H({ name: t, level: i, properties: r });
+        return new C({ name: t, level: i, properties: r });
       }
       static leave() {
-        return new H({ name: "leave", level: 1 });
+        return new C({ name: "leave", level: 1 });
       }
       static autoplayError() {
-        return new H({ name: "autoplayError", level: 2 });
+        return new C({ name: "autoplayError", level: 2 });
       }
       static audioPlaybackError(e) {
-        return new H({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
+        return new C({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
       }
       static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
         let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, d = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
-        return new H({ name: o, level: n, properties: d });
+        return new C({ name: o, level: n, properties: d });
       }
       static performance(e) {
         let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
-        return new H({ name: t, level: i, properties: r });
+        return new C({ name: t, level: i, properties: r });
       }
       static rtcStats(e) {
         let t = "rtc.stats", i = 1, r = e.toAnalyticsProperties();
-        return new H({ name: t, level: i, properties: r });
+        return new C({ name: t, level: i, properties: r });
       }
       static rtcStatsFailed(e) {
         let t = "rtc.stats.failed", i = 2;
-        return new H({ name: t, level: i, properties: this.getErrorProperties(e) });
+        return new C({ name: t, level: i, properties: this.getErrorProperties(e) });
       }
       static degradationStats(e, t) {
         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(h({}, s), { duration: n, restoredAt: o });
+          s = y(m({}, s), { duration: n, restoredAt: o });
         }
-        return new H({ name: i, level: r, properties: s });
+        return new C({ name: i, level: r, properties: s });
       }
       static audioDetectionFail(e, t) {
         let i = this.getPropertiesWithError({ device: t }, e), r = 2, s = "audiopresence.failed";
-        return new H({ name: s, level: r, properties: i });
+        return new C({ name: s, level: r, properties: i });
       }
       static previewNetworkQuality(e) {
-        return new H({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
+        return new C({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
       }
       static publishStats(e) {
-        return new H({ name: "publisher.stats", level: 1, properties: e });
+        return new C({ name: "publisher.stats", level: 1, properties: e });
       }
       static subscribeStats(e) {
-        return new H({ name: "subscriber.stats", level: 1, properties: e });
+        return new C({ name: "subscriber.stats", level: 1, properties: e });
       }
       static getKrispUsage(e) {
-        return new H({ name: "krisp.usage", level: 1, properties: { duration: e } });
+        return new C({ name: "krisp.usage", level: 1, properties: { duration: e } });
       }
       static krispStart() {
-        return new H({ name: "krisp.start", level: 1 });
+        return new C({ name: "krisp.start", level: 1 });
       }
       static krispStop() {
-        return new H({ name: "krisp.stop", level: 1 });
+        return new C({ name: "krisp.stop", level: 1 });
       }
       static interruption({ started: e, type: t, reason: i, deviceInfo: r }) {
-        return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: h({ reason: i, type: t }, r) });
+        return new C({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: m({ reason: i, type: t }, r) });
       }
       static eventNameFor(e, t) {
         return `${e}.${t ? "success" : "failed"}`;
       }
       static getPropertiesWithError(e, t) {
         let i = this.getErrorProperties(t);
-        return e = h(h({}, i), e), e;
+        return e = m(m({}, 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 } : {};
       }
     };
-    y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
+    E.KEY_REQUESTED_AT = "requested_at", E.KEY_RESPONDED_AT = "responded_at";
     Er = class {
       constructor() {
         this.storage = new me("hms-device-selection");
@@ -22115,18 +22123,18 @@ var init_dist = __esm({
         return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
       }
     };
-    z = new Er();
+    Y = new Er();
     Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
     br = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(br || {});
-    Rr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Rr || {});
+    Hr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Hr || {});
     ws = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(ws || {});
     Ds = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ds || {});
     _s = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(_s || {});
     Ns = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Ns || {});
     Os = ((e) => (e.CAPTION = "caption", e))(Os || {});
-    Hr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Hr || {});
+    Cr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Cr || {});
     xs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(xs || {});
-    Cr = class {
+    Lr = class {
       constructor() {
         this.TAG = "[HMSIntersectionObserverWrapper]";
         this.listeners = /* @__PURE__ */ new WeakMap();
@@ -22153,8 +22161,8 @@ var init_dist = __esm({
         return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
       }
     };
-    Fs = new Cr();
-    Lr = class {
+    Fs = new Lr();
+    wr = class {
       constructor() {
         this.TAG = "[HMSResizeObserverWrapper]";
         this.listeners = /* @__PURE__ */ new WeakMap();
@@ -22181,9 +22189,9 @@ var init_dist = __esm({
         return e || l.w(this.TAG, "Resize Observer is not supported"), e;
       }
     };
-    Gs = new Lr();
-    wr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(wr || {});
-    Dr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Dr || {});
+    Gs = new wr();
+    Dr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Dr || {});
+    _r = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(_r || {});
     Ks = "https://event.100ms.live/v2/client/report";
     qs = "https://event-nonprod.100ms.live/v2/client/report";
     Pt = Math.pow(2, 31) - 1;
@@ -22192,32 +22200,32 @@ var init_dist = __esm({
     rt.makePeerId = () => (0, import_uuid7.v4)();
     V = (a2) => a2.room;
     No = (a2) => a2.errors;
-    Zh = createSelector(No, (a2) => a2.length === 0 ? null : a2.at(-1));
-    em = createSelector(V, (a2) => a2.id);
+    em = createSelector(No, (a2) => a2.length === 0 ? null : a2.at(-1));
+    tm = createSelector(V, (a2) => a2.id);
     j = (a2) => a2.peers;
     Mi = (a2) => a2.messages.byID;
     ta = (a2) => a2.messages.allIDs;
     O = (a2) => a2.tracks;
-    Gr = (a2) => a2.appData;
+    Wr = (a2) => a2.appData;
     Oo = (a2) => a2.speakers;
     Oe = createSelector([V], (a2) => a2 && a2.isConnected);
-    rm = createSelector([Oe, 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));
+    sm = createSelector([Oe, 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));
     xo = (a2) => a2.hideLocalPeer;
     fe = createSelector([V, j, xo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
     Uo = createSelector(O, (a2) => Object.values(a2));
     ie = createSelector(V, j, (a2, e) => e[a2.localPeer]);
     Ee = createSelector(V, (a2) => a2.localPeer);
-    sm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
-    am = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
+    am = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
+    om = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
     ne = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
-    Y = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
+    X = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
     Bo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-    ra = createSelector([ne, Y, Bo], (a2, e, t) => {
+    ra = createSelector([ne, X, Bo], (a2, e, t) => {
       let i = t ? [...t] : [];
       return a2 && i.unshift(a2), e && i.unshift(e), i;
     });
-    om = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
-    nm = createSelector(j, Oo, (a2, e) => {
+    nm = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
+    cm = createSelector(j, Oo, (a2, e) => {
       let t = Object.entries(e).sort((i, r) => {
         var n, d;
         let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -22230,7 +22238,7 @@ var init_dist = __esm({
       }
       return null;
     });
-    $r = createSelector(ie, O, (a2, e) => {
+    Kr = createSelector(ie, O, (a2, e) => {
       let { video: t, audio: i } = Ue(e, a2);
       return !!(t || i);
     });
@@ -22244,15 +22252,15 @@ var init_dist = __esm({
       }
       return t;
     });
-    dm = createSelector(Vo, (a2) => !!a2);
-    lm = createSelector(j, O, (a2, e) => {
+    lm = createSelector(Vo, (a2) => !!a2);
+    um = createSelector(j, O, (a2, e) => {
       for (let t in a2) {
         let i = a2[t], { audio: r, video: s } = Ue(e, i);
         if (!s && r)
           return i;
       }
     });
-    um = createSelector(j, O, (a2, e) => {
+    pm = createSelector(j, O, (a2, e) => {
       let t = [], i = [];
       for (let r in a2) {
         let s = a2[r], { video: o, audio: n } = Ue(e, s);
@@ -22260,23 +22268,23 @@ var init_dist = __esm({
       }
       return t.concat(i);
     });
-    pm = createSelector(j, O, (a2, e) => {
+    hm = createSelector(j, O, (a2, e) => {
       for (let t in e) {
         let i = e[t];
         if (mt(i) && ht(i) && i.peerId)
           return a2[i.peerId];
       }
     });
-    hm = createSelector(j, O, (a2, e) => {
+    mm = createSelector(j, O, (a2, e) => {
       for (let t in e) {
         let i = e[t];
         if (si(i) && i.peerId)
           return a2[i.peerId];
       }
     });
-    mm = createSelector(Uo, (a2) => a2.filter(us));
-    Sm = createSelector(ta, (a2) => a2.length);
-    gm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
+    Sm = createSelector(Uo, (a2) => a2.filter(us));
+    gm = createSelector(ta, (a2) => a2.length);
+    Tm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
     Rt = createSelector(ta, Mi, (a2, e) => {
       let t = [];
       return a2.forEach((i) => {
@@ -22287,51 +22295,51 @@ var init_dist = __esm({
       var t;
       return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
     }));
-    Tm = createSelector(Fo, (a2) => a2.filter((e) => !e.read).length);
+    fm = createSelector(Fo, (a2) => a2.filter((e) => !e.read).length);
     re = createSelector([V], (a2) => a2 && a2.roomState);
     aa = createSelector(re, (a2) => a2 === "Preview");
-    fm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
-    vm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+    vm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
+    Mm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
     ve = (a2) => a2.roles;
-    Mm = createSelector([ve], (a2) => Object.keys(a2));
+    ym = createSelector([ve], (a2) => Object.keys(a2));
     at = createSelector([ie, ve], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
     Go = (a2) => {
       var e;
       return (e = a2.preview) == null ? void 0 : e.asRole;
     };
     oa = createSelector([Go, ve], (a2, e) => a2 ? e[a2] : null);
-    ym = createSelector([at], (a2) => {
+    km = createSelector([at], (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
     });
     na = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
-    km = createSelector(V, (a2) => a2.recording);
-    Em = createSelector(V, (a2) => a2.rtmp);
-    Pm = createSelector(V, (a2) => a2.hls);
-    bm = createSelector(V, (a2) => a2.transcriptions);
-    Im = createSelector(V, (a2) => a2.sessionId);
-    Am = createSelector(V, (a2) => a2.startedAt);
-    Rm = createSelector(V, (a2) => !!a2.isLargeRoom);
-    Hm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
-    Cm = createSelector(V, (a2) => !!a2.isVBEnabled);
-    Lm = createSelector(V, (a2) => a2.effectsKey);
+    Em = createSelector(V, (a2) => a2.recording);
+    Pm = createSelector(V, (a2) => a2.rtmp);
+    bm = createSelector(V, (a2) => a2.hls);
+    Im = createSelector(V, (a2) => a2.transcriptions);
+    Am = createSelector(V, (a2) => a2.sessionId);
+    Rm = createSelector(V, (a2) => a2.startedAt);
+    Hm = createSelector(V, (a2) => !!a2.isLargeRoom);
+    Cm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
+    Lm = createSelector(V, (a2) => !!a2.isVBEnabled);
+    wm = createSelector(V, (a2) => a2.effectsKey);
     ca = (a2) => a2.polls;
-    Nm = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
+    Om = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
     Wo = (a2) => a2.whiteboards;
-    Om = createSelector(Wo, (a2) => Object.values(a2)[0]);
+    xm = createSelector(Wo, (a2) => Object.values(a2)[0]);
     la = (a2 = "audio") => (e) => e.playlist[a2].list;
-    Kr = (a2 = "audio") => (e) => e.playlist[a2].selection;
+    qr = (a2 = "audio") => (e) => e.playlist[a2].selection;
     ua = (a2 = "audio") => (e) => e.playlist[a2].progress;
     pa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
     ha = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
     ma = (a2 = "audio") => (e) => e.playlist[a2].volume;
     Sa = (a2 = "audio") => createSelector(la(a2), (e) => Object.values(e));
-    ga = (a2 = "audio") => createSelector(la(a2), Kr(a2), (e, t) => {
+    ga = (a2 = "audio") => createSelector(la(a2), qr(a2), (e, t) => {
       if (t.id)
         return e[t.id];
     });
-    Ta = { selection: Kr("audio"), progress: ua("audio"), currentTime: pa("audio"), playbackRate: ha("audio"), volume: ma("audio"), list: Sa("audio"), selectedItem: ga("audio") };
-    fa = { selection: Kr("video"), progress: ua("video"), currentTime: pa("video"), playbackRate: ha("video"), volume: ma("video"), list: Sa("video"), selectedItem: ga("video") };
+    Ta = { selection: qr("audio"), progress: ua("audio"), currentTime: pa("audio"), playbackRate: ha("audio"), volume: ma("audio"), list: Sa("audio"), selectedItem: ga("audio") };
+    fa = { selection: qr("video"), progress: ua("video"), currentTime: pa("video"), playbackRate: ha("video"), volume: ma("video"), list: Sa("video"), selectedItem: ga("video") };
     Ht = "HMS-Store:";
     b = class {
       static v(e, ...t) {
@@ -22399,13 +22407,13 @@ var init_dist = __esm({
       }
     };
     b.level = 0;
-    qr = (a2, e) => e;
+    jr = (a2, e) => e;
     Ct = (a2, e) => e;
     va = (a2, e) => e;
     $o = (a2, e) => e;
     Ko = (a2, e) => e;
-    J = createSelector([j, qr], (a2, e) => e ? a2[e] : null);
-    jr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
+    J = createSelector([j, jr], (a2, e) => e ? a2[e] : null);
+    Jr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
     qo = createSelector([O, Ct], (a2, e) => {
       if (!e)
         return null;
@@ -22431,18 +22439,18 @@ var init_dist = __esm({
       return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
     });
     zo = createSelector([ca, Ko], (a2, e) => e ? a2[e] : null);
-    X = R(J);
-    jm = R(createSelector([Gr, $o], (a2, e) => {
+    Z = R(J);
+    Jm = R(createSelector([Wr, $o], (a2, e) => {
       if (a2)
         return e ? a2[e] : a2;
     }));
-    zm = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
-    Ym = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.type));
-    yi = R(jr);
+    Ym = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
+    Xm = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.type));
+    yi = R(Jr);
     Ma = R(qo);
-    Xm = R(jo);
-    Zm = R(Jo);
-    eS = R(Qo);
+    Zm = R(jo);
+    eS = R(Jo);
+    tS = R(Qo);
     Yo = R((a2, e) => {
       let t = J(a2, e);
       if (t && t.videoTrack && t.videoTrack !== "")
@@ -22453,43 +22461,43 @@ var init_dist = __esm({
       if (t && t.audioTrack && t.audioTrack !== "")
         return a2.tracks[t.audioTrack];
     });
-    iS = R((a2, e) => {
+    rS = R((a2, e) => {
       let t = J(a2, e);
       return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
     });
     ya = (a2, e) => e ? a2.speakers[e] : null;
-    rS = R(createSelector(ya, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    sS = R(createSelector(ya, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
     Zo = (a2, e) => {
       let t = Xo(e)(a2);
       return ya(a2, t == null ? void 0 : t.id);
     };
-    sS = R(createSelector(Zo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-    aS = R((a2, e) => {
+    aS = R(createSelector(Zo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    oS = R((a2, e) => {
       if (e)
         return a2.connectionQualities[e];
     });
-    oS = R((a2, e) => {
+    nS = R((a2, e) => {
       let t = J(a2, e);
       if (t) {
         let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => pt(a2.tracks[r]));
         return i ? a2.tracks[i] : void 0;
       }
     });
-    nS = R(createSelector(O, J, (a2, e) => {
+    cS = R(createSelector(O, J, (a2, e) => {
       let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
         let r = a2[i];
         return mt(r) && ht(r);
       });
       return t ? a2[t] : void 0;
     }));
-    cS = R(createSelector(O, J, (a2, e) => {
+    dS = R(createSelector(O, J, (a2, e) => {
       let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
         let r = a2[i];
         return mt(r) && pt(r);
       });
       return t ? a2[t] : void 0;
     }));
-    dS = R(createSelector(O, J, (a2, e) => {
+    lS = R(createSelector(O, J, (a2, e) => {
       let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
         let r = a2[i];
         return si(r) && pt(r);
@@ -22498,11 +22506,11 @@ var init_dist = __esm({
     }));
     ka = R(createSelector(O, J, (a2, e) => Ue(a2, e)));
     Ea = (a2) => createSelector(ka(a2), (e) => e.audio);
-    uS = R((a2, e) => {
+    pS = R((a2, e) => {
       let t = J(a2, e);
       return je(a2, t == null ? void 0 : t.audioTrack);
     });
-    pS = R((a2, e) => {
+    hS = R((a2, e) => {
       let t = J(a2, e);
       return je(a2, t == null ? void 0 : t.videoTrack);
     });
@@ -22510,16 +22518,16 @@ var init_dist = __esm({
       if (e && a2.tracks[e])
         return a2.tracks[e].volume === 0;
     });
-    hS = R((a2, e) => {
+    mS = R((a2, e) => {
       let t = J(a2, e);
       return Pa(t == null ? void 0 : t.audioTrack)(a2);
     });
-    mS = R((a2, e) => {
+    SS = R((a2, e) => {
       let t = Ea(e)(a2);
       return Pa(t == null ? void 0 : t.id)(a2);
     });
     ba = R((a2, e) => {
-      let t = jr(a2, e);
+      let t = Jr(a2, e);
       if (t) {
         if (t.type !== "audio") {
           b.w("Please pass audio track here");
@@ -22528,16 +22536,16 @@ var init_dist = __esm({
         return t.volume;
       }
     });
-    SS = R((a2, e) => {
+    gS = R((a2, e) => {
       let t = J(a2, e);
       return ba(t == null ? void 0 : t.audioTrack)(a2);
     });
-    gS = R((a2, e) => {
+    TS = R((a2, e) => {
       let t = Ea(e)(a2);
       return ba(t == null ? void 0 : t.id)(a2);
     });
-    TS = R((a2, e) => {
-      let t = jr(a2, e);
+    fS = R((a2, e) => {
+      let t = Jr(a2, e);
       if (t) {
         if (t.type !== "video") {
           b.w("Please pass video track here");
@@ -22546,7 +22554,7 @@ var init_dist = __esm({
         return t.layer;
       }
     });
-    Ia = createSelector([Rt, Ee, qr], (a2, e, t) => {
+    Ia = createSelector([Rt, Ee, jr], (a2, e, t) => {
       if (t)
         return a2.filter((i) => {
           var r;
@@ -22565,22 +22573,22 @@ var init_dist = __esm({
       return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
     }));
     tn = createSelector([Aa, va], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-    rn = createSelector([Ia, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-    fS = createSelector(en, (a2) => a2.filter((e) => !e.read).length);
-    vS = R(Ia);
-    MS = R(Aa);
-    yS = R(tn);
-    kS = R(rn);
+    rn = createSelector([Ia, jr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+    vS = createSelector(en, (a2) => a2.filter((e) => !e.read).length);
+    MS = R(Ia);
+    yS = R(Aa);
+    kS = R(tn);
+    ES = R(rn);
     Ra = R(zo);
-    _S = createSelector([j, O], (a2, e) => Object.values(a2).map((i) => {
+    NS = createSelector([j, 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 };
     }));
     sn = (a2) => a2.roleChangeRequests[0] || null;
-    NS = createSelector([sn, j, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-    OS = createSelector([at], (a2) => St(a2));
-    xS = createSelector([oa], (a2) => St(a2));
-    on = createSelector([Y, O], (a2, e) => {
+    OS = createSelector([sn, j, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+    xS = createSelector([at], (a2) => St(a2));
+    US = createSelector([oa], (a2) => St(a2));
+    on = createSelector([X, O], (a2, e) => {
       let t = null;
       return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
     });
@@ -22589,7 +22597,7 @@ var init_dist = __esm({
       return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
     });
     ln = ((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))(ln || {});
-    Xr = class {
+    Zr = class {
       constructor() {
         this.TAG = "[HTTPAnalyticsTransport]";
         this.failedEvents = new me("client-events");
@@ -22634,7 +22642,7 @@ var init_dist = __esm({
         i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
       }
     };
-    be = new Xr();
+    be = new Zr();
     Vt = class {
       static handleError(e) {
         if (e.status === 404)
@@ -22645,7 +22653,7 @@ var init_dist = __esm({
       static sendFeedback(s) {
         return c(this, arguments, function* ({ token: e, eventEndpoint: t = "https://event.100ms.live", info: i, feedback: r }) {
           l.d(this.TAG, `sendFeedback: feedbackEndpoint=${t} peerId=${i.peer.peer_id} session=${i.peer.session_id} `);
-          let o = new URL("v2/client/feedback", t), n = M(h({}, i), { payload: r });
+          let o = new URL("v2/client/feedback", t), n = y(m({}, i), { payload: r });
           try {
             let d = yield fetch(o, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(n), method: "POST" });
             try {
@@ -22665,62 +22673,62 @@ var init_dist = __esm({
     Q = ((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))(Q || {});
     sr = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(sr || {});
     lt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lt || {});
-    Hn = (a2) => a2.localPeer.id;
-    Cn = (a2) => a2.localPeer.audioTrack;
-    Ln = (a2) => a2.localPeer.videoTrack;
-    wn = (a2, e) => e;
+    Cn = (a2) => a2.localPeer.id;
+    Ln = (a2) => a2.localPeer.audioTrack;
+    wn = (a2) => a2.localPeer.videoTrack;
+    Dn = (a2, e) => e;
     Ya = (a2, e) => e;
-    Dn = (a2) => a2.remoteTrackStats;
+    _n = (a2) => a2.remoteTrackStats;
     Xa = (a2) => a2.peerStats;
     rs = (a2) => a2.localTrackStats;
-    Ae = createSelector([Xa, Hn], (a2, e) => a2[e]);
-    _n = createSelector(Ae, (a2) => {
+    Ae = createSelector([Xa, Cn], (a2, e) => a2[e]);
+    Nn = createSelector(Ae, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
     });
-    Nn = createSelector(Ae, (a2) => {
+    On = createSelector(Ae, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
     });
-    On = createSelector(Ae, (a2) => {
+    xn = createSelector(Ae, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
     });
-    xn = createSelector(Ae, (a2) => {
+    Un = createSelector(Ae, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
     });
-    Un = createSelector(Ae, (a2) => {
+    Bn = createSelector(Ae, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
     });
-    Bn = createSelector(Ae, (a2) => {
+    Vn = createSelector(Ae, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
     });
-    Vn = createSelector(Ae, (a2) => {
+    Fn = createSelector(Ae, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
     });
-    Fn = createSelector(Ae, (a2) => {
+    Gn = createSelector(Ae, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
     });
-    Gn = createSelector([Xa, wn], (a2, e) => e ? a2[e] : void 0);
-    Wn = createSelector([Dn, Ya], (a2, e) => e ? a2[e] : void 0);
+    Wn = createSelector([Xa, Dn], (a2, e) => e ? a2[e] : void 0);
+    $n = createSelector([_n, Ya], (a2, e) => e ? a2[e] : void 0);
     ss = createSelector([rs, Ya], (a2, e) => e ? a2[e] : void 0);
-    $n = R(Gn);
     Kn = R(Wn);
-    qn = createSelector([rs, Cn], (a2, e) => {
+    qn = R($n);
+    jn = createSelector([rs, Ln], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    jn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
-    Jn = createSelector([rs, Ln], (a2, e) => {
+    Jn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
+    Qn = createSelector([rs, wn], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    Qn = R(createSelector(ss, (a2) => a2));
+    zn = R(createSelector(ss, (a2) => a2));
   }
 });
 
@@ -22964,6 +22972,15 @@ var init_ChangeNameContent = __esm({
       onExit,
       onBackClick
     }) => {
+      const inputRef = (0, import_react89.useRef)(null);
+      (0, import_react89.useEffect)(() => {
+        if (isMobile) {
+          setTimeout(() => {
+            var _a7;
+            (_a7 = inputRef.current) == null ? void 0 : _a7.focus();
+          }, 200);
+        }
+      }, [isMobile]);
       return /* @__PURE__ */ import_react89.default.createElement(
         "form",
         {
@@ -22999,9 +23016,10 @@ var init_ChangeNameContent = __esm({
         /* @__PURE__ */ import_react89.default.createElement(Flex, { justify: "center", align: "center", css: { my: "$8", w: "100%", "@md": { px: "$8" } } }, /* @__PURE__ */ import_react89.default.createElement(
           Input,
           {
+            ref: inputRef,
             css: { width: "100%", bg: "$surface_default" },
             value: currentName,
-            type: isMobile ? "search" : "text",
+            type: "text",
             onChange: (e) => {
               setCurrentName(e.target.value);
             },
@@ -23113,7 +23131,7 @@ var init_ChangeNameModal = __esm({
         }
       };
       if (isMobile) {
-        return /* @__PURE__ */ import_react90.default.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" } }, /* @__PURE__ */ import_react90.default.createElement(ChangeNameContent, __spreadValues({}, props))));
+        return /* @__PURE__ */ import_react90.default.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" }, onOpenAutoFocus: (e) => e.preventDefault() }, /* @__PURE__ */ import_react90.default.createElement(ChangeNameContent, __spreadValues({}, props))));
       }
       return /* @__PURE__ */ import_react90.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react90.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react90.default.createElement(Dialog.Content, { css: { bg: "$surface_dim", width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react90.default.createElement(ChangeNameContent, __spreadValues({}, props)))));
     };
@@ -28243,7 +28261,7 @@ var init_Chat = __esm({
       const listRef = (0, import_react153.useRef)(null);
       const hmsActions = (0, import_react_sdk74.useHMSActions)();
       const vanillaStore = (0, import_react_sdk74.useHMSVanillaStore)();
-      const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(Jm("chatState" /* CHAT_STATE */)) || {};
+      const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(Qm("chatState" /* CHAT_STATE */)) || {};
       const isMobile = (0, import_react_use26.useMedia)(config.media.md);
       const isMobileHLSStream = useMobileHLSStream();
       const isLandscapeStream = useLandscapeHLSStream();
@@ -28333,7 +28351,7 @@ var init_Chat = __esm({
       scrollToBottom,
       listRef
     }) => {
-      const unreadCount = (0, import_react_sdk74.useHMSStore)(gm);
+      const unreadCount = (0, import_react_sdk74.useHMSStore)(Tm);
       if (!unreadCount || !listRef.current) {
         return null;
       }
@@ -28755,6 +28773,44 @@ var init_TileConnection = __esm({
   }
 });
 
+// src/Prebuilt/components/peerTileUtils.tsx
+var PEER_NAME_PLACEHOLDER, labelMap, getVideoTileLabel;
+var init_peerTileUtils = __esm({
+  "src/Prebuilt/components/peerTileUtils.tsx"() {
+    "use strict";
+    init_define_process_env();
+    PEER_NAME_PLACEHOLDER = "peerName";
+    labelMap = /* @__PURE__ */ new Map([
+      [[true, "screen"].toString(), "Your Screen"],
+      [[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
+      [[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
+      [[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
+      [[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
+      [[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
+    ]);
+    getVideoTileLabel = ({
+      peerName,
+      isLocal,
+      videoTrack,
+      audioTrack
+    }) => {
+      const isPeerPresent = peerName !== void 0;
+      if (!isPeerPresent || !videoTrack) {
+        const label2 = labelMap.get([isLocal, void 0].toString());
+        return isPeerPresent && label2 ? label2.replace(PEER_NAME_PLACEHOLDER, peerName) : "";
+      }
+      const isLocallyMuted = (audioTrack == null ? void 0 : audioTrack.volume) === 0;
+      let label = labelMap.get([isLocal, videoTrack.source].toString());
+      if (label) {
+        label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
+      } else {
+        label = `${peerName} ${videoTrack.source}`;
+      }
+      return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
+    };
+  }
+});
+
 // src/Prebuilt/components/TileMenu/utils.ts
 var getDragClassName;
 var init_utils6 = __esm({
@@ -28990,7 +29046,7 @@ var init_TileMenuContent = __esm({
         },
         isAudioEnabled ? /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.MicOnIcon, { height: 20, width: 20 }) : /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.MicOffIcon, { height: 20, width: 20 }),
         /* @__PURE__ */ import_react158.default.createElement("span", null, isAudioEnabled ? "Mute Audio" : "Request to Unmute Audio")
-      ) : null, canChangeRole && roles.length > 1 ? /* @__PURE__ */ import_react158.default.createElement(
+      ) : null, !isScreenshare && canChangeRole && roles.length > 1 ? /* @__PURE__ */ import_react158.default.createElement(
         StyledMenuTile.ItemButton,
         {
           className: dragClassName,
@@ -29003,7 +29059,7 @@ var init_TileMenuContent = __esm({
         },
         /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.PersonSettingsIcon, { height: 20, width: 20 }),
         /* @__PURE__ */ import_react158.default.createElement("span", null, "Switch Role")
-      ) : null, audioTrackID ? /* @__PURE__ */ import_react158.default.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ import_react158.default.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.SpeakerIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react158.default.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ import_react158.default.createElement(
+      ) : null, !isIOS && audioTrackID ? /* @__PURE__ */ import_react158.default.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ import_react158.default.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.SpeakerIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react158.default.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ import_react158.default.createElement(
         Slider,
         {
           css: { my: "0.5rem" },
@@ -29058,6 +29114,7 @@ var init_TileMenu2 = __esm({
     init_Theme();
     init_TileMenu();
     init_ChangeNameModal();
+    init_peerTileUtils();
     init_RoleChangeModal();
     init_TileMenuContent();
     init_useDropdownList();
@@ -29082,6 +29139,7 @@ var init_TileMenu2 = __esm({
       const isPrimaryVideoTrack = ((_a7 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
       const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
       const track = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(videoTrackID));
+      const audioTrack = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(audioTrackID));
       const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
       const isMobile = (0, import_react_use30.useMedia)(config.media.md);
       const peer = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectPeerByID)(peerID));
@@ -29089,7 +29147,7 @@ var init_TileMenu2 = __esm({
       const [showRoleChangeModal, setShowRoleChangeModal] = (0, import_react159.useState)(false);
       useDropdownList({ open, name: "TileMenu" });
       const dragClassName = getDragClassName();
-      if (!(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
+      if (!peer || !(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
         return null;
       }
       const openNameChangeModal = () => setShowNameChangeModal(true);
@@ -29100,7 +29158,6 @@ var init_TileMenu2 = __esm({
         audioTrackID,
         videoTrackID,
         peerID,
-        isPrimaryVideoTrack,
         showSpotlight,
         showPinAction,
         canMinimise,
@@ -29130,7 +29187,7 @@ var init_TileMenu2 = __esm({
             borderBottom: "1px solid $border_default"
           }
         },
-        /* @__PURE__ */ import_react159.default.createElement(Box, null, /* @__PURE__ */ import_react159.default.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, peer == null ? void 0 : peer.name, isLocal ? ` (You)` : null), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ import_react159.default.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
+        /* @__PURE__ */ import_react159.default.createElement(Box, null, /* @__PURE__ */ import_react159.default.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, getVideoTileLabel({ peerName: peer == null ? void 0 : peer.name, isLocal, audioTrack, videoTrack: track })), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ import_react159.default.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
         /* @__PURE__ */ import_react159.default.createElement(Sheet.Close, { css: { color: "inherit" } }, /* @__PURE__ */ import_react159.default.createElement(import_react_icons77.CrossIcon, null))
       ), /* @__PURE__ */ import_react159.default.createElement(Box, { css: { px: "$8", pb: "$8", maxHeight: "80vh", overflowY: "auto" } }, /* @__PURE__ */ import_react159.default.createElement(TileMenuContent, __spreadProps(__spreadValues({}, props), { closeSheetOnClick: () => setOpen(false) }))))) : /* @__PURE__ */ import_react159.default.createElement(StyledMenuTile.Content, { side: "top", align: "end", css: { maxHeight: "$80", overflowY: "auto" } }, /* @__PURE__ */ import_react159.default.createElement(TileMenuContent, __spreadValues({}, props)))), showNameChangeModal && /* @__PURE__ */ import_react159.default.createElement(ChangeNameModal, { onOpenChange: setShowNameChangeModal }), showRoleChangeModal && /* @__PURE__ */ import_react159.default.createElement(RoleChangeModal, { peerId: peerID, onOpenChange: setShowRoleChangeModal }));
     };
@@ -29138,38 +29195,6 @@ var init_TileMenu2 = __esm({
   }
 });
 
-// src/Prebuilt/components/peerTileUtils.jsx
-var PEER_NAME_PLACEHOLDER, labelMap, getVideoTileLabel;
-var init_peerTileUtils = __esm({
-  "src/Prebuilt/components/peerTileUtils.jsx"() {
-    "use strict";
-    init_define_process_env();
-    PEER_NAME_PLACEHOLDER = "peerName";
-    labelMap = /* @__PURE__ */ new Map([
-      [[true, "screen"].toString(), "Your Screen"],
-      [[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
-      [[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
-      [[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
-      [[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
-      [[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
-    ]);
-    getVideoTileLabel = ({ peerName, isLocal, track }) => {
-      const isPeerPresent = peerName !== void 0;
-      if (!isPeerPresent || !track) {
-        return isPeerPresent ? labelMap.get([isLocal, void 0].toString()).replace(PEER_NAME_PLACEHOLDER, peerName) : "";
-      }
-      const isLocallyMuted = track.volume === 0;
-      let label = labelMap.get([isLocal, track.source].toString());
-      if (label) {
-        label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
-      } else {
-        label = `${peerName} ${track.source}`;
-      }
-      return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
-    };
-  }
-});
-
 // src/Prebuilt/components/VideoTile.tsx
 var import_react160, import_react_use31, import_react_sdk81, import_react_icons78, PeerMetadata, Tile, VideoTile, VideoTile_default;
 var init_VideoTile2 = __esm({
@@ -29234,8 +29259,9 @@ var init_VideoTile2 = __esm({
       });
       const label = getVideoTileLabel({
         peerName,
-        track,
-        isLocal
+        isLocal,
+        videoTrack: track,
+        audioTrack
       });
       const onHoverHandler = (0, import_react160.useCallback)((event) => {
         setIsMouseHovered(event.type === "mouseenter");
@@ -29416,7 +29442,7 @@ var init_VBPicker = __esm({
     init_constants();
     iconDims = { height: "40px", width: "40px" };
     VBPicker = ({ backgroundMedia = [] }) => {
-      var _a7;
+      var _a7, _b7;
       const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
       const hmsActions = (0, import_react_sdk82.useHMSActions)();
       const localPeer = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeer);
@@ -29429,14 +29455,15 @@ var init_VBPicker = __esm({
       const roomState = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoomState);
       const isLargeRoom = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLargeRoom);
       const isEffectsSupported = VBHandler.isEffectsSupported();
-      const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Hm);
-      const effectsKey = (0, import_react_sdk82.useHMSStore)(Lm);
+      const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Cm);
+      const effectsKey = (0, import_react_sdk82.useHMSStore)(wm);
       const isMobile = (0, import_react_use32.useMedia)(config.media.md);
       const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
       const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
-      const background = (0, import_react_sdk82.useHMSStore)(jm(APP_DATA.background));
+      const background = (0, import_react_sdk82.useHMSStore)(Jm(APP_DATA.background));
       const mediaList = backgroundMedia.map((media) => media.url || "");
       const pluginLoadingRef = (0, import_react163.useRef)(false);
+      const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
       const inPreview = roomState === import_react_sdk82.HMSRoomState.Preview;
       const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
       (0, import_react163.useEffect)(() => {
@@ -29558,13 +29585,13 @@ var init_VBPicker = __esm({
                   yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
                   hmsActions.setAppData(APP_DATA.background, import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR);
                 }),
-                supported: isEffectsSupported && isEffectsEnabled
+                supported: isBlurSupported
               }
             ],
             activeBackground: background
           }
         ),
-        /* @__PURE__ */ import_react163.default.createElement(Flex, { direction: "column", css: { w: "100%", gap: "$8", mt: "$8" } }, background === import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ import_react163.default.createElement(Box, null, /* @__PURE__ */ import_react163.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold", mb: "$4" } }, "Blur intensity"), /* @__PURE__ */ import_react163.default.createElement(Flex, { css: { w: "100%", justifyContent: "space-between", alignItems: "center", gap: "$4" } }, /* @__PURE__ */ import_react163.default.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "Low"), /* @__PURE__ */ import_react163.default.createElement(
+        /* @__PURE__ */ import_react163.default.createElement(Flex, { direction: "column", css: { w: "100%", gap: "$8", mt: "$8" } }, background === import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR && isBlurSupported ? /* @__PURE__ */ import_react163.default.createElement(Box, null, /* @__PURE__ */ import_react163.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold", mb: "$4" } }, "Blur intensity"), /* @__PURE__ */ import_react163.default.createElement(Flex, { css: { w: "100%", justifyContent: "space-between", alignItems: "center", gap: "$4" } }, /* @__PURE__ */ import_react163.default.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "Low"), /* @__PURE__ */ import_react163.default.createElement(
           Slider,
           {
             showTooltip: false,
@@ -30647,10 +30674,10 @@ var init_useTileLayout = __esm({
               tileHeight = maxRowHeight;
             } else {
               const calcHeights = aspectRatios.map((aR) => tileWidth / aR);
-              for (const h2 of calcHeights) {
-                if (h2 < maxRowHeight) {
-                  if (tileHeight < h2) {
-                    tileHeight = h2;
+              for (const h of calcHeights) {
+                if (h < maxRowHeight) {
+                  if (tileHeight < h) {
+                    tileHeight = h;
                   }
                 }
               }
@@ -30686,6 +30713,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   const isMobile = (0, import_react_use39.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
+  const peerCount = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectPeerCount);
   const pageList = usePagesWithTiles({
     peers,
     maxTileCount
@@ -30715,19 +30743,20 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   ), pageList.length === 0 ? /* @__PURE__ */ import_react177.default.createElement(
     WaitingView,
     {
-      title: "You're the first to join",
-      subtitle: "Sit back and relax till others join",
+      title: peerCount <= 1 ? "You're the only one here" : "Glad to have you here",
+      subtitle: peerCount <= 1 ? "Sit back and relax till others join" : "",
       icon: /* @__PURE__ */ import_react177.default.createElement(import_react_icons84.PeopleAddIcon, { width: "56px", height: "56px", style: { color: "white" } })
     }
   ) : null, isInsetEnabled && /* @__PURE__ */ import_react177.default.createElement(InsetTile, null));
 }
-var import_react177, import_react_use39, import_react_icons84;
+var import_react177, import_react_use39, import_react_sdk89, import_react_icons84;
 var init_EqualProminence = __esm({
   "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
     "use strict";
     init_define_process_env();
     import_react177 = __toESM(require("react"));
     import_react_use39 = require("react-use");
+    import_react_sdk89 = require("@100mslive/react-sdk");
     import_react_icons84 = require("@100mslive/react-icons");
     init_Layout();
     init_Theme();
@@ -30830,14 +30859,14 @@ var init_ProminenceLayout = __esm({
 });
 
 // src/Prebuilt/components/SecondaryTiles.tsx
-var import_react179, import_react_use40, import_react_sdk89, SecondaryTiles;
+var import_react179, import_react_use40, import_react_sdk90, SecondaryTiles;
 var init_SecondaryTiles = __esm({
   "src/Prebuilt/components/SecondaryTiles.tsx"() {
     "use strict";
     init_define_process_env();
     import_react179 = __toESM(require("react"));
     import_react_use40 = require("react-use");
-    import_react_sdk89 = require("@100mslive/react-sdk");
+    import_react_sdk90 = require("@100mslive/react-sdk");
     init_ProminenceLayout();
     init_Theme();
     init_Pagination2();
@@ -30848,10 +30877,10 @@ var init_SecondaryTiles = __esm({
       const isMobile = (0, import_react_use40.useMedia)(config.media.md);
       const maxTileCount = isMobile ? 2 : 4;
       const [page, setPage] = (0, import_react179.useState)(0);
-      const pinnedTrackId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.pinnedTrackId));
-      const spotlightPeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectSessionStore)("spotlight" /* SPOTLIGHT */));
-      const activeScreensharePeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.activeScreensharePeerId));
-      const pinnedPeer = (_a7 = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a7.peerId;
+      const pinnedTrackId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectAppData)(APP_DATA.pinnedTrackId));
+      const spotlightPeerId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectSessionStore)("spotlight" /* SPOTLIGHT */));
+      const activeScreensharePeerId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectAppData)(APP_DATA.activeScreensharePeerId));
+      const pinnedPeer = (_a7 = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a7.peerId;
       const pageChangedAfterPinning = (0, import_react179.useRef)(false);
       const pagesWithTiles = usePagesWithTiles({
         peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -30960,7 +30989,7 @@ function RoleProminence({
 }) {
   var _a7;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeer);
+  const localPeer = (0, import_react_sdk91.useHMSStore)(import_react_sdk91.selectLocalPeer);
   const isMobile = (0, import_react_use41.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? 4 : maxTileCount;
@@ -30991,14 +31020,14 @@ function RoleProminence({
     }
   ), /* @__PURE__ */ import_react181.default.createElement(SecondaryTiles, { peers: secondaryPeers, isInsetEnabled, edgeToEdge }), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react181.default.createElement(InsetTile, null));
 }
-var import_react181, import_react_use41, import_react_sdk90;
+var import_react181, import_react_use41, import_react_sdk91;
 var init_RoleProminence = __esm({
   "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
     "use strict";
     init_define_process_env();
     import_react181 = __toESM(require("react"));
     import_react_use41 = require("react-use");
-    import_react_sdk90 = require("@100mslive/react-sdk");
+    import_react_sdk91 = require("@100mslive/react-sdk");
     init_Theme();
     init_InsetTile();
     init_Pagination2();
@@ -31129,19 +31158,19 @@ var init_LayoutModeSelector = __esm({
 });
 
 // src/Prebuilt/components/ScreenshareDisplay.tsx
-var import_react183, import_react_sdk91, import_react_icons86, ScreenshareDisplay;
+var import_react183, import_react_sdk92, import_react_icons86, ScreenshareDisplay;
 var init_ScreenshareDisplay = __esm({
   "src/Prebuilt/components/ScreenshareDisplay.tsx"() {
     "use strict";
     init_define_process_env();
     import_react183 = __toESM(require("react"));
-    import_react_sdk91 = require("@100mslive/react-sdk");
+    import_react_sdk92 = require("@100mslive/react-sdk");
     import_react_icons86 = require("@100mslive/react-icons");
     init_Button2();
     init_Layout();
     init_Text2();
     ScreenshareDisplay = () => {
-      const hmsActions = (0, import_react_sdk91.useHMSActions)();
+      const hmsActions = (0, import_react_sdk92.useHMSActions)();
       return /* @__PURE__ */ import_react183.default.createElement(
         Flex,
         {
@@ -31175,7 +31204,7 @@ var init_ScreenshareDisplay = __esm({
 });
 
 // src/Prebuilt/components/ScreenshareTile.tsx
-var import_react184, import_react_use42, import_screenfull2, import_react_sdk92, import_react_icons87, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
+var import_react184, import_react_use42, import_screenfull2, import_react_sdk93, import_react_icons87, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
 var init_ScreenshareTile = __esm({
   "src/Prebuilt/components/ScreenshareTile.tsx"() {
     "use strict";
@@ -31183,7 +31212,7 @@ var init_ScreenshareTile = __esm({
     import_react184 = __toESM(require("react"));
     import_react_use42 = require("react-use");
     import_screenfull2 = __toESM(require("screenfull"));
-    import_react_sdk92 = require("@100mslive/react-sdk");
+    import_react_sdk93 = require("@100mslive/react-sdk");
     import_react_icons87 = require("@100mslive/react-icons");
     init_TileMenu2();
     init_Layout();
@@ -31205,10 +31234,10 @@ var init_ScreenshareTile = __esm({
       flexShrink: 0
     };
     Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-      const isLocal = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectLocalPeerID) === peerId;
-      const track = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectScreenShareByPeerID)(peerId));
+      const isLocal = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectLocalPeerID) === peerId;
+      const track = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectScreenShareByPeerID)(peerId));
       const { theme: theme2 } = useTheme();
-      const peer = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectPeerByID)(peerId));
+      const peer = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectPeerByID)(peerId));
       const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
       const [isMouseHovered, setIsMouseHovered] = (0, import_react184.useState)(false);
       const isMobile = (0, import_react_use42.useMedia)(config.media.md);
@@ -31219,7 +31248,7 @@ var init_ScreenshareTile = __esm({
         onClose: () => setFullscreen(false)
       });
       const isFullScreenSupported = import_screenfull2.default.isEnabled;
-      const audioTrack = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
+      const audioTrack = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
       if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
         return /* @__PURE__ */ import_react184.default.createElement(ScreenshareDisplay, null);
       }
@@ -31229,7 +31258,8 @@ var init_ScreenshareTile = __esm({
       const label = getVideoTileLabel({
         peerName: peer == null ? void 0 : peer.name,
         isLocal: false,
-        track
+        videoTrack: track,
+        audioTrack
       });
       return /* @__PURE__ */ import_react184.default.createElement(
         StyledVideoTile.Root,
@@ -31298,14 +31328,14 @@ var init_ScreenshareTile = __esm({
 });
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
-var import_react185, import_react_use43, import_react_sdk93, ScreenshareLayout;
+var import_react185, import_react_use43, import_react_sdk94, ScreenshareLayout;
 var init_ScreenshareLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react185 = __toESM(require("react"));
     import_react_use43 = require("react-use");
-    import_react_sdk93 = require("@100mslive/react-sdk");
+    import_react_sdk94 = require("@100mslive/react-sdk");
     init_Theme();
     init_InsetTile();
     init_Pagination2();
@@ -31317,7 +31347,7 @@ var init_ScreenshareLayout = __esm({
     init_constants();
     ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       var _a7;
-      const peersSharing = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeersScreenSharing);
+      const peersSharing = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectPeersScreenSharing);
       const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const [page, setPage] = (0, import_react185.useState)(0);
       const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
@@ -31366,14 +31396,14 @@ var init_ScreenshareLayout = __esm({
   }
 });
 
-// ../../../../../../../tmp/tmp-2828-hw7P47aYwc72/1920591f1f21/index.css
-var init_f1f21 = __esm({
-  "../../../../../../../tmp/tmp-2828-hw7P47aYwc72/1920591f1f21/index.css"() {
+// ../../../../../../../tmp/tmp-2795-Q28cnrhxSZjY/1921e7e15e40/index.css
+var init_e7e15e40 = __esm({
+  "../../../../../../../tmp/tmp-2795-Q28cnrhxSZjY/1921e7e15e40/index.css"() {
   }
 });
 
 // src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
-var import_react186, import_react_use44, import_hms_whiteboard, import_react_sdk94, WhiteboardEmbed, WhiteboardLayout;
+var import_react186, import_react_use44, import_hms_whiteboard, import_react_sdk95, WhiteboardEmbed, WhiteboardLayout;
 var init_WhiteboardLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx"() {
     "use strict";
@@ -31381,7 +31411,7 @@ var init_WhiteboardLayout = __esm({
     import_react186 = __toESM(require("react"));
     import_react_use44 = require("react-use");
     import_hms_whiteboard = require("@100mslive/hms-whiteboard");
-    import_react_sdk94 = require("@100mslive/react-sdk");
+    import_react_sdk95 = require("@100mslive/react-sdk");
     init_Layout();
     init_Theme();
     init_InsetTile();
@@ -31390,10 +31420,10 @@ var init_WhiteboardLayout = __esm({
     init_ProminenceLayout();
     init_useUISettings();
     init_constants();
-    init_f1f21();
+    init_e7e15e40();
     WhiteboardEmbed = () => {
       const isMobile = (0, import_react_use44.useMedia)(config.media.md);
-      const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
+      const { token, endpoint, zoomToContent } = (0, import_react_sdk95.useWhiteboard)(isMobile);
       if (!token) {
         return null;
       }
@@ -31414,8 +31444,8 @@ var init_WhiteboardLayout = __esm({
       );
     };
     WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-      const whiteboard = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectWhiteboard);
-      const whiteboardOwner = (0, import_react_sdk94.useHMSStore)((0, import_react_sdk94.selectPeerByCondition)((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
+      const whiteboard = (0, import_react_sdk95.useHMSStore)(import_react_sdk95.selectWhiteboard);
+      const whiteboardOwner = (0, import_react_sdk95.useHMSStore)((0, import_react_sdk95.selectPeerByCondition)((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
       const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
       const isMobile = (0, import_react_use44.useMedia)(config.media.md);
       const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
@@ -31456,12 +31486,12 @@ var init_WhiteboardLayout = __esm({
 });
 
 // src/Prebuilt/common/PeersSorter.ts
-var import_react_sdk95, PeersSorter, PeersSorter_default;
+var import_react_sdk96, PeersSorter, PeersSorter_default;
 var init_PeersSorter = __esm({
   "src/Prebuilt/common/PeersSorter.ts"() {
     "use strict";
     init_define_process_env();
-    import_react_sdk95 = require("@100mslive/react-sdk");
+    import_react_sdk96 = require("@100mslive/react-sdk");
     PeersSorter = class {
       constructor(store) {
         this.storeUnsubscribe = void 0;
@@ -31482,7 +31512,7 @@ var init_PeersSorter = __esm({
             }
           });
           if (!this.storeUnsubscribe) {
-            this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk95.selectDominantSpeaker);
+            this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk96.selectDominantSpeaker);
           }
           this.moveSpeakerToFront(this.speaker);
         };
@@ -31557,13 +31587,13 @@ var init_PeersSorter = __esm({
 });
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
-var import_react187, import_react_sdk96, GridLayout;
+var import_react187, import_react_sdk97, GridLayout;
 var init_GridLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react187 = __toESM(require("react"));
-    import_react_sdk96 = require("@100mslive/react-sdk");
+    import_react_sdk97 = require("@100mslive/react-sdk");
     init_EqualProminence();
     init_RoleProminence();
     init_ScreenshareLayout();
@@ -31583,12 +31613,12 @@ var init_GridLayout = __esm({
       edge_to_edge = false,
       hide_metadata_on_tile = false
     }) => {
-      const peerSharing = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeerScreenSharing);
-      const whiteboard = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectWhiteboard);
+      const peerSharing = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeerScreenSharing);
+      const whiteboard = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectWhiteboard);
       const pinnedTrack = usePinnedTrack();
-      const peers = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeers);
-      const localPeerRole = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectLocalPeerRoleName);
-      const localPeerID = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectLocalPeerID);
+      const peers = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeers);
+      const localPeerRole = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectLocalPeerRoleName);
+      const localPeerID = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectLocalPeerID);
       const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const isRoleProminence = prominentRoles.length && peers.some(
         (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -31616,7 +31646,7 @@ var init_GridLayout = __esm({
         peers,
         pinnedTrack
       ]);
-      const vanillaStore = (0, import_react_sdk96.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk97.useHMSVanillaStore)();
       const [sortedPeers, setSortedPeers] = (0, import_react187.useState)(updatedPeers);
       const peersSorter = (0, import_react187.useMemo)(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
       const [pageSize, setPageSize] = (0, import_react187.useState)(0);
@@ -31687,13 +31717,13 @@ var init_GridLayout = __esm({
 });
 
 // src/Prebuilt/layouts/EmbedView.jsx
-var import_react188, import_react_sdk97, EmbedView, EmbedScreenShareView, EmbedComponent;
+var import_react188, import_react_sdk98, EmbedView, EmbedScreenShareView, EmbedComponent;
 var init_EmbedView = __esm({
   "src/Prebuilt/layouts/EmbedView.jsx"() {
     "use strict";
     init_define_process_env();
     import_react188 = __toESM(require("react"));
-    import_react_sdk97 = require("@100mslive/react-sdk");
+    import_react_sdk98 = require("@100mslive/react-sdk");
     init_SecondaryTiles();
     init_ToastManager();
     init_ProminenceLayout();
@@ -31704,8 +31734,8 @@ var init_EmbedView = __esm({
       return /* @__PURE__ */ import_react188.default.createElement(EmbedScreenShareView, null, /* @__PURE__ */ import_react188.default.createElement(EmbedComponent, null));
     };
     EmbedScreenShareView = ({ children }) => {
-      const peers = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeers);
-      const peerPresenting = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeerScreenSharing);
+      const peers = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectPeers);
+      const peerPresenting = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectPeerScreenSharing);
       const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const smallTilePeers = (0, import_react188.useMemo)(() => {
         const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
@@ -31720,9 +31750,9 @@ var init_EmbedView = __esm({
       return /* @__PURE__ */ import_react188.default.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ import_react188.default.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ import_react188.default.createElement(SecondaryTiles, { peers: smallTilePeers }));
     };
     EmbedComponent = () => {
-      const embedConfig = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.embedConfig));
+      const embedConfig = (0, import_react_sdk98.useHMSStore)((0, import_react_sdk98.selectAppData)(APP_DATA.embedConfig));
       const resetConfig = useResetEmbedConfig();
-      const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk97.useEmbedShare)(resetConfig);
+      const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk98.useEmbedShare)(resetConfig);
       (0, import_react188.useEffect)(() => {
         (() => __async(void 0, null, function* () {
           if (embedConfig && !isEmbedShareInProgress) {
@@ -31772,13 +31802,13 @@ var init_EmbedView = __esm({
 });
 
 // src/Prebuilt/layouts/PDFView.jsx
-var import_react189, import_react_sdk98, PDFView;
+var import_react189, import_react_sdk99, PDFView;
 var init_PDFView = __esm({
   "src/Prebuilt/layouts/PDFView.jsx"() {
     "use strict";
     init_define_process_env();
     import_react189 = __toESM(require("react"));
-    import_react_sdk98 = require("@100mslive/react-sdk");
+    import_react_sdk99 = require("@100mslive/react-sdk");
     init_ToastManager();
     init_Layout();
     init_EmbedView();
@@ -31786,7 +31816,7 @@ var init_PDFView = __esm({
     PDFView = () => {
       const pdfConfig = usePDFConfig();
       const resetConfig = useResetPDFConfig();
-      const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk98.usePDFShare)(resetConfig);
+      const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk99.usePDFShare)(resetConfig);
       (0, import_react189.useEffect)(() => {
         return () => {
           resetConfig();
@@ -31841,7 +31871,7 @@ var init_PDFView = __esm({
 });
 
 // src/Prebuilt/plugins/CaptionsViewer.tsx
-var import_react190, import_react_draggable2, import_react_use45, import_react_sdk99, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
+var import_react190, import_react_draggable2, import_react_use45, import_react_sdk100, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
 var init_CaptionsViewer = __esm({
   "src/Prebuilt/plugins/CaptionsViewer.tsx"() {
     "use strict";
@@ -31849,7 +31879,7 @@ var init_CaptionsViewer = __esm({
     import_react190 = __toESM(require("react"));
     import_react_draggable2 = __toESM(require("react-draggable"));
     import_react_use45 = require("react-use");
-    import_react_sdk99 = require("@100mslive/react-sdk");
+    import_react_sdk100 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
     init_Theme();
@@ -31990,7 +32020,7 @@ var init_CaptionsViewer = __esm({
       }
     };
     TranscriptView = ({ peer_id, data: data3 }) => {
-      const peerName = (0, import_react_sdk99.useHMSStore)((0, import_react_sdk99.selectPeerNameByID)(peer_id)) || "Participant";
+      const peerName = (0, import_react_sdk100.useHMSStore)((0, import_react_sdk100.selectPeerNameByID)(peer_id)) || "Participant";
       data3 = data3.trim();
       if (!data3)
         return null;
@@ -32018,7 +32048,7 @@ var init_CaptionsViewer = __esm({
       const [captionQueue] = (0, import_react190.useState)(new CaptionMaintainerQueue());
       const [currentData, setCurrentData] = (0, import_react190.useState)([]);
       const isCaptionEnabled = useIsCaptionEnabled();
-      const isTranscriptionEnabled = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectIsTranscriptionEnabled);
+      const isTranscriptionEnabled = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectIsTranscriptionEnabled);
       const nodeRef = (0, import_react190.useRef)(null);
       (0, import_react190.useEffect)(() => {
         const timeInterval = setInterval(() => {
@@ -32031,7 +32061,7 @@ var init_CaptionsViewer = __esm({
         }, 1e3);
         return () => clearInterval(timeInterval);
       }, [captionQueue]);
-      (0, import_react_sdk99.useTranscript)({
+      (0, import_react_sdk100.useTranscript)({
         onTranscript: (data3) => {
           captionQueue && captionQueue.push(data3);
         }
@@ -32088,16 +32118,16 @@ var init_CaptionsViewer = __esm({
 });
 
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
-var import_react191, import_react_sdk100, useCloseScreenshareWhiteboard;
+var import_react191, import_react_sdk101, useCloseScreenshareWhiteboard;
 var init_useCloseScreenshareWhiteboard = __esm({
   "src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
     "use strict";
     init_define_process_env();
     import_react191 = require("react");
-    import_react_sdk100 = require("@100mslive/react-sdk");
+    import_react_sdk101 = require("@100mslive/react-sdk");
     useCloseScreenshareWhiteboard = () => {
-      const peerSharing = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectPeerScreenSharing);
-      const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk100.useWhiteboard)();
+      const peerSharing = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectPeerScreenSharing);
+      const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk101.useWhiteboard)();
       (0, import_react191.useEffect)(() => {
         if (isWhiteboardOwner && peerSharing) {
           toggleWhiteboard == null ? void 0 : toggleWhiteboard();
@@ -32236,6 +32266,26 @@ var init_HMSVideo = __esm({
     init_Layout();
     HMSVideo = (0, import_react193.forwardRef)((_a7, videoRef) => {
       var _b7 = _a7, { children } = _b7, props = __objRest(_b7, ["children"]);
+      const [width, setWidth] = (0, import_react193.useState)("auto");
+      (0, import_react193.useEffect)(() => {
+        const updatingVideoWidth = () => {
+          const videoEl2 = videoRef.current;
+          if (!videoEl2) {
+            return;
+          }
+          if (videoEl2.videoWidth > videoEl2.videoHeight && width !== "100%") {
+            setWidth("100%");
+          }
+        };
+        const videoEl = videoRef.current;
+        if (!videoEl) {
+          return;
+        }
+        videoEl.addEventListener("loadedmetadata", updatingVideoWidth);
+        return () => {
+          videoEl.removeEventListener("loadedmetadata", updatingVideoWidth);
+        };
+      }, []);
       return /* @__PURE__ */ import_react193.default.createElement(
         Flex,
         __spreadValues({
@@ -32246,9 +32296,8 @@ var init_HMSVideo = __esm({
             justifyContent: "center",
             transition: "all 0.3s ease-in-out",
             "@md": {
-              height: "auto",
               "& video": {
-                height: "$60 !important"
+                height: props.isFullScreen ? "" : "$60 !important"
               }
             },
             "& video::cue": {
@@ -32277,7 +32326,7 @@ var init_HMSVideo = __esm({
             style: {
               margin: "0 auto",
               objectFit: "contain",
-              width: "auto",
+              width,
               height: "100%",
               maxWidth: "100%"
             },
@@ -33205,7 +33254,7 @@ var HLSView_exports = {};
 __export(HLSView_exports, {
   default: () => HLSView_default
 });
-var import_react206, import_react_use49, import_hls_player3, import_screenfull3, import_ts_pattern13, import_react_sdk101, import_react_icons97, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
+var import_react206, import_react_use49, import_hls_player3, import_screenfull3, import_ts_pattern13, import_react_sdk102, import_react_icons97, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
 var init_HLSView = __esm({
   "src/Prebuilt/layouts/HLSView.jsx"() {
     "use strict";
@@ -33215,7 +33264,7 @@ var init_HLSView = __esm({
     import_hls_player3 = require("@100mslive/hls-player");
     import_screenfull3 = __toESM(require("screenfull"));
     import_ts_pattern13 = require("ts-pattern");
-    import_react_sdk101 = require("@100mslive/react-sdk");
+    import_react_sdk102 = require("@100mslive/react-sdk");
     import_react_icons97 = require("@100mslive/react-icons");
     init_ChatToggle();
     init_HlsStatsOverlay();
@@ -33243,11 +33292,11 @@ var init_HLSView = __esm({
     toastMap = {};
     ToggleChat = ({ isFullScreen = false }) => {
       const { elements } = useRoomLayoutConferencingScreen();
-      const sidepane = (0, import_react_sdk101.useHMSStore)((0, import_react_sdk101.selectAppData)(APP_DATA.sidePane));
+      const sidepane = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.sidePane));
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
       const showChat = !!(elements == null ? void 0 : elements.chat);
       const isMobile = (0, import_react_use49.useMedia)(config.media.md);
-      const hmsActions = (0, import_react_sdk101.useHMSActions)();
+      const hmsActions = (0, import_react_sdk102.useHMSActions)();
       (0, import_react206.useEffect)(() => {
         (0, import_ts_pattern13.match)({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
           hmsActions.setAppData(APP_DATA.sidePane, "");
@@ -33265,10 +33314,10 @@ var init_HLSView = __esm({
       const videoRef = (0, import_react206.useRef)(null);
       const hlsViewRef = (0, import_react206.useRef)();
       const { elements } = useRoomLayoutConferencingScreen();
-      const hlsState = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectHLSState);
-      const enablHlsStats = (0, import_react_sdk101.useHMSStore)((0, import_react_sdk101.selectAppData)(APP_DATA.hlsStats));
-      const notification = (0, import_react_sdk101.useHMSNotifications)(import_react_sdk101.HMSNotificationTypes.POLL_STOPPED);
-      const hmsActions = (0, import_react_sdk101.useHMSActions)();
+      const hlsState = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectHLSState);
+      const enablHlsStats = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.hlsStats));
+      const notification = (0, import_react_sdk102.useHMSNotifications)(import_react_sdk102.HMSNotificationTypes.POLL_STOPPED);
+      const hmsActions = (0, import_react_sdk102.useHMSActions)();
       const { themeType } = useTheme();
       const [streamEnded, setStreamEnded] = (0, import_react206.useState)(false);
       let [hlsStatsState, setHlsStatsState] = (0, import_react206.useState)(null);
@@ -33287,7 +33336,7 @@ var init_HLSView = __esm({
       const [isPaused, setIsPaused] = (0, import_react206.useState)(false);
       const [show, toggle] = (0, import_react_use49.useToggle)(false);
       const lastHlsUrl = (0, import_react_use49.usePrevious)(hlsUrl);
-      const vanillaStore = (0, import_react_sdk101.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk102.useHMSVanillaStore)();
       const [controlsVisible, setControlsVisible] = (0, import_react206.useState)(true);
       const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react206.useState)(true);
       const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react206.useState)(false);
@@ -33373,8 +33422,8 @@ var init_HLSView = __esm({
           const parsedPayload = parsePayload(payload);
           if (parsedPayload.startsWith("poll:")) {
             const pollId = parsedPayload.substr(parsedPayload.indexOf(":") + 1);
-            const poll = vanillaStore.getState((0, import_react_sdk101.selectPollByID)(pollId));
-            const pollStartedBy = vanillaStore.getState((0, import_react_sdk101.selectPeerNameByID)(poll.startedBy)) || "Participant";
+            const poll = vanillaStore.getState((0, import_react_sdk102.selectPollByID)(pollId));
+            const pollStartedBy = vanillaStore.getState((0, import_react_sdk102.selectPeerNameByID)(poll.startedBy)) || "Participant";
             if (!toastMap[pollId]) {
               const toastID = ToastManager.addToast({
                 title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
@@ -33530,7 +33579,7 @@ var init_HLSView = __esm({
       const onDoubleClickHandler = (0, import_react206.useCallback)(
         (event) => {
           var _a8;
-          if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk101.HLSPlaylistType.DVR) {
+          if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk102.HLSPlaylistType.DVR) {
             return;
           }
           const sidePercentage = event.screenX * 100 / event.target.clientWidth;
@@ -33556,7 +33605,7 @@ var init_HLSView = __esm({
       );
       const onClickHandler = (0, import_react206.useCallback)(() => __async(void 0, null, function* () {
         var _a8;
-        (0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type: import_react_sdk101.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
+        (0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type: import_react_sdk102.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
           if (isPaused) {
             yield hlsPlayer == null ? void 0 : hlsPlayer.play();
           } else {
@@ -33634,12 +33683,7 @@ var init_HLSView = __esm({
           justify: "center",
           css: {
             flex: isLandscape ? "2 1 0" : "1 1 0",
-            transition: "all 0.3s ease-in-out",
-            "&:fullscreen": {
-              "& video": {
-                height: "unset !important"
-              }
-            }
+            transition: "all 0.3s ease-in-out"
           }
         },
         hlsViewRef.current && (isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(Box, { css: { position: "fixed", left: "$4", top: "$4", zIndex: 11 } }, /* @__PURE__ */ import_react206.default.createElement(LeaveRoom, { screenType: "hls_live_streaming", container: hlsViewRef.current })),
@@ -33659,7 +33703,7 @@ var init_HLSView = __esm({
             },
             onKeyDown: (event) => __async(void 0, null, function* () {
               var _a8;
-              if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR) {
+              if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR) {
                 yield keyHandler(event);
               }
             }),
@@ -33685,6 +33729,7 @@ var init_HLSView = __esm({
               onMouseMove: onHoverHandler,
               onMouseLeave: onHoverHandler,
               onClick: onClickHandler,
+              isFullScreen,
               onDoubleClick: (e) => {
                 onDoubleClickHandler(e);
               }
@@ -33703,7 +33748,7 @@ var init_HLSView = __esm({
                   size: "100%"
                 }
               },
-              !showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
+              !showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
                 HMSVideoPlayer.PlayPauseSeekControls.Overlay,
                 {
                   isPaused,
@@ -33711,7 +33756,7 @@ var init_HLSView = __esm({
                   hoverControlsVisible
                 }
               )
-            ), isMobile || isLandscape ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, !showLoader && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
+            ), isMobile || isLandscape ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, !showLoader && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
               HMSVideoPlayer.PlayPauseSeekControls.Overlay,
               {
                 isPaused,
@@ -33778,7 +33823,7 @@ var init_HLSView = __esm({
                 align: "start",
                 css: {
                   position: "absolute",
-                  bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? "$8" : "0",
+                  bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? "$8" : "0",
                   left: "0",
                   zIndex: 1,
                   background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
@@ -33788,7 +33833,7 @@ var init_HLSView = __esm({
                   transition: "visibility 0s 0.5s, opacity 0.5s linear"
                 }
               },
-              ((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
+              ((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
               /* @__PURE__ */ import_react206.default.createElement(
                 HMSVideoPlayer.Controls.Root,
                 {
@@ -33797,7 +33842,7 @@ var init_HLSView = __esm({
                   },
                   onClick: (e) => e.stopPropagation()
                 },
-                /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.PlayPauseSeekControls.Button, { isPaused, onSeekTo }), !isVideoLive ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null) : null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Volume, null)), /* @__PURE__ */ import_react206.default.createElement(
+                /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.PlayPauseSeekControls.Button, { isPaused, onSeekTo }), !isVideoLive ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null) : null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Volume, null)), /* @__PURE__ */ import_react206.default.createElement(
                   IconButton,
                   {
                     css: { px: "$2" },
@@ -33830,7 +33875,7 @@ var init_HLSView = __esm({
                     },
                     isVideoLive ? "LIVE" : "GO LIVE"
                   )))
-                ), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null),
+                ), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null),
                 /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react206.default.createElement(
                   HLSQualitySelector,
                   {
@@ -33839,7 +33884,8 @@ var init_HLSView = __esm({
                     open: qualityDropDownOpen,
                     selection: currentSelectedQuality,
                     onQualityChange: handleQuality,
-                    isAuto: isUserSelectedAuto
+                    isAuto: isUserSelectedAuto,
+                    containerRef: hlsViewRef.current
                   }
                 ) : null, isFullScreenSupported ? /* @__PURE__ */ import_react206.default.createElement(FullScreenButton2, { isFullScreen, onToggle: toggle }) : null)
               )
@@ -33855,7 +33901,7 @@ var init_HLSView = __esm({
 });
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var import_react207, import_react_use50, import_ts_pattern14, import_react_sdk102, import_react_icons98, HLSView2, VideoStreamingSection;
+var import_react207, import_react_use50, import_ts_pattern14, import_react_sdk103, import_react_icons98, HLSView2, VideoStreamingSection;
 var init_VideoStreamingSection = __esm({
   "src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
     "use strict";
@@ -33863,7 +33909,7 @@ var init_VideoStreamingSection = __esm({
     import_react207 = __toESM(require("react"));
     import_react_use50 = require("react-use");
     import_ts_pattern14 = require("ts-pattern");
-    import_react_sdk102 = require("@100mslive/react-sdk");
+    import_react_sdk103 = require("@100mslive/react-sdk");
     import_react_icons98 = require("@100mslive/react-icons");
     init_FullPageProgress();
     init_GridLayout();
@@ -33884,10 +33930,10 @@ var init_VideoStreamingSection = __esm({
       hideControls = false
     }) => {
       var _a7;
-      const localPeerRoleName = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectLocalPeerRoleName);
-      const isConnected = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsConnectedToRoom);
-      const isSharingScreen = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsLocalScreenShared);
-      const hmsActions = (0, import_react_sdk102.useHMSActions)();
+      const localPeerRoleName = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectLocalPeerRoleName);
+      const isConnected = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsConnectedToRoom);
+      const isSharingScreen = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsLocalScreenShared);
+      const hmsActions = (0, import_react_sdk103.useHMSActions)();
       const urlToIframe = useUrlToEmbed();
       const pdfAnnotatorActive = usePDFConfig();
       const isMobileHLSStream = useMobileHLSStream();
@@ -34029,13 +34075,13 @@ var init_RoomDetailsHeader = __esm({
 });
 
 // src/Prebuilt/components/Header/common.jsx
-var import_react209, import_react_sdk103, import_react_icons100, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
+var import_react209, import_react_sdk104, import_react_icons100, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
 var init_common2 = __esm({
   "src/Prebuilt/components/Header/common.jsx"() {
     "use strict";
     init_define_process_env();
     import_react209 = __toESM(require("react"));
-    import_react_sdk103 = require("@100mslive/react-sdk");
+    import_react_sdk104 = require("@100mslive/react-sdk");
     import_react_icons100 = require("@100mslive/react-icons");
     init_Divider2();
     init_Label2();
@@ -34045,12 +34091,12 @@ var init_common2 = __esm({
     init_IconButton3();
     init_ToastManager();
     CamaraFlipActions = () => {
-      const actions = (0, import_react_sdk103.useHMSActions)();
-      const { allDevices } = (0, import_react_sdk103.useDevices)();
+      const actions = (0, import_react_sdk104.useHMSActions)();
+      const { allDevices } = (0, import_react_sdk104.useDevices)();
       const { videoInput } = allDevices;
-      const isVideoOn = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsLocalVideoEnabled);
-      const videoTrackId = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectLocalVideoTrackID);
-      const localVideoTrack = (0, import_react_sdk103.useHMSStore)((0, import_react_sdk103.selectVideoTrackByID)(videoTrackId));
+      const isVideoOn = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectIsLocalVideoEnabled);
+      const videoTrackId = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectLocalVideoTrackID);
+      const localVideoTrack = (0, import_react_sdk104.useHMSStore)((0, import_react_sdk104.selectVideoTrackByID)(videoTrackId));
       if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
         return null;
       }
@@ -34073,7 +34119,7 @@ var init_common2 = __esm({
       ));
     };
     AudioActions = () => {
-      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk103.useDevices)();
+      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk104.useDevices)();
       const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
       const { audioInput, audioOutput } = allDevices;
       let availableAudioDevices = audioInput;
@@ -34082,18 +34128,19 @@ var init_common2 = __esm({
         availableAudioDevices = audioOutput;
         selectedAudio = selectedDeviceIDs.audioOutput;
       }
-      const hmsActions = (0, import_react_sdk103.useHMSActions)();
+      const hmsActions = (0, import_react_sdk104.useHMSActions)();
       const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
       const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
       if (!audioFiltered) {
         return null;
       }
+      const deviceCategory = (0, import_react_sdk104.getAudioDeviceCategory)(currentSelection.label);
       let AudioIcon = /* @__PURE__ */ import_react209.default.createElement(import_react_icons100.SpeakerIcon, null);
-      if (currentSelection && currentSelection.label.toLowerCase().includes("bluetooth")) {
+      if (deviceCategory === "bluetooth") {
         AudioIcon = /* @__PURE__ */ import_react209.default.createElement(import_react_icons100.BluetoothIcon, null);
-      } else if (currentSelection && currentSelection.label.toLowerCase().includes("wired")) {
+      } else if (deviceCategory === "wired") {
         AudioIcon = /* @__PURE__ */ import_react209.default.createElement(import_react_icons100.HeadphonesIcon, null);
-      } else if (currentSelection && currentSelection.label.toLowerCase().includes("earpiece")) {
+      } else if (deviceCategory === "earpiece") {
         AudioIcon = /* @__PURE__ */ import_react209.default.createElement(import_react_icons100.TelePhoneIcon, null);
       }
       return /* @__PURE__ */ import_react209.default.createElement(
@@ -34105,7 +34152,7 @@ var init_common2 = __esm({
             try {
               yield updateDevice({
                 deviceId,
-                deviceType: shouldShowAudioOutput ? import_react_sdk103.DeviceType.audioOutput : import_react_sdk103.DeviceType.audioInput
+                deviceType: shouldShowAudioOutput ? import_react_sdk104.DeviceType.audioOutput : import_react_sdk104.DeviceType.audioInput
               });
             } catch (e) {
               ToastManager.addToast({
@@ -34189,23 +34236,23 @@ var init_common2 = __esm({
 });
 
 // src/Prebuilt/components/Header/Header.tsx
-var import_react210, import_react_use52, import_react_sdk104, Header2;
+var import_react210, import_react_use52, import_react_sdk105, Header2;
 var init_Header = __esm({
   "src/Prebuilt/components/Header/Header.tsx"() {
     "use strict";
     init_define_process_env();
     import_react210 = __toESM(require("react"));
     import_react_use52 = require("react-use");
-    import_react_sdk104 = require("@100mslive/react-sdk");
+    import_react_sdk105 = require("@100mslive/react-sdk");
     init_src();
     init_HeaderComponents();
     init_RoomDetailsHeader();
     init_StreamActions();
     init_common2();
     Header2 = () => {
-      const roomState = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectRoomState);
+      const roomState = (0, import_react_sdk105.useHMSStore)(import_react_sdk105.selectRoomState);
       const isMobile = (0, import_react_use52.useMedia)(config.media.md);
-      if (roomState !== import_react_sdk104.HMSRoomState.Connected) {
+      if (roomState !== import_react_sdk105.HMSRoomState.Connected) {
         return /* @__PURE__ */ import_react210.default.createElement(import_react210.default.Fragment, null);
       }
       return /* @__PURE__ */ import_react210.default.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ import_react210.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ import_react210.default.createElement(Logo, null), /* @__PURE__ */ import_react210.default.createElement(RoomDetailsHeader, null), /* @__PURE__ */ import_react210.default.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ import_react210.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react210.default.createElement(LiveStatus, null), /* @__PURE__ */ import_react210.default.createElement(RecordingStatus, null), /* @__PURE__ */ import_react210.default.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ import_react210.default.createElement(
@@ -34235,25 +34282,25 @@ var init_Header2 = __esm({
 });
 
 // src/Prebuilt/components/PreviousRoleInMetadata.tsx
-var import_react211, import_react_sdk105, PreviousRoleInMetadata;
+var import_react211, import_react_sdk106, PreviousRoleInMetadata;
 var init_PreviousRoleInMetadata = __esm({
   "src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
     "use strict";
     init_define_process_env();
     import_react211 = require("react");
-    import_react_sdk105 = require("@100mslive/react-sdk");
+    import_react_sdk106 = require("@100mslive/react-sdk");
     init_useMetadata();
     PreviousRoleInMetadata = () => {
-      const vanillaStore = (0, import_react_sdk105.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk106.useHMSVanillaStore)();
       const { updateMetaData } = useMyMetadata();
       (0, import_react211.useEffect)(() => {
-        let previousRole = vanillaStore.getState(import_react_sdk105.selectLocalPeerRoleName);
+        let previousRole = vanillaStore.getState(import_react_sdk106.selectLocalPeerRoleName);
         const unsubscribe = vanillaStore.subscribe((currentRole) => {
           if (previousRole !== currentRole && currentRole) {
             updateMetaData({ prevRole: previousRole });
             previousRole = currentRole;
           }
-        }, import_react_sdk105.selectLocalPeerRoleName);
+        }, import_react_sdk106.selectLocalPeerRoleName);
         return unsubscribe;
       }, [vanillaStore]);
       return null;
@@ -34262,14 +34309,14 @@ var init_PreviousRoleInMetadata = __esm({
 });
 
 // src/Prebuilt/components/ConferenceScreen.tsx
-var import_react212, import_uuid12, import_react_sdk106, ConferenceScreen;
+var import_react212, import_uuid12, import_react_sdk107, ConferenceScreen;
 var init_ConferenceScreen = __esm({
   "src/Prebuilt/components/ConferenceScreen.tsx"() {
     "use strict";
     init_define_process_env();
     import_react212 = __toESM(require("react"));
     import_uuid12 = require("uuid");
-    import_react_sdk106 = require("@100mslive/react-sdk");
+    import_react_sdk107 = require("@100mslive/react-sdk");
     init_Footer3();
     init_MoreSettings();
     init_HLSFailureModal();
@@ -34293,18 +34340,18 @@ var init_ConferenceScreen = __esm({
       const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
       const screenProps = useRoomLayoutConferencingScreen();
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-      const roomState = (0, import_react_sdk106.useHMSStore)(import_react_sdk106.selectRoomState);
-      const isConnectedToRoom = (0, import_react_sdk106.useHMSStore)(import_react_sdk106.selectIsConnectedToRoom);
-      const hmsActions = (0, import_react_sdk106.useHMSActions)();
+      const roomState = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectRoomState);
+      const isConnectedToRoom = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectIsConnectedToRoom);
+      const hmsActions = (0, import_react_sdk107.useHMSActions)();
       const [hideControls, setHideControls] = (0, import_react212.useState)(false);
-      const dropdownList = (0, import_react_sdk106.useHMSStore)((0, import_react_sdk106.selectAppData)(APP_DATA.dropdownList));
+      const dropdownList = (0, import_react_sdk107.useHMSStore)((0, import_react_sdk107.selectAppData)(APP_DATA.dropdownList));
       const authTokenInAppData = useAuthToken();
       const headerRef = (0, import_react212.useRef)(null);
       const footerRef = (0, import_react212.useRef)(null);
       const isMobileDevice = isAndroid || isIOS || isIPadOS;
       const dropdownListRef = (0, import_react212.useRef)();
       const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-      const { requestPermission } = (0, import_react_sdk106.useAwayNotifications)();
+      const { requestPermission } = (0, import_react_sdk107.useAwayNotifications)();
       const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
       const autoRoomJoined = (0, import_react212.useRef)(isPreviewScreenEnabled);
       const isMobileHLSStream = useMobileHLSStream();
@@ -34332,7 +34379,7 @@ var init_ConferenceScreen = __esm({
         };
       }, [dropdownList, hideControls, isMobileDevice]);
       (0, import_react212.useEffect)(() => {
-        if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk106.HMSRoomState.Connecting && !autoRoomJoined.current) {
+        if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk107.HMSRoomState.Connecting && !autoRoomJoined.current) {
           hmsActions.join({
             userName: userName || (0, import_uuid12.v4)(),
             authToken: authTokenInAppData,
@@ -34361,8 +34408,8 @@ var init_ConferenceScreen = __esm({
           PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
         };
       }, [onJoinFunc]);
-      if (!isConnectedToRoom && ![import_react_sdk106.HMSRoomState.Reconnecting, import_react_sdk106.HMSRoomState.Disconnected].includes(roomState)) {
-        return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk106.HMSRoomState.Connecting ? "Joining..." : "" });
+      if (!isConnectedToRoom && ![import_react_sdk107.HMSRoomState.Reconnecting, import_react_sdk107.HMSRoomState.Disconnected].includes(roomState)) {
+        return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk107.HMSRoomState.Connecting ? "Joining..." : "" });
       }
       const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
       return /* @__PURE__ */ import_react212.default.createElement(import_react212.default.Fragment, null, isHLSStarted ? /* @__PURE__ */ import_react212.default.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ import_react212.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ import_react212.default.createElement(
@@ -34548,7 +34595,7 @@ var init_ErrorBoundary = __esm({
 
 // src/Prebuilt/services/FeatureFlags.jsx
 function FeatureFlagsInit() {
-  const roomId = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectRoomID);
+  const roomId = (0, import_react_sdk108.useHMSStore)(import_react_sdk108.selectRoomID);
   (0, import_react214.useEffect)(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
@@ -34556,13 +34603,13 @@ function FeatureFlagsInit() {
   }, [roomId]);
   return null;
 }
-var import_react214, import_react_sdk107, FeatureFlags;
+var import_react214, import_react_sdk108, FeatureFlags;
 var init_FeatureFlags = __esm({
   "src/Prebuilt/services/FeatureFlags.jsx"() {
     "use strict";
     init_define_process_env();
     import_react214 = require("react");
-    import_react_sdk107 = require("@100mslive/react-sdk");
+    import_react_sdk108 = require("@100mslive/react-sdk");
     FeatureFlags = class {
       static init(roomId) {
         if (!window.HMS) {
@@ -34620,13 +34667,13 @@ var init_Init = __esm({
 });
 
 // src/Prebuilt/components/Input/KeyboardInputManager.js
-var import_react216, import_react_sdk108, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
+var import_react216, import_react_sdk109, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
 var init_KeyboardInputManager = __esm({
   "src/Prebuilt/components/Input/KeyboardInputManager.js"() {
     "use strict";
     init_define_process_env();
     import_react216 = require("react");
-    import_react_sdk108 = require("@100mslive/react-sdk");
+    import_react_sdk109 = require("@100mslive/react-sdk");
     init_constants();
     isEvenListenersAttached = false;
     KeyboardInputManager = class {
@@ -34634,27 +34681,27 @@ var init_KeyboardInputManager = __esm({
         __privateAdd(this, _actions, void 0);
         __privateAdd(this, _store, void 0);
         __privateAdd(this, _toggleAudio, () => __async(this, null, function* () {
-          const enabled = __privateGet(this, _store).getState(import_react_sdk108.selectIsLocalAudioEnabled);
+          const enabled = __privateGet(this, _store).getState(import_react_sdk109.selectIsLocalAudioEnabled);
           yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
         }));
         __privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
-          const enabled = __privateGet(this, _store).getState(import_react_sdk108.selectIsLocalVideoEnabled);
+          const enabled = __privateGet(this, _store).getState(import_react_sdk109.selectIsLocalVideoEnabled);
           yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
         }));
         __privateAdd(this, _hideSidepane, () => {
-          if (__privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.sidePane))) {
+          if (__privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.sidePane))) {
             __privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
           }
         });
         __privateAdd(this, _toggleStatsForNerds, () => {
-          const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.uiSettings));
+          const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.uiSettings));
           const statsEnabled = uiSettings.showStatsOnTiles;
           __privateGet(this, _actions).setAppData(APP_DATA.uiSettings, __spreadProps(__spreadValues({}, uiSettings), {
             showStatsOnTiles: !statsEnabled
           }));
         });
         __privateAdd(this, _toggleHlsStats, () => {
-          __privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.hlsStats)));
+          __privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.hlsStats)));
         });
         // eslint-disable-next-line complexity
         __privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
@@ -34712,8 +34759,8 @@ var init_KeyboardInputManager = __esm({
     _bind = new WeakMap();
     _unbind = new WeakMap();
     KeyboardHandler = () => {
-      const store = (0, import_react_sdk108.useHMSVanillaStore)();
-      const actions = (0, import_react_sdk108.useHMSActions)();
+      const store = (0, import_react_sdk109.useHMSVanillaStore)();
+      const actions = (0, import_react_sdk109.useHMSActions)();
       (0, import_react216.useEffect)(() => {
         const keyboardManager = new KeyboardInputManager(store, actions);
         keyboardManager.bindAllShortcuts();
@@ -34725,14 +34772,14 @@ var init_KeyboardInputManager = __esm({
 });
 
 // src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
-var import_react217, import_react_use53, import_react_sdk109, import_react_icons102, FEEBACK_INDEX, FeedbackModal, FeedbackContent, FeedbackHeader, FeedbackForm;
+var import_react217, import_react_use53, import_react_sdk110, import_react_icons102, FEEBACK_INDEX, FeedbackModal, FeedbackContent, FeedbackHeader, FeedbackForm;
 var init_FeedbackForm = __esm({
   "src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx"() {
     "use strict";
     init_define_process_env();
     import_react217 = __toESM(require("react"));
     import_react_use53 = require("react-use");
-    import_react_sdk109 = require("@100mslive/react-sdk");
+    import_react_sdk110 = require("@100mslive/react-sdk");
     import_react_icons102 = require("@100mslive/react-icons");
     init_Button2();
     init_Checkbox2();
@@ -34790,7 +34837,7 @@ var init_FeedbackForm = __esm({
       const { feedback } = useRoomLayoutLeaveScreen();
       const { endpoints } = useHMSPrebuiltContext();
       const isMobile = (0, import_react_use53.useMedia)(config.media.md);
-      const hmsActions = (0, import_react_sdk109.useHMSActions)();
+      const hmsActions = (0, import_react_sdk110.useHMSActions)();
       const [comment, setComment] = (0, import_react217.useState)("");
       const [selectedReasons, setSelectedReasons] = (0, import_react217.useState)(/* @__PURE__ */ new Set());
       const handleCheckedChange = (checked, index) => {
@@ -35352,7 +35399,7 @@ var init_MwebLandscapePrompt = __esm({
 
 // src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
 function AutoplayBlockedModal() {
-  const { error, resetError, unblockAudio } = (0, import_react_sdk110.useAutoplayError)();
+  const { error, resetError, unblockAudio } = (0, import_react_sdk111.useAutoplayError)();
   return /* @__PURE__ */ import_react222.default.createElement(
     Dialog.Root,
     {
@@ -35377,33 +35424,33 @@ function AutoplayBlockedModal() {
     )))
   );
 }
-var import_react222, import_react_sdk110;
+var import_react222, import_react_sdk111;
 var init_AutoplayBlockedModal = __esm({
   "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react222 = __toESM(require("react"));
-    import_react_sdk110 = require("@100mslive/react-sdk");
+    import_react_sdk111 = require("@100mslive/react-sdk");
     init_src();
     init_DialogContent2();
   }
 });
 
 // src/Prebuilt/components/Notifications/ChatNotifications.tsx
-var import_react223, import_uuid13, import_react_sdk111, import_react_icons106, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
+var import_react223, import_uuid13, import_react_sdk112, import_react_icons106, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
 var init_ChatNotifications = __esm({
   "src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react223 = __toESM(require("react"));
     import_uuid13 = require("uuid");
-    import_react_sdk111 = require("@100mslive/react-sdk");
+    import_react_sdk112 = require("@100mslive/react-sdk");
     import_react_icons106 = require("@100mslive/react-icons");
     init_ToastManager();
     NOTIFICATION_TIME_DIFFERENCE = 5e3;
     ChatNotifications = () => {
-      const chatState = (0, import_react_sdk111.useHMSStore)((0, import_react_sdk111.selectSessionStore)("chatState" /* CHAT_STATE */));
-      const localPeerId = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectLocalPeerID);
+      const chatState = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectSessionStore)("chatState" /* CHAT_STATE */));
+      const localPeerId = (0, import_react_sdk112.useHMSStore)(import_react_sdk112.selectLocalPeerID);
       (0, import_react223.useEffect)(() => {
         var _a7, _b7;
         if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
@@ -35426,13 +35473,13 @@ var init_ChatNotifications = __esm({
 });
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
-var import_react224, import_react_sdk112, import_react_icons107, ChatAction, HandRaiseAction, ToastConfig;
+var import_react224, import_react_sdk113, import_react_icons107, ChatAction, HandRaiseAction, ToastConfig;
 var init_ToastConfig = __esm({
   "src/Prebuilt/components/Toast/ToastConfig.jsx"() {
     "use strict";
     init_define_process_env();
     import_react224 = __toESM(require("react"));
-    import_react_sdk112 = require("@100mslive/react-sdk");
+    import_react_sdk113 = require("@100mslive/react-sdk");
     import_react_icons107 = require("@100mslive/react-icons");
     init_Button2();
     init_roomLayoutProvider();
@@ -35448,10 +35495,10 @@ var init_ToastConfig = __esm({
     });
     HandRaiseAction = import_react224.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
       var _a7, _b7, _c;
-      const hmsActions = (0, import_react_sdk112.useHMSActions)();
+      const hmsActions = (0, import_react_sdk113.useHMSActions)();
       const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
       const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-      const peer = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectPeerByID)(id));
+      const peer = (0, import_react_sdk113.useHMSStore)((0, import_react_sdk113.selectPeerByID)(id));
       const layout = useRoomLayout();
       const {
         bring_to_stage_label,
@@ -35668,14 +35715,14 @@ var init_ToastBatcher = __esm({
 });
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
-var import_react225, import_react_use57, import_react_sdk113, HandRaisedNotifications;
+var import_react225, import_react_use57, import_react_sdk114, HandRaisedNotifications;
 var init_HandRaisedNotifications = __esm({
   "src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react225 = require("react");
     import_react_use57 = require("react-use");
-    import_react_sdk113 = require("@100mslive/react-sdk");
+    import_react_sdk114 = require("@100mslive/react-sdk");
     init_roomLayoutProvider();
     init_ToastBatcher();
     init_useRoomLayoutScreen();
@@ -35683,24 +35730,24 @@ var init_HandRaisedNotifications = __esm({
     init_constants();
     HandRaisedNotifications = () => {
       var _a7, _b7;
-      const notification = (0, import_react_sdk113.useHMSNotifications)(import_react_sdk113.HMSNotificationTypes.HAND_RAISE_CHANGED);
-      const roomState = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectRoomState);
-      const vanillaStore = (0, import_react_sdk113.useHMSVanillaStore)();
+      const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.HAND_RAISE_CHANGED);
+      const roomState = (0, import_react_sdk114.useHMSStore)(import_react_sdk114.selectRoomState);
+      const vanillaStore = (0, import_react_sdk114.useHMSVanillaStore)();
       const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
       const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
-      const amIScreenSharing = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectIsLocalScreenShared);
-      const { showNotification } = (0, import_react_sdk113.useAwayNotifications)();
+      const amIScreenSharing = (0, import_react_sdk114.useHMSStore)(import_react_sdk114.selectIsLocalScreenShared);
+      const { showNotification } = (0, import_react_sdk114.useAwayNotifications)();
       const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
       (0, import_react225.useEffect)(() => {
         var _a8;
         if (!(notification == null ? void 0 : notification.data)) {
           return;
         }
-        if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
+        if (roomState !== import_react_sdk114.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
           return;
         }
-        const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
-        const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
+        const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk114.selectHasPeerHandRaised)(notification.data.id));
+        const peer = vanillaStore.getState((0, import_react_sdk114.selectPeerByID)(notification.data.id));
         if (hasPeerHandRaised) {
           const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a8 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a8.includes(peer.roleName));
           ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
@@ -35712,12 +35759,12 @@ var init_HandRaisedNotifications = __esm({
           if (!(notification == null ? void 0 : notification.data)) {
             return;
           }
-          if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
+          if (roomState !== import_react_sdk114.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
             return;
           }
-          const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
-          const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
-          const handRaisedPeers = vanillaStore.getState(import_react_sdk113.selectHandRaisedPeers);
+          const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk114.selectHasPeerHandRaised)(notification.data.id));
+          const peer = vanillaStore.getState((0, import_react_sdk114.selectPeerByID)(notification.data.id));
+          const handRaisedPeers = vanillaStore.getState(import_react_sdk114.selectHandRaisedPeers);
           if (amIScreenSharing && hasPeerHandRaised) {
             const title = `${peer == null ? void 0 : peer.name} ${handRaisedPeers.length > 1 ? `and ${handRaisedPeers.length - 1} others` : ""} raised hand`;
             showNotification(title, { icon: logoURL });
@@ -35732,17 +35779,17 @@ var init_HandRaisedNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
-var import_react226, import_react_sdk114, InitErrorModal;
+var import_react226, import_react_sdk115, InitErrorModal;
 var init_InitErrorModal = __esm({
   "src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react226 = __toESM(require("react"));
-    import_react_sdk114 = require("@100mslive/react-sdk");
+    import_react_sdk115 = require("@100mslive/react-sdk");
     init_src();
     init_DialogContent2();
     InitErrorModal = () => {
-      const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.ERROR);
+      const notification = (0, import_react_sdk115.useHMSNotifications)(import_react_sdk115.HMSNotificationTypes.ERROR);
       const [showModal, setShowModal] = (0, import_react226.useState)(false);
       const [info, setInfo] = (0, import_react226.useState)({ title: "Init Error", description: "" });
       (0, import_react226.useEffect)(() => {
@@ -35771,19 +35818,19 @@ var init_InitErrorModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/PeerNotifications.tsx
-var import_react227, import_react_sdk115, notificationTypes, PeerNotifications;
+var import_react227, import_react_sdk116, notificationTypes, PeerNotifications;
 var init_PeerNotifications = __esm({
   "src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react227 = require("react");
-    import_react_sdk115 = require("@100mslive/react-sdk");
+    import_react_sdk116 = require("@100mslive/react-sdk");
     init_ToastBatcher();
     init_useUISettings();
     init_constants();
-    notificationTypes = [import_react_sdk115.HMSNotificationTypes.PEER_JOINED, import_react_sdk115.HMSNotificationTypes.PEER_LEFT];
+    notificationTypes = [import_react_sdk116.HMSNotificationTypes.PEER_JOINED, import_react_sdk116.HMSNotificationTypes.PEER_LEFT];
     PeerNotifications = () => {
-      const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes);
+      const notification = (0, import_react_sdk116.useHMSNotifications)(notificationTypes);
       const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
       const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
       const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
@@ -35793,12 +35840,12 @@ var init_PeerNotifications = __esm({
         }
         console.debug(`[${notification.type}]`, notification);
         switch (notification.type) {
-          case import_react_sdk115.HMSNotificationTypes.PEER_JOINED:
+          case import_react_sdk116.HMSNotificationTypes.PEER_JOINED:
             if (!isPeerJoinSubscribed) {
               return;
             }
             break;
-          case import_react_sdk115.HMSNotificationTypes.PEER_LEFT:
+          case import_react_sdk116.HMSNotificationTypes.PEER_LEFT:
             if (selectedPeer.id === notification.data.id) {
               setPeerSelector({});
             }
@@ -35834,17 +35881,17 @@ var init_ios_perm_0 = __esm({
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 function PermissionErrorNotificationModal() {
-  const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.ERROR);
+  const notification = (0, import_react_sdk117.useHMSNotifications)(import_react_sdk117.HMSNotificationTypes.ERROR);
   return /* @__PURE__ */ import_react228.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
 }
-var import_react228, import_react_use58, import_react_sdk116, PermissionErrorModal;
+var import_react228, import_react_use58, import_react_sdk117, PermissionErrorModal;
 var init_PermissionErrorModal = __esm({
   "src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react228 = __toESM(require("react"));
     import_react_use58 = require("react-use");
-    import_react_sdk116 = require("@100mslive/react-sdk");
+    import_react_sdk117 = require("@100mslive/react-sdk");
     init_src();
     init_android_perm_1();
     init_ios_perm_0();
@@ -35910,35 +35957,35 @@ var init_PermissionErrorModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
-var import_react229, import_react_sdk117, notificationTypes2, notificationId, ReconnectNotifications;
+var import_react229, import_react_sdk118, notificationTypes2, notificationId, ReconnectNotifications;
 var init_ReconnectNotifications = __esm({
   "src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react229 = require("react");
-    import_react_sdk117 = require("@100mslive/react-sdk");
+    import_react_sdk118 = require("@100mslive/react-sdk");
     init_ToastConfig();
     init_ToastManager();
     notificationTypes2 = [
-      import_react_sdk117.HMSNotificationTypes.RECONNECTED,
-      import_react_sdk117.HMSNotificationTypes.RECONNECTING,
-      import_react_sdk117.HMSNotificationTypes.ERROR
+      import_react_sdk118.HMSNotificationTypes.RECONNECTED,
+      import_react_sdk118.HMSNotificationTypes.RECONNECTING,
+      import_react_sdk118.HMSNotificationTypes.ERROR
     ];
     notificationId = null;
     ReconnectNotifications = () => {
-      const notification = (0, import_react_sdk117.useHMSNotifications)(notificationTypes2);
+      const notification = (0, import_react_sdk118.useHMSNotifications)(notificationTypes2);
       const prevErrorCode = (0, import_react229.useRef)(0);
       (0, import_react229.useEffect)(() => {
         var _a7, _b7;
         if (!notification) {
           return;
         }
-        if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTED) {
+        if (notification.type === import_react_sdk118.HMSNotificationTypes.RECONNECTED) {
           notificationId = ToastManager.replaceToast(
             notificationId,
             ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
           );
-        } else if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTING) {
+        } else if (notification.type === import_react_sdk118.HMSNotificationTypes.RECONNECTING) {
           prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
           notificationId = ToastManager.replaceToast(
             notificationId,
@@ -35952,30 +35999,30 @@ var init_ReconnectNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
-var import_react230, import_react_sdk118, import_react_icons108, TrackBulkUnmuteModal;
+var import_react230, import_react_sdk119, import_react_icons108, TrackBulkUnmuteModal;
 var init_TrackBulkUnmuteModal = __esm({
   "src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react230 = __toESM(require("react"));
-    import_react_sdk118 = require("@100mslive/react-sdk");
+    import_react_sdk119 = require("@100mslive/react-sdk");
     import_react_icons108 = require("@100mslive/react-icons");
     init_DialogContent2();
     TrackBulkUnmuteModal = () => {
-      const hmsActions = (0, import_react_sdk118.useHMSActions)();
+      const hmsActions = (0, import_react_sdk119.useHMSActions)();
       const [muteNotification, setMuteNotification] = (0, import_react230.useState)(null);
-      const notification = (0, import_react_sdk118.useHMSNotifications)([
-        import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
-        import_react_sdk118.HMSNotificationTypes.ROOM_ENDED,
-        import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM
+      const notification = (0, import_react_sdk119.useHMSNotifications)([
+        import_react_sdk119.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
+        import_react_sdk119.HMSNotificationTypes.ROOM_ENDED,
+        import_react_sdk119.HMSNotificationTypes.REMOVED_FROM_ROOM
       ]);
       (0, import_react230.useEffect)(() => {
         switch (notification == null ? void 0 : notification.type) {
-          case import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM:
-          case import_react_sdk118.HMSNotificationTypes.ROOM_ENDED:
+          case import_react_sdk119.HMSNotificationTypes.REMOVED_FROM_ROOM:
+          case import_react_sdk119.HMSNotificationTypes.ROOM_ENDED:
             setMuteNotification(null);
             break;
-          case import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
+          case import_react_sdk119.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
             if (notification == null ? void 0 : notification.data.enabled) {
               setMuteNotification(notification.data);
             }
@@ -36009,21 +36056,21 @@ var init_TrackBulkUnmuteModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
-var import_react231, import_react_sdk119, notificationTypes3, TrackNotifications;
+var import_react231, import_react_sdk120, notificationTypes3, TrackNotifications;
 var init_TrackNotifications = __esm({
   "src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react231 = require("react");
-    import_react_sdk119 = require("@100mslive/react-sdk");
+    import_react_sdk120 = require("@100mslive/react-sdk");
     notificationTypes3 = [
-      import_react_sdk119.HMSNotificationTypes.TRACK_ADDED,
-      import_react_sdk119.HMSNotificationTypes.TRACK_REMOVED,
-      import_react_sdk119.HMSNotificationTypes.TRACK_MUTED,
-      import_react_sdk119.HMSNotificationTypes.TRACK_UNMUTED
+      import_react_sdk120.HMSNotificationTypes.TRACK_ADDED,
+      import_react_sdk120.HMSNotificationTypes.TRACK_REMOVED,
+      import_react_sdk120.HMSNotificationTypes.TRACK_MUTED,
+      import_react_sdk120.HMSNotificationTypes.TRACK_UNMUTED
     ];
     TrackNotifications = () => {
-      const notification = (0, import_react_sdk119.useHMSNotifications)(notificationTypes3);
+      const notification = (0, import_react_sdk120.useHMSNotifications)(notificationTypes3);
       (0, import_react231.useEffect)(() => {
         if (notification) {
           console.debug(`[${notification.type}]`, notification);
@@ -36035,30 +36082,30 @@ var init_TrackNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
-var import_react232, import_react_sdk120, import_react_icons109, TrackUnmuteModal;
+var import_react232, import_react_sdk121, import_react_icons109, TrackUnmuteModal;
 var init_TrackUnmuteModal = __esm({
   "src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react232 = __toESM(require("react"));
-    import_react_sdk120 = require("@100mslive/react-sdk");
+    import_react_sdk121 = require("@100mslive/react-sdk");
     import_react_icons109 = require("@100mslive/react-icons");
     init_DialogContent2();
     TrackUnmuteModal = () => {
-      const hmsActions = (0, import_react_sdk120.useHMSActions)();
-      const notification = (0, import_react_sdk120.useHMSNotifications)([
-        import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
-        import_react_sdk120.HMSNotificationTypes.ROOM_ENDED,
-        import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM
+      const hmsActions = (0, import_react_sdk121.useHMSActions)();
+      const notification = (0, import_react_sdk121.useHMSNotifications)([
+        import_react_sdk121.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
+        import_react_sdk121.HMSNotificationTypes.ROOM_ENDED,
+        import_react_sdk121.HMSNotificationTypes.REMOVED_FROM_ROOM
       ]);
       const [muteNotification, setMuteNotification] = (0, import_react232.useState)(null);
       (0, import_react232.useEffect)(() => {
         switch (notification == null ? void 0 : notification.type) {
-          case import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM:
-          case import_react_sdk120.HMSNotificationTypes.ROOM_ENDED:
+          case import_react_sdk121.HMSNotificationTypes.REMOVED_FROM_ROOM:
+          case import_react_sdk121.HMSNotificationTypes.ROOM_ENDED:
             setMuteNotification(null);
             break;
-          case import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
+          case import_react_sdk121.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
             if (notification == null ? void 0 : notification.data.enabled) {
               setMuteNotification(notification.data);
             }
@@ -36076,7 +36123,7 @@ var init_TrackUnmuteModal = __esm({
         {
           title: `Unmute your ${track.type}?`,
           onOpenChange: (value) => !value && setMuteNotification(null),
-          body: `${peer == null ? void 0 : peer.name}is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
+          body: `${peer == null ? void 0 : peer.name} is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
           onAction: () => {
             hmsActions.setEnabledTrack(track.id, enabled);
             setMuteNotification(null);
@@ -36089,20 +36136,20 @@ var init_TrackUnmuteModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
-var import_react233, import_ts_pattern16, import_react_sdk121, import_react_icons110, TranscriptionNotifications;
+var import_react233, import_ts_pattern16, import_react_sdk122, import_react_icons110, TranscriptionNotifications;
 var init_TranscriptionNotifications = __esm({
   "src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react233 = __toESM(require("react"));
     import_ts_pattern16 = require("ts-pattern");
-    import_react_sdk121 = require("@100mslive/react-sdk");
+    import_react_sdk122 = require("@100mslive/react-sdk");
     import_react_icons110 = require("@100mslive/react-icons");
     init_ToastManager();
     init_useUISettings();
     init_constants();
     TranscriptionNotifications = () => {
-      const notification = (0, import_react_sdk121.useHMSNotifications)(import_react_sdk121.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
+      const notification = (0, import_react_sdk122.useHMSNotifications)(import_react_sdk122.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
       const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
       (0, import_react233.useEffect)(() => {
         if (!(notification == null ? void 0 : notification.data)) {
@@ -36121,14 +36168,14 @@ var init_TranscriptionNotifications = __esm({
                 icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
               });
             }
-          ).with({ state: import_react_sdk121.HMSTranscriptionState.STARTED }, () => {
+          ).with({ state: import_react_sdk122.HMSTranscriptionState.STARTED }, () => {
             id = ToastManager.replaceToast(toastId, {
               title: `Closed Captioning enabled for everyone`,
               variant: "standard",
               duration: 2e3,
               icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
             });
-          }).with({ state: import_react_sdk121.HMSTranscriptionState.STOPPED }, () => {
+          }).with({ state: import_react_sdk122.HMSTranscriptionState.STOPPED }, () => {
             id = ToastManager.replaceToast(toastId, {
               title: `Closed Captioning disabled for everyone`,
               variant: "standard",
@@ -36147,17 +36194,17 @@ var init_TranscriptionNotifications = __esm({
 // src/Prebuilt/components/Notifications/Notifications.tsx
 function Notifications() {
   var _a7, _b7;
-  const localPeerID = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectLocalPeerID);
-  const notification = (0, import_react_sdk122.useHMSNotifications)();
+  const localPeerID = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectLocalPeerID);
+  const notification = (0, import_react_sdk123.useHMSNotifications)();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectRoomState);
+  const roomState = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectRoomState);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
-  const vanillaStore = (0, import_react_sdk122.useHMSVanillaStore)();
+  const vanillaStore = (0, import_react_sdk123.useHMSVanillaStore)();
   const togglePollView = usePollViewToggle();
-  const { showNotification } = (0, import_react_sdk122.useAwayNotifications)();
-  const amIScreenSharing = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsLocalScreenShared);
+  const { showNotification } = (0, import_react_sdk123.useAwayNotifications)();
+  const amIScreenSharing = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsLocalScreenShared);
   const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
   const handleRoleChangeDenied = (0, import_react234.useCallback)((request) => {
@@ -36166,17 +36213,17 @@ function Notifications() {
       variant: "error"
     });
   }, []);
-  (0, import_react_sdk122.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
+  (0, import_react_sdk123.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   (0, import_react234.useEffect)(() => {
     var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p, _q;
     if (!notification || isNotificationDisabled) {
       return;
     }
     switch (notification.type) {
-      case import_react_sdk122.HMSNotificationTypes.NAME_UPDATED:
+      case import_react_sdk123.HMSNotificationTypes.NAME_UPDATED:
         console.log(notification.data.id + " changed their name to " + notification.data.name);
         break;
-      case import_react_sdk122.HMSNotificationTypes.ERROR:
+      case import_react_sdk123.HMSNotificationTypes.ERROR:
         if (((_a8 = notification.data) == null ? void 0 : _a8.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
           if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
             ToastManager.addToast({
@@ -36208,7 +36255,7 @@ function Notifications() {
           title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
         });
         break;
-      case import_react_sdk122.HMSNotificationTypes.ROLE_UPDATED: {
+      case import_react_sdk123.HMSNotificationTypes.ROLE_UPDATED: {
         if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
           ToastManager.addToast({
             title: `You are now a ${notification.data.roleName}`
@@ -36217,7 +36264,7 @@ function Notifications() {
         }
         break;
       }
-      case import_react_sdk122.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
+      case import_react_sdk123.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
         const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
         if (!notification.data.enabled) {
           ToastManager.addToast({
@@ -36226,21 +36273,21 @@ function Notifications() {
           });
         }
         break;
-      case import_react_sdk122.HMSNotificationTypes.REMOVED_FROM_ROOM:
-      case import_react_sdk122.HMSNotificationTypes.ROOM_ENDED:
+      case import_react_sdk123.HMSNotificationTypes.REMOVED_FROM_ROOM:
+      case import_react_sdk123.HMSNotificationTypes.ROOM_ENDED:
         ToastManager.addToast({
           title: `${notification.message}. 
               ${notification.data.reason && `Reason: ${notification.data.reason}`}`
         });
         break;
-      case import_react_sdk122.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
+      case import_react_sdk123.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
         ToastManager.addToast({
           title: notification.message
         });
         break;
-      case import_react_sdk122.HMSNotificationTypes.POLL_STARTED:
+      case import_react_sdk123.HMSNotificationTypes.POLL_STARTED:
         if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
-          const pollStartedBy = vanillaStore.getState((0, import_react_sdk122.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
+          const pollStartedBy = vanillaStore.getState((0, import_react_sdk123.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
           const pollToastID = ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
             action: /* @__PURE__ */ import_react234.default.createElement(
@@ -36262,14 +36309,14 @@ function Notifications() {
           pollToastKey[notification.data.id] = pollToastID;
         }
         break;
-      case import_react_sdk122.HMSNotificationTypes.POLL_STOPPED:
+      case import_react_sdk123.HMSNotificationTypes.POLL_STOPPED:
         const pollID = notification == null ? void 0 : notification.data.id;
         if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
           ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
           delete pollToastKey[notification == null ? void 0 : notification.data.id];
         }
         break;
-      case import_react_sdk122.HMSNotificationTypes.NEW_MESSAGE:
+      case import_react_sdk123.HMSNotificationTypes.NEW_MESSAGE:
         if (amIScreenSharing && !((_q = notification.data) == null ? void 0 : _q.ignored) && !pipWindow) {
           showNotification(`New message from ${notification.data.senderName}`, {
             body: notification.data.message,
@@ -36284,15 +36331,15 @@ function Notifications() {
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ import_react234.default.createElement(import_react234.default.Fragment, null, /* @__PURE__ */ import_react234.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackNotifications, null), roomState === import_react_sdk122.HMSRoomState.Connected ? /* @__PURE__ */ import_react234.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react234.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react234.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react234.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react234.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react234.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react234.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react234.default.createElement(TranscriptionNotifications, null));
+  return /* @__PURE__ */ import_react234.default.createElement(import_react234.default.Fragment, null, /* @__PURE__ */ import_react234.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackNotifications, null), roomState === import_react_sdk123.HMSRoomState.Connected ? /* @__PURE__ */ import_react234.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react234.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react234.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react234.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react234.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react234.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react234.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react234.default.createElement(TranscriptionNotifications, null));
 }
-var import_react234, import_react_sdk122, import_react_icons111, pollToastKey;
+var import_react234, import_react_sdk123, import_react_icons111, pollToastKey;
 var init_Notifications = __esm({
   "src/Prebuilt/components/Notifications/Notifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react234 = __toESM(require("react"));
-    import_react_sdk122 = require("@100mslive/react-sdk");
+    import_react_sdk123 = require("@100mslive/react-sdk");
     import_react_icons111 = require("@100mslive/react-icons");
     init_src();
     init_roomLayoutProvider();
@@ -36438,19 +36485,19 @@ var init_Toast3 = __esm({
 });
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
-var import_react238, import_react_sdk123, ToastContainer;
+var import_react238, import_react_sdk124, ToastContainer;
 var init_ToastContainer = __esm({
   "src/Prebuilt/components/Toast/ToastContainer.jsx"() {
     "use strict";
     init_define_process_env();
     import_react238 = __toESM(require("react"));
-    import_react_sdk123 = require("@100mslive/react-sdk");
+    import_react_sdk124 = require("@100mslive/react-sdk");
     init_Toast2();
     init_Toast3();
     init_ToastManager();
     init_constants();
     ToastContainer = () => {
-      const isConnected = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
+      const isConnected = (0, import_react_sdk124.useHMSStore)(import_react_sdk124.selectIsConnectedToRoom);
       const [toasts, setToast] = (0, import_react238.useState)([]);
       (0, import_react238.useEffect)(() => {
         ToastManager.addListener(setToast);
@@ -36507,18 +36554,18 @@ var init_RoomDetailsSheet = __esm({
 });
 
 // src/Prebuilt/layouts/Sheet.tsx
-var import_react240, import_react_sdk124, Sheet2;
+var import_react240, import_react_sdk125, Sheet2;
 var init_Sheet3 = __esm({
   "src/Prebuilt/layouts/Sheet.tsx"() {
     "use strict";
     init_define_process_env();
     import_react240 = __toESM(require("react"));
-    import_react_sdk124 = require("@100mslive/react-sdk");
+    import_react_sdk125 = require("@100mslive/react-sdk");
     init_RoomDetailsSheet();
     init_Layout();
     init_constants();
     Sheet2 = () => {
-      const sheet = (0, import_react_sdk124.useHMSStore)((0, import_react_sdk124.selectAppData)(APP_DATA.sheet));
+      const sheet = (0, import_react_sdk125.useHMSStore)((0, import_react_sdk125.selectAppData)(APP_DATA.sheet));
       let ViewComponent;
       if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
         ViewComponent = /* @__PURE__ */ import_react240.default.createElement(RoomDetailsSheet, null);
@@ -36530,19 +36577,19 @@ var init_Sheet3 = __esm({
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 function FlyingEmoji() {
-  const localPeerId = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectLocalPeerID);
-  const vanillaStore = (0, import_react_sdk125.useHMSVanillaStore)();
-  const hmsActions = (0, import_react_sdk125.useHMSActions)();
+  const localPeerId = (0, import_react_sdk126.useHMSStore)(import_react_sdk126.selectLocalPeerID);
+  const vanillaStore = (0, import_react_sdk126.useHMSVanillaStore)();
+  const hmsActions = (0, import_react_sdk126.useHMSActions)();
   const [emojis, setEmojis] = (0, import_react241.useState)([]);
   const isMobile = (0, import_react_use60.useMedia)(config.media.md);
-  const isLargeRoom = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectIsLargeRoom);
+  const isLargeRoom = (0, import_react_sdk126.useHMSStore)(import_react_sdk126.selectIsLargeRoom);
   const startingPoints = (0, import_react241.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = (0, import_react241.useCallback)(
     (_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
       if (!emojiId || !senderId || document.hidden) {
         return;
       }
-      let senderPeerName = vanillaStore.getState((0, import_react_sdk125.selectPeerNameByID)(senderId));
+      let senderPeerName = vanillaStore.getState((0, import_react_sdk126.selectPeerNameByID)(senderId));
       if (!senderPeerName && isLargeRoom) {
         const sender = yield hmsActions.getPeer(senderId);
         senderPeerName = sender == null ? void 0 : sender.name;
@@ -36565,7 +36612,7 @@ function FlyingEmoji() {
     }),
     [vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
   );
-  (0, import_react_sdk125.useCustomEvent)({
+  (0, import_react_sdk126.useCustomEvent)({
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
@@ -36629,14 +36676,14 @@ function FlyingEmoji() {
     })
   );
 }
-var import_react241, import_react_use60, import_react_sdk125, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
+var import_react241, import_react_use60, import_react_sdk126, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
 var init_FlyingEmoji = __esm({
   "src/Prebuilt/plugins/FlyingEmoji.jsx"() {
     "use strict";
     init_define_process_env();
     import_react241 = __toESM(require("react"));
     import_react_use60 = require("react-use");
-    import_react_sdk125 = require("@100mslive/react-sdk");
+    import_react_sdk126 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
     init_Theme();
@@ -36669,45 +36716,45 @@ var init_FlyingEmoji = __esm({
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 function RemoteStopScreenshare() {
-  const actions = (0, import_react_sdk126.useHMSActions)();
+  const actions = (0, import_react_sdk127.useHMSActions)();
   const onRemoteStopScreenshare = (0, import_react242.useCallback)(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
-  (0, import_react_sdk126.useCustomEvent)({
+  (0, import_react_sdk127.useCustomEvent)({
     type: REMOTE_STOP_SCREENSHARE_TYPE,
     onEvent: onRemoteStopScreenshare
   });
   return /* @__PURE__ */ import_react242.default.createElement(import_react242.default.Fragment, null);
 }
-var import_react242, import_react_sdk126;
+var import_react242, import_react_sdk127;
 var init_RemoteStopScreenshare = __esm({
   "src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
     "use strict";
     init_define_process_env();
     import_react242 = __toESM(require("react"));
-    import_react_sdk126 = require("@100mslive/react-sdk");
+    import_react_sdk127 = require("@100mslive/react-sdk");
     init_constants();
   }
 });
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
-var import_react243, import_react_sdk127, useAutoStartStreaming;
+var import_react243, import_react_sdk128, useAutoStartStreaming;
 var init_useAutoStartStreaming = __esm({
   "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
     "use strict";
     init_define_process_env();
     import_react243 = require("react");
-    import_react_sdk127 = require("@100mslive/react-sdk");
+    import_react_sdk128 = require("@100mslive/react-sdk");
     init_useUISettings();
     init_hooks();
     init_constants();
     useAutoStartStreaming = () => {
       const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-      const permissions = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectPermissions);
+      const permissions = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectPermissions);
       const showStreamingUI = useShowStreamingUI();
-      const hmsActions = (0, import_react_sdk127.useHMSActions)();
-      const isConnected = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectIsConnectedToRoom);
-      const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk127.useRecordingStreaming)();
+      const hmsActions = (0, import_react_sdk128.useHMSActions)();
+      const isConnected = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
+      const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk128.useRecordingStreaming)();
       const streamStartedRef = (0, import_react243.useRef)(false);
       const startHLS = (0, import_react243.useCallback)(() => __async(void 0, null, function* () {
         try {
@@ -36764,14 +36811,14 @@ function AppRoutes({
     }
   ), roomLayout && activeState && /* @__PURE__ */ import_react244.default.createElement(AppStates, { activeState })));
 }
-var import_react244, import_ts_pattern17, import_react_sdk128, HMSPrebuilt, AppStates, BackSwipe;
+var import_react244, import_ts_pattern17, import_react_sdk129, HMSPrebuilt, AppStates, BackSwipe;
 var init_App = __esm({
   "src/Prebuilt/App.tsx"() {
     "use strict";
     init_define_process_env();
     import_react244 = __toESM(require("react"));
     import_ts_pattern17 = require("ts-pattern");
-    import_react_sdk128 = require("@100mslive/react-sdk");
+    import_react_sdk129 = require("@100mslive/react-sdk");
     init_AppData();
     init_AuthToken();
     init_ConferenceScreen();
@@ -36818,7 +36865,7 @@ var init_App = __esm({
         const [hydrated, setHydrated] = import_react244.default.useState(false);
         (0, import_react244.useEffect)(() => {
           setHydrated(true);
-          const hms = new import_react_sdk128.HMSReactiveStore();
+          const hms = new import_react_sdk129.HMSReactiveStore();
           const hmsStore = hms.getStore();
           const hmsActions = hms.getActions();
           const hmsNotifications = hms.getNotifications();
@@ -36845,10 +36892,10 @@ var init_App = __esm({
           };
         }, []);
         const endpointsObj = endpoints;
-        const tokenByRoomCodeEndpoint = (endpointsObj == null ? void 0 : endpointsObj.tokenByRoomCode) || "";
-        const initEndpoint = (endpointsObj == null ? void 0 : endpointsObj.init) || "";
-        const eventEndpoint = (endpointsObj == null ? void 0 : endpointsObj.event) || "";
-        const roomLayoutEndpoint = (endpointsObj == null ? void 0 : endpointsObj.roomLayout) || "";
+        const tokenByRoomCodeEndpoint = endpointsObj == null ? void 0 : endpointsObj.tokenByRoomCode;
+        const initEndpoint = endpointsObj == null ? void 0 : endpointsObj.init;
+        const eventEndpoint = endpointsObj == null ? void 0 : endpointsObj.event;
+        const roomLayoutEndpoint = endpointsObj == null ? void 0 : endpointsObj.roomLayout;
         const overrideLayout = {
           logo,
           themes,
@@ -36886,7 +36933,7 @@ var init_App = __esm({
             }
           },
           /* @__PURE__ */ import_react244.default.createElement(
-            import_react_sdk128.HMSRoomProvider,
+            import_react_sdk129.HMSRoomProvider,
             {
               isHMSStatsOn: FeatureFlags.enableStatsForNerds,
               actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
@@ -36951,8 +36998,8 @@ var init_App = __esm({
       return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ import_react244.default.createElement(ConferenceScreen, null));
     };
     BackSwipe = () => {
-      const isConnectedToRoom = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
-      const hmsActions = (0, import_react_sdk128.useHMSActions)();
+      const isConnectedToRoom = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectIsConnectedToRoom);
+      const hmsActions = (0, import_react_sdk129.useHMSActions)();
       (0, import_react244.useEffect)(() => {
         const onRouteLeave = () => __async(void 0, null, function* () {
           if (isConnectedToRoom) {
@@ -37105,10 +37152,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 h2 = b2 ? Symbol.for("react.provider") : 60109;
+    var h = b2 ? Symbol.for("react.provider") : 60109;
     var k = b2 ? Symbol.for("react.context") : 60110;
     var l2 = b2 ? Symbol.for("react.async_mode") : 60111;
-    var m = b2 ? Symbol.for("react.concurrent_mode") : 60111;
+    var m2 = b2 ? Symbol.for("react.concurrent_mode") : 60111;
     var n = b2 ? Symbol.for("react.forward_ref") : 60112;
     var p = b2 ? Symbol.for("react.suspense") : 60113;
     var q = b2 ? Symbol.for("react.suspense_list") : 60120;
@@ -37118,14 +37165,14 @@ var require_react_is_production_min = __commonJS({
     var w = b2 ? Symbol.for("react.fundamental") : 60117;
     var x = b2 ? Symbol.for("react.responder") : 60118;
     var y2 = b2 ? Symbol.for("react.scope") : 60119;
-    function z2(a2) {
+    function z(a2) {
       if ("object" === typeof a2 && null !== a2) {
         var u = a2.$$typeof;
         switch (u) {
           case c2:
             switch (a2 = a2.type, a2) {
               case l2:
-              case m:
+              case m2:
               case e:
               case g:
               case f2:
@@ -37137,7 +37184,7 @@ var require_react_is_production_min = __commonJS({
                   case n:
                   case t:
                   case r:
-                  case h2:
+                  case h:
                     return a2;
                   default:
                     return u;
@@ -37149,12 +37196,12 @@ var require_react_is_production_min = __commonJS({
       }
     }
     function A(a2) {
-      return z2(a2) === m;
+      return z(a2) === m2;
     }
     exports.AsyncMode = l2;
-    exports.ConcurrentMode = m;
+    exports.ConcurrentMode = m2;
     exports.ContextConsumer = k;
-    exports.ContextProvider = h2;
+    exports.ContextProvider = h;
     exports.Element = c2;
     exports.ForwardRef = n;
     exports.Fragment = e;
@@ -37165,46 +37212,46 @@ var require_react_is_production_min = __commonJS({
     exports.StrictMode = f2;
     exports.Suspense = p;
     exports.isAsyncMode = function(a2) {
-      return A(a2) || z2(a2) === l2;
+      return A(a2) || z(a2) === l2;
     };
     exports.isConcurrentMode = A;
     exports.isContextConsumer = function(a2) {
-      return z2(a2) === k;
+      return z(a2) === k;
     };
     exports.isContextProvider = function(a2) {
-      return z2(a2) === h2;
+      return z(a2) === h;
     };
     exports.isElement = function(a2) {
       return "object" === typeof a2 && null !== a2 && a2.$$typeof === c2;
     };
     exports.isForwardRef = function(a2) {
-      return z2(a2) === n;
+      return z(a2) === n;
     };
     exports.isFragment = function(a2) {
-      return z2(a2) === e;
+      return z(a2) === e;
     };
     exports.isLazy = function(a2) {
-      return z2(a2) === t;
+      return z(a2) === t;
     };
     exports.isMemo = function(a2) {
-      return z2(a2) === r;
+      return z(a2) === r;
     };
     exports.isPortal = function(a2) {
-      return z2(a2) === d;
+      return z(a2) === d;
     };
     exports.isProfiler = function(a2) {
-      return z2(a2) === g;
+      return z(a2) === g;
     };
     exports.isStrictMode = function(a2) {
-      return z2(a2) === f2;
+      return z(a2) === f2;
     };
     exports.isSuspense = function(a2) {
-      return z2(a2) === p;
+      return z(a2) === p;
     };
     exports.isValidElementType = function(a2) {
-      return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m || a2 === g || a2 === f2 || a2 === p || a2 === q || "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);
+      return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m2 || a2 === g || a2 === f2 || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v);
     };
-    exports.typeOf = z2;
+    exports.typeOf = z;
   }
 });
 
@@ -38128,13 +38175,13 @@ var init_DeviceSelector = __esm({
 });
 
 // src/Diagnostics/AudioTest.tsx
-var import_react248, import_react_sdk129, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
+var import_react248, import_react_sdk130, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
 var init_AudioTest = __esm({
   "src/Diagnostics/AudioTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react248 = __toESM(require("react"));
-    import_react_sdk129 = require("@100mslive/react-sdk");
+    import_react_sdk130 = require("@100mslive/react-sdk");
     import_react_icons113 = require("@100mslive/react-icons");
     init_PermissionErrorModal();
     init_components();
@@ -38150,12 +38197,12 @@ var init_AudioTest = __esm({
     MicTest = ({ setError }) => {
       var _a7, _b7;
       const { hmsDiagnostics } = useDiagnostics();
-      const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
+      const devices = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectDevices);
       const [isRecording, setIsRecording] = (0, import_react248.useState)(false);
       const [selectedMic, setSelectedMic] = (0, import_react248.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
-      const trackID = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalAudioTrackID);
-      const audioLevel = (0, import_react_sdk129.useHMSStore)((0, import_react_sdk129.selectTrackAudioByID)(trackID));
-      const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
+      const trackID = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalAudioTrackID);
+      const audioLevel = (0, import_react_sdk130.useHMSStore)((0, import_react_sdk130.selectTrackAudioByID)(trackID));
+      const { audioOutputDeviceId } = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalMediaSettings);
       const { playing, setPlaying, audioRef } = useAudioOutputTest({
         deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
       });
@@ -38230,9 +38277,9 @@ var init_AudioTest = __esm({
     };
     SpeakerTest = () => {
       var _a7;
-      const actions = (0, import_react_sdk129.useHMSActions)();
-      const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
-      const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
+      const actions = (0, import_react_sdk130.useHMSActions)();
+      const devices = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectDevices);
+      const { audioOutputDeviceId } = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalMediaSettings);
       if (devices.audioOutput.length === 0) {
         return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null);
       }
@@ -38282,13 +38329,13 @@ var init_AudioTest = __esm({
 });
 
 // src/Diagnostics/BrowserTest.tsx
-var import_react249, import_react_sdk130, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
+var import_react249, import_react_sdk131, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
 var init_BrowserTest = __esm({
   "src/Diagnostics/BrowserTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react249 = __toESM(require("react"));
-    import_react_sdk130 = require("@100mslive/react-sdk");
+    import_react_sdk131 = require("@100mslive/react-sdk");
     init_components();
     init_Layout();
     init_Text2();
@@ -38390,15 +38437,15 @@ var init_BrowserTest = __esm({
         CheckDetails,
         {
           title: "Browser",
-          iconURL: import_react_sdk130.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk130.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
-          value: `${import_react_sdk130.parsedUserAgent.getBrowser().name} ${import_react_sdk130.parsedUserAgent.getBrowser().version}`
+          iconURL: import_react_sdk131.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk131.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
+          value: `${import_react_sdk131.parsedUserAgent.getBrowser().name} ${import_react_sdk131.parsedUserAgent.getBrowser().version}`
         }
       ), /* @__PURE__ */ import_react249.default.createElement(
         CheckDetails,
         {
           title: "Operating system",
-          iconURL: import_react_sdk130.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk130.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
-          value: `${import_react_sdk130.parsedUserAgent.getOS().name} ${import_react_sdk130.parsedUserAgent.getOS().version}`
+          iconURL: import_react_sdk131.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk131.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
+          value: `${import_react_sdk131.parsedUserAgent.getOS().name} ${import_react_sdk131.parsedUserAgent.getOS().version}`
         }
       )), /* @__PURE__ */ import_react249.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
     };
@@ -38406,13 +38453,13 @@ var init_BrowserTest = __esm({
 });
 
 // src/Diagnostics/ConnectivityTest.tsx
-var import_react250, import_react_sdk131, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
+var import_react250, import_react_sdk132, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
 var init_ConnectivityTest = __esm({
   "src/Diagnostics/ConnectivityTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react250 = __toESM(require("react"));
-    import_react_sdk131 = require("@100mslive/react-sdk");
+    import_react_sdk132 = require("@100mslive/react-sdk");
     import_react_icons114 = require("@100mslive/react-icons");
     init_components();
     init_Button2();
@@ -38427,13 +38474,13 @@ var init_ConnectivityTest = __esm({
       us: "United States"
     };
     ConnectivityStateMessage = {
-      [import_react_sdk131.ConnectivityState.STARTING]: "Fetching Init",
-      [import_react_sdk131.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
-      [import_react_sdk131.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
-      [import_react_sdk131.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
-      [import_react_sdk131.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
-      [import_react_sdk131.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
-      [import_react_sdk131.ConnectivityState.COMPLETED]: "Completed"
+      [import_react_sdk132.ConnectivityState.STARTING]: "Fetching Init",
+      [import_react_sdk132.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
+      [import_react_sdk132.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
+      [import_react_sdk132.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
+      [import_react_sdk132.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
+      [import_react_sdk132.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
+      [import_react_sdk132.ConnectivityState.COMPLETED]: "Completed"
     };
     ConnectivityTestStepResult = ({
       title,
@@ -38624,7 +38671,7 @@ var init_ConnectivityTest = __esm({
         {
           region,
           setRegion,
-          startTest: progress === void 0 || progress === import_react_sdk131.ConnectivityState.COMPLETED ? startTest : void 0
+          startTest: progress === void 0 || progress === import_react_sdk132.ConnectivityState.COMPLETED ? startTest : void 0
         }
       ), /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
     };
@@ -38641,13 +38688,13 @@ var init_ConnectivityTest = __esm({
 });
 
 // src/Diagnostics/VideoTest.tsx
-var import_react251, import_react_sdk132, import_react_icons115, VideoTest;
+var import_react251, import_react_sdk133, import_react_icons115, VideoTest;
 var init_VideoTest = __esm({
   "src/Diagnostics/VideoTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react251 = __toESM(require("react"));
-    import_react_sdk132 = require("@100mslive/react-sdk");
+    import_react_sdk133 = require("@100mslive/react-sdk");
     import_react_icons115 = require("@100mslive/react-icons");
     init_PermissionErrorModal();
     init_components();
@@ -38659,10 +38706,10 @@ var init_VideoTest = __esm({
     init_DiagnosticsContext();
     VideoTest = () => {
       const { hmsDiagnostics, updateStep } = useDiagnostics();
-      const allDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectDevices);
+      const allDevices = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectDevices);
       const { videoInput } = allDevices;
-      const trackID = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalVideoTrackID);
-      const sdkSelectedDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalMediaSettings);
+      const trackID = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectLocalVideoTrackID);
+      const sdkSelectedDevices = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectLocalMediaSettings);
       const [error, setError] = (0, import_react251.useState)();
       (0, import_react251.useEffect)(() => {
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
@@ -38699,13 +38746,13 @@ var init_VideoTest = __esm({
 });
 
 // src/Diagnostics/Diagnostics.tsx
-var import_react252, import_react_sdk133, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
+var import_react252, import_react_sdk134, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
 var init_Diagnostics = __esm({
   "src/Diagnostics/Diagnostics.tsx"() {
     "use strict";
     init_define_process_env();
     import_react252 = __toESM(require("react"));
-    import_react_sdk133 = require("@100mslive/react-sdk");
+    import_react_sdk134 = require("@100mslive/react-sdk");
     import_react_icons116 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -38804,7 +38851,7 @@ var init_Diagnostics = __esm({
       }));
     };
     DiagnosticsProvider = () => {
-      const actions = (0, import_react_sdk133.useHMSActions)();
+      const actions = (0, import_react_sdk134.useHMSActions)();
       const [activeStep, setActiveStep] = (0, import_react252.useState)(0);
       const [steps, setSteps] = (0, import_react252.useState)(initialSteps);
       const diagnosticsRef = (0, import_react252.useRef)(actions.initDiagnostics());
@@ -38826,7 +38873,7 @@ var init_Diagnostics = __esm({
       );
     };
     Diagnostics = () => {
-      return /* @__PURE__ */ import_react252.default.createElement(import_react_sdk133.HMSRoomProvider, null, /* @__PURE__ */ import_react252.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsProvider, null)));
+      return /* @__PURE__ */ import_react252.default.createElement(import_react_sdk134.HMSRoomProvider, null, /* @__PURE__ */ import_react252.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsProvider, null)));
     };
   }
 });