@100mslive/roomkit-react 0.3.25-alpha.0 → 0.3.25-alpha.10

package/dist/index.cjs.js

@@ -35,8 +35,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+var __esm = (fn2, res) => function __init() {
+  return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
 };
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
@@ -45,13 +45,13 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to2, from, except, desc) => {
+var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to2, key) && key !== except)
-        __defProp(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return to2;
+  return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
@@ -100,7 +100,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());
   });
 };
@@ -109,7 +109,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_fdc18806-25a5-4068-94ca-265cb522b1de", 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-alpha.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.25-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_fdc18806-25a5-4068-94ca-265cb522b1de", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.25-alpha.0", 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", npm_package_dependencies_framer_motion: "^11.11.0", GRADLE_HOME: "/usr/share/gradle-8.11", 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: "600", 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: "20241112.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:20104", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.25-alpha.0", 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: "11855271102", 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: "b9a15a40498feb37cf34dc6fab790cb9dcfcd775", 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: "8d13f3e7ae5c69b0c10cdb4fded7a35cfe4ae6e9d7ba5cee97915716e4554ca8", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1731669432812-0.2337573796001824:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1731669432604-0.25873287059744565:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1731669407147-0.439723742794045:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1731669406969-0.25071026887460657:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_c2abb25f-b4f9-43ca-8583-3e4886dcb4b7", INVOCATION_ID: "d5ed20e7f2ff420da6ea7ee0a9611a63", 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: "701", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 292", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.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-alpha.0", 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-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_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: "b9a15a40498feb37cf34dc6fab790cb9dcfcd775", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_fdc18806-25a5-4068-94ca-265cb522b1de", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_fdc18806-25a5-4068-94ca-265cb522b1de", 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_fdc18806-25a5-4068-94ca-265cb522b1de" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_3f7c2a95-478d-43c5-a996-4d9605571b3a", 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-alpha.10", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.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-alpha.10", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3f7c2a95-478d-43c5-a996-4d9605571b3a", 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-alpha.10", 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: "598", 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.2-alpha.9", 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:19894", 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-alpha.10", 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: "12197856980", 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: "b501de9d52ebead7150aaeaeed746c0ed1ac2c6d", 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: "41816079005826034c1b1b2492c064f7b7c59e8bfc7cc5b31476a372dc13471c", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1733483942039-0.5957725804967211:/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--1733483941843-0.661728115866506:/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--1733483916627-0.8087495583368669:/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--1733483916438-0.6988583562272579:/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_3baa011b-ddb7-46b8-913b-bdce922594db", INVOCATION_ID: "e38f861e3dbe4d48b4f86feea7250623", 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: "712", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^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 182", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.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-alpha.10", 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-alpha.10", 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: "b501de9d52ebead7150aaeaeed746c0ed1ac2c6d", 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/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_3f7c2a95-478d-43c5-a996-4d9605571b3a", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_3f7c2a95-478d-43c5-a996-4d9605571b3a", 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_3f7c2a95-478d-43c5-a996-4d9605571b3a" };
   }
 });
 
@@ -2288,8 +2288,8 @@ var require_lodash = __commonJS({
         function createBind(func, bitmask, thisArg) {
           var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
           function wrapper() {
-            var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
-            return fn.apply(isBind ? thisArg : this, arguments);
+            var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
+            return fn2.apply(isBind ? thisArg : this, arguments);
           }
           return wrapper;
         }
@@ -2355,8 +2355,8 @@ var require_lodash = __commonJS({
                 arity - length
               );
             }
-            var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
-            return apply(fn, this, args);
+            var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
+            return apply(fn2, this, args);
           }
           return wrapper;
         }
@@ -2444,7 +2444,7 @@ var require_lodash = __commonJS({
                 arity - length
               );
             }
-            var thisBinding = isBind ? thisArg : this, fn = isBindKey ? thisBinding[func] : func;
+            var thisBinding = isBind ? thisArg : this, fn2 = isBindKey ? thisBinding[func] : func;
             length = args.length;
             if (argPos) {
               args = reorder(args, argPos);
@@ -2455,9 +2455,9 @@ var require_lodash = __commonJS({
               args.length = ary2;
             }
             if (this && this !== root && this instanceof wrapper) {
-              fn = Ctor || createCtor(fn);
+              fn2 = Ctor || createCtor(fn2);
             }
-            return fn.apply(thisBinding, args);
+            return fn2.apply(thisBinding, args);
           }
           return wrapper;
         }
@@ -2514,14 +2514,14 @@ var require_lodash = __commonJS({
         function createPartial(func, bitmask, thisArg, partials) {
           var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
           function wrapper() {
-            var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn = this && this !== root && this instanceof wrapper ? Ctor : func;
+            var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
             while (++leftIndex < leftLength) {
               args[leftIndex] = partials[leftIndex];
             }
             while (argsLength--) {
               args[leftIndex++] = arguments[++argsIndex];
             }
-            return apply(fn, isBind ? thisArg : this, args);
+            return apply(fn2, isBind ? thisArg : this, args);
           }
           return wrapper;
         }
@@ -5630,7 +5630,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];
@@ -5639,7 +5639,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];
@@ -6728,16 +6728,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;
@@ -6803,8 +6803,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);
@@ -6829,18 +6829,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];
           }
         };
       }
@@ -8750,13 +8750,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":
@@ -8886,7 +8886,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) {
@@ -8972,7 +8972,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;
   }
@@ -9195,25 +9195,25 @@ var require_object_assign = __commonJS({
     }
     module2.exports = shouldUseNative() ? Object.assign : function(target, source) {
       var from;
-      var to2 = toObject(target);
+      var to = toObject(target);
       var symbols;
       for (var s = 1; s < arguments.length; s++) {
         from = Object(arguments[s]);
         for (var key in from) {
           if (hasOwnProperty.call(from, key)) {
-            to2[key] = from[key];
+            to[key] = from[key];
           }
         }
         if (getOwnPropertySymbols) {
           symbols = getOwnPropertySymbols(from);
           for (var i = 0; i < symbols.length; i++) {
             if (propIsEnumerable.call(from, symbols[i])) {
-              to2[symbols[i]] = from[symbols[i]];
+              to[symbols[i]] = from[symbols[i]];
             }
           }
         }
       }
-      return to2;
+      return to;
     };
   }
 });
@@ -9254,7 +9254,7 @@ var require_checkPropTypes = __commonJS({
         }
         try {
           throw new Error(message);
-        } catch (x) {
+        } catch (x2) {
         }
       };
     }
@@ -9323,7 +9323,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         }
         try {
           throw new Error(message);
-        } catch (x) {
+        } catch (x2) {
         }
       };
     }
@@ -9361,11 +9361,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) {
@@ -9504,7 +9504,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;
             }
           }
@@ -10242,7 +10242,6 @@ var _a5, _b5;
 var isMacOS = ((_b5 = (_a5 = import_react_sdk.parsedUserAgent.getOS()) == null ? void 0 : _a5.name) == null ? void 0 : _b5.toLowerCase()) === "mac os";
 var _a6, _b6;
 var isAndroid = ((_b6 = (_a6 = import_react_sdk.parsedUserAgent.getOS()) == null ? void 0 : _a6.name) == null ? void 0 : _b6.toLowerCase()) === "android";
