@100mslive/roomkit-react 0.2.7-alpha.7 → 0.2.8-alpha.0

package/dist/{chunk-O5FVMK47.js → chunk-72B32WVR.js}

@@ -43,13 +43,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
@@ -106,7 +106,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_558a6e4c-bfef-4304-b1ec-bd64d40f036e", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.9.7-alpha.7", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_558a6e4c-bfef-4304-b1ec-bd64d40f036e", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.12.7-alpha.7", 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.7", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", 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: "591", 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_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240218.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.0/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.0-alpha.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19071", 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__rollup_plugin_commonjs: "^21.0.3", 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.2.7-alpha.7", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8004433220", 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_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: "4ed9db2bf486275cc02f91d75dc4631e26ed8a63", 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: "b7bd50c1b9e64dee4acabcd48f3c8d76652e8e06e8c88fc3f11c7bde91b0ce33", 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--1708604860689-0.9665247278319034:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1708604860494-0.09609904721591356:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1708604838659-0.3603803740750957:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1708604838476-0.4053422904566062:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/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.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_252aabce-c705-40df-953a-58890e3beb2d", INVOCATION_ID: "442b7bb5d43c4cd084423ae5dced5a9f", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", 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: "447", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 13", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", 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/25.2.9519653", 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.9.7-alpha.7", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.7-alpha.7", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", 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", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "4ed9db2bf486275cc02f91d75dc4631e26ed8a63", 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: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_558a6e4c-bfef-4304-b1ec-bd64d40f036e", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_558a6e4c-bfef-4304-b1ec-bd64d40f036e", 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/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/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__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_558a6e4c-bfef-4304-b1ec-bd64d40f036e" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_24dcdf95-58ce-42bd-8106-372091da51d6", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.9.8-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_24dcdf95-58ce-42bd-8106-372091da51d6", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.12.8-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.7", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "595", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240218.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.0/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.0-alpha.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19317", 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__rollup_plugin_commonjs: "^21.0.3", 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.2.8-alpha.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8049573559", 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_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: "9eade912c3121837ed2b09ef0047bfbdb6f7cdf2", 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: "cfef66f67f9c72976bccd67b4c9311aaa942f13d441174c054c9117d513a40fe", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1708953751238-0.271551730031129:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1708953751042-0.034731111596302044:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1708953728172-0.622987475170591:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1708953727993-0.5386297543083511:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/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.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_42149012-d290-4591-bd14-5a80e5f45413", INVOCATION_ID: "b278f1c25e2444e6a3c875a6df492d26", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", 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: "449", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 496", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", 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/25.2.9519653", 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.9.8-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.8-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_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", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "9eade912c3121837ed2b09ef0047bfbdb6f7cdf2", 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: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_24dcdf95-58ce-42bd-8106-372091da51d6", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_24dcdf95-58ce-42bd-8106-372091da51d6", 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/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/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__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_24dcdf95-58ce-42bd-8106-372091da51d6" };
   }
 });
 
