@100mslive/roomkit-react 0.6.2-alpha.0 → 0.6.2-alpha.2

package/dist/index.js

@@ -56,13 +56,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
@@ -102,7 +102,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_ecdb7b53-0633-4b4d-a47f-17a165a299d1", npm_package_resolutions_js_cookie: "^3.0.7", 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", DOTNET_NOLOGO: "1", npm_package_resolutions_tar: "^7.5.18", npm_package_resolutions_____tldraw_tlschema_nanoid: "^5.1.16", 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.3.2-alpha.0", USER: "runner", npm_package_resolutions_picomatch: "^2.3.2", npm_package_resolutions__octokit_request: "^8.4.1", npm_package_devDependencies_jest: "^29.7.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v24.20.0 linux x64", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_resolutions____babel_plugin_istanbul_test_exclude_minimatch: "^3.1.4", npm_package_devDependencies__size_limit_file: "^12.1.0", 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.13.2-alpha.0", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_ecdb7b53-0633-4b4d-a47f-17a165a299d1", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.20.0/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.16.2-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", HCA_CLOUD_PROVIDER: "azure", npm_package_resolutions_shell_quote: "^1.9.0", 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_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_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_resolutions__babel_runtime: "^7.29.2", npm_package_resolutions__tldraw_tldraw__radix_ui_react_dialog: "1.0.5", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", 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_resolutions_____nx_devkit_minimatch: "^9.0.7", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-9.7.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/29.0.14206865", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-Linux", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_resolutions__isaacs_brace_expansion: "^5.0.1", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", SYSTEMD_EXEC_PID: "2083", ACTIONS_ORCHESTRATION_ID: "00f5640c-38d3-4d17-98ca-217a6f8ec581.publish_packages.__default", npm_package_resolutions_tmp: "^0.2.6", npm_package_scripts_postinstall: "husky install", 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", JAVA_HOME_25_X64: "/usr/lib/jvm/temurin-25-jdk-amd64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_resolutions____typedoc_minimatch: "^9.0.7", 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", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20260907.300.1", npm_package_resolutions__babel_plugin_transform_modules_systemjs: "^7.29.4", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^29.7.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", LOGNAME: "runner", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GITHUB_ARTIFACTS: "/home/runner/work/_temp/_runner_file_commands/artifacts_ecdb7b53-0633-4b4d-a47f-17a165a299d1", 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.1.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "9:11926", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_resolutions_ua_parser_js: "^2.0.10", npm_package_devDependencies_ts_jest: "^29.1.1", npm_package_devDependencies_lerna: "^9.0.7", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^19.6.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", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/hosted-compute-agent.service/memory.pressure", GOROOT_1_24_X64: "/opt/hostedtoolcache/go/1.24.13/x64", 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.6.2-alpha.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GOROOT_1_25_X64: "/opt/hostedtoolcache/go/1.25.14/x64", GITHUB_RUN_ID: "35259966462", npm_package_workspaces_0: "packages/*", npm_package_resolutions_cross_spawn: "^7.0.6", 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", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "d0c8c72bbabc260df939f332183a33df018d665b", GOROOT_1_26_X64: "/opt/hostedtoolcache/go/1.26.8/x64", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_resolutions_qs: "^6.15.2", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "14199418768461431752", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/ci/release", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJQZXJtaXNzaW9uXCI6M30se1wiU2NvcGVcIjpcInJlZnMvaGVhZHMvbWFpblwiLFwiUGVybWlzc2lvblwiOjF9XSIsImFjc2wiOiIxMCIsImF1ZCI6InZzbzo1ZTEyZTAwOS1kZDAxLTRjY2MtOWU4OS00NTIzMDI1MDNkYjUiLCJiaWxsaW5nX293bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwiZXhwIjoxNzg5NjkyNDU5LCJodHRwOi8vc2NoZW1hcy5taWNyb3NvZnQuY29tL3dzLzIwMDgvMDYvaWRlbnRpdHkvY2xhaW1zL3ByaW1hcnlzaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9zaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJpYXQiOjE3ODk2NzAyNTksImlzcyI6Imh0dHBzOi8vdG9rZW4uYWN0aW9ucy5naXRodWJ1c2VyY29udGVudC5jb20iLCJqb2JfaWQiOiJhNzY3NDllZi1mNGI3LTVmM2UtODIxYS00NTgxZTIzYjFkODciLCJqb2Jfd29ya2Zsb3dfcmVmIjoiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZSIsImpvYl93b3JrZmxvd19zaGEiOiJkMGM4YzcyYmJhYmMyNjBkZjkzOWYzMzIxODNhMzNkZjAxOGQ2NjViIiwibmFtZWlkIjoiZGRkZGRkZGQtZGRkZC1kZGRkLWRkZGQtZGRkZGRkZGRkZGRkIiwibmJmIjoxNzg5NjY5OTU5LCJvaWRjX2V4dHJhIjoie1wiYWN0b3JcIjpcInJhdml0ZWphODNcIixcImFjdG9yX2lkXCI6XCI2NzYzMjYxXCIsXCJiYXNlX3JlZlwiOlwiXCIsXCJjaGVja19ydW5faWRcIjpcIjEwNTMzMjkyOTc3MFwiLFwiZXZlbnRfbmFtZVwiOlwid29ya2Zsb3dfZGlzcGF0Y2hcIixcImhlYWRfcmVmXCI6XCJcIixcImpvYl93b3JrZmxvd19yZWZcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrcy8uZ2l0aHViL3dvcmtmbG93cy9wdWJsaXNoLnltbEByZWZzL2hlYWRzL2NpL3JlbGVhc2VcIixcImpvYl93b3JrZmxvd19zaGFcIjpcImQwYzhjNzJiYmFiYzI2MGRmOTM5ZjMzMjE4M2EzM2RmMDE4ZDY2NWJcIixcInJlZlwiOlwicmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJyZWZfcHJvdGVjdGVkXCI6XCJmYWxzZVwiLFwicmVmX3R5cGVcIjpcImJyYW5jaFwiLFwicmVwb3NpdG9yeVwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzXCIsXCJyZXBvc2l0b3J5X2lkXCI6XCI0Mjk4MjY1MTVcIixcInJlcG9zaXRvcnlfb3duZXJcIjpcIjEwMG1zbGl2ZVwiLFwicmVwb3NpdG9yeV9vd25lcl9pZFwiOlwiNzM4ODMxMzFcIixcInJlcG9zaXRvcnlfdmlzaWJpbGl0eVwiOlwicHVibGljXCIsXCJydW5fYXR0ZW1wdFwiOlwiMVwiLFwicnVuX2lkXCI6XCIzNTI1OTk2NjQ2MlwiLFwicnVuX251bWJlclwiOlwiODY3XCIsXCJydW5uZXJfZW52aXJvbm1lbnRcIjpcImdpdGh1Yi1ob3N0ZWRcIixcInNoYVwiOlwiZDBjOGM3MmJiYWJjMjYwZGY5MzlmMzMyMTgzYTMzZGYwMThkNjY1YlwiLFwid29ya2Zsb3dcIjpcIlB1Ymxpc2ggUGFja2FnZXNcIixcIndvcmtmbG93X3JlZlwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZVwiLFwid29ya2Zsb3dfc2hhXCI6XCJkMGM4YzcyYmJhYmMyNjBkZjkzOWYzMzIxODNhMzNkZjAxOGQ2NjViXCJ9Iiwib2lkY19zdWIiOiJyZXBvOjEwMG1zbGl2ZS93ZWItc2RrczpyZWY6cmVmcy9oZWFkcy9jaS9yZWxlYXNlIiwib3JjaF9pZCI6IjAwZjU2NDBjLTM4ZDMtNGQxNy05OGNhLTIxN2E2ZjhlYzU4MS5wdWJsaXNoX3BhY2thZ2VzLl9fZGVmYXVsdCIsIm93bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwicGxhbl9pZCI6IjAwZjU2NDBjLTM4ZDMtNGQxNy05OGNhLTIxN2E2ZjhlYzU4MSIsInJlcG9zaXRvcnlfaWQiOiI0Mjk4MjY1MTUiLCJyZXBvc2l0b3J5X293bmVyX2lkIjoiNzM4ODMxMzEiLCJyZXBvc2l0b3J5X3Zpc2liaWxpdHkiOiJwdWJsaWMiLCJydW5faWQiOiIzNTI1OTk2NjQ2MiIsInJ1bl9udW1iZXIiOiI4NjciLCJydW5fdHlwZSI6ImZ1bGwiLCJydW5uZXJfaWQiOiIxMDAwNjExNzE3IiwicnVubmVyX3R5cGUiOiJob3N0ZWQiLCJzY3AiOiJBY3Rpb25zLlJlc3VsdHM6MDBmNTY0MGMtMzhkMy00ZDE3LTk4Y2EtMjE3YTZmOGVjNTgxOmE3Njc0OWVmLWY0YjctNWYzZS04MjFhLTQ1ODFlMjNiMWQ4NyBBY3Rpb25zLlJ1bm5lcjowMGY1NjQwYy0zOGQzLTRkMTctOThjYS0yMTdhNmY4ZWM1ODE6YTc2NzQ5ZWYtZjRiNy01ZjNlLTgyMWEtNDU4MWUyM2IxZDg3IEFjdGlvbnMuVXBsb2FkQXJ0aWZhY3RzOjAwZjU2NDBjLTM4ZDMtNGQxNy05OGNhLTIxN2E2ZjhlYzU4MTphNzY3NDllZi1mNGI3LTVmM2UtODIxYS00NTgxZTIzYjFkODcgZ2VuZXJhdGVfaWRfdG9rZW46MDBmNTY0MGMtMzhkMy00ZDE3LTk4Y2EtMjE3YTZmOGVjNTgxOmE3Njc0OWVmLWY0YjctNWYzZS04MjFhLTQ1ODFlMjNiMWQ4NyBBY3Rpb25zLkdlbmVyaWNSZWFkOjAwMDAwMDAwLTAwMDAtMDAwMC0wMDAwLTAwMDAwMDAwMDAwMCIsInNoYSI6ImQwYzhjNzJiYmFiYzI2MGRmOTM5ZjMzMjE4M2EzM2RmMDE4ZDY2NWIiLCJ0cnVzdF90aWVyIjoiMSJ9.G_h4dik9VUkzhokWE2CRc5GugvEEImgitvLizE4_Mrky8nmX-vRwQYS1vTQ3kawcAADJbetg8i1Mvq11KQI4YQhG6lsSNQlrDfWwIhoVXyHG3hn6lYBXRrn1IpzrFp19bprEoDs43fahs0BM1eZCSPNnSqIsvmaOZs3GBqLKSrS_UnisSYW34-kxcQPPvPMjwJSDyXmPbSvSBNRutpNqDeM2xfRQH622-j53k3CCxYzRPUQ4n3q6YdAKDTRgJ9lkqUU5IE8I2iY-1c3mve2FpXUI83SUALC22BVITBif0pyZf2pBHYaE1SAxxaNhnSDEhHcv6IRvGYDhAkdOU_HW-g", GITHUB_ACTION_REPOSITORY: "", ENABLE_RUNNER_TRACING: "true", npm_package_resolutions_on_headers: "^1.1.0", npm_package_resolutions_semver: "^7.5.2", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.5.0", PATH: "/tmp/yarn--1789670315340-0.2476966830978944:/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/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789670315162-0.3570488536549038:/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/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789670295508-0.16116640383857095:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789670295351-0.49305667036542833:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/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/24.20.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_57a318bc-3a30-47e6-9a64-1b0c622d3428", INVOCATION_ID: "54a7197df2b744798200d3fc92684351", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_resolutions_____tldraw_store_nanoid: "^5.1.16", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^12.1.0", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "867", 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: "^19.6.0", npm_config_legacy_peer_deps: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_resolutions____glob_minimatch: "^3.1.4", npm_package_resolutions_flatted: "^3.4.2", 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 1000611717", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "ci/release", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_ws: "^8.21.0", npm_package_resolutions____eslint_minimatch: "^3.1.4", npm_package_resolutions_braces: "^3.0.3", 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", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.3.13750724", 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_resolutions_ip_address: "^10.4.0", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^9.2.1", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.13.2-alpha.0", npm_package_scripts_types: "tsc -w", SHELL: "/bin/bash", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.6.2-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions__octokit_request_error: "^5.1.1", npm_package_resolutions_axios: "^1.16.0", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies_jest_environment_jsdom: "^29.7.0", NX_ISOLATE_PLUGINS: "false", 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: "false", 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_resolutions_postcss: "^8.5.14", npm_package_resolutions_fast_uri: "^3.1.4", npm_package_resolutions_follow_redirects: "^1.16.0", npm_package_resolutions_esbuild: "^0.28.1", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^11.1.1", 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", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_resolutions____nx_minimatch: "^9.0.7", npm_package_resolutions__babel_helpers: "^7.29.2", GITHUB_SHA: "d0c8c72bbabc260df939f332183a33df018d665b", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/cjs/index.js", npm_package_resolutions____tinyglobby_picomatch: "^4.0.4", npm_package_resolutions__adobe_css_tools: "^4.4.4", npm_package_resolutions_form_data: "^4.0.6", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", NX_TASK_TARGET_TARGET: "build", NX_FORKED_TASK_EXECUTOR: "true", npm_package_dependencies_qrcode_react: "^3.1.0", ACTIONS_RUNNER_RETURN_JOB_RESULT_FOR_HOSTED: "1", GITHUB_REF: "refs/heads/ci/release", 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/esm/index.js", npm_package_resolutions_yaml: "^2.8.3", npm_config_strict_ssl: "true", NX_LOAD_DOT_ENV_FILES: "true", 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_ecdb7b53-0633-4b4d-a47f-17a165a299d1", JAVA_HOME: "/usr/lib/jvm/temurin-17-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_resolutions__tootallnate_once: "^3.0.1", npm_package_resolutions____vite_rollup: "^4.59.0", npm_package_resolutions_____tldraw_editor_nanoid: "^5.1.16", npm_package_scripts_ybys: "yarn && yarn build --no-private", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", 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", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-1-azure-eastus.actions.githubusercontent.com/17//idtoken/00f5640c-38d3-4d17-98ca-217a6f8ec581/a76749ef-f4b7-5f3e-821a-4581e23b1d87?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_ecdb7b53-0633-4b4d-a47f-17a165a299d1", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", npm_package_resolutions_micromatch: "^4.0.8", npm_package_resolutions_js_yaml: "^4.3.0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.28.1", npm_config_save_prefix: "^", npm_config_ignore_optional: "", NX_TUI: "false", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ARTIFACTS_LIST: "/home/runner/work/_temp/_runner_file_commands/artifacts_list_ecdb7b53-0633-4b4d-a47f-17a165a299d1", SGX_AESM_ADDR: "1", PSModulePath: "/root/.local/share/powershell/Modules:/usr/local/share/powershell/Modules:/opt/microsoft/powershell/7/Modules:/usr/share/az_15.6.1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_resolutions_lodash: "^4.18.1", 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", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", 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", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_ecdb7b53-0633-4b4d-a47f-17a165a299d1", npm_package_resolutions_sass: "^1.83.0" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_260d06cf-4c2a-4c83-9b96-0074222ed666", npm_package_resolutions_js_cookie: "^3.0.7", 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", DOTNET_NOLOGO: "1", npm_package_resolutions_tar: "^7.5.18", npm_package_resolutions_____tldraw_tlschema_nanoid: "^5.1.16", 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.3.2-alpha.2", USER: "runner", npm_package_resolutions_picomatch: "^2.3.2", npm_package_resolutions__octokit_request: "^8.4.1", npm_package_devDependencies_jest: "^29.7.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v24.20.0 linux x64", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_resolutions____babel_plugin_istanbul_test_exclude_minimatch: "^3.1.4", npm_package_devDependencies__size_limit_file: "^12.1.0", 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.13.2-alpha.2", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_260d06cf-4c2a-4c83-9b96-0074222ed666", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.20.0/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.16.2-alpha.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", HCA_CLOUD_PROVIDER: "azure", npm_package_resolutions_shell_quote: "^1.9.0", 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_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_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_resolutions__babel_runtime: "^7.29.2", npm_package_resolutions__tldraw_tldraw__radix_ui_react_dialog: "1.0.5", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", 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_resolutions_____nx_devkit_minimatch: "^9.0.7", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-9.7.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/29.0.14206865", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-Linux", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_resolutions__isaacs_brace_expansion: "^5.0.1", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", SYSTEMD_EXEC_PID: "1805", ACTIONS_ORCHESTRATION_ID: "397065d8-4150-4e1f-bce5-087937f725e6.publish_packages.__default", npm_package_resolutions_tmp: "^0.2.6", npm_package_scripts_postinstall: "husky install", 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", JAVA_HOME_25_X64: "/usr/lib/jvm/temurin-25-jdk-amd64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_resolutions____typedoc_minimatch: "^9.0.7", 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", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20260907.300.1", npm_package_resolutions__babel_plugin_transform_modules_systemjs: "^7.29.4", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^29.7.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", LOGNAME: "runner", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GITHUB_ARTIFACTS: "/home/runner/work/_temp/_runner_file_commands/artifacts_260d06cf-4c2a-4c83-9b96-0074222ed666", 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.1.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "9:11680", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_resolutions_ua_parser_js: "^2.0.10", npm_package_devDependencies_ts_jest: "^29.1.1", npm_package_devDependencies_lerna: "^9.0.7", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^19.6.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", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/hosted-compute-agent.service/memory.pressure", GOROOT_1_24_X64: "/opt/hostedtoolcache/go/1.24.13/x64", 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.6.2-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GOROOT_1_25_X64: "/opt/hostedtoolcache/go/1.25.14/x64", GITHUB_RUN_ID: "35328227777", npm_package_workspaces_0: "packages/*", npm_package_resolutions_cross_spawn: "^7.0.6", 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", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "5a301d4301bf3bf16809df84b3eb2ac994daa3da", GOROOT_1_26_X64: "/opt/hostedtoolcache/go/1.26.8/x64", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_resolutions_qs: "^6.15.2", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "3815258791381414679", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/ci/release", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJQZXJtaXNzaW9uXCI6M30se1wiU2NvcGVcIjpcInJlZnMvaGVhZHMvbWFpblwiLFwiUGVybWlzc2lvblwiOjF9XSIsImFjc2wiOiIxMCIsImF1ZCI6InZzbzo1ZTEyZTAwOS1kZDAxLTRjY2MtOWU4OS00NTIzMDI1MDNkYjUiLCJiaWxsaW5nX293bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwiZXhwIjoxNzg5NzQ0ODg4LCJodHRwOi8vc2NoZW1hcy5taWNyb3NvZnQuY29tL3dzLzIwMDgvMDYvaWRlbnRpdHkvY2xhaW1zL3ByaW1hcnlzaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9zaWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJpYXQiOjE3ODk3MjI2ODgsImlzcyI6Imh0dHBzOi8vdG9rZW4uYWN0aW9ucy5naXRodWJ1c2VyY29udGVudC5jb20iLCJqb2JfaWQiOiIxNDBlY2ZlNS1hNTNjLTUxOTMtYmJmYy0xYmU4NWJmNjdiYWMiLCJqb2Jfd29ya2Zsb3dfcmVmIjoiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZSIsImpvYl93b3JrZmxvd19zaGEiOiI1YTMwMWQ0MzAxYmYzYmYxNjgwOWRmODRiM2ViMmFjOTk0ZGFhM2RhIiwibmFtZWlkIjoiZGRkZGRkZGQtZGRkZC1kZGRkLWRkZGQtZGRkZGRkZGRkZGRkIiwibmJmIjoxNzg5NzIyMzg4LCJvaWRjX2V4dHJhIjoie1wiYWN0b3JcIjpcInJhdml0ZWphODNcIixcImFjdG9yX2lkXCI6XCI2NzYzMjYxXCIsXCJiYXNlX3JlZlwiOlwiXCIsXCJjaGVja19ydW5faWRcIjpcIjEwNTU0NjIzOTc2NFwiLFwiZXZlbnRfbmFtZVwiOlwid29ya2Zsb3dfZGlzcGF0Y2hcIixcImhlYWRfcmVmXCI6XCJcIixcImpvYl93b3JrZmxvd19yZWZcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrcy8uZ2l0aHViL3dvcmtmbG93cy9wdWJsaXNoLnltbEByZWZzL2hlYWRzL2NpL3JlbGVhc2VcIixcImpvYl93b3JrZmxvd19zaGFcIjpcIjVhMzAxZDQzMDFiZjNiZjE2ODA5ZGY4NGIzZWIyYWM5OTRkYWEzZGFcIixcInJlZlwiOlwicmVmcy9oZWFkcy9jaS9yZWxlYXNlXCIsXCJyZWZfcHJvdGVjdGVkXCI6XCJmYWxzZVwiLFwicmVmX3R5cGVcIjpcImJyYW5jaFwiLFwicmVwb3NpdG9yeVwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzXCIsXCJyZXBvc2l0b3J5X2lkXCI6XCI0Mjk4MjY1MTVcIixcInJlcG9zaXRvcnlfb3duZXJcIjpcIjEwMG1zbGl2ZVwiLFwicmVwb3NpdG9yeV9vd25lcl9pZFwiOlwiNzM4ODMxMzFcIixcInJlcG9zaXRvcnlfdmlzaWJpbGl0eVwiOlwicHVibGljXCIsXCJydW5fYXR0ZW1wdFwiOlwiMVwiLFwicnVuX2lkXCI6XCIzNTMyODIyNzc3N1wiLFwicnVuX251bWJlclwiOlwiODY5XCIsXCJydW5uZXJfZW52aXJvbm1lbnRcIjpcImdpdGh1Yi1ob3N0ZWRcIixcInNoYVwiOlwiNWEzMDFkNDMwMWJmM2JmMTY4MDlkZjg0YjNlYjJhYzk5NGRhYTNkYVwiLFwid29ya2Zsb3dcIjpcIlB1Ymxpc2ggUGFja2FnZXNcIixcIndvcmtmbG93X3JlZlwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvY2kvcmVsZWFzZVwiLFwid29ya2Zsb3dfc2hhXCI6XCI1YTMwMWQ0MzAxYmYzYmYxNjgwOWRmODRiM2ViMmFjOTk0ZGFhM2RhXCJ9Iiwib2lkY19zdWIiOiJyZXBvOjEwMG1zbGl2ZS93ZWItc2RrczpyZWY6cmVmcy9oZWFkcy9jaS9yZWxlYXNlIiwib3JjaF9pZCI6IjM5NzA2NWQ4LTQxNTAtNGUxZi1iY2U1LTA4NzkzN2Y3MjVlNi5wdWJsaXNoX3BhY2thZ2VzLl9fZGVmYXVsdCIsIm93bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwicGxhbl9pZCI6IjM5NzA2NWQ4LTQxNTAtNGUxZi1iY2U1LTA4NzkzN2Y3MjVlNiIsInJlcG9zaXRvcnlfaWQiOiI0Mjk4MjY1MTUiLCJyZXBvc2l0b3J5X293bmVyX2lkIjoiNzM4ODMxMzEiLCJyZXBvc2l0b3J5X3Zpc2liaWxpdHkiOiJwdWJsaWMiLCJydW5faWQiOiIzNTMyODIyNzc3NyIsInJ1bl9udW1iZXIiOiI4NjkiLCJydW5fdHlwZSI6ImZ1bGwiLCJydW5uZXJfaWQiOiIxMDAwNjEyODEwIiwicnVubmVyX3R5cGUiOiJob3N0ZWQiLCJzY3AiOiJBY3Rpb25zLlJlc3VsdHM6Mzk3MDY1ZDgtNDE1MC00ZTFmLWJjZTUtMDg3OTM3ZjcyNWU2OjE0MGVjZmU1LWE1M2MtNTE5My1iYmZjLTFiZTg1YmY2N2JhYyBBY3Rpb25zLlJ1bm5lcjozOTcwNjVkOC00MTUwLTRlMWYtYmNlNS0wODc5MzdmNzI1ZTY6MTQwZWNmZTUtYTUzYy01MTkzLWJiZmMtMWJlODViZjY3YmFjIEFjdGlvbnMuVXBsb2FkQXJ0aWZhY3RzOjM5NzA2NWQ4LTQxNTAtNGUxZi1iY2U1LTA4NzkzN2Y3MjVlNjoxNDBlY2ZlNS1hNTNjLTUxOTMtYmJmYy0xYmU4NWJmNjdiYWMgZ2VuZXJhdGVfaWRfdG9rZW46Mzk3MDY1ZDgtNDE1MC00ZTFmLWJjZTUtMDg3OTM3ZjcyNWU2OjE0MGVjZmU1LWE1M2MtNTE5My1iYmZjLTFiZTg1YmY2N2JhYyBBY3Rpb25zLkdlbmVyaWNSZWFkOjAwMDAwMDAwLTAwMDAtMDAwMC0wMDAwLTAwMDAwMDAwMDAwMCIsInNoYSI6IjVhMzAxZDQzMDFiZjNiZjE2ODA5ZGY4NGIzZWIyYWM5OTRkYWEzZGEiLCJ0cnVzdF90aWVyIjoiMSJ9.Lmdp9ZcL4QikzXYkrpDMAKEjv5jIIr3YxLVRX2hxZPnj6AV6ibJuSOEcXiLT149ydW0TaUNhv-2eCr2415qWy9blkSdXwbM8vYxjdQmIbbpGACbDvYXUERiKl_aUvdNcKAYwt0vt6z6-r2CkbXKSApJcurFwugIYYRk8F---01jcRLzwUzbPUdPy7ntDTgHtFUUZwLDNpgjsSRQLeqLBUAktzAzz27cPLrLmrRk6nV9GuQNdOfVnJgILusZtZe_eLzxf88uKdC3GewzrpVH8w2IGe9SmrO-5Q0aJPcK3qeLcaUekNCoGesJ3MFcpOHyE6ILu2WRehDUyfpsLXaqDNQ", GITHUB_ACTION_REPOSITORY: "", ENABLE_RUNNER_TRACING: "true", npm_package_resolutions_on_headers: "^1.1.0", npm_package_resolutions_semver: "^7.5.2", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.5.0", PATH: "/tmp/yarn--1789722753309-0.5041006495439735:/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/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789722753198-0.5450502880984767:/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/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789722740410-0.09739761869459707:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1789722740310-0.9813819565382326:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.20.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.20.0/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/24.20.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_af738893-c7ec-4247-a129-62ffacf68e88", INVOCATION_ID: "0a5fc7f6cf9f42968401a317adccabc4", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_resolutions_____tldraw_store_nanoid: "^5.1.16", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^12.1.0", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "869", 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: "^19.6.0", npm_config_legacy_peer_deps: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_resolutions____glob_minimatch: "^3.1.4", npm_package_resolutions_flatted: "^3.4.2", 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 1000612810", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "ci/release", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_ws: "^8.21.0", npm_package_resolutions____eslint_minimatch: "^3.1.4", npm_package_resolutions_braces: "^3.0.3", 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", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.3.13750724", 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_resolutions_ip_address: "^10.4.0", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^9.2.1", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.13.2-alpha.2", npm_package_scripts_types: "tsc -w", SHELL: "/bin/bash", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.6.2-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions__octokit_request_error: "^5.1.1", npm_package_resolutions_axios: "^1.16.0", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies_jest_environment_jsdom: "^29.7.0", NX_ISOLATE_PLUGINS: "false", 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: "false", 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_resolutions_postcss: "^8.5.14", npm_package_resolutions_fast_uri: "^3.1.4", npm_package_resolutions_follow_redirects: "^1.16.0", npm_package_resolutions_esbuild: "^0.28.1", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^11.1.1", 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", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_resolutions____nx_minimatch: "^9.0.7", npm_package_resolutions__babel_helpers: "^7.29.2", GITHUB_SHA: "5a301d4301bf3bf16809df84b3eb2ac994daa3da", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/cjs/index.js", npm_package_resolutions____tinyglobby_picomatch: "^4.0.4", npm_package_resolutions__adobe_css_tools: "^4.4.4", npm_package_resolutions_form_data: "^4.0.6", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", NX_TASK_TARGET_TARGET: "build", NX_FORKED_TASK_EXECUTOR: "true", npm_package_dependencies_qrcode_react: "^3.1.0", ACTIONS_RUNNER_RETURN_JOB_RESULT_FOR_HOSTED: "1", GITHUB_REF: "refs/heads/ci/release", 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/esm/index.js", npm_package_resolutions_yaml: "^2.8.3", npm_config_strict_ssl: "true", NX_LOAD_DOT_ENV_FILES: "true", 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_260d06cf-4c2a-4c83-9b96-0074222ed666", JAVA_HOME: "/usr/lib/jvm/temurin-17-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_resolutions__tootallnate_once: "^3.0.1", npm_package_resolutions____vite_rollup: "^4.59.0", npm_package_resolutions_____tldraw_editor_nanoid: "^5.1.16", npm_package_scripts_ybys: "yarn && yarn build --no-private", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", 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", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-1-azure-eastus.actions.githubusercontent.com/17//idtoken/397065d8-4150-4e1f-bce5-087937f725e6/140ecfe5-a53c-5193-bbfc-1be85bf67bac?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_260d06cf-4c2a-4c83-9b96-0074222ed666", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", npm_package_resolutions_micromatch: "^4.0.8", npm_package_resolutions_js_yaml: "^4.3.0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.28.1", npm_config_save_prefix: "^", npm_config_ignore_optional: "", NX_TUI: "false", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ARTIFACTS_LIST: "/home/runner/work/_temp/_runner_file_commands/artifacts_list_260d06cf-4c2a-4c83-9b96-0074222ed666", SGX_AESM_ADDR: "1", PSModulePath: "/root/.local/share/powershell/Modules:/usr/local/share/powershell/Modules:/opt/microsoft/powershell/7/Modules:/usr/share/az_15.6.1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_resolutions_lodash: "^4.18.1", 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", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", 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", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_260d06cf-4c2a-4c83-9b96-0074222ed666", npm_package_resolutions_sass: "^1.83.0" };
   }
 });
 
@@ -7393,8 +7393,8 @@ var require_grammar = __commonJS({
 var require_parser = __commonJS({
   "../../node_modules/sdp-transform/lib/parser.js"(exports) {
     init_define_process_env();
-    var toIntIfInt = function(v) {
-      return String(Number(v)) === v ? Number(v) : v;
+    var toIntIfInt = function(v2) {
+      return String(Number(v2)) === v2 ? Number(v2) : v2;
     };
     var attachProperties = function(match17, location, names, rawName) {
       if (rawName && !names) {
@@ -7838,25 +7838,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;
     };
   }
 });
@@ -8997,8 +8997,8 @@ init_define_process_env();
 // src/Loading/Loading.tsx
 init_define_process_env();
 import React2 from "react";
-var Loading = (_a7) => {
-  var _b7 = _a7, { size = 24, color = "white" } = _b7, props = __objRest(_b7, ["size", "color"]);
+var Loading = (_a8) => {
+  var _b7 = _a8, { size = 24, color = "white" } = _b7, props = __objRest(_b7, ["size", "color"]);
   return /* @__PURE__ */ React2.createElement("svg", __spreadValues({ width: size, height: size, viewBox: "0 0 50 50", fill: color, xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React2.createElement("circle", { cx: "25", cy: "25", r: "20", stroke: color, strokeWidth: "4", strokeDasharray: "70 30", fill: "none" }, /* @__PURE__ */ React2.createElement(
     "animateTransform",
     {
@@ -9179,8 +9179,8 @@ var StyledButton = styled("button", __spreadProps(__spreadValues({}, flexCenter)
     variant: "primary"
   }
 }));
-var Button = React3.forwardRef((_a7, ref) => {
-  var _b7 = _a7, { children, loading = false, icon } = _b7, buttonProps = __objRest(_b7, ["children", "loading", "icon"]);
+var Button = React3.forwardRef((_a8, ref) => {
+  var _b7 = _a8, { children, loading = false, icon } = _b7, buttonProps = __objRest(_b7, ["children", "loading", "icon"]);
   return /* @__PURE__ */ React3.createElement(StyledButton, __spreadProps(__spreadValues({}, buttonProps), { ref }), /* @__PURE__ */ React3.createElement(React3.Fragment, null, loading && /* @__PURE__ */ React3.createElement(
     Flex,
     {
@@ -9408,11 +9408,11 @@ import { PersonIcon } from "@100mslive/react-icons";
 // src/Avatar/getAvatarBg.ts
 init_define_process_env();
 var getInitials = (name) => {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   if (!name) {
     return void 0;
   } else {
-    return (_c2 = (_b7 = (_a7 = name.trim().replace(/[^a-zA-Z0-9]/g, "").match(/(^\S\S?|\b\S)?/g)) == null ? void 0 : _a7.join("")) == null ? void 0 : _b7.match(/(^\S|\S$)?/g)) == null ? void 0 : _c2.join("").toUpperCase();
+    return (_c2 = (_b7 = (_a8 = name.trim().replace(/[^a-zA-Z0-9]/g, "").match(/(^\S\S?|\b\S)?/g)) == null ? void 0 : _a8.join("")) == null ? void 0 : _b7.match(/(^\S|\S$)?/g)) == null ? void 0 : _c2.join("").toUpperCase();
   }
 };
 var getAvatarBg = (name) => {
@@ -9478,8 +9478,8 @@ var StyledAvatar = styled("div", __spreadProps(__spreadValues({}, flexCenter), {
     shape: "circle"
   }
 }));
-var Avatar = (_a7) => {
-  var _b7 = _a7, { name, css: css2 } = _b7, props = __objRest(_b7, ["name", "css"]);
+var Avatar = (_a8) => {
+  var _b7 = _a8, { name, css: css2 } = _b7, props = __objRest(_b7, ["name", "css"]);
   const info = getAvatarBg(name);
   let { color } = info;
   if (!name) {
@@ -9781,8 +9781,8 @@ var Arrow = styled("span", {
   alignItems: "center",
   transition: "border .2s ease 0s"
 });
-var DefaultDownIcon = (_a7) => {
-  var props = __objRest(_a7, []);
+var DefaultDownIcon = (_a8) => {
+  var props = __objRest(_a8, []);
   return /* @__PURE__ */ React7.createElement(Arrow, __spreadValues({}, props), /* @__PURE__ */ React7.createElement(ChevronDownIcon, null));
 };
 var Select = {
@@ -9836,16 +9836,16 @@ var Thumb3 = styled(BaseSlider.Thumb, {
   "&:hover": { backgroundColor: "$primary_default" },
   "&:focus": { boxShadow: "none" }
 });
-var Slider = (_a7) => {
-  var _b7 = _a7, {
+var Slider = (_a8) => {
+  var _b7 = _a8, {
     showTooltip = true,
     thumbStyles
   } = _b7, props = __objRest(_b7, [
     "showTooltip",
     "thumbStyles"
   ]);
-  var _a8;
-  return /* @__PURE__ */ React8.createElement(Root5, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(Track2, null, /* @__PURE__ */ React8.createElement(Range2, null)), showTooltip ? /* @__PURE__ */ React8.createElement(Tooltip, { title: String((_a8 = props.value) == null ? void 0 : _a8[0]) }, /* @__PURE__ */ React8.createElement(Thumb3, { css: thumbStyles })) : /* @__PURE__ */ React8.createElement(Thumb3, { css: thumbStyles }));
+  var _a9;
+  return /* @__PURE__ */ React8.createElement(Root5, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(Track2, null, /* @__PURE__ */ React8.createElement(Range2, null)), showTooltip ? /* @__PURE__ */ React8.createElement(Tooltip, { title: String((_a9 = props.value) == null ? void 0 : _a9[0]) }, /* @__PURE__ */ React8.createElement(Thumb3, { css: thumbStyles })) : /* @__PURE__ */ React8.createElement(Thumb3, { css: thumbStyles }));
 };
 
 // src/Modal/index.ts
@@ -10004,8 +10004,8 @@ var PasswordRoot = styled("div", {
   position: "relative",
   display: "flex"
 });
-var PasswordShowIcon = (_a7) => {
-  var _b7 = _a7, {
+var PasswordShowIcon = (_a8) => {
+  var _b7 = _a8, {
     showPassword,
     css: css2
   } = _b7, props = __objRest(_b7, [
@@ -10014,13 +10014,13 @@ var PasswordShowIcon = (_a7) => {
   ]);
   return /* @__PURE__ */ React12.createElement(Flex, __spreadValues({ css: __spreadValues({}, css2) }, props), showPassword ? /* @__PURE__ */ React12.createElement(EyeOpenIcon, null) : /* @__PURE__ */ React12.createElement(EyeCloseIcon, null));
 };
-var PasswordCopyIcon = (_a7) => {
-  var _b7 = _a7, { css: css2 } = _b7, props = __objRest(_b7, ["css"]);
+var PasswordCopyIcon = (_a8) => {
+  var _b7 = _a8, { css: css2 } = _b7, props = __objRest(_b7, ["css"]);
   return /* @__PURE__ */ React12.createElement(Flex, __spreadValues({ css: __spreadValues({}, css2) }, props), /* @__PURE__ */ React12.createElement(CopyIcon, null));
 };
 var PasswordIcons = React12.forwardRef(
-  (_a7, ref) => {
-    var _b7 = _a7, { css: css2 } = _b7, props = __objRest(_b7, ["css"]);
+  (_a8, ref) => {
+    var _b7 = _a8, { css: css2 } = _b7, props = __objRest(_b7, ["css"]);
     return /* @__PURE__ */ React12.createElement(
       Flex,
       __spreadValues({
@@ -10039,8 +10039,8 @@ var PasswordIcons = React12.forwardRef(
     );
   }
 );
-var ReactInput = React12.forwardRef((_a7, ref) => {
-  var _b7 = _a7, { showPassword = false, css: css2 } = _b7, props = __objRest(_b7, ["showPassword", "css"]);
+var ReactInput = React12.forwardRef((_a8, ref) => {
+  var _b7 = _a8, { showPassword = false, css: css2 } = _b7, props = __objRest(_b7, ["showPassword", "css"]);
   return /* @__PURE__ */ React12.createElement(
     Input,
     __spreadProps(__spreadValues({
@@ -10480,8 +10480,8 @@ var StyledVideo = styled("video", {
     mirror: false
   }
 });
-var Video = (_a7) => {
-  var _b7 = _a7, { trackId, attach } = _b7, props = __objRest(_b7, ["trackId", "attach"]);
+var Video = (_a8) => {
+  var _b7 = _a8, { trackId, attach } = _b7, props = __objRest(_b7, ["trackId", "attach"]);
   const { videoRef } = useVideo({ trackId, attach });
   return /* @__PURE__ */ React13.createElement(StyledVideo, __spreadValues({ ref: videoRef }, props));
 };
@@ -10820,13 +10820,13 @@ var useQoE = ({ videoTrackID, audioTrackID, isLocal = false }) => {
 
 // src/Stats/Stats.tsx
 function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false }) {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   const audioSelector = isLocal ? selectHMSStats2.localAudioTrackStatsByID : selectHMSStats2.trackStatsByID;
   const audioTrackStats = useHMSStatsStore2(audioSelector(audioTrackID));
   const localVideoTrackStats = useHMSStatsStore2(selectHMSStats2.localVideoTrackStatsByID(videoTrackID));
   const remoteVideoTrackStats = useHMSStatsStore2(selectHMSStats2.trackStatsByID(videoTrackID));
   const videoTrackStats = isLocal ? localVideoTrackStats == null ? void 0 : localVideoTrackStats[0] : remoteVideoTrackStats;
-  const downlinkScore = (_a7 = useHMSStore(selectConnectionQualityByPeerID(peerID))) == null ? void 0 : _a7.downlinkQuality;
+  const downlinkScore = (_a8 = useHMSStore(selectConnectionQualityByPeerID(peerID))) == null ? void 0 : _a8.downlinkQuality;
   const availableOutgoingBitrate = useHMSStatsStore2(selectHMSStats2.availablePublishBitrate);
   const qoe = useQoE({ videoTrackID, audioTrackID, isLocal });
   if (!(audioTrackStats || videoTrackStats)) {
@@ -10841,7 +10841,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
       value: formatBytes(availableOutgoingBitrate, "b/s")
     }
   ), localVideoTrackStats == null ? void 0 : localVideoTrackStats.map((stat) => {
-    var _a8, _b8;
+    var _a9, _b8;
     if (!stat) {
       return null;
     }
@@ -10851,7 +10851,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
       {
         show: isNotNullishAndNot0(stat.frameWidth),
         label: "Width",
-        value: (_a8 = stat.frameWidth) == null ? void 0 : _a8.toString()
+        value: (_a9 = stat.frameWidth) == null ? void 0 : _a9.toString()
       }
     ), /* @__PURE__ */ React15.createElement(
       StatsRow,
@@ -10930,7 +10930,7 @@ var PacketLostAndJitter = ({
   audioTrackStats,
   videoTrackStats
 }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const isLocalPeer = (audioTrackStats == null ? void 0 : audioTrackStats.type.includes("outbound")) || (videoTrackStats == null ? void 0 : videoTrackStats.type.includes("outbound"));
   const audioStats = isLocalPeer ? audioTrackStats == null ? void 0 : audioTrackStats.remote : audioTrackStats;
   const videoStats = isLocalPeer ? videoTrackStats == null ? void 0 : videoTrackStats.remote : videoTrackStats;
@@ -10939,7 +10939,7 @@ var PacketLostAndJitter = ({
     {
       show: isNotNullish(videoStats == null ? void 0 : videoStats.jitter),
       label: "Jitter(V)",
-      value: `${(((_a7 = videoStats == null ? void 0 : videoStats.jitter) != null ? _a7 : 0) * 1e3).toFixed(2)} ms`
+      value: `${(((_a8 = videoStats == null ? void 0 : videoStats.jitter) != null ? _a8 : 0) * 1e3).toFixed(2)} ms`
     }
   ), /* @__PURE__ */ React15.createElement(
     StatsRow,
@@ -11152,8 +11152,8 @@ var ToastViewport = styled(ToastPrimitives.Viewport, {
 var DefaultClose = ({ css: css2 }) => {
   return /* @__PURE__ */ React16.createElement(ToastClose, { css: css2, asChild: true }, /* @__PURE__ */ React16.createElement(IconButton, null, /* @__PURE__ */ React16.createElement(CrossIcon2, null)));
 };
-var HMSToast = (_a7) => {
-  var _b7 = _a7, {
+var HMSToast = (_a8) => {
+  var _b7 = _a8, {
     title,
     description,
     isClosable = true,
@@ -11238,13 +11238,13 @@ var StyledChevron = styled(ChevronUpIcon, {
 });
 var AccordionRoot = StyledAccordion;
 var AccordionItem = StyledItem;
-var AccordionHeader = React17.forwardRef((_a7, forwardedRef) => {
-  var _b7 = _a7, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
+var AccordionHeader = React17.forwardRef((_a8, forwardedRef) => {
+  var _b7 = _a8, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
   return /* @__PURE__ */ React17.createElement(StyledHeader, { css: css2 }, /* @__PURE__ */ React17.createElement(StyledTrigger3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children, /* @__PURE__ */ React17.createElement(StyledChevron, { "data-testid": chevronID, "aria-hidden": true, css: iconStyles })));
 });
 var AccordionContent = React17.forwardRef(
-  (_a7, forwardedRef) => {
-    var _b7 = _a7, { children, contentStyles } = _b7, props = __objRest(_b7, ["children", "contentStyles"]);
+  (_a8, forwardedRef) => {
+    var _b7 = _a8, { children, contentStyles } = _b7, props = __objRest(_b7, ["children", "contentStyles"]);
     return /* @__PURE__ */ React17.createElement(StyledContent3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), /* @__PURE__ */ React17.createElement(Box, { css: contentStyles }, children));
   }
 );
@@ -11483,8 +11483,8 @@ var LinkComponent = styled("a", {
     }
   }
 });
-var Link = (_a7) => {
-  var _b7 = _a7, { iconSide = "left", icon, color = "primary", children } = _b7, rest = __objRest(_b7, ["iconSide", "icon", "color", "children"]);
+var Link = (_a8) => {
+  var _b7 = _a8, { iconSide = "left", icon, color = "primary", children } = _b7, rest = __objRest(_b7, ["iconSide", "icon", "color", "children"]);
   const Icon4 = icon ? icons[icon] : React19.Fragment;
   const renderedIcon = icon ? /* @__PURE__ */ React19.createElement(Flex, { as: "span" }, /* @__PURE__ */ React19.createElement(Icon4, { height: 13.33, width: 13.33 }), " ") : null;
   return /* @__PURE__ */ React19.createElement(LinkComponent, __spreadProps(__spreadValues({}, rest), { color }), iconSide === "left" && renderedIcon, /* @__PURE__ */ React19.createElement(Text, { as: "span", variant: "body2", css: { color: "inherit" } }, children), iconSide === "right" && renderedIcon);
@@ -11661,8 +11661,8 @@ var useAuthToken = () => {
   return useHMSStore2(selectAppData(APP_DATA.authToken));
 };
 var useUrlToEmbed = () => {
-  var _a7;
-  return (_a7 = useHMSStore2(selectAppData(APP_DATA.embedConfig))) == null ? void 0 : _a7.url;
+  var _a8;
+  return (_a8 = useHMSStore2(selectAppData(APP_DATA.embedConfig))) == null ? void 0 : _a8.url;
 };
 var usePDFConfig = () => {
   return useHMSStore2(selectAppData(APP_DATA.pdfConfig));
@@ -11676,10 +11676,10 @@ var useResetEmbedConfig = () => {
   return () => setEmbedConfig();
 };
 var usePinnedTrack = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const pinnedTrackId = useHMSStore2(selectAppData(APP_DATA.pinnedTrackId));
   const spotlightPeerId = useHMSStore2(selectSessionStore("spotlight" /* SPOTLIGHT */));
-  const spotlightVideoTrackId = (_a7 = useHMSStore2(selectVideoTrackByPeerID(spotlightPeerId))) == null ? void 0 : _a7.id;
+  const spotlightVideoTrackId = (_a8 = useHMSStore2(selectVideoTrackByPeerID(spotlightPeerId))) == null ? void 0 : _a8.id;
   const spotlightAudioTrackId = (_b7 = useHMSStore2(selectAudioTrackByPeerID(spotlightPeerId))) == null ? void 0 : _b7.id;
   return useHMSStore2(selectTrackByID(pinnedTrackId || spotlightVideoTrackId || spotlightAudioTrackId));
 };
@@ -11965,18 +11965,18 @@ var useFetchRoomLayout = ({
   const isFetchInProgress = useRef6(false);
   const setOriginalLayout = useCallback5(() => setLayout(originalLayout.current), []);
   const updateRoomLayoutForRole = useCallback5((role) => {
-    var _a7;
+    var _a8;
     if (!layoutResp.current) {
       return;
     }
-    const [layout2] = (((_a7 = layoutResp.current) == null ? void 0 : _a7.data) || []).filter((layout3) => layout3.role === role);
+    const [layout2] = (((_a8 = layoutResp.current) == null ? void 0 : _a8.data) || []).filter((layout3) => layout3.role === role);
     if (layout2) {
       setLayout(layout2);
     }
   }, []);
   useEffect5(() => {
     (() => __async(null, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       if (isFetchInProgress.current || !authToken) {
         return;
       }
@@ -11994,7 +11994,7 @@ var useFetchRoomLayout = ({
           data: [defaultLayout]
         };
       }
-      let layoutForRole = (_b7 = (_a7 = layoutResp.current) == null ? void 0 : _a7.data) == null ? void 0 : _b7[0];
+      let layoutForRole = (_b7 = (_a8 = layoutResp.current) == null ? void 0 : _a8.data) == null ? void 0 : _b7[0];
       if (!layoutForRole) {
         console.error(
           "[Room Layout API]: Unable to figure out room layout from API response. Resorting to default layout."
@@ -12034,16 +12034,16 @@ var RoomLayoutProvider = ({
   return /* @__PURE__ */ React22.createElement(RoomLayoutContext.Provider, { value: { layout: mergedLayout, updateRoomLayoutForRole, setOriginalLayout } }, children);
 };
 var useRoomLayout = () => {
-  var _a7;
-  return (_a7 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a7.layout;
+  var _a8;
+  return (_a8 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a8.layout;
 };
 var useUpdateRoomLayout = () => {
-  var _a7;
-  return (_a7 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a7.updateRoomLayoutForRole;
+  var _a8;
+  return (_a8 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a8.updateRoomLayoutForRole;
 };
 var useSetOriginalLayout = () => {
-  var _a7;
-  return (_a7 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a7.setOriginalLayout;
+  var _a8;
+  return (_a8 = React22.useContext(RoomLayoutContext)) == null ? void 0 : _a8.setOriginalLayout;
 };
 
 // src/Prebuilt/common/utils.js
@@ -12112,11 +12112,11 @@ var isMobileUserAgent = /Mobi|Android|iPhone/i.test(navigator.userAgent);
 var getPeerResponses = (questions, peerid, userid) => {
   return questions.map(
     (question) => {
-      var _a7;
-      return (_a7 = question.responses) == null ? void 0 : _a7.filter(
+      var _a8;
+      return (_a8 = question.responses) == null ? void 0 : _a8.filter(
         (response) => {
-          var _a8, _b7;
-          return response && (((_a8 = response.peer) == null ? void 0 : _a8.peerid) === peerid || ((_b7 = response.peer) == null ? void 0 : _b7.userid) === userid) && !response.skipped;
+          var _a9, _b7;
+          return response && (((_a9 = response.peer) == null ? void 0 : _a9.peerid) === peerid || ((_b7 = response.peer) == null ? void 0 : _b7.userid) === userid) && !response.skipped;
         }
       );
     }
@@ -12137,20 +12137,20 @@ var getIndexToShow = (responses) => {
 function useRoomLayoutScreen({
   screen
 }) {
-  var _a7;
+  var _a8;
   const roomLayout = useRoomLayout();
-  const screenProps = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7[screen];
+  const screenProps = (_a8 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a8[screen];
   return screenProps;
 }
 function useRoomLayoutPreviewScreen() {
-  var _a7;
+  var _a8;
   const screenProps = useRoomLayoutScreen({ screen: "preview" });
   const isPreviewScreenEnabled = !!screenProps && !(screenProps == null ? void 0 : screenProps.skip_preview_screen);
   let elements;
   let screenType;
   if (isPreviewScreenEnabled) {
     screenType = Object.keys(screenProps).filter((key) => key !== "skip_preview_screen")[0];
-    elements = (_a7 = screenProps[screenType]) == null ? void 0 : _a7.elements;
+    elements = (_a8 = screenProps[screenType]) == null ? void 0 : _a8.elements;
   }
   return {
     isPreviewScreenEnabled,
@@ -12159,10 +12159,10 @@ function useRoomLayoutPreviewScreen() {
   };
 }
 function useRoomLayoutConferencingScreen() {
-  var _a7, _b7;
+  var _a8, _b7;
   const screenProps = useRoomLayoutScreen({ screen: "conferencing" }) || {};
   const screenType = Object.keys(screenProps)[0];
-  const elements = (_a7 = screenProps[screenType]) == null ? void 0 : _a7.elements;
+  const elements = (_a8 = screenProps[screenType]) == null ? void 0 : _a8.elements;
   const hideSections = ((_b7 = screenProps[screenType]) == null ? void 0 : _b7.hideSections) || [];
   return {
     hideSections,
@@ -12171,25 +12171,25 @@ function useRoomLayoutConferencingScreen() {
   };
 }
 function useRoomLayoutLeaveScreen() {
-  var _a7, _b7;
+  var _a8, _b7;
   const screenProps = useRoomLayoutScreen({ screen: "leave" });
   const isLeaveScreenEnabled = !!screenProps;
   return {
     isLeaveScreenEnabled,
-    feedback: (_b7 = (_a7 = screenProps == null ? void 0 : screenProps.default) == null ? void 0 : _a7.elements) == null ? void 0 : _b7.feedback
+    feedback: (_b7 = (_a8 = screenProps == null ? void 0 : screenProps.default) == null ? void 0 : _a8.elements) == null ? void 0 : _b7.feedback
   };
 }
 function useRoomLayoutHeader() {
-  var _a7, _b7;
+  var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
   const { isRecordingOn } = useRecordingStreaming();
   const peerCount = useHMSStore4(selectPeerCount);
   const sessionStartedAt = useHMSStore4(selectRoomStartTime);
   const hlsState = useHMSStore4(selectHLSState);
   const details = useMemo3(() => {
-    var _a8;
+    var _a9;
     const details2 = [];
-    if ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8["startedAt"]) {
+    if ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9["startedAt"]) {
       details2.push(`${getFormattedCount(peerCount)} watching`);
       details2.push(hlsState.variants[0]["startedAt"]);
     } else if (sessionStartedAt) {
@@ -12201,7 +12201,7 @@ function useRoomLayoutHeader() {
     return details2;
   }, [hlsState == null ? void 0 : hlsState.variants, isRecordingOn, peerCount, sessionStartedAt]);
   return {
-    title: ((_a7 = elements.header) == null ? void 0 : _a7.title) || "",
+    title: ((_a8 = elements.header) == null ? void 0 : _a8.title) || "",
     description: ((_b7 = elements.header) == null ? void 0 : _b7.description) || "",
     details
   };
@@ -12342,7 +12342,7 @@ var initialAppData = {
   [APP_DATA.noiseCancellation]: false
 };
 var AppData = React23.memo(() => {
-  var _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _d;
   const hmsActions = useHMSActions4();
   const [preferences = {}] = useUserPreferences(UserPreferencesKeys.UI_SETTINGS);
   const appData = useHMSStore6(selectFullAppData);
@@ -12353,14 +12353,14 @@ var AppData = React23.memo(() => {
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
   const isMobile = useMedia(config.media.md);
   useEffect6(() => {
-    var _a8;
-    if ((_a8 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a8.enabled_by_default) {
+    var _a9;
+    if ((_a9 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a9.enabled_by_default) {
       setNoiseCancellationEnabled(true);
     }
-  }, [(_a7 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a7.enabled_by_default, setNoiseCancellationEnabled]);
+  }, [(_a8 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a8.enabled_by_default, setNoiseCancellationEnabled]);
   const defaultMediaURL = useMemo4(() => {
-    var _a8;
-    const media = ((_a8 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a8.background_media) || [];
+    var _a9;
+    const media = ((_a9 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a9.background_media) || [];
     for (let i = 0; i < media.length; i++) {
       if (media[i].default && media[i].url) {
         return media[i].url;
@@ -12385,11 +12385,11 @@ var AppData = React23.memo(() => {
     hmsActions.setAppData(APP_DATA.uiSettings, updatedSettings, true);
   }, [hmsActions, preferences]);
   useEffect6(() => {
-    var _a8, _b8;
+    var _a9, _b8;
     hmsActions.setAppData(
       APP_DATA.uiSettings,
       {
-        [UI_SETTINGS.maxTileCount]: isMobile ? DEFAULT_TILES_IN_VIEW.MWEB : Number((_b8 = (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid) == null ? void 0 : _b8.tiles_in_view) || DEFAULT_TILES_IN_VIEW.DESKTOP
+        [UI_SETTINGS.maxTileCount]: isMobile ? DEFAULT_TILES_IN_VIEW.MWEB : Number((_b8 = (_a9 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a9.grid) == null ? void 0 : _b8.tiles_in_view) || DEFAULT_TILES_IN_VIEW.DESKTOP
       },
       true
     );
@@ -12514,41 +12514,41 @@ var VBPlugin = class {
       }
     });
     this.getBackground = () => {
-      var _a7, _b7;
+      var _a8, _b7;
       if (this.effectsPlugin) {
-        return (_a7 = this.effectsPlugin) == null ? void 0 : _a7.getBackground();
+        return (_a8 = this.effectsPlugin) == null ? void 0 : _a8.getBackground();
       } else {
         const background = (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getBackground();
         return (background == null ? void 0 : background.src) || background;
       }
     };
     this.getBlurAmount = () => {
-      var _a7;
+      var _a8;
       if (this.effectsPlugin) {
         return this.effectsPlugin.getBlurAmount();
       } else {
-        return ((_a7 = this.hmsPlugin) == null ? void 0 : _a7.getBackground()) === HMSVirtualBackgroundTypes.BLUR ? 1 : 0;
+        return ((_a8 = this.hmsPlugin) == null ? void 0 : _a8.getBackground()) === HMSVirtualBackgroundTypes.BLUR ? 1 : 0;
       }
     };
     this.getVBObject = () => {
       return this.effectsPlugin || this.hmsPlugin;
     };
     this.getName = () => {
-      var _a7, _b7;
-      return this.effectsPlugin ? (_a7 = this.effectsPlugin) == null ? void 0 : _a7.getName() : (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getName();
+      var _a8, _b7;
+      return this.effectsPlugin ? (_a8 = this.effectsPlugin) == null ? void 0 : _a8.getName() : (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getName();
     };
     this.setBlur = (blurPower) => __async(this, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       if (this.effectsPlugin) {
-        (_a7 = this.effectsPlugin) == null ? void 0 : _a7.setBlur(blurPower);
+        (_a8 = this.effectsPlugin) == null ? void 0 : _a8.setBlur(blurPower);
       } else {
         yield (_b7 = this.hmsPlugin) == null ? void 0 : _b7.setBackground(HMSVirtualBackgroundTypes.BLUR, HMSVirtualBackgroundTypes.BLUR);
       }
     });
     this.setBackground = (mediaURL) => __async(this, null, function* () {
-      var _a7, _b7, _c2;
+      var _a8, _b7, _c2;
       if (this.effectsPlugin) {
-        (_a7 = this.effectsPlugin) == null ? void 0 : _a7.setBackground(mediaURL);
+        (_a8 = this.effectsPlugin) == null ? void 0 : _a8.setBackground(mediaURL);
       } else {
         const img = document.createElement("img");
         let retries = 0;
@@ -12571,13 +12571,13 @@ var VBPlugin = class {
       }
     });
     this.getPreset = () => {
-      var _a7;
-      return ((_a7 = this.effectsPlugin) == null ? void 0 : _a7.getPreset()) || "";
+      var _a8;
+      return ((_a8 = this.effectsPlugin) == null ? void 0 : _a8.getPreset()) || "";
     };
     this.removeEffects = () => __async(this, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       if (this.effectsPlugin) {
-        (_a7 = this.effectsPlugin) == null ? void 0 : _a7.removeEffects();
+        (_a8 = this.effectsPlugin) == null ? void 0 : _a8.removeEffects();
       } else {
         yield (_b7 = this.hmsPlugin) == null ? void 0 : _b7.setBackground(HMSVirtualBackgroundTypes.NONE, HMSVirtualBackgroundTypes.NONE);
       }
@@ -12596,11 +12596,11 @@ var VBPlugin = class {
       return false;
     };
     this.isEffectsSupported = () => {
-      var _a7, _b7;
+      var _a8, _b7;
       if (!isSafari) {
         return true;
       }
-      const browserVersion = ((_b7 = (_a7 = parsedUserAgent2) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
+      const browserVersion = ((_b7 = (_a8 = parsedUserAgent2) == null ? void 0 : _a8.getBrowser()) == null ? void 0 : _b7.version) || "16";
       if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
         return false;
       }
@@ -12808,13 +12808,13 @@ function truncateToWidth(measure, text, maxWidth) {
     return text;
   }
   let lo = 0;
-  let hi2 = text.length;
-  while (lo < hi2) {
-    const mid = Math.ceil((lo + hi2) / 2);
+  let hi = text.length;
+  while (lo < hi) {
+    const mid = Math.ceil((lo + hi) / 2);
     if (measure(text.slice(0, mid) + ELLIPSIS) <= maxWidth) {
       lo = mid;
     } else {
-      hi2 = mid - 1;
+      hi = mid - 1;
     }
   }
   return text.slice(0, lo) + ELLIPSIS;
@@ -12839,12 +12839,12 @@ var PipManager = class {
     this.latestMessage = null;
     this.messageShownAt = 0;
     this.stop = () => __async(this, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       if (this.state === "stopped" /* stopped */) {
         return;
       }
       this.state = "stopping" /* stopping */;
-      (_a7 = this.pipVideo) == null ? void 0 : _a7.removeEventListener(LEAVE_EVENT_NAME, this.stop);
+      (_a8 = this.pipVideo) == null ? void 0 : _a8.removeEventListener(LEAVE_EVENT_NAME, this.stop);
       if (this.timeoutRef) {
         workerTimers.clearTimeout(this.timeoutRef);
         this.timeoutRef = 0;
@@ -12893,10 +12893,10 @@ var PipManager = class {
    * @private
    */
   reset() {
-    var _a7;
+    var _a8;
     console.debug("resetting PIP state");
     resetPIPCanvasColors();
-    (_a7 = this.pipVideo) == null ? void 0 : _a7.remove();
+    (_a8 = this.pipVideo) == null ? void 0 : _a8.remove();
     this.canvas = null;
     this.pipVideo = null;
     this.timeoutRef = 0;
@@ -12946,7 +12946,7 @@ var PipManager = class {
    */
   start(hmsActions, onStateChangeFn) {
     return __async(this, null, function* () {
-      var _a7, _b7, _c2;
+      var _a8, _b7, _c2;
       if (!this.isSupported()) {
         throw new Error("pip is not supported on this browser");
       }
@@ -12959,7 +12959,7 @@ var PipManager = class {
       this.state = "starting" /* starting */;
       try {
         yield this.init(hmsActions, onStateChangeFn);
-        if ((_a7 = this.pipVideo) == null ? void 0 : _a7.paused) {
+        if ((_a8 = this.pipVideo) == null ? void 0 : _a8.paused) {
           yield this.pipVideo.play();
         }
         (_b7 = this.pipVideo) == null ? void 0 : _b7.addEventListener(LEAVE_EVENT_NAME, this.stop);
@@ -13147,14 +13147,14 @@ var PipManager = class {
   // eslint-disable-next-line complexity
   detachOldAttachNewTracks(oldTracks, newTracks, tracksMap = null) {
     return __async(this, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       const numTracks = Math.max(oldTracks.length, newTracks.length);
       for (let i = 0; i < numTracks; i++) {
         if (oldTracks[i] === newTracks[i]) {
           continue;
         } else if (oldTracks[i]) {
           if (!tracksMap || tracksMap[oldTracks[i]]) {
-            yield (_a7 = this.hmsActions) == null ? void 0 : _a7.detachVideo(oldTracks[i], this.videoElements[i]);
+            yield (_a8 = this.hmsActions) == null ? void 0 : _a8.detachVideo(oldTracks[i], this.videoElements[i]);
           }
           if (this.videoElements[i]) {
             this.videoElements[i].srcObject = null;
@@ -13369,10 +13369,10 @@ var convertError = (error) => {
     body: `Endpoint is not reachable. ${error.description}.`
   })).otherwise(
     () => {
-      var _a7;
+      var _a8;
       return (
         // @ts-ignore
-        match3((_a7 = error.response) == null ? void 0 : _a7.status).with(404, () => ({
+        match3((_a8 = error.response) == null ? void 0 : _a8.status).with(404, () => ({
           title: "Room does not exist",
           body: "We could not find a room corresponding to this link."
         })).with(403, () => ({
@@ -13608,8 +13608,8 @@ var IconButtonWithOptions = ({
 // src/Prebuilt/components/MoreSettings/ActionTile.jsx
 init_define_process_env();
 import React28 from "react";
-var ActionTileRoot = (_a7) => {
-  var _b7 = _a7, { active, disabled = false, children, onClick } = _b7, props = __objRest(_b7, ["active", "disabled", "children", "onClick"]);
+var ActionTileRoot = (_a8) => {
+  var _b7 = _a8, { active, disabled = false, children, onClick } = _b7, props = __objRest(_b7, ["active", "disabled", "children", "onClick"]);
   return /* @__PURE__ */ React28.createElement(
     Flex,
     __spreadProps(__spreadValues({}, props), {
@@ -13753,8 +13753,8 @@ var StyledContent6 = styled(DialogPrimitive2.Content, {
   }
 });
 var SheetContent = React29.forwardRef(
-  (_a7, forwardedRef) => {
-    var _b7 = _a7, { children, container } = _b7, props = __objRest(_b7, ["children", "container"]);
+  (_a8, forwardedRef) => {
+    var _b7 = _a8, { children, container } = _b7, props = __objRest(_b7, ["children", "container"]);
     return /* @__PURE__ */ React29.createElement(Dialog.Portal, { container }, /* @__PURE__ */ React29.createElement(StyledOverlay, null), /* @__PURE__ */ React29.createElement(StyledContent6, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children));
   }
 );
@@ -13862,7 +13862,7 @@ var useDropdownSelection = () => {
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 var Settings = ({ setHide }) => {
-  var _a7;
+  var _a8;
   const { allDevices, selectedDeviceIDs, updateDevice } = useDevices();
   const { videoInput, audioInput, audioOutput } = allDevices;
   const videoTrackId = useHMSStore8(selectLocalVideoTrackID);
@@ -13871,7 +13871,7 @@ var Settings = ({ setHide }) => {
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID(videoTrackId);
   const track = useHMSStore8(trackSelector);
-  const audioOutputFiltered = (_a7 = audioOutput == null ? void 0 : audioOutput.filter((item) => !!item.label)) != null ? _a7 : [];
+  const audioOutputFiltered = (_a8 = audioOutput == null ? void 0 : audioOutput.filter((item) => !!item.label)) != null ? _a8 : [];
   if (!(videoInput == null ? void 0 : videoInput.length) && !(audioInput == null ? void 0 : audioInput.length) && !(audioOutputFiltered == null ? void 0 : audioOutputFiltered.length)) {
     setHide(true);
   }
@@ -13927,7 +13927,7 @@ var Settings = ({ setHide }) => {
   ) : null);
 };
 var DeviceSelector = ({ title, devices, selection, onChange, icon, children = null }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = useState8(false);
   const selectionBg = useDropdownSelection();
   const ref = useRef10(null);
@@ -13962,7 +13962,7 @@ var DeviceSelector = ({ title, devices, selection, onChange, icon, children = nu
         {
           ref,
           icon,
-          title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
+          title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.label) || "Select device from list",
           open
         }
       ), /* @__PURE__ */ React31.createElement(Dropdown.Portal, null, /* @__PURE__ */ React31.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_b7 = ref.current) == null ? void 0 : _b7.clientWidth, zIndex: 1001 } }, devices.map((device) => {
@@ -13997,8 +13997,8 @@ var TestAudio = ({ id }) => {
         }
       },
       onClick: () => {
-        var _a7;
-        return (_a7 = audioRef.current) == null ? void 0 : _a7.play();
+        var _a8;
+        return (_a8 = audioRef.current) == null ? void 0 : _a8.play();
       },
       disabled: playing
     },
@@ -14117,18 +14117,18 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
     }
   }, [screenType, hideSettingByTabName]);
   const [selection, setSelection] = useState9(() => {
-    var _a7;
-    return (_a7 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a7 : "";
+    var _a8;
+    return (_a8 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a8 : "";
   });
   const resetSelection = useCallback8(() => {
     setSelection("");
   }, []);
   useEffect10(() => {
-    var _a7;
+    var _a8;
     if (isMobile) {
       setSelection("");
     } else {
-      const firstNotHiddenTabName = (_a7 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a7 : "";
+      const firstNotHiddenTabName = (_a8 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a8 : "";
       setSelection(firstNotHiddenTabName);
     }
   }, [isMobile, showSetting]);
@@ -14349,11 +14349,11 @@ var OptionLabel = ({ children, icon }) => {
   );
 };
 var useNoiseCancellationWithPlugin = () => {
-  var _a7;
+  var _a8;
   const actions = useHMSActions7();
   const [inProgress, setInProgress] = useState10(false);
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
-  const isEnabledForRoom = (_a7 = useHMSStore9(selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+  const isEnabledForRoom = (_a8 = useHMSStore9(selectRoom)) == null ? void 0 : _a8.isNoiseCancellationEnabled;
   const setNoiseCancellationWithPlugin = useCallback9(
     (enabled) => __async(null, null, function* () {
       if (!isEnabledForRoom || inProgress) {
@@ -14491,11 +14491,11 @@ var AudioOutputLabel = ({ deviceId }) => {
       variant: "xs",
       css: { color: "$primary_bright", "&:hover": { cursor: "pointer" } },
       onClick: () => __async(null, null, function* () {
-        var _a7;
+        var _a8;
         if (playing) {
           return;
         }
-        yield (_a7 = audioRef.current) == null ? void 0 : _a7.play();
+        yield (_a8 = audioRef.current) == null ? void 0 : _a8.play();
       })
     },
     /* @__PURE__ */ React34.createElement(
@@ -14557,8 +14557,8 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   useEffect11(() => {
     (() => __async(null, null, function* () {
-      var _a7;
-      const isEnabledForRoom = (_a7 = vanillaStore.getState(selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+      var _a8;
+      const isEnabledForRoom = (_a8 = vanillaStore.getState(selectRoom)) == null ? void 0 : _a8.isNoiseCancellationEnabled;
       if (isEnabledForRoom && isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
         try {
           yield setNoiseCancellationWithPlugin(true);
@@ -14747,15 +14747,15 @@ import {
   useHMSVanillaStore as useHMSVanillaStore5
 } from "@100mslive/react-sdk";
 var useFilteredRoles = () => {
-  var _a7;
+  var _a8;
   const { elements } = useRoomLayoutConferencingScreen();
-  return ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.roles_whitelist) || [];
+  return ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.roles_whitelist) || [];
 };
 var useDefaultChatSelection = () => {
-  var _a7;
+  var _a8;
   const { elements } = useRoomLayoutConferencingScreen();
   const roles = useFilteredRoles();
-  if ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.public_chat_enabled) {
+  if ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.public_chat_enabled) {
     return CHAT_SELECTOR.EVERYONE;
   }
   if (roles.length > 0) {
@@ -14764,20 +14764,20 @@ var useDefaultChatSelection = () => {
   return "";
 };
 var useShowStreamingUI = () => {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   const layout = useRoomLayout();
-  const { join_form } = ((_c2 = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements) || {};
+  const { join_form } = ((_c2 = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements) || {};
   return (join_form == null ? void 0 : join_form.join_btn_type) === JoinForm_JoinBtnType2.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE;
 };
 var useParticipants = (params) => {
-  var _a7;
+  var _a8;
   const isConnected = useHMSStore11(selectIsConnectedToRoom);
   const peerCount = useHMSStore11(selectPeerCount2);
   const availableRoles = useHMSStore11(selectAvailableRoleNames);
   let participantList = useHMSStore11(isConnected ? selectPeers : selectRemotePeers);
   const rolesWithParticipants = Array.from(new Set(participantList.map((peer) => peer.roleName)));
   const vanillaStore = useHMSVanillaStore5();
-  if ((_a7 = params == null ? void 0 : params.metadata) == null ? void 0 : _a7.isHandRaised) {
+  if ((_a8 = params == null ? void 0 : params.metadata) == null ? void 0 : _a8.isHandRaised) {
     participantList = participantList.filter((peer) => {
       return vanillaStore.getState(selectPeerMetadata(peer.id)).isHandRaised;
     });
@@ -14896,9 +14896,9 @@ function useWaitingRoomInfo() {
   const isScreenOnlyPublishParams = screen && !(video || audio);
   const hasSubscribedRolePublishing = useMemo5(() => {
     return peersByRoles.some((peer) => {
-      var _a7;
+      var _a8;
       if (peer.roleName && roles[peer.roleName] && !peer.isLocal) {
-        return !!((_a7 = roles[peer.roleName].publishParams) == null ? void 0 : _a7.allowed.length);
+        return !!((_a8 = roles[peer.roleName].publishParams) == null ? void 0 : _a8.allowed.length);
       }
       return false;
     });
@@ -14927,14 +14927,14 @@ var EmojiReaction = ({ showCard = false }) => {
     type: EMOJI_REACTION_TYPE
   });
   const sendReaction = (emojiId) => __async(null, null, function* () {
-    var _a7;
+    var _a8;
     const data3 = {
       type: EMOJI_REACTION_TYPE,
       emojiId,
       senderId: localPeerId
     };
     sendEvent(data3, { roleNames: roles });
-    (_a7 = window.showFlyingEmoji) == null ? void 0 : _a7.call(window, { emojiId, senderId: localPeerId });
+    (_a8 = window.showFlyingEmoji) == null ? void 0 : _a8.call(window, { emojiId, senderId: localPeerId });
   });
   if (!isConnected || !elements.emoji_reactions) {
     return null;
@@ -15409,7 +15409,7 @@ import { PipIcon } from "@100mslive/react-icons";
 // src/Prebuilt/components/PIP/pipMessageUtils.ts
 init_define_process_env();
 function pickIncomingMessage(messages, lastShownMessageId, localPeerId) {
-  var _a7;
+  var _a8;
   if (!(messages == null ? void 0 : messages.length)) {
     return { message: null, lastShownMessageId };
   }
@@ -15427,7 +15427,7 @@ function pickIncomingMessage(messages, lastShownMessageId, localPeerId) {
     const text = candidate.message;
     if (candidate.sender && candidate.sender !== localPeerId && typeof text === "string" && text.trim().length > 0) {
       return {
-        message: { senderName: (_a7 = candidate.senderName) != null ? _a7 : "Anonymous", text },
+        message: { senderName: (_a8 = candidate.senderName) != null ? _a8 : "Anonymous", text },
         lastShownMessageId: newLastShownMessageId
       };
     }
@@ -15447,18 +15447,18 @@ var SetupMediaSession = class {
       this.setUpHandlers();
     });
     __publicField(this, "initState", () => {
-      var _a7, _b7, _c2, _d;
+      var _a8, _b7, _c2, _d;
       const isMicActive = this.store.getState(selectIsLocalAudioEnabled);
       const isCamActive = this.store.getState(selectIsLocalVideoEnabled3);
-      (_b7 = (_a7 = navigator.mediaSession) == null ? void 0 : _a7.setMicrophoneActive) == null ? void 0 : _b7.call(_a7, isMicActive);
+      (_b7 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setMicrophoneActive) == null ? void 0 : _b7.call(_a8, isMicActive);
       (_d = (_c2 = navigator.mediaSession) == null ? void 0 : _c2.setCameraActive) == null ? void 0 : _d.call(_c2, isCamActive);
       this.store.subscribe((isMicActive2) => {
-        var _a8, _b8;
-        (_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setMicrophoneActive) == null ? void 0 : _b8.call(_a8, isMicActive2);
+        var _a9, _b8;
+        (_b8 = (_a9 = navigator.mediaSession) == null ? void 0 : _a9.setMicrophoneActive) == null ? void 0 : _b8.call(_a9, isMicActive2);
       }, selectIsLocalAudioEnabled);
       this.store.subscribe((isCamActive2) => {
-        var _a8, _b8;
-        (_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setCameraActive) == null ? void 0 : _b8.call(_a8, isCamActive2);
+        var _a9, _b8;
+        (_b8 = (_a9 = navigator.mediaSession) == null ? void 0 : _a9.setCameraActive) == null ? void 0 : _b8.call(_a9, isCamActive2);
       }, selectIsLocalVideoEnabled3);
     });
     __publicField(this, "toggleMic", () => __async(this, null, function* () {
@@ -15534,7 +15534,7 @@ var ActivatedPIP = () => {
   const pinnedTrack = usePinnedTrack();
   useEffect14(() => {
     function subscribeToStore() {
-      var _a7, _b7;
+      var _a8, _b7;
       const unsubscribeTracks = store.subscribe((tracksMap) => {
         let pipPeers = store.getState(selectPeers2);
         if (pinnedTrack) {
@@ -15544,7 +15544,7 @@ var ActivatedPIP = () => {
           console.error("error in updating pip", err);
         });
       }, selectTracksMap);
-      let lastShownMessageId = (_b7 = (_a7 = store.getState(selectHMSMessages)) == null ? void 0 : _a7.slice(-1)[0]) == null ? void 0 : _b7.id;
+      let lastShownMessageId = (_b7 = (_a8 = store.getState(selectHMSMessages)) == null ? void 0 : _a8.slice(-1)[0]) == null ? void 0 : _b7.id;
       const unsubscribeMessages = store.subscribe((messages) => {
         try {
           const result = pickIncomingMessage(messages, lastShownMessageId, store.getState(selectLocalPeerID2));
@@ -15775,9 +15775,9 @@ var ChatActions = ({
   openSheet,
   setOpenSheet
 }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const { can_hide_message = false, can_block_user = false } = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) || {};
+  const { can_hide_message = false, can_block_user = false } = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) || {};
   const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
   const [open, setOpen] = useState16(false);
   const actions = useHMSActions13();
@@ -15966,7 +15966,7 @@ import React48 from "react";
 import { useMedia as useMedia6 } from "react-use";
 import emptyChat from "./empty-chat.svg";
 var EmptyChat = () => {
-  var _a7;
+  var _a8;
   const { elements } = useRoomLayoutConferencingScreen();
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const isMobile = useMedia6(config.media.md);
@@ -15974,7 +15974,7 @@ var EmptyChat = () => {
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
   const streaming = isMobileHLSStream || isLandscapeStream;
-  if (isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && !streaming) return /* @__PURE__ */ React48.createElement(React48.Fragment, null);
+  if (isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && !streaming) return /* @__PURE__ */ React48.createElement(React48.Fragment, null);
   return /* @__PURE__ */ React48.createElement(
     Flex,
     {
@@ -16034,12 +16034,12 @@ var CHAT_MESSAGE_LIMIT = 2e3;
 var rowHeights = {};
 var listInstance = null;
 function getRowHeight(index) {
-  var _a7;
-  return ((_a7 = rowHeights[index]) == null ? void 0 : _a7.size) || 72;
+  var _a8;
+  return ((_a8 = rowHeights[index]) == null ? void 0 : _a8.size) || 72;
 }
 var setRowHeight = (index, id, size) => {
-  var _a7, _b7;
-  if (((_a7 = rowHeights[index]) == null ? void 0 : _a7.id) === id && ((_b7 = rowHeights[index]) == null ? void 0 : _b7.size) === size) {
+  var _a8, _b7;
+  if (((_a8 = rowHeights[index]) == null ? void 0 : _a8.id) === id && ((_b7 = rowHeights[index]) == null ? void 0 : _b7.size) === size) {
     return;
   }
   listInstance == null ? void 0 : listInstance.resetAfterIndex(Math.max(index - 1, 0));
@@ -16140,11 +16140,11 @@ var SenderName = styled(Text, {
 });
 var ChatMessage = React49.memo(
   ({ index, style = {}, message }) => {
-    var _a7, _b7, _c2;
+    var _a8, _b7, _c2;
     const { elements } = useRoomLayoutConferencingScreen();
     const rowRef = useRef12(null);
     const isMobile = useMedia7(config.media.md);
-    const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
+    const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
     const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
     const localPeerId = useHMSStore19(selectLocalPeerID3);
     const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
@@ -16432,7 +16432,7 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/PIP/PIPChat.tsx
 var PIPChat = () => {
-  var _a7, _b7, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a8, _b7, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
   const messages = useHMSStore20(selectHMSMessages3);
   const localPeerID = useHMSStore20(selectLocalPeerID4);
   const count = useHMSStore20(selectUnreadHMSMessagesCount2);
@@ -16458,7 +16458,7 @@ var PIPChat = () => {
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore20(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const { elements } = useRoomLayoutConferencingScreen();
-  const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
+  const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
   const canSendChatMessages = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled) || !!((_d = (_c2 = elements == null ? void 0 : elements.chat) == null ? void 0 : _c2.roles_whitelist) == null ? void 0 : _d.length) || !!((_e = elements == null ? void 0 : elements.chat) == null ? void 0 : _e.private_chat_enabled);
   const getChatStatus = useCallback16(() => {
     if (isLocalPeerBlacklisted) return "You've been blocked from sending messages";
@@ -16690,11 +16690,11 @@ var RoleChangeContent = ({
   onOpenChange,
   isMobile = false
 }) => {
-  var _a7;
+  var _a8;
   const roles = useHMSStore21(selectAvailableRoleNames3).filter(
     (role) => role !== (peer == null ? void 0 : peer.roleName) && role !== "__internal_recorder"
   );
-  const [selectedRole, setRole] = useState20(((_a7 = roles.filter((role) => role !== (peer == null ? void 0 : peer.roleName))) == null ? void 0 : _a7[0]) || (peer == null ? void 0 : peer.roleName));
+  const [selectedRole, setRole] = useState20(((_a8 = roles.filter((role) => role !== (peer == null ? void 0 : peer.roleName))) == null ? void 0 : _a8[0]) || (peer == null ? void 0 : peer.roleName));
   const hmsActions = useHMSActions15();
   const [open, setOpen] = useState20(false);
   const triggerRef = useRef13();
@@ -16748,14 +16748,14 @@ var RoleChangeContent = ({
         },
         /* @__PURE__ */ React52.createElement(Flex, { align: "center", justify: "between", css: { width: "100%" } }, /* @__PURE__ */ React52.createElement(Text, null, selectedRole), open ? /* @__PURE__ */ React52.createElement(ChevronUpIcon3, null) : /* @__PURE__ */ React52.createElement(ChevronDownIcon3, null))
       ), /* @__PURE__ */ React52.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { zIndex: 1e3, w: "100%" } }, roles.map((role) => {
-        var _a8;
+        var _a9;
         return /* @__PURE__ */ React52.createElement(
           Dropdown.Item,
           {
             "data-testid": role,
             key: role,
             onSelect: () => setRole(role),
-            css: { w: `${(_a8 = triggerRef.current) == null ? void 0 : _a8.clientWidth}px` }
+            css: { w: `${(_a9 = triggerRef.current) == null ? void 0 : _a9.clientWidth}px` }
           },
           role
         );
@@ -16817,12 +16817,12 @@ import { InfoIcon } from "@100mslive/react-icons";
 init_define_process_env();
 import React53, { useRef as useRef14 } from "react";
 import { CheckIcon as CheckIcon2, CloudUploadIcon, CrossIcon as CrossIcon9 } from "@100mslive/react-icons";
-var DialogContent = (_a7) => {
-  var _b7 = _a7, { Icon: Icon4, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
+var DialogContent = (_a8) => {
+  var _b7 = _a8, { Icon: Icon4, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
   return /* @__PURE__ */ React53.createElement(Dialog.Portal, null, /* @__PURE__ */ React53.createElement(Dialog.Overlay, null), /* @__PURE__ */ React53.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ React53.createElement(Dialog.Title, null, /* @__PURE__ */ React53.createElement(Flex, { justify: "between" }, /* @__PURE__ */ React53.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon4 ? /* @__PURE__ */ React53.createElement(Flex, { css: __spreadValues(__spreadValues({ mr: "$2", color: "$on_primary_high" }, flexCenter), iconCSS) }, /* @__PURE__ */ React53.createElement(Icon4, null)) : null, /* @__PURE__ */ React53.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ React53.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ React53.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ React53.createElement(Box, null, children)));
 };
-var ErrorDialog = (_a7) => {
-  var _b7 = _a7, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
+var ErrorDialog = (_a8) => {
+  var _b7 = _a8, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
   return /* @__PURE__ */ React53.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React53.createElement(
     DialogContent,
     __spreadValues({
@@ -16866,8 +16866,8 @@ var DialogRow = ({ children, breakSm = false, css: css2, justify = "between" })
   }
   return /* @__PURE__ */ React53.createElement(Flex, { align: "center", justify, css: finalCSS }, children);
 };
-var DialogCol = (_a7) => {
-  var _b7 = _a7, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
+var DialogCol = (_a8) => {
+  var _b7 = _a8, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
   let finalCSS = {
     margin: "$10 0",
     w: "100%"
@@ -16882,24 +16882,24 @@ var DialogCol = (_a7) => {
   }
   return /* @__PURE__ */ React53.createElement(Flex, __spreadValues({ direction: "column", align, justify, css: finalCSS }, props), children);
 };
-var DialogSelect = (_a7) => {
-  var _b7 = _a7, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
+var DialogSelect = (_a8) => {
+  var _b7 = _a8, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
   return /* @__PURE__ */ React53.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ React53.createElement(Label3, null, title), /* @__PURE__ */ React53.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ React53.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ React53.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
     const id = keyField ? option[keyField] : option;
     const label = labelField ? option[labelField] : option;
     return /* @__PURE__ */ React53.createElement("option", { value: id, key: id }, label);
   }))));
 };
-var DialogInputFile = (_a7) => {
-  var _b7 = _a7, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
+var DialogInputFile = (_a8) => {
+  var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
   const inputRef = useRef14();
   return /* @__PURE__ */ React53.createElement(
     DialogCol,
     {
       breakSm: true,
       onClick: () => {
-        var _a8;
-        return (_a8 = inputRef.current) == null ? void 0 : _a8.click();
+        var _a9;
+        return (_a9 = inputRef.current) == null ? void 0 : _a9.click();
       },
       css: {
         justifyContent: "center",
@@ -17116,7 +17116,7 @@ import {
   useHMSStore as useHMSStore23
 } from "@100mslive/react-sdk";
 var StatsForNerds = ({ open, onOpenChange }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const mediaQueryLg = config.media.md;
   const isMobile = useMedia9(mediaQueryLg);
   const tracksWithLabels = useTracksWithLabel();
@@ -17180,7 +17180,7 @@ var StatsForNerds = ({ open, onOpenChange }) => {
             open: openDropdown,
             ref
           }
-        ), /* @__PURE__ */ React56.createElement(Dropdown.Portal, null, /* @__PURE__ */ React56.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
+        ), /* @__PURE__ */ React56.createElement(Dropdown.Portal, null, /* @__PURE__ */ React56.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
           const isSelected = option.id === selectedStat.id && option.layer === selectedStat.layer;
           return /* @__PURE__ */ React56.createElement(
             Dropdown.Item,
@@ -17261,8 +17261,8 @@ var useTracksWithLabel = () => {
   const localPeerID = useHMSStore23(selectLocalPeerID5);
   const tracksWithLabels = useMemo8(
     () => Object.values(tracksMap).reduce((res, track) => {
-      var _a7, _b7;
-      const peerName = (_a7 = peersMap[track.peerId]) == null ? void 0 : _a7.name;
+      var _a8, _b7;
+      const peerName = (_a8 = peersMap[track.peerId]) == null ? void 0 : _a8.name;
       const isLocalTrack = track.peerId === localPeerID;
       if (isLocalTrack && ((_b7 = track.layerDefinitions) == null ? void 0 : _b7.length)) {
         res = res.concat(
@@ -17289,22 +17289,22 @@ var useTracksWithLabel = () => {
   return tracksWithLabels;
 };
 var formatConnection = (connectionType, connectionStats) => {
-  var _a7;
+  var _a8;
   if (!connectionType) {
     return "-";
   }
-  const protocol = (_a7 = connectionStats == null ? void 0 : connectionStats.localCandidate) == null ? void 0 : _a7.protocol;
+  const protocol = (_a8 = connectionStats == null ? void 0 : connectionStats.localCandidate) == null ? void 0 : _a8.protocol;
   return connectionType.startsWith("relay") || !protocol ? connectionType : `${connectionType} / ${protocol}`;
 };
 var LocalPeerStats = () => {
-  var _a7, _b7, _c2, _d, _e, _f, _g, _h, _i, _j;
+  var _a8, _b7, _c2, _d, _e, _f, _g, _h, _i, _j;
   const stats = useHMSStatsStore3(selectHMSStats3.localPeerStats);
   const publishConnectionType = useHMSStatsStore3(selectHMSStats3.publishConnectionType);
   const subscribeConnectionType = useHMSStatsStore3(selectHMSStats3.subscribeConnectionType);
   if (!stats) {
     return null;
   }
-  return /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Publish Connection", value: formatConnection(publishConnectionType, stats.publish) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Subscribe Connection", value: formatConnection(subscribeConnectionType, stats.subscribe) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Packets Lost", value: (_a7 = stats.subscribe) == null ? void 0 : _a7.packetsLost }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Jitter", value: `${(((_c2 = (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter) != null ? _c2 : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes((_d = stats.publish) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes((_e = stats.subscribe) == null ? void 0 : _e.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(
+  return /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Publish Connection", value: formatConnection(publishConnectionType, stats.publish) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Subscribe Connection", value: formatConnection(subscribeConnectionType, stats.subscribe) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Packets Lost", value: (_a8 = stats.subscribe) == null ? void 0 : _a8.packetsLost }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Jitter", value: `${(((_c2 = (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter) != null ? _c2 : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes((_d = stats.publish) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes((_e = stats.subscribe) == null ? void 0 : _e.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(
     StatsRow2,
     {
       label: "Available Outgoing Bitrate",
@@ -17319,7 +17319,7 @@ var LocalPeerStats = () => {
   ));
 };
 var TrackStats = ({ trackID, layer, local }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const selector = match4({ trackID, layer, local }).with(
     {
       layer: P3.when((layer2) => !!layer2)
@@ -17331,7 +17331,7 @@ var TrackStats = ({ trackID, layer, local }) => {
     return null;
   }
   const inbound = stats.type.includes("inbound");
-  return /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Bitrate", value: formatBytes(stats.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Jitter", value: `${(((_b7 = (_a7 = stats.subscribe) == null ? void 0 : _a7.jitter) != null ? _b7 : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ React56.createElement(
+  return /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Bitrate", value: formatBytes(stats.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Jitter", value: `${(((_b7 = (_a8 = stats.subscribe) == null ? void 0 : _a8.jitter) != null ? _b7 : 0) * 1e3).toFixed(2)} ms` }), /* @__PURE__ */ React56.createElement(
     StatsRow2,
     {
       label: inbound ? "Bytes Received" : "Bytes Sent",
@@ -17346,8 +17346,8 @@ var TrackStats = ({ trackID, layer, local }) => {
   ));
 };
 var DebugInfo = ({ details }) => {
-  var _a7;
-  return /* @__PURE__ */ React56.createElement(Accordion.Root, { type: "single", collapsible: true, css: { w: "100%" } }, /* @__PURE__ */ React56.createElement(Accordion.Item, { value: "Debug Info" }, /* @__PURE__ */ React56.createElement(Accordion.Header, null, /* @__PURE__ */ React56.createElement(Label3, { variant: "body2", css: { c: "$on_surface_high" } }, "Debug Info")), /* @__PURE__ */ React56.createElement(Accordion.Content, null, /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", mt: "$10", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Websocket URL", value: details == null ? void 0 : details.websocketURL }), /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Init Endpoint", value: details == null ? void 0 : details.initEndpoint }), /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Enabled flags", value: (_a7 = details == null ? void 0 : details.enabledFlags) == null ? void 0 : _a7.join(", ") })))));
+  var _a8;
+  return /* @__PURE__ */ React56.createElement(Accordion.Root, { type: "single", collapsible: true, css: { w: "100%" } }, /* @__PURE__ */ React56.createElement(Accordion.Item, { value: "Debug Info" }, /* @__PURE__ */ React56.createElement(Accordion.Header, null, /* @__PURE__ */ React56.createElement(Label3, { variant: "body2", css: { c: "$on_surface_high" } }, "Debug Info")), /* @__PURE__ */ React56.createElement(Accordion.Content, null, /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", mt: "$10", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Websocket URL", value: details == null ? void 0 : details.websocketURL }), /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Init Endpoint", value: details == null ? void 0 : details.initEndpoint }), /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Enabled flags", value: (_a8 = details == null ? void 0 : details.enabledFlags) == null ? void 0 : _a8.join(", ") })))));
 };
 var StatsRow2 = React56.memo(({ label, value, css: css2 }) => /* @__PURE__ */ React56.createElement(Box, { css: __spreadValues({ bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" }, css2) }, /* @__PURE__ */ React56.createElement(
   Text,
@@ -17368,7 +17368,7 @@ import React57, { useCallback as useCallback18, useRef as useRef16, useState as
 import { useHMSActions as useHMSActions18 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon3 } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const roles = useFilteredRoles();
   const hmsActions = useHMSActions18();
   const ref = useRef16(null);
@@ -17419,7 +17419,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
     /* @__PURE__ */ React57.createElement(
       Dropdown.Content,
       {
-        css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 },
+        css: { w: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth, zIndex: 1e3 },
         onInteractOutside: () => {
           if (bulkRoleDialog) {
             setBulkRoleDialog(false);
@@ -20011,8 +20011,8 @@ function UAParser(ua, extensions, headers) {
   if (headers) {
     if (typeof headers.append === TYPEOF.FUNCTION) {
       var kv = {};
-      headers.forEach(function(v, k2) {
-        kv[String(k2).toLowerCase()] = v;
+      headers.forEach(function(v2, k2) {
+        kv[String(k2).toLowerCase()] = v2;
       });
       headers = kv;
     } else {
@@ -20077,9 +20077,9 @@ UAParser.ENGINE = UAParser.OS = enumerize([NAME, VERSION]);
 
 // ../hms-video-store/dist/index.js
 var import_lodash3 = __toESM(require_lodash2());
+import { v4 as Wn } from "uuid";
 import { v4 as Gn } from "uuid";
-import { v4 as Vn } from "uuid";
-import { v4 as Qn } from "uuid";
+import { v4 as zn } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -20571,20 +20571,20 @@ function shimOnTrack(window2) {
 }
 function shimGetSendersWithDtmf(window2) {
   if (typeof window2 === "object" && window2.RTCPeerConnection && !("getSenders" in window2.RTCPeerConnection.prototype) && "createDTMFSender" in window2.RTCPeerConnection.prototype) {
-    const shimSenderWithDtmf = function(pc2, track) {
+    const shimSenderWithDtmf = function(pc, track) {
       return {
         track,
         get dtmf() {
           if (this._dtmf === void 0) {
             if (track.kind === "audio") {
-              this._dtmf = pc2.createDTMFSender(track);
+              this._dtmf = pc.createDTMFSender(track);
             } else {
               this._dtmf = null;
             }
           }
           return this._dtmf;
         },
-        _pc: pc2
+        _pc: pc
       };
     };
     if (!window2.RTCPeerConnection.prototype.getSenders) {
@@ -20939,11 +20939,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
     }
     return this.getSenders().find((s) => s.track === track);
   };
-  function replaceInternalStreamId(pc2, description) {
+  function replaceInternalStreamId(pc, description) {
     let sdp2 = description.sdp;
-    Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
-      const externalStream = pc2._reverseStreams[internalId];
-      const internalStream = pc2._streams[externalStream.id];
+    Object.keys(pc._reverseStreams || []).forEach((internalId) => {
+      const externalStream = pc._reverseStreams[internalId];
+      const internalStream = pc._streams[externalStream.id];
       sdp2 = sdp2.replace(
         new RegExp(internalStream.id, "g"),
         externalStream.id
@@ -20954,11 +20954,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
       sdp: sdp2
     });
   }
-  function replaceExternalStreamId(pc2, description) {
+  function replaceExternalStreamId(pc, description) {
     let sdp2 = description.sdp;
-    Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
-      const externalStream = pc2._reverseStreams[internalId];
-      const internalStream = pc2._streams[externalStream.id];
+    Object.keys(pc._reverseStreams || []).forEach((internalId) => {
+      const externalStream = pc._reverseStreams[internalId];
+      const internalStream = pc._streams[externalStream.id];
       sdp2 = sdp2.replace(
         new RegExp(externalStream.id, "g"),
         internalStream.id
@@ -21072,9 +21072,9 @@ function shimPeerConnection(window2, browserDetails) {
 }
 function fixNegotiationNeeded(window2, browserDetails) {
   wrapPeerConnectionEvent(window2, "negotiationneeded", (e) => {
-    const pc2 = e.target;
-    if (browserDetails.version < 72 || pc2.getConfiguration && pc2.getConfiguration().sdpSemantics === "plan-b") {
-      if (pc2.signalingState !== "stable") {
+    const pc = e.target;
+    if (browserDetails.version < 72 || pc.getConfiguration && pc.getConfiguration().sdpSemantics === "plan-b") {
+      if (pc.signalingState !== "stable") {
         return;
       }
     }
@@ -21521,24 +21521,24 @@ function shimRemoteStreamsAPI(window2) {
     });
     const origSetRemoteDescription = window2.RTCPeerConnection.prototype.setRemoteDescription;
     window2.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription() {
-      const pc2 = this;
+      const pc = this;
       if (!this._onaddstreampoly) {
         this.addEventListener("track", this._onaddstreampoly = function(e) {
           e.streams.forEach((stream) => {
-            if (!pc2._remoteStreams) {
-              pc2._remoteStreams = [];
+            if (!pc._remoteStreams) {
+              pc._remoteStreams = [];
             }
-            if (pc2._remoteStreams.indexOf(stream) >= 0) {
+            if (pc._remoteStreams.indexOf(stream) >= 0) {
               return;
             }
-            pc2._remoteStreams.push(stream);
+            pc._remoteStreams.push(stream);
             const event = new Event("addstream");
             event.stream = stream;
-            pc2.dispatchEvent(event);
+            pc.dispatchEvent(event);
           });
         });
       }
-      return origSetRemoteDescription.apply(pc2, arguments);
+      return origSetRemoteDescription.apply(pc, arguments);
     };
   }
 }
@@ -21904,13 +21904,13 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc, pc2) {
+  function wrapDcSend(dc, pc) {
     const origDataChannelSend = dc.send;
     dc.send = function send() {
       const data3 = arguments[0];
       const length = data3.length || data3.size || data3.byteLength;
-      if (dc.readyState === "open" && pc2.sctp && length > pc2.sctp.maxMessageSize) {
-        throw new TypeError("Message too large (can send a maximum of " + pc2.sctp.maxMessageSize + " bytes)");
+      if (dc.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
+        throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
       }
       return origDataChannelSend.apply(dc, arguments);
     };
@@ -21968,11 +21968,11 @@ function shimConnectionState(window2) {
     proto[method] = function() {
       if (!this._connectionstatechangepoly) {
         this._connectionstatechangepoly = (e) => {
-          const pc2 = e.target;
-          if (pc2._lastConnectionState !== pc2.connectionState) {
-            pc2._lastConnectionState = pc2.connectionState;
+          const pc = e.target;
+          if (pc._lastConnectionState !== pc.connectionState) {
+            pc._lastConnectionState = pc.connectionState;
             const newEvent = new Event("connectionstatechange", e);
-            pc2.dispatchEvent(newEvent);
+            pc.dispatchEvent(newEvent);
           }
           return e;
         };
@@ -22176,36 +22176,36 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as Zn } from "uuid";
-import { v4 as So } from "uuid";
-import { EventEmitter2 as go } from "eventemitter2";
-var ei = __toESM(require_lib());
-import { EventEmitter2 as $o } from "eventemitter2";
-import { v4 as Qo } from "uuid";
-import { EventEmitter2 as Jo } from "eventemitter2";
-import Yo from "eventemitter2";
-import { v4 as Xo } from "uuid";
-import { v4 as tc } from "uuid";
-var In = Object.defineProperty;
-var An = Object.defineProperties;
-var Rn = Object.getOwnPropertyDescriptors;
-var ci = Object.getOwnPropertySymbols;
+import { v4 as to } from "uuid";
+import { v4 as To } from "uuid";
+import { EventEmitter2 as fo } from "eventemitter2";
+var ti = __toESM(require_lib());
+import { EventEmitter2 as qo } from "eventemitter2";
+import { v4 as zo } from "uuid";
+import { EventEmitter2 as Yo } from "eventemitter2";
+import Zo from "eventemitter2";
+import { v4 as ec } from "uuid";
+import { v4 as rc } from "uuid";
+var Rn = Object.defineProperty;
+var Hn = Object.defineProperties;
+var Cn = Object.getOwnPropertyDescriptors;
+var di = Object.getOwnPropertySymbols;
 var Es = Object.prototype.hasOwnProperty;
 var Ps = Object.prototype.propertyIsEnumerable;
-var ks = (a2, e, t) => e in a2 ? In(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+var ks = (a2, e, t) => e in a2 ? Rn(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
 var m = (a2, e) => {
   for (var t in e || (e = {})) Es.call(e, t) && ks(a2, t, e[t]);
-  if (ci) for (var t of ci(e)) Ps.call(e, t) && ks(a2, t, e[t]);
+  if (di) for (var t of di(e)) Ps.call(e, t) && ks(a2, t, e[t]);
   return a2;
 };
-var M = (a2, e) => An(a2, Rn(e));
+var y = (a2, e) => Hn(a2, Cn(e));
 var Ar = (a2, e) => {
   var t = {};
   for (var i in a2) Es.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
-  if (a2 != null && ci) for (var i of ci(a2)) e.indexOf(i) < 0 && Ps.call(a2, i) && (t[i] = a2[i]);
+  if (a2 != null && di) for (var i of di(a2)) e.indexOf(i) < 0 && Ps.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var Ln = (a2, e) => () => {
+var Dn = (a2, e) => () => {
   try {
     return e || a2((e = { exports: {} }).exports, e), e.exports;
   } catch (t) {
@@ -22228,19 +22228,19 @@ var c = (a2, e, t) => new Promise((i, r) => {
   }, o = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, n);
   o((t = t.apply(a2, e)).next());
 });
-var _r = Ln((bd, Fn) => {
-  Fn.exports = { version: "0.15.2-alpha.0", 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"], 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": "^2.0.6", uuid: "^11.1.1", "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.39", "@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 _r = Dn((Ad, $n) => {
+  $n.exports = { version: "0.15.2-alpha.2", 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"], 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": "^2.0.6", uuid: "^11.1.1", "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.39", "@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 Rr = ((o) => (o.Disconnected = "Disconnected", o.Preview = "Preview", o.Connecting = "Connecting", o.Connected = "Connected", o.Reconnecting = "Reconnecting", o.Disconnecting = "Disconnecting", o.Failed = "Failed", o))(Rr || {});
-var wn = ((e) => (e.CHAT = "chat", e))(wn || {});
-var bs = ((t) => (t.INFO = "info", t.ERROR = "error", t))(bs || {});
+var _n = ((e) => (e.CHAT = "chat", e))(_n || {});
+var Is = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Is || {});
 var Hr = ((w) => (w.PEER_JOINED = "PEER_JOINED", w.PEER_LEFT = "PEER_LEFT", w.PEER_LIST = "PEER_LIST", w.NEW_MESSAGE = "NEW_MESSAGE", w.ERROR = "ERROR", w.RECONNECTING = "RECONNECTING", w.RECONNECTED = "RECONNECTED", w.TRACK_ADDED = "TRACK_ADDED", w.TRACK_REMOVED = "TRACK_REMOVED", w.TRACK_MUTED = "TRACK_MUTED", w.TRACK_UNMUTED = "TRACK_UNMUTED", w.TRACK_DEGRADED = "TRACK_DEGRADED", w.TRACK_RESTORED = "TRACK_RESTORED", w.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", w.ROLE_UPDATED = "ROLE_UPDATED", w.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", w.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", w.ROOM_ENDED = "ROOM_ENDED", w.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", w.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", w.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", w.NAME_UPDATED = "NAME_UPDATED", w.METADATA_UPDATED = "METADATA_UPDATED", w.POLL_CREATED = "POLL_CREATED", w.POLL_STARTED = "POLL_STARTED", w.POLL_STOPPED = "POLL_STOPPED", w.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", w.POLLS_LIST = "POLLS_LIST", w.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", w.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", w.TRACK_INTERRUPTION_START = "TRACK_INTERRUPTION_START", w.TRACK_INTERRUPTION_END = "TRACK_INTERRUPTION_END", w))(Hr || {});
-var Is = ((t) => (t.audio = "audio", t.video = "video", t))(Is || {});
+var As = ((t) => (t.audio = "audio", t.video = "video", t))(As || {});
 function $e(a2, e) {
   let t, i;
   if (e) for (let r of e.auxiliaryTracks) {
     let s = a2[r];
-    Dn(s) && (i = Mt(s) ? s : i, t = yt(s) ? s : t);
+    Nn(s) && (i = Mt(s) ? s : i, t = yt(s) ? s : t);
   }
   return { video: t, audio: i };
 }
@@ -22250,19 +22250,19 @@ function Mt(a2) {
 function yt(a2) {
   return a2 && a2.type === "video";
 }
-function Dn(a2) {
+function Nn(a2) {
   return a2 && a2.source === "screen";
 }
-function ui(a2) {
+function pi(a2) {
   return a2 && a2.source === "audioplaylist";
 }
 function kt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function As(a2) {
+function Rs(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
-function Xe(a2, e) {
+function Ze(a2, e) {
   return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
 }
 function Et(a2) {
@@ -22270,8 +22270,8 @@ function Et(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 Hs = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(Hs || {});
-var _n = typeof window != "undefined" && typeof window.expect != "undefined";
+var Cs = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(Cs || {});
+var On = typeof window != "undefined" && typeof window.expect != "undefined";
 var d = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -22336,7 +22336,7 @@ var d = class {
     }
   }
 };
-d.level = _n ? 7 : 0;
+d.level = On ? 7 : 0;
 var Cr = new UAParser();
 var Pt = null;
 var Lr = null;
@@ -22353,29 +22353,29 @@ if (V) try {
 }
 var De = () => Pt || Cr.getResult();
 var Y = { getBrowser: () => De().browser, getOS: () => De().os, getDevice: () => De().device, getCPU: () => De().cpu, getEngine: () => De().engine, getUA: () => De().ua, getResult: De, withClientHints: () => Lr || Promise.resolve(De()) };
-var Cs;
-var We = typeof window == "undefined" && !((Cs = Y.getBrowser().name) != null && Cs.toLowerCase().includes("electron"));
-var On = () => !We;
-var Qc = On();
 var Ls;
+var We = typeof window == "undefined" && !((Ls = Y.getBrowser().name) != null && Ls.toLowerCase().includes("electron"));
+var Un = () => !We;
+var zc = Un();
 var ws;
-var Vs = (ws = (Ls = Y.getBrowser()) == null ? void 0 : Ls.name) == null ? void 0 : ws.toLowerCase().includes("safari");
 var Ds;
+var Fs = (Ds = (ws = Y.getBrowser()) == null ? void 0 : ws.name) == null ? void 0 : Ds.toLowerCase().includes("safari");
 var _s;
-var Fs = ((_s = (Ds = Y.getBrowser()) == null ? void 0 : Ds.name) == null ? void 0 : _s.toLowerCase()) === "firefox";
 var Ns;
+var Gs = ((Ns = (_s = Y.getBrowser()) == null ? void 0 : _s.name) == null ? void 0 : Ns.toLowerCase()) === "firefox";
 var Os;
-var Gs = ((Os = (Ns = Y.getEngine()) == null ? void 0 : Ns.name) == null ? void 0 : Os.toLowerCase()) === "blink";
-var $s = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))($s || {});
-function Un() {
+var xs;
+var $s = ((xs = (Os = Y.getEngine()) == null ? void 0 : Os.name) == null ? void 0 : xs.toLowerCase()) === "blink";
+var Ws = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Ws || {});
+function Vn() {
   if (V && 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 et = Un();
-var E = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014, NO_DATA: 3015 }, 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 tt = Vn();
+var E = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014, NO_DATA: 3015 }, 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, PUBLISH_ANSWER_SUPERSEDED: 4008 }, 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 k = class a extends Error {
   constructor(t, i, r, s, n, o = false) {
     super(s);
@@ -22415,7 +22415,7 @@ var K = class extends k {
     this.trackType = o;
   }
   toAnalyticsProperties() {
-    return M(m({}, super.toAnalyticsProperties()), { track_type: this.trackType });
+    return y(m({}, super.toAnalyticsProperties()), { track_type: this.trackType });
   }
   toString() {
     var t;
@@ -22431,8 +22431,8 @@ var K = class extends k {
       }`;
   }
 };
-var Ws = ((r) => (r.AUDIO = "audio", r.VIDEO = "video", r.AUDIO_VIDEO = "audio, video", r.SCREEN = "screen", r))(Ws || {});
-var Bn = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var qs = ((r) => (r.AUDIO = "audio", r.VIDEO = "video", r.AUDIO_VIDEO = "audio, video", r.SCREEN = "screen", r))(qs || {});
+var Fn = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new k(E.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
@@ -22487,6 +22487,8 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new k(E.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
 }, SetRemoteDescriptionFailed(a2, e = "") {
   return new k(E.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
+}, PublishAnswerSuperseded(a2, e = "") {
+  return new k(E.WebrtcErrors.PUBLISH_ANSWER_SUPERSEDED, "PublishAnswerSuperseded", a2, `[${a2.toString()}]: Publish answer discarded, a newer offer is in flight. `, e);
 }, ICEFailure(a2, e = "", t = false) {
   return new k(E.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
 }, ICEDisconnected(a2, e = "") {
@@ -22494,7 +22496,7 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, StatsFailed(a2, e = "") {
   return new k(E.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-  return new k(a2, "ServerErrors", e, t, t, Bn.includes(e));
+  return new k(a2, "ServerErrors", e, t, t, Fn.includes(e));
 }, AlreadyJoined(a2, e = "") {
   return new k(E.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -22568,7 +22570,7 @@ var Dr = class {
     return this.valuesMap.size;
   }
 };
-var qs = () => {
+var Ks = () => {
   try {
     V && !localStorage && (window.localStorage = new Dr());
   } catch (a2) {
@@ -22582,7 +22584,7 @@ var ye = class {
   }
   getStorage() {
     try {
-      return V && !this.storage && (qs(), this.storage = window.localStorage), this.storage;
+      return V && !this.storage && (Ks(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return d.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -22602,135 +22604,138 @@ var ye = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var hi = () => {
+var mi = () => {
   let a2, e = new ye("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = Vn(), e.set(a2)), a2;
+  return t ? a2 = t : (a2 = Gn(), e.set(a2)), a2;
 };
 function W(a2) {
   return a2 != null;
 }
 var Qs = _r().version;
 function At(a2 = "prod", e) {
-  let i = et !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
-  if (We) return Js({ os: "web_nodejs", os_version: process.version, sdk: "web", sdk_version: Qs, env: i, domain: et, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  let i = tt !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
+  if (We) return zs({ os: "web_nodejs", os_version: process.version, sdk: "web", sdk_version: Qs, env: i, domain: tt, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
   let r = Y.getOS(), s = Y.getDevice(), n = Y.getBrowser(), o = Nr(`web_${r.name}`), l = r.version || "", u = Nr(`${n.name}_${n.version}`), p = u;
-  return s.type && (p = `${Nr(`${s.vendor}_${s.type}`)}/${u}`), Js({ os: o, os_version: l, sdk: "web", sdk_version: Qs, device_model: p, env: i, domain: et, 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 = `${Nr(`${s.vendor}_${s.type}`)}/${u}`), zs({ os: o, os_version: l, sdk: "web", sdk_version: Qs, device_model: p, env: i, domain: tt, 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 Nr(a2) {
   return a2.replace(/ /g, "_");
 }
-var Js = (a2, e = ",") => Object.keys(a2).filter((t) => W(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
-var C = class {
+var zs = (a2, e = ",") => Object.keys(a2).filter((t) => W(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: At() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Gn(), this.device_id = hi();
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Wn(), this.device_id = mi();
   }
   toSignalParams() {
-    return { name: this.name, info: M(m({}, this.properties), { timestamp: this.timestamp, domain: et }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: y(m({}, this.properties), { timestamp: this.timestamp, domain: tt }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
-var y = class {
+var v = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-    let n = this.eventNameFor("connect", e === void 0), o = e ? 2 : 1, l = this.getPropertiesWithError(M(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
-    return new C({ name: n, level: o, properties: l });
+    let n = this.eventNameFor("connect", e === void 0), o = e ? 2 : 1, l = 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 H({ name: n, level: o, properties: l });
   }
   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 = Ar(r, ["error"]);
     let s = this.eventNameFor("preview", e === void 0), n = e ? 2 : 1, o = this.getPropertiesWithError(t, e);
-    return new C({ name: s, level: n, properties: o });
+    return new H({ name: s, level: n, properties: o });
   }
   static join(i) {
     var r = i, { error: e } = r, t = Ar(r, ["error"]);
-    let s = this.eventNameFor("join", e === void 0), n = e ? 2 : 1, o = this.getPropertiesWithError(M(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
-    return new C({ name: s, level: n, properties: o });
+    let s = this.eventNameFor("join", e === void 0), n = e ? 2 : 1, o = this.getPropertiesWithError(y(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    return new H({ name: s, level: n, properties: o });
   }
   static publish({ devices: e, settings: t, error: i }) {
     let r = this.eventNameFor("publish", i === void 0), s = i ? 2 : 1, n = 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: n });
+    return new H({ name: r, level: s, properties: n });
   }
   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 subscribeRequestRetry(e) {
-    return new C({ name: "subscribeRequestRetry", level: 1, properties: e });
+    return new H({ name: "subscribeRequestRetry", level: 1, properties: e });
+  }
+  static publishAnswerDiscarded(e) {
+    return new H({ name: "publishAnswerDiscarded", level: 1, properties: e });
   }
   static subscribeRequestUnanswered(e) {
-    return new C({ name: "subscribeRequestUnanswered", level: 2, properties: e });
+    return new H({ name: "subscribeRequestUnanswered", level: 2, properties: e });
   }
   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 audioRecovered(e) {
-    return new C({ name: "audioRecovered", level: 1, properties: { message: e } });
+    return new H({ name: "audioRecovered", level: 1, properties: { message: e } });
   }
   static permissionChange(e, t) {
-    return new C({ name: "permissionChanged", level: 1, properties: { message: `Perrmission for ${e} changed to ${t}` } });
+    return new H({ name: "permissionChanged", level: 1, properties: { message: `Perrmission for ${e} changed to ${t}` } });
   }
   static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
     let n = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), o = s ? 2 : 1, l = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
-    return new C({ name: n, level: o, properties: l });
+    return new H({ name: n, level: o, properties: l });
   }
   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 n = /* @__PURE__ */ new Date(), o = n.valueOf() - e.degradedAt.valueOf();
-      s = M(m({}, s), { duration: o, restoredAt: n });
+      s = y(m({}, s), { duration: o, restoredAt: n });
     }
-    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, trackInfo: s }) {
-    return new C({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: M(m({ reason: i, type: t, pageHidden: document.visibilityState === "hidden" }, r), { trackInfo: s }) });
+    return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: y(m({ reason: i, type: t, pageHidden: document.visibilityState === "hidden" }, r), { trackInfo: s }) });
   }
   static mediaConstraints({ requestedConstraints: e, appliedConstraints: t, trackSettings: i }) {
-    return new C({ name: "media.constraints", level: 1, properties: { requested_constraints: e, applied_constraints: t, track_settings: i, webgpu_supported: typeof navigator != "undefined" && "gpu" in navigator, media_stream_track_processor_supported: typeof window != "undefined" && "MediaStreamTrackProcessor" in window } });
+    return new H({ name: "media.constraints", level: 1, properties: { requested_constraints: e, applied_constraints: t, track_settings: i, webgpu_supported: typeof navigator != "undefined" && "gpu" in navigator, media_stream_track_processor_supported: typeof window != "undefined" && "MediaStreamTrackProcessor" in window } });
   }
   static eventNameFor(e, t) {
     return `${e}.${t ? "success" : "failed"}`;
@@ -22743,7 +22748,7 @@ var y = class {
     return e ? e instanceof k ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
   }
 };
-y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
+v.KEY_REQUESTED_AT = "requested_at", v.KEY_RESPONDED_AT = "responded_at";
 var Or = class {
   constructor() {
     this.storage = new ye("hms-device-selection");
@@ -22791,19 +22796,19 @@ var Or = class {
 var re = new Or();
 var xr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(xr || {});
 var Ur = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Ur || {});
-var zs = "https://event.100ms.live/v2/client/report";
-var Ys = "https://event-nonprod.100ms.live/v2/client/report";
+var Ys = "https://event.100ms.live/v2/client/report";
+var Xs = "https://event-nonprod.100ms.live/v2/client/report";
 var Rt = Math.pow(2, 31) - 1;
 var Fr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Fr || {});
-var ra = ((o) => (o.NONE = "none", o.INITIALISED = "initialised", o.STARTED = "started", o.PAUSED = "paused", o.RESUMED = "resumed", o.STOPPED = "stopped", o.FAILED = "failed", o))(ra || {});
-var sa = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(sa || {});
-var aa = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(aa || {});
-var na = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(na || {});
-var oa = ((e) => (e.CAPTION = "caption", e))(oa || {});
+var sa = ((o) => (o.NONE = "none", o.INITIALISED = "initialised", o.STARTED = "started", o.PAUSED = "paused", o.RESUMED = "resumed", o.STOPPED = "stopped", o.FAILED = "failed", o))(sa || {});
+var aa = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(aa || {});
+var na = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(na || {});
+var oa = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(oa || {});
+var ca = ((e) => (e.CAPTION = "caption", e))(ca || {});
 var Gr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Gr || {});
-var ca = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(ca || {});
+var da = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(da || {});
 var $r = ((r) => (r.SPEAKERPHONE = "SPEAKERPHONE", r.WIRED = "WIRED", r.BLUETOOTH = "BLUETOOTH", r.EARPIECE = "EARPIECE", r))($r || {});
-function Mi(a2, e = 300) {
+function yi(a2, e = 300) {
   let t;
   return function(...i) {
     clearTimeout(t), t = void 0;
@@ -22813,7 +22818,7 @@ function Mi(a2, e = 300) {
     }, e);
   };
 }
-var Jr = class {
+var Qr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -22839,7 +22844,7 @@ var Jr = class {
     return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var ma = new Jr();
+var Sa = new Qr();
 var zr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
@@ -22853,7 +22858,7 @@ var zr = class {
       (t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
     };
     this.createObserver = () => {
-      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(Mi(this.handleResize, 300)));
+      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(yi(this.handleResize, 300)));
     };
     this.handleResize = (e) => {
       var t;
@@ -22866,7 +22871,7 @@ var zr = class {
     return e || d.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Sa = new zr();
+var ga = new zr();
 var Yr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Yr || {});
 var Xr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Xr || {});
 var ts = (a2) => {
@@ -22875,35 +22880,35 @@ var ts = (a2) => {
 };
 var dt = class {
 };
-dt.makePeerId = () => So();
+dt.makePeerId = () => To();
 var G = (a2) => a2.room;
-var To = (a2) => a2.errors;
-var tS = createSelector(To, (a2) => a2.length === 0 ? null : a2.at(-1));
-var iS = createSelector(G, (a2) => a2.id);
+var vo = (a2) => a2.errors;
+var rS = createSelector(vo, (a2) => a2.length === 0 ? null : a2.at(-1));
+var sS = createSelector(G, (a2) => a2.id);
 var ee = (a2) => a2.peers;
-var Ci = (a2) => a2.messages.byID;
-var Ia = (a2) => a2.messages.allIDs;
+var Li = (a2) => a2.messages.byID;
+var Aa = (a2) => a2.messages.allIDs;
 var N = (a2) => a2.tracks;
 var rs = (a2) => a2.appData;
-var fo = (a2) => a2.speakers;
+var Mo = (a2) => a2.speakers;
 var Fe = createSelector([G], (a2) => a2 && a2.isConnected);
-var aS = createSelector([Fe, G], (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 vo = (a2) => a2.hideLocalPeer;
-var Pe = createSelector([G, ee, vo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Mo = createSelector(N, (a2) => Object.values(a2));
+var oS = createSelector([Fe, G], (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 yo = (a2) => a2.hideLocalPeer;
+var Pe = createSelector([G, ee, yo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var ko = createSelector(N, (a2) => Object.values(a2));
 var te = createSelector(G, ee, (a2, e) => e[a2.localPeer]);
 var Re = createSelector(G, (a2) => a2.localPeer);
-var nS = createSelector(te, (a2) => a2 == null ? void 0 : a2.name);
-var oS = createSelector(te, (a2) => a2 == null ? void 0 : a2.roleName);
+var cS = createSelector(te, (a2) => a2 == null ? void 0 : a2.name);
+var dS = createSelector(te, (a2) => a2 == null ? void 0 : a2.roleName);
 var Se = createSelector(te, (a2) => a2 == null ? void 0 : a2.audioTrack);
 var ae = createSelector(te, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var yo = createSelector(te, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Ra = createSelector([Se, ae, yo], (a2, e, t) => {
+var Eo = createSelector(te, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Ha = createSelector([Se, ae, Eo], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var cS = createSelector(Pe, (a2) => a2.filter((e) => !e.isLocal));
-var dS = createSelector(ee, fo, (a2, e) => {
+var lS = createSelector(Pe, (a2) => a2.filter((e) => !e.isLocal));
+var uS = createSelector(ee, Mo, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var o, l;
     let s = ((o = i[1]) == null ? void 0 : o.audioLevel) || 0;
@@ -22919,7 +22924,7 @@ var as = createSelector(te, N, (a2, e) => {
   let { video: t, audio: i } = $e(e, a2);
   return !!(t || i);
 });
-var ko = createSelector(ee, N, (a2, e) => {
+var Po = createSelector(ee, N, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: n } = $e(e, r);
@@ -22928,14 +22933,14 @@ var ko = createSelector(ee, N, (a2, e) => {
   }
   return t;
 });
-var hS = createSelector(ko, (a2) => !!a2);
-var mS = createSelector(ee, N, (a2, e) => {
+var SS = createSelector(Po, (a2) => !!a2);
+var gS = createSelector(ee, N, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = $e(e, i);
     if (!s && r) return i;
   }
 });
-var SS = createSelector(ee, N, (a2, e) => {
+var TS = createSelector(ee, N, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: n, audio: o } = $e(e, s);
@@ -22943,83 +22948,83 @@ var SS = createSelector(ee, N, (a2, e) => {
   }
   return t.concat(i);
 });
-var gS = createSelector(ee, N, (a2, e) => {
+var fS = createSelector(ee, N, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (kt(i) && yt(i) && i.peerId) return a2[i.peerId];
   }
 });
-var TS = createSelector(ee, N, (a2, e) => {
+var vS = createSelector(ee, N, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (ui(i) && i.peerId) return a2[i.peerId];
+    if (pi(i) && i.peerId) return a2[i.peerId];
   }
 });
-var fS = createSelector(Mo, (a2) => a2.filter(As));
-var vS = createSelector(Ia, (a2) => a2.length);
-var MS = createSelector(Ci, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var Nt = createSelector(Ia, Ci, (a2, e) => {
+var MS = createSelector(ko, (a2) => a2.filter(Rs));
+var yS = createSelector(Aa, (a2) => a2.length);
+var kS = createSelector(Li, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var Nt = createSelector(Aa, Li, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Eo = createSelector(Nt, (a2) => a2.filter((e) => {
+var bo = createSelector(Nt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var yS = createSelector(Eo, (a2) => a2.filter((e) => !e.read).length);
+var ES = createSelector(bo, (a2) => a2.filter((e) => !e.read).length);
 var le = createSelector([G], (a2) => a2 && a2.roomState);
-var Ca = createSelector(le, (a2) => a2 === "Preview");
-var kS = createSelector(G, (a2) => a2.roomState !== "Disconnected");
-var ES = createSelector(G, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+var La = createSelector(le, (a2) => a2 === "Preview");
+var PS = createSelector(G, (a2) => a2.roomState !== "Disconnected");
+var bS = createSelector(G, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
 var be = (a2) => a2.roles;
-var PS = createSelector([be], (a2) => Object.keys(a2));
+var IS = createSelector([be], (a2) => Object.keys(a2));
 var ut = createSelector([te, be], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var Po = (a2) => {
+var Io = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var La = createSelector([Po, be], (a2, e) => a2 ? e[a2] : null);
-var bS = createSelector([ut], (a2) => {
+var wa = createSelector([Io, be], (a2, e) => a2 ? e[a2] : null);
+var AS = createSelector([ut], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var wa = createSelector(ut, (a2) => a2 == null ? void 0 : a2.permissions);
-var IS = createSelector(G, (a2) => a2.recording);
-var AS = createSelector(G, (a2) => a2.rtmp);
-var RS = createSelector(G, (a2) => a2.hls);
-var HS = createSelector(G, (a2) => a2.transcriptions);
-var CS = createSelector(G, (a2) => {
+var Da = createSelector(ut, (a2) => a2 == null ? void 0 : a2.permissions);
+var RS = createSelector(G, (a2) => a2.recording);
+var HS = createSelector(G, (a2) => a2.rtmp);
+var CS = createSelector(G, (a2) => a2.hls);
+var LS = createSelector(G, (a2) => a2.transcriptions);
+var wS = createSelector(G, (a2) => {
   var i, r;
   let e = (i = a2.transcriptions) == null ? void 0 : i.find((s) => s.mode === "caption");
   if (e != null && e.translation) return { available: true, enabled: e.translation.enabled, roleLanguages: e.translation.roleLanguages };
   let t = (r = a2.translationConfig) == null ? void 0 : r.caption;
   return t ? { available: true, enabled: false, roleLanguages: t.roleLanguages } : { available: false, enabled: false, roleLanguages: void 0 };
 });
-var LS = createSelector(G, (a2) => a2.sessionId);
-var wS = createSelector(G, (a2) => a2.startedAt);
-var DS = createSelector(G, (a2) => !!a2.isLargeRoom);
-var _S = createSelector(G, (a2) => !!a2.isEffectsEnabled);
-var NS = createSelector(G, (a2) => !!a2.isVBEnabled);
-var OS2 = createSelector(G, (a2) => a2.effectsKey);
-var Da = (a2) => a2.polls;
-var VS = createSelector(Pe, (a2) => a2.filter((e) => e.isHandRaised));
-var bo = (a2) => a2.whiteboards;
-var FS = createSelector(bo, (a2) => Object.values(a2)[0]);
-var Na = (a2 = "audio") => (e) => e.playlist[a2].list;
+var DS = createSelector(G, (a2) => a2.sessionId);
+var _S = createSelector(G, (a2) => a2.startedAt);
+var NS = createSelector(G, (a2) => !!a2.isLargeRoom);
+var OS2 = createSelector(G, (a2) => !!a2.isEffectsEnabled);
+var xS = createSelector(G, (a2) => !!a2.isVBEnabled);
+var US = createSelector(G, (a2) => a2.effectsKey);
+var _a7 = (a2) => a2.polls;
+var GS = createSelector(Pe, (a2) => a2.filter((e) => e.isHandRaised));
+var Ao = (a2) => a2.whiteboards;
+var $S = createSelector(Ao, (a2) => Object.values(a2)[0]);
+var Oa = (a2 = "audio") => (e) => e.playlist[a2].list;
 var ns = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var Oa = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var xa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var Ua = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var Ba = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var Va = (a2 = "audio") => createSelector(Na(a2), (e) => Object.values(e));
-var Fa = (a2 = "audio") => createSelector(Na(a2), ns(a2), (e, t) => {
+var xa = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var Ua = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var Ba = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var Va = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var Fa = (a2 = "audio") => createSelector(Oa(a2), (e) => Object.values(e));
+var Ga = (a2 = "audio") => createSelector(Oa(a2), ns(a2), (e, t) => {
   if (t.id) return e[t.id];
 });
-var Ga = { selection: ns("audio"), progress: Oa("audio"), currentTime: xa("audio"), playbackRate: Ua("audio"), volume: Ba("audio"), list: Va("audio"), selectedItem: Fa("audio") };
-var $a = { selection: ns("video"), progress: Oa("video"), currentTime: xa("video"), playbackRate: Ua("video"), volume: Ba("video"), list: Va("video"), selectedItem: Fa("video") };
-function H(a2) {
+var $a = { selection: ns("audio"), progress: xa("audio"), currentTime: Ua("audio"), playbackRate: Ba("audio"), volume: Va("audio"), list: Fa("audio"), selectedItem: Ga("audio") };
+var Wa = { selection: ns("video"), progress: xa("video"), currentTime: Ua("video"), playbackRate: Ba("video"), volume: Va("video"), list: Fa("video"), selectedItem: Ga("video") };
+function C(a2) {
   return (e) => (t) => a2(t, e);
 }
 var Ot = "HMS-Store:";
@@ -23090,120 +23095,120 @@ var b = class {
 b.level = 0;
 var os = (a2, e) => e;
 var xt = (a2, e) => e;
-var Wa = (a2, e) => e;
-var Io = (a2, e) => e;
-var Ao = (a2, e) => e;
+var qa = (a2, e) => e;
+var Ro = (a2, e) => e;
+var Ho = (a2, e) => e;
 var ie = createSelector([ee, os], (a2, e) => e ? a2[e] : null);
 var cs = createSelector([N, xt], (a2, e) => e ? a2[e] : null);
-var Ro = createSelector([N, xt], (a2, e) => {
+var Co = createSelector([N, xt], (a2, e) => {
   if (!e) return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var Ho = createSelector([N, xt], (a2, e) => {
+var Lo = createSelector([N, xt], (a2, e) => {
   if (!e) return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var Co = createSelector([N, xt], (a2, e) => {
+var wo = createSelector([N, xt], (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 Lo = createSelector([N, xt], (a2, e) => {
+var Do = createSelector([N, xt], (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 wo = createSelector([Da, Ao], (a2, e) => e ? a2[e] : null);
-var ne = H(ie);
-var XS = H(createSelector([rs, Io], (a2, e) => {
+var _o = createSelector([_a7, Ho], (a2, e) => e ? a2[e] : null);
+var ne = C(ie);
+var eg = C(createSelector([rs, Ro], (a2, e) => {
   if (a2) return e ? a2[e] : a2;
 }));
-function ZS(a2) {
+function tg(a2) {
   return (e) => {
     if (e.sessionStore) return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var tg = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.name));
-var ig = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.type));
-var Li = H(cs);
-var qa = H(Ro);
-var rg = H(Ho);
-var sg = H(Co);
-var ag = H(Lo);
-var Do = H((a2, e) => {
+var rg = C(createSelector(ie, (a2) => a2 == null ? void 0 : a2.name));
+var sg = C(createSelector(ie, (a2) => a2 == null ? void 0 : a2.type));
+var wi = C(cs);
+var Ka = C(Co);
+var ag = C(Lo);
+var ng = C(wo);
+var og = C(Do);
+var No = C((a2, e) => {
   let t = ie(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "") return a2.tracks[t.videoTrack];
 });
-var _o = H((a2, e) => {
+var Oo = C((a2, e) => {
   let t = ie(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "") return a2.tracks[t.audioTrack];
 });
-var og = H((a2, e) => {
+var dg = C((a2, e) => {
   let t = ie(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var Ka = (a2, e) => e ? a2.speakers[e] : null;
-var cg = H(createSelector(Ka, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var No = (a2, e) => {
-  let t = _o(e)(a2);
-  return Ka(a2, t == null ? void 0 : t.id);
-};
-var dg = H(createSelector(No, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var lg = H((a2, e) => {
+var ja = (a2, e) => e ? a2.speakers[e] : null;
+var lg = C(createSelector(ja, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var xo = (a2, e) => {
+  let t = Oo(e)(a2);
+  return ja(a2, t == null ? void 0 : t.id);
+};
+var ug = C(createSelector(xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var pg = C((a2, e) => {
   if (e) return a2.connectionQualities[e];
 });
-var ug = H((a2, e) => {
+var hg = C((a2, e) => {
   let t = ie(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => Mt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var pg = H(createSelector(N, ie, (a2, e) => {
+var mg = C(createSelector(N, ie, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return kt(r) && yt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var hg = H(createSelector(N, ie, (a2, e) => {
+var Sg = C(createSelector(N, ie, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return kt(r) && Mt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var mg = H(createSelector(N, ie, (a2, e) => {
+var gg = C(createSelector(N, ie, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return ui(r) && Mt(r);
+    return pi(r) && Mt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var ja = H(createSelector(N, ie, (a2, e) => $e(a2, e)));
-var Qa = (a2) => createSelector(ja(a2), (e) => e.audio);
-var gg = H((a2, e) => {
+var Ja = C(createSelector(N, ie, (a2, e) => $e(a2, e)));
+var Qa = (a2) => createSelector(Ja(a2), (e) => e.audio);
+var fg = C((a2, e) => {
   let t = ie(a2, e);
-  return Xe(a2, t == null ? void 0 : t.audioTrack);
+  return Ze(a2, t == null ? void 0 : t.audioTrack);
 });
-var Tg = H((a2, e) => {
+var vg = C((a2, e) => {
   let t = ie(a2, e);
-  return Xe(a2, t == null ? void 0 : t.videoTrack);
+  return Ze(a2, t == null ? void 0 : t.videoTrack);
 });
-var Ja = H((a2, e) => {
+var za = C((a2, e) => {
   if (e && a2.tracks[e]) return a2.tracks[e].volume === 0;
 });
-var fg = H((a2, e) => {
+var Mg = C((a2, e) => {
   let t = ie(a2, e);
-  return Ja(t == null ? void 0 : t.audioTrack)(a2);
+  return za(t == null ? void 0 : t.audioTrack)(a2);
 });
-var vg = H((a2, e) => {
+var yg = C((a2, e) => {
   let t = Qa(e)(a2);
-  return Ja(t == null ? void 0 : t.id)(a2);
+  return za(t == null ? void 0 : t.id)(a2);
 });
-var za = H((a2, e) => {
+var Ya = C((a2, e) => {
   let t = cs(a2, e);
   if (t) {
     if (t.type !== "audio") {
@@ -23213,15 +23218,15 @@ var za = H((a2, e) => {
     return t.volume;
   }
 });
-var Mg = H((a2, e) => {
+var kg = C((a2, e) => {
   let t = ie(a2, e);
-  return za(t == null ? void 0 : t.audioTrack)(a2);
+  return Ya(t == null ? void 0 : t.audioTrack)(a2);
 });
-var yg = H((a2, e) => {
+var Eg = C((a2, e) => {
   let t = Qa(e)(a2);
-  return za(t == null ? void 0 : t.id)(a2);
+  return Ya(t == null ? void 0 : t.id)(a2);
 });
-var kg = H((a2, e) => {
+var Pg = C((a2, e) => {
   let t = cs(a2, e);
   if (t) {
     if (t.type !== "video") {
@@ -23231,47 +23236,47 @@ var kg = H((a2, e) => {
     return t.layer;
   }
 });
-var Ya = createSelector([Nt, Re, os], (a2, e, t) => {
+var Xa = createSelector([Nt, Re, os], (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 Xa = createSelector([Nt, Wa], (a2, e) => {
+var Za = createSelector([Nt, qa], (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 Oo = createSelector(Nt, (a2) => a2.filter((e) => {
+var Uo = createSelector(Nt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var xo = createSelector([Xa, Wa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Uo = createSelector([Ya, os], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Eg = createSelector(Oo, (a2) => a2.filter((e) => !e.read).length);
-var Pg = H(Ya);
-var bg2 = H(Xa);
-var Ig = H(xo);
-var Ag = H(Uo);
-var Za = H(wo);
-var Bg = createSelector([ee, N], (a2, e) => Object.values(a2).map((i) => {
+var Bo = createSelector([Za, qa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Vo = createSelector([Xa, os], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var bg2 = createSelector(Uo, (a2) => a2.filter((e) => !e.read).length);
+var Ig = C(Xa);
+var Ag = C(Za);
+var Rg = C(Bo);
+var Hg = C(Vo);
+var en = C(_o);
+var Fg = createSelector([ee, N], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
 }));
-var Bo = (a2) => a2.roleChangeRequests[0] || null;
-var Vg = createSelector([Bo, ee, be], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var Fg = createSelector([ut], (a2) => Et(a2));
-var Gg = createSelector([La], (a2) => Et(a2));
-var Fo = createSelector([ae, N], (a2, e) => {
+var Fo = (a2) => a2.roleChangeRequests[0] || null;
+var Gg = createSelector([Fo, ee, be], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var $g = createSelector([ut], (a2) => Et(a2));
+var Wg = createSelector([wa], (a2) => Et(a2));
+var $o = createSelector([ae, N], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Go = createSelector([Se, N], (a2, e) => {
+var Wo = createSelector([Se, N], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var qo = ((o) => (o[o.STARTING = 0] = "STARTING", o[o.INIT_FETCHED = 1] = "INIT_FETCHED", o[o.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", o[o.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", o[o.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", o[o.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", o[o.COMPLETED = 6] = "COMPLETED", o))(qo || {});
+var jo = ((o) => (o[o.STARTING = 0] = "STARTING", o[o.INIT_FETCHED = 1] = "INIT_FETCHED", o[o.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", o[o.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", o[o.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", o[o.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", o[o.COMPLETED = 6] = "COMPLETED", o))(jo || {});
 var hs = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
@@ -23291,7 +23296,7 @@ var hs = 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" ? zs : Ys;
+    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" ? Ys : Xs;
     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);
@@ -23325,7 +23330,7 @@ var jt = class {
   static sendFeedback(s) {
     return c(this, arguments, function* ({ token: e, eventEndpoint: t = "https://event.100ms.live", info: i, feedback: r }) {
       d.d(this.TAG, `sendFeedback: feedbackEndpoint=${t} peerId=${i.peer.peer_id} session=${i.peer.session_id} `);
-      let n = new URL("v2/client/feedback", t), o = M(m({}, i), { payload: r });
+      let n = new URL("v2/client/feedback", t), o = y(m({}, i), { payload: r });
       try {
         let l = yield fetch(n, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(o), method: "POST" });
         try {
@@ -23344,66 +23349,66 @@ var jt = class {
 jt.TAG = "[FeedbackService]";
 var ms = ((f) => (f.FLAG_SERVER_SUB_DEGRADATION = "subscribeDegradation", f.FLAG_SERVER_SIMULCAST = "simulcast", f.FLAG_NON_WEBRTC_DISABLE_OFFER = "nonWebRTCDisableOffer", f.FLAG_PUBLISH_STATS = "publishStats", f.FLAG_SUBSCRIBE_STATS = "subscribeStats", f.FLAG_ON_DEMAND_TRACKS = "onDemandTracks", f.FLAG_DISABLE_VIDEO_TRACK_AUTO_UNSUBSCRIBE = "disableVideoTrackAutoUnsubscribe", f.FLAG_WHITEBOARD_ENABLED = "whiteboardEnabled", f.FLAG_EFFECTS_SDK_ENABLED = "effectsSDKEnabled", f.FLAG_VB_ENABLED = "vb", f.FLAG_HIPAA_ENABLED = "hipaa", f.FLAG_NOISE_CANCELLATION = "noiseCancellation", f.FLAG_SCALE_SCREENSHARE_BASED_ON_PIXELS = "scaleScreenshareBasedOnPixels", f.FLAG_DISABLE_NONE_LAYER_REQUEST = "disableNoneLayerRequest", f))(ms || {});
 var z = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(z || {});
-var mr = ((o) => (o.Disconnected = "Disconnected", o.Connecting = "Connecting", o.Joined = "Joined", o.Preview = "Preview", o.Failed = "Failed", o.Reconnecting = "Reconnecting", o.Leaving = "Leaving", o))(mr || {});
+var Yt = ((o) => (o.Disconnected = "Disconnected", o.Connecting = "Connecting", o.Joined = "Joined", o.Preview = "Preview", o.Failed = "Failed", o.Reconnecting = "Reconnecting", o.Leaving = "Leaving", o))(Yt || {});
 var gt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(gt || {});
-var pc = (a2) => a2.localPeer.id;
-var hc = (a2) => a2.localPeer.audioTrack;
-var mc = (a2) => a2.localPeer.videoTrack;
-var Sc = (a2, e) => e;
-var Pn = (a2, e) => e;
-var gc = (a2) => a2.remoteTrackStats;
-var bn = (a2) => a2.peerStats;
+var mc = (a2) => a2.localPeer.id;
+var Sc = (a2) => a2.localPeer.audioTrack;
+var gc = (a2) => a2.localPeer.videoTrack;
+var Tc = (a2, e) => e;
+var In = (a2, e) => e;
+var fc = (a2) => a2.remoteTrackStats;
+var An = (a2) => a2.peerStats;
 var fs = (a2) => a2.localTrackStats;
-var Me = createSelector([bn, pc], (a2, e) => a2[e]);
-var Tc = createSelector(Me, (a2) => {
+var Me = createSelector([An, mc], (a2, e) => a2[e]);
+var vc = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var fc = createSelector(Me, (a2) => {
+var Mc = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var vc = createSelector(Me, (a2) => {
+var yc = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var Mc = createSelector(Me, (a2) => {
+var kc = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var yc = createSelector(Me, (a2) => {
+var Ec = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var kc = createSelector(Me, (a2) => {
+var Pc = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var Ec = createSelector(Me, (a2) => ts(a2 == null ? void 0 : a2.publish));
-var Pc = createSelector(Me, (a2) => ts(a2 == null ? void 0 : a2.subscribe));
-var bc = createSelector(Me, (a2) => {
+var bc = createSelector(Me, (a2) => ts(a2 == null ? void 0 : a2.publish));
+var Ic = createSelector(Me, (a2) => ts(a2 == null ? void 0 : a2.subscribe));
+var Ac = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Ic = createSelector(Me, (a2) => {
+var Rc = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var Ac = createSelector([bn, Sc], (a2, e) => e ? a2[e] : void 0);
-var Rc = createSelector([gc, Pn], (a2, e) => e ? a2[e] : void 0);
-var vs = createSelector([fs, Pn], (a2, e) => e ? a2[e] : void 0);
-var Hc = H(Ac);
-var Cc = H(Rc);
-var Lc = createSelector([fs, hc], (a2, e) => {
+var Hc = createSelector([An, Tc], (a2, e) => e ? a2[e] : void 0);
+var Cc = createSelector([fc, In], (a2, e) => e ? a2[e] : void 0);
+var vs = createSelector([fs, In], (a2, e) => e ? a2[e] : void 0);
+var Lc = C(Hc);
+var wc = C(Cc);
+var Dc = createSelector([fs, Sc], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var wc = H(createSelector(vs, (a2) => a2 == null ? void 0 : a2[0]));
-var Dc = createSelector([fs, mc], (a2, e) => {
+var _c = C(createSelector(vs, (a2) => a2 == null ? void 0 : a2[0]));
+var Nc = createSelector([fs, gc], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var _c = H(createSelector(vs, (a2) => a2));
+var Oc = C(createSelector(vs, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -23439,7 +23444,7 @@ var getRecordingText = ({
   return title.join(delimiter);
 };
 var LiveStatus = () => {
-  var _a7;
+  var _a8;
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
   const hlsState = useHMSStore29(selectHLSState4);
   const isMobile = useMedia11(config.media.md);
@@ -23448,8 +23453,8 @@ var LiveStatus = () => {
   const [liveTime, setLiveTime] = useState28(0);
   const startTimer = useCallback22(() => {
     intervalRef.current = setInterval(() => {
-      var _a8;
-      const timeStamp = (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
+      var _a9;
+      const timeStamp = (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
       if ((hlsState == null ? void 0 : hlsState.running) && timeStamp) {
         setLiveTime(Date.now() - timeStamp.getTime());
       }
@@ -23483,7 +23488,7 @@ var LiveStatus = () => {
       }
     },
     /* @__PURE__ */ React64.createElement(Box, { css: { w: "$4", h: "$4", r: "$round", bg: "$alert_error_default", mr: "$2" } }),
-    /* @__PURE__ */ React64.createElement(Flex, { align: "center", gap: "2" }, /* @__PURE__ */ React64.createElement(Text, { variant: !isMobile ? "button" : "body2" }, "LIVE"), /* @__PURE__ */ React64.createElement(Text, { variant: "caption" }, ((_a7 = hlsState == null ? void 0 : hlsState.variants) == null ? void 0 : _a7.length) > 0 && isHLSRunning ? formatTime(liveTime) : ""))
+    /* @__PURE__ */ React64.createElement(Flex, { align: "center", gap: "2" }, /* @__PURE__ */ React64.createElement(Text, { variant: !isMobile ? "button" : "body2" }, "LIVE"), /* @__PURE__ */ React64.createElement(Text, { variant: "caption" }, ((_a8 = hlsState == null ? void 0 : hlsState.variants) == null ? void 0 : _a8.length) > 0 && isHLSRunning ? formatTime(liveTime) : ""))
   );
 };
 var RecordingStatus = () => {
@@ -23521,7 +23526,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore29(selectRecordingState2);
-  if (recording.hls && recording.hls.state === ra.PAUSED) {
+  if (recording.hls && recording.hls.state === sa.PAUSED) {
     return /* @__PURE__ */ React64.createElement(
       Tooltip,
       {
@@ -23640,8 +23645,8 @@ var ChangeNameContent = ({
   useEffect22(() => {
     if (isMobile) {
       setTimeout(() => {
-        var _a7;
-        (_a7 = inputRef.current) == null ? void 0 : _a7.focus();
+        var _a8;
+        (_a8 = inputRef.current) == null ? void 0 : _a8.focus();
       }, 200);
     }
   }, [isMobile]);
@@ -24646,9 +24651,9 @@ var VBToggle = () => {
   const hmsActions = useHMSActions28();
   const { toggleVideo } = useAVToggle3();
   useEffect24(() => {
-    var _a7;
+    var _a8;
     if (!toggleVideo) {
-      (_a7 = VBHandler) == null ? void 0 : _a7.reset();
+      (_a8 = VBHandler) == null ? void 0 : _a8.reset();
       hmsActions.setAppData(APP_DATA.background, HMSVirtualBackgroundTypes3.NONE);
     }
   }, [hmsActions, toggleVideo]);
@@ -24787,8 +24792,8 @@ var ConnectionIndicator = ({
   isTile = false,
   hideBg = false
 }) => {
-  var _a7;
-  const downlinkQuality = (_a7 = useHMSStore37(selectConnectionQualityByPeerID2(peerId))) == null ? void 0 : _a7.downlinkQuality;
+  var _a8;
+  const downlinkQuality = (_a8 = useHMSStore37(selectConnectionQualityByPeerID2(peerId))) == null ? void 0 : _a8.downlinkQuality;
   const peerType = useHMSStore37(selectPeerTypeByID(peerId));
   const { theme: theme2 } = useTheme();
   const defaultColor = theme2.colors.on_surface_low;
@@ -24853,8 +24858,8 @@ import React80 from "react";
 import { selectLocalPeerID as selectLocalPeerID8, selectPermissions as selectPermissions10, useHMSActions as useHMSActions29, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
 import { PeopleRemoveIcon as PeopleRemoveIcon3 } from "@100mslive/react-icons";
 var RemoveParticipant = ({ peerId }) => {
-  var _a7;
-  const canRemoveOthers = (_a7 = useHMSStore38(selectPermissions10)) == null ? void 0 : _a7.removeOthers;
+  var _a8;
+  const canRemoveOthers = (_a8 = useHMSStore38(selectPermissions10)) == null ? void 0 : _a8.removeOthers;
   const localPeerId = useHMSStore38(selectLocalPeerID8);
   const actions = useHMSActions29();
   if (peerId === localPeerId || !canRemoveOthers) {
@@ -24965,11 +24970,11 @@ var RoleOptions = ({ roleName, peerList }) => {
   let isVideoOnForSomePeers = false;
   let isAudioOnForSomePeers = false;
   peerList.forEach((peer) => {
-    var _a7, _b7;
+    var _a8, _b7;
     if (peer.isLocal) {
       return;
     }
-    const isAudioOn = !!peer.audioTrack && ((_a7 = tracks[peer.audioTrack]) == null ? void 0 : _a7.enabled);
+    const isAudioOn = !!peer.audioTrack && ((_a8 = tracks[peer.audioTrack]) == null ? void 0 : _a8.enabled);
     const isVideoOn = !!peer.videoTrack && ((_b7 = tracks[peer.videoTrack]) == null ? void 0 : _b7.enabled);
     isAudioOnForSomePeers = isAudioOnForSomePeers || isAudioOn;
     isVideoOnForSomePeers = isVideoOnForSomePeers || isVideoOn;
@@ -25035,7 +25040,7 @@ init_define_process_env();
 import { match as match8, P as P4 } from "ts-pattern";
 import { selectPermissions as selectPermissions12, useHMSActions as useHMSActions31, useHMSStore as useHMSStore40 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
-  var _a7;
+  var _a8;
   const hmsActions = useHMSActions31();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -25045,7 +25050,7 @@ var useGroupOnStageActions = ({ peers }) => {
     off_stage_roles = [],
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
-  const canChangeRole = (_a7 = useHMSStore40(selectPermissions12)) == null ? void 0 : _a7.changeRole;
+  const canChangeRole = (_a8 = useHMSStore40(selectPermissions12)) == null ? void 0 : _a8.changeRole;
   const offStageRolePeers = peers.filter(
     (peer) => match8({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
       {
@@ -25084,8 +25089,8 @@ var useGroupOnStageActions = ({ peers }) => {
 var ROW_HEIGHT = 50;
 var ITER_TIMER = 5e3;
 function itemKey(index, data3) {
-  var _a7;
-  return (_a7 = data3.peerList[index]) == null ? void 0 : _a7.id;
+  var _a8;
+  return (_a8 = data3.peerList[index]) == null ? void 0 : _a8.id;
 }
 var VirtualizedParticipantItem = React82.memo(
   ({ index, data: data3, style }) => {
@@ -25230,7 +25235,7 @@ init_define_process_env();
 import { useState as useState35 } from "react";
 import { selectPeerMetadata as selectPeerMetadata3, selectPermissions as selectPermissions13, useHMSActions as useHMSActions32, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
 var usePeerOnStageActions = ({ peerId, role }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const hmsActions = useHMSActions32();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -25241,7 +25246,7 @@ var usePeerOnStageActions = ({ peerId, role }) => {
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
   const isInStage = role === on_stage_role;
-  const canChangeRole = (_a7 = useHMSStore43(selectPermissions13)) == null ? void 0 : _a7.changeRole;
+  const canChangeRole = (_a8 = useHMSStore43(selectPermissions13)) == null ? void 0 : _a8.changeRole;
   const shouldShowStageRoleChange = canChangeRole && (isInStage && remove_from_stage_label || (off_stage_roles == null ? void 0 : off_stage_roles.includes(role)) && bring_to_stage_label);
   const prevRole = (_b7 = useHMSStore43(selectPeerMetadata3(peerId))) == null ? void 0 : _b7.prevRole;
   const [open, setOpen] = useState35(false);
@@ -25472,9 +25477,9 @@ var ParticipantActions = React83.memo(
     role,
     isHandRaisedAccordion
   }) => {
-    var _a7, _b7;
+    var _a8, _b7;
     const isHandRaised = useHMSStore44(selectHasPeerHandRaised2(peerId));
-    const canChangeRole = (_a7 = useHMSStore44(selectPermissions14)) == null ? void 0 : _a7.changeRole;
+    const canChangeRole = (_a8 = useHMSStore44(selectPermissions14)) == null ? void 0 : _a8.changeRole;
     const canRemoveOthers = (_b7 = useHMSStore44(selectPermissions14)) == null ? void 0 : _b7.removeOthers;
     const { elements } = useRoomLayoutConferencingScreen();
     const { on_stage_exp } = elements || {};
@@ -25529,7 +25534,7 @@ var HandRaisedAccordionParticipantActions = ({ peerId, role }) => {
   return /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ React83.createElement(CrossIcon15, { height: 18, width: 18 })), !isInStage && /* @__PURE__ */ React83.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ React83.createElement(AddIcon2, { height: 18, width: 18 })));
 };
 var ParticipantMoreActions = ({ peerId, role }) => {
-  var _a7;
+  var _a8;
   const {
     open,
     setOpen,
@@ -25539,7 +25544,7 @@ var ParticipantMoreActions = ({ peerId, role }) => {
     isInStage,
     shouldShowStageRoleChange
   } = usePeerOnStageActions({ peerId, role });
-  const canChangeRole = !!((_a7 = useHMSStore44(selectPermissions14)) == null ? void 0 : _a7.changeRole);
+  const canChangeRole = !!((_a8 = useHMSStore44(selectPermissions14)) == null ? void 0 : _a8.changeRole);
   const [openRoleChangeModal, setOpenRoleChangeModal] = useState36(false);
   const roles = useHMSStore44(selectAvailableRoleNames5);
   return /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(Dropdown.Root, { open, onOpenChange: (value) => setOpen(value), modal: false }, /* @__PURE__ */ React83.createElement(
@@ -25692,9 +25697,9 @@ var Footer2 = ({
   screenType,
   elements
 }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const isMobile = useMedia15(config.media.md);
-  const isOverlayChat = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay);
+  const isOverlayChat = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay);
   const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === Chat_ChatState.CHAT_STATE_OPEN;
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
@@ -26084,11 +26089,11 @@ var PrevMenu = () => {
   const polls = useHMSStore48(selectPolls2);
   const sortedPolls = useMemo9(
     () => {
-      var _a7;
-      return (_a7 = polls == null ? void 0 : polls.sort((a2, b2) => {
-        var _a8, _b7, _c2, _d;
-        return (((_b7 = (_a8 = b2 == null ? void 0 : b2.createdAt) == null ? void 0 : _a8.getTime) == null ? void 0 : _b7.call(_a8)) || 0) - (((_d = (_c2 = a2 == null ? void 0 : a2.createdAt) == null ? void 0 : _c2.getTime) == null ? void 0 : _d.call(_c2)) || 0);
-      })) == null ? void 0 : _a7.sort((a2, b2) => ((b2 == null ? void 0 : b2.state) === "started" ? 1 : 0) - ((a2 == null ? void 0 : a2.state) === "started" ? 1 : 0));
+      var _a8;
+      return (_a8 = polls == null ? void 0 : polls.sort((a2, b2) => {
+        var _a9, _b7, _c2, _d;
+        return (((_b7 = (_a9 = b2 == null ? void 0 : b2.createdAt) == null ? void 0 : _a9.getTime) == null ? void 0 : _b7.call(_a9)) || 0) - (((_d = (_c2 = a2 == null ? void 0 : a2.createdAt) == null ? void 0 : _c2.getTime) == null ? void 0 : _d.call(_c2)) || 0);
+      })) == null ? void 0 : _a8.sort((a2, b2) => ((b2 == null ? void 0 : b2.state) === "started" ? 1 : 0) - ((a2 == null ? void 0 : a2.state) === "started" ? 1 : 0));
     },
     [polls]
   );
@@ -26277,13 +26282,13 @@ var MultipleChoiceOptions = ({
     setSelectedOptions(newSelected);
   };
   return /* @__PURE__ */ React96.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
-    var _a7;
+    var _a8;
     return /* @__PURE__ */ React96.createElement(Flex, { align: "center", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ React96.createElement(
       Checkbox.Root,
       {
         id: `${questionIndex}-${option.index}`,
         disabled: !canRespond,
-        checked: (_a7 = localPeerResponse == null ? void 0 : localPeerResponse.options) == null ? void 0 : _a7.includes(option.index),
+        checked: (_a8 = localPeerResponse == null ? void 0 : localPeerResponse.options) == null ? void 0 : _a8.includes(option.index),
         onCheckedChange: (checked) => handleCheckedChange(checked, option.index),
         css: {
           cursor: canRespond ? "pointer" : "not-allowed",
@@ -26428,7 +26433,7 @@ var QuestionForm = ({
   removeQuestion,
   isQuiz
 }) => {
-  var _a7;
+  var _a8;
   const ref = useRef21(null);
   const selectionBg = useDropdownSelection();
   const [openDelete, setOpenDelete] = useState40(false);
@@ -26500,7 +26505,7 @@ var QuestionForm = ({
       },
       open
     }
-  ), /* @__PURE__ */ React98.createElement(Dropdown.Portal, null, /* @__PURE__ */ React98.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 } }, Object.keys(QUESTION_TYPE_TITLE).map((value) => {
+  ), /* @__PURE__ */ React98.createElement(Dropdown.Portal, null, /* @__PURE__ */ React98.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth, zIndex: 1e3 } }, Object.keys(QUESTION_TYPE_TITLE).map((value) => {
     return /* @__PURE__ */ React98.createElement(
       Dropdown.Item,
       {
@@ -26642,11 +26647,11 @@ var SavedQuestion = ({
   length,
   convertToDraft
 }) => {
-  var _a7;
+  var _a8;
   const answerArray = useMemo10(() => {
-    var _a8;
+    var _a9;
     const updatedAnswerArray = [];
-    const { option, options } = (_a8 = question == null ? void 0 : question.answer) != null ? _a8 : {};
+    const { option, options } = (_a9 = question == null ? void 0 : question.answer) != null ? _a9 : {};
     if (option) {
       updatedAnswerArray.push(option);
     }
@@ -26655,7 +26660,7 @@ var SavedQuestion = ({
     }
     return updatedAnswerArray;
   }, [question == null ? void 0 : question.answer]);
-  return /* @__PURE__ */ React99.createElement(React99.Fragment, null, /* @__PURE__ */ React99.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a7 = question.options) == null ? void 0 : _a7.map((option, index2) => /* @__PURE__ */ React99.createElement(Flex, { key: `${option.text}-${index2}`, css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ React99.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ React99.createElement(CheckCircleIcon3, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ React99.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ React99.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ React99.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
+  return /* @__PURE__ */ React99.createElement(React99.Fragment, null, /* @__PURE__ */ React99.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a8 = question.options) == null ? void 0 : _a8.map((option, index2) => /* @__PURE__ */ React99.createElement(Flex, { key: `${option.text}-${index2}`, css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ React99.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ React99.createElement(CheckCircleIcon3, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ React99.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ React99.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ React99.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
 };
 
 // src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
@@ -26666,14 +26671,14 @@ var getEditableFormat = (questions) => {
   return editableQuestions;
 };
 function CreateQuestions() {
-  var _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _d;
   const actions = useHMSActions35();
   const { isHLSRunning } = useRecordingStreaming9();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
   const interaction = useHMSStore49(selectPollByID(id));
   const [questions, setQuestions] = useState41(
-    ((_a7 = interaction.questions) == null ? void 0 : _a7.length) ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
+    ((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
   );
   const isValidPoll = useMemo11(() => questions.length > 0 && questions.every(isValidQuestion), [questions]);
   const launchPoll = () => __async(null, null, function* () {
@@ -26872,13 +26877,13 @@ var useQuizSummary = (quizID) => {
   const [calculations, setCalculations] = useState42({ maxPossibleScore: 0, totalResponses: 0 });
   useEffect30(() => {
     const fetchLeaderboardData = () => __async(null, null, function* () {
-      var _a7;
+      var _a8;
       if (!quizLeaderboard && quiz && !(quiz == null ? void 0 : quiz.anonymous) && quiz.state === "stopped") {
         const leaderboardData = yield hmsActions.interactivityCenter.fetchLeaderboard(quiz.id, 0, 200);
-        const { maxPossibleScore, totalResponses } = ((_a7 = quiz == null ? void 0 : quiz.questions) == null ? void 0 : _a7.reduce((accumulator, question) => {
-          var _a8;
+        const { maxPossibleScore, totalResponses } = ((_a8 = quiz == null ? void 0 : quiz.questions) == null ? void 0 : _a8.reduce((accumulator, question) => {
+          var _a9;
           accumulator.maxPossibleScore += question.weight || 0;
-          accumulator.totalResponses += ((_a8 = question == null ? void 0 : question.responses) == null ? void 0 : _a8.length) || 0;
+          accumulator.totalResponses += ((_a9 = question == null ? void 0 : question.responses) == null ? void 0 : _a9.length) || 0;
           return accumulator;
         }, calculations)) || calculations;
         setQuizLeaderboard(leaderboardData);
@@ -26904,8 +26909,8 @@ var PeerParticipationSummary = ({ quiz }) => {
   }
   const isLocalPeerQuizCreator = localPeerId === quiz.startedBy;
   const peerEntry = quizLeaderboard == null ? void 0 : quizLeaderboard.entries.find((entry) => {
-    var _a7;
-    return ((_a7 = entry.peer) == null ? void 0 : _a7.peerid) === localPeerId;
+    var _a8;
+    return ((_a8 = entry.peer) == null ? void 0 : _a8.peerid) === localPeerId;
   });
   const boxes = isLocalPeerQuizCreator ? [
     {
@@ -26937,7 +26942,7 @@ var PeerParticipationSummary = ({ quiz }) => {
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 var LeaderboardSummary = ({ pollID }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const quiz = useHMSStore52(selectPollByID3(pollID));
   const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
   const [viewAllEntries, setViewAllEntries] = useState43(false);
@@ -26945,7 +26950,7 @@ var LeaderboardSummary = ({ pollID }) => {
   const toggleSidepane = useSidepaneToggle();
   if (!quiz || !quizLeaderboard)
     return /* @__PURE__ */ React104.createElement(Flex, { align: "center", justify: "center", css: { size: "100%" } }, /* @__PURE__ */ React104.createElement(Loading, null));
-  const questionCount = ((_a7 = quiz.questions) == null ? void 0 : _a7.length) || 0;
+  const questionCount = ((_a8 = quiz.questions) == null ? void 0 : _a8.length) || 0;
   return /* @__PURE__ */ React104.createElement(Container3, { rounded: true }, /* @__PURE__ */ React104.createElement(Flex, { direction: "column", css: { size: "100%", p: "$8" } }, /* @__PURE__ */ React104.createElement(Flex, { justify: "between", align: "center", css: { pb: "$6", borderBottom: "1px solid $border_bright", mb: "$8" } }, /* @__PURE__ */ React104.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React104.createElement(
     Flex,
     {
@@ -27219,14 +27224,14 @@ var StandardView = ({
   localPeerResponses,
   updateSavedResponses
 }) => {
-  var _a7;
+  var _a8;
   if (!(poll == null ? void 0 : poll.questions)) {
     return null;
   }
   const isQuiz = poll.type === "quiz";
   const isStopped = poll.state === "stopped";
-  return /* @__PURE__ */ React106.createElement(React106.Fragment, null, isQuiz && isStopped ? /* @__PURE__ */ React106.createElement(PeerParticipationSummary, { quiz: poll }) : null, (_a7 = poll.questions) == null ? void 0 : _a7.map((question, index) => {
-    var _a8;
+  return /* @__PURE__ */ React106.createElement(React106.Fragment, null, isQuiz && isStopped ? /* @__PURE__ */ React106.createElement(PeerParticipationSummary, { quiz: poll }) : null, (_a8 = poll.questions) == null ? void 0 : _a8.map((question, index) => {
+    var _a9;
     return /* @__PURE__ */ React106.createElement(
       QuestionCard2,
       {
@@ -27239,7 +27244,7 @@ var StandardView = ({
         text: question.text,
         type: question.type,
         result: question.result,
-        totalQuestions: ((_a8 = poll.questions) == null ? void 0 : _a8.length) || 0,
+        totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
         options: question.options,
         localPeerResponse: localPeerResponses == null ? void 0 : localPeerResponses[question.index],
         answer: question.answer,
@@ -27258,9 +27263,9 @@ var TimedView = ({
   localPeerResponses,
   updateSavedResponses
 }) => {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   const [currentIndex, setCurrentIndex] = useState45(getIndexToShow(localPeerResponses));
-  const activeQuestion = (_a7 = poll.questions) == null ? void 0 : _a7.find((question) => question.index === currentIndex);
+  const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
   const attemptedAll = (((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0) < currentIndex;
   useEffect32(() => {
     setCurrentIndex(getIndexToShow(localPeerResponses));
@@ -27269,7 +27274,7 @@ var TimedView = ({
     return null;
   }
   return /* @__PURE__ */ React107.createElement(React107.Fragment, null, poll.questions.map((question) => {
-    var _a8;
+    var _a9;
     return attemptedAll || (activeQuestion == null ? void 0 : activeQuestion.index) === question.index ? /* @__PURE__ */ React107.createElement(
       QuestionCard2,
       {
@@ -27282,7 +27287,7 @@ var TimedView = ({
         text: question.text,
         type: question.type,
         result: question == null ? void 0 : question.result,
-        totalQuestions: ((_a8 = poll.questions) == null ? void 0 : _a8.length) || 0,
+        totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
         options: question.options,
         localPeerResponse: localPeerResponses == null ? void 0 : localPeerResponses[question.index],
         answer: question.answer,
@@ -27326,9 +27331,9 @@ var Voting = ({ id, toggleVoting }) => {
       localPeerResponses == null ? void 0 : localPeerResponses.forEach((response) => {
         if (response) {
           setSavedResponses((prev) => {
-            var _a7, _b7, _c2;
+            var _a8, _b7, _c2;
             const prevCopy = __spreadValues({}, prev);
-            prevCopy[(_a7 = response[0]) == null ? void 0 : _a7.questionIndex] = { option: (_b7 = response[0]) == null ? void 0 : _b7.option, options: (_c2 = response[0]) == null ? void 0 : _c2.options };
+            prevCopy[(_a8 = response[0]) == null ? void 0 : _a8.questionIndex] = { option: (_b7 = response[0]) == null ? void 0 : _b7.option, options: (_c2 = response[0]) == null ? void 0 : _c2.options };
             return prevCopy;
           });
         }
@@ -27443,9 +27448,9 @@ var LogoImg = styled("img", {
   }
 });
 var Logo = () => {
-  var _a7;
+  var _a8;
   const roomLayout = useRoomLayout();
-  const logo = (_a7 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a7.url;
+  const logo = (_a8 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a8.url;
   const [hideImage, setHideImage] = useState47(false);
   useEffect34(() => {
     if (hideImage) {
@@ -27569,8 +27574,8 @@ var SelectorItem = ({
   icon = void 0
 }) => {
   const isMobile = useMedia16(config.media.md);
-  const Root28 = !isMobile ? Dropdown.Item : (_a7) => {
-    var _b7 = _a7, { children } = _b7, rest = __objRest(_b7, ["children"]);
+  const Root28 = !isMobile ? Dropdown.Item : (_a8) => {
+    var _b7 = _a8, { children } = _b7, rest = __objRest(_b7, ["children"]);
     return /* @__PURE__ */ React114.createElement(Flex, __spreadProps(__spreadValues({}, rest), { css: __spreadValues({ p: "$6 $8" }, rest.css) }), children);
   };
   return /* @__PURE__ */ React114.createElement(
@@ -27697,11 +27702,11 @@ var VirtualizedSelectItemList = ({
   return /* @__PURE__ */ React114.createElement(Dropdown.Group, { css: { overflowY: "auto", maxHeight: "$64", bg: "$surface_default" } }, listItems.map((item, index) => /* @__PURE__ */ React114.createElement(Box, { key: index }, item)));
 };
 var ChatSelector = ({ role, peerId }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
   const peers = useHMSStore56(selectRemotePeers2);
   const [search, setSearch] = useState49("");
-  const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
+  const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
   const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
   return /* @__PURE__ */ React114.createElement(React114.Fragment, null, peers.length > 0 && isPrivateChatEnabled && /* @__PURE__ */ React114.createElement(Box, { css: { px: "$4" } }, /* @__PURE__ */ React114.createElement(ParticipantSearch, { onSearch: setSearch, placeholder: "Search for participants" })), /* @__PURE__ */ React114.createElement(
     VirtualizedSelectItemList,
@@ -27717,11 +27722,11 @@ var ChatSelector = ({ role, peerId }) => {
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 var ChatSelectorContainer = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = useState50(false);
   const isMobile = useMedia17(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
-  const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
+  const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
   const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
   const roles = useFilteredRoles();
   const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
@@ -27862,8 +27867,8 @@ var useEmojiPickerStyles = (showing) => {
   useEffect36(() => {
     if (showing) {
       setTimeout(() => {
-        var _a7, _b7;
-        const root = (_b7 = (_a7 = ref.current) == null ? void 0 : _a7.querySelector("em-emoji-picker")) == null ? void 0 : _b7.shadowRoot;
+        var _a8, _b7;
+        const root = (_b7 = (_a8 = ref.current) == null ? void 0 : _a8.querySelector("em-emoji-picker")) == null ? void 0 : _b7.shadowRoot;
         const style = document.createElement("style");
         style.textContent = `
           #root {
@@ -27933,13 +27938,13 @@ function EmojiPicker({ onSelect }) {
   )));
 }
 var ChatFooter = ({ onSend, children }) => {
-  var _a7, _b7, _c2, _d, _e;
+  var _a8, _b7, _c2, _d, _e;
   const hmsActions = useHMSActions40();
   const inputRef = useRef25(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia18(config.media.md);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
-  const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
+  const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
   const localPeer = useHMSStore58(selectLocalPeer5);
   const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
   const canDisableChat = !!((_d = (_c2 = elements == null ? void 0 : elements.chat) == null ? void 0 : _c2.real_time_controls) == null ? void 0 : _d.can_disable_chat);
@@ -27952,11 +27957,11 @@ var ChatFooter = ({ onSend, children }) => {
   const [messageLengthExceeded, setMessageLengthExceeded] = useState51(false);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect37(() => {
-    var _a8, _b8;
+    var _a9, _b8;
     if (!selectedPeer.id && !selectedRole && !["Everyone", ""].includes(defaultSelection)) {
       setRoleSelector(defaultSelection);
     } else {
-      if (!(isMobile || isLandscapeHLSStream) && !((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.disable_autofocus)) {
+      if (!(isMobile || isLandscapeHLSStream) && !((_a9 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a9.disable_autofocus)) {
         (_b8 = inputRef.current) == null ? void 0 : _b8.focus();
       }
     }
@@ -27975,8 +27980,8 @@ var ChatFooter = ({ onSend, children }) => {
     }
   }, []);
   const sendMessage = useCallback29(() => __async(null, null, function* () {
-    var _a8;
-    const message = (_a8 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a8.value;
+    var _a9;
+    const message = (_a9 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a9.value;
     if (!message || !message.trim().length) {
       return;
     }
@@ -28145,10 +28150,10 @@ init_define_process_env();
 import React117, { useCallback as useCallback30 } from "react";
 import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore7, useHMSActions as useHMSActions41, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const hmsActions = useHMSActions41();
   const { elements } = useRoomLayoutConferencingScreen();
-  const can_disable_chat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
+  const can_disable_chat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore59(selectSessionStore7("chatState" /* CHAT_STATE */)) || {};
   const localPeer = useHMSStore59(selectLocalPeer6);
   const unPauseChat = useCallback30(
@@ -28257,13 +28262,13 @@ var StickIndicator = ({ total, index }) => {
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = () => {
-  var _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _d;
   const pinnedMessages = useHMSStore60(selectSessionStore8("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState52(0);
   const { removePinnedMessage } = usePinnedMessages();
   const isMobile = useMedia19(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
-  const canUnpinMessage = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.allow_pinning_messages);
+  const canUnpinMessage = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.allow_pinning_messages);
   const [hideOverflow, setHideOverflow] = useState52(true);
   const currentPinnedMessage = ((_b7 = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _b7.text) || "";
   const canOverflow = currentPinnedMessage.length > PINNED_MESSAGE_LENGTH;
@@ -28372,12 +28377,12 @@ var PinnedMessage = () => {
 
 // src/Prebuilt/components/Chat/Chat.tsx
 var Chat = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const listRef = useRef26(null);
   const hmsActions = useHMSActions42();
   const vanillaStore = useHMSVanillaStore11();
-  const { enabled: isChatEnabled = true } = useHMSStore61(ZS("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore61(tg("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia20(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -28385,13 +28390,13 @@ var Chat = () => {
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const scrollToBottom = useCallback31(
     (unreadCount = 0) => {
-      var _a8;
+      var _a9;
       if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
         const messagesCount = vanillaStore.getState(selectHMSMessagesCount);
-        (_a8 = listRef.current) == null ? void 0 : _a8.scrollToItem(messagesCount, "end");
+        (_a9 = listRef.current) == null ? void 0 : _a9.scrollToItem(messagesCount, "end");
         requestAnimationFrame(() => {
-          var _a9;
-          (_a9 = listRef.current) == null ? void 0 : _a9.scrollToItem(messagesCount, "end");
+          var _a10;
+          (_a10 = listRef.current) == null ? void 0 : _a10.scrollToItem(messagesCount, "end");
         });
         hmsActions.setMessageRead(true);
       }
@@ -28409,7 +28414,7 @@ var Chat = () => {
         gap: "$4"
       }
     },
-    isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && !streaming ? null : /* @__PURE__ */ React121.createElement(PinnedMessage, null),
+    isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && !streaming ? null : /* @__PURE__ */ React121.createElement(PinnedMessage, null),
     /* @__PURE__ */ React121.createElement(ChatBody, { ref: listRef, scrollToBottom }),
     /* @__PURE__ */ React121.createElement(Flex, { align: "center", css: { w: "100%", gap: "$2" } }, /* @__PURE__ */ React121.createElement(ChatPaused, null), /* @__PURE__ */ React121.createElement(ChatBlocked, null), streaming && (!isChatEnabled || isLocalPeerBlacklisted) && /* @__PURE__ */ React121.createElement(React121.Fragment, null, /* @__PURE__ */ React121.createElement(RaiseHand, { css: { bg: "$surface_default" } }), /* @__PURE__ */ React121.createElement(MoreSettings, { elements, screenType }))),
     isMobile && ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && !streaming ? /* @__PURE__ */ React121.createElement(PinnedMessage, null) : null,
@@ -28467,7 +28472,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore61(MS);
+  const unreadCount = useHMSStore61(kS);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -28558,8 +28563,8 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
   const { peers, total, hasNext, loadPeers, loadMorePeers } = usePaginatedParticipants2({ role: roleName, limit: 20 });
   const [search, setSearch] = useState53("");
   const filteredPeers = peers.filter((p) => {
-    var _a7;
-    return (_a7 = p.name) == null ? void 0 : _a7.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
+    var _a8;
+    return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
   });
   const isConnected = useHMSStore62(selectIsConnectedToRoom8);
   const [ref, { width }] = useMeasure2();
@@ -28598,11 +28603,11 @@ import React123 from "react";
 import { selectLocalPeer as selectLocalPeer7, selectSessionStore as selectSessionStore9, useHMSActions as useHMSActions43, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
 import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
 var ChatSettings = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const hmsActions = useHMSActions43();
   const localPeer = useHMSStore63(selectLocalPeer7);
   const { elements } = useRoomLayoutConferencingScreen();
-  const canPauseChat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
+  const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
   const { enabled: isChatEnabled = true } = useHMSStore63(selectSessionStore9("chatState" /* CHAT_STATE */)) || {};
   const showPause = canPauseChat && isChatEnabled;
   if (!showPause) {
@@ -28665,7 +28670,7 @@ var ParticipantCount2 = ({ count }) => {
   return count < 1e3 ? /* @__PURE__ */ React124.createElement("span", null, "(", count, ")") : /* @__PURE__ */ React124.createElement(Tooltip, { title: count }, /* @__PURE__ */ React124.createElement("span", null, "(", getFormattedCount(count), ")"));
 };
 var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = false }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const resetSidePane = useSidepaneReset();
@@ -28673,7 +28678,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const [activeRole, setActiveRole] = useState54("");
   const peerCount = useHMSStore64(selectPeerCount5);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
-  const chat_title = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.chat_title) || "Chat";
+  const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
   const showChat = !!(elements == null ? void 0 : elements.chat);
   const showParticipants = !!(elements == null ? void 0 : elements.participant_list);
   const hideTabs = !(showChat && showParticipants) || hideTab;
@@ -28999,11 +29004,11 @@ var MinimiseInset = () => {
   return /* @__PURE__ */ React126.createElement(React126.Fragment, null, /* @__PURE__ */ React126.createElement(StyledMenuTile.ItemButton, { className: dragClassName, css: spacingCSS, onClick: () => setMinimised(!minimised) }, /* @__PURE__ */ React126.createElement(ShrinkIcon, { height: 20, width: 20 }), /* @__PURE__ */ React126.createElement("span", null, minimised ? "Show" : "Minimise", " your video")));
 };
 var SimulcastLayers = ({ trackId }) => {
-  var _a7;
+  var _a8;
   const track = useHMSStore66(selectTrackByID2(trackId));
   const actions = useHMSActions44();
   const bg3 = useDropdownSelection();
-  if (!((_a7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a7.length) || track.degraded || !track.enabled) {
+  if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
     return null;
   }
   const currentLayer = track.layerDefinitions.find((layer) => layer.layer === track.layer);
@@ -29200,7 +29205,7 @@ var TileMenu = ({
   canMinimise,
   enableSpotlightingPeer = true
 }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = useState55(false);
   const { theme: theme2 } = useTheme();
   const localPeerID = useHMSStore67(selectLocalPeerID11);
@@ -29208,7 +29213,7 @@ var TileMenu = ({
   const { removeOthers } = useHMSStore67(selectPermissions19) || {};
   const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
   const showSpotlight = enableSpotlightingPeer;
-  const isPrimaryVideoTrack = ((_a7 = useHMSStore67(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
+  const isPrimaryVideoTrack = ((_a8 = useHMSStore67(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
   const track = useHMSStore67(selectTrackByID3(videoTrackID));
   const audioTrack = useHMSStore67(selectTrackByID3(audioTrackID));
@@ -29476,7 +29481,7 @@ var VBCollection = ({
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
 var iconDims = { height: "40px", width: "40px" };
 var VBPicker = ({ backgroundMedia = [] }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const hmsActions = useHMSActions45();
   const localPeer = useHMSStore69(selectLocalPeer8);
@@ -29489,12 +29494,12 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const roomState = useHMSStore69(selectRoomState6);
   const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
   const isEffectsSupported = VBHandler.isEffectsSupported();
-  const isEffectsEnabled = useHMSStore69(_S);
-  const effectsKey = useHMSStore69(OS2);
+  const isEffectsEnabled = useHMSStore69(OS2);
+  const effectsKey = useHMSStore69(US);
   const isMobile = useMedia24(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
-  const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
-  const background = useHMSStore69(XS(APP_DATA.background));
+  const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
+  const background = useHMSStore69(eg(APP_DATA.background));
   const mediaList = backgroundMedia.map((media) => media.url || "");
   const pluginLoadingRef = useRef27(false);
   const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
@@ -29618,8 +29623,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
             icon: /* @__PURE__ */ React131.createElement(BlurPersonHighIcon, { style: iconDims }),
             value: HMSVirtualBackgroundTypes5.BLUR,
             onClick: () => __async(null, null, function* () {
-              var _a8;
-              yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
+              var _a9;
+              yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(blurAmount);
               hmsActions.setAppData(APP_DATA.background, HMSVirtualBackgroundTypes5.BLUR);
             }),
             supported: isBlurSupported
@@ -29650,8 +29655,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
           mediaURL,
           value: mediaURL,
           onClick: () => __async(null, null, function* () {
-            var _a8;
-            yield (_a8 = VBHandler) == null ? void 0 : _a8.setBackground(mediaURL);
+            var _a9;
+            yield (_a9 = VBHandler) == null ? void 0 : _a9.setBackground(mediaURL);
             hmsActions.setAppData(APP_DATA.background, mediaURL);
             if (isMobile) {
               toggleVB();
@@ -29765,11 +29770,11 @@ var SidePane = ({
   tileProps,
   hideControls = false
 }) => {
-  var _a7, _b7, _c2, _d, _e, _f, _g;
+  var _a8, _b7, _c2, _d, _e, _f, _g;
   const isMobile = useMedia25(config.media.md);
   const sidepane = useHMSStore70(selectAppData8(APP_DATA.sidePane));
   const activeScreensharePeerId = useHMSStore70(selectAppData8(APP_DATA.activeScreensharePeerId));
-  const trackId = (_a7 = useHMSStore70(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a7.id;
+  const trackId = (_a8 = useHMSStore70(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
   const { elements } = useRoomLayoutConferencingScreen();
   const { elements: preview_elements } = useRoomLayoutPreviewScreen();
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
@@ -29902,14 +29907,14 @@ var PreviewForm = ({
   cannotPublishVideo = false,
   cannotPublishAudio = false
 }) => {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   const formSubmit = (e) => {
     e.preventDefault();
   };
   const isMobile = useMedia26(config.media.md);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming10();
   const layout = useRoomLayout();
-  const { join_form: joinForm = {} } = ((_c2 = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements) || {};
+  const { join_form: joinForm = {} } = ((_c2 = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements) || {};
   const showGoLive = (joinForm == null ? void 0 : joinForm.join_btn_type) === JoinForm_JoinBtnType3.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE && !isHLSRunning && !isRTMPRunning && !isHLSRecordingOn && !isBrowserRecordingOn;
   return /* @__PURE__ */ React135.createElement(
     Form,
@@ -30215,10 +30220,10 @@ var RoleChangeRequestModal = () => {
     {
       title: "You're invited to join the stage",
       onOpenChange: (value) => __async(null, null, function* () {
-        var _a7;
+        var _a8;
         if (!value) {
           hmsActions.rejectChangeRole(roleChangeRequest);
-          sendEvent(__spreadProps(__spreadValues({}, roleChangeRequest), { peerName: name }), { peerId: (_a7 = roleChangeRequest.requestedBy) == null ? void 0 : _a7.id });
+          sendEvent(__spreadProps(__spreadValues({}, roleChangeRequest), { peerName: name }), { peerId: (_a8 = roleChangeRequest.requestedBy) == null ? void 0 : _a8.id });
           yield hmsActions.cancelMidCallPreview();
           yield hmsActions.lowerLocalPeerHand();
         }
@@ -30512,11 +30517,11 @@ var Grid = React143.forwardRef(
         }
       },
       tiles == null ? void 0 : tiles.map((tile) => {
-        var _a7, _b7, _c2, _d;
+        var _a8, _b7, _c2, _d;
         return /* @__PURE__ */ React143.createElement(
           VideoTile_default,
           __spreadValues({
-            key: ((_a7 = tile.track) == null ? void 0 : _a7.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
+            key: ((_a8 = tile.track) == null ? void 0 : _a8.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
             width: tile.width,
             height: tile.height,
             peerId: (_c2 = tile.peer) == null ? void 0 : _c2.id,
@@ -30637,7 +30642,7 @@ var useTileLayout = ({
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
-  var _a7;
+  var _a8;
   const isMobile = useMedia31(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -30651,7 +30656,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     edgeToEdge
   });
   const [page, setPage] = useState60(0);
-  const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
+  const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
   useEffect48(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -30741,11 +30746,11 @@ var SecondarySection = ({
       })
     },
     tiles.map((tile) => {
-      var _a7, _b7, _c2, _d;
+      var _a8, _b7, _c2, _d;
       return /* @__PURE__ */ React145.createElement(
         VideoTile_default,
         __spreadValues({
-          key: ((_a7 = tile.track) == null ? void 0 : _a7.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
+          key: ((_a8 = tile.track) == null ? void 0 : _a8.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
           peerId: (_c2 = tile.peer) == null ? void 0 : _c2.id,
           trackId: (_d = tile.track) == null ? void 0 : _d.id,
           rootCSS: __spreadProps(__spreadValues({
@@ -30770,14 +30775,14 @@ var ProminenceLayout = {
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const isMobile = useMedia32(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = useState61(0);
   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 pinnedPeer = (_a8 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
   const pageChangedAfterPinning = useRef29(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -30800,8 +30805,8 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   });
   const pageSize = ((_b7 = pagesWithTiles[0]) == null ? void 0 : _b7.length) || 0;
   useEffect49(() => {
-    var _a8;
-    if (peers.length > 0 && !((_a8 = pagesWithTiles[page]) == null ? void 0 : _a8.length)) {
+    var _a9;
+    if (peers.length > 0 && !((_a9 = pagesWithTiles[page]) == null ? void 0 : _a9.length)) {
       setPage(Math.max(0, page - 1));
     }
   }, [peers, page, pagesWithTiles]);
@@ -30875,7 +30880,7 @@ function RoleProminence({
   onPageSize,
   edgeToEdge
 }) {
-  var _a7;
+  var _a8;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
   const localPeer = useHMSStore75(selectLocalPeer11);
   const isMobile = useMedia33(config.media.md);
@@ -30890,7 +30895,7 @@ function RoleProminence({
     maxTileCount
   });
   const [page, setPage] = useState62(0);
-  const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
+  const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
   useEffect50(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -31173,7 +31178,7 @@ var ScreenshareTile_default = ScreenshareTile;
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-  var _a7;
+  var _a8;
   const peersSharing = useHMSStore77(selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const [page, setPage] = useState65(0);
@@ -31209,7 +31214,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setActiveScreenSharePeer("");
     };
   }, [activeSharePeer == null ? void 0 : activeSharePeer.id, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React151.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React151.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React151.createElement(ScreenshareTile_default, { peerId: (_a7 = peersSharing[page]) == null ? void 0 : _a7.id }), !edgeToEdge && /* @__PURE__ */ React151.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ React151.createElement(
+  return /* @__PURE__ */ React151.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React151.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React151.createElement(ScreenshareTile_default, { peerId: (_a8 = peersSharing[page]) == null ? void 0 : _a8.id }), !edgeToEdge && /* @__PURE__ */ React151.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ React151.createElement(
     SecondaryTiles,
     {
       peers: secondaryPeers,
@@ -31320,10 +31325,10 @@ var PeersSorter = class {
       this.listeners.add(cb);
     };
     this.stop = () => {
-      var _a7;
+      var _a8;
       this.updateListeners();
       this.listeners.clear();
-      (_a7 = this.storeUnsubscribe) == null ? void 0 : _a7.call(this);
+      (_a8 = this.storeUnsubscribe) == null ? void 0 : _a8.call(this);
       this.storeUnsubscribe = void 0;
       this.speaker = void 0;
     };
@@ -31343,8 +31348,8 @@ var PeersSorter = class {
       this.updateListeners();
     };
     this.onDominantSpeakerChange = (speaker) => {
-      var _a7;
-      if (!speaker || speaker.id === ((_a7 = this.speaker) == null ? void 0 : _a7.id)) {
+      var _a8;
+      if (!speaker || speaker.id === ((_a8 = this.speaker) == null ? void 0 : _a8.id)) {
         return;
       }
       if (!this.peers.has(speaker.id)) {
@@ -31596,7 +31601,7 @@ init_define_process_env();
 import React155, { memo } from "react";
 import { CrossIcon as CrossIcon27 } from "@100mslive/react-icons";
 function HlsStatsOverlay({ hlsStatsState, onClose }) {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   return /* @__PURE__ */ React155.createElement(
     Flex,
     {
@@ -31612,7 +31617,7 @@ function HlsStatsOverlay({ hlsStatsState, onClose }) {
       direction: "column"
     },
     /* @__PURE__ */ React155.createElement(IconButton_default, { css: { position: "absolute", top: "$2", right: "$2" }, onClick: onClose }, /* @__PURE__ */ React155.createElement(CrossIcon27, null)),
-    /* @__PURE__ */ React155.createElement(HlsStatsRow, { label: "Video size" }, ` ${(_a7 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _a7.width}x${(_b7 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _b7.height}`),
+    /* @__PURE__ */ React155.createElement(HlsStatsRow, { label: "Video size" }, ` ${(_a8 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _a8.width}x${(_b7 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _b7.height}`),
     /* @__PURE__ */ React155.createElement(HlsStatsRow, { label: "Buffer duration" }, (_c2 = hlsStatsState == null ? void 0 : hlsStatsState.bufferedDuration) == null ? void 0 : _c2.toFixed(2), " "),
     /* @__PURE__ */ React155.createElement(HlsStatsRow, { label: "Connection speed" }, `${((hlsStatsState == null ? void 0 : hlsStatsState.bandwidthEstimate) / (1e3 * 1e3)).toFixed(2)} Mbps`),
     /* @__PURE__ */ React155.createElement(HlsStatsRow, { label: "Bitrate" }, `${((hlsStatsState == null ? void 0 : hlsStatsState.bitrate) / (1e3 * 1e3)).toFixed(2)} Mbps`),
@@ -31690,8 +31695,8 @@ var RightControls = styled(Flex, {
 // src/Prebuilt/components/HMSVideo/HMSVideo.jsx
 init_define_process_env();
 import React156, { forwardRef, useEffect as useEffect55, useState as useState67 } from "react";
-var HMSVideo = forwardRef((_a7, videoRef) => {
-  var _b7 = _a7, { children, isFullScreen } = _b7, props = __objRest(_b7, ["children", "isFullScreen"]);
+var HMSVideo = forwardRef((_a8, videoRef) => {
+  var _b7 = _a8, { children, isFullScreen } = _b7, props = __objRest(_b7, ["children", "isFullScreen"]);
   const [width, setWidth] = useState67("auto");
   useEffect55(() => {
     const updatingVideoWidth = () => {
@@ -31986,7 +31991,7 @@ var VideoProgress = ({
   const [bufferProgress, setBufferProgress] = useState68(0);
   const videoEl = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
   const setProgress = useCallback35(() => {
-    var _a7;
+    var _a8;
     if (!videoEl) {
       return;
     }
@@ -31994,7 +31999,7 @@ var VideoProgress = ({
     const videoProgress2 = Math.floor(getPercentage(videoEl.currentTime, duration));
     let bufferProgress2 = 0;
     if (videoEl.buffered.length > 0) {
-      bufferProgress2 = Math.floor(getPercentage((_a7 = videoEl.buffered) == null ? void 0 : _a7.end(0), duration));
+      bufferProgress2 = Math.floor(getPercentage((_a8 = videoEl.buffered) == null ? void 0 : _a8.end(0), duration));
     }
     if (!isNaN(videoProgress2)) {
       setVideoProgress(videoProgress2);
@@ -32020,13 +32025,13 @@ var VideoProgress = ({
     };
   }, [setProgress, timeupdateHandler, videoEl]);
   const onProgress = (progress) => {
-    var _a7;
+    var _a8;
     const progress1 = Math.floor(getPercentage(progress[0], 100));
     const videoEl2 = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
     if (!videoEl2) {
       return;
     }
-    const duration = isFinite(videoEl2.duration) ? videoEl2.duration : ((_a7 = videoEl2.seekable) == null ? void 0 : _a7.end(0)) || 0;
+    const duration = isFinite(videoEl2.duration) ? videoEl2.duration : ((_a8 = videoEl2.seekable) == null ? void 0 : _a8.end(0)) || 0;
     const currentTime = progress1 * duration / 100;
     hlsPlayer2 == null ? void 0 : hlsPlayer2.seekTo(currentTime);
     setProgress();
@@ -32124,9 +32129,9 @@ init_define_process_env();
 import React163, { useState as useState70 } from "react";
 import { VolumeOneIcon as VolumeOneIcon2, VolumeTwoIcon, VolumeZeroIcon } from "@100mslive/react-icons";
 var VolumeControl = () => {
-  var _a7;
+  var _a8;
   const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
-  const [volume, setVolume] = useState70((_a7 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a7 : 100);
+  const [volume, setVolume] = useState70((_a8 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a8 : 100);
   const [showSlider, setShowSlider] = useState70(false);
   return /* @__PURE__ */ React163.createElement(
     Flex,
@@ -32577,7 +32582,7 @@ var ToggleChat = ({ isFullScreen = false }) => {
   return null;
 };
 var HLSView = () => {
-  var _a7, _b7, _c2, _d, _e, _f, _g;
+  var _a8, _b7, _c2, _d, _e, _f, _g;
   const videoRef = useRef31(null);
   const hlsViewRef = useRef31();
   const { elements } = useRoomLayoutConferencingScreen();
@@ -32588,7 +32593,7 @@ var HLSView = () => {
   const { themeType } = useTheme();
   const [streamEnded, setStreamEnded] = useState71(false);
   let [hlsStatsState, setHlsStatsState] = useState71(null);
-  const hlsUrl = (_a7 = hlsState.variants[0]) == null ? void 0 : _a7.url;
+  const hlsUrl = (_a8 = hlsState.variants[0]) == null ? void 0 : _a8.url;
   const [availableLayers, setAvailableLayers] = useState71([]);
   const [isVideoLive, setIsVideoLive] = useState71(true);
   const [isCaptionEnabled, setIsCaptionEnabled] = useState71(true);
@@ -32656,9 +32661,9 @@ var HLSView = () => {
   }, [hlsUrl]);
   const handleQuality = useCallback37(
     (quality) => {
-      var _a8;
+      var _a9;
       if (hlsPlayer) {
-        setIsUserSelectedAuto(((_a8 = quality.height) == null ? void 0 : _a8.toString().toLowerCase()) === "auto");
+        setIsUserSelectedAuto(((_a9 = quality.height) == null ? void 0 : _a9.toString().toLowerCase()) === "auto");
         hlsPlayer == null ? void 0 : hlsPlayer.setLayer(quality);
       }
     },
@@ -32674,9 +32679,9 @@ var HLSView = () => {
     const layerUpdatedHandler = ({ layer }) => {
       setCurrentSelectedQuality(layer);
     };
-    const metadataLoadedHandler = (_a8) => {
-      var _b8 = _a8, { payload } = _b8, rest = __objRest(_b8, ["payload"]);
-      var _a9;
+    const metadataLoadedHandler = (_a9) => {
+      var _b8 = _a9, { payload } = _b8, rest = __objRest(_b8, ["payload"]);
+      var _a10;
       const parsePayload = (str) => {
         try {
           return JSON.parse(str);
@@ -32721,7 +32726,7 @@ var HLSView = () => {
       }
       switch (parsedPayload.type) {
         case EMOJI_REACTION_TYPE:
-          (_a9 = window.showFlyingEmoji) == null ? void 0 : _a9.call(window, { emojiId: parsedPayload == null ? void 0 : parsedPayload.emojiId, senderId: parsedPayload == null ? void 0 : parsedPayload.senderId });
+          (_a10 = window.showFlyingEmoji) == null ? void 0 : _a10.call(window, { emojiId: parsedPayload == null ? void 0 : parsedPayload.emojiId, senderId: parsedPayload == null ? void 0 : parsedPayload.senderId });
           break;
         default: {
           const toast = {
@@ -32822,7 +32827,7 @@ var HLSView = () => {
   }, [controlsVisible, isFullScreen, seekProgress, qualityDropDownOpen]);
   const onSeekTo = useCallback37(
     (seek) => {
-      var _a8;
+      var _a9;
       match13({ isLandscape, isMobile, seek }).with({ seek: -10, isMobile: false, isLandscape: false }, () => {
         setHoverControlsVisible(__spreadProps(__spreadValues({}, hoverControlsVisible), { seekBackward: true }));
         setTimeout(() => {
@@ -32838,14 +32843,14 @@ var HLSView = () => {
           }));
         }, 1e3);
       }).otherwise(() => null);
-      hlsPlayer == null ? void 0 : hlsPlayer.seekTo(((_a8 = videoRef.current) == null ? void 0 : _a8.currentTime) + seek);
+      hlsPlayer == null ? void 0 : hlsPlayer.seekTo(((_a9 = videoRef.current) == null ? void 0 : _a9.currentTime) + seek);
     },
     [hoverControlsVisible, isLandscape, isMobile]
   );
   const onDoubleClickHandler = useCallback37(
     (event) => {
-      var _a8;
-      if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== HLSPlaylistType.DVR) {
+      var _a9;
+      if (!(isMobile || isLandscape) || ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) !== HLSPlaylistType.DVR) {
         return;
       }
       const sidePercentage = event.screenX * 100 / event.target.clientWidth;
@@ -32870,8 +32875,8 @@ var HLSView = () => {
     [hlsState == null ? void 0 : hlsState.variants, hoverControlsVisible, isLandscape, isMobile, onSeekTo]
   );
   const onClickHandler = useCallback37(() => __async(null, null, function* () {
-    var _a8;
-    match13({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type: HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(null, null, function* () {
+    var _a9;
+    match13({ isMobile, isLandscape, playlist_type: (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type }).with({ playlist_type: HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(null, null, function* () {
       if (isPaused) {
         yield hlsPlayer == null ? void 0 : hlsPlayer.play();
       } else {
@@ -32968,8 +32973,8 @@ var HLSView = () => {
           outline: "none"
         },
         onKeyDown: (event) => __async(null, null, function* () {
-          var _a8;
-          if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === HLSPlaylistType.DVR) {
+          var _a9;
+          if (((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) === HLSPlaylistType.DVR) {
             yield keyHandler(event);
           }
         }),
@@ -33251,7 +33256,7 @@ var SimpleQueue = class {
     this.storage = [];
   }
   enqueue(data3) {
-    var _a7;
+    var _a8;
     if (!data3.transcript.trim()) {
       return;
     }
@@ -33263,7 +33268,7 @@ var SimpleQueue = class {
       this.addTimeout(this.storage[this.size() - 1], data3.final);
       return;
     }
-    if (this.size() > 0 && ((_a7 = this.storage[this.size() - 1]) == null ? void 0 : _a7.final) === true) {
+    if (this.size() > 0 && ((_a8 = this.storage[this.size() - 1]) == null ? void 0 : _a8.final) === true) {
       this.storage.push(data3);
       this.addTimeout(this.storage[this.size() - 1], data3.final);
       return;
@@ -33396,11 +33401,11 @@ var CaptionsViewer = ({
   defaultPosition,
   setDefaultPosition
 }) => {
-  var _a7;
+  var _a8;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const isMobile = useMedia41(config.media.md);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
-  const showCaptionAtTop = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && isChatOpen && isMobile;
+  const showCaptionAtTop = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && isChatOpen && isMobile;
   const [captionQueue] = useState72(new CaptionMaintainerQueue());
   const [currentData, setCurrentData] = useState72([]);
   const isCaptionEnabled = useIsCaptionEnabled();
@@ -33408,11 +33413,11 @@ var CaptionsViewer = ({
   const nodeRef = useRef32(null);
   useEffect60(() => {
     const timeInterval = setInterval(() => {
-      var _a8;
+      var _a9;
       if (!captionQueue) {
         return;
       }
-      const data3 = (_a8 = captionQueue.captionData) == null ? void 0 : _a8.findPeerData();
+      const data3 = (_a9 = captionQueue.captionData) == null ? void 0 : _a9.findPeerData();
       setCurrentData(data3);
     }, 1e3);
     return () => clearInterval(timeInterval);
@@ -33492,7 +33497,7 @@ var VideoStreamingSection = ({
   elements,
   hideControls = false
 }) => {
-  var _a7;
+  var _a8;
   const localPeerRoleName = useHMSStore84(selectLocalPeerRoleName6);
   const isConnected = useHMSStore84(selectIsConnectedToRoom9);
   const isSharingScreen = useHMSStore84(selectIsLocalScreenShared2);
@@ -33570,8 +33575,8 @@ var VideoStreamingSection = ({
       ({ urlToIframe: urlToIframe2 }) => !!urlToIframe2,
       () => /* @__PURE__ */ React172.createElement(EmbedView, null)
     ).otherwise(() => {
-      var _a8;
-      return /* @__PURE__ */ React172.createElement(GridLayout, __spreadValues({}, (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid));
+      var _a9;
+      return /* @__PURE__ */ React172.createElement(GridLayout, __spreadValues({}, (_a9 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a9.grid));
     }),
     /* @__PURE__ */ React172.createElement(CaptionsViewer, { setDefaultPosition: setCaptionPosition, defaultPosition: captionPosition }),
     /* @__PURE__ */ React172.createElement(
@@ -33590,7 +33595,7 @@ var VideoStreamingSection = ({
         SidePane_default,
         {
           screenType,
-          tileProps: (_a7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a7.grid,
+          tileProps: (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid,
           hideControls
         }
       )
@@ -33841,7 +33846,7 @@ var PreviousRoleInMetadata = () => {
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 var ConferenceScreen = () => {
-  var _a7, _b7, _c2, _d, _e, _f;
+  var _a8, _b7, _c2, _d, _e, _f;
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -33853,7 +33858,7 @@ var ConferenceScreen = () => {
   const footerRef = useRef33(null);
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const { requestPermission } = useAwayNotifications3();
-  const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
+  const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
   const autoRoomJoined = useRef33(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
@@ -34109,8 +34114,8 @@ var Init = () => {
   }, [toggleTheme]);
   useEffect66(() => {
     function resetHeight() {
-      var _a7;
-      document.body.style.height = `${((_a7 = window.visualViewport) == null ? void 0 : _a7.height) || window.innerHeight}px`;
+      var _a8;
+      document.body.style.height = `${((_a8 = window.visualViewport) == null ? void 0 : _a8.height) || window.innerHeight}px`;
     }
     window.addEventListener("resize", resetHeight);
     resetHeight();
@@ -34305,8 +34310,8 @@ var FeedbackContent = ({
     }
     try {
       const reasons = [...selectedReasons].map((value) => {
-        var _a7, _b7;
-        return ((_b7 = (_a7 = ratings[indexSelected]) == null ? void 0 : _a7.reasons) == null ? void 0 : _b7[value]) || "";
+        var _a8, _b7;
+        return ((_b7 = (_a8 = ratings[indexSelected]) == null ? void 0 : _a8.reasons) == null ? void 0 : _b7[value]) || "";
       });
       yield hmsActions.submitSessionFeedback(
         {
@@ -34771,12 +34776,12 @@ var MwebLandscapePrompt = () => {
   const isLandscape = useMedia48(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect68(() => {
-    var _a7;
+    var _a8;
     if (!isMobileUserAgent) {
       setShowMwebLandscapePrompt(false);
       return;
     }
-    if (!((_a7 = window.screen) == null ? void 0 : _a7.orientation)) {
+    if (!((_a8 = window.screen) == null ? void 0 : _a8.orientation)) {
       setShowMwebLandscapePrompt(isLandscape && !isLandscapeHLSStream);
       return;
     }
@@ -34860,8 +34865,8 @@ var ChatNotifications = () => {
   const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
   const localPeerId = useHMSStore89(selectLocalPeerID15);
   useEffect69(() => {
-    var _a7, _b7;
-    if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
+    var _a8, _b7;
+    if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
       return;
     }
     const showToast = Date.now() - chatState.updatedAt < NOTIFICATION_TIME_DIFFERENCE;
@@ -35040,7 +35045,7 @@ var ChatAction = React188.forwardRef((_, ref) => {
   return /* @__PURE__ */ React188.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
 });
 var HandRaiseAction = React188.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   const hmsActions = useHMSActions54();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
@@ -35051,7 +35056,7 @@ var HandRaiseAction = React188.forwardRef(({ id = "", isSingleHandRaise = true }
     on_stage_role,
     off_stage_roles = [],
     skip_preview_for_role_change = false
-  } = ((_c2 = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements.on_stage_exp) || {};
+  } = ((_c2 = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements.on_stage_exp) || {};
   const onClickHandler = useCallback38(() => __async(null, null, function* () {
     if (isSingleHandRaise) {
       hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
@@ -35078,9 +35083,9 @@ var HandRaiseAction = React188.forwardRef(({ id = "", isSingleHandRaise = true }
 var ToastConfig = {
   PEER_JOINED: {
     single: function(notification) {
-      var _a7;
+      var _a8;
       return {
-        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} joined`,
+        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} joined`,
         icon: /* @__PURE__ */ React188.createElement(PeopleAddIcon4, null)
       };
     },
@@ -35093,9 +35098,9 @@ var ToastConfig = {
   },
   PEER_LEFT: {
     single: function(notification) {
-      var _a7;
+      var _a8;
       return {
-        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} left`,
+        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} left`,
         icon: /* @__PURE__ */ React188.createElement(PeopleRemoveIcon4, null)
       };
     },
@@ -35108,41 +35113,41 @@ var ToastConfig = {
   },
   RAISE_HAND: {
     single: (notification) => {
-      var _a7;
+      var _a8;
       return {
-        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
+        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
         icon: /* @__PURE__ */ React188.createElement(HandIcon6, null)
       };
     },
     multiple: (notifications) => {
-      var _a7;
+      var _a8;
       const count = new Set(notifications.map((notification) => {
-        var _a8;
-        return (_a8 = notification.data) == null ? void 0 : _a8.id;
+        var _a9;
+        return (_a9 = notification.data) == null ? void 0 : _a9.id;
       })).size;
       return {
-        title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
+        title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
         icon: /* @__PURE__ */ React188.createElement(HandIcon6, null)
       };
     }
   },
   RAISE_HAND_HLS: {
     single: (notification) => {
-      var _a7, _b7;
+      var _a8, _b7;
       return {
-        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
+        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
         icon: /* @__PURE__ */ React188.createElement(HandIcon6, null),
         action: /* @__PURE__ */ React188.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
       };
     },
     multiple: (notifications) => {
-      var _a7;
+      var _a8;
       const count = new Set(notifications.map((notification) => {
-        var _a8;
-        return (_a8 = notification.data) == null ? void 0 : _a8.id;
+        var _a9;
+        return (_a9 = notification.data) == null ? void 0 : _a9.id;
       })).size;
       return {
-        title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
+        title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
         icon: /* @__PURE__ */ React188.createElement(HandIcon6, null),
         action: /* @__PURE__ */ React188.createElement(HandRaiseAction, { isSingleHandRaise: false })
       };
@@ -35150,9 +35155,9 @@ var ToastConfig = {
   },
   NEW_MESSAGE: {
     single: (notification) => {
-      var _a7;
+      var _a8;
       return {
-        title: `New message from ${(_a7 = notification.data) == null ? void 0 : _a7.senderName}`,
+        title: `New message from ${(_a8 = notification.data) == null ? void 0 : _a8.senderName}`,
         icon: /* @__PURE__ */ React188.createElement(ChatUnreadIcon2, null),
         action: /* @__PURE__ */ React188.createElement(ChatAction, null)
       };
@@ -35251,7 +35256,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 var HandRaisedNotifications = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const notification = useHMSNotifications6(HMSNotificationTypes6.HAND_RAISE_CHANGED);
   const roomState = useHMSStore91(selectRoomState10);
   const vanillaStore = useHMSVanillaStore17();
@@ -35259,9 +35264,9 @@ var HandRaisedNotifications = () => {
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
   const amIScreenSharing = useHMSStore91(selectIsLocalScreenShared3);
   const { showNotification } = useAwayNotifications4();
-  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
+  const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
   useEffect73(() => {
-    var _a8;
+    var _a9;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -35271,7 +35276,7 @@ var HandRaisedNotifications = () => {
     const hasPeerHandRaised = vanillaStore.getState(selectHasPeerHandRaised4(notification.data.id));
     const peer = vanillaStore.getState(selectPeerByID6(notification.data.id));
     if (hasPeerHandRaised) {
-      const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a8 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a8.includes(peer.roleName));
+      const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a9 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a9.includes(peer.roleName));
       ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
       console.debug("Metadata updated", notification.data);
     }
@@ -35334,15 +35339,15 @@ init_define_process_env();
 import { useEffect as useEffect75 } from "react";
 import { useAwayNotifications as useAwayNotifications5, useHMSNotifications as useHMSNotifications8, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
 var MessageNotifications = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const notification = useHMSNotifications8(Hr.NEW_MESSAGE);
   const amIScreenSharing = useHMSStore92(as);
-  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
+  const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
   const { showNotification } = useAwayNotifications5();
   useEffect75(() => {
-    var _a8;
-    if (notification && amIScreenSharing && !((_a8 = notification.data) == null ? void 0 : _a8.ignored) && !pipWindow) {
+    var _a9;
+    if (notification && amIScreenSharing && !((_a9 = notification.data) == null ? void 0 : _a9.ignored) && !pipWindow) {
       showNotification(`New message from ${notification.data.senderName}`, {
         body: notification.data.message,
         icon: logoURL
@@ -35541,7 +35546,7 @@ var ReconnectNotifications = () => {
   const notification = useHMSNotifications12(notificationTypes3);
   const prevErrorCode = useRef34(0);
   useEffect79(() => {
-    var _a7, _b7;
+    var _a8, _b7;
     if (!notification) {
       return;
     }
@@ -35551,7 +35556,7 @@ var ReconnectNotifications = () => {
         ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
       );
     } else if (notification.type === HMSNotificationTypes11.RECONNECTING) {
-      prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
+      prevErrorCode.current = ((_a8 = notification.data) == null ? void 0 : _a8.code) || 0;
       notificationId = ToastManager.replaceToast(
         notificationId,
         ToastConfig.RECONNECTING.single((_b7 = notification.data) == null ? void 0 : _b7.message)
@@ -35569,11 +35574,11 @@ var RoleChangeNotification = () => {
   const notification = useHMSNotifications13(HMSNotificationTypes12.ROLE_UPDATED);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   useEffect80(() => {
-    var _a7, _b7;
+    var _a8, _b7;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
-    if (((_a7 = notification.data) == null ? void 0 : _a7.isLocal) && ((_b7 = notification.data) == null ? void 0 : _b7.roleName)) {
+    if (((_a8 = notification.data) == null ? void 0 : _a8.isLocal) && ((_b7 = notification.data) == null ? void 0 : _b7.roleName)) {
       ToastManager.addToast({
         title: `You are now a ${notification.data.roleName}`
       });
@@ -35676,7 +35681,7 @@ var notificationTypes5 = [
 var TrackNotifications = () => {
   const notification = useHMSNotifications15(notificationTypes5);
   useEffect83(() => {
-    var _a7, _b7;
+    var _a8, _b7;
     if (notification) {
       switch (notification.type) {
         case HMSNotificationTypes14.TRACK_ADDED:
@@ -35687,7 +35692,7 @@ var TrackNotifications = () => {
           break;
         case HMSNotificationTypes14.CHANGE_TRACK_STATE_REQUEST:
           {
-            const track = (_a7 = notification.data) == null ? void 0 : _a7.track;
+            const track = (_a8 = notification.data) == null ? void 0 : _a8.track;
             if (!notification.data.enabled) {
               ToastManager.addToast({
                 title: `Your ${track.source} ${track.type} was muted by
@@ -35878,7 +35883,7 @@ init_define_process_env();
 import React198 from "react";
 import { useSearchParam } from "react-use";
 var PreviewScreen = () => {
-  var _a7, _b7, _c2;
+  var _a8, _b7, _c2;
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const skipPreview = !isPreviewScreenEnabled;
   const previewAsRole = useSearchParam(QUERY_PARAM_PREVIEW_AS_ROLE);
@@ -35886,7 +35891,7 @@ var PreviewScreen = () => {
   const initialName = userName || (skipPreview ? "Beam" : "");
   const authToken = useAuthToken();
   const roomLayout = useRoomLayout();
-  const { preview_header: previewHeader = {} } = ((_c2 = (_b7 = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements) || {};
+  const { preview_header: previewHeader = {} } = ((_c2 = (_b7 = (_a8 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c2.elements) || {};
   return /* @__PURE__ */ React198.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React198.createElement(
     Flex,
     {
@@ -35906,8 +35911,8 @@ import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as us
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
 import React199 from "react";
-var Toast2 = (_a7) => {
-  var _b7 = _a7, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
+var Toast2 = (_a8) => {
+  var _b7 = _a8, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
   return /* @__PURE__ */ React199.createElement(
     Toast.HMSToast,
     __spreadValues({
@@ -36201,7 +36206,7 @@ var HMSPrebuilt = React205.forwardRef(
     onLeave,
     onJoin
   }, ref) => {
-    var _a7, _b7, _c2, _d;
+    var _a8, _b7, _c2, _d;
     const reactiveStore = useRef37();
     const [hydrated, setHydrated] = React205.useState(false);
     useEffect89(() => {
@@ -36227,8 +36232,8 @@ var HMSPrebuilt = React205.forwardRef(
     }, [ref]);
     useEffect89(() => {
       return () => {
-        var _a8;
-        (_a8 = reactiveStore == null ? void 0 : reactiveStore.current) == null ? void 0 : _a8.hmsActions.leave();
+        var _a9;
+        (_a9 = reactiveStore == null ? void 0 : reactiveStore.current) == null ? void 0 : _a9.hmsActions.leave();
       };
     }, []);
     const endpointsObj = endpoints;
@@ -36276,16 +36281,16 @@ var HMSPrebuilt = React205.forwardRef(
         HMSRoomProvider,
         {
           isHMSStatsOn: FeatureFlags.enableStatsForNerds,
-          actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
+          actions: (_a8 = reactiveStore.current) == null ? void 0 : _a8.hmsActions,
           store: (_b7 = reactiveStore.current) == null ? void 0 : _b7.hmsStore,
           notifications: (_c2 = reactiveStore.current) == null ? void 0 : _c2.hmsNotifications,
           stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
           leaveOnUnload
         },
         /* @__PURE__ */ React205.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React205.createElement(RoomLayoutContext.Consumer, null, (data3) => {
-          var _a8;
+          var _a9;
           const layout = data3 == null ? void 0 : data3.layout;
-          const theme2 = ((_a8 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a8[0]) || {};
+          const theme2 = ((_a9 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a9[0]) || {};
           const { typography: typography2 } = layout || {};
           let fontFamily = ["sans-serif"];
           if (typography2 == null ? void 0 : typography2.font_family) {
@@ -36499,7 +36504,7 @@ init_define_process_env();
 var import_prop_types = __toESM(require_prop_types());
 import React208, { useRef as useRef38, useState as useState87 } from "react";
 var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = useState87(false);
   const ref = useRef38(null);
   return /* @__PURE__ */ React208.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React208.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React208.createElement(
@@ -36519,7 +36524,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
       {
         ref,
         icon,
-        title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
+        title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.label) || "Select device from list",
         open
       }
     ), /* @__PURE__ */ React208.createElement(Dropdown.Portal, null, /* @__PURE__ */ React208.createElement(
@@ -36564,11 +36569,11 @@ DeviceSelector2.propTypes = {
 // src/Diagnostics/AudioTest.tsx
 var SelectContainer = ({ children }) => /* @__PURE__ */ React209.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
 var MicTest = ({ setError }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const { hmsDiagnostics } = useDiagnostics();
   const devices = useHMSStore101(selectDevices);
   const [isRecording, setIsRecording] = useState88(false);
-  const [selectedMic, setSelectedMic] = useState88(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
+  const [selectedMic, setSelectedMic] = useState88(((_a8 = devices.audioInput[0]) == null ? void 0 : _a8.deviceId) || "default");
   const trackID = useHMSStore101(selectLocalAudioTrackID2);
   const audioLevel = useHMSStore101(selectTrackAudioByID2(trackID));
   const { audioOutputDeviceId } = useHMSStore101(selectLocalMediaSettings);
@@ -36645,7 +36650,7 @@ var MicTest = ({ setError }) => {
   ))));
 };
 var SpeakerTest = () => {
-  var _a7;
+  var _a8;
   const actions = useHMSActions61();
   const devices = useHMSStore101(selectDevices);
   const { audioOutputDeviceId } = useHMSStore101(selectLocalMediaSettings);
@@ -36657,7 +36662,7 @@ var SpeakerTest = () => {
     {
       title: "Speaker (Output)",
       devices: devices.audioOutput,
-      selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
+      selection: audioOutputDeviceId || ((_a8 = devices.audioOutput[0]) == null ? void 0 : _a8.deviceId),
       icon: /* @__PURE__ */ React209.createElement(SpeakerIcon5, null),
       onChange: (deviceId) => {
         actions.setAudioOutputDevice(deviceId);
@@ -36781,7 +36786,7 @@ var browserTypeIconInfo = {
 };
 var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React210.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React210.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React210.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React210.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React210.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React210.createElement(Text, null, value)));
 var BrowserTest = () => {
-  var _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
   const [error, setError] = useState89();
   useEffect91(() => {
@@ -36796,7 +36801,7 @@ var BrowserTest = () => {
     CheckDetails,
     {
       title: "Browser",
-      iconURL: parsedUserAgent4.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = parsedUserAgent4.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
+      iconURL: parsedUserAgent4.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a8 = parsedUserAgent4.getBrowser().name) == null ? void 0 : _a8.toLowerCase()]) == null ? void 0 : _b7.icon),
       value: `${parsedUserAgent4.getBrowser().name} ${parsedUserAgent4.getBrowser().version}`
     }
   ), /* @__PURE__ */ React210.createElement(
@@ -36866,7 +36871,7 @@ var DetailedInfo = ({
   return /* @__PURE__ */ React211.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React211.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React211.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React211.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React211.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React211.createElement(Text, { variant: "caption" }, value)));
 };
 var MediaServerResult = ({ result }) => {
-  var _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _d;
   return /* @__PURE__ */ React211.createElement(
     ConnectivityTestStepResult,
     {
@@ -36877,7 +36882,7 @@ var MediaServerResult = ({ result }) => {
       DetailedInfo,
       {
         title: "Media Captured",
-        value: ((_a7 = result == null ? void 0 : result.stats) == null ? void 0 : _a7.audio.bytesSent) ? "Yes" : "No",
+        value: ((_a8 = result == null ? void 0 : result.stats) == null ? void 0 : _a8.audio.bytesSent) ? "Yes" : "No",
         Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
       }
     ), /* @__PURE__ */ React211.createElement(
@@ -36925,13 +36930,13 @@ var ConnectivityTestReport = ({
   progress,
   startTest
 }) => {
-  var _a7, _b7, _c2, _d;
+  var _a8, _b7, _c2, _d;
   if (error) {
     return /* @__PURE__ */ React211.createElement(React211.Fragment, null, /* @__PURE__ */ React211.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React211.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React211.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React211.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React211.createElement(Footer3, { restart: startTest, error }));
   }
   if (result) {
     console.log(result);
-    return /* @__PURE__ */ React211.createElement(React211.Fragment, null, /* @__PURE__ */ React211.createElement(TestContainer, null, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React211.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React211.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React211.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React211.createElement(VideoStats, { stats: (_d = (_c2 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c2.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React211.createElement(Footer3, { result, restart: startTest, error }));
+    return /* @__PURE__ */ React211.createElement(React211.Fragment, null, /* @__PURE__ */ React211.createElement(TestContainer, null, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React211.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React211.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React211.createElement(AudioStats, { stats: (_b7 = (_a8 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a8.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React211.createElement(VideoStats, { stats: (_d = (_c2 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c2.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React211.createElement(Footer3, { result, restart: startTest, error }));
   }
   if (progress !== void 0) {
     return /* @__PURE__ */ React211.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React211.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React211.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React211.createElement(