@100mslive/roomkit-react 0.3.25 → 0.3.26

package/dist/index.js

@@ -98,7 +98,7 @@ var __async = (__this, __arguments, generator) => {
         reject(e);
       }
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    var step = (x2) => x2.done ? resolve(x2.value) : Promise.resolve(x2.value).then(fulfilled, rejected);
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_c8354e89-0167-44d3-8870-7f9afa27fd89", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.15", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.5 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.25", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_c8354e89-0167-44d3-8870-7f9afa27fd89", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.5/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.25", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.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_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.11.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "603", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20241124.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.9/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.3/x64", JOURNAL_STREAM: "8:20555", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^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", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.25", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "12070626828", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "e053c9f11649cce8ef92c1d081e4236884d4f829", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "6caaebb20482b3cbd2b76a2c43f471328b2c4c136dd97e2c8e122c25fb078039", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1732803547975-0.38739487182891463:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1732803547779-0.895443663299816:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1732803522108-0.34905744445349374:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1732803521929-0.5922150076966217:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.5/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_e73c576e-892f-4569-b114-0af90280ace8", INVOCATION_ID: "5a1387c0a08a46e188d7cb691806519d", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "708", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^19.6.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 211", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.25", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_PIP: "false", npm_lifecycle_event: "build:only", npm_package_version: "0.3.25", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "e053c9f11649cce8ef92c1d081e4236884d4f829", GITHUB_RUN_ATTEMPT: "1", STATS_D_TC: "true", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_c8354e89-0167-44d3-8870-7f9afa27fd89", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_c8354e89-0167-44d3-8870-7f9afa27fd89", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.2.12479018", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_c8354e89-0167-44d3-8870-7f9afa27fd89" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_da91bdf4-0785-45fa-a43c-f0e9bd283a78", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.16", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.5 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.26", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_da91bdf4-0785-45fa-a43c-f0e9bd283a78", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.5/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.26", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.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_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.11.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "595", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20241201.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.9/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.3/x64", JOURNAL_STREAM: "8:18931", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^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", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.26", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "12296385537", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "b0f9937dca2c0201d123fb3ca25ca4ede69ae91c", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "242129357827f944964b6c9562e4c40305c4be4d11b167f1d23142dac401c967", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1734006542726-0.3857717916100041:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1734006542533-0.17338419900644353:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1734006517127-0.7964898874309314:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1734006516950-0.8956573876355589:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.5/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.5/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.5/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_dc5e777d-453f-4439-a0e3-7a264208f100", INVOCATION_ID: "90b7bdd96da84c9ba980cb1ee9f01da9", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "719", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^19.6.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 487", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.26", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_PIP: "false", npm_lifecycle_event: "build:only", npm_package_version: "0.3.26", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "b0f9937dca2c0201d123fb3ca25ca4ede69ae91c", GITHUB_RUN_ATTEMPT: "1", STATS_D_TC: "true", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_da91bdf4-0785-45fa-a43c-f0e9bd283a78", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_da91bdf4-0785-45fa-a43c-f0e9bd283a78", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.2.12479018", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_da91bdf4-0785-45fa-a43c-f0e9bd283a78" };
   }
 });
 
@@ -5628,7 +5628,7 @@ var require_ua_parser = __commonJS({
           return typeof len === UNDEF_TYPE ? str : str.substring(0, UA_MAX_LENGTH);
         }
       };