@@ -4148,7 +4148,7 @@ var require_lodash = __commonJS({
         function eq(value, other) {
           return value === other || value !== value && other !== other;
         }
-        var gt = createRelationalOperation(baseGt);
+        var gt2 = createRelationalOperation(baseGt);
         var gte = createRelationalOperation(function(value, other) {
           return value >= other;
         });
@@ -5287,7 +5287,7 @@ var require_lodash = __commonJS({
         lodash.forOwn = forOwn;
         lodash.forOwnRight = forOwnRight;
         lodash.get = get;
-        lodash.gt = gt;
+        lodash.gt = gt2;
         lodash.gte = gte;
         lodash.has = has;
         lodash.hasIn = hasIn;
@@ -5628,18 +5628,18 @@ var require_ua_parser = __commonJS({
         }
       };
       var rgxMapper = function(ua, arrays) {
-        var i = 0, j2, k, p, q2, matches, match;
+        var i = 0, j, k2, p, q2, matches, match;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
-          j2 = k = 0;
-          while (j2 < regex.length && !matches) {
-            if (!regex[j2]) {
+          j = k2 = 0;
+          while (j < regex.length && !matches) {
+            if (!regex[j]) {
               break;
             }
-            matches = regex[j2++].exec(ua);
+            matches = regex[j++].exec(ua);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
-                match = matches[++k];
+                match = matches[++k2];
                 q2 = props[p];
                 if (typeof q2 === OBJ_TYPE && q2.length > 0) {
                   if (q2.length === 2) {
@@ -5668,8 +5668,8 @@ var require_ua_parser = __commonJS({
       }, strMapper = function(str, map) {
         for (var i in map) {
           if (typeof map[i] === OBJ_TYPE && map[i].length > 0) {
-            for (var j2 = 0; j2 < map[i].length; j2++) {
-              if (has(map[i][j2], str)) {
+            for (var j = 0; j < map[i].length; j++) {
+              if (has(map[i][j], str)) {
                 return i === UNKNOWN ? undefined2 : i;
               }
             }
@@ -7693,8 +7693,8 @@ var require_sdp = __commonJS({
       const parsed = {};
       let kv;
       const parts = line.substring(line.indexOf(" ") + 1).split(";");
-      for (let j2 = 0; j2 < parts.length; j2++) {
-        kv = parts[j2].trim().split("=");
+      for (let j = 0; j < parts.length; j++) {
+        kv = parts[j].trim().split("=");
         parsed[kv[0].trim()] = kv[1];
       }
       return parsed;
@@ -8674,8 +8674,8 @@ var require_parser = __commonJS({
           media.push({ rtp: [], fmtp: [] });
           location = media[media.length - 1];
         }
-        for (var j2 = 0; j2 < (grammar[type] || []).length; j2 += 1) {
-          var obj = grammar[type][j2];
+        for (var j = 0; j < (grammar[type] || []).length; j += 1) {
+          var obj = grammar[type][j];
           if (obj.reg.test(content)) {
             return parseReg(obj, location, content);
           }
@@ -11176,12 +11176,12 @@ var formatBytes = (bytes, unit = "B", decimals = 2) => {
   if (!bytes) {
     return "-";
   }
-  const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
+  const k2 = 1024;
+  const dm2 = decimals < 0 ? 0 : decimals;
   const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
-  let i = Math.floor(Math.log(bytes) / Math.log(k));
+  let i = Math.floor(Math.log(bytes) / Math.log(k2));
   i === 0 && i++;
-  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+  return `${parseFloat((bytes / Math.pow(k2, i)).toFixed(dm2))} ${sizes[i]}`;
 };
 
 // src/Stats/StyledStats.tsx
@@ -11907,7 +11907,7 @@ import {
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
   useHMSActions as useHMSActions53,
-  useHMSStore as useHMSStore91
+  useHMSStore as useHMSStore93
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AppData/AppData.tsx
@@ -12874,7 +12874,7 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState7,
   useHMSActions as useHMSActions46,
-  useHMSStore as useHMSStore80
+  useHMSStore as useHMSStore82
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Footer/Footer.tsx
@@ -14462,7 +14462,7 @@ import { useMedia as useMedia8 } from "react-use";
 init_define_process_env();
 import React52, { Fragment as Fragment7, useState as useState23 } from "react";
 import { HMSHLSPlayer } from "@100mslive/hls-player";
-import { selectAppData as selectAppData3, selectLocalPeerID as selectLocalPeerID4, useHMSActions as useHMSActions15, useHMSStore as useHMSStore19 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData3, selectLocalPeerID as selectLocalPeerID4, useHMSActions as useHMSActions15, useHMSStore as useHMSStore21 } from "@100mslive/react-sdk";
 import { BrbIcon, CheckIcon as CheckIcon5, HamburgerMenuIcon, InfoIcon as InfoIcon2, PipIcon as PipIcon2, SettingsIcon as SettingsIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/PIP/index.jsx
@@ -15187,7 +15187,7 @@ import React44, { useRef as useRef10 } from "react";
 import { CheckIcon as CheckIcon3, CloudUploadIcon, CrossIcon as CrossIcon6 } from "@100mslive/react-icons";
 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__ */ React44.createElement(Dialog.Portal, null, /* @__PURE__ */ React44.createElement(Dialog.Overlay, null), /* @__PURE__ */ React44.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ React44.createElement(Dialog.Title, null, /* @__PURE__ */ React44.createElement(Flex, { justify: "between" }, /* @__PURE__ */ React44.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon4 ? /* @__PURE__ */ React44.createElement(Box, { css: __spreadValues({ mr: "$2", color: "$on_primary_high" }, iconCSS) }, /* @__PURE__ */ React44.createElement(Icon4, null)) : null, /* @__PURE__ */ React44.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ React44.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ React44.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ React44.createElement(Box, null, children)));
+  return /* @__PURE__ */ React44.createElement(Dialog.Portal, null, /* @__PURE__ */ React44.createElement(Dialog.Overlay, null), /* @__PURE__ */ React44.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ React44.createElement(Dialog.Title, null, /* @__PURE__ */ React44.createElement(Flex, { justify: "between" }, /* @__PURE__ */ React44.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon4 ? /* @__PURE__ */ React44.createElement(Flex, { css: __spreadValues(__spreadValues({ mr: "$2", color: "$on_primary_high" }, flexCenter), iconCSS) }, /* @__PURE__ */ React44.createElement(Icon4, null)) : null, /* @__PURE__ */ React44.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ React44.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ React44.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ React44.createElement(Box, null, children)));
 };
 var ErrorDialog = (_a8) => {
   var _b7 = _a8, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
@@ -15668,11 +15668,11 @@ var formatBytes2 = (bytes, unit = "B", decimals = 2) => {
     return "-";
   if (bytes === 0)
     return "0 " + unit;
-  const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
+  const k2 = 1024;
+  const dm2 = decimals < 0 ? 0 : decimals;
   const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+  const i = Math.floor(Math.log(bytes) / Math.log(k2));
+  return parseFloat((bytes / Math.pow(k2, i)).toFixed(dm2)) + " " + sizes[i];
 };
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
@@ -15783,12 +15783,12 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
   })))), /* @__PURE__ */ React48.createElement(DialogRow, null, errorMessage && /* @__PURE__ */ React48.createElement(Flex, { gap: 2, css: { c: "$alert_error_default", w: "70%", ml: "auto" } }, /* @__PURE__ */ React48.createElement(AlertTriangleIcon4, null), /* @__PURE__ */ React48.createElement(Text, { css: { c: "inherit" } }, errorMessage))), /* @__PURE__ */ React48.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React48.createElement(Button, { variant: "primary", onClick: changeBulkRole, disabled: !(selectedRole && selectedBulkRole.length > 0) }, isSubmiting && /* @__PURE__ */ React48.createElement(Loading, { css: { color: "$on_primary_medium" } }), "Apply"))));
 };
 
-// src/Prebuilt/components/MoreSettings/FullScreenItem.jsx
+// src/Prebuilt/components/MoreSettings/FullScreenItem.tsx
 init_define_process_env();
 import React49 from "react";
 import { ExpandIcon } from "@100mslive/react-icons";
 
-// src/Prebuilt/components/hooks/useFullscreen.js
+// src/Prebuilt/components/hooks/useFullscreen.ts
 init_define_process_env();
 import { useCallback as useCallback11, useEffect as useEffect15, useState as useState21 } from "react";
 import screenfull from "screenfull";
@@ -15800,10 +15800,11 @@ var useFullscreen = () => {
       return;
     }
     try {
+      const container = document.querySelector(DEFAULT_PORTAL_CONTAINER);
       if (isFullScreenEnabled) {
         yield screenfull.exit();
-      } else {
-        yield screenfull.request(document.querySelector(DEFAULT_PORTAL_CONTAINER));
+      } else if (container) {
+        yield screenfull.request(container);
       }
     } catch (err) {
       ToastManager.addToast({ title: err.message });
@@ -15829,7 +15830,7 @@ var useFullscreen = () => {
   };
 };
 
-// src/Prebuilt/components/MoreSettings/FullScreenItem.jsx
+// src/Prebuilt/components/MoreSettings/FullScreenItem.tsx
 var FullScreenItem = () => {
   const { allowed, isFullscreen, toggleFullscreen } = useFullscreen();
   if (!allowed) {
@@ -15848,17 +15849,40 @@ var FullScreenItem = () => {
   );
 };
 
-// src/Prebuilt/components/MoreSettings/MuteAllModal.jsx
+// src/Prebuilt/components/MoreSettings/MuteAllModal.tsx
 init_define_process_env();
 import React51, { useCallback as useCallback12, useState as useState22 } from "react";
-import { useHMSActions as useHMSActions13 } from "@100mslive/react-sdk";
+import {
+  selectAvailableRoleNames as selectAvailableRoleNames3,
+  useHMSActions as useHMSActions13,
+  useHMSStore as useHMSStore19
+} from "@100mslive/react-sdk";
 import { MicOffIcon as MicOffIcon2 } from "@100mslive/react-icons";
 
-// src/Prebuilt/components/MoreSettings/MuteAllContent.jsx
+// src/Prebuilt/components/MoreSettings/MuteAllContent.tsx
 init_define_process_env();
 import React50 from "react";
+import { selectPermissions as selectPermissions6, useHMSStore as useHMSStore18 } from "@100mslive/react-sdk";
+
+// src/Prebuilt/components/MoreSettings/constants.ts
+init_define_process_env();
+var trackSourceOptions = [
+  { label: "All Track Sources", value: "" },
+  { label: "regular", value: "regular" },
+  { label: "screen", value: "screen" },
+  { label: "audioplaylist", value: "audioplaylist" },
+  { label: "videoplaylist", value: "videoplaylist" }
+];
+var trackTypeOptions = [
+  { label: "All Track Types", value: "" },
+  { label: "audio", value: "audio" },
+  { label: "video", value: "video" }
+];
+
+// src/Prebuilt/components/MoreSettings/MuteAllContent.tsx
 var MuteAllContent = (props) => {
   const roles = props.roles || [];
+  const permissions = useHMSStore18(selectPermissions6);
   return /* @__PURE__ */ React50.createElement(React50.Fragment, null, /* @__PURE__ */ React50.createElement(
     DialogSelect,
     {
@@ -15873,7 +15897,7 @@ var MuteAllContent = (props) => {
     DialogSelect,
     {
       title: "Track type",
-      options: props.trackTypeOptions,
+      options: trackTypeOptions,
       selected: props.trackType,
       onChange: props.setTrackType,
       keyField: "value",
@@ -15883,30 +15907,21 @@ var MuteAllContent = (props) => {
     DialogSelect,
     {
       title: "Track source",
-      options: props.trackSourceOptions,
+      options: trackSourceOptions,
       selected: props.selectedSource,
       onChange: props.setSource,
       keyField: "value",
       labelField: "label"
     }
-  ), /* @__PURE__ */ React50.createElement(DialogRow, null, /* @__PURE__ */ React50.createElement(Text, { variant: "md" }, "Track status"), /* @__PURE__ */ React50.createElement(RadioGroup.Root, { value: props.enabled, onValueChange: props.setEnabled }, /* @__PURE__ */ React50.createElement(Flex, { align: "center", css: { mr: "$8" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Item, { value: false, id: "trackDisableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React50.createElement(Label3, { htmlFor: "trackDisableRadio" }, "Mute")), /* @__PURE__ */ React50.createElement(Flex, { align: "center", css: { cursor: "pointer" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Item, { value: true, id: "trackEnableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React50.createElement(Label3, { htmlFor: "trackEnableRadio" }, "Request Unmute")))), /* @__PURE__ */ React50.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React50.createElement(Button, { variant: "primary", onClick: props.muteAll, css: { w: (props == null ? void 0 : props.isMobile) ? "100%" : "" } }, "Apply")));
+  ), /* @__PURE__ */ React50.createElement(DialogRow, null, /* @__PURE__ */ React50.createElement(Text, { variant: "md" }, "Track status"), /* @__PURE__ */ React50.createElement(RadioGroup.Root, { value: String(props.enabled), onValueChange: (value) => props.setEnabled(value === "true") }, (permissions == null ? void 0 : permissions.mute) && /* @__PURE__ */ React50.createElement(Flex, { align: "center", css: { mr: "$8" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Item, { value: "false", id: "trackDisableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React50.createElement(Label3, { htmlFor: "trackDisableRadio" }, "Mute")), (permissions == null ? void 0 : permissions.unmute) && /* @__PURE__ */ React50.createElement(Flex, { align: "center", css: { cursor: "pointer" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Item, { value: "true", id: "trackEnableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React50.createElement(Label3, { htmlFor: "trackEnableRadio" }, "Request Unmute")))), /* @__PURE__ */ React50.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React50.createElement(Button, { variant: "primary", onClick: props.muteAll, css: { w: (props == null ? void 0 : props.isMobile) ? "100%" : "" } }, "Apply")));
 };
 
-// src/Prebuilt/components/MoreSettings/MuteAllModal.jsx
-var trackSourceOptions = [
-  { label: "All Track Sources", value: "" },
-  { label: "regular", value: "regular" },
-  { label: "screen", value: "screen" },
-  { label: "audioplaylist", value: "audioplaylist" },
-  { label: "videoplaylist", value: "videoplaylist" }
-];
-var trackTypeOptions = [
-  { label: "All Track Types", value: "" },
-  { label: "audio", value: "audio" },
-  { label: "video", value: "video" }
-];
-var MuteAllModal = ({ onOpenChange, isMobile = false }) => {
-  const roles = useFilteredRoles();
+// src/Prebuilt/components/MoreSettings/MuteAllModal.tsx
+var MuteAllModal = ({
+  onOpenChange,
+  isMobile = false
+}) => {
+  const roles = useHMSStore19(selectAvailableRoleNames3);
   const hmsActions = useHMSActions13();
   const [enabled, setEnabled] = useState22(false);
   const [trackType, setTrackType] = useState22();
@@ -15932,8 +15947,6 @@ var MuteAllModal = ({ onOpenChange, isMobile = false }) => {
     setRole,
     selectedSource,
     setSource,
-    trackSourceOptions,
-    trackTypeOptions,
     isMobile
   };
   if (isMobile) {
@@ -15950,15 +15963,15 @@ import {
   selectLocalPeerID as selectLocalPeerID3,
   selectPeerMetadata as selectPeerMetadata2,
   useHMSActions as useHMSActions14,
-  useHMSStore as useHMSStore18,
+  useHMSStore as useHMSStore20,
   useHMSVanillaStore as useHMSVanillaStore6
 } from "@100mslive/react-sdk";
 var useMyMetadata = () => {
   const hmsActions = useHMSActions14();
-  const localPeerId = useHMSStore18(selectLocalPeerID3);
+  const localPeerId = useHMSStore20(selectLocalPeerID3);
   const vanillaStore = useHMSVanillaStore6();
-  const metaData = useHMSStore18(selectPeerMetadata2(localPeerId));
-  const isHandRaised = useHMSStore18(selectHasPeerHandRaised(localPeerId));
+  const metaData = useHMSStore20(selectPeerMetadata2(localPeerId));
+  const isHandRaised = useHMSStore20(selectHasPeerHandRaised(localPeerId));
   const update = (updatedFields) => __async(void 0, null, function* () {
     try {
       const currentMetadata = vanillaStore.getState(selectPeerMetadata2(localPeerId));
@@ -16015,9 +16028,9 @@ var DesktopOptions = ({
   elements,
   screenType
 }) => {
-  const localPeerId = useHMSStore19(selectLocalPeerID4);
+  const localPeerId = useHMSStore21(selectLocalPeerID4);
   const hmsActions = useHMSActions15();
-  const enablHlsStats = useHMSStore19(selectAppData3(APP_DATA.hlsStats));
+  const enablHlsStats = useHMSStore21(selectAppData3(APP_DATA.hlsStats));
   const [openModals, setOpenModals] = useState23(/* @__PURE__ */ new Set());
   const { isBRBOn, toggleBRB } = useMyMetadata();
   const isPipOn = PictureInPicture.isOn();
@@ -16108,10 +16121,10 @@ import { useClickAway } from "react-use";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom7,
   selectPeerCount as selectPeerCount3,
-  selectPermissions as selectPermissions7,
+  selectPermissions as selectPermissions8,
   useAVToggle as useAVToggle3,
   useHMSActions as useHMSActions21,
-  useHMSStore as useHMSStore27,
+  useHMSStore as useHMSStore29,
   useRecordingStreaming as useRecordingStreaming7
 } from "@100mslive/react-sdk";
 import {
@@ -16217,8 +16230,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
 // ../hms-video-store/dist/index.js
 var import_ua_parser_js = __toESM(require_ua_parser());
 var import_lodash3 = __toESM(require_lodash2());
+import { v4 as Ga } from "uuid";
 import { v4 as Ba } from "uuid";
-import { v4 as Ua } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -16710,20 +16723,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(pc, track) {
+    const shimSenderWithDtmf = function(pc2, track) {
       return {
         track,
         get dtmf() {
           if (this._dtmf === void 0) {
             if (track.kind === "audio") {
-              this._dtmf = pc.createDTMFSender(track);
+              this._dtmf = pc2.createDTMFSender(track);
             } else {
               this._dtmf = null;
             }
           }
           return this._dtmf;
         },
-        _pc: pc
+        _pc: pc2
       };
     };
     if (!window2.RTCPeerConnection.prototype.getSenders) {
@@ -17078,11 +17091,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
     }
     return this.getSenders().find((s) => s.track === track);
   };
-  function replaceInternalStreamId(pc, description) {
+  function replaceInternalStreamId(pc2, description) {
     let sdp2 = description.sdp;
-    Object.keys(pc._reverseStreams || []).forEach((internalId) => {
-      const externalStream = pc._reverseStreams[internalId];
-      const internalStream = pc._streams[externalStream.id];
+    Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
+      const externalStream = pc2._reverseStreams[internalId];
+      const internalStream = pc2._streams[externalStream.id];
       sdp2 = sdp2.replace(
         new RegExp(internalStream.id, "g"),
         externalStream.id
@@ -17093,11 +17106,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
       sdp: sdp2
     });
   }
-  function replaceExternalStreamId(pc, description) {
+  function replaceExternalStreamId(pc2, description) {
     let sdp2 = description.sdp;
-    Object.keys(pc._reverseStreams || []).forEach((internalId) => {
-      const externalStream = pc._reverseStreams[internalId];
-      const internalStream = pc._streams[externalStream.id];
+    Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
+      const externalStream = pc2._reverseStreams[internalId];
+      const internalStream = pc2._streams[externalStream.id];
       sdp2 = sdp2.replace(
         new RegExp(externalStream.id, "g"),
         internalStream.id
@@ -17211,9 +17224,9 @@ function shimPeerConnection(window2, browserDetails) {
 }
 function fixNegotiationNeeded(window2, browserDetails) {
   wrapPeerConnectionEvent(window2, "negotiationneeded", (e) => {
-    const pc = e.target;
-    if (browserDetails.version < 72 || pc.getConfiguration && pc.getConfiguration().sdpSemantics === "plan-b") {
-      if (pc.signalingState !== "stable") {
+    const pc2 = e.target;
+    if (browserDetails.version < 72 || pc2.getConfiguration && pc2.getConfiguration().sdpSemantics === "plan-b") {
+      if (pc2.signalingState !== "stable") {
         return;
       }
     }
@@ -17660,24 +17673,24 @@ function shimRemoteStreamsAPI(window2) {
     });
     const origSetRemoteDescription = window2.RTCPeerConnection.prototype.setRemoteDescription;
     window2.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription() {
-      const pc = this;
+      const pc2 = this;
       if (!this._onaddstreampoly) {
         this.addEventListener("track", this._onaddstreampoly = function(e) {
           e.streams.forEach((stream) => {
-            if (!pc._remoteStreams) {
-              pc._remoteStreams = [];
+            if (!pc2._remoteStreams) {
+              pc2._remoteStreams = [];
             }
-            if (pc._remoteStreams.indexOf(stream) >= 0) {
+            if (pc2._remoteStreams.indexOf(stream) >= 0) {
               return;
             }
-            pc._remoteStreams.push(stream);
+            pc2._remoteStreams.push(stream);
             const event = new Event("addstream");
             event.stream = stream;
-            pc.dispatchEvent(event);
+            pc2.dispatchEvent(event);
           });
         });
       }
-      return origSetRemoteDescription.apply(pc, arguments);
+      return origSetRemoteDescription.apply(pc2, arguments);
     };
   }
 }
@@ -18043,13 +18056,13 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc, pc) {
+  function wrapDcSend(dc, pc2) {
     const origDataChannelSend = dc.send;
     dc.send = function send() {
       const data3 = arguments[0];
       const length = data3.length || data3.size || data3.byteLength;
-      if (dc.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
-        throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
+      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)");
       }
       return origDataChannelSend.apply(dc, arguments);
     };
@@ -18107,11 +18120,11 @@ function shimConnectionState(window2) {
     proto[method] = function() {
       if (!this._connectionstatechangepoly) {
         this._connectionstatechangepoly = (e) => {
-          const pc = e.target;
-          if (pc._lastConnectionState !== pc.connectionState) {
-            pc._lastConnectionState = pc.connectionState;
+          const pc2 = e.target;
+          if (pc2._lastConnectionState !== pc2.connectionState) {
+            pc2._lastConnectionState = pc2.connectionState;
             const newEvent = new Event("connectionstatechange", e);
-            pc.dispatchEvent(newEvent);
+            pc2.dispatchEvent(newEvent);
           }
           return e;
         };
@@ -18315,48 +18328,48 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as Ya } from "uuid";
-import { v4 as to } from "uuid";
-import { v4 as ao } from "uuid";
-import { EventEmitter2 as oo } from "eventemitter2";
-var Ht = __toESM(require_lib());
-import { EventEmitter2 as bo } from "eventemitter2";
-import { v4 as Ro } from "uuid";
-import { EventEmitter2 as Ho } from "eventemitter2";
-import Co from "eventemitter2";
-import { v4 as Lo } from "uuid";
-import { v4 as _o } from "uuid";
-var ga = Object.defineProperty;
-var Ta = Object.defineProperties;
-var fa = Object.getOwnPropertyDescriptors;
-var xt = Object.getOwnPropertySymbols;
+import { v4 as Xa } from "uuid";
+import { v4 as io } from "uuid";
+import { v4 as oo } from "uuid";
+import { EventEmitter2 as no } from "eventemitter2";
+var Ct = __toESM(require_lib());
+import { EventEmitter2 as Ao } from "eventemitter2";
+import { v4 as Ho } from "uuid";
+import { EventEmitter2 as Co } from "eventemitter2";
+import Lo from "eventemitter2";
+import { v4 as wo } from "uuid";
+import { v4 as No } from "uuid";
+var fa = Object.defineProperty;
+var va = Object.defineProperties;
+var Ma = Object.getOwnPropertyDescriptors;
+var Ut = Object.getOwnPropertySymbols;
 var Fr = Object.prototype.hasOwnProperty;
 var Gr = Object.prototype.propertyIsEnumerable;
-var Br = (a2, e, t) => e in a2 ? ga(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
-var m = (a2, e) => {
+var Br = (a2, e, t) => e in a2 ? fa(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+var S = (a2, e) => {
   for (var t in e || (e = {}))
     Fr.call(e, t) && Br(a2, t, e[t]);
-  if (xt)
-    for (var t of xt(e))
+  if (Ut)
+    for (var t of Ut(e))
       Gr.call(e, t) && Br(a2, t, e[t]);
   return a2;
 };
-var P = (a2, e) => Ta(a2, fa(e));
+var k = (a2, e) => va(a2, Ma(e));
 var Qi = (a2, e) => {
   var t = {};
   for (var i in a2)
     Fr.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
-  if (a2 != null && xt)
-    for (var i of xt(a2))
+  if (a2 != null && Ut)
+    for (var i of Ut(a2))
       e.indexOf(i) < 0 && Gr.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-var nr = ya((Qc, Va) => {
-  Va.exports = { version: "0.11.7-alpha.7", 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 Pa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var nr = Pa((zc, Fa) => {
+  Fa.exports = { version: "0.11.8-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 zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(zi || {});
-var Pa = ((e) => (e.CHAT = "chat", e))(Pa || {});
+var Ea = ((e) => (e.CHAT = "chat", e))(Ea || {});
 var $r = ((t) => (t.INFO = "info", t.ERROR = "error", t))($r || {});
 var Yi = ((C) => (C.PEER_JOINED = "PEER_JOINED", C.PEER_LEFT = "PEER_LEFT", C.PEER_LIST = "PEER_LIST", C.NEW_MESSAGE = "NEW_MESSAGE", C.ERROR = "ERROR", C.RECONNECTING = "RECONNECTING", C.RECONNECTED = "RECONNECTED", C.TRACK_ADDED = "TRACK_ADDED", C.TRACK_REMOVED = "TRACK_REMOVED", C.TRACK_MUTED = "TRACK_MUTED", C.TRACK_UNMUTED = "TRACK_UNMUTED", C.TRACK_DEGRADED = "TRACK_DEGRADED", C.TRACK_RESTORED = "TRACK_RESTORED", C.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", C.ROLE_UPDATED = "ROLE_UPDATED", C.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", C.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", C.ROOM_ENDED = "ROOM_ENDED", C.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", C.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", C.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", C.NAME_UPDATED = "NAME_UPDATED", C.METADATA_UPDATED = "METADATA_UPDATED", C.POLL_CREATED = "POLL_CREATED", C.POLL_STARTED = "POLL_STARTED", C.POLL_STOPPED = "POLL_STOPPED", C.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", C.POLLS_LIST = "POLLS_LIST", C.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", C))(Yi || {});
 var Wr = ((t) => (t.audio = "audio", t.video = "video", t))(Wr || {});
@@ -18365,64 +18378,64 @@ function He(a2, e) {
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      ka(s) && (i = et(s) ? s : i, t = tt(s) ? s : t);
+      ba(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
     }
   return { video: t, audio: i };
 }
-function et(a2) {
+function tt(a2) {
   return a2 && a2.type === "audio";
 }
-function tt(a2) {
+function it(a2) {
   return a2 && a2.type === "video";
 }
-function ka(a2) {
+function ba(a2) {
   return a2 && a2.source === "screen";
 }
-function Bt(a2) {
+function Ft(a2) {
   return a2 && a2.source === "audioplaylist";
 }
-function it(a2) {
+function rt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
 function Kr(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
-function xe(a2, e) {
+function Ue(a2, e) {
   return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
 }
-function rt(a2) {
+function st(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 V = (a2) => a2.room;
-var Ea = (a2) => a2.errors;
-var kn = createSelector(Ea, (a2) => a2.length === 0 ? null : a2.at(-1));
-var En = createSelector(V, (a2) => a2.id);
+var Aa = (a2) => a2.errors;
+var En = createSelector(Aa, (a2) => a2.length === 0 ? null : a2.at(-1));
+var bn = createSelector(V, (a2) => a2.id);
 var G = (a2) => a2.peers;
-var Ft = (a2) => a2.messages.byID;
+var Gt = (a2) => a2.messages.byID;
 var jr = (a2) => a2.messages.allIDs;
 var w = (a2) => a2.tracks;
 var Xi = (a2) => a2.appData;
-var ba = (a2) => a2.speakers;
-var Pe = createSelector([V], (a2) => a2 && a2.isConnected);
-var In = createSelector([Pe, 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 Aa = (a2) => a2.hideLocalPeer;
-var ae = createSelector([V, G, Aa], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Ia = createSelector(w, (a2) => Object.values(a2));
-var Q = createSelector(V, G, (a2, e) => e[a2.localPeer]);
-var pe = createSelector(V, (a2) => a2.localPeer);
-var Rn = createSelector(Q, (a2) => a2 == null ? void 0 : a2.name);
-var Hn = createSelector(Q, (a2) => a2 == null ? void 0 : a2.roleName);
-var Z = createSelector(Q, (a2) => a2 == null ? void 0 : a2.audioTrack);
-var K = createSelector(Q, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var Ra = createSelector(Q, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Qr = createSelector([Z, K, Ra], (a2, e, t) => {
+var Ia = (a2) => a2.speakers;
+var ye = createSelector([V], (a2) => a2 && a2.isConnected);
+var Rn = createSelector([ye, 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 Ra = (a2) => a2.hideLocalPeer;
+var ae = createSelector([V, G, Ra], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var Ha = createSelector(w, (a2) => Object.values(a2));
+var z = createSelector(V, G, (a2, e) => e[a2.localPeer]);
+var ue = createSelector(V, (a2) => a2.localPeer);
+var Hn = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
+var Cn = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
+var Z = createSelector(z, (a2) => a2 == null ? void 0 : a2.audioTrack);
+var K = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
+var Ca = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Qr = createSelector([Z, K, Ca], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var Cn = createSelector(ae, (a2) => a2.filter((e) => !e.isLocal));
-var Ln = createSelector(G, ba, (a2, e) => {
+var Ln = createSelector(ae, (a2) => a2.filter((e) => !e.isLocal));
+var wn = createSelector(G, Ia, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, l;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -18435,11 +18448,11 @@ var Ln = createSelector(G, ba, (a2, e) => {
   }
   return null;
 });
-var er = createSelector(Q, w, (a2, e) => {
+var er = createSelector(z, w, (a2, e) => {
   let { video: t, audio: i } = He(e, a2);
   return !!(t || i);
 });
-var Ha = createSelector(G, w, (a2, e) => {
+var La = createSelector(G, w, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: o } = He(e, r);
@@ -18449,15 +18462,15 @@ var Ha = createSelector(G, w, (a2, e) => {
   }
   return t;
 });
-var Dn = createSelector(Ha, (a2) => !!a2);
-var _n = createSelector(G, w, (a2, e) => {
+var _n = createSelector(La, (a2) => !!a2);
+var Nn = createSelector(G, w, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = He(e, i);
     if (!s && r)
       return i;
   }
 });
-var Nn = createSelector(G, w, (a2, e) => {
+var On = createSelector(G, w, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: o, audio: n } = He(e, s);
@@ -18465,62 +18478,62 @@ var Nn = createSelector(G, w, (a2, e) => {
   }
   return t.concat(i);
 });
-var On = createSelector(G, w, (a2, e) => {
+var xn = createSelector(G, w, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (it(i) && tt(i) && i.peerId)
+    if (rt(i) && it(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var xn = createSelector(G, w, (a2, e) => {
+var Un = createSelector(G, w, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (Bt(i) && i.peerId)
+    if (Ft(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Un = createSelector(Ia, (a2) => a2.filter(Kr));
-var Vn = createSelector(jr, (a2) => a2.length);
-var Bn = createSelector(Ft, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var st = createSelector(jr, Ft, (a2, e) => {
+var Vn = createSelector(Ha, (a2) => a2.filter(Kr));
+var Bn = createSelector(jr, (a2) => a2.length);
+var Fn = createSelector(Gt, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var at = createSelector(jr, Gt, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Ca = createSelector(st, (a2) => a2.filter((e) => {
+var wa = createSelector(at, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var Fn = createSelector(Ca, (a2) => a2.filter((e) => !e.read).length);
-var z = createSelector([V], (a2) => a2 && a2.roomState);
-var Yr = createSelector(z, (a2) => a2 === "Preview");
-var Gn = createSelector(V, (a2) => a2.roomState !== "Disconnected");
+var Gn = createSelector(wa, (a2) => a2.filter((e) => !e.read).length);
+var Y = createSelector([V], (a2) => a2 && a2.roomState);
+var Yr = createSelector(Y, (a2) => a2 === "Preview");
+var $n = createSelector(V, (a2) => a2.roomState !== "Disconnected");
 var oe = (a2) => a2.roles;
-var $n = createSelector([oe], (a2) => Object.keys(a2));
-var Gt = createSelector([Q, oe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var La = (a2) => {
+var Wn = createSelector([oe], (a2) => Object.keys(a2));
+var $t = createSelector([z, oe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
+var Da = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var Xr = createSelector([La, oe], (a2, e) => a2 ? e[a2] : null);
-var Wn = createSelector([Gt], (a2) => {
+var Xr = createSelector([Da, oe], (a2, e) => a2 ? e[a2] : null);
+var Kn = createSelector([$t], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var Zr = createSelector(Gt, (a2) => a2 == null ? void 0 : a2.permissions);
-var Kn = createSelector(V, (a2) => a2.recording);
-var qn = createSelector(V, (a2) => a2.rtmp);
-var jn = createSelector(V, (a2) => a2.hls);
-var Jn = createSelector(V, (a2) => a2.sessionId);
-var Qn = createSelector(V, (a2) => a2.startedAt);
-var zn = createSelector(V, (a2) => !!a2.isLargeRoom);
-var Yn = createSelector(V, (a2) => !!a2.isEffectsEnabled);
-var Xn = createSelector(V, (a2) => a2.effectsKey);
+var Zr = createSelector($t, (a2) => a2 == null ? void 0 : a2.permissions);
+var qn = createSelector(V, (a2) => a2.recording);
+var jn = createSelector(V, (a2) => a2.rtmp);
+var Jn = createSelector(V, (a2) => a2.hls);
+var Qn = createSelector(V, (a2) => a2.sessionId);
+var zn = createSelector(V, (a2) => a2.startedAt);
+var Yn = createSelector(V, (a2) => !!a2.isLargeRoom);
+var Xn = createSelector(V, (a2) => !!a2.isEffectsEnabled);
+var Zn = createSelector(V, (a2) => a2.effectsKey);
 var es = (a2) => a2.polls;
-var ic = createSelector(ae, (a2) => a2.filter((e) => e.isHandRaised));
-var wa = (a2) => a2.whiteboards;
-var rc = createSelector(wa, (a2) => Object.values(a2)[0]);
+var rc = createSelector(ae, (a2) => a2.filter((e) => e.isHandRaised));
+var _a7 = (a2) => a2.whiteboards;
+var sc = createSelector(_a7, (a2) => Object.values(a2)[0]);
 var is = (a2 = "audio") => (e) => e.playlist[a2].list;
 var tr = (a2 = "audio") => (e) => e.playlist[a2].selection;
 var rs = (a2 = "audio") => (e) => e.playlist[a2].progress;
@@ -18538,7 +18551,7 @@ function b(a2) {
   return (e) => (t) => a2(t, e);
 }
 var us = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(us || {});
-var Da = typeof window != "undefined" && typeof window.expect != "undefined";
+var Na = typeof window != "undefined" && typeof window.expect != "undefined";
 var d = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -18604,24 +18617,24 @@ var d = class {
       }
   }
 };
-d.level = Da ? 7 : 0;
-var he = new import_ua_parser_js.UAParser();
-var N = typeof window != "undefined";
+d.level = Na ? 7 : 0;
+var pe = new import_ua_parser_js.UAParser();
+var D = typeof window != "undefined";
 var ps;
-var Ce = typeof window == "undefined" && !((ps = he.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
-var Na = () => !Ce;
-var uc = Na();
+var Ce = typeof window == "undefined" && !((ps = pe.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
+var xa = () => !Ce;
+var pc = xa();
 var hs;
-var Ss;
-var gs = ((Ss = (hs = he.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : Ss.toLowerCase()) === "firefox";
-function Oa() {
-  if (N && window) {
+var ms;
+var gs = ((ms = (hs = pe.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : ms.toLowerCase()) === "firefox";
+function Ua() {
+  if (D && 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 Ve = Oa();
+var Be = Ua();
 var v = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
 var f = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
@@ -18652,7 +18665,7 @@ var f = class a extends Error {
     }`;
   }
 };
-var xa = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var Va = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var h = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new f(v.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
@@ -18712,7 +18725,7 @@ var h = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, StatsFailed(a2, e = "") {
   return new f(v.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-  return new f(a2, "ServerErrors", e, t, t, xa.includes(e));
+  return new f(a2, "ServerErrors", e, t, t, Va.includes(e));
 }, AlreadyJoined(a2, e = "") {
   return new f(v.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -18787,7 +18800,7 @@ var sr = class {
 };
 var Ts = () => {
   try {
-    N && !localStorage && (window.localStorage = new sr());
+    D && !localStorage && (window.localStorage = new sr());
   } catch (a2) {
     d.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied());
   }
@@ -18799,7 +18812,7 @@ var ne = class {
   }
   getStorage() {
     try {
-      return N && !this.storage && (Ts(), this.storage = window.localStorage), this.storage;
+      return D && !this.storage && (Ts(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return d.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -18821,18 +18834,18 @@ var ne = class {
 };
 var fs = () => {
   let a2, e = new ne("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = Ua(), e.set(a2)), a2;
+  return t ? a2 = t : (a2 = Ba(), e.set(a2)), a2;
 };
 function ie(a2) {
   return a2 != null;
 }
 var Ms = nr().version;
-function at(a2 = "prod", e) {
-  let t = "web", i = Ve !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
+function ot(a2 = "prod", e) {
+  let t = "web", i = Be !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Ce)
-    return ys({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Ms, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
-  let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = cr(`web_${r.name}`), l = r.version || "", u = cr(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${cr(`${s.vendor}_${s.type}`)}/${u}`), ys({ os: n, os_version: l, sdk: t, sdk_version: Ms, device_model: p, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return ys({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Ms, env: i, domain: Be, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = cr(`web_${r.name}`), l = r.version || "", u = cr(`${o.name}_${o.version}`), p = u;
+  return s.type && (p = `${cr(`${s.vendor}_${s.type}`)}/${u}`), ys({ os: n, os_version: l, sdk: t, sdk_version: Ms, device_model: p, env: i, domain: Be, 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 cr(a2) {
   return a2.replace(/ /g, "_");
@@ -18840,16 +18853,16 @@ function cr(a2) {
 var ys = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var R = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
-    this.metadata = { peer: {}, userAgent: at() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Ba(), this.device_id = fs();
+    this.metadata = { peer: {}, userAgent: ot() };
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Ga(), this.device_id = fs();
   }
   toSignalParams() {
-    return { name: this.name, info: P(m({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: k(S({}, this.properties), { timestamp: this.timestamp, domain: Be }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
 var M = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(P(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(k(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
     return new R({ name: o, level: n, properties: l });
   }
   static disconnect(e, t) {
@@ -18863,7 +18876,7 @@ var M = class {
   }
   static join(i) {
     var r = i, { error: e } = r, t = Qi(r, ["error"]);
-    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(P(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(k(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
     return new R({ name: s, level: o, properties: n });
   }
   static publish({ devices: e, settings: t, error: i }) {
@@ -18906,7 +18919,7 @@ var M = class {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
     if (!t && e.degradedAt instanceof Date) {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
-      s = P(m({}, s), { duration: n, restoredAt: o });
+      s = k(S({}, s), { duration: n, restoredAt: o });
     }
     return new R({ name: i, level: r, properties: s });
   }
@@ -18928,7 +18941,7 @@ var M = class {
   }
   static getPropertiesWithError(e, t) {
     let i = this.getErrorProperties(t);
-    return e = m(m({}, i), e), e;
+    return e = S(S({}, i), e), e;
   }
   static getErrorProperties(e) {
     return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
@@ -18982,8 +18995,8 @@ function qt(a2, e = 300) {
     }, e);
   };
 }
-var bs = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(bs || {});
-var As = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(As || {});
+var Is = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Is || {});
+var Rs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Rs || {});
 var pr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
@@ -19007,11 +19020,11 @@ var pr = class {
     this.createObserver();
   }
   isSupported() {
-    let e = N && typeof window.IntersectionObserver != "undefined";
+    let e = D && typeof window.IntersectionObserver != "undefined";
     return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Cs = new pr();
+var ws = new pr();
 var hr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
@@ -19035,18 +19048,18 @@ var hr = class {
     this.createObserver();
   }
   isSupported() {
-    let e = N && typeof window.ResizeObserver != "undefined";
+    let e = D && typeof window.ResizeObserver != "undefined";
     return e || d.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Ls = new hr();
-var Sr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Sr || {});
-var mr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(mr || {});
-var _s = "https://event.100ms.live/v2/client/report";
-var Ns = "https://event-nonprod.100ms.live/v2/client/report";
-var Je = class {
+var Ds = new hr();
+var mr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(mr || {});
+var Sr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Sr || {});
+var Os = "https://event.100ms.live/v2/client/report";
+var xs = "https://event-nonprod.100ms.live/v2/client/report";
+var Qe = class {
 };
-Je.makePeerId = () => ao();
+Qe.makePeerId = () => oo();
 var St = "HMS-Store:";
 var y = class {
   static v(e, ...t) {
@@ -19115,130 +19128,130 @@ var y = class {
 };
 y.level = 0;
 var br = (a2, e) => e;
-var mt = (a2, e) => e;
-var Gs = (a2, e) => e;
-var no = (a2, e) => e;
+var gt = (a2, e) => e;
+var Ws = (a2, e) => e;
 var co = (a2, e) => e;
-var j = createSelector([G, br], (a2, e) => e ? a2[e] : null);
-var Ar = createSelector([w, mt], (a2, e) => e ? a2[e] : null);
-var lo = createSelector([w, mt], (a2, e) => {
+var lo = (a2, e) => e;
+var J = createSelector([G, br], (a2, e) => e ? a2[e] : null);
+var Ar = createSelector([w, gt], (a2, e) => e ? a2[e] : null);
+var uo = createSelector([w, gt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var uo = createSelector([w, mt], (a2, e) => {
+var po = createSelector([w, gt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var po = createSelector([w, mt], (a2, e) => {
+var ho = createSelector([w, gt], (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 ho = createSelector([w, mt], (a2, e) => {
+var mo = createSelector([w, gt], (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 So = createSelector([es, co], (a2, e) => e ? a2[e] : null);
-var J = b(j);
-var zh = b(createSelector([Xi, no], (a2, e) => {
+var So = createSelector([es, lo], (a2, e) => e ? a2[e] : null);
+var Q = b(J);
+var Xh = b(createSelector([Xi, co], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function Yh(a2) {
+function Zh(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var Zh = b(createSelector(j, (a2) => a2 == null ? void 0 : a2.name));
+var tm = b(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
 var si = b(Ar);
-var $s = b(lo);
-var eS = b(uo);
-var tS = b(po);
-var iS = b(ho);
-var mo = b((a2, e) => {
-  let t = j(a2, e);
+var Ks = b(uo);
+var im = b(po);
+var rm = b(ho);
+var sm = b(mo);
+var go = b((a2, e) => {
+  let t = J(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var go = b((a2, e) => {
-  let t = j(a2, e);
+var To = b((a2, e) => {
+  let t = J(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var sS = b((a2, e) => {
-  let t = j(a2, e);
+var om = b((a2, e) => {
+  let t = J(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var Ws = (a2, e) => e ? a2.speakers[e] : null;
-var aS = b(createSelector(Ws, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var To = (a2, e) => {
-  let t = go(e)(a2);
-  return Ws(a2, t == null ? void 0 : t.id);
-};
-var oS = b(createSelector(To, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var nS = b((a2, e) => {
+var qs = (a2, e) => e ? a2.speakers[e] : null;
+var nm = b(createSelector(qs, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var fo = (a2, e) => {
+  let t = To(e)(a2);
+  return qs(a2, t == null ? void 0 : t.id);
+};
+var cm = b(createSelector(fo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var dm = b((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var cS = b((a2, e) => {
-  let t = j(a2, e);
+var lm = b((a2, e) => {
+  let t = J(a2, e);
   if (t) {
-    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => et(a2.tracks[r]));
+    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => tt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var dS = b(createSelector(w, j, (a2, e) => {
+var um = b(createSelector(w, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return it(r) && tt(r);
+    return rt(r) && it(r);
   });
   return t ? a2[t] : void 0;
 }));
-var lS = b(createSelector(w, j, (a2, e) => {
+var pm = b(createSelector(w, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return it(r) && et(r);
+    return rt(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var uS = b(createSelector(w, j, (a2, e) => {
+var hm = b(createSelector(w, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return Bt(r) && et(r);
+    return Ft(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Ks = b(createSelector(w, j, (a2, e) => He(a2, e)));
-var qs = (a2) => createSelector(Ks(a2), (e) => e.audio);
-var hS = b((a2, e) => {
-  let t = j(a2, e);
-  return xe(a2, t == null ? void 0 : t.audioTrack);
+var js = b(createSelector(w, J, (a2, e) => He(a2, e)));
+var Js = (a2) => createSelector(js(a2), (e) => e.audio);
+var Sm = b((a2, e) => {
+  let t = J(a2, e);
+  return Ue(a2, t == null ? void 0 : t.audioTrack);
 });
-var SS = b((a2, e) => {
-  let t = j(a2, e);
-  return xe(a2, t == null ? void 0 : t.videoTrack);
+var gm = b((a2, e) => {
+  let t = J(a2, e);
+  return Ue(a2, t == null ? void 0 : t.videoTrack);
 });
-var js = b((a2, e) => {
+var Qs = b((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var mS = b((a2, e) => {
-  let t = j(a2, e);
-  return js(t == null ? void 0 : t.audioTrack)(a2);
+var Tm = b((a2, e) => {
+  let t = J(a2, e);
+  return Qs(t == null ? void 0 : t.audioTrack)(a2);
 });
-var gS = b((a2, e) => {
-  let t = qs(e)(a2);
-  return js(t == null ? void 0 : t.id)(a2);
+var fm = b((a2, e) => {
+  let t = Js(e)(a2);
+  return Qs(t == null ? void 0 : t.id)(a2);
 });
-var Js = b((a2, e) => {
+var zs = b((a2, e) => {
   let t = Ar(a2, e);
   if (t) {
     if (t.type !== "audio") {
@@ -19248,15 +19261,15 @@ var Js = b((a2, e) => {
     return t.volume;
   }
 });
-var TS = b((a2, e) => {
-  let t = j(a2, e);
-  return Js(t == null ? void 0 : t.audioTrack)(a2);
+var vm = b((a2, e) => {
+  let t = J(a2, e);
+  return zs(t == null ? void 0 : t.audioTrack)(a2);
 });
-var fS = b((a2, e) => {
-  let t = qs(e)(a2);
-  return Js(t == null ? void 0 : t.id)(a2);
+var Mm = b((a2, e) => {
+  let t = Js(e)(a2);
+  return zs(t == null ? void 0 : t.id)(a2);
 });
-var vS = b((a2, e) => {
+var ym = b((a2, e) => {
   let t = Ar(a2, e);
   if (t) {
     if (t.type !== "video") {
@@ -19266,45 +19279,45 @@ var vS = b((a2, e) => {
     return t.layer;
   }
 });
-var Qs = createSelector([st, pe, br], (a2, e, t) => {
+var Ys = createSelector([at, ue, br], (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 zs = createSelector([st, Gs], (a2, e) => {
+var Xs = createSelector([at, Ws], (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 fo = createSelector(st, (a2) => a2.filter((e) => {
+var vo = createSelector(at, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var vo = createSelector([zs, Gs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Mo = createSelector([Qs, br], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var MS = createSelector(fo, (a2) => a2.filter((e) => !e.read).length);
-var yS = b(Qs);
-var PS = b(zs);
-var kS = b(vo);
-var ES = b(Mo);
-var Ys = b(So);
-var NS = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
+var Mo = createSelector([Xs, Ws], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var yo = createSelector([Ys, br], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var km = createSelector(vo, (a2) => a2.filter((e) => !e.read).length);
+var Pm = b(Ys);
+var Em = b(Xs);
+var bm = b(Mo);
+var Am = b(yo);
+var Zs = b(So);
+var xm = createSelector([G, w], (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 yo = (a2) => a2.roleChangeRequests[0] || null;
-var OS = createSelector([yo, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var xS = createSelector([Gt], (a2) => rt(a2));
-var US = createSelector([Xr], (a2) => rt(a2));
-var ko = createSelector([K, w], (a2, e) => {
+var ko = (a2) => a2.roleChangeRequests[0] || null;
+var Um = createSelector([ko, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var Vm = createSelector([$t], (a2) => st(a2));
+var Bm = createSelector([Xr], (a2) => st(a2));
+var Eo = createSelector([K, w], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Eo = createSelector([Z, w], (a2, e) => {
+var bo = createSelector([Z, w], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
@@ -19327,7 +19340,7 @@ var Lr = class {
       this.addEventToStorage(e);
       return;
     }
-    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? _s : Ns;
+    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" ? Os : xs;
     fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
       if (r.status === 401) {
         this.removeFromStorage(e);
@@ -19353,77 +19366,77 @@ var Lr = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var fe = new Lr();
+var Te = new Lr();
 var $ = ((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))($ || {});
 var xi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(xi || {});
 var Ki = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Ki || {});
-var Wo = (a2) => a2.localPeer.id;
-var Ko = (a2) => a2.localPeer.audioTrack;
-var qo = (a2) => a2.localPeer.videoTrack;
-var jo = (a2, e) => e;
-var Sa = (a2, e) => e;
-var Jo = (a2) => a2.remoteTrackStats;
-var ma = (a2) => a2.peerStats;
+var Ko = (a2) => a2.localPeer.id;
+var qo = (a2) => a2.localPeer.audioTrack;
+var jo = (a2) => a2.localPeer.videoTrack;
+var Jo = (a2, e) => e;
+var ga = (a2, e) => e;
+var Qo = (a2) => a2.remoteTrackStats;
+var Ta = (a2) => a2.peerStats;
 var xr = (a2) => a2.localTrackStats;
-var Me = createSelector([ma, Wo], (a2, e) => a2[e]);
-var Qo = createSelector(Me, (a2) => {
+var ve = createSelector([Ta, Ko], (a2, e) => a2[e]);
+var zo = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var zo = createSelector(Me, (a2) => {
+var Yo = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var Yo = createSelector(Me, (a2) => {
+var Xo = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var Xo = createSelector(Me, (a2) => {
+var Zo = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var Zo = createSelector(Me, (a2) => {
+var en = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var en = createSelector(Me, (a2) => {
+var tn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var tn = createSelector(Me, (a2) => {
+var rn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var rn = createSelector(Me, (a2) => {
+var sn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var sn = createSelector([ma, jo], (a2, e) => e ? a2[e] : void 0);
-var an = createSelector([Jo, Sa], (a2, e) => e ? a2[e] : void 0);
-var Ur = createSelector([xr, Sa], (a2, e) => e ? a2[e] : void 0);
-var on = b(sn);
+var an = createSelector([Ta, Jo], (a2, e) => e ? a2[e] : void 0);
+var on = createSelector([Qo, ga], (a2, e) => e ? a2[e] : void 0);
+var Ur = createSelector([xr, ga], (a2, e) => e ? a2[e] : void 0);
 var nn = b(an);
-var cn = createSelector([xr, Ko], (a2, e) => {
+var cn = b(on);
+var dn = createSelector([xr, qo], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var dn = b(createSelector(Ur, (a2) => a2 == null ? void 0 : a2[0]));
-var ln = createSelector([xr, qo], (a2, e) => {
+var ln = b(createSelector(Ur, (a2) => a2 == null ? void 0 : a2[0]));
+var un = createSelector([xr, jo], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var un = b(createSelector(Ur, (a2) => a2));
+var pn = b(createSelector(Ur, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
   HMSRoomState as HMSRoomState3,
   selectHLSState as selectHLSState4,
   selectIsConnectedToRoom as selectIsConnectedToRoom6,
-  selectPermissions as selectPermissions6,
+  selectPermissions as selectPermissions7,
   selectRecordingState,
   selectRoomState as selectRoomState3,
   useHMSActions as useHMSActions18,
-  useHMSStore as useHMSStore23,
+  useHMSStore as useHMSStore25,
   useRecordingStreaming as useRecordingStreaming6
 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon5, CrossIcon as CrossIcon7, PauseCircleIcon, RecordIcon } from "@100mslive/react-icons";
@@ -19431,7 +19444,7 @@ import { AlertTriangleIcon as AlertTriangleIcon5, CrossIcon as CrossIcon7, Pause
 // src/Prebuilt/components/Header/AdditionalRoomState.jsx
 init_define_process_env();
 import React53, { useState as useState24 } from "react";
-import { selectLocalPeerID as selectLocalPeerID5, selectPeerSharingVideoPlaylist, useHMSStore as useHMSStore22, useScreenShare } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID5, selectPeerSharingVideoPlaylist, useHMSStore as useHMSStore24, useScreenShare } from "@100mslive/react-sdk";
 import {
   AudioPlayerIcon,
   ChevronDownIcon as ChevronDownIcon4,
@@ -19449,12 +19462,12 @@ import {
   selectAudioPlaylistTrackByPeerID,
   selectPeerSharingAudioPlaylist,
   useHMSActions as useHMSActions16,
-  useHMSStore as useHMSStore20
+  useHMSStore as useHMSStore22
 } from "@100mslive/react-sdk";
 var usePlaylistMusic = () => {
-  const peer = useHMSStore20(selectPeerSharingAudioPlaylist);
-  const track = useHMSStore20(selectAudioPlaylistTrackByPeerID(peer == null ? void 0 : peer.id));
-  const selection = useHMSStore20(selectAudioPlaylist.selectedItem);
+  const peer = useHMSStore22(selectPeerSharingAudioPlaylist);
+  const track = useHMSStore22(selectAudioPlaylistTrackByPeerID(peer == null ? void 0 : peer.id));
+  const selection = useHMSStore22(selectAudioPlaylist.selectedItem);
   const hmsActions = useHMSActions16();
   const play = useCallback14(
     (selectedId) => __async(void 0, null, function* () {
@@ -19481,12 +19494,12 @@ import {
   selectPeerSharingAudio,
   selectScreenShareAudioByPeerID,
   useHMSActions as useHMSActions17,
-  useHMSStore as useHMSStore21
+  useHMSStore as useHMSStore23
 } from "@100mslive/react-sdk";
 var useScreenshareAudio = () => {
   const hmsActions = useHMSActions17();
-  const peer = useHMSStore21(selectPeerSharingAudio);
-  const track = useHMSStore21(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
+  const peer = useHMSStore23(selectPeerSharingAudio);
+  const track = useHMSStore23(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
   const handleMute = useCallback15(() => {
     if (!peer.isLocal) {
       hmsActions.setVolume(!track.volume ? 100 : 0, track.id);
@@ -19533,8 +19546,8 @@ var AdditionalRoomState = () => {
     !screenshareAudio.peer || !screenshareAudio.track,
     !((_d = screenshareAudio.peer) == null ? void 0 : _d.isLocal) && !((_e = screenshareAudio.track) == null ? void 0 : _e.enabled)
   ].some(Boolean);
-  const peerSharingPlaylist = useHMSStore22(selectPeerSharingVideoPlaylist);
-  const localPeerID = useHMSStore22(selectLocalPeerID5);
+  const peerSharingPlaylist = useHMSStore24(selectPeerSharingVideoPlaylist);
+  const localPeerID = useHMSStore24(selectLocalPeerID5);
   const isVideoPlayListPlaying = !!(peerSharingPlaylist == null ? void 0 : peerSharingPlaylist.id);
   const { screenSharingPeerName, screenSharingPeerId, screenShareVideoTrackId } = useScreenShare();
   const isVideoScreenSharingOn = !!screenShareVideoTrackId;
@@ -19601,7 +19614,7 @@ var AdditionalRoomState = () => {
 var LiveStatus = () => {
   var _a8;
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
-  const hlsState = useHMSStore23(selectHLSState4);
+  const hlsState = useHMSStore25(selectHLSState4);
   const isMobile = useMedia6(config.media.md);
   const intervalRef = useRef13(null);
   const { screenType } = useRoomLayoutConferencingScreen();
@@ -19648,7 +19661,7 @@ var LiveStatus = () => {
 };
 var RecordingStatus = () => {
   const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = useRecordingStreaming6();
-  const permissions = useHMSStore23(selectPermissions6);
+  const permissions = useHMSStore25(selectPermissions7);
   const isMobile = useMedia6(config.media.md);
   if (!isRecordingOn || // if only browser recording is enabled, stop recording is shown
   // so no need to show this as it duplicates
@@ -19681,8 +19694,8 @@ var RecordingStatus = () => {
   );
 };
 var RecordingPauseStatus = () => {
-  const recording = useHMSStore23(selectRecordingState);
-  if (recording.hls && recording.hls.state === bs.PAUSED) {
+  const recording = useHMSStore25(selectRecordingState);
+  if (recording.hls && recording.hls.state === Is.PAUSED) {
     return /* @__PURE__ */ React54.createElement(
       Tooltip,
       {
@@ -19708,7 +19721,7 @@ var RecordingPauseStatus = () => {
   return null;
 };
 var StartRecording2 = () => {
-  const permissions = useHMSStore23(selectPermissions6);
+  const permissions = useHMSStore25(selectPermissions7);
   const [open, setOpen] = useState25(false);
   const [recordingStarted, setRecordingState] = useSetAppDataByKey(APP_DATA.recordingStarted);
   const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming6();
@@ -19775,9 +19788,9 @@ var StartRecording2 = () => {
   );
 };
 var StreamActions = () => {
-  const isConnected = useHMSStore23(selectIsConnectedToRoom6);
+  const isConnected = useHMSStore25(selectIsConnectedToRoom6);
   const isMobile = useMedia6(config.media.md);
-  const roomState = useHMSStore23(selectRoomState3);
+  const roomState = useHMSStore25(selectRoomState3);
   return /* @__PURE__ */ React54.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React54.createElement(AdditionalRoomState, null), !isMobile && /* @__PURE__ */ React54.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React54.createElement(RecordingPauseStatus, null), /* @__PURE__ */ React54.createElement(RecordingStatus, null), roomState !== HMSRoomState3.Preview ? /* @__PURE__ */ React54.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ React54.createElement(StartRecording2, null) : null);
 };
 var StopRecordingInSheet = ({
@@ -19859,7 +19872,7 @@ var ActionTile = {
 init_define_process_env();
 import React57, { useState as useState26 } from "react";
 import { useMedia as useMedia7 } from "react-use";
-import { selectLocalPeerName, useHMSActions as useHMSActions19, useHMSStore as useHMSStore24 } from "@100mslive/react-sdk";
+import { selectLocalPeerName, useHMSActions as useHMSActions19, useHMSStore as useHMSStore26 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
 init_define_process_env();
@@ -19975,7 +19988,7 @@ var ChangeNameModal = ({
 }) => {
   const [previewPreference, setPreviewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW);
   const hmsActions = useHMSActions19();
-  const localPeerName = useHMSStore24(selectLocalPeerName);
+  const localPeerName = useHMSStore26(selectLocalPeerName);
   const [currentName, setCurrentName] = useState26(localPeerName);
   const isMobile = useMedia7(config.media.md);
   const changeName = () => __async(void 0, null, function* () {
@@ -20016,12 +20029,12 @@ var ChangeNameModal = ({
 // src/Prebuilt/components/AppData/useSheet.ts
 init_define_process_env();
 import { useCallback as useCallback17 } from "react";
-import { selectAppData as selectAppData4, useHMSActions as useHMSActions20, useHMSStore as useHMSStore25, useHMSVanillaStore as useHMSVanillaStore7 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData4, useHMSActions as useHMSActions20, useHMSStore as useHMSStore27, useHMSVanillaStore as useHMSVanillaStore7 } from "@100mslive/react-sdk";
 var useIsSheetTypeOpen = (sheetType) => {
   if (!sheetType) {
     throw Error("Pass one of the sheet options");
   }
-  return useHMSStore25(selectAppData4(APP_DATA.sheet)) === sheetType;
+  return useHMSStore27(selectAppData4(APP_DATA.sheet)) === sheetType;
 };
 var useSheetToggle = (sheetType) => {
   const hmsActions = useHMSActions20();
@@ -20036,9 +20049,9 @@ var useSheetToggle = (sheetType) => {
 // src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx
 init_define_process_env();
 import { useEffect as useEffect17, useState as useState27 } from "react";
-import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore26 } from "@100mslive/react-sdk";
+import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore28 } from "@100mslive/react-sdk";
 var useUnreadPollQuizPresent = () => {
-  const localPeerID = useHMSStore26(pe);
+  const localPeerID = useHMSStore28(ue);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState27(false);
   useEffect17(() => {
@@ -20067,8 +20080,8 @@ var MwebOptions = ({
   screenType
 }) => {
   const hmsActions = useHMSActions21();
-  const permissions = useHMSStore27(selectPermissions7);
-  const isConnected = useHMSStore27(selectIsConnectedToRoom7);
+  const permissions = useHMSStore29(selectPermissions8);
+  const isConnected = useHMSStore29(selectIsConnectedToRoom7);
   const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming7();
   const [openModals, setOpenModals] = useState28(/* @__PURE__ */ new Set());
   const [openOptionsSheet, setOpenOptionsSheet] = useState28(false);
@@ -20079,7 +20092,7 @@ var MwebOptions = ({
   const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const { showPolls } = useShowPolls();
   const togglePollView = usePollViewToggle();
-  const peerCount = useHMSStore27(selectPeerCount3);
+  const peerCount = useHMSStore29(selectPeerCount3);
   const emojiCardRef = useRef14(null);
   const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
   const { toggleAudio, toggleVideo } = useAVToggle3();
@@ -20324,7 +20337,7 @@ var RaiseHand = () => {
 // src/Prebuilt/components/ScreenShareToggle.jsx
 init_define_process_env();
 import React67, { Fragment as Fragment9 } from "react";
-import { selectIsAllowedToPublish, useAwayNotifications, useHMSStore as useHMSStore28, useScreenShare as useScreenShare3 } from "@100mslive/react-sdk";
+import { selectIsAllowedToPublish, useAwayNotifications, useHMSStore as useHMSStore30, useScreenShare as useScreenShare3 } from "@100mslive/react-sdk";
 import { ShareScreenIcon as ShareScreenIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx
@@ -20784,7 +20797,7 @@ function ShareScreenOptions() {
 
 // src/Prebuilt/components/ScreenShareToggle.jsx
 var ScreenshareToggle = ({ css: css2 = {} }) => {
-  const isAllowedToPublish = useHMSStore28(selectIsAllowedToPublish);
+  const isAllowedToPublish = useHMSStore30(selectIsAllowedToPublish);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = useScreenShare3();
   const { requestPermission } = useAwayNotifications();
@@ -20812,13 +20825,13 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
 // src/Prebuilt/components/VirtualBackground/VBToggle.tsx
 init_define_process_env();
 import React68 from "react";
-import { selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled4, useHMSStore as useHMSStore29 } from "@100mslive/react-sdk";
+import { selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled4, useHMSStore as useHMSStore31 } from "@100mslive/react-sdk";
 import { VirtualBackgroundIcon } from "@100mslive/react-icons";
 var VBToggle = () => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
-  const isVideoOn = useHMSStore29(selectIsLocalVideoEnabled4);
-  const isEffectsEnabled = useHMSStore29(selectIsEffectsEnabled);
+  const isVideoOn = useHMSStore31(selectIsLocalVideoEnabled4);
+  const isEffectsEnabled = useHMSStore31(selectIsEffectsEnabled);
   if (!isVideoOn || !isEffectsEnabled && isSafari) {
     return null;
   }
@@ -20828,10 +20841,10 @@ var VBToggle = () => {
 // src/Prebuilt/components/Footer/ChatToggle.tsx
 init_define_process_env();
 import React69 from "react";
-import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore30 } from "@100mslive/react-sdk";
+import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
 import { ChatIcon } from "@100mslive/react-icons";
 var ChatToggle = () => {
-  const countUnreadMessages = useHMSStore30(selectUnreadHMSMessagesCount);
+  const countUnreadMessages = useHMSStore32(selectUnreadHMSMessagesCount);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   return /* @__PURE__ */ React69.createElement(
@@ -20874,16 +20887,16 @@ import {
   selectLocalPeerID as selectLocalPeerID7,
   selectPeerCount as selectPeerCount4,
   selectPeerMetadata as selectPeerMetadata3,
-  selectPermissions as selectPermissions10,
+  selectPermissions as selectPermissions11,
   useHMSActions as useHMSActions24,
-  useHMSStore as useHMSStore35
+  useHMSStore as useHMSStore37
 } from "@100mslive/react-sdk";
 import { ChangeRoleIcon as ChangeRoleIcon2, HandIcon as HandIcon4, MicOffIcon as MicOffIcon4, PeopleIcon as PeopleIcon2, SearchIcon, VerticalMenuIcon as VerticalMenuIcon5 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Connection/ConnectionIndicator.tsx
 init_define_process_env();
 import React70 from "react";
-import { selectConnectionQualityByPeerID as selectConnectionQualityByPeerID2, useHMSStore as useHMSStore31 } from "@100mslive/react-sdk";
+import { selectConnectionQualityByPeerID as selectConnectionQualityByPeerID2, useHMSStore as useHMSStore33 } from "@100mslive/react-sdk";
 import { PoorConnectivityIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Connection/connectionQualityUtils.js
@@ -20936,7 +20949,7 @@ var ConnectionIndicator = ({
   hideBg = false
 }) => {
   var _a8;
-  const downlinkQuality = (_a8 = useHMSStore31(selectConnectionQualityByPeerID2(peerId))) == null ? void 0 : _a8.downlinkQuality;
+  const downlinkQuality = (_a8 = useHMSStore33(selectConnectionQualityByPeerID2(peerId))) == null ? void 0 : _a8.downlinkQuality;
   const { theme: theme2 } = useTheme();
   const defaultColor = theme2.colors.on_surface_low;
   if (downlinkQuality === -1 || downlinkQuality === void 0) {
@@ -20997,12 +21010,12 @@ var ConnectionIndicator = ({
 // src/Prebuilt/components/RemoveParticipant.tsx
 init_define_process_env();
 import React71 from "react";
-import { selectLocalPeerID as selectLocalPeerID6, selectPermissions as selectPermissions8, useHMSActions as useHMSActions22, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID6, selectPermissions as selectPermissions9, useHMSActions as useHMSActions22, useHMSStore as useHMSStore34 } from "@100mslive/react-sdk";
 import { PeopleRemoveIcon as PeopleRemoveIcon2 } from "@100mslive/react-icons";
 var RemoveParticipant = ({ peerId }) => {
   var _a8;
-  const canRemoveOthers = (_a8 = useHMSStore32(selectPermissions8)) == null ? void 0 : _a8.removeOthers;
-  const localPeerId = useHMSStore32(selectLocalPeerID6);
+  const canRemoveOthers = (_a8 = useHMSStore34(selectPermissions9)) == null ? void 0 : _a8.removeOthers;
+  const localPeerId = useHMSStore34(selectLocalPeerID6);
   const actions = useHMSActions22();
   if (peerId === localPeerId || !canRemoveOthers) {
     return null;
@@ -21030,13 +21043,19 @@ init_define_process_env();
 import React73, { useEffect as useEffect18 } from "react";
 import { useMeasure } from "react-use";
 import { FixedSizeList } from "react-window";
-import { selectIsLargeRoom, useHMSStore as useHMSStore34, usePaginatedParticipants } from "@100mslive/react-sdk";
+import { selectIsLargeRoom, useHMSStore as useHMSStore36, usePaginatedParticipants } from "@100mslive/react-sdk";
 import { ChevronRightIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Footer/RoleOptions.tsx
 init_define_process_env();
 import React72, { useState as useState31 } from "react";
-import { selectPermissions as selectPermissions9, useHMSActions as useHMSActions23, useHMSStore as useHMSStore33, useHMSVanillaStore as useHMSVanillaStore8 } from "@100mslive/react-sdk";
+import {
+  selectPermissions as selectPermissions10,
+  selectRoleByRoleName,
+  useHMSActions as useHMSActions23,
+  useHMSStore as useHMSStore35,
+  useHMSVanillaStore as useHMSVanillaStore8
+} from "@100mslive/react-sdk";
 import {
   MicOffIcon as MicOffIcon3,
   MicOnIcon as MicOnIcon3,
@@ -21048,27 +21067,44 @@ import {
 } from "@100mslive/react-icons";
 var dropdownItemCSS = { backgroundColor: "$surface_default", gap: "$4", p: "$8" };
 var optionTextCSS = { fontWeight: "$semiBold", color: "$on_surface_high", textTransform: "none" };
-var RoleOptions = ({ roleName, peerList }) => {
-  const [openOptions, setOpenOptions] = useState31(false);
-  const permissions = useHMSStore33(selectPermissions9);
-  const hmsActions = useHMSActions23();
-  const { elements } = useRoomLayoutConferencingScreen();
-  const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
+var MuteUnmuteOption = ({ roleName, peerList }) => {
+  var _a8, _b7;
   const vanillaStore = useHMSVanillaStore8();
   const store = vanillaStore.getState();
+  const hmsActions = useHMSActions23();
+  const permissions = useHMSStore35(selectPermissions10);
+  const role = useHMSStore35(selectRoleByRoleName(roleName));
   let allPeersHaveVideoOn = true;
   let allPeersHaveAudioOn = true;
   peerList.forEach((peer) => {
-    var _a8, _b7;
-    const isAudioOn = !!peer.audioTrack && ((_a8 = store.tracks[peer.audioTrack]) == null ? void 0 : _a8.enabled);
-    const isVideoOn = !!peer.videoTrack && ((_b7 = store.tracks[peer.videoTrack]) == null ? void 0 : _b7.enabled);
+    var _a9, _b8;
+    if (peer.isLocal) {
+      return;
+    }
+    const isAudioOn = !!peer.audioTrack && ((_a9 = store.tracks[peer.audioTrack]) == null ? void 0 : _a9.enabled);
+    const isVideoOn = !!peer.videoTrack && ((_b8 = store.tracks[peer.videoTrack]) == null ? void 0 : _b8.enabled);
     allPeersHaveAudioOn = allPeersHaveAudioOn && isAudioOn;
     allPeersHaveVideoOn = allPeersHaveVideoOn && isVideoOn;
   });
-  const canMuteRole = (permissions == null ? void 0 : permissions.mute) && roleName === on_stage_role;
+  const setTrackEnabled = (type, enabled = false) => __async(void 0, null, function* () {
+    try {
+      yield hmsActions.setRemoteTracksEnabled({ roles: [roleName], source: "regular", type, enabled });
+    } catch (e) {
+      console.error(e);
+    }
+  });
+  return /* @__PURE__ */ React72.createElement(React72.Fragment, null, ((_a8 = role.publishParams.allowed) == null ? void 0 : _a8.includes("audio")) && /* @__PURE__ */ React72.createElement(React72.Fragment, null, allPeersHaveAudioOn && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", false) }, /* @__PURE__ */ React72.createElement(MicOffIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Audio")) : null, !allPeersHaveAudioOn && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", true) }, /* @__PURE__ */ React72.createElement(MicOnIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Unmute Audio")) : null), ((_b7 = role.publishParams.allowed) == null ? void 0 : _b7.includes("audio")) && /* @__PURE__ */ React72.createElement(React72.Fragment, null, allPeersHaveVideoOn && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", false) }, /* @__PURE__ */ React72.createElement(VideoOffIcon2, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Video")) : null, !allPeersHaveVideoOn && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", true) }, /* @__PURE__ */ React72.createElement(VideoOnIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Unmute Video")) : null));
+};
+var RoleOptions = ({ roleName, peerList }) => {
+  const [openOptions, setOpenOptions] = useState31(false);
+  const permissions = useHMSStore35(selectPermissions10);
+  const hmsActions = useHMSActions23();
+  const { elements } = useRoomLayoutConferencingScreen();
+  const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
+  const canMuteOrUnmute = (permissions == null ? void 0 : permissions.mute) || (permissions == null ? void 0 : permissions.unmute);
   const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
   const canRemoveRoleFromRoom = (permissions == null ? void 0 : permissions.removeOthers) && (on_stage_role === roleName || (off_stage_roles == null ? void 0 : off_stage_roles.includes(roleName)));
-  if (!(canMuteRole || canRemoveRoleFromStage || canRemoveRoleFromRoom) || peerList.length === 0) {
+  if (!(canMuteOrUnmute || canRemoveRoleFromStage || canRemoveRoleFromRoom) || peerList.length === 0) {
     return null;
   }
   const removeAllFromStage = () => {
@@ -21079,13 +21115,6 @@ var RoleOptions = ({ roleName, peerList }) => {
       }
     });
   };
-  const setTrackEnabled = (type, enabled = false) => __async(void 0, null, function* () {
-    try {
-      yield hmsActions.setRemoteTracksEnabled({ roles: [roleName], source: "regular", type, enabled });
-    } catch (e) {
-      console.error(e);
-    }
-  });
   const removePeersFromRoom = () => __async(void 0, null, function* () {
     try {
       peerList.forEach((peer) => __async(void 0, null, function* () {
@@ -21132,15 +21161,7 @@ var RoleOptions = ({ roleName, peerList }) => {
       /* @__PURE__ */ React72.createElement(PersonRectangleIcon2, null),
       /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Remove all from Stage")
     ),
-    canMuteRole && /* @__PURE__ */ React72.createElement(React72.Fragment, null, /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", !allPeersHaveAudioOn) }, allPeersHaveAudioOn ? /* @__PURE__ */ React72.createElement(MicOffIcon3, null) : /* @__PURE__ */ React72.createElement(MicOnIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, allPeersHaveAudioOn ? "Mute" : "Unmute", " Audio")), /* @__PURE__ */ React72.createElement(
-      Dropdown.Item,
-      {
-        css: __spreadProps(__spreadValues({}, dropdownItemCSS), { borderTop: "1px solid $border_bright" }),
-        onClick: () => setTrackEnabled("video", !allPeersHaveVideoOn)
-      },
-      allPeersHaveVideoOn ? /* @__PURE__ */ React72.createElement(VideoOffIcon2, null) : /* @__PURE__ */ React72.createElement(VideoOnIcon3, null),
-      /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, allPeersHaveVideoOn ? "Mute" : "Unmute", " Video")
-    )),
+    canMuteOrUnmute && /* @__PURE__ */ React72.createElement(MuteUnmuteOption, { peerList, roleName }),
     canRemoveRoleFromRoom && /* @__PURE__ */ React72.createElement(
       Dropdown.Item,
       {
@@ -21183,7 +21204,7 @@ var RoleAccordion = ({
   onActive
 }) => {
   const [ref, { width }] = useMeasure();
-  const isLargeRoom = useHMSStore34(selectIsLargeRoom);
+  const isLargeRoom = useHMSStore36(selectIsLargeRoom);
   const { peers, total, loadPeers } = usePaginatedParticipants({ role: roleName, limit: 10 });
   const isOffStageRole = roleName && offStageRoles.includes(roleName);
   let peersInAccordion = peerList;
@@ -21273,9 +21294,9 @@ var ParticipantList = ({
 }) => {
   const [filter, setFilter] = useState32();
   const { participants, isConnected, peerCount } = useParticipants(filter);
-  const isLargeRoom = useHMSStore35(selectIsLargeRoom2);
+  const isLargeRoom = useHMSStore37(selectIsLargeRoom2);
   const peersOrderedByRoles = {};
-  const handRaisedPeers = useHMSStore35(selectHandRaisedPeers);
+  const handRaisedPeers = useHMSStore37(selectHandRaisedPeers);
   participants.forEach((participant) => {
     if (participant.roleName) {
       if (peersOrderedByRoles[participant.roleName] === void 0) {
@@ -21338,7 +21359,7 @@ var ParticipantList = ({
   ));
 };
 var ParticipantCount = () => {
-  const peerCount = useHMSStore35(selectPeerCount4);
+  const peerCount = useHMSStore37(selectPeerCount4);
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
   if (peerCount === 0) {
@@ -21369,7 +21390,7 @@ var Participant = ({
   isConnected,
   style
 }) => {
-  const localPeerId = useHMSStore35(selectLocalPeerID7);
+  const localPeerId = useHMSStore37(selectLocalPeerID7);
   return /* @__PURE__ */ React74.createElement(
     Flex,
     {
@@ -21453,13 +21474,13 @@ var VirtualizedParticipants = ({
 var ParticipantActions = React74.memo(
   ({ peerId, role, isLocal }) => {
     var _a8, _b7;
-    const isHandRaised = useHMSStore35(selectHasPeerHandRaised2(peerId));
-    const canChangeRole = (_a8 = useHMSStore35(selectPermissions10)) == null ? void 0 : _a8.changeRole;
-    const canRemoveOthers = (_b7 = useHMSStore35(selectPermissions10)) == null ? void 0 : _b7.removeOthers;
+    const isHandRaised = useHMSStore37(selectHasPeerHandRaised2(peerId));
+    const canChangeRole = (_a8 = useHMSStore37(selectPermissions11)) == null ? void 0 : _a8.changeRole;
+    const canRemoveOthers = (_b7 = useHMSStore37(selectPermissions11)) == null ? void 0 : _b7.removeOthers;
     const { elements } = useRoomLayoutConferencingScreen();
     const { on_stage_exp } = elements || {};
     const shouldShowMoreActions = on_stage_exp && canChangeRole || canRemoveOthers;
-    const isAudioMuted = !useHMSStore35(selectIsPeerAudioEnabled(peerId));
+    const isAudioMuted = !useHMSStore37(selectIsPeerAudioEnabled(peerId));
     return /* @__PURE__ */ React74.createElement(
       Flex,
       {
@@ -21509,7 +21530,7 @@ var ParticipantMoreActions = ({
   } = elements.on_stage_exp || {};
   const isInStage = role === on_stage_role;
   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 = (_a8 = useHMSStore35(selectPeerMetadata3(peerId))) == null ? void 0 : _a8.prevRole;
+  const prevRole = (_a8 = useHMSStore37(selectPeerMetadata3(peerId))) == null ? void 0 : _a8.prevRole;
   const [open, setOpen] = useState32(false);
   const handleStageAction = () => __async(void 0, null, function* () {
     if (isInStage) {
@@ -21715,9 +21736,9 @@ var Footer2 = ({
 // src/Prebuilt/components/Notifications/HLSFailureModal.tsx
 init_define_process_env();
 import React78, { useCallback as useCallback19, useState as useState33 } from "react";
-import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions25, useHMSStore as useHMSStore36, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
+import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions25, useHMSStore as useHMSStore38, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
 function HLSFailureModal() {
-  const hlsError = useHMSStore36(selectHLSState5).error || false;
+  const hlsError = useHMSStore38(selectHLSState5).error || false;
   const [openModal, setOpenModal] = useState33(!!hlsError);
   const hmsActions = useHMSActions25();
   const { isRTMPRunning } = useRecordingStreaming8();
@@ -21770,7 +21791,7 @@ import {
   selectRoleChangeRequest,
   useCustomEvent as useCustomEvent3,
   useHMSActions as useHMSActions42,
-  useHMSStore as useHMSStore67
+  useHMSStore as useHMSStore69
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
@@ -21784,7 +21805,7 @@ import {
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
   useAVToggle as useAVToggle5,
-  useHMSStore as useHMSStore66,
+  useHMSStore as useHMSStore68,
   useParticipants as useParticipants2,
   usePreviewJoin,
   useRecordingStreaming as useRecordingStreaming11
@@ -21795,7 +21816,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
 init_define_process_env();
 import React126, { useEffect as useEffect32 } from "react";
 import { useMedia as useMedia21 } from "react-use";
-import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore66 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Polls.tsx
 init_define_process_env();
@@ -21806,17 +21827,17 @@ init_define_process_env();
 import React81, { useEffect as useEffect21, useMemo as useMemo5, useRef as useRef15, useState as useState34 } from "react";
 import {
   selectLocalPeerRoleName,
-  selectPermissions as selectPermissions12,
+  selectPermissions as selectPermissions13,
   selectPolls as selectPolls2,
   useHMSActions as useHMSActions26,
-  useHMSStore as useHMSStore38
+  useHMSStore as useHMSStore40
 } from "@100mslive/react-sdk";
 import { QuestionIcon, StatsIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Streaming/Common.jsx
 init_define_process_env();
 import React79 from "react";
-import { selectPermissions as selectPermissions11, useHMSStore as useHMSStore37 } from "@100mslive/react-sdk";
+import { selectPermissions as selectPermissions12, useHMSStore as useHMSStore39 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon3, ChevronRightIcon as ChevronRightIcon2, CrossIcon as CrossIcon10, RecordIcon as RecordIcon3 } from "@100mslive/react-icons";
 var ContentHeader = ({ onBack, onClose, title = "", content }) => {
   return /* @__PURE__ */ React79.createElement(
@@ -21916,7 +21937,7 @@ var StatusIndicator = ({ status }) => {
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 var PollsQuizMenu = () => {
   const togglePollView = usePollViewToggle();
-  const permissions = useHMSStore38(selectPermissions12);
+  const permissions = useHMSStore40(selectPermissions13);
   return /* @__PURE__ */ React81.createElement(Container3, { rounded: true }, /* @__PURE__ */ React81.createElement(ContentHeader, { content: "Polls and Quizzes", onClose: togglePollView }), /* @__PURE__ */ React81.createElement(Flex, { direction: "column", css: { px: "$10", pb: "$10", overflowY: "auto" } }, (permissions == null ? void 0 : permissions.pollWrite) && /* @__PURE__ */ React81.createElement(AddMenu, null), /* @__PURE__ */ React81.createElement(PrevMenu, null)));
 };
 function InteractionSelectionCard({
@@ -21958,7 +21979,7 @@ function InteractionSelectionCard({
 var AddMenu = () => {
   const actions = useHMSActions26();
   const [title, setTitle] = useState34("");
-  const localPeerRoleName = useHMSStore38(selectLocalPeerRoleName);
+  const localPeerRoleName = useHMSStore40(selectLocalPeerRoleName);
   const [hideVoteCount, setHideVoteCount] = useState34(false);
   const [error, setError] = useState34();
   const [titleError, setTitleError] = useState34("");
@@ -22040,7 +22061,7 @@ var AddMenu = () => {
 };
 var PrevMenu = () => {
   const hmsActions = useHMSActions26();
-  const polls = useHMSStore38(selectPolls2);
+  const polls = useHMSStore40(selectPolls2);
   const sortedPolls = useMemo5(
     () => {
       var _a8;
@@ -22051,7 +22072,7 @@ var PrevMenu = () => {
     },
     [polls]
   );
-  const permissions = useHMSStore38(selectPermissions12);
+  const permissions = useHMSStore40(selectPermissions13);
   useEffect21(() => {
     const updatePolls = () => __async(void 0, null, function* () {
       yield hmsActions.interactivityCenter.getPolls();
@@ -22089,7 +22110,7 @@ var InteractionCard = ({ id, title, status }) => {
 init_define_process_env();
 import React91, { useMemo as useMemo6, useState as useState36 } from "react";
 import { v4 as uuid2 } from "uuid";
-import { selectPollByID, useHMSActions as useHMSActions27, useHMSStore as useHMSStore39, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
+import { selectPollByID, useHMSActions as useHMSActions27, useHMSStore as useHMSStore41, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
 import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
@@ -22614,7 +22635,7 @@ function CreateQuestions() {
   const { isHLSRunning } = useRecordingStreaming9();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
-  const interaction = useHMSStore39(selectPollByID(id));
+  const interaction = useHMSStore41(selectPollByID(id));
   const [questions, setQuestions] = useState36(
     ((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
   );
@@ -22708,7 +22729,7 @@ var QuestionCard = ({ question, onSave, index, length, removeQuestion, isQuiz, c
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 init_define_process_env();
 import React95, { useState as useState38 } from "react";
-import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore42 } from "@100mslive/react-sdk";
+import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIcon3, CrossIcon as CrossIcon12 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
@@ -22772,7 +22793,7 @@ var LeaderboardEntry = ({
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
 init_define_process_env();
 import React94 from "react";
-import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore41 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
 init_define_process_env();
@@ -22797,11 +22818,11 @@ import { useEffect as useEffect22, useState as useState37 } from "react";
 import {
   selectPollByID as selectPollByID2,
   useHMSActions as useHMSActions28,
-  useHMSStore as useHMSStore40
+  useHMSStore as useHMSStore42
 } from "@100mslive/react-sdk";
 var useQuizSummary = (quizID) => {
   const hmsActions = useHMSActions28();
-  const quiz = useHMSStore40(selectPollByID2(quizID));
+  const quiz = useHMSStore42(selectPollByID2(quizID));
   const [quizLeaderboard, setQuizLeaderboard] = useState37();
   const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
     totalUsers: 0,
@@ -22838,7 +22859,7 @@ var useQuizSummary = (quizID) => {
 
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
 var PeerParticipationSummary = ({ quiz }) => {
-  const localPeerId = useHMSStore41(selectLocalPeerID8);
+  const localPeerId = useHMSStore43(selectLocalPeerID8);
   const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
   if (quiz.state !== "stopped") {
     return /* @__PURE__ */ React94.createElement(React94.Fragment, null);
@@ -22879,7 +22900,7 @@ var PeerParticipationSummary = ({ quiz }) => {
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 var LeaderboardSummary = ({ pollID }) => {
   var _a8, _b7;
-  const quiz = useHMSStore42(selectPollByID3(pollID));
+  const quiz = useHMSStore44(selectPollByID3(pollID));
   const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
   const [viewAllEntries, setViewAllEntries] = useState38(false);
   const { setPollView } = usePollViewState();
@@ -22954,10 +22975,10 @@ init_define_process_env();
 import React99 from "react";
 import {
   selectPeerNameByID,
-  selectPermissions as selectPermissions13,
+  selectPermissions as selectPermissions14,
   selectPollByID as selectPollByID4,
   useHMSActions as useHMSActions30,
-  useHMSStore as useHMSStore45
+  useHMSStore as useHMSStore47
 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
 
@@ -22968,7 +22989,7 @@ import React97 from "react";
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
 import React96, { useCallback as useCallback21, useMemo as useMemo7, useRef as useRef17, useState as useState39 } from "react";
-import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions29, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
+import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions29, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
 var QuestionCard2 = ({
   pollID,
@@ -22987,7 +23008,7 @@ var QuestionCard2 = ({
   rolesThatCanViewResponses
 }) => {
   const actions = useHMSActions29();
-  const localPeer = useHMSStore43(selectLocalPeer);
+  const localPeer = useHMSStore45(selectLocalPeer);
   const localPeerResponse = responses == null ? void 0 : responses.find(
     (response) => {
       var _a8, _b7;
@@ -22995,7 +23016,7 @@ var QuestionCard2 = ({
     }
   );
   const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
-  const localPeerRoleName = useHMSStore43(selectLocalPeerRoleName2);
+  const localPeerRoleName = useHMSStore45(selectLocalPeerRoleName2);
   const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
   const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
   const isLive = pollState === "started";
@@ -23178,10 +23199,10 @@ var StandardView = ({ poll }) => {
 // src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
 init_define_process_env();
 import React98, { useState as useState40 } from "react";
-import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore46 } from "@100mslive/react-sdk";
 var TimedView = ({ poll }) => {
   var _a8, _b7, _c;
-  const localPeerId = useHMSStore44(selectLocalPeerID9);
+  const localPeerId = useHMSStore46(selectLocalPeerID9);
   const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
   const [currentIndex, setCurrentIndex] = useState40(lastAttemptedIndex);
   const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
@@ -23217,9 +23238,9 @@ var TimedView = ({ poll }) => {
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 var Voting = ({ id, toggleVoting }) => {
   const actions = useHMSActions30();
-  const poll = useHMSStore45(selectPollByID4(id));
-  const pollCreatorName = useHMSStore45(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
-  const permissions = useHMSStore45(selectPermissions13);
+  const poll = useHMSStore47(selectPollByID4(id));
+  const pollCreatorName = useHMSStore47(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
+  const permissions = useHMSStore47(selectPermissions14);
   const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
   const { setPollView } = usePollViewState();
   const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
@@ -23346,14 +23367,14 @@ var RoomDetailsPane = () => {
 init_define_process_env();
 import React118, { useEffect as useEffect30, useState as useState50 } from "react";
 import { useMedia as useMedia18 } from "react-use";
-import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
+import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon18 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
 import React115, { useCallback as useCallback29, useRef as useRef21 } from "react";
 import { useMedia as useMedia17 } from "react-use";
-import { selectHMSMessagesCount, useHMSActions as useHMSActions38, useHMSStore as useHMSStore55, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
+import { selectHMSMessagesCount, useHMSActions as useHMSActions38, useHMSStore as useHMSStore57, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
@@ -23371,7 +23392,7 @@ import {
   selectSessionStore as selectSessionStore5,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
   useHMSActions as useHMSActions34,
-  useHMSStore as useHMSStore49,
+  useHMSStore as useHMSStore51,
   useHMSVanillaStore as useHMSVanillaStore10
 } from "@100mslive/react-sdk";
 import { SolidPinIcon } from "@100mslive/react-icons";
@@ -23379,7 +23400,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
 // src/Prebuilt/components/Chat/ChatActions.tsx
 init_define_process_env();
 import React105, { useCallback as useCallback24, useState as useState42 } from "react";
-import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions14, useHMSActions as useHMSActions33, useHMSStore as useHMSStore47 } from "@100mslive/react-sdk";
+import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions15, useHMSActions as useHMSActions33, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
 import {
   CopyIcon as CopyIcon2,
   CrossCircleIcon as CrossCircleIcon2,
@@ -23407,10 +23428,10 @@ var MwebChatOption = ({
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
 init_define_process_env();
 import { useCallback as useCallback22 } from "react";
-import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions31, useHMSStore as useHMSStore46 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions31, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
 var useChatBlacklist = (sessionStoreKey) => {
   const hmsActions = useHMSActions31();
-  const blacklistedIDs = useHMSStore46(selectSessionStore2(sessionStoreKey));
+  const blacklistedIDs = useHMSStore48(selectSessionStore2(sessionStoreKey));
   const blacklistItem = useCallback22(
     (blacklistID) => __async(void 0, null, function* () {
       yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
@@ -23420,8 +23441,8 @@ var useChatBlacklist = (sessionStoreKey) => {
   return { blacklistItem, blacklistedIDs };
 };
 var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
-  const localPeer = useHMSStore46(selectLocalPeer2);
-  const blacklistedPeerIDs = useHMSStore46(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
+  const localPeer = useHMSStore48(selectLocalPeer2);
+  const blacklistedPeerIDs = useHMSStore48(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
   return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
 };
 
@@ -23504,9 +23525,9 @@ var ChatActions = ({
   const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
   const [open, setOpen] = useState42(false);
   const actions = useHMSActions33();
-  const canRemoveOthers = (_b7 = useHMSStore47(selectPermissions14)) == null ? void 0 : _b7.removeOthers;
+  const canRemoveOthers = (_b7 = useHMSStore49(selectPermissions15)) == null ? void 0 : _b7.removeOthers;
   const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
-  const localPeerName = useHMSStore47(selectLocalPeerName2);
+  const localPeerName = useHMSStore49(selectLocalPeerName2);
   const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
   const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
     "chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
@@ -23726,9 +23747,9 @@ var EmptyChat = () => {
 // src/Prebuilt/components/hooks/usePinnedBy.tsx
 init_define_process_env();
 import { useEffect as useEffect24, useState as useState43 } from "react";
-import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
+import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
 var usePinnedBy = (messageId) => {
-  const pinnedMessages = useHMSStore48(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
+  const pinnedMessages = useHMSStore50(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedBy, setPinnedBy] = useState43("");
   useEffect24(() => {
     let match = "";
@@ -23811,8 +23832,8 @@ var MessageType = ({
   hasCurrentUserSent,
   receiver
 }) => {
-  const peerName = useHMSStore49(selectPeerNameByID3(receiver));
-  const localPeerRoleName = useHMSStore49(selectLocalPeerRoleName3);
+  const peerName = useHMSStore51(selectPeerNameByID3(receiver));
+  const localPeerRoleName = useHMSStore51(selectLocalPeerRoleName3);
   if (receiver) {
     return /* @__PURE__ */ React107.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
   }
@@ -23860,7 +23881,7 @@ var ChatMessage = React107.memo(
     const isMobile = useMedia12(config.media.md);
     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 = useHMSStore49(selectLocalPeerID10);
+    const localPeerId = useHMSStore51(selectLocalPeerID10);
     const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
     const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
     const messageType = getMessageType({
@@ -24079,8 +24100,8 @@ var VirtualizedChatMessages = React107.forwardRef(({ messages, scrollToBottom },
 });
 var ChatBody = React107.forwardRef(
   ({ scrollToBottom }, listRef) => {
-    const messages = useHMSStore49(selectHMSMessages);
-    const blacklistedMessageIDs = useHMSStore49(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
+    const messages = useHMSStore51(selectHMSMessages);
+    const blacklistedMessageIDs = useHMSStore51(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
     const filteredMessages = useMemo8(() => {
       const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
       return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
@@ -24107,7 +24128,7 @@ var PinnedBy = ({
   rowRef
 }) => {
   const pinnedBy = usePinnedBy(messageId);
-  const localPeerName = useHMSStore49(selectLocalPeerName3);
+  const localPeerName = useHMSStore51(selectLocalPeerName3);
   useLayoutEffect(() => {
     if (rowRef == null ? void 0 : rowRef.current) {
       if (pinnedBy) {
@@ -24130,7 +24151,7 @@ import React110, { useCallback as useCallback27, useEffect as useEffect27, useRe
 import { useMedia as useMedia15 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
-import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions36, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions36, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
 import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
@@ -24148,7 +24169,7 @@ import {
   selectMessagesUnreadCountByRole,
   selectRemotePeers as selectRemotePeers2,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
-  useHMSStore as useHMSStore50
+  useHMSStore as useHMSStore52
 } from "@100mslive/react-sdk";
 import { CheckIcon as CheckIcon7, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
 var ChatDotIcon = () => {
@@ -24198,7 +24219,7 @@ var SelectorHeader = React108.memo(
   }
 );
 var Everyone = React108.memo(({ active }) => {
-  const unreadCount = useHMSStore50(selectUnreadHMSMessagesCount3);
+  const unreadCount = useHMSStore52(selectUnreadHMSMessagesCount3);
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React108.createElement(
@@ -24216,7 +24237,7 @@ var Everyone = React108.memo(({ active }) => {
   );
 });
 var RoleItem = React108.memo(({ role, active }) => {
-  const unreadCount = useHMSStore50(selectMessagesUnreadCountByRole(role));
+  const unreadCount = useHMSStore52(selectMessagesUnreadCountByRole(role));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React108.createElement(
@@ -24233,7 +24254,7 @@ var RoleItem = React108.memo(({ role, active }) => {
   );
 });
 var PeerItem = ({ peerId, name, active }) => {
-  const unreadCount = useHMSStore50(selectMessagesUnreadCountByPeerID(peerId));
+  const unreadCount = useHMSStore52(selectMessagesUnreadCountByPeerID(peerId));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React108.createElement(
@@ -24292,7 +24313,7 @@ var VirtualizedSelectItemList = ({
 var ChatSelector = ({ role, peerId }) => {
   var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const peers = useHMSStore50(selectRemotePeers2);
+  const peers = useHMSStore52(selectRemotePeers2);
   const [search, setSearch] = useState45("");
   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);
@@ -24430,10 +24451,10 @@ var ChatSelectorContainer = () => {
 // src/Prebuilt/components/AppData/useChatState.js
 init_define_process_env();
 import { useCallback as useCallback26 } from "react";
-import { selectAppData as selectAppData5, useHMSActions as useHMSActions35, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData5, useHMSActions as useHMSActions35, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
 var useChatDraftMessage = () => {
   const hmsActions = useHMSActions35();
-  let chatDraftMessage = useHMSStore51(selectAppData5(APP_DATA.chatDraft));
+  let chatDraftMessage = useHMSStore53(selectAppData5(APP_DATA.chatDraft));
   if (chatDraftMessage === void 0 || chatDraftMessage === null) {
     chatDraftMessage = "";
   }
@@ -24532,7 +24553,7 @@ var ChatFooter = ({ onSend, children }) => {
   const isMobile = useMedia15(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
-  const localPeer = useHMSStore52(selectLocalPeer3);
+  const localPeer = useHMSStore54(selectLocalPeer3);
   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);
   const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
@@ -24700,14 +24721,14 @@ var ChatFooter = ({ onSend, children }) => {
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
 import React111, { useCallback as useCallback28 } from "react";
-import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions37, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions37, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   var _a8, _b7;
   const hmsActions = useHMSActions37();
   const { elements } = useRoomLayoutConferencingScreen();
   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 = "" } = useHMSStore53(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
-  const localPeer = useHMSStore53(selectLocalPeer4);
+  const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore55(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
+  const localPeer = useHMSStore55(selectLocalPeer4);
   const unPauseChat = useCallback28(
     () => __async(void 0, null, function* () {
       return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
@@ -24758,7 +24779,7 @@ init_define_process_env();
 import React114, { useEffect as useEffect28, useState as useState48 } from "react";
 import { useSwipeable } from "react-swipeable";
 import { useMedia as useMedia16 } from "react-use";
-import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
+import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore56 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ArrowNavigation.tsx
@@ -24815,7 +24836,7 @@ var StickIndicator = ({ total, index }) => {
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = () => {
   var _a8, _b7, _c;
-  const pinnedMessages = useHMSStore54(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
+  const pinnedMessages = useHMSStore56(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState48(0);
   const { removePinnedMessage } = usePinnedMessages();
   const isMobile = useMedia16(config.media.md);
@@ -24933,7 +24954,7 @@ var Chat = () => {
   const listRef = useRef21(null);
   const hmsActions = useHMSActions38();
   const vanillaStore = useHMSVanillaStore11();
-  const { enabled: isChatEnabled = true } = useHMSStore55(Yh("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore57(Zh("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia17(config.media.md);
   const scrollToBottom = useCallback29(
     (unreadCount = 0) => {
@@ -24972,7 +24993,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore55(Bn);
+  const unreadCount = useHMSStore57(Fn);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -25022,7 +25043,7 @@ import React116, { useEffect as useEffect29, useState as useState49 } from "reac
 import { useInView } from "react-intersection-observer";
 import { useMeasure as useMeasure2 } from "react-use";
 import { VariableSizeList as VariableSizeList2 } from "react-window";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore56, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore58, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
 var LoadMoreParticipants = ({
   hasNext,
@@ -25066,7 +25087,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
     var _a8;
     return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
   });
-  const isConnected = useHMSStore56(selectIsConnectedToRoom8);
+  const isConnected = useHMSStore58(selectIsConnectedToRoom8);
   const [ref, { width }] = useMeasure2();
   const height = ROW_HEIGHT * (filteredPeers.length + 1);
   const resetSidePane = useSidepaneReset();
@@ -25100,15 +25121,15 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
 // src/Prebuilt/components/ChatSettings.tsx
 init_define_process_env();
 import React117 from "react";
-import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions39, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions39, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
 var ChatSettings = () => {
   var _a8, _b7;
   const hmsActions = useHMSActions39();
-  const localPeer = useHMSStore57(selectLocalPeer5);
+  const localPeer = useHMSStore59(selectLocalPeer5);
   const { elements } = useRoomLayoutConferencingScreen();
   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 } = useHMSStore57(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore59(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
   const showPause = canPauseChat && isChatEnabled;
   if (!showPause) {
     return null;
@@ -25173,7 +25194,7 @@ var SidePaneTabs = React118.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
   const resetSidePane = useSidepaneReset();
   const [activeTab, setActiveTab] = useState50(active);
   const [activeRole, setActiveRole] = useState50("");
-  const peerCount = useHMSStore58(selectPeerCount5);
+  const peerCount = useHMSStore60(selectPeerCount5);
   const { elements } = useRoomLayoutConferencingScreen();
   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);
@@ -25304,14 +25325,14 @@ import {
   selectPeerNameByID as selectPeerNameByID4,
   selectVideoTrackByID as selectVideoTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
-  useHMSStore as useHMSStore62
+  useHMSStore as useHMSStore64
 } from "@100mslive/react-sdk";
 import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Connection/TileConnection.tsx
 init_define_process_env();
 import React119 from "react";
-import { selectScreenShareByPeerID, selectSessionStore as selectSessionStore9, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
+import { selectScreenShareByPeerID, selectSessionStore as selectSessionStore9, useHMSStore as useHMSStore61 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon3, ShareScreenIcon as ShareScreenIcon3, SpotlightIcon } from "@100mslive/react-icons";
 var TileConnection = ({
   name,
@@ -25320,9 +25341,9 @@ var TileConnection = ({
   width,
   pinned
 }) => {
-  const spotlighted = useHMSStore59(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
-  const isPeerScreenSharing = !!useHMSStore59(selectScreenShareByPeerID(peerId));
-  return /* @__PURE__ */ React119.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React119.createElement(React119.Fragment, null, /* @__PURE__ */ React119.createElement(Flex, { align: "center" }, isPeerScreenSharing && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React119.createElement(
+  const spotlighted = useHMSStore61(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
+  const isPeerScreenSharing = !!useHMSStore61(selectScreenShareByPeerID(peerId));
+  return /* @__PURE__ */ React119.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React119.createElement(React119.Fragment, null, name ? /* @__PURE__ */ React119.createElement(Flex, { align: "center" }, isPeerScreenSharing && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React119.createElement(
     Text,
     {
       css: __spreadValues({
@@ -25332,7 +25353,7 @@ var TileConnection = ({
       variant: "xs"
     },
     name
-  )), /* @__PURE__ */ React119.createElement(ConnectionIndicator, { isTile: true, peerId, hideBg: true })) : null);
+  )) : null, /* @__PURE__ */ React119.createElement(ConnectionIndicator, { isTile: true, peerId, hideBg: true })) : null);
 };
 var IconWrapper = styled("div", { c: "$on_surface_high", ml: "$3", mt: "$1", display: "flex" });
 var Wrapper2 = styled("div", {
@@ -25345,6 +25366,7 @@ var Wrapper2 = styled("div", {
   backgroundColor: "$background_dim",
   borderRadius: "$1",
   maxWidth: "85%",
+  zIndex: 1,
   "& p,span": {
     p: "$2 $3"
   }
@@ -25358,10 +25380,10 @@ import { useMedia as useMedia20 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID11,
   selectPeerByID as selectPeerByID2,
-  selectPermissions as selectPermissions16,
+  selectPermissions as selectPermissions17,
   selectTrackByID as selectTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
-  useHMSStore as useHMSStore61,
+  useHMSStore as useHMSStore63,
   useRemoteAVToggle as useRemoteAVToggle2
 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon19, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
@@ -25371,12 +25393,12 @@ init_define_process_env();
 import React120, { Fragment as Fragment12 } from "react";
 import { useMedia as useMedia19 } from "react-use";
 import {
-  selectPermissions as selectPermissions15,
+  selectPermissions as selectPermissions16,
   selectSessionStore as selectSessionStore10,
   selectTrackByID as selectTrackByID2,
   useCustomEvent as useCustomEvent2,
   useHMSActions as useHMSActions40,
-  useHMSStore as useHMSStore60,
+  useHMSStore as useHMSStore62,
   useRemoteAVToggle
 } from "@100mslive/react-sdk";
 import {
@@ -25413,7 +25435,7 @@ var SpotlightActions = ({
   }
 }) => {
   const hmsActions = useHMSActions40();
-  const spotlightPeerId = useHMSStore60(selectSessionStore10("spotlight" /* SPOTLIGHT */));
+  const spotlightPeerId = useHMSStore62(selectSessionStore10("spotlight" /* SPOTLIGHT */));
   const isTileSpotlighted = spotlightPeerId === peerId;
   const dragClassName = getDragClassName();
   const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
@@ -25461,7 +25483,7 @@ var MinimiseInset = () => {
 };
 var SimulcastLayers = ({ trackId }) => {
   var _a8;
-  const track = useHMSStore60(selectTrackByID2(trackId));
+  const track = useHMSStore62(selectTrackByID2(trackId));
   const actions = useHMSActions40();
   const bg = useDropdownSelection();
   if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
@@ -25547,7 +25569,7 @@ var TileMenuContent = ({
   var _a8;
   const actions = useHMSActions40();
   const dragClassName = getDragClassName();
-  const removeOthers = (_a8 = useHMSStore60(selectPermissions15)) == null ? void 0 : _a8.removeOthers;
+  const removeOthers = (_a8 = useHMSStore62(selectPermissions16)) == null ? void 0 : _a8.removeOthers;
   const { userName } = useHMSPrebuiltContext();
   const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
     audioTrackID,
@@ -25646,17 +25668,17 @@ var TileMenu = ({
   var _a8, _b7;
   const [open, setOpen] = useState51(false);
   const { theme: theme2 } = useTheme();
-  const localPeerID = useHMSStore61(selectLocalPeerID11);
+  const localPeerID = useHMSStore63(selectLocalPeerID11);
   const isLocal = localPeerID === peerID;
-  const { removeOthers } = useHMSStore61(selectPermissions16) || {};
+  const { removeOthers } = useHMSStore63(selectPermissions17) || {};
   const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
   const showSpotlight = enableSpotlightingPeer;
-  const isPrimaryVideoTrack = ((_a8 = useHMSStore61(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
+  const isPrimaryVideoTrack = ((_a8 = useHMSStore63(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
-  const track = useHMSStore61(selectTrackByID3(videoTrackID));
+  const track = useHMSStore63(selectTrackByID3(videoTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
   const isMobile = useMedia20(config.media.md);
-  const peer = useHMSStore61(selectPeerByID2(peerID));
+  const peer = useHMSStore63(selectPeerByID2(peerID));
   const [showNameChangeModal, setShowNameChangeModal] = useState51(false);
   useDropdownList({ open, name: "TileMenu" });
   const dragClassName = getDragClassName();
@@ -25733,9 +25755,9 @@ var getVideoTileLabel = ({ peerName, isLocal, track }) => {
 
 // src/Prebuilt/components/VideoTile.tsx
 var PeerMetadata = ({ peerId, size }) => {
-  const metaData = useHMSStore62(selectPeerMetadata4(peerId));
+  const metaData = useHMSStore64(selectPeerMetadata4(peerId));
   const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
-  const isHandRaised = useHMSStore62(selectHasPeerHandRaised3(peerId));
+  const isHandRaised = useHMSStore64(selectHasPeerHandRaised3(peerId));
   return /* @__PURE__ */ React122.createElement(React122.Fragment, null, isHandRaised ? /* @__PURE__ */ React122.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React122.createElement(HandIcon5, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React122.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React122.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
 };
 var Tile = ({
@@ -25755,14 +25777,14 @@ var Tile = ({
   hideMetadataOnTile = false
 }) => {
   const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
-  const track = useHMSStore62(trackSelector);
-  const peerName = useHMSStore62(selectPeerNameByID4(peerId));
-  const audioTrack = useHMSStore62(selectAudioTrackByPeerID2(peerId));
-  const localPeerID = useHMSStore62(selectLocalPeerID12);
+  const track = useHMSStore64(trackSelector);
+  const peerName = useHMSStore64(selectPeerNameByID4(peerId));
+  const audioTrack = useHMSStore64(selectAudioTrackByPeerID2(peerId));
+  const localPeerID = useHMSStore64(selectLocalPeerID12);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const isAudioMuted = !useHMSStore62(selectIsPeerAudioEnabled2(peerId));
+  const isAudioMuted = !useHMSStore64(selectIsPeerAudioEnabled2(peerId));
   const isVideoMuted = !(track == null ? void 0 : track.enabled);
   const [isMouseHovered, setIsMouseHovered] = useState52(false);
   const isVideoDegraded = track == null ? void 0 : track.degraded;
@@ -25861,7 +25883,7 @@ import {
   selectRoomState as selectRoomState4,
   selectVideoTrackByID as selectVideoTrackByID4,
   useHMSActions as useHMSActions41,
-  useHMSStore as useHMSStore63
+  useHMSStore as useHMSStore65
 } from "@100mslive/react-sdk";
 import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon20 } from "@100mslive/react-icons";
 
@@ -26048,19 +26070,19 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   var _a8;
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const hmsActions = useHMSActions41();
-  const localPeer = useHMSStore63(selectLocalPeer6);
-  const role = useHMSStore63(Gt);
-  const isVideoOn = useHMSStore63(selectIsLocalVideoEnabled5);
+  const localPeer = useHMSStore65(selectLocalPeer6);
+  const role = useHMSStore65($t);
+  const isVideoOn = useHMSStore65(selectIsLocalVideoEnabled5);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
-  const track = useHMSStore63(trackSelector);
+  const track = useHMSStore65(trackSelector);
   const [blurAmount, setBlurAmount] = useState53(VBHandler.getBlurAmount() || 0.5);
-  const roomState = useHMSStore63(selectRoomState4);
-  const isLargeRoom = useHMSStore63(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore63(Yn);
-  const effectsKey = useHMSStore63(Xn);
-  const isPluginAdded = useHMSStore63(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-  const background = useHMSStore63(zh(APP_DATA.background));
+  const roomState = useHMSStore65(selectRoomState4);
+  const isLargeRoom = useHMSStore65(selectIsLargeRoom3);
+  const isEffectsEnabled = useHMSStore65(Xn);
+  const effectsKey = useHMSStore65(Zn);
+  const isPluginAdded = useHMSStore65(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
+  const background = useHMSStore65(Xh(APP_DATA.background));
   const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -26197,9 +26219,9 @@ var SidePane = ({
 }) => {
   var _a8, _b7, _c, _d, _e, _f;
   const isMobile = useMedia21(config.media.md);
-  const sidepane = useHMSStore64(selectAppData6(APP_DATA.sidePane));
-  const activeScreensharePeerId = useHMSStore64(selectAppData6(APP_DATA.activeScreensharePeerId));
-  const trackId = (_a8 = useHMSStore64(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
+  const sidepane = useHMSStore66(selectAppData6(APP_DATA.sidePane));
+  const activeScreensharePeerId = useHMSStore66(selectAppData6(APP_DATA.activeScreensharePeerId));
+  const trackId = (_a8 = useHMSStore66(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
   const { elements } = useRoomLayoutConferencingScreen();
   const { elements: preview_elements } = useRoomLayoutPreviewScreen();
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
@@ -26334,10 +26356,10 @@ var FullPageProgress_default = FullPageProgress;
 // src/Prebuilt/components/Header/HeaderComponents.jsx
 init_define_process_env();
 import React129, { useEffect as useEffect33, useState as useState54 } from "react";
-import { selectDominantSpeaker, useHMSStore as useHMSStore65 } from "@100mslive/react-sdk";
+import { selectDominantSpeaker, useHMSStore as useHMSStore67 } from "@100mslive/react-sdk";
 import { VolumeOneIcon } from "@100mslive/react-icons";
 var SpeakerTag = () => {
-  const dominantSpeaker = useHMSStore65(selectDominantSpeaker);
+  const dominantSpeaker = useHMSStore67(selectDominantSpeaker);
   return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React129.createElement(
     Flex,
     {
@@ -26460,8 +26482,8 @@ var getParticipantChipContent = (peerCount = 0) => {
   return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
 };
 var useLocalTileAspectRatio = () => {
-  const localPeer = useHMSStore66(selectLocalPeer7);
-  const videoTrack = useHMSStore66(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
+  const localPeer = useHMSStore68(selectLocalPeer7);
+  const videoTrack = useHMSStore68(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
   const isMobile = useMedia23(config.media.md);
   let aspectRatio = 0;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
@@ -26504,7 +26526,7 @@ var PreviewJoin = ({
     },
     asRole
   });
-  const roomState = useHMSStore66(selectRoomState5);
+  const roomState = useHMSStore68(selectRoomState5);
   const savePreferenceAndJoin = useCallback31(() => {
     setPreviewPreference({
       name
@@ -26570,12 +26592,12 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
   px: "$10"
 }));
 var PreviewTile = ({ name, error }) => {
-  const localPeer = useHMSStore66(selectLocalPeer7);
+  const localPeer = useHMSStore68(selectLocalPeer7);
   const { isLocalAudioEnabled, toggleAudio } = useAVToggle5();
-  const isVideoOn = useHMSStore66(selectIsLocalVideoEnabled6);
+  const isVideoOn = useHMSStore68(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
-  const track = useHMSStore66(trackSelector);
+  const track = useHMSStore68(trackSelector);
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   const aspectRatio = useLocalTileAspectRatio();
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
@@ -26603,7 +26625,7 @@ var PreviewTile = ({ name, error }) => {
         }
       }
     },
-    localPeer ? /* @__PURE__ */ React131.createElement(React131.Fragment, null, /* @__PURE__ */ React131.createElement(TileConnection_default, { name, peerId: localPeer.id, hideLabel: true }), /* @__PURE__ */ React131.createElement(
+    localPeer ? /* @__PURE__ */ React131.createElement(React131.Fragment, null, /* @__PURE__ */ React131.createElement(TileConnection_default, { name: "", peerId: localPeer.id, hideLabel: false }), /* @__PURE__ */ React131.createElement(
       Video,
       {
         mirror: (track == null ? void 0 : track.facingMode) !== "environment" && mirrorLocalVideo,
@@ -26665,10 +26687,10 @@ var RequestActions = ({
 var RoleChangeRequestModal = () => {
   const hmsActions = useHMSActions42();
   const { updateMetaData } = useMyMetadata();
-  const isPreview = useHMSStore67(selectIsInPreview);
-  const currentRole = useHMSStore67(selectLocalPeerRoleName4);
-  const roleChangeRequest = useHMSStore67(selectRoleChangeRequest);
-  const name = useHMSStore67(selectLocalPeerName4);
+  const isPreview = useHMSStore69(selectIsInPreview);
+  const currentRole = useHMSStore69(selectLocalPeerRoleName4);
+  const roleChangeRequest = useHMSStore69(selectRoleChangeRequest);
+  const name = useHMSStore69(selectLocalPeerName4);
   const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { virtual_background } = elements || {};
@@ -26743,7 +26765,7 @@ import {
   selectPeerScreenSharing as selectPeerScreenSharing3,
   selectWhiteboard as selectWhiteboard2,
   useHMSActions as useHMSActions44,
-  useHMSStore as useHMSStore77
+  useHMSStore as useHMSStore79
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
@@ -26754,7 +26776,7 @@ import {
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
   selectPeerScreenSharing,
-  useHMSStore as useHMSStore74,
+  useHMSStore as useHMSStore76,
   useHMSVanillaStore as useHMSVanillaStore13
 } from "@100mslive/react-sdk";
 
@@ -26762,7 +26784,7 @@ import {
 init_define_process_env();
 import React138, { useEffect as useEffect39, useMemo as useMemo13, useState as useState57 } from "react";
 import { useMedia as useMedia27 } from "react-use";
-import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore69 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore71 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
@@ -26774,7 +26796,7 @@ import {
   selectLocalPeer as selectLocalPeer8,
   selectPeerByID as selectPeerByID3,
   selectVideoTrackByID as selectVideoTrackByID6,
-  useHMSStore as useHMSStore68
+  useHMSStore as useHMSStore70
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
 
@@ -26815,10 +26837,10 @@ var InsetTile = ({ peerId }) => {
   const isMobile = useMedia25(config.media.md);
   const isLandscape = useMedia25(config.media.ls);
   const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer8;
-  const peer = useHMSStore68(selector);
+  const peer = useHMSStore70(selector);
   const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
-  const videoTrack = useHMSStore68(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
-  const isAllowedToPublish = useHMSStore68(selectIsAllowedToPublish2);
+  const videoTrack = useHMSStore70(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
+  const isAllowedToPublish = useHMSStore70(selectIsAllowedToPublish2);
   const videoTileProps = useVideoTileContext();
   let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
@@ -27026,7 +27048,7 @@ var useTileLayout = ({
       const matrix = new Array(maxRows).fill(null).map((_, i) => {
         const numCols = Math.min(maxCols, noOfTilesInPage - i * maxCols);
         const rowElements = [];
-        for (let j2 = 0; j2 < numCols; j2++) {
+        for (let j = 0; j < numCols; j++) {
           if (index < page.length) {
             rowElements.push(page[index++]);
           }
@@ -27078,7 +27100,7 @@ var useTileLayout = ({
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a8;
-  const localPeer = useHMSStore69(selectLocalPeer9);
+  const localPeer = useHMSStore71(selectLocalPeer9);
   const isMobile = useMedia27(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -27124,13 +27146,14 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 // src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
 init_define_process_env();
 import React141, { useEffect as useEffect41, useState as useState59 } from "react";
-import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore71 } from "@100mslive/react-sdk";
+import { useMedia as useMedia29 } from "react-use";
+import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore73 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
 import React140, { useEffect as useEffect40, useRef as useRef23, useState as useState58 } from "react";
 import { useMedia as useMedia28 } from "react-use";
-import { selectAppData as selectAppData7, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData7, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore72 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
 init_define_process_env();
@@ -27164,7 +27187,8 @@ var SecondarySection = ({
   }
   const gridStyles = hasSidebar ? {
     gridTemplateColumns: "1fr",
-    gridTemplateRows: `repeat(${tiles.length}, minmax(0, 135px))`
+    gridTemplateRows: `repeat(${tiles.length}, minmax(0, 1fr))`,
+    maxHeight: "100%"
   } : {
     gridTemplateRows: React139.Children.count(children) > 0 ? "136px auto" : "154px",
     gridTemplateColumns: `repeat(${tiles.length}, minmax(0, 1fr))`
@@ -27215,10 +27239,10 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   const isMobile = useMedia28(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = useState58(0);
-  const pinnedTrackId = useHMSStore70(selectAppData7(APP_DATA.pinnedTrackId));
-  const spotlightPeerId = useHMSStore70(selectSessionStore11("spotlight" /* SPOTLIGHT */));
-  const activeScreensharePeerId = useHMSStore70(selectAppData7(APP_DATA.activeScreensharePeerId));
-  const pinnedPeer = (_a8 = useHMSStore70(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
+  const pinnedTrackId = useHMSStore72(selectAppData7(APP_DATA.pinnedTrackId));
+  const spotlightPeerId = useHMSStore72(selectSessionStore11("spotlight" /* SPOTLIGHT */));
+  const activeScreensharePeerId = useHMSStore72(selectAppData7(APP_DATA.activeScreensharePeerId));
+  const pinnedPeer = (_a8 = useHMSStore72(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
   const pageChangedAfterPinning = useRef23(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -27312,9 +27336,11 @@ function RoleProminence({
 }) {
   var _a8;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = useHMSStore71(selectLocalPeer10);
+  const localPeer = useHMSStore73(selectLocalPeer10);
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
-  const maxTileCount = 4;
+  const isMobile = useMedia29(config.media.md);
+  let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
+  maxTileCount = isMobile ? 4 : maxTileCount;
   const pageList = usePagesWithTiles({
     peers: prominentPeers,
     maxTileCount
@@ -27354,20 +27380,20 @@ function RoleProminence({
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
 import React145, { useEffect as useEffect42, useMemo as useMemo15, useState as useState62 } from "react";
-import { useMedia as useMedia30 } from "react-use";
-import { selectPeersScreenSharing, useHMSStore as useHMSStore73 } from "@100mslive/react-sdk";
+import { useMedia as useMedia31 } from "react-use";
+import { selectPeersScreenSharing, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
 import React144, { useRef as useRef24, useState as useState61 } from "react";
-import { useFullscreen as useFullscreen2, useMedia as useMedia29 } from "react-use";
+import { useFullscreen as useFullscreen2, useMedia as useMedia30 } from "react-use";
 import screenfull2 from "screenfull";
 import {
   selectLocalPeerID as selectLocalPeerID13,
   selectPeerByID as selectPeerByID4,
   selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
   selectScreenShareByPeerID as selectScreenShareByPeerID2,
-  useHMSStore as useHMSStore72
+  useHMSStore as useHMSStore74
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
 
@@ -27515,13 +27541,13 @@ var labelStyles = {
   flexShrink: 0
 };
 var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-  const isLocal = useHMSStore72(selectLocalPeerID13) === peerId;
-  const track = useHMSStore72(selectScreenShareByPeerID2(peerId));
+  const isLocal = useHMSStore74(selectLocalPeerID13) === peerId;
+  const track = useHMSStore74(selectScreenShareByPeerID2(peerId));
   const { theme: theme2 } = useTheme();
-  const peer = useHMSStore72(selectPeerByID4(peerId));
+  const peer = useHMSStore74(selectPeerByID4(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const [isMouseHovered, setIsMouseHovered] = useState61(false);
-  const isMobile = useMedia29(config.media.md);
+  const isMobile = useMedia30(config.media.md);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
   const fullscreenRef = useRef24(null);
   const [fullscreen, setFullscreen] = useState61(false);
@@ -27529,7 +27555,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
     onClose: () => setFullscreen(false)
   });
   const isFullScreenSupported = screenfull2.isEnabled;
-  const audioTrack = useHMSStore72(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
+  const audioTrack = useHMSStore74(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
   if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
     return /* @__PURE__ */ React144.createElement(ScreenshareDisplay, null);
   }
@@ -27608,12 +27634,12 @@ var ScreenshareTile_default = ScreenshareTile;
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   var _a8;
-  const peersSharing = useHMSStore73(selectPeersScreenSharing);
+  const peersSharing = useHMSStore75(selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const [page, setPage] = useState62(0);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const activeSharePeer = peersSharing[page];
-  const isMobile = useMedia30(config.media.md);
+  const isMobile = useMedia31(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
   const secondaryPeers = useMemo15(() => {
     if (layoutMode === LayoutMode.SPOTLIGHT) {
@@ -27762,11 +27788,11 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore74(selectPeerScreenSharing);
+  const peerSharing = useHMSStore76(selectPeerScreenSharing);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore74(selectPeers3);
-  const localPeerRole = useHMSStore74(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore74(selectLocalPeerID14);
+  const peers = useHMSStore76(selectPeers3);
+  const localPeerRole = useHMSStore76(selectLocalPeerRoleName5);
+  const localPeerID = useHMSStore76(selectLocalPeerID14);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -27846,13 +27872,13 @@ var GridLayout = ({
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
 import React147, { useEffect as useEffect44, useMemo as useMemo17 } from "react";
-import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
 var EmbedView = () => {
   return /* @__PURE__ */ React147.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React147.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore75(selectPeers4);
-  const peerPresenting = useHMSStore75(selectPeerScreenSharing2);
+  const peers = useHMSStore77(selectPeers4);
+  const peerPresenting = useHMSStore77(selectPeerScreenSharing2);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const smallTilePeers = useMemo17(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
@@ -27867,7 +27893,7 @@ var EmbedScreenShareView = ({ children }) => {
   return /* @__PURE__ */ React147.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React147.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React147.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore75(selectAppData8(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore77(selectAppData8(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
   useEffect44(() => {
@@ -28024,10 +28050,10 @@ var WaitingView = React149.memo(() => {
 // src/Prebuilt/layouts/WhiteboardView.tsx
 init_define_process_env();
 import React150, { useEffect as useEffect46, useMemo as useMemo18 } from "react";
-import { useMedia as useMedia31 } from "react-use";
-import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore76, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
+import { useMedia as useMedia32 } from "react-use";
+import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var EmbedComponent2 = () => {
-  const isMobile = useMedia31(config.media.md);
+  const isMobile = useMedia32(config.media.md);
   const { iframeRef } = useWhiteboard2(isMobile);
   return /* @__PURE__ */ React150.createElement(
     Box,
@@ -28060,8 +28086,8 @@ var EmbedComponent2 = () => {
   );
 };
 var WhiteboardView = () => {
-  const peers = useHMSStore76(selectPeers5);
-  const whiteboard = useHMSStore76(selectWhiteboard);
+  const peers = useHMSStore78(selectPeers5);
+  const whiteboard = useHMSStore78(selectWhiteboard);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const smallTilePeers = useMemo18(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
@@ -28098,17 +28124,17 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React151.lazy(() => import("./HLSView-T6AVELLE.js"));
+var HLSView = React151.lazy(() => import("./HLSView-37B2YVTC.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
   var _a8, _b7, _c, _d;
-  const localPeerRole = useHMSStore77(selectLocalPeerRoleName6);
-  const isConnected = useHMSStore77(selectIsConnectedToRoom9);
-  const peerSharing = useHMSStore77(selectPeerScreenSharing3);
-  const isWhiteboardOpen = (_a8 = useHMSStore77(selectWhiteboard2)) == null ? void 0 : _a8.open;
+  const localPeerRole = useHMSStore79(selectLocalPeerRoleName6);
+  const isConnected = useHMSStore79(selectIsConnectedToRoom9);
+  const peerSharing = useHMSStore79(selectPeerScreenSharing3);
+  const isWhiteboardOpen = (_a8 = useHMSStore79(selectWhiteboard2)) == null ? void 0 : _a8.open;
   const hmsActions = useHMSActions44();
   const waitingViewerRole = useWaitingViewerRole();
   const urlToIframe = useUrlToEmbed();
@@ -28172,17 +28198,17 @@ init_define_process_env();
 // src/Prebuilt/components/Header/Header.tsx
 init_define_process_env();
 import React154 from "react";
-import { useMedia as useMedia33 } from "react-use";
-import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
+import { useMedia as useMedia34 } from "react-use";
+import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
 import React152 from "react";
-import { useMedia as useMedia32 } from "react-use";
+import { useMedia as useMedia33 } from "react-use";
 import { ChevronRightIcon as ChevronRightIcon5 } from "@100mslive/react-icons";
 var RoomDetailsHeader = () => {
   const { title, description } = useRoomLayoutHeader();
-  const isMobile = useMedia32(config.media.md);
+  const isMobile = useMedia33(config.media.md);
   const clipLength = 30;
   const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
   const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
@@ -28209,7 +28235,7 @@ import {
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
   useHMSActions as useHMSActions45,
-  useHMSStore as useHMSStore78
+  useHMSStore as useHMSStore80
 } from "@100mslive/react-sdk";
 import {
   BluetoothIcon,
@@ -28223,9 +28249,9 @@ var CamaraFlipActions = () => {
   const actions = useHMSActions45();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
-  const isVideoOn = useHMSStore78(selectIsLocalVideoEnabled7);
-  const videoTrackId = useHMSStore78(selectLocalVideoTrackID3);
-  const localVideoTrack = useHMSStore78(selectVideoTrackByID7(videoTrackId));
+  const isVideoOn = useHMSStore80(selectIsLocalVideoEnabled7);
+  const videoTrackId = useHMSStore80(selectLocalVideoTrackID3);
+  const localVideoTrack = useHMSStore80(selectVideoTrackByID7(videoTrackId));
   if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
     return null;
   }
@@ -28361,8 +28387,8 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React153.createElement(Re
 
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
-  const roomState = useHMSStore79(selectRoomState6);
-  const isMobile = useMedia33(config.media.md);
+  const roomState = useHMSStore81(selectRoomState6);
+  const isMobile = useMedia34(config.media.md);
   if (roomState !== HMSRoomState6.Connected) {
     return /* @__PURE__ */ React154.createElement(React154.Fragment, null);
   }
@@ -28407,11 +28433,11 @@ var ConferenceScreen = () => {
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-  const roomState = useHMSStore80(selectRoomState7);
-  const isConnectedToRoom = useHMSStore80(selectIsConnectedToRoom10);
+  const roomState = useHMSStore82(selectRoomState7);
+  const isConnectedToRoom = useHMSStore82(selectIsConnectedToRoom10);
   const hmsActions = useHMSActions46();
   const [hideControls, setHideControls] = useState64(false);
-  const dropdownList = useHMSStore80(selectAppData9(APP_DATA.dropdownList));
+  const dropdownList = useHMSStore82(selectAppData9(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
   const headerRef = useRef25(null);
   const footerRef = useRef25(null);
@@ -28615,7 +28641,7 @@ import React157, { useEffect as useEffect52 } from "react";
 // src/Prebuilt/services/FeatureFlags.jsx
 init_define_process_env();
 import { useEffect as useEffect51 } from "react";
-import { selectRoomID, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
+import { selectRoomID, useHMSStore as useHMSStore83 } from "@100mslive/react-sdk";
 var FeatureFlags = class {
   static init(roomId) {
     if (!window.HMS) {
@@ -28640,7 +28666,7 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
 __publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
 __publicField(FeatureFlags, "enableWhiteboard", define_process_env_default.REACT_APP_ENABLE_WHITEBOARD && define_process_env_default.REACT_APP_PUSHER_APP_KEY && define_process_env_default.REACT_APP_PUSHER_AUTHENDPOINT);
 function FeatureFlagsInit() {
-  const roomId = useHMSStore81(selectRoomID);
+  const roomId = useHMSStore83(selectRoomID);
   useEffect51(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
@@ -28783,7 +28809,7 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
 init_define_process_env();
 import React158, { useContext as useContext4, useEffect as useEffect54 } from "react";
 import { usePreviousDistinct } from "react-use";
-import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore82 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore84 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
 init_define_process_env();
@@ -28820,7 +28846,7 @@ var useHMSAppStateContext = () => {
 var useAppStateManager = () => {
   const roomLayout = useRoomLayout();
   const [activeState, setActiveState] = React158.useState();
-  const roomState = useHMSStore82(selectRoomState8);
+  const roomState = useHMSStore84(selectRoomState8);
   const prevRoomState = usePreviousDistinct(roomState);
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -28893,11 +28919,11 @@ var LeaveScreen = () => {
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
 import React160, { useEffect as useEffect55, useState as useState65 } from "react";
-import { useMedia as useMedia34 } from "react-use";
+import { useMedia as useMedia35 } from "react-use";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
   const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState65(false);
-  const isLandscape = useMedia34(config.media.ls);
+  const isLandscape = useMedia35(config.media.ls);
   useEffect55(() => {
     var _a8;
     if (!isMobileUserAgent) {
@@ -28949,7 +28975,7 @@ import {
   useAwayNotifications as useAwayNotifications2,
   useCustomEvent as useCustomEvent4,
   useHMSNotifications as useHMSNotifications10,
-  useHMSStore as useHMSStore86,
+  useHMSStore as useHMSStore88,
   useHMSVanillaStore as useHMSVanillaStore17
 } from "@100mslive/react-sdk";
 import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
@@ -28989,12 +29015,12 @@ function AutoplayBlockedModal() {
 init_define_process_env();
 import React162, { useEffect as useEffect56 } from "react";
 import { v4 as uuid4 } from "uuid";
-import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore83 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
 var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
-  const chatState = useHMSStore83(selectSessionStore12("chatState" /* CHAT_STATE */));
-  const localPeerId = useHMSStore83(selectLocalPeerID15);
+  const chatState = useHMSStore85(selectSessionStore12("chatState" /* CHAT_STATE */));
+  const localPeerId = useHMSStore85(selectLocalPeerID15);
   useEffect56(() => {
     var _a8, _b7;
     if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -29023,7 +29049,7 @@ import {
   selectHasPeerHandRaised as selectHasPeerHandRaised4,
   selectRoomState as selectRoomState9,
   useHMSNotifications as useHMSNotifications2,
-  useHMSStore as useHMSStore85,
+  useHMSStore as useHMSStore87,
   useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
 
@@ -29033,7 +29059,7 @@ init_define_process_env();
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
 import React163, { useCallback as useCallback33 } from "react";
-import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions48, useHMSStore as useHMSStore84 } from "@100mslive/react-sdk";
+import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions48, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
   ConnectivityIcon,
@@ -29055,7 +29081,7 @@ var HandRaiseAction = React163.forwardRef(({ id = "", isSingleHandRaise = true }
   const hmsActions = useHMSActions48();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const peer = useHMSStore84(selectPeerByID5(id));
+  const peer = useHMSStore86(selectPeerByID5(id));
   const layout = useRoomLayout();
   const {
     bring_to_stage_label,
@@ -29257,7 +29283,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 var HandRaisedNotifications = () => {
   const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
-  const roomState = useHMSStore85(selectRoomState9);
+  const roomState = useHMSStore87(selectRoomState9);
   const vanillaStore = useHMSVanillaStore16();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
@@ -29357,7 +29383,7 @@ var PeerNotifications = () => {
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
 import React165, { useEffect as useEffect60, useState as useState67 } from "react";
-import { useMedia as useMedia35 } from "react-use";
+import { useMedia as useMedia36 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/images/android-perm-1.png
@@ -29371,7 +29397,7 @@ function PermissionErrorModal() {
   const notification = useHMSNotifications5(HMSNotificationTypes5.ERROR);
   const [deviceType, setDeviceType] = useState67("");
   const [isSystemError, setIsSystemError] = useState67(false);
-  const isMobile = useMedia35(config.media.md);
+  const isMobile = useMedia36(config.media.md);
   useEffect60(() => {
     var _a8, _b7, _c, _d, _e;
     if (!notification || ((_a8 = notification.data) == null ? void 0 : _a8.code) !== 3001 && ((_b7 = notification.data) == null ? void 0 : _b7.code) !== 3011 || ((_c = notification.data) == null ? void 0 : _c.code) === 3001 && ((_d = notification.data) == null ? void 0 : _d.message.includes("screen"))) {
@@ -29514,11 +29540,12 @@ var TrackBulkUnmuteModal = () => {
     return null;
   }
   const { requestedBy: peer, tracks, enabled } = muteNotification;
+  const types = new Set(tracks.map((track) => track.type));
   return /* @__PURE__ */ React167.createElement(
     RequestDialog,
     {
-      title: "Track Unmute Request",
-      body: `${peer == null ? void 0 : peer.name} has requested you to unmute your tracks.`,
+      title: "Unmute request",
+      body: `${peer == null ? void 0 : peer.name} is requesting you to unmute your ${Array.from(types).join(",")}`,
       onOpenChange: (value) => !value && setMuteNotification(null),
       onAction: () => {
         tracks.forEach((track) => {
@@ -29590,9 +29617,9 @@ var TrackUnmuteModal = () => {
   return /* @__PURE__ */ React168.createElement(
     RequestDialog,
     {
-      title: "Track Unmute Request",
+      title: `Unmute your ${track.type}?`,
       onOpenChange: (value) => !value && setMuteNotification(null),
-      body: `${peer == null ? void 0 : peer.name} has requested you to unmute your ${track == null ? void 0 : track.source} ${track == null ? void 0 : track.type}.`,
+      body: `${peer == null ? void 0 : peer.name}is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
       onAction: () => {
         hmsActions.setEnabledTrack(track.id, enabled);
         setMuteNotification(null);
@@ -29606,17 +29633,17 @@ var TrackUnmuteModal = () => {
 var pollToastKey = {};
 function Notifications() {
   var _a8, _b7;
-  const localPeerID = useHMSStore86(selectLocalPeerID16);
+  const localPeerID = useHMSStore88(selectLocalPeerID16);
   const notification = useHMSNotifications10();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = useHMSStore86(selectRoomState10);
+  const roomState = useHMSStore88(selectRoomState10);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
   const vanillaStore = useHMSVanillaStore17();
   const togglePollView = usePollViewToggle();
   const { showNotification } = useAwayNotifications2();
-  const amIScreenSharing = useHMSStore86(selectIsLocalScreenShared2);
+  const amIScreenSharing = useHMSStore88(selectIsLocalScreenShared2);
   const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
   const handleRoleChangeDenied = useCallback34((request) => {
     ToastManager.addToast({
@@ -29626,7 +29653,7 @@ function Notifications() {
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   useEffect65(() => {
-    var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p;
+    var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o, _p;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -29676,7 +29703,7 @@ function Notifications() {
         break;
       }
       case HMSNotificationTypes10.CHANGE_TRACK_STATE_REQUEST:
-        const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
+        const track = (_o = notification.data) == null ? void 0 : _o.track;
         if (!notification.data.enabled) {
           ToastManager.addToast({
             title: `Your ${track.source} ${track.type} was muted by
@@ -29773,7 +29800,7 @@ var PreviewScreen = () => {
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
 import React172, { useEffect as useEffect66, useState as useState71 } from "react";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
@@ -29796,7 +29823,7 @@ var Toast2 = (_a8) => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
-  const isConnected = useHMSStore87(selectIsConnectedToRoom11);
+  const isConnected = useHMSStore89(selectIsConnectedToRoom11);
   const [toasts, setToast] = useState71([]);
   useEffect66(() => {
     ToastManager.addListener(setToast);
@@ -29819,7 +29846,7 @@ var ToastContainer = () => {
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
 import React174 from "react";
-import { selectAppData as selectAppData11, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData11, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
@@ -29843,7 +29870,7 @@ var RoomDetailsSheet = () => {
 
 // src/Prebuilt/layouts/Sheet.tsx
 var Sheet2 = () => {
-  const sheet = useHMSStore88(selectAppData11(APP_DATA.sheet));
+  const sheet = useHMSStore90(selectAppData11(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
     ViewComponent = /* @__PURE__ */ React174.createElement(RoomDetailsSheet, null);
@@ -29854,12 +29881,12 @@ var Sheet2 = () => {
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
 import React175, { useCallback as useCallback35, useEffect as useEffect67, useMemo as useMemo19, useState as useState72 } from "react";
-import { useMedia as useMedia36 } from "react-use";
+import { useMedia as useMedia37 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID17,
   selectPeerNameByID as selectPeerNameByID6,
   useCustomEvent as useCustomEvent5,
-  useHMSStore as useHMSStore89,
+  useHMSStore as useHMSStore91,
   useHMSVanillaStore as useHMSVanillaStore18
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
@@ -29886,10 +29913,10 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore89(selectLocalPeerID17);
+  const localPeerId = useHMSStore91(selectLocalPeerID17);
   const vanillaStore = useHMSVanillaStore18();
   const [emojis, setEmojis] = useState72([]);
-  const isMobile = useMedia36(config.media.md);
+  const isMobile = useMedia37(config.media.md);
   const startingPoints = useMemo19(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback35(
     ({ emojiId, senderId }) => {
@@ -30003,17 +30030,17 @@ init_define_process_env();
 import { useCallback as useCallback37, useEffect as useEffect68, useRef as useRef26 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
-  selectPermissions as selectPermissions17,
+  selectPermissions as selectPermissions18,
   useHMSActions as useHMSActions52,
-  useHMSStore as useHMSStore90,
+  useHMSStore as useHMSStore92,
   useRecordingStreaming as useRecordingStreaming12
 } from "@100mslive/react-sdk";
 var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const permissions = useHMSStore90(selectPermissions17);
+  const permissions = useHMSStore92(selectPermissions18);
   const showStreamingUI = useShowStreamingUI();
   const hmsActions = useHMSActions52();
-  const isConnected = useHMSStore90(selectIsConnectedToRoom12);
+  const isConnected = useHMSStore92(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
   const streamStartedRef = useRef26(false);
   const startHLS = useCallback37(() => __async(void 0, null, function* () {
@@ -30207,7 +30234,7 @@ var AppStates = ({ activeState }) => {
   return /* @__PURE__ */ React177.createElement(ConferenceScreen, null);
 };
 var BackSwipe = () => {
-  const isConnectedToRoom = useHMSStore91(selectIsConnectedToRoom13);
+  const isConnectedToRoom = useHMSStore93(selectIsConnectedToRoom13);
   const hmsActions = useHMSActions53();
   useEffect69(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
@@ -30370,4 +30397,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-O5FVMK47.js.map
+//# sourceMappingURL=chunk-72B32WVR.js.map