@100mslive/roomkit-react 0.3.10-alpha.16 → 0.3.10-alpha.18

package/dist/{chunk-FFWLNZPI.js → chunk-FMGGXDNB.js}

@@ -35,7 +35,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 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_6bf9302c-fce8-49fc-b87b-e75aa85840dc", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.0-alpha.10", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.10-alpha.16", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_6bf9302c-fce8-49fc-b87b-e75aa85840dc", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.2/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.10-alpha.16", 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.8", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", 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: "592", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.10/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240516.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.3/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18099", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.10-alpha.16", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "9125057107", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "a59fc418ff4591c05259eb505d14722bfcd1aa85", 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: "2a9cbdf41e33644c293a7ebff3f2c13d40a88a677ff956457c353788dea079b6", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1715933548667-0.6423566383006052:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1715933548447-0.7528891189447335:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1715933522951-0.3597444289510985:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1715933522766-0.7051953603800425:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_a22def78-4bb2-4f81-8386-ef225240d25d", INVOCATION_ID: "8425a3d32ffe47e991d5b7b1330d5cf2", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "543", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 364", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/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.10.10-alpha.16", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.10-alpha.16", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "a59fc418ff4591c05259eb505d14722bfcd1aa85", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_6bf9302c-fce8-49fc-b87b-e75aa85840dc", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_6bf9302c-fce8-49fc-b87b-e75aa85840dc", 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.172+1/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_6bf9302c-fce8-49fc-b87b-e75aa85840dc" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_0b23aefb-addf-4be1-8f27-daba6b80ee05", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.0-alpha.12", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.10-alpha.18", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_0b23aefb-addf-4be1-8f27-daba6b80ee05", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.2/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.10-alpha.18", 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.8", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", 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: "586", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.10/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240516.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.3/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19631", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.10-alpha.18", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "9174165129", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "9443f8d47837b1c8412b40c4e7569f13311ae46c", 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: "b2cd651aab6ce919ab740f5e88e6ae2875141b5f60b2bc53eec4c32b28ce06a3", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1716292217757-0.573682426448924:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716292217554-0.9181538792073471:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716292191319-0.11113527056323247:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716292191136-0.37191335937210535:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_08f52606-b814-47d8-b1c6-adc7e054fb1c", INVOCATION_ID: "ed11cdcd5efc4816911d2b6443072be6", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "546", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 193", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/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.10.10-alpha.18", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.10-alpha.18", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "9443f8d47837b1c8412b40c4e7569f13311ae46c", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_0b23aefb-addf-4be1-8f27-daba6b80ee05", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_0b23aefb-addf-4be1-8f27-daba6b80ee05", 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.172+1/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_0b23aefb-addf-4be1-8f27-daba6b80ee05" };
   }
 });
 
