@100mslive/roomkit-react 0.3.20-alpha.3 → 0.3.20-alpha.4

package/dist/{chunk-Y3UYAB6J.js → chunk-PQZ2DCJW.js}

@@ -44,13 +44,13 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
+var __copyProps = (to2, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+      if (!__hasOwnProp.call(to2, key) && key !== except)
+        __defProp(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return to;
+  return to2;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_e0bdbab7-b112-42b5-98c4-6b7daa069b10", 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-alpha.3", 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-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_e0bdbab7-b112-42b5-98c4-6b7daa069b10", 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-alpha.3", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.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: "592", 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:18990", 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-alpha.3", 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: "10916945557", 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: "7432edcc726ca36bf1ffeab7e0ab8ab16f461ac3", 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: "9fab33a4baf3b773cc76975b6479e7ba586b4e20690fc892078f51876bb2b8d8", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1726641890325-0.27237376005150304:/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--1726641890123-0.4112577750257449:/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--1726641864483-0.6107801977411564:/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--1726641864302-0.6057361361633993:/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_8754bda5-14c7-4824-a02e-12e1ca0902dc", INVOCATION_ID: "ba1abf96d96d49439c675220f67e7172", 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: "672", 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 40", 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.20-alpha.3", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.20-alpha.3", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_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: "7432edcc726ca36bf1ffeab7e0ab8ab16f461ac3", 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_e0bdbab7-b112-42b5-98c4-6b7daa069b10", 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_e0bdbab7-b112-42b5-98c4-6b7daa069b10", 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_e0bdbab7-b112-42b5-98c4-6b7daa069b10" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_92ad7544-a587-443b-af04-976babee0a30", 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-alpha.4", 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-alpha.4", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_92ad7544-a587-443b-af04-976babee0a30", 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-alpha.4", 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: "603", 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:3846", 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-alpha.4", 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: "10922025379", 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: "54eb16e9c238cb6f2e1f4fe99495f5cb26b83330", 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: "7c281f2290e294c6698dcde646a212610855ca2e508c7fa5862324aa90e30233", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/chore/main-copy", 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--1726662288191-0.7293960620395092:/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--1726662287978-0.5179298679727129:/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--1726662262822-0.784620972219783:/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--1726662262644-0.7312942798965592:/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_4e30d6e8-9fb2-4b16-8535-e024f94b484a", INVOCATION_ID: "2735d05d091d4bc48ffd2423714ed0b3", 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: "673", 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 239", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "chore/main-copy", 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-alpha.4", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.20-alpha.4", 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: "54eb16e9c238cb6f2e1f4fe99495f5cb26b83330", 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/chore/main-copy", 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_92ad7544-a587-443b-af04-976babee0a30", 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_92ad7544-a587-443b-af04-976babee0a30", 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_92ad7544-a587-443b-af04-976babee0a30" };
   }
 });
 