-var isIPadOS = false;
 var QUESTION_TYPE_TITLE = /* @__PURE__ */ ((QUESTION_TYPE_TITLE2) => {
   QUESTION_TYPE_TITLE2["single-choice"] = "Single Choice";
   QUESTION_TYPE_TITLE2["multiple-choice"] = "Multiple Choice";
@@ -10481,8 +10480,8 @@ init_define_process_env();
 // src/Loading/Loading.tsx
 init_define_process_env();
 var import_react5 = __toESM(require("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__ */ import_react5.default.createElement("svg", __spreadValues({ width: size, height: size, viewBox: "0 0 50 50", fill: color, xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ import_react5.default.createElement("circle", { cx: "25", cy: "25", r: "20", stroke: color, strokeWidth: "4", strokeDasharray: "70 30", fill: "none" }, /* @__PURE__ */ import_react5.default.createElement(
     "animateTransform",
     {
@@ -10659,8 +10658,8 @@ var StyledButton = styled("button", __spreadProps(__spreadValues({}, flexCenter)
     variant: "primary"
   }
 }));
-var Button = import_react6.default.forwardRef((_a7, ref) => {
-  var _b7 = _a7, { children, loading = false, icon } = _b7, buttonProps = __objRest(_b7, ["children", "loading", "icon"]);
+var Button = import_react6.default.forwardRef((_a8, ref) => {
+  var _b7 = _a8, { children, loading = false, icon } = _b7, buttonProps = __objRest(_b7, ["children", "loading", "icon"]);
   return /* @__PURE__ */ import_react6.default.createElement(StyledButton, __spreadProps(__spreadValues({}, buttonProps), { ref }), /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, loading && /* @__PURE__ */ import_react6.default.createElement(
     Flex,
     {
@@ -10888,11 +10887,11 @@ var import_react_icons = require("@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) => {
@@ -10958,8 +10957,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) {
@@ -11261,8 +11260,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__ */ import_react10.default.createElement(Arrow, __spreadValues({}, props), /* @__PURE__ */ import_react10.default.createElement(import_react_icons2.ChevronDownIcon, null));
 };
 var Select = {
@@ -11316,16 +11315,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__ */ import_react11.default.createElement(Root5, __spreadValues({}, props), /* @__PURE__ */ import_react11.default.createElement(Track2, null, /* @__PURE__ */ import_react11.default.createElement(Range2, null)), showTooltip ? /* @__PURE__ */ import_react11.default.createElement(Tooltip, { title: String((_a8 = props.value) == null ? void 0 : _a8[0]) }, /* @__PURE__ */ import_react11.default.createElement(Thumb3, { css: thumbStyles })) : /* @__PURE__ */ import_react11.default.createElement(Thumb3, { css: thumbStyles }));
+  var _a9;
+  return /* @__PURE__ */ import_react11.default.createElement(Root5, __spreadValues({}, props), /* @__PURE__ */ import_react11.default.createElement(Track2, null, /* @__PURE__ */ import_react11.default.createElement(Range2, null)), showTooltip ? /* @__PURE__ */ import_react11.default.createElement(Tooltip, { title: String((_a9 = props.value) == null ? void 0 : _a9[0]) }, /* @__PURE__ */ import_react11.default.createElement(Thumb3, { css: thumbStyles })) : /* @__PURE__ */ import_react11.default.createElement(Thumb3, { css: thumbStyles }));
 };
 
 // src/Modal/index.ts
@@ -11482,8 +11481,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, [
@@ -11492,13 +11491,13 @@ var PasswordShowIcon = (_a7) => {
   ]);
   return /* @__PURE__ */ import_react17.default.createElement(Flex, __spreadValues({ css: __spreadValues({}, css2) }, props), showPassword ? /* @__PURE__ */ import_react17.default.createElement(import_react_icons4.EyeOpenIcon, null) : /* @__PURE__ */ import_react17.default.createElement(import_react_icons4.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__ */ import_react17.default.createElement(Flex, __spreadValues({ css: __spreadValues({}, css2) }, props), /* @__PURE__ */ import_react17.default.createElement(import_react_icons4.CopyIcon, null));
 };
 var PasswordIcons = import_react17.default.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__ */ import_react17.default.createElement(
       Flex,
       __spreadValues({
@@ -11517,8 +11516,8 @@ var PasswordIcons = import_react17.default.forwardRef(
     );
   }
 );
-var ReactInput = import_react17.default.forwardRef((_a7, ref) => {
-  var _b7 = _a7, { showPassword = false, css: css2 } = _b7, props = __objRest(_b7, ["showPassword", "css"]);
+var ReactInput = import_react17.default.forwardRef((_a8, ref) => {
+  var _b7 = _a8, { showPassword = false, css: css2 } = _b7, props = __objRest(_b7, ["showPassword", "css"]);
   return /* @__PURE__ */ import_react17.default.createElement(
     Input,
     __spreadProps(__spreadValues({
@@ -11542,21 +11541,9 @@ init_define_process_env();
 
 // src/VideoTile/StyledVideoTile.tsx
 init_define_process_env();
-var import_framer_motion = require("framer-motion");
 var Root7 = styled("div", {
   padding: "0.75rem"
 });
-var MotionRoot = (0, import_framer_motion.motion)(Root7);
-MotionRoot.defaultProps = {
-  layout: true,
-  transition: {
-    type: "spring",
-    stiffness: 300,
-    damping: 30,
-    mass: 1,
-    duration: 0.15
-  }
-};
 var Container = styled("div", {
   width: "100%",
   height: "100%",
@@ -11667,7 +11654,7 @@ var AvatarContainer = styled(Box, __spreadProps(__spreadValues({}, flexCenter),
   }
 }));
 var StyledVideoTile = {
-  Root: MotionRoot,
+  Root: Root7,
   Container,
   Overlay: Overlay2,
   Info,
@@ -11955,8 +11942,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 } = (0, import_react_sdk2.useVideo)({ trackId, attach });
   return /* @__PURE__ */ import_react18.default.createElement(StyledVideo, __spreadValues({ ref: videoRef }, props));
 };
@@ -12199,11 +12186,11 @@ var formatBytes = (bytes, unit = "B", decimals = 2) => {
     return "-";
   }
   const k2 = 1024;
-  const dm2 = decimals < 0 ? 0 : decimals;
+  const dm = decimals < 0 ? 0 : decimals;
   const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
   let i = Math.floor(Math.log(bytes) / Math.log(k2));
   i === 0 && i++;
-  return `${parseFloat((bytes / Math.pow(k2, i)).toFixed(dm2))} ${sizes[i]}`;
+  return `${parseFloat((bytes / Math.pow(k2, i)).toFixed(dm))} ${sizes[i]}`;
 };
 
 // src/Stats/StyledStats.tsx
@@ -12288,13 +12275,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 ? import_react_sdk6.selectHMSStats.localAudioTrackStatsByID : import_react_sdk6.selectHMSStats.trackStatsByID;
   const audioTrackStats = (0, import_react_sdk6.useHMSStatsStore)(audioSelector(audioTrackID));
   const localVideoTrackStats = (0, import_react_sdk6.useHMSStatsStore)(import_react_sdk6.selectHMSStats.localVideoTrackStatsByID(videoTrackID));
   const remoteVideoTrackStats = (0, import_react_sdk6.useHMSStatsStore)(import_react_sdk6.selectHMSStats.trackStatsByID(videoTrackID));
   const videoTrackStats = isLocal ? localVideoTrackStats == null ? void 0 : localVideoTrackStats[0] : remoteVideoTrackStats;
-  const downlinkScore = (_a7 = (0, import_react_sdk6.useHMSStore)((0, import_react_sdk6.selectConnectionQualityByPeerID)(peerID))) == null ? void 0 : _a7.downlinkQuality;
+  const downlinkScore = (_a8 = (0, import_react_sdk6.useHMSStore)((0, import_react_sdk6.selectConnectionQualityByPeerID)(peerID))) == null ? void 0 : _a8.downlinkQuality;
   const availableOutgoingBitrate = (0, import_react_sdk6.useHMSStatsStore)(import_react_sdk6.selectHMSStats.availablePublishBitrate);
   const qoe = useQoE({ videoTrackID, audioTrackID, isLocal });
   if (!(audioTrackStats || videoTrackStats)) {
@@ -12309,7 +12296,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;
     }
@@ -12319,7 +12306,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__ */ import_react22.default.createElement(
       StatsRow,
@@ -12398,11 +12385,11 @@ 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__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(TrackPacketsLostRow, { label: "Packet Loss(V)", stats: videoStats }), /* @__PURE__ */ import_react22.default.createElement(TrackPacketsLostRow, { label: "Packet Loss(A)", stats: audioStats }), /* @__PURE__ */ import_react22.default.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__ */ import_react22.default.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__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(TrackPacketsLostRow, { label: "Packet Loss(V)", stats: videoStats }), /* @__PURE__ */ import_react22.default.createElement(TrackPacketsLostRow, { label: "Packet Loss(A)", stats: audioStats }), /* @__PURE__ */ import_react22.default.createElement(StatsRow, { show: isNotNullish(videoStats == null ? void 0 : videoStats.jitter), label: "Jitter(V)", value: (_a8 = videoStats == null ? void 0 : videoStats.jitter) == null ? void 0 : _a8.toFixed(4) }), /* @__PURE__ */ import_react22.default.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) }));
 };
 var TrackPacketsLostRow = ({
   stats,
@@ -12604,8 +12591,8 @@ var ToastViewport = styled(ToastPrimitives.Viewport, {
 var DefaultClose = ({ css: css2 }) => {
   return /* @__PURE__ */ import_react23.default.createElement(ToastClose, { css: css2, asChild: true }, /* @__PURE__ */ import_react23.default.createElement(IconButton, null, /* @__PURE__ */ import_react23.default.createElement(import_react_icons5.CrossIcon, null)));
 };
-var HMSToast = (_a7) => {
-  var _b7 = _a7, {
+var HMSToast = (_a8) => {
+  var _b7 = _a8, {
     title,
     description,
     isClosable = true,
@@ -12690,13 +12677,13 @@ var StyledChevron = styled(import_react_icons6.ChevronUpIcon, {
 });
 var AccordionRoot = StyledAccordion;
 var AccordionItem = StyledItem;
-var AccordionHeader = import_react24.default.forwardRef((_a7, forwardedRef) => {
-  var _b7 = _a7, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
+var AccordionHeader = import_react24.default.forwardRef((_a8, forwardedRef) => {
+  var _b7 = _a8, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
   return /* @__PURE__ */ import_react24.default.createElement(StyledHeader, { css: css2 }, /* @__PURE__ */ import_react24.default.createElement(StyledTrigger3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children, /* @__PURE__ */ import_react24.default.createElement(StyledChevron, { "data-testid": chevronID, "aria-hidden": true, css: iconStyles })));
 });
 var AccordionContent = import_react24.default.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__ */ import_react24.default.createElement(StyledContent3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), /* @__PURE__ */ import_react24.default.createElement(Box, { css: contentStyles }, children));
   }
 );
@@ -12935,8 +12922,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] : import_react26.default.Fragment;
   const renderedIcon = icon ? /* @__PURE__ */ import_react26.default.createElement(Flex, { as: "span" }, /* @__PURE__ */ import_react26.default.createElement(Icon4, { height: 13.33, width: 13.33 }), " ") : null;
   return /* @__PURE__ */ import_react26.default.createElement(LinkComponent, __spreadProps(__spreadValues({}, rest), { color }), iconSide === "left" && renderedIcon, /* @__PURE__ */ import_react26.default.createElement(Text, { as: "span", variant: "body2", css: { color: "inherit" } }, children), iconSide === "right" && renderedIcon);
@@ -13085,8 +13072,8 @@ var useAuthToken = () => {
   return (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.authToken));
 };
 var useUrlToEmbed = () => {
-  var _a7;
-  return (_a7 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.embedConfig))) == null ? void 0 : _a7.url;
+  var _a8;
+  return (_a8 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.embedConfig))) == null ? void 0 : _a8.url;
 };
 var usePDFConfig = () => {
   return (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.pdfConfig));
@@ -13100,10 +13087,10 @@ var useResetEmbedConfig = () => {
   return () => setEmbedConfig();
 };
 var usePinnedTrack = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const pinnedTrackId = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppData)(APP_DATA.pinnedTrackId));
   const spotlightPeerId = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectSessionStore)("spotlight" /* SPOTLIGHT */));
-  const spotlightVideoTrackId = (_a7 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectVideoTrackByPeerID)(spotlightPeerId))) == null ? void 0 : _a7.id;
+  const spotlightVideoTrackId = (_a8 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectVideoTrackByPeerID)(spotlightPeerId))) == null ? void 0 : _a8.id;
   const spotlightAudioTrackId = (_b7 = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAudioTrackByPeerID)(spotlightPeerId))) == null ? void 0 : _b7.id;
   return (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectTrackByID)(pinnedTrackId || spotlightVideoTrackId || spotlightAudioTrackId));
 };
@@ -13383,18 +13370,18 @@ var useFetchRoomLayout = ({
   const isFetchInProgress = (0, import_react31.useRef)(false);
   const setOriginalLayout = (0, import_react31.useCallback)(() => setLayout(originalLayout.current), []);
   const updateRoomLayoutForRole = (0, import_react31.useCallback)((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);
     }
   }, []);
   (0, import_react31.useEffect)(() => {
     (() => __async(void 0, null, function* () {
-      var _a7, _b7;
+      var _a8, _b7;
       if (isFetchInProgress.current || !authToken) {
         return;
       }
@@ -13412,7 +13399,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."
@@ -13452,16 +13439,16 @@ var RoomLayoutProvider = ({
   return /* @__PURE__ */ import_react32.default.createElement(RoomLayoutContext.Provider, { value: { layout: mergedLayout, updateRoomLayoutForRole, setOriginalLayout } }, children);
 };
 var useRoomLayout = () => {
-  var _a7;
-  return (_a7 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a7.layout;
+  var _a8;
+  return (_a8 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.layout;
 };
 var useUpdateRoomLayout = () => {
-  var _a7;
-  return (_a7 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a7.updateRoomLayoutForRole;
+  var _a8;
+  return (_a8 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.updateRoomLayoutForRole;
 };
 var useSetOriginalLayout = () => {
-  var _a7;
-  return (_a7 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a7.setOriginalLayout;
+  var _a8;
+  return (_a8 = import_react32.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.setOriginalLayout;
 };
 
 // src/Prebuilt/common/utils.js
@@ -13531,11 +13518,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;
         }
       );
     }
@@ -13556,20 +13543,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,
@@ -13578,10 +13565,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,
@@ -13590,25 +13577,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 } = (0, import_react_sdk9.useRecordingStreaming)();
   const peerCount = (0, import_react_sdk9.useHMSStore)(import_react_sdk9.selectPeerCount);
   const sessionStartedAt = (0, import_react_sdk9.useHMSStore)(import_react_sdk9.selectRoomStartTime);
   const hlsState = (0, import_react_sdk9.useHMSStore)(import_react_sdk9.selectHLSState);
   const details = (0, import_react33.useMemo)(() => {
-    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) {
@@ -13620,7 +13607,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
   };
@@ -13761,7 +13748,7 @@ var initialAppData = {
   [APP_DATA.noiseCancellation]: false
 };
 var AppData = import_react35.default.memo(() => {
-  var _a7, _b7, _c, _d;
+  var _a8, _b7, _c, _d;
   const hmsActions = (0, import_react_sdk11.useHMSActions)();
   const [preferences = {}] = useUserPreferences(UserPreferencesKeys.UI_SETTINGS);
   const appData = (0, import_react_sdk11.useHMSStore)(import_react_sdk11.selectFullAppData);
@@ -13772,14 +13759,14 @@ var AppData = import_react35.default.memo(() => {
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
   const isMobile = (0, import_react_use3.useMedia)(config.media.md);
   (0, import_react35.useEffect)(() => {
-    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 = (0, import_react35.useMemo)(() => {
-    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;
@@ -13804,11 +13791,11 @@ var AppData = import_react35.default.memo(() => {
     hmsActions.setAppData(APP_DATA.uiSettings, updatedSettings, true);
   }, [hmsActions, preferences]);
   (0, import_react35.useEffect)(() => {
-    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
     );
@@ -13933,41 +13920,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()) === import_hmsvbplugin.HMSVirtualBackgroundTypes.BLUR ? 1 : 0;
+        return ((_a8 = this.hmsPlugin) == null ? void 0 : _a8.getBackground()) === import_hmsvbplugin.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(import_hmsvbplugin.HMSVirtualBackgroundTypes.BLUR, import_hmsvbplugin.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;
@@ -13990,13 +13977,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(import_hmsvbplugin.HMSVirtualBackgroundTypes.NONE, import_hmsvbplugin.HMSVirtualBackgroundTypes.NONE);
       }
@@ -14015,11 +14002,11 @@ var VBPlugin = class {
       return false;
     };
     this.isEffectsSupported = () => {
-      var _a7, _b7;
+      var _a8, _b7;
       if (!isSafari) {
         return true;
       }
-      const browserVersion = ((_b7 = (_a7 = import_react_sdk12.parsedUserAgent) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
+      const browserVersion = ((_b7 = (_a8 = import_react_sdk12.parsedUserAgent) == null ? void 0 : _a8.getBrowser()) == null ? void 0 : _b7.version) || "16";
       if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
         return false;
       }
@@ -14165,12 +14152,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;
@@ -14231,7 +14218,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");
       }
@@ -14244,7 +14231,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();
@@ -14421,14 +14408,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;
@@ -14643,10 +14630,10 @@ var convertError = (error) => {
     body: `Endpoint is not reachable. ${error.description}.`
   })).otherwise(
     () => {
-      var _a7;
+      var _a8;
       return (
         // @ts-ignore
-        (0, import_ts_pattern3.match)((_a7 = error.response) == null ? void 0 : _a7.status).with(404, () => ({
+        (0, import_ts_pattern3.match)((_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, () => ({
@@ -14850,8 +14837,8 @@ var IconButtonWithOptions = ({
 // src/Prebuilt/components/MoreSettings/ActionTile.jsx
 init_define_process_env();
 var import_react41 = __toESM(require("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__ */ import_react41.default.createElement(
     Flex,
     __spreadProps(__spreadValues({}, props), {
@@ -14995,8 +14982,8 @@ var StyledContent6 = styled(DialogPrimitive2.Content, {
   }
 });
 var SheetContent = import_react42.default.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__ */ import_react42.default.createElement(Dialog.Portal, { container }, /* @__PURE__ */ import_react42.default.createElement(StyledOverlay, null), /* @__PURE__ */ import_react42.default.createElement(StyledContent6, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children));
   }
 );
@@ -15098,7 +15085,7 @@ var useDropdownSelection = () => {
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 var Settings = ({ setHide }) => {
-  var _a7;
+  var _a8;
   const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk15.useDevices)();
   const { videoInput, audioInput, audioOutput } = allDevices;
   const videoTrackId = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectLocalVideoTrackID);
@@ -15114,7 +15101,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);
   }
@@ -15170,7 +15157,7 @@ var Settings = ({ setHide }) => {
   ) : null);
 };
 var DeviceSelector = ({ title, devices, selection, onChange, icon, children = null }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = (0, import_react45.useState)(false);
   const selectionBg = useDropdownSelection();
   const ref = (0, import_react45.useRef)(null);
@@ -15205,7 +15192,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__ */ import_react45.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react45.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_b7 = ref.current) == null ? void 0 : _b7.clientWidth, zIndex: 1001 } }, devices.map((device) => {
@@ -15240,8 +15227,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
     },
@@ -15360,18 +15347,18 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
     }
   }, [screenType, hideSettingByTabName]);
   const [selection, setSelection] = (0, import_react47.useState)(() => {
-    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 = (0, import_react47.useCallback)(() => {
     setSelection("");
   }, []);
   (0, import_react47.useEffect)(() => {
-    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]);
@@ -15592,11 +15579,11 @@ var OptionLabel = ({ children, icon }) => {
   );
 };
 var useNoiseCancellationWithPlugin = () => {
-  var _a7;
+  var _a8;
   const actions = (0, import_react_sdk16.useHMSActions)();
   const [inProgress, setInProgress] = (0, import_react48.useState)(false);
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
-  const isEnabledForRoom = (_a7 = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+  const isEnabledForRoom = (_a8 = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoom)) == null ? void 0 : _a8.isNoiseCancellationEnabled;
   const setNoiseCancellationWithPlugin = (0, import_react48.useCallback)(
     (enabled) => __async(void 0, null, function* () {
       if (!isEnabledForRoom || inProgress) {
@@ -15639,7 +15626,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);
@@ -15702,11 +15689,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__ */ import_react48.default.createElement(
@@ -15768,8 +15755,8 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   (0, import_react48.useEffect)(() => {
     (() => __async(void 0, null, function* () {
-      var _a7;
-      const isEnabledForRoom = (_a7 = vanillaStore.getState(import_react_sdk16.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+      var _a8;
+      const isEnabledForRoom = (_a8 = vanillaStore.getState(import_react_sdk16.selectRoom)) == null ? void 0 : _a8.isNoiseCancellationEnabled;
       if (isEnabledForRoom && isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
         try {
           yield setNoiseCancellationWithPlugin(true);
@@ -15936,15 +15923,15 @@ var import_react_use8 = require("react-use");
 var import_join_form2 = require("@100mslive/types-prebuilt/elements/join_form");
 var import_react_sdk18 = require("@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) {
@@ -15953,20 +15940,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) === import_join_form2.JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE;
 };
 var useParticipants = (params) => {
-  var _a7;
+  var _a8;
   const isConnected = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectIsConnectedToRoom);
   const peerCount = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectPeerCount);
   const availableRoles = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectAvailableRoleNames);
   let participantList = (0, import_react_sdk18.useHMSStore)(isConnected ? import_react_sdk18.selectPeers : import_react_sdk18.selectRemotePeers);
   const rolesWithParticipants = Array.from(new Set(participantList.map((peer) => peer.roleName)));
   const vanillaStore = (0, import_react_sdk18.useHMSVanillaStore)();
-  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((0, import_react_sdk18.selectPeerMetadata)(peer.id)).isHandRaised;
     });
@@ -16085,9 +16072,9 @@ function useWaitingRoomInfo() {
   const isScreenOnlyPublishParams = screen && !(video || audio);
   const hasSubscribedRolePublishing = (0, import_react52.useMemo)(() => {
     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;
     });
@@ -16116,14 +16103,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;
@@ -16576,18 +16563,18 @@ var SetupMediaSession = class {
       this.setUpHandlers();
     });
     __publicField(this, "initState", () => {
-      var _a7, _b7, _c, _d;
+      var _a8, _b7, _c, _d;
       const isMicActive = this.store.getState(import_react_sdk23.selectIsLocalAudioEnabled);
       const isCamActive = this.store.getState(import_react_sdk23.selectIsLocalVideoEnabled);
-      (_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);
       }, import_react_sdk23.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);
       }, import_react_sdk23.selectIsLocalVideoEnabled);
     });
     __publicField(this, "toggleMic", () => __async(this, null, function* () {
@@ -16833,9 +16820,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] = (0, import_react65.useState)(false);
   const actions = (0, import_react_sdk27.useHMSActions)();
@@ -17024,7 +17011,7 @@ var import_react66 = __toESM(require("react"));
 var import_react_use11 = require("react-use");
 var import_empty_chat = __toESM(require("./empty-chat.svg"));
 var EmptyChat = () => {
-  var _a7;
+  var _a8;
   const { elements } = useRoomLayoutConferencingScreen();
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const isMobile = (0, import_react_use11.useMedia)(config.media.md);
@@ -17032,7 +17019,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__ */ import_react66.default.createElement(import_react66.default.Fragment, null);
   return /* @__PURE__ */ import_react66.default.createElement(
     Flex,
@@ -17093,12 +17080,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));
@@ -17199,11 +17186,11 @@ var SenderName = styled(Text, {
 });
 var ChatMessage = import_react68.default.memo(
   ({ index, style = {}, message }) => {
-    var _a7, _b7, _c;
+    var _a8, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
     const rowRef = (0, import_react68.useRef)(null);
     const isMobile = (0, import_react_use12.useMedia)(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 = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectLocalPeerID);
     const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
@@ -17491,7 +17478,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 = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectHMSMessages);
   const localPeerID = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectLocalPeerID);
   const count = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectUnreadHMSMessagesCount);
@@ -17517,7 +17504,7 @@ var PIPChat = () => {
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk30.useHMSStore)((0, import_react_sdk30.selectSessionStore)("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 = (0, import_react69.useCallback)(() => {
     if (isLocalPeerBlacklisted)
@@ -17533,7 +17520,7 @@ var PIPChat = () => {
     localPeerID,
     message_placeholder
   ]);
-  return /* @__PURE__ */ import_react69.default.createElement("div", { style: { height: "100%" } }, /* @__PURE__ */ import_react69.default.createElement(
+  return /* @__PURE__ */ import_react69.default.createElement("div", { style: { height: "100vh" } }, /* @__PURE__ */ import_react69.default.createElement(
     Box,
     {
       id: "chat-container",
@@ -17750,11 +17737,11 @@ var RoleChangeContent = ({
   onOpenChange,
   isMobile = false
 }) => {
-  var _a7;
+  var _a8;
   const roles = (0, import_react_sdk31.useHMSStore)(import_react_sdk31.selectAvailableRoleNames).filter(
     (role) => role !== (peer == null ? void 0 : peer.roleName) && role !== "__internal_recorder"
   );
-  const [selectedRole, setRole] = (0, import_react71.useState)(((_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] = (0, import_react71.useState)(((_a8 = roles.filter((role) => role !== (peer == null ? void 0 : peer.roleName))) == null ? void 0 : _a8[0]) || (peer == null ? void 0 : peer.roleName));
   const hmsActions = (0, import_react_sdk31.useHMSActions)();
   const [open, setOpen] = (0, import_react71.useState)(false);
   const triggerRef = (0, import_react71.useRef)();
@@ -17808,14 +17795,14 @@ var RoleChangeContent = ({
         },
         /* @__PURE__ */ import_react71.default.createElement(Flex, { align: "center", justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react71.default.createElement(Text, null, selectedRole), open ? /* @__PURE__ */ import_react71.default.createElement(import_react_icons25.ChevronUpIcon, null) : /* @__PURE__ */ import_react71.default.createElement(import_react_icons25.ChevronDownIcon, null))
       ), /* @__PURE__ */ import_react71.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { zIndex: 1e3, w: "100%" } }, roles.map((role) => {
-        var _a8;
+        var _a9;
         return /* @__PURE__ */ import_react71.default.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
         );
@@ -17877,12 +17864,12 @@ var import_react_icons27 = require("@100mslive/react-icons");
 init_define_process_env();
 var import_react72 = __toESM(require("react"));
 var import_react_icons26 = require("@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__ */ import_react72.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react72.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react72.default.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ import_react72.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react72.default.createElement(Flex, { justify: "between" }, /* @__PURE__ */ import_react72.default.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon4 ? /* @__PURE__ */ import_react72.default.createElement(Flex, { css: __spreadValues(__spreadValues({ mr: "$2", color: "$on_primary_high" }, flexCenter), iconCSS) }, /* @__PURE__ */ import_react72.default.createElement(Icon4, null)) : null, /* @__PURE__ */ import_react72.default.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ import_react72.default.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ import_react72.default.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ import_react72.default.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__ */ import_react72.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react72.default.createElement(
     DialogContent,
     __spreadValues({
@@ -17926,8 +17913,8 @@ var DialogRow = ({ children, breakSm = false, css: css2, justify = "between" })
   }
   return /* @__PURE__ */ import_react72.default.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%"
@@ -17942,24 +17929,24 @@ var DialogCol = (_a7) => {
   }
   return /* @__PURE__ */ import_react72.default.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__ */ import_react72.default.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ import_react72.default.createElement(Label3, null, title), /* @__PURE__ */ import_react72.default.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ import_react72.default.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ import_react72.default.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__ */ import_react72.default.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 = (0, import_react72.useRef)();
   return /* @__PURE__ */ import_react72.default.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",
@@ -18168,7 +18155,7 @@ var import_react_use14 = require("react-use");
 var import_ts_pattern4 = require("ts-pattern");
 var import_react_sdk33 = require("@100mslive/react-sdk");
 var StatsForNerds = ({ open, onOpenChange }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const mediaQueryLg = config.media.md;
   const isMobile = (0, import_react_use14.useMedia)(mediaQueryLg);
   const tracksWithLabels = useTracksWithLabel();
@@ -18232,7 +18219,7 @@ var StatsForNerds = ({ open, onOpenChange }) => {
             open: openDropdown,
             ref
           }
-        ), /* @__PURE__ */ import_react75.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react75.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
+        ), /* @__PURE__ */ import_react75.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react75.default.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__ */ import_react75.default.createElement(
             Dropdown.Item,
@@ -18315,8 +18302,8 @@ var useTracksWithLabel = () => {
   const localPeerID = (0, import_react_sdk33.useHMSStore)(import_react_sdk33.selectLocalPeerID);
   const tracksWithLabels = (0, import_react75.useMemo)(
     () => 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(
@@ -18343,12 +18330,12 @@ 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;
   const stats = (0, import_react_sdk33.useHMSStatsStore)(import_react_sdk33.selectHMSStats.localPeerStats);
   if (!stats) {
     return null;
   }
-  return /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Packets Lost", value: (_a7 = stats.subscribe) == null ? void 0 : _a7.packetsLost }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Jitter", value: (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes((_c = stats.publish) == null ? void 0 : _c.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes((_d = stats.subscribe) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(
+  return /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Packets Lost", value: (_a8 = stats.subscribe) == null ? void 0 : _a8.packetsLost }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Jitter", value: (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes((_c = stats.publish) == null ? void 0 : _c.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes((_d = stats.subscribe) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(
     StatsRow2,
     {
       label: "Available Outgoing Bitrate",
@@ -18363,7 +18350,7 @@ var LocalPeerStats = () => {
   ));
 };
 var TrackStats = ({ trackID, layer, local }) => {
-  var _a7;
+  var _a8;
   const selector = (0, import_ts_pattern4.match)({ trackID, layer, local }).with(
     {
       layer: import_ts_pattern4.P.when((layer2) => !!layer2)
@@ -18375,7 +18362,7 @@ var TrackStats = ({ trackID, layer, local }) => {
     return null;
   }
   const inbound = stats.type.includes("inbound");
-  return /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Bitrate", value: formatBytes(stats.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Jitter", value: (_a7 = stats.jitter) == null ? void 0 : _a7.toFixed(3) }), /* @__PURE__ */ import_react75.default.createElement(
+  return /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Bitrate", value: formatBytes(stats.bitrate, "b/s") }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Jitter", value: (_a8 = stats.jitter) == null ? void 0 : _a8.toFixed(3) }), /* @__PURE__ */ import_react75.default.createElement(
     StatsRow2,
     {
       label: inbound ? "Bytes Received" : "Bytes Sent",
@@ -18390,8 +18377,8 @@ var TrackStats = ({ trackID, layer, local }) => {
   ));
 };
 var DebugInfo = ({ details }) => {
-  var _a7;
-  return /* @__PURE__ */ import_react75.default.createElement(Accordion.Root, { type: "single", collapsible: true, css: { w: "100%" } }, /* @__PURE__ */ import_react75.default.createElement(Accordion.Item, { value: "Debug Info" }, /* @__PURE__ */ import_react75.default.createElement(Accordion.Header, null, /* @__PURE__ */ import_react75.default.createElement(Label3, { variant: "body2", css: { c: "$on_surface_high" } }, "Debug Info")), /* @__PURE__ */ import_react75.default.createElement(Accordion.Content, null, /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", mt: "$10", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Websocket URL", value: details == null ? void 0 : details.websocketURL }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Init Endpoint", value: details == null ? void 0 : details.initEndpoint }), /* @__PURE__ */ import_react75.default.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__ */ import_react75.default.createElement(Accordion.Root, { type: "single", collapsible: true, css: { w: "100%" } }, /* @__PURE__ */ import_react75.default.createElement(Accordion.Item, { value: "Debug Info" }, /* @__PURE__ */ import_react75.default.createElement(Accordion.Header, null, /* @__PURE__ */ import_react75.default.createElement(Label3, { variant: "body2", css: { c: "$on_surface_high" } }, "Debug Info")), /* @__PURE__ */ import_react75.default.createElement(Accordion.Content, null, /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", mt: "$10", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Websocket URL", value: details == null ? void 0 : details.websocketURL }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Init Endpoint", value: details == null ? void 0 : details.initEndpoint }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Enabled flags", value: (_a8 = details == null ? void 0 : details.enabledFlags) == null ? void 0 : _a8.join(", ") })))));
 };
 var StatsRow2 = import_react75.default.memo(({ label, value, css: css2 }) => /* @__PURE__ */ import_react75.default.createElement(Box, { css: __spreadValues({ bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" }, css2) }, /* @__PURE__ */ import_react75.default.createElement(
   Text,
@@ -18412,7 +18399,7 @@ var import_react76 = __toESM(require("react"));
 var import_react_sdk34 = require("@100mslive/react-sdk");
 var import_react_icons29 = require("@100mslive/react-icons");
 var BulkRoleChangeModal = ({ onOpenChange }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const roles = useFilteredRoles();
   const hmsActions = (0, import_react_sdk34.useHMSActions)();
   const ref = (0, import_react76.useRef)(null);
@@ -18463,7 +18450,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
     /* @__PURE__ */ import_react76.default.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);
@@ -19702,20 +19689,20 @@ function shimOnTrack(window2) {
 }
 function shimGetSendersWithDtmf(window2) {
   if (typeof window2 === "object" && window2.RTCPeerConnection && !("getSenders" in window2.RTCPeerConnection.prototype) && "createDTMFSender" in window2.RTCPeerConnection.prototype) {
-    const shimSenderWithDtmf = function(pc2, track) {
+    const shimSenderWithDtmf = function(pc, track) {
       return {
         track,
         get dtmf() {
           if (this._dtmf === void 0) {
             if (track.kind === "audio") {
-              this._dtmf = pc2.createDTMFSender(track);
+              this._dtmf = pc.createDTMFSender(track);
             } else {
               this._dtmf = null;
             }
           }
           return this._dtmf;
         },
-        _pc: pc2
+        _pc: pc
       };
     };
     if (!window2.RTCPeerConnection.prototype.getSenders) {
@@ -20070,11 +20057,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
     }
     return this.getSenders().find((s) => s.track === track);
   };
-  function replaceInternalStreamId(pc2, description) {
+  function replaceInternalStreamId(pc, description) {
     let sdp2 = description.sdp;
-    Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
-      const externalStream = pc2._reverseStreams[internalId];
-      const internalStream = pc2._streams[externalStream.id];
+    Object.keys(pc._reverseStreams || []).forEach((internalId) => {
+      const externalStream = pc._reverseStreams[internalId];
+      const internalStream = pc._streams[externalStream.id];
       sdp2 = sdp2.replace(
         new RegExp(internalStream.id, "g"),
         externalStream.id
@@ -20085,11 +20072,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
       sdp: sdp2
     });
   }
-  function replaceExternalStreamId(pc2, description) {
+  function replaceExternalStreamId(pc, description) {
     let sdp2 = description.sdp;
-    Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
-      const externalStream = pc2._reverseStreams[internalId];
-      const internalStream = pc2._streams[externalStream.id];
+    Object.keys(pc._reverseStreams || []).forEach((internalId) => {
+      const externalStream = pc._reverseStreams[internalId];
+      const internalStream = pc._streams[externalStream.id];
       sdp2 = sdp2.replace(
         new RegExp(externalStream.id, "g"),
         internalStream.id
@@ -20203,9 +20190,9 @@ function shimPeerConnection(window2, browserDetails) {
 }
 function fixNegotiationNeeded(window2, browserDetails) {
   wrapPeerConnectionEvent(window2, "negotiationneeded", (e) => {
-    const pc2 = e.target;
-    if (browserDetails.version < 72 || pc2.getConfiguration && pc2.getConfiguration().sdpSemantics === "plan-b") {
-      if (pc2.signalingState !== "stable") {
+    const pc = e.target;
+    if (browserDetails.version < 72 || pc.getConfiguration && pc.getConfiguration().sdpSemantics === "plan-b") {
+      if (pc.signalingState !== "stable") {
         return;
       }
     }
@@ -20652,24 +20639,24 @@ function shimRemoteStreamsAPI(window2) {
     });
     const origSetRemoteDescription = window2.RTCPeerConnection.prototype.setRemoteDescription;
     window2.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription() {
-      const pc2 = this;
+      const pc = this;
       if (!this._onaddstreampoly) {
         this.addEventListener("track", this._onaddstreampoly = function(e) {
           e.streams.forEach((stream) => {
-            if (!pc2._remoteStreams) {
-              pc2._remoteStreams = [];
+            if (!pc._remoteStreams) {
+              pc._remoteStreams = [];
             }
-            if (pc2._remoteStreams.indexOf(stream) >= 0) {
+            if (pc._remoteStreams.indexOf(stream) >= 0) {
               return;
             }
-            pc2._remoteStreams.push(stream);
+            pc._remoteStreams.push(stream);
             const event = new Event("addstream");
             event.stream = stream;
-            pc2.dispatchEvent(event);
+            pc.dispatchEvent(event);
           });
         });
       }
-      return origSetRemoteDescription.apply(pc2, arguments);
+      return origSetRemoteDescription.apply(pc, arguments);
     };
   }
 }
@@ -21035,13 +21022,13 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc, pc2) {
+  function wrapDcSend(dc, pc) {
     const origDataChannelSend = dc.send;
     dc.send = function send() {
       const data3 = arguments[0];
       const length = data3.length || data3.size || data3.byteLength;
-      if (dc.readyState === "open" && pc2.sctp && length > pc2.sctp.maxMessageSize) {
-        throw new TypeError("Message too large (can send a maximum of " + pc2.sctp.maxMessageSize + " bytes)");
+      if (dc.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
+        throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
       }
       return origDataChannelSend.apply(dc, arguments);
     };
@@ -21099,11 +21086,11 @@ function shimConnectionState(window2) {
     proto[method] = function() {
       if (!this._connectionstatechangepoly) {
         this._connectionstatechangepoly = (e) => {
-          const pc2 = e.target;
-          if (pc2._lastConnectionState !== pc2.connectionState) {
-            pc2._lastConnectionState = pc2.connectionState;
+          const pc = e.target;
+          if (pc._lastConnectionState !== pc.connectionState) {
+            pc._lastConnectionState = pc.connectionState;
             const newEvent = new Event("connectionstatechange", e);
-            pc2.dispatchEvent(newEvent);
+            pc.dispatchEvent(newEvent);
           }
           return e;
         };
@@ -21314,36 +21301,36 @@ var import_eventemitter2 = require("eventemitter2");
 var import_eventemitter22 = require("eventemitter2");
 var import_uuid8 = require("uuid");
 var import_eventemitter23 = require("eventemitter2");
-var Jt = __toESM(require_lib());
+var Xt = __toESM(require_lib());
 var import_eventemitter24 = __toESM(require("eventemitter2"));
 var import_uuid9 = require("uuid");
 var import_uuid10 = require("uuid");
-var ro = Object.defineProperty;
-var so = Object.defineProperties;
-var ao = Object.getOwnPropertyDescriptors;
-var ii = Object.getOwnPropertySymbols;
-var ls = Object.prototype.hasOwnProperty;
-var us = Object.prototype.propertyIsEnumerable;
-var ds = (a2, e, t) => e in a2 ? ro(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+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 = {}))
-    ls.call(e, t) && ds(a2, t, e[t]);
-  if (ii)
-    for (var t of ii(e))
-      us.call(e, t) && ds(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) => so(a2, ao(e));
-var Tr = (a2, e) => {
+var M = (a2, e) => lo(a2, uo(e));
+var yr = (a2, e) => {
   var t = {};
   for (var i in a2)
-    ls.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
-  if (a2 != null && ii)
-    for (var i of ii(a2))
-      e.indexOf(i) < 0 && us.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 co = (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 {
@@ -21360,51 +21347,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 kr = co((Wc, fo) => {
-  fo.exports = { version: "0.12.25-alpha.0", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "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.25-alpha.10", 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 fr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(fr || {});
-var lo = ((e) => (e.CHAT = "chat", e))(lo || {});
-var ps = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ps || {});
-var vr = ((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))(vr || {});
-var hs = ((t) => (t.audio = "audio", t.video = "video", t))(hs || {});
-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];
-      uo(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 uo(a2) {
+function go(a2) {
   return a2 && a2.source === "screen";
 }
-function ai(a2) {
+function di(a2) {
   return a2 && a2.source === "audioplaylist";
 }
-function St(a2) {
+function ft(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function ms(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 gs = ((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))(gs || {});
-var po = 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);
@@ -21470,28 +21457,28 @@ var l = class {
       }
   }
 };
-l.level = po ? 7 : 0;
-var me = new import_ua_parser_js.UAParser();
-var B = typeof window != "undefined";
-var Ts;
-var Ve = typeof window == "undefined" && !((Ts = me.getBrowser().name) != null && Ts.toLowerCase().includes("electron"));
-var mo = () => !Ve;
-var pc = mo();
-var fs;
-var vs;
-var Ps = (vs = (fs = me.getBrowser()) == null ? void 0 : fs.name) == null ? void 0 : vs.toLowerCase().includes("safari");
-var Ms;
-var ys;
-var bs = ((ys = (Ms = me.getBrowser()) == null ? void 0 : Ms.name) == null ? void 0 : ys.toLowerCase()) === "firefox";
-var As = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(As || {});
-function So() {
-  if (B && window) {
+l.level = To ? 7 : 0;
+var ge = new import_ua_parser_js.UAParser();
+var x = typeof window != "undefined";
+var ks;
+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 = So();
+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) {
@@ -21522,7 +21509,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;
@@ -21548,8 +21535,8 @@ var $ = class extends k {
       }`;
   }
 };
-var Is = ((r) => (r.AUDIO = "audio", r.VIDEO = "video", r.AUDIO_VIDEO = "audio, video", r.SCREEN = "screen", r))(Is || {});
-var go = ["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 = "") {
@@ -21565,37 +21552,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 = "") {
@@ -21611,7 +21598,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, go.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 = "") {
@@ -21659,7 +21646,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 yr = class {
+var br = class {
   constructor() {
     this.valuesMap = /* @__PURE__ */ new Map();
   }
@@ -21684,21 +21671,21 @@ var yr = class {
     return this.valuesMap.size;
   }
 };
-var Rs = () => {
+var ws = () => {
   try {
-    B && !localStorage && (window.localStorage = new yr());
+    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 && (Rs(), 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;
     }
@@ -21718,32 +21705,32 @@ var Se = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var oi = () => {
-  let a2, e = new Se("hms-analytics-deviceId"), t = e.get();
+var li = () => {
+  let a2, e = new Te("hms-analytics-deviceId"), t = e.get();
   return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
 };
-function le(a2) {
+function pe(a2) {
   return a2 != null;
 }
-var Ls = kr().version;
-function Mt(a2 = "prod", e) {
-  let t = "web", i = ze !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
-  if (Ve)
-    return Ds({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Ls, 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 = Er(`web_${r.name}`), d = r.version || "", u = Er(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${Er(`${s.vendor}_${s.type}`)}/${u}`), Ds({ os: n, os_version: d, sdk: t, sdk_version: Ls, 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 Er(a2) {
+function Ir(a2) {
   return a2.replace(/ /g, "_");
 }
-var Ds = (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 = (0, import_uuid3.v4)(), this.device_id = oi();
+    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 = (0, import_uuid3.v4)(), 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 {
@@ -21756,12 +21743,12 @@ var y = class {
     return new C({ name: i, level: r, properties: s });
   }
   static preview(i) {
-    var r = i, { error: e } = r, t = Tr(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 = Tr(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 });
   }
@@ -21849,9 +21836,9 @@ var y = class {
   }
 };
 y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
-var Pr = 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]";
   }
@@ -21883,11 +21870,19 @@ var Pr = class {
     return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
   }
 };
-var X = new Pr();
-var br = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(br || {});
-var Ar = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Ar || {});
-var Hr = ((r) => (r.SPEAKERPHONE = "SPEAKERPHONE", r.WIRED = "WIRED", r.BLUETOOTH = "BLUETOOTH", r.EARPIECE = "EARPIECE", r))(Hr || {});
-function di(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;
@@ -21897,15 +21892,7 @@ function di(a2, e = 300) {
     }, e);
   };
 }
-var Lr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Lr || {});
-var Os = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Os || {});
-var xs = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(xs || {});
-var Us = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Us || {});
-var Bs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Bs || {});
-var Vs = ((e) => (e.CAPTION = "caption", e))(Vs || {});
-var Dr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Dr || {});
-var Fs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Fs || {});
-var wr = class {
+var xr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -21928,12 +21915,12 @@ var wr = 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 Ks = new wr();
-var _r = class {
+var zs = new xr();
+var Ur = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -21946,7 +21933,7 @@ var _r = class {
       (t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
     };
     this.createObserver = () => {
-      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(di(this.handleResize, 300)));
+      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(hi(this.handleResize, 300)));
     };
     this.handleResize = (e) => {
       var t;
@@ -21956,47 +21943,47 @@ var _r = 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 qs = new _r();
-var Nr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Nr || {});
-var Or = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Or || {});
-var Qs = "https://event.100ms.live/v2/client/report";
-var zs = "https://event-nonprod.100ms.live/v2/client/report";
-var bt = Math.pow(2, 31) - 1;
-var st = class {
-};
-st.makePeerId = () => (0, import_uuid7.v4)();
-var F = (a2) => a2.room;
-var Uo = (a2) => a2.errors;
-var dm = createSelector(Uo, (a2) => a2.length === 0 ? null : a2.at(-1));
-var lm = createSelector(F, (a2) => a2.id);
-var z = (a2) => a2.peers;
-var yi = (a2) => a2.messages.byID;
-var aa = (a2) => a2.messages.allIDs;
-var O = (a2) => a2.tracks;
-var Kr = (a2) => a2.appData;
-var Bo = (a2) => a2.speakers;
-var xe = createSelector([F], (a2) => a2 && a2.isConnected);
-var hm = 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 Vo = (a2) => a2.hideLocalPeer;
-var ve = createSelector([F, z, Vo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Fo = createSelector(O, (a2) => Object.values(a2));
-var re = createSelector(F, z, (a2, e) => e[a2.localPeer]);
-var Pe = createSelector(F, (a2) => a2.localPeer);
-var mm = createSelector(re, (a2) => a2 == null ? void 0 : a2.name);
-var Sm = 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 Go = createSelector(re, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var na = createSelector([ce, Z, Go], (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 = () => (0, import_uuid7.v4)();
+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 gm = createSelector(ve, (a2) => a2.filter((e) => !e.isLocal));
-var Tm = createSelector(z, Bo, (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;
@@ -22009,112 +21996,112 @@ var Tm = createSelector(z, Bo, (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 Wo = 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 vm = createSelector(Wo, (a2) => !!a2);
-var Mm = 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 ym = 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 km = 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 Em = createSelector(z, O, (a2, e) => {
+var Dm = createSelector(Q, N, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (ai(i) && i.peerId)
+    if (di(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Pm = createSelector(Fo, (a2) => a2.filter(ms));
-var bm = createSelector(aa, (a2) => a2.length);
-var Am = createSelector(yi, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var Ht = createSelector(aa, yi, (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 $o = createSelector(Ht, (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 Im = createSelector($o, (a2) => a2.filter((e) => !e.read).length);
-var se = createSelector([F], (a2) => a2 && a2.roomState);
-var da = createSelector(se, (a2) => a2 === "Preview");
-var Rm = createSelector(F, (a2) => a2.roomState !== "Disconnected");
-var Hm = 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 Cm = createSelector([Me], (a2) => Object.keys(a2));
-var ot = createSelector([re, Me], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var Ko = (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 la = createSelector([Ko, Me], (a2, e) => a2 ? e[a2] : null);
-var Lm = 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 ua = createSelector(ot, (a2) => a2 == null ? void 0 : a2.permissions);
-var Dm = createSelector(F, (a2) => a2.recording);
-var wm = createSelector(F, (a2) => a2.rtmp);
-var _m = createSelector(F, (a2) => a2.hls);
-var Nm = createSelector(F, (a2) => a2.transcriptions);
-var Om = createSelector(F, (a2) => a2.sessionId);
-var xm = createSelector(F, (a2) => a2.startedAt);
-var Um = createSelector(F, (a2) => !!a2.isLargeRoom);
-var Bm = createSelector(F, (a2) => !!a2.isEffectsEnabled);
-var Vm = createSelector(F, (a2) => !!a2.isVBEnabled);
-var Fm = createSelector(F, (a2) => a2.effectsKey);
-var pa = (a2) => a2.polls;
-var Km = createSelector(ve, (a2) => a2.filter((e) => e.isHandRaised));
-var qo = (a2) => a2.whiteboards;
-var qm = createSelector(qo, (a2) => Object.values(a2)[0]);
-var ma = (a2 = "audio") => (e) => e.playlist[a2].list;
-var Jr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var Sa = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var ga = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var Ta = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var fa = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var va = (a2 = "audio") => createSelector(ma(a2), (e) => Object.values(e));
-var Ma = (a2 = "audio") => createSelector(ma(a2), Jr(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 ya = { selection: Jr("audio"), progress: Sa("audio"), currentTime: ga("audio"), playbackRate: Ta("audio"), volume: fa("audio"), list: va("audio"), selectedItem: Ma("audio") };
-var ka = { selection: Jr("video"), progress: Sa("video"), currentTime: ga("video"), playbackRate: Ta("video"), volume: fa("video"), list: va("video"), selectedItem: Ma("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 Ct = "HMS-Store:";
+var _t = "HMS-Store:";
 var b = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -22144,23 +22131,23 @@ var b = class {
     if (!(this.level.valueOf() > e.valueOf()))
       switch (e) {
         case 0: {
-          console.log(Ct, ...t);
+          console.log(_t, ...t);
           break;
         }
         case 1: {
-          console.debug(Ct, ...t);
+          console.debug(_t, ...t);
           break;
         }
         case 2: {
-          console.info(Ct, ...t);
+          console.info(_t, ...t);
           break;
         }
         case 3: {
-          console.warn(Ct, ...t);
+          console.warn(_t, ...t);
           break;
         }
         case 6: {
-          console.error(Ct, ...t);
+          console.error(_t, ...t);
           break;
         }
         case 4: {
@@ -22181,133 +22168,133 @@ var b = class {
   }
 };
 b.level = 0;
-var Qr = (a2, e) => e;
-var Lt = (a2, e) => e;
-var Ea = (a2, e) => e;
-var jo = (a2, e) => e;
-var Jo = (a2, e) => e;
-var Y = createSelector([z, Qr], (a2, e) => e ? a2[e] : null);
-var zr = createSelector([O, Lt], (a2, e) => e ? a2[e] : null);
-var Qo = createSelector([O, Lt], (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 zo = createSelector([O, Lt], (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 Yo = createSelector([O, Lt], (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 Xo = createSelector([O, Lt], (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 Zo = createSelector([pa, Jo], (a2, e) => e ? a2[e] : null);
-var ee = H(Y);
-var rS = H(createSelector([Kr, 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 sS(a2) {
+function hS(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var oS = H(createSelector(Y, (a2) => a2 == null ? void 0 : a2.name));
-var nS = H(createSelector(Y, (a2) => a2 == null ? void 0 : a2.type));
-var ki = H(zr);
-var Pa = H(Qo);
-var cS = H(zo);
-var dS = H(Yo);
-var lS = H(Xo);
-var en = 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 tn = 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 pS = 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 ba = (a2, e) => e ? a2.speakers[e] : null;
-var hS = H(createSelector(ba, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var rn = (a2, e) => {
-  let t = tn(e)(a2);
-  return ba(a2, t == null ? void 0 : t.id);
-};
-var mS = H(createSelector(rn, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var SS = 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 gS = 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 TS = 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 fS = 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 vS = 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 ai(r) && ht(r);
+    return di(r) && gt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Aa = H(createSelector(O, Y, (a2, e) => Be(a2, e)));
-var Ia = (a2) => createSelector(Aa(a2), (e) => e.audio);
-var yS = 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 kS = 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 Ra = H((a2, e) => {
+var wa = H((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var ES = H((a2, e) => {
-  let t = Y(a2, e);
-  return Ra(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 PS = H((a2, e) => {
-  let t = Ia(e)(a2);
-  return Ra(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 Ha = H((a2, e) => {
-  let t = zr(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");
@@ -22316,16 +22303,16 @@ var Ha = H((a2, e) => {
     return t.volume;
   }
 });
-var bS = H((a2, e) => {
-  let t = Y(a2, e);
-  return Ha(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 AS = H((a2, e) => {
-  let t = Ia(e)(a2);
-  return Ha(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 IS = H((a2, e) => {
-  let t = zr(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");
@@ -22334,53 +22321,53 @@ var IS = H((a2, e) => {
     return t.layer;
   }
 });
-var Ca = createSelector([Ht, Pe, Qr], (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 La = createSelector([Ht, Ea], (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 sn = createSelector(Ht, (a2) => a2.filter((e) => {
+var dn = createSelector(wt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var an = createSelector([La, Ea], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var on = createSelector([Ca, Qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var RS = createSelector(sn, (a2) => a2.filter((e) => !e.read).length);
-var HS = H(Ca);
-var CS = H(La);
-var LS = H(an);
-var DS = H(on);
-var Da = H(Zo);
-var $S = 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 nn = (a2) => a2.roleChangeRequests[0] || null;
-var KS = createSelector([nn, z, Me], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var qS = createSelector([ot], (a2) => gt(a2));
-var jS = createSelector([la], (a2) => gt(a2));
-var dn = 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 ln = 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 hn = ((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))(hn || {});
-var ts = 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 = "";
@@ -22396,7 +22383,7 @@ var ts = 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" ? Qs : zs;
+    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);
@@ -22422,8 +22409,8 @@ var ts = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Ae = new ts();
-var Ft = class {
+var Re = new as();
+var Kt = class {
   static handleError(e) {
     if (e.status === 404)
       throw S.APIErrors.EndpointUnreachable("FEEDBACK", e.statusText);
@@ -22449,67 +22436,67 @@ var Ft = class {
     });
   }
 };
-Ft.TAG = "[FeedbackService]";
-var is = ((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))(is || {});
+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 ar = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(ar || {});
-var ut = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(ut || {});
-var wn = (a2) => a2.localPeer.id;
-var _n = (a2) => a2.localPeer.audioTrack;
-var Nn = (a2) => a2.localPeer.videoTrack;
-var On = (a2, e) => e;
-var to = (a2, e) => e;
-var xn = (a2) => a2.remoteTrackStats;
-var io = (a2) => a2.peerStats;
-var os = (a2) => a2.localTrackStats;
-var Re = createSelector([io, wn], (a2, e) => a2[e]);
-var Un = createSelector(Re, (a2) => {
+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 Bn = createSelector(Re, (a2) => {
+var $n = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var Vn = createSelector(Re, (a2) => {
+var Kn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var Fn = createSelector(Re, (a2) => {
+var qn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var Gn = createSelector(Re, (a2) => {
+var jn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var Wn = createSelector(Re, (a2) => {
+var Jn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var $n = createSelector(Re, (a2) => {
+var Qn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Kn = createSelector(Re, (a2) => {
+var zn = createSelector(Ce, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var qn = createSelector([io, On], (a2, e) => e ? a2[e] : void 0);
-var jn = createSelector([xn, to], (a2, e) => e ? a2[e] : void 0);
-var ns = createSelector([os, to], (a2, e) => e ? a2[e] : void 0);
-var Jn = H(qn);
-var Qn = H(jn);
-var zn = createSelector([os, _n], (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 Yn = H(createSelector(ns, (a2) => a2 == null ? void 0 : a2[0]));
-var Xn = createSelector([os, Nn], (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 Zn = H(createSelector(ns, (a2) => a2));
+var sc = H(createSelector(us, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 var import_react_sdk41 = require("@100mslive/react-sdk");
@@ -22535,7 +22522,7 @@ var getRecordingText = ({
   return title.join(delimiter);
 };
 var LiveStatus = () => {
-  var _a7;
+  var _a8;
   const { isHLSRunning, isRTMPRunning } = (0, import_react_sdk41.useRecordingStreaming)();
   const hlsState = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectHLSState);
   const isMobile = (0, import_react_use16.useMedia)(config.media.md);
@@ -22544,8 +22531,8 @@ var LiveStatus = () => {
   const [liveTime, setLiveTime] = (0, import_react88.useState)(0);
   const startTimer = (0, import_react88.useCallback)(() => {
     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());
       }
@@ -22579,7 +22566,7 @@ var LiveStatus = () => {
       }
     },
     /* @__PURE__ */ import_react88.default.createElement(Box, { css: { w: "$4", h: "$4", r: "$round", bg: "$alert_error_default", mr: "$2" } }),
-    /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", gap: "2" }, /* @__PURE__ */ import_react88.default.createElement(Text, { variant: !isMobile ? "button" : "body2" }, "LIVE"), /* @__PURE__ */ import_react88.default.createElement(Text, { variant: "caption" }, ((_a7 = hlsState == null ? void 0 : hlsState.variants) == null ? void 0 : _a7.length) > 0 && isHLSRunning ? formatTime(liveTime) : ""))
+    /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", gap: "2" }, /* @__PURE__ */ import_react88.default.createElement(Text, { variant: !isMobile ? "button" : "body2" }, "LIVE"), /* @__PURE__ */ import_react88.default.createElement(Text, { variant: "caption" }, ((_a8 = hlsState == null ? void 0 : hlsState.variants) == null ? void 0 : _a8.length) > 0 && isHLSRunning ? formatTime(liveTime) : ""))
   );
 };
 var RecordingStatus = () => {
@@ -22618,7 +22605,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRecordingState);
-  if (recording.hls && recording.hls.state === Os.PAUSED) {
+  if (recording.hls && recording.hls.state === Us.PAUSED) {
     return /* @__PURE__ */ import_react88.default.createElement(
       Tooltip,
       {
@@ -22737,8 +22724,8 @@ var ChangeNameContent = ({
   (0, import_react89.useEffect)(() => {
     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]);
@@ -22907,7 +22894,7 @@ init_define_process_env();
 var import_react92 = require("react");
 var import_react_sdk44 = require("@100mslive/react-sdk");
 var useUnreadPollQuizPresent = () => {
-  const localPeerID = (0, import_react_sdk44.useHMSStore)(Pe);
+  const localPeerID = (0, import_react_sdk44.useHMSStore)(Ae);
   const notification = (0, import_react_sdk44.useHMSNotifications)(import_react_sdk44.HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = (0, import_react92.useState)(false);
   (0, import_react92.useEffect)(() => {
@@ -23735,9 +23722,9 @@ var VBToggle = () => {
   const hmsActions = (0, import_react_sdk48.useHMSActions)();
   const { toggleVideo } = (0, import_react_sdk48.useAVToggle)();
   (0, import_react103.useEffect)(() => {
-    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, import_hmsvbplugin2.HMSVirtualBackgroundTypes.NONE);
     }
   }, [hmsActions, toggleVideo]);
@@ -23854,8 +23841,8 @@ var ConnectionIndicator = ({
   isTile = false,
   hideBg = false
 }) => {
-  var _a7;
-  const downlinkQuality = (_a7 = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectConnectionQualityByPeerID)(peerId))) == null ? void 0 : _a7.downlinkQuality;
+  var _a8;
+  const downlinkQuality = (_a8 = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectConnectionQualityByPeerID)(peerId))) == null ? void 0 : _a8.downlinkQuality;
   const peerType = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectPeerTypeByID)(peerId));
   const { theme: theme2 } = useTheme();
   const defaultColor = theme2.colors.on_surface_low;
@@ -23920,8 +23907,8 @@ var import_react106 = __toESM(require("react"));
 var import_react_sdk51 = require("@100mslive/react-sdk");
 var import_react_icons45 = require("@100mslive/react-icons");
 var RemoveParticipant = ({ peerId }) => {
-  var _a7;
-  const canRemoveOthers = (_a7 = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions)) == null ? void 0 : _a7.removeOthers;
+  var _a8;
+  const canRemoveOthers = (_a8 = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions)) == null ? void 0 : _a8.removeOthers;
   const localPeerId = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectLocalPeerID);
   const actions = (0, import_react_sdk51.useHMSActions)();
   if (peerId === localPeerId || !canRemoveOthers) {
@@ -24018,11 +24005,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;
@@ -24088,7 +24075,7 @@ init_define_process_env();
 var import_ts_pattern8 = require("ts-pattern");
 var import_react_sdk53 = require("@100mslive/react-sdk");
 var useGroupOnStageActions = ({ peers }) => {
-  var _a7;
+  var _a8;
   const hmsActions = (0, import_react_sdk53.useHMSActions)();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -24098,7 +24085,7 @@ var useGroupOnStageActions = ({ peers }) => {
     off_stage_roles = [],
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
-  const canChangeRole = (_a7 = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectPermissions)) == null ? void 0 : _a7.changeRole;
+  const canChangeRole = (_a8 = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectPermissions)) == null ? void 0 : _a8.changeRole;
   const offStageRolePeers = peers.filter(
     (peer) => (0, import_ts_pattern8.match)({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
       {
@@ -24137,8 +24124,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 = import_react108.default.memo(
   ({ index, data: data3, style }) => {
@@ -24283,7 +24270,7 @@ init_define_process_env();
 var import_react110 = require("react");
 var import_react_sdk56 = require("@100mslive/react-sdk");
 var usePeerOnStageActions = ({ peerId, role }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const hmsActions = (0, import_react_sdk56.useHMSActions)();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
@@ -24294,7 +24281,7 @@ var usePeerOnStageActions = ({ peerId, role }) => {
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
   const isInStage = role === on_stage_role;
-  const canChangeRole = (_a7 = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPermissions)) == null ? void 0 : _a7.changeRole;
+  const canChangeRole = (_a8 = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPermissions)) == 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 = (0, import_react_sdk56.useHMSStore)((0, import_react_sdk56.selectPeerMetadata)(peerId))) == null ? void 0 : _b7.prevRole;
   const [open, setOpen] = (0, import_react110.useState)(false);
@@ -24525,9 +24512,9 @@ var ParticipantActions = import_react111.default.memo(
     role,
     isHandRaisedAccordion
   }) => {
-    var _a7, _b7;
+    var _a8, _b7;
     const isHandRaised = (0, import_react_sdk57.useHMSStore)((0, import_react_sdk57.selectHasPeerHandRaised)(peerId));
-    const canChangeRole = (_a7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a7.changeRole;
+    const canChangeRole = (_a8 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a8.changeRole;
     const canRemoveOthers = (_b7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _b7.removeOthers;
     const { elements } = useRoomLayoutConferencingScreen();
     const { on_stage_exp } = elements || {};
@@ -24582,7 +24569,7 @@ var HandRaisedAccordionParticipantActions = ({ peerId, role }) => {
   return /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ import_react111.default.createElement(import_react_icons48.CrossIcon, { height: 18, width: 18 })), !isInStage && /* @__PURE__ */ import_react111.default.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ import_react111.default.createElement(import_react_icons48.AddIcon, { height: 18, width: 18 })));
 };
 var ParticipantMoreActions = ({ peerId, role }) => {
-  var _a7;
+  var _a8;
   const {
     open,
     setOpen,
@@ -24592,7 +24579,7 @@ var ParticipantMoreActions = ({ peerId, role }) => {
     isInStage,
     shouldShowStageRoleChange
   } = usePeerOnStageActions({ peerId, role });
-  const canChangeRole = !!((_a7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a7.changeRole);
+  const canChangeRole = !!((_a8 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a8.changeRole);
   const [openRoleChangeModal, setOpenRoleChangeModal] = (0, import_react111.useState)(false);
   const roles = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectAvailableRoleNames);
   return /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(Dropdown.Root, { open, onOpenChange: (value) => setOpen(value), modal: false }, /* @__PURE__ */ import_react111.default.createElement(
@@ -24745,9 +24732,9 @@ var Footer2 = ({
   screenType,
   elements
 }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const isMobile = (0, import_react_use22.useMedia)(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) === import_chat.Chat_ChatState.CHAT_STATE_OPEN;
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
@@ -25110,11 +25097,11 @@ var PrevMenu = () => {
   const polls = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectPolls);
   const sortedPolls = (0, import_react118.useMemo)(
     () => {
-      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]
   );
@@ -25303,13 +25290,13 @@ var MultipleChoiceOptions = ({
     setSelectedOptions(newSelected);
   };
   return /* @__PURE__ */ import_react124.default.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
-    var _a7;
+    var _a8;
     return /* @__PURE__ */ import_react124.default.createElement(Flex, { align: "center", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ import_react124.default.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",
@@ -25454,7 +25441,7 @@ var QuestionForm = ({
   removeQuestion,
   isQuiz
 }) => {
-  var _a7;
+  var _a8;
   const ref = (0, import_react126.useRef)(null);
   const selectionBg = useDropdownSelection();
   const [openDelete, setOpenDelete] = (0, import_react126.useState)(false);
@@ -25526,7 +25513,7 @@ var QuestionForm = ({
       },
       open
     }
-  ), /* @__PURE__ */ import_react126.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react126.default.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__ */ import_react126.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react126.default.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__ */ import_react126.default.createElement(
       Dropdown.Item,
       {
@@ -25668,11 +25655,11 @@ var SavedQuestion = ({
   length,
   convertToDraft
 }) => {
-  var _a7;
+  var _a8;
   const answerArray = (0, import_react127.useMemo)(() => {
-    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);
     }
@@ -25681,7 +25668,7 @@ var SavedQuestion = ({
     }
     return updatedAnswerArray;
   }, [question == null ? void 0 : question.answer]);
-  return /* @__PURE__ */ import_react127.default.createElement(import_react127.default.Fragment, null, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a7 = question.options) == null ? void 0 : _a7.map((option, index2) => /* @__PURE__ */ import_react127.default.createElement(Flex, { key: `${option.text}-${index2}`, css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ import_react127.default.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(import_react_icons58.CheckCircleIcon, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ import_react127.default.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ import_react127.default.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
+  return /* @__PURE__ */ import_react127.default.createElement(import_react127.default.Fragment, null, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a8 = question.options) == null ? void 0 : _a8.map((option, index2) => /* @__PURE__ */ import_react127.default.createElement(Flex, { key: `${option.text}-${index2}`, css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ import_react127.default.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(import_react_icons58.CheckCircleIcon, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ import_react127.default.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ import_react127.default.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
 };
 
 // src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
@@ -25692,14 +25679,14 @@ var getEditableFormat = (questions) => {
   return editableQuestions;
 };
 function CreateQuestions() {
-  var _a7, _b7, _c, _d;
+  var _a8, _b7, _c, _d;
   const actions = (0, import_react_sdk62.useHMSActions)();
   const { isHLSRunning } = (0, import_react_sdk62.useRecordingStreaming)();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
   const interaction = (0, import_react_sdk62.useHMSStore)((0, import_react_sdk62.selectPollByID)(id));
   const [questions, setQuestions] = (0, import_react128.useState)(
-    ((_a7 = interaction.questions) == null ? void 0 : _a7.length) ? getEditableFormat(interaction.questions) : [{ draftID: (0, import_uuid11.v4)() }]
+    ((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: (0, import_uuid11.v4)() }]
   );
   const isValidPoll = (0, import_react128.useMemo)(() => questions.length > 0 && questions.every(isValidQuestion), [questions]);
   const launchPoll = () => __async(this, null, function* () {
@@ -25895,13 +25882,13 @@ var useQuizSummary = (quizID) => {
   const [calculations, setCalculations] = (0, import_react131.useState)({ maxPossibleScore: 0, totalResponses: 0 });
   (0, import_react131.useEffect)(() => {
     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);
@@ -25927,8 +25914,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 ? [
     {
@@ -25960,7 +25947,7 @@ var PeerParticipationSummary = ({ quiz }) => {
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 var LeaderboardSummary = ({ pollID }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const quiz = (0, import_react_sdk65.useHMSStore)((0, import_react_sdk65.selectPollByID)(pollID));
   const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
   const [viewAllEntries, setViewAllEntries] = (0, import_react133.useState)(false);
@@ -25968,7 +25955,7 @@ var LeaderboardSummary = ({ pollID }) => {
   const toggleSidepane = useSidepaneToggle();
   if (!quiz || !quizLeaderboard)
     return /* @__PURE__ */ import_react133.default.createElement(Flex, { align: "center", justify: "center", css: { size: "100%" } }, /* @__PURE__ */ import_react133.default.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__ */ import_react133.default.createElement(Container3, { rounded: true }, /* @__PURE__ */ import_react133.default.createElement(Flex, { direction: "column", css: { size: "100%", p: "$8" } }, /* @__PURE__ */ import_react133.default.createElement(Flex, { justify: "between", align: "center", css: { pb: "$6", borderBottom: "1px solid $border_bright", mb: "$8" } }, /* @__PURE__ */ import_react133.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react133.default.createElement(
     Flex,
     {
@@ -26218,14 +26205,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__ */ import_react135.default.createElement(import_react135.default.Fragment, null, isQuiz && isStopped ? /* @__PURE__ */ import_react135.default.createElement(PeerParticipationSummary, { quiz: poll }) : null, (_a7 = poll.questions) == null ? void 0 : _a7.map((question, index) => {
-    var _a8;
+  return /* @__PURE__ */ import_react135.default.createElement(import_react135.default.Fragment, null, isQuiz && isStopped ? /* @__PURE__ */ import_react135.default.createElement(PeerParticipationSummary, { quiz: poll }) : null, (_a8 = poll.questions) == null ? void 0 : _a8.map((question, index) => {
+    var _a9;
     return /* @__PURE__ */ import_react135.default.createElement(
       QuestionCard2,
       {
@@ -26238,7 +26225,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,
@@ -26257,9 +26244,9 @@ var TimedView = ({
   localPeerResponses,
   updateSavedResponses
 }) => {
-  var _a7, _b7, _c;
+  var _a8, _b7, _c;
   const [currentIndex, setCurrentIndex] = (0, import_react136.useState)(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;
   (0, import_react136.useEffect)(() => {
     setCurrentIndex(getIndexToShow(localPeerResponses));
@@ -26268,7 +26255,7 @@ var TimedView = ({
     return null;
   }
   return /* @__PURE__ */ import_react136.default.createElement(import_react136.default.Fragment, null, poll.questions.map((question) => {
-    var _a8;
+    var _a9;
     return attemptedAll || (activeQuestion == null ? void 0 : activeQuestion.index) === question.index ? /* @__PURE__ */ import_react136.default.createElement(
       QuestionCard2,
       {
@@ -26281,7 +26268,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,
@@ -26325,9 +26312,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;
           });
         }
@@ -26442,9 +26429,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] = (0, import_react139.useState)(false);
   (0, import_react139.useEffect)(() => {
     if (hideImage) {
@@ -26561,8 +26548,8 @@ var SelectorItem = ({
   icon = void 0
 }) => {
   const isMobile = (0, import_react_use23.useMedia)(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__ */ import_react143.default.createElement(Flex, __spreadProps(__spreadValues({}, rest), { css: __spreadValues({ p: "$6 $8" }, rest.css) }), children);
   };
   return /* @__PURE__ */ import_react143.default.createElement(
@@ -26689,11 +26676,11 @@ var VirtualizedSelectItemList = ({
   return /* @__PURE__ */ import_react143.default.createElement(Dropdown.Group, { css: { overflowY: "auto", maxHeight: "$64", bg: "$surface_default" } }, listItems.map((item, index) => /* @__PURE__ */ import_react143.default.createElement(Box, { key: index }, item)));
 };
 var ChatSelector = ({ role, peerId }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
   const peers = (0, import_react_sdk69.useHMSStore)(import_react_sdk69.selectRemotePeers);
   const [search, setSearch] = (0, import_react143.useState)("");
-  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__ */ import_react143.default.createElement(import_react143.default.Fragment, null, peers.length > 0 && isPrivateChatEnabled && /* @__PURE__ */ import_react143.default.createElement(Box, { css: { px: "$4" } }, /* @__PURE__ */ import_react143.default.createElement(ParticipantSearch, { onSearch: setSearch, placeholder: "Search for participants" })), /* @__PURE__ */ import_react143.default.createElement(
     VirtualizedSelectItemList,
@@ -26709,11 +26696,11 @@ var ChatSelector = ({ role, peerId }) => {
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 var ChatSelectorContainer = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = (0, import_react144.useState)(false);
   const isMobile = (0, import_react_use24.useMedia)(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);
@@ -26853,8 +26840,8 @@ var useEmojiPickerStyles = (showing) => {
   (0, import_react146.useEffect)(() => {
     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 {
@@ -26924,13 +26911,13 @@ function EmojiPicker({ onSelect }) {
   )));
 }
 var ChatFooter = ({ onSend, children }) => {
-  var _a7, _b7, _c, _d, _e;
+  var _a8, _b7, _c, _d, _e;
   const hmsActions = (0, import_react_sdk71.useHMSActions)();
   const inputRef = (0, import_react147.useRef)(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = (0, import_react_use25.useMedia)(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 = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectLocalPeer);
   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);
@@ -26943,11 +26930,11 @@ var ChatFooter = ({ onSend, children }) => {
   const [messageLengthExceeded, setMessageLengthExceeded] = (0, import_react147.useState)(false);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   (0, import_react147.useEffect)(() => {
-    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();
       }
     }
@@ -26966,8 +26953,8 @@ var ChatFooter = ({ onSend, children }) => {
     }
   }, []);
   const sendMessage = (0, import_react147.useCallback)(() => __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;
     }
@@ -27136,10 +27123,10 @@ init_define_process_env();
 var import_react149 = __toESM(require("react"));
 var import_react_sdk72 = require("@100mslive/react-sdk");
 var ChatPaused = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const hmsActions = (0, import_react_sdk72.useHMSActions)();
   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 = "" } = (0, import_react_sdk72.useHMSStore)((0, import_react_sdk72.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
   const localPeer = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectLocalPeer);
   const unPauseChat = (0, import_react149.useCallback)(
@@ -27248,13 +27235,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 = (0, import_react_sdk73.useHMSStore)((0, import_react_sdk73.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = (0, import_react152.useState)(0);
   const { removePinnedMessage } = usePinnedMessages();
   const isMobile = (0, import_react_use26.useMedia)(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] = (0, import_react152.useState)(true);
   const currentPinnedMessage = ((_b7 = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _b7.text) || "";
   const canOverflow = currentPinnedMessage.length > PINNED_MESSAGE_LENGTH;
@@ -27363,12 +27350,12 @@ var PinnedMessage = () => {
 
 // src/Prebuilt/components/Chat/Chat.tsx
 var Chat = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const listRef = (0, import_react153.useRef)(null);
   const hmsActions = (0, import_react_sdk74.useHMSActions)();
   const vanillaStore = (0, import_react_sdk74.useHMSVanillaStore)();
-  const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(sS("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(hS("chatState" /* CHAT_STATE */)) || {};
   const isMobile = (0, import_react_use27.useMedia)(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -27376,13 +27363,13 @@ var Chat = () => {
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const scrollToBottom = (0, import_react153.useCallback)(
     (unreadCount = 0) => {
-      var _a8;
+      var _a9;
       if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
         const messagesCount = vanillaStore.getState(import_react_sdk74.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);
       }
@@ -27400,7 +27387,7 @@ var Chat = () => {
         gap: "$4"
       }
     },
-    isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && !streaming ? null : /* @__PURE__ */ import_react153.default.createElement(PinnedMessage, null),
+    isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && !streaming ? null : /* @__PURE__ */ import_react153.default.createElement(PinnedMessage, null),
     /* @__PURE__ */ import_react153.default.createElement(ChatBody, { ref: listRef, scrollToBottom }),
     /* @__PURE__ */ import_react153.default.createElement(Flex, { align: "center", css: { w: "100%", gap: "$2" } }, /* @__PURE__ */ import_react153.default.createElement(ChatPaused, null), /* @__PURE__ */ import_react153.default.createElement(ChatBlocked, null), streaming && (!isChatEnabled || isLocalPeerBlacklisted) && /* @__PURE__ */ import_react153.default.createElement(import_react153.default.Fragment, null, /* @__PURE__ */ import_react153.default.createElement(RaiseHand, { css: { bg: "$surface_default" } }), /* @__PURE__ */ import_react153.default.createElement(MoreSettings, { elements, screenType }))),
     isMobile && ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && !streaming ? /* @__PURE__ */ import_react153.default.createElement(PinnedMessage, null) : null,
@@ -27458,7 +27445,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = (0, import_react_sdk74.useHMSStore)(Am);
+  const unreadCount = (0, import_react_sdk74.useHMSStore)(Nm);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -27549,8 +27536,8 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
   const { peers, total, hasNext, loadPeers, loadMorePeers } = (0, import_react_sdk75.usePaginatedParticipants)({ role: roleName, limit: 20 });
   const [search, setSearch] = (0, import_react154.useState)("");
   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 = (0, import_react_sdk75.useHMSStore)(import_react_sdk75.selectIsConnectedToRoom);
   const [ref, { width }] = (0, import_react_use28.useMeasure)();
@@ -27589,11 +27576,11 @@ var import_react155 = __toESM(require("react"));
 var import_react_sdk76 = require("@100mslive/react-sdk");
 var import_react_icons73 = require("@100mslive/react-icons");
 var ChatSettings = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const hmsActions = (0, import_react_sdk76.useHMSActions)();
   const localPeer = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectLocalPeer);
   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 } = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
   const showPause = canPauseChat && isChatEnabled;
   if (!showPause) {
@@ -27656,7 +27643,7 @@ var ParticipantCount2 = ({ count }) => {
   return count < 1e3 ? /* @__PURE__ */ import_react156.default.createElement("span", null, "(", count, ")") : /* @__PURE__ */ import_react156.default.createElement(Tooltip, { title: count }, /* @__PURE__ */ import_react156.default.createElement("span", null, "(", getFormattedCount(count), ")"));
 };
 var SidePaneTabs = import_react156.default.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();
@@ -27664,7 +27651,7 @@ var SidePaneTabs = import_react156.default.memo(({ active = SIDE_PANE_OPTIONS.CH
   const [activeRole, setActiveRole] = (0, import_react156.useState)("");
   const peerCount = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectPeerCount);
   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;
@@ -27944,11 +27931,11 @@ var MinimiseInset = () => {
   return /* @__PURE__ */ import_react158.default.createElement(import_react158.default.Fragment, null, /* @__PURE__ */ import_react158.default.createElement(StyledMenuTile.ItemButton, { className: dragClassName, css: spacingCSS, onClick: () => setMinimised(!minimised) }, /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.ShrinkIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react158.default.createElement("span", null, minimised ? "Show" : "Minimise", " your video")));
 };
 var SimulcastLayers = ({ trackId }) => {
-  var _a7;
+  var _a8;
   const track = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectTrackByID)(trackId));
   const actions = (0, import_react_sdk79.useHMSActions)();
   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);
@@ -28145,7 +28132,7 @@ var TileMenu = ({
   canMinimise,
   enableSpotlightingPeer = true
 }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = (0, import_react159.useState)(false);
   const { theme: theme2 } = useTheme();
   const localPeerID = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectLocalPeerID);
@@ -28153,7 +28140,7 @@ var TileMenu = ({
   const { removeOthers } = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectPermissions) || {};
   const { setVolume, toggleAudio, toggleVideo } = (0, import_react_sdk80.useRemoteAVToggle)(audioTrackID, videoTrackID);
   const showSpotlight = enableSpotlightingPeer;
-  const isPrimaryVideoTrack = ((_a7 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
+  const isPrimaryVideoTrack = ((_a8 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
   const track = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(videoTrackID));
   const audioTrack = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(audioTrackID));
@@ -28411,11 +28398,11 @@ 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 = (0, import_react_sdk82.useHMSActions)();
   const localPeer = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeer);
-  const role = (0, import_react_sdk82.useHMSStore)(ot);
+  const role = (0, import_react_sdk82.useHMSStore)(ct);
   const isVideoOn = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLocalVideoEnabled);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = (0, import_react_sdk82.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
@@ -28424,12 +28411,12 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const roomState = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoomState);
   const isLargeRoom = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLargeRoom);
   const isEffectsSupported = VBHandler.isEffectsSupported();
-  const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Bm);
-  const effectsKey = (0, import_react_sdk82.useHMSStore)(Fm);
+  const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Jm);
+  const effectsKey = (0, import_react_sdk82.useHMSStore)(zm);
   const isMobile = (0, import_react_use33.useMedia)(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
-  const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
-  const background = (0, import_react_sdk82.useHMSStore)(rS(APP_DATA.background));
+  const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
+  const background = (0, import_react_sdk82.useHMSStore)(pS(APP_DATA.background));
   const mediaList = backgroundMedia.map((media) => media.url || "");
   const pluginLoadingRef = (0, import_react163.useRef)(false);
   const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
@@ -28553,8 +28540,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
             icon: /* @__PURE__ */ import_react163.default.createElement(import_react_icons79.BlurPersonHighIcon, { style: iconDims }),
             value: import_hmsvbplugin4.HMSVirtualBackgroundTypes.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, import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR);
             }),
             supported: isBlurSupported
@@ -28585,8 +28572,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();
@@ -28700,11 +28687,11 @@ var SidePane = ({
   tileProps,
   hideControls = false
 }) => {
-  var _a7, _b7, _c, _d, _e, _f, _g;
+  var _a8, _b7, _c, _d, _e, _f, _g;
   const isMobile = (0, import_react_use34.useMedia)(config.media.md);
   const sidepane = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectAppData)(APP_DATA.sidePane));
   const activeScreensharePeerId = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectAppData)(APP_DATA.activeScreensharePeerId));
-  const trackId = (_a7 = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a7.id;
+  const trackId = (_a8 = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
   const { elements } = useRoomLayoutConferencingScreen();
   const { elements: preview_elements } = useRoomLayoutPreviewScreen();
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
@@ -28837,14 +28824,14 @@ var PreviewForm = ({
   cannotPublishVideo = false,
   cannotPublishAudio = false
 }) => {
-  var _a7, _b7, _c;
+  var _a8, _b7, _c;
   const formSubmit = (e) => {
     e.preventDefault();
   };
   const isMobile = (0, import_react_use35.useMedia)(config.media.md);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk84.useRecordingStreaming)();
   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) === import_join_form3.JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE && !isHLSRunning && !isRTMPRunning && !isHLSRecordingOn && !isBrowserRecordingOn;
   return /* @__PURE__ */ import_react167.default.createElement(
     Form,
@@ -29150,10 +29137,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();
         }
@@ -29407,11 +29394,10 @@ var Pagination = ({
 // src/Prebuilt/components/VideoLayouts/Grid.tsx
 init_define_process_env();
 var import_react175 = __toESM(require("react"));
-var import_framer_motion2 = require("framer-motion");
 var Grid = import_react175.default.forwardRef(
   ({ tiles, edgeToEdge }, ref) => {
     const videoTileProps = useVideoTileContext();
-    return /* @__PURE__ */ import_react175.default.createElement(import_framer_motion2.AnimatePresence, null, /* @__PURE__ */ import_react175.default.createElement(
+    return /* @__PURE__ */ import_react175.default.createElement(
       Box,
       {
         ref,
@@ -29428,11 +29414,11 @@ var Grid = import_react175.default.forwardRef(
         }
       },
       tiles == null ? void 0 : tiles.map((tile) => {
-        var _a7, _b7, _c, _d;
+        var _a8, _b7, _c, _d;
         return /* @__PURE__ */ import_react175.default.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,
@@ -29442,7 +29428,7 @@ var Grid = import_react175.default.forwardRef(
           }, videoTileProps)
         );
       })
-    ));
+    );
   }
 );
 
@@ -29549,7 +29535,7 @@ var useTileLayout = ({
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
-  var _a7;
+  var _a8;
   const isMobile = (0, import_react_use40.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -29563,7 +29549,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     edgeToEdge
   });
   const [page, setPage] = (0, import_react177.useState)(0);
-  const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
+  const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
   (0, import_react177.useEffect)(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -29653,11 +29639,11 @@ var SecondarySection = ({
       })
     },
     tiles.map((tile) => {
-      var _a7, _b7, _c, _d;
+      var _a8, _b7, _c, _d;
       return /* @__PURE__ */ import_react178.default.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({
@@ -29682,14 +29668,14 @@ var ProminenceLayout = {
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const isMobile = (0, import_react_use41.useMedia)(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = (0, import_react179.useState)(0);
   const pinnedTrackId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.pinnedTrackId));
   const spotlightPeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectSessionStore)("spotlight" /* SPOTLIGHT */));
   const activeScreensharePeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.activeScreensharePeerId));
-  const pinnedPeer = (_a7 = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a7.peerId;
+  const pinnedPeer = (_a8 = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a8.peerId;
   const pageChangedAfterPinning = (0, import_react179.useRef)(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -29712,8 +29698,8 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   });
   const pageSize = ((_b7 = pagesWithTiles[0]) == null ? void 0 : _b7.length) || 0;
   (0, import_react179.useEffect)(() => {
-    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]);
@@ -29787,7 +29773,7 @@ function RoleProminence({
   onPageSize,
   edgeToEdge
 }) {
-  var _a7;
+  var _a8;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
   const localPeer = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeer);
   const isMobile = (0, import_react_use42.useMedia)(config.media.md);
@@ -29802,7 +29788,7 @@ function RoleProminence({
     maxTileCount
   });
   const [page, setPage] = (0, import_react181.useState)(0);
-  const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
+  const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
   (0, import_react181.useEffect)(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
@@ -30079,7 +30065,7 @@ var ScreenshareTile_default = ScreenshareTile;
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-  var _a7;
+  var _a8;
   const peersSharing = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const [page, setPage] = (0, import_react185.useState)(0);
@@ -30115,7 +30101,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setActiveScreenSharePeer("");
     };
   }, [activeSharePeer == null ? void 0 : activeSharePeer.id, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ import_react185.default.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ import_react185.default.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ import_react185.default.createElement(ScreenshareTile_default, { peerId: (_a7 = peersSharing[page]) == null ? void 0 : _a7.id }), !edgeToEdge && /* @__PURE__ */ import_react185.default.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ import_react185.default.createElement(
+  return /* @__PURE__ */ import_react185.default.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ import_react185.default.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ import_react185.default.createElement(ScreenshareTile_default, { peerId: (_a8 = peersSharing[page]) == null ? void 0 : _a8.id }), !edgeToEdge && /* @__PURE__ */ import_react185.default.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ import_react185.default.createElement(
     SecondaryTiles,
     {
       peers: secondaryPeers,
@@ -30226,10 +30212,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;
     };
@@ -30249,8 +30235,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)) {
@@ -30491,7 +30477,7 @@ init_define_process_env();
 var import_react189 = __toESM(require("react"));
 var import_react_icons88 = require("@100mslive/react-icons");
 function HlsStatsOverlay({ hlsStatsState, onClose }) {
-  var _a7, _b7, _c;
+  var _a8, _b7, _c;
   return /* @__PURE__ */ import_react189.default.createElement(
     Flex,
     {
@@ -30517,7 +30503,7 @@ function HlsStatsOverlay({ hlsStatsState, onClose }) {
       },
       "Stream url"
     ))),
-    /* @__PURE__ */ import_react189.default.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__ */ import_react189.default.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__ */ import_react189.default.createElement(HlsStatsRow, { label: "Buffer duration" }, (_c = hlsStatsState == null ? void 0 : hlsStatsState.bufferedDuration) == null ? void 0 : _c.toFixed(2), " "),
     /* @__PURE__ */ import_react189.default.createElement(HlsStatsRow, { label: "Connection speed" }, `${((hlsStatsState == null ? void 0 : hlsStatsState.bandwidthEstimate) / (1e3 * 1e3)).toFixed(2)} Mbps`),
     /* @__PURE__ */ import_react189.default.createElement(HlsStatsRow, { label: "Bitrate" }, `${((hlsStatsState == null ? void 0 : hlsStatsState.bitrate) / (1e3 * 1e3)).toFixed(2)} Mbps`),
@@ -30595,8 +30581,8 @@ var RightControls = styled(Flex, {
 // src/Prebuilt/components/HMSVideo/HMSVideo.jsx
 init_define_process_env();
 var import_react190 = __toESM(require("react"));
-var HMSVideo = (0, import_react190.forwardRef)((_a7, videoRef) => {
-  var _b7 = _a7, { children, isFullScreen } = _b7, props = __objRest(_b7, ["children", "isFullScreen"]);
+var HMSVideo = (0, import_react190.forwardRef)((_a8, videoRef) => {
+  var _b7 = _a8, { children, isFullScreen } = _b7, props = __objRest(_b7, ["children", "isFullScreen"]);
   const [width, setWidth] = (0, import_react190.useState)("auto");
   (0, import_react190.useEffect)(() => {
     const updatingVideoWidth = () => {
@@ -30891,7 +30877,7 @@ var VideoProgress = ({
   const [bufferProgress, setBufferProgress] = (0, import_react195.useState)(0);
   const videoEl = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
   const setProgress = (0, import_react195.useCallback)(() => {
-    var _a7;
+    var _a8;
     if (!videoEl) {
       return;
     }
@@ -30899,7 +30885,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);
@@ -30925,13 +30911,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();
@@ -31029,9 +31015,9 @@ init_define_process_env();
 var import_react197 = __toESM(require("react"));
 var import_react_icons91 = require("@100mslive/react-icons");
 var VolumeControl = () => {
-  var _a7;
+  var _a8;
   const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
-  const [volume, setVolume] = (0, import_react197.useState)((_a7 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a7 : 100);
+  const [volume, setVolume] = (0, import_react197.useState)((_a8 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a8 : 100);
   const [showSlider, setShowSlider] = (0, import_react197.useState)(false);
   return /* @__PURE__ */ import_react197.default.createElement(
     Flex,
@@ -31482,7 +31468,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 = (0, import_react203.useRef)(null);
   const hlsViewRef = (0, import_react203.useRef)();
   const { elements } = useRoomLayoutConferencingScreen();
@@ -31493,7 +31479,7 @@ var HLSView = () => {
   const { themeType } = useTheme();
   const [streamEnded, setStreamEnded] = (0, import_react203.useState)(false);
   let [hlsStatsState, setHlsStatsState] = (0, import_react203.useState)(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] = (0, import_react203.useState)([]);
   const [isVideoLive, setIsVideoLive] = (0, import_react203.useState)(true);
   const [isCaptionEnabled, setIsCaptionEnabled] = (0, import_react203.useState)(true);
@@ -31562,9 +31548,9 @@ var HLSView = () => {
   }, [hlsUrl]);
   const handleQuality = (0, import_react203.useCallback)(
     (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);
       }
     },
@@ -31580,9 +31566,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);
@@ -31627,7 +31613,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 = {
@@ -31728,7 +31714,7 @@ var HLSView = () => {
   }, [controlsVisible, isFullScreen, seekProgress, qualityDropDownOpen]);
   const onSeekTo = (0, import_react203.useCallback)(
     (seek) => {
-      var _a8;
+      var _a9;
       (0, import_ts_pattern13.match)({ isLandscape, isMobile, seek }).with({ seek: -10, isMobile: false, isLandscape: false }, () => {
         setHoverControlsVisible(__spreadProps(__spreadValues({}, hoverControlsVisible), { seekBackward: true }));
         setTimeout(() => {
@@ -31744,14 +31730,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 = (0, import_react203.useCallback)(
     (event) => {
-      var _a8;
-      if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk98.HLSPlaylistType.DVR) {
+      var _a9;
+      if (!(isMobile || isLandscape) || ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) !== import_react_sdk98.HLSPlaylistType.DVR) {
         return;
       }
       const sidePercentage = event.screenX * 100 / event.target.clientWidth;
@@ -31776,8 +31762,8 @@ var HLSView = () => {
     [hlsState == null ? void 0 : hlsState.variants, hoverControlsVisible, isLandscape, isMobile, onSeekTo]
   );
   const onClickHandler = (0, import_react203.useCallback)(() => __async(void 0, null, function* () {
-    var _a8;
-    (0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type: import_react_sdk98.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
+    var _a9;
+    (0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type }).with({ playlist_type: import_react_sdk98.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
       if (isPaused) {
         yield hlsPlayer == null ? void 0 : hlsPlayer.play();
       } else {
@@ -31874,8 +31860,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) === import_react_sdk98.HLSPlaylistType.DVR) {
+          var _a9;
+          if (((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR) {
             yield keyHandler(event);
           }
         }),
@@ -32142,7 +32128,7 @@ var SimpleQueue = class {
     this.storage = [];
   }
   enqueue(data3) {
-    var _a7;
+    var _a8;
     if (!data3.transcript.trim()) {
       return;
     }
@@ -32154,7 +32140,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;
@@ -32288,11 +32274,11 @@ var CaptionsViewer = ({
   defaultPosition,
   setDefaultPosition
 }) => {
-  var _a7;
+  var _a8;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const isMobile = (0, import_react_use50.useMedia)(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] = (0, import_react205.useState)(new CaptionMaintainerQueue());
   const [currentData, setCurrentData] = (0, import_react205.useState)([]);
   const isCaptionEnabled = useIsCaptionEnabled();
@@ -32300,11 +32286,11 @@ var CaptionsViewer = ({
   const nodeRef = (0, import_react205.useRef)(null);
   (0, import_react205.useEffect)(() => {
     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);
@@ -32383,7 +32369,7 @@ var VideoStreamingSection = ({
   elements,
   hideControls = false
 }) => {
-  var _a7;
+  var _a8;
   const localPeerRoleName = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectLocalPeerRoleName);
   const isConnected = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsConnectedToRoom);
   const isSharingScreen = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsLocalScreenShared);
@@ -32461,8 +32447,8 @@ var VideoStreamingSection = ({
       ({ urlToIframe: urlToIframe2 }) => !!urlToIframe2,
       () => /* @__PURE__ */ import_react207.default.createElement(EmbedView, null)
     ).otherwise(() => {
-      var _a8;
-      return /* @__PURE__ */ import_react207.default.createElement(GridLayout, __spreadValues({}, (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid));
+      var _a9;
+      return /* @__PURE__ */ import_react207.default.createElement(GridLayout, __spreadValues({}, (_a9 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a9.grid));
     }),
     /* @__PURE__ */ import_react207.default.createElement(CaptionsViewer, { setDefaultPosition: setCaptionPosition, defaultPosition: captionPosition }),
     /* @__PURE__ */ import_react207.default.createElement(
@@ -32481,7 +32467,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
         }
       )
@@ -32714,48 +32700,23 @@ 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 = (0, import_react_sdk106.useHMSStore)(import_react_sdk106.selectRoomState);
   const isConnectedToRoom = (0, import_react_sdk106.useHMSStore)(import_react_sdk106.selectIsConnectedToRoom);
   const hmsActions = (0, import_react_sdk106.useHMSActions)();
-  const [hideControls, setHideControls] = (0, import_react212.useState)(false);
-  const dropdownList = (0, import_react_sdk106.useHMSStore)((0, import_react_sdk106.selectAppData)(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
   const headerRef = (0, import_react212.useRef)(null);
   const footerRef = (0, import_react212.useRef)(null);
-  const isMobileDevice = isAndroid || isIOS || isIPadOS;
-  const dropdownListRef = (0, import_react212.useRef)();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const { requestPermission } = (0, import_react_sdk106.useAwayNotifications)();
-  const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
+  const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
   const autoRoomJoined = (0, import_react212.useRef)(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
-  const toggleControls = () => {
-    var _a8;
-    if (((_a8 = dropdownListRef.current) == null ? void 0 : _a8.length) === 0 && isMobileDevice && !isMwebHLSStream) {
-      setHideControls((value) => !value);
-    }
-  };
-  (0, import_react212.useEffect)(() => {
-    let timeout;
-    dropdownListRef.current = dropdownList || [];
-    if (dropdownListRef.current && dropdownListRef.current.length === 0) {
-      clearTimeout(timeout);
-      timeout = setTimeout(() => {
-        if (dropdownListRef.current && dropdownListRef.current.length === 0) {
-          setHideControls(isMobileDevice);
-        }
-      }, 5e3);
-    }
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [dropdownList, hideControls, isMobileDevice]);
   (0, import_react212.useEffect)(() => {
     if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk106.HMSRoomState.Connecting && !autoRoomJoined.current) {
       hmsActions.join({
@@ -32790,7 +32751,6 @@ var ConferenceScreen = () => {
   if (!isConnectedToRoom && ![import_react_sdk106.HMSRoomState.Reconnecting, import_react_sdk106.HMSRoomState.Disconnected].includes(roomState)) {
     return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk106.HMSRoomState.Connecting ? "Joining..." : "" });
   }
-  const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
   return /* @__PURE__ */ import_react212.default.createElement(import_react212.default.Fragment, null, isHLSStarted ? /* @__PURE__ */ import_react212.default.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ import_react212.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ import_react212.default.createElement(
     Box,
     {
@@ -32798,7 +32758,7 @@ var ConferenceScreen = () => {
       css: {
         h: "$18",
         transition: "margin 0.3s ease-in-out",
-        marginTop: hideControlsForStreaming ? `-${(_b7 = headerRef.current) == null ? void 0 : _b7.clientHeight}px` : "none",
+        marginTop: isMwebHLSStream ? `-${(_b7 = headerRef.current) == null ? void 0 : _b7.clientHeight}px` : "none",
         "@md": {
           h: "$17"
         }
@@ -32822,15 +32782,14 @@ var ConferenceScreen = () => {
         }
       },
       id: "conferencing",
-      "data-testid": "conferencing",
-      onClick: toggleControls
+      "data-testid": "conferencing"
     },
     screenProps.elements ? /* @__PURE__ */ import_react212.default.createElement(
       VideoStreamingSection,
       {
         screenType: screenProps.screenType,
         elements: screenProps.elements,
-        hideControls: hideControlsForStreaming
+        hideControls: isMwebHLSStream
       }
     ) : null
   ), !screenProps.hideSections.includes("footer") && screenProps.elements && !isMwebHLSStream && /* @__PURE__ */ import_react212.default.createElement(
@@ -32842,7 +32801,7 @@ var ConferenceScreen = () => {
         maxHeight: "$24",
         transition: "margin 0.3s ease-in-out",
         bg: "$background_dim",
-        marginBottom: hideControlsForStreaming ? `-${(_f = footerRef.current) == null ? void 0 : _f.clientHeight}px` : void 0,
+        marginBottom: isMwebHLSStream ? `-${(_f = footerRef.current) == null ? void 0 : _f.clientHeight}px` : void 0,
         "@md": {
           maxHeight: "unset",
           bg: screenProps.screenType === "hls_live_streaming" ? "transparent" : "$background_dim"
@@ -33009,8 +32968,8 @@ var Init = () => {
   }, [toggleTheme]);
   (0, import_react215.useEffect)(() => {
     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();
@@ -33199,8 +33158,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(
         {
@@ -33665,12 +33624,12 @@ var MwebLandscapePrompt = () => {
   const isLandscape = (0, import_react_use57.useMedia)(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   (0, import_react221.useEffect)(() => {
-    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;
     }
@@ -33754,8 +33713,8 @@ var ChatNotifications = () => {
   const chatState = (0, import_react_sdk111.useHMSStore)((0, import_react_sdk111.selectSessionStore)("chatState" /* CHAT_STATE */));
   const localPeerId = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectLocalPeerID);
   (0, import_react223.useEffect)(() => {
-    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;
@@ -33913,7 +33872,7 @@ var ChatAction = import_react227.default.forwardRef((_, ref) => {
   return /* @__PURE__ */ import_react227.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
 });
 var HandRaiseAction = import_react227.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
-  var _a7, _b7, _c;
+  var _a8, _b7, _c;
   const hmsActions = (0, import_react_sdk115.useHMSActions)();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
@@ -33924,7 +33883,7 @@ var HandRaiseAction = import_react227.default.forwardRef(({ id = "", isSingleHan
     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 = (0, import_react227.useCallback)(() => __async(void 0, null, function* () {
     if (isSingleHandRaise) {
       hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
@@ -33951,9 +33910,9 @@ var HandRaiseAction = import_react227.default.forwardRef(({ id = "", isSingleHan
 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__ */ import_react227.default.createElement(import_react_icons108.PeopleAddIcon, null)
       };
     },
@@ -33966,9 +33925,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__ */ import_react227.default.createElement(import_react_icons108.PeopleRemoveIcon, null)
       };
     },
@@ -33981,41 +33940,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__ */ import_react227.default.createElement(import_react_icons108.HandIcon, 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__ */ import_react227.default.createElement(import_react_icons108.HandIcon, 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__ */ import_react227.default.createElement(import_react_icons108.HandIcon, null),
         action: /* @__PURE__ */ import_react227.default.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__ */ import_react227.default.createElement(import_react_icons108.HandIcon, null),
         action: /* @__PURE__ */ import_react227.default.createElement(HandRaiseAction, { isSingleHandRaise: false })
       };
@@ -34023,9 +33982,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__ */ import_react227.default.createElement(import_react_icons108.ChatUnreadIcon, null),
         action: /* @__PURE__ */ import_react227.default.createElement(ChatAction, null)
       };
@@ -34124,7 +34083,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 var HandRaisedNotifications = () => {
-  var _a7, _b7;
+  var _a8, _b7;
   const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.HAND_RAISE_CHANGED);
   const roomState = (0, import_react_sdk116.useHMSStore)(import_react_sdk116.selectRoomState);
   const vanillaStore = (0, import_react_sdk116.useHMSVanillaStore)();
@@ -34132,9 +34091,9 @@ var HandRaisedNotifications = () => {
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
   const amIScreenSharing = (0, import_react_sdk116.useHMSStore)(import_react_sdk116.selectIsLocalScreenShared);
   const { showNotification } = (0, import_react_sdk116.useAwayNotifications)();
-  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;
   (0, import_react228.useEffect)(() => {
-    var _a8;
+    var _a9;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -34144,7 +34103,7 @@ var HandRaisedNotifications = () => {
     const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk116.selectHasPeerHandRaised)(notification.data.id));
     const peer = vanillaStore.getState((0, import_react_sdk116.selectPeerByID)(notification.data.id));
     if (hasPeerHandRaised) {
-      const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a8 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a8.includes(peer.roleName));
+      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);
     }
@@ -34207,15 +34166,15 @@ init_define_process_env();
 var import_react230 = require("react");
 var import_react_sdk118 = require("@100mslive/react-sdk");
 var MessageNotifications = () => {
-  var _a7, _b7;
-  const notification = (0, import_react_sdk118.useHMSNotifications)(vr.NEW_MESSAGE);
-  const amIScreenSharing = (0, import_react_sdk118.useHMSStore)(jr);
-  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
+  var _a8, _b7;
+  const notification = (0, import_react_sdk118.useHMSNotifications)(Er.NEW_MESSAGE);
+  const amIScreenSharing = (0, import_react_sdk118.useHMSStore)(Yr);
+  const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
   const { showNotification } = (0, import_react_sdk118.useAwayNotifications)();
   (0, import_react230.useEffect)(() => {
-    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
@@ -34403,7 +34362,7 @@ var ReconnectNotifications = () => {
   const notification = (0, import_react_sdk122.useHMSNotifications)(notificationTypes3);
   const prevErrorCode = (0, import_react234.useRef)(0);
   (0, import_react234.useEffect)(() => {
-    var _a7, _b7;
+    var _a8, _b7;
     if (!notification) {
       return;
     }
@@ -34413,7 +34372,7 @@ var ReconnectNotifications = () => {
         ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
       );
     } else if (notification.type === import_react_sdk122.HMSNotificationTypes.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)
@@ -34431,11 +34390,11 @@ var RoleChangeNotification = () => {
   const notification = (0, import_react_sdk123.useHMSNotifications)(import_react_sdk123.HMSNotificationTypes.ROLE_UPDATED);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   (0, import_react235.useEffect)(() => {
-    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}`
       });
@@ -34510,7 +34469,7 @@ var notificationTypes5 = [
 var TrackNotifications = () => {
   const notification = (0, import_react_sdk125.useHMSNotifications)(notificationTypes5);
   (0, import_react237.useEffect)(() => {
-    var _a7, _b7;
+    var _a8, _b7;
     if (notification) {
       switch (notification.type) {
         case import_react_sdk125.HMSNotificationTypes.TRACK_ADDED:
@@ -34521,7 +34480,7 @@ var TrackNotifications = () => {
           break;
         case import_react_sdk125.HMSNotificationTypes.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
@@ -34696,7 +34655,7 @@ init_define_process_env();
 var import_react242 = __toESM(require("react"));
 var import_react_use60 = require("react-use");
 var PreviewScreen = () => {
-  var _a7, _b7, _c;
+  var _a8, _b7, _c;
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const skipPreview = !isPreviewScreenEnabled;
   const previewAsRole = (0, import_react_use60.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
@@ -34704,7 +34663,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__ */ import_react242.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react242.default.createElement(
     Flex,
     {
@@ -34724,8 +34683,8 @@ var import_react_sdk129 = require("@100mslive/react-sdk");
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
 var import_react243 = __toESM(require("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__ */ import_react243.default.createElement(
     Toast.HMSToast,
     __spreadValues({
@@ -35005,7 +34964,7 @@ var HMSPrebuilt = import_react250.default.forwardRef(
     onLeave,
     onJoin
   }, ref) => {
-    var _a7, _b7, _c, _d;
+    var _a8, _b7, _c, _d;
     const reactiveStore = (0, import_react250.useRef)();
     const [hydrated, setHydrated] = import_react250.default.useState(false);
     (0, import_react250.useEffect)(() => {
@@ -35031,8 +34990,8 @@ var HMSPrebuilt = import_react250.default.forwardRef(
     }, [ref]);
     (0, import_react250.useEffect)(() => {
       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;
@@ -35080,16 +35039,16 @@ var HMSPrebuilt = import_react250.default.forwardRef(
         import_react_sdk134.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__ */ import_react250.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react250.default.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) {
@@ -35100,10 +35059,10 @@ var HMSPrebuilt = import_react250.default.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
                 }
               }
@@ -35289,7 +35248,7 @@ init_define_process_env();
 var import_react253 = __toESM(require("react"));
 var import_prop_types = __toESM(require_prop_types());
 var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
-  var _a7, _b7;
+  var _a8, _b7;
   const [open, setOpen] = (0, import_react253.useState)(false);
   const ref = (0, import_react253.useRef)(null);
   return /* @__PURE__ */ import_react253.default.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ import_react253.default.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ import_react253.default.createElement(
@@ -35309,7 +35268,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__ */ import_react253.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react253.default.createElement(
@@ -35354,11 +35313,11 @@ DeviceSelector2.propTypes = {
 // src/Diagnostics/AudioTest.tsx
 var SelectContainer = ({ children }) => /* @__PURE__ */ import_react254.default.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 = (0, import_react_sdk135.useHMSStore)(import_react_sdk135.selectDevices);
   const [isRecording, setIsRecording] = (0, import_react254.useState)(false);
-  const [selectedMic, setSelectedMic] = (0, import_react254.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
+  const [selectedMic, setSelectedMic] = (0, import_react254.useState)(((_a8 = devices.audioInput[0]) == null ? void 0 : _a8.deviceId) || "default");
   const trackID = (0, import_react_sdk135.useHMSStore)(import_react_sdk135.selectLocalAudioTrackID);
   const audioLevel = (0, import_react_sdk135.useHMSStore)((0, import_react_sdk135.selectTrackAudioByID)(trackID));
   const { audioOutputDeviceId } = (0, import_react_sdk135.useHMSStore)(import_react_sdk135.selectLocalMediaSettings);
@@ -35435,7 +35394,7 @@ var MicTest = ({ setError }) => {
   ))));
 };
 var SpeakerTest = () => {
-  var _a7;
+  var _a8;
   const actions = (0, import_react_sdk135.useHMSActions)();
   const devices = (0, import_react_sdk135.useHMSStore)(import_react_sdk135.selectDevices);
   const { audioOutputDeviceId } = (0, import_react_sdk135.useHMSStore)(import_react_sdk135.selectLocalMediaSettings);
@@ -35447,7 +35406,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__ */ import_react254.default.createElement(import_react_icons113.SpeakerIcon, null),
       onChange: (deviceId) => {
         actions.setAudioOutputDevice(deviceId);
@@ -35571,7 +35530,7 @@ var browserTypeIconInfo = {
 };
 var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ import_react255.default.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ import_react255.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ import_react255.default.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ import_react255.default.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ import_react255.default.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ import_react255.default.createElement(Text, null, value)));
 var BrowserTest = () => {
-  var _a7, _b7, _c, _d;
+  var _a8, _b7, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
   const [error, setError] = (0, import_react255.useState)();
   (0, import_react255.useEffect)(() => {
@@ -35586,7 +35545,7 @@ var BrowserTest = () => {
     CheckDetails,
     {
       title: "Browser",
-      iconURL: import_react_sdk136.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk136.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
+      iconURL: import_react_sdk136.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a8 = import_react_sdk136.parsedUserAgent.getBrowser().name) == null ? void 0 : _a8.toLowerCase()]) == null ? void 0 : _b7.icon),
       value: `${import_react_sdk136.parsedUserAgent.getBrowser().name} ${import_react_sdk136.parsedUserAgent.getBrowser().version}`
     }
   ), /* @__PURE__ */ import_react255.default.createElement(
@@ -35657,7 +35616,7 @@ var DetailedInfo = ({
   return /* @__PURE__ */ import_react256.default.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ import_react256.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ import_react256.default.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ import_react256.default.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ import_react256.default.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ import_react256.default.createElement(Text, { variant: "caption" }, value)));
 };
 var MediaServerResult = ({ result }) => {
-  var _a7, _b7, _c, _d;
+  var _a8, _b7, _c, _d;
   return /* @__PURE__ */ import_react256.default.createElement(
     ConnectivityTestStepResult,
     {
@@ -35668,7 +35627,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) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
       }
     ), /* @__PURE__ */ import_react256.default.createElement(
@@ -35698,10 +35657,10 @@ var SignallingResult = ({ result }) => {
   ), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: import_react_icons114.LinkIcon })));
 };
 var AudioStats = ({ stats }) => {
-  return /* @__PURE__ */ import_react256.default.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react256.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ import_react256.default.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react256.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter} s` })));
 };
 var VideoStats = ({ stats }) => {
-  return /* @__PURE__ */ import_react256.default.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react256.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ import_react256.default.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react256.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ import_react256.default.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter} s` })));
 };
 var Footer3 = ({
   error,
@@ -35716,13 +35675,13 @@ var ConnectivityTestReport = ({
   progress,
   startTest
 }) => {
-  var _a7, _b7, _c, _d;
+  var _a8, _b7, _c, _d;
   if (error) {
     return /* @__PURE__ */ import_react256.default.createElement(import_react256.default.Fragment, null, /* @__PURE__ */ import_react256.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react256.default.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ import_react256.default.createElement(import_react_icons114.CrossCircleIcon, null)), /* @__PURE__ */ import_react256.default.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ import_react256.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ import_react256.default.createElement(Footer3, { restart: startTest, error }));
   }
   if (result) {
     console.log(result);
-    return /* @__PURE__ */ import_react256.default.createElement(import_react256.default.Fragment, null, /* @__PURE__ */ import_react256.default.createElement(TestContainer, null, /* @__PURE__ */ import_react256.default.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ import_react256.default.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ import_react256.default.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ import_react256.default.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ import_react256.default.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ import_react256.default.createElement(Footer3, { result, restart: startTest, error }));
+    return /* @__PURE__ */ import_react256.default.createElement(import_react256.default.Fragment, null, /* @__PURE__ */ import_react256.default.createElement(TestContainer, null, /* @__PURE__ */ import_react256.default.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ import_react256.default.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ import_react256.default.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ import_react256.default.createElement(AudioStats, { stats: (_b7 = (_a8 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a8.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ import_react256.default.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ import_react256.default.createElement(Footer3, { result, restart: startTest, error }));
   }
   if (progress !== void 0) {
     return /* @__PURE__ */ import_react256.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react256.default.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ import_react256.default.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ import_react256.default.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ import_react256.default.createElement(