@@ -5557,15 +5557,15 @@ var require_ua_parser = __commonJS({
         }
       };
       var rgxMapper = function(ua, arrays) {
-        var i = 0, j, k2, p, q2, matches, match16;
+        var i = 0, j2, k2, p, q2, matches, match16;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
-          j = k2 = 0;
-          while (j < regex.length && !matches) {
-            if (!regex[j]) {
+          j2 = k2 = 0;
+          while (j2 < regex.length && !matches) {
+            if (!regex[j2]) {
               break;
             }
-            matches = regex[j++].exec(ua);
+            matches = regex[j2++].exec(ua);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
                 match16 = matches[++k2];
@@ -5597,8 +5597,8 @@ var require_ua_parser = __commonJS({
       }, strMapper = function(str, map) {
         for (var i in map) {
           if (typeof map[i] === OBJ_TYPE && map[i].length > 0) {
-            for (var j = 0; j < map[i].length; j++) {
-              if (has(map[i][j], str)) {
+            for (var j2 = 0; j2 < map[i].length; j2++) {
+              if (has(map[i][j2], str)) {
                 return i === UNKNOWN ? undefined2 : i;
               }
             }
@@ -7622,8 +7622,8 @@ var require_sdp = __commonJS({
       const parsed = {};
       let kv;
       const parts = line.substring(line.indexOf(" ") + 1).split(";");
-      for (let j = 0; j < parts.length; j++) {
-        kv = parts[j].trim().split("=");
+      for (let j2 = 0; j2 < parts.length; j2++) {
+        kv = parts[j2].trim().split("=");
         parsed[kv[0].trim()] = kv[1];
       }
       return parsed;
@@ -8603,8 +8603,8 @@ var require_parser = __commonJS({
           media.push({ rtp: [], fmtp: [] });
           location = media[media.length - 1];
         }
-        for (var j = 0; j < (grammar[type] || []).length; j += 1) {
-          var obj = grammar[type][j];
+        for (var j2 = 0; j2 < (grammar[type] || []).length; j2 += 1) {
+          var obj = grammar[type][j2];
           if (obj.reg.test(content)) {
             return parseReg(obj, location, content);
           }
@@ -9048,7 +9048,6 @@ var defaultThemeMap = {
 // src/Prebuilt/common/constants.ts
 init_define_process_env();
 import { parsedUserAgent } from "@100mslive/react-sdk";
-var DEFAULT_WAITING_VIEWER_ROLE = "waiting-room";
 var QUERY_PARAM_PREVIEW_AS_ROLE = "preview_as_role";
 var UI_MODE_GRID = "grid";
 var MAX_TOASTS = 5;
@@ -9072,7 +9071,6 @@ var APP_DATA = {
   appConfig: "appConfig",
   sidePane: "sidePane",
   hlsStats: "hlsStats",
-  waitingViewerRole: "waitingViewerRole",
   subscribedNotifications: "subscribedNotifications",
   logo: "logo",
   hlsStarted: "hlsStarted",
@@ -11853,14 +11851,14 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React179, { useEffect as useEffect71, useRef as useRef29 } from "react";
+import React179, { useEffect as useEffect74, useRef as useRef30 } from "react";
 import { match as match15 } from "ts-pattern";
 import {
   HMSReactiveStore,
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
   useHMSActions as useHMSActions56,
-  useHMSStore as useHMSStore99
+  useHMSStore as useHMSStore97
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AppData/AppData.tsx
@@ -11986,9 +11984,6 @@ var useSetUiSettings = (uiSettingKey) => {
   });
   return [value, setValue];
 };
-var useWaitingViewerRole = () => {
-  return useHMSStore2(selectAppData(APP_DATA.waitingViewerRole));
-};
 var useAuthToken = () => {
   return useHMSStore2(selectAppData(APP_DATA.authToken));
 };
@@ -12416,18 +12411,19 @@ var isMobileUserAgent = /Mobi|Android|iPhone/i.test(navigator.userAgent);
 var getPeerResponses = (questions, peerid, userid) => {
   return questions.map(
     (question) => question.responses?.filter(
-      (response) => (response && response.peer?.peerid === peerid || response.peer?.userid === userid) && !response.skipped
+      (response) => response && (response.peer?.peerid === peerid || response.peer?.userid === userid) && !response.skipped
     )
   );
 };
-var getLastAttemptedIndex = (questions, peerid, userid = "") => {
-  const peerResponses = getPeerResponses(questions, peerid, userid) || [];
-  for (let i = 0; i < peerResponses.length; i++) {
-    if (peerResponses[i] === void 0 || peerResponses[i].length === 0) {
-      return i + 1;
+var getIndexToShow = (responses) => {
+  let lastAttemptedIndex = 0;
+  Object.keys(responses).forEach((key) => {
+    const keyNum = parseInt(key);
+    if (keyNum > lastAttemptedIndex && responses[key]) {
+      lastAttemptedIndex = keyNum;
     }
-  }
-  return questions.length + 1;
+  });
+  return lastAttemptedIndex + 1;
 };
 
 // src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts
@@ -12600,7 +12596,6 @@ var initialAppData = {
   [APP_DATA.hlsStarted]: false,
   [APP_DATA.rtmpStarted]: false,
   [APP_DATA.recordingStarted]: false,
-  [APP_DATA.waitingViewerRole]: DEFAULT_WAITING_VIEWER_ROLE,
   [APP_DATA.dropdownList]: [],
   [APP_DATA.authToken]: "",
   [APP_DATA.minimiseInset]: false,
@@ -12830,7 +12825,7 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React157, { useEffect as useEffect52, useRef as useRef27, useState as useState66 } from "react";
+import React157, { useEffect as useEffect55, useRef as useRef28, useState as useState67 } from "react";
 import { v4 as uuid3 } from "uuid";
 import {
   HMSRoomState as HMSRoomState7,
@@ -12838,7 +12833,7 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState7,
   useHMSActions as useHMSActions48,
-  useHMSStore as useHMSStore88
+  useHMSStore as useHMSStore86
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Footer/Footer.tsx
@@ -14019,18 +14014,22 @@ var useDropdownList = ({ name, open }) => {
 
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
-import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef10, useState as useState11 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect12, useMemo as useMemo5, useRef as useRef10, useState as useState11 } from "react";
 import { useMedia as useMedia3 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
   parsedUserAgent as parsedUserAgent2,
   selectAvailableRoleNames,
+  selectIsAllowedToPublish,
   selectIsConnectedToRoom,
+  selectLocalPeerRole,
   selectPeerCount as selectPeerCount2,
   selectPeerMetadata,
   selectPeers,
+  selectPeersByRoles,
   selectRecordingState,
   selectRemotePeers,
+  selectRolesMap,
   useHMSActions as useHMSActions8,
   useHMSStore as useHMSStore10,
   useHMSVanillaStore as useHMSVanillaStore4
@@ -14171,6 +14170,27 @@ function getResolution(recordingResolution) {
   }
   return resolution;
 }
+function useWaitingRoomInfo() {
+  const localPeerRole = useHMSStore10(selectLocalPeerRole);
+  const { video, audio, screen } = useHMSStore10(selectIsAllowedToPublish);
+  const roles = useHMSStore10(selectRolesMap);
+  const peersByRoles = useHMSStore10(selectPeersByRoles(localPeerRole?.subscribeParams.subscribeToRoles || []));
+  const isNotAllowedToPublish = video && audio && screen;
+  const isScreenOnlyPublishParams = screen;
+  const hasSubscribedRolePublishing = useMemo5(() => {
+    return peersByRoles.some((peer) => {
+      if (peer.roleName && roles[peer.roleName] && !peer.isLocal) {
+        return !!roles[peer.roleName].publishParams?.allowed.length;
+      }
+      return false;
+    });
+  }, [peersByRoles, roles]);
+  return {
+    isNotAllowedToPublish,
+    isScreenOnlyPublishParams,
+    hasSubscribedRolePublishing
+  };
+}
 
 // src/Prebuilt/components/EmojiReaction.jsx
 init({ data });
@@ -14229,7 +14249,7 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom5,
   selectPeersByCondition,
   selectPermissions as selectPermissions4,
-  selectRolesMap,
+  selectRolesMap as selectRolesMap2,
   useHMSActions as useHMSActions9,
   useHMSStore as useHMSStore14
 } from "@100mslive/react-sdk";
@@ -14573,7 +14593,7 @@ var LeaveRoom = ({
   const isConnected = useHMSStore14(selectIsConnectedToRoom5);
   const permissions = useHMSStore14(selectPermissions4);
   const isMobile = useMedia5(config.media.md);
-  const rolesMap = useHMSStore14(selectRolesMap);
+  const rolesMap = useHMSStore14(selectRolesMap2);
   const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
     const roleObj = rolesMap[roleName];
     return roleObj.permissions.hlsStreaming;
@@ -15571,7 +15591,7 @@ var StartRecording_default = StartRecording;
 
 // src/Prebuilt/components/StatsForNerds.jsx
 init_define_process_env();
-import React48, { useEffect as useEffect14, useMemo as useMemo5, useRef as useRef13, useState as useState19 } from "react";
+import React48, { useEffect as useEffect14, useMemo as useMemo6, useRef as useRef13, useState as useState19 } from "react";
 import { match as match3, P as P2 } from "ts-pattern";
 import {
   selectHMSStats as selectHMSStats3,
@@ -15583,7 +15603,7 @@ import {
 } from "@100mslive/react-sdk";
 var StatsForNerds = ({ onOpenChange }) => {
   const tracksWithLabels = useTracksWithLabel();
-  const statsOptions = useMemo5(
+  const statsOptions = useMemo6(
     () => [{ id: "local-peer", label: "Local Peer Stats" }, ...tracksWithLabels],
     [tracksWithLabels]
   );
@@ -15655,7 +15675,7 @@ var useTracksWithLabel = () => {
   const tracksMap = useHMSStore17(selectTracksMap2);
   const peersMap = useHMSStore17(selectPeersMap);
   const localPeerID = useHMSStore17(selectLocalPeerID2);
-  const tracksWithLabels = useMemo5(
+  const tracksWithLabels = useMemo6(
     () => Object.values(tracksMap).reduce((res, track) => {
       const peerName = peersMap[track.peerId]?.name;
       const isLocalTrack = track.peerId === localPeerID;
@@ -18418,7 +18438,7 @@ import { v4 as to } from "uuid";
 import { v4 as ao } from "uuid";
 import { v4 as lo } from "uuid";
 import { EventEmitter2 as uo } from "eventemitter2";
-var Dt = __toESM(require_lib());
+var wt = __toESM(require_lib());
 import { EventEmitter2 as Uo } from "eventemitter2";
 import { v4 as Fo } from "uuid";
 import { EventEmitter2 as Go } from "eventemitter2";
@@ -18427,7 +18447,7 @@ import { v4 as $o } from "uuid";
 import { v4 as jo } from "uuid";
 var Ca = Object.defineProperty;
 var La = Object.defineProperties;
-var wa = Object.getOwnPropertyDescriptors;
+var Da = Object.getOwnPropertyDescriptors;
 var Ft = Object.getOwnPropertySymbols;
 var Kr = Object.prototype.hasOwnProperty;
 var qr = Object.prototype.propertyIsEnumerable;
@@ -18440,7 +18460,7 @@ var S = (a2, e) => {
       qr.call(e, t) && $r(a2, t, e[t]);
   return a2;
 };
-var M = (a2, e) => La(a2, wa(e));
+var M = (a2, e) => La(a2, Da(e));
 var Zi = (a2, e) => {
   var t = {};
   for (var i in a2)
@@ -18452,14 +18472,14 @@ var Zi = (a2, e) => {
 };
 var Na = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var nr = Na((kc, $a) => {
-  $a.exports = { version: "0.12.10-alpha.16", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+  $a.exports = { version: "0.12.10-alpha.18", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var er = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(er || {});
 var Oa = ((e) => (e.CHAT = "chat", e))(Oa || {});
 var jr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(jr || {});
-var tr = ((w) => (w.PEER_JOINED = "PEER_JOINED", w.PEER_LEFT = "PEER_LEFT", w.PEER_LIST = "PEER_LIST", w.NEW_MESSAGE = "NEW_MESSAGE", w.ERROR = "ERROR", w.RECONNECTING = "RECONNECTING", w.RECONNECTED = "RECONNECTED", w.TRACK_ADDED = "TRACK_ADDED", w.TRACK_REMOVED = "TRACK_REMOVED", w.TRACK_MUTED = "TRACK_MUTED", w.TRACK_UNMUTED = "TRACK_UNMUTED", w.TRACK_DEGRADED = "TRACK_DEGRADED", w.TRACK_RESTORED = "TRACK_RESTORED", w.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", w.ROLE_UPDATED = "ROLE_UPDATED", w.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", w.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", w.ROOM_ENDED = "ROOM_ENDED", w.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", w.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", w.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", w.NAME_UPDATED = "NAME_UPDATED", w.METADATA_UPDATED = "METADATA_UPDATED", w.POLL_CREATED = "POLL_CREATED", w.POLL_STARTED = "POLL_STARTED", w.POLL_STOPPED = "POLL_STOPPED", w.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", w.POLLS_LIST = "POLLS_LIST", w.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", w))(tr || {});
+var tr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D))(tr || {});
 var Jr = ((t) => (t.audio = "audio", t.video = "video", t))(Jr || {});
-function He(a2, e) {
+function Ce(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
@@ -18565,9 +18585,9 @@ d.level = Ua ? 7 : 0;
 var pe = new import_ua_parser_js.UAParser();
 var N = typeof window != "undefined";
 var Xr;
-var Ce = typeof window == "undefined" && !((Xr = pe.getBrowser().name) != null && Xr.toLowerCase().includes("electron"));
-var Va = () => !Ce;
-var xn = Va();
+var Le = typeof window == "undefined" && !((Xr = pe.getBrowser().name) != null && Xr.toLowerCase().includes("electron"));
+var Ba = () => !Le;
+var xn = Ba();
 var Zr;
 var es;
 var is = ((es = (Zr = pe.getBrowser()) == null ? void 0 : Zr.name) == null ? void 0 : es.toLowerCase()) === "firefox";
@@ -18579,7 +18599,7 @@ function Fa() {
   }
   return "CUSTOM";
 }
-var Ve = Fa();
+var Be = Fa();
 var y = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
 var f = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
@@ -18786,79 +18806,79 @@ function re(a2) {
 }
 var ns = nr().version;
 function at(a2 = "prod", e) {
-  let t = "web", i = Ve !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
-  if (Ce)
-    return cs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ns, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  let t = "web", i = Be !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
+  if (Le)
+    return cs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ns, env: i, domain: Be, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
   let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = cr(`web_${r.name}`), l = r.version || "", u = cr(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${cr(`${s.vendor}_${s.type}`)}/${u}`), cs({ os: n, os_version: l, sdk: t, sdk_version: ns, device_model: p, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  return s.type && (p = `${cr(`${s.vendor}_${s.type}`)}/${u}`), cs({ os: n, os_version: l, sdk: t, sdk_version: ns, device_model: p, env: i, domain: Be, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
 function cr(a2) {
   return a2.replace(/ /g, "_");
 }
 var cs = (a2, e = ",") => Object.keys(a2).filter((t) => re(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
-var H = class {
+var C = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: at() };
     this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Ka(), this.device_id = as();
   }
   toSignalParams() {
-    return { name: this.name, info: M(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: M(S({}, this.properties), { timestamp: this.timestamp, domain: Be }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
 var k = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
     let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(M(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
-    return new H({ name: o, level: n, properties: l });
+    return new C({ name: o, level: n, properties: l });
   }
   static disconnect(e, t) {
     let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
-    return new H({ name: i, level: r, properties: s });
+    return new C({ name: i, level: r, properties: s });
   }
   static preview(i) {
     var r = i, { error: e } = r, t = Zi(r, ["error"]);
     let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
-    return new H({ name: s, level: o, properties: n });
+    return new C({ name: s, level: o, properties: n });
   }
   static join(i) {
     var r = i, { error: e } = r, t = Zi(r, ["error"]);
     let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
-    return new H({ name: s, level: o, properties: n });
+    return new C({ name: s, level: o, properties: n });
   }
   static publish({ devices: e, settings: t, error: i }) {
     let r = this.eventNameFor("publish", i === void 0), s = i ? 2 : 1, o = this.getPropertiesWithError({ devices: e, audio: t == null ? void 0 : t.audio, video: t == null ? void 0 : t.video }, i);
-    return new H({ name: r, level: s, properties: o });
+    return new C({ name: r, level: s, properties: o });
   }
   static hlsPlayerError(e) {
-    return new H({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
+    return new C({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
   }
   static subscribeFail(e) {
     let t = this.eventNameFor("subscribe", false), i = 2, r = this.getErrorProperties(e);
-    return new H({ name: t, level: i, properties: r });
+    return new C({ name: t, level: i, properties: r });
   }
   static leave() {
-    return new H({ name: "leave", level: 1 });
+    return new C({ name: "leave", level: 1 });
   }
   static autoplayError() {
-    return new H({ name: "autoplayError", level: 2 });
+    return new C({ name: "autoplayError", level: 2 });
   }
   static audioPlaybackError(e) {
-    return new H({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
+    return new C({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
   }
   static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
     let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, l = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
-    return new H({ name: o, level: n, properties: l });
+    return new C({ name: o, level: n, properties: l });
   }
   static performance(e) {
     let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
-    return new H({ name: t, level: i, properties: r });
+    return new C({ name: t, level: i, properties: r });
   }
   static rtcStats(e) {
     let t = "rtc.stats", i = 1, r = e.toAnalyticsProperties();
-    return new H({ name: t, level: i, properties: r });
+    return new C({ name: t, level: i, properties: r });
   }
   static rtcStatsFailed(e) {
     let t = "rtc.stats.failed", i = 2;
-    return new H({ name: t, level: i, properties: this.getErrorProperties(e) });
+    return new C({ name: t, level: i, properties: this.getErrorProperties(e) });
   }
   static degradationStats(e, t) {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
@@ -18866,23 +18886,23 @@ var k = class {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
       s = M(S({}, s), { duration: n, restoredAt: o });
     }
-    return new H({ name: i, level: r, properties: s });
+    return new C({ name: i, level: r, properties: s });
   }
   static audioDetectionFail(e, t) {
     let i = this.getPropertiesWithError({ device: t }, e), r = 2, s = "audiopresence.failed";
-    return new H({ name: s, level: r, properties: i });
+    return new C({ name: s, level: r, properties: i });
   }
   static previewNetworkQuality(e) {
-    return new H({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
+    return new C({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
   }
   static publishStats(e) {
-    return new H({ name: "publisher.stats", level: 1, properties: e });
+    return new C({ name: "publisher.stats", level: 1, properties: e });
   }
   static subscribeStats(e) {
-    return new H({ name: "subscriber.stats", level: 1, properties: e });
+    return new C({ name: "subscriber.stats", level: 1, properties: e });
   }
   static getKrispUsage(e) {
-    return new H({ name: "krisp.usage", level: 1, properties: { duration: e } });
+    return new C({ name: "krisp.usage", level: 1, properties: { duration: e } });
   }
   static eventNameFor(e, t) {
     return `${e}.${t ? "success" : "failed"}`;
@@ -18947,7 +18967,7 @@ var pr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(pr || {});
 var ms = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(ms || {});
 var Ss = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ss || {});
 var gs = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(gs || {});
-var Ts = ((i) => (i.STARTED = "started", i.STOPPED = "stopped", i.FAILED = "failed", i))(Ts || {});
+var Ts = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Ts || {});
 var fs = ((e) => (e.CAPTION = "caption", e))(fs || {});
 var vs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(vs || {});
 var hr = class {
@@ -18977,7 +18997,7 @@ var hr = class {
     return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Es = new hr();
+var Ps = new hr();
 var mr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
@@ -19005,7 +19025,7 @@ var mr = class {
     return e || d.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Ps = new mr();
+var Es = new mr();
 var Sr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Sr || {});
 var gr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(gr || {});
 var Is = "https://event.100ms.live/v2/client/report";
@@ -19014,34 +19034,34 @@ var ut = Math.pow(2, 31) - 1;
 var Qe = class {
 };
 Qe.makePeerId = () => lo();
-var B = (a2) => a2.room;
+var V = (a2) => a2.room;
 var po = (a2) => a2.errors;
 var Eh = createSelector(po, (a2) => a2.length === 0 ? null : a2.at(-1));
-var Ph = createSelector(B, (a2) => a2.id);
+var Ah = createSelector(V, (a2) => a2.id);
 var G = (a2) => a2.peers;
 var ai = (a2) => a2.messages.byID;
 var xs = (a2) => a2.messages.allIDs;
-var D = (a2) => a2.tracks;
+var w = (a2) => a2.tracks;
 var br = (a2) => a2.appData;
 var ho = (a2) => a2.speakers;
-var Re = createSelector([B], (a2) => a2 && a2.isConnected);
-var Ih = createSelector([Re, B], (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 He = createSelector([V], (a2) => a2 && a2.isConnected);
+var Rh = createSelector([He, V], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
 var mo = (a2) => a2.hideLocalPeer;
-var le = createSelector([B, G, mo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var So = createSelector(D, (a2) => Object.values(a2));
-var z = createSelector(B, G, (a2, e) => e[a2.localPeer]);
-var Te = createSelector(B, (a2) => a2.localPeer);
-var Rh = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
-var Hh = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
+var le = createSelector([V, G, mo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var So = createSelector(w, (a2) => Object.values(a2));
+var z = createSelector(V, G, (a2, e) => e[a2.localPeer]);
+var fe = createSelector(V, (a2) => a2.localPeer);
+var Hh = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
+var Ch = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
 var te = createSelector(z, (a2) => a2 == null ? void 0 : a2.audioTrack);
-var J = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
+var j = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
 var go = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Bs = createSelector([te, J, go], (a2, e, t) => {
+var Vs = createSelector([te, j, go], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var Ch = createSelector(le, (a2) => a2.filter((e) => !e.isLocal));
-var Lh = createSelector(G, ho, (a2, e) => {
+var Lh = createSelector(le, (a2) => a2.filter((e) => !e.isLocal));
+var Dh = createSelector(G, ho, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, l;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -19054,53 +19074,53 @@ var Lh = createSelector(G, ho, (a2, e) => {
   }
   return null;
 });
-var Rr = createSelector(z, D, (a2, e) => {
-  let { video: t, audio: i } = He(e, a2);
+var Rr = createSelector(z, w, (a2, e) => {
+  let { video: t, audio: i } = Ce(e, a2);
   return !!(t || i);
 });
-var To = createSelector(G, D, (a2, e) => {
+var To = createSelector(G, w, (a2, e) => {
   let t;
   for (let i in a2) {
-    let r = a2[i], { video: s, audio: o } = He(e, r);
+    let r = a2[i], { video: s, audio: o } = Ce(e, r);
     if (s)
       return r;
     o && !t && (t = r);
   }
   return t;
 });
-var Dh = createSelector(To, (a2) => !!a2);
-var _h = createSelector(G, D, (a2, e) => {
+var _h = createSelector(To, (a2) => !!a2);
+var Nh = createSelector(G, w, (a2, e) => {
   for (let t in a2) {
-    let i = a2[t], { audio: r, video: s } = He(e, i);
+    let i = a2[t], { audio: r, video: s } = Ce(e, i);
     if (!s && r)
       return i;
   }
 });
-var Nh = createSelector(G, D, (a2, e) => {
+var Oh = createSelector(G, w, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
-    let s = a2[r], { video: o, audio: n } = He(e, s);
+    let s = a2[r], { video: o, audio: n } = Ce(e, s);
     o ? t.push(s) : n && i.push(s);
   }
   return t.concat(i);
 });
-var Oh = createSelector(G, D, (a2, e) => {
+var xh = createSelector(G, w, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (rt(i) && it(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var xh = createSelector(G, D, (a2, e) => {
+var Uh = createSelector(G, w, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if ($t(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Uh = createSelector(So, (a2) => a2.filter(Qr));
+var Vh = createSelector(So, (a2) => a2.filter(Qr));
 var Bh = createSelector(xs, (a2) => a2.length);
-var Vh = createSelector(ai, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var Fh = createSelector(ai, (a2) => Object.values(a2).filter((e) => !e.read).length);
 var St = createSelector(xs, ai, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
@@ -19111,36 +19131,36 @@ var fo = createSelector(St, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var Fh = createSelector(fo, (a2) => a2.filter((e) => !e.read).length);
-var Y = createSelector([B], (a2) => a2 && a2.roomState);
+var Gh = createSelector(fo, (a2) => a2.filter((e) => !e.read).length);
+var Y = createSelector([V], (a2) => a2 && a2.roomState);
 var Fs = createSelector(Y, (a2) => a2 === "Preview");
-var Gh = createSelector(B, (a2) => a2.roomState !== "Disconnected");
-var Wh = createSelector(B, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+var Wh = createSelector(V, (a2) => a2.roomState !== "Disconnected");
+var $h = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
 var ue = (a2) => a2.roles;
-var $h = createSelector([ue], (a2) => Object.keys(a2));
+var Kh = createSelector([ue], (a2) => Object.keys(a2));
 var oi = createSelector([z, ue], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
 var vo = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
 var Gs = createSelector([vo, ue], (a2, e) => a2 ? e[a2] : null);
-var Kh = createSelector([oi], (a2) => {
+var qh = createSelector([oi], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
 var Ws = createSelector(oi, (a2) => a2 == null ? void 0 : a2.permissions);
-var qh = createSelector(B, (a2) => a2.recording);
-var jh = createSelector(B, (a2) => a2.rtmp);
-var Jh = createSelector(B, (a2) => a2.hls);
-var Qh = createSelector(B, (a2) => a2.sessionId);
-var zh = createSelector(B, (a2) => a2.startedAt);
-var Yh = createSelector(B, (a2) => !!a2.isLargeRoom);
-var Xh = createSelector(B, (a2) => !!a2.isEffectsEnabled);
-var Zh = createSelector(B, (a2) => a2.effectsKey);
+var jh = createSelector(V, (a2) => a2.recording);
+var Jh = createSelector(V, (a2) => a2.rtmp);
+var Qh = createSelector(V, (a2) => a2.hls);
+var zh = createSelector(V, (a2) => a2.sessionId);
+var Yh = createSelector(V, (a2) => a2.startedAt);
+var Xh = createSelector(V, (a2) => !!a2.isLargeRoom);
+var Zh = createSelector(V, (a2) => !!a2.isEffectsEnabled);
+var em = createSelector(V, (a2) => a2.effectsKey);
 var $s = (a2) => a2.polls;
-var rm = createSelector(le, (a2) => a2.filter((e) => e.isHandRaised));
+var sm = createSelector(le, (a2) => a2.filter((e) => e.isHandRaised));
 var Mo = (a2) => a2.whiteboards;
-var sm = createSelector(Mo, (a2) => Object.values(a2)[0]);
+var am = createSelector(Mo, (a2) => Object.values(a2)[0]);
 var qs = (a2 = "audio") => (e) => e.playlist[a2].list;
 var Hr = (a2 = "audio") => (e) => e.playlist[a2].selection;
 var js = (a2 = "audio") => (e) => e.playlist[a2].progress;
@@ -19158,7 +19178,7 @@ function b(a2) {
   return (e) => (t) => a2(t, e);
 }
 var gt = "HMS-Store:";
-var E = class {
+var P3 = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
   }
@@ -19223,57 +19243,57 @@ var E = class {
       }
   }
 };
-E.level = 0;
+P3.level = 0;
 var Cr = (a2, e) => e;
 var Tt = (a2, e) => e;
 var ta = (a2, e) => e;
 var yo = (a2, e) => e;
 var ko = (a2, e) => e;
 var W = createSelector([G, Cr], (a2, e) => e ? a2[e] : null);
-var Lr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
-var Eo = createSelector([D, Tt], (a2, e) => {
+var Lr = createSelector([w, Tt], (a2, e) => e ? a2[e] : null);
+var Po = createSelector([w, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var Po = createSelector([D, Tt], (a2, e) => {
+var Eo = createSelector([w, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var Ao = createSelector([D, Tt], (a2, e) => {
+var Ao = createSelector([w, Tt], (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 bo = createSelector([D, Tt], (a2, e) => {
+var bo = createSelector([w, Tt], (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 Io = createSelector([$s, ko], (a2, e) => e ? a2[e] : null);
-var Q = b(W);
-var Sm = b(createSelector([br, yo], (a2, e) => {
+var J = b(W);
+var gm = b(createSelector([br, yo], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function gm(a2) {
+function Tm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var fm = b(createSelector(W, (a2) => a2 == null ? void 0 : a2.name));
-var vm = b(createSelector(W, (a2) => a2 == null ? void 0 : a2.type));
+var vm = b(createSelector(W, (a2) => a2 == null ? void 0 : a2.name));
+var Mm = b(createSelector(W, (a2) => a2 == null ? void 0 : a2.type));
 var ni = b(Lr);
-var ia = b(Eo);
-var Mm = b(Po);
-var ym = b(Ao);
-var km = b(bo);
+var ia = b(Po);
+var ym = b(Eo);
+var km = b(Ao);
+var Pm = b(bo);
 var Ro = b((a2, e) => {
   let t = W(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
@@ -19284,56 +19304,56 @@ var Ho = b((a2, e) => {
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var Pm = b((a2, e) => {
+var Am = b((a2, e) => {
   let t = W(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
 var ra = (a2, e) => e ? a2.speakers[e] : null;
-var Am = b(createSelector(ra, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var bm = b(createSelector(ra, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
 var Co = (a2, e) => {
   let t = Ho(e)(a2);
   return ra(a2, t == null ? void 0 : t.id);
 };
-var bm = b(createSelector(Co, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Im = b((a2, e) => {
+var Im = b(createSelector(Co, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Rm = b((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var Rm = b((a2, e) => {
+var Hm = b((a2, e) => {
   let t = W(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => tt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var Hm = b(createSelector(D, W, (a2, e) => {
+var Cm = b(createSelector(w, W, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return rt(r) && it(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Cm = b(createSelector(D, W, (a2, e) => {
+var Lm = b(createSelector(w, W, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return rt(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Lm = b(createSelector(D, W, (a2, e) => {
+var Dm = b(createSelector(w, W, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return $t(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var sa = b(createSelector(D, W, (a2, e) => He(a2, e)));
+var sa = b(createSelector(w, W, (a2, e) => Ce(a2, e)));
 var aa = (a2) => createSelector(sa(a2), (e) => e.audio);
-var Dm = b((a2, e) => {
+var _m = b((a2, e) => {
   let t = W(a2, e);
   return Ue(a2, t == null ? void 0 : t.audioTrack);
 });
-var _m = b((a2, e) => {
+var Nm = b((a2, e) => {
   let t = W(a2, e);
   return Ue(a2, t == null ? void 0 : t.videoTrack);
 });
@@ -19341,11 +19361,11 @@ var oa = b((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var Nm = b((a2, e) => {
+var Om = b((a2, e) => {
   let t = W(a2, e);
   return oa(t == null ? void 0 : t.audioTrack)(a2);
 });
-var Om = b((a2, e) => {
+var xm = b((a2, e) => {
   let t = aa(e)(a2);
   return oa(t == null ? void 0 : t.id)(a2);
 });
@@ -19353,17 +19373,17 @@ var na = b((a2, e) => {
   let t = Lr(a2, e);
   if (t) {
     if (t.type !== "audio") {
-      E.w("Please pass audio track here");
+      P3.w("Please pass audio track here");
       return;
     }
     return t.volume;
   }
 });
-var xm = b((a2, e) => {
+var Um = b((a2, e) => {
   let t = W(a2, e);
   return na(t == null ? void 0 : t.audioTrack)(a2);
 });
-var Um = b((a2, e) => {
+var Vm = b((a2, e) => {
   let t = aa(e)(a2);
   return na(t == null ? void 0 : t.id)(a2);
 });
@@ -19371,13 +19391,13 @@ var Bm = b((a2, e) => {
   let t = Lr(a2, e);
   if (t) {
     if (t.type !== "video") {
-      E.w("Please pass video track here");
+      P3.w("Please pass video track here");
       return;
     }
     return t.layer;
   }
 });
-var ca = createSelector([St, Te, Cr], (a2, e, t) => {
+var ca = createSelector([St, fe, Cr], (a2, e, t) => {
   if (t)
     return a2.filter((i) => {
       var r;
@@ -19395,27 +19415,27 @@ var Lo = createSelector(St, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var wo = createSelector([da, ta], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Do = createSelector([ca, Cr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Vm = createSelector(Lo, (a2) => a2.filter((e) => !e.read).length);
-var Fm = b(ca);
-var Gm = b(da);
-var Wm = b(wo);
+var Do = createSelector([da, ta], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var wo = createSelector([ca, Cr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Fm = createSelector(Lo, (a2) => a2.filter((e) => !e.read).length);
+var Gm = b(ca);
+var Wm = b(da);
 var $m = b(Do);
+var Km = b(wo);
 var la = b(Io);
-var tS = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
+var iS = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
 }));
 var _o = (a2) => a2.roleChangeRequests[0] || null;
-var iS = createSelector([_o, G, ue], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var rS = createSelector([oi], (a2) => st(a2));
-var sS = createSelector([Gs], (a2) => st(a2));
-var Oo = createSelector([J, D], (a2, e) => {
+var rS = createSelector([_o, G, ue], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var sS = createSelector([oi], (a2) => st(a2));
+var aS = createSelector([Gs], (a2) => st(a2));
+var Oo = createSelector([j, w], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var xo = createSelector([te, D], (a2, e) => {
+var xo = createSelector([te, w], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
@@ -19464,9 +19484,9 @@ var Or = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var ve = new Or();
+var Me = new Or();
 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 Vi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Vi || {});
+var Bi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Bi || {});
 var Qi = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Qi || {});
 var sn = (a2) => a2.localPeer.id;
 var an = (a2) => a2.localPeer.audioTrack;
@@ -19476,36 +19496,36 @@ var Ra = (a2, e) => e;
 var cn = (a2) => a2.remoteTrackStats;
 var Ha = (a2) => a2.peerStats;
 var Fr = (a2) => a2.localTrackStats;
-var ye = createSelector([Ha, sn], (a2, e) => a2[e]);
-var dn = createSelector(ye, (a2) => {
+var ke = createSelector([Ha, sn], (a2, e) => a2[e]);
+var dn = createSelector(ke, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var ln = createSelector(ye, (a2) => {
+var ln = createSelector(ke, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var un = createSelector(ye, (a2) => {
+var un = createSelector(ke, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var pn = createSelector(ye, (a2) => {
+var pn = createSelector(ke, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var hn = createSelector(ye, (a2) => {
+var hn = createSelector(ke, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var mn = createSelector(ye, (a2) => {
+var mn = createSelector(ke, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var Sn = createSelector(ye, (a2) => {
+var Sn = createSelector(ke, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var gn = createSelector(ye, (a2) => {
+var gn = createSelector(ke, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
@@ -19519,11 +19539,11 @@ var yn = createSelector([Fr, an], (a2, e) => {
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
 var kn = b(createSelector(Gr, (a2) => a2 == null ? void 0 : a2[0]));
-var En = createSelector([Fr, on], (a2, e) => {
+var Pn = createSelector([Fr, on], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Pn = b(createSelector(Gr, (a2) => a2));
+var En = b(createSelector(Gr, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -20126,7 +20146,7 @@ init_define_process_env();
 import { useEffect as useEffect17, useState as useState27 } from "react";
 import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore28 } from "@100mslive/react-sdk";
 var useUnreadPollQuizPresent = () => {
-  const localPeerID = useHMSStore28(Te);
+  const localPeerID = useHMSStore28(fe);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState27(false);
   useEffect17(() => {
@@ -20429,7 +20449,7 @@ var RaiseHand = ({ css: css2 }) => {
 // src/Prebuilt/components/ScreenShareToggle.jsx
 init_define_process_env();
 import React68, { Fragment as Fragment8 } from "react";
-import { selectIsAllowedToPublish, useAwayNotifications, useHMSStore as useHMSStore30, useScreenShare as useScreenShare3 } from "@100mslive/react-sdk";
+import { selectIsAllowedToPublish as selectIsAllowedToPublish2, useAwayNotifications, useHMSStore as useHMSStore30, useScreenShare as useScreenShare3 } from "@100mslive/react-sdk";
 import { ShareScreenIcon as ShareScreenIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx
@@ -20889,7 +20909,7 @@ function ShareScreenOptions() {
 
 // src/Prebuilt/components/ScreenShareToggle.jsx
 var ScreenshareToggle = ({ css: css2 = {} }) => {
-  const isAllowedToPublish = useHMSStore30(selectIsAllowedToPublish);
+  const isAllowedToPublish = useHMSStore30(selectIsAllowedToPublish2);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = useScreenShare3();
   const { requestPermission } = useAwayNotifications();
@@ -20947,7 +20967,15 @@ var ChatToggle = ({ onClick }) => {
         position: "relative"
       }
     },
-    /* @__PURE__ */ React70.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React70.createElement(IconButton_default, { onClick: () => onClick ? onClick() : toggleChat(), active: !isChatOpen, "data-testid": "chat_btn" }, /* @__PURE__ */ React70.createElement(ChatIcon, null))),
+    /* @__PURE__ */ React70.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React70.createElement(
+      IconButton_default,
+      {
+        onClick: () => onClick ? onClick() : toggleChat(),
+        css: { bg: isChatOpen ? "$surface_brighter" : "" },
+        "data-testid": "chat_btn"
+      },
+      /* @__PURE__ */ React70.createElement(ChatIcon, null)
+    )),
     countUnreadMessages > 0 && /* @__PURE__ */ React70.createElement(
       Flex,
       {
@@ -21294,7 +21322,7 @@ var RoleOptions = ({ roleName, peerList }) => {
 
 // src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
 init_define_process_env();
-import { match as match7, P as P3 } from "ts-pattern";
+import { match as match7, P as P4 } from "ts-pattern";
 import { selectPermissions as selectPermissions11, useHMSActions as useHMSActions25, useHMSStore as useHMSStore36 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
   const hmsActions = useHMSActions25();
@@ -21310,9 +21338,9 @@ var useGroupOnStageActions = ({ peers }) => {
   const offStageRolePeers = peers.filter(
     (peer) => match7({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
       {
-        on_stage_role: P3.when((role) => !!role),
-        bring_to_stage_label: P3.when((label) => !!label),
-        roleName: P3.when((role) => !!role && off_stage_roles.includes(role))
+        on_stage_role: P4.when((role) => !!role),
+        bring_to_stage_label: P4.when((label) => !!label),
+        roleName: P4.when((role) => !!role && off_stage_roles.includes(role))
       },
       () => true
     ).otherwise(() => false)
@@ -21593,7 +21621,7 @@ var ParticipantList = ({
 var ParticipantCount = () => {
   const peerCount = useHMSStore40(selectPeerCount4);
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
+  const isPeerListOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
   if (peerCount === 0) {
     return null;
   }
@@ -21603,14 +21631,14 @@ var ParticipantCount = () => {
       css: {
         w: "auto",
         p: "$4",
-        h: "auto"
+        h: "auto",
+        bg: isPeerListOpen ? "$surface_brighter" : ""
       },
       onClick: () => {
         if (peerCount > 0) {
           toggleSidepane();
         }
       },
-      active: !isParticipantsOpen,
       "data-testid": "participant_list"
     },
     /* @__PURE__ */ React75.createElement(PeopleIcon2, null),
@@ -21880,7 +21908,7 @@ var PollsToggle = () => {
         togglePollView();
         setUnreadPollQuiz(false);
       },
-      active: !isPollsOpen,
+      css: { bg: isPollsOpen ? "$surface_brighter" : "" },
       "data-testid": "polls_btn"
     },
     unreadPollQuiz ? /* @__PURE__ */ React76.createElement(QuizActiveIcon2, null) : /* @__PURE__ */ React76.createElement(QuizIcon2, null)
@@ -22038,7 +22066,7 @@ function HLSFailureModal() {
 
 // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
 init_define_process_env();
-import React134, { useEffect as useEffect36 } from "react";
+import React134, { useEffect as useEffect39 } from "react";
 import {
   selectIsInPreview,
   selectLocalPeerName as selectLocalPeerName4,
@@ -22046,12 +22074,12 @@ import {
   selectRoleChangeRequest,
   useCustomEvent as useCustomEvent3,
   useHMSActions as useHMSActions44,
-  useHMSStore as useHMSStore73
+  useHMSStore as useHMSStore72
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React132, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect35, useMemo as useMemo13, useState as useState56 } from "react";
+import React132, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect38, useMemo as useMemo14, useState as useState57 } from "react";
 import { useMeasure as useMeasure4, useMedia as useMedia25 } from "react-use";
 import {
   HMSRoomState as HMSRoomState5,
@@ -22061,7 +22089,7 @@ import {
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
   useAVToggle as useAVToggle3,
-  useHMSStore as useHMSStore72,
+  useHMSStore as useHMSStore71,
   useParticipants as useParticipants2,
   usePreviewJoin,
   useRecordingStreaming as useRecordingStreaming11
@@ -22070,10 +22098,10 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
 
 // src/Prebuilt/layouts/SidePane.tsx
 init_define_process_env();
-import React128, { useEffect as useEffect34 } from "react";
+import React128, { useEffect as useEffect37 } from "react";
 import { useMedia as useMedia23 } from "react-use";
 import { match as match11 } from "ts-pattern";
-import { selectAppData as selectAppData8, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore71 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData8, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Polls.tsx
 init_define_process_env();
@@ -22081,7 +22109,7 @@ import React101 from "react";
 
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 init_define_process_env();
-import React82, { useEffect as useEffect22, useMemo as useMemo6, useRef as useRef17, useState as useState35 } from "react";
+import React82, { useEffect as useEffect22, useMemo as useMemo7, useRef as useRef17, useState as useState35 } from "react";
 import {
   selectLocalPeerRoleName,
   selectPermissions as selectPermissions15,
@@ -22254,7 +22282,7 @@ var AddMenu = () => {
       [POLL_STATE.view]: POLL_VIEWS.CREATE_QUESTIONS
     });
   };
-  const validateTitle = useMemo6(() => {
+  const validateTitle = useMemo7(() => {
     if (!isValidTextInput(title)) {
       if (title) {
         setTitleError("The title should have between 2-100 characters");
@@ -22319,8 +22347,8 @@ var AddMenu = () => {
 var PrevMenu = () => {
   const hmsActions = useHMSActions28();
   const polls = useHMSStore44(selectPolls2);
-  const sortedPolls = useMemo6(
-    () => polls?.sort((a2, b2) => (b2.createdAt?.getTime() || 0) - (a2.createdAt?.getTime() || 0))?.sort((a2, b2) => (b2.state === "started" ? 1 : 0) - (a2.state === "started" ? 1 : 0)),
+  const sortedPolls = useMemo7(
+    () => polls?.sort((a2, b2) => (b2?.createdAt?.getTime?.() || 0) - (a2?.createdAt?.getTime?.() || 0))?.sort((a2, b2) => (b2?.state === "started" ? 1 : 0) - (a2?.state === "started" ? 1 : 0)),
     [polls]
   );
   const permissions = useHMSStore44(selectPermissions15);
@@ -22360,7 +22388,7 @@ var InteractionCard = ({ id, title, status }) => {
 
 // src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
 init_define_process_env();
-import React92, { useMemo as useMemo8, useState as useState37 } from "react";
+import React92, { useMemo as useMemo9, useState as useState37 } from "react";
 import { v4 as uuid2 } from "uuid";
 import { selectPollByID, useHMSActions as useHMSActions29, useHMSStore as useHMSStore45, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
 import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
@@ -22865,7 +22893,7 @@ var isValidQuestion = ({
 
 // src/Prebuilt/components/Polls/CreateQuestions/SavedQuestion.tsx
 init_define_process_env();
-import React91, { useMemo as useMemo7 } from "react";
+import React91, { useMemo as useMemo8 } from "react";
 import { CheckCircleIcon as CheckCircleIcon3 } from "@100mslive/react-icons";
 var SavedQuestion = ({
   question,
@@ -22873,7 +22901,7 @@ var SavedQuestion = ({
   length,
   convertToDraft
 }) => {
-  const answerArray = useMemo7(() => {
+  const answerArray = useMemo8(() => {
     const updatedAnswerArray = [];
     const { option, options } = question?.answer ?? {};
     if (option) {
@@ -22903,7 +22931,7 @@ function CreateQuestions() {
   const [questions, setQuestions] = useState37(
     interaction.questions?.length ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
   );
-  const isValidPoll = useMemo8(() => questions.length > 0 && questions.every(isValidQuestion), [questions]);
+  const isValidPoll = useMemo9(() => questions.length > 0 && questions.every(isValidQuestion), [questions]);
   const launchPoll = async () => {
     await actions.interactivityCenter.startPoll(id);
     await sendTimedMetadata(id);
@@ -23167,7 +23195,7 @@ var LeaderboardSummary = ({ pollID }) => {
   if (!quiz || !quizLeaderboard)
     return /* @__PURE__ */ React96.createElement(Flex, { align: "center", justify: "center", css: { size: "100%" } }, /* @__PURE__ */ React96.createElement(Loading, null));
   const questionCount = quiz.questions?.length || 0;
-  return /* @__PURE__ */ React96.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React96.createElement(Flex, { justify: "between", align: "center", css: { pb: "$6", borderBottom: "1px solid $border_bright", mb: "$8" } }, /* @__PURE__ */ React96.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React96.createElement(
+  return /* @__PURE__ */ React96.createElement(Container3, { rounded: true }, /* @__PURE__ */ React96.createElement(Flex, { direction: "column", css: { size: "100%", p: "$8" } }, /* @__PURE__ */ React96.createElement(Flex, { justify: "between", align: "center", css: { pb: "$6", borderBottom: "1px solid $border_bright", mb: "$8" } }, /* @__PURE__ */ React96.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React96.createElement(
     Flex,
     {
       css: { color: "$on_surface_medium", "&:hover": { color: "$on_surface_high", cursor: "pointer" } },
@@ -23181,7 +23209,7 @@ var LeaderboardSummary = ({ pollID }) => {
       onClick: toggleSidepane
     },
     /* @__PURE__ */ React96.createElement(CrossIcon16, null)
-  )), !viewAllEntries ? /* @__PURE__ */ React96.createElement(PeerParticipationSummary, { quiz }) : null, /* @__PURE__ */ React96.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", mt: "$4" } }, "Leaderboard"), /* @__PURE__ */ React96.createElement(Text, { variant: "xs", css: { color: "$on_surface_medium" } }, "Based on score and time taken to cast the correct answer"), /* @__PURE__ */ React96.createElement(
+  )), /* @__PURE__ */ React96.createElement(Box, { css: { overflowY: "auto", mr: "-$4", pr: "$4" } }, !viewAllEntries ? /* @__PURE__ */ React96.createElement(PeerParticipationSummary, { quiz }) : null, /* @__PURE__ */ React96.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", mt: "$4" } }, "Leaderboard"), /* @__PURE__ */ React96.createElement(Text, { variant: "xs", css: { color: "$on_surface_medium" } }, "Based on score and time taken to cast the correct answer"), /* @__PURE__ */ React96.createElement(
     Box,
     {
       css: {
@@ -23226,18 +23254,19 @@ var LeaderboardSummary = ({ pollID }) => {
       " ",
       /* @__PURE__ */ React96.createElement(ChevronRightIcon3, null)
     ) : null
-  ));
+  ))));
 };
 
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 init_define_process_env();
-import React100 from "react";
+import React100, { useEffect as useEffect26, useRef as useRef20, useState as useState42 } from "react";
 import {
+  selectLocalPeerID as selectLocalPeerID9,
   selectPeerNameByID,
   selectPermissions as selectPermissions16,
   selectPollByID as selectPollByID4,
   useHMSActions as useHMSActions32,
-  useHMSStore as useHMSStore51
+  useHMSStore as useHMSStore50
 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
 
@@ -23247,7 +23276,7 @@ import React98 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React97, { useCallback as useCallback22, useMemo as useMemo9, useRef as useRef19, useState as useState40 } from "react";
+import React97, { useCallback as useCallback22, useEffect as useEffect24, useMemo as useMemo10, useRef as useRef19, useState as useState40 } from "react";
 import { match as match8 } from "ts-pattern";
 import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions31, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
@@ -23263,29 +23292,30 @@ var QuestionCard2 = ({
   text,
   options = [],
   answer,
-  setCurrentIndex,
-  responses = [],
+  localPeerResponse,
+  updateSavedResponses,
   rolesThatCanViewResponses
 }) => {
   const actions = useHMSActions31();
   const localPeer = useHMSStore49(selectLocalPeer);
-  const localPeerResponse = responses?.find(
-    (response) => response.peer?.peerid === localPeer?.id || response.peer?.userid === localPeer?.customerUserId
-  );
   const isLocalPeerCreator = localPeer?.id === startedBy;
   const localPeerRoleName = useHMSStore49(selectLocalPeerRoleName2);
   const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
-  const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
+  const [localPeerChoice, setLocalPeerChoice] = useState40(localPeerResponse);
+  useEffect24(() => {
+    setLocalPeerChoice(localPeerResponse);
+  }, [localPeerResponse]);
+  const showVoteCount = roleCanViewResponse && (localPeerChoice || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
   const isLive = pollState === "started";
   const pollEnded = pollState === "stopped";
-  const canRespond = isLive && !localPeerResponse;
+  const canRespond = isLive && !localPeerChoice;
   const startTime = useRef19(Date.now());
-  const isCorrectAnswer = checkCorrectAnswer(answer, localPeerResponse, type);
+  const isCorrectAnswer = checkCorrectAnswer(answer, localPeerChoice, type);
   const [singleOptionAnswer, setSingleOptionAnswer] = useState40();
   const [multipleOptionAnswer, setMultipleOptionAnswer] = useState40(/* @__PURE__ */ new Set());
   const [showOptions, setShowOptions] = useState40(true);
-  const respondedToQuiz = isQuiz && localPeerResponse && !localPeerResponse.skipped;
-  const isValidVote = useMemo9(() => {
+  const respondedToQuiz = isQuiz && localPeerChoice && !localPeerChoice.skipped;
+  const isValidVote = useMemo10(() => {
     if (type === "single-choice" /* SINGLE_CHOICE */) {
       return singleOptionAnswer !== void 0;
     } else if (type === "multiple-choice" /* MULTIPLE_CHOICE */) {
@@ -23296,16 +23326,28 @@ var QuestionCard2 = ({
     if (!isValidVote) {
       return;
     }
-    await actions.interactivityCenter.addResponsesToPoll(pollID, [
-      {
-        questionIndex: index,
-        option: singleOptionAnswer,
-        options: Array.from(multipleOptionAnswer),
-        duration: Date.now() - startTime.current
-      }
-    ]);
+    const submittedResponse = {
+      questionIndex: index,
+      option: singleOptionAnswer,
+      options: Array.from(multipleOptionAnswer),
+      duration: Date.now() - startTime.current
+    };
+    await actions.interactivityCenter.addResponsesToPoll(pollID, [submittedResponse]);
+    updateSavedResponses((prev) => {
+      const prevCopy = { ...prev };
+      prevCopy[index] = { option: singleOptionAnswer, options: Array.from(multipleOptionAnswer) };
+      return prevCopy;
+    });
     startTime.current = Date.now();
-  }, [isValidVote, actions.interactivityCenter, pollID, index, singleOptionAnswer, multipleOptionAnswer]);
+  }, [
+    isValidVote,
+    index,
+    singleOptionAnswer,
+    multipleOptionAnswer,
+    actions.interactivityCenter,
+    pollID,
+    updateSavedResponses
+  ]);
   return /* @__PURE__ */ React97.createElement(
     Box,
     {
@@ -23375,7 +23417,7 @@ var QuestionCard2 = ({
           setAnswer: setSingleOptionAnswer,
           totalResponses: result?.totalResponses,
           showVoteCount,
-          localPeerResponse,
+          localPeerResponse: localPeerChoice,
           isStopped: pollState === "stopped"
         }
       ) : null,
@@ -23391,42 +23433,24 @@ var QuestionCard2 = ({
           setSelectedOptions: setMultipleOptionAnswer,
           totalResponses: result?.totalResponses,
           showVoteCount,
-          localPeerResponse,
+          localPeerResponse: localPeerChoice,
           isStopped: pollState === "stopped"
         }
       ) : null
     ),
-    isLive && /* @__PURE__ */ React97.createElement(
-      QuestionActions,
-      {
-        isValidVote,
-        onVote: handleVote,
-        response: localPeerResponse,
-        isQuiz,
-        incrementIndex: () => {
-          setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
-        }
-      }
-    )
+    isLive && /* @__PURE__ */ React97.createElement(QuestionActions, { isValidVote, onVote: handleVote, response: localPeerChoice, isQuiz })
   );
 };
-var QuestionActions = ({ isValidVote, response, isQuiz, onVote, incrementIndex }) => {
-  return /* @__PURE__ */ React97.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } }, response ? /* @__PURE__ */ React97.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_medium" } }, response.skipped ? "Skipped" : null, isQuiz && !response.skipped ? "Answered" : null, !isQuiz && !response.skipped ? "Voted" : null) : /* @__PURE__ */ React97.createElement(
-    Button,
-    {
-      css: { p: "$xs $10", fontWeight: "$semiBold" },
-      disabled: !isValidVote,
-      onClick: () => {
-        onVote();
-        incrementIndex();
-      }
-    },
-    isQuiz ? "Answer" : "Vote"
-  ));
+var QuestionActions = ({ isValidVote, response, isQuiz, onVote }) => {
+  return /* @__PURE__ */ React97.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } }, response ? /* @__PURE__ */ React97.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_medium" } }, response.skipped ? "Skipped" : null, isQuiz && !response.skipped ? "Answered" : null, !isQuiz && !response.skipped ? "Voted" : null) : /* @__PURE__ */ React97.createElement(Button, { css: { p: "$xs $10", fontWeight: "$semiBold" }, disabled: !isValidVote, onClick: onVote }, isQuiz ? "Answer" : "Vote"));
 };
 
 // src/Prebuilt/components/Polls/Voting/StandardVoting.tsx
-var StandardView = ({ poll }) => {
+var StandardView = ({
+  poll,
+  localPeerResponses,
+  updateSavedResponses
+}) => {
   if (!poll?.questions) {
     return null;
   }
@@ -23446,11 +23470,9 @@ var StandardView = ({ poll }) => {
       result: question.result,
       totalQuestions: poll.questions?.length || 0,
       options: question.options,
-      responses: question.responses,
+      localPeerResponse: localPeerResponses?.[question.index],
       answer: question.answer,
-      setCurrentIndex: () => {
-        return;
-      },
+      updateSavedResponses,
       rolesThatCanViewResponses: poll.rolesThatCanViewResponses
     }
   )));
@@ -23458,14 +23480,18 @@ var StandardView = ({ poll }) => {
 
 // src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
 init_define_process_env();
-import React99, { useState as useState41 } from "react";
-import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
-var TimedView = ({ poll }) => {
-  const localPeerId = useHMSStore50(selectLocalPeerID9);
-  const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
-  const [currentIndex, setCurrentIndex] = useState41(lastAttemptedIndex);
+import React99, { useEffect as useEffect25, useState as useState41 } from "react";
+var TimedView = ({
+  poll,
+  localPeerResponses,
+  updateSavedResponses
+}) => {
+  const [currentIndex, setCurrentIndex] = useState41(getIndexToShow(localPeerResponses));
   const activeQuestion = poll.questions?.find((question) => question.index === currentIndex);
-  const attemptedAll = poll.questions?.length === lastAttemptedIndex - 1;
+  const attemptedAll = (poll.questions?.length || 0) < currentIndex;
+  useEffect25(() => {
+    setCurrentIndex(getIndexToShow(localPeerResponses));
+  }, [localPeerResponses]);
   if (!activeQuestion && !attemptedAll || !poll.questions?.length) {
     return null;
   }
@@ -23484,10 +23510,10 @@ var TimedView = ({ poll }) => {
         result: question?.result,
         totalQuestions: poll.questions?.length || 0,
         options: question.options,
-        responses: question.responses,
+        localPeerResponse: localPeerResponses?.[question.index],
         answer: question.answer,
-        setCurrentIndex,
-        rolesThatCanViewResponses: poll.rolesThatCanViewResponses
+        rolesThatCanViewResponses: poll.rolesThatCanViewResponses,
+        updateSavedResponses
       }
     ) : null;
   }));
@@ -23496,12 +23522,42 @@ var TimedView = ({ poll }) => {
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 var Voting = ({ id, toggleVoting }) => {
   const actions = useHMSActions32();
-  const poll = useHMSStore51(selectPollByID4(id));
-  const pollCreatorName = useHMSStore51(selectPeerNameByID(poll?.createdBy));
-  const permissions = useHMSStore51(selectPermissions16);
+  const poll = useHMSStore50(selectPollByID4(id));
+  const pollCreatorName = useHMSStore50(selectPeerNameByID(poll?.createdBy));
+  const permissions = useHMSStore50(selectPermissions16);
   const canEndActivity = !!permissions?.pollWrite;
   const { setPollView } = usePollViewState();
   const showSingleView = poll?.type === "quiz" && poll.state === "started";
+  const fetchedInitialResponses = useRef20(false);
+  const [savedResponses, setSavedResponses] = useState42({});
+  const localPeerId = useHMSStore50(selectLocalPeerID9);
+  useEffect26(() => {
+    fetchedInitialResponses.current = false;
+    setSavedResponses({});
+  }, [id, setSavedResponses]);
+  useEffect26(() => {
+    const getResponses = async () => {
+      if (poll && actions.interactivityCenter && !fetchedInitialResponses.current) {
+        await actions.interactivityCenter.getPollResponses(poll, true);
+        fetchedInitialResponses.current = true;
+      }
+    };
+    getResponses();
+  }, [poll, actions.interactivityCenter]);
+  useEffect26(() => {
+    if (poll?.questions) {
+      const localPeerResponses = getPeerResponses(poll.questions, localPeerId);
+      localPeerResponses?.forEach((response) => {
+        if (response) {
+          setSavedResponses((prev) => {
+            const prevCopy = { ...prev };
+            prevCopy[response[0]?.questionIndex] = { option: response[0]?.option, options: response[0]?.options };
+            return prevCopy;
+          });
+        }
+      });
+    }
+  }, [localPeerId, poll?.questions, id]);
   if (!poll) {
     return null;
   }
@@ -23542,7 +23598,7 @@ var Voting = ({ id, toggleVoting }) => {
       },
       /* @__PURE__ */ React100.createElement(CrossIcon17, { onClick: toggleVoting })
     )
-  ), /* @__PURE__ */ React100.createElement(Flex, { direction: "column", css: { p: "$8 $10", flex: "1 1 0", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ React100.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, showSingleView ? /* @__PURE__ */ React100.createElement(TimedView, { poll }) : /* @__PURE__ */ React100.createElement(StandardView, { poll })), /* @__PURE__ */ React100.createElement(
+  ), /* @__PURE__ */ React100.createElement(Flex, { direction: "column", css: { p: "$8 $10", flex: "1 1 0", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ React100.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, showSingleView ? /* @__PURE__ */ React100.createElement(TimedView, { poll, localPeerResponses: savedResponses, updateSavedResponses: setSavedResponses }) : /* @__PURE__ */ React100.createElement(StandardView, { poll, localPeerResponses: savedResponses, updateSavedResponses: setSavedResponses })), /* @__PURE__ */ React100.createElement(
     Flex,
     {
       css: { w: "100%", justifyContent: "end", alignItems: "center", p: "$8", borderTop: "1px solid $border_bright" }
@@ -23585,11 +23641,11 @@ import { CrossIcon as CrossIcon18 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Header/HeaderComponents.jsx
 init_define_process_env();
-import React102, { useEffect as useEffect24, useState as useState42 } from "react";
-import { selectDominantSpeaker, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
+import React102, { useEffect as useEffect27, useState as useState43 } from "react";
+import { selectDominantSpeaker, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
 import { VolumeOneIcon } from "@100mslive/react-icons";
 var SpeakerTag = () => {
-  const dominantSpeaker = useHMSStore52(selectDominantSpeaker);
+  const dominantSpeaker = useHMSStore51(selectDominantSpeaker);
   return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React102.createElement(
     Flex,
     {
@@ -23613,8 +23669,8 @@ var LogoImg = styled("img", {
 var Logo = () => {
   const roomLayout = useRoomLayout();
   const logo = roomLayout?.logo?.url;
-  const [hideImage, setHideImage] = useState42(false);
-  useEffect24(() => {
+  const [hideImage, setHideImage] = useState43(false);
+  useEffect27(() => {
     if (hideImage) {
       setHideImage(false);
     }
@@ -23638,10 +23694,10 @@ import React104 from "react";
 
 // src/Prebuilt/components/RoomDetails/Duration.tsx
 init_define_process_env();
-import React103, { useEffect as useEffect25, useState as useState43 } from "react";
+import React103, { useEffect as useEffect28, useState as useState44 } from "react";
 var Duration = ({ timestamp }) => {
-  const [elapsedTime, setElapsedTime] = useState43(getFormattedTime(Date.now() - timestamp.getTime(), false));
-  useEffect25(() => {
+  const [elapsedTime, setElapsedTime] = useState44(getFormattedTime(Date.now() - timestamp.getTime(), false));
+  useEffect28(() => {
     const timerAdded = setInterval(() => {
       setElapsedTime(getFormattedTime(Date.now() - timestamp.getTime(), false));
     }, 1e3);
@@ -23683,23 +23739,23 @@ var ShowRoomDetailHeader = () => {
 
 // src/Prebuilt/components/SidePaneTabs.tsx
 init_define_process_env();
-import React120, { useEffect as useEffect32, useState as useState52 } from "react";
+import React120, { useEffect as useEffect35, useState as useState53 } from "react";
 import { useMedia as useMedia19 } from "react-use";
 import { match as match10 } from "ts-pattern";
-import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore65 } from "@100mslive/react-sdk";
+import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon22 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
-import React117, { useCallback as useCallback30, useRef as useRef23 } from "react";
+import React117, { useCallback as useCallback30, useRef as useRef24 } from "react";
 import { useMedia as useMedia18 } from "react-use";
 import { match as match9 } from "ts-pattern";
-import { selectHMSMessagesCount, useHMSActions as useHMSActions40, useHMSStore as useHMSStore62, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
+import { selectHMSMessagesCount, useHMSActions as useHMSActions40, useHMSStore as useHMSStore61, 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 React109, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect27, useLayoutEffect, useMemo as useMemo10, useRef as useRef20, useState as useState46 } from "react";
+import React109, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect30, useLayoutEffect, useMemo as useMemo11, useRef as useRef21, useState as useState47 } from "react";
 import { useMedia as useMedia13 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
@@ -23712,15 +23768,15 @@ import {
   selectSessionStore as selectSessionStore5,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
   useHMSActions as useHMSActions36,
-  useHMSStore as useHMSStore56,
+  useHMSStore as useHMSStore55,
   useHMSVanillaStore as useHMSVanillaStore9
 } from "@100mslive/react-sdk";
 import { SolidPinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatActions.tsx
 init_define_process_env();
-import React107, { useCallback as useCallback25, useState as useState44 } from "react";
-import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions17, useHMSActions as useHMSActions35, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
+import React107, { useCallback as useCallback25, useState as useState45 } from "react";
+import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions17, useHMSActions as useHMSActions35, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
 import {
   CopyIcon as CopyIcon2,
   CrossCircleIcon as CrossCircleIcon2,
@@ -23748,10 +23804,10 @@ var MwebChatOption = ({
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
 init_define_process_env();
 import { useCallback as useCallback23 } from "react";
-import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions33, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions33, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
 var useChatBlacklist = (sessionStoreKey) => {
   const hmsActions = useHMSActions33();
-  const blacklistedIDs = useHMSStore53(selectSessionStore2(sessionStoreKey));
+  const blacklistedIDs = useHMSStore52(selectSessionStore2(sessionStoreKey));
   const blacklistItem = useCallback23(
     async (blacklistID) => {
       await hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
@@ -23761,8 +23817,8 @@ var useChatBlacklist = (sessionStoreKey) => {
   return { blacklistItem, blacklistedIDs };
 };
 var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
-  const localPeer = useHMSStore53(selectLocalPeer2);
-  const blacklistedPeerIDs = useHMSStore53(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
+  const localPeer = useHMSStore52(selectLocalPeer2);
+  const blacklistedPeerIDs = useHMSStore52(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
   return blacklistedPeerIDs?.includes(local ? localPeer?.customerUserId : peerCustomerUserId);
 };
 
@@ -23842,11 +23898,11 @@ var ChatActions = ({
   const { elements } = useRoomLayoutConferencingScreen();
   const { can_hide_message = false, can_block_user = false } = elements?.chat?.real_time_controls || {};
   const { roles_whitelist = [] } = elements?.chat || {};
-  const [open, setOpen] = useState44(false);
+  const [open, setOpen] = useState45(false);
   const actions = useHMSActions35();
-  const canRemoveOthers = useHMSStore54(selectPermissions17)?.removeOthers;
+  const canRemoveOthers = useHMSStore53(selectPermissions17)?.removeOthers;
   const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
-  const localPeerName = useHMSStore54(selectLocalPeerName2);
+  const localPeerName = useHMSStore53(selectLocalPeerName2);
   const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
   const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
     "chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
@@ -24067,12 +24123,12 @@ var EmptyChat = () => {
 
 // src/Prebuilt/components/hooks/usePinnedBy.tsx
 init_define_process_env();
-import { useEffect as useEffect26, useState as useState45 } from "react";
-import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
+import { useEffect as useEffect29, useState as useState46 } from "react";
+import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
 var usePinnedBy = (messageId) => {
-  const pinnedMessages = useHMSStore55(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
-  const [pinnedBy, setPinnedBy] = useState45("");
-  useEffect26(() => {
+  const pinnedMessages = useHMSStore54(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
+  const [pinnedBy, setPinnedBy] = useState46("");
+  useEffect29(() => {
     let match16 = "";
     pinnedMessages?.forEach((pinnedMessage) => {
       if (pinnedMessage.id === messageId) {
@@ -24151,8 +24207,8 @@ var MessageType = ({
   hasCurrentUserSent,
   receiver
 }) => {
-  const peerName = useHMSStore56(selectPeerNameByID3(receiver));
-  const localPeerRoleName = useHMSStore56(selectLocalPeerRoleName3);
+  const peerName = useHMSStore55(selectPeerNameByID3(receiver));
+  const localPeerRoleName = useHMSStore55(selectLocalPeerRoleName3);
   if (receiver) {
     return /* @__PURE__ */ React109.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
   }
@@ -24195,18 +24251,18 @@ var SenderName = styled(Text, {
 var ChatMessage = React109.memo(
   ({ index, style = {}, message }) => {
     const { elements } = useRoomLayoutConferencingScreen();
-    const rowRef = useRef20(null);
+    const rowRef = useRef21(null);
     const isMobile = useMedia13(config.media.md);
     const isPrivateChatEnabled = !!elements?.chat?.private_chat_enabled;
     const isOverlay = elements?.chat?.is_overlay && isMobile;
-    const localPeerId = useHMSStore56(selectLocalPeerID10);
+    const localPeerId = useHMSStore55(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, setOpenSheetBare] = useState46(false);
+    const [openSheet, setOpenSheetBare] = useState47(false);
     const showPinAction = !!elements?.chat?.allow_pinning_messages;
     const showReply = message.sender !== selectedPeer.id && message.sender !== localPeerId && isPrivateChatEnabled;
     useLayoutEffect(() => {
@@ -24367,7 +24423,7 @@ var VirtualizedChatMessages = React109.forwardRef(({ messages, scrollToBottom },
   const itemKey2 = useCallback26((index, data3) => {
     return data3[index].id;
   }, []);
-  useEffect27(() => {
+  useEffect30(() => {
     requestAnimationFrame(() => scrollToBottom(1));
   }, [scrollToBottom]);
   return /* @__PURE__ */ React109.createElement(
@@ -24418,15 +24474,15 @@ var VirtualizedChatMessages = React109.forwardRef(({ messages, scrollToBottom },
 });
 var ChatBody = React109.forwardRef(
   ({ scrollToBottom }, listRef) => {
-    const messages = useHMSStore56(selectHMSMessages);
-    const blacklistedMessageIDs = useHMSStore56(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
-    const filteredMessages = useMemo10(() => {
+    const messages = useHMSStore55(selectHMSMessages);
+    const blacklistedMessageIDs = useHMSStore55(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
+    const filteredMessages = useMemo11(() => {
       const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
       return messages?.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id)) || [];
     }, [blacklistedMessageIDs, messages]);
     const vanillaStore = useHMSVanillaStore9();
-    const rerenderOnFirstMount = useRef20(false);
-    useEffect27(() => {
+    const rerenderOnFirstMount = useRef21(false);
+    useEffect30(() => {
       const unsubscribe = vanillaStore.subscribe(() => {
         if (!listRef.current) {
           return;
@@ -24438,7 +24494,7 @@ var ChatBody = React109.forwardRef(
       }, selectUnreadHMSMessagesCount2);
       return unsubscribe;
     }, [vanillaStore, listRef, scrollToBottom]);
-    useEffect27(() => {
+    useEffect30(() => {
       if (filteredMessages.length > 0 && listRef?.current && !rerenderOnFirstMount.current) {
         rerenderOnFirstMount.current = true;
         listRef.current.resetAfterIndex(0);
@@ -24453,7 +24509,7 @@ var PinnedBy = ({
   rowRef
 }) => {
   const pinnedBy = usePinnedBy(messageId);
-  const localPeerName = useHMSStore56(selectLocalPeerName3);
+  const localPeerName = useHMSStore55(selectLocalPeerName3);
   useLayoutEffect(() => {
     if (rowRef?.current) {
       if (pinnedBy) {
@@ -24472,22 +24528,22 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React112, { useCallback as useCallback28, useEffect as useEffect29, useRef as useRef22, useState as useState49 } from "react";
+import React112, { useCallback as useCallback28, useEffect as useEffect32, useRef as useRef23, useState as useState50 } from "react";
 import { useMedia as useMedia16 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
-import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions38, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions38, useHMSStore as useHMSStore58 } 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 React111, { useState as useState48 } from "react";
+import React111, { useState as useState49 } from "react";
 import { useMedia as useMedia15 } from "react-use";
 import { ChevronDownIcon as ChevronDownIcon6, ChevronUpIcon as ChevronUpIcon5, CrossIcon as CrossIcon20, GroupIcon, PersonIcon as PersonIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
 init_define_process_env();
-import React110, { useMemo as useMemo11, useState as useState47 } from "react";
+import React110, { useMemo as useMemo12, useState as useState48 } from "react";
 import { useMedia as useMedia14 } from "react-use";
 import {
   HMSPeerType as HMSPeerType3,
@@ -24495,7 +24551,7 @@ import {
   selectMessagesUnreadCountByRole,
   selectRemotePeers as selectRemotePeers2,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
-  useHMSStore as useHMSStore57
+  useHMSStore as useHMSStore56
 } from "@100mslive/react-sdk";
 import { CheckIcon as CheckIcon6, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
 var ChatDotIcon = () => {
@@ -24542,7 +24598,7 @@ var SelectorHeader = React110.memo(
   }
 );
 var Everyone = React110.memo(({ active }) => {
-  const unreadCount = useHMSStore57(selectUnreadHMSMessagesCount3);
+  const unreadCount = useHMSStore56(selectUnreadHMSMessagesCount3);
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React110.createElement(
@@ -24560,7 +24616,7 @@ var Everyone = React110.memo(({ active }) => {
   );
 });
 var RoleItem = React110.memo(({ role, active }) => {
-  const unreadCount = useHMSStore57(selectMessagesUnreadCountByRole(role));
+  const unreadCount = useHMSStore56(selectMessagesUnreadCountByRole(role));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React110.createElement(
@@ -24577,7 +24633,7 @@ var RoleItem = React110.memo(({ role, active }) => {
   );
 });
 var PeerItem = ({ peerId, name, active }) => {
-  const unreadCount = useHMSStore57(selectMessagesUnreadCountByPeerID(peerId));
+  const unreadCount = useHMSStore56(selectMessagesUnreadCountByPeerID(peerId));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React110.createElement(
@@ -24601,14 +24657,14 @@ var VirtualizedSelectItemList = ({
   isPublicChatEnabled
 }) => {
   const roles = useFilteredRoles();
-  const filteredPeers = useMemo11(
+  const filteredPeers = useMemo12(
     () => peers.filter(
       // search should be empty or search phrase should be included in name
       (peer) => (!searchValue || peer.name.toLowerCase().includes(searchValue.toLowerCase())) && peer.type !== HMSPeerType3.SIP
     ),
     [peers, searchValue]
   );
-  const listItems = useMemo11(() => {
+  const listItems = useMemo12(() => {
     let selectItems = [];
     if (isPublicChatEnabled && !searchValue) {
       selectItems = [/* @__PURE__ */ React110.createElement(Everyone, { active: !selectedRole && !selectedPeerId })];
@@ -24635,8 +24691,8 @@ var VirtualizedSelectItemList = ({
 };
 var ChatSelector = ({ role, peerId }) => {
   const { elements } = useRoomLayoutConferencingScreen();
-  const peers = useHMSStore57(selectRemotePeers2);
-  const [search, setSearch] = useState47("");
+  const peers = useHMSStore56(selectRemotePeers2);
+  const [search, setSearch] = useState48("");
   const isPrivateChatEnabled = !!elements?.chat?.private_chat_enabled;
   const isPublicChatEnabled = !!elements?.chat?.public_chat_enabled;
   return /* @__PURE__ */ React110.createElement(React110.Fragment, null, peers.length > 0 && isPrivateChatEnabled && /* @__PURE__ */ React110.createElement(Box, { css: { px: "$4" } }, /* @__PURE__ */ React110.createElement(ParticipantSearch, { onSearch: setSearch, placeholder: "Search for participants" })), /* @__PURE__ */ React110.createElement(
@@ -24653,7 +24709,7 @@ var ChatSelector = ({ role, peerId }) => {
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 var ChatSelectorContainer = () => {
-  const [open, setOpen] = useState48(false);
+  const [open, setOpen] = useState49(false);
   const isMobile = useMedia15(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const isPrivateChatEnabled = !!elements?.chat?.private_chat_enabled;
@@ -24772,10 +24828,10 @@ var ChatSelectorContainer = () => {
 // src/Prebuilt/components/AppData/useChatState.js
 init_define_process_env();
 import { useCallback as useCallback27 } from "react";
-import { selectAppData as selectAppData7, useHMSActions as useHMSActions37, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData7, useHMSActions as useHMSActions37, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
 var useChatDraftMessage = () => {
   const hmsActions = useHMSActions37();
-  let chatDraftMessage = useHMSStore58(selectAppData7(APP_DATA.chatDraft));
+  let chatDraftMessage = useHMSStore57(selectAppData7(APP_DATA.chatDraft));
   if (chatDraftMessage === void 0 || chatDraftMessage === null) {
     chatDraftMessage = "";
   }
@@ -24790,10 +24846,10 @@ var useChatDraftMessage = () => {
 
 // src/Prebuilt/components/Chat/useEmojiPickerStyles.js
 init_define_process_env();
-import { useEffect as useEffect28, useRef as useRef21 } from "react";
+import { useEffect as useEffect31, useRef as useRef22 } from "react";
 var useEmojiPickerStyles = (showing) => {
-  const ref = useRef21(null);
-  useEffect28(() => {
+  const ref = useRef22(null);
+  useEffect31(() => {
     if (showing) {
       setTimeout(() => {
         const root = ref.current?.querySelector("em-emoji-picker")?.shadowRoot;
@@ -24840,7 +24896,7 @@ var TextArea2 = styled("textarea", {
   }
 });
 function EmojiPicker({ onSelect }) {
-  const [showEmoji, setShowEmoji] = useState49(false);
+  const [showEmoji, setShowEmoji] = useState50(false);
   const ref = useEmojiPickerStyles(showEmoji);
   return /* @__PURE__ */ React112.createElement(Popover2.Root, { open: showEmoji, onOpenChange: setShowEmoji }, /* @__PURE__ */ React112.createElement(Popover2.Trigger, { asChild: true, css: { appearance: "none" } }, /* @__PURE__ */ React112.createElement(IconButton, { as: "div" }, /* @__PURE__ */ React112.createElement(EmojiIcon3, null))), /* @__PURE__ */ React112.createElement(Popover2.Portal, null, /* @__PURE__ */ React112.createElement(
     Popover2.Content,
@@ -24867,12 +24923,12 @@ function EmojiPicker({ onSelect }) {
 }
 var ChatFooter = ({ onSend, children }) => {
   const hmsActions = useHMSActions38();
-  const inputRef = useRef22(null);
+  const inputRef = useRef23(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia16(config.media.md);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const message_placeholder = elements?.chat?.message_placeholder || "Send a message";
-  const localPeer = useHMSStore59(selectLocalPeer3);
+  const localPeer = useHMSStore58(selectLocalPeer3);
   const isOverlayChat = elements?.chat?.is_overlay;
   const canDisableChat = !!elements?.chat?.real_time_controls?.can_disable_chat;
   const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
@@ -24882,7 +24938,7 @@ var ChatFooter = ({ onSend, children }) => {
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const isMwebHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
-  useEffect29(() => {
+  useEffect32(() => {
     if (!selectedPeer.id && !selectedRole && !["Everyone", ""].includes(defaultSelection)) {
       setRoleSelector(defaultSelection);
     } else {
@@ -24891,6 +24947,16 @@ var ChatFooter = ({ onSend, children }) => {
       }
     }
   }, [defaultSelection, selectedPeer, selectedRole, setRoleSelector, isMobile, isLandscapeHLSStream, elements?.chat]);
+  const resetInputHeight = useCallback28(() => {
+    if (inputRef.current) {
+      inputRef.current.style.height = `${Math.max(32, inputRef.current.value ? inputRef.current.scrollHeight : 0)}px`;
+    }
+  }, []);
+  const updateInputHeight = useCallback28(() => {
+    if (inputRef.current) {
+      inputRef.current.style.height = `${Math.max(32, Math.min(inputRef.current.scrollHeight, 24 * 4))}px`;
+    }
+  }, []);
   const sendMessage = useCallback28(async () => {
     const message = inputRef?.current?.value;
     if (!message || !message.trim().length) {
@@ -24905,6 +24971,7 @@ var ChatFooter = ({ onSend, children }) => {
         await hmsActions.sendBroadcastMessage(message);
       }
       inputRef.current.value = "";
+      resetInputHeight();
       setTimeout(() => {
         onSend(1);
       }, 0);
@@ -24915,13 +24982,14 @@ var ChatFooter = ({ onSend, children }) => {
       });
     }
   }, [selectedRole, selectedPeer, hmsActions, onSend]);
-  useEffect29(() => {
+  useEffect32(() => {
     const messageElement = inputRef.current;
     if (messageElement) {
       messageElement.value = draftMessage;
+      updateInputHeight();
     }
   }, [draftMessage]);
-  useEffect29(() => {
+  useEffect32(() => {
     const messageElement = inputRef.current;
     return () => {
       setDraftMessage(messageElement?.value || "");
@@ -24963,11 +25031,10 @@ var ChatFooter = ({ onSend, children }) => {
   )))) : null), selection && /* @__PURE__ */ React112.createElement(Flex, { align: "center", css: { gap: "$4", w: "100%" } }, /* @__PURE__ */ React112.createElement(
     Flex,
     {
-      align: "center",
+      align: "end",
       css: {
         bg: isOverlayChat && isMobile ? "$surface_dim" : "$surface_default",
         minHeight: "$16",
-        maxHeight: "$24",
         position: "relative",
         py: "$6",
         pl: "$8",
@@ -25006,6 +25073,8 @@ var ChatFooter = ({ onSend, children }) => {
         },
         autoComplete: "off",
         "aria-autocomplete": "none",
+        onChange: updateInputHeight,
+        onBlur: resetInputHeight,
         onPaste: (e) => e.stopPropagation(),
         onCut: (e) => e.stopPropagation(),
         onCopy: (e) => e.stopPropagation()
@@ -25052,13 +25121,13 @@ var ChatFooter = ({ onSend, children }) => {
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
 import React113, { useCallback as useCallback29 } from "react";
-import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions39, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions39, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   const hmsActions = useHMSActions39();
   const { elements } = useRoomLayoutConferencingScreen();
   const can_disable_chat = !!elements?.chat?.real_time_controls?.can_disable_chat;
-  const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore60(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
-  const localPeer = useHMSStore60(selectLocalPeer4);
+  const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore59(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
+  const localPeer = useHMSStore59(selectLocalPeer4);
   const unPauseChat = useCallback29(
     async () => await hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
       enabled: true,
@@ -25072,7 +25141,7 @@ var ChatPaused = () => {
     {
       align: "center",
       justify: "between",
-      css: { borderRadius: "$1", bg: "$surface_default", p: "$4 $4 $4 $8", w: "100%" }
+      css: { borderRadius: "$1", bg: "$surface_default", p: "$2 $4 $2 $8", w: "100%" }
     },
     /* @__PURE__ */ React113.createElement(Box, null, /* @__PURE__ */ React113.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Chat paused"), /* @__PURE__ */ React113.createElement(
       Text,
@@ -25104,10 +25173,10 @@ var ChatBlocked = () => {
 
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 init_define_process_env();
-import React116, { useEffect as useEffect30, useState as useState50 } from "react";
+import React116, { useEffect as useEffect33, useState as useState51 } from "react";
 import { useSwipeable } from "react-swipeable";
 import { useMedia as useMedia17 } from "react-use";
-import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore61 } from "@100mslive/react-sdk";
+import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ArrowNavigation.tsx
@@ -25163,13 +25232,13 @@ var StickIndicator = ({ total, index }) => {
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = () => {
-  const pinnedMessages = useHMSStore61(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
-  const [pinnedMessageIndex, setPinnedMessageIndex] = useState50(0);
+  const pinnedMessages = useHMSStore60(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
+  const [pinnedMessageIndex, setPinnedMessageIndex] = useState51(0);
   const { removePinnedMessage } = usePinnedMessages();
   const isMobile = useMedia17(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const canUnpinMessage = !!elements?.chat?.allow_pinning_messages;
-  const [hideOverflow, setHideOverflow] = useState50(true);
+  const [hideOverflow, setHideOverflow] = useState51(true);
   const currentPinnedMessage = pinnedMessages?.[pinnedMessageIndex]?.text || "";
   const canOverflow = currentPinnedMessage.length > PINNED_MESSAGE_LENGTH;
   const showPreviousPinnedMessage = () => {
@@ -25186,7 +25255,7 @@ var PinnedMessage = () => {
     onSwipedUp: () => showNextPinnedMessage(),
     onSwipedDown: () => showPreviousPinnedMessage()
   });
-  useEffect30(() => {
+  useEffect33(() => {
     const count = pinnedMessages?.length || 1;
     if (pinnedMessageIndex >= count) {
       setPinnedMessageIndex(count - 1);
@@ -25277,15 +25346,16 @@ var PinnedMessage = () => {
 
 // src/Prebuilt/components/Chat/Chat.tsx
 var Chat = () => {
-  const { elements } = useRoomLayoutConferencingScreen();
-  const listRef = useRef23(null);
+  const { elements, screenType } = useRoomLayoutConferencingScreen();
+  const listRef = useRef24(null);
   const hmsActions = useHMSActions40();
   const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore62(gm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore61(Tm("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia18(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
   useSidepaneResetOnLayoutUpdate("chat", SIDE_PANE_OPTIONS.CHAT);
+  const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const scrollToBottom = useCallback30(
     (unreadCount = 0) => {
       if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
@@ -25312,16 +25382,15 @@ var Chat = () => {
     },
     isMobile && elements?.chat?.is_overlay && !streaming ? null : /* @__PURE__ */ React117.createElement(PinnedMessage, null),
     /* @__PURE__ */ React117.createElement(ChatBody, { ref: listRef, scrollToBottom }),
-    /* @__PURE__ */ React117.createElement(ChatPaused, null),
-    /* @__PURE__ */ React117.createElement(ChatBlocked, null),
+    /* @__PURE__ */ React117.createElement(Flex, { align: "center", css: { w: "100%", gap: "$2" } }, /* @__PURE__ */ React117.createElement(ChatPaused, null), /* @__PURE__ */ React117.createElement(ChatBlocked, null), streaming && (!isChatEnabled || isLocalPeerBlacklisted) && /* @__PURE__ */ React117.createElement(React117.Fragment, null, /* @__PURE__ */ React117.createElement(RaiseHand, { css: { bg: "$surface_default" } }), /* @__PURE__ */ React117.createElement(MoreSettings, { elements, screenType }))),
     isMobile && elements?.chat?.is_overlay && !streaming ? /* @__PURE__ */ React117.createElement(PinnedMessage, null) : null,
     isChatEnabled ? /* @__PURE__ */ React117.createElement(ChatFooter, { onSend: scrollToBottom }, /* @__PURE__ */ React117.createElement(NewMessageIndicator, { scrollToBottom, listRef })) : null,
-    (isMobileHLSStream || isLandscapeStream) && /* @__PURE__ */ React117.createElement(
+    streaming && /* @__PURE__ */ React117.createElement(
       Box,
       {
         css: {
           position: "absolute",
-          ...match9({ isLandscapeStream, isMobileHLSStream, isChatEnabled }).with(
+          ...match9({ isLandscapeStream, isMobileHLSStream, isChatEnabled, isLocalPeerBlacklisted }).with(
             {
               isLandscapeStream: true,
               isChatEnabled: true
@@ -25342,13 +25411,21 @@ var Chat = () => {
           ).with(
             {
               isMobileHLSStream: true,
-              isChatEnabled: true
+              isChatEnabled: true,
+              isLocalPeerBlacklisted: false
             },
             () => ({ bottom: "$17", right: "$8" })
           ).with(
             {
               isLandscapeStream: false,
-              isChatEnabled: true
+              isChatEnabled: true,
+              isLocalPeerBlacklisted: true
+            },
+            () => ({ bottom: "$18", right: "$8" })
+          ).with(
+            {
+              isMobileHLSStream: true,
+              isLocalPeerBlacklisted: true
             },
             () => ({ bottom: "$20", right: "$8" })
           ).otherwise(() => ({}))
@@ -25362,7 +25439,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore62(Vh);
+  const unreadCount = useHMSStore61(Fh);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -25408,11 +25485,11 @@ var NewMessageIndicator = ({
 
 // src/Prebuilt/components/Footer/PaginatedParticipants.tsx
 init_define_process_env();
-import React118, { useEffect as useEffect31, useState as useState51 } from "react";
+import React118, { useEffect as useEffect34, useState as useState52 } 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 useHMSStore63, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore62, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon21 } from "@100mslive/react-icons";
 var LoadMoreParticipants = ({
   hasNext,
@@ -25420,8 +25497,8 @@ var LoadMoreParticipants = ({
   style
 }) => {
   const { ref, inView } = useInView();
-  const [inProgress, setInProgress] = useState51(false);
-  useEffect31(() => {
+  const [inProgress, setInProgress] = useState52(false);
+  useEffect34(() => {
     if (hasNext && inView && !inProgress) {
       setInProgress(true);
       loadMore().catch(console.error).finally(() => setInProgress(false));
@@ -25451,13 +25528,13 @@ var VirtualizedParticipantItem2 = React118.memo(
 );
 var PaginatedParticipants = ({ roleName, onBack }) => {
   const { peers, total, hasNext, loadPeers, loadMorePeers } = usePaginatedParticipants2({ role: roleName, limit: 20 });
-  const [search, setSearch] = useState51("");
+  const [search, setSearch] = useState52("");
   const filteredPeers = peers.filter((p) => p.name?.toLowerCase().includes(search?.toLowerCase()));
-  const isConnected = useHMSStore63(selectIsConnectedToRoom8);
+  const isConnected = useHMSStore62(selectIsConnectedToRoom8);
   const [ref, { width }] = useMeasure2();
   const height = ROW_HEIGHT * (filteredPeers.length + 1);
   const resetSidePane = useSidepaneReset();
-  useEffect31(() => {
+  useEffect34(() => {
     loadPeers();
   }, []);
   return /* @__PURE__ */ React118.createElement(Flex, { ref, direction: "column", css: { size: "100%", gap: "$4" } }, /* @__PURE__ */ React118.createElement(Flex, { align: "center" }, /* @__PURE__ */ React118.createElement(Flex, { align: "center", css: { flex: "1 1 0", cursor: "pointer" }, onClick: onBack }, /* @__PURE__ */ React118.createElement(ChevronLeftIcon6, null), /* @__PURE__ */ React118.createElement(Text, { variant: "lg", css: { flex: "1 1 0" } }, "Participants")), /* @__PURE__ */ React118.createElement(
@@ -25487,14 +25564,14 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
 // src/Prebuilt/components/ChatSettings.tsx
 init_define_process_env();
 import React119 from "react";
-import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions41, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions41, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
 import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
 var ChatSettings = () => {
   const hmsActions = useHMSActions41();
-  const localPeer = useHMSStore64(selectLocalPeer5);
+  const localPeer = useHMSStore63(selectLocalPeer5);
   const { elements } = useRoomLayoutConferencingScreen();
   const canPauseChat = !!elements?.chat?.real_time_controls?.can_disable_chat;
-  const { enabled: isChatEnabled = true } = useHMSStore64(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore63(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
   const showPause = canPauseChat && isChatEnabled;
   if (!showPause) {
     return null;
@@ -25559,9 +25636,9 @@ var SidePaneTabs = React120.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const resetSidePane = useSidepaneReset();
-  const [activeTab, setActiveTab] = useState52(active);
-  const [activeRole, setActiveRole] = useState52("");
-  const peerCount = useHMSStore65(selectPeerCount5);
+  const [activeTab, setActiveTab] = useState53(active);
+  const [activeRole, setActiveRole] = useState53("");
+  const peerCount = useHMSStore64(selectPeerCount5);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const chat_title = elements?.chat?.chat_title || "Chat";
   const showChat = !!elements?.chat;
@@ -25572,7 +25649,7 @@ var SidePaneTabs = React120.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const { off_stage_roles = [] } = elements?.on_stage_exp || {};
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const showChatSettings = showChat && isChatOpen && (!isMobile || !isOverlayChat);
-  useEffect32(() => {
+  useEffect35(() => {
     match10({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
       setActiveTab(SIDE_PANE_OPTIONS.PARTICIPANTS);
     }).with({ activeTab: SIDE_PANE_OPTIONS.PARTICIPANTS, showChat: true, showParticipants: false }, () => {
@@ -25581,7 +25658,7 @@ var SidePaneTabs = React120.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
       resetSidePane();
     });
   }, [showChat, activeTab, showParticipants, resetSidePane]);
-  useEffect32(() => {
+  useEffect35(() => {
     setActiveTab(active);
   }, [active]);
   if (activeRole) {
@@ -25680,7 +25757,7 @@ var SidePaneTabs = React120.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
 
 // src/Prebuilt/components/VideoTile.tsx
 init_define_process_env();
-import React124, { useCallback as useCallback31, useMemo as useMemo12, useState as useState54 } from "react";
+import React124, { useCallback as useCallback31, useMemo as useMemo13, useState as useState55 } from "react";
 import { useMeasure as useMeasure3 } from "react-use";
 import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
@@ -25691,7 +25768,7 @@ import {
   selectPeerNameByID as selectPeerNameByID4,
   selectVideoTrackByID as selectVideoTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
-  useHMSStore as useHMSStore69
+  useHMSStore as useHMSStore68
 } from "@100mslive/react-sdk";
 import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
 
@@ -25703,7 +25780,7 @@ import {
   selectPeerTypeByID as selectPeerTypeByID2,
   selectScreenShareByPeerID,
   selectSessionStore as selectSessionStore9,
-  useHMSStore as useHMSStore66
+  useHMSStore as useHMSStore65
 } from "@100mslive/react-sdk";
 import { CallIcon as CallIcon2, PinIcon as PinIcon3, ShareScreenIcon as ShareScreenIcon3, SpotlightIcon } from "@100mslive/react-icons";
 var TileConnection = ({
@@ -25713,9 +25790,9 @@ var TileConnection = ({
   width,
   pinned
 }) => {
-  const spotlighted = useHMSStore66(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
-  const isPeerScreenSharing = !!useHMSStore66(selectScreenShareByPeerID(peerId));
-  const peerType = useHMSStore66(selectPeerTypeByID2(peerId));
+  const spotlighted = useHMSStore65(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
+  const isPeerScreenSharing = !!useHMSStore65(selectScreenShareByPeerID(peerId));
+  const peerType = useHMSStore65(selectPeerTypeByID2(peerId));
   return /* @__PURE__ */ React121.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React121.createElement(React121.Fragment, null, name ? /* @__PURE__ */ React121.createElement(Flex, { align: "center" }, peerType === HMSPeerType4.SIP && /* @__PURE__ */ React121.createElement(IconWrapper, null, /* @__PURE__ */ React121.createElement(CallIcon2, { width: "15", height: "15" })), isPeerScreenSharing && /* @__PURE__ */ React121.createElement(IconWrapper, null, /* @__PURE__ */ React121.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React121.createElement(IconWrapper, null, /* @__PURE__ */ React121.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React121.createElement(IconWrapper, null, /* @__PURE__ */ React121.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React121.createElement(
     Text,
     {
@@ -25749,7 +25826,7 @@ var TileConnection_default = TileConnection;
 
 // src/Prebuilt/components/TileMenu/TileMenu.tsx
 init_define_process_env();
-import React123, { useState as useState53 } from "react";
+import React123, { useState as useState54 } from "react";
 import { useMedia as useMedia21 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID11,
@@ -25757,7 +25834,7 @@ import {
   selectPermissions as selectPermissions19,
   selectTrackByID as selectTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
-  useHMSStore as useHMSStore68,
+  useHMSStore as useHMSStore67,
   useRemoteAVToggle as useRemoteAVToggle2
 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon23, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
@@ -25773,7 +25850,7 @@ import {
   selectTrackByID as selectTrackByID2,
   useCustomEvent as useCustomEvent2,
   useHMSActions as useHMSActions42,
-  useHMSStore as useHMSStore67,
+  useHMSStore as useHMSStore66,
   useRemoteAVToggle
 } from "@100mslive/react-sdk";
 import {
@@ -25811,7 +25888,7 @@ var SpotlightActions = ({
   }
 }) => {
   const hmsActions = useHMSActions42();
-  const spotlightPeerId = useHMSStore67(selectSessionStore10("spotlight" /* SPOTLIGHT */));
+  const spotlightPeerId = useHMSStore66(selectSessionStore10("spotlight" /* SPOTLIGHT */));
   const isTileSpotlighted = spotlightPeerId === peerId;
   const dragClassName = getDragClassName();
   const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
@@ -25858,7 +25935,7 @@ var MinimiseInset = () => {
   return /* @__PURE__ */ React122.createElement(React122.Fragment, null, /* @__PURE__ */ React122.createElement(StyledMenuTile.ItemButton, { className: dragClassName, css: spacingCSS, onClick: () => setMinimised(!minimised) }, /* @__PURE__ */ React122.createElement(ShrinkIcon, { height: 20, width: 20 }), /* @__PURE__ */ React122.createElement("span", null, minimised ? "Show" : "Minimise", " your video")));
 };
 var SimulcastLayers = ({ trackId }) => {
-  const track = useHMSStore67(selectTrackByID2(trackId));
+  const track = useHMSStore66(selectTrackByID2(trackId));
   const actions = useHMSActions42();
   const bg = useDropdownSelection();
   if (!track?.layerDefinitions?.length || track.degraded || !track.enabled) {
@@ -25946,11 +26023,11 @@ var TileMenuContent = ({
 }) => {
   const actions = useHMSActions42();
   const dragClassName = getDragClassName();
-  const permissions = useHMSStore67(selectPermissions18);
+  const permissions = useHMSStore66(selectPermissions18);
   const canChangeRole = !!permissions?.changeRole;
   const removeOthers = !!permissions?.removeOthers;
   const { userName } = useHMSPrebuiltContext();
-  const roles = useHMSStore67(selectAvailableRoleNames6);
+  const roles = useHMSStore66(selectAvailableRoleNames6);
   const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
     audioTrackID,
     videoTrackID
@@ -26058,21 +26135,21 @@ var TileMenu = ({
   canMinimise,
   enableSpotlightingPeer = true
 }) => {
-  const [open, setOpen] = useState53(false);
+  const [open, setOpen] = useState54(false);
   const { theme: theme2 } = useTheme();
-  const localPeerID = useHMSStore68(selectLocalPeerID11);
+  const localPeerID = useHMSStore67(selectLocalPeerID11);
   const isLocal = localPeerID === peerID;
-  const { removeOthers } = useHMSStore68(selectPermissions19) || {};
+  const { removeOthers } = useHMSStore67(selectPermissions19) || {};
   const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
   const showSpotlight = enableSpotlightingPeer;
-  const isPrimaryVideoTrack = useHMSStore68(selectVideoTrackByPeerID2(peerID))?.id === videoTrackID;
+  const isPrimaryVideoTrack = useHMSStore67(selectVideoTrackByPeerID2(peerID))?.id === videoTrackID;
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
-  const track = useHMSStore68(selectTrackByID3(videoTrackID));
+  const track = useHMSStore67(selectTrackByID3(videoTrackID));
   const hideSimulcastLayers = !track?.layerDefinitions?.length || track.degraded || !track.enabled;
   const isMobile = useMedia21(config.media.md);
-  const peer = useHMSStore68(selectPeerByID2(peerID));
-  const [showNameChangeModal, setShowNameChangeModal] = useState53(false);
-  const [showRoleChangeModal, setShowRoleChangeModal] = useState53(false);
+  const peer = useHMSStore67(selectPeerByID2(peerID));
+  const [showNameChangeModal, setShowNameChangeModal] = useState54(false);
+  const [showRoleChangeModal, setShowRoleChangeModal] = useState54(false);
   useDropdownList({ open, name: "TileMenu" });
   const dragClassName = getDragClassName();
   if (!(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
@@ -26150,9 +26227,9 @@ var getVideoTileLabel = ({ peerName, isLocal, track }) => {
 
 // src/Prebuilt/components/VideoTile.tsx
 var PeerMetadata = ({ peerId, size }) => {
-  const metaData = useHMSStore69(selectPeerMetadata4(peerId));
+  const metaData = useHMSStore68(selectPeerMetadata4(peerId));
   const isBRB = metaData?.isBRBOn || false;
-  const isHandRaised = useHMSStore69(selectHasPeerHandRaised3(peerId));
+  const isHandRaised = useHMSStore68(selectHasPeerHandRaised3(peerId));
   return /* @__PURE__ */ React124.createElement(React124.Fragment, null, isHandRaised ? /* @__PURE__ */ React124.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React124.createElement(HandIcon5, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React124.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React124.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
 };
 var Tile = ({
@@ -26172,16 +26249,16 @@ var Tile = ({
   hideMetadataOnTile = false
 }) => {
   const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
-  const track = useHMSStore69(trackSelector);
-  const peerName = useHMSStore69(selectPeerNameByID4(peerId));
-  const audioTrack = useHMSStore69(selectAudioTrackByPeerID2(peerId));
-  const localPeerID = useHMSStore69(selectLocalPeerID12);
+  const track = useHMSStore68(trackSelector);
+  const peerName = useHMSStore68(selectPeerNameByID4(peerId));
+  const audioTrack = useHMSStore68(selectAudioTrackByPeerID2(peerId));
+  const localPeerID = useHMSStore68(selectLocalPeerID12);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const isAudioMuted = !useHMSStore69(selectIsPeerAudioEnabled2(peerId));
+  const isAudioMuted = !useHMSStore68(selectIsPeerAudioEnabled2(peerId));
   const isVideoMuted = !track?.enabled;
-  const [isMouseHovered, setIsMouseHovered] = useState54(false);
+  const [isMouseHovered, setIsMouseHovered] = useState55(false);
   const isVideoDegraded = track?.degraded;
   const isLocal = localPeerID === peerId;
   const [pinnedTrackId] = useSetAppDataByKey(APP_DATA.pinnedTrackId);
@@ -26200,7 +26277,7 @@ var Tile = ({
   }, []);
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure3();
   const isTileBigEnoughToShowStats = calculatedHeight >= 180 && calculatedWidth >= 180;
-  const [avatarSize, attribBoxSize] = useMemo12(
+  const [avatarSize, attribBoxSize] = useMemo13(
     () => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
     [calculatedWidth, calculatedHeight]
   );
@@ -26268,7 +26345,7 @@ var VideoTile_default = VideoTile;
 
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
 init_define_process_env();
-import React127, { useEffect as useEffect33, useState as useState55 } from "react";
+import React127, { useEffect as useEffect36, useState as useState56 } from "react";
 import { useMedia as useMedia22 } from "react-use";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes3 } from "@100mslive/hms-virtual-background";
 import {
@@ -26280,7 +26357,7 @@ import {
   selectRoomState as selectRoomState4,
   selectVideoTrackByID as selectVideoTrackByID4,
   useHMSActions as useHMSActions43,
-  useHMSStore as useHMSStore70
+  useHMSStore as useHMSStore69
 } from "@100mslive/react-sdk";
 import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon24 } from "@100mslive/react-icons";
 
@@ -26460,25 +26537,25 @@ var iconDims = { height: "40px", width: "40px" };
 var VBPicker = ({ backgroundMedia = [] }) => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const hmsActions = useHMSActions43();
-  const localPeer = useHMSStore70(selectLocalPeer6);
-  const role = useHMSStore70(oi);
-  const isVideoOn = useHMSStore70(selectIsLocalVideoEnabled6);
+  const localPeer = useHMSStore69(selectLocalPeer6);
+  const role = useHMSStore69(oi);
+  const isVideoOn = useHMSStore69(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer?.videoTrack);
-  const track = useHMSStore70(trackSelector);
-  const [blurAmount, setBlurAmount] = useState55(VBHandler.getBlurAmount() || 0.5);
-  const roomState = useHMSStore70(selectRoomState4);
-  const isLargeRoom = useHMSStore70(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore70(Xh);
-  const effectsKey = useHMSStore70(Zh);
+  const track = useHMSStore69(trackSelector);
+  const [blurAmount, setBlurAmount] = useState56(VBHandler.getBlurAmount() || 0.5);
+  const roomState = useHMSStore69(selectRoomState4);
+  const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
+  const isEffectsEnabled = useHMSStore69(Zh);
+  const effectsKey = useHMSStore69(em);
   const isMobile = useMedia22(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
-  const isPluginAdded = useHMSStore70(selectIsLocalVideoPluginPresent(VBHandler?.getName() || ""));
-  const background = useHMSStore70(Sm(APP_DATA.background));
+  const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(VBHandler?.getName() || ""));
+  const background = useHMSStore69(gm(APP_DATA.background));
   const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
-  useEffect33(() => {
+  useEffect36(() => {
     if (!track?.id) {
       return;
     }
@@ -26524,7 +26601,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
     blurAmount,
     setLoadingEffects
   ]);
-  useEffect33(() => {
+  useEffect36(() => {
     if (!isVideoOn) {
       toggleVB();
     }
@@ -26717,9 +26794,9 @@ var SidePane = ({
   hideControls = false
 }) => {
   const isMobile = useMedia23(config.media.md);
-  const sidepane = useHMSStore71(selectAppData8(APP_DATA.sidePane));
-  const activeScreensharePeerId = useHMSStore71(selectAppData8(APP_DATA.activeScreensharePeerId));
-  const trackId = useHMSStore71(selectVideoTrackByPeerID4(activeScreensharePeerId))?.id;
+  const sidepane = useHMSStore70(selectAppData8(APP_DATA.sidePane));
+  const activeScreensharePeerId = useHMSStore70(selectAppData8(APP_DATA.activeScreensharePeerId));
+  const trackId = useHMSStore70(selectVideoTrackByPeerID4(activeScreensharePeerId))?.id;
   const { elements } = useRoomLayoutConferencingScreen();
   const { elements: preview_elements } = useRoomLayoutPreviewScreen();
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
@@ -26758,7 +26835,7 @@ var SidePane = ({
     return null;
   });
   const resetSidePane = useSidepaneReset();
-  useEffect34(() => {
+  useEffect37(() => {
     return () => {
       resetSidePane();
     };
@@ -26916,8 +26993,8 @@ var getParticipantChipContent = (peerCount = 0) => {
   return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
 };
 var useLocalTileAspectRatio = () => {
-  const localPeer = useHMSStore72(selectLocalPeer7);
-  const videoTrack = useHMSStore72(selectVideoTrackByID5(localPeer?.videoTrack));
+  const localPeer = useHMSStore71(selectLocalPeer7);
+  const videoTrack = useHMSStore71(selectVideoTrackByID5(localPeer?.videoTrack));
   const isMobile = useMedia25(config.media.md);
   let aspectRatio = 0;
   if (videoTrack?.width && videoTrack?.height) {
@@ -26938,12 +27015,12 @@ var PreviewJoin = ({
   );
   const { isStreamingOn } = useRecordingStreaming11();
   const authToken = useAuthToken();
-  const [name, setName] = useState56(initialName || previewPreference.name);
+  const [name, setName] = useState57(initialName || previewPreference.name);
   const { toggleAudio, toggleVideo } = useAVToggle3();
-  const [previewError, setPreviewError] = useState56(false);
+  const [previewError, setPreviewError] = useState57(false);
   const { endpoints } = useHMSPrebuiltContext();
   const { peerCount } = useParticipants2();
-  const loadingEffects = useHMSStore72(selectAppData9(APP_DATA.loadingEffects));
+  const loadingEffects = useHMSStore71(selectAppData9(APP_DATA.loadingEffects));
   const { enableJoin, preview, join } = usePreviewJoin({
     name,
     token: authToken,
@@ -26961,7 +27038,7 @@ var PreviewJoin = ({
     },
     asRole
   });
-  const roomState = useHMSStore72(selectRoomState5);
+  const roomState = useHMSStore71(selectRoomState5);
   const savePreferenceAndJoin = useCallback32(() => {
     setPreviewPreference({
       name
@@ -26971,7 +27048,7 @@ var PreviewJoin = ({
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { preview_header: previewHeader = {}, virtual_background } = elements || {};
   const aspectRatio = useLocalTileAspectRatio();
-  useEffect35(() => {
+  useEffect38(() => {
     if (authToken) {
       if (skipPreview) {
         savePreferenceAndJoin();
@@ -26980,7 +27057,7 @@ var PreviewJoin = ({
       }
     }
   }, [authToken, skipPreview]);
-  useEffect35(() => {
+  useEffect38(() => {
     if (initialName) {
       setName(initialName);
     }
@@ -27027,16 +27104,16 @@ var Container4 = styled("div", {
   px: "$10"
 });
 var PreviewTile = ({ name, error }) => {
-  const localPeer = useHMSStore72(selectLocalPeer7);
+  const localPeer = useHMSStore71(selectLocalPeer7);
   const { isLocalAudioEnabled, toggleAudio } = useAVToggle3();
-  const isVideoOn = useHMSStore72(selectIsLocalVideoEnabled7);
+  const isVideoOn = useHMSStore71(selectIsLocalVideoEnabled7);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID5(localPeer?.videoTrack);
-  const track = useHMSStore72(trackSelector);
+  const track = useHMSStore71(trackSelector);
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   const aspectRatio = useLocalTileAspectRatio();
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
-  const [avatarSize, attribBoxSize] = useMemo13(
+  const [avatarSize, attribBoxSize] = useMemo14(
     () => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
     [calculatedWidth, calculatedHeight]
   );
@@ -27088,7 +27165,7 @@ var PreviewControls = ({ hideSettings, vbEnabled }) => {
   );
 };
 var PreviewSettings = React132.memo(() => {
-  const [open, setOpen] = useState56(false);
+  const [open, setOpen] = useState57(false);
   return /* @__PURE__ */ React132.createElement(Fragment12, null, /* @__PURE__ */ React132.createElement(IconButton_default, { "data-testid": "preview_setting_btn", css: { flexShrink: 0 }, onClick: () => setOpen((value) => !value) }, /* @__PURE__ */ React132.createElement(SettingsIcon6, null)), open && /* @__PURE__ */ React132.createElement(SettingsModal_default, { open, onOpenChange: setOpen }));
 });
 var PreviewJoin_default = PreviewJoin;
@@ -27122,14 +27199,14 @@ var RequestActions = ({
 var RoleChangeRequestModal = () => {
   const hmsActions = useHMSActions44();
   const { updateMetaData } = useMyMetadata();
-  const isPreview = useHMSStore73(selectIsInPreview);
-  const currentRole = useHMSStore73(selectLocalPeerRoleName4);
-  const roleChangeRequest = useHMSStore73(selectRoleChangeRequest);
-  const name = useHMSStore73(selectLocalPeerName4);
+  const isPreview = useHMSStore72(selectIsInPreview);
+  const currentRole = useHMSStore72(selectLocalPeerRoleName4);
+  const roleChangeRequest = useHMSStore72(selectRoleChangeRequest);
+  const name = useHMSStore72(selectLocalPeerName4);
   const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { virtual_background } = elements || {};
-  useEffect36(() => {
+  useEffect39(() => {
     if (!roleChangeRequest?.role) {
       return;
     }
@@ -27192,47 +27269,110 @@ var RoleChangeRequestModal = () => {
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
 init_define_process_env();
-import React153, { Suspense, useEffect as useEffect50 } from "react";
+import React153, { Suspense, useEffect as useEffect53 } from "react";
 import { match as match12 } from "ts-pattern";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions46, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
+import {
+  selectIsConnectedToRoom as selectIsConnectedToRoom9,
+  selectIsLocalScreenShared as selectIsLocalScreenShared2,
+  selectLocalPeerRoleName as selectLocalPeerRoleName6,
+  useHMSActions as useHMSActions46,
+  useHMSStore as useHMSStore83
+} from "@100mslive/react-sdk";
+import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon6 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
-import React148, { useEffect as useEffect45, useMemo as useMemo19, useState as useState64 } from "react";
+import React149, { useEffect as useEffect48, useMemo as useMemo19, useState as useState65 } from "react";
 import {
   selectLocalPeerID as selectLocalPeerID14,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
   selectPeerScreenSharing as selectPeerScreenSharing2,
   selectWhiteboard as selectWhiteboard2,
-  useHMSStore as useHMSStore81,
+  useHMSStore as useHMSStore79,
   useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
-import React139, { useEffect as useEffect40, useMemo as useMemo15, useState as useState58 } from "react";
+import React140, { useEffect as useEffect43, useState as useState59 } from "react";
 import { useMedia as useMedia29 } from "react-use";
-import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
+import { PeopleAddIcon as PeopleAddIcon2 } from "@100mslive/react-icons";
+
+// src/Prebuilt/layouts/WaitingView.tsx
+init_define_process_env();
+import React135 from "react";
+var WaitingView = React135.memo(
+  ({ icon, title, subtitle }) => {
+    return /* @__PURE__ */ React135.createElement(
+      Flex,
+      {
+        align: "center",
+        direction: "column",
+        css: {
+          textAlign: "center",
+          margin: "auto",
+          h: "100%",
+          justifyContent: "center",
+          gap: "$8"
+        }
+      },
+      /* @__PURE__ */ React135.createElement(
+        Box,
+        {
+          css: {
+            backgroundColor: "$surface_default",
+            display: "flex",
+            alignItems: "center",
+            gap: "$4",
+            size: "$20",
+            r: "$round",
+            justifyContent: "center"
+          }
+        },
+        icon
+      ),
+      /* @__PURE__ */ React135.createElement(
+        Flex,
+        {
+          direction: "column",
+          css: {
+            p: "$1",
+            gap: "$4"
+          }
+        },
+        /* @__PURE__ */ React135.createElement(Text, { variant: "h4", css: { "@md": { fontSize: "$md", color: "$on_surface_high" } } }, title),
+        /* @__PURE__ */ React135.createElement(
+          Text,
+          {
+            variant: "body1",
+            css: { fontWeight: "$regular", color: "$on_surface_medium", "@md": { fontSize: "$sm" } }
+          },
+          subtitle
+        )
+      )
+    );
+  }
+);
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
-import React136, { useEffect as useEffect37, useRef as useRef24 } from "react";
+import React137, { useEffect as useEffect40, useRef as useRef25 } from "react";
 import Draggable from "react-draggable";
 import { useMedia as useMedia27 } from "react-use";
 import {
-  selectIsAllowedToPublish as selectIsAllowedToPublish2,
+  selectIsAllowedToPublish as selectIsAllowedToPublish3,
   selectLocalPeer as selectLocalPeer8,
   selectPeerByID as selectPeerByID3,
   selectVideoTrackByID as selectVideoTrackByID6,
-  useHMSStore as useHMSStore74
+  useHMSStore as useHMSStore73
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/hooks/useVideoTileLayout.ts
 init_define_process_env();
-import React135, { useContext as useContext3 } from "react";
-var VideoTileContext = React135.createContext({
+import React136, { useContext as useContext3 } from "react";
+var VideoTileContext = React136.createContext({
   enableSpotlightingPeer: true,
   hideParticipantNameOnTile: false,
   roundedVideoTile: true,
@@ -27248,14 +27388,14 @@ var useVideoTileContext = () => {
 
 // src/Prebuilt/components/InsetTile.tsx
 var MinimisedTile = ({ setMinimised }) => {
-  return /* @__PURE__ */ React136.createElement(Flex, { align: "center", css: { gap: "$6", r: "$1", bg: "$surface_default", p: "$4", color: "$on_surface_high" } }, /* @__PURE__ */ React136.createElement(AudioVideoToggle, { hideOptions: true }), /* @__PURE__ */ React136.createElement(Text, null, "You"), /* @__PURE__ */ React136.createElement(
+  return /* @__PURE__ */ React137.createElement(Flex, { align: "center", css: { gap: "$6", r: "$1", bg: "$surface_default", p: "$4", color: "$on_surface_high" } }, /* @__PURE__ */ React137.createElement(AudioVideoToggle, { hideOptions: true }), /* @__PURE__ */ React137.createElement(Text, null, "You"), /* @__PURE__ */ React137.createElement(
     IconButton_default,
     {
       className: "__cancel-drag-event",
       onClick: () => setMinimised(false),
       css: { bg: "transparent", border: "transparent" }
     },
-    /* @__PURE__ */ React136.createElement(ExpandIcon2, null)
+    /* @__PURE__ */ React137.createElement(ExpandIcon2, null)
   ));
 };
 var insetHeightPx = 180;
@@ -27266,10 +27406,10 @@ var InsetTile = ({ peerId }) => {
   const isMobile = useMedia27(config.media.md);
   const isLandscape = useMedia27(config.media.ls);
   const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer8;
-  const peer = useHMSStore74(selector);
+  const peer = useHMSStore73(selector);
   const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
-  const videoTrack = useHMSStore74(selectVideoTrackByID6(peer?.videoTrack));
-  const isAllowedToPublish = useHMSStore74(selectIsAllowedToPublish2);
+  const videoTrack = useHMSStore73(selectVideoTrackByID6(peer?.videoTrack));
+  const isAllowedToPublish = useHMSStore73(selectIsAllowedToPublish3);
   const videoTileProps = useVideoTileContext();
   let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
   if (videoTrack?.width && videoTrack?.height && !isMobile) {
@@ -27281,8 +27421,8 @@ var InsetTile = ({ peerId }) => {
     width = 240;
     height = width / aspectRatio;
   }
-  const nodeRef = useRef24(null);
-  useEffect37(() => {
+  const nodeRef = useRef25(null);
+  useEffect40(() => {
     const node = nodeRef.current;
     if (!node || !window.ResizeObserver) {
       return;
@@ -27303,7 +27443,7 @@ var InsetTile = ({ peerId }) => {
   if (!isAllowedToPublish.video && !isAllowedToPublish.audio) {
     return null;
   }
-  return /* @__PURE__ */ React136.createElement(Draggable, { bounds: "parent", nodeRef, cancel: ".__cancel-drag-event" }, /* @__PURE__ */ React136.createElement(
+  return /* @__PURE__ */ React137.createElement(Draggable, { bounds: "parent", nodeRef, cancel: ".__cancel-drag-event" }, /* @__PURE__ */ React137.createElement(
     Box,
     {
       ref: nodeRef,
@@ -27320,7 +27460,7 @@ var InsetTile = ({ peerId }) => {
         } : {}
       }
     },
-    minimised ? /* @__PURE__ */ React136.createElement(MinimisedTile, { setMinimised }) : /* @__PURE__ */ React136.createElement(
+    minimised ? /* @__PURE__ */ React137.createElement(MinimisedTile, { setMinimised }) : /* @__PURE__ */ React137.createElement(
       VideoTile_default,
       {
         peerId: peer?.id,
@@ -27343,7 +27483,7 @@ var InsetTile = ({ peerId }) => {
 
 // src/Prebuilt/components/Pagination.tsx
 init_define_process_env();
-import React137, { useEffect as useEffect38 } from "react";
+import React138, { useEffect as useEffect41 } from "react";
 import { ChevronLeftIcon as ChevronLeftIcon7, ChevronRightIcon as ChevronRightIcon4 } from "@100mslive/react-icons";
 var Pagination = ({
   page,
@@ -27360,7 +27500,7 @@ var Pagination = ({
     e.stopPropagation();
     onPageChange(Math.max(page - 1, 0));
   };
-  useEffect38(() => {
+  useEffect41(() => {
     if (page >= numPages) {
       onPageChange(Math.max(0, numPages - 1));
     }
@@ -27368,7 +27508,7 @@ var Pagination = ({
   if (numPages <= 1) {
     return null;
   }
-  return /* @__PURE__ */ React137.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React137.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React137.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React137.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_, i) => /* @__PURE__ */ React137.createElement(
+  return /* @__PURE__ */ React138.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React138.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React138.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React138.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_, i) => /* @__PURE__ */ React138.createElement(
     StyledPagination.Dot,
     {
       key: i,
@@ -27378,16 +27518,16 @@ var Pagination = ({
         onPageChange(i);
       }
     }
-  ))) : null, /* @__PURE__ */ React137.createElement(StyledPagination.Chevron, { disabled: disableRight, onClick: nextPage }, /* @__PURE__ */ React137.createElement(ChevronRightIcon4, { width: 16, height: 16, style: { cursor: disableRight ? "not-allowed" : "pointer" } })));
+  ))) : null, /* @__PURE__ */ React138.createElement(StyledPagination.Chevron, { disabled: disableRight, onClick: nextPage }, /* @__PURE__ */ React138.createElement(ChevronRightIcon4, { width: 16, height: 16, style: { cursor: disableRight ? "not-allowed" : "pointer" } })));
 };
 
 // src/Prebuilt/components/VideoLayouts/Grid.tsx
 init_define_process_env();
-import React138 from "react";
-var Grid = React138.forwardRef(
+import React139 from "react";
+var Grid = React139.forwardRef(
   ({ tiles, edgeToEdge }, ref) => {
     const videoTileProps = useVideoTileContext();
-    return /* @__PURE__ */ React138.createElement(
+    return /* @__PURE__ */ React139.createElement(
       Box,
       {
         ref,
@@ -27404,7 +27544,7 @@ var Grid = React138.forwardRef(
         }
       },
       tiles?.map((tile) => {
-        return /* @__PURE__ */ React138.createElement(
+        return /* @__PURE__ */ React139.createElement(
           VideoTile_default,
           {
             key: tile.track?.id || tile.peer?.id,
@@ -27424,7 +27564,7 @@ var Grid = React138.forwardRef(
 
 // src/Prebuilt/components/hooks/useTileLayout.tsx
 init_define_process_env();
-import { useEffect as useEffect39, useMemo as useMemo14, useState as useState57 } from "react";
+import { useEffect as useEffect42, useMemo as useMemo15, useState as useState58 } from "react";
 import { useMeasure as useMeasure5, useMedia as useMedia28 } from "react-use";
 import {
   getPeersWithTiles,
@@ -27435,12 +27575,12 @@ var aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4
 var usePagesWithTiles = ({ peers, maxTileCount }) => {
   const vanillaStore = useHMSVanillaStore11();
   const tracksMap = vanillaStore.getState(selectTracksMap4);
-  const peersWithTiles = useMemo14(
+  const peersWithTiles = useMemo15(
     () => getPeersWithTiles(peers, tracksMap, () => false),
     [peers, tracksMap]
   );
   const noOfPages = Math.ceil(peersWithTiles.length / maxTileCount);
-  const pagesList = useMemo14(() => {
+  const pagesList = useMemo15(() => {
     let sliceStart = 0;
     let remaining = peersWithTiles.length;
     const list = [];
@@ -27462,8 +27602,8 @@ var useTileLayout = ({
   const vanillaStore = useHMSVanillaStore11();
   const [ref, { width, height }] = useMeasure5();
   const isMobile = useMedia28(config.media.lg);
-  const [pagesWithTiles, setPagesWithTiles] = useState57([]);
-  useEffect39(() => {
+  const [pagesWithTiles, setPagesWithTiles] = useState58([]);
+  useEffect42(() => {
     if (width === 0 || height === 0) {
       return;
     }
@@ -27478,7 +27618,7 @@ var useTileLayout = ({
       const matrix = new Array(maxRows).fill(null).map((_, i) => {
         const numCols = Math.min(maxCols, noOfTilesInPage - i * maxCols);
         const rowElements = [];
-        for (let j = 0; j < numCols; j++) {
+        for (let j2 = 0; j2 < numCols; j2++) {
           if (index < page.length) {
             rowElements.push(page[index++]);
           }
@@ -27507,10 +27647,10 @@ var useTileLayout = ({
             tileHeight = maxRowHeight;
             const calcWidths = aspectRatios.map((aR) => tileHeight * aR);
             tileWidth = 0;
-            for (const w of calcWidths) {
-              if (w < width) {
-                if (tileWidth < w) {
-                  tileWidth = w;
+            for (const w2 of calcWidths) {
+              if (w2 < width) {
+                if (tileWidth < w2) {
+                  tileWidth = w2;
                 }
               }
             }
@@ -27529,37 +27669,26 @@ var useTileLayout = ({
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
-  const localPeer = useHMSStore75(selectLocalPeer9);
   const isMobile = useMedia29(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
-  let pageList = usePagesWithTiles({
+  const pageList = usePagesWithTiles({
     peers,
     maxTileCount
   });
-  const inputPeers = useMemo15(() => {
-    if (pageList.length === 0) {
-      return localPeer ? [localPeer] : [];
-    }
-    return peers;
-  }, [pageList.length, peers, localPeer]);
-  pageList = usePagesWithTiles({
-    peers: inputPeers,
-    maxTileCount
-  });
   const { ref, pagesWithTiles } = useTileLayout({
     pageList,
     maxTileCount,
     edgeToEdge
   });
-  const [page, setPage] = useState58(0);
+  const [page, setPage] = useState59(0);
   const pageSize = pagesWithTiles[0]?.length || 0;
-  useEffect40(() => {
+  useEffect43(() => {
     if (pageSize > 0) {
       onPageSize?.(pageSize);
     }
   }, [pageSize, onPageSize]);
-  return /* @__PURE__ */ React139.createElement(Flex, { direction: "column", css: { flex: "1 1 0", h: "100%", position: "relative", minWidth: 0 } }, /* @__PURE__ */ React139.createElement(Grid, { tiles: pagesWithTiles[page], ref, edgeToEdge }), !edgeToEdge && /* @__PURE__ */ React139.createElement(
+  return /* @__PURE__ */ React140.createElement(Flex, { direction: "column", css: { flex: "1 1 0", h: "100%", position: "relative", minWidth: 0 } }, /* @__PURE__ */ React140.createElement(Grid, { tiles: pagesWithTiles[page], ref, edgeToEdge }), !edgeToEdge && /* @__PURE__ */ React140.createElement(
     Pagination,
     {
       page,
@@ -27569,30 +27698,37 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
       },
       numPages: pagesWithTiles.length
     }
-  ), isInsetEnabled && pageList.length > 0 && pageList[0][0].peer.id !== localPeer?.id && /* @__PURE__ */ React139.createElement(InsetTile, null));
+  ), pageList.length === 0 ? /* @__PURE__ */ React140.createElement(
+    WaitingView,
+    {
+      title: "Waiting for Host to join",
+      subtitle: "Sit back and relax till others join",
+      icon: /* @__PURE__ */ React140.createElement(PeopleAddIcon2, { width: "56px", height: "56px", style: { color: "white" } })
+    }
+  ) : null, isInsetEnabled && /* @__PURE__ */ React140.createElement(InsetTile, null));
 }
 
 // src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
 init_define_process_env();
-import React142, { useEffect as useEffect42, useState as useState60 } from "react";
+import React143, { useEffect as useEffect45, useState as useState61 } from "react";
 import { useMedia as useMedia31 } from "react-use";
-import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
-import React141, { useEffect as useEffect41, useRef as useRef25, useState as useState59 } from "react";
+import React142, { useEffect as useEffect44, useRef as useRef26, useState as useState60 } from "react";
 import { useMedia as useMedia30 } from "react-use";
-import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
 init_define_process_env();
-import React140 from "react";
+import React141 from "react";
 var Root26 = ({
   children,
   edgeToEdge,
   hasSidebar
 }) => {
-  return /* @__PURE__ */ React140.createElement(
+  return /* @__PURE__ */ React141.createElement(
     Flex,
     {
       direction: hasSidebar ? "row" : "column",
@@ -27602,7 +27738,7 @@ var Root26 = ({
   );
 };
 var ProminentSection = ({ children, css: css2 = {} }) => {
-  return /* @__PURE__ */ React140.createElement(Flex, { direction: "column", css: { flex: "1 1 0", gap: "$2", minHeight: 0, ...css2 } }, children);
+  return /* @__PURE__ */ React141.createElement(Flex, { direction: "column", css: { flex: "1 1 0", gap: "$2", minHeight: 0, ...css2 } }, children);
 };
 var SecondarySection = ({
   tiles,
@@ -27620,10 +27756,10 @@ var SecondarySection = ({
     maxHeight: "100%",
     width: 240
   } : {
-    gridTemplateRows: React140.Children.count(children) > 0 ? "136px auto" : "154px",
+    gridTemplateRows: React141.Children.count(children) > 0 ? "136px auto" : "154px",
     gridTemplateColumns: `repeat(${tiles.length}, minmax(0, 1fr))`
   };
-  return /* @__PURE__ */ React140.createElement(
+  return /* @__PURE__ */ React141.createElement(
     Box,
     {
       css: {
@@ -27636,7 +27772,7 @@ var SecondarySection = ({
       }
     },
     tiles.map((tile) => {
-      return /* @__PURE__ */ React140.createElement(
+      return /* @__PURE__ */ React141.createElement(
         VideoTile_default,
         {
           key: tile.track?.id || tile.peer?.id,
@@ -27654,7 +27790,7 @@ var SecondarySection = ({
         }
       );
     }),
-    children && /* @__PURE__ */ React140.createElement(Box, { css: { gridColumn: hasSidebar ? 1 : `1/span ${tiles.length}` } }, children)
+    children && /* @__PURE__ */ React141.createElement(Box, { css: { gridColumn: hasSidebar ? 1 : `1/span ${tiles.length}` } }, children)
   );
 };
 var ProminenceLayout = {
@@ -27667,12 +27803,12 @@ var ProminenceLayout = {
 var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
   const isMobile = useMedia30(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
-  const [page, setPage] = useState59(0);
-  const pinnedTrackId = useHMSStore76(selectAppData10(APP_DATA.pinnedTrackId));
-  const spotlightPeerId = useHMSStore76(selectSessionStore11("spotlight" /* SPOTLIGHT */));
-  const activeScreensharePeerId = useHMSStore76(selectAppData10(APP_DATA.activeScreensharePeerId));
-  const pinnedPeer = useHMSStore76(selectTrackByID4(pinnedTrackId))?.peerId;
-  const pageChangedAfterPinning = useRef25(false);
+  const [page, setPage] = useState60(0);
+  const pinnedTrackId = useHMSStore74(selectAppData10(APP_DATA.pinnedTrackId));
+  const spotlightPeerId = useHMSStore74(selectSessionStore11("spotlight" /* SPOTLIGHT */));
+  const activeScreensharePeerId = useHMSStore74(selectAppData10(APP_DATA.activeScreensharePeerId));
+  const pinnedPeer = useHMSStore74(selectTrackByID4(pinnedTrackId))?.peerId;
+  const pageChangedAfterPinning = useRef26(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
       if (activeScreensharePeerId === p1.id) {
@@ -27693,17 +27829,17 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
     maxTileCount
   });
   const pageSize = pagesWithTiles[0]?.length || 0;
-  useEffect41(() => {
+  useEffect44(() => {
     if (peers.length > 0 && !pagesWithTiles[page]?.length) {
       setPage(Math.max(0, page - 1));
     }
   }, [peers, page, pagesWithTiles]);
-  useEffect41(() => {
+  useEffect44(() => {
     if (pageSize > 0) {
       onPageSize?.(pageSize);
     }
   }, [pageSize, onPageSize]);
-  useEffect41(() => {
+  useEffect44(() => {
     if ((pinnedPeer || spotlightPeerId) && page !== 0 && !pageChangedAfterPinning.current) {
       setPage(0);
       pageChangedAfterPinning.current = true;
@@ -27711,7 +27847,7 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
       pageChangedAfterPinning.current = false;
     }
   }, [pinnedPeer, spotlightPeerId, page]);
-  return /* @__PURE__ */ React141.createElement(ProminenceLayout.SecondarySection, { tiles: pagesWithTiles[page], edgeToEdge, hasSidebar }, !edgeToEdge && /* @__PURE__ */ React141.createElement(
+  return /* @__PURE__ */ React142.createElement(ProminenceLayout.SecondarySection, { tiles: pagesWithTiles[page], edgeToEdge, hasSidebar }, !edgeToEdge && /* @__PURE__ */ React142.createElement(
     Pagination,
     {
       page,
@@ -27769,7 +27905,7 @@ function RoleProminence({
   edgeToEdge
 }) {
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = useHMSStore77(selectLocalPeer10);
+  const localPeer = useHMSStore75(selectLocalPeer9);
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
   const isMobile = useMedia31(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
@@ -27782,14 +27918,14 @@ function RoleProminence({
     pageList,
     maxTileCount
   });
-  const [page, setPage] = useState60(0);
+  const [page, setPage] = useState61(0);
   const pageSize = pagesWithTiles[0]?.length || 0;
-  useEffect42(() => {
+  useEffect45(() => {
     if (pageSize > 0) {
       onPageSize?.(pageSize);
     }
   }, [pageSize, onPageSize]);
-  return /* @__PURE__ */ React142.createElement(ProminenceLayout.Root, { hasSidebar: layoutMode === LayoutMode.SIDEBAR }, /* @__PURE__ */ React142.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React142.createElement(Grid, { ref, tiles: pagesWithTiles[page] })), !edgeToEdge && /* @__PURE__ */ React142.createElement(
+  return /* @__PURE__ */ React143.createElement(ProminenceLayout.Root, { hasSidebar: layoutMode === LayoutMode.SIDEBAR }, /* @__PURE__ */ React143.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React143.createElement(Grid, { ref, tiles: pagesWithTiles[page] })), !edgeToEdge && /* @__PURE__ */ React143.createElement(
     Pagination,
     {
       page,
@@ -27799,7 +27935,7 @@ function RoleProminence({
       },
       numPages: pagesWithTiles.length
     }
-  ), /* @__PURE__ */ React142.createElement(
+  ), /* @__PURE__ */ React143.createElement(
     SecondaryTiles,
     {
       peers: layoutMode === LayoutMode.SPOTLIGHT ? [] : secondaryPeers,
@@ -27807,18 +27943,18 @@ function RoleProminence({
       edgeToEdge,
       hasSidebar: layoutMode === LayoutMode.SIDEBAR
     }
-  ), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ React142.createElement(InsetTile, null));
+  ), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ React143.createElement(InsetTile, null));
 }
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
-import React146, { useEffect as useEffect43, useMemo as useMemo17, useState as useState63 } from "react";
+import React147, { useEffect as useEffect46, useMemo as useMemo17, useState as useState64 } from "react";
 import { useMedia as useMedia33 } from "react-use";
-import { selectPeersScreenSharing, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
+import { selectPeersScreenSharing, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
-import React145, { useRef as useRef26, useState as useState62 } from "react";
+import React146, { useRef as useRef27, useState as useState63 } from "react";
 import { useFullscreen as useFullscreen2, useMedia as useMedia32 } from "react-use";
 import screenfull2 from "screenfull";
 import {
@@ -27826,16 +27962,16 @@ import {
   selectPeerByID as selectPeerByID4,
   selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
   selectScreenShareByPeerID as selectScreenShareByPeerID2,
-  useHMSStore as useHMSStore78
+  useHMSStore as useHMSStore76
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/LayoutModeSelector.tsx
 init_define_process_env();
-import React143, { useCallback as useCallback33, useState as useState61 } from "react";
+import React144, { useCallback as useCallback33, useState as useState62 } from "react";
 import { CheckIcon as CheckIcon7, ChevronDownIcon as ChevronDownIcon9, ChevronUpIcon as ChevronUpIcon7 } from "@100mslive/react-icons";
 var LayoutModeSelector = () => {
-  const [open, setOpen] = useState61(false);
+  const [open, setOpen] = useState62(false);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const updateLayoutMode = useCallback33(
     (value) => {
@@ -27844,7 +27980,7 @@ var LayoutModeSelector = () => {
     },
     [setLayoutMode, setOpen]
   );
-  return /* @__PURE__ */ React143.createElement(Popover2.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React143.createElement(Popover2.Trigger, { asChild: true }, /* @__PURE__ */ React143.createElement(
+  return /* @__PURE__ */ React144.createElement(Popover2.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React144.createElement(Popover2.Trigger, { asChild: true }, /* @__PURE__ */ React144.createElement(
     Flex,
     {
       align: "center",
@@ -27856,7 +27992,7 @@ var LayoutModeSelector = () => {
         height: "100%"
       }
     },
-    /* @__PURE__ */ React143.createElement(
+    /* @__PURE__ */ React144.createElement(
       Flex,
       {
         align: "center",
@@ -27871,9 +28007,9 @@ var LayoutModeSelector = () => {
       },
       LayoutModeIconMapping[layoutMode]
     ),
-    /* @__PURE__ */ React143.createElement(Text, { variant: "caption", css: { color: "inherit", lineHeight: "$sm" } }, layoutMode),
-    open ? /* @__PURE__ */ React143.createElement(ChevronUpIcon7, { width: 16, height: 16 }) : /* @__PURE__ */ React143.createElement(ChevronDownIcon9, { width: 16, height: 16 })
-  )), /* @__PURE__ */ React143.createElement(
+    /* @__PURE__ */ React144.createElement(Text, { variant: "caption", css: { color: "inherit", lineHeight: "$sm" } }, layoutMode),
+    open ? /* @__PURE__ */ React144.createElement(ChevronUpIcon7, { width: 16, height: 16 }) : /* @__PURE__ */ React144.createElement(ChevronDownIcon9, { width: 16, height: 16 })
+  )), /* @__PURE__ */ React144.createElement(
     Popover2.Content,
     {
       css: {
@@ -27893,7 +28029,7 @@ var LayoutModeSelector = () => {
     },
     Object.keys(LayoutMode).map((key) => {
       const value = LayoutMode[key];
-      return /* @__PURE__ */ React143.createElement(
+      return /* @__PURE__ */ React144.createElement(
         Flex,
         {
           key,
@@ -27912,7 +28048,7 @@ var LayoutModeSelector = () => {
             }
           }
         },
-        /* @__PURE__ */ React143.createElement(
+        /* @__PURE__ */ React144.createElement(
           Flex,
           {
             align: "center",
@@ -27927,8 +28063,8 @@ var LayoutModeSelector = () => {
           },
           LayoutModeIconMapping[value]
         ),
-        /* @__PURE__ */ React143.createElement(Text, { variant: "caption", css: { lineHeight: "$sm" } }, value),
-        value === layoutMode ? /* @__PURE__ */ React143.createElement(CheckIcon7, { width: 20, height: 20, style: { marginLeft: "auto" } }) : null
+        /* @__PURE__ */ React144.createElement(Text, { variant: "caption", css: { lineHeight: "$sm" } }, value),
+        value === layoutMode ? /* @__PURE__ */ React144.createElement(CheckIcon7, { width: 20, height: 20, style: { marginLeft: "auto" } }) : null
       );
     })
   ));
@@ -27936,12 +28072,12 @@ var LayoutModeSelector = () => {
 
 // src/Prebuilt/components/ScreenshareDisplay.tsx
 init_define_process_env();
-import React144 from "react";
+import React145 from "react";
 import { useHMSActions as useHMSActions45 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon25, ShareScreenIcon as ShareScreenIcon5 } from "@100mslive/react-icons";
 var ScreenshareDisplay = () => {
   const hmsActions = useHMSActions45();
-  return /* @__PURE__ */ React144.createElement(
+  return /* @__PURE__ */ React145.createElement(
     Flex,
     {
       direction: "column",
@@ -27953,9 +28089,9 @@ var ScreenshareDisplay = () => {
         color: "$on_surface_high"
       }
     },
-    /* @__PURE__ */ React144.createElement(ShareScreenIcon5, { width: 48, height: 48 }),
-    /* @__PURE__ */ React144.createElement(Text, { variant: "h5", css: { m: "$8 0" } }, "You are sharing your screen"),
-    /* @__PURE__ */ React144.createElement(
+    /* @__PURE__ */ React145.createElement(ShareScreenIcon5, { width: 48, height: 48 }),
+    /* @__PURE__ */ React145.createElement(Text, { variant: "h5", css: { m: "$8 0" } }, "You are sharing your screen"),
+    /* @__PURE__ */ React145.createElement(
       Button,
       {
         variant: "danger",
@@ -27965,7 +28101,7 @@ var ScreenshareDisplay = () => {
         },
         "data-testid": "stop_screen_share_btn"
       },
-      /* @__PURE__ */ React144.createElement(CrossIcon25, { width: 18, height: 18 }),
+      /* @__PURE__ */ React145.createElement(CrossIcon25, { width: 18, height: 18 }),
       "\xA0 Stop screen share"
     )
   );
@@ -27981,23 +28117,23 @@ var labelStyles = {
   flexShrink: 0
 };
 var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-  const isLocal = useHMSStore78(selectLocalPeerID13) === peerId;
-  const track = useHMSStore78(selectScreenShareByPeerID2(peerId));
+  const isLocal = useHMSStore76(selectLocalPeerID13) === peerId;
+  const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
   const { theme: theme2 } = useTheme();
-  const peer = useHMSStore78(selectPeerByID4(peerId));
+  const peer = useHMSStore76(selectPeerByID4(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
-  const [isMouseHovered, setIsMouseHovered] = useState62(false);
+  const [isMouseHovered, setIsMouseHovered] = useState63(false);
   const isMobile = useMedia32(config.media.md);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const fullscreenRef = useRef26(null);
-  const [fullscreen, setFullscreen] = useState62(false);
+  const fullscreenRef = useRef27(null);
+  const [fullscreen, setFullscreen] = useState63(false);
   const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
     onClose: () => setFullscreen(false)
   });
   const isFullScreenSupported = screenfull2.isEnabled;
-  const audioTrack = useHMSStore78(selectScreenShareAudioByPeerID2(peer?.id));
+  const audioTrack = useHMSStore76(selectScreenShareAudioByPeerID2(peer?.id));
   if (isLocal && track?.displaySurface && !["browser", "window", "application"].includes(track.displaySurface)) {
-    return /* @__PURE__ */ React145.createElement(ScreenshareDisplay, null);
+    return /* @__PURE__ */ React146.createElement(ScreenshareDisplay, null);
   }
   if (!peer) {
     return null;
@@ -28007,7 +28143,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
     isLocal: false,
     track
   });
-  return /* @__PURE__ */ React145.createElement(
+  return /* @__PURE__ */ React146.createElement(
     StyledVideoTile.Root,
     {
       css: {
@@ -28018,7 +28154,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
       },
       "data-testid": "screenshare_tile"
     },
-    /* @__PURE__ */ React145.createElement(
+    /* @__PURE__ */ React146.createElement(
       StyledVideoTile.Container,
       {
         transparentBg: true,
@@ -28029,16 +28165,16 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
           setIsMouseHovered(false);
         }
       },
-      showStatsOnTiles ? /* @__PURE__ */ React145.createElement(VideoTileStats, { audioTrackID: audioTrack?.id, videoTrackID: track?.id, peerID: peerId, isLocal }) : null,
-      isFullScreenSupported && isMouseHovered ? /* @__PURE__ */ React145.createElement(
+      showStatsOnTiles ? /* @__PURE__ */ React146.createElement(VideoTileStats, { audioTrackID: audioTrack?.id, videoTrackID: track?.id, peerID: peerId, isLocal }) : null,
+      isFullScreenSupported && isMouseHovered ? /* @__PURE__ */ React146.createElement(
         StyledVideoTile.FullScreenButton,
         {
           css: { bg: `${theme2.colors.background_dim.value}A3` },
           onClick: () => setFullscreen(!fullscreen)
         },
-        isFullscreen ? /* @__PURE__ */ React145.createElement(ShrinkIcon2, null) : /* @__PURE__ */ React145.createElement(ExpandIcon3, null)
+        isFullscreen ? /* @__PURE__ */ React146.createElement(ShrinkIcon2, null) : /* @__PURE__ */ React146.createElement(ExpandIcon3, null)
       ) : null,
-      !isMobile && isMouseHovered && !isFullscreen && /* @__PURE__ */ React145.createElement(
+      !isMobile && isMouseHovered && !isFullscreen && /* @__PURE__ */ React146.createElement(
         Box,
         {
           css: {
@@ -28051,11 +28187,11 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
             bg: `${theme2.colors.background_dim.value}A3`
           }
         },
-        /* @__PURE__ */ React145.createElement(LayoutModeSelector, null)
+        /* @__PURE__ */ React146.createElement(LayoutModeSelector, null)
       ),
-      track ? /* @__PURE__ */ React145.createElement(Video, { screenShare: true, mirror: false, attach: !isAudioOnly, trackId: track.id, css: { minHeight: 0 } }) : null,
-      /* @__PURE__ */ React145.createElement(StyledVideoTile.Info, { css: labelStyles }, label),
-      isMouseHovered && !peer.isLocal ? /* @__PURE__ */ React145.createElement(
+      track ? /* @__PURE__ */ React146.createElement(Video, { screenShare: true, mirror: false, attach: !isAudioOnly, trackId: track.id, css: { minHeight: 0 } }) : null,
+      /* @__PURE__ */ React146.createElement(StyledVideoTile.Info, { css: labelStyles }, label),
+      isMouseHovered && !peer.isLocal ? /* @__PURE__ */ React146.createElement(
         TileMenu_default,
         {
           isScreenshare: true,
@@ -28068,14 +28204,14 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
     )
   );
 };
-var ScreenshareTile = React145.memo(Tile2);
+var ScreenshareTile = React146.memo(Tile2);
 var ScreenshareTile_default = ScreenshareTile;
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-  const peersSharing = useHMSStore79(selectPeersScreenSharing);
+  const peersSharing = useHMSStore77(selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
-  const [page, setPage] = useState63(0);
+  const [page, setPage] = useState64(0);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const activeSharePeer = peersSharing[page];
   const isMobile = useMedia33(config.media.md);
@@ -28089,7 +28225,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
     }
     return peers.filter((p) => p.id !== activeSharePeer?.id);
   }, [activeSharePeer, peers, isMobile, layoutMode]);
-  useEffect43(() => {
+  useEffect46(() => {
     if (isMobile) {
       setLayoutMode(LayoutMode.GALLERY);
       return;
@@ -28102,13 +28238,13 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setLayoutMode(LayoutMode.GALLERY);
     };
   }, [isMobile]);
-  useEffect43(() => {
+  useEffect46(() => {
     setActiveScreenSharePeer(isMobile ? "" : activeSharePeer?.id);
     return () => {
       setActiveScreenSharePeer("");
     };
   }, [activeSharePeer?.id, isMobile, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React146.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React146.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React146.createElement(ScreenshareTile_default, { peerId: peersSharing[page]?.id }), !edgeToEdge && /* @__PURE__ */ React146.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ React146.createElement(
+  return /* @__PURE__ */ React147.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React147.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React147.createElement(ScreenshareTile_default, { peerId: peersSharing[page]?.id }), !edgeToEdge && /* @__PURE__ */ React147.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ React147.createElement(
     SecondaryTiles,
     {
       peers: secondaryPeers,
@@ -28117,19 +28253,19 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       edgeToEdge,
       hasSidebar
     }
-  ), layoutMode === LayoutMode.SPOTLIGHT && activeSharePeer && /* @__PURE__ */ React146.createElement(InsetTile, { peerId: activeSharePeer?.id }));
+  ), layoutMode === LayoutMode.SPOTLIGHT && activeSharePeer && /* @__PURE__ */ React147.createElement(InsetTile, { peerId: activeSharePeer?.id }));
 };
 
 // src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
 init_define_process_env();
-import React147, { useEffect as useEffect44, useMemo as useMemo18 } from "react";
+import React148, { useEffect as useEffect47, useMemo as useMemo18 } from "react";
 import { useMedia as useMedia34 } from "react-use";
 import { Whiteboard } from "@100mslive/hms-whiteboard";
-import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore80, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
+import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var WhiteboardEmbed = () => {
   const isMobile = useMedia34(config.media.md);
   const { token, endpoint, zoomToContent } = useWhiteboard2(isMobile);
-  return /* @__PURE__ */ React147.createElement(
+  return /* @__PURE__ */ React148.createElement(
     Box,
     {
       css: {
@@ -28142,12 +28278,12 @@ var WhiteboardEmbed = () => {
         }
       }
     },
-    /* @__PURE__ */ React147.createElement(Box, { css: { size: "100%" } }, /* @__PURE__ */ React147.createElement(Whiteboard, { token, endpoint: `https://${endpoint}`, zoomToContent }))
+    /* @__PURE__ */ React148.createElement(Box, { css: { size: "100%" } }, /* @__PURE__ */ React148.createElement(Whiteboard, { token, endpoint: `https://${endpoint}`, zoomToContent }))
   );
 };
 var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-  const whiteboard = useHMSStore80(selectWhiteboard);
-  const whiteboardOwner = useHMSStore80(selectPeerByCondition((peer) => peer.customerUserId === whiteboard?.owner));
+  const whiteboard = useHMSStore78(selectWhiteboard);
+  const whiteboardOwner = useHMSStore78(selectPeerByCondition((peer) => peer.customerUserId === whiteboard?.owner));
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const isMobile = useMedia34(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
@@ -28160,7 +28296,7 @@ var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
     }
     return peers.filter((p) => p.id !== whiteboardOwner?.id);
   }, [whiteboardOwner, peers, isMobile, layoutMode]);
-  useEffect44(() => {
+  useEffect47(() => {
     if (isMobile) {
       setLayoutMode(LayoutMode.GALLERY);
       return;
@@ -28173,7 +28309,7 @@ var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setLayoutMode(LayoutMode.GALLERY);
     };
   }, [isMobile]);
-  return /* @__PURE__ */ React147.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React147.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React147.createElement(WhiteboardEmbed, null)), /* @__PURE__ */ React147.createElement(
+  return /* @__PURE__ */ React148.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React148.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React148.createElement(WhiteboardEmbed, null)), /* @__PURE__ */ React148.createElement(
     SecondaryTiles,
     {
       peers: secondaryPeers,
@@ -28182,7 +28318,7 @@ var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       edgeToEdge,
       hasSidebar
     }
-  ), layoutMode === LayoutMode.SPOTLIGHT && whiteboardOwner && /* @__PURE__ */ React147.createElement(InsetTile, { peerId: whiteboardOwner?.id }));
+  ), layoutMode === LayoutMode.SPOTLIGHT && whiteboardOwner && /* @__PURE__ */ React148.createElement(InsetTile, { peerId: whiteboardOwner?.id }));
 };
 
 // src/Prebuilt/common/PeersSorter.ts
@@ -28290,12 +28426,12 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore81(selectPeerScreenSharing2);
-  const whiteboard = useHMSStore81(selectWhiteboard2);
+  const peerSharing = useHMSStore79(selectPeerScreenSharing2);
+  const whiteboard = useHMSStore79(selectWhiteboard2);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore81(selectPeers3);
-  const localPeerRole = useHMSStore81(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore81(selectLocalPeerID14);
+  const peers = useHMSStore79(selectPeers3);
+  const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
+  const localPeerID = useHMSStore79(selectLocalPeerID14);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -28324,10 +28460,10 @@ var GridLayout = ({
     pinnedTrack
   ]);
   const vanillaStore = useHMSVanillaStore12();
-  const [sortedPeers, setSortedPeers] = useState64(updatedPeers);
+  const [sortedPeers, setSortedPeers] = useState65(updatedPeers);
   const peersSorter = useMemo19(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
-  const [pageSize, setPageSize] = useState64(0);
-  const [mainPage, setMainPage] = useState64(0);
+  const [pageSize, setPageSize] = useState65(0);
+  const [mainPage, setMainPage] = useState65(0);
   const tileLayout = {
     enableSpotlightingPeer: enable_spotlighting_peer,
     hideParticipantNameOnTile: hide_participant_name_on_tile,
@@ -28336,7 +28472,7 @@ var GridLayout = ({
     hideMetadataOnTile: hide_metadata_on_tile,
     objectFit: video_object_fit
   };
-  useEffect45(() => {
+  useEffect48(() => {
     if (mainPage !== 0) {
       return;
     }
@@ -28347,7 +28483,7 @@ var GridLayout = ({
     peersSorter.onUpdate(setSortedPeers);
   }, [mainPage, peersSorter, updatedPeers, pageSize]);
   if (peerSharing) {
-    return /* @__PURE__ */ React148.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React148.createElement(
+    return /* @__PURE__ */ React149.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React149.createElement(
       ScreenshareLayout,
       {
         peers: sortedPeers,
@@ -28357,7 +28493,7 @@ var GridLayout = ({
       }
     ));
   } else if (whiteboard?.open) {
-    return /* @__PURE__ */ React148.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React148.createElement(
+    return /* @__PURE__ */ React149.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React149.createElement(
       WhiteboardLayout,
       {
         peers: sortedPeers,
@@ -28367,7 +28503,7 @@ var GridLayout = ({
       }
     ));
   } else if (isRoleProminence) {
-    return /* @__PURE__ */ React148.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React148.createElement(
+    return /* @__PURE__ */ React149.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React149.createElement(
       RoleProminence,
       {
         peers: sortedPeers,
@@ -28379,7 +28515,7 @@ var GridLayout = ({
       }
     ));
   }
-  return /* @__PURE__ */ React148.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React148.createElement(
+  return /* @__PURE__ */ React149.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React149.createElement(
     EqualProminence,
     {
       peers: sortedPeers,
@@ -28393,32 +28529,32 @@ var GridLayout = ({
 
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
-import React149, { useEffect as useEffect46, useMemo as useMemo20 } from "react";
-import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore82 } from "@100mslive/react-sdk";
+import React150, { useEffect as useEffect49, useMemo as useMemo20 } from "react";
+import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
 var EmbedView = () => {
-  return /* @__PURE__ */ React149.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React149.createElement(EmbedComponent, null));
+  return /* @__PURE__ */ React150.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React150.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore82(selectPeers4);
-  const peerPresenting = useHMSStore82(selectPeerScreenSharing3);
+  const peers = useHMSStore80(selectPeers4);
+  const peerPresenting = useHMSStore80(selectPeerScreenSharing3);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const smallTilePeers = useMemo20(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== peerPresenting?.id);
     return smallTilePeers2;
   }, [peers, peerPresenting]);
-  useEffect46(() => {
+  useEffect49(() => {
     setActiveScreenSharePeer(peerPresenting?.id);
     return () => {
       setActiveScreenSharePeer("");
     };
   }, [peerPresenting?.id, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React149.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React149.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React149.createElement(SecondaryTiles, { peers: smallTilePeers }));
+  return /* @__PURE__ */ React150.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React150.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React150.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore82(selectAppData11(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore80(selectAppData11(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
-  useEffect46(() => {
+  useEffect49(() => {
     (async () => {
       if (embedConfig && !isEmbedShareInProgress) {
         try {
@@ -28433,7 +28569,7 @@ var EmbedComponent = () => {
       }
     })();
   }, [isEmbedShareInProgress, embedConfig, startEmbedShare, resetConfig]);
-  return /* @__PURE__ */ React149.createElement(
+  return /* @__PURE__ */ React150.createElement(
     Box,
     {
       css: {
@@ -28446,7 +28582,7 @@ var EmbedComponent = () => {
         }
       }
     },
-    /* @__PURE__ */ React149.createElement(
+    /* @__PURE__ */ React150.createElement(
       "iframe",
       {
         title: "Embed View",
@@ -28466,18 +28602,18 @@ var EmbedComponent = () => {
 
 // src/Prebuilt/layouts/PDFView.jsx
 init_define_process_env();
-import React150, { useEffect as useEffect47 } from "react";
+import React151, { useEffect as useEffect50 } from "react";
 import { usePDFShare } from "@100mslive/react-sdk";
 var PDFView = () => {
   const pdfConfig = usePDFConfig();
   const resetConfig = useResetPDFConfig();
   const { iframeRef, startPDFShare, isPDFShareInProgress } = usePDFShare(resetConfig);
-  useEffect47(() => {
+  useEffect50(() => {
     return () => {
       resetConfig();
     };
   }, []);
-  useEffect47(() => {
+  useEffect50(() => {
     (async () => {
       try {
         if (!isPDFShareInProgress && pdfConfig) {
@@ -28492,7 +28628,7 @@ var PDFView = () => {
       }
     })();
   }, [isPDFShareInProgress, pdfConfig, resetConfig, startPDFShare]);
-  return /* @__PURE__ */ React150.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React150.createElement(
+  return /* @__PURE__ */ React151.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React151.createElement(
     Box,
     {
       css: {
@@ -28505,7 +28641,7 @@ var PDFView = () => {
         }
       }
     },
-    /* @__PURE__ */ React150.createElement(
+    /* @__PURE__ */ React151.createElement(
       "iframe",
       {
         title: "Embed View",
@@ -28523,62 +28659,11 @@ var PDFView = () => {
   ));
 };
 
-// src/Prebuilt/layouts/WaitingView.jsx
-init_define_process_env();
-import React151 from "react";
-import { ColoredTimeIcon } from "@100mslive/react-icons";
-var WaitingView = React151.memo(() => {
-  return /* @__PURE__ */ React151.createElement(
-    Box,
-    {
-      css: {
-        overflow: "hidden",
-        w: "96%",
-        maxWidth: "96%",
-        h: "100%",
-        m: "auto",
-        background: "$surface_default",
-        borderRadius: "$3"
-      },
-      "data-testid": "waiting_view"
-    },
-    /* @__PURE__ */ React151.createElement(
-      Flex,
-      {
-        align: "center",
-        direction: "column",
-        css: {
-          w: "$96",
-          textAlign: "center",
-          margin: "auto",
-          h: "100%",
-          justifyContent: "center",
-          gap: "$8"
-        }
-      },
-      /* @__PURE__ */ React151.createElement(ColoredTimeIcon, { width: "80px", height: "80px" }),
-      /* @__PURE__ */ React151.createElement(
-        Flex,
-        {
-          direction: "column",
-          css: {
-            w: "$80",
-            p: "$1",
-            gap: "$4"
-          }
-        },
-        /* @__PURE__ */ React151.createElement(Text, { color: "white", variant: "h6", css: { "@md": { fontSize: "$md" } } }, "Please wait"),
-        /* @__PURE__ */ React151.createElement(Text, { color: "$on_surface_medium", css: { mt: "$4", "@md": { fontSize: "$sm" } } }, "Sit back and relax till others let you join.")
-      )
-    )
-  );
-});
-
 // src/Prebuilt/plugins/CaptionsViewer.tsx
 init_define_process_env();
-import React152, { useEffect as useEffect48, useState as useState65 } from "react";
+import React152, { useEffect as useEffect51, useState as useState66 } from "react";
 import { useMedia as useMedia35 } from "react-use";
-import { selectPeerNameByID as selectPeerNameByID5, useHMSStore as useHMSStore83, useTranscript } from "@100mslive/react-sdk";
+import { selectPeerNameByID as selectPeerNameByID5, useHMSStore as useHMSStore81, useTranscript } from "@100mslive/react-sdk";
 var SimpleQueue = class {
   constructor(capacity = 3, MAX_STORAGE_TIME = 5e3) {
     this.capacity = capacity;
@@ -28708,7 +28793,7 @@ var CaptionMaintainerQueue = class {
   }
 };
 var TranscriptView = ({ peer_id, data: data3 }) => {
-  const peerName = useHMSStore83(selectPeerNameByID5(peer_id)) || "Participant";
+  const peerName = useHMSStore81(selectPeerNameByID5(peer_id)) || "Participant";
   data3 = data3.trim();
   if (!data3)
     return null;
@@ -28729,10 +28814,10 @@ var CaptionsViewer = () => {
   const isMobile = useMedia35(config.media.md);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const showCaptionAtTop = elements?.chat?.is_overlay && isChatOpen && isMobile;
-  const [captionQueue] = useState65(new CaptionMaintainerQueue());
-  const [currentData, setCurrentData] = useState65([]);
+  const [captionQueue] = useState66(new CaptionMaintainerQueue());
+  const [currentData, setCurrentData] = useState66([]);
   const isCaptionEnabled = useIsCaptionEnabled();
-  useEffect48(() => {
+  useEffect51(() => {
     const timeInterval = setInterval(() => {
       if (!captionQueue) {
         return;
@@ -28786,12 +28871,12 @@ var CaptionsViewer = () => {
 
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
 init_define_process_env();
-import { useEffect as useEffect49 } from "react";
-import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore84, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
+import { useEffect as useEffect52 } from "react";
+import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore82, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
 var useCloseScreenshareWhiteboard = () => {
-  const peerSharing = useHMSStore84(selectPeerScreenSharing4);
+  const peerSharing = useHMSStore82(selectPeerScreenSharing4);
   const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
-  useEffect49(() => {
+  useEffect52(() => {
     if (isWhiteboardOwner && peerSharing) {
       toggleWhiteboard?.();
     }
@@ -28799,22 +28884,24 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React153.lazy(() => import("./HLSView-GCQTTWZN.js"));
+var HLSView = React153.lazy(() => import("./HLSView-SJJ2GAYJ.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
-  const localPeerRole = useHMSStore85(selectLocalPeerRoleName6);
-  const isConnected = useHMSStore85(selectIsConnectedToRoom9);
+  const localPeerRoleName = useHMSStore83(selectLocalPeerRoleName6);
+  const isConnected = useHMSStore83(selectIsConnectedToRoom9);
+  const isSharingScreen = useHMSStore83(selectIsLocalScreenShared2);
   const hmsActions = useHMSActions46();
-  const waitingViewerRole = useWaitingViewerRole();
   const urlToIframe = useUrlToEmbed();
   const pdfAnnotatorActive = usePDFConfig();
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useCloseScreenshareWhiteboard();
-  useEffect50(() => {
+  const { isNotAllowedToPublish, isScreenOnlyPublishParams, hasSubscribedRolePublishing } = useWaitingRoomInfo();
+  console.log("pring ", isNotAllowedToPublish, isScreenOnlyPublishParams, hasSubscribedRolePublishing);
+  useEffect53(() => {
     if (!isConnected) {
       return;
     }
@@ -28826,7 +28913,7 @@ var VideoStreamingSection = ({
       "chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */
     ]);
   }, [isConnected, hmsActions]);
-  if (!localPeerRole) {
+  if (!localPeerRoleName) {
     return null;
   }
   return /* @__PURE__ */ React153.createElement(Suspense, { fallback: /* @__PURE__ */ React153.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ React153.createElement(
@@ -28839,14 +28926,39 @@ var VideoStreamingSection = ({
       },
       direction: match12({ isLandscapeHLSStream, isMobileHLSStream }).with({ isLandscapeHLSStream: true }, () => "row").with({ isMobileHLSStream: true }, () => "column").otherwise(() => "row")
     },
-    match12({ screenType, localPeerRole, pdfAnnotatorActive, urlToIframe }).with(
+    match12({
+      screenType,
+      isNotAllowedToPublish,
+      isScreenOnlyPublishParams,
+      hasSubscribedRolePublishing,
+      isSharingScreen,
+      pdfAnnotatorActive,
+      urlToIframe
+    }).with(
       {
         screenType: "hls_live_streaming"
       },
       () => /* @__PURE__ */ React153.createElement(HLSView, null)
     ).when(
-      ({ localPeerRole: localPeerRole2 }) => localPeerRole2 === waitingViewerRole,
-      () => /* @__PURE__ */ React153.createElement(WaitingView, null)
+      ({ isNotAllowedToPublish: isNotAllowedToPublish2, hasSubscribedRolePublishing: hasSubscribedRolePublishing2 }) => isNotAllowedToPublish2 && !hasSubscribedRolePublishing2,
+      () => /* @__PURE__ */ React153.createElement(
+        WaitingView,
+        {
+          title: "Waiting for Host to join",
+          subtitle: "Sit back and relax",
+          icon: /* @__PURE__ */ React153.createElement(PeopleAddIcon3, { width: "56px", height: "56px", style: { color: "white" } })
+        }
+      )
+    ).when(
+      ({ isScreenOnlyPublishParams: isScreenOnlyPublishParams2, isSharingScreen: isSharingScreen2, hasSubscribedRolePublishing: hasSubscribedRolePublishing2 }) => isScreenOnlyPublishParams2 && !isSharingScreen2 && !hasSubscribedRolePublishing2,
+      () => /* @__PURE__ */ React153.createElement(
+        WaitingView,
+        {
+          title: "Ready to present",
+          subtitle: "Select the Screenshare button to start presenting",
+          icon: /* @__PURE__ */ React153.createElement(ShareScreenIcon6, { width: "56px", height: "56px", style: { color: "white" } })
+        }
+      )
     ).when(
       ({ pdfAnnotatorActive: pdfAnnotatorActive2 }) => !!pdfAnnotatorActive2,
       () => /* @__PURE__ */ React153.createElement(PDFView, null)
@@ -28888,7 +29000,7 @@ init_define_process_env();
 init_define_process_env();
 import React156 from "react";
 import { useMedia as useMedia37 } from "react-use";
-import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
@@ -28924,7 +29036,7 @@ import {
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
   useHMSActions as useHMSActions47,
-  useHMSStore as useHMSStore86
+  useHMSStore as useHMSStore84
 } from "@100mslive/react-sdk";
 import {
   BluetoothIcon,
@@ -28938,9 +29050,9 @@ var CamaraFlipActions = () => {
   const actions = useHMSActions47();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
-  const isVideoOn = useHMSStore86(selectIsLocalVideoEnabled8);
-  const videoTrackId = useHMSStore86(selectLocalVideoTrackID3);
-  const localVideoTrack = useHMSStore86(selectVideoTrackByID7(videoTrackId));
+  const isVideoOn = useHMSStore84(selectIsLocalVideoEnabled8);
+  const videoTrackId = useHMSStore84(selectLocalVideoTrackID3);
+  const localVideoTrack = useHMSStore84(selectVideoTrackByID7(videoTrackId));
   if (!videoInput || !videoInput?.length || !localVideoTrack?.facingMode) {
     return null;
   }
@@ -29076,7 +29188,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React155.createElement(Re
 
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
-  const roomState = useHMSStore87(selectRoomState6);
+  const roomState = useHMSStore85(selectRoomState6);
   const isMobile = useMedia37(config.media.md);
   if (roomState !== HMSRoomState6.Connected) {
     return /* @__PURE__ */ React156.createElement(React156.Fragment, null);
@@ -29098,12 +29210,12 @@ var Header2 = () => {
 
 // src/Prebuilt/components/PreviousRoleInMetadata.tsx
 init_define_process_env();
-import { useEffect as useEffect51 } from "react";
+import { useEffect as useEffect54 } from "react";
 import { selectLocalPeerRoleName as selectLocalPeerRoleName7, useHMSVanillaStore as useHMSVanillaStore13 } from "@100mslive/react-sdk";
 var PreviousRoleInMetadata = () => {
   const vanillaStore = useHMSVanillaStore13();
   const { updateMetaData } = useMyMetadata();
-  useEffect51(() => {
+  useEffect54(() => {
     let previousRole = vanillaStore.getState(selectLocalPeerRoleName7);
     const unsubscribe = vanillaStore.subscribe((currentRole) => {
       if (previousRole !== currentRole && currentRole) {
@@ -29121,19 +29233,19 @@ var ConferenceScreen = () => {
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-  const roomState = useHMSStore88(selectRoomState7);
-  const isConnectedToRoom = useHMSStore88(selectIsConnectedToRoom10);
+  const roomState = useHMSStore86(selectRoomState7);
+  const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom10);
   const hmsActions = useHMSActions48();
-  const [hideControls, setHideControls] = useState66(false);
-  const dropdownList = useHMSStore88(selectAppData12(APP_DATA.dropdownList));
+  const [hideControls, setHideControls] = useState67(false);
+  const dropdownList = useHMSStore86(selectAppData12(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
-  const headerRef = useRef27(null);
-  const footerRef = useRef27(null);
+  const headerRef = useRef28(null);
+  const footerRef = useRef28(null);
   const isMobileDevice = isAndroid || isIOS || isIPadOS;
-  const dropdownListRef = useRef27();
+  const dropdownListRef = useRef28();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const showChat = !!screenProps.elements?.chat;
-  const autoRoomJoined = useRef27(isPreviewScreenEnabled);
+  const autoRoomJoined = useRef28(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
@@ -29142,7 +29254,7 @@ var ConferenceScreen = () => {
       setHideControls((value) => !value);
     }
   };
-  useEffect52(() => {
+  useEffect55(() => {
     let timeout;
     dropdownListRef.current = dropdownList || [];
     if (dropdownListRef.current && dropdownListRef.current.length === 0) {
@@ -29157,7 +29269,7 @@ var ConferenceScreen = () => {
       clearTimeout(timeout);
     };
   }, [dropdownList, hideControls, isMobileDevice]);
-  useEffect52(() => {
+  useEffect55(() => {
     if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== HMSRoomState7.Connecting && !autoRoomJoined.current) {
       hmsActions.join({
         userName: userName || uuid3(),
@@ -29172,7 +29284,7 @@ var ConferenceScreen = () => {
       autoRoomJoined.current = true;
     }
   }, [authTokenInAppData, endpoints?.init, hmsActions, isConnectedToRoom, isPreviewScreenEnabled, roomState, userName]);
-  useEffect52(() => {
+  useEffect55(() => {
     onJoinFunc?.();
     return () => {
       PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
@@ -29353,12 +29465,12 @@ var ErrorBoundary = class extends Component {
 
 // src/Prebuilt/components/init/Init.jsx
 init_define_process_env();
-import React159, { useEffect as useEffect54 } from "react";
+import React159, { useEffect as useEffect57 } from "react";
 
 // src/Prebuilt/services/FeatureFlags.jsx
 init_define_process_env();
-import { useEffect as useEffect53 } from "react";
-import { selectRoomID, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
+import { useEffect as useEffect56 } from "react";
+import { selectRoomID, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
 var FeatureFlags = class {
   static enableTranscription = define_process_env_default.REACT_APP_ENABLE_TRANSCRIPTION === "true";
   static enableStatsForNerds = define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true";
@@ -29383,8 +29495,8 @@ var FeatureFlags = class {
   }
 };
 function FeatureFlagsInit() {
-  const roomId = useHMSStore89(selectRoomID);
-  useEffect53(() => {
+  const roomId = useHMSStore87(selectRoomID);
+  useEffect56(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
     }
@@ -29395,10 +29507,10 @@ function FeatureFlagsInit() {
 // src/Prebuilt/components/init/Init.jsx
 var Init = () => {
   const { toggleTheme } = useTheme();
-  useEffect54(() => {
+  useEffect57(() => {
     window.toggleUiTheme = toggleTheme;
   }, [toggleTheme]);
-  useEffect54(() => {
+  useEffect57(() => {
     function resetHeight() {
       document.body.style.height = `${window.visualViewport?.height || window.innerHeight}px`;
     }
@@ -29413,7 +29525,7 @@ var Init = () => {
 
 // src/Prebuilt/components/Input/KeyboardInputManager.js
 init_define_process_env();
-import { useEffect as useEffect55 } from "react";
+import { useEffect as useEffect58 } from "react";
 import {
   selectAppData as selectAppData13,
   selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
@@ -29498,7 +29610,7 @@ var KeyboardInputManager = class {
 var KeyboardHandler = () => {
   const store = useHMSVanillaStore14();
   const actions = useHMSActions49();
-  useEffect55(() => {
+  useEffect58(() => {
     const keyboardManager = new KeyboardInputManager(store, actions);
     keyboardManager.bindAllShortcuts();
     return keyboardManager.unbindAllShortcuts;
@@ -29513,10 +29625,10 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/AppStateContext.tsx
 init_define_process_env();
-import React160, { useContext as useContext4, useEffect as useEffect56 } from "react";
+import React160, { useContext as useContext4, useEffect as useEffect59 } from "react";
 import { usePreviousDistinct } from "react-use";
-import { match as match13, P as P4 } from "ts-pattern";
-import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
+import { match as match13, P as P5 } from "ts-pattern";
+import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
 init_define_process_env();
@@ -29553,7 +29665,7 @@ var useHMSAppStateContext = () => {
 var useAppStateManager = () => {
   const roomLayout = useRoomLayout();
   const [activeState, setActiveState] = React160.useState();
-  const roomState = useHMSStore90(selectRoomState8);
+  const roomState = useHMSStore88(selectRoomState8);
   const prevRoomState = usePreviousDistinct(roomState);
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -29561,11 +29673,11 @@ var useAppStateManager = () => {
   const rejoin = () => {
     setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
   };
-  useEffect56(() => {
+  useEffect59(() => {
     if (!roomLayout) {
       return;
     }
-    match13([roomState, prevRoomState]).with([HMSRoomState8.Connected, P4.any], () => setActiveState("meeting" /* MEETING */)).with(
+    match13([roomState, prevRoomState]).with([HMSRoomState8.Connected, P5.any], () => setActiveState("meeting" /* MEETING */)).with(
       [HMSRoomState8.Disconnecting, HMSRoomState8.Connected],
       [HMSRoomState8.Disconnecting, HMSRoomState8.Connecting],
       [HMSRoomState8.Disconnecting, HMSRoomState8.Reconnecting],
@@ -29579,7 +29691,7 @@ var useAppStateManager = () => {
         VBHandler.reset();
         redirectToLeave(1e3);
       }
-    ).with([HMSRoomState8.Disconnected, P4.nullish], () => {
+    ).with([HMSRoomState8.Disconnected, P5.nullish], () => {
       setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
     }).otherwise(() => {
     });
@@ -29633,15 +29745,15 @@ var LeaveScreen = () => {
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
-import React162, { useEffect as useEffect57, useState as useState67 } from "react";
+import React162, { useEffect as useEffect60, useState as useState68 } from "react";
 import { useMedia as useMedia38 } from "react-use";
-import { match as match14, P as P5 } from "ts-pattern";
+import { match as match14, P as P6 } from "ts-pattern";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
-  const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState67(false);
+  const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState68(false);
   const isLandscape = useMedia38(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
-  useEffect57(() => {
+  useEffect60(() => {
     if (!isMobileUserAgent) {
       setShowMwebLandscapePrompt(false);
       return;
@@ -29654,7 +29766,7 @@ var MwebLandscapePrompt = () => {
       const angle = window.screen.orientation.angle;
       const type = window.screen.orientation.type || "";
       setShowMwebLandscapePrompt(
-        match14({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P5.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
+        match14({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P6.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
       );
     };
     handleRotation();
@@ -29685,18 +29797,18 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React171, { useCallback as useCallback36, useEffect as useEffect67 } from "react";
+import React171, { useCallback as useCallback36, useEffect as useEffect70 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes10,
   HMSRoomState as HMSRoomState10,
-  selectIsLocalScreenShared as selectIsLocalScreenShared2,
+  selectIsLocalScreenShared as selectIsLocalScreenShared3,
   selectLocalPeerID as selectLocalPeerID16,
   selectPeerNameByID as selectPeerNameByID6,
   selectRoomState as selectRoomState10,
   useAwayNotifications as useAwayNotifications2,
   useCustomEvent as useCustomEvent4,
   useHMSNotifications as useHMSNotifications10,
-  useHMSStore as useHMSStore94,
+  useHMSStore as useHMSStore92,
   useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
 import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
@@ -29734,15 +29846,15 @@ function AutoplayBlockedModal() {
 
 // src/Prebuilt/components/Notifications/ChatNotifications.tsx
 init_define_process_env();
-import React164, { useEffect as useEffect58 } from "react";
+import React164, { useEffect as useEffect61 } from "react";
 import { v4 as uuid4 } from "uuid";
-import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore91 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
 var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
-  const chatState = useHMSStore91(selectSessionStore12("chatState" /* CHAT_STATE */));
-  const localPeerId = useHMSStore91(selectLocalPeerID15);
-  useEffect58(() => {
+  const chatState = useHMSStore89(selectSessionStore12("chatState" /* CHAT_STATE */));
+  const localPeerId = useHMSStore89(selectLocalPeerID15);
+  useEffect61(() => {
     if (!chatState || chatState.updatedBy?.peerId === localPeerId) {
       return;
     }
@@ -29762,7 +29874,7 @@ var ChatNotifications = () => {
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect59 } from "react";
+import { useEffect as useEffect62 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes2,
   HMSRoomState as HMSRoomState9,
@@ -29770,7 +29882,7 @@ import {
   selectPeerByID as selectPeerByID6,
   selectRoomState as selectRoomState9,
   useHMSNotifications as useHMSNotifications2,
-  useHMSStore as useHMSStore93,
+  useHMSStore as useHMSStore91,
   useHMSVanillaStore as useHMSVanillaStore15
 } from "@100mslive/react-sdk";
 
@@ -29780,12 +29892,12 @@ init_define_process_env();
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
 import React165, { useCallback as useCallback35 } from "react";
-import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions50, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
+import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions50, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
   ConnectivityIcon,
   HandIcon as HandIcon6,
-  PeopleAddIcon as PeopleAddIcon2,
+  PeopleAddIcon as PeopleAddIcon4,
   PeopleRemoveIcon as PeopleRemoveIcon4,
   PoorConnectivityIcon as PoorConnectivityIcon2
 } from "@100mslive/react-icons";
@@ -29801,7 +29913,7 @@ var HandRaiseAction = React165.forwardRef(({ id = "", isSingleHandRaise = true }
   const hmsActions = useHMSActions50();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const peer = useHMSStore92(selectPeerByID5(id));
+  const peer = useHMSStore90(selectPeerByID5(id));
   const layout = useRoomLayout();
   const {
     bring_to_stage_label,
@@ -29837,13 +29949,13 @@ var ToastConfig = {
     single: function(notification) {
       return {
         title: `${notification.data?.name} joined`,
-        icon: /* @__PURE__ */ React165.createElement(PeopleAddIcon2, null)
+        icon: /* @__PURE__ */ React165.createElement(PeopleAddIcon4, null)
       };
     },
     multiple: function(notifications) {
       return {
         title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
-        icon: /* @__PURE__ */ React165.createElement(PeopleAddIcon2, null)
+        icon: /* @__PURE__ */ React165.createElement(PeopleAddIcon4, null)
       };
     }
   },
@@ -29998,11 +30110,11 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 var HandRaisedNotifications = () => {
   const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
-  const roomState = useHMSStore93(selectRoomState9);
+  const roomState = useHMSStore91(selectRoomState9);
   const vanillaStore = useHMSVanillaStore15();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
-  useEffect59(() => {
+  useEffect62(() => {
     if (!notification?.data) {
       return;
     }
@@ -30022,13 +30134,13 @@ var HandRaisedNotifications = () => {
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
 init_define_process_env();
-import React166, { useEffect as useEffect60, useState as useState68 } from "react";
+import React166, { useEffect as useEffect63, useState as useState69 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
 var InitErrorModal = () => {
   const notification = useHMSNotifications3(HMSNotificationTypes3.ERROR);
-  const [showModal, setShowModal] = useState68(false);
-  const [info, setInfo] = useState68({ title: "Init Error", description: "" });
-  useEffect60(() => {
+  const [showModal, setShowModal] = useState69(false);
+  const [info, setInfo] = useState69({ title: "Init Error", description: "" });
+  useEffect63(() => {
     const data3 = notification?.data;
     if (!data3 || data3.action !== "INIT") {
       return;
@@ -30053,7 +30165,7 @@ var InitErrorModal = () => {
 
 // src/Prebuilt/components/Notifications/PeerNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect61 } from "react";
+import { useEffect as useEffect64 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes4, useHMSNotifications as useHMSNotifications4 } from "@100mslive/react-sdk";
 var notificationTypes = [HMSNotificationTypes4.PEER_JOINED, HMSNotificationTypes4.PEER_LEFT];
 var PeerNotifications = () => {
@@ -30061,7 +30173,7 @@ var PeerNotifications = () => {
   const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
   const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
   const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
-  useEffect61(() => {
+  useEffect64(() => {
     if (!notification?.data) {
       return;
     }
@@ -30090,7 +30202,7 @@ var PeerNotifications = () => {
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
-import React167, { useEffect as useEffect62, useState as useState69 } from "react";
+import React167, { useEffect as useEffect65, useState as useState70 } from "react";
 import { useMedia as useMedia39 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 
@@ -30103,10 +30215,10 @@ 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] = useState69("");
-  const [isSystemError, setIsSystemError] = useState69(false);
+  const [deviceType, setDeviceType] = useState70("");
+  const [isSystemError, setIsSystemError] = useState70(false);
   const isMobile = useMedia39(config.media.md);
-  useEffect62(() => {
+  useEffect65(() => {
     if (!notification || notification.data?.code !== 3001 && notification.data?.code !== 3011 || notification.data?.code === 3001 && notification.data?.message.includes("screen")) {
       return;
     }
@@ -30163,7 +30275,7 @@ function PermissionErrorModal() {
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
 init_define_process_env();
-import React168, { useEffect as useEffect63, useState as useState70 } from "react";
+import React168, { useEffect as useEffect66, useState as useState71 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
 var notificationTypes2 = [
   HMSNotificationTypes6.RECONNECTED,
@@ -30173,8 +30285,8 @@ var notificationTypes2 = [
 var notificationId = null;
 var ReconnectNotifications = () => {
   const notification = useHMSNotifications6(notificationTypes2);
-  const [open, setOpen] = useState70(false);
-  useEffect63(() => {
+  const [open, setOpen] = useState71(false);
+  useEffect66(() => {
     if (!notification) {
       return;
     }
@@ -30212,7 +30324,7 @@ var ReconnectNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React169, { useEffect as useEffect64, useState as useState71 } from "react";
+import React169, { useEffect as useEffect67, useState as useState72 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes7,
   useHMSActions as useHMSActions51,
@@ -30221,13 +30333,13 @@ import {
 import { MicOnIcon as MicOnIcon5 } from "@100mslive/react-icons";
 var TrackBulkUnmuteModal = () => {
   const hmsActions = useHMSActions51();
-  const [muteNotification, setMuteNotification] = useState71(null);
+  const [muteNotification, setMuteNotification] = useState72(null);
   const notification = useHMSNotifications7([
     HMSNotificationTypes7.CHANGE_MULTI_TRACK_STATE_REQUEST,
     HMSNotificationTypes7.ROOM_ENDED,
     HMSNotificationTypes7.REMOVED_FROM_ROOM
   ]);
-  useEffect64(() => {
+  useEffect67(() => {
     switch (notification?.type) {
       case HMSNotificationTypes7.REMOVED_FROM_ROOM:
       case HMSNotificationTypes7.ROOM_ENDED:
@@ -30266,7 +30378,7 @@ var TrackBulkUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect65 } from "react";
+import { useEffect as useEffect68 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes8, useHMSNotifications as useHMSNotifications8 } from "@100mslive/react-sdk";
 var notificationTypes3 = [
   HMSNotificationTypes8.TRACK_ADDED,
@@ -30276,7 +30388,7 @@ var notificationTypes3 = [
 ];
 var TrackNotifications = () => {
   const notification = useHMSNotifications8(notificationTypes3);
-  useEffect65(() => {
+  useEffect68(() => {
     if (notification) {
       console.debug(`[${notification.type}]`, notification);
     }
@@ -30286,7 +30398,7 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React170, { useEffect as useEffect66, useState as useState72 } from "react";
+import React170, { useEffect as useEffect69, useState as useState73 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
   useHMSActions as useHMSActions52,
@@ -30300,8 +30412,8 @@ var TrackUnmuteModal = () => {
     HMSNotificationTypes9.ROOM_ENDED,
     HMSNotificationTypes9.REMOVED_FROM_ROOM
   ]);
-  const [muteNotification, setMuteNotification] = useState72(null);
-  useEffect66(() => {
+  const [muteNotification, setMuteNotification] = useState73(null);
+  useEffect69(() => {
     switch (notification?.type) {
       case HMSNotificationTypes9.REMOVED_FROM_ROOM:
       case HMSNotificationTypes9.ROOM_ENDED:
@@ -30338,17 +30450,17 @@ var TrackUnmuteModal = () => {
 // src/Prebuilt/components/Notifications/Notifications.tsx
 var pollToastKey = {};
 function Notifications() {
-  const localPeerID = useHMSStore94(selectLocalPeerID16);
+  const localPeerID = useHMSStore92(selectLocalPeerID16);
   const notification = useHMSNotifications10();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = useHMSStore94(selectRoomState10);
+  const roomState = useHMSStore92(selectRoomState10);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
   const vanillaStore = useHMSVanillaStore16();
   const togglePollView = usePollViewToggle();
   const { showNotification } = useAwayNotifications2();
-  const amIScreenSharing = useHMSStore94(selectIsLocalScreenShared2);
+  const amIScreenSharing = useHMSStore92(selectIsLocalScreenShared3);
   const logoURL = useRoomLayout()?.logo?.url;
   const handleRoleChangeDenied = useCallback36((request) => {
     ToastManager.addToast({
@@ -30357,7 +30469,7 @@ function Notifications() {
     });
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
-  useEffect67(() => {
+  useEffect70(() => {
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -30502,8 +30614,8 @@ var PreviewScreen = () => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React174, { useEffect as useEffect68, useState as useState73 } from "react";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore95 } from "@100mslive/react-sdk";
+import React174, { useEffect as useEffect71, useState as useState74 } from "react";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
@@ -30526,9 +30638,9 @@ var Toast2 = ({ title, description, close = true, open, duration, onOpenChange,
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
-  const isConnected = useHMSStore95(selectIsConnectedToRoom11);
-  const [toasts, setToast] = useState73([]);
-  useEffect68(() => {
+  const isConnected = useHMSStore93(selectIsConnectedToRoom11);
+  const [toasts, setToast] = useState74([]);
+  useEffect71(() => {
     ToastManager.addListener(setToast);
     return () => {
       ToastManager.removeListener(setToast);
@@ -30550,7 +30662,7 @@ var ToastContainer = () => {
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
 import React176 from "react";
-import { selectAppData as selectAppData14, useHMSStore as useHMSStore96 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData14, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
@@ -30574,7 +30686,7 @@ var RoomDetailsSheet = () => {
 
 // src/Prebuilt/layouts/Sheet.tsx
 var Sheet2 = () => {
-  const sheet = useHMSStore96(selectAppData14(APP_DATA.sheet));
+  const sheet = useHMSStore94(selectAppData14(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
     ViewComponent = /* @__PURE__ */ React176.createElement(RoomDetailsSheet, null);
@@ -30584,7 +30696,7 @@ var Sheet2 = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React177, { useCallback as useCallback37, useEffect as useEffect69, useMemo as useMemo21, useState as useState74 } from "react";
+import React177, { useCallback as useCallback37, useEffect as useEffect72, useMemo as useMemo21, useState as useState75 } from "react";
 import { useMedia as useMedia40 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
@@ -30592,7 +30704,7 @@ import {
   selectPeerNameByID as selectPeerNameByID7,
   useCustomEvent as useCustomEvent5,
   useHMSActions as useHMSActions53,
-  useHMSStore as useHMSStore97,
+  useHMSStore as useHMSStore95,
   useHMSVanillaStore as useHMSVanillaStore17
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
@@ -30619,12 +30731,12 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore97(selectLocalPeerID17);
+  const localPeerId = useHMSStore95(selectLocalPeerID17);
   const vanillaStore = useHMSVanillaStore17();
   const hmsActions = useHMSActions53();
-  const [emojis, setEmojis] = useState74([]);
+  const [emojis, setEmojis] = useState75([]);
   const isMobile = useMedia40(config.media.md);
-  const isLargeRoom = useHMSStore97(selectIsLargeRoom4);
+  const isLargeRoom = useHMSStore95(selectIsLargeRoom4);
   const startingPoints = useMemo21(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback37(
     async ({ emojiId, senderId }) => {
@@ -30658,7 +30770,7 @@ function FlyingEmoji() {
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
-  useEffect69(() => {
+  useEffect72(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
   return /* @__PURE__ */ React177.createElement(
@@ -30737,22 +30849,22 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback39, useEffect as useEffect70, useRef as useRef28 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect73, useRef as useRef29 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
   useHMSActions as useHMSActions55,
-  useHMSStore as useHMSStore98,
+  useHMSStore as useHMSStore96,
   useRecordingStreaming as useRecordingStreaming12
 } from "@100mslive/react-sdk";
 var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const permissions = useHMSStore98(selectPermissions20);
+  const permissions = useHMSStore96(selectPermissions20);
   const showStreamingUI = useShowStreamingUI();
   const hmsActions = useHMSActions55();
-  const isConnected = useHMSStore98(selectIsConnectedToRoom12);
+  const isConnected = useHMSStore96(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
-  const streamStartedRef = useRef28(false);
+  const streamStartedRef = useRef29(false);
   const startHLS = useCallback39(async () => {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
@@ -30776,12 +30888,12 @@ var useAutoStartStreaming = () => {
     isHLSRecordingOn,
     isBrowserRecordingOn
   ]);
-  useEffect70(() => {
+  useEffect73(() => {
     if (!isHLSStarted && !isHLSRunning) {
       streamStartedRef.current = false;
     }
   }, [isHLSStarted, isHLSRunning]);
-  useEffect70(() => {
+  useEffect73(() => {
     if (!isConnected || streamStartedRef.current || !permissions?.hlsStreaming) {
       return;
     }
@@ -30803,9 +30915,9 @@ var HMSPrebuilt = React179.forwardRef(
     onLeave,
     onJoin
   }, ref) => {
-    const reactiveStore = useRef29();
+    const reactiveStore = useRef30();
     const [hydrated, setHydrated] = React179.useState(false);
-    useEffect71(() => {
+    useEffect74(() => {
       setHydrated(true);
       const hms = new HMSReactiveStore();
       const hmsStore = hms.getStore();
@@ -30820,13 +30932,13 @@ var HMSPrebuilt = React179.forwardRef(
         hmsNotifications
       };
     }, []);
-    useEffect71(() => {
+    useEffect74(() => {
       if (!ref || !reactiveStore.current) {
         return;
       }
       ref.current = { ...reactiveStore.current };
     }, [ref]);
-    useEffect71(() => {
+    useEffect74(() => {
       return () => {
         VBHandler.reset();
         reactiveStore?.current?.hmsActions.leave();
@@ -30936,9 +31048,9 @@ var AppStates = ({ activeState }) => {
   return match15({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React179.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React179.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React179.createElement(ConferenceScreen, null));
 };
 var BackSwipe = () => {
-  const isConnectedToRoom = useHMSStore99(selectIsConnectedToRoom13);
+  const isConnectedToRoom = useHMSStore97(selectIsConnectedToRoom13);
   const hmsActions = useHMSActions56();
-  useEffect71(() => {
+  useEffect74(() => {
     const onRouteLeave = async () => {
       if (isConnectedToRoom) {
         await hmsActions.leave();
@@ -31093,6 +31205,7 @@ export {
   ChatToggle,
   Logo,
   RoomDetailsRow,
+  WaitingView,
   HMSPrebuilt,
   Progress,
   TextArea
@@ -31109,4 +31222,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-FFWLNZPI.js.map
+//# sourceMappingURL=chunk-FMGGXDNB.js.map