-      var rgxMapper = function(ua2, arrays) {
+      var rgxMapper = function(ua, arrays) {
         var i = 0, j, k2, p, q, matches, match18;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
@@ -5637,7 +5637,7 @@ var require_ua_parser = __commonJS({
             if (!regex[j]) {
               break;
             }
-            matches = regex[j++].exec(ua2);
+            matches = regex[j++].exec(ua);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
                 match18 = matches[++k2];
@@ -6726,16 +6726,16 @@ var require_ua_parser = __commonJS({
           [NAME, VERSION]
         ]
       };
-      var UAParser = function(ua2, extensions) {
-        if (typeof ua2 === OBJ_TYPE) {
-          extensions = ua2;
-          ua2 = undefined2;
+      var UAParser = function(ua, extensions) {
+        if (typeof ua === OBJ_TYPE) {
+          extensions = ua;
+          ua = undefined2;
         }
         if (!(this instanceof UAParser)) {
-          return new UAParser(ua2, extensions).getResult();
+          return new UAParser(ua, extensions).getResult();
         }
         var _navigator = typeof window2 !== UNDEF_TYPE && window2.navigator ? window2.navigator : undefined2;
-        var _ua = ua2 || (_navigator && _navigator.userAgent ? _navigator.userAgent : EMPTY);
+        var _ua = ua || (_navigator && _navigator.userAgent ? _navigator.userAgent : EMPTY);
         var _uach = _navigator && _navigator.userAgentData ? _navigator.userAgentData : undefined2;
         var _rgxmap = extensions ? extend(regexes, extensions) : regexes;
         var _isSelfNav = _navigator && _navigator.userAgent == _ua;
@@ -6801,8 +6801,8 @@ var require_ua_parser = __commonJS({
         this.getUA = function() {
           return _ua;
         };
-        this.setUA = function(ua3) {
-          _ua = typeof ua3 === STR_TYPE && ua3.length > UA_MAX_LENGTH ? trim(ua3, UA_MAX_LENGTH) : ua3;
+        this.setUA = function(ua2) {
+          _ua = typeof ua2 === STR_TYPE && ua2.length > UA_MAX_LENGTH ? trim(ua2, UA_MAX_LENGTH) : ua2;
           return this;
         };
         this.setUA(_ua);
@@ -6827,18 +6827,18 @@ var require_ua_parser = __commonJS({
           window2.UAParser = UAParser;
         }
       }
-      var $2 = typeof window2 !== UNDEF_TYPE && (window2.jQuery || window2.Zepto);
-      if ($2 && !$2.ua) {
+      var $ = typeof window2 !== UNDEF_TYPE && (window2.jQuery || window2.Zepto);
+      if ($ && !$.ua) {
         var parser = new UAParser();
-        $2.ua = parser.getResult();
-        $2.ua.get = function() {
+        $.ua = parser.getResult();
+        $.ua.get = function() {
           return parser.getUA();
         };
-        $2.ua.set = function(ua2) {
-          parser.setUA(ua2);
+        $.ua.set = function(ua) {
+          parser.setUA(ua);
           var result = parser.getResult();
           for (var prop in result) {
-            $2.ua[prop] = result[prop];
+            $.ua[prop] = result[prop];
           }
         };
       }
@@ -8748,13 +8748,13 @@ var require_writer = __commonJS({
       var i = 1;
       var args = arguments;
       var len = args.length;
-      return formatStr.replace(formatRegExp, function(x) {
+      return formatStr.replace(formatRegExp, function(x2) {
         if (i >= len) {
-          return x;
+          return x2;
         }
         var arg = args[i];
         i += 1;
-        switch (x) {
+        switch (x2) {
           case "%%":
             return "%";
           case "%s":
@@ -8884,7 +8884,7 @@ var require_react_is_production_min = __commonJS({
     var t = b2 ? Symbol.for("react.lazy") : 60116;
     var v = b2 ? Symbol.for("react.block") : 60121;
     var w = b2 ? Symbol.for("react.fundamental") : 60117;
-    var x = b2 ? Symbol.for("react.responder") : 60118;
+    var x2 = b2 ? Symbol.for("react.responder") : 60118;
     var y2 = b2 ? Symbol.for("react.scope") : 60119;
     function z2(a2) {
       if ("object" === typeof a2 && null !== a2) {
@@ -8970,7 +8970,7 @@ var require_react_is_production_min = __commonJS({
       return z2(a2) === p;
     };
     exports.isValidElementType = function(a2) {
-      return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m || a2 === g || a2 === f || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h2 || a2.$$typeof === k2 || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v);
+      return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m || a2 === g || a2 === f || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h2 || a2.$$typeof === k2 || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x2 || a2.$$typeof === y2 || a2.$$typeof === v);
     };
     exports.typeOf = z2;
   }
@@ -9252,7 +9252,7 @@ var require_checkPropTypes = __commonJS({
         }
         try {
           throw new Error(message);
-        } catch (x) {
+        } catch (x2) {
         }
       };
     }
@@ -9321,7 +9321,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         }
         try {
           throw new Error(message);
-        } catch (x) {
+        } catch (x2) {
         }
       };
     }
@@ -9359,11 +9359,11 @@ var require_factoryWithTypeCheckers = __commonJS({
         shape: createShapeTypeChecker,
         exact: createStrictShapeTypeChecker
       };
-      function is2(x, y2) {
-        if (x === y2) {
-          return x !== 0 || 1 / x === 1 / y2;
+      function is(x2, y2) {
+        if (x2 === y2) {
+          return x2 !== 0 || 1 / x2 === 1 / y2;
         } else {
-          return x !== x && y2 !== y2;
+          return x2 !== x2 && y2 !== y2;
         }
       }
       function PropTypeError(message, data3) {
@@ -9502,7 +9502,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         function validate(props, propName, componentName, location, propFullName) {
           var propValue = props[propName];
           for (var i = 0; i < expectedValues.length; i++) {
-            if (is2(propValue, expectedValues[i])) {
+            if (is(propValue, expectedValues[i])) {
               return null;
             }
           }
@@ -10409,8 +10409,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",
     {
@@ -10587,8 +10587,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,
     {
@@ -10816,11 +10816,11 @@ import { PersonIcon } from "@100mslive/react-icons";
 // src/Avatar/getAvatarBg.ts
 init_define_process_env();
 var getInitials = (name) => {
-  var _a7, _b7, _c;
+  var _a8, _b7, _c;
   if (!name) {
     return void 0;
   } else {
-    return (_c = (_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 : _c.join("").toUpperCase();
+    return (_c = (_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 : _c.join("").toUpperCase();
   }
 };
 var getAvatarBg = (name) => {
@@ -10886,8 +10886,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) {
@@ -11189,8 +11189,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 = {
@@ -11244,16 +11244,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
@@ -11410,8 +11410,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, [
@@ -11420,13 +11420,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({
@@ -11445,8 +11445,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({
@@ -11885,8 +11885,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));
 };
@@ -12224,13 +12224,13 @@ var useQoE = ({ videoTrackID, audioTrackID, isLocal = false }) => {
 
 // src/Stats/Stats.tsx
 function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false }) {
-  var _a7, _b7, _c;
+  var _a8, _b7, _c;
   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)) {
@@ -12245,7 +12245,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;
     }
@@ -12255,7 +12255,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,
@@ -12334,11 +12334,25 @@ 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;
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(TrackPacketsLostRow, { label: "Packet Loss(V)", stats: videoStats }), /* @__PURE__ */ React15.createElement(TrackPacketsLostRow, { label: "Packet Loss(A)", stats: audioStats }), /* @__PURE__ */ React15.createElement(StatsRow, { show: isNotNullish(videoStats == null ? void 0 : videoStats.jitter), label: "Jitter(V)", value: (_a7 = videoStats == null ? void 0 : videoStats.jitter) == null ? void 0 : _a7.toFixed(4) }), /* @__PURE__ */ React15.createElement(StatsRow, { show: isNotNullish(audioStats == null ? void 0 : audioStats.jitter), label: "Jitter(A)", value: (_b7 = audioStats == null ? void 0 : audioStats.jitter) == null ? void 0 : _b7.toFixed(4) }));
+  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(TrackPacketsLostRow, { label: "Packet Loss(V)", stats: videoStats }), /* @__PURE__ */ React15.createElement(TrackPacketsLostRow, { label: "Packet Loss(A)", stats: audioStats }), /* @__PURE__ */ React15.createElement(
+    StatsRow,
+    {
+      show: isNotNullish(videoStats == null ? void 0 : videoStats.jitter),
+      label: "Jitter(V)",
+      value: `${(((_a8 = videoStats == null ? void 0 : videoStats.jitter) != null ? _a8 : 0) * 1e3).toFixed(2)} ms`
+    }
+  ), /* @__PURE__ */ React15.createElement(
+    StatsRow,
+    {
+      show: isNotNullish(audioStats == null ? void 0 : audioStats.jitter),
+      label: "Jitter(A)",
+      value: `${(((_b7 = audioStats == null ? void 0 : audioStats.jitter) != null ? _b7 : 0) * 1e3).toFixed(2)} ms`
+    }
+  ));
 };
 var TrackPacketsLostRow = ({
   stats,
@@ -12540,8 +12554,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,
@@ -12626,13 +12640,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));
   }
 );
@@ -12871,8 +12885,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);
@@ -13049,8 +13063,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));
@@ -13064,10 +13078,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));
 };
@@ -13353,18 +13367,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(void 0, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       if (isFetchInProgress.current || !authToken) {
         return;
       }
@@ -13382,7 +13396,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."
@@ -13422,16 +13436,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
@@ -13501,11 +13515,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;
         }
       );
     }
@@ -13526,20 +13540,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,
@@ -13548,10 +13562,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,
@@ -13560,25 +13574,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) {
@@ -13590,7 +13604,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
   };
@@ -13731,7 +13745,7 @@ var initialAppData = {
   [APP_DATA.noiseCancellation]: false
 };
 var AppData = React23.memo(() => {
-  var _a7, _b7, _c, _d;
+  var _a8, _b7, _c, _d;
   const hmsActions = useHMSActions4();
   const [preferences = {}] = useUserPreferences(UserPreferencesKeys.UI_SETTINGS);
   const appData = useHMSStore6(selectFullAppData);
@@ -13742,14 +13756,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;
@@ -13774,11 +13788,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
     );
@@ -13903,41 +13917,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, _c;
+      var _a8, _b7, _c;
       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;
@@ -13960,13 +13974,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);
       }
@@ -13985,11 +13999,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;
       }
@@ -14135,12 +14149,12 @@ var PipManager = class {
     this.tracksToShow = [];
     this.state = "stopped" /* stopped */;
     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;
@@ -14201,7 +14215,7 @@ var PipManager = class {
    */
   start(hmsActions, onStateChangeFn) {
     return __async(this, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       if (!this.isSupported()) {
         throw new Error("pip is not supported on this browser");
       }
@@ -14214,7 +14228,7 @@ var PipManager = class {
       this.state = "starting" /* starting */;
       try {
         yield this.init(hmsActions, onStateChangeFn);
-        (_a7 = this.pipVideo) == null ? void 0 : _a7.addEventListener(LEAVE_EVENT_NAME, this.stop);
+        (_a8 = this.pipVideo) == null ? void 0 : _a8.addEventListener(LEAVE_EVENT_NAME, this.stop);
         this.renderLoop();
         if (!this.isOn()) {
           yield this.requestPIP();
@@ -14391,14 +14405,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;
@@ -14613,10 +14627,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, () => ({
@@ -14640,9 +14654,9 @@ init_define_process_env();
 import React176, { useEffect as useEffect65, useRef as useRef33 } from "react";
 import { v4 as uuid3 } from "uuid";
 import {
-  HMSRoomState as HMSRoomState8,
+  HMSRoomState as HMSRoomState9,
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
-  selectRoomState as selectRoomState8,
+  selectRoomState as selectRoomState9,
   useAwayNotifications as useAwayNotifications3,
   useHMSActions as useHMSActions52,
   useHMSStore as useHMSStore87
@@ -14852,8 +14866,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), {
@@ -14997,8 +15011,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));
   }
 );
@@ -15108,7 +15122,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);
@@ -15124,7 +15138,7 @@ var Settings = ({ setHide }) => {
       hmsActions.refreshDevices();
     }
   }, [hmsActions, isMobile]);
-  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);
   }
@@ -15180,7 +15194,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);
@@ -15215,7 +15229,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) => {
@@ -15250,8 +15264,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
     },
@@ -15370,18 +15384,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("");
   }, []);
   useEffect11(() => {
-    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]);
@@ -15602,11 +15616,11 @@ var OptionLabel = ({ children, icon }) => {
   );
 };
 var useNoiseCancellationWithPlugin = () => {
-  var _a7;
+  var _a8;
   const actions = useHMSActions8();
   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(void 0, null, function* () {
       if (!isEnabledForRoom || inProgress) {
@@ -15649,7 +15663,7 @@ var NoiseCancellation = ({
       ActionTile.Root,
       {
         active: isNoiseCancellationEnabled && isKrispPluginAdded,
-        disable: inProgress,
+        disabled: inProgress,
         onClick: () => __async(void 0, null, function* () {
           yield setNoiseCancellationWithPlugin(!isNoiseCancellationEnabled);
           setOpenOptionsSheet == null ? void 0 : setOpenOptionsSheet(false);
@@ -15712,11 +15726,11 @@ var AudioOutputLabel = ({ deviceId }) => {
       variant: "xs",
       css: { color: "$primary_bright", "&:hover": { cursor: "pointer" } },
       onClick: () => __async(void 0, 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(
@@ -15778,8 +15792,8 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   useEffect12(() => {
     (() => __async(void 0, 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);
@@ -15968,15 +15982,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) {
@@ -15985,20 +15999,20 @@ var useDefaultChatSelection = () => {
   return "";
 };
 var useShowStreamingUI = () => {
-  var _a7, _b7, _c;
+  var _a8, _b7, _c;
   const layout = useRoomLayout();
-  const { join_form } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
+  const { join_form } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.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;
     });
@@ -16117,9 +16131,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;
     });
@@ -16148,14 +16162,14 @@ var EmojiReaction = ({ showCard = false }) => {
     type: EMOJI_REACTION_TYPE
   });
   const sendReaction = (emojiId) => __async(void 0, 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;
@@ -16632,18 +16646,18 @@ var SetupMediaSession = class {
       this.setUpHandlers();
     });
     __publicField(this, "initState", () => {
-      var _a7, _b7, _c, _d;
+      var _a8, _b7, _c, _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 = (_c = navigator.mediaSession) == null ? void 0 : _c.setCameraActive) == null ? void 0 : _d.call(_c, 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* () {
@@ -16922,9 +16936,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 = useHMSActions14();
@@ -17113,7 +17127,7 @@ import React48 from "react";
 import { useMedia as useMedia7 } 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 = useMedia7(config.media.md);
@@ -17121,7 +17135,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)
+  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,
@@ -17182,12 +17196,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));
@@ -17288,11 +17302,11 @@ var SenderName = styled(Text, {
 });
 var ChatMessage = React49.memo(
   ({ index, style = {}, message }) => {
-    var _a7, _b7, _c;
+    var _a8, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
     const rowRef = useRef12(null);
     const isMobile = useMedia8(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(selectLocalPeerID2);
     const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
@@ -17580,7 +17594,7 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/PIP/PIPChat.tsx
 var PIPChat = () => {
-  var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const messages = useHMSStore20(selectHMSMessages2);
   const localPeerID = useHMSStore20(selectLocalPeerID3);
   const count = useHMSStore20(selectUnreadHMSMessagesCount2);
@@ -17606,7 +17620,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 = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.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)
@@ -17839,11 +17853,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 = useHMSActions16();
   const [open, setOpen] = useState20(false);
   const triggerRef = useRef13();
@@ -17897,14 +17911,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
         );
@@ -17966,12 +17980,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({
@@ -18015,8 +18029,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%"
@@ -18031,24 +18045,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",
@@ -18265,7 +18279,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 = useMedia10(mediaQueryLg);
   const tracksWithLabels = useTracksWithLabel();
@@ -18329,7 +18343,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,
@@ -18412,8 +18426,8 @@ var useTracksWithLabel = () => {
   const localPeerID = useHMSStore23(selectLocalPeerID4);
   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(
@@ -18440,27 +18454,27 @@ var useTracksWithLabel = () => {
   return tracksWithLabels;
 };
 var LocalPeerStats = () => {
-  var _a7, _b7, _c, _d, _e, _f, _g, _h, _i;
+  var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j;
   const stats = useHMSStatsStore3(selectHMSStats3.localPeerStats);
   if (!stats) {
     return null;
   }
-  return /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Packets Lost", value: (_a7 = stats.subscribe) == null ? void 0 : _a7.packetsLost }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Jitter", value: (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes((_c = stats.publish) == null ? void 0 : _c.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes((_d = stats.subscribe) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ React56.createElement(
+  return /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Packets Lost", value: (_a8 = stats.subscribe) == null ? void 0 : _a8.packetsLost }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Jitter", value: `${(((_c = (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter) != null ? _c : 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",
-      value: formatBytes((_e = stats.publish) == null ? void 0 : _e.availableOutgoingBitrate, "b/s")
+      value: formatBytes((_f = stats.publish) == null ? void 0 : _f.availableOutgoingBitrate, "b/s")
     }
-  ), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((_f = stats.publish) == null ? void 0 : _f.bytesSent) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes((_g = stats.subscribe) == null ? void 0 : _g.bytesReceived) }), /* @__PURE__ */ React56.createElement(
+  ), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((_g = stats.publish) == null ? void 0 : _g.bytesSent) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes((_h = stats.subscribe) == null ? void 0 : _h.bytesReceived) }), /* @__PURE__ */ React56.createElement(
     StatsRow2,
     {
       label: "Round Trip Time",
-      value: `${(((((_h = stats.publish) == null ? void 0 : _h.currentRoundTripTime) || 0) + (((_i = stats.subscribe) == null ? void 0 : _i.currentRoundTripTime) || 0)) / 2).toFixed(3) * 1e3} ms`
+      value: `${(((((_i = stats.publish) == null ? void 0 : _i.currentRoundTripTime) || 0) + (((_j = stats.subscribe) == null ? void 0 : _j.currentRoundTripTime) || 0)) / 2).toFixed(3) * 1e3} ms`
     }
   ));
 };
 var TrackStats = ({ trackID, layer, local }) => {
-  var _a7;
+  var _a8, _b7;
   const selector = match4({ trackID, layer, local }).with(
     {
       layer: P3.when((layer2) => !!layer2)
@@ -18472,7 +18486,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: (_a7 = stats.jitter) == null ? void 0 : _a7.toFixed(3) }), /* @__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",
@@ -18487,8 +18501,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,
@@ -18509,7 +18523,7 @@ import React57, { useCallback as useCallback18, useRef as useRef16, useState as
 import { useHMSActions as useHMSActions19 } 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 = useHMSActions19();
   const ref = useRef16(null);
@@ -18560,7 +18574,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);
@@ -19344,8 +19358,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
 // ../hms-video-store/dist/index.js
 var import_ua_parser_js = __toESM(require_ua_parser());
 var import_lodash3 = __toESM(require_lodash2());
-import { v4 as Mo } from "uuid";
-import { v4 as fo } from "uuid";
+import { v4 as Po } from "uuid";
+import { v4 as ko } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -19716,8 +19730,8 @@ function shimGetUserMedia(window2, browserDetails) {
   navigator2.getUserMedia = getUserMedia_.bind(navigator2);
   if (navigator2.mediaDevices.getUserMedia) {
     const origGetUserMedia = navigator2.mediaDevices.getUserMedia.bind(navigator2.mediaDevices);
-    navigator2.mediaDevices.getUserMedia = function(cs2) {
-      return shimConstraints_(cs2, (c2) => origGetUserMedia(c2).then((stream) => {
+    navigator2.mediaDevices.getUserMedia = function(cs) {
+      return shimConstraints_(cs, (c2) => origGetUserMedia(c2).then((stream) => {
         if (c2.audio && !stream.getAudioTracks().length || c2.video && !stream.getVideoTracks().length) {
           stream.getTracks().forEach((track) => {
             track.stop();
@@ -21442,43 +21456,43 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as Ho } from "uuid";
 import { v4 as wo } from "uuid";
 import { v4 as xo } from "uuid";
-import { EventEmitter2 as Uo } from "eventemitter2";
-var Qt = __toESM(require_lib());
-import { EventEmitter2 as pn } from "eventemitter2";
-import { v4 as Tn } from "uuid";
-import { EventEmitter2 as fn } from "eventemitter2";
-import Mn from "eventemitter2";
+import { v4 as Fo } from "uuid";
+import { EventEmitter2 as Go } from "eventemitter2";
+var Xt = __toESM(require_lib());
+import { EventEmitter2 as gn } from "eventemitter2";
 import { v4 as yn } from "uuid";
-import { v4 as Pn } from "uuid";
-var so = Object.defineProperty;
-var ao = Object.defineProperties;
-var oo = Object.getOwnPropertyDescriptors;
-var ri = Object.getOwnPropertySymbols;
-var us = Object.prototype.hasOwnProperty;
-var ps = Object.prototype.propertyIsEnumerable;
-var ls = (a2, e, t) => e in a2 ? so(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+import { EventEmitter2 as kn } from "eventemitter2";
+import Pn from "eventemitter2";
+import { v4 as bn } from "uuid";
+import { v4 as Rn } from "uuid";
+var co = Object.defineProperty;
+var lo = Object.defineProperties;
+var uo = Object.getOwnPropertyDescriptors;
+var oi = Object.getOwnPropertySymbols;
+var Ss = Object.prototype.hasOwnProperty;
+var gs = Object.prototype.propertyIsEnumerable;
+var ms = (a2, e, t) => e in a2 ? co(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
 var h = (a2, e) => {
   for (var t in e || (e = {}))
-    us.call(e, t) && ls(a2, t, e[t]);
-  if (ri)
-    for (var t of ri(e))
-      ps.call(e, t) && ls(a2, t, e[t]);
+    Ss.call(e, t) && ms(a2, t, e[t]);
+  if (oi)
+    for (var t of oi(e))
+      gs.call(e, t) && ms(a2, t, e[t]);
   return a2;
 };
-var M = (a2, e) => ao(a2, oo(e));
-var fr = (a2, e) => {
+var M = (a2, e) => lo(a2, uo(e));
+var yr = (a2, e) => {
   var t = {};
   for (var i in a2)
-    us.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
-  if (a2 != null && ri)
-    for (var i of ri(a2))
-      e.indexOf(i) < 0 && ps.call(a2, i) && (t[i] = a2[i]);
+    Ss.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
+  if (a2 != null && oi)
+    for (var i of oi(a2))
+      e.indexOf(i) < 0 && gs.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var lo = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var mo = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var c = (a2, e, t) => new Promise((i, r) => {
   var s = (d) => {
     try {
@@ -21495,51 +21509,51 @@ var c = (a2, e, t) => new Promise((i, r) => {
   }, n = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, o);
   n((t = t.apply(a2, e)).next());
 });
-var Er = lo(($c, vo) => {
-  vo.exports = { version: "0.12.25", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+var Ar = mo((Jc, Eo) => {
+  Eo.exports = { version: "0.12.26", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
-var vr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(vr || {});
-var uo = ((e) => (e.CHAT = "chat", e))(uo || {});
-var hs = ((t) => (t.INFO = "info", t.ERROR = "error", t))(hs || {});
-var Mr = ((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))(Mr || {});
-var ms = ((t) => (t.audio = "audio", t.video = "video", t))(ms || {});
-function Be(a2, e) {
+var kr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(kr || {});
+var So = ((e) => (e.CHAT = "chat", e))(So || {});
+var Ts = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Ts || {});
+var Er = ((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))(Er || {});
+var fs = ((t) => (t.audio = "audio", t.video = "video", t))(fs || {});
+function Fe(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      po(s) && (i = ht(s) ? s : i, t = mt(s) ? s : t);
+      go(s) && (i = gt(s) ? s : i, t = Tt(s) ? s : t);
     }
   return { video: t, audio: i };
 }
-function ht(a2) {
+function gt(a2) {
   return a2 && a2.type === "audio";
 }
-function mt(a2) {
+function Tt(a2) {
   return a2 && a2.type === "video";
 }
-function po(a2) {
+function go(a2) {
   return a2 && a2.source === "screen";
 }
-function oi(a2) {
+function di(a2) {
   return a2 && a2.source === "audioplaylist";
 }
-function St(a2) {
+function ft(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function Ss(a2) {
+function vs(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
-function Je(a2, e) {
+function ze(a2, e) {
   return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
 }
-function gt(a2) {
+function vt(a2) {
   var r;
   let e = false, t = false, i = false;
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
-var Ts = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(Ts || {});
-var ho = typeof window != "undefined" && typeof window.expect != "undefined";
+var ys = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(ys || {});
+var To = typeof window != "undefined" && typeof window.expect != "undefined";
 var l = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -21605,28 +21619,28 @@ var l = class {
       }
   }
 };
-l.level = ho ? 7 : 0;
-var me = new import_ua_parser_js.UAParser();
-var B = typeof window != "undefined";
-var fs;
-var Ve = typeof window == "undefined" && !((fs = me.getBrowser().name) != null && fs.toLowerCase().includes("electron"));
-var So = () => !Ve;
-var hc = So();
-var vs;
-var Ms;
-var bs = (Ms = (vs = me.getBrowser()) == null ? void 0 : vs.name) == null ? void 0 : Ms.toLowerCase().includes("safari");
-var ys;
+l.level = To ? 7 : 0;
+var ge = new import_ua_parser_js.UAParser();
+var x = typeof window != "undefined";
 var ks;
-var As = ((ks = (ys = me.getBrowser()) == null ? void 0 : ys.name) == null ? void 0 : ks.toLowerCase()) === "firefox";
-var Is = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Is || {});
-function go() {
-  if (B && window) {
+var Ge = typeof window == "undefined" && !((ks = ge.getBrowser().name) != null && ks.toLowerCase().includes("electron"));
+var vo = () => !Ge;
+var Tc = vo();
+var Es;
+var Ps;
+var Hs = (Ps = (Es = ge.getBrowser()) == null ? void 0 : Es.name) == null ? void 0 : Ps.toLowerCase().includes("safari");
+var bs;
+var As;
+var Cs = ((As = (bs = ge.getBrowser()) == null ? void 0 : bs.name) == null ? void 0 : As.toLowerCase()) === "firefox";
+var Ls = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Ls || {});
+function Mo() {
+  if (x && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
   return "CUSTOM";
 }
-var ze = go();
+var Xe = Mo();
 var P4 = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014, 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 k = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
@@ -21657,7 +21671,7 @@ var k = class a extends Error {
       }`;
   }
 };
-var $ = class extends k {
+var W = class extends k {
   constructor(t, i, r, s, o, n) {
     super(t, i, r, s, o, false);
     this.code = t;
@@ -21683,8 +21697,8 @@ var $ = class extends k {
       }`;
   }
 };
-var Rs = ((r) => (r.AUDIO = "audio", r.VIDEO = "video", r.AUDIO_VIDEO = "audio, video", r.SCREEN = "screen", r))(Rs || {});
-var To = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var Ds = ((r) => (r.AUDIO = "audio", r.VIDEO = "video", r.AUDIO_VIDEO = "audio, video", r.SCREEN = "screen", r))(Ds || {});
+var yo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new k(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
@@ -21700,37 +21714,37 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, InitConfigNotAvailable(a2, e = "") {
   return new k(P4.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
 } }, TracksErrors: { GenericTrack(a2, e = "") {
-  return new $(P4.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`, "audio, video");
+  return new W(P4.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`, "audio, video");
 }, CantAccessCaptureDevice(a2, e, t = "") {
-  return new $(P4.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t, e);
+  return new W(P4.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t, e);
 }, DeviceNotAvailable(a2, e, t = "") {
-  return new $(P4.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t, e);
+  return new W(P4.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t, e);
 }, DeviceInUse(a2, e, t = "") {
-  return new $(P4.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t, e);
+  return new W(P4.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t, e);
 }, DeviceLostMidway(a2, e, t = "") {
-  return new $(P4.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t, e);
+  return new W(P4.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t, e);
 }, NothingToReturn(a2, e = "", t = "There is no media to return. Please select either video or audio or both.") {
-  return new $(P4.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e, "audio, video");
+  return new W(P4.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e, "audio, video");
 }, InvalidVideoSettings(a2, e = "") {
-  return new $(P4.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e, "video");
+  return new W(P4.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e, "video");
 }, AutoplayBlocked(a2, e = "") {
-  return new $(P4.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e, "audio");
+  return new W(P4.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e, "audio");
 }, CodecChangeNotPermitted(a2, e = "") {
-  return new $(P4.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e, "audio, video");
+  return new W(P4.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e, "audio, video");
 }, OverConstrained(a2, e, t = "") {
-  return new $(P4.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t, e);
+  return new W(P4.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t, e);
 }, NoAudioDetected(a2, e = "Please check the mic or use another audio input") {
-  return new $(P4.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e, "audio");
+  return new W(P4.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e, "audio");
 }, SystemDeniedPermission(a2, e, t = "") {
-  return new $(P4.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t, e);
+  return new W(P4.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t, e);
 }, CurrentTabNotShared() {
-  return new $(P4.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed", "screen");
+  return new W(P4.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed", "screen");
 }, AudioPlaybackError(a2) {
-  return new $(P4.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2, "audio");
+  return new W(P4.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2, "audio");
 }, SelectedDeviceMissing(a2) {
-  return new $(P4.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, a2);
+  return new W(P4.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, a2);
 }, NoDataInTrack(a2) {
-  return new $(P4.TracksErrors.NO_DATA, "Track does not have any data", "TRACK", a2, "This could possibily due to another application taking priority over the access to camera or microphone or due to an incoming call", "audio, video");
+  return new W(P4.TracksErrors.NO_DATA, "Track does not have any data", "TRACK", a2, "This could possibily due to another application taking priority over the access to camera or microphone or due to an incoming call", "audio, video");
 } }, WebrtcErrors: { CreateOfferFailed(a2, e = "") {
   return new k(P4.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
 }, CreateAnswerFailed(a2, e = "") {
@@ -21746,7 +21760,7 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, StatsFailed(a2, e = "") {
   return new k(P4.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, To.includes(e));
+  return new k(a2, "ServerErrors", e, t, t, yo.includes(e));
 }, AlreadyJoined(a2, e = "") {
   return new k(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -21794,7 +21808,7 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, NoEntryPlaying(a2, e) {
   return new k(P4.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
 } } };
-var kr = class {
+var br = class {
   constructor() {
     this.valuesMap = /* @__PURE__ */ new Map();
   }
@@ -21819,21 +21833,21 @@ var kr = class {
     return this.valuesMap.size;
   }
 };
-var Hs = () => {
+var ws = () => {
   try {
-    B && !localStorage && (window.localStorage = new kr());
+    x && !localStorage && (window.localStorage = new br());
   } catch (a2) {
     l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
   }
 };
-var Se = class {
+var Te = class {
   constructor(e) {
     this.key = e;
     this.storage = null;
   }
   getStorage() {
     try {
-      return B && !this.storage && (Hs(), this.storage = window.localStorage), this.storage;
+      return x && !this.storage && (ws(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -21853,32 +21867,32 @@ var Se = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var ni = () => {
-  let a2, e = new Se("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = fo(), e.set(a2)), a2;
+var li = () => {
+  let a2, e = new Te("hms-analytics-deviceId"), t = e.get();
+  return t ? a2 = t : (a2 = ko(), e.set(a2)), a2;
 };
-function le(a2) {
+function pe(a2) {
   return a2 != null;
 }
-var Ds = Er().version;
-function Mt(a2 = "prod", e) {
-  let t = "web", i = ze !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
-  if (Ve)
-    return ws({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Ds, env: i, domain: ze, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
-  let r = me.getOS(), s = me.getDevice(), o = me.getBrowser(), n = Pr(`web_${r.name}`), d = r.version || "", u = Pr(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${Pr(`${s.vendor}_${s.type}`)}/${u}`), ws({ os: n, os_version: d, sdk: t, sdk_version: Ds, device_model: p, env: i, domain: ze, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+var Os = Ar().version;
+function Et(a2 = "prod", e) {
+  let t = "web", i = Xe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
+  if (Ge)
+    return xs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Os, env: i, domain: Xe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  let r = ge.getOS(), s = ge.getDevice(), o = ge.getBrowser(), n = Ir(`web_${r.name}`), d = r.version || "", u = Ir(`${o.name}_${o.version}`), p = u;
+  return s.type && (p = `${Ir(`${s.vendor}_${s.type}`)}/${u}`), xs({ os: n, os_version: d, sdk: t, sdk_version: Os, device_model: p, env: i, domain: Xe, 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 Pr(a2) {
+function Ir(a2) {
   return a2.replace(/ /g, "_");
 }
-var ws = (a2, e = ",") => Object.keys(a2).filter((t) => le(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var xs = (a2, e = ",") => Object.keys(a2).filter((t) => pe(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var C = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
-    this.metadata = { peer: {}, userAgent: Mt() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Mo(), this.device_id = ni();
+    this.metadata = { peer: {}, userAgent: Et() };
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Po(), this.device_id = li();
   }
   toSignalParams() {
-    return { name: this.name, info: M(h({}, this.properties), { timestamp: this.timestamp, domain: ze }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: M(h({}, this.properties), { timestamp: this.timestamp, domain: Xe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
 var y = class {
@@ -21891,12 +21905,12 @@ var y = class {
     return new C({ name: i, level: r, properties: s });
   }
   static preview(i) {
-    var r = i, { error: e } = r, t = fr(r, ["error"]);
+    var r = i, { error: e } = r, t = yr(r, ["error"]);
     let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
     return new C({ name: s, level: o, properties: n });
   }
   static join(i) {
-    var r = i, { error: e } = r, t = fr(r, ["error"]);
+    var r = i, { error: e } = r, t = yr(r, ["error"]);
     let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(h({}, t), { is_preview_called: !!t.is_preview_called }), e);
     return new C({ name: s, level: o, properties: n });
   }
@@ -21921,7 +21935,7 @@ var y = class {
     return new C({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
   }
   static audioRecovered(e) {
-    return new C({ name: "audioRecovered", level: 0, properties: { message: e } });
+    return new C({ name: "audioRecovered", level: 1, properties: { message: e } });
   }
   static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
     let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, d = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
@@ -21984,9 +21998,9 @@ var y = class {
   }
 };
 y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
-var br = class {
+var Rr = class {
   constructor() {
-    this.storage = new Se("hms-device-selection");
+    this.storage = new Te("hms-device-selection");
     this.remember = false;
     this.TAG = "[HMSDeviceStorage]";
   }
@@ -22018,19 +22032,19 @@ var br = class {
     return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
   }
 };
-var X = new br();
-var Ar = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Ar || {});
-var Ir = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Ir || {});
-var Rr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Rr || {});
-var _s = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(_s || {});
-var Ns = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ns || {});
-var Os = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Os || {});
-var xs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(xs || {});
-var Us = ((e) => (e.CAPTION = "caption", e))(Us || {});
-var Hr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Hr || {});
-var Bs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Bs || {});
-var Dr = ((r) => (r.SPEAKERPHONE = "SPEAKERPHONE", r.WIRED = "WIRED", r.BLUETOOTH = "BLUETOOTH", r.EARPIECE = "EARPIECE", r))(Dr || {});
-function li(a2, e = 300) {
+var Y = new Rr();
+var Hr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Hr || {});
+var Cr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Cr || {});
+var Lr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Lr || {});
+var Us = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Us || {});
+var Bs = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Bs || {});
+var Vs = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Vs || {});
+var Fs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Fs || {});
+var Gs = ((e) => (e.CAPTION = "caption", e))(Gs || {});
+var Dr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Dr || {});
+var Ws = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Ws || {});
+var Nr = ((r) => (r.SPEAKERPHONE = "SPEAKERPHONE", r.WIRED = "WIRED", r.BLUETOOTH = "BLUETOOTH", r.EARPIECE = "EARPIECE", r))(Nr || {});
+function hi(a2, e = 300) {
   let t;
   return function(...i) {
     clearTimeout(t), t = void 0;
@@ -22040,7 +22054,7 @@ function li(a2, e = 300) {
     }, e);
   };
 }
-var _r = class {
+var xr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -22063,12 +22077,12 @@ var _r = class {
     this.createObserver();
   }
   isSupported() {
-    let e = B && typeof window.IntersectionObserver != "undefined";
+    let e = x && typeof window.IntersectionObserver != "undefined";
     return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var qs = new _r();
-var Nr = class {
+var zs = new xr();
+var Ur = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -22081,7 +22095,7 @@ var Nr = class {
       (t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
     };
     this.createObserver = () => {
-      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(li(this.handleResize, 300)));
+      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(hi(this.handleResize, 300)));
     };
     this.handleResize = (e) => {
       var t;
@@ -22091,47 +22105,47 @@ var Nr = class {
     this.createObserver();
   }
   isSupported() {
-    let e = B && typeof window.ResizeObserver != "undefined";
+    let e = x && typeof window.ResizeObserver != "undefined";
     return e || l.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var js = new Nr();
-var Or = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Or || {});
-var xr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(xr || {});
-var zs = "https://event.100ms.live/v2/client/report";
-var Ys = "https://event-nonprod.100ms.live/v2/client/report";
-var At = Math.pow(2, 31) - 1;
-var st = class {
-};
-st.makePeerId = () => xo();
-var F = (a2) => a2.room;
-var Bo = (a2) => a2.errors;
-var mm = createSelector(Bo, (a2) => a2.length === 0 ? null : a2.at(-1));
-var Sm = createSelector(F, (a2) => a2.id);
-var z = (a2) => a2.peers;
-var ki = (a2) => a2.messages.byID;
-var oa = (a2) => a2.messages.allIDs;
-var O = (a2) => a2.tracks;
-var qr = (a2) => a2.appData;
-var Vo = (a2) => a2.speakers;
-var xe = createSelector([F], (a2) => a2 && a2.isConnected);
-var fm = createSelector([xe, F], (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 Fo = (a2) => a2.hideLocalPeer;
-var ve = createSelector([F, z, Fo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Go = createSelector(O, (a2) => Object.values(a2));
-var re = createSelector(F, z, (a2, e) => e[a2.localPeer]);
-var Pe = createSelector(F, (a2) => a2.localPeer);
-var vm = createSelector(re, (a2) => a2 == null ? void 0 : a2.name);
-var Mm = createSelector(re, (a2) => a2 == null ? void 0 : a2.roleName);
-var ce = createSelector(re, (a2) => a2 == null ? void 0 : a2.audioTrack);
-var Z = createSelector(re, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var Wo = createSelector(re, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var ca = createSelector([ce, Z, Wo], (a2, e, t) => {
+var Ys = new Ur();
+var Br = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Br || {});
+var Vr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Vr || {});
+var ea = "https://event.100ms.live/v2/client/report";
+var ta = "https://event-nonprod.100ms.live/v2/client/report";
+var Ht = Math.pow(2, 31) - 1;
+var ot = class {
+};
+ot.makePeerId = () => Fo();
+var V = (a2) => a2.room;
+var Wo = (a2) => a2.errors;
+var fm = createSelector(Wo, (a2) => a2.length === 0 ? null : a2.at(-1));
+var vm = createSelector(V, (a2) => a2.id);
+var Q = (a2) => a2.peers;
+var bi = (a2) => a2.messages.byID;
+var la = (a2) => a2.messages.allIDs;
+var N = (a2) => a2.tracks;
+var Qr = (a2) => a2.appData;
+var $o = (a2) => a2.speakers;
+var Be = createSelector([V], (a2) => a2 && a2.isConnected);
+var km = createSelector([Be, V], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+var Ko = (a2) => a2.hideLocalPeer;
+var ye = createSelector([V, Q, Ko], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var qo = createSelector(N, (a2) => Object.values(a2));
+var re = createSelector(V, Q, (a2, e) => e[a2.localPeer]);
+var Ae = createSelector(V, (a2) => a2.localPeer);
+var Em = createSelector(re, (a2) => a2 == null ? void 0 : a2.name);
+var Pm = createSelector(re, (a2) => a2 == null ? void 0 : a2.roleName);
+var de = createSelector(re, (a2) => a2 == null ? void 0 : a2.audioTrack);
+var X = createSelector(re, (a2) => a2 == null ? void 0 : a2.videoTrack);
+var jo = createSelector(re, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var pa = createSelector([de, X, jo], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var ym = createSelector(ve, (a2) => a2.filter((e) => !e.isLocal));
-var km = createSelector(z, Vo, (a2, e) => {
+var bm = createSelector(ye, (a2) => a2.filter((e) => !e.isLocal));
+var Am = createSelector(Q, $o, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, d;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -22144,112 +22158,112 @@ var km = createSelector(z, Vo, (a2, e) => {
   }
   return null;
 });
-var Jr = createSelector(re, O, (a2, e) => {
-  let { video: t, audio: i } = Be(e, a2);
+var Yr = createSelector(re, N, (a2, e) => {
+  let { video: t, audio: i } = Fe(e, a2);
   return !!(t || i);
 });
-var $o = createSelector(z, O, (a2, e) => {
+var Jo = createSelector(Q, N, (a2, e) => {
   let t;
   for (let i in a2) {
-    let r = a2[i], { video: s, audio: o } = Be(e, r);
+    let r = a2[i], { video: s, audio: o } = Fe(e, r);
     if (s)
       return r;
     o && !t && (t = r);
   }
   return t;
 });
-var Pm = createSelector($o, (a2) => !!a2);
-var bm = createSelector(z, O, (a2, e) => {
+var Rm = createSelector(Jo, (a2) => !!a2);
+var Hm = createSelector(Q, N, (a2, e) => {
   for (let t in a2) {
-    let i = a2[t], { audio: r, video: s } = Be(e, i);
+    let i = a2[t], { audio: r, video: s } = Fe(e, i);
     if (!s && r)
       return i;
   }
 });
-var Am = createSelector(z, O, (a2, e) => {
+var Cm = createSelector(Q, N, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
-    let s = a2[r], { video: o, audio: n } = Be(e, s);
+    let s = a2[r], { video: o, audio: n } = Fe(e, s);
     o ? t.push(s) : n && i.push(s);
   }
   return t.concat(i);
 });
-var Im = createSelector(z, O, (a2, e) => {
+var Lm = createSelector(Q, N, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (St(i) && mt(i) && i.peerId)
+    if (ft(i) && Tt(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Rm = createSelector(z, O, (a2, e) => {
+var Dm = createSelector(Q, N, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (oi(i) && i.peerId)
+    if (di(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Hm = createSelector(Go, (a2) => a2.filter(Ss));
-var Cm = createSelector(oa, (a2) => a2.length);
-var Lm = createSelector(ki, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var Ct = createSelector(oa, ki, (a2, e) => {
+var wm = createSelector(qo, (a2) => a2.filter(vs));
+var _m = createSelector(la, (a2) => a2.length);
+var Nm = createSelector(bi, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var wt = createSelector(la, bi, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Ko = createSelector(Ct, (a2) => a2.filter((e) => {
+var Qo = createSelector(wt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var Dm = createSelector(Ko, (a2) => a2.filter((e) => !e.read).length);
-var se = createSelector([F], (a2) => a2 && a2.roomState);
-var la = createSelector(se, (a2) => a2 === "Preview");
-var wm = createSelector(F, (a2) => a2.roomState !== "Disconnected");
-var _m = createSelector(F, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
-var Me = (a2) => a2.roles;
-var Nm = createSelector([Me], (a2) => Object.keys(a2));
-var ot = createSelector([re, Me], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var qo = (a2) => {
+var Om = createSelector(Qo, (a2) => a2.filter((e) => !e.read).length);
+var se = createSelector([V], (a2) => a2 && a2.roomState);
+var ma = createSelector(se, (a2) => a2 === "Preview");
+var xm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
+var Um = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+var ke = (a2) => a2.roles;
+var Bm = createSelector([ke], (a2) => Object.keys(a2));
+var ct = createSelector([re, ke], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
+var zo = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var ua = createSelector([qo, Me], (a2, e) => a2 ? e[a2] : null);
-var Om = createSelector([ot], (a2) => {
+var Sa = createSelector([zo, ke], (a2, e) => a2 ? e[a2] : null);
+var Vm = createSelector([ct], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var pa = createSelector(ot, (a2) => a2 == null ? void 0 : a2.permissions);
-var xm = createSelector(F, (a2) => a2.recording);
-var Um = createSelector(F, (a2) => a2.rtmp);
-var Bm = createSelector(F, (a2) => a2.hls);
-var Vm = createSelector(F, (a2) => a2.transcriptions);
-var Fm = createSelector(F, (a2) => a2.sessionId);
-var Gm = createSelector(F, (a2) => a2.startedAt);
-var Wm = createSelector(F, (a2) => !!a2.isLargeRoom);
-var $m = createSelector(F, (a2) => !!a2.isEffectsEnabled);
-var Km = createSelector(F, (a2) => !!a2.isVBEnabled);
-var qm = createSelector(F, (a2) => a2.effectsKey);
-var ha = (a2) => a2.polls;
-var zm = createSelector(ve, (a2) => a2.filter((e) => e.isHandRaised));
-var jo = (a2) => a2.whiteboards;
-var Ym = createSelector(jo, (a2) => Object.values(a2)[0]);
-var Sa = (a2 = "audio") => (e) => e.playlist[a2].list;
-var Qr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var ga = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var Ta = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var fa = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var va = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var Ma = (a2 = "audio") => createSelector(Sa(a2), (e) => Object.values(e));
-var ya = (a2 = "audio") => createSelector(Sa(a2), Qr(a2), (e, t) => {
+var ga = createSelector(ct, (a2) => a2 == null ? void 0 : a2.permissions);
+var Fm = createSelector(V, (a2) => a2.recording);
+var Gm = createSelector(V, (a2) => a2.rtmp);
+var Wm = createSelector(V, (a2) => a2.hls);
+var $m = createSelector(V, (a2) => a2.transcriptions);
+var Km = createSelector(V, (a2) => a2.sessionId);
+var qm = createSelector(V, (a2) => a2.startedAt);
+var jm = createSelector(V, (a2) => !!a2.isLargeRoom);
+var Jm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
+var Qm = createSelector(V, (a2) => !!a2.isVBEnabled);
+var zm = createSelector(V, (a2) => a2.effectsKey);
+var Ta = (a2) => a2.polls;
+var eS = createSelector(ye, (a2) => a2.filter((e) => e.isHandRaised));
+var Yo = (a2) => a2.whiteboards;
+var tS = createSelector(Yo, (a2) => Object.values(a2)[0]);
+var va = (a2 = "audio") => (e) => e.playlist[a2].list;
+var Xr = (a2 = "audio") => (e) => e.playlist[a2].selection;
+var Ma = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var ya = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var ka = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var Ea = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var Pa = (a2 = "audio") => createSelector(va(a2), (e) => Object.values(e));
+var ba = (a2 = "audio") => createSelector(va(a2), Xr(a2), (e, t) => {
   if (t.id)
     return e[t.id];
 });
-var ka = { selection: Qr("audio"), progress: ga("audio"), currentTime: Ta("audio"), playbackRate: fa("audio"), volume: va("audio"), list: Ma("audio"), selectedItem: ya("audio") };
-var Ea = { selection: Qr("video"), progress: ga("video"), currentTime: Ta("video"), playbackRate: fa("video"), volume: va("video"), list: Ma("video"), selectedItem: ya("video") };
+var Aa = { selection: Xr("audio"), progress: Ma("audio"), currentTime: ya("audio"), playbackRate: ka("audio"), volume: Ea("audio"), list: Pa("audio"), selectedItem: ba("audio") };
+var Ia = { selection: Xr("video"), progress: Ma("video"), currentTime: ya("video"), playbackRate: ka("video"), volume: Ea("video"), list: Pa("video"), selectedItem: ba("video") };
 function H(a2) {
   return (e) => (t) => a2(t, e);
 }
-var Lt = "HMS-Store:";
+var _t = "HMS-Store:";
 var b = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -22279,23 +22293,23 @@ var b = class {
     if (!(this.level.valueOf() > e.valueOf()))
       switch (e) {
         case 0: {
-          console.log(Lt, ...t);
+          console.log(_t, ...t);
           break;
         }
         case 1: {
-          console.debug(Lt, ...t);
+          console.debug(_t, ...t);
           break;
         }
         case 2: {
-          console.info(Lt, ...t);
+          console.info(_t, ...t);
           break;
         }
         case 3: {
-          console.warn(Lt, ...t);
+          console.warn(_t, ...t);
           break;
         }
         case 6: {
-          console.error(Lt, ...t);
+          console.error(_t, ...t);
           break;
         }
         case 4: {
@@ -22316,133 +22330,133 @@ var b = class {
   }
 };
 b.level = 0;
-var zr = (a2, e) => e;
-var Dt = (a2, e) => e;
-var Pa = (a2, e) => e;
-var Jo = (a2, e) => e;
-var Qo = (a2, e) => e;
-var Y = createSelector([z, zr], (a2, e) => e ? a2[e] : null);
-var Yr = createSelector([O, Dt], (a2, e) => e ? a2[e] : null);
-var zo = createSelector([O, Dt], (a2, e) => {
+var Zr = (a2, e) => e;
+var Nt = (a2, e) => e;
+var Ra = (a2, e) => e;
+var Xo = (a2, e) => e;
+var Zo = (a2, e) => e;
+var z = createSelector([Q, Zr], (a2, e) => e ? a2[e] : null);
+var es = createSelector([N, Nt], (a2, e) => e ? a2[e] : null);
+var en = createSelector([N, Nt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var Yo = createSelector([O, Dt], (a2, e) => {
+var tn = createSelector([N, Nt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var Xo = createSelector([O, Dt], (a2, e) => {
+var rn = createSelector([N, Nt], (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 Zo = createSelector([O, Dt], (a2, e) => {
+var sn = createSelector([N, Nt], (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 en = createSelector([ha, Qo], (a2, e) => e ? a2[e] : null);
-var ee = H(Y);
-var cS = H(createSelector([qr, Jo], (a2, e) => {
+var an = createSelector([Ta, Zo], (a2, e) => e ? a2[e] : null);
+var Z = H(z);
+var pS = H(createSelector([Qr, Xo], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function dS(a2) {
+function hS(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var uS = H(createSelector(Y, (a2) => a2 == null ? void 0 : a2.name));
-var pS = H(createSelector(Y, (a2) => a2 == null ? void 0 : a2.type));
-var Ei = H(Yr);
-var ba = H(zo);
-var hS = H(Yo);
-var mS = H(Xo);
-var SS = H(Zo);
-var tn = H((a2, e) => {
-  let t = Y(a2, e);
+var SS = H(createSelector(z, (a2) => a2 == null ? void 0 : a2.name));
+var gS = H(createSelector(z, (a2) => a2 == null ? void 0 : a2.type));
+var Ai = H(es);
+var Ha = H(en);
+var TS = H(tn);
+var fS = H(rn);
+var vS = H(sn);
+var on = H((a2, e) => {
+  let t = z(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var rn = H((a2, e) => {
-  let t = Y(a2, e);
+var nn = H((a2, e) => {
+  let t = z(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var TS = H((a2, e) => {
-  let t = Y(a2, e);
+var yS = H((a2, e) => {
+  let t = z(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var Aa = (a2, e) => e ? a2.speakers[e] : null;
-var fS = H(createSelector(Aa, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var sn = (a2, e) => {
-  let t = rn(e)(a2);
-  return Aa(a2, t == null ? void 0 : t.id);
-};
-var vS = H(createSelector(sn, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var MS = H((a2, e) => {
+var Ca = (a2, e) => e ? a2.speakers[e] : null;
+var kS = H(createSelector(Ca, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var cn = (a2, e) => {
+  let t = nn(e)(a2);
+  return Ca(a2, t == null ? void 0 : t.id);
+};
+var ES = H(createSelector(cn, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var PS = H((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var yS = H((a2, e) => {
-  let t = Y(a2, e);
+var bS = H((a2, e) => {
+  let t = z(a2, e);
   if (t) {
-    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => ht(a2.tracks[r]));
+    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => gt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var kS = H(createSelector(O, Y, (a2, e) => {
+var AS = H(createSelector(N, z, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return St(r) && mt(r);
+    return ft(r) && Tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var ES = H(createSelector(O, Y, (a2, e) => {
+var IS = H(createSelector(N, z, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return St(r) && ht(r);
+    return ft(r) && gt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var PS = H(createSelector(O, Y, (a2, e) => {
+var RS = H(createSelector(N, z, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return oi(r) && ht(r);
+    return di(r) && gt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Ia = H(createSelector(O, Y, (a2, e) => Be(a2, e)));
-var Ra = (a2) => createSelector(Ia(a2), (e) => e.audio);
-var AS = H((a2, e) => {
-  let t = Y(a2, e);
-  return Je(a2, t == null ? void 0 : t.audioTrack);
+var La = H(createSelector(N, z, (a2, e) => Fe(a2, e)));
+var Da = (a2) => createSelector(La(a2), (e) => e.audio);
+var CS = H((a2, e) => {
+  let t = z(a2, e);
+  return ze(a2, t == null ? void 0 : t.audioTrack);
 });
-var IS = H((a2, e) => {
-  let t = Y(a2, e);
-  return Je(a2, t == null ? void 0 : t.videoTrack);
+var LS = H((a2, e) => {
+  let t = z(a2, e);
+  return ze(a2, t == null ? void 0 : t.videoTrack);
 });
-var Ha = H((a2, e) => {
+var wa = H((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var RS = H((a2, e) => {
-  let t = Y(a2, e);
-  return Ha(t == null ? void 0 : t.audioTrack)(a2);
+var DS = H((a2, e) => {
+  let t = z(a2, e);
+  return wa(t == null ? void 0 : t.audioTrack)(a2);
 });
-var HS = H((a2, e) => {
-  let t = Ra(e)(a2);
-  return Ha(t == null ? void 0 : t.id)(a2);
+var wS = H((a2, e) => {
+  let t = Da(e)(a2);
+  return wa(t == null ? void 0 : t.id)(a2);
 });
-var Ca = H((a2, e) => {
-  let t = Yr(a2, e);
+var _a7 = H((a2, e) => {
+  let t = es(a2, e);
   if (t) {
     if (t.type !== "audio") {
       b.w("Please pass audio track here");
@@ -22451,16 +22465,16 @@ var Ca = H((a2, e) => {
     return t.volume;
   }
 });
-var CS = H((a2, e) => {
-  let t = Y(a2, e);
-  return Ca(t == null ? void 0 : t.audioTrack)(a2);
+var _S = H((a2, e) => {
+  let t = z(a2, e);
+  return _a7(t == null ? void 0 : t.audioTrack)(a2);
 });
-var LS = H((a2, e) => {
-  let t = Ra(e)(a2);
-  return Ca(t == null ? void 0 : t.id)(a2);
+var NS = H((a2, e) => {
+  let t = Da(e)(a2);
+  return _a7(t == null ? void 0 : t.id)(a2);
 });
-var DS = H((a2, e) => {
-  let t = Yr(a2, e);
+var OS = H((a2, e) => {
+  let t = es(a2, e);
   if (t) {
     if (t.type !== "video") {
       b.w("Please pass video track here");
@@ -22469,53 +22483,53 @@ var DS = H((a2, e) => {
     return t.layer;
   }
 });
-var La = createSelector([Ct, Pe, zr], (a2, e, t) => {
+var Na = createSelector([wt, Ae, Zr], (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 Da = createSelector([Ct, Pa], (a2, e) => {
+var Oa = createSelector([wt, Ra], (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 an = createSelector(Ct, (a2) => a2.filter((e) => {
+var dn = createSelector(wt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var on = createSelector([Da, Pa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var nn = createSelector([La, zr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var wS = createSelector(an, (a2) => a2.filter((e) => !e.read).length);
-var _S = H(La);
-var NS = H(Da);
-var OS = H(on);
-var xS = H(nn);
-var wa = H(en);
-var QS = createSelector([z, O], (a2, e) => Object.values(a2).map((i) => {
+var ln = createSelector([Oa, Ra], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var un = createSelector([Na, Zr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var xS = createSelector(dn, (a2) => a2.filter((e) => !e.read).length);
+var US = H(Na);
+var BS = H(Oa);
+var VS = H(ln);
+var FS = H(un);
+var xa = H(an);
+var ZS = createSelector([Q, 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 cn = (a2) => a2.roleChangeRequests[0] || null;
-var zS = createSelector([cn, z, Me], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var YS = createSelector([ot], (a2) => gt(a2));
-var XS = createSelector([ua], (a2) => gt(a2));
-var ln = createSelector([Z, O], (a2, e) => {
+var pn = (a2) => a2.roleChangeRequests[0] || null;
+var eg = createSelector([pn, Q, ke], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var tg = createSelector([ct], (a2) => vt(a2));
+var ig = createSelector([Sa], (a2) => vt(a2));
+var mn = createSelector([X, N], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var un = createSelector([ce, O], (a2, e) => {
+var Sn = createSelector([de, N], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var mn = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_FETCHED", n[n.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n[n.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n[n.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n[n.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n[n.COMPLETED = 6] = "COMPLETED", n))(mn || {});
-var is = class {
+var fn = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_FETCHED", n[n.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n[n.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n[n.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n[n.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n[n.COMPLETED = 6] = "COMPLETED", n))(fn || {});
+var as = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
-    this.failedEvents = new Se("client-events");
+    this.failedEvents = new Te("client-events");
     this.isConnected = true;
     this.env = null;
     this.websocketURL = "";
@@ -22531,7 +22545,7 @@ var is = 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" ? ea : ta;
     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);
@@ -22557,8 +22571,8 @@ var is = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Ae = new is();
-var Gt = class {
+var Re = new as();
+var Kt = class {
   static handleError(e) {
     if (e.status === 404)
       throw S.APIErrors.EndpointUnreachable("FEEDBACK", e.statusText);
@@ -22584,67 +22598,67 @@ var Gt = class {
     });
   }
 };
-Gt.TAG = "[FeedbackService]";
-var rs = ((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))(rs || {});
-var Q = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(Q || {});
-var or = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(or || {});
-var ut = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(ut || {});
-var _n = (a2) => a2.localPeer.id;
-var Nn = (a2) => a2.localPeer.audioTrack;
-var On = (a2) => a2.localPeer.videoTrack;
-var xn = (a2, e) => e;
-var io = (a2, e) => e;
-var Un = (a2) => a2.remoteTrackStats;
-var ro = (a2) => a2.peerStats;
-var ns = (a2) => a2.localTrackStats;
-var Re = createSelector([ro, _n], (a2, e) => a2[e]);
-var Bn = createSelector(Re, (a2) => {
+Kt.TAG = "[FeedbackService]";
+var os = ((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))(os || {});
+var J = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(J || {});
+var dr = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(dr || {});
+var ht = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(ht || {});
+var Un = (a2) => a2.localPeer.id;
+var Bn = (a2) => a2.localPeer.audioTrack;
+var Vn = (a2) => a2.localPeer.videoTrack;
+var Fn = (a2, e) => e;
+var oo = (a2, e) => e;
+var Gn = (a2) => a2.remoteTrackStats;
+var no = (a2) => a2.peerStats;
+var ls = (a2) => a2.localTrackStats;
+var Ce = createSelector([no, Un], (a2, e) => a2[e]);
+var Wn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var Vn = createSelector(Re, (a2) => {
+var $n = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var Fn = createSelector(Re, (a2) => {
+var Kn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var Gn = createSelector(Re, (a2) => {
+var qn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var Wn = createSelector(Re, (a2) => {
+var jn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var $n = createSelector(Re, (a2) => {
+var Jn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var Kn = createSelector(Re, (a2) => {
+var Qn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var qn = createSelector(Re, (a2) => {
+var zn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var jn = createSelector([ro, xn], (a2, e) => e ? a2[e] : void 0);
-var Jn = createSelector([Un, io], (a2, e) => e ? a2[e] : void 0);
-var cs = createSelector([ns, io], (a2, e) => e ? a2[e] : void 0);
-var Qn = H(jn);
-var zn = H(Jn);
-var Yn = createSelector([ns, Nn], (a2, e) => {
+var Yn = createSelector([no, Fn], (a2, e) => e ? a2[e] : void 0);
+var Xn = createSelector([Gn, oo], (a2, e) => e ? a2[e] : void 0);
+var us = createSelector([ls, oo], (a2, e) => e ? a2[e] : void 0);
+var Zn = H(Yn);
+var ec = H(Xn);
+var tc = createSelector([ls, Bn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Xn = H(createSelector(cs, (a2) => a2 == null ? void 0 : a2[0]));
-var Zn = createSelector([ns, On], (a2, e) => {
+var ic = H(createSelector(us, (a2) => a2 == null ? void 0 : a2[0]));
+var rc = createSelector([ls, Vn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var ec = H(createSelector(cs, (a2) => a2));
+var sc = H(createSelector(us, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -22680,7 +22694,7 @@ var getRecordingText = ({
   return title.join(delimiter);
 };
 var LiveStatus = () => {
-  var _a7;
+  var _a8;
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
   const hlsState = useHMSStore29(selectHLSState4);
   const isMobile = useMedia12(config.media.md);
@@ -22689,8 +22703,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());
       }
@@ -22724,7 +22738,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 = () => {
@@ -22763,7 +22777,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore29(selectRecordingState2);
-  if (recording.hls && recording.hls.state === _s.PAUSED) {
+  if (recording.hls && recording.hls.state === Us.PAUSED) {
     return /* @__PURE__ */ React64.createElement(
       Tooltip,
       {
@@ -22882,8 +22896,8 @@ var ChangeNameContent = ({
   useEffect23(() => {
     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]);
@@ -23052,7 +23066,7 @@ init_define_process_env();
 import { useEffect as useEffect24, useState as useState30 } from "react";
 import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
 var useUnreadPollQuizPresent = () => {
-  const localPeerID = useHMSStore32(Pe);
+  const localPeerID = useHMSStore32(Ae);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState30(false);
   useEffect24(() => {
@@ -23888,9 +23902,9 @@ var VBToggle = () => {
   const hmsActions = useHMSActions29();
   const { toggleVideo } = useAVToggle3();
   useEffect25(() => {
-    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]);
@@ -24029,8 +24043,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;
@@ -24095,8 +24109,8 @@ import React80 from "react";
 import { selectLocalPeerID as selectLocalPeerID7, selectPermissions as selectPermissions10, useHMSActions as useHMSActions30, 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(selectLocalPeerID7);
   const actions = useHMSActions30();
   if (peerId === localPeerId || !canRemoveOthers) {
@@ -24207,11 +24221,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;
@@ -24277,7 +24291,7 @@ init_define_process_env();
 import { match as match8, P as P5 } from "ts-pattern";
 import { selectPermissions as selectPermissions12, useHMSActions as useHMSActions32, useHMSStore as useHMSStore40 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
-  var _a7;
+  var _a8;
   const hmsActions = useHMSActions32();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -24287,7 +24301,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(
       {
@@ -24326,8 +24340,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 }) => {
@@ -24472,7 +24486,7 @@ init_define_process_env();
 import { useState as useState35 } from "react";
 import { selectPeerMetadata as selectPeerMetadata3, selectPermissions as selectPermissions13, useHMSActions as useHMSActions33, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
 var usePeerOnStageActions = ({ peerId, role }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const hmsActions = useHMSActions33();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -24483,7 +24497,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);
@@ -24714,9 +24728,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 || {};
@@ -24771,7 +24785,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,
@@ -24781,7 +24795,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(
@@ -24934,9 +24948,9 @@ var Footer2 = ({
   screenType,
   elements
 }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const isMobile = useMedia16(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);
@@ -25057,12 +25071,12 @@ init_define_process_env();
 import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as useEffect44, useMemo as useMemo15, useState as useState58 } from "react";
 import { useMeasure as useMeasure4, useMedia as useMedia28 } from "react-use";
 import {
-  HMSRoomState as HMSRoomState6,
+  HMSRoomState as HMSRoomState7,
   selectAppData as selectAppData9,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled7,
   selectIsVBEnabled as selectIsVBEnabled2,
   selectLocalPeer as selectLocalPeer9,
-  selectRoomState as selectRoomState6,
+  selectRoomState as selectRoomState7,
   selectVideoTrackByID as selectVideoTrackByID5,
   useAVToggle as useAVToggle4,
   useAwayNotifications as useAwayNotifications2,
@@ -25327,11 +25341,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, _c, _d;
-        return (((_b7 = (_a8 = b2 == null ? void 0 : b2.createdAt) == null ? void 0 : _a8.getTime) == null ? void 0 : _b7.call(_a8)) || 0) - (((_d = (_c = a2 == null ? void 0 : a2.createdAt) == null ? void 0 : _c.getTime) == null ? void 0 : _d.call(_c)) || 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, _c, _d;
+        return (((_b7 = (_a9 = b2 == null ? void 0 : b2.createdAt) == null ? void 0 : _a9.getTime) == null ? void 0 : _b7.call(_a9)) || 0) - (((_d = (_c = a2 == null ? void 0 : a2.createdAt) == null ? void 0 : _c.getTime) == null ? void 0 : _d.call(_c)) || 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]
   );
@@ -25520,13 +25534,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",
@@ -25671,7 +25685,7 @@ var QuestionForm = ({
   removeQuestion,
   isQuiz
 }) => {
-  var _a7;
+  var _a8;
   const ref = useRef21(null);
   const selectionBg = useDropdownSelection();
   const [openDelete, setOpenDelete] = useState40(false);
@@ -25743,7 +25757,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,
       {
@@ -25885,11 +25899,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);
     }
@@ -25898,7 +25912,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
@@ -25909,14 +25923,14 @@ var getEditableFormat = (questions) => {
   return editableQuestions;
 };
 function CreateQuestions() {
-  var _a7, _b7, _c, _d;
+  var _a8, _b7, _c, _d;
   const actions = useHMSActions36();
   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(this, null, function* () {
@@ -26116,13 +26130,13 @@ var useQuizSummary = (quizID) => {
   const [calculations, setCalculations] = useState42({ maxPossibleScore: 0, totalResponses: 0 });
   useEffect31(() => {
     const fetchLeaderboardData = () => __async(void 0, 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, 50);
-        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);
@@ -26148,8 +26162,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 ? [
     {
@@ -26181,7 +26195,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);
@@ -26189,7 +26203,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,
     {
@@ -26273,7 +26287,14 @@ import React106 from "react";
 init_define_process_env();
 import React105, { useCallback as useCallback27, useEffect as useEffect32, useMemo as useMemo12, useRef as useRef22, useState as useState44 } from "react";
 import { match as match9 } from "ts-pattern";
-import { selectLocalPeer as selectLocalPeer3, selectLocalPeerRoleName as selectLocalPeerRoleName3, useHMSActions as useHMSActions38, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
+import {
+  HMSRoomState as HMSRoomState5,
+  selectLocalPeer as selectLocalPeer3,
+  selectLocalPeerRoleName as selectLocalPeerRoleName3,
+  selectRoomState as selectRoomState5,
+  useHMSActions as useHMSActions38,
+  useHMSStore as useHMSStore53
+} from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon4, CrossCircleIcon as CrossCircleIcon2 } from "@100mslive/react-icons";
 var QuestionCard2 = ({
   pollID,
@@ -26293,6 +26314,7 @@ var QuestionCard2 = ({
 }) => {
   const actions = useHMSActions38();
   const localPeer = useHMSStore53(selectLocalPeer3);
+  const roomState = useHMSStore53(selectRoomState5);
   const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
   const localPeerRoleName = useHMSStore53(selectLocalPeerRoleName3);
   const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
@@ -26433,11 +26455,20 @@ var QuestionCard2 = ({
         }
       ) : null
     ),
-    isLive && /* @__PURE__ */ React105.createElement(QuestionActions, { isValidVote, onVote: handleVote, response: localPeerChoice, isQuiz })
+    isLive && /* @__PURE__ */ React105.createElement(
+      QuestionActions,
+      {
+        disableVote: roomState !== HMSRoomState5.Connected,
+        isValidVote,
+        onVote: handleVote,
+        response: localPeerChoice,
+        isQuiz
+      }
+    )
   );
 };
-var QuestionActions = ({ isValidVote, response, isQuiz, onVote }) => {
-  return /* @__PURE__ */ React105.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } }, response ? /* @__PURE__ */ React105.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_medium" } }, response.skipped ? "Skipped" : null, isQuiz && !response.skipped ? "Answered" : null, !isQuiz && !response.skipped ? "Voted" : null) : /* @__PURE__ */ React105.createElement(Button, { css: { p: "$xs $10", fontWeight: "$semiBold" }, disabled: !isValidVote, onClick: onVote }, isQuiz ? "Answer" : "Vote"));
+var QuestionActions = ({ isValidVote, response, isQuiz, onVote, disableVote }) => {
+  return /* @__PURE__ */ React105.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } }, response ? /* @__PURE__ */ React105.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_medium" } }, response.skipped ? "Skipped" : null, isQuiz && !response.skipped ? "Answered" : null, !isQuiz && !response.skipped ? "Voted" : null) : /* @__PURE__ */ React105.createElement(Button, { css: { p: "$xs $10", fontWeight: "$semiBold" }, disabled: !isValidVote || disableVote, onClick: onVote }, isQuiz ? "Answer" : "Vote"));
 };
 
 // src/Prebuilt/components/Polls/Voting/StandardVoting.tsx
@@ -26446,14 +26477,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,
       {
@@ -26466,7 +26497,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,
@@ -26485,9 +26516,9 @@ var TimedView = ({
   localPeerResponses,
   updateSavedResponses
 }) => {
-  var _a7, _b7, _c;
+  var _a8, _b7, _c;
   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;
   useEffect33(() => {
     setCurrentIndex(getIndexToShow(localPeerResponses));
@@ -26496,7 +26527,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,
       {
@@ -26509,7 +26540,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,
@@ -26553,9 +26584,9 @@ var Voting = ({ id, toggleVoting }) => {
       localPeerResponses == null ? void 0 : localPeerResponses.forEach((response) => {
         if (response) {
           setSavedResponses((prev) => {
-            var _a7, _b7, _c;
+            var _a8, _b7, _c;
             const prevCopy = __spreadValues({}, prev);
-            prevCopy[(_a7 = response[0]) == null ? void 0 : _a7.questionIndex] = { option: (_b7 = response[0]) == null ? void 0 : _b7.option, options: (_c = response[0]) == null ? void 0 : _c.options };
+            prevCopy[(_a8 = response[0]) == null ? void 0 : _a8.questionIndex] = { option: (_b7 = response[0]) == null ? void 0 : _b7.option, options: (_c = response[0]) == null ? void 0 : _c.options };
             return prevCopy;
           });
         }
@@ -26670,9 +26701,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);
   useEffect35(() => {
     if (hideImage) {
@@ -26796,8 +26827,8 @@ var SelectorItem = ({
   icon = void 0
 }) => {
   const isMobile = useMedia17(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(
@@ -26924,11 +26955,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,
@@ -26944,11 +26975,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 = useMedia18(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);
@@ -27088,8 +27119,8 @@ var useEmojiPickerStyles = (showing) => {
   useEffect37(() => {
     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 {
@@ -27159,13 +27190,13 @@ function EmojiPicker({ onSelect }) {
   )));
 }
 var ChatFooter = ({ onSend, children }) => {
-  var _a7, _b7, _c, _d, _e;
+  var _a8, _b7, _c, _d, _e;
   const hmsActions = useHMSActions41();
   const inputRef = useRef25(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia19(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 = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
@@ -27178,11 +27209,11 @@ var ChatFooter = ({ onSend, children }) => {
   const [messageLengthExceeded, setMessageLengthExceeded] = useState51(false);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect38(() => {
-    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();
       }
     }
@@ -27201,8 +27232,8 @@ var ChatFooter = ({ onSend, children }) => {
     }
   }, []);
   const sendMessage = useCallback29(() => __async(void 0, 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;
     }
@@ -27371,10 +27402,10 @@ init_define_process_env();
 import React117, { useCallback as useCallback30 } from "react";
 import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore7, useHMSActions as useHMSActions42, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const hmsActions = useHMSActions42();
   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(
@@ -27483,13 +27514,13 @@ var StickIndicator = ({ total, index }) => {
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = () => {
-  var _a7, _b7, _c, _d;
+  var _a8, _b7, _c, _d;
   const pinnedMessages = useHMSStore60(selectSessionStore8("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState52(0);
   const { removePinnedMessage } = usePinnedMessages();
   const isMobile = useMedia20(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;
@@ -27598,12 +27629,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 = useHMSActions43();
   const vanillaStore = useHMSVanillaStore11();
-  const { enabled: isChatEnabled = true } = useHMSStore61(dS("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore61(hS("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia21(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -27611,13 +27642,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);
       }
@@ -27635,7 +27666,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,
@@ -27693,7 +27724,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore61(Lm);
+  const unreadCount = useHMSStore61(Nm);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -27784,8 +27815,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();
@@ -27824,11 +27855,11 @@ import React123 from "react";
 import { selectLocalPeer as selectLocalPeer7, selectSessionStore as selectSessionStore9, useHMSActions as useHMSActions44, 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 = useHMSActions44();
   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) {
@@ -27891,7 +27922,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();
@@ -27899,7 +27930,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;
@@ -28225,11 +28256,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 = useHMSActions45();
   const bg2 = 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);
@@ -28426,7 +28457,7 @@ var TileMenu = ({
   canMinimise,
   enableSpotlightingPeer = true
 }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = useState55(false);
   const { theme: theme2 } = useTheme();
   const localPeerID = useHMSStore67(selectLocalPeerID10);
@@ -28434,7 +28465,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));
@@ -28615,12 +28646,12 @@ import React131, { useEffect as useEffect42, useRef as useRef27, useState as use
 import { useMedia as useMedia25 } from "react-use";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes5 } from "@100mslive/hms-virtual-background/hmsvbplugin";
 import {
-  HMSRoomState as HMSRoomState5,
+  HMSRoomState as HMSRoomState6,
   selectIsLargeRoom as selectIsLargeRoom3,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled6,
   selectIsLocalVideoPluginPresent,
   selectLocalPeer as selectLocalPeer8,
-  selectRoomState as selectRoomState5,
+  selectRoomState as selectRoomState6,
   selectVideoTrackByID as selectVideoTrackByID4,
   useHMSActions as useHMSActions46,
   useHMSStore as useHMSStore69
@@ -28702,29 +28733,29 @@ 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 = useHMSActions46();
   const localPeer = useHMSStore69(selectLocalPeer8);
-  const role = useHMSStore69(ot);
+  const role = useHMSStore69(ct);
   const isVideoOn = useHMSStore69(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
   const track = useHMSStore69(trackSelector);
   const [blurAmount, setBlurAmount] = useState57(VBHandler.getBlurAmount() || 0.5);
-  const roomState = useHMSStore69(selectRoomState5);
+  const roomState = useHMSStore69(selectRoomState6);
   const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
   const isEffectsSupported = VBHandler.isEffectsSupported();
-  const isEffectsEnabled = useHMSStore69($m);
-  const effectsKey = useHMSStore69(qm);
+  const isEffectsEnabled = useHMSStore69(Jm);
+  const effectsKey = useHMSStore69(zm);
   const isMobile = useMedia25(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
-  const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
-  const background = useHMSStore69(cS(APP_DATA.background));
+  const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
+  const background = useHMSStore69(pS(APP_DATA.background));
   const mediaList = backgroundMedia.map((media) => media.url || "");
   const pluginLoadingRef = useRef27(false);
   const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
-  const inPreview = roomState === HMSRoomState5.Preview;
+  const inPreview = roomState === HMSRoomState6.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
   useEffect42(() => {
     const addHMSVBPlugin = () => __async(void 0, null, function* () {
@@ -28844,8 +28875,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
             icon: /* @__PURE__ */ React131.createElement(BlurPersonHighIcon, { style: iconDims }),
             value: HMSVirtualBackgroundTypes5.BLUR,
             onClick: () => __async(void 0, 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
@@ -28876,8 +28907,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
           mediaURL,
           value: mediaURL,
           onClick: () => __async(void 0, 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();
@@ -28991,11 +29022,11 @@ var SidePane = ({
   tileProps,
   hideControls = false
 }) => {
-  var _a7, _b7, _c, _d, _e, _f, _g;
+  var _a8, _b7, _c, _d, _e, _f, _g;
   const isMobile = useMedia26(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);
@@ -29128,14 +29159,14 @@ var PreviewForm = ({
   cannotPublishVideo = false,
   cannotPublishAudio = false
 }) => {
-  var _a7, _b7, _c;
+  var _a8, _b7, _c;
   const formSubmit = (e) => {
     e.preventDefault();
   };
   const isMobile = useMedia27(config.media.md);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming10();
   const layout = useRoomLayout();
-  const { join_form: joinForm = {} } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
+  const { join_form: joinForm = {} } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.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,
@@ -29237,7 +29268,7 @@ var PreviewJoin = ({
     asRole
   });
   const { requestPermission } = useAwayNotifications2();
-  const roomState = useHMSStore71(selectRoomState6);
+  const roomState = useHMSStore71(selectRoomState7);
   const savePreferenceAndJoin = useCallback33(() => {
     setPreviewPreference({
       name
@@ -29261,7 +29292,7 @@ var PreviewJoin = ({
       setName(initialName);
     }
   }, [initialName]);
-  return roomState === HMSRoomState6.Preview ? /* @__PURE__ */ React136.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ React136.createElement(Container4, { css: { h: "100%", pt: "$6", "@md": { justifyContent: "space-between", pt: "$10" } } }, toggleVideo ? null : /* @__PURE__ */ React136.createElement(Box, null), /* @__PURE__ */ React136.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "600px", gap: "$8" } }, /* @__PURE__ */ React136.createElement(Logo, null), /* @__PURE__ */ React136.createElement(Text, { variant: "h4", css: { wordBreak: "break-word", textAlign: "center" } }, previewHeader.title), /* @__PURE__ */ React136.createElement(
+  return roomState === HMSRoomState7.Preview ? /* @__PURE__ */ React136.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ React136.createElement(Container4, { css: { h: "100%", pt: "$6", "@md": { justifyContent: "space-between", pt: "$10" } } }, toggleVideo ? null : /* @__PURE__ */ React136.createElement(Box, null), /* @__PURE__ */ React136.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "600px", gap: "$8" } }, /* @__PURE__ */ React136.createElement(Logo, null), /* @__PURE__ */ React136.createElement(Text, { variant: "h4", css: { wordBreak: "break-word", textAlign: "center" } }, previewHeader.title), /* @__PURE__ */ React136.createElement(
     Text,
     {
       css: { c: "$on_surface_medium", textAlign: "center", maxWidth: "100%", wordWrap: "break-word" },
@@ -29441,10 +29472,10 @@ var RoleChangeRequestModal = () => {
     {
       title: "You're invited to join the stage",
       onOpenChange: (value) => __async(void 0, 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();
         }
@@ -29738,11 +29769,11 @@ var Grid = React143.forwardRef(
         }
       },
       tiles == null ? void 0 : tiles.map((tile) => {
-        var _a7, _b7, _c, _d;
+        var _a8, _b7, _c, _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: (_c = tile.peer) == null ? void 0 : _c.id,
@@ -29863,7 +29894,7 @@ var useTileLayout = ({
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
-  var _a7;
+  var _a8;
   const isMobile = useMedia32(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -29877,7 +29908,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;
   useEffect49(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -29967,11 +29998,11 @@ var SecondarySection = ({
       })
     },
     tiles.map((tile) => {
-      var _a7, _b7, _c, _d;
+      var _a8, _b7, _c, _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: (_c = tile.peer) == null ? void 0 : _c.id,
           trackId: (_d = tile.track) == null ? void 0 : _d.id,
           rootCSS: __spreadProps(__spreadValues({
@@ -29996,14 +30027,14 @@ var ProminenceLayout = {
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const isMobile = useMedia33(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) => {
@@ -30026,8 +30057,8 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   });
   const pageSize = ((_b7 = pagesWithTiles[0]) == null ? void 0 : _b7.length) || 0;
   useEffect50(() => {
-    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]);
@@ -30101,7 +30132,7 @@ function RoleProminence({
   onPageSize,
   edgeToEdge
 }) {
-  var _a7;
+  var _a8;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
   const localPeer = useHMSStore75(selectLocalPeer11);
   const isMobile = useMedia34(config.media.md);
@@ -30116,7 +30147,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;
   useEffect51(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -30399,7 +30430,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);
@@ -30435,7 +30466,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,
@@ -30546,10 +30577,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;
     };
@@ -30569,8 +30600,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)) {
@@ -30822,7 +30853,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, _c;
+  var _a8, _b7, _c;
   return /* @__PURE__ */ React155.createElement(
     Flex,
     {
@@ -30848,7 +30879,7 @@ function HlsStatsOverlay({ hlsStatsState, onClose }) {
       },
       "Stream url"
     ))),
-    /* @__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" }, (_c = hlsStatsState == null ? void 0 : hlsStatsState.bufferedDuration) == null ? void 0 : _c.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`),
@@ -30926,8 +30957,8 @@ var RightControls = styled(Flex, {
 // src/Prebuilt/components/HMSVideo/HMSVideo.jsx
 init_define_process_env();
 import React156, { forwardRef, useEffect as useEffect56, 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");
   useEffect56(() => {
     const updatingVideoWidth = () => {
@@ -31222,7 +31253,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;
     }
@@ -31230,7 +31261,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);
@@ -31256,13 +31287,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();
@@ -31360,9 +31391,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,
@@ -31813,7 +31844,7 @@ var ToggleChat = ({ isFullScreen = false }) => {
   return null;
 };
 var HLSView = () => {
-  var _a7, _b7, _c, _d, _e, _f, _g;
+  var _a8, _b7, _c, _d, _e, _f, _g;
   const videoRef = useRef31(null);
   const hlsViewRef = useRef31();
   const { elements } = useRoomLayoutConferencingScreen();
@@ -31824,7 +31855,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);
@@ -31893,9 +31924,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);
       }
     },
@@ -31911,9 +31942,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);
@@ -31958,7 +31989,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 = {
@@ -32059,7 +32090,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(() => {
@@ -32075,14 +32106,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;
@@ -32107,8 +32138,8 @@ var HLSView = () => {
     [hlsState == null ? void 0 : hlsState.variants, hoverControlsVisible, isLandscape, isMobile, onSeekTo]
   );
   const onClickHandler = useCallback37(() => __async(void 0, 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(void 0, 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(void 0, null, function* () {
       if (isPaused) {
         yield hlsPlayer == null ? void 0 : hlsPlayer.play();
       } else {
@@ -32205,8 +32236,8 @@ var HLSView = () => {
           outline: "none"
         },
         onKeyDown: (event) => __async(void 0, 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);
           }
         }),
@@ -32478,7 +32509,7 @@ var SimpleQueue = class {
     this.storage = [];
   }
   enqueue(data3) {
-    var _a7;
+    var _a8;
     if (!data3.transcript.trim()) {
       return;
     }
@@ -32490,7 +32521,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;
@@ -32624,11 +32655,11 @@ var CaptionsViewer = ({
   defaultPosition,
   setDefaultPosition
 }) => {
-  var _a7;
+  var _a8;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const isMobile = useMedia42(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();
@@ -32636,11 +32667,11 @@ var CaptionsViewer = ({
   const nodeRef = useRef32(null);
   useEffect61(() => {
     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);
@@ -32719,7 +32750,7 @@ var VideoStreamingSection = ({
   elements,
   hideControls = false
 }) => {
-  var _a7;
+  var _a8;
   const localPeerRoleName = useHMSStore84(selectLocalPeerRoleName6);
   const isConnected = useHMSStore84(selectIsConnectedToRoom9);
   const isSharingScreen = useHMSStore84(selectIsLocalScreenShared2);
@@ -32797,8 +32828,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(
@@ -32817,7 +32848,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
         }
       )
@@ -32832,7 +32863,7 @@ init_define_process_env();
 init_define_process_env();
 import React175 from "react";
 import { useMedia as useMedia45 } from "react-use";
-import { HMSRoomState as HMSRoomState7, selectRoomState as selectRoomState7, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
@@ -33026,9 +33057,9 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React174.createElement(Re
 
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
-  const roomState = useHMSStore86(selectRoomState7);
+  const roomState = useHMSStore86(selectRoomState8);
   const isMobile = useMedia45(config.media.md);
-  if (roomState !== HMSRoomState7.Connected) {
+  if (roomState !== HMSRoomState8.Connected) {
     return /* @__PURE__ */ React175.createElement(React175.Fragment, null);
   }
   return /* @__PURE__ */ React175.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ React175.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ React175.createElement(Logo, null), /* @__PURE__ */ React175.createElement(RoomDetailsHeader, null), /* @__PURE__ */ React175.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ React175.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React175.createElement(LiveStatus, null), /* @__PURE__ */ React175.createElement(RecordingStatus, null), /* @__PURE__ */ React175.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ React175.createElement(
@@ -33068,11 +33099,11 @@ var PreviousRoleInMetadata = () => {
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 var ConferenceScreen = () => {
-  var _a7, _b7, _c, _d, _e, _f;
+  var _a8, _b7, _c, _d, _e, _f;
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-  const roomState = useHMSStore87(selectRoomState8);
+  const roomState = useHMSStore87(selectRoomState9);
   const isConnectedToRoom = useHMSStore87(selectIsConnectedToRoom10);
   const hmsActions = useHMSActions52();
   const authTokenInAppData = useAuthToken();
@@ -33080,13 +33111,13 @@ 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();
   const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
   useEffect65(() => {
-    if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== HMSRoomState8.Connecting && !autoRoomJoined.current) {
+    if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== HMSRoomState9.Connecting && !autoRoomJoined.current) {
       hmsActions.join({
         userName: userName || uuid3(),
         authToken: authTokenInAppData,
@@ -33116,8 +33147,8 @@ var ConferenceScreen = () => {
       PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
     };
   }, [onJoinFunc]);
-  if (!isConnectedToRoom && ![HMSRoomState8.Reconnecting, HMSRoomState8.Disconnected].includes(roomState)) {
-    return /* @__PURE__ */ React176.createElement(FullPageProgress_default, { text: roomState === HMSRoomState8.Connecting ? "Joining..." : "" });
+  if (!isConnectedToRoom && ![HMSRoomState9.Reconnecting, HMSRoomState9.Disconnected].includes(roomState)) {
+    return /* @__PURE__ */ React176.createElement(FullPageProgress_default, { text: roomState === HMSRoomState9.Connecting ? "Joining..." : "" });
   }
   return /* @__PURE__ */ React176.createElement(React176.Fragment, null, isHLSStarted ? /* @__PURE__ */ React176.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ React176.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ React176.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ React176.createElement(
     Box,
@@ -33336,8 +33367,8 @@ var Init = () => {
   }, [toggleTheme]);
   useEffect67(() => {
     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();
@@ -33532,8 +33563,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(
         {
@@ -33998,12 +34029,12 @@ var MwebLandscapePrompt = () => {
   const isLandscape = useMedia49(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect69(() => {
-    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;
     }
@@ -34043,7 +34074,7 @@ init_define_process_env();
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
 import React195, { useCallback as useCallback39 } from "react";
-import { HMSRoomState as HMSRoomState10, selectRoomState as selectRoomState10, useCustomEvent as useCustomEvent4, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState11, selectRoomState as selectRoomState11, useCustomEvent as useCustomEvent4, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
 init_define_process_env();
@@ -34087,8 +34118,8 @@ var ChatNotifications = () => {
   const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
   const localPeerId = useHMSStore89(selectLocalPeerID14);
   useEffect70(() => {
-    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;
@@ -34233,12 +34264,12 @@ import { useEffect as useEffect74 } from "react";
 import { useDebounce as useDebounce2 } from "react-use";
 import {
   HMSNotificationTypes as HMSNotificationTypes6,
-  HMSRoomState as HMSRoomState9,
+  HMSRoomState as HMSRoomState10,
   selectHandRaisedPeers as selectHandRaisedPeers2,
   selectHasPeerHandRaised as selectHasPeerHandRaised4,
   selectIsLocalScreenShared as selectIsLocalScreenShared3,
   selectPeerByID as selectPeerByID6,
-  selectRoomState as selectRoomState9,
+  selectRoomState as selectRoomState10,
   useAwayNotifications as useAwayNotifications4,
   useHMSNotifications as useHMSNotifications6,
   useHMSStore as useHMSStore91,
@@ -34269,7 +34300,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, _c;
+  var _a8, _b7, _c;
   const hmsActions = useHMSActions55();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
@@ -34280,7 +34311,7 @@ var HandRaiseAction = React188.forwardRef(({ id = "", isSingleHandRaise = true }
     on_stage_role,
     off_stage_roles = [],
     skip_preview_for_role_change = false
-  } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
+  } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
   const onClickHandler = useCallback38(() => __async(void 0, null, function* () {
     if (isSingleHandRaise) {
       hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
@@ -34307,9 +34338,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)
       };
     },
@@ -34322,9 +34353,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)
       };
     },
@@ -34337,41 +34368,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 })
       };
@@ -34379,9 +34410,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)
       };
@@ -34480,27 +34511,27 @@ 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(selectRoomState9);
+  const roomState = useHMSStore91(selectRoomState10);
   const vanillaStore = useHMSVanillaStore17();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
   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;
   useEffect74(() => {
-    var _a8;
+    var _a9;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
-    if (roomState !== HMSRoomState9.Connected || notification.data.isLocal || !isSubscribing) {
+    if (roomState !== HMSRoomState10.Connected || notification.data.isLocal || !isSubscribing) {
       return;
     }
     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);
     }
@@ -34510,7 +34541,7 @@ var HandRaisedNotifications = () => {
       if (!(notification == null ? void 0 : notification.data)) {
         return;
       }
-      if (roomState !== HMSRoomState9.Connected || notification.data.isLocal || !isSubscribing) {
+      if (roomState !== HMSRoomState10.Connected || notification.data.isLocal || !isSubscribing) {
         return;
       }
       const hasPeerHandRaised = vanillaStore.getState(selectHasPeerHandRaised4(notification.data.id));
@@ -34563,15 +34594,15 @@ init_define_process_env();
 import { useEffect as useEffect76 } from "react";
 import { useAwayNotifications as useAwayNotifications5, useHMSNotifications as useHMSNotifications8, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
 var MessageNotifications = () => {
-  var _a7, _b7;
-  const notification = useHMSNotifications8(Mr.NEW_MESSAGE);
-  const amIScreenSharing = useHMSStore92(Jr);
-  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
+  var _a8, _b7;
+  const notification = useHMSNotifications8(Er.NEW_MESSAGE);
+  const amIScreenSharing = useHMSStore92(Yr);
+  const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
   const { showNotification } = useAwayNotifications5();
   useEffect76(() => {
-    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
@@ -34770,7 +34801,7 @@ var ReconnectNotifications = () => {
   const notification = useHMSNotifications12(notificationTypes3);
   const prevErrorCode = useRef34(0);
   useEffect80(() => {
-    var _a7, _b7;
+    var _a8, _b7;
     if (!notification) {
       return;
     }
@@ -34780,7 +34811,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)
@@ -34798,11 +34829,11 @@ var RoleChangeNotification = () => {
   const notification = useHMSNotifications13(HMSNotificationTypes12.ROLE_UPDATED);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   useEffect81(() => {
-    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}`
       });
@@ -34881,7 +34912,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:
@@ -34892,7 +34923,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
@@ -35012,7 +35043,7 @@ var TranscriptionNotifications = () => {
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 function Notifications() {
-  const roomState = useHMSStore94(selectRoomState10);
+  const roomState = useHMSStore94(selectRoomState11);
   const isNotificationDisabled = useIsNotificationDisabled();
   const handleRoleChangeDenied = useCallback39((request) => {
     ToastManager.addToast({
@@ -35024,7 +35055,7 @@ function Notifications() {
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ React195.createElement(React195.Fragment, null, /* @__PURE__ */ React195.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React195.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React195.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React195.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React195.createElement(RoleChangeNotification, null), /* @__PURE__ */ React195.createElement(PollNotificationModal, null), /* @__PURE__ */ React195.createElement(MessageNotifications, null), /* @__PURE__ */ React195.createElement(DeviceChangeNotifications, null), /* @__PURE__ */ React195.createElement(ReconnectNotifications, null), /* @__PURE__ */ React195.createElement(ErrorNotifications, null), /* @__PURE__ */ React195.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React195.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React195.createElement(InitErrorModal, null), /* @__PURE__ */ React195.createElement(ChatNotifications, null), /* @__PURE__ */ React195.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React195.createElement(TranscriptionNotifications, null), /* @__PURE__ */ React195.createElement(DeviceInUseError, null));
+  return /* @__PURE__ */ React195.createElement(React195.Fragment, null, /* @__PURE__ */ React195.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React195.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React195.createElement(TrackNotifications, null), roomState === HMSRoomState11.Connected ? /* @__PURE__ */ React195.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React195.createElement(RoleChangeNotification, null), /* @__PURE__ */ React195.createElement(PollNotificationModal, null), /* @__PURE__ */ React195.createElement(MessageNotifications, null), /* @__PURE__ */ React195.createElement(DeviceChangeNotifications, null), /* @__PURE__ */ React195.createElement(ReconnectNotifications, null), /* @__PURE__ */ React195.createElement(ErrorNotifications, null), /* @__PURE__ */ React195.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React195.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React195.createElement(InitErrorModal, null), /* @__PURE__ */ React195.createElement(ChatNotifications, null), /* @__PURE__ */ React195.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React195.createElement(TranscriptionNotifications, null), /* @__PURE__ */ React195.createElement(DeviceInUseError, null));
 }
 
 // src/Prebuilt/components/PIP/PIPProvider.tsx
@@ -35071,7 +35102,7 @@ init_define_process_env();
 import React197 from "react";
 import { useSearchParam } from "react-use";
 var PreviewScreen = () => {
-  var _a7, _b7, _c;
+  var _a8, _b7, _c;
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const skipPreview = !isPreviewScreenEnabled;
   const previewAsRole = useSearchParam(QUERY_PARAM_PREVIEW_AS_ROLE);
@@ -35079,7 +35110,7 @@ var PreviewScreen = () => {
   const initialName = userName || (skipPreview ? "Beam" : "");
   const authToken = useAuthToken();
   const roomLayout = useRoomLayout();
-  const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
+  const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a8 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
   return /* @__PURE__ */ React197.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React197.createElement(
     Flex,
     {
@@ -35099,8 +35130,8 @@ import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as us
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
 import React198 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__ */ React198.createElement(
     Toast.HMSToast,
     __spreadValues({
@@ -35394,7 +35425,7 @@ var HMSPrebuilt = React204.forwardRef(
     onLeave,
     onJoin
   }, ref) => {
-    var _a7, _b7, _c, _d;
+    var _a8, _b7, _c, _d;
     const reactiveStore = useRef36();
     const [hydrated, setHydrated] = React204.useState(false);
     useEffect89(() => {
@@ -35420,8 +35451,8 @@ var HMSPrebuilt = React204.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;
@@ -35469,16 +35500,16 @@ var HMSPrebuilt = React204.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: (_c = reactiveStore.current) == null ? void 0 : _c.hmsNotifications,
           stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
           leaveOnUnload
         },
         /* @__PURE__ */ React204.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React204.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) {
@@ -35489,10 +35520,10 @@ var HMSPrebuilt = React204.forwardRef(
             {
               themeType: `${theme2.name}-${Date.now()}`,
               theme: {
-                //@ts-ignore: Prebuilt theme to match stiches theme
+                //@ts-ignore: Prebuilt theme to match stitches theme
                 colors: theme2.palette,
                 fonts: {
-                  //@ts-ignore: font list to match token types of stiches
+                  //@ts-ignore: font list to match token types of stitches
                   sans: fontFamily
                 }
               }
@@ -35692,7 +35723,7 @@ init_define_process_env();
 var import_prop_types = __toESM(require_prop_types());
 import React207, { useRef as useRef37, useState as useState86 } from "react";
 var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = useState86(false);
   const ref = useRef37(null);
   return /* @__PURE__ */ React207.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React207.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React207.createElement(
@@ -35712,7 +35743,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__ */ React207.createElement(Dropdown.Portal, null, /* @__PURE__ */ React207.createElement(
@@ -35757,11 +35788,11 @@ DeviceSelector2.propTypes = {
 // src/Diagnostics/AudioTest.tsx
 var SelectContainer = ({ children }) => /* @__PURE__ */ React208.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 = useHMSStore100(selectDevices);
   const [isRecording, setIsRecording] = useState87(false);
-  const [selectedMic, setSelectedMic] = useState87(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
+  const [selectedMic, setSelectedMic] = useState87(((_a8 = devices.audioInput[0]) == null ? void 0 : _a8.deviceId) || "default");
   const trackID = useHMSStore100(selectLocalAudioTrackID2);
   const audioLevel = useHMSStore100(selectTrackAudioByID2(trackID));
   const { audioOutputDeviceId } = useHMSStore100(selectLocalMediaSettings);
@@ -35838,7 +35869,7 @@ var MicTest = ({ setError }) => {
   ))));
 };
 var SpeakerTest = () => {
-  var _a7;
+  var _a8;
   const actions = useHMSActions62();
   const devices = useHMSStore100(selectDevices);
   const { audioOutputDeviceId } = useHMSStore100(selectLocalMediaSettings);
@@ -35850,7 +35881,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__ */ React208.createElement(SpeakerIcon5, null),
       onChange: (deviceId) => {
         actions.setAudioOutputDevice(deviceId);
@@ -35974,7 +36005,7 @@ var browserTypeIconInfo = {
 };
 var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React209.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React209.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React209.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React209.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React209.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React209.createElement(Text, null, value)));
 var BrowserTest = () => {
-  var _a7, _b7, _c, _d;
+  var _a8, _b7, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
   const [error, setError] = useState88();
   useEffect91(() => {
@@ -35989,7 +36020,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__ */ React209.createElement(
@@ -36009,7 +36040,6 @@ import { ConnectivityState } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon6, CrossCircleIcon as CrossCircleIcon4, EyeCloseIcon as EyeCloseIcon3, EyeOpenIcon as EyeOpenIcon2, LinkIcon } from "@100mslive/react-icons";
 var Regions = {
   in: "India",
-  eu: "Europe",
   us: "United States"
 };
 var ConnectivityStateMessage = {
@@ -36060,7 +36090,7 @@ var DetailedInfo = ({
   return /* @__PURE__ */ React210.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React210.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React210.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React210.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React210.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React210.createElement(Text, { variant: "caption" }, value)));
 };
 var MediaServerResult = ({ result }) => {
-  var _a7, _b7, _c, _d;
+  var _a8, _b7, _c, _d;
   return /* @__PURE__ */ React210.createElement(
     ConnectivityTestStepResult,
     {
@@ -36071,7 +36101,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__ */ React210.createElement(
@@ -36101,10 +36131,10 @@ var SignallingResult = ({ result }) => {
   ), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
 };
 var AudioStats = ({ stats }) => {
-  return /* @__PURE__ */ React210.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React210.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ React210.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React210.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter * 1e3} ms` })));
 };
 var VideoStats = ({ stats }) => {
-  return /* @__PURE__ */ React210.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React210.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ React210.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React210.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ React210.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter * 1e3} ms` })));
 };
 var Footer3 = ({
   error,
@@ -36119,13 +36149,13 @@ var ConnectivityTestReport = ({
   progress,
   startTest
 }) => {
-  var _a7, _b7, _c, _d;
+  var _a8, _b7, _c, _d;
   if (error) {
     return /* @__PURE__ */ React210.createElement(React210.Fragment, null, /* @__PURE__ */ React210.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React210.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React210.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React210.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React210.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React210.createElement(Footer3, { restart: startTest, error }));
   }
   if (result) {
     console.log(result);
-    return /* @__PURE__ */ React210.createElement(React210.Fragment, null, /* @__PURE__ */ React210.createElement(TestContainer, null, /* @__PURE__ */ React210.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React210.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React210.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React210.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React210.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React210.createElement(Footer3, { result, restart: startTest, error }));
+    return /* @__PURE__ */ React210.createElement(React210.Fragment, null, /* @__PURE__ */ React210.createElement(TestContainer, null, /* @__PURE__ */ React210.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React210.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React210.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React210.createElement(AudioStats, { stats: (_b7 = (_a8 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a8.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React210.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React210.createElement(Footer3, { result, restart: startTest, error }));
   }
   if (progress !== void 0) {
     return /* @__PURE__ */ React210.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React210.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React210.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React210.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React210.createElement(