@100mslive/roomkit-react 0.2.0 → 0.2.1-alpha.1

package/dist/{chunk-GVA4I77Z.js → chunk-LRZEFY46.js}

@@ -33,8 +33,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __esm = (fn2, res) => function __init() {
-  return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
@@ -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_3a00cb17-2ae4-4976-b3a7-bac647e2ffb9", 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_webpack_cli: "^4.9.2", npm_package_devDependencies_webpack_bundle_analyzer: "^4.5.0", 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.0 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.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3a00cb17-2ae4-4976-b3a7-bac647e2ffb9", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.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.5", 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", 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_webpack_manifest_plugin: "^4.1.1", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.5", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", 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: "582", 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.12/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.5/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240107.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", 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_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:17034", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_scripts_app: "cd apps/100ms-web && yarn start", 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.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: "7502740837", 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: "4141fa5d88b73328867609b0ceaa5a5ac67135d0", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "apps/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "ddc13893e6a07ef63c8277401b7edd6908a80c40714caf507d49ad0ef7cbb899", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1705065837401-0.4705317243737501:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1705065837097-0.04319601059232747:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1705065794571-0.6740714576434141:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1705065794285-0.8330973403560706:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_9f4e0a26-e64f-49df-af22-7b7c17f17878", INVOCATION_ID: "033fe7aff10d4817b67b5f54eaa344ee", 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", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "410", 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_webpack: "^5.76.0", 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 5", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", 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_webpack_dev_server: "^4.7.4", 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.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_NM: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.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_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: "4141fa5d88b73328867609b0ceaa5a5ac67135d0", 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/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", npm_package_license: "MIT", 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_3a00cb17-2ae4-4976-b3a7-bac647e2ffb9", 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.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_3a00cb17-2ae4-4976-b3a7-bac647e2ffb9", 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_scripts_app_custom: "cd apps/100ms-custom-app && 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_3a00cb17-2ae4-4976-b3a7-bac647e2ffb9" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_228610ec-ca0f-4a50-ae71-c5237cde2d9d", 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.0 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.1-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_228610ec-ca0f-4a50-ae71-c5237cde2d9d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.1-alpha.1", 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.5", 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", 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.5", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", 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: "576", 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.12/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.5/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240116.3.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", 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_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:17691", 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.1-alpha.1", 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: "7551280157", 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: "8e59b80ba249933faedfafd0c9fef523a07dc74c", 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: "76ec50c97762fbb0763135d5940ee2a1ed87bf6be19adccfe5f2cd95d388ee3f", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1705467958103-0.10883706837497997:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1705467957818-0.6844147917774273:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1705467915541-0.34240564272992513:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1705467915265-0.1522992275885935:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_e0540d66-5861-4107-8691-1fe3b5c8a942", INVOCATION_ID: "12e4d6727da14232907401e8c96d9ba6", 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", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "412", 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 2", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", 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.1-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_NM: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.1-alpha.1", 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_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: "8e59b80ba249933faedfafd0c9fef523a07dc74c", 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/main", 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_228610ec-ca0f-4a50-ae71-c5237cde2d9d", 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.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_228610ec-ca0f-4a50-ae71-c5237cde2d9d", 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_228610ec-ca0f-4a50-ae71-c5237cde2d9d" };
   }
 });
 
@@ -2285,8 +2285,8 @@ var require_lodash = __commonJS({
         function createBind(func, bitmask, thisArg) {
           var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
           function wrapper() {
-            var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
-            return fn2.apply(isBind ? thisArg : this, arguments);
+            var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
+            return fn.apply(isBind ? thisArg : this, arguments);
           }
           return wrapper;
         }
@@ -2352,8 +2352,8 @@ var require_lodash = __commonJS({
                 arity - length
               );
             }
-            var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
-            return apply(fn2, this, args);
+            var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
+            return apply(fn, this, args);
           }
           return wrapper;
         }
@@ -2441,7 +2441,7 @@ var require_lodash = __commonJS({
                 arity - length
               );
             }
-            var thisBinding = isBind ? thisArg : this, fn2 = isBindKey ? thisBinding[func] : func;
+            var thisBinding = isBind ? thisArg : this, fn = isBindKey ? thisBinding[func] : func;
             length = args.length;
             if (argPos) {
               args = reorder(args, argPos);
@@ -2452,9 +2452,9 @@ var require_lodash = __commonJS({
               args.length = ary2;
             }
             if (this && this !== root && this instanceof wrapper) {
-              fn2 = Ctor || createCtor(fn2);
+              fn = Ctor || createCtor(fn);
             }
-            return fn2.apply(thisBinding, args);
+            return fn.apply(thisBinding, args);
           }
           return wrapper;
         }
@@ -2511,14 +2511,14 @@ var require_lodash = __commonJS({
         function createPartial(func, bitmask, thisArg, partials) {
           var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
           function wrapper() {
-            var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
+            var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn = this && this !== root && this instanceof wrapper ? Ctor : func;
             while (++leftIndex < leftLength) {
               args[leftIndex] = partials[leftIndex];
             }
             while (argsLength--) {
               args[leftIndex++] = arguments[++argsIndex];
             }
-            return apply(fn2, isBind ? thisArg : this, args);
+            return apply(fn, isBind ? thisArg : this, args);
           }
           return wrapper;
         }
@@ -5627,7 +5627,7 @@ var require_ua_parser = __commonJS({
           return typeof len === UNDEF_TYPE ? str : str.substring(0, UA_MAX_LENGTH);
         }
       };
-      var rgxMapper = function(ua2, arrays) {
+      var rgxMapper = function(ua, arrays) {
         var i = 0, j2, k2, p, q2, matches, match;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
@@ -5636,7 +5636,7 @@ var require_ua_parser = __commonJS({
             if (!regex[j2]) {
               break;
             }
-            matches = regex[j2++].exec(ua2);
+            matches = regex[j2++].exec(ua);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
                 match = matches[++k2];
@@ -6725,16 +6725,16 @@ var require_ua_parser = __commonJS({
           [NAME, VERSION]
         ]
       };
-      var UAParser = function(ua2, extensions) {
-        if (typeof ua2 === OBJ_TYPE) {
-          extensions = ua2;
-          ua2 = undefined2;
+      var UAParser = function(ua, extensions) {
+        if (typeof ua === OBJ_TYPE) {
+          extensions = ua;
+          ua = undefined2;
         }
         if (!(this instanceof UAParser)) {
-          return new UAParser(ua2, extensions).getResult();
+          return new UAParser(ua, extensions).getResult();
         }
         var _navigator = typeof window2 !== UNDEF_TYPE && window2.navigator ? window2.navigator : undefined2;
-        var _ua = ua2 || (_navigator && _navigator.userAgent ? _navigator.userAgent : EMPTY);
+        var _ua = ua || (_navigator && _navigator.userAgent ? _navigator.userAgent : EMPTY);
         var _uach = _navigator && _navigator.userAgentData ? _navigator.userAgentData : undefined2;
         var _rgxmap = extensions ? extend(regexes, extensions) : regexes;
         var _isSelfNav = _navigator && _navigator.userAgent == _ua;
@@ -6800,8 +6800,8 @@ var require_ua_parser = __commonJS({
         this.getUA = function() {
           return _ua;
         };
-        this.setUA = function(ua3) {
-          _ua = typeof ua3 === STR_TYPE && ua3.length > UA_MAX_LENGTH ? trim(ua3, UA_MAX_LENGTH) : ua3;
+        this.setUA = function(ua2) {
+          _ua = typeof ua2 === STR_TYPE && ua2.length > UA_MAX_LENGTH ? trim(ua2, UA_MAX_LENGTH) : ua2;
           return this;
         };
         this.setUA(_ua);
@@ -6833,8 +6833,8 @@ var require_ua_parser = __commonJS({
         $2.ua.get = function() {
           return parser.getUA();
         };
-        $2.ua.set = function(ua2) {
-          parser.setUA(ua2);
+        $2.ua.set = function(ua) {
+          parser.setUA(ua);
           var result = parser.getResult();
           for (var prop in result) {
             $2.ua[prop] = result[prop];
@@ -10266,6 +10266,7 @@ var styledItem = {
 };
 var StyledItemButton = styled("button", __spreadProps(__spreadValues({}, styledItem), {
   height: "$14",
+  border: "none",
   "&:hover": {
     backgroundColor: "$surface_brighter"
   },
@@ -11189,7 +11190,7 @@ import {
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
   useHMSActions as useHMSActions52,
-  useHMSStore as useHMSStore84
+  useHMSStore as useHMSStore85
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AppData/AppData.tsx
@@ -11812,14 +11813,14 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React150, { useEffect as useEffect47, useRef as useRef22, useState as useState60 } from "react";
+import React150, { useEffect as useEffect47, useRef as useRef22, useState as useState61 } from "react";
 import {
   HMSRoomState as HMSRoomState7,
   selectAppData as selectAppData7,
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState7,
   useHMSActions as useHMSActions45,
-  useHMSStore as useHMSStore74
+  useHMSStore as useHMSStore75
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Footer/Footer.tsx
@@ -11886,7 +11887,7 @@ var IconSection = styled(IconButton_default, {
   p: "$4",
   r: "$1",
   borderTopRightRadius: 0,
-  borderColor: "$border_default",
+  borderColor: "$border_bright",
   borderBottomRightRadius: 0,
   position: "relative",
   "&:not([disabled]):focus-visible": {
@@ -11901,10 +11902,10 @@ var IconSection = styled(IconButton_default, {
 var OptionsSection = styled(IconButton_default, {
   w: "unset",
   h: "$14",
-  p: "$4",
+  p: "$4 $2",
   r: "$1",
   borderTopLeftRadius: 0,
-  borderColor: "$border_default",
+  borderColor: "$border_bright",
   borderBottomLeftRadius: 0,
   borderLeftWidth: 0,
   position: "relative",
@@ -15138,8 +15139,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
 
 // ../hms-video-store/dist/index.js
 var import_ua_parser_js = __toESM(require_ua_parser());
-import { v4 as xa } from "uuid";
-import { v4 as Na } 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();
@@ -15394,16 +15395,16 @@ function shimGetUserMedia(window2, browserDetails) {
       };
       if (r.ideal !== void 0) {
         cc.optional = cc.optional || [];
-        let oc2 = {};
+        let oc = {};
         if (typeof r.ideal === "number") {
-          oc2[oldname_("min", key)] = r.ideal;
-          cc.optional.push(oc2);
-          oc2 = {};
-          oc2[oldname_("max", key)] = r.ideal;
-          cc.optional.push(oc2);
+          oc[oldname_("min", key)] = r.ideal;
+          cc.optional.push(oc);
+          oc = {};
+          oc[oldname_("max", key)] = r.ideal;
+          cc.optional.push(oc);
         } else {
-          oc2[oldname_("", key)] = r.ideal;
-          cc.optional.push(oc2);
+          oc[oldname_("", key)] = r.ideal;
+          cc.optional.push(oc);
         }
       }
       if (r.exact !== void 0 && typeof r.exact !== "number") {
@@ -16964,15 +16965,15 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc, pc) {
-    const origDataChannelSend = dc.send;
-    dc.send = function send() {
+  function wrapDcSend(dc2, pc) {
+    const origDataChannelSend = dc2.send;
+    dc2.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) {
+      if (dc2.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
         throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
       }
-      return origDataChannelSend.apply(dc, arguments);
+      return origDataChannelSend.apply(dc2, arguments);
     };
   }
   const origCreateDataChannel = window2.RTCPeerConnection.prototype.createDataChannel;
@@ -17235,24 +17236,24 @@ function adapterFactory({ window: window2 } = {}, options = {
 var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 : window });
 
 // ../hms-video-store/dist/index.js
-import { v4 as ja } from "uuid";
-import { v4 as Ya } from "uuid";
+import { v4 as za } from "uuid";
 import { v4 as eo } from "uuid";
-import { EventEmitter2 as to } from "eventemitter2";
+import { v4 as ro } from "uuid";
+import { EventEmitter2 as so } from "eventemitter2";
 var Ht = __toESM(require_lib());
-import { EventEmitter2 as Mo } from "eventemitter2";
-import { v4 as Eo } from "uuid";
-import { EventEmitter2 as Po } from "eventemitter2";
-import Ao from "eventemitter2";
+import { EventEmitter2 as Eo } from "eventemitter2";
 import { v4 as bo } from "uuid";
+import { EventEmitter2 as Ro } from "eventemitter2";
+import Ho from "eventemitter2";
 import { v4 as Io } from "uuid";
-var ha = Object.defineProperty;
-var Sa = Object.defineProperties;
-var ma = Object.getOwnPropertyDescriptors;
+import { v4 as Do } from "uuid";
+var ga = Object.defineProperty;
+var Ta = Object.defineProperties;
+var fa = Object.getOwnPropertyDescriptors;
 var Ot = Object.getOwnPropertySymbols;
 var Fr = Object.prototype.hasOwnProperty;
 var Gr = Object.prototype.propertyIsEnumerable;
-var Br = (a2, e, t) => e in a2 ? ha(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+var Br = (a2, e, t) => e in a2 ? ga(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]);
@@ -17261,7 +17262,7 @@ var S = (a2, e) => {
       Gr.call(e, t) && Br(a2, t, e[t]);
   return a2;
 };
-var y = (a2, e) => Sa(a2, ma(e));
+var y = (a2, e) => Ta(a2, fa(e));
 var Qi = (a2, e) => {
   var t = {};
   for (var i in a2)
@@ -17271,12 +17272,12 @@ var Qi = (a2, e) => {
       e.indexOf(i) < 0 && Gr.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var fa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-var nr = fa(($c, Oa) => {
-  Oa.exports = { version: "0.11.0", license: "MIT", 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", 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/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 ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var nr = ya((jc, Va) => {
+  Va.exports = { version: "0.11.1-alpha.1", license: "MIT", 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", 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/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 va = ((e) => (e.CHAT = "chat", e))(va || {});
+var ka = ((e) => (e.CHAT = "chat", e))(ka || {});
 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.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", C))(Yi || {});
 var Wr = ((t) => (t.audio = "audio", t.video = "video", t))(Wr || {});
@@ -17285,7 +17286,7 @@ function He(a2, e) {
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      Ma(s) && (i = Ze(s) ? s : i, t = et(s) ? s : t);
+      Ea(s) && (i = Ze(s) ? s : i, t = et(s) ? s : t);
     }
   return { video: t, audio: i };
 }
@@ -17295,7 +17296,7 @@ function Ze(a2) {
 function et(a2) {
   return a2 && a2.type === "video";
 }
-function Ma(a2) {
+function Ea(a2) {
   return a2 && a2.source === "screen";
 }
 function Vt(a2) {
@@ -17316,33 +17317,33 @@ function it(a2) {
   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 U = (a2) => a2.room;
-var ya = (a2) => a2.errors;
-var fn = createSelector(ya, (a2) => a2.length === 0 ? null : a2.at(-1));
-var vn = createSelector(U, (a2) => a2.id);
+var Pa = (a2) => a2.errors;
+var yn = createSelector(Pa, (a2) => a2.length === 0 ? null : a2.at(-1));
+var kn = createSelector(U, (a2) => a2.id);
 var G = (a2) => a2.peers;
 var Bt = (a2) => a2.messages.byID;
 var jr = (a2) => a2.messages.allIDs;
 var D = (a2) => a2.tracks;
 var Xi = (a2) => a2.appData;
-var ka = (a2) => a2.speakers;
-var Me = createSelector([U], (a2) => a2 && a2.isConnected);
-var kn = createSelector([Me, U], (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 Ea = (a2) => a2.hideLocalPeer;
-var ae = createSelector([U, G, Ea], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Pa = createSelector(D, (a2) => Object.values(a2));
+var Aa = (a2) => a2.speakers;
+var ye = createSelector([U], (a2) => a2 && a2.isConnected);
+var An = createSelector([ye, U], (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 ba = (a2) => a2.hideLocalPeer;
+var ae = createSelector([U, G, ba], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var Ra = createSelector(D, (a2) => Object.values(a2));
 var Q = createSelector(U, G, (a2, e) => e[a2.localPeer]);
 var ue = createSelector(U, (a2) => a2.localPeer);
-var En = createSelector(Q, (a2) => a2 == null ? void 0 : a2.name);
-var Pn = createSelector(Q, (a2) => a2 == null ? void 0 : a2.roleName);
+var bn = createSelector(Q, (a2) => a2 == null ? void 0 : a2.name);
+var Rn = 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 Aa = createSelector(Q, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Qr = createSelector([Z, K, Aa], (a2, e, t) => {
+var Ha = createSelector(Q, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Qr = createSelector([Z, K, Ha], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var An = createSelector(ae, (a2) => a2.filter((e) => !e.isLocal));
-var bn = createSelector(G, ka, (a2, e) => {
+var Hn = createSelector(ae, (a2) => a2.filter((e) => !e.isLocal));
+var In = createSelector(G, Aa, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, l;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -17359,7 +17360,7 @@ var er = createSelector(Q, D, (a2, e) => {
   let { video: t, audio: i } = He(e, a2);
   return !!(t || i);
 });
-var ba = createSelector(G, D, (a2, e) => {
+var Ia = createSelector(G, D, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: o } = He(e, r);
@@ -17369,15 +17370,15 @@ var ba = createSelector(G, D, (a2, e) => {
   }
   return t;
 });
-var Hn = createSelector(ba, (a2) => !!a2);
-var In = createSelector(G, D, (a2, e) => {
+var Ln = createSelector(Ia, (a2) => !!a2);
+var Dn = createSelector(G, D, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = He(e, i);
     if (!s && r)
       return i;
   }
 });
-var Cn = createSelector(G, D, (a2, e) => {
+var wn = createSelector(G, D, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: o, audio: n } = He(e, s);
@@ -17385,62 +17386,62 @@ var Cn = createSelector(G, D, (a2, e) => {
   }
   return t.concat(i);
 });
-var Ln = createSelector(G, D, (a2, e) => {
+var _n = createSelector(G, D, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (tt(i) && et(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Dn = createSelector(G, D, (a2, e) => {
+var Nn = createSelector(G, D, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (Vt(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var wn = createSelector(Pa, (a2) => a2.filter(Kr));
-var _n = createSelector(jr, (a2) => a2.length);
-var Nn = createSelector(Bt, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var On = createSelector(Ra, (a2) => a2.filter(Kr));
+var xn = createSelector(jr, (a2) => a2.length);
+var Un = createSelector(Bt, (a2) => Object.values(a2).filter((e) => !e.read).length);
 var rt = createSelector(jr, Bt, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Ra = createSelector(rt, (a2) => a2.filter((e) => {
+var Ca = createSelector(rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var On = createSelector(Ra, (a2) => a2.filter((e) => !e.read).length);
+var Vn = createSelector(Ca, (a2) => a2.filter((e) => !e.read).length);
 var z = createSelector([U], (a2) => a2 && a2.roomState);
 var Yr = createSelector(z, (a2) => a2 === "Preview");
-var xn = createSelector(U, (a2) => a2.roomState !== "Disconnected");
+var Bn = createSelector(U, (a2) => a2.roomState !== "Disconnected");
 var oe = (a2) => a2.roles;
-var Un = createSelector([oe], (a2) => Object.keys(a2));
+var Fn = createSelector([oe], (a2) => Object.keys(a2));
 var Ft = createSelector([Q, oe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var Ha = (a2) => {
+var La = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var Xr = createSelector([Ha, oe], (a2, e) => a2 ? e[a2] : null);
-var Vn = createSelector([Ft], (a2) => {
+var Xr = createSelector([La, oe], (a2, e) => a2 ? e[a2] : null);
+var Gn = createSelector([Ft], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
 var Zr = createSelector(Ft, (a2) => a2 == null ? void 0 : a2.permissions);
-var Bn = createSelector(U, (a2) => a2.recording);
-var Fn = createSelector(U, (a2) => a2.rtmp);
-var Gn = createSelector(U, (a2) => a2.hls);
-var $n = createSelector(U, (a2) => a2.sessionId);
-var Wn = createSelector(U, (a2) => a2.startedAt);
-var Kn = createSelector(U, (a2) => !!a2.isLargeRoom);
-var qn = createSelector(U, (a2) => !!a2.isEffectsEnabled);
-var jn = createSelector(U, (a2) => a2.effectsKey);
+var $n = createSelector(U, (a2) => a2.recording);
+var Wn = createSelector(U, (a2) => a2.rtmp);
+var Kn = createSelector(U, (a2) => a2.hls);
+var qn = createSelector(U, (a2) => a2.sessionId);
+var jn = createSelector(U, (a2) => a2.startedAt);
+var Jn = createSelector(U, (a2) => !!a2.isLargeRoom);
+var Qn = createSelector(U, (a2) => !!a2.isEffectsEnabled);
+var zn = createSelector(U, (a2) => a2.effectsKey);
 var es = (a2) => a2.polls;
-var Yn = createSelector(ae, (a2) => a2.filter((e) => e.isHandRaised));
-var Ia = (a2) => a2.whiteboards;
-var Xn = createSelector(Ia, (a2) => Object.values(a2)[0]);
+var ec = createSelector(ae, (a2) => a2.filter((e) => e.isHandRaised));
+var Da = (a2) => a2.whiteboards;
+var tc = createSelector(Da, (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;
@@ -17458,7 +17459,7 @@ function A(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 Ca = typeof window != "undefined" && typeof window.expect != "undefined";
+var wa = typeof window != "undefined" && typeof window.expect != "undefined";
 var d = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -17524,21 +17525,24 @@ var d = class {
       }
   }
 };
-d.level = Ca ? 7 : 0;
-var ye = new import_ua_parser_js.UAParser();
+d.level = wa ? 7 : 0;
+var pe = new import_ua_parser_js.UAParser();
 var N = typeof window != "undefined";
 var ps;
-var Ie = typeof window == "undefined" && !((ps = ye.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
-var Da = () => !Ie;
-var oc = Da();
-function wa() {
+var Ie = typeof window == "undefined" && !((ps = pe.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
+var Na = () => !Ie;
+var dc = Na();
+var hs;
+var Ss;
+var gs = ((Ss = (hs = pe.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : Ss.toLowerCase()) === "firefox";
+function Oa() {
   if (N && 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 Ue = wa();
+var Ue = Oa();
 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 T = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
@@ -17569,7 +17573,7 @@ var T = class a extends Error {
     }`;
   }
 };
-var _a7 = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var xa = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var h = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new T(v.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
@@ -17629,7 +17633,7 @@ var h = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, StatsFailed(a2, e = "") {
   return new T(v.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-  return new T(a2, "ServerErrors", e, t, t, _a7.includes(e));
+  return new T(a2, "ServerErrors", e, t, t, xa.includes(e));
 }, AlreadyJoined(a2, e = "") {
   return new T(v.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -17702,7 +17706,7 @@ var sr = class {
     return this.valuesMap.size;
   }
 };
-var Ss = () => {
+var Ts = () => {
   try {
     N && !localStorage && (window.localStorage = new sr());
   } catch (a2) {
@@ -17716,7 +17720,7 @@ var ne = class {
   }
   getStorage() {
     try {
-      return N && !this.storage && (Ss(), this.storage = window.localStorage), this.storage;
+      return N && !this.storage && (Ts(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return d.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -17736,29 +17740,29 @@ var ne = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var ms = () => {
+var fs = () => {
   let a2, e = new ne("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = Na(), e.set(a2)), a2;
+  return t ? a2 = t : (a2 = Ua(), e.set(a2)), a2;
 };
 function ie(a2) {
   return a2 != null;
 }
-var Ts = nr().version;
+var Ms = nr().version;
 function st(a2 = "prod", e) {
   let t = "web", i = Ue !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Ie)
-    return fs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Ts, env: i, domain: Ue, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
-  let r = ye.getOS(), s = ye.getDevice(), o = ye.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}`), fs({ os: n, os_version: l, sdk: t, sdk_version: Ts, device_model: p, env: i, domain: Ue, 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: Ue, 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: Ue, 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, "_");
 }
-var fs = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var ys = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var H = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: st() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = xa(), this.device_id = ms();
+    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();
   }
   toSignalParams() {
     return { name: this.name, info: y(S({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
@@ -17899,8 +17903,8 @@ function Kt(a2, e = 300) {
     }, e);
   };
 }
-var ks = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(ks || {});
-var Es = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Es || {});
+var As = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(As || {});
+var bs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(bs || {});
 var pr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
@@ -17928,7 +17932,7 @@ var pr = class {
     return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Rs = new pr();
+var Cs = new pr();
 var hr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
@@ -17956,14 +17960,14 @@ var hr = class {
     return e || d.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Hs = new hr();
+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 Ls = "https://event.100ms.live/v2/client/report";
-var Ds = "https://event-nonprod.100ms.live/v2/client/report";
+var _s = "https://event.100ms.live/v2/client/report";
+var Ns = "https://event-nonprod.100ms.live/v2/client/report";
 var qe = class {
 };
-qe.makePeerId = () => eo();
+qe.makePeerId = () => ro();
 var ht = "HMS-Store:";
 var k = class {
   static v(e, ...t) {
@@ -18033,129 +18037,129 @@ var k = class {
 k.level = 0;
 var Ar = (a2, e) => e;
 var St = (a2, e) => e;
-var Vs = (a2, e) => e;
-var io = (a2, e) => e;
-var ro = (a2, e) => e;
+var Gs = (a2, e) => e;
+var ao = (a2, e) => e;
+var oo = (a2, e) => e;
 var j = createSelector([G, Ar], (a2, e) => e ? a2[e] : null);
 var br = createSelector([D, St], (a2, e) => e ? a2[e] : null);
-var so = createSelector([D, St], (a2, e) => {
+var no = createSelector([D, St], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var ao = createSelector([D, St], (a2, e) => {
+var co = createSelector([D, St], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var oo = createSelector([D, St], (a2, e) => {
+var lo = createSelector([D, St], (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 no = createSelector([D, St], (a2, e) => {
+var uo = createSelector([D, St], (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 co = createSelector([es, ro], (a2, e) => e ? a2[e] : null);
+var po = createSelector([es, oo], (a2, e) => e ? a2[e] : null);
 var J = A(j);
-var Fh = A(createSelector([Xi, io], (a2, e) => {
+var Kh = A(createSelector([Xi, ao], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function Gh(a2) {
+function qh(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var Wh = A(createSelector(j, (a2) => a2 == null ? void 0 : a2.name));
+var Jh = A(createSelector(j, (a2) => a2 == null ? void 0 : a2.name));
 var si = A(br);
-var Bs = A(so);
-var Kh = A(ao);
-var qh = A(oo);
-var jh = A(no);
-var lo = A((a2, e) => {
+var $s = A(no);
+var Qh = A(co);
+var zh = A(lo);
+var Yh = A(uo);
+var ho = A((a2, e) => {
   let t = j(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var uo = A((a2, e) => {
+var So = A((a2, e) => {
   let t = j(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var Qh = A((a2, e) => {
+var Zh = A((a2, e) => {
   let t = j(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var Fs = (a2, e) => e ? a2.speakers[e] : null;
-var zh = A(createSelector(Fs, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var po = (a2, e) => {
-  let t = uo(e)(a2);
-  return Fs(a2, t == null ? void 0 : t.id);
-};
-var Yh = A(createSelector(po, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Xh = A((a2, e) => {
+var Ws = (a2, e) => e ? a2.speakers[e] : null;
+var eS = A(createSelector(Ws, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var mo = (a2, e) => {
+  let t = So(e)(a2);
+  return Ws(a2, t == null ? void 0 : t.id);
+};
+var tS = A(createSelector(mo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var iS = A((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var Zh = A((a2, e) => {
+var rS = A((a2, e) => {
   let t = j(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => Ze(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var eS = A(createSelector(D, j, (a2, e) => {
+var sS = A(createSelector(D, j, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return tt(r) && et(r);
   });
   return t ? a2[t] : void 0;
 }));
-var tS = A(createSelector(D, j, (a2, e) => {
+var aS = A(createSelector(D, j, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return tt(r) && Ze(r);
   });
   return t ? a2[t] : void 0;
 }));
-var iS = A(createSelector(D, j, (a2, e) => {
+var oS = A(createSelector(D, j, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return Vt(r) && Ze(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Gs = A(createSelector(D, j, (a2, e) => He(a2, e)));
-var $s = (a2) => createSelector(Gs(a2), (e) => e.audio);
-var sS = A((a2, e) => {
+var Ks = A(createSelector(D, j, (a2, e) => He(a2, e)));
+var qs = (a2) => createSelector(Ks(a2), (e) => e.audio);
+var cS = A((a2, e) => {
   let t = j(a2, e);
   return Oe(a2, t == null ? void 0 : t.audioTrack);
 });
-var aS = A((a2, e) => {
+var dS = A((a2, e) => {
   let t = j(a2, e);
   return Oe(a2, t == null ? void 0 : t.videoTrack);
 });
-var Ws = A((a2, e) => {
+var js = A((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var oS = A((a2, e) => {
+var lS = A((a2, e) => {
   let t = j(a2, e);
-  return Ws(t == null ? void 0 : t.audioTrack)(a2);
+  return js(t == null ? void 0 : t.audioTrack)(a2);
 });
-var nS = A((a2, e) => {
-  let t = $s(e)(a2);
-  return Ws(t == null ? void 0 : t.id)(a2);
+var uS = A((a2, e) => {
+  let t = qs(e)(a2);
+  return js(t == null ? void 0 : t.id)(a2);
 });
-var Ks = A((a2, e) => {
+var Js = A((a2, e) => {
   let t = br(a2, e);
   if (t) {
     if (t.type !== "audio") {
@@ -18165,15 +18169,15 @@ var Ks = A((a2, e) => {
     return t.volume;
   }
 });
-var cS = A((a2, e) => {
+var pS = A((a2, e) => {
   let t = j(a2, e);
-  return Ks(t == null ? void 0 : t.audioTrack)(a2);
+  return Js(t == null ? void 0 : t.audioTrack)(a2);
 });
-var dS = A((a2, e) => {
-  let t = $s(e)(a2);
-  return Ks(t == null ? void 0 : t.id)(a2);
+var hS = A((a2, e) => {
+  let t = qs(e)(a2);
+  return Js(t == null ? void 0 : t.id)(a2);
 });
-var lS = A((a2, e) => {
+var SS = A((a2, e) => {
   let t = br(a2, e);
   if (t) {
     if (t.type !== "video") {
@@ -18183,45 +18187,45 @@ var lS = A((a2, e) => {
     return t.layer;
   }
 });
-var qs = createSelector([rt, ue, Ar], (a2, e, t) => {
+var Qs = createSelector([rt, ue, Ar], (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 js = createSelector([rt, Vs], (a2, e) => {
+var zs = createSelector([rt, Gs], (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 ho = createSelector(rt, (a2) => a2.filter((e) => {
+var go = createSelector(rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var So = createSelector([js, Vs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var mo = createSelector([qs, Ar], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var uS = createSelector(ho, (a2) => a2.filter((e) => !e.read).length);
-var pS = A(qs);
-var hS = A(js);
-var SS = A(So);
-var mS = A(mo);
-var Js = A(co);
-var bS = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
+var To = createSelector([zs, Gs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var fo = createSelector([Qs, Ar], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var mS = createSelector(go, (a2) => a2.filter((e) => !e.read).length);
+var gS = A(Qs);
+var TS = A(zs);
+var fS = A(To);
+var vS = A(fo);
+var Ys = A(po);
+var CS = createSelector([G, D], (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 go = (a2) => a2.roleChangeRequests[0] || null;
-var RS = createSelector([go, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var HS = createSelector([Ft], (a2) => it(a2));
-var IS = createSelector([Xr], (a2) => it(a2));
-var fo = createSelector([K, D], (a2, e) => {
+var vo = (a2) => a2.roleChangeRequests[0] || null;
+var LS = createSelector([vo, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var DS = createSelector([Ft], (a2) => it(a2));
+var wS = createSelector([Xr], (a2) => it(a2));
+var yo = createSelector([K, D], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var vo = createSelector([Z, D], (a2, e) => {
+var ko = createSelector([Z, D], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
@@ -18244,7 +18248,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" ? Ls : Ds;
+    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;
     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);
@@ -18270,66 +18274,66 @@ var Lr = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Te = new Lr();
+var fe = 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 Vo = (a2) => a2.localPeer.id;
-var Bo = (a2) => a2.localPeer.audioTrack;
-var Fo = (a2) => a2.localPeer.videoTrack;
-var Go = (a2, e) => e;
-var ua = (a2, e) => e;
-var $o = (a2) => a2.remoteTrackStats;
-var pa = (a2) => a2.peerStats;
+var Go = (a2) => a2.localPeer.id;
+var $o = (a2) => a2.localPeer.audioTrack;
+var Wo = (a2) => a2.localPeer.videoTrack;
+var Ko = (a2, e) => e;
+var Sa = (a2, e) => e;
+var qo = (a2) => a2.remoteTrackStats;
+var ma = (a2) => a2.peerStats;
 var xr = (a2) => a2.localTrackStats;
-var ve = createSelector([pa, Vo], (a2, e) => a2[e]);
-var Wo = createSelector(ve, (a2) => {
+var Me = createSelector([ma, Go], (a2, e) => a2[e]);
+var jo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var Ko = createSelector(ve, (a2) => {
+var Jo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var qo = createSelector(ve, (a2) => {
+var Qo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var jo = createSelector(ve, (a2) => {
+var zo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var Jo = createSelector(ve, (a2) => {
+var Yo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var Qo = createSelector(ve, (a2) => {
+var Xo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var zo = createSelector(ve, (a2) => {
+var Zo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Yo = createSelector(ve, (a2) => {
+var en = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var Xo = createSelector([pa, Go], (a2, e) => e ? a2[e] : void 0);
-var Zo = createSelector([$o, ua], (a2, e) => e ? a2[e] : void 0);
-var Ur = createSelector([xr, ua], (a2, e) => e ? a2[e] : void 0);
-var en = A(Xo);
-var tn = A(Zo);
-var rn = createSelector([xr, Bo], (a2, e) => {
+var tn = createSelector([ma, Ko], (a2, e) => e ? a2[e] : void 0);
+var rn = createSelector([qo, Sa], (a2, e) => e ? a2[e] : void 0);
+var Ur = createSelector([xr, Sa], (a2, e) => e ? a2[e] : void 0);
+var sn = A(tn);
+var an = A(rn);
+var on = createSelector([xr, $o], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var sn = A(createSelector(Ur, (a2) => a2 == null ? void 0 : a2[0]));
-var an = createSelector([xr, Fo], (a2, e) => {
+var nn = A(createSelector(Ur, (a2) => a2 == null ? void 0 : a2[0]));
+var cn = createSelector([xr, Wo], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var on = A(createSelector(Ur, (a2) => a2));
+var dn = A(createSelector(Ur, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -18578,42 +18582,6 @@ var calculateAvatarAndAttribBoxSize = (calculatedWidth, calculatedHeight) => {
   return [avatarSize, attribBoxSize];
 };
 var isMobileUserAgent = /Mobi|Android|iPhone/i.test(navigator.userAgent);
-var getPeerResponses = (questions, peerid, userid) => {
-  return questions.map(
-    (question) => {
-      var _a8;
-      return (_a8 = question.responses) == null ? void 0 : _a8.filter(
-        (response) => {
-          var _a9, _b7;
-          return (response && ((_a9 = response.peer) == null ? void 0 : _a9.peerid) === peerid || ((_b7 = response.peer) == null ? void 0 : _b7.userid) === userid) && !response.skipped;
-        }
-      );
-    }
-  );
-};
-var getPeerParticipationSummary = (poll, localPeerID, localCustomerUserID) => {
-  let correctResponses = 0;
-  let score = 0;
-  const questions = poll.questions || [];
-  const peerResponses = getPeerResponses(questions, localPeerID, localCustomerUserID);
-  let totalResponses = peerResponses.length || 0;
-  peerResponses.forEach((peerResponse) => {
-    var _a8;
-    if (!(peerResponse == null ? void 0 : peerResponse[0])) {
-      return;
-    }
-    const isCorrect = checkCorrectAnswer(
-      questions[peerResponse[0].questionIndex - 1].answer,
-      peerResponse[0],
-      questions[peerResponse[0].questionIndex - 1].type
-    );
-    if (isCorrect) {
-      score += ((_a8 = questions[peerResponse[0].questionIndex - 1]) == null ? void 0 : _a8.weight) || 0;
-      correctResponses++;
-    }
-  });
-  return { totalResponses, correctResponses, score };
-};
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 var LiveStatus = () => {
@@ -18700,7 +18668,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore22(selectRecordingState);
-  if (recording.hls && recording.hls.state === ks.PAUSED) {
+  if (recording.hls && recording.hls.state === As.PAUSED) {
     return /* @__PURE__ */ React54.createElement(
       Tooltip,
       {
@@ -20749,21 +20717,21 @@ import {
   selectRoleChangeRequest,
   useCustomEvent as useCustomEvent3,
   useHMSActions as useHMSActions41,
-  useHMSStore as useHMSStore62
+  useHMSStore as useHMSStore63
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React128, { Fragment as Fragment14, useCallback as useCallback30, useEffect as useEffect31, useMemo as useMemo10, useState as useState52 } from "react";
+import React128, { Fragment as Fragment14, useCallback as useCallback30, useEffect as useEffect31, useMemo as useMemo10, useState as useState53 } from "react";
 import { useMeasure as useMeasure4, useMedia as useMedia22 } from "react-use";
 import {
   HMSRoomState as HMSRoomState5,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled6,
-  selectLocalPeer as selectLocalPeer8,
+  selectLocalPeer as selectLocalPeer7,
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
   useAVToggle as useAVToggle4,
-  useHMSStore as useHMSStore61,
+  useHMSStore as useHMSStore62,
   useParticipants as useParticipants2,
   usePreviewJoin,
   useRecordingStreaming as useRecordingStreaming10
@@ -20774,7 +20742,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon5 } from "@100ms
 init_define_process_env();
 import React123, { useEffect as useEffect29 } from "react";
 import { useMedia as useMedia20 } from "react-use";
-import { selectAppData as selectAppData5, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData5, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Polls.tsx
 init_define_process_env();
@@ -21680,12 +21648,8 @@ var QuestionCard = ({ question, onSave, index, length, removeQuestion, isQuiz, c
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 init_define_process_env();
-import React94, { useEffect as useEffect20, useState as useState36 } from "react";
-import {
-  selectPollByID as selectPollByID2,
-  useHMSActions as useHMSActions27,
-  useHMSStore as useHMSStore38
-} from "@100mslive/react-sdk";
+import React95, { useState as useState37 } from "react";
+import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore40 } 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
@@ -21720,74 +21684,134 @@ var LeaderboardEntry = ({
   ), /* @__PURE__ */ React92.createElement(Box, null, /* @__PURE__ */ React92.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, userName), /* @__PURE__ */ React92.createElement(Text, { variant: "sm", css: { mt: "$1" } }, score, " / ", maxPossibleScore, " points"))), /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$4", color: "$on_surface_medium" } }, position === 1 ? /* @__PURE__ */ React92.createElement(TrophyFilledIcon, { height: 16, width: 16 }) : null, /* @__PURE__ */ React92.createElement(CheckCircleIcon4, { height: 16, width: 16 }), questionCount ? /* @__PURE__ */ React92.createElement(Text, { variant: "xs" }, correctResponses, " / ", questionCount) : null));
 };
 
+// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
+init_define_process_env();
+import React94 from "react";
+import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore39 } from "@100mslive/react-sdk";
+
 // src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
 init_define_process_env();
 import React93 from "react";
-var StatisticBox = ({ title, value = 0 }) => /* @__PURE__ */ React93.createElement(Box, { css: { p: "$8", background: "$surface_default", borderRadius: "$1", w: "100%" } }, /* @__PURE__ */ React93.createElement(
-  Text,
-  {
-    variant: "tiny",
-    css: { textTransform: "uppercase", color: "$on_surface_medium", fontWeight: "$semiBold", my: "$4" }
-  },
-  title
-), /* @__PURE__ */ React93.createElement(Text, { css: { fontWeight: "$semiBold" } }, value));
+var StatisticBox = ({ title, value = 0 }) => {
+  if (!value) {
+    return /* @__PURE__ */ React93.createElement(React93.Fragment, null);
+  }
+  return /* @__PURE__ */ React93.createElement(Box, { css: { p: "$8", background: "$surface_default", borderRadius: "$1", w: "100%" } }, /* @__PURE__ */ React93.createElement(
+    Text,
+    {
+      variant: "tiny",
+      css: { textTransform: "uppercase", color: "$on_surface_medium", fontWeight: "$semiBold", my: "$4" }
+    },
+    title
+  ), /* @__PURE__ */ React93.createElement(Text, { css: { fontWeight: "$semiBold" } }, value));
+};
 
-// src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
-var LeaderboardSummary = ({ pollID }) => {
-  var _a8, _b7, _c;
+// src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx
+init_define_process_env();
+import { useEffect as useEffect20, useState as useState36 } from "react";
+import {
+  selectPollByID as selectPollByID2,
+  useHMSActions as useHMSActions27,
+  useHMSStore as useHMSStore38
+} from "@100mslive/react-sdk";
+var useQuizSummary = (quizID) => {
   const hmsActions = useHMSActions27();
-  const quiz = useHMSStore38(selectPollByID2(pollID));
+  const quiz = useHMSStore38(selectPollByID2(quizID));
   const [quizLeaderboard, setQuizLeaderboard] = useState36();
-  const [viewAllEntries, setViewAllEntries] = useState36(false);
   const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
     totalUsers: 0,
     votedUsers: 0,
     avgScore: 0,
     avgTime: 0,
-    correctAnswers: 0
+    correctUsers: 0
   };
-  const { setPollView } = usePollViewState();
-  const toggleSidepane = useSidepaneToggle();
+  const [calculations, setCalculations] = useState36({ maxPossibleScore: 0, totalResponses: 0 });
   useEffect20(() => {
     const fetchLeaderboardData = () => __async(void 0, null, function* () {
-      if (!quizLeaderboard && quiz) {
+      var _a8;
+      if (!quizLeaderboard && quiz && !(quiz == null ? void 0 : quiz.anonymous) && quiz.state === "stopped") {
         const leaderboardData = yield hmsActions.interactivityCenter.fetchLeaderboard(quiz.id, 0, 50);
+        const { maxPossibleScore, totalResponses } = ((_a8 = quiz == null ? void 0 : quiz.questions) == null ? void 0 : _a8.reduce((accumulator, question) => {
+          var _a9;
+          accumulator.maxPossibleScore += question.weight || 0;
+          accumulator.totalResponses += ((_a9 = question == null ? void 0 : question.responses) == null ? void 0 : _a9.length) || 0;
+          return accumulator;
+        }, calculations)) || calculations;
         setQuizLeaderboard(leaderboardData);
+        setCalculations({ maxPossibleScore, totalResponses });
       }
     });
     fetchLeaderboardData();
-  }, [quiz, hmsActions.interactivityCenter, quizLeaderboard]);
+  }, [quiz, hmsActions.interactivityCenter, quizLeaderboard, calculations]);
+  return {
+    quizLeaderboard,
+    summary,
+    maxPossibleScore: calculations.maxPossibleScore,
+    totalResponses: calculations.totalResponses
+  };
+};
+
+// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
+var PeerParticipationSummary = ({ quiz }) => {
+  const localPeerId = useHMSStore39(selectLocalPeerID8);
+  const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
+  if (quiz.state !== "stopped") {
+    return /* @__PURE__ */ React94.createElement(React94.Fragment, null);
+  }
+  const isLocalPeerQuizCreator = localPeerId === quiz.startedBy;
+  const peerEntry = quizLeaderboard == null ? void 0 : quizLeaderboard.entries.find((entry) => {
+    var _a8;
+    return ((_a8 = entry.peer) == null ? void 0 : _a8.peerid) === localPeerId;
+  });
+  const boxes = isLocalPeerQuizCreator ? [
+    {
+      title: "Voted",
+      value: `${summary.totalUsers ? (100 * summary.votedUsers / summary.totalUsers).toFixed(0) : 0}% (${summary.votedUsers}/${summary.totalUsers})`
+    },
+    {
+      title: "Correct Answers",
+      value: `${summary.totalUsers ? (100 * summary.correctUsers / summary.totalUsers).toFixed(0) : 0}% (${summary.correctUsers}/${summary.totalUsers})`
+    },
+    { title: "Avg. Time Taken", value: summary.avgTime },
+    { title: "Avg. Score", value: summary.avgScore }
+  ] : [
+    { title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) ? `${peerEntry.position}/${summary.totalUsers}` : "-" },
+    { title: "Points", value: peerEntry == null ? void 0 : peerEntry.score },
+    { title: "Time Taken", value: peerEntry == null ? void 0 : peerEntry.duration },
+    {
+      title: "Correct Answers",
+      value: (peerEntry == null ? void 0 : peerEntry.totalResponses) ? `${peerEntry == null ? void 0 : peerEntry.correctResponses}/${peerEntry.totalResponses}` : "-"
+    }
+  ];
+  return /* @__PURE__ */ React94.createElement(Box, null, /* @__PURE__ */ React94.createElement(Text, { css: { fontWeight: "$semiBold", my: "$8" } }, "Participation Summary"), /* @__PURE__ */ React94.createElement(Box, { css: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "$4" } }, boxes.map((box) => /* @__PURE__ */ React94.createElement(StatisticBox, { key: box.title, title: box.title, value: box.value }))));
+};
+
+// src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
+var LeaderboardSummary = ({ pollID }) => {
+  var _a8, _b7;
+  const quiz = useHMSStore40(selectPollByID3(pollID));
+  const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
+  const [viewAllEntries, setViewAllEntries] = useState37(false);
+  const { setPollView } = usePollViewState();
+  const toggleSidepane = useSidepaneToggle();
   if (!quiz || !quizLeaderboard)
-    return /* @__PURE__ */ React94.createElement(Flex, { align: "center", justify: "center", css: { size: "100%" } }, /* @__PURE__ */ React94.createElement(Loading, null));
-  const defaultCalculations = { maxPossibleScore: 0, totalResponses: 0 };
-  const { maxPossibleScore, totalResponses } = ((_a8 = quiz.questions) == null ? void 0 : _a8.reduce((accumulator, question) => {
-    var _a9;
-    accumulator.maxPossibleScore += question.weight || 0;
-    accumulator.totalResponses += ((_a9 = question == null ? void 0 : question.responses) == null ? void 0 : _a9.length) || 0;
-    return accumulator;
-  }, defaultCalculations)) || defaultCalculations;
-  const questionCount = ((_b7 = quiz.questions) == null ? void 0 : _b7.length) || 0;
-  return /* @__PURE__ */ React94.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React94.createElement(Flex, { justify: "between", align: "center", css: { pb: "$6", borderBottom: "1px solid $border_bright", mb: "$8" } }, /* @__PURE__ */ React94.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React94.createElement(
+    return /* @__PURE__ */ React95.createElement(Flex, { align: "center", justify: "center", css: { size: "100%" } }, /* @__PURE__ */ React95.createElement(Loading, null));
+  const questionCount = ((_a8 = quiz.questions) == null ? void 0 : _a8.length) || 0;
+  return /* @__PURE__ */ React95.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React95.createElement(Flex, { justify: "between", align: "center", css: { pb: "$6", borderBottom: "1px solid $border_bright", mb: "$8" } }, /* @__PURE__ */ React95.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React95.createElement(
     Flex,
     {
       css: { color: "$on_surface_medium", "&:hover": { color: "$on_surface_high", cursor: "pointer" } },
       onClick: () => setPollView(POLL_VIEWS.VOTE)
     },
-    /* @__PURE__ */ React94.createElement(ChevronLeftIcon4, null)
-  ), /* @__PURE__ */ React94.createElement(Text, { variant: "lg", css: { fontWeight: "$semiBold" } }, quiz.title), /* @__PURE__ */ React94.createElement(StatusIndicator, { isLive: false })), /* @__PURE__ */ React94.createElement(
+    /* @__PURE__ */ React95.createElement(ChevronLeftIcon4, null)
+  ), /* @__PURE__ */ React95.createElement(Text, { variant: "lg", css: { fontWeight: "$semiBold" } }, quiz.title), /* @__PURE__ */ React95.createElement(StatusIndicator, { isLive: false })), /* @__PURE__ */ React95.createElement(
     Flex,
     {
       css: { color: "$on_surface_medium", "&:hover": { color: "$on_surface_high", cursor: "pointer" } },
       onClick: toggleSidepane
     },
-    /* @__PURE__ */ React94.createElement(CrossIcon12, null)
-  )), !viewAllEntries ? /* @__PURE__ */ React94.createElement(Box, { css: { py: "$4" } }, /* @__PURE__ */ React94.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold" } }, "Participation Summary"), /* @__PURE__ */ React94.createElement(Box, { css: { my: "$4" } }, /* @__PURE__ */ React94.createElement(Flex, { css: { w: "100%", gap: "$4" } }, /* @__PURE__ */ React94.createElement(
-    StatisticBox,
-    {
-      title: "Voted",
-      value: `${(summary == null ? void 0 : summary.totalUsers) ? 100 * (summary == null ? void 0 : summary.votedUsers) / (summary == null ? void 0 : summary.totalUsers) : 0}%`
-    }
-  ), /* @__PURE__ */ React94.createElement(StatisticBox, { title: "Correct Answers", value: `${summary == null ? void 0 : summary.correctAnswers}/${totalResponses}` })), /* @__PURE__ */ React94.createElement(Flex, { css: { w: "100%", gap: "$4", mt: "$4" } }, (summary == null ? void 0 : summary.avgTime) > 0 ? /* @__PURE__ */ React94.createElement(StatisticBox, { title: "Avg. Time", value: summary == null ? void 0 : summary.avgTime }) : null, /* @__PURE__ */ React94.createElement(StatisticBox, { title: "Avg. Score", value: summary == null ? void 0 : summary.avgScore })))) : null, /* @__PURE__ */ React94.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold" } }, "Leaderboard"), /* @__PURE__ */ React94.createElement(Text, { variant: "xs", css: { color: "$on_surface_medium" } }, "Based on score and time taken to cast the correct answer"), /* @__PURE__ */ React94.createElement(
+    /* @__PURE__ */ React95.createElement(CrossIcon12, null)
+  )), !viewAllEntries ? /* @__PURE__ */ React95.createElement(PeerParticipationSummary, { quiz }) : null, /* @__PURE__ */ React95.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", mt: "$4" } }, "Leaderboard"), /* @__PURE__ */ React95.createElement(Text, { variant: "xs", css: { color: "$on_surface_medium" } }, "Based on score and time taken to cast the correct answer"), /* @__PURE__ */ React95.createElement(
     Box,
     {
       css: {
@@ -21801,7 +21825,7 @@ var LeaderboardSummary = ({ pollID }) => {
         borderRadius: "$1"
       }
     },
-    (quizLeaderboard == null ? void 0 : quizLeaderboard.entries) && quizLeaderboard.entries.slice(0, viewAllEntries ? void 0 : 5).map((question) => /* @__PURE__ */ React94.createElement(
+    (quizLeaderboard == null ? void 0 : quizLeaderboard.entries) && quizLeaderboard.entries.slice(0, viewAllEntries ? void 0 : 5).map((question) => /* @__PURE__ */ React95.createElement(
       LeaderboardEntry,
       {
         key: question.position,
@@ -21813,7 +21837,7 @@ var LeaderboardSummary = ({ pollID }) => {
         maxPossibleScore
       }
     )),
-    ((_c = quizLeaderboard == null ? void 0 : quizLeaderboard.entries) == null ? void 0 : _c.length) > 5 && !viewAllEntries ? /* @__PURE__ */ React94.createElement(
+    ((_b7 = quizLeaderboard == null ? void 0 : quizLeaderboard.entries) == null ? void 0 : _b7.length) > 5 && !viewAllEntries ? /* @__PURE__ */ React95.createElement(
       Flex,
       {
         align: "center",
@@ -21827,9 +21851,9 @@ var LeaderboardSummary = ({ pollID }) => {
         },
         onClick: () => setViewAllEntries(true)
       },
-      /* @__PURE__ */ React94.createElement(Text, { variant: "sm" }, "View All"),
+      /* @__PURE__ */ React95.createElement(Text, { variant: "sm" }, "View All"),
       " ",
-      /* @__PURE__ */ React94.createElement(ChevronRightIcon3, null)
+      /* @__PURE__ */ React95.createElement(ChevronRightIcon3, null)
     ) : null
   ));
 };
@@ -21838,11 +21862,11 @@ var LeaderboardSummary = ({ pollID }) => {
 init_define_process_env();
 import React99 from "react";
 import {
-  selectLocalPeerID as selectLocalPeerID8,
+  selectLocalPeerID as selectLocalPeerID9,
   selectPeerNameByID,
-  selectPollByID as selectPollByID3,
+  selectPollByID as selectPollByID4,
   useHMSActions as useHMSActions29,
-  useHMSStore as useHMSStore41
+  useHMSStore as useHMSStore42
 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
 
@@ -21850,28 +21874,10 @@ import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon13 } from "@
 init_define_process_env();
 import React97 from "react";
 
-// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
-init_define_process_env();
-import React95 from "react";
-import { selectLocalPeer, useHMSStore as useHMSStore39 } from "@100mslive/react-sdk";
-var PeerParticipationSummary = ({ poll }) => {
-  const localPeer = useHMSStore39(selectLocalPeer);
-  const { totalResponses, correctResponses, score } = getPeerParticipationSummary(
-    poll,
-    localPeer == null ? void 0 : localPeer.id,
-    localPeer == null ? void 0 : localPeer.customerUserId
-  );
-  const boxes = [
-    { title: "Points", value: score },
-    { title: "Correct Answers", value: `${correctResponses}/${totalResponses}` }
-  ];
-  return /* @__PURE__ */ React95.createElement(Box, null, /* @__PURE__ */ React95.createElement(Text, { css: { fontWeight: "$semiBold", my: "$8" } }, "Participation Summary"), /* @__PURE__ */ React95.createElement(Box, { css: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "$4" } }, boxes.map((box) => /* @__PURE__ */ React95.createElement(StatisticBox, { key: box.title, title: box.title, value: box.value }))));
-};
-
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React96, { useCallback as useCallback20, useMemo as useMemo6, useState as useState37 } from "react";
-import { selectLocalPeer as selectLocalPeer2, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions28, useHMSStore as useHMSStore40 } from "@100mslive/react-sdk";
+import React96, { useCallback as useCallback20, useMemo as useMemo6, useState as useState38 } from "react";
+import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions28, useHMSStore as useHMSStore41 } from "@100mslive/react-sdk";
 import {
   CheckCircleIcon as CheckCircleIcon5,
   ChevronDownIcon as ChevronDownIcon5,
@@ -21898,7 +21904,7 @@ var QuestionCard2 = ({
   rolesThatCanViewResponses
 }) => {
   const actions = useHMSActions28();
-  const localPeer = useHMSStore40(selectLocalPeer2);
+  const localPeer = useHMSStore41(selectLocalPeer);
   const localPeerResponse = responses == null ? void 0 : responses.find(
     (response) => {
       var _a8, _b7;
@@ -21906,7 +21912,7 @@ var QuestionCard2 = ({
     }
   );
   const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
-  const localPeerRoleName = useHMSStore40(selectLocalPeerRoleName2);
+  const localPeerRoleName = useHMSStore41(selectLocalPeerRoleName2);
   const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
   const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
   const isLive = pollState === "started";
@@ -21920,9 +21926,9 @@ var QuestionCard2 = ({
   const movePrev = () => {
     setCurrentIndex((curr) => Math.max(1, curr - 1));
   };
-  const [singleOptionAnswer, setSingleOptionAnswer] = useState37();
-  const [multipleOptionAnswer, setMultipleOptionAnswer] = useState37(/* @__PURE__ */ new Set());
-  const [showOptions, setShowOptions] = useState37(true);
+  const [singleOptionAnswer, setSingleOptionAnswer] = useState38();
+  const [multipleOptionAnswer, setMultipleOptionAnswer] = useState38(/* @__PURE__ */ new Set());
+  const [showOptions, setShowOptions] = useState38(true);
   const respondedToQuiz = isQuiz && localPeerResponse && !localPeerResponse.skipped;
   const isValidVote = useMemo6(() => {
     if (type === "single-choice" /* SINGLE_CHOICE */) {
@@ -22075,7 +22081,7 @@ var StandardView = ({ poll }) => {
   }
   const isQuiz = poll.type === "quiz";
   const isStopped = poll.state === "stopped";
-  return /* @__PURE__ */ React97.createElement(React97.Fragment, null, isQuiz && isStopped ? /* @__PURE__ */ React97.createElement(PeerParticipationSummary, { poll }) : null, (_a8 = poll.questions) == null ? void 0 : _a8.map((question, index) => {
+  return /* @__PURE__ */ React97.createElement(React97.Fragment, null, isQuiz && isStopped ? /* @__PURE__ */ React97.createElement(PeerParticipationSummary, { quiz: poll }) : null, (_a8 = poll.questions) == null ? void 0 : _a8.map((question, index) => {
     var _a9;
     return /* @__PURE__ */ React97.createElement(
       QuestionCard2,
@@ -22105,10 +22111,10 @@ var StandardView = ({ poll }) => {
 
 // src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
 init_define_process_env();
-import React98, { useState as useState38 } from "react";
+import React98, { useState as useState39 } from "react";
 var TimedView = ({ poll }) => {
   var _a8, _b7;
-  const [currentIndex, setCurrentIndex] = useState38(1);
+  const [currentIndex, setCurrentIndex] = useState39(1);
   const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
   if (!activeQuestion) {
     return null;
@@ -22139,9 +22145,9 @@ var TimedView = ({ poll }) => {
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 var Voting = ({ id, toggleVoting }) => {
   const actions = useHMSActions29();
-  const poll = useHMSStore41(selectPollByID3(id));
-  const pollCreatorName = useHMSStore41(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
-  const isLocalPeerCreator = useHMSStore41(selectLocalPeerID8) === (poll == null ? void 0 : poll.createdBy);
+  const poll = useHMSStore42(selectPollByID4(id));
+  const pollCreatorName = useHMSStore42(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
+  const isLocalPeerCreator = useHMSStore42(selectLocalPeerID9) === (poll == null ? void 0 : poll.createdBy);
   const { setPollView } = usePollViewState();
   if (!poll) {
     return null;
@@ -22184,7 +22190,7 @@ var Voting = ({ id, toggleVoting }) => {
       },
       /* @__PURE__ */ React99.createElement(CrossIcon13, { onClick: toggleVoting })
     )
-  ), /* @__PURE__ */ React99.createElement(Flex, { direction: "column", css: { p: "$8 $10", overflowY: "auto" } }, /* @__PURE__ */ React99.createElement(Flex, { align: "center" }, /* @__PURE__ */ React99.createElement(Box, { css: { flex: "auto" } }, /* @__PURE__ */ React99.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type))), isTimed ? /* @__PURE__ */ React99.createElement(TimedView, { poll }) : /* @__PURE__ */ React99.createElement(StandardView, { poll }), poll.state === "started" && isLocalPeerCreator && /* @__PURE__ */ React99.createElement(
+  ), /* @__PURE__ */ React99.createElement(Flex, { direction: "column", css: { p: "$8 $10", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ React99.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, isTimed ? /* @__PURE__ */ React99.createElement(TimedView, { poll }) : /* @__PURE__ */ React99.createElement(StandardView, { poll }), poll.state === "started" && isLocalPeerCreator && /* @__PURE__ */ React99.createElement(
     Button,
     {
       variant: "danger",
@@ -22222,42 +22228,42 @@ var Polls = () => {
 
 // src/Prebuilt/components/SidePaneTabs.tsx
 init_define_process_env();
-import React115, { useEffect as useEffect27, useState as useState47 } from "react";
+import React115, { useEffect as useEffect27, useState as useState48 } from "react";
 import { useMedia as useMedia17 } from "react-use";
-import { selectPeerCount as selectPeerCount4, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
+import { selectPeerCount as selectPeerCount4, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
 import React112, { useCallback as useCallback28, useRef as useRef19 } from "react";
 import { useMedia as useMedia16 } from "react-use";
-import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as useHMSStore51, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
+import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as useHMSStore52, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
-import React104, { Fragment as Fragment11, useCallback as useCallback24, useEffect as useEffect22, useLayoutEffect, useMemo as useMemo7, useRef as useRef16, useState as useState41 } from "react";
+import React104, { Fragment as Fragment11, useCallback as useCallback24, useEffect as useEffect22, useLayoutEffect, useMemo as useMemo7, useRef as useRef16, useState as useState42 } from "react";
 import { useMedia as useMedia11 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
 import {
   selectHMSMessages,
-  selectLocalPeerID as selectLocalPeerID9,
+  selectLocalPeerID as selectLocalPeerID10,
   selectLocalPeerName as selectLocalPeerName3,
   selectLocalPeerRoleName as selectLocalPeerRoleName3,
   selectPeerNameByID as selectPeerNameByID3,
   selectSessionStore as selectSessionStore5,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
   useHMSActions as useHMSActions33,
-  useHMSStore as useHMSStore45,
+  useHMSStore as useHMSStore46,
   useHMSVanillaStore as useHMSVanillaStore9
 } from "@100mslive/react-sdk";
 import { SolidPinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatActions.tsx
 init_define_process_env();
-import React102, { useCallback as useCallback23, useState as useState39 } from "react";
-import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions13, useHMSActions as useHMSActions32, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
+import React102, { useCallback as useCallback23, useState as useState40 } from "react";
+import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions13, useHMSActions as useHMSActions32, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
 import {
   CopyIcon as CopyIcon2,
   CrossCircleIcon as CrossCircleIcon2,
@@ -22285,10 +22291,10 @@ var MwebChatOption = ({
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
 init_define_process_env();
 import { useCallback as useCallback21 } from "react";
-import { selectLocalPeer as selectLocalPeer3, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions30, useHMSStore as useHMSStore42 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions30, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
 var useChatBlacklist = (sessionStoreKey) => {
   const hmsActions = useHMSActions30();
-  const blacklistedIDs = useHMSStore42(selectSessionStore2(sessionStoreKey));
+  const blacklistedIDs = useHMSStore43(selectSessionStore2(sessionStoreKey));
   const blacklistItem = useCallback21(
     (blacklistID) => __async(void 0, null, function* () {
       yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
@@ -22298,8 +22304,8 @@ var useChatBlacklist = (sessionStoreKey) => {
   return { blacklistItem, blacklistedIDs };
 };
 var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
-  const localPeer = useHMSStore42(selectLocalPeer3);
-  const blacklistedPeerIDs = useHMSStore42(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
+  const localPeer = useHMSStore43(selectLocalPeer2);
+  const blacklistedPeerIDs = useHMSStore43(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
   return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
 };
 
@@ -22380,11 +22386,11 @@ var ChatActions = ({
   const { elements } = useRoomLayoutConferencingScreen();
   const { can_hide_message = false, can_block_user = false } = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) || {};
   const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
-  const [open, setOpen] = useState39(false);
+  const [open, setOpen] = useState40(false);
   const actions = useHMSActions32();
-  const canRemoveOthers = (_b7 = useHMSStore43(selectPermissions13)) == null ? void 0 : _b7.removeOthers;
+  const canRemoveOthers = (_b7 = useHMSStore44(selectPermissions13)) == null ? void 0 : _b7.removeOthers;
   const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
-  const localPeerName = useHMSStore43(selectLocalPeerName2);
+  const localPeerName = useHMSStore44(selectLocalPeerName2);
   const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
   const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
     "chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
@@ -22603,11 +22609,11 @@ var EmptyChat = () => {
 
 // src/Prebuilt/components/hooks/usePinnedBy.tsx
 init_define_process_env();
-import { useEffect as useEffect21, useState as useState40 } from "react";
-import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
+import { useEffect as useEffect21, useState as useState41 } from "react";
+import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
 var usePinnedBy = (messageId) => {
-  const pinnedMessages = useHMSStore44(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
-  const [pinnedBy, setPinnedBy] = useState40("");
+  const pinnedMessages = useHMSStore45(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
+  const [pinnedBy, setPinnedBy] = useState41("");
   useEffect21(() => {
     let match = "";
     pinnedMessages == null ? void 0 : pinnedMessages.forEach((pinnedMessage) => {
@@ -22689,8 +22695,8 @@ var MessageType = ({
   hasCurrentUserSent,
   receiver
 }) => {
-  const peerName = useHMSStore45(selectPeerNameByID3(receiver));
-  const localPeerRoleName = useHMSStore45(selectLocalPeerRoleName3);
+  const peerName = useHMSStore46(selectPeerNameByID3(receiver));
+  const localPeerRoleName = useHMSStore46(selectLocalPeerRoleName3);
   if (receiver) {
     return /* @__PURE__ */ React104.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
   }
@@ -22738,14 +22744,14 @@ var ChatMessage = React104.memo(
     const isMobile = useMedia11(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 = useHMSStore45(selectLocalPeerID9);
+    const localPeerId = useHMSStore46(selectLocalPeerID10);
     const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
     const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
     const messageType = getMessageType({
       roles: message.recipientRoles,
       receiver: message.recipientPeer
     });
-    const [openSheet, setOpenSheet] = useState41(false);
+    const [openSheet, setOpenSheet] = useState42(false);
     const showPinAction = !!((_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.allow_pinning_messages);
     const showReply = message.sender !== selectedPeer.id && message.sender !== localPeerId && isPrivateChatEnabled;
     useLayoutEffect(() => {
@@ -22954,8 +22960,8 @@ var VirtualizedChatMessages = React104.forwardRef(({ messages, scrollToBottom },
 });
 var ChatBody = React104.forwardRef(
   ({ scrollToBottom }, listRef) => {
-    const messages = useHMSStore45(selectHMSMessages);
-    const blacklistedMessageIDs = useHMSStore45(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
+    const messages = useHMSStore46(selectHMSMessages);
+    const blacklistedMessageIDs = useHMSStore46(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
     const filteredMessages = useMemo7(() => {
       const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
       return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
@@ -22985,7 +22991,7 @@ var PinnedBy = ({
   rowRef
 }) => {
   const pinnedBy = usePinnedBy(messageId);
-  const localPeerName = useHMSStore45(selectLocalPeerName3);
+  const localPeerName = useHMSStore46(selectLocalPeerName3);
   useLayoutEffect(() => {
     if (rowRef == null ? void 0 : rowRef.current) {
       if (pinnedBy) {
@@ -23004,29 +23010,29 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React107, { useCallback as useCallback26, useEffect as useEffect24, useRef as useRef18, useState as useState44 } from "react";
+import React107, { useCallback as useCallback26, useEffect as useEffect24, useRef as useRef18, useState as useState45 } from "react";
 import { useMedia as useMedia14 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
-import { selectLocalPeer as selectLocalPeer4, useHMSActions as useHMSActions35, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions35, useHMSStore as useHMSStore49 } 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
 init_define_process_env();
-import React106, { useState as useState43 } from "react";
+import React106, { useState as useState44 } from "react";
 import { useMedia as useMedia13 } from "react-use";
 import { ChevronDownIcon as ChevronDownIcon6, ChevronUpIcon as ChevronUpIcon5, CrossIcon as CrossIcon15, GroupIcon, PersonIcon as PersonIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
 init_define_process_env();
-import React105, { useMemo as useMemo8, useState as useState42 } from "react";
+import React105, { useMemo as useMemo8, useState as useState43 } from "react";
 import { useMedia as useMedia12 } from "react-use";
 import {
   selectMessagesUnreadCountByPeerID,
   selectMessagesUnreadCountByRole,
   selectRemotePeers as selectRemotePeers2,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
-  useHMSStore as useHMSStore46
+  useHMSStore as useHMSStore47
 } from "@100mslive/react-sdk";
 import { CheckIcon as CheckIcon6, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
 var ChatDotIcon = () => {
@@ -23076,7 +23082,7 @@ var SelectorHeader = React105.memo(
   }
 );
 var Everyone = React105.memo(({ active }) => {
-  const unreadCount = useHMSStore46(selectUnreadHMSMessagesCount3);
+  const unreadCount = useHMSStore47(selectUnreadHMSMessagesCount3);
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React105.createElement(
@@ -23094,7 +23100,7 @@ var Everyone = React105.memo(({ active }) => {
   );
 });
 var RoleItem = React105.memo(({ role, active }) => {
-  const unreadCount = useHMSStore46(selectMessagesUnreadCountByRole(role));
+  const unreadCount = useHMSStore47(selectMessagesUnreadCountByRole(role));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React105.createElement(
@@ -23111,7 +23117,7 @@ var RoleItem = React105.memo(({ role, active }) => {
   );
 });
 var PeerItem = ({ peerId, name, active }) => {
-  const unreadCount = useHMSStore46(selectMessagesUnreadCountByPeerID(peerId));
+  const unreadCount = useHMSStore47(selectMessagesUnreadCountByPeerID(peerId));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React105.createElement(
@@ -23170,8 +23176,8 @@ var VirtualizedSelectItemList = ({
 var ChatSelector = ({ role, peerId }) => {
   var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const peers = useHMSStore46(selectRemotePeers2);
-  const [search, setSearch] = useState42("");
+  const peers = useHMSStore47(selectRemotePeers2);
+  const [search, setSearch] = useState43("");
   const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
   const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
   return /* @__PURE__ */ React105.createElement(React105.Fragment, null, peers.length > 0 && isPrivateChatEnabled && /* @__PURE__ */ React105.createElement(Box, { css: { px: "$4" } }, /* @__PURE__ */ React105.createElement(ParticipantSearch, { onSearch: setSearch, placeholder: "Search for participants" })), /* @__PURE__ */ React105.createElement(
@@ -23189,7 +23195,7 @@ var ChatSelector = ({ role, peerId }) => {
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 var ChatSelectorContainer = () => {
   var _a8, _b7;
-  const [open, setOpen] = useState43(false);
+  const [open, setOpen] = useState44(false);
   const isMobile = useMedia13(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
@@ -23308,10 +23314,10 @@ var ChatSelectorContainer = () => {
 // src/Prebuilt/components/AppData/useChatState.js
 init_define_process_env();
 import { useCallback as useCallback25 } from "react";
-import { selectAppData as selectAppData4, useHMSActions as useHMSActions34, useHMSStore as useHMSStore47 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData4, useHMSActions as useHMSActions34, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
 var useChatDraftMessage = () => {
   const hmsActions = useHMSActions34();
-  let chatDraftMessage = useHMSStore47(selectAppData4(APP_DATA.chatDraft));
+  let chatDraftMessage = useHMSStore48(selectAppData4(APP_DATA.chatDraft));
   if (chatDraftMessage === void 0 || chatDraftMessage === null) {
     chatDraftMessage = "";
   }
@@ -23377,7 +23383,7 @@ var TextArea2 = styled("textarea", {
   }
 });
 function EmojiPicker({ onSelect }) {
-  const [showEmoji, setShowEmoji] = useState44(false);
+  const [showEmoji, setShowEmoji] = useState45(false);
   const ref = useEmojiPickerStyles(showEmoji);
   return /* @__PURE__ */ React107.createElement(Popover2.Root, { open: showEmoji, onOpenChange: setShowEmoji }, /* @__PURE__ */ React107.createElement(Popover2.Trigger, { asChild: true, css: { appearance: "none" } }, /* @__PURE__ */ React107.createElement(IconButton, { as: "div" }, /* @__PURE__ */ React107.createElement(EmojiIcon3, null))), /* @__PURE__ */ React107.createElement(Popover2.Portal, null, /* @__PURE__ */ React107.createElement(
     Popover2.Content,
@@ -23410,7 +23416,7 @@ var ChatFooter = ({ onSend, children }) => {
   const isMobile = useMedia14(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 = useHMSStore48(selectLocalPeer4);
+  const localPeer = useHMSStore49(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);
@@ -23577,14 +23583,14 @@ var ChatFooter = ({ onSend, children }) => {
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
 import React108, { useCallback as useCallback27 } from "react";
-import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions36, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions36, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   var _a8, _b7;
   const hmsActions = useHMSActions36();
   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 = "" } = useHMSStore49(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
-  const localPeer = useHMSStore49(selectLocalPeer5);
+  const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore50(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
+  const localPeer = useHMSStore50(selectLocalPeer4);
   const unPauseChat = useCallback27(
     () => __async(void 0, null, function* () {
       return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
@@ -23632,10 +23638,10 @@ var ChatBlocked = () => {
 
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 init_define_process_env();
-import React111, { useEffect as useEffect25, useState as useState45 } from "react";
+import React111, { useEffect as useEffect25, useState as useState46 } from "react";
 import { useSwipeable } from "react-swipeable";
 import { useMedia as useMedia15 } from "react-use";
-import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
+import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ArrowNavigation.tsx
@@ -23692,13 +23698,13 @@ var StickIndicator = ({ total, index }) => {
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = () => {
   var _a8, _b7, _c;
-  const pinnedMessages = useHMSStore50(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
-  const [pinnedMessageIndex, setPinnedMessageIndex] = useState45(0);
+  const pinnedMessages = useHMSStore51(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
+  const [pinnedMessageIndex, setPinnedMessageIndex] = useState46(0);
   const { removePinnedMessage } = usePinnedMessages();
   const isMobile = useMedia15(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const canUnpinMessage = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.allow_pinning_messages);
-  const [hideOverflow, setHideOverflow] = useState45(true);
+  const [hideOverflow, setHideOverflow] = useState46(true);
   const currentPinnedMessage = ((_b7 = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _b7.text) || "";
   const canOverflow = currentPinnedMessage.length > PINNED_MESSAGE_LENGTH;
   const showPreviousPinnedMessage = () => {
@@ -23812,7 +23818,7 @@ var Chat = () => {
   const listRef = useRef19(null);
   const hmsActions = useHMSActions37();
   const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore51(Gh("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore52(qh("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia16(config.media.md);
   const scrollToBottom = useCallback28(
     (unreadCount = 0) => {
@@ -23850,7 +23856,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore51(Nn);
+  const unreadCount = useHMSStore52(Un);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -23896,11 +23902,11 @@ var NewMessageIndicator = ({
 
 // src/Prebuilt/components/Footer/PaginatedParticipants.tsx
 init_define_process_env();
-import React113, { useEffect as useEffect26, useState as useState46 } from "react";
+import React113, { useEffect as useEffect26, useState as useState47 } from "react";
 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 useHMSStore52, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore53, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon7, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
 var LoadMoreParticipants = ({
   hasNext,
@@ -23908,7 +23914,7 @@ var LoadMoreParticipants = ({
   style
 }) => {
   const { ref, inView } = useInView();
-  const [inProgress, setInProgress] = useState46(false);
+  const [inProgress, setInProgress] = useState47(false);
   useEffect26(() => {
     if (hasNext && inView && !inProgress) {
       setInProgress(true);
@@ -23939,12 +23945,12 @@ var VirtualizedParticipantItem2 = React113.memo(
 );
 var PaginatedParticipants = ({ roleName, onBack }) => {
   const { peers, total, hasNext, loadPeers, loadMorePeers } = usePaginatedParticipants2({ role: roleName, limit: 20 });
-  const [search, setSearch] = useState46("");
+  const [search, setSearch] = useState47("");
   const filteredPeers = peers.filter((p) => {
     var _a8;
     return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
   });
-  const isConnected = useHMSStore52(selectIsConnectedToRoom8);
+  const isConnected = useHMSStore53(selectIsConnectedToRoom8);
   const [ref, { width }] = useMeasure2();
   const height = ROW_HEIGHT * (filteredPeers.length + 1);
   const resetSidePane = useSidepaneReset();
@@ -23978,15 +23984,15 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
 // src/Prebuilt/components/ChatSettings.tsx
 init_define_process_env();
 import React114 from "react";
-import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions38, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions38, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
 import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon4 } from "@100mslive/react-icons";
 var ChatSettings = () => {
   var _a8, _b7;
   const hmsActions = useHMSActions38();
-  const localPeer = useHMSStore53(selectLocalPeer6);
+  const localPeer = useHMSStore54(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 } = useHMSStore53(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore54(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
   const showPause = canPauseChat && isChatEnabled;
   if (!showPause) {
     return null;
@@ -24049,9 +24055,9 @@ var SidePaneTabs = React115.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const resetSidePane = useSidepaneReset();
-  const [activeTab, setActiveTab] = useState47(active);
-  const [activeRole, setActiveRole] = useState47("");
-  const peerCount = useHMSStore54(selectPeerCount4);
+  const [activeTab, setActiveTab] = useState48(active);
+  const [activeRole, setActiveRole] = useState48("");
+  const peerCount = useHMSStore55(selectPeerCount4);
   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);
@@ -24171,19 +24177,19 @@ var SidePaneTabs = React115.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
 
 // src/Prebuilt/components/VideoTile.jsx
 init_define_process_env();
-import React119, { Fragment as Fragment13, useCallback as useCallback29, useMemo as useMemo9, useState as useState49 } from "react";
+import React119, { Fragment as Fragment13, useCallback as useCallback29, useMemo as useMemo9, useState as useState50 } from "react";
 import { useMeasure as useMeasure3 } from "react-use";
 import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
   selectHasPeerHandRaised as selectHasPeerHandRaised3,
   selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
-  selectLocalPeerID as selectLocalPeerID11,
+  selectLocalPeerID as selectLocalPeerID12,
   selectPeerMetadata as selectPeerMetadata4,
   selectPeerNameByID as selectPeerNameByID4,
   selectSessionStore as selectSessionStore10,
   selectVideoTrackByID as selectVideoTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
-  useHMSStore as useHMSStore57
+  useHMSStore as useHMSStore58
 } from "@100mslive/react-sdk";
 import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
 
@@ -24230,15 +24236,15 @@ var TileConnection_default = TileConnection;
 
 // src/Prebuilt/components/TileMenu/TileMenu.jsx
 init_define_process_env();
-import React118, { useState as useState48 } from "react";
+import React118, { useState as useState49 } from "react";
 import { useMedia as useMedia19 } from "react-use";
 import {
-  selectLocalPeerID as selectLocalPeerID10,
+  selectLocalPeerID as selectLocalPeerID11,
   selectPeerByID as selectPeerByID2,
   selectPermissions as selectPermissions15,
   selectTrackByID as selectTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
-  useHMSStore as useHMSStore56,
+  useHMSStore as useHMSStore57,
   useRemoteAVToggle as useRemoteAVToggle2
 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon18, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
@@ -24253,7 +24259,7 @@ import {
   selectTrackByID as selectTrackByID2,
   useCustomEvent as useCustomEvent2,
   useHMSActions as useHMSActions39,
-  useHMSStore as useHMSStore55,
+  useHMSStore as useHMSStore56,
   useRemoteAVToggle
 } from "@100mslive/react-sdk";
 import {
@@ -24290,7 +24296,7 @@ var SpotlightActions = ({
   }
 }) => {
   const hmsActions = useHMSActions39();
-  const spotlightPeerId = useHMSStore55(selectSessionStore9("spotlight" /* SPOTLIGHT */));
+  const spotlightPeerId = useHMSStore56(selectSessionStore9("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 }));
@@ -24338,7 +24344,7 @@ var MinimiseInset = () => {
 };
 var SimulcastLayers = ({ trackId }) => {
   var _a8;
-  const track = useHMSStore55(selectTrackByID2(trackId));
+  const track = useHMSStore56(selectTrackByID2(trackId));
   const actions = useHMSActions39();
   const bg = useDropdownSelection();
   if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
@@ -24424,7 +24430,7 @@ var TileMenuContent = ({
   var _a8;
   const actions = useHMSActions39();
   const dragClassName = getDragClassName();
-  const removeOthers = (_a8 = useHMSStore55(selectPermissions14)) == null ? void 0 : _a8.removeOthers;
+  const removeOthers = (_a8 = useHMSStore56(selectPermissions14)) == null ? void 0 : _a8.removeOthers;
   const { userName } = useHMSPrebuiltContext();
   const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
     audioTrackID,
@@ -24510,20 +24516,20 @@ var TileMenu = ({
   enableSpotlightingPeer = true
 }) => {
   var _a8, _b7;
-  const [open, setOpen] = useState48(false);
+  const [open, setOpen] = useState49(false);
   const { theme: theme2 } = useTheme();
-  const localPeerID = useHMSStore56(selectLocalPeerID10);
+  const localPeerID = useHMSStore57(selectLocalPeerID11);
   const isLocal = localPeerID === peerID;
-  const { removeOthers } = useHMSStore56(selectPermissions15);
+  const { removeOthers } = useHMSStore57(selectPermissions15);
   const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
   const showSpotlight = enableSpotlightingPeer;
-  const isPrimaryVideoTrack = ((_a8 = useHMSStore56(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
+  const isPrimaryVideoTrack = ((_a8 = useHMSStore57(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
   const showPinAction = audioTrackID || videoTrackID && isPrimaryVideoTrack;
-  const track = useHMSStore56(selectTrackByID3(videoTrackID));
+  const track = useHMSStore57(selectTrackByID3(videoTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
   const isMobile = useMedia19(config.media.md);
-  const peer = useHMSStore56(selectPeerByID2(peerID));
-  const [showNameChangeModal, setShowNameChangeModal] = useState48(false);
+  const peer = useHMSStore57(selectPeerByID2(peerID));
+  const [showNameChangeModal, setShowNameChangeModal] = useState49(false);
   useDropdownList({ open, name: "TileMenu" });
   const dragClassName = getDragClassName();
   if (!(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
@@ -24615,16 +24621,16 @@ var Tile = ({
   hideMetadataOnTile = false
 }) => {
   const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
-  const track = useHMSStore57(trackSelector);
-  const peerName = useHMSStore57(selectPeerNameByID4(peerId));
-  const audioTrack = useHMSStore57(selectAudioTrackByPeerID2(peerId));
-  const localPeerID = useHMSStore57(selectLocalPeerID11);
+  const track = useHMSStore58(trackSelector);
+  const peerName = useHMSStore58(selectPeerNameByID4(peerId));
+  const audioTrack = useHMSStore58(selectAudioTrackByPeerID2(peerId));
+  const localPeerID = useHMSStore58(selectLocalPeerID12);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const isAudioMuted = !useHMSStore57(selectIsPeerAudioEnabled2(peerId));
+  const isAudioMuted = !useHMSStore58(selectIsPeerAudioEnabled2(peerId));
   const isVideoMuted = !(track == null ? void 0 : track.enabled);
-  const [isMouseHovered, setIsMouseHovered] = useState49(false);
+  const [isMouseHovered, setIsMouseHovered] = useState50(false);
   const isVideoDegraded = track == null ? void 0 : track.degraded;
   const isLocal = localPeerID === peerId;
   const [pinnedTrackId] = useSetAppDataByKey(APP_DATA.pinnedTrackId);
@@ -24633,7 +24639,7 @@ var Tile = ({
     videoTrackID: track == null ? void 0 : track.id,
     audioTrackID: audioTrack == null ? void 0 : audioTrack.id
   });
-  const spotlighted = useHMSStore57(selectSessionStore10("spotlight" /* SPOTLIGHT */)) === peerId;
+  const spotlighted = useHMSStore58(selectSessionStore10("spotlight" /* SPOTLIGHT */)) === peerId;
   const label = getVideoTileLabel({
     peerName,
     track,
@@ -24709,9 +24715,9 @@ var Tile = ({
   );
 };
 var PeerMetadata = ({ peerId, size }) => {
-  const metaData = useHMSStore57(selectPeerMetadata4(peerId));
+  const metaData = useHMSStore58(selectPeerMetadata4(peerId));
   const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
-  const isHandRaised = useHMSStore57(selectHasPeerHandRaised3(peerId));
+  const isHandRaised = useHMSStore58(selectHasPeerHandRaised3(peerId));
   return /* @__PURE__ */ React119.createElement(Fragment13, null, isHandRaised ? /* @__PURE__ */ React119.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React119.createElement(HandIcon5, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React119.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React119.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
 };
 var VideoTile = React119.memo(Tile);
@@ -24719,18 +24725,18 @@ var VideoTile_default = VideoTile;
 
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
 init_define_process_env();
-import React122, { useEffect as useEffect28, useState as useState50 } from "react";
+import React122, { useEffect as useEffect28, useState as useState51 } from "react";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes3 } from "@100mslive/hms-virtual-background";
 import {
   HMSRoomState as HMSRoomState4,
   selectIsLargeRoom as selectIsLargeRoom3,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5,
   selectIsLocalVideoPluginPresent,
-  selectLocalPeer as selectLocalPeer7,
+  selectLocalPeer as selectLocalPeer6,
   selectRoomState as selectRoomState4,
   selectVideoTrackByID as selectVideoTrackByID4,
   useHMSActions as useHMSActions40,
-  useHMSStore as useHMSStore58
+  useHMSStore as useHMSStore59
 } from "@100mslive/react-sdk";
 import { BlurPersonHighIcon, CloseIcon, CrossCircleIcon as CrossCircleIcon3 } from "@100mslive/react-icons";
 
@@ -24899,18 +24905,18 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   var _a8, _b7;
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const hmsActions = useHMSActions40();
-  const localPeer = useHMSStore58(selectLocalPeer7);
-  const role = useHMSStore58(Ft);
-  const isVideoOn = useHMSStore58(selectIsLocalVideoEnabled5);
+  const localPeer = useHMSStore59(selectLocalPeer6);
+  const role = useHMSStore59(Ft);
+  const isVideoOn = useHMSStore59(selectIsLocalVideoEnabled5);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
-  const track = useHMSStore58(trackSelector);
-  const roomState = useHMSStore58(selectRoomState4);
-  const isLargeRoom = useHMSStore58(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore58(qn);
-  const effectsKey = useHMSStore58(jn);
-  const isPluginAdded = useHMSStore58(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-  const [activeBackground, setActiveBackground] = useState50(
+  const track = useHMSStore59(trackSelector);
+  const roomState = useHMSStore59(selectRoomState4);
+  const isLargeRoom = useHMSStore59(selectIsLargeRoom3);
+  const isEffectsEnabled = useHMSStore59(Qn);
+  const effectsKey = useHMSStore59(zn);
+  const isPluginAdded = useHMSStore59(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
+  const [activeBackground, setActiveBackground] = useState51(
     ((_b7 = VBHandler) == null ? void 0 : _b7.getBackground()) || HMSVirtualBackgroundTypes3.NONE
   );
   const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
@@ -25021,9 +25027,9 @@ var SidePane = ({
 }) => {
   var _a8, _b7, _c, _d, _e, _f;
   const isMobile = useMedia20(config.media.md);
-  const sidepane = useHMSStore59(selectAppData5(APP_DATA.sidePane));
-  const activeScreensharePeerId = useHMSStore59(selectAppData5(APP_DATA.activeScreensharePeerId));
-  const trackId = (_a8 = useHMSStore59(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
+  const sidepane = useHMSStore60(selectAppData5(APP_DATA.sidePane));
+  const activeScreensharePeerId = useHMSStore60(selectAppData5(APP_DATA.activeScreensharePeerId));
+  const trackId = (_a8 = useHMSStore60(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
   const { elements } = useRoomLayoutConferencingScreen();
   const { elements: preview_elements } = useRoomLayoutPreviewScreen();
   const backgroundMedia = ((_c = (_b7 = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _b7.background_media) == null ? void 0 : _c.length) ? (_d = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _d.background_media : ((_e = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _e.background_media) || [];
@@ -25153,11 +25159,11 @@ var FullPageProgress_default = FullPageProgress;
 
 // src/Prebuilt/components/Header/HeaderComponents.jsx
 init_define_process_env();
-import React126, { useEffect as useEffect30, useState as useState51 } from "react";
-import { selectDominantSpeaker, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
+import React126, { useEffect as useEffect30, useState as useState52 } from "react";
+import { selectDominantSpeaker, useHMSStore as useHMSStore61 } from "@100mslive/react-sdk";
 import { VolumeOneIcon } from "@100mslive/react-icons";
 var SpeakerTag = () => {
-  const dominantSpeaker = useHMSStore60(selectDominantSpeaker);
+  const dominantSpeaker = useHMSStore61(selectDominantSpeaker);
   return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React126.createElement(
     Flex,
     {
@@ -25182,7 +25188,7 @@ var Logo = () => {
   var _a8;
   const roomLayout = useRoomLayout();
   const logo = (_a8 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a8.url;
-  const [hideImage, setHideImage] = useState51(false);
+  const [hideImage, setHideImage] = useState52(false);
   useEffect30(() => {
     if (hideImage) {
       setHideImage(false);
@@ -25280,8 +25286,8 @@ var getParticipantChipContent = (peerCount = 0) => {
   return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
 };
 var useLocalTileAspectRatio = () => {
-  const localPeer = useHMSStore61(selectLocalPeer8);
-  const videoTrack = useHMSStore61(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
+  const localPeer = useHMSStore62(selectLocalPeer7);
+  const videoTrack = useHMSStore62(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
   const isMobile = useMedia22(config.media.md);
   let aspectRatio = 0;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
@@ -25302,9 +25308,9 @@ var PreviewJoin = ({
   );
   const { isStreamingOn } = useRecordingStreaming10();
   const authToken = useAuthToken();
-  const [name, setName] = useState52(initialName || previewPreference.name);
+  const [name, setName] = useState53(initialName || previewPreference.name);
   const { toggleAudio, toggleVideo } = useAVToggle4();
-  const [previewError, setPreviewError] = useState52(false);
+  const [previewError, setPreviewError] = useState53(false);
   const { endpoints } = useHMSPrebuiltContext();
   const { peerCount } = useParticipants2();
   const { enableJoin, preview, join } = usePreviewJoin({
@@ -25324,7 +25330,7 @@ var PreviewJoin = ({
     },
     asRole
   });
-  const roomState = useHMSStore61(selectRoomState5);
+  const roomState = useHMSStore62(selectRoomState5);
   const savePreferenceAndJoin = useCallback30(() => {
     setPreviewPreference({
       name
@@ -25403,12 +25409,12 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
   px: "$10"
 }));
 var PreviewTile = ({ name, error }) => {
-  const localPeer = useHMSStore61(selectLocalPeer8);
+  const localPeer = useHMSStore62(selectLocalPeer7);
   const { isLocalAudioEnabled, toggleAudio } = useAVToggle4();
-  const isVideoOn = useHMSStore61(selectIsLocalVideoEnabled6);
+  const isVideoOn = useHMSStore62(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
-  const track = useHMSStore61(trackSelector);
+  const track = useHMSStore62(trackSelector);
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   const aspectRatio = useLocalTileAspectRatio();
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
@@ -25461,7 +25467,7 @@ var PreviewControls = ({ hideSettings, vbEnabled }) => {
   );
 };
 var PreviewSettings = React128.memo(() => {
-  const [open, setOpen] = useState52(false);
+  const [open, setOpen] = useState53(false);
   return /* @__PURE__ */ React128.createElement(Fragment14, null, /* @__PURE__ */ React128.createElement(IconButton_default, { "data-testid": "preview_setting_btn", css: { flexShrink: 0 }, onClick: () => setOpen((value) => !value) }, /* @__PURE__ */ React128.createElement(SettingsIcon5, null)), open && /* @__PURE__ */ React128.createElement(SettingsModal_default, { open, onOpenChange: setOpen }));
 });
 var PreviewJoin_default = PreviewJoin;
@@ -25490,9 +25496,9 @@ var RequestActions = ({ onAction, actionText }) => /* @__PURE__ */ React129.crea
 var RoleChangeRequestModal = () => {
   const hmsActions = useHMSActions41();
   const { updateMetaData } = useMyMetadata();
-  const currentRole = useHMSStore62(selectLocalPeerRoleName4);
-  const roleChangeRequest = useHMSStore62(selectRoleChangeRequest);
-  const name = useHMSStore62(selectLocalPeerName4);
+  const currentRole = useHMSStore63(selectLocalPeerRoleName4);
+  const roleChangeRequest = useHMSStore63(selectRoleChangeRequest);
+  const name = useHMSStore63(selectLocalPeerName4);
   const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { virtual_background } = elements || {};
@@ -25566,33 +25572,33 @@ import {
   selectPeerScreenSharing as selectPeerScreenSharing3,
   selectWhiteboard as selectWhiteboard2,
   useHMSActions as useHMSActions43,
-  useHMSStore as useHMSStore71
+  useHMSStore as useHMSStore72
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
-import React142, { useEffect as useEffect40, useMemo as useMemo15, useState as useState59 } from "react";
+import React142, { useEffect as useEffect40, useMemo as useMemo15, useState as useState60 } from "react";
 import {
-  selectLocalPeerID as selectLocalPeerID13,
+  selectLocalPeerID as selectLocalPeerID14,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
   selectPeerScreenSharing,
-  useHMSStore as useHMSStore68,
+  useHMSStore as useHMSStore69,
   useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
-import React135, { useEffect as useEffect36, useMemo as useMemo12, useState as useState54 } from "react";
+import React135, { useEffect as useEffect36, useMemo as useMemo12, useState as useState55 } from "react";
 import { useMedia as useMedia26 } from "react-use";
-import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore65 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
 import React132, { useEffect as useEffect33, useRef as useRef20 } from "react";
 import Draggable from "react-draggable";
 import { useMedia as useMedia24 } from "react-use";
-import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer9, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
+import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer8, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/hooks/useVideoTileLayout.ts
@@ -25631,10 +25637,10 @@ var desktopAspectRatio = 1 / defaultMobileAspectRatio;
 var InsetTile = () => {
   const isMobile = useMedia24(config.media.md);
   const isLandscape = useMedia24(config.media.ls);
-  const localPeer = useHMSStore63(selectLocalPeer9);
+  const localPeer = useHMSStore64(selectLocalPeer8);
   const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
-  const videoTrack = useHMSStore63(selectVideoTrackByID6(localPeer == null ? void 0 : localPeer.videoTrack));
-  const isAllowedToPublish = useHMSStore63(selectIsAllowedToPublish2);
+  const videoTrack = useHMSStore64(selectVideoTrackByID6(localPeer == null ? void 0 : localPeer.videoTrack));
+  const isAllowedToPublish = useHMSStore64(selectIsAllowedToPublish2);
   const videoTileProps = useVideoTileContext();
   let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
@@ -25788,7 +25794,7 @@ var Grid = React134.forwardRef(
 
 // src/Prebuilt/components/hooks/useTileLayout.tsx
 init_define_process_env();
-import { useEffect as useEffect35, useMemo as useMemo11, useState as useState53 } from "react";
+import { useEffect as useEffect35, useMemo as useMemo11, useState as useState54 } from "react";
 import { useMeasure as useMeasure5, useMedia as useMedia25 } from "react-use";
 import {
   getPeersWithTiles,
@@ -25826,7 +25832,7 @@ var useTileLayout = ({
   const vanillaStore = useHMSVanillaStore11();
   const [ref, { width, height }] = useMeasure5();
   const isMobile = useMedia25(config.media.lg);
-  const [pagesWithTiles, setPagesWithTiles] = useState53([]);
+  const [pagesWithTiles, setPagesWithTiles] = useState54([]);
   useEffect35(() => {
     if (width === 0 || height === 0) {
       return;
@@ -25894,7 +25900,7 @@ var useTileLayout = ({
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a8;
-  const localPeer = useHMSStore64(selectLocalPeer10);
+  const localPeer = useHMSStore65(selectLocalPeer9);
   const isMobile = useMedia26(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -25917,7 +25923,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     maxTileCount,
     edgeToEdge
   });
-  const [page, setPage] = useState54(0);
+  const [page, setPage] = useState55(0);
   const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
   useEffect36(() => {
     if (pageSize > 0) {
@@ -25939,12 +25945,12 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 
 // src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
 init_define_process_env();
-import React138, { useEffect as useEffect38, useState as useState56 } from "react";
-import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore65 } from "@100mslive/react-sdk";
+import React138, { useEffect as useEffect38, useState as useState57 } from "react";
+import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore66 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
-import React137, { useEffect as useEffect37, useState as useState55 } from "react";
+import React137, { useEffect as useEffect37, useState as useState56 } from "react";
 import { useMedia as useMedia27 } from "react-use";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
@@ -26017,7 +26023,7 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   const isMobile = useMedia27(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const pagesWithTiles = usePagesWithTiles({ peers, maxTileCount });
-  const [page, setPage] = useState55(0);
+  const [page, setPage] = useState56(0);
   const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
   useEffect37(() => {
     if (pageSize > 0) {
@@ -26083,7 +26089,7 @@ function RoleProminence({
 }) {
   var _a8;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = useHMSStore65(selectLocalPeer11);
+  const localPeer = useHMSStore66(selectLocalPeer10);
   const maxTileCount = 4;
   const pageList = usePagesWithTiles({
     peers: prominentPeers,
@@ -26093,7 +26099,7 @@ function RoleProminence({
     pageList,
     maxTileCount
   });
-  const [page, setPage] = useState56(0);
+  const [page, setPage] = useState57(0);
   const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
   useEffect38(() => {
     if (pageSize > 0) {
@@ -26115,21 +26121,21 @@ function RoleProminence({
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
-import React141, { useEffect as useEffect39, useMemo as useMemo14, useState as useState58 } from "react";
+import React141, { useEffect as useEffect39, useMemo as useMemo14, useState as useState59 } from "react";
 import { useMedia as useMedia28 } from "react-use";
-import { selectPeersScreenSharing, useHMSStore as useHMSStore67 } from "@100mslive/react-sdk";
+import { selectPeersScreenSharing, useHMSStore as useHMSStore68 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.jsx
 init_define_process_env();
-import React140, { useRef as useRef21, useState as useState57 } from "react";
+import React140, { useRef as useRef21, useState as useState58 } from "react";
 import { useFullscreen as useFullscreen2 } from "react-use";
 import screenfull2 from "screenfull";
 import {
-  selectLocalPeerID as selectLocalPeerID12,
+  selectLocalPeerID as selectLocalPeerID13,
   selectPeerByID as selectPeerByID3,
   selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
   selectScreenShareByPeerID,
-  useHMSStore as useHMSStore66
+  useHMSStore as useHMSStore67
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
 
@@ -26180,19 +26186,19 @@ var labelStyles = {
   flexShrink: 0
 };
 var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-  const isLocal = useHMSStore66(selectLocalPeerID12) === peerId;
-  const track = useHMSStore66(selectScreenShareByPeerID(peerId));
-  const peer = useHMSStore66(selectPeerByID3(peerId));
+  const isLocal = useHMSStore67(selectLocalPeerID13) === peerId;
+  const track = useHMSStore67(selectScreenShareByPeerID(peerId));
+  const peer = useHMSStore67(selectPeerByID3(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
-  const [isMouseHovered, setIsMouseHovered] = useState57(false);
+  const [isMouseHovered, setIsMouseHovered] = useState58(false);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
   const fullscreenRef = useRef21(null);
-  const [fullscreen, setFullscreen] = useState57(false);
+  const [fullscreen, setFullscreen] = useState58(false);
   const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
     onClose: () => setFullscreen(false)
   });
   const isFullScreenSupported = screenfull2.isEnabled;
-  const audioTrack = useHMSStore66(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
+  const audioTrack = useHMSStore67(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
   if (isLocal && !["browser", "window", "application"].includes(track == null ? void 0 : track.displaySurface)) {
     return /* @__PURE__ */ React140.createElement(ScreenshareDisplay, null);
   }
@@ -26246,9 +26252,9 @@ var ScreenshareTile_default = ScreenshareTile;
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   var _a8;
-  const peersSharing = useHMSStore67(selectPeersScreenSharing);
+  const peersSharing = useHMSStore68(selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
-  const [page, setPage] = useState58(0);
+  const [page, setPage] = useState59(0);
   const activeSharePeer = peersSharing[page];
   const isMobile = useMedia28(config.media.md);
   const secondaryPeers = useMemo14(() => {
@@ -26381,11 +26387,11 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore68(selectPeerScreenSharing);
+  const peerSharing = useHMSStore69(selectPeerScreenSharing);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore68(selectPeers3);
-  const localPeerRole = useHMSStore68(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore68(selectLocalPeerID13);
+  const peers = useHMSStore69(selectPeers3);
+  const localPeerRole = useHMSStore69(selectLocalPeerRoleName5);
+  const localPeerID = useHMSStore69(selectLocalPeerID14);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -26405,10 +26411,10 @@ var GridLayout = ({
     return peers;
   }, [isInsetEnabled, activeScreensharePeerId, localPeerRole, localPeerID, prominentRoles, peers, pinnedTrack]);
   const vanillaStore = useHMSVanillaStore12();
-  const [sortedPeers, setSortedPeers] = useState59(updatedPeers);
+  const [sortedPeers, setSortedPeers] = useState60(updatedPeers);
   const peersSorter = useMemo15(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
-  const [pageSize, setPageSize] = useState59(0);
-  const [mainPage, setMainPage] = useState59(0);
+  const [pageSize, setPageSize] = useState60(0);
+  const [mainPage, setMainPage] = useState60(0);
   const tileLayout = {
     enableSpotlightingPeer: enable_spotlighting_peer,
     hideParticipantNameOnTile: hide_participant_name_on_tile,
@@ -26465,13 +26471,13 @@ var GridLayout = ({
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
 import React143, { useEffect as useEffect41, useMemo as useMemo16 } from "react";
-import { selectAppData as selectAppData6, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore69 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData6, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
 var EmbedView = () => {
   return /* @__PURE__ */ React143.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React143.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore69(selectPeers4);
-  const peerPresenting = useHMSStore69(selectPeerScreenSharing2);
+  const peers = useHMSStore70(selectPeers4);
+  const peerPresenting = useHMSStore70(selectPeerScreenSharing2);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const smallTilePeers = useMemo16(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
@@ -26486,7 +26492,7 @@ var EmbedScreenShareView = ({ children }) => {
   return /* @__PURE__ */ React143.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React143.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React143.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore69(selectAppData6(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore70(selectAppData6(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
   useEffect41(() => {
@@ -26643,9 +26649,11 @@ var WaitingView = React145.memo(() => {
 // src/Prebuilt/layouts/WhiteboardView.tsx
 init_define_process_env();
 import React146, { useEffect as useEffect43, useMemo as useMemo17 } from "react";
-import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore70, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
+import { useMedia as useMedia29 } from "react-use";
+import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore71, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var EmbedComponent2 = () => {
-  const { iframeRef } = useWhiteboard2();
+  const isMobile = useMedia29(config.media.md);
+  const { iframeRef } = useWhiteboard2(isMobile);
   return /* @__PURE__ */ React146.createElement(
     Box,
     {
@@ -26677,8 +26685,8 @@ var EmbedComponent2 = () => {
   );
 };
 var WhiteboardView = () => {
-  const peers = useHMSStore70(selectPeers5);
-  const whiteboard = useHMSStore70(selectWhiteboard);
+  const peers = useHMSStore71(selectPeers5);
+  const whiteboard = useHMSStore71(selectWhiteboard);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const smallTilePeers = useMemo17(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
@@ -26715,17 +26723,17 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React147.lazy(() => import("./HLSView-ULB4DC6B.js"));
+var HLSView = React147.lazy(() => import("./HLSView-QPKBRL74.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
   var _a8, _b7, _c, _d;
-  const localPeerRole = useHMSStore71(selectLocalPeerRoleName6);
-  const isConnected = useHMSStore71(selectIsConnectedToRoom9);
-  const peerSharing = useHMSStore71(selectPeerScreenSharing3);
-  const isWhiteboardOpen = (_a8 = useHMSStore71(selectWhiteboard2)) == null ? void 0 : _a8.open;
+  const localPeerRole = useHMSStore72(selectLocalPeerRoleName6);
+  const isConnected = useHMSStore72(selectIsConnectedToRoom9);
+  const peerSharing = useHMSStore72(selectPeerScreenSharing3);
+  const isWhiteboardOpen = (_a8 = useHMSStore72(selectWhiteboard2)) == null ? void 0 : _a8.open;
   const hmsActions = useHMSActions43();
   const waitingViewerRole = useWaitingViewerRole();
   const urlToIframe = useUrlToEmbed();
@@ -26789,8 +26797,8 @@ init_define_process_env();
 // src/Prebuilt/components/Header/Header.tsx
 init_define_process_env();
 import React149 from "react";
-import { useMedia as useMedia29 } from "react-use";
-import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore73 } from "@100mslive/react-sdk";
+import { useMedia as useMedia30 } from "react-use";
+import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/common.jsx
 init_define_process_env();
@@ -26802,7 +26810,7 @@ import {
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
   useHMSActions as useHMSActions44,
-  useHMSStore as useHMSStore72
+  useHMSStore as useHMSStore73
 } from "@100mslive/react-sdk";
 import {
   BluetoothIcon,
@@ -26816,9 +26824,9 @@ var CamaraFlipActions = () => {
   const actions = useHMSActions44();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
-  const isVideoOn = useHMSStore72(selectIsLocalVideoEnabled7);
-  const videoTrackId = useHMSStore72(selectLocalVideoTrackID3);
-  const localVideoTrack = useHMSStore72(selectVideoTrackByID7(videoTrackId));
+  const isVideoOn = useHMSStore73(selectIsLocalVideoEnabled7);
+  const videoTrackId = useHMSStore73(selectLocalVideoTrackID3);
+  const localVideoTrack = useHMSStore73(selectVideoTrackByID7(videoTrackId));
   if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
     return null;
   }
@@ -26954,8 +26962,8 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React148.createElement(Re
 
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
-  const roomState = useHMSStore73(selectRoomState6);
-  const isMobile = useMedia29(config.media.md);
+  const roomState = useHMSStore74(selectRoomState6);
+  const isMobile = useMedia30(config.media.md);
   if (roomState !== HMSRoomState6.Connected) {
     return /* @__PURE__ */ React149.createElement(React149.Fragment, null);
   }
@@ -27000,11 +27008,11 @@ var ConferenceScreen = () => {
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-  const roomState = useHMSStore74(selectRoomState7);
-  const isConnectedToRoom = useHMSStore74(selectIsConnectedToRoom10);
+  const roomState = useHMSStore75(selectRoomState7);
+  const isConnectedToRoom = useHMSStore75(selectIsConnectedToRoom10);
   const hmsActions = useHMSActions45();
-  const [hideControls, setHideControls] = useState60(false);
-  const dropdownList = useHMSStore74(selectAppData7(APP_DATA.dropdownList));
+  const [hideControls, setHideControls] = useState61(false);
+  const dropdownList = useHMSStore75(selectAppData7(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
   const headerRef = useRef22(null);
   const footerRef = useRef22(null);
@@ -27208,7 +27216,7 @@ import React152, { useEffect as useEffect49 } from "react";
 // src/Prebuilt/services/FeatureFlags.jsx
 init_define_process_env();
 import { useEffect as useEffect48 } from "react";
-import { selectRoomID, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
+import { selectRoomID, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
 var FeatureFlags = class {
   static init(roomId) {
     if (!window.HMS) {
@@ -27233,7 +27241,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 = useHMSStore75(selectRoomID);
+  const roomId = useHMSStore76(selectRoomID);
   useEffect48(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
@@ -27376,7 +27384,7 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
 init_define_process_env();
 import React153, { useContext as useContext4, useEffect as useEffect51 } from "react";
 import { usePreviousDistinct } from "react-use";
-import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
 init_define_process_env();
@@ -27413,7 +27421,7 @@ var useHMSAppStateContext = () => {
 var useAppStateManager = () => {
   const roomLayout = useRoomLayout();
   const [activeState, setActiveState] = React153.useState();
-  const roomState = useHMSStore76(selectRoomState8);
+  const roomState = useHMSStore77(selectRoomState8);
   const prevRoomState = usePreviousDistinct(roomState);
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -27485,12 +27493,12 @@ var LeaveScreen = () => {
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
-import React155, { useEffect as useEffect52, useState as useState61 } from "react";
-import { useMedia as useMedia30 } from "react-use";
+import React155, { useEffect as useEffect52, useState as useState62 } from "react";
+import { useMedia as useMedia31 } from "react-use";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
-  const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState61(false);
-  const isLandscape = useMedia30(config.media.ls);
+  const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState62(false);
+  const isLandscape = useMedia31(config.media.ls);
   useEffect52(() => {
     var _a8;
     if (!isMobileUserAgent) {
@@ -27535,12 +27543,12 @@ import React164, { useCallback as useCallback33, useEffect as useEffect62 } from
 import {
   HMSNotificationTypes as HMSNotificationTypes10,
   HMSRoomState as HMSRoomState10,
-  selectLocalPeerID as selectLocalPeerID15,
+  selectLocalPeerID as selectLocalPeerID16,
   selectPeerNameByID as selectPeerNameByID5,
   selectRoomState as selectRoomState10,
   useCustomEvent as useCustomEvent4,
   useHMSNotifications as useHMSNotifications10,
-  useHMSStore as useHMSStore80,
+  useHMSStore as useHMSStore81,
   useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
 import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
@@ -27551,7 +27559,7 @@ init_define_process_env();
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
 import React156, { useCallback as useCallback32 } from "react";
-import { selectPeerByID as selectPeerByID4, useHMSActions as useHMSActions47, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
+import { selectPeerByID as selectPeerByID4, useHMSActions as useHMSActions47, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon,
   ConnectivityIcon,
@@ -27573,7 +27581,7 @@ var HandRaiseAction = React156.forwardRef(({ id = "", isSingleHandRaise = true }
   const hmsActions = useHMSActions47();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const peer = useHMSStore77(selectPeerByID4(id));
+  const peer = useHMSStore78(selectPeerByID4(id));
   const layout = useRoomLayout();
   const {
     bring_to_stage_label,
@@ -27807,12 +27815,12 @@ function AutoplayBlockedModal() {
 init_define_process_env();
 import React158, { useEffect as useEffect53 } from "react";
 import { v4 as uuid3 } from "uuid";
-import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore11, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore11, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon as ChatUnreadIcon2 } from "@100mslive/react-icons";
 var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
-  const chatState = useHMSStore78(selectSessionStore11("chatState" /* CHAT_STATE */));
-  const localPeerId = useHMSStore78(selectLocalPeerID14);
+  const chatState = useHMSStore79(selectSessionStore11("chatState" /* CHAT_STATE */));
+  const localPeerId = useHMSStore79(selectLocalPeerID15);
   useEffect53(() => {
     var _a8, _b7;
     if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -27841,12 +27849,12 @@ import {
   selectHasPeerHandRaised as selectHasPeerHandRaised4,
   selectRoomState as selectRoomState9,
   useHMSNotifications as useHMSNotifications2,
-  useHMSStore as useHMSStore79,
+  useHMSStore as useHMSStore80,
   useHMSVanillaStore as useHMSVanillaStore15
 } from "@100mslive/react-sdk";
 var HandRaisedNotifications = () => {
   const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
-  const roomState = useHMSStore79(selectRoomState9);
+  const roomState = useHMSStore80(selectRoomState9);
   const vanillaStore = useHMSVanillaStore15();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
   useEffect54(() => {
@@ -27866,12 +27874,12 @@ var HandRaisedNotifications = () => {
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
 init_define_process_env();
-import React159, { useEffect as useEffect55, useState as useState62 } from "react";
+import React159, { useEffect as useEffect55, useState as useState63 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
 var InitErrorModal = () => {
   const notification = useHMSNotifications3(HMSNotificationTypes3.ERROR);
-  const [showModal, setShowModal] = useState62(false);
-  const [info, setInfo] = useState62({ title: "Init Error", description: "" });
+  const [showModal, setShowModal] = useState63(false);
+  const [info, setInfo] = useState63({ title: "Init Error", description: "" });
   useEffect55(() => {
     const data3 = notification == null ? void 0 : notification.data;
     if (!data3 || data3.action !== "INIT") {
@@ -27943,8 +27951,8 @@ var PeerNotifications = () => {
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
-import React160, { useEffect as useEffect57, useState as useState63 } from "react";
-import { useMedia as useMedia31 } from "react-use";
+import React160, { useEffect as useEffect57, useState as useState64 } from "react";
+import { useMedia as useMedia32 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/images/android-perm-1.png
@@ -27956,9 +27964,9 @@ var ios_perm_0_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATwAAACh
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 function PermissionErrorModal() {
   const notification = useHMSNotifications5(HMSNotificationTypes5.ERROR);
-  const [deviceType, setDeviceType] = useState63("");
-  const [isSystemError, setIsSystemError] = useState63(false);
-  const isMobile = useMedia31(config.media.md);
+  const [deviceType, setDeviceType] = useState64("");
+  const [isSystemError, setIsSystemError] = useState64(false);
+  const isMobile = useMedia32(config.media.md);
   useEffect57(() => {
     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"))) {
@@ -28002,7 +28010,7 @@ function PermissionErrorModal() {
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
 init_define_process_env();
-import React161, { useEffect as useEffect58, useState as useState64 } from "react";
+import React161, { useEffect as useEffect58, useState as useState65 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
 var notificationTypes2 = [
   HMSNotificationTypes6.RECONNECTED,
@@ -28012,7 +28020,7 @@ var notificationTypes2 = [
 var notificationId = null;
 var ReconnectNotifications = () => {
   const notification = useHMSNotifications6(notificationTypes2);
-  const [open, setOpen] = useState64(false);
+  const [open, setOpen] = useState65(false);
   useEffect58(() => {
     var _a8, _b7;
     if (!notification) {
@@ -28052,7 +28060,7 @@ var ReconnectNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React162, { useEffect as useEffect59, useState as useState65 } from "react";
+import React162, { useEffect as useEffect59, useState as useState66 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes7,
   useHMSActions as useHMSActions48,
@@ -28061,7 +28069,7 @@ import {
 import { MicOnIcon as MicOnIcon5 } from "@100mslive/react-icons";
 var TrackBulkUnmuteModal = () => {
   const hmsActions = useHMSActions48();
-  const [muteNotification, setMuteNotification] = useState65(null);
+  const [muteNotification, setMuteNotification] = useState66(null);
   const notification = useHMSNotifications7([
     HMSNotificationTypes7.CHANGE_MULTI_TRACK_STATE_REQUEST,
     HMSNotificationTypes7.ROOM_ENDED,
@@ -28125,7 +28133,7 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React163, { useEffect as useEffect61, useState as useState66 } from "react";
+import React163, { useEffect as useEffect61, useState as useState67 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
   useHMSActions as useHMSActions49,
@@ -28139,7 +28147,7 @@ var TrackUnmuteModal = () => {
     HMSNotificationTypes9.ROOM_ENDED,
     HMSNotificationTypes9.REMOVED_FROM_ROOM
   ]);
-  const [muteNotification, setMuteNotification] = useState66(null);
+  const [muteNotification, setMuteNotification] = useState67(null);
   useEffect61(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes9.REMOVED_FROM_ROOM:
@@ -28176,10 +28184,10 @@ var TrackUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 function Notifications() {
-  const localPeerID = useHMSStore80(selectLocalPeerID15);
+  const localPeerID = useHMSStore81(selectLocalPeerID16);
   const notification = useHMSNotifications10();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = useHMSStore80(selectRoomState10);
+  const roomState = useHMSStore81(selectRoomState10);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
@@ -28334,8 +28342,8 @@ var PreviewScreen = () => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React167, { useEffect as useEffect63, useState as useState67 } from "react";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
+import React167, { useEffect as useEffect63, useState as useState68 } from "react";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore82 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
@@ -28358,8 +28366,8 @@ var Toast2 = (_a8) => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
-  const isConnected = useHMSStore81(selectIsConnectedToRoom11);
-  const [toasts, setToast] = useState67([]);
+  const isConnected = useHMSStore82(selectIsConnectedToRoom11);
+  const [toasts, setToast] = useState68([]);
   useEffect63(() => {
     ToastManager.addListener(setToast);
     return () => {
@@ -28380,13 +28388,13 @@ var ToastContainer = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React168, { useCallback as useCallback34, useEffect as useEffect64, useMemo as useMemo18, useState as useState68 } from "react";
-import { useMedia as useMedia32 } from "react-use";
+import React168, { useCallback as useCallback34, useEffect as useEffect64, useMemo as useMemo18, useState as useState69 } from "react";
+import { useMedia as useMedia33 } from "react-use";
 import {
-  selectLocalPeerID as selectLocalPeerID16,
+  selectLocalPeerID as selectLocalPeerID17,
   selectPeerNameByID as selectPeerNameByID6,
   useCustomEvent as useCustomEvent5,
-  useHMSStore as useHMSStore82,
+  useHMSStore as useHMSStore83,
   useHMSVanillaStore as useHMSVanillaStore17
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
@@ -28413,10 +28421,10 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore82(selectLocalPeerID16);
+  const localPeerId = useHMSStore83(selectLocalPeerID17);
   const vanillaStore = useHMSVanillaStore17();
-  const [emojis, setEmojis] = useState68([]);
-  const isMobile = useMedia32(config.media.md);
+  const [emojis, setEmojis] = useState69([]);
+  const isMobile = useMedia33(config.media.md);
   const startingPoints = useMemo18(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback34(
     ({ emojiId, senderId }) => {
@@ -28532,15 +28540,15 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions16,
   useHMSActions as useHMSActions51,
-  useHMSStore as useHMSStore83,
+  useHMSStore as useHMSStore84,
   useRecordingStreaming as useRecordingStreaming11
 } from "@100mslive/react-sdk";
 var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const permissions = useHMSStore83(selectPermissions16);
+  const permissions = useHMSStore84(selectPermissions16);
   const showStreamingUI = useShowStreamingUI();
   const hmsActions = useHMSActions51();
-  const isConnected = useHMSStore83(selectIsConnectedToRoom12);
+  const isConnected = useHMSStore84(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming11();
   const streamStartedRef = useRef23(false);
   const startHLS = useCallback36(() => __async(void 0, null, function* () {
@@ -28736,7 +28744,7 @@ var AppStates = ({ activeState }) => {
   return /* @__PURE__ */ React170.createElement(ConferenceScreen, null);
 };
 var BackSwipe = () => {
-  const isConnectedToRoom = useHMSStore84(selectIsConnectedToRoom13);
+  const isConnectedToRoom = useHMSStore85(selectIsConnectedToRoom13);
   const hmsActions = useHMSActions52();
   useEffect66(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
@@ -28899,4 +28907,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-GVA4I77Z.js.map
+//# sourceMappingURL=chunk-LRZEFY46.js.map