@@ -8873,10 +8873,10 @@ var require_react_is_production_min = __commonJS({
     var e = b2 ? Symbol.for("react.fragment") : 60107;
     var f2 = b2 ? Symbol.for("react.strict_mode") : 60108;
     var g = b2 ? Symbol.for("react.profiler") : 60114;
-    var h = b2 ? Symbol.for("react.provider") : 60109;
+    var h2 = b2 ? Symbol.for("react.provider") : 60109;
     var k = b2 ? Symbol.for("react.context") : 60110;
     var l2 = b2 ? Symbol.for("react.async_mode") : 60111;
-    var m2 = b2 ? Symbol.for("react.concurrent_mode") : 60111;
+    var m = b2 ? Symbol.for("react.concurrent_mode") : 60111;
     var n = b2 ? Symbol.for("react.forward_ref") : 60112;
     var p = b2 ? Symbol.for("react.suspense") : 60113;
     var q = b2 ? Symbol.for("react.suspense_list") : 60120;
@@ -8886,14 +8886,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 z(a2) {
+    function z2(a2) {
       if ("object" === typeof a2 && null !== a2) {
         var u = a2.$$typeof;
         switch (u) {
           case c2:
             switch (a2 = a2.type, a2) {
               case l2:
-              case m2:
+              case m:
               case e:
               case g:
               case f2:
@@ -8905,7 +8905,7 @@ var require_react_is_production_min = __commonJS({
                   case n:
                   case t:
                   case r:
-                  case h:
+                  case h2:
                     return a2;
                   default:
                     return u;
@@ -8917,12 +8917,12 @@ var require_react_is_production_min = __commonJS({
       }
     }
     function A(a2) {
-      return z(a2) === m2;
+      return z2(a2) === m;
     }
     exports.AsyncMode = l2;
-    exports.ConcurrentMode = m2;
+    exports.ConcurrentMode = m;
     exports.ContextConsumer = k;
-    exports.ContextProvider = h;
+    exports.ContextProvider = h2;
     exports.Element = c2;
     exports.ForwardRef = n;
     exports.Fragment = e;
@@ -8933,46 +8933,46 @@ var require_react_is_production_min = __commonJS({
     exports.StrictMode = f2;
     exports.Suspense = p;
     exports.isAsyncMode = function(a2) {
-      return A(a2) || z(a2) === l2;
+      return A(a2) || z2(a2) === l2;
     };
     exports.isConcurrentMode = A;
     exports.isContextConsumer = function(a2) {
-      return z(a2) === k;
+      return z2(a2) === k;
     };
     exports.isContextProvider = function(a2) {
-      return z(a2) === h;
+      return z2(a2) === h2;
     };
     exports.isElement = function(a2) {
       return "object" === typeof a2 && null !== a2 && a2.$$typeof === c2;
     };
     exports.isForwardRef = function(a2) {
-      return z(a2) === n;
+      return z2(a2) === n;
     };
     exports.isFragment = function(a2) {
-      return z(a2) === e;
+      return z2(a2) === e;
     };
     exports.isLazy = function(a2) {
-      return z(a2) === t;
+      return z2(a2) === t;
     };
     exports.isMemo = function(a2) {
-      return z(a2) === r;
+      return z2(a2) === r;
     };
     exports.isPortal = function(a2) {
-      return z(a2) === d;
+      return z2(a2) === d;
     };
     exports.isProfiler = function(a2) {
-      return z(a2) === g;
+      return z2(a2) === g;
     };
     exports.isStrictMode = function(a2) {
-      return z(a2) === f2;
+      return z2(a2) === f2;
     };
     exports.isSuspense = function(a2) {
-      return z(a2) === p;
+      return z2(a2) === p;
     };
     exports.isValidElementType = function(a2) {
-      return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m2 || a2 === g || a2 === f2 || a2 === p || a2 === 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);
+      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);
     };
-    exports.typeOf = z;
+    exports.typeOf = z2;
   }
 });
 
@@ -9193,25 +9193,25 @@ var require_object_assign = __commonJS({
     }
     module.exports = shouldUseNative() ? Object.assign : function(target, source) {
       var from;
-      var to = toObject(target);
+      var to2 = toObject(target);
       var symbols;
       for (var s = 1; s < arguments.length; s++) {
         from = Object(arguments[s]);
         for (var key in from) {
           if (hasOwnProperty.call(from, key)) {
-            to[key] = from[key];
+            to2[key] = from[key];
           }
         }
         if (getOwnPropertySymbols) {
           symbols = getOwnPropertySymbols(from);
           for (var i = 0; i < symbols.length; i++) {
             if (propIsEnumerable.call(from, symbols[i])) {
-              to[symbols[i]] = from[symbols[i]];
+              to2[symbols[i]] = from[symbols[i]];
             }
           }
         }
       }
-      return to;
+      return to2;
     };
   }
 });
@@ -9359,7 +9359,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         shape: createShapeTypeChecker,
         exact: createStrictShapeTypeChecker
       };
-      function is2(x, y2) {
+      function is(x, y2) {
         if (x === y2) {
           return x !== 0 || 1 / x === 1 / y2;
         } else {
@@ -9502,7 +9502,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         function validate(props, propName, componentName, location, propFullName) {
           var propValue = props[propName];
           for (var i = 0; i < expectedValues.length; i++) {
-            if (is2(propValue, expectedValues[i])) {
+            if (is(propValue, expectedValues[i])) {
               return null;
             }
           }
@@ -12010,8 +12010,8 @@ function useBorderAudioLevel(audioTrackId) {
   });
   return ref;
 }
-var sigmoid = (z) => {
-  return 1 / (1 + Math.exp(-z));
+var sigmoid = (z2) => {
+  return 1 / (1 + Math.exp(-z2));
 };
 
 // src/AudioLevel/AudioLevel.tsx
@@ -12920,14 +12920,14 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React186, { useEffect as useEffect80, useRef as useRef35 } from "react";
+import React186, { useEffect as useEffect79, useRef as useRef34 } from "react";
 import { match as match16 } from "ts-pattern";
 import {
   HMSReactiveStore,
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
   useHMSActions as useHMSActions59,
-  useHMSStore as useHMSStore97
+  useHMSStore as useHMSStore96
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AppData/AppData.tsx
@@ -13983,15 +13983,6 @@ var VBPlugin = class {
       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) {
@@ -14645,7 +14636,7 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React161, { useEffect as useEffect61, useRef as useRef32, useState as useState68 } from "react";
+import React161, { useEffect as useEffect60, useRef as useRef31, useState as useState68 } from "react";
 import { v4 as uuid3 } from "uuid";
 import {
   HMSRoomState as HMSRoomState8,
@@ -14654,12 +14645,12 @@ import {
   selectRoomState as selectRoomState8,
   useAwayNotifications as useAwayNotifications3,
   useHMSActions as useHMSActions50,
-  useHMSStore as useHMSStore87
+  useHMSStore as useHMSStore86
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Footer/Footer.tsx
 init_define_process_env();
-import React86, { useEffect as useEffect29 } from "react";
+import React86, { useEffect as useEffect28 } from "react";
 import { useMedia as useMedia15 } from "react-use";
 import { Chat_ChatState } from "@100mslive/types-prebuilt/elements/chat";
 
@@ -15445,6 +15436,7 @@ var MobileSettingModal = ({
       {
         direction: "column",
         css: {
+          px: "$8",
           pb: "$8",
           overflowY: "auto"
         }
@@ -15462,7 +15454,7 @@ var MobileSettingModal = ({
             css: {
               all: "unset",
               fontFamily: "$sans",
-              p: "$10 $8",
+              py: "$10",
               display: "flex",
               alignItems: "center",
               fontSize: "$sm",
@@ -19156,7 +19148,7 @@ var DesktopOptions = ({
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
 init_define_process_env();
-import React67, { useRef as useRef19, useState as useState31 } from "react";
+import React67, { useRef as useRef18, useState as useState31 } from "react";
 import { useClickAway } from "react-use";
 import { match as match6 } from "ts-pattern";
 import {
@@ -19277,8 +19269,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
 // ../hms-video-store/dist/index.js
 var import_ua_parser_js = __toESM(require_ua_parser());
 var import_lodash3 = __toESM(require_lodash2());
-import { v4 as mo } from "uuid";
-import { v4 as po } from "uuid";
+import { v4 as So } from "uuid";
+import { v4 as ho } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -21375,43 +21367,43 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as Po } from "uuid";
-import { v4 as Ro } from "uuid";
-import { v4 as wo } from "uuid";
-import { EventEmitter2 as Do } from "eventemitter2";
+import { v4 as bo } from "uuid";
+import { v4 as Ho } from "uuid";
+import { v4 as Do } from "uuid";
+import { EventEmitter2 as _o } from "eventemitter2";
 var jt = __toESM(require_lib());
-import { EventEmitter2 as nn } from "eventemitter2";
-import { v4 as pn } from "uuid";
-import { EventEmitter2 as hn } from "eventemitter2";
+import { EventEmitter2 as cn } from "eventemitter2";
+import { v4 as hn } from "uuid";
+import { EventEmitter2 as mn } from "eventemitter2";
 import Sn from "eventemitter2";
 import { v4 as gn } from "uuid";
 import { v4 as vn } from "uuid";
-var Xa = Object.defineProperty;
-var Za = Object.defineProperties;
-var eo = Object.getOwnPropertyDescriptors;
+var Za = Object.defineProperty;
+var eo = Object.defineProperties;
+var to = Object.getOwnPropertyDescriptors;
 var ti = Object.getOwnPropertySymbols;
-var os = Object.prototype.hasOwnProperty;
-var ns = Object.prototype.propertyIsEnumerable;
-var as = (a2, e, t) => e in a2 ? Xa(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
-var m = (a2, e) => {
+var ns = Object.prototype.hasOwnProperty;
+var cs = Object.prototype.propertyIsEnumerable;
+var os = (a2, e, t) => e in a2 ? Za(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+var h = (a2, e) => {
   for (var t in e || (e = {}))
-    os.call(e, t) && as(a2, t, e[t]);
+    ns.call(e, t) && os(a2, t, e[t]);
   if (ti)
     for (var t of ti(e))
-      ns.call(e, t) && as(a2, t, e[t]);
+      cs.call(e, t) && os(a2, t, e[t]);
   return a2;
 };
-var y = (a2, e) => Za(a2, eo(e));
+var M = (a2, e) => eo(a2, to(e));
 var gr = (a2, e) => {
   var t = {};
   for (var i in a2)
-    os.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
+    ns.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
   if (a2 != null && ti)
     for (var i of ti(a2))
-      e.indexOf(i) < 0 && ns.call(a2, i) && (t[i] = a2[i]);
+      e.indexOf(i) < 0 && cs.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var ro = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var so = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var c = (a2, e, t) => new Promise((i, r) => {
   var s = (d) => {
     try {
@@ -21428,20 +21420,20 @@ var c = (a2, e, t) => new Promise((i, r) => {
   }, n = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, o);
   n((t = t.apply(a2, e)).next());
 });
-var yr = ro((_c, ho) => {
-  ho.exports = { version: "0.12.20-alpha.3", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+var yr = so((_c, mo) => {
+  mo.exports = { version: "0.12.20-alpha.4", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var 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 || {});
-var so = ((e) => (e.CHAT = "chat", e))(so || {});
-var cs = ((t) => (t.INFO = "info", t.ERROR = "error", t))(cs || {});
+var ao = ((e) => (e.CHAT = "chat", e))(ao || {});
+var ds = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ds || {});
 var fr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", D))(fr || {});
-var ds = ((t) => (t.audio = "audio", t.video = "video", t))(ds || {});
+var ls = ((t) => (t.audio = "audio", t.video = "video", t))(ls || {});
 function Ue(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      ao(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
+      oo(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
     }
   return { video: t, audio: i };
 }
@@ -21451,7 +21443,7 @@ function pt(a2) {
 function ht(a2) {
   return a2 && a2.type === "video";
 }
-function ao(a2) {
+function oo(a2) {
   return a2 && a2.source === "screen";
 }
 function si(a2) {
@@ -21460,7 +21452,7 @@ function si(a2) {
 function mt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function ls(a2) {
+function us(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function je(a2, e) {
@@ -21471,8 +21463,8 @@ function St(a2) {
   let e = false, t = false, i = false;
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
-var ps = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(ps || {});
-var oo = typeof window != "undefined" && typeof window.expect != "undefined";
+var hs = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(hs || {});
+var no = typeof window != "undefined" && typeof window.expect != "undefined";
 var l = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -21538,28 +21530,28 @@ var l = class {
       }
   }
 };
-l.level = oo ? 7 : 0;
+l.level = no ? 7 : 0;
 var he = new import_ua_parser_js.UAParser();
 var B = typeof window != "undefined";
-var hs;
-var Be = typeof window == "undefined" && !((hs = he.getBrowser().name) != null && hs.toLowerCase().includes("electron"));
-var co = () => !Be;
-var cc = co();
 var ms;
+var Be = typeof window == "undefined" && !((ms = he.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
+var lo = () => !Be;
+var cc = lo();
 var Ss;
-var Ms = (Ss = (ms = he.getBrowser()) == null ? void 0 : ms.name) == null ? void 0 : Ss.toLowerCase().includes("safari");
 var gs;
+var ys = (gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase().includes("safari");
 var Ts;
-var ys = ((Ts = (gs = he.getBrowser()) == null ? void 0 : gs.name) == null ? void 0 : Ts.toLowerCase()) === "firefox";
-var ks = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(ks || {});
-function lo() {
+var fs;
+var ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
+var Es = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Es || {});
+function uo() {
   if (B && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
   return "CUSTOM";
 }
-var Qe = lo();
+var Qe = uo();
 var P4 = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
 var f = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
@@ -21590,7 +21582,7 @@ var f = class a extends Error {
     }`;
   }
 };
-var uo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var po = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new f(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
@@ -21650,7 +21642,7 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, StatsFailed(a2, e = "") {
   return new f(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-  return new f(a2, "ServerErrors", e, t, t, uo.includes(e));
+  return new f(a2, "ServerErrors", e, t, t, po.includes(e));
 }, AlreadyJoined(a2, e = "") {
   return new f(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -21723,7 +21715,7 @@ var Mr = class {
     return this.valuesMap.size;
   }
 };
-var Es = () => {
+var Ps = () => {
   try {
     B && !localStorage && (window.localStorage = new Mr());
   } catch (a2) {
@@ -21737,7 +21729,7 @@ var me = class {
   }
   getStorage() {
     try {
-      return B && !this.storage && (Es(), this.storage = window.localStorage), this.storage;
+      return B && !this.storage && (Ps(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -21759,132 +21751,132 @@ var me = class {
 };
 var ai = () => {
   let a2, e = new me("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = po(), e.set(a2)), a2;
+  return t ? a2 = t : (a2 = ho(), e.set(a2)), a2;
 };
 function ce(a2) {
   return a2 != null;
 }
-var Is = yr().version;
+var As = yr().version;
 function vt(a2 = "prod", e) {
   let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Be)
-    return As({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Is, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return Rs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: As, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
   let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = kr(`web_${r.name}`), d = r.version || "", u = kr(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), As({ os: n, os_version: d, sdk: t, sdk_version: Is, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), Rs({ os: n, os_version: d, sdk: t, sdk_version: As, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
 function kr(a2) {
   return a2.replace(/ /g, "_");
 }
-var As = (a2, e = ",") => Object.keys(a2).filter((t) => ce(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
-var C = class {
+var Rs = (a2, e = ",") => Object.keys(a2).filter((t) => ce(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var H = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: vt() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = mo(), this.device_id = ai();
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = So(), this.device_id = ai();
   }
   toSignalParams() {
-    return { name: this.name, info: y(m({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: M(h({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
-var E = class {
+var y = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(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 });
+    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(M(h({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+    return new H({ name: o, level: n, properties: d });
   }
   static disconnect(e, t) {
     let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
-    return new C({ name: i, level: r, properties: s });
+    return new H({ 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 C({ name: s, level: o, properties: n });
+    return new H({ 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(y(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
-    return new C({ name: s, level: o, properties: n });
+    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(h({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    return new H({ name: s, level: o, properties: n });
   }
   static publish({ devices: e, settings: t, error: i }) {
     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 C({ name: r, level: s, properties: o });
+    return new H({ name: r, level: s, properties: o });
   }
   static hlsPlayerError(e) {
-    return new C({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
+    return new H({ 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 C({ name: t, level: i, properties: r });
+    return new H({ name: t, level: i, properties: r });
   }
   static leave() {
-    return new C({ name: "leave", level: 1 });
+    return new H({ name: "leave", level: 1 });
   }
   static autoplayError() {
-    return new C({ name: "autoplayError", level: 2 });
+    return new H({ name: "autoplayError", level: 2 });
   }
   static audioPlaybackError(e) {
-    return new C({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
+    return new H({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
   }
   static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
     let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, d = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
-    return new C({ name: o, level: n, properties: d });
+    return new H({ name: o, level: n, properties: d });
   }
   static performance(e) {
     let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
-    return new C({ name: t, level: i, properties: r });
+    return new H({ name: t, level: i, properties: r });
   }
   static rtcStats(e) {
     let t = "rtc.stats", i = 1, r = e.toAnalyticsProperties();
-    return new C({ name: t, level: i, properties: r });
+    return new H({ name: t, level: i, properties: r });
   }
   static rtcStatsFailed(e) {
     let t = "rtc.stats.failed", i = 2;
-    return new C({ name: t, level: i, properties: this.getErrorProperties(e) });
+    return new H({ 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 = y(m({}, s), { duration: n, restoredAt: o });
+      s = M(h({}, s), { duration: n, restoredAt: o });
     }
-    return new C({ name: i, level: r, properties: s });
+    return new H({ name: i, level: r, properties: s });
   }
   static audioDetectionFail(e, t) {
     let i = this.getPropertiesWithError({ device: t }, e), r = 2, s = "audiopresence.failed";
-    return new C({ name: s, level: r, properties: i });
+    return new H({ name: s, level: r, properties: i });
   }
   static previewNetworkQuality(e) {
-    return new C({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
+    return new H({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
   }
   static publishStats(e) {
-    return new C({ name: "publisher.stats", level: 1, properties: e });
+    return new H({ name: "publisher.stats", level: 1, properties: e });
   }
   static subscribeStats(e) {
-    return new C({ name: "subscriber.stats", level: 1, properties: e });
+    return new H({ name: "subscriber.stats", level: 1, properties: e });
   }
   static getKrispUsage(e) {
-    return new C({ name: "krisp.usage", level: 1, properties: { duration: e } });
+    return new H({ name: "krisp.usage", level: 1, properties: { duration: e } });
   }
   static krispStart() {
-    return new C({ name: "krisp.start", level: 1 });
+    return new H({ name: "krisp.start", level: 1 });
   }
   static krispStop() {
-    return new C({ name: "krisp.stop", level: 1 });
+    return new H({ name: "krisp.stop", level: 1 });
   }
   static interruption({ started: e, type: t, reason: i, deviceInfo: r }) {
-    return new C({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: m({ reason: i, type: t }, r) });
+    return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: h({ 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 = m(m({}, i), e), e;
+    return e = h(h({}, i), e), e;
   }
   static getErrorProperties(e) {
     return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
   }
 };
-E.KEY_REQUESTED_AT = "requested_at", E.KEY_RESPONDED_AT = "responded_at";
+y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
 var Er = class {
   constructor() {
     this.storage = new me("hms-device-selection");
@@ -21919,7 +21911,7 @@ var Er = class {
     return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
   }
 };
-var Y = new Er();
+var z = new Er();
 var Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
 var br = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(br || {});
 function ci(a2, e = 300) {
@@ -21933,13 +21925,13 @@ function ci(a2, e = 300) {
   };
 }
 var Rr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Rr || {});
-var Ls = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Ls || {});
-var ws = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(ws || {});
-var Ds = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Ds || {});
-var _s = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(_s || {});
-var Ns = ((e) => (e.CAPTION = "caption", e))(Ns || {});
+var 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 || {});
+var Ds = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ds || {});
+var _s = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(_s || {});
+var Ns = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Ns || {});
+var Os = ((e) => (e.CAPTION = "caption", e))(Os || {});
 var Hr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Hr || {});
-var Os = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Os || {});
+var xs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(xs || {});
 var Cr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
@@ -21967,7 +21959,7 @@ var Cr = class {
     return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Vs = new Cr();
+var Fs = new Cr();
 var Lr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
@@ -21995,43 +21987,43 @@ var Lr = class {
     return e || l.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Fs = new Lr();
+var Gs = new Lr();
 var wr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(wr || {});
 var Dr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Dr || {});
-var $s = "https://event.100ms.live/v2/client/report";
-var Ks = "https://event-nonprod.100ms.live/v2/client/report";
+var Ks = "https://event.100ms.live/v2/client/report";
+var qs = "https://event-nonprod.100ms.live/v2/client/report";
 var Pt = Math.pow(2, 31) - 1;
 var rt = class {
 };
-rt.makePeerId = () => wo();
+rt.makePeerId = () => Do();
 var V = (a2) => a2.room;
-var _o = (a2) => a2.errors;
-var Zh = createSelector(_o, (a2) => a2.length === 0 ? null : a2.at(-1));
+var No = (a2) => a2.errors;
+var Zh = createSelector(No, (a2) => a2.length === 0 ? null : a2.at(-1));
 var em = createSelector(V, (a2) => a2.id);
 var j = (a2) => a2.peers;
 var Mi = (a2) => a2.messages.byID;
-var ea = (a2) => a2.messages.allIDs;
+var ta = (a2) => a2.messages.allIDs;
 var O = (a2) => a2.tracks;
 var Gr = (a2) => a2.appData;
-var No = (a2) => a2.speakers;
+var Oo = (a2) => a2.speakers;
 var Oe = createSelector([V], (a2) => a2 && a2.isConnected);
 var 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));
-var Oo = (a2) => a2.hideLocalPeer;
-var fe = createSelector([V, j, Oo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var xo = createSelector(O, (a2) => Object.values(a2));
+var xo = (a2) => a2.hideLocalPeer;
+var 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]));
+var Uo = createSelector(O, (a2) => Object.values(a2));
 var ie = createSelector(V, j, (a2, e) => e[a2.localPeer]);
 var Ee = createSelector(V, (a2) => a2.localPeer);
 var sm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
 var am = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
 var ne = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
-var X = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var Uo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var ia = createSelector([ne, X, Uo], (a2, e, t) => {
+var Y = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
+var Bo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var ra = createSelector([ne, Y, Bo], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
 var om = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
-var nm = createSelector(j, No, (a2, e) => {
+var nm = 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;
@@ -22048,7 +22040,7 @@ var $r = createSelector(ie, O, (a2, e) => {
   let { video: t, audio: i } = Ue(e, a2);
   return !!(t || i);
 });
-var Bo = createSelector(j, O, (a2, e) => {
+var Vo = createSelector(j, O, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: o } = Ue(e, r);
@@ -22058,7 +22050,7 @@ var Bo = createSelector(j, O, (a2, e) => {
   }
   return t;
 });
-var dm = createSelector(Bo, (a2) => !!a2);
+var dm = createSelector(Vo, (a2) => !!a2);
 var lm = createSelector(j, O, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = Ue(e, i);
@@ -22088,37 +22080,37 @@ var hm = createSelector(j, O, (a2, e) => {
       return a2[i.peerId];
   }
 });
-var mm = createSelector(xo, (a2) => a2.filter(ls));
-var Sm = createSelector(ea, (a2) => a2.length);
+var mm = createSelector(Uo, (a2) => a2.filter(us));
+var Sm = createSelector(ta, (a2) => a2.length);
 var gm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var Rt = createSelector(ea, Mi, (a2, e) => {
+var Rt = createSelector(ta, Mi, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Vo = createSelector(Rt, (a2) => a2.filter((e) => {
+var Fo = createSelector(Rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var Tm = createSelector(Vo, (a2) => a2.filter((e) => !e.read).length);
+var Tm = createSelector(Fo, (a2) => a2.filter((e) => !e.read).length);
 var re = createSelector([V], (a2) => a2 && a2.roomState);
-var sa = createSelector(re, (a2) => a2 === "Preview");
+var aa = createSelector(re, (a2) => a2 === "Preview");
 var fm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
 var vm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
 var ve = (a2) => a2.roles;
 var Mm = createSelector([ve], (a2) => Object.keys(a2));
 var at = createSelector([ie, ve], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var Fo = (a2) => {
+var Go = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var aa = createSelector([Fo, ve], (a2, e) => a2 ? e[a2] : null);
+var oa = createSelector([Go, ve], (a2, e) => a2 ? e[a2] : null);
 var ym = createSelector([at], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var oa = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
+var na = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
 var km = createSelector(V, (a2) => a2.recording);
 var Em = createSelector(V, (a2) => a2.rtmp);
 var Pm = createSelector(V, (a2) => a2.hls);
@@ -22129,23 +22121,23 @@ var Rm = createSelector(V, (a2) => !!a2.isLargeRoom);
 var Hm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
 var Cm = createSelector(V, (a2) => !!a2.isVBEnabled);
 var Lm = createSelector(V, (a2) => a2.effectsKey);
-var na = (a2) => a2.polls;
+var ca = (a2) => a2.polls;
 var Nm = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
-var Go = (a2) => a2.whiteboards;
-var Om = createSelector(Go, (a2) => Object.values(a2)[0]);
-var da = (a2 = "audio") => (e) => e.playlist[a2].list;
+var Wo = (a2) => a2.whiteboards;
+var Om = createSelector(Wo, (a2) => Object.values(a2)[0]);
+var la = (a2 = "audio") => (e) => e.playlist[a2].list;
 var Kr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var la = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var ua = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var pa = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var ha = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var ma = (a2 = "audio") => createSelector(da(a2), (e) => Object.values(e));
-var Sa = (a2 = "audio") => createSelector(da(a2), Kr(a2), (e, t) => {
+var ua = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var pa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var ha = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var ma = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var Sa = (a2 = "audio") => createSelector(la(a2), (e) => Object.values(e));
+var ga = (a2 = "audio") => createSelector(la(a2), Kr(a2), (e, t) => {
   if (t.id)
     return e[t.id];
 });
-var ga = { selection: Kr("audio"), progress: la("audio"), currentTime: ua("audio"), playbackRate: pa("audio"), volume: ha("audio"), list: ma("audio"), selectedItem: Sa("audio") };
-var Ta = { selection: Kr("video"), progress: la("video"), currentTime: ua("video"), playbackRate: pa("video"), volume: ha("video"), list: ma("video"), selectedItem: Sa("video") };
+var Ta = { selection: Kr("audio"), progress: ua("audio"), currentTime: pa("audio"), playbackRate: ha("audio"), volume: ma("audio"), list: Sa("audio"), selectedItem: ga("audio") };
+var fa = { selection: Kr("video"), progress: ua("video"), currentTime: pa("video"), playbackRate: ha("video"), volume: ma("video"), list: Sa("video"), selectedItem: ga("video") };
 function R(a2) {
   return (e) => (t) => a2(t, e);
 }
@@ -22218,38 +22210,38 @@ var b = class {
 b.level = 0;
 var qr = (a2, e) => e;
 var Ct = (a2, e) => e;
-var fa = (a2, e) => e;
-var Wo = (a2, e) => e;
+var va = (a2, e) => e;
 var $o = (a2, e) => e;
+var Ko = (a2, e) => e;
 var J = createSelector([j, qr], (a2, e) => e ? a2[e] : null);
 var jr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
-var Ko = createSelector([O, Ct], (a2, e) => {
+var qo = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var qo = createSelector([O, Ct], (a2, e) => {
+var jo = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var jo = createSelector([O, Ct], (a2, e) => {
+var Jo = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var Jo = createSelector([O, Ct], (a2, e) => {
+var Qo = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var Qo = createSelector([na, $o], (a2, e) => e ? a2[e] : null);
-var Z = R(J);
-var jm = R(createSelector([Gr, Wo], (a2, e) => {
+var zo = createSelector([ca, Ko], (a2, e) => e ? a2[e] : null);
+var X = R(J);
+var jm = R(createSelector([Gr, $o], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
@@ -22262,16 +22254,16 @@ function Jm(a2) {
 var zm = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
 var Ym = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.type));
 var yi = R(jr);
-var va = R(Ko);
-var Xm = R(qo);
-var Zm = R(jo);
-var eS = R(Jo);
-var zo = R((a2, e) => {
+var Ma = R(qo);
+var Xm = R(jo);
+var Zm = R(Jo);
+var eS = R(Qo);
+var Yo = R((a2, e) => {
   let t = J(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var Yo = R((a2, e) => {
+var Xo = R((a2, e) => {
   let t = J(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
@@ -22280,13 +22272,13 @@ var iS = R((a2, e) => {
   let t = J(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var Ma = (a2, e) => e ? a2.speakers[e] : null;
-var rS = R(createSelector(Ma, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Xo = (a2, e) => {
-  let t = Yo(e)(a2);
-  return Ma(a2, t == null ? void 0 : t.id);
+var ya = (a2, e) => e ? a2.speakers[e] : null;
+var rS = R(createSelector(ya, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Zo = (a2, e) => {
+  let t = Xo(e)(a2);
+  return ya(a2, t == null ? void 0 : t.id);
 };
-var sS = R(createSelector(Xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var sS = R(createSelector(Zo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
 var aS = R((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
@@ -22319,8 +22311,8 @@ var dS = R(createSelector(O, J, (a2, e) => {
   });
   return t ? a2[t] : void 0;
 }));
-var ya = R(createSelector(O, J, (a2, e) => Ue(a2, e)));
-var ka = (a2) => createSelector(ya(a2), (e) => e.audio);
+var ka = R(createSelector(O, J, (a2, e) => Ue(a2, e)));
+var Ea = (a2) => createSelector(ka(a2), (e) => e.audio);
 var uS = R((a2, e) => {
   let t = J(a2, e);
   return je(a2, t == null ? void 0 : t.audioTrack);
@@ -22329,19 +22321,19 @@ var pS = R((a2, e) => {
   let t = J(a2, e);
   return je(a2, t == null ? void 0 : t.videoTrack);
 });
-var Ea = R((a2, e) => {
+var Pa = R((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
 var hS = R((a2, e) => {
   let t = J(a2, e);
-  return Ea(t == null ? void 0 : t.audioTrack)(a2);
+  return Pa(t == null ? void 0 : t.audioTrack)(a2);
 });
 var mS = R((a2, e) => {
-  let t = ka(e)(a2);
-  return Ea(t == null ? void 0 : t.id)(a2);
+  let t = Ea(e)(a2);
+  return Pa(t == null ? void 0 : t.id)(a2);
 });
-var Pa = R((a2, e) => {
+var ba = R((a2, e) => {
   let t = jr(a2, e);
   if (t) {
     if (t.type !== "audio") {
@@ -22353,11 +22345,11 @@ var Pa = R((a2, e) => {
 });
 var SS = R((a2, e) => {
   let t = J(a2, e);
-  return Pa(t == null ? void 0 : t.audioTrack)(a2);
+  return ba(t == null ? void 0 : t.audioTrack)(a2);
 });
 var gS = R((a2, e) => {
-  let t = ka(e)(a2);
-  return Pa(t == null ? void 0 : t.id)(a2);
+  let t = Ea(e)(a2);
+  return ba(t == null ? void 0 : t.id)(a2);
 });
 var TS = R((a2, e) => {
   let t = jr(a2, e);
@@ -22369,49 +22361,49 @@ var TS = R((a2, e) => {
     return t.layer;
   }
 });
-var ba = createSelector([Rt, Ee, qr], (a2, e, t) => {
+var Ia = createSelector([Rt, Ee, qr], (a2, e, t) => {
   if (t)
     return a2.filter((i) => {
       var r;
       return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
     });
 });
-var Ia = createSelector([Rt, fa], (a2, e) => {
+var Aa = createSelector([Rt, va], (a2, e) => {
   if (e)
     return a2.filter((t) => {
       var i, r;
       return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
     });
 });
-var Zo = createSelector(Rt, (a2) => a2.filter((e) => {
+var en = createSelector(Rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var en = createSelector([Ia, fa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var tn = createSelector([ba, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var fS = createSelector(Zo, (a2) => a2.filter((e) => !e.read).length);
-var vS = R(ba);
-var MS = R(Ia);
-var yS = R(en);
-var kS = R(tn);
-var Aa = R(Qo);
+var tn = createSelector([Aa, va], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var rn = createSelector([Ia, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var fS = createSelector(en, (a2) => a2.filter((e) => !e.read).length);
+var vS = R(Ia);
+var MS = R(Aa);
+var yS = R(tn);
+var kS = R(rn);
+var Ra = R(zo);
 var _S = 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 };
 }));
-var rn = (a2) => a2.roleChangeRequests[0] || null;
-var NS = createSelector([rn, j, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var sn = (a2) => a2.roleChangeRequests[0] || null;
+var 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);
 var OS = createSelector([at], (a2) => St(a2));
-var xS = createSelector([aa], (a2) => St(a2));
-var an = createSelector([X, O], (a2, e) => {
+var xS = createSelector([oa], (a2) => St(a2));
+var on = createSelector([Y, O], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var on = createSelector([ne, O], (a2, e) => {
+var nn = createSelector([ne, O], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var dn = ((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))(dn || {});
+var 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 || {});
 var Xr = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
@@ -22431,7 +22423,7 @@ var Xr = class {
       this.addEventToStorage(e);
       return;
     }
-    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? $s : Ks;
+    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Ks : qs;
     fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
       if (r.status === 401) {
         this.removeFromStorage(e);
@@ -22468,7 +22460,7 @@ var Vt = class {
   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 = y(m({}, i), { payload: r });
+      let o = new URL("v2/client/feedback", t), n = M(h({}, i), { payload: r });
       try {
         let d = yield fetch(o, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(n), method: "POST" });
         try {
@@ -22492,11 +22484,11 @@ var Hn = (a2) => a2.localPeer.id;
 var Cn = (a2) => a2.localPeer.audioTrack;
 var Ln = (a2) => a2.localPeer.videoTrack;
 var wn = (a2, e) => e;
-var za = (a2, e) => e;
+var Ya = (a2, e) => e;
 var Dn = (a2) => a2.remoteTrackStats;
-var Ya = (a2) => a2.peerStats;
-var is = (a2) => a2.localTrackStats;
-var Ae = createSelector([Ya, Hn], (a2, e) => a2[e]);
+var Xa = (a2) => a2.peerStats;
+var rs = (a2) => a2.localTrackStats;
+var Ae = createSelector([Xa, Hn], (a2, e) => a2[e]);
 var _n = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
@@ -22529,21 +22521,21 @@ var Fn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var Gn = createSelector([Ya, wn], (a2, e) => e ? a2[e] : void 0);
-var Wn = createSelector([Dn, za], (a2, e) => e ? a2[e] : void 0);
-var rs = createSelector([is, za], (a2, e) => e ? a2[e] : void 0);
+var Gn = createSelector([Xa, wn], (a2, e) => e ? a2[e] : void 0);
+var Wn = createSelector([Dn, Ya], (a2, e) => e ? a2[e] : void 0);
+var ss = createSelector([rs, Ya], (a2, e) => e ? a2[e] : void 0);
 var $n = R(Gn);
 var Kn = R(Wn);
-var qn = createSelector([is, Cn], (a2, e) => {
+var qn = createSelector([rs, Cn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var jn = R(createSelector(rs, (a2) => a2 == null ? void 0 : a2[0]));
-var Jn = createSelector([is, Ln], (a2, e) => {
+var jn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
+var Jn = createSelector([rs, Ln], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Qn = R(createSelector(rs, (a2) => a2));
+var Qn = R(createSelector(ss, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -22662,7 +22654,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore29(selectRecordingState2);
-  if (recording.hls && recording.hls.state === Ls.PAUSED) {
+  if (recording.hls && recording.hls.state === ws.PAUSED) {
     return /* @__PURE__ */ React64.createElement(
       Tooltip,
       {
@@ -22766,7 +22758,7 @@ import { selectLocalPeerName as selectLocalPeerName3, useHMSActions as useHMSAct
 
 // src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
 init_define_process_env();
-import React65, { useEffect as useEffect23, useRef as useRef18 } from "react";
+import React65 from "react";
 import { ChevronLeftIcon as ChevronLeftIcon2, CrossIcon as CrossIcon12 } from "@100mslive/react-icons";
 var ChangeNameContent = ({
   changeName,
@@ -22777,15 +22769,6 @@ var ChangeNameContent = ({
   onExit,
   onBackClick
 }) => {
-  const inputRef = useRef18(null);
-  useEffect23(() => {
-    if (isMobile) {
-      setTimeout(() => {
-        var _a7;
-        (_a7 = inputRef.current) == null ? void 0 : _a7.focus();
-      }, 200);
-    }
-  }, [isMobile]);
   return /* @__PURE__ */ React65.createElement(
     "form",
     {
@@ -22821,10 +22804,9 @@ var ChangeNameContent = ({
     /* @__PURE__ */ React65.createElement(Flex, { justify: "center", align: "center", css: { my: "$8", w: "100%", "@md": { px: "$8" } } }, /* @__PURE__ */ React65.createElement(
       Input,
       {
-        ref: inputRef,
         css: { width: "100%", bg: "$surface_default" },
         value: currentName,
-        type: "text",
+        type: isMobile ? "search" : "text",
         onChange: (e) => {
           setCurrentName(e.target.value);
         },
@@ -22921,7 +22903,7 @@ var ChangeNameModal = ({
     }
   };
   if (isMobile) {
-    return /* @__PURE__ */ React66.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React66.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" }, onOpenAutoFocus: (e) => e.preventDefault() }, /* @__PURE__ */ React66.createElement(ChangeNameContent, __spreadValues({}, props))));
+    return /* @__PURE__ */ React66.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React66.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" } }, /* @__PURE__ */ React66.createElement(ChangeNameContent, __spreadValues({}, props))));
   }
   return /* @__PURE__ */ React66.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React66.createElement(Dialog.Portal, null, /* @__PURE__ */ React66.createElement(Dialog.Overlay, null), /* @__PURE__ */ React66.createElement(Dialog.Content, { css: { bg: "$surface_dim", width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ React66.createElement(ChangeNameContent, __spreadValues({}, props)))));
 };
@@ -22948,13 +22930,13 @@ var useSheetToggle = (sheetType) => {
 
 // src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx
 init_define_process_env();
-import { useEffect as useEffect24, useState as useState30 } from "react";
+import { useEffect as useEffect23, useState as useState30 } from "react";
 import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
 var useUnreadPollQuizPresent = () => {
   const localPeerID = useHMSStore32(Ee);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState30(false);
-  useEffect24(() => {
+  useEffect23(() => {
     if (!notification) {
       return;
     }
@@ -22993,7 +22975,7 @@ var MwebOptions = ({
   const { showPolls } = useShowPolls();
   const togglePollView = usePollViewToggle();
   const peerCount = useHMSStore33(selectPeerCount3);
-  const emojiCardRef = useRef19(null);
+  const emojiCardRef = useRef18(null);
   const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
   const { title, description } = useRoomLayoutHeader();
@@ -23757,7 +23739,7 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
 
 // src/Prebuilt/components/VirtualBackground/VBToggle.tsx
 init_define_process_env();
-import React77, { useEffect as useEffect25 } from "react";
+import React77, { useEffect as useEffect24 } from "react";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes2 } from "@100mslive/hms-virtual-background/hmsvbplugin";
 import {
   selectAppData as selectAppData5,
@@ -23778,7 +23760,7 @@ var VBToggle = () => {
   const loadingEffects = useHMSStore35(selectAppData5(APP_DATA.loadingEffects));
   const hmsActions = useHMSActions28();
   const { toggleVideo } = useAVToggle3();
-  useEffect25(() => {
+  useEffect24(() => {
     var _a7;
     if (!toggleVideo) {
       (_a7 = VBHandler) == null ? void 0 : _a7.reset();
@@ -24013,7 +23995,7 @@ var RemoveParticipant = ({ peerId }) => {
 
 // src/Prebuilt/components/Footer/RoleAccordion.tsx
 init_define_process_env();
-import React82, { useEffect as useEffect26 } from "react";
+import React82, { useEffect as useEffect25 } from "react";
 import { useMeasure } from "react-use";
 import { FixedSizeList } from "react-window";
 import { selectIsLargeRoom, useHMSStore as useHMSStore41, usePaginatedParticipants } from "@100mslive/react-sdk";
@@ -24257,7 +24239,7 @@ var RoleAccordion = ({
   const { bringAllToStage, bring_to_stage_label, canBringToStage, lowerAllHands } = useGroupOnStageActions({
     peers: peersInAccordion
   });
-  useEffect26(() => {
+  useEffect25(() => {
     if (!isOffStageRole || !isLargeRoom) {
       return;
     }
@@ -24345,13 +24327,13 @@ var RoleAccordion = ({
 
 // src/Prebuilt/components/AppData/useSidepaneResetOnLayoutUpdate.tsx
 init_define_process_env();
-import { useEffect as useEffect27 } from "react";
+import { useEffect as useEffect26 } from "react";
 import { selectAppData as selectAppData6, useHMSStore as useHMSStore42 } from "@100mslive/react-sdk";
 var useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
   const { elements } = useRoomLayoutConferencingScreen();
   const sidepane = useHMSStore42(selectAppData6(APP_DATA.sidePane));
   const resetSidePane = useSidepaneReset();
-  useEffect27(() => {
+  useEffect26(() => {
     if (sidepane === sidepaneOption && !(elements == null ? void 0 : elements[layoutKey])) {
       resetSidePane();
     }
@@ -24748,13 +24730,13 @@ var ParticipantSearch = ({
 
 // src/Prebuilt/components/Footer/PollsToggle.tsx
 init_define_process_env();
-import React84, { useEffect as useEffect28 } from "react";
+import React84, { useEffect as useEffect27 } from "react";
 import { QuizActiveIcon as QuizActiveIcon2, QuizIcon as QuizIcon2 } from "@100mslive/react-icons";
 var PollsToggle = () => {
   const isPollsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.POLLS);
   const togglePollView = usePollViewToggle();
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
-  useEffect28(() => {
+  useEffect27(() => {
     if (unreadPollQuiz && isPollsOpen) {
       setUnreadPollQuiz(false);
     }
@@ -24825,7 +24807,7 @@ var Footer2 = ({
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const { showPolls } = useShowPolls();
-  useEffect29(() => {
+  useEffect28(() => {
     if (!isChatOpen && openByDefault) {
       toggleChat();
     }
@@ -24925,7 +24907,7 @@ function HLSFailureModal() {
 
 // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
 init_define_process_env();
-import React138, { useEffect as useEffect45 } from "react";
+import React138, { useEffect as useEffect44 } from "react";
 import {
   selectIsInPreview,
   selectLocalPeerName as selectLocalPeerName4,
@@ -24938,7 +24920,7 @@ import {
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as useEffect44, useMemo as useMemo15, useState as useState57 } from "react";
+import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as useEffect43, useMemo as useMemo15, useState as useState57 } from "react";
 import { useMeasure as useMeasure4, useMedia as useMedia27 } from "react-use";
 import {
   HMSRoomState as HMSRoomState6,
@@ -24959,7 +24941,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
 
 // src/Prebuilt/layouts/SidePane.tsx
 init_define_process_env();
-import React132, { useEffect as useEffect43 } from "react";
+import React132, { useEffect as useEffect42 } from "react";
 import { useMedia as useMedia25 } from "react-use";
 import { match as match12 } from "ts-pattern";
 import { selectAppData as selectAppData8, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
@@ -24970,7 +24952,7 @@ import React109 from "react";
 
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 init_define_process_env();
-import React90, { useEffect as useEffect30, useMemo as useMemo9, useRef as useRef20, useState as useState38 } from "react";
+import React90, { useEffect as useEffect29, useMemo as useMemo9, useRef as useRef19, useState as useState38 } from "react";
 import {
   selectLocalPeerRoleName as selectLocalPeerRoleName2,
   selectPermissions as selectPermissions16,
@@ -25132,8 +25114,8 @@ var AddMenu = () => {
   const [titleError, setTitleError] = useState38("");
   const { setPollState } = usePollViewState();
   const [interactionType, setInteractionType] = useState38("Poll" /* POLL */);
-  const inputRef = useRef20(null);
-  useEffect30(() => {
+  const inputRef = useRef19(null);
+  useEffect29(() => {
     if (inputRef.current) {
       inputRef.current.focus();
     }
@@ -25220,7 +25202,7 @@ var PrevMenu = () => {
     [polls]
   );
   const permissions = useHMSStore48(selectPermissions16);
-  useEffect30(() => {
+  useEffect29(() => {
     const updatePolls = () => __async(void 0, null, function* () {
       yield hmsActions.interactivityCenter.getPolls();
     });
@@ -25262,7 +25244,7 @@ import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
 init_define_process_env();
-import React98, { useCallback as useCallback26, useRef as useRef21, useState as useState39 } from "react";
+import React98, { useCallback as useCallback26, useRef as useRef20, useState as useState39 } from "react";
 import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
@@ -25556,7 +25538,7 @@ var QuestionForm = ({
   isQuiz
 }) => {
   var _a7;
-  const ref = useRef21(null);
+  const ref = useRef20(null);
   const selectionBg = useDropdownSelection();
   const [openDelete, setOpenDelete] = useState39(false);
   const [open, setOpen] = useState39(false);
@@ -25980,7 +25962,7 @@ var StatisticBox = ({ title, value = 0 }) => {
 
 // src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx
 init_define_process_env();
-import { useEffect as useEffect31, useState as useState41 } from "react";
+import { useEffect as useEffect30, useState as useState41 } from "react";
 import {
   selectPollByID as selectPollByID2,
   useHMSActions as useHMSActions36,
@@ -25998,7 +25980,7 @@ var useQuizSummary = (quizID) => {
     correctUsers: 0
   };
   const [calculations, setCalculations] = useState41({ maxPossibleScore: 0, totalResponses: 0 });
-  useEffect31(() => {
+  useEffect30(() => {
     const fetchLeaderboardData = () => __async(void 0, null, function* () {
       var _a7;
       if (!quizLeaderboard && quiz && !(quiz == null ? void 0 : quiz.anonymous) && quiz.state === "stopped") {
@@ -26138,7 +26120,7 @@ var LeaderboardSummary = ({ pollID }) => {
 
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 init_define_process_env();
-import React108, { useEffect as useEffect34, useRef as useRef23, useState as useState45 } from "react";
+import React108, { useEffect as useEffect33, useRef as useRef22, useState as useState45 } from "react";
 import {
   selectLocalPeer as selectLocalPeer4,
   selectPeerNameByID as selectPeerNameByID4,
@@ -26155,7 +26137,7 @@ import React106 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React105, { useCallback as useCallback27, useEffect as useEffect32, useMemo as useMemo12, useRef as useRef22, useState as useState43 } from "react";
+import React105, { useCallback as useCallback27, useEffect as useEffect31, useMemo as useMemo12, useRef as useRef21, useState as useState43 } from "react";
 import { match as match9 } from "ts-pattern";
 import { selectLocalPeer as selectLocalPeer3, selectLocalPeerRoleName as selectLocalPeerRoleName3, useHMSActions as useHMSActions37, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon4, CrossCircleIcon as CrossCircleIcon2 } from "@100mslive/react-icons";
@@ -26181,14 +26163,14 @@ var QuestionCard2 = ({
   const localPeerRoleName = useHMSStore53(selectLocalPeerRoleName3);
   const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
   const [localPeerChoice, setLocalPeerChoice] = useState43(localPeerResponse);
-  useEffect32(() => {
+  useEffect31(() => {
     setLocalPeerChoice(localPeerResponse);
   }, [localPeerResponse]);
   const showVoteCount = roleCanViewResponse && (localPeerChoice || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
   const isLive = pollState === "started";
   const pollEnded = pollState === "stopped";
   const canRespond = isLive && !localPeerChoice;
-  const startTime = useRef22(Date.now());
+  const startTime = useRef21(Date.now());
   const isCorrectAnswer = checkCorrectAnswer(answer, localPeerChoice, type);
   const [singleOptionAnswer, setSingleOptionAnswer] = useState43();
   const [multipleOptionAnswer, setMultipleOptionAnswer] = useState43(/* @__PURE__ */ new Set());
@@ -26363,7 +26345,7 @@ var StandardView = ({
 
 // src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
 init_define_process_env();
-import React107, { useEffect as useEffect33, useState as useState44 } from "react";
+import React107, { useEffect as useEffect32, useState as useState44 } from "react";
 var TimedView = ({
   poll,
   localPeerResponses,
@@ -26373,7 +26355,7 @@ var TimedView = ({
   const [currentIndex, setCurrentIndex] = useState44(getIndexToShow(localPeerResponses));
   const activeQuestion = (_a7 = poll.questions) == null ? void 0 : _a7.find((question) => question.index === currentIndex);
   const attemptedAll = (((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0) < currentIndex;
-  useEffect33(() => {
+  useEffect32(() => {
     setCurrentIndex(getIndexToShow(localPeerResponses));
   }, [localPeerResponses]);
   if (!activeQuestion && !attemptedAll || !((_c = poll.questions) == null ? void 0 : _c.length)) {
@@ -26413,16 +26395,16 @@ var Voting = ({ id, toggleVoting }) => {
   const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
   const { setPollView } = usePollViewState();
   const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
-  const fetchedInitialResponses = useRef23(false);
+  const fetchedInitialResponses = useRef22(false);
   const [savedResponses, setSavedResponses] = useState45({});
   const localPeer = useHMSStore54(selectLocalPeer4);
   const localPeerId = localPeer == null ? void 0 : localPeer.id;
   const customerUserId = localPeer == null ? void 0 : localPeer.customerUserId;
-  useEffect34(() => {
+  useEffect33(() => {
     fetchedInitialResponses.current = false;
     setSavedResponses({});
   }, [id, setSavedResponses]);
-  useEffect34(() => {
+  useEffect33(() => {
     const getResponses = () => __async(void 0, null, function* () {
       if (poll && actions.interactivityCenter && !fetchedInitialResponses.current) {
         yield actions.interactivityCenter.getPollResponses(poll, true);
@@ -26431,7 +26413,7 @@ var Voting = ({ id, toggleVoting }) => {
     });
     getResponses();
   }, [poll, actions.interactivityCenter]);
-  useEffect34(() => {
+  useEffect33(() => {
     if (poll == null ? void 0 : poll.questions) {
       const localPeerResponses = getPeerResponses(poll.questions, localPeerId, customerUserId);
       localPeerResponses == null ? void 0 : localPeerResponses.forEach((response) => {
@@ -26529,7 +26511,7 @@ import { CrossIcon as CrossIcon20 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Header/HeaderComponents.jsx
 init_define_process_env();
-import React110, { useEffect as useEffect35, useState as useState46 } from "react";
+import React110, { useEffect as useEffect34, useState as useState46 } from "react";
 import { selectDominantSpeaker, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
 import { VolumeOneIcon } from "@100mslive/react-icons";
 var SpeakerTag = () => {
@@ -26558,7 +26540,7 @@ var Logo = () => {
   const roomLayout = useRoomLayout();
   const logo = (_a7 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a7.url;
   const [hideImage, setHideImage] = useState46(false);
-  useEffect35(() => {
+  useEffect34(() => {
     if (hideImage) {
       setHideImage(false);
     }
@@ -26582,10 +26564,10 @@ import React112 from "react";
 
 // src/Prebuilt/components/RoomDetails/Duration.tsx
 init_define_process_env();
-import React111, { useEffect as useEffect36, useState as useState47 } from "react";
+import React111, { useEffect as useEffect35, useState as useState47 } from "react";
 var Duration = ({ timestamp }) => {
   const [elapsedTime, setElapsedTime] = useState47(getFormattedTime(Date.now() - timestamp.getTime(), false));
-  useEffect36(() => {
+  useEffect35(() => {
     const timerAdded = setInterval(() => {
       setElapsedTime(getFormattedTime(Date.now() - timestamp.getTime(), false));
     }, 1e3);
@@ -26627,7 +26609,7 @@ var ShowRoomDetailHeader = () => {
 
 // src/Prebuilt/components/SidePaneTabs.tsx
 init_define_process_env();
-import React124, { useEffect as useEffect41, useState as useState53 } from "react";
+import React124, { useEffect as useEffect40, useState as useState53 } from "react";
 import { useMedia as useMedia21 } from "react-use";
 import { match as match11 } from "ts-pattern";
 import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
@@ -26635,7 +26617,7 @@ import { CrossIcon as CrossIcon23 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
-import React121, { useCallback as useCallback31, useRef as useRef26 } from "react";
+import React121, { useCallback as useCallback31, useRef as useRef25 } from "react";
 import { useMedia as useMedia20 } from "react-use";
 import { match as match10 } from "ts-pattern";
 import { selectHMSMessagesCount, useHMSActions as useHMSActions42, useHMSStore as useHMSStore61, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
@@ -26643,7 +26625,7 @@ import { ChevronDownIcon as ChevronDownIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React116, { useCallback as useCallback29, useEffect as useEffect38, useRef as useRef25, useState as useState50 } from "react";
+import React116, { useCallback as useCallback29, useEffect as useEffect37, useRef as useRef24, useState as useState50 } from "react";
 import { useMedia as useMedia18 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
@@ -26966,10 +26948,10 @@ var useChatDraftMessage = () => {
 
 // src/Prebuilt/components/Chat/useEmojiPickerStyles.js
 init_define_process_env();
-import { useEffect as useEffect37, useRef as useRef24 } from "react";
+import { useEffect as useEffect36, useRef as useRef23 } from "react";
 var useEmojiPickerStyles = (showing) => {
-  const ref = useRef24(null);
-  useEffect37(() => {
+  const ref = useRef23(null);
+  useEffect36(() => {
     if (showing) {
       setTimeout(() => {
         var _a7, _b7;
@@ -27045,7 +27027,7 @@ function EmojiPicker({ onSelect }) {
 var ChatFooter = ({ onSend, children }) => {
   var _a7, _b7, _c, _d, _e;
   const hmsActions = useHMSActions40();
-  const inputRef = useRef25(null);
+  const inputRef = useRef24(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia18(config.media.md);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
@@ -27061,7 +27043,7 @@ var ChatFooter = ({ onSend, children }) => {
   const isMwebHLSStream = useMobileHLSStream();
   const [messageLengthExceeded, setMessageLengthExceeded] = useState50(false);
   const isLandscapeHLSStream = useLandscapeHLSStream();
-  useEffect38(() => {
+  useEffect37(() => {
     var _a8, _b8;
     if (!selectedPeer.id && !selectedRole && !["Everyone", ""].includes(defaultSelection)) {
       setRoleSelector(defaultSelection);
@@ -27110,7 +27092,7 @@ var ChatFooter = ({ onSend, children }) => {
       });
     }
   }), [selectedRole, selectedPeer, hmsActions, onSend]);
-  useEffect38(() => {
+  useEffect37(() => {
     const messageElement = inputRef.current;
     if (messageElement) {
       messageElement.value = draftMessage;
@@ -27118,7 +27100,7 @@ var ChatFooter = ({ onSend, children }) => {
       setMessageLengthExceeded(draftMessage.length > CHAT_MESSAGE_LIMIT);
     }
   }, [draftMessage]);
-  useEffect38(() => {
+  useEffect37(() => {
     const messageElement = inputRef.current;
     return () => {
       setDraftMessage((messageElement == null ? void 0 : messageElement.value) || "");
@@ -27308,7 +27290,7 @@ var ChatBlocked = () => {
 
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 init_define_process_env();
-import React120, { useEffect as useEffect39, useState as useState51 } from "react";
+import React120, { useEffect as useEffect38, useState as useState51 } from "react";
 import { useSwipeable } from "react-swipeable";
 import { useMedia as useMedia19 } from "react-use";
 import { selectSessionStore as selectSessionStore8, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
@@ -27391,7 +27373,7 @@ var PinnedMessage = () => {
     onSwipedUp: () => showNextPinnedMessage(),
     onSwipedDown: () => showPreviousPinnedMessage()
   });
-  useEffect39(() => {
+  useEffect38(() => {
     const count = (pinnedMessages == null ? void 0 : pinnedMessages.length) || 1;
     if (pinnedMessageIndex >= count) {
       setPinnedMessageIndex(count - 1);
@@ -27484,7 +27466,7 @@ var PinnedMessage = () => {
 var Chat = () => {
   var _a7, _b7;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
-  const listRef = useRef26(null);
+  const listRef = useRef25(null);
   const hmsActions = useHMSActions42();
   const vanillaStore = useHMSVanillaStore11();
   const { enabled: isChatEnabled = true } = useHMSStore61(Jm("chatState" /* CHAT_STATE */)) || {};
@@ -27623,7 +27605,7 @@ var NewMessageIndicator = ({
 
 // src/Prebuilt/components/Footer/PaginatedParticipants.tsx
 init_define_process_env();
-import React122, { useEffect as useEffect40, useState as useState52 } from "react";
+import React122, { useEffect as useEffect39, useState as useState52 } from "react";
 import { useInView } from "react-intersection-observer";
 import { useMeasure as useMeasure2 } from "react-use";
 import { VariableSizeList as VariableSizeList2 } from "react-window";
@@ -27636,7 +27618,7 @@ var LoadMoreParticipants = ({
 }) => {
   const { ref, inView } = useInView();
   const [inProgress, setInProgress] = useState52(false);
-  useEffect40(() => {
+  useEffect39(() => {
     if (hasNext && inView && !inProgress) {
       setInProgress(true);
       loadMore().catch(console.error).finally(() => setInProgress(false));
@@ -27675,7 +27657,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
   const [ref, { width }] = useMeasure2();
   const height = ROW_HEIGHT * (filteredPeers.length + 1);
   const resetSidePane = useSidepaneReset();
-  useEffect40(() => {
+  useEffect39(() => {
     loadPeers();
   }, []);
   return /* @__PURE__ */ React122.createElement(Flex, { ref, direction: "column", css: { size: "100%", gap: "$4" } }, /* @__PURE__ */ React122.createElement(Flex, { align: "center" }, /* @__PURE__ */ React122.createElement(Flex, { align: "center", css: { flex: "1 1 0", cursor: "pointer" }, onClick: onBack }, /* @__PURE__ */ React122.createElement(ChevronLeftIcon6, null), /* @__PURE__ */ React122.createElement(Text, { variant: "lg", css: { flex: "1 1 0" } }, "Participants")), /* @__PURE__ */ React122.createElement(
@@ -27792,7 +27774,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const { off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const showChatSettings = showChat && isChatOpen && (!isMobile || !isOverlayChat);
-  useEffect41(() => {
+  useEffect40(() => {
     match11({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
       setActiveTab(SIDE_PANE_OPTIONS.PARTICIPANTS);
     }).with({ activeTab: SIDE_PANE_OPTIONS.PARTICIPANTS, showChat: true, showParticipants: false }, () => {
@@ -27801,7 +27783,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
       resetSidePane();
     });
   }, [showChat, activeTab, showParticipants, resetSidePane]);
-  useEffect41(() => {
+  useEffect40(() => {
     setActiveTab(active);
   }, [active]);
   if (activeRole) {
@@ -27981,38 +27963,6 @@ import {
 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon24, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
 
-// src/Prebuilt/components/peerTileUtils.tsx
-init_define_process_env();
-var PEER_NAME_PLACEHOLDER = "peerName";
-var 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}`]
-]);
-var 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/TileMenuContent.tsx
 init_define_process_env();
 import React126, { Fragment as Fragment11 } from "react";
@@ -28251,7 +28201,7 @@ var TileMenuContent = ({
     },
     isAudioEnabled ? /* @__PURE__ */ React126.createElement(MicOnIcon4, { height: 20, width: 20 }) : /* @__PURE__ */ React126.createElement(MicOffIcon5, { height: 20, width: 20 }),
     /* @__PURE__ */ React126.createElement("span", null, isAudioEnabled ? "Mute Audio" : "Request to Unmute Audio")
-  ) : null, !isScreenshare && canChangeRole && roles.length > 1 ? /* @__PURE__ */ React126.createElement(
+  ) : null, canChangeRole && roles.length > 1 ? /* @__PURE__ */ React126.createElement(
     StyledMenuTile.ItemButton,
     {
       className: dragClassName,
@@ -28264,7 +28214,7 @@ var TileMenuContent = ({
     },
     /* @__PURE__ */ React126.createElement(PersonSettingsIcon2, { height: 20, width: 20 }),
     /* @__PURE__ */ React126.createElement("span", null, "Switch Role")
-  ) : null, !isIOS && audioTrackID ? /* @__PURE__ */ React126.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ React126.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React126.createElement(SpeakerIcon3, { height: 20, width: 20 }), /* @__PURE__ */ React126.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React126.createElement(
+  ) : null, audioTrackID ? /* @__PURE__ */ React126.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ React126.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React126.createElement(SpeakerIcon3, { height: 20, width: 20 }), /* @__PURE__ */ React126.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React126.createElement(
     Slider,
     {
       css: { my: "0.5rem" },
@@ -28321,7 +28271,6 @@ var TileMenu = ({
   const isPrimaryVideoTrack = ((_a7 = useHMSStore67(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
   const track = useHMSStore67(selectTrackByID3(videoTrackID));
-  const audioTrack = useHMSStore67(selectTrackByID3(audioTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
   const isMobile = useMedia23(config.media.md);
   const peer = useHMSStore67(selectPeerByID2(peerID));
@@ -28329,7 +28278,7 @@ var TileMenu = ({
   const [showRoleChangeModal, setShowRoleChangeModal] = useState54(false);
   useDropdownList({ open, name: "TileMenu" });
   const dragClassName = getDragClassName();
-  if (!peer || !(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
+  if (!(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
     return null;
   }
   const openNameChangeModal = () => setShowNameChangeModal(true);
@@ -28340,6 +28289,7 @@ var TileMenu = ({
     audioTrackID,
     videoTrackID,
     peerID,
+    isPrimaryVideoTrack,
     showSpotlight,
     showPinAction,
     canMinimise,
@@ -28369,12 +28319,38 @@ var TileMenu = ({
         borderBottom: "1px solid $border_default"
       }
     },
-    /* @__PURE__ */ React127.createElement(Box, null, /* @__PURE__ */ React127.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__ */ React127.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
+    /* @__PURE__ */ React127.createElement(Box, null, /* @__PURE__ */ React127.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__ */ React127.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
     /* @__PURE__ */ React127.createElement(Sheet.Close, { css: { color: "inherit" } }, /* @__PURE__ */ React127.createElement(CrossIcon24, null))
   ), /* @__PURE__ */ React127.createElement(Box, { css: { px: "$8", pb: "$8", maxHeight: "80vh", overflowY: "auto" } }, /* @__PURE__ */ React127.createElement(TileMenuContent, __spreadProps(__spreadValues({}, props), { closeSheetOnClick: () => setOpen(false) }))))) : /* @__PURE__ */ React127.createElement(StyledMenuTile.Content, { side: "top", align: "end", css: { maxHeight: "$80", overflowY: "auto" } }, /* @__PURE__ */ React127.createElement(TileMenuContent, __spreadValues({}, props)))), showNameChangeModal && /* @__PURE__ */ React127.createElement(ChangeNameModal, { onOpenChange: setShowNameChangeModal }), showRoleChangeModal && /* @__PURE__ */ React127.createElement(RoleChangeModal, { peerId: peerID, onOpenChange: setShowRoleChangeModal }));
 };
 var TileMenu_default = TileMenu;
 
+// src/Prebuilt/components/peerTileUtils.jsx
+init_define_process_env();
+var PEER_NAME_PLACEHOLDER = "peerName";
+var 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}`]
+]);
+var 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 PeerMetadata = ({ peerId, size }) => {
   const metaData = useHMSStore68(selectPeerMetadata4(peerId));
@@ -28419,9 +28395,8 @@ var Tile = ({
   });
   const label = getVideoTileLabel({
     peerName,
-    isLocal,
-    videoTrack: track,
-    audioTrack
+    track,
+    isLocal
   });
   const onHoverHandler = useCallback32((event) => {
     setIsMouseHovered(event.type === "mouseenter");
@@ -28495,7 +28470,7 @@ var VideoTile_default = VideoTile;
 
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
 init_define_process_env();
-import React131, { useEffect as useEffect42, useRef as useRef27, useState as useState56 } from "react";
+import React131, { useEffect as useEffect41, useRef as useRef26, useState as useState56 } from "react";
 import { useMedia as useMedia24 } from "react-use";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes4 } from "@100mslive/hms-virtual-background/hmsvbplugin";
 import {
@@ -28584,7 +28559,7 @@ var VBCollection = ({
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
 var iconDims = { height: "40px", width: "40px" };
 var VBPicker = ({ backgroundMedia = [] }) => {
-  var _a7, _b7;
+  var _a7;
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const hmsActions = useHMSActions45();
   const localPeer = useHMSStore69(selectLocalPeer8);
@@ -28604,11 +28579,10 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
   const background = useHMSStore69(jm(APP_DATA.background));
   const mediaList = backgroundMedia.map((media) => media.url || "");
-  const pluginLoadingRef = useRef27(false);
-  const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
+  const pluginLoadingRef = useRef26(false);
   const inPreview = roomState === HMSRoomState5.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
-  useEffect42(() => {
+  useEffect41(() => {
     const addHMSVBPlugin = () => __async(void 0, null, function* () {
       setLoadingEffects(false);
       if (!role) {
@@ -28670,7 +28644,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
     blurAmount,
     setLoadingEffects
   ]);
-  useEffect42(() => {
+  useEffect41(() => {
     if (!isVideoOn) {
       toggleVB();
     }
@@ -28727,13 +28701,13 @@ var VBPicker = ({ backgroundMedia = [] }) => {
               yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
               hmsActions.setAppData(APP_DATA.background, HMSVirtualBackgroundTypes4.BLUR);
             }),
-            supported: isBlurSupported
+            supported: isEffectsSupported && isEffectsEnabled
           }
         ],
         activeBackground: background
       }
     ),
-    /* @__PURE__ */ React131.createElement(Flex, { direction: "column", css: { w: "100%", gap: "$8", mt: "$8" } }, background === HMSVirtualBackgroundTypes4.BLUR && isBlurSupported ? /* @__PURE__ */ React131.createElement(Box, null, /* @__PURE__ */ React131.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold", mb: "$4" } }, "Blur intensity"), /* @__PURE__ */ React131.createElement(Flex, { css: { w: "100%", justifyContent: "space-between", alignItems: "center", gap: "$4" } }, /* @__PURE__ */ React131.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "Low"), /* @__PURE__ */ React131.createElement(
+    /* @__PURE__ */ React131.createElement(Flex, { direction: "column", css: { w: "100%", gap: "$8", mt: "$8" } }, background === HMSVirtualBackgroundTypes4.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ React131.createElement(Box, null, /* @__PURE__ */ React131.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold", mb: "$4" } }, "Blur intensity"), /* @__PURE__ */ React131.createElement(Flex, { css: { w: "100%", justifyContent: "space-between", alignItems: "center", gap: "$4" } }, /* @__PURE__ */ React131.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "Low"), /* @__PURE__ */ React131.createElement(
       Slider,
       {
         showTooltip: false,
@@ -28909,7 +28883,7 @@ var SidePane = ({
     return null;
   });
   const resetSidePane = useSidepaneReset();
-  useEffect43(() => {
+  useEffect42(() => {
     return () => {
       resetSidePane();
     };
@@ -29123,7 +29097,7 @@ var PreviewJoin = ({
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { preview_header: previewHeader = {}, virtual_background } = elements || {};
   const aspectRatio = useLocalTileAspectRatio();
-  useEffect44(() => {
+  useEffect43(() => {
     if (authToken) {
       if (skipPreview) {
         savePreferenceAndJoin();
@@ -29132,7 +29106,7 @@ var PreviewJoin = ({
       }
     }
   }, [authToken, skipPreview]);
-  useEffect44(() => {
+  useEffect43(() => {
     if (initialName) {
       setName(initialName);
     }
@@ -29275,7 +29249,7 @@ var RoleChangeRequestModal = () => {
   const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { virtual_background } = elements || {};
-  useEffect45(() => {
+  useEffect44(() => {
     if (!(roleChangeRequest == null ? void 0 : roleChangeRequest.role)) {
       return;
     }
@@ -29339,7 +29313,7 @@ var RoleChangeRequestModal = () => {
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
 init_define_process_env();
-import React157, { Suspense, useEffect as useEffect59, useState as useState67 } from "react";
+import React157, { Suspense, useEffect as useEffect58, useState as useState67 } from "react";
 import { useMedia as useMedia38 } from "react-use";
 import { match as match13 } from "ts-pattern";
 import {
@@ -29347,28 +29321,27 @@ import {
   selectIsLocalScreenShared as selectIsLocalScreenShared2,
   selectLocalPeerRoleName as selectLocalPeerRoleName6,
   useHMSActions as useHMSActions48,
-  useHMSStore as useHMSStore84
+  useHMSStore as useHMSStore83
 } from "@100mslive/react-sdk";
 import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon5 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
-import React153, { useEffect as useEffect54, useMemo as useMemo20, useState as useState65 } from "react";
+import React153, { useEffect as useEffect53, useMemo as useMemo20, useState as useState65 } from "react";
 import {
   selectLocalPeerID as selectLocalPeerID13,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
   selectPeerScreenSharing as selectPeerScreenSharing2,
   selectWhiteboard as selectWhiteboard2,
-  useHMSStore as useHMSStore80,
+  useHMSStore as useHMSStore79,
   useHMSVanillaStore as useHMSVanillaStore13
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
-import React144, { useEffect as useEffect49, useState as useState59 } from "react";
+import React144, { useEffect as useEffect48, useState as useState59 } from "react";
 import { useMedia as useMedia31 } from "react-use";
-import { selectPeerCount as selectPeerCount6, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
 import { PeopleAddIcon as PeopleAddIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/layouts/WaitingView.tsx
@@ -29429,7 +29402,7 @@ var WaitingView = React139.memo(
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
-import React141, { useEffect as useEffect46, useRef as useRef28 } from "react";
+import React141, { useEffect as useEffect45, useRef as useRef27 } from "react";
 import Draggable from "react-draggable";
 import { useMedia as useMedia29 } from "react-use";
 import {
@@ -29493,8 +29466,8 @@ var InsetTile = ({ peerId }) => {
     width = 240;
     height = width / aspectRatio;
   }
-  const nodeRef = useRef28(null);
-  useEffect46(() => {
+  const nodeRef = useRef27(null);
+  useEffect45(() => {
     const node = nodeRef.current;
     if (!node || !window.ResizeObserver) {
       return;
@@ -29554,7 +29527,7 @@ var InsetTile = ({ peerId }) => {
 
 // src/Prebuilt/components/Pagination.tsx
 init_define_process_env();
-import React142, { useEffect as useEffect47 } from "react";
+import React142, { useEffect as useEffect46 } from "react";
 import { ChevronLeftIcon as ChevronLeftIcon7, ChevronRightIcon as ChevronRightIcon4 } from "@100mslive/react-icons";
 var Pagination = ({
   page,
@@ -29571,7 +29544,7 @@ var Pagination = ({
     e.stopPropagation();
     onPageChange(Math.max(page - 1, 0));
   };
-  useEffect47(() => {
+  useEffect46(() => {
     if (page >= numPages) {
       onPageChange(Math.max(0, numPages - 1));
     }
@@ -29635,7 +29608,7 @@ var Grid = React143.forwardRef(
 
 // src/Prebuilt/components/hooks/useTileLayout.tsx
 init_define_process_env();
-import { useEffect as useEffect48, useMemo as useMemo16, useState as useState58 } from "react";
+import { useEffect as useEffect47, useMemo as useMemo16, useState as useState58 } from "react";
 import { useMeasure as useMeasure5, useMedia as useMedia30 } from "react-use";
 import {
   getPeersWithTiles,
@@ -29674,7 +29647,7 @@ var useTileLayout = ({
   const [ref, { width, height }] = useMeasure5();
   const isMobile = useMedia30(config.media.lg);
   const [pagesWithTiles, setPagesWithTiles] = useState58([]);
-  useEffect48(() => {
+  useEffect47(() => {
     if (width === 0 || height === 0) {
       return;
     }
@@ -29707,10 +29680,10 @@ var useTileLayout = ({
           tileHeight = maxRowHeight;
         } else {
           const calcHeights = aspectRatios.map((aR) => tileWidth / aR);
-          for (const h of calcHeights) {
-            if (h < maxRowHeight) {
-              if (tileHeight < h) {
-                tileHeight = h;
+          for (const h2 of calcHeights) {
+            if (h2 < maxRowHeight) {
+              if (tileHeight < h2) {
+                tileHeight = h2;
               }
             }
           }
@@ -29744,7 +29717,6 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   const isMobile = useMedia31(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
-  const peerCount = useHMSStore74(selectPeerCount6);
   const pageList = usePagesWithTiles({
     peers,
     maxTileCount
@@ -29756,7 +29728,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   });
   const [page, setPage] = useState59(0);
   const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
-  useEffect49(() => {
+  useEffect48(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
@@ -29774,8 +29746,8 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   ), pageList.length === 0 ? /* @__PURE__ */ React144.createElement(
     WaitingView,
     {
-      title: peerCount <= 1 ? "You're the only one here" : "Glad to have you here",
-      subtitle: peerCount <= 1 ? "Sit back and relax till others join" : "",
+      title: "You're the first to join",
+      subtitle: "Sit back and relax till others join",
       icon: /* @__PURE__ */ React144.createElement(PeopleAddIcon2, { width: "56px", height: "56px", style: { color: "white" } })
     }
   ) : null, isInsetEnabled && /* @__PURE__ */ React144.createElement(InsetTile, null));
@@ -29783,15 +29755,15 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 
 // src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
 init_define_process_env();
-import React147, { useEffect as useEffect51, useState as useState61 } from "react";
+import React147, { useEffect as useEffect50, useState as useState61 } from "react";
 import { useMedia as useMedia33 } from "react-use";
-import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
-import React146, { useEffect as useEffect50, useRef as useRef29, useState as useState60 } from "react";
+import React146, { useEffect as useEffect49, useRef as useRef28, useState as useState60 } from "react";
 import { useMedia as useMedia32 } from "react-use";
-import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore12, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore12, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
 init_define_process_env();
@@ -29878,11 +29850,11 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   const isMobile = useMedia32(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = useState60(0);
-  const pinnedTrackId = useHMSStore75(selectAppData10(APP_DATA.pinnedTrackId));
-  const spotlightPeerId = useHMSStore75(selectSessionStore12("spotlight" /* SPOTLIGHT */));
-  const activeScreensharePeerId = useHMSStore75(selectAppData10(APP_DATA.activeScreensharePeerId));
-  const pinnedPeer = (_a7 = useHMSStore75(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a7.peerId;
-  const pageChangedAfterPinning = useRef29(false);
+  const pinnedTrackId = useHMSStore74(selectAppData10(APP_DATA.pinnedTrackId));
+  const spotlightPeerId = useHMSStore74(selectSessionStore12("spotlight" /* SPOTLIGHT */));
+  const activeScreensharePeerId = useHMSStore74(selectAppData10(APP_DATA.activeScreensharePeerId));
+  const pinnedPeer = (_a7 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a7.peerId;
+  const pageChangedAfterPinning = useRef28(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
       if (activeScreensharePeerId === p1.id) {
@@ -29903,18 +29875,18 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
     maxTileCount
   });
   const pageSize = ((_b7 = pagesWithTiles[0]) == null ? void 0 : _b7.length) || 0;
-  useEffect50(() => {
+  useEffect49(() => {
     var _a8;
     if (peers.length > 0 && !((_a8 = pagesWithTiles[page]) == null ? void 0 : _a8.length)) {
       setPage(Math.max(0, page - 1));
     }
   }, [peers, page, pagesWithTiles]);
-  useEffect50(() => {
+  useEffect49(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
   }, [pageSize, onPageSize]);
-  useEffect50(() => {
+  useEffect49(() => {
     if ((pinnedPeer || spotlightPeerId) && page !== 0 && !pageChangedAfterPinning.current) {
       setPage(0);
       pageChangedAfterPinning.current = true;
@@ -29981,7 +29953,7 @@ function RoleProminence({
 }) {
   var _a7;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = useHMSStore76(selectLocalPeer11);
+  const localPeer = useHMSStore75(selectLocalPeer11);
   const isMobile = useMedia33(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? 4 : maxTileCount;
@@ -29995,7 +29967,7 @@ function RoleProminence({
   });
   const [page, setPage] = useState61(0);
   const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
-  useEffect51(() => {
+  useEffect50(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
@@ -30015,13 +29987,13 @@ function RoleProminence({
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
-import React151, { useEffect as useEffect52, useMemo as useMemo18, useState as useState64 } from "react";
+import React151, { useEffect as useEffect51, useMemo as useMemo18, useState as useState64 } from "react";
 import { useMedia as useMedia35 } from "react-use";
-import { selectPeersScreenSharing, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
+import { selectPeersScreenSharing, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
-import React150, { useRef as useRef30, useState as useState63 } from "react";
+import React150, { useRef as useRef29, useState as useState63 } from "react";
 import { useFullscreen as useFullscreen2, useMedia as useMedia34 } from "react-use";
 import screenfull2 from "screenfull";
 import {
@@ -30029,7 +30001,7 @@ import {
   selectPeerByID as selectPeerByID4,
   selectScreenShareAudioByPeerID,
   selectScreenShareByPeerID as selectScreenShareByPeerID2,
-  useHMSStore as useHMSStore77
+  useHMSStore as useHMSStore76
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
 
@@ -30184,21 +30156,21 @@ var labelStyles = {
   flexShrink: 0
 };
 var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-  const isLocal = useHMSStore77(selectLocalPeerID12) === peerId;
-  const track = useHMSStore77(selectScreenShareByPeerID2(peerId));
+  const isLocal = useHMSStore76(selectLocalPeerID12) === peerId;
+  const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
   const { theme: theme2 } = useTheme();
-  const peer = useHMSStore77(selectPeerByID4(peerId));
+  const peer = useHMSStore76(selectPeerByID4(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const [isMouseHovered, setIsMouseHovered] = useState63(false);
   const isMobile = useMedia34(config.media.md);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const fullscreenRef = useRef30(null);
+  const fullscreenRef = useRef29(null);
   const [fullscreen, setFullscreen] = useState63(false);
   const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
     onClose: () => setFullscreen(false)
   });
   const isFullScreenSupported = screenfull2.isEnabled;
-  const audioTrack = useHMSStore77(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
+  const audioTrack = useHMSStore76(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
   if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
     return /* @__PURE__ */ React150.createElement(ScreenshareDisplay, null);
   }
@@ -30208,8 +30180,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
   const label = getVideoTileLabel({
     peerName: peer == null ? void 0 : peer.name,
     isLocal: false,
-    videoTrack: track,
-    audioTrack
+    track
   });
   return /* @__PURE__ */ React150.createElement(
     StyledVideoTile.Root,
@@ -30278,7 +30249,7 @@ var ScreenshareTile_default = ScreenshareTile;
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   var _a7;
-  const peersSharing = useHMSStore78(selectPeersScreenSharing);
+  const peersSharing = useHMSStore77(selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const [page, setPage] = useState64(0);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
@@ -30294,7 +30265,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
     }
     return peers.filter((p) => p.id !== (activeSharePeer == null ? void 0 : activeSharePeer.id));
   }, [activeSharePeer, peers, isMobile, layoutMode]);
-  useEffect52(() => {
+  useEffect51(() => {
     if (isMobile) {
       setLayoutMode(LayoutMode.GALLERY);
       return;
@@ -30307,7 +30278,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setLayoutMode(LayoutMode.GALLERY);
     };
   }, [isMobile]);
-  useEffect52(() => {
+  useEffect51(() => {
     setActiveScreenSharePeer(activeSharePeer == null ? void 0 : activeSharePeer.id);
     return () => {
       setActiveScreenSharePeer("");
@@ -30327,10 +30298,10 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
 
 // src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
 init_define_process_env();
-import React152, { useEffect as useEffect53, useMemo as useMemo19 } from "react";
+import React152, { useEffect as useEffect52, useMemo as useMemo19 } from "react";
 import { useMedia as useMedia36 } from "react-use";
 import { Whiteboard } from "@100mslive/hms-whiteboard";
-import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore79, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
+import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var WhiteboardEmbed = () => {
   const isMobile = useMedia36(config.media.md);
   const { token, endpoint, zoomToContent } = useWhiteboard2(isMobile);
@@ -30354,8 +30325,8 @@ var WhiteboardEmbed = () => {
   );
 };
 var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-  const whiteboard = useHMSStore79(selectWhiteboard);
-  const whiteboardOwner = useHMSStore79(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
+  const whiteboard = useHMSStore78(selectWhiteboard);
+  const whiteboardOwner = useHMSStore78(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const isMobile = useMedia36(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
@@ -30368,7 +30339,7 @@ var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
     }
     return peers.filter((p) => p.id !== (whiteboardOwner == null ? void 0 : whiteboardOwner.id));
   }, [whiteboardOwner, peers, isMobile, layoutMode]);
-  useEffect53(() => {
+  useEffect52(() => {
     if (isMobile) {
       setLayoutMode(LayoutMode.GALLERY);
       return;
@@ -30500,12 +30471,12 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore80(selectPeerScreenSharing2);
-  const whiteboard = useHMSStore80(selectWhiteboard2);
+  const peerSharing = useHMSStore79(selectPeerScreenSharing2);
+  const whiteboard = useHMSStore79(selectWhiteboard2);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore80(selectPeers3);
-  const localPeerRole = useHMSStore80(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore80(selectLocalPeerID13);
+  const peers = useHMSStore79(selectPeers3);
+  const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
+  const localPeerID = useHMSStore79(selectLocalPeerID13);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -30546,7 +30517,7 @@ var GridLayout = ({
     hideMetadataOnTile: hide_metadata_on_tile,
     objectFit: video_object_fit
   };
-  useEffect54(() => {
+  useEffect53(() => {
     if (mainPage !== 0) {
       return;
     }
@@ -30603,20 +30574,20 @@ var GridLayout = ({
 
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
-import React154, { useEffect as useEffect55, useMemo as useMemo21 } from "react";
-import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
+import React154, { useEffect as useEffect54, useMemo as useMemo21 } from "react";
+import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
 var EmbedView = () => {
   return /* @__PURE__ */ React154.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React154.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore81(selectPeers4);
-  const peerPresenting = useHMSStore81(selectPeerScreenSharing3);
+  const peers = useHMSStore80(selectPeers4);
+  const peerPresenting = useHMSStore80(selectPeerScreenSharing3);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const smallTilePeers = useMemo21(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
     return smallTilePeers2;
   }, [peers, peerPresenting]);
-  useEffect55(() => {
+  useEffect54(() => {
     setActiveScreenSharePeer(peerPresenting == null ? void 0 : peerPresenting.id);
     return () => {
       setActiveScreenSharePeer("");
@@ -30625,10 +30596,10 @@ var EmbedScreenShareView = ({ children }) => {
   return /* @__PURE__ */ React154.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React154.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React154.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore81(selectAppData11(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore80(selectAppData11(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
-  useEffect55(() => {
+  useEffect54(() => {
     (() => __async(void 0, null, function* () {
       if (embedConfig && !isEmbedShareInProgress) {
         try {
@@ -30676,18 +30647,18 @@ var EmbedComponent = () => {
 
 // src/Prebuilt/layouts/PDFView.jsx
 init_define_process_env();
-import React155, { useEffect as useEffect56 } from "react";
+import React155, { useEffect as useEffect55 } from "react";
 import { usePDFShare } from "@100mslive/react-sdk";
 var PDFView = () => {
   const pdfConfig = usePDFConfig();
   const resetConfig = useResetPDFConfig();
   const { iframeRef, startPDFShare, isPDFShareInProgress } = usePDFShare(resetConfig);
-  useEffect56(() => {
+  useEffect55(() => {
     return () => {
       resetConfig();
     };
   }, []);
-  useEffect56(() => {
+  useEffect55(() => {
     (() => __async(void 0, null, function* () {
       try {
         if (!isPDFShareInProgress && pdfConfig) {
@@ -30735,13 +30706,13 @@ var PDFView = () => {
 
 // src/Prebuilt/plugins/CaptionsViewer.tsx
 init_define_process_env();
-import React156, { useEffect as useEffect57, useRef as useRef31, useState as useState66 } from "react";
+import React156, { useEffect as useEffect56, useRef as useRef30, useState as useState66 } from "react";
 import Draggable2 from "react-draggable";
 import { useMedia as useMedia37 } from "react-use";
 import {
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled5,
   selectPeerNameByID as selectPeerNameByID6,
-  useHMSStore as useHMSStore82,
+  useHMSStore as useHMSStore81,
   useTranscript
 } from "@100mslive/react-sdk";
 var SimpleQueue = class {
@@ -30877,7 +30848,7 @@ var CaptionMaintainerQueue = class {
   }
 };
 var TranscriptView = ({ peer_id, data: data3 }) => {
-  const peerName = useHMSStore82(selectPeerNameByID6(peer_id)) || "Participant";
+  const peerName = useHMSStore81(selectPeerNameByID6(peer_id)) || "Participant";
   data3 = data3.trim();
   if (!data3)
     return null;
@@ -30905,9 +30876,9 @@ var CaptionsViewer = ({
   const [captionQueue] = useState66(new CaptionMaintainerQueue());
   const [currentData, setCurrentData] = useState66([]);
   const isCaptionEnabled = useIsCaptionEnabled();
-  const isTranscriptionEnabled = useHMSStore82(selectIsTranscriptionEnabled5);
-  const nodeRef = useRef31(null);
-  useEffect57(() => {
+  const isTranscriptionEnabled = useHMSStore81(selectIsTranscriptionEnabled5);
+  const nodeRef = useRef30(null);
+  useEffect56(() => {
     const timeInterval = setInterval(() => {
       var _a8;
       if (!captionQueue) {
@@ -30974,12 +30945,12 @@ var CaptionsViewer = ({
 
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
 init_define_process_env();
-import { useEffect as useEffect58 } from "react";
-import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore83, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
+import { useEffect as useEffect57 } from "react";
+import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore82, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
 var useCloseScreenshareWhiteboard = () => {
-  const peerSharing = useHMSStore83(selectPeerScreenSharing4);
+  const peerSharing = useHMSStore82(selectPeerScreenSharing4);
   const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
-  useEffect58(() => {
+  useEffect57(() => {
     if (isWhiteboardOwner && peerSharing) {
       toggleWhiteboard == null ? void 0 : toggleWhiteboard();
     }
@@ -30987,16 +30958,16 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => import("./HLSView-YFTHW2VY.js"));
+var HLSView = React157.lazy(() => import("./HLSView-OC227E7N.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
   var _a7;
-  const localPeerRoleName = useHMSStore84(selectLocalPeerRoleName6);
-  const isConnected = useHMSStore84(selectIsConnectedToRoom9);
-  const isSharingScreen = useHMSStore84(selectIsLocalScreenShared2);
+  const localPeerRoleName = useHMSStore83(selectLocalPeerRoleName6);
+  const isConnected = useHMSStore83(selectIsConnectedToRoom9);
+  const isSharingScreen = useHMSStore83(selectIsLocalScreenShared2);
   const hmsActions = useHMSActions48();
   const urlToIframe = useUrlToEmbed();
   const pdfAnnotatorActive = usePDFConfig();
@@ -31006,7 +30977,7 @@ var VideoStreamingSection = ({
   const [captionPosition, setCaptionPosition] = useState67({ x: isMobile ? 0 : -200, y: 0 });
   useCloseScreenshareWhiteboard();
   const { isNotAllowedToPublish, isScreenOnlyPublishParams, hasSubscribedRolePublishing } = useWaitingRoomInfo();
-  useEffect59(() => {
+  useEffect58(() => {
     if (!isConnected) {
       return;
     }
@@ -31106,7 +31077,7 @@ init_define_process_env();
 init_define_process_env();
 import React160 from "react";
 import { useMedia as useMedia40 } from "react-use";
-import { HMSRoomState as HMSRoomState7, selectRoomState as selectRoomState7, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState7, selectRoomState as selectRoomState7, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
@@ -31142,7 +31113,7 @@ import {
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
   useHMSActions as useHMSActions49,
-  useHMSStore as useHMSStore85
+  useHMSStore as useHMSStore84
 } from "@100mslive/react-sdk";
 import {
   BluetoothIcon,
@@ -31157,9 +31128,9 @@ var CamaraFlipActions = () => {
   const actions = useHMSActions49();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
-  const isVideoOn = useHMSStore85(selectIsLocalVideoEnabled8);
-  const videoTrackId = useHMSStore85(selectLocalVideoTrackID3);
-  const localVideoTrack = useHMSStore85(selectVideoTrackByID7(videoTrackId));
+  const isVideoOn = useHMSStore84(selectIsLocalVideoEnabled8);
+  const videoTrackId = useHMSStore84(selectLocalVideoTrackID3);
+  const localVideoTrack = useHMSStore84(selectVideoTrackByID7(videoTrackId));
   if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
     return null;
   }
@@ -31297,7 +31268,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React159.createElement(Re
 
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
-  const roomState = useHMSStore86(selectRoomState7);
+  const roomState = useHMSStore85(selectRoomState7);
   const isMobile = useMedia40(config.media.md);
   if (roomState !== HMSRoomState7.Connected) {
     return /* @__PURE__ */ React160.createElement(React160.Fragment, null);
@@ -31319,12 +31290,12 @@ var Header2 = () => {
 
 // src/Prebuilt/components/PreviousRoleInMetadata.tsx
 init_define_process_env();
-import { useEffect as useEffect60 } from "react";
+import { useEffect as useEffect59 } from "react";
 import { selectLocalPeerRoleName as selectLocalPeerRoleName7, useHMSVanillaStore as useHMSVanillaStore14 } from "@100mslive/react-sdk";
 var PreviousRoleInMetadata = () => {
   const vanillaStore = useHMSVanillaStore14();
   const { updateMetaData } = useMyMetadata();
-  useEffect60(() => {
+  useEffect59(() => {
     let previousRole = vanillaStore.getState(selectLocalPeerRoleName7);
     const unsubscribe = vanillaStore.subscribe((currentRole) => {
       if (previousRole !== currentRole && currentRole) {
@@ -31343,20 +31314,20 @@ var ConferenceScreen = () => {
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-  const roomState = useHMSStore87(selectRoomState8);
-  const isConnectedToRoom = useHMSStore87(selectIsConnectedToRoom10);
+  const roomState = useHMSStore86(selectRoomState8);
+  const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom10);
   const hmsActions = useHMSActions50();
   const [hideControls, setHideControls] = useState68(false);
-  const dropdownList = useHMSStore87(selectAppData12(APP_DATA.dropdownList));
+  const dropdownList = useHMSStore86(selectAppData12(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
-  const headerRef = useRef32(null);
-  const footerRef = useRef32(null);
+  const headerRef = useRef31(null);
+  const footerRef = useRef31(null);
   const isMobileDevice = isAndroid || isIOS || isIPadOS;
-  const dropdownListRef = useRef32();
+  const dropdownListRef = useRef31();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const { requestPermission } = useAwayNotifications3();
   const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
-  const autoRoomJoined = useRef32(isPreviewScreenEnabled);
+  const autoRoomJoined = useRef31(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
@@ -31366,7 +31337,7 @@ var ConferenceScreen = () => {
       setHideControls((value) => !value);
     }
   };
-  useEffect61(() => {
+  useEffect60(() => {
     let timeout;
     dropdownListRef.current = dropdownList || [];
     if (dropdownListRef.current && dropdownListRef.current.length === 0) {
@@ -31381,7 +31352,7 @@ var ConferenceScreen = () => {
       clearTimeout(timeout);
     };
   }, [dropdownList, hideControls, isMobileDevice]);
-  useEffect61(() => {
+  useEffect60(() => {
     if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== HMSRoomState8.Connecting && !autoRoomJoined.current) {
       hmsActions.join({
         userName: userName || uuid3(),
@@ -31405,7 +31376,7 @@ var ConferenceScreen = () => {
     userName,
     requestPermission
   ]);
-  useEffect61(() => {
+  useEffect60(() => {
     onJoinFunc == null ? void 0 : onJoinFunc();
     return () => {
       PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
@@ -31586,12 +31557,12 @@ var ErrorBoundary = class extends Component {
 
 // src/Prebuilt/components/init/Init.jsx
 init_define_process_env();
-import React163, { useEffect as useEffect63 } from "react";
+import React163, { useEffect as useEffect62 } from "react";
 
 // src/Prebuilt/services/FeatureFlags.jsx
 init_define_process_env();
-import { useEffect as useEffect62 } from "react";
-import { selectRoomID, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
+import { useEffect as useEffect61 } from "react";
+import { selectRoomID, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
 var FeatureFlags = class {
   static init(roomId) {
     if (!window.HMS) {
@@ -31616,8 +31587,8 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
 __publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
 __publicField(FeatureFlags, "enableWhiteboard", define_process_env_default.REACT_APP_ENABLE_WHITEBOARD && define_process_env_default.REACT_APP_PUSHER_APP_KEY && define_process_env_default.REACT_APP_PUSHER_AUTHENDPOINT);
 function FeatureFlagsInit() {
-  const roomId = useHMSStore88(selectRoomID);
-  useEffect62(() => {
+  const roomId = useHMSStore87(selectRoomID);
+  useEffect61(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
     }
@@ -31628,10 +31599,10 @@ function FeatureFlagsInit() {
 // src/Prebuilt/components/init/Init.jsx
 var Init = () => {
   const { toggleTheme } = useTheme();
-  useEffect63(() => {
+  useEffect62(() => {
     window.toggleUiTheme = toggleTheme;
   }, [toggleTheme]);
-  useEffect63(() => {
+  useEffect62(() => {
     function resetHeight() {
       var _a7;
       document.body.style.height = `${((_a7 = window.visualViewport) == null ? void 0 : _a7.height) || window.innerHeight}px`;
@@ -31647,7 +31618,7 @@ var Init = () => {
 
 // src/Prebuilt/components/Input/KeyboardInputManager.js
 init_define_process_env();
-import { useEffect as useEffect64 } from "react";
+import { useEffect as useEffect63 } from "react";
 import {
   selectAppData as selectAppData13,
   selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
@@ -31742,7 +31713,7 @@ _unbind = new WeakMap();
 var KeyboardHandler = () => {
   const store = useHMSVanillaStore15();
   const actions = useHMSActions51();
-  useEffect64(() => {
+  useEffect63(() => {
     const keyboardManager = new KeyboardInputManager(store, actions);
     keyboardManager.bindAllShortcuts();
     return keyboardManager.unbindAllShortcuts;
@@ -32267,7 +32238,7 @@ var LeaveScreen = () => {
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
-import React168, { useEffect as useEffect65, useState as useState71 } from "react";
+import React168, { useEffect as useEffect64, useState as useState71 } from "react";
 import { useMedia as useMedia44 } from "react-use";
 import { match as match14, P as P6 } from "ts-pattern";
 import { RefreshIcon } from "@100mslive/react-icons";
@@ -32275,7 +32246,7 @@ var MwebLandscapePrompt = () => {
   const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState71(false);
   const isLandscape = useMedia44(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
-  useEffect65(() => {
+  useEffect64(() => {
     var _a7;
     if (!isMobileUserAgent) {
       setShowMwebLandscapePrompt(false);
@@ -32320,7 +32291,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React177, { useCallback as useCallback36, useEffect as useEffect76 } from "react";
+import React177, { useCallback as useCallback36, useEffect as useEffect75 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes11,
   HMSRoomState as HMSRoomState10,
@@ -32331,7 +32302,7 @@ import {
   useAwayNotifications as useAwayNotifications5,
   useCustomEvent as useCustomEvent4,
   useHMSNotifications as useHMSNotifications11,
-  useHMSStore as useHMSStore92,
+  useHMSStore as useHMSStore91,
   useHMSVanillaStore as useHMSVanillaStore17
 } from "@100mslive/react-sdk";
 import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
@@ -32369,15 +32340,15 @@ function AutoplayBlockedModal() {
 
 // src/Prebuilt/components/Notifications/ChatNotifications.tsx
 init_define_process_env();
-import React170, { useEffect as useEffect66 } from "react";
+import React170, { useEffect as useEffect65 } from "react";
 import { v4 as uuid4 } from "uuid";
-import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
 var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
-  const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
-  const localPeerId = useHMSStore89(selectLocalPeerID14);
-  useEffect66(() => {
+  const chatState = useHMSStore88(selectSessionStore13("chatState" /* CHAT_STATE */));
+  const localPeerId = useHMSStore88(selectLocalPeerID14);
+  useEffect65(() => {
     var _a7, _b7;
     if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
       return;
@@ -32398,7 +32369,7 @@ var ChatNotifications = () => {
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect67 } from "react";
+import { useEffect as useEffect66 } from "react";
 import { useDebounce as useDebounce2 } from "react-use";
 import {
   HMSNotificationTypes as HMSNotificationTypes2,
@@ -32410,7 +32381,7 @@ import {
   selectRoomState as selectRoomState9,
   useAwayNotifications as useAwayNotifications4,
   useHMSNotifications as useHMSNotifications2,
-  useHMSStore as useHMSStore91,
+  useHMSStore as useHMSStore90,
   useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
 
@@ -32420,7 +32391,7 @@ init_define_process_env();
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
 import React171, { useCallback as useCallback35 } from "react";
-import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions53, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
+import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions53, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
   ConnectivityIcon,
@@ -32442,7 +32413,7 @@ var HandRaiseAction = React171.forwardRef(({ id = "", isSingleHandRaise = true }
   const hmsActions = useHMSActions53();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const peer = useHMSStore90(selectPeerByID5(id));
+  const peer = useHMSStore89(selectPeerByID5(id));
   const layout = useRoomLayout();
   const {
     bring_to_stage_label,
@@ -32651,14 +32622,14 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 var HandRaisedNotifications = () => {
   var _a7, _b7;
   const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
-  const roomState = useHMSStore91(selectRoomState9);
+  const roomState = useHMSStore90(selectRoomState9);
   const vanillaStore = useHMSVanillaStore16();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
-  const amIScreenSharing = useHMSStore91(selectIsLocalScreenShared3);
+  const amIScreenSharing = useHMSStore90(selectIsLocalScreenShared3);
   const { showNotification } = useAwayNotifications4();
   const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
-  useEffect67(() => {
+  useEffect66(() => {
     var _a8;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
@@ -32698,13 +32669,13 @@ var HandRaisedNotifications = () => {
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
 init_define_process_env();
-import React172, { useEffect as useEffect68, useState as useState72 } from "react";
+import React172, { useEffect as useEffect67, useState as useState72 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
 var InitErrorModal = () => {
   const notification = useHMSNotifications3(HMSNotificationTypes3.ERROR);
   const [showModal, setShowModal] = useState72(false);
   const [info, setInfo] = useState72({ title: "Init Error", description: "" });
-  useEffect68(() => {
+  useEffect67(() => {
     const data3 = notification == null ? void 0 : notification.data;
     if (!data3 || data3.action !== "INIT") {
       return;
@@ -32729,7 +32700,7 @@ var InitErrorModal = () => {
 
 // src/Prebuilt/components/Notifications/PeerNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect69 } from "react";
+import { useEffect as useEffect68 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes4, useHMSNotifications as useHMSNotifications4 } from "@100mslive/react-sdk";
 var notificationTypes = [HMSNotificationTypes4.PEER_JOINED, HMSNotificationTypes4.PEER_LEFT];
 var PeerNotifications = () => {
@@ -32737,7 +32708,7 @@ var PeerNotifications = () => {
   const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
   const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
   const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
-  useEffect69(() => {
+  useEffect68(() => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -32766,7 +32737,7 @@ var PeerNotifications = () => {
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
-import React173, { useEffect as useEffect70, useState as useState73 } from "react";
+import React173, { useEffect as useEffect69, useState as useState73 } from "react";
 import { useMedia as useMedia45 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 
@@ -32785,7 +32756,7 @@ var PermissionErrorModal = ({ error }) => {
   const [deviceType, setDeviceType] = useState73("");
   const [isSystemError, setIsSystemError] = useState73(false);
   const isMobile = useMedia45(config.media.md);
-  useEffect70(() => {
+  useEffect69(() => {
     if (!error || (error == null ? void 0 : error.code) !== 3001 && (error == null ? void 0 : error.code) !== 3011 || (error == null ? void 0 : error.code) === 3001 && (error == null ? void 0 : error.message.includes("screen"))) {
       return;
     }
@@ -32841,7 +32812,7 @@ var PermissionErrorModal = ({ error }) => {
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect71, useRef as useRef33 } from "react";
+import { useEffect as useEffect70, useRef as useRef32 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
 var notificationTypes2 = [
   HMSNotificationTypes6.RECONNECTED,
@@ -32851,8 +32822,8 @@ var notificationTypes2 = [
 var notificationId = null;
 var ReconnectNotifications = () => {
   const notification = useHMSNotifications6(notificationTypes2);
-  const prevErrorCode = useRef33(0);
-  useEffect71(() => {
+  const prevErrorCode = useRef32(0);
+  useEffect70(() => {
     var _a7, _b7;
     if (!notification) {
       return;
@@ -32875,7 +32846,7 @@ var ReconnectNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React174, { useEffect as useEffect72, useState as useState74 } from "react";
+import React174, { useEffect as useEffect71, useState as useState74 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes7,
   useHMSActions as useHMSActions54,
@@ -32890,7 +32861,7 @@ var TrackBulkUnmuteModal = () => {
     HMSNotificationTypes7.ROOM_ENDED,
     HMSNotificationTypes7.REMOVED_FROM_ROOM
   ]);
-  useEffect72(() => {
+  useEffect71(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes7.REMOVED_FROM_ROOM:
       case HMSNotificationTypes7.ROOM_ENDED:
@@ -32929,7 +32900,7 @@ var TrackBulkUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect73 } from "react";
+import { useEffect as useEffect72 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes8, useHMSNotifications as useHMSNotifications8 } from "@100mslive/react-sdk";
 var notificationTypes3 = [
   HMSNotificationTypes8.TRACK_ADDED,
@@ -32939,7 +32910,7 @@ var notificationTypes3 = [
 ];
 var TrackNotifications = () => {
   const notification = useHMSNotifications8(notificationTypes3);
-  useEffect73(() => {
+  useEffect72(() => {
     if (notification) {
       console.debug(`[${notification.type}]`, notification);
     }
@@ -32949,7 +32920,7 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React175, { useEffect as useEffect74, useState as useState75 } from "react";
+import React175, { useEffect as useEffect73, useState as useState75 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
   useHMSActions as useHMSActions55,
@@ -32964,7 +32935,7 @@ var TrackUnmuteModal = () => {
     HMSNotificationTypes9.REMOVED_FROM_ROOM
   ]);
   const [muteNotification, setMuteNotification] = useState75(null);
-  useEffect74(() => {
+  useEffect73(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes9.REMOVED_FROM_ROOM:
       case HMSNotificationTypes9.ROOM_ENDED:
@@ -32988,7 +32959,7 @@ var TrackUnmuteModal = () => {
     {
       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);
@@ -33000,14 +32971,14 @@ var TrackUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
 init_define_process_env();
-import React176, { useEffect as useEffect75 } from "react";
+import React176, { useEffect as useEffect74 } from "react";
 import { match as match15 } from "ts-pattern";
 import { HMSNotificationTypes as HMSNotificationTypes10, HMSTranscriptionState, useHMSNotifications as useHMSNotifications10 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon8, ClosedCaptionIcon as ClosedCaptionIcon3, OpenCaptionIcon as OpenCaptionIcon4 } from "@100mslive/react-icons";
 var TranscriptionNotifications = () => {
   const notification = useHMSNotifications10(HMSNotificationTypes10.TRANSCRIPTION_STATE_UPDATED);
   const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
-  useEffect75(() => {
+  useEffect74(() => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -33049,17 +33020,17 @@ var TranscriptionNotifications = () => {
 var pollToastKey = {};
 function Notifications() {
   var _a7, _b7;
-  const localPeerID = useHMSStore92(selectLocalPeerID15);
+  const localPeerID = useHMSStore91(selectLocalPeerID15);
   const notification = useHMSNotifications11();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = useHMSStore92(selectRoomState10);
+  const roomState = useHMSStore91(selectRoomState10);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
   const vanillaStore = useHMSVanillaStore17();
   const togglePollView = usePollViewToggle();
   const { showNotification } = useAwayNotifications5();
-  const amIScreenSharing = useHMSStore92(selectIsLocalScreenShared4);
+  const amIScreenSharing = useHMSStore91(selectIsLocalScreenShared4);
   const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
   const handleRoleChangeDenied = useCallback36((request) => {
@@ -33069,7 +33040,7 @@ function Notifications() {
     });
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
-  useEffect76(() => {
+  useEffect75(() => {
     var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p, _q;
     if (!notification || isNotificationDisabled) {
       return;
@@ -33255,8 +33226,8 @@ var PreviewScreen = () => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React181, { useEffect as useEffect77, useState as useState77 } from "react";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
+import React181, { useEffect as useEffect76, useState as useState77 } from "react";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
@@ -33279,9 +33250,9 @@ var Toast2 = (_a7) => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
-  const isConnected = useHMSStore93(selectIsConnectedToRoom11);
+  const isConnected = useHMSStore92(selectIsConnectedToRoom11);
   const [toasts, setToast] = useState77([]);
-  useEffect77(() => {
+  useEffect76(() => {
     ToastManager.addListener(setToast);
     return () => {
       ToastManager.removeListener(setToast);
@@ -33302,7 +33273,7 @@ var ToastContainer = () => {
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
 import React183 from "react";
-import { selectAppData as selectAppData14, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData14, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
@@ -33326,7 +33297,7 @@ var RoomDetailsSheet = () => {
 
 // src/Prebuilt/layouts/Sheet.tsx
 var Sheet2 = () => {
-  const sheet = useHMSStore94(selectAppData14(APP_DATA.sheet));
+  const sheet = useHMSStore93(selectAppData14(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
     ViewComponent = /* @__PURE__ */ React183.createElement(RoomDetailsSheet, null);
@@ -33336,7 +33307,7 @@ var Sheet2 = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React184, { useCallback as useCallback38, useEffect as useEffect78, useMemo as useMemo23, useState as useState78 } from "react";
+import React184, { useCallback as useCallback38, useEffect as useEffect77, useMemo as useMemo23, useState as useState78 } from "react";
 import { useMedia as useMedia46 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
@@ -33344,7 +33315,7 @@ import {
   selectPeerNameByID as selectPeerNameByID8,
   useCustomEvent as useCustomEvent5,
   useHMSActions as useHMSActions56,
-  useHMSStore as useHMSStore95,
+  useHMSStore as useHMSStore94,
   useHMSVanillaStore as useHMSVanillaStore18
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
@@ -33371,12 +33342,12 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore95(selectLocalPeerID16);
+  const localPeerId = useHMSStore94(selectLocalPeerID16);
   const vanillaStore = useHMSVanillaStore18();
   const hmsActions = useHMSActions56();
   const [emojis, setEmojis] = useState78([]);
   const isMobile = useMedia46(config.media.md);
-  const isLargeRoom = useHMSStore95(selectIsLargeRoom4);
+  const isLargeRoom = useHMSStore94(selectIsLargeRoom4);
   const startingPoints = useMemo23(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback38(
     (_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
@@ -33410,7 +33381,7 @@ function FlyingEmoji() {
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
-  useEffect78(() => {
+  useEffect77(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
   return /* @__PURE__ */ React184.createElement(
@@ -33489,22 +33460,22 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback40, useEffect as useEffect79, useRef as useRef34 } from "react";
+import { useCallback as useCallback40, useEffect as useEffect78, useRef as useRef33 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
   useHMSActions as useHMSActions58,
-  useHMSStore as useHMSStore96,
+  useHMSStore as useHMSStore95,
   useRecordingStreaming as useRecordingStreaming12
 } from "@100mslive/react-sdk";
 var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const permissions = useHMSStore96(selectPermissions20);
+  const permissions = useHMSStore95(selectPermissions20);
   const showStreamingUI = useShowStreamingUI();
   const hmsActions = useHMSActions58();
-  const isConnected = useHMSStore96(selectIsConnectedToRoom12);
+  const isConnected = useHMSStore95(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
-  const streamStartedRef = useRef34(false);
+  const streamStartedRef = useRef33(false);
   const startHLS = useCallback40(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
@@ -33528,12 +33499,12 @@ var useAutoStartStreaming = () => {
     isHLSRecordingOn,
     isBrowserRecordingOn
   ]);
-  useEffect79(() => {
+  useEffect78(() => {
     if (!isHLSStarted && !isHLSRunning) {
       streamStartedRef.current = false;
     }
   }, [isHLSStarted, isHLSRunning]);
-  useEffect79(() => {
+  useEffect78(() => {
     if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
       return;
     }
@@ -33557,9 +33528,9 @@ var HMSPrebuilt = React186.forwardRef(
     onJoin
   }, ref) => {
     var _a7, _b7, _c, _d;
-    const reactiveStore = useRef35();
+    const reactiveStore = useRef34();
     const [hydrated, setHydrated] = React186.useState(false);
-    useEffect80(() => {
+    useEffect79(() => {
       setHydrated(true);
       const hms = new HMSReactiveStore();
       const hmsStore = hms.getStore();
@@ -33574,13 +33545,13 @@ var HMSPrebuilt = React186.forwardRef(
         hmsNotifications
       };
     }, []);
-    useEffect80(() => {
+    useEffect79(() => {
       if (!ref || !reactiveStore.current) {
         return;
       }
       ref.current = __spreadValues({}, reactiveStore.current);
     }, [ref]);
-    useEffect80(() => {
+    useEffect79(() => {
       return () => {
         var _a8;
         VBHandler.reset();
@@ -33588,10 +33559,10 @@ var HMSPrebuilt = React186.forwardRef(
       };
     }, []);
     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,
@@ -33694,9 +33665,9 @@ var AppStates = ({ activeState }) => {
   return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React186.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React186.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React186.createElement(ConferenceScreen, null));
 };
 var BackSwipe = () => {
-  const isConnectedToRoom = useHMSStore97(selectIsConnectedToRoom13);
+  const isConnectedToRoom = useHMSStore96(selectIsConnectedToRoom13);
   const hmsActions = useHMSActions59();
-  useEffect80(() => {
+  useEffect79(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
       if (isConnectedToRoom) {
         yield hmsActions.leave();
@@ -33747,7 +33718,7 @@ init_define_process_env();
 
 // src/Diagnostics/Diagnostics.tsx
 init_define_process_env();
-import React194, { useCallback as useCallback42, useRef as useRef37, useState as useState84 } from "react";
+import React194, { useCallback as useCallback42, useRef as useRef36, useState as useState84 } from "react";
 import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions61 } from "@100mslive/react-sdk";
 import {
   CheckCircleIcon as CheckCircleIcon7,
@@ -33760,14 +33731,14 @@ import {
 
 // src/Diagnostics/AudioTest.tsx
 init_define_process_env();
-import React190, { useCallback as useCallback41, useEffect as useEffect81, useState as useState80 } from "react";
+import React190, { useCallback as useCallback41, useEffect as useEffect80, useState as useState80 } from "react";
 import {
   selectDevices,
   selectLocalAudioTrackID as selectLocalAudioTrackID2,
   selectLocalMediaSettings,
   selectTrackAudioByID as selectTrackAudioByID2,
   useHMSActions as useHMSActions60,
-  useHMSStore as useHMSStore98
+  useHMSStore as useHMSStore97
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
 
@@ -33853,11 +33824,11 @@ var TestFooter = ({
 // src/Diagnostics/DeviceSelector.jsx
 init_define_process_env();
 var import_prop_types = __toESM(require_prop_types());
-import React189, { useRef as useRef36, useState as useState79 } from "react";
+import React189, { useRef as useRef35, useState as useState79 } from "react";
 var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
   var _a7, _b7;
   const [open, setOpen] = useState79(false);
-  const ref = useRef36(null);
+  const ref = useRef35(null);
   return /* @__PURE__ */ React189.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React189.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React189.createElement(
     Flex,
     {
@@ -33922,12 +33893,12 @@ var SelectContainer = ({ children }) => /* @__PURE__ */ React190.createElement(B
 var MicTest = ({ setError }) => {
   var _a7, _b7;
   const { hmsDiagnostics } = useDiagnostics();
-  const devices = useHMSStore98(selectDevices);
+  const devices = useHMSStore97(selectDevices);
   const [isRecording, setIsRecording] = useState80(false);
   const [selectedMic, setSelectedMic] = useState80(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
-  const trackID = useHMSStore98(selectLocalAudioTrackID2);
-  const audioLevel = useHMSStore98(selectTrackAudioByID2(trackID));
-  const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
+  const trackID = useHMSStore97(selectLocalAudioTrackID2);
+  const audioLevel = useHMSStore97(selectTrackAudioByID2(trackID));
+  const { audioOutputDeviceId } = useHMSStore97(selectLocalMediaSettings);
   const { playing, setPlaying, audioRef } = useAudioOutputTest({
     deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
   });
@@ -34003,8 +33974,8 @@ var MicTest = ({ setError }) => {
 var SpeakerTest = () => {
   var _a7;
   const actions = useHMSActions60();
-  const devices = useHMSStore98(selectDevices);
-  const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
+  const devices = useHMSStore97(selectDevices);
+  const { audioOutputDeviceId } = useHMSStore97(selectLocalMediaSettings);
   if (devices.audioOutput.length === 0) {
     return /* @__PURE__ */ React190.createElement(React190.Fragment, null);
   }
@@ -34031,7 +34002,7 @@ var AudioTest = () => {
     },
     [updateStep, setErrorAlone]
   );
-  useEffect81(() => {
+  useEffect80(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
   }, [hmsDiagnostics, setError]);
   return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, null, /* @__PURE__ */ React190.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ React190.createElement(
@@ -34053,7 +34024,7 @@ var AudioTest = () => {
 
 // src/Diagnostics/BrowserTest.tsx
 init_define_process_env();
-import React191, { useEffect as useEffect82, useState as useState81 } from "react";
+import React191, { useEffect as useEffect81, useState as useState81 } from "react";
 import { parsedUserAgent as parsedUserAgent4 } from "@100mslive/react-sdk";
 var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
 var operatingSystemIconInfo = {
@@ -34140,7 +34111,7 @@ var BrowserTest = () => {
   var _a7, _b7, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
   const [error, setError] = useState81();
-  useEffect82(() => {
+  useEffect81(() => {
     try {
       hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
     } catch (err) {
@@ -34389,22 +34360,22 @@ var downloadJson = (obj, fileName) => {
 
 // src/Diagnostics/VideoTest.tsx
 init_define_process_env();
-import React193, { useEffect as useEffect83, useState as useState83 } from "react";
+import React193, { useEffect as useEffect82, useState as useState83 } from "react";
 import {
   selectDevices as selectDevices2,
   selectLocalMediaSettings as selectLocalMediaSettings2,
   selectLocalVideoTrackID as selectLocalVideoTrackID4,
-  useHMSStore as useHMSStore99
+  useHMSStore as useHMSStore98
 } from "@100mslive/react-sdk";
 import { VideoOnIcon as VideoOnIcon5 } from "@100mslive/react-icons";
 var VideoTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const allDevices = useHMSStore99(selectDevices2);
+  const allDevices = useHMSStore98(selectDevices2);
   const { videoInput } = allDevices;
-  const trackID = useHMSStore99(selectLocalVideoTrackID4);
-  const sdkSelectedDevices = useHMSStore99(selectLocalMediaSettings2);
+  const trackID = useHMSStore98(selectLocalVideoTrackID4);
+  const sdkSelectedDevices = useHMSStore98(selectLocalMediaSettings2);
   const [error, setError] = useState83();
-  useEffect83(() => {
+  useEffect82(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
       updateStep(1 /* VIDEO */, { hasFailed: true });
       setError(err);
@@ -34529,7 +34500,7 @@ var DiagnosticsProvider = () => {
   const actions = useHMSActions61();
   const [activeStep, setActiveStep] = useState84(0);
   const [steps, setSteps] = useState84(initialSteps);
-  const diagnosticsRef = useRef37(actions.initDiagnostics());
+  const diagnosticsRef = useRef36(actions.initDiagnostics());
   const updateStep = useCallback42((step, value) => {
     setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
   }, []);
@@ -34683,4 +34654,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-Y3UYAB6J.js.map
+//# sourceMappingURL=chunk-PQZ2DCJW.js.map