@100mslive/roomkit-react 0.3.1 → 0.3.2-alpha.1

package/dist/{chunk-3OCZREZ3.js → chunk-FKNIYFKS.js}

@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_e8a22aa5-5770-485f-9b21-dcd5938b84a4", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_e8a22aa5-5770-485f-9b21-dcd5938b84a4", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.7", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "598", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240304.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.0/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.0-alpha.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:15946", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8187337748", 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: "fff51f4e055e089629a9320b0cb6e79e0245180c", 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: "97910cbe5117e1ec3191834e53d71afb46aedd7e10ba9f8a319f3f9ac990c6e0", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/feat/patch-release", 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--1709810797968-0.4626427395364414:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709810797778-0.9325360883824465:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709810776065-0.5816463989246565:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709810775886-0.5990375597520998:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_fdacee0b-be66-4958-a6b0-c0a2c4337563", INVOCATION_ID: "f3bc2300b9134756bb12bf0175acf900", 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_2", GITHUB_RUN_NUMBER: "473", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 135", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "feat/patch-release", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "false", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "fff51f4e055e089629a9320b0cb6e79e0245180c", 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/feat/patch-release", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_e8a22aa5-5770-485f-9b21-dcd5938b84a4", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_e8a22aa5-5770-485f-9b21-dcd5938b84a4", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_e8a22aa5-5770-485f-9b21-dcd5938b84a4" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_cdf4dba3-2eec-4fe6-b6d1-7f91a8f31953", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.2-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_cdf4dba3-2eec-4fe6-b6d1-7f91a8f31953", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.2-alpha.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.7", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "591", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240304.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.0/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.0-alpha.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19236", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.2-alpha.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8202515253", 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: "af75fd7e54f66e08bd8554488847d576c7545a42", 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: "e5289841d57db983245ecb73383c48e29b856693d0b25237357c759a32d48b87", 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--1709896647589-0.8449201003452493:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709896647401-0.7370546016118511:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709896626244-0.11932744927894401:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709896626071-0.2801705920783437:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_a53b9922-f542-4efe-a2a0-7065a9ef6c8d", INVOCATION_ID: "cb1904348c394f998d525c71432a863e", 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: "475", 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", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 52", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.2-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.2-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "af75fd7e54f66e08bd8554488847d576c7545a42", 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_cdf4dba3-2eec-4fe6-b6d1-7f91a8f31953", 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_cdf4dba3-2eec-4fe6-b6d1-7f91a8f31953", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_cdf4dba3-2eec-4fe6-b6d1-7f91a8f31953" };
   }
 });
 
@@ -2928,8 +2928,8 @@ var require_lodash = __commonJS({
           return { "start": start, "end": end };
         }
         function getWrapDetails(source) {
-          var match12 = source.match(reWrapDetails);
-          return match12 ? match12[1].split(reSplitDetails) : [];
+          var match13 = source.match(reWrapDetails);
+          return match13 ? match13[1].split(reSplitDetails) : [];
         }
         function hasPath(object, path, hasFunc) {
           path = castPath(path, object);
@@ -3197,8 +3197,8 @@ var require_lodash = __commonJS({
           if (string.charCodeAt(0) === 46) {
             result2.push("");
           }
-          string.replace(rePropName, function(match12, number, quote, subString) {
-            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match12);
+          string.replace(rePropName, function(match13, number, quote, subString) {
+            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match13);
           });
           return result2;
         });
@@ -4764,7 +4764,7 @@ var require_lodash = __commonJS({
             "g"
           );
           var sourceURL = "//# sourceURL=" + (hasOwnProperty.call(options, "sourceURL") ? (options.sourceURL + "").replace(/\s/g, " ") : "lodash.templateSources[" + ++templateCounter + "]") + "\n";
-          string.replace(reDelimiters, function(match12, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
+          string.replace(reDelimiters, function(match13, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
             interpolateValue || (interpolateValue = esTemplateValue);
             source += string.slice(index, offset).replace(reUnescapedString, escapeStringChar);
             if (escapeValue) {
@@ -4778,8 +4778,8 @@ var require_lodash = __commonJS({
             if (interpolateValue) {
               source += "' +\n((__t = (" + interpolateValue + ")) == null ? '' : __t) +\n'";
             }
-            index = offset + match12.length;
-            return match12;
+            index = offset + match13.length;
+            return match13;
           });
           source += "';\n";
           var variable = hasOwnProperty.call(options, "variable") && options.variable;
@@ -4867,13 +4867,13 @@ var require_lodash = __commonJS({
           }
           if (isRegExp(separator)) {
             if (string.slice(end).search(separator)) {
-              var match12, substring = result2;
+              var match13, substring = result2;
               if (!separator.global) {
                 separator = RegExp2(separator.source, toString(reFlags.exec(separator)) + "g");
               }
               separator.lastIndex = 0;
-              while (match12 = separator.exec(substring)) {
-                var newEnd = match12.index;
+              while (match13 = separator.exec(substring)) {
+                var newEnd = match13.index;
               }
               result2 = result2.slice(0, newEnd === undefined2 ? end : newEnd);
             }
@@ -5628,7 +5628,7 @@ var require_ua_parser = __commonJS({
         }
       };
       var rgxMapper = function(ua, arrays) {
-        var i = 0, j, k2, p, q2, matches, match12;
+        var i = 0, j, k2, p, q2, matches, match13;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
           j = k2 = 0;
@@ -5639,26 +5639,26 @@ var require_ua_parser = __commonJS({
             matches = regex[j++].exec(ua);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
-                match12 = matches[++k2];
+                match13 = matches[++k2];
                 q2 = props[p];
                 if (typeof q2 === OBJ_TYPE && q2.length > 0) {
                   if (q2.length === 2) {
                     if (typeof q2[1] == FUNC_TYPE) {
-                      this[q2[0]] = q2[1].call(this, match12);
+                      this[q2[0]] = q2[1].call(this, match13);
                     } else {
                       this[q2[0]] = q2[1];
                     }
                   } else if (q2.length === 3) {
                     if (typeof q2[1] === FUNC_TYPE && !(q2[1].exec && q2[1].test)) {
-                      this[q2[0]] = match12 ? q2[1].call(this, match12, q2[2]) : undefined2;
+                      this[q2[0]] = match13 ? q2[1].call(this, match13, q2[2]) : undefined2;
                     } else {
-                      this[q2[0]] = match12 ? match12.replace(q2[1], q2[2]) : undefined2;
+                      this[q2[0]] = match13 ? match13.replace(q2[1], q2[2]) : undefined2;
                     }
                   } else if (q2.length === 4) {
-                    this[q2[0]] = match12 ? q2[3].call(this, match12.replace(q2[1], q2[2])) : undefined2;
+                    this[q2[0]] = match13 ? q2[3].call(this, match13.replace(q2[1], q2[2])) : undefined2;
                   }
                 } else {
-                  this[q2] = match12 ? match12 : undefined2;
+                  this[q2] = match13 ? match13 : undefined2;
                 }
               }
             }
@@ -8636,13 +8636,13 @@ var require_parser = __commonJS({
     var toIntIfInt = function(v2) {
       return String(Number(v2)) === v2 ? Number(v2) : v2;
     };
-    var attachProperties = function(match12, location, names, rawName) {
+    var attachProperties = function(match13, location, names, rawName) {
       if (rawName && !names) {
-        location[rawName] = toIntIfInt(match12[1]);
+        location[rawName] = toIntIfInt(match13[1]);
       } else {
         for (var i = 0; i < names.length; i += 1) {
-          if (match12[i + 1] != null) {
-            location[names[i]] = toIntIfInt(match12[i + 1]);
+          if (match13[i + 1] != null) {
+            location[names[i]] = toIntIfInt(match13[i + 1]);
           }
         }
       }
@@ -11906,8 +11906,8 @@ import {
   HMSReactiveStore,
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
-  useHMSActions as useHMSActions53,
-  useHMSStore as useHMSStore93
+  useHMSActions as useHMSActions54,
+  useHMSStore as useHMSStore95
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AppData/AppData.tsx
@@ -12890,7 +12890,7 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React155, { useEffect as useEffect50, useRef as useRef25, useState as useState64 } from "react";
+import React155, { useEffect as useEffect50, useRef as useRef25, useState as useState65 } from "react";
 import { v4 as uuid3 } from "uuid";
 import {
   HMSRoomState as HMSRoomState7,
@@ -12898,8 +12898,8 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState7,
   useAVToggle as useAVToggle7,
-  useHMSActions as useHMSActions46,
-  useHMSStore as useHMSStore82
+  useHMSActions as useHMSActions47,
+  useHMSStore as useHMSStore84
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Footer/Footer.tsx
@@ -14079,7 +14079,7 @@ var useDropdownList = ({ name, open }) => {
 
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
-import { useEffect as useEffect12, useRef as useRef8, useState as useState11 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef8, useState as useState11 } from "react";
 import { useMedia as useMedia4 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
@@ -14153,6 +14153,29 @@ var useMobileHLSStream = () => {
   const { screenType } = useRoomLayoutConferencingScreen();
   return isMobile && screenType === "hls_live_streaming";
 };
+var useKeyboardHandler = (isPaused, hlsPlayer) => {
+  const handleKeyEvent = useCallback8(
+    (event) => __async(void 0, null, function* () {
+      switch (event.key) {
+        case " ":
+          if (isPaused) {
+            yield hlsPlayer == null ? void 0 : hlsPlayer.play();
+          } else {
+            hlsPlayer == null ? void 0 : hlsPlayer.pause();
+          }
+          break;
+        case "ArrowRight":
+          hlsPlayer == null ? void 0 : hlsPlayer.seekTo((hlsPlayer == null ? void 0 : hlsPlayer.getVideoElement().currentTime) + 10);
+          break;
+        case "ArrowLeft":
+          hlsPlayer == null ? void 0 : hlsPlayer.seekTo((hlsPlayer == null ? void 0 : hlsPlayer.getVideoElement().currentTime) - 10);
+          break;
+      }
+    }),
+    [hlsPlayer, isPaused]
+  );
+  return handleKeyEvent;
+};
 
 // src/Prebuilt/components/EmojiReaction.jsx
 init({ data });
@@ -14622,7 +14645,7 @@ import React42 from "react";
 
 // src/Prebuilt/components/PIP/PIPComponent.jsx
 init_define_process_env();
-import React41, { useCallback as useCallback8, useEffect as useEffect13, useState as useState15 } from "react";
+import React41, { useCallback as useCallback9, useEffect as useEffect13, useState as useState15 } from "react";
 import { selectPeers as selectPeers2, selectTracksMap, useHMSActions as useHMSActions9, useHMSStore as useHMSStore14, useHMSVanillaStore as useHMSVanillaStore5 } from "@100mslive/react-sdk";
 import { PipIcon } from "@100mslive/react-icons";
 
@@ -15084,7 +15107,7 @@ var PIPComponent = ({ content = null }) => {
   const [isPipOn, setIsPipOn] = useState15(PictureInPicture.isOn());
   const hmsActions = useHMSActions9();
   const store = useHMSVanillaStore5();
-  const onPipToggle = useCallback8(() => {
+  const onPipToggle = useCallback9(() => {
     if (!isPipOn) {
       PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
       MediaSession.setup(hmsActions, store);
@@ -15267,7 +15290,7 @@ import { AlertTriangleIcon as AlertTriangleIcon3 } from "@100mslive/react-icons"
 
 // src/Prebuilt/components/Streaming/ResolutionInput.jsx
 init_define_process_env();
-import React45, { useCallback as useCallback9, useState as useState17 } from "react";
+import React45, { useCallback as useCallback10, useState as useState17 } from "react";
 import { InfoIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/primitives/DialogContent.jsx
@@ -15429,7 +15452,7 @@ var DialogInputFile = (_a8) => {
 // src/Prebuilt/components/Streaming/ResolutionInput.jsx
 var ResolutionInput = ({ onResolutionChange, disabled, tooltipText, css: css2, testId }) => {
   const [resolution, setResolution] = useState17(RTMP_RECORD_DEFAULT_RESOLUTION);
-  const resolutionChangeHandler = useCallback9(
+  const resolutionChangeHandler = useCallback10(
     (event) => {
       const { name, value } = event.target;
       let width = name === "resWidth" ? Number(value) : resolution.width;
@@ -15778,7 +15801,7 @@ var formatBytes2 = (bytes, unit = "B", decimals = 2) => {
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
 init_define_process_env();
-import React48, { useCallback as useCallback10, useRef as useRef12, useState as useState20 } from "react";
+import React48, { useCallback as useCallback11, useRef as useRef12, useState as useState20 } from "react";
 import { useHMSActions as useHMSActions12 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon4 } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
@@ -15793,7 +15816,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
   const [roleDialog, setRoleDialog] = useState20(false);
   const [errorMessage, setErrorMessage] = useState20("");
   const [isSubmiting, setIsSubmiting] = useState20(false);
-  const changeBulkRole = useCallback10(() => __async(void 0, null, function* () {
+  const changeBulkRole = useCallback11(() => __async(void 0, null, function* () {
     if (selectedBulkRole.length > 0 && selectedRole) {
       try {
         setIsSubmiting(true);
@@ -15891,11 +15914,11 @@ import { ExpandIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/hooks/useFullscreen.ts
 init_define_process_env();
-import { useCallback as useCallback11, useEffect as useEffect15, useState as useState21 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect15, useState as useState21 } from "react";
 import screenfull from "screenfull";
 var useFullscreen = () => {
   const [isFullScreenEnabled, setIsFullScreenEnabled] = useState21(screenfull.isFullscreen);
-  const toggle = useCallback11(() => __async(void 0, null, function* () {
+  const toggle = useCallback12(() => __async(void 0, null, function* () {
     if (!screenfull.isEnabled) {
       ToastManager.addToast({ title: "Fullscreen feature not supported" });
       return;
@@ -15952,7 +15975,7 @@ var FullScreenItem = () => {
 
 // src/Prebuilt/components/MoreSettings/MuteAllModal.tsx
 init_define_process_env();
-import React51, { useCallback as useCallback12, useState as useState22 } from "react";
+import React51, { useCallback as useCallback13, useState as useState22 } from "react";
 import {
   selectAvailableRoleNames as selectAvailableRoleNames3,
   useHMSActions as useHMSActions13,
@@ -16028,7 +16051,7 @@ var MuteAllModal = ({
   const [trackType, setTrackType] = useState22();
   const [selectedRole, setRole] = useState22();
   const [selectedSource, setSource] = useState22();
-  const muteAll = useCallback12(() => __async(void 0, null, function* () {
+  const muteAll = useCallback13(() => __async(void 0, null, function* () {
     yield hmsActions.setRemoteTracksEnabled({
       enabled,
       type: trackType,
@@ -16058,7 +16081,7 @@ var MuteAllModal = ({
 
 // src/Prebuilt/components/hooks/useMetadata.jsx
 init_define_process_env();
-import { useCallback as useCallback13 } from "react";
+import { useCallback as useCallback14 } from "react";
 import {
   selectHasPeerHandRaised,
   selectLocalPeerID as selectLocalPeerID3,
@@ -16082,7 +16105,7 @@ var useMyMetadata = () => {
       console.error("failed to update metadata ", updatedFields);
     }
   });
-  const toggleHandRaise = useCallback13(() => __async(void 0, null, function* () {
+  const toggleHandRaise = useCallback14(() => __async(void 0, null, function* () {
     if (isHandRaised) {
       yield hmsActions.lowerLocalPeerHand();
     } else {
@@ -16090,7 +16113,7 @@ var useMyMetadata = () => {
       yield update({ isBRBOn: false });
     }
   }), [isHandRaised]);
-  const toggleBRB = useCallback13(() => __async(void 0, null, function* () {
+  const toggleBRB = useCallback14(() => __async(void 0, null, function* () {
     const newValue = !(metaData == null ? void 0 : metaData.isBRBOn);
     yield update({ isBRBOn: newValue });
     if (newValue) {
@@ -16256,7 +16279,7 @@ import {
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
-import React54, { useCallback as useCallback16, useEffect as useEffect16, useRef as useRef13, useState as useState25 } from "react";
+import React54, { useCallback as useCallback17, useEffect as useEffect16, useRef as useRef13, useState as useState25 } from "react";
 import { useMedia as useMedia7 } from "react-use";
 
 // ../hms-video-store/dist/index.js
@@ -16356,8 +16379,8 @@ init_define_process_env();
 var logDisabled_ = true;
 var deprecationWarnings_ = true;
 function extractVersion(uastring, expr, pos) {
-  const match12 = uastring.match(expr);
-  return match12 && match12.length >= pos && parseInt(match12[pos], 10);
+  const match13 = uastring.match(expr);
+  return match13 && match13.length >= pos && parseInt(match13[pos], 10);
 }
 function wrapPeerConnectionEvent(window2, eventNameToWrap, wrapper) {
   if (!window2.RTCPeerConnection) {
@@ -16659,7 +16682,7 @@ function shimGetUserMedia(window2, browserDetails) {
         if (matches) {
           return navigator2.mediaDevices.enumerateDevices().then((devices) => {
             devices = devices.filter((d2) => d2.kind === "videoinput");
-            let dev = devices.find((d2) => matches.some((match12) => d2.label.toLowerCase().includes(match12)));
+            let dev = devices.find((d2) => matches.some((match13) => d2.label.toLowerCase().includes(match13)));
             if (!dev && devices.length && matches.includes("back")) {
               dev = devices[devices.length - 1];
             }
@@ -18086,11 +18109,11 @@ function shimMaxMessageSize(window2, browserDetails) {
     });
   };
   const getRemoteFirefoxVersion = function(description) {
-    const match12 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
-    if (match12 === null || match12.length < 2) {
+    const match13 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
+    if (match13 === null || match13.length < 2) {
       return -1;
     }
-    const version = parseInt(match12[1], 10);
+    const version = parseInt(match13[1], 10);
     return version !== version ? -1 : version;
   };
   const getCanSendMaxMessageSize = function(remoteIsFirefox) {
@@ -18115,12 +18138,12 @@ function shimMaxMessageSize(window2, browserDetails) {
     if (browserDetails.browser === "firefox" && browserDetails.version === 57) {
       maxMessageSize = 65535;
     }
-    const match12 = import_sdp.default.matchPrefix(
+    const match13 = import_sdp.default.matchPrefix(
       description.sdp,
       "a=max-message-size:"
     );
-    if (match12.length > 0) {
-      maxMessageSize = parseInt(match12[0].substring(19), 10);
+    if (match13.length > 0) {
+      maxMessageSize = parseInt(match13[0].substring(19), 10);
     } else if (browserDetails.browser === "firefox" && remoteIsFirefox !== -1) {
       maxMessageSize = 2147483637;
     }
@@ -18478,7 +18501,7 @@ var Yi = (a2, e) => {
 };
 var ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var dr = ba((Xc, $a) => {
-  $a.exports = { version: "0.12.1", 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.2-alpha.1", 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 Xi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Xi || {});
 var Aa = ((e) => (e.CHAT = "chat", e))(Aa || {});
@@ -19570,7 +19593,7 @@ import {
 
 // src/Prebuilt/components/hooks/usePlaylistMusic.js
 init_define_process_env();
-import { useCallback as useCallback14 } from "react";
+import { useCallback as useCallback15 } from "react";
 import {
   selectAudioPlaylist,
   selectAudioPlaylistTrackByPeerID,
@@ -19583,16 +19606,16 @@ var usePlaylistMusic = () => {
   const track = useHMSStore22(selectAudioPlaylistTrackByPeerID(peer == null ? void 0 : peer.id));
   const selection = useHMSStore22(selectAudioPlaylist.selectedItem);
   const hmsActions = useHMSActions16();
-  const play = useCallback14(
+  const play = useCallback15(
     (selectedId) => __async(void 0, null, function* () {
       yield hmsActions.audioPlaylist.play(selectedId);
     }),
     [hmsActions]
   );
-  const pause = useCallback14(() => {
+  const pause = useCallback15(() => {
     hmsActions.audioPlaylist.pause();
   }, [hmsActions]);
-  const setVolume = useCallback14(
+  const setVolume = useCallback15(
     (value) => {
       hmsActions.setVolume(value, track == null ? void 0 : track.id);
     },
@@ -19603,7 +19626,7 @@ var usePlaylistMusic = () => {
 
 // src/Prebuilt/components/hooks/useScreenshareAudio.js
 init_define_process_env();
-import { useCallback as useCallback15 } from "react";
+import { useCallback as useCallback16 } from "react";
 import {
   selectPeerSharingAudio,
   selectScreenShareAudioByPeerID,
@@ -19614,7 +19637,7 @@ var useScreenshareAudio = () => {
   const hmsActions = useHMSActions17();
   const peer = useHMSStore23(selectPeerSharingAudio);
   const track = useHMSStore23(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
-  const handleMute = useCallback15(() => {
+  const handleMute = useCallback16(() => {
     if (!peer.isLocal) {
       hmsActions.setVolume(!track.volume ? 100 : 0, track.id);
     } else {
@@ -19733,7 +19756,7 @@ var LiveStatus = () => {
   const intervalRef = useRef13(null);
   const { screenType } = useRoomLayoutConferencingScreen();
   const [liveTime, setLiveTime] = useState25(0);
-  const startTimer = useCallback16(() => {
+  const startTimer = useCallback17(() => {
     intervalRef.current = setInterval(() => {
       var _a9;
       const timeStamp = (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
@@ -20142,7 +20165,7 @@ var ChangeNameModal = ({
 
 // src/Prebuilt/components/AppData/useSheet.ts
 init_define_process_env();
-import { useCallback as useCallback17 } from "react";
+import { useCallback as useCallback18 } from "react";
 import { selectAppData as selectAppData4, useHMSActions as useHMSActions20, useHMSStore as useHMSStore27, useHMSVanillaStore as useHMSVanillaStore7 } from "@100mslive/react-sdk";
 var useIsSheetTypeOpen = (sheetType) => {
   if (!sheetType) {
@@ -20153,7 +20176,7 @@ var useIsSheetTypeOpen = (sheetType) => {
 var useSheetToggle = (sheetType) => {
   const hmsActions = useHMSActions20();
   const vanillaStore = useHMSVanillaStore7();
-  const toggleSheet = useCallback17(() => {
+  const toggleSheet = useCallback18(() => {
     const isOpen = vanillaStore.getState(selectAppData4(APP_DATA.sheet)) === sheetType;
     hmsActions.setAppData(APP_DATA.sheet, !isOpen ? sheetType : "");
   }, [vanillaStore, hmsActions, sheetType]);
@@ -21003,7 +21026,7 @@ var ChatToggle = () => {
 
 // src/Prebuilt/components/Footer/ParticipantList.tsx
 init_define_process_env();
-import React74, { Fragment as Fragment9, useCallback as useCallback18, useState as useState32 } from "react";
+import React74, { Fragment as Fragment9, useCallback as useCallback19, useState as useState33 } from "react";
 import { useDebounce, useMedia as useMedia10 } from "react-use";
 import {
   selectHandRaisedPeers,
@@ -21012,12 +21035,19 @@ import {
   selectIsPeerAudioEnabled,
   selectLocalPeerID as selectLocalPeerID7,
   selectPeerCount as selectPeerCount4,
-  selectPeerMetadata as selectPeerMetadata3,
-  selectPermissions as selectPermissions11,
-  useHMSActions as useHMSActions24,
-  useHMSStore as useHMSStore37
+  selectPermissions as selectPermissions13,
+  useHMSStore as useHMSStore39
 } from "@100mslive/react-sdk";
-import { ChangeRoleIcon as ChangeRoleIcon2, HandIcon as HandIcon4, MicOffIcon as MicOffIcon4, PeopleIcon as PeopleIcon2, SearchIcon, VerticalMenuIcon as VerticalMenuIcon5 } from "@100mslive/react-icons";
+import {
+  AddIcon,
+  ChangeRoleIcon as ChangeRoleIcon2,
+  CrossIcon as CrossIcon11,
+  HandIcon as HandIcon4,
+  MicOffIcon as MicOffIcon4,
+  PeopleIcon as PeopleIcon2,
+  SearchIcon,
+  VerticalMenuIcon as VerticalMenuIcon5
+} from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Connection/ConnectionIndicator.tsx
 init_define_process_env();
@@ -21169,7 +21199,7 @@ init_define_process_env();
 import React73, { useEffect as useEffect18 } from "react";
 import { useMeasure } from "react-use";
 import { FixedSizeList } from "react-window";
-import { selectIsLargeRoom, useHMSStore as useHMSStore36, usePaginatedParticipants } from "@100mslive/react-sdk";
+import { selectIsLargeRoom, useHMSStore as useHMSStore37, usePaginatedParticipants } from "@100mslive/react-sdk";
 import { ChevronRightIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Footer/RoleOptions.tsx
@@ -21316,6 +21346,56 @@ var RoleOptions = ({ roleName, peerList }) => {
   ) : null);
 };
 
+// src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
+init_define_process_env();
+import { match as match6, P as P3 } from "ts-pattern";
+import { selectPermissions as selectPermissions11, useHMSActions as useHMSActions24, useHMSStore as useHMSStore36 } from "@100mslive/react-sdk";
+var useGroupOnStageActions = ({ peers }) => {
+  var _a8;
+  const hmsActions = useHMSActions24();
+  const { elements } = useRoomLayoutConferencingScreen();
+  const {
+    bring_to_stage_label,
+    remove_from_stage_label,
+    on_stage_role,
+    off_stage_roles = [],
+    skip_preview_for_role_change = false
+  } = elements.on_stage_exp || {};
+  const canChangeRole = (_a8 = useHMSStore36(selectPermissions11)) == null ? void 0 : _a8.changeRole;
+  const offStageRolePeers = peers.filter(
+    (peer) => match6({ 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))
+      },
+      () => true
+    ).otherwise(() => false)
+  );
+  const lowerAllHands = () => __async(void 0, null, function* () {
+    return Promise.all(peers.map((peer) => hmsActions.lowerRemotePeerHand(peer.id)));
+  });
+  const bringAllToStage = () => {
+    if (!canChangeRole || !on_stage_role) {
+      return;
+    }
+    return Promise.all(
+      offStageRolePeers.map((peer) => {
+        return hmsActions.changeRoleOfPeer(peer.id, on_stage_role, skip_preview_for_role_change).then(() => {
+          return skip_preview_for_role_change ? hmsActions.lowerRemotePeerHand(peer.id) : null;
+        });
+      })
+    );
+  };
+  return {
+    lowerAllHands,
+    bringAllToStage,
+    canBringToStage: canChangeRole && offStageRolePeers.length > 0,
+    bring_to_stage_label,
+    remove_from_stage_label
+  };
+};
+
 // src/Prebuilt/components/Footer/RoleAccordion.tsx
 var ROW_HEIGHT = 50;
 var ITER_TIMER = 5e3;
@@ -21330,6 +21410,7 @@ var VirtualizedParticipantItem = React73.memo(
       {
         key: data3.peerList[index].id,
         peer: data3.peerList[index],
+        isHandRaisedAccordion: data3.isHandRaisedAccordion,
         isConnected: data3.isConnected,
         style
       }
@@ -21346,7 +21427,7 @@ var RoleAccordion = ({
   onActive
 }) => {
   const [ref, { width }] = useMeasure();
-  const isLargeRoom = useHMSStore36(selectIsLargeRoom);
+  const isLargeRoom = useHMSStore37(selectIsLargeRoom);
   const { peers, total, loadPeers } = usePaginatedParticipants({ role: roleName, limit: 10 });
   const isOffStageRole = roleName && offStageRoles.includes(roleName);
   let peersInAccordion = peerList;
@@ -21356,6 +21437,9 @@ var RoleAccordion = ({
       peersInAccordion = peersInAccordion.filter((peer) => peer.name.toLowerCase().includes(filter.search || ""));
     }
   }
+  const { bringAllToStage, bring_to_stage_label, canBringToStage, lowerAllHands } = useGroupOnStageActions({
+    peers: peersInAccordion
+  });
   useEffect18(() => {
     if (!isOffStageRole || !isLargeRoom) {
       return;
@@ -21403,7 +21487,7 @@ var RoleAccordion = ({
     FixedSizeList,
     {
       itemSize: ROW_HEIGHT,
-      itemData: { peerList: peersInAccordion, isConnected },
+      itemData: { peerList: peersInAccordion, isConnected, isHandRaisedAccordion },
       itemKey,
       itemCount: peersInAccordion.length,
       width,
@@ -21426,7 +21510,53 @@ var RoleAccordion = ({
     },
     /* @__PURE__ */ React73.createElement(Text, { variant: "sm", css: { color: "inherit" } }, "View All"),
     /* @__PURE__ */ React73.createElement(ChevronRightIcon, null)
-  ) : null));
+  ) : null, isHandRaisedAccordion && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(HorizontalDivider, null), /* @__PURE__ */ React73.createElement(Flex, { css: { w: "100%", p: "$6", gap: "$4" }, justify: "center" }, /* @__PURE__ */ React73.createElement(Button, { variant: "standard", onClick: () => lowerAllHands() }, "Lower All Hands"), canBringToStage && /* @__PURE__ */ React73.createElement(Button, { onClick: () => bringAllToStage() }, bring_to_stage_label)))));
+};
+
+// src/Prebuilt/components/hooks/usePeerOnStageActions.tsx
+init_define_process_env();
+import { useState as useState32 } from "react";
+import { selectPeerMetadata as selectPeerMetadata3, selectPermissions as selectPermissions12, useHMSActions as useHMSActions25, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
+var usePeerOnStageActions = ({ peerId, role }) => {
+  var _a8, _b7;
+  const hmsActions = useHMSActions25();
+  const { elements } = useRoomLayoutConferencingScreen();
+  const {
+    bring_to_stage_label,
+    remove_from_stage_label,
+    on_stage_role,
+    off_stage_roles = [],
+    skip_preview_for_role_change = false
+  } = elements.on_stage_exp || {};
+  const isInStage = role === on_stage_role;
+  const canChangeRole = (_a8 = useHMSStore38(selectPermissions12)) == null ? void 0 : _a8.changeRole;
+  const shouldShowStageRoleChange = canChangeRole && (isInStage && remove_from_stage_label || (off_stage_roles == null ? void 0 : off_stage_roles.includes(role)) && bring_to_stage_label);
+  const prevRole = (_b7 = useHMSStore38(selectPeerMetadata3(peerId))) == null ? void 0 : _b7.prevRole;
+  const [open, setOpen] = useState32(false);
+  const lowerPeerHand = () => __async(void 0, null, function* () {
+    yield hmsActions.lowerRemotePeerHand(peerId);
+  });
+  const handleStageAction = () => __async(void 0, null, function* () {
+    if (isInStage) {
+      prevRole && hmsActions.changeRoleOfPeer(peerId, prevRole, true);
+    } else if (on_stage_role) {
+      yield hmsActions.changeRoleOfPeer(peerId, on_stage_role, skip_preview_for_role_change);
+      if (skip_preview_for_role_change) {
+        yield lowerPeerHand();
+      }
+    }
+    setOpen(false);
+  });
+  return {
+    open,
+    setOpen,
+    lowerPeerHand,
+    handleStageAction,
+    shouldShowStageRoleChange,
+    isInStage,
+    bring_to_stage_label,
+    remove_from_stage_label
+  };
 };
 
 // src/Prebuilt/components/Footer/ParticipantList.tsx
@@ -21434,11 +21564,11 @@ var ParticipantList = ({
   offStageRoles = [],
   onActive
 }) => {
-  const [filter, setFilter] = useState32();
+  const [filter, setFilter] = useState33();
   const { participants, isConnected, peerCount } = useParticipants(filter);
-  const isLargeRoom = useHMSStore37(selectIsLargeRoom2);
+  const isLargeRoom = useHMSStore39(selectIsLargeRoom2);
   const peersOrderedByRoles = {};
-  const handRaisedPeers = useHMSStore37(selectHandRaisedPeers);
+  const handRaisedPeers = useHMSStore39(selectHandRaisedPeers);
   participants.forEach((participant) => {
     if (participant.roleName) {
       if (peersOrderedByRoles[participant.roleName] === void 0) {
@@ -21454,7 +21584,7 @@ var ParticipantList = ({
       }
     });
   }
-  const onSearch = useCallback18((value) => {
+  const onSearch = useCallback19((value) => {
     setFilter((filterValue) => {
       if (!filterValue) {
         filterValue = {};
@@ -21501,7 +21631,7 @@ var ParticipantList = ({
   ));
 };
 var ParticipantCount = () => {
-  const peerCount = useHMSStore37(selectPeerCount4);
+  const peerCount = useHMSStore39(selectPeerCount4);
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
   if (peerCount === 0) {
@@ -21530,9 +21660,10 @@ var ParticipantCount = () => {
 var Participant = ({
   peer,
   isConnected,
+  isHandRaisedAccordion,
   style
 }) => {
-  const localPeerId = useHMSStore37(selectLocalPeerID7);
+  const localPeerId = useHMSStore39(selectLocalPeerID7);
   return /* @__PURE__ */ React74.createElement(
     Flex,
     {
@@ -21559,7 +21690,15 @@ var Participant = ({
       " ",
       localPeerId === peer.id ? "(You)" : ""
     ),
-    isConnected && peer.roleName ? /* @__PURE__ */ React74.createElement(ParticipantActions, { peerId: peer.id, isLocal: peer.id === localPeerId, role: peer.roleName }) : null
+    isConnected && peer.roleName ? /* @__PURE__ */ React74.createElement(
+      ParticipantActions,
+      {
+        peerId: peer.id,
+        isLocal: peer.id === localPeerId,
+        role: peer.roleName,
+        isHandRaisedAccordion
+      }
+    ) : null
   );
 };
 var VirtualizedParticipants = ({
@@ -21614,15 +21753,20 @@ var VirtualizedParticipants = ({
   );
 };
 var ParticipantActions = React74.memo(
-  ({ peerId, role, isLocal }) => {
+  ({
+    peerId,
+    role,
+    isLocal,
+    isHandRaisedAccordion
+  }) => {
     var _a8, _b7;
-    const isHandRaised = useHMSStore37(selectHasPeerHandRaised2(peerId));
-    const canChangeRole = (_a8 = useHMSStore37(selectPermissions11)) == null ? void 0 : _a8.changeRole;
-    const canRemoveOthers = (_b7 = useHMSStore37(selectPermissions11)) == null ? void 0 : _b7.removeOthers;
+    const isHandRaised = useHMSStore39(selectHasPeerHandRaised2(peerId));
+    const canChangeRole = (_a8 = useHMSStore39(selectPermissions13)) == null ? void 0 : _a8.changeRole;
+    const canRemoveOthers = (_b7 = useHMSStore39(selectPermissions13)) == null ? void 0 : _b7.removeOthers;
     const { elements } = useRoomLayoutConferencingScreen();
     const { on_stage_exp } = elements || {};
     const shouldShowMoreActions = on_stage_exp && canChangeRole || canRemoveOthers;
-    const isAudioMuted = !useHMSStore37(selectIsPeerAudioEnabled(peerId));
+    const isAudioMuted = !useHMSStore39(selectIsPeerAudioEnabled(peerId));
     return /* @__PURE__ */ React74.createElement(
       Flex,
       {
@@ -21632,8 +21776,7 @@ var ParticipantActions = React74.memo(
           gap: "$8"
         }
       },
-      /* @__PURE__ */ React74.createElement(ConnectionIndicator, { peerId }),
-      isHandRaised && /* @__PURE__ */ React74.createElement(
+      isHandRaisedAccordion ? /* @__PURE__ */ React74.createElement(HandRaisedAccordionParticipantActions, { peerId, role }) : /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(ConnectionIndicator, { peerId }), isHandRaised && /* @__PURE__ */ React74.createElement(
         Flex,
         {
           align: "center",
@@ -21641,8 +21784,7 @@ var ParticipantActions = React74.memo(
           css: { p: "$1", c: "$on_surface_high", bg: "$surface_bright", borderRadius: "$round" }
         },
         /* @__PURE__ */ React74.createElement(HandIcon4, { height: 19, width: 19 })
-      ),
-      isAudioMuted ? /* @__PURE__ */ React74.createElement(
+      ), isAudioMuted ? /* @__PURE__ */ React74.createElement(
         Flex,
         {
           align: "center",
@@ -21650,41 +21792,41 @@ var ParticipantActions = React74.memo(
           css: { p: "$2", c: "$on_surface_high", bg: "$surface_bright", borderRadius: "$round" }
         },
         /* @__PURE__ */ React74.createElement(MicOffIcon4, { height: 19, width: 19 })
-      ) : null,
-      shouldShowMoreActions && !isLocal ? /* @__PURE__ */ React74.createElement(ParticipantMoreActions, { peerId, role, elements, canChangeRole: !!canChangeRole }) : null
+      ) : null, shouldShowMoreActions && !isLocal ? /* @__PURE__ */ React74.createElement(ParticipantMoreActions, { peerId, role }) : null)
     );
   }
 );
-var ParticipantMoreActions = ({
-  peerId,
-  role,
-  elements,
-  canChangeRole
-}) => {
-  var _a8;
-  const hmsActions = useHMSActions24();
+var HandRaisedAccordionParticipantActions = ({ peerId, role }) => {
+  const { handleStageAction, lowerPeerHand, shouldShowStageRoleChange, isInStage } = usePeerOnStageActions({
+    peerId,
+    role
+  });
+  return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(
+    IconButton,
+    {
+      css: { p: "$1", c: "$on_surface_high", bg: "$surface_bright", borderRadius: "$round" },
+      onClick: () => lowerPeerHand()
+    },
+    /* @__PURE__ */ React74.createElement(CrossIcon11, { height: 19, width: 19 })
+  ), shouldShowStageRoleChange && !isInStage && /* @__PURE__ */ React74.createElement(
+    IconButton,
+    {
+      css: { p: "$1", c: "$on_surface_high", bg: "$primary_default", borderRadius: "$round" },
+      onClick: () => handleStageAction()
+    },
+    /* @__PURE__ */ React74.createElement(AddIcon, { height: 19, width: 19 })
+  ));
+};
+var ParticipantMoreActions = ({ peerId, role }) => {
   const {
+    open,
+    setOpen,
     bring_to_stage_label,
     remove_from_stage_label,
-    on_stage_role,
-    off_stage_roles = [],
-    skip_preview_for_role_change = false
-  } = elements.on_stage_exp || {};
-  const isInStage = role === on_stage_role;
-  const shouldShowStageRoleChange = canChangeRole && (isInStage && remove_from_stage_label || (off_stage_roles == null ? void 0 : off_stage_roles.includes(role)) && bring_to_stage_label);
-  const prevRole = (_a8 = useHMSStore37(selectPeerMetadata3(peerId))) == null ? void 0 : _a8.prevRole;
-  const [open, setOpen] = useState32(false);
-  const handleStageAction = () => __async(void 0, null, function* () {
-    if (isInStage) {
-      prevRole && hmsActions.changeRoleOfPeer(peerId, prevRole, true);
-    } else if (on_stage_role) {
-      yield hmsActions.changeRoleOfPeer(peerId, on_stage_role, skip_preview_for_role_change);
-      if (skip_preview_for_role_change) {
-        yield hmsActions.lowerRemotePeerHand(peerId);
-      }
-    }
-    setOpen(false);
-  });
+    handleStageAction,
+    isInStage,
+    shouldShowStageRoleChange
+  } = usePeerOnStageActions({ peerId, role });
   return /* @__PURE__ */ React74.createElement(Dropdown.Root, { open, onOpenChange: (value) => setOpen(value), modal: false }, /* @__PURE__ */ React74.createElement(
     Dropdown.Trigger,
     {
@@ -21877,15 +22019,15 @@ var Footer2 = ({
 
 // src/Prebuilt/components/Notifications/HLSFailureModal.tsx
 init_define_process_env();
-import React78, { useCallback as useCallback19, useState as useState33 } from "react";
-import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions25, useHMSStore as useHMSStore38, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
+import React78, { useCallback as useCallback20, useState as useState34 } from "react";
+import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions26, useHMSStore as useHMSStore40, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
 function HLSFailureModal() {
-  const hlsError = useHMSStore38(selectHLSState5).error || false;
-  const [openModal, setOpenModal] = useState33(!!hlsError);
-  const hmsActions = useHMSActions25();
+  const hlsError = useHMSStore40(selectHLSState5).error || false;
+  const [openModal, setOpenModal] = useState34(!!hlsError);
+  const hmsActions = useHMSActions26();
   const { isRTMPRunning } = useRecordingStreaming8();
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const startHLS = useCallback19(() => __async(this, null, function* () {
+  const startHLS = useCallback20(() => __async(this, null, function* () {
     try {
       if (isHLSStarted || isRTMPRunning) {
         return;
@@ -21932,13 +22074,13 @@ import {
   selectLocalPeerRoleName as selectLocalPeerRoleName4,
   selectRoleChangeRequest,
   useCustomEvent as useCustomEvent3,
-  useHMSActions as useHMSActions42,
-  useHMSStore as useHMSStore69
+  useHMSActions as useHMSActions43,
+  useHMSStore as useHMSStore71
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React131, { Fragment as Fragment12, useCallback as useCallback31, useEffect as useEffect34, useMemo as useMemo11, useState as useState55 } from "react";
+import React131, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect34, useMemo as useMemo11, useState as useState56 } from "react";
 import { useMeasure as useMeasure4, useMedia as useMedia24 } from "react-use";
 import {
   HMSRoomState as HMSRoomState5,
@@ -21947,7 +22089,7 @@ import {
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
   useAVToggle as useAVToggle6,
-  useHMSStore as useHMSStore68,
+  useHMSStore as useHMSStore70,
   useParticipants as useParticipants2,
   usePreviewJoin,
   useRecordingStreaming as useRecordingStreaming11
@@ -21958,8 +22100,8 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
 init_define_process_env();
 import React127, { useEffect as useEffect33 } from "react";
 import { useMedia as useMedia22 } from "react-use";
-import { match as match9 } from "ts-pattern";
-import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore67 } from "@100mslive/react-sdk";
+import { match as match10 } from "ts-pattern";
+import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore69 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Polls.tsx
 init_define_process_env();
@@ -21967,21 +22109,21 @@ import React100 from "react";
 
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 init_define_process_env();
-import React81, { useEffect as useEffect21, useMemo as useMemo5, useRef as useRef15, useState as useState34 } from "react";
+import React81, { useEffect as useEffect21, useMemo as useMemo5, useRef as useRef15, useState as useState35 } from "react";
 import {
   selectLocalPeerRoleName,
-  selectPermissions as selectPermissions13,
+  selectPermissions as selectPermissions15,
   selectPolls as selectPolls2,
-  useHMSActions as useHMSActions26,
-  useHMSStore as useHMSStore40
+  useHMSActions as useHMSActions27,
+  useHMSStore as useHMSStore42
 } from "@100mslive/react-sdk";
 import { QuestionIcon, StatsIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Streaming/Common.jsx
 init_define_process_env();
 import React79 from "react";
-import { selectPermissions as selectPermissions12, useHMSStore as useHMSStore39 } from "@100mslive/react-sdk";
-import { ChevronLeftIcon as ChevronLeftIcon3, ChevronRightIcon as ChevronRightIcon2, CrossIcon as CrossIcon11, RecordIcon as RecordIcon3 } from "@100mslive/react-icons";
+import { selectPermissions as selectPermissions14, useHMSStore as useHMSStore41 } from "@100mslive/react-sdk";
+import { ChevronLeftIcon as ChevronLeftIcon3, ChevronRightIcon as ChevronRightIcon2, CrossIcon as CrossIcon12, RecordIcon as RecordIcon3 } from "@100mslive/react-icons";
 var ContentHeader = ({ onBack, onClose, title = "", content }) => {
   return /* @__PURE__ */ React79.createElement(
     Flex,
@@ -22012,7 +22154,7 @@ var ContentHeader = ({ onBack, onClose, title = "", content }) => {
       },
       title
     ) : null, /* @__PURE__ */ React79.createElement(Text, { variant: "h6" }, content)),
-    onClose ? /* @__PURE__ */ React79.createElement(IconButton, { onClick: onClose, css: { alignSelf: "flex-start" }, "data-testid": "close_stream_section" }, /* @__PURE__ */ React79.createElement(CrossIcon11, null)) : null
+    onClose ? /* @__PURE__ */ React79.createElement(IconButton, { onClick: onClose, css: { alignSelf: "flex-start" }, "data-testid": "close_stream_section" }, /* @__PURE__ */ React79.createElement(CrossIcon12, null)) : null
   );
 };
 var Container3 = ({ children, rounded = false }) => {
@@ -22080,7 +22222,7 @@ var StatusIndicator = ({ status }) => {
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 var PollsQuizMenu = () => {
   const togglePollView = usePollViewToggle();
-  const permissions = useHMSStore40(selectPermissions13);
+  const permissions = useHMSStore42(selectPermissions15);
   return /* @__PURE__ */ React81.createElement(Container3, { rounded: true }, /* @__PURE__ */ React81.createElement(ContentHeader, { content: "Polls and Quizzes", onClose: togglePollView }), /* @__PURE__ */ React81.createElement(Flex, { direction: "column", css: { px: "$10", pb: "$10", overflowY: "auto" } }, (permissions == null ? void 0 : permissions.pollWrite) && /* @__PURE__ */ React81.createElement(AddMenu, null), /* @__PURE__ */ React81.createElement(PrevMenu, null)));
 };
 function InteractionSelectionCard({
@@ -22120,14 +22262,14 @@ function InteractionSelectionCard({
   );
 }
 var AddMenu = () => {
-  const actions = useHMSActions26();
-  const [title, setTitle] = useState34("");
-  const localPeerRoleName = useHMSStore40(selectLocalPeerRoleName);
-  const [hideVoteCount, setHideVoteCount] = useState34(false);
-  const [error, setError] = useState34();
-  const [titleError, setTitleError] = useState34("");
+  const actions = useHMSActions27();
+  const [title, setTitle] = useState35("");
+  const localPeerRoleName = useHMSStore42(selectLocalPeerRoleName);
+  const [hideVoteCount, setHideVoteCount] = useState35(false);
+  const [error, setError] = useState35();
+  const [titleError, setTitleError] = useState35("");
   const { setPollState } = usePollViewState();
-  const [interactionType, setInteractionType] = useState34("Poll" /* POLL */);
+  const [interactionType, setInteractionType] = useState35("Poll" /* POLL */);
   const inputRef = useRef15(null);
   useEffect21(() => {
     if (inputRef.current) {
@@ -22174,7 +22316,7 @@ var AddMenu = () => {
       type: "text",
       placeholder: "Enter a name to continue",
       value: title,
-      onChange: (event) => setTitle(event.target.value),
+      onChange: (event) => setTitle(event.target.value.trimStart()),
       css: {
         backgroundColor: "$surface_bright",
         border: "1px solid $border_default"
@@ -22203,8 +22345,8 @@ var AddMenu = () => {
   ), /* @__PURE__ */ React81.createElement(ErrorText, { error: error || titleError })));
 };
 var PrevMenu = () => {
-  const hmsActions = useHMSActions26();
-  const polls = useHMSStore40(selectPolls2);
+  const hmsActions = useHMSActions27();
+  const polls = useHMSStore42(selectPolls2);
   const sortedPolls = useMemo5(
     () => {
       var _a8;
@@ -22215,7 +22357,7 @@ var PrevMenu = () => {
     },
     [polls]
   );
-  const permissions = useHMSStore40(selectPermissions13);
+  const permissions = useHMSStore42(selectPermissions15);
   useEffect21(() => {
     const updatePolls = () => __async(void 0, null, function* () {
       yield hmsActions.interactivityCenter.getPolls();
@@ -22251,20 +22393,20 @@ var InteractionCard = ({ id, title, status }) => {
 
 // src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
 init_define_process_env();
-import React91, { useMemo as useMemo6, useState as useState36 } from "react";
+import React91, { useMemo as useMemo6, useState as useState37 } from "react";
 import { v4 as uuid2 } from "uuid";
-import { selectPollByID, useHMSActions as useHMSActions27, useHMSStore as useHMSStore41, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
+import { selectPollByID, useHMSActions as useHMSActions28, useHMSStore as useHMSStore43, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
 import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
 init_define_process_env();
-import React89, { useCallback as useCallback20, useRef as useRef16, useState as useState35 } from "react";
+import React89, { useCallback as useCallback21, useRef as useRef16, useState as useState36 } from "react";
 import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
 init_define_process_env();
 import React82 from "react";
-import { AlertTriangleIcon as AlertTriangleIcon6, CrossIcon as CrossIcon12 } from "@100mslive/react-icons";
+import { AlertTriangleIcon as AlertTriangleIcon6, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
 var DeleteQuestionModal = ({
   open,
   setOpen,
@@ -22291,7 +22433,7 @@ var DeleteQuestionModal = ({
         },
         onClick: () => setOpen(false)
       },
-      /* @__PURE__ */ React82.createElement(CrossIcon12, null)
+      /* @__PURE__ */ React82.createElement(CrossIcon13, null)
     )
   ), /* @__PURE__ */ React82.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "The question will be deleted. You can't undo this action."), /* @__PURE__ */ React82.createElement(Flex, { css: { w: "100%", mt: "$12", gap: "$md" } }, /* @__PURE__ */ React82.createElement(
     Button,
@@ -22347,7 +22489,7 @@ var OptionInputWithDelete = ({
       },
       value: (option == null ? void 0 : option.text) || "",
       key: index,
-      onChange: (event) => handleOptionTextChange(index, event.target.value)
+      onChange: (event) => handleOptionTextChange(index, event.target.value.trimStart())
     }
   ), /* @__PURE__ */ React84.createElement(IconButton_default, { onClick: () => removeOption(index), css: { bg: "transparent", border: "none" } }, /* @__PURE__ */ React84.createElement(TrashIcon2, null)));
 };
@@ -22550,12 +22692,12 @@ var QuestionForm = ({
   var _a8;
   const ref = useRef16(null);
   const selectionBg = useDropdownSelection();
-  const [openDelete, setOpenDelete] = useState35(false);
-  const [open, setOpen] = useState35(false);
-  const [type, setType] = useState35(question.type || "single-choice" /* SINGLE_CHOICE */);
-  const [text, setText] = useState35(question.text);
-  const [weight, setWeight] = useState35(isQuiz ? 10 : 1);
-  const [options, setOptions] = useState35(
+  const [openDelete, setOpenDelete] = useState36(false);
+  const [open, setOpen] = useState36(false);
+  const [type, setType] = useState36(question.type || "single-choice" /* SINGLE_CHOICE */);
+  const [text, setText] = useState36(question.text);
+  const [weight, setWeight] = useState36(isQuiz ? 10 : 1);
+  const [options, setOptions] = useState36(
     (question == null ? void 0 : question.options) || [
       { text: "", isCorrectAnswer: false },
       { text: "", isCorrectAnswer: false }
@@ -22568,13 +22710,13 @@ var QuestionForm = ({
     weight,
     isQuiz
   });
-  const handleOptionTextChange = useCallback20(
+  const handleOptionTextChange = useCallback21(
     (index2, text2) => {
       setOptions((options2) => [...options2.slice(0, index2), __spreadProps(__spreadValues({}, options2[index2]), { text: text2 }), ...options2.slice(index2 + 1)]);
     },
     [setOptions]
   );
-  const removeOption = useCallback20(
+  const removeOption = useCallback21(
     (index2) => setOptions((options2) => {
       const newOptions = [...options2];
       newOptions.splice(index2, 1);
@@ -22582,7 +22724,7 @@ var QuestionForm = ({
     }),
     [setOptions]
   );
-  const selectSingleChoiceAnswer = useCallback20(
+  const selectSingleChoiceAnswer = useCallback21(
     (answerIndex) => {
       if (!isQuiz) {
         return;
@@ -22595,7 +22737,7 @@ var QuestionForm = ({
     },
     [setOptions, isQuiz]
   );
-  const selectMultipleChoiceAnswer = useCallback20(
+  const selectMultipleChoiceAnswer = useCallback21(
     (checked, index2) => {
       if (!isQuiz) {
         return;
@@ -22646,7 +22788,7 @@ var QuestionForm = ({
         maxHeight: "$32"
       },
       value: text,
-      onChange: (event) => setText(event.target.value)
+      onChange: (event) => setText(event.target.value.trimStart())
     }
   ), /* @__PURE__ */ React89.createElement(Text, { variant: "xs", css: { color: "$on_surface_medium", textAlign: "end", mt: "$4" } }, (text == null ? void 0 : text.length) || 0, "/1024"), /* @__PURE__ */ React89.createElement(Line, null), type === "single-choice" /* SINGLE_CHOICE */ || type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ React89.createElement(React89.Fragment, null, /* @__PURE__ */ React89.createElement(Text, { variant: "body2", css: { mb: "$6", c: "$on_surface_medium" } }, "Options"), isQuiz && /* @__PURE__ */ React89.createElement(Text, { variant: "xs", css: { c: "$on_surface_medium", mb: "$md" } }, type === "single-choice" /* SINGLE_CHOICE */ ? "Use the radio buttons to indicate the correct answer" : "Use the checkboxes to indicate the correct answer(s)"), type === "single-choice" /* SINGLE_CHOICE */ && /* @__PURE__ */ React89.createElement(
     SingleChoiceOptionInputs,
@@ -22774,12 +22916,12 @@ var getEditableFormat = (questions) => {
 };
 function CreateQuestions() {
   var _a8, _b7, _c, _d;
-  const actions = useHMSActions27();
+  const actions = useHMSActions28();
   const { isHLSRunning } = useRecordingStreaming9();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
-  const interaction = useHMSStore41(selectPollByID(id));
-  const [questions, setQuestions] = useState36(
+  const interaction = useHMSStore43(selectPollByID(id));
+  const [questions, setQuestions] = useState37(
     ((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
   );
   const isValidPoll = useMemo6(() => questions.length > 0 && questions.every(isValidQuestion), [questions]);
@@ -22871,9 +23013,9 @@ var QuestionCard = ({ question, onSave, index, length, removeQuestion, isQuiz, c
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 init_define_process_env();
-import React95, { useState as useState38 } from "react";
-import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
-import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIcon3, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
+import React95, { useState as useState39 } from "react";
+import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore46 } from "@100mslive/react-sdk";
+import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIcon3, CrossIcon as CrossIcon14 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
 init_define_process_env();
@@ -22936,7 +23078,7 @@ var LeaderboardEntry = ({
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
 init_define_process_env();
 import React94 from "react";
-import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
 init_define_process_env();
@@ -22957,16 +23099,16 @@ var StatisticBox = ({ title, value = 0 }) => {
 
 // src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx
 init_define_process_env();
-import { useEffect as useEffect22, useState as useState37 } from "react";
+import { useEffect as useEffect22, useState as useState38 } from "react";
 import {
   selectPollByID as selectPollByID2,
-  useHMSActions as useHMSActions28,
-  useHMSStore as useHMSStore42
+  useHMSActions as useHMSActions29,
+  useHMSStore as useHMSStore44
 } from "@100mslive/react-sdk";
 var useQuizSummary = (quizID) => {
-  const hmsActions = useHMSActions28();
-  const quiz = useHMSStore42(selectPollByID2(quizID));
-  const [quizLeaderboard, setQuizLeaderboard] = useState37();
+  const hmsActions = useHMSActions29();
+  const quiz = useHMSStore44(selectPollByID2(quizID));
+  const [quizLeaderboard, setQuizLeaderboard] = useState38();
   const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
     totalUsers: 0,
     votedUsers: 0,
@@ -22974,7 +23116,7 @@ var useQuizSummary = (quizID) => {
     avgTime: 0,
     correctUsers: 0
   };
-  const [calculations, setCalculations] = useState37({ maxPossibleScore: 0, totalResponses: 0 });
+  const [calculations, setCalculations] = useState38({ maxPossibleScore: 0, totalResponses: 0 });
   useEffect22(() => {
     const fetchLeaderboardData = () => __async(void 0, null, function* () {
       var _a8;
@@ -23002,7 +23144,7 @@ var useQuizSummary = (quizID) => {
 
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
 var PeerParticipationSummary = ({ quiz }) => {
-  const localPeerId = useHMSStore43(selectLocalPeerID8);
+  const localPeerId = useHMSStore45(selectLocalPeerID8);
   const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
   if (quiz.state !== "stopped") {
     return /* @__PURE__ */ React94.createElement(React94.Fragment, null);
@@ -23043,9 +23185,9 @@ var PeerParticipationSummary = ({ quiz }) => {
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 var LeaderboardSummary = ({ pollID }) => {
   var _a8, _b7;
-  const quiz = useHMSStore44(selectPollByID3(pollID));
+  const quiz = useHMSStore46(selectPollByID3(pollID));
   const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
-  const [viewAllEntries, setViewAllEntries] = useState38(false);
+  const [viewAllEntries, setViewAllEntries] = useState39(false);
   const { setPollView } = usePollViewState();
   const toggleSidepane = useSidepaneToggle();
   if (!quiz || !quizLeaderboard)
@@ -23064,7 +23206,7 @@ var LeaderboardSummary = ({ pollID }) => {
       css: { color: "$on_surface_medium", "&:hover": { color: "$on_surface_high", cursor: "pointer" } },
       onClick: toggleSidepane
     },
-    /* @__PURE__ */ React95.createElement(CrossIcon13, null)
+    /* @__PURE__ */ React95.createElement(CrossIcon14, null)
   )), !viewAllEntries ? /* @__PURE__ */ React95.createElement(PeerParticipationSummary, { quiz }) : null, /* @__PURE__ */ React95.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", mt: "$4" } }, "Leaderboard"), /* @__PURE__ */ React95.createElement(Text, { variant: "xs", css: { color: "$on_surface_medium" } }, "Based on score and time taken to cast the correct answer"), /* @__PURE__ */ React95.createElement(
     Box,
     {
@@ -23118,12 +23260,12 @@ init_define_process_env();
 import React99 from "react";
 import {
   selectPeerNameByID,
-  selectPermissions as selectPermissions14,
+  selectPermissions as selectPermissions16,
   selectPollByID as selectPollByID4,
-  useHMSActions as useHMSActions30,
-  useHMSStore as useHMSStore47
+  useHMSActions as useHMSActions31,
+  useHMSStore as useHMSStore49
 } from "@100mslive/react-sdk";
-import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon14 } from "@100mslive/react-icons";
+import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon15 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/Voting/StandardVoting.tsx
 init_define_process_env();
@@ -23131,9 +23273,9 @@ import React97 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React96, { useCallback as useCallback21, useMemo as useMemo7, useRef as useRef17, useState as useState39 } from "react";
-import { match as match6 } from "ts-pattern";
-import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions29, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
+import React96, { useCallback as useCallback22, useMemo as useMemo7, useRef as useRef17, useState as useState40 } from "react";
+import { match as match7 } from "ts-pattern";
+import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions30, useHMSStore as useHMSStore47 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
 var QuestionCard2 = ({
   pollID,
@@ -23151,8 +23293,8 @@ var QuestionCard2 = ({
   responses = [],
   rolesThatCanViewResponses
 }) => {
-  const actions = useHMSActions29();
-  const localPeer = useHMSStore45(selectLocalPeer);
+  const actions = useHMSActions30();
+  const localPeer = useHMSStore47(selectLocalPeer);
   const localPeerResponse = responses == null ? void 0 : responses.find(
     (response) => {
       var _a8, _b7;
@@ -23160,7 +23302,7 @@ var QuestionCard2 = ({
     }
   );
   const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
-  const localPeerRoleName = useHMSStore45(selectLocalPeerRoleName2);
+  const localPeerRoleName = useHMSStore47(selectLocalPeerRoleName2);
   const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
   const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
   const isLive = pollState === "started";
@@ -23168,9 +23310,9 @@ var QuestionCard2 = ({
   const canRespond = isLive && !localPeerResponse;
   const startTime = useRef17(Date.now());
   const isCorrectAnswer = checkCorrectAnswer(answer, localPeerResponse, type);
-  const [singleOptionAnswer, setSingleOptionAnswer] = useState39();
-  const [multipleOptionAnswer, setMultipleOptionAnswer] = useState39(/* @__PURE__ */ new Set());
-  const [showOptions, setShowOptions] = useState39(true);
+  const [singleOptionAnswer, setSingleOptionAnswer] = useState40();
+  const [multipleOptionAnswer, setMultipleOptionAnswer] = useState40(/* @__PURE__ */ new Set());
+  const [showOptions, setShowOptions] = useState40(true);
   const respondedToQuiz = isQuiz && localPeerResponse && !localPeerResponse.skipped;
   const isValidVote = useMemo7(() => {
     if (type === "single-choice" /* SINGLE_CHOICE */) {
@@ -23179,7 +23321,7 @@ var QuestionCard2 = ({
       return multipleOptionAnswer.size > 0;
     }
   }, [singleOptionAnswer, multipleOptionAnswer, type]);
-  const handleVote = useCallback21(() => __async(void 0, null, function* () {
+  const handleVote = useCallback22(() => __async(void 0, null, function* () {
     if (!isValidVote) {
       return;
     }
@@ -23209,7 +23351,7 @@ var QuestionCard2 = ({
       {
         variant: "caption",
         css: {
-          color: match6({ respondedToQuiz, isLive, isCorrectAnswer }).when(
+          color: match7({ respondedToQuiz, isLive, isCorrectAnswer }).when(
             ({ respondedToQuiz: respondedToQuiz2, isLive: isLive2 }) => respondedToQuiz2 && !isLive2,
             ({ isCorrectAnswer: isCorrectAnswer2 }) => isCorrectAnswer2 ? "$alert_success" : "$alert_error_default"
           ).otherwise(() => "$on_surface_low"),
@@ -23219,7 +23361,7 @@ var QuestionCard2 = ({
           gap: "$4"
         }
       },
-      match6({ respondedToQuiz, pollEnded, isCorrectAnswer }).when(
+      match7({ respondedToQuiz, pollEnded, isCorrectAnswer }).when(
         ({ respondedToQuiz: respondedToQuiz2, pollEnded: pollEnded2 }) => respondedToQuiz2 && pollEnded2,
         ({ isCorrectAnswer: isCorrectAnswer2 }) => {
           return isCorrectAnswer2 ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height: 16, width: 16 }) : /* @__PURE__ */ React96.createElement(CrossCircleIcon, { height: 16, width: 16 });
@@ -23349,13 +23491,13 @@ var StandardView = ({ poll }) => {
 
 // src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
 init_define_process_env();
-import React98, { useState as useState40 } from "react";
-import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore46 } from "@100mslive/react-sdk";
+import React98, { useState as useState41 } from "react";
+import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
 var TimedView = ({ poll }) => {
   var _a8, _b7, _c;
-  const localPeerId = useHMSStore46(selectLocalPeerID9);
+  const localPeerId = useHMSStore48(selectLocalPeerID9);
   const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
-  const [currentIndex, setCurrentIndex] = useState40(lastAttemptedIndex);
+  const [currentIndex, setCurrentIndex] = useState41(lastAttemptedIndex);
   const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
   const attemptedAll = ((_b7 = poll.questions) == null ? void 0 : _b7.length) === lastAttemptedIndex - 1;
   if (!activeQuestion && !attemptedAll || !((_c = poll.questions) == null ? void 0 : _c.length)) {
@@ -23388,10 +23530,10 @@ var TimedView = ({ poll }) => {
 
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 var Voting = ({ id, toggleVoting }) => {
-  const actions = useHMSActions30();
-  const poll = useHMSStore47(selectPollByID4(id));
-  const pollCreatorName = useHMSStore47(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
-  const permissions = useHMSStore47(selectPermissions14);
+  const actions = useHMSActions31();
+  const poll = useHMSStore49(selectPollByID4(id));
+  const pollCreatorName = useHMSStore49(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
+  const permissions = useHMSStore49(selectPermissions16);
   const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
   const { setPollView } = usePollViewState();
   const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
@@ -23433,7 +23575,7 @@ var Voting = ({ id, toggleVoting }) => {
           height: "fit-content"
         }
       },
-      /* @__PURE__ */ React99.createElement(CrossIcon14, { onClick: toggleVoting })
+      /* @__PURE__ */ React99.createElement(CrossIcon15, { onClick: toggleVoting })
     )
   ), /* @__PURE__ */ React99.createElement(Flex, { direction: "column", css: { p: "$8 $10", flex: "1 1 0", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ React99.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, showSingleView ? /* @__PURE__ */ React99.createElement(TimedView, { poll }) : /* @__PURE__ */ React99.createElement(StandardView, { poll })), /* @__PURE__ */ React99.createElement(
     Flex,
@@ -23474,15 +23616,15 @@ var Polls = () => {
 // src/Prebuilt/components/RoomDetails/RoomDetailsPane.tsx
 init_define_process_env();
 import React104 from "react";
-import { CrossIcon as CrossIcon15 } from "@100mslive/react-icons";
+import { CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Header/HeaderComponents.jsx
 init_define_process_env();
-import React101, { useEffect as useEffect23, useState as useState41 } from "react";
-import { selectDominantSpeaker, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
+import React101, { useEffect as useEffect23, useState as useState42 } from "react";
+import { selectDominantSpeaker, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
 import { VolumeOneIcon } from "@100mslive/react-icons";
 var SpeakerTag = () => {
-  const dominantSpeaker = useHMSStore48(selectDominantSpeaker);
+  const dominantSpeaker = useHMSStore50(selectDominantSpeaker);
   return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React101.createElement(
     Flex,
     {
@@ -23507,7 +23649,7 @@ var Logo = () => {
   var _a8;
   const roomLayout = useRoomLayout();
   const logo = (_a8 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a8.url;
-  const [hideImage, setHideImage] = useState41(false);
+  const [hideImage, setHideImage] = useState42(false);
   useEffect23(() => {
     if (hideImage) {
       setHideImage(false);
@@ -23532,9 +23674,9 @@ import React103 from "react";
 
 // src/Prebuilt/components/RoomDetails/Duration.tsx
 init_define_process_env();
-import React102, { useEffect as useEffect24, useState as useState42 } from "react";
+import React102, { useEffect as useEffect24, useState as useState43 } from "react";
 var Duration = ({ timestamp }) => {
-  const [elapsedTime, setElapsedTime] = useState42(getFormattedTime(Date.now() - timestamp.getTime(), false));
+  const [elapsedTime, setElapsedTime] = useState43(getFormattedTime(Date.now() - timestamp.getTime(), false));
   useEffect24(() => {
     const timerAdded = setInterval(() => {
       setElapsedTime(getFormattedTime(Date.now() - timestamp.getTime(), false));
@@ -23571,29 +23713,29 @@ var ShowRoomDetailHeader = () => {
         "&:hover": { opacity: "0.8" }
       }
     },
-    /* @__PURE__ */ React104.createElement(CrossIcon15, null)
+    /* @__PURE__ */ React104.createElement(CrossIcon16, null)
   )), /* @__PURE__ */ React104.createElement(RoomDetailsRow, { details }));
 };
 
 // src/Prebuilt/components/SidePaneTabs.tsx
 init_define_process_env();
-import React119, { useEffect as useEffect31, useState as useState51 } from "react";
+import React119, { useEffect as useEffect31, useState as useState52 } from "react";
 import { useMedia as useMedia19 } from "react-use";
-import { match as match8 } from "ts-pattern";
-import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore61 } from "@100mslive/react-sdk";
-import { CrossIcon as CrossIcon19 } from "@100mslive/react-icons";
+import { match as match9 } from "ts-pattern";
+import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
+import { CrossIcon as CrossIcon20 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
-import React116, { useCallback as useCallback29, useRef as useRef21 } from "react";
+import React116, { useCallback as useCallback30, useRef as useRef21 } from "react";
 import { useMedia as useMedia18 } from "react-use";
-import { match as match7 } from "ts-pattern";
-import { selectHMSMessagesCount, useHMSActions as useHMSActions38, useHMSStore as useHMSStore58, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
+import { match as match8 } from "ts-pattern";
+import { selectHMSMessagesCount, useHMSActions as useHMSActions39, useHMSStore as useHMSStore60, 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 React108, { Fragment as Fragment10, useCallback as useCallback25, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo8, useRef as useRef18, useState as useState45 } from "react";
+import React108, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo8, useRef as useRef18, useState as useState46 } from "react";
 import { useMedia as useMedia13 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
@@ -23605,20 +23747,20 @@ import {
   selectPeerNameByID as selectPeerNameByID3,
   selectSessionStore as selectSessionStore5,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
-  useHMSActions as useHMSActions34,
-  useHMSStore as useHMSStore52,
+  useHMSActions as useHMSActions35,
+  useHMSStore as useHMSStore54,
   useHMSVanillaStore as useHMSVanillaStore9
 } from "@100mslive/react-sdk";
 import { SolidPinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatActions.tsx
 init_define_process_env();
-import React106, { useCallback as useCallback24, useState as useState43 } from "react";
-import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions15, useHMSActions as useHMSActions33, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
+import React106, { useCallback as useCallback25, useState as useState44 } from "react";
+import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions17, useHMSActions as useHMSActions34, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
 import {
   CopyIcon as CopyIcon2,
   CrossCircleIcon as CrossCircleIcon2,
-  CrossIcon as CrossIcon16,
+  CrossIcon as CrossIcon17,
   EyeCloseIcon as EyeCloseIcon2,
   PeopleRemoveIcon as PeopleRemoveIcon3,
   PinIcon,
@@ -23641,12 +23783,12 @@ var MwebChatOption = ({
 
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
 init_define_process_env();
-import { useCallback as useCallback22 } from "react";
-import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions31, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
+import { useCallback as useCallback23 } from "react";
+import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions32, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
 var useChatBlacklist = (sessionStoreKey) => {
-  const hmsActions = useHMSActions31();
-  const blacklistedIDs = useHMSStore49(selectSessionStore2(sessionStoreKey));
-  const blacklistItem = useCallback22(
+  const hmsActions = useHMSActions32();
+  const blacklistedIDs = useHMSStore51(selectSessionStore2(sessionStoreKey));
+  const blacklistItem = useCallback23(
     (blacklistID) => __async(void 0, null, function* () {
       yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
     }),
@@ -23655,24 +23797,24 @@ var useChatBlacklist = (sessionStoreKey) => {
   return { blacklistItem, blacklistedIDs };
 };
 var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
-  const localPeer = useHMSStore49(selectLocalPeer2);
-  const blacklistedPeerIDs = useHMSStore49(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
+  const localPeer = useHMSStore51(selectLocalPeer2);
+  const blacklistedPeerIDs = useHMSStore51(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
   return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
 };
 
 // src/Prebuilt/components/hooks/usePinnedMessages.ts
 init_define_process_env();
-import { useCallback as useCallback23 } from "react";
+import { useCallback as useCallback24 } from "react";
 import {
   selectPeerNameByID as selectPeerNameByID2,
   selectSessionStore as selectSessionStore3,
-  useHMSActions as useHMSActions32,
+  useHMSActions as useHMSActions33,
   useHMSVanillaStore as useHMSVanillaStore8
 } from "@100mslive/react-sdk";
 var usePinnedMessages = () => {
-  const hmsActions = useHMSActions32();
+  const hmsActions = useHMSActions33();
   const vanillaStore = useHMSVanillaStore8();
-  const setPinnedMessages = useCallback23(
+  const setPinnedMessages = useCallback24(
     (message, pinnedBy) => __async(void 0, null, function* () {
       const peerName = vanillaStore.getState(selectPeerNameByID2(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
       const newPinnedMessage = { text: "", id: message.id, pinnedBy };
@@ -23688,7 +23830,7 @@ var usePinnedMessages = () => {
     }),
     [hmsActions, vanillaStore]
   );
-  const removePinnedMessage = useCallback23(
+  const removePinnedMessage = useCallback24(
     (indexToRemove) => __async(void 0, null, function* () {
       const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
       if (pinnedMessages[indexToRemove]) {
@@ -23700,7 +23842,7 @@ var usePinnedMessages = () => {
     }),
     [hmsActions, vanillaStore]
   );
-  const unpinBlacklistedMessages = useCallback23(
+  const unpinBlacklistedMessages = useCallback24(
     (blacklistedMessageIDSet) => __async(void 0, null, function* () {
       const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
       const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
@@ -23737,24 +23879,24 @@ var ChatActions = ({
   const { elements } = useRoomLayoutConferencingScreen();
   const { can_hide_message = false, can_block_user = false } = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) || {};
   const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
-  const [open, setOpen] = useState43(false);
-  const actions = useHMSActions33();
-  const canRemoveOthers = (_b7 = useHMSStore50(selectPermissions15)) == null ? void 0 : _b7.removeOthers;
+  const [open, setOpen] = useState44(false);
+  const actions = useHMSActions34();
+  const canRemoveOthers = (_b7 = useHMSStore52(selectPermissions17)) == null ? void 0 : _b7.removeOthers;
   const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
-  const localPeerName = useHMSStore50(selectLocalPeerName2);
+  const localPeerName = useHMSStore52(selectLocalPeerName2);
   const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
   const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
     "chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
   );
   const isSenderBlocked = useIsPeerBlacklisted({ peerCustomerUserId: message.senderUserId });
-  const updatePinnedMessages = useCallback24(
+  const updatePinnedMessages = useCallback25(
     (messageID = "") => {
       const blacklistedMessageIDSet = /* @__PURE__ */ new Set([...blacklistedMessageIDs || [], messageID]);
       unpinBlacklistedMessages(blacklistedMessageIDSet);
     },
     [blacklistedMessageIDs, unpinBlacklistedMessages]
   );
-  const copyMessageContent = useCallback24(() => {
+  const copyMessageContent = useCallback25(() => {
     try {
       navigator == null ? void 0 : navigator.clipboard.writeText(message.message);
       ToastManager.addToast({
@@ -23851,7 +23993,7 @@ var ChatActions = ({
         }
       },
       "Message options",
-      /* @__PURE__ */ React106.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: (e) => setOpenSheet(false, e) }, /* @__PURE__ */ React106.createElement(CrossIcon16, null))
+      /* @__PURE__ */ React106.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: (e) => setOpenSheet(false, e) }, /* @__PURE__ */ React106.createElement(CrossIcon17, null))
     ), Object.keys(options).map((optionKey) => {
       const option = options[optionKey];
       return option.show ? /* @__PURE__ */ React106.createElement(
@@ -23963,19 +24105,19 @@ var EmptyChat = () => {
 
 // src/Prebuilt/components/hooks/usePinnedBy.tsx
 init_define_process_env();
-import { useEffect as useEffect25, useState as useState44 } from "react";
-import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
+import { useEffect as useEffect25, useState as useState45 } from "react";
+import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
 var usePinnedBy = (messageId) => {
-  const pinnedMessages = useHMSStore51(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
-  const [pinnedBy, setPinnedBy] = useState44("");
+  const pinnedMessages = useHMSStore53(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
+  const [pinnedBy, setPinnedBy] = useState45("");
   useEffect25(() => {
-    let match12 = "";
+    let match13 = "";
     pinnedMessages == null ? void 0 : pinnedMessages.forEach((pinnedMessage) => {
       if (pinnedMessage.id === messageId) {
-        match12 = pinnedMessage.pinnedBy;
+        match13 = pinnedMessage.pinnedBy;
       }
     });
-    setPinnedBy(match12);
+    setPinnedBy(match13);
   }, [messageId, pinnedMessages]);
   return pinnedBy;
 };
@@ -24049,8 +24191,8 @@ var MessageType = ({
   hasCurrentUserSent,
   receiver
 }) => {
-  const peerName = useHMSStore52(selectPeerNameByID3(receiver));
-  const localPeerRoleName = useHMSStore52(selectLocalPeerRoleName3);
+  const peerName = useHMSStore54(selectPeerNameByID3(receiver));
+  const localPeerRoleName = useHMSStore54(selectLocalPeerRoleName3);
   if (receiver) {
     return /* @__PURE__ */ React108.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
   }
@@ -24098,14 +24240,14 @@ var ChatMessage = React108.memo(
     const isMobile = useMedia13(config.media.md);
     const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
     const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
-    const localPeerId = useHMSStore52(selectLocalPeerID10);
+    const localPeerId = useHMSStore54(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] = useState45(false);
+    const [openSheet, setOpenSheetBare] = useState46(false);
     const showPinAction = !!((_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.allow_pinning_messages);
     const showReply = message.sender !== selectedPeer.id && message.sender !== localPeerId && isPrivateChatEnabled;
     useLayoutEffect(() => {
@@ -24262,8 +24404,8 @@ var MessageWrapper = React108.memo(
   }
 );
 var VirtualizedChatMessages = React108.forwardRef(({ messages, scrollToBottom }, listRef) => {
-  const hmsActions = useHMSActions34();
-  const itemKey2 = useCallback25((index, data3) => {
+  const hmsActions = useHMSActions35();
+  const itemKey2 = useCallback26((index, data3) => {
     return data3[index].id;
   }, []);
   useEffect26(() => {
@@ -24317,8 +24459,8 @@ var VirtualizedChatMessages = React108.forwardRef(({ messages, scrollToBottom },
 });
 var ChatBody = React108.forwardRef(
   ({ scrollToBottom }, listRef) => {
-    const messages = useHMSStore52(selectHMSMessages);
-    const blacklistedMessageIDs = useHMSStore52(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
+    const messages = useHMSStore54(selectHMSMessages);
+    const blacklistedMessageIDs = useHMSStore54(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
     const filteredMessages = useMemo8(() => {
       const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
       return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
@@ -24345,7 +24487,7 @@ var PinnedBy = ({
   rowRef
 }) => {
   const pinnedBy = usePinnedBy(messageId);
-  const localPeerName = useHMSStore52(selectLocalPeerName3);
+  const localPeerName = useHMSStore54(selectLocalPeerName3);
   useLayoutEffect(() => {
     if (rowRef == null ? void 0 : rowRef.current) {
       if (pinnedBy) {
@@ -24364,29 +24506,29 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React111, { useCallback as useCallback27, useEffect as useEffect28, useRef as useRef20, useState as useState48 } from "react";
+import React111, { useCallback as useCallback28, useEffect as useEffect28, useRef as useRef20, useState as useState49 } 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, useAVToggle as useAVToggle5, useHMSActions as useHMSActions36, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer3, useAVToggle as useAVToggle5, useHMSActions as useHMSActions37, useHMSStore as useHMSStore57 } 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 React110, { useState as useState47 } from "react";
+import React110, { useState as useState48 } from "react";
 import { useMedia as useMedia15 } from "react-use";
-import { ChevronDownIcon as ChevronDownIcon6, ChevronUpIcon as ChevronUpIcon5, CrossIcon as CrossIcon17, GroupIcon, PersonIcon as PersonIcon2 } from "@100mslive/react-icons";
+import { ChevronDownIcon as ChevronDownIcon6, ChevronUpIcon as ChevronUpIcon5, CrossIcon as CrossIcon18, GroupIcon, PersonIcon as PersonIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
 init_define_process_env();
-import React109, { useMemo as useMemo9, useState as useState46 } from "react";
+import React109, { useMemo as useMemo9, useState as useState47 } from "react";
 import { useMedia as useMedia14 } from "react-use";
 import {
   selectMessagesUnreadCountByPeerID,
   selectMessagesUnreadCountByRole,
   selectRemotePeers as selectRemotePeers2,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
-  useHMSStore as useHMSStore53
+  useHMSStore as useHMSStore55
 } from "@100mslive/react-sdk";
 import { CheckIcon as CheckIcon7, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
 var ChatDotIcon = () => {
@@ -24436,7 +24578,7 @@ var SelectorHeader = React109.memo(
   }
 );
 var Everyone = React109.memo(({ active }) => {
-  const unreadCount = useHMSStore53(selectUnreadHMSMessagesCount3);
+  const unreadCount = useHMSStore55(selectUnreadHMSMessagesCount3);
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React109.createElement(
@@ -24454,7 +24596,7 @@ var Everyone = React109.memo(({ active }) => {
   );
 });
 var RoleItem = React109.memo(({ role, active }) => {
-  const unreadCount = useHMSStore53(selectMessagesUnreadCountByRole(role));
+  const unreadCount = useHMSStore55(selectMessagesUnreadCountByRole(role));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React109.createElement(
@@ -24471,7 +24613,7 @@ var RoleItem = React109.memo(({ role, active }) => {
   );
 });
 var PeerItem = ({ peerId, name, active }) => {
-  const unreadCount = useHMSStore53(selectMessagesUnreadCountByPeerID(peerId));
+  const unreadCount = useHMSStore55(selectMessagesUnreadCountByPeerID(peerId));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React109.createElement(
@@ -24530,8 +24672,8 @@ var VirtualizedSelectItemList = ({
 var ChatSelector = ({ role, peerId }) => {
   var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const peers = useHMSStore53(selectRemotePeers2);
-  const [search, setSearch] = useState46("");
+  const peers = useHMSStore55(selectRemotePeers2);
+  const [search, setSearch] = useState47("");
   const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
   const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
   return /* @__PURE__ */ React109.createElement(React109.Fragment, null, peers.length > 0 && isPrivateChatEnabled && /* @__PURE__ */ React109.createElement(Box, { css: { px: "$4" } }, /* @__PURE__ */ React109.createElement(ParticipantSearch, { onSearch: setSearch, placeholder: "Search for participants" })), /* @__PURE__ */ React109.createElement(
@@ -24549,7 +24691,7 @@ var ChatSelector = ({ role, peerId }) => {
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 var ChatSelectorContainer = () => {
   var _a8, _b7;
-  const [open, setOpen] = useState47(false);
+  const [open, setOpen] = useState48(false);
   const isMobile = useMedia15(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
@@ -24653,7 +24795,7 @@ var ChatSelectorContainer = () => {
       }
     },
     /* @__PURE__ */ React110.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, "Chat with"),
-    /* @__PURE__ */ React110.createElement(Sheet.Close, { css: { color: "$on_surface_medium" } }, /* @__PURE__ */ React110.createElement(CrossIcon17, null))
+    /* @__PURE__ */ React110.createElement(Sheet.Close, { css: { color: "$on_surface_medium" } }, /* @__PURE__ */ React110.createElement(CrossIcon18, null))
   ), /* @__PURE__ */ React110.createElement(
     Box,
     {
@@ -24667,15 +24809,15 @@ var ChatSelectorContainer = () => {
 
 // src/Prebuilt/components/AppData/useChatState.js
 init_define_process_env();
-import { useCallback as useCallback26 } from "react";
-import { selectAppData as selectAppData5, useHMSActions as useHMSActions35, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
+import { useCallback as useCallback27 } from "react";
+import { selectAppData as selectAppData5, useHMSActions as useHMSActions36, useHMSStore as useHMSStore56 } from "@100mslive/react-sdk";
 var useChatDraftMessage = () => {
-  const hmsActions = useHMSActions35();
-  let chatDraftMessage = useHMSStore54(selectAppData5(APP_DATA.chatDraft));
+  const hmsActions = useHMSActions36();
+  let chatDraftMessage = useHMSStore56(selectAppData5(APP_DATA.chatDraft));
   if (chatDraftMessage === void 0 || chatDraftMessage === null) {
     chatDraftMessage = "";
   }
-  const setDraftMessage = useCallback26(
+  const setDraftMessage = useCallback27(
     (message) => {
       hmsActions.setAppData(APP_DATA.chatDraft, message, true);
     },
@@ -24737,7 +24879,7 @@ var TextArea2 = styled("textarea", {
   }
 });
 function EmojiPicker({ onSelect }) {
-  const [showEmoji, setShowEmoji] = useState48(false);
+  const [showEmoji, setShowEmoji] = useState49(false);
   const ref = useEmojiPickerStyles(showEmoji);
   return /* @__PURE__ */ React111.createElement(Popover2.Root, { open: showEmoji, onOpenChange: setShowEmoji }, /* @__PURE__ */ React111.createElement(Popover2.Trigger, { asChild: true, css: { appearance: "none" } }, /* @__PURE__ */ React111.createElement(IconButton, { as: "div" }, /* @__PURE__ */ React111.createElement(EmojiIcon3, null))), /* @__PURE__ */ React111.createElement(Popover2.Portal, null, /* @__PURE__ */ React111.createElement(
     Popover2.Content,
@@ -24764,13 +24906,13 @@ function EmojiPicker({ onSelect }) {
 }
 var ChatFooter = ({ onSend, children }) => {
   var _a8, _b7, _c, _d;
-  const hmsActions = useHMSActions36();
+  const hmsActions = useHMSActions37();
   const inputRef = useRef20(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia16(config.media.md);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
-  const localPeer = useHMSStore55(selectLocalPeer3);
+  const localPeer = useHMSStore57(selectLocalPeer3);
   const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
   const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
   const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
@@ -24792,7 +24934,7 @@ var ChatFooter = ({ onSend, children }) => {
       }
     }
   }, [defaultSelection, selectedPeer, selectedRole, setRoleSelector, isMobile, isLandscapeHLSStream, elements == null ? void 0 : elements.chat]);
-  const sendMessage = useCallback27(() => __async(void 0, null, function* () {
+  const sendMessage = useCallback28(() => __async(void 0, null, function* () {
     var _a9;
     const message = (_a9 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a9.value;
     if (!message || !message.trim().length) {
@@ -24952,16 +25094,16 @@ var ChatFooter = ({ onSend, children }) => {
 
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
-import React112, { useCallback as useCallback28 } from "react";
-import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions37, useHMSStore as useHMSStore56 } from "@100mslive/react-sdk";
+import React112, { useCallback as useCallback29 } from "react";
+import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions38, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   var _a8, _b7;
-  const hmsActions = useHMSActions37();
+  const hmsActions = useHMSActions38();
   const { elements } = useRoomLayoutConferencingScreen();
   const can_disable_chat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
-  const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore56(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
-  const localPeer = useHMSStore56(selectLocalPeer4);
-  const unPauseChat = useCallback28(
+  const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore58(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
+  const localPeer = useHMSStore58(selectLocalPeer4);
+  const unPauseChat = useCallback29(
     () => __async(void 0, null, function* () {
       return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
         enabled: true,
@@ -25008,10 +25150,10 @@ var ChatBlocked = () => {
 
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 init_define_process_env();
-import React115, { useEffect as useEffect29, useState as useState49 } from "react";
+import React115, { useEffect as useEffect29, useState as useState50 } from "react";
 import { useSwipeable } from "react-swipeable";
 import { useMedia as useMedia17 } from "react-use";
-import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
+import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ArrowNavigation.tsx
@@ -25067,14 +25209,14 @@ var StickIndicator = ({ total, index }) => {
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = () => {
-  var _a8, _b7, _c;
-  const pinnedMessages = useHMSStore57(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
-  const [pinnedMessageIndex, setPinnedMessageIndex] = useState49(0);
+  var _a8, _b7, _c, _d;
+  const pinnedMessages = useHMSStore59(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
+  const [pinnedMessageIndex, setPinnedMessageIndex] = useState50(0);
   const { removePinnedMessage } = usePinnedMessages();
   const isMobile = useMedia17(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const canUnpinMessage = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.allow_pinning_messages);
-  const [hideOverflow, setHideOverflow] = useState49(true);
+  const [hideOverflow, setHideOverflow] = useState50(true);
   const currentPinnedMessage = ((_b7 = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _b7.text) || "";
   const canOverflow = currentPinnedMessage.length > PINNED_MESSAGE_LENGTH;
   const showPreviousPinnedMessage = () => {
@@ -25113,13 +25255,14 @@ var PinnedMessage = () => {
     {
       css: {
         p: "$4",
-        color: "$on_surface_medium",
-        bg: isMobile ? "rgba(0, 0, 0, 0.64)" : "$surface_default",
+        color: "$on_surface_high",
+        bg: isMobile && ((_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.is_overlay) ? "rgba(0, 0, 0, 0.64)" : "$surface_brighter",
         r: "$1",
         gap: "$4",
         mb: "$8",
         mt: "$8",
-        flexGrow: 1
+        flexGrow: 1,
+        border: "1px solid $border_bright"
       },
       align: "center",
       justify: "between"
@@ -25143,9 +25286,9 @@ var PinnedMessage = () => {
         Text,
         __spreadProps(__spreadValues({
           variant: "sm",
-          css: { color: "$on_surface_medium" }
+          css: { color: "$on_surface_high" }
         }, swipeHandlers), {
-          title: (_c = pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _c.text
+          title: (_d = pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _d.text
         }),
         /* @__PURE__ */ React115.createElement(
           AnnotisedMessage,
@@ -25184,13 +25327,13 @@ var Chat = () => {
   var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
   const listRef = useRef21(null);
-  const hmsActions = useHMSActions38();
+  const hmsActions = useHMSActions39();
   const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore58(tm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore60(tm("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia18(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
-  const scrollToBottom = useCallback29(
+  const scrollToBottom = useCallback30(
     (unreadCount = 0) => {
       var _a9;
       if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
@@ -25230,7 +25373,7 @@ var Chat = () => {
       {
         css: __spreadValues({
           position: "absolute"
-        }, match7({ isLandscapeStream, isMobileHLSStream, isChatEnabled }).with(
+        }, match8({ isLandscapeStream, isMobileHLSStream, isChatEnabled }).with(
           {
             isLandscapeStream: true,
             isChatEnabled: true
@@ -25270,7 +25413,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore58($n);
+  const unreadCount = useHMSStore60($n);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -25316,19 +25459,19 @@ var NewMessageIndicator = ({
 
 // src/Prebuilt/components/Footer/PaginatedParticipants.tsx
 init_define_process_env();
-import React117, { useEffect as useEffect30, useState as useState50 } from "react";
+import React117, { useEffect as useEffect30, useState as useState51 } 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 useHMSStore59, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
-import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon18 } from "@100mslive/react-icons";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore61, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
+import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon19 } from "@100mslive/react-icons";
 var LoadMoreParticipants = ({
   hasNext,
   loadMore,
   style
 }) => {
   const { ref, inView } = useInView();
-  const [inProgress, setInProgress] = useState50(false);
+  const [inProgress, setInProgress] = useState51(false);
   useEffect30(() => {
     if (hasNext && inView && !inProgress) {
       setInProgress(true);
@@ -25359,12 +25502,12 @@ var VirtualizedParticipantItem2 = React117.memo(
 );
 var PaginatedParticipants = ({ roleName, onBack }) => {
   const { peers, total, hasNext, loadPeers, loadMorePeers } = usePaginatedParticipants2({ role: roleName, limit: 20 });
-  const [search, setSearch] = useState50("");
+  const [search, setSearch] = useState51("");
   const filteredPeers = peers.filter((p) => {
     var _a8;
     return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
   });
-  const isConnected = useHMSStore59(selectIsConnectedToRoom8);
+  const isConnected = useHMSStore61(selectIsConnectedToRoom8);
   const [ref, { width }] = useMeasure2();
   const height = ROW_HEIGHT * (filteredPeers.length + 1);
   const resetSidePane = useSidepaneReset();
@@ -25380,7 +25523,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
       },
       "data-testid": "close_sidepane"
     },
-    /* @__PURE__ */ React117.createElement(CrossIcon18, null)
+    /* @__PURE__ */ React117.createElement(CrossIcon19, null)
   )), /* @__PURE__ */ React117.createElement(ParticipantSearch, { onSearch: (search2) => setSearch(search2), placeholder: `Search for ${roleName}` }), /* @__PURE__ */ React117.createElement(Flex, { direction: "column", css: { border: "1px solid $border_default", borderRadius: "$1", flex: "1 1 0" } }, /* @__PURE__ */ React117.createElement(Flex, { align: "center", css: { height: ROW_HEIGHT, borderBottom: "1px solid $border_default", px: "$8" } }, /* @__PURE__ */ React117.createElement(Text, { css: { fontSize: "$space$7" } }, roleName, "(", getFormattedCount(peers.length), "/", getFormattedCount(total), ")")), /* @__PURE__ */ React117.createElement(Box, { css: { flex: "1 1 0", overflowY: "auto", overflowX: "hidden", mr: "-$10" } }, /* @__PURE__ */ React117.createElement(
     VariableSizeList2,
     {
@@ -25398,15 +25541,15 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
 // src/Prebuilt/components/ChatSettings.tsx
 init_define_process_env();
 import React118 from "react";
-import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions39, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions40, useHMSStore as useHMSStore62 } from "@100mslive/react-sdk";
 import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
 var ChatSettings = () => {
   var _a8, _b7;
-  const hmsActions = useHMSActions39();
-  const localPeer = useHMSStore60(selectLocalPeer5);
+  const hmsActions = useHMSActions40();
+  const localPeer = useHMSStore62(selectLocalPeer5);
   const { elements } = useRoomLayoutConferencingScreen();
   const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
-  const { enabled: isChatEnabled = true } = useHMSStore60(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore62(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
   const showPause = canPauseChat && isChatEnabled;
   if (!showPause) {
     return null;
@@ -25472,9 +25615,9 @@ var SidePaneTabs = React119.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] = useState51(active);
-  const [activeRole, setActiveRole] = useState51("");
-  const peerCount = useHMSStore61(selectPeerCount5);
+  const [activeTab, setActiveTab] = useState52(active);
+  const [activeRole, setActiveRole] = useState52("");
+  const peerCount = useHMSStore63(selectPeerCount5);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
   const showChat = !!(elements == null ? void 0 : elements.chat);
@@ -25486,7 +25629,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const showChatSettings = showChat && isChatOpen && (!isMobile || !isOverlayChat);
   useEffect31(() => {
-    match8({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
+    match9({ 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 }, () => {
       setActiveTab(SIDE_PANE_OPTIONS.CHAT);
@@ -25522,7 +25665,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
         transition: "margin 0.3s ease-in-out"
       }
     },
-    match8({ isOverlayChat, isChatOpen, showChat, hideTabs }).with({ isOverlayChat: true, isChatOpen: true, showChat: true }, () => /* @__PURE__ */ React119.createElement(Chat, null)).with({ hideTabs: true }, () => {
+    match9({ isOverlayChat, isChatOpen, showChat, hideTabs }).with({ isOverlayChat: true, isChatOpen: true, showChat: true }, () => /* @__PURE__ */ React119.createElement(Chat, null)).with({ hideTabs: true }, () => {
       return /* @__PURE__ */ React119.createElement(React119.Fragment, null, /* @__PURE__ */ React119.createElement(Flex, { justify: "between", css: { w: "100%", "&:empty": { display: "none" } } }, /* @__PURE__ */ React119.createElement(
         Text,
         {
@@ -25555,7 +25698,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
           },
           "data-testid": "close_chat"
         },
-        screenType === "hls_live_streaming" && isChatOpen ? null : /* @__PURE__ */ React119.createElement(CrossIcon19, null)
+        screenType === "hls_live_streaming" && isChatOpen ? null : /* @__PURE__ */ React119.createElement(CrossIcon20, null)
       ))), activeTab === SIDE_PANE_OPTIONS.CHAT ? /* @__PURE__ */ React119.createElement(Chat, null) : /* @__PURE__ */ React119.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole }));
     }).otherwise(() => {
       return /* @__PURE__ */ React119.createElement(
@@ -25582,7 +25725,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
             },
             "data-testid": "close_chat"
           },
-          /* @__PURE__ */ React119.createElement(CrossIcon19, null)
+          /* @__PURE__ */ React119.createElement(CrossIcon20, null)
         )),
         /* @__PURE__ */ React119.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.PARTICIPANTS, css: { p: 0 } }, /* @__PURE__ */ React119.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole })),
         /* @__PURE__ */ React119.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.CHAT, css: { p: 0 } }, /* @__PURE__ */ React119.createElement(Chat, null))
@@ -25593,7 +25736,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
 
 // src/Prebuilt/components/VideoTile.tsx
 init_define_process_env();
-import React123, { useCallback as useCallback30, useMemo as useMemo10, useState as useState53 } from "react";
+import React123, { useCallback as useCallback31, useMemo as useMemo10, useState as useState54 } from "react";
 import { useMeasure as useMeasure3 } from "react-use";
 import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
@@ -25604,14 +25747,14 @@ import {
   selectPeerNameByID as selectPeerNameByID4,
   selectVideoTrackByID as selectVideoTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
-  useHMSStore as useHMSStore65
+  useHMSStore as useHMSStore67
 } from "@100mslive/react-sdk";
 import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Connection/TileConnection.tsx
 init_define_process_env();
 import React120 from "react";
-import { selectScreenShareByPeerID, selectSessionStore as selectSessionStore9, useHMSStore as useHMSStore62 } from "@100mslive/react-sdk";
+import { selectScreenShareByPeerID, selectSessionStore as selectSessionStore9, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon3, ShareScreenIcon as ShareScreenIcon3, SpotlightIcon } from "@100mslive/react-icons";
 var TileConnection = ({
   name,
@@ -25620,8 +25763,8 @@ var TileConnection = ({
   width,
   pinned
 }) => {
-  const spotlighted = useHMSStore62(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
-  const isPeerScreenSharing = !!useHMSStore62(selectScreenShareByPeerID(peerId));
+  const spotlighted = useHMSStore64(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
+  const isPeerScreenSharing = !!useHMSStore64(selectScreenShareByPeerID(peerId));
   return /* @__PURE__ */ React120.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React120.createElement(React120.Fragment, null, name ? /* @__PURE__ */ React120.createElement(Flex, { align: "center" }, isPeerScreenSharing && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React120.createElement(
     Text,
     {
@@ -25654,30 +25797,30 @@ var TileConnection_default = TileConnection;
 
 // src/Prebuilt/components/TileMenu/TileMenu.tsx
 init_define_process_env();
-import React122, { useState as useState52 } from "react";
+import React122, { useState as useState53 } from "react";
 import { useMedia as useMedia21 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID11,
   selectPeerByID as selectPeerByID2,
-  selectPermissions as selectPermissions17,
+  selectPermissions as selectPermissions19,
   selectTrackByID as selectTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
-  useHMSStore as useHMSStore64,
+  useHMSStore as useHMSStore66,
   useRemoteAVToggle as useRemoteAVToggle2
 } from "@100mslive/react-sdk";
-import { CrossIcon as CrossIcon20, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
+import { CrossIcon as CrossIcon21, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/TileMenu/TileMenuContent.tsx
 init_define_process_env();
 import React121, { Fragment as Fragment11 } from "react";
 import { useMedia as useMedia20 } from "react-use";
 import {
-  selectPermissions as selectPermissions16,
+  selectPermissions as selectPermissions18,
   selectSessionStore as selectSessionStore10,
   selectTrackByID as selectTrackByID2,
   useCustomEvent as useCustomEvent2,
-  useHMSActions as useHMSActions40,
-  useHMSStore as useHMSStore63,
+  useHMSActions as useHMSActions41,
+  useHMSStore as useHMSStore65,
   useRemoteAVToggle
 } from "@100mslive/react-sdk";
 import {
@@ -25713,8 +25856,8 @@ var SpotlightActions = ({
     return;
   }
 }) => {
-  const hmsActions = useHMSActions40();
-  const spotlightPeerId = useHMSStore63(selectSessionStore10("spotlight" /* SPOTLIGHT */));
+  const hmsActions = useHMSActions41();
+  const spotlightPeerId = useHMSStore65(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 }));
@@ -25762,8 +25905,8 @@ var MinimiseInset = () => {
 };
 var SimulcastLayers = ({ trackId }) => {
   var _a8;
-  const track = useHMSStore63(selectTrackByID2(trackId));
-  const actions = useHMSActions40();
+  const track = useHMSStore65(selectTrackByID2(trackId));
+  const actions = useHMSActions41();
   const bg = useDropdownSelection();
   if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
     return null;
@@ -25846,9 +25989,9 @@ var TileMenuContent = ({
   }
 }) => {
   var _a8;
-  const actions = useHMSActions40();
+  const actions = useHMSActions41();
   const dragClassName = getDragClassName();
-  const removeOthers = (_a8 = useHMSStore63(selectPermissions16)) == null ? void 0 : _a8.removeOthers;
+  const removeOthers = (_a8 = useHMSStore65(selectPermissions18)) == null ? void 0 : _a8.removeOthers;
   const { userName } = useHMSPrebuiltContext();
   const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
     audioTrackID,
@@ -25945,20 +26088,20 @@ var TileMenu = ({
   enableSpotlightingPeer = true
 }) => {
   var _a8, _b7;
-  const [open, setOpen] = useState52(false);
+  const [open, setOpen] = useState53(false);
   const { theme: theme2 } = useTheme();
-  const localPeerID = useHMSStore64(selectLocalPeerID11);
+  const localPeerID = useHMSStore66(selectLocalPeerID11);
   const isLocal = localPeerID === peerID;
-  const { removeOthers } = useHMSStore64(selectPermissions17) || {};
+  const { removeOthers } = useHMSStore66(selectPermissions19) || {};
   const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
   const showSpotlight = enableSpotlightingPeer;
-  const isPrimaryVideoTrack = ((_a8 = useHMSStore64(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
+  const isPrimaryVideoTrack = ((_a8 = useHMSStore66(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
-  const track = useHMSStore64(selectTrackByID3(videoTrackID));
+  const track = useHMSStore66(selectTrackByID3(videoTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
   const isMobile = useMedia21(config.media.md);
-  const peer = useHMSStore64(selectPeerByID2(peerID));
-  const [showNameChangeModal, setShowNameChangeModal] = useState52(false);
+  const peer = useHMSStore66(selectPeerByID2(peerID));
+  const [showNameChangeModal, setShowNameChangeModal] = useState53(false);
   useDropdownList({ open, name: "TileMenu" });
   const dragClassName = getDragClassName();
   if (!(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
@@ -26001,7 +26144,7 @@ var TileMenu = ({
       }
     },
     /* @__PURE__ */ React122.createElement(Box, null, /* @__PURE__ */ React122.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, peer == null ? void 0 : peer.name, isLocal ? ` (You)` : null), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ React122.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
-    /* @__PURE__ */ React122.createElement(Sheet.Close, { css: { color: "inherit" } }, /* @__PURE__ */ React122.createElement(CrossIcon20, null))
+    /* @__PURE__ */ React122.createElement(Sheet.Close, { css: { color: "inherit" } }, /* @__PURE__ */ React122.createElement(CrossIcon21, null))
   ), /* @__PURE__ */ React122.createElement(Box, { css: { px: "$8", pb: "$8", maxHeight: "80vh", overflowY: "auto" } }, /* @__PURE__ */ React122.createElement(TileMenuContent, __spreadProps(__spreadValues({}, props), { closeSheetOnClick: () => setOpen(false) }))))) : /* @__PURE__ */ React122.createElement(StyledMenuTile.Content, { side: "top", align: "end", css: { maxHeight: "$80", overflowY: "auto" } }, /* @__PURE__ */ React122.createElement(TileMenuContent, __spreadValues({}, props)))), showNameChangeModal && /* @__PURE__ */ React122.createElement(ChangeNameModal, { onOpenChange: setShowNameChangeModal }));
 };
 var TileMenu_default = TileMenu;
@@ -26034,9 +26177,9 @@ var getVideoTileLabel = ({ peerName, isLocal, track }) => {
 
 // src/Prebuilt/components/VideoTile.tsx
 var PeerMetadata = ({ peerId, size }) => {
-  const metaData = useHMSStore65(selectPeerMetadata4(peerId));
+  const metaData = useHMSStore67(selectPeerMetadata4(peerId));
   const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
-  const isHandRaised = useHMSStore65(selectHasPeerHandRaised3(peerId));
+  const isHandRaised = useHMSStore67(selectHasPeerHandRaised3(peerId));
   return /* @__PURE__ */ React123.createElement(React123.Fragment, null, isHandRaised ? /* @__PURE__ */ React123.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React123.createElement(HandIcon5, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React123.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React123.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
 };
 var Tile = ({
@@ -26056,16 +26199,16 @@ var Tile = ({
   hideMetadataOnTile = false
 }) => {
   const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
-  const track = useHMSStore65(trackSelector);
-  const peerName = useHMSStore65(selectPeerNameByID4(peerId));
-  const audioTrack = useHMSStore65(selectAudioTrackByPeerID2(peerId));
-  const localPeerID = useHMSStore65(selectLocalPeerID12);
+  const track = useHMSStore67(trackSelector);
+  const peerName = useHMSStore67(selectPeerNameByID4(peerId));
+  const audioTrack = useHMSStore67(selectAudioTrackByPeerID2(peerId));
+  const localPeerID = useHMSStore67(selectLocalPeerID12);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const isAudioMuted = !useHMSStore65(selectIsPeerAudioEnabled2(peerId));
+  const isAudioMuted = !useHMSStore67(selectIsPeerAudioEnabled2(peerId));
   const isVideoMuted = !(track == null ? void 0 : track.enabled);
-  const [isMouseHovered, setIsMouseHovered] = useState53(false);
+  const [isMouseHovered, setIsMouseHovered] = useState54(false);
   const isVideoDegraded = track == null ? void 0 : track.degraded;
   const isLocal = localPeerID === peerId;
   const [pinnedTrackId] = useSetAppDataByKey(APP_DATA.pinnedTrackId);
@@ -26079,7 +26222,7 @@ var Tile = ({
     track,
     isLocal
   });
-  const onHoverHandler = useCallback30((event) => {
+  const onHoverHandler = useCallback31((event) => {
     setIsMouseHovered(event.type === "mouseenter");
   }, []);
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure3();
@@ -26151,7 +26294,7 @@ var VideoTile_default = VideoTile;
 
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
 init_define_process_env();
-import React126, { useEffect as useEffect32, useState as useState54 } from "react";
+import React126, { useEffect as useEffect32, useState as useState55 } from "react";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes3 } from "@100mslive/hms-virtual-background";
 import {
   HMSRoomState as HMSRoomState4,
@@ -26161,10 +26304,10 @@ import {
   selectLocalPeer as selectLocalPeer6,
   selectRoomState as selectRoomState4,
   selectVideoTrackByID as selectVideoTrackByID4,
-  useHMSActions as useHMSActions41,
-  useHMSStore as useHMSStore66
+  useHMSActions as useHMSActions42,
+  useHMSStore as useHMSStore68
 } from "@100mslive/react-sdk";
-import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon21 } from "@100mslive/react-icons";
+import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon22 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/VirtualBackground/VBCollection.tsx
 init_define_process_env();
@@ -26348,20 +26491,20 @@ var iconDims = { height: "40px", width: "40px" };
 var VBPicker = ({ backgroundMedia = [] }) => {
   var _a8;
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
-  const hmsActions = useHMSActions41();
-  const localPeer = useHMSStore66(selectLocalPeer6);
-  const role = useHMSStore66(Wt);
-  const isVideoOn = useHMSStore66(selectIsLocalVideoEnabled5);
+  const hmsActions = useHMSActions42();
+  const localPeer = useHMSStore68(selectLocalPeer6);
+  const role = useHMSStore68(Wt);
+  const isVideoOn = useHMSStore68(selectIsLocalVideoEnabled5);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
-  const track = useHMSStore66(trackSelector);
-  const [blurAmount, setBlurAmount] = useState54(VBHandler.getBlurAmount() || 0.5);
-  const roomState = useHMSStore66(selectRoomState4);
-  const isLargeRoom = useHMSStore66(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore66(ec);
-  const effectsKey = useHMSStore66(tc);
-  const isPluginAdded = useHMSStore66(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-  const background = useHMSStore66(em(APP_DATA.background));
+  const track = useHMSStore68(trackSelector);
+  const [blurAmount, setBlurAmount] = useState55(VBHandler.getBlurAmount() || 0.5);
+  const roomState = useHMSStore68(selectRoomState4);
+  const isLargeRoom = useHMSStore68(selectIsLargeRoom3);
+  const isEffectsEnabled = useHMSStore68(ec);
+  const effectsKey = useHMSStore68(tc);
+  const isPluginAdded = useHMSStore68(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
+  const background = useHMSStore68(em(APP_DATA.background));
   const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -26410,7 +26553,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
       css: { color: "$on_surface_high", "&:hover": { color: "$on_surface_medium" }, cursor: "pointer" },
       onClick: toggleVB
     },
-    /* @__PURE__ */ React126.createElement(CrossIcon21, null)
+    /* @__PURE__ */ React126.createElement(CrossIcon22, null)
   )), showVideoTile ? /* @__PURE__ */ React126.createElement(
     Video,
     {
@@ -26587,9 +26730,9 @@ var SidePane = ({
 }) => {
   var _a8, _b7, _c, _d, _e, _f, _g;
   const isMobile = useMedia22(config.media.md);
-  const sidepane = useHMSStore67(selectAppData6(APP_DATA.sidePane));
-  const activeScreensharePeerId = useHMSStore67(selectAppData6(APP_DATA.activeScreensharePeerId));
-  const trackId = (_a8 = useHMSStore67(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
+  const sidepane = useHMSStore69(selectAppData6(APP_DATA.sidePane));
+  const activeScreensharePeerId = useHMSStore69(selectAppData6(APP_DATA.activeScreensharePeerId));
+  const trackId = (_a8 = useHMSStore69(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
   const { elements } = useRoomLayoutConferencingScreen();
   const { elements: preview_elements } = useRoomLayoutPreviewScreen();
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
@@ -26617,7 +26760,7 @@ var SidePane = ({
     overlayChat: !!((_g = elements == null ? void 0 : elements.chat) == null ? void 0 : _g.is_overlay),
     roomDescription: isMobile && sidepane === SIDE_PANE_OPTIONS.ROOM_DETAILS
   };
-  const SidepaneComponent = match9(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ React127.createElement(
+  const SidepaneComponent = match10(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ React127.createElement(
     Wrapper3,
     __spreadValues({
       css: {
@@ -26640,7 +26783,7 @@ var SidePane = ({
       direction: "column",
       justify: "center",
       css: {
-        w: match9({ isMobileHLSStream, isLandscapeHLSStream }).with({ isLandscapeHLSStream: true }, () => "340px").with({ isMobileHLSStream: true }, () => "100%").otherwise(() => "$100"),
+        w: match10({ isMobileHLSStream, isLandscapeHLSStream }).with({ isLandscapeHLSStream: true }, () => "340px").with({ isMobileHLSStream: true }, () => "100%").otherwise(() => "$100"),
         h: "100%",
         flexShrink: 0,
         gap: "$4",
@@ -26780,8 +26923,8 @@ var getParticipantChipContent = (peerCount = 0) => {
   return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
 };
 var useLocalTileAspectRatio = () => {
-  const localPeer = useHMSStore68(selectLocalPeer7);
-  const videoTrack = useHMSStore68(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
+  const localPeer = useHMSStore70(selectLocalPeer7);
+  const videoTrack = useHMSStore70(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
   const isMobile = useMedia24(config.media.md);
   let aspectRatio = 0;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
@@ -26802,9 +26945,9 @@ var PreviewJoin = ({
   );
   const { isStreamingOn } = useRecordingStreaming11();
   const authToken = useAuthToken();
-  const [name, setName] = useState55(initialName || previewPreference.name);
+  const [name, setName] = useState56(initialName || previewPreference.name);
   const { toggleAudio, toggleVideo } = useAVToggle6();
-  const [previewError, setPreviewError] = useState55(false);
+  const [previewError, setPreviewError] = useState56(false);
   const { endpoints } = useHMSPrebuiltContext();
   const { peerCount } = useParticipants2();
   const { enableJoin, preview, join } = usePreviewJoin({
@@ -26824,8 +26967,8 @@ var PreviewJoin = ({
     },
     asRole
   });
-  const roomState = useHMSStore68(selectRoomState5);
-  const savePreferenceAndJoin = useCallback31(() => {
+  const roomState = useHMSStore70(selectRoomState5);
+  const savePreferenceAndJoin = useCallback32(() => {
     setPreviewPreference({
       name
     });
@@ -26890,12 +27033,12 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
   px: "$10"
 }));
 var PreviewTile = ({ name, error }) => {
-  const localPeer = useHMSStore68(selectLocalPeer7);
+  const localPeer = useHMSStore70(selectLocalPeer7);
   const { isLocalAudioEnabled, toggleAudio } = useAVToggle6();
-  const isVideoOn = useHMSStore68(selectIsLocalVideoEnabled6);
+  const isVideoOn = useHMSStore70(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
-  const track = useHMSStore68(trackSelector);
+  const track = useHMSStore70(trackSelector);
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   const aspectRatio = useLocalTileAspectRatio();
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
@@ -26951,7 +27094,7 @@ var PreviewControls = ({ hideSettings, vbEnabled }) => {
   );
 };
 var PreviewSettings = React131.memo(() => {
-  const [open, setOpen] = useState55(false);
+  const [open, setOpen] = useState56(false);
   return /* @__PURE__ */ React131.createElement(Fragment12, null, /* @__PURE__ */ React131.createElement(IconButton_default, { "data-testid": "preview_setting_btn", css: { flexShrink: 0 }, onClick: () => setOpen((value) => !value) }, /* @__PURE__ */ React131.createElement(SettingsIcon6, null)), open && /* @__PURE__ */ React131.createElement(SettingsModal_default, { open, onOpenChange: setOpen }));
 });
 var PreviewJoin_default = PreviewJoin;
@@ -26983,12 +27126,12 @@ var RequestActions = ({
 
 // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
 var RoleChangeRequestModal = () => {
-  const hmsActions = useHMSActions42();
+  const hmsActions = useHMSActions43();
   const { updateMetaData } = useMyMetadata();
-  const isPreview = useHMSStore69(selectIsInPreview);
-  const currentRole = useHMSStore69(selectLocalPeerRoleName4);
-  const roleChangeRequest = useHMSStore69(selectRoleChangeRequest);
-  const name = useHMSStore69(selectLocalPeerName4);
+  const isPreview = useHMSStore71(selectIsInPreview);
+  const currentRole = useHMSStore71(selectLocalPeerRoleName4);
+  const roleChangeRequest = useHMSStore71(selectRoleChangeRequest);
+  const name = useHMSStore71(selectLocalPeerName4);
   const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { virtual_background } = elements || {};
@@ -27057,33 +27200,33 @@ var RoleChangeRequestModal = () => {
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
 init_define_process_env();
 import React151, { Suspense, useEffect as useEffect48 } from "react";
-import { match as match10 } from "ts-pattern";
+import { match as match11 } from "ts-pattern";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom9,
   selectLocalPeerRoleName as selectLocalPeerRoleName6,
   selectPeerScreenSharing as selectPeerScreenSharing3,
   selectWhiteboard as selectWhiteboard2,
-  useHMSActions as useHMSActions44,
-  useHMSStore as useHMSStore79
+  useHMSActions as useHMSActions45,
+  useHMSStore as useHMSStore81
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
-import React146, { useEffect as useEffect43, useMemo as useMemo16, useState as useState63 } from "react";
+import React146, { useEffect as useEffect43, useMemo as useMemo16, useState as useState64 } from "react";
 import {
   selectLocalPeerID as selectLocalPeerID14,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
   selectPeerScreenSharing,
-  useHMSStore as useHMSStore76,
+  useHMSStore as useHMSStore78,
   useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
-import React138, { useEffect as useEffect39, useMemo as useMemo13, useState as useState57 } from "react";
+import React138, { useEffect as useEffect39, useMemo as useMemo13, useState as useState58 } from "react";
 import { useMedia as useMedia28 } from "react-use";
-import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore71 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore73 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
@@ -27095,7 +27238,7 @@ import {
   selectLocalPeer as selectLocalPeer8,
   selectPeerByID as selectPeerByID3,
   selectVideoTrackByID as selectVideoTrackByID6,
-  useHMSStore as useHMSStore70
+  useHMSStore as useHMSStore72
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
 
@@ -27136,10 +27279,10 @@ var InsetTile = ({ peerId }) => {
   const isMobile = useMedia26(config.media.md);
   const isLandscape = useMedia26(config.media.ls);
   const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer8;
-  const peer = useHMSStore70(selector);
+  const peer = useHMSStore72(selector);
   const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
-  const videoTrack = useHMSStore70(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
-  const isAllowedToPublish = useHMSStore70(selectIsAllowedToPublish2);
+  const videoTrack = useHMSStore72(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
+  const isAllowedToPublish = useHMSStore72(selectIsAllowedToPublish2);
   const videoTileProps = useVideoTileContext();
   let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
@@ -27293,7 +27436,7 @@ var Grid = React137.forwardRef(
 
 // src/Prebuilt/components/hooks/useTileLayout.tsx
 init_define_process_env();
-import { useEffect as useEffect38, useMemo as useMemo12, useState as useState56 } from "react";
+import { useEffect as useEffect38, useMemo as useMemo12, useState as useState57 } from "react";
 import { useMeasure as useMeasure5, useMedia as useMedia27 } from "react-use";
 import {
   getPeersWithTiles,
@@ -27331,7 +27474,7 @@ var useTileLayout = ({
   const vanillaStore = useHMSVanillaStore11();
   const [ref, { width, height }] = useMeasure5();
   const isMobile = useMedia27(config.media.lg);
-  const [pagesWithTiles, setPagesWithTiles] = useState56([]);
+  const [pagesWithTiles, setPagesWithTiles] = useState57([]);
   useEffect38(() => {
     if (width === 0 || height === 0) {
       return;
@@ -27399,7 +27542,7 @@ var useTileLayout = ({
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a8;
-  const localPeer = useHMSStore71(selectLocalPeer9);
+  const localPeer = useHMSStore73(selectLocalPeer9);
   const isMobile = useMedia28(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -27422,7 +27565,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     maxTileCount,
     edgeToEdge
   });
-  const [page, setPage] = useState57(0);
+  const [page, setPage] = useState58(0);
   const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
   useEffect39(() => {
     if (pageSize > 0) {
@@ -27444,15 +27587,15 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 
 // src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
 init_define_process_env();
-import React141, { useEffect as useEffect41, useState as useState59 } from "react";
+import React141, { useEffect as useEffect41, useState as useState60 } from "react";
 import { useMedia as useMedia30 } from "react-use";
-import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore73 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
-import React140, { useEffect as useEffect40, useRef as useRef23, useState as useState58 } from "react";
+import React140, { useEffect as useEffect40, useRef as useRef23, useState as useState59 } from "react";
 import { useMedia as useMedia29 } from "react-use";
-import { selectAppData as selectAppData7, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore72 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData7, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
 init_define_process_env();
@@ -27538,11 +27681,11 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   var _a8, _b7;
   const isMobile = useMedia29(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
-  const [page, setPage] = useState58(0);
-  const pinnedTrackId = useHMSStore72(selectAppData7(APP_DATA.pinnedTrackId));
-  const spotlightPeerId = useHMSStore72(selectSessionStore11("spotlight" /* SPOTLIGHT */));
-  const activeScreensharePeerId = useHMSStore72(selectAppData7(APP_DATA.activeScreensharePeerId));
-  const pinnedPeer = (_a8 = useHMSStore72(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
+  const [page, setPage] = useState59(0);
+  const pinnedTrackId = useHMSStore74(selectAppData7(APP_DATA.pinnedTrackId));
+  const spotlightPeerId = useHMSStore74(selectSessionStore11("spotlight" /* SPOTLIGHT */));
+  const activeScreensharePeerId = useHMSStore74(selectAppData7(APP_DATA.activeScreensharePeerId));
+  const pinnedPeer = (_a8 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
   const pageChangedAfterPinning = useRef23(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -27636,7 +27779,7 @@ function RoleProminence({
 }) {
   var _a8;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = useHMSStore73(selectLocalPeer10);
+  const localPeer = useHMSStore75(selectLocalPeer10);
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
   const isMobile = useMedia30(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
@@ -27649,7 +27792,7 @@ function RoleProminence({
     pageList,
     maxTileCount
   });
-  const [page, setPage] = useState59(0);
+  const [page, setPage] = useState60(0);
   const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
   useEffect41(() => {
     if (pageSize > 0) {
@@ -27679,13 +27822,13 @@ function RoleProminence({
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
-import React145, { useEffect as useEffect42, useMemo as useMemo15, useState as useState62 } from "react";
+import React145, { useEffect as useEffect42, useMemo as useMemo15, useState as useState63 } from "react";
 import { useMedia as useMedia32 } from "react-use";
-import { selectPeersScreenSharing, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
+import { selectPeersScreenSharing, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
-import React144, { useRef as useRef24, useState as useState61 } from "react";
+import React144, { useRef as useRef24, useState as useState62 } from "react";
 import { useFullscreen as useFullscreen2, useMedia as useMedia31 } from "react-use";
 import screenfull2 from "screenfull";
 import {
@@ -27693,16 +27836,16 @@ import {
   selectPeerByID as selectPeerByID4,
   selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
   selectScreenShareByPeerID as selectScreenShareByPeerID2,
-  useHMSStore as useHMSStore74
+  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 React142, { useState as useState60 } from "react";
+import React142, { useState as useState61 } from "react";
 import { CheckIcon as CheckIcon8, ChevronDownIcon as ChevronDownIcon9, ChevronUpIcon as ChevronUpIcon7 } from "@100mslive/react-icons";
 var LayoutModeSelector = () => {
-  const [open, setOpen] = useState60(false);
+  const [open, setOpen] = useState61(false);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   return /* @__PURE__ */ React142.createElement(Popover2.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React142.createElement(Popover2.Trigger, { asChild: true }, /* @__PURE__ */ React142.createElement(
     Flex,
@@ -27797,10 +27940,10 @@ var LayoutModeSelector = () => {
 // src/Prebuilt/components/ScreenshareDisplay.tsx
 init_define_process_env();
 import React143 from "react";
-import { useHMSActions as useHMSActions43 } from "@100mslive/react-sdk";
-import { CrossIcon as CrossIcon22, ShareScreenIcon as ShareScreenIcon5 } from "@100mslive/react-icons";
+import { useHMSActions as useHMSActions44 } from "@100mslive/react-sdk";
+import { CrossIcon as CrossIcon23, ShareScreenIcon as ShareScreenIcon5 } from "@100mslive/react-icons";
 var ScreenshareDisplay = () => {
-  const hmsActions = useHMSActions43();
+  const hmsActions = useHMSActions44();
   return /* @__PURE__ */ React143.createElement(
     Flex,
     {
@@ -27825,7 +27968,7 @@ var ScreenshareDisplay = () => {
         }),
         "data-testid": "stop_screen_share_btn"
       },
-      /* @__PURE__ */ React143.createElement(CrossIcon22, { width: 18, height: 18 }),
+      /* @__PURE__ */ React143.createElement(CrossIcon23, { width: 18, height: 18 }),
       "\xA0 Stop screen share"
     )
   );
@@ -27841,21 +27984,21 @@ var labelStyles = {
   flexShrink: 0
 };
 var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-  const isLocal = useHMSStore74(selectLocalPeerID13) === peerId;
-  const track = useHMSStore74(selectScreenShareByPeerID2(peerId));
+  const isLocal = useHMSStore76(selectLocalPeerID13) === peerId;
+  const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
   const { theme: theme2 } = useTheme();
-  const peer = useHMSStore74(selectPeerByID4(peerId));
+  const peer = useHMSStore76(selectPeerByID4(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
-  const [isMouseHovered, setIsMouseHovered] = useState61(false);
+  const [isMouseHovered, setIsMouseHovered] = useState62(false);
   const isMobile = useMedia31(config.media.md);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
   const fullscreenRef = useRef24(null);
-  const [fullscreen, setFullscreen] = useState61(false);
+  const [fullscreen, setFullscreen] = useState62(false);
   const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
     onClose: () => setFullscreen(false)
   });
   const isFullScreenSupported = screenfull2.isEnabled;
-  const audioTrack = useHMSStore74(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
+  const audioTrack = useHMSStore76(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
   if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
     return /* @__PURE__ */ React144.createElement(ScreenshareDisplay, null);
   }
@@ -27934,9 +28077,9 @@ var ScreenshareTile_default = ScreenshareTile;
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   var _a8;
-  const peersSharing = useHMSStore75(selectPeersScreenSharing);
+  const peersSharing = useHMSStore77(selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
-  const [page, setPage] = useState62(0);
+  const [page, setPage] = useState63(0);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const activeSharePeer = peersSharing[page];
   const isMobile = useMedia32(config.media.md);
@@ -27969,6 +28112,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setActiveScreenSharePeer("");
     };
   }, [activeSharePeer == null ? void 0 : activeSharePeer.id, isMobile, setActiveScreenSharePeer]);
+  console.log({ activeSharePeer, secondaryPeers });
   return /* @__PURE__ */ React145.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React145.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React145.createElement(ScreenshareTile_default, { peerId: (_a8 = peersSharing[page]) == null ? void 0 : _a8.id }), !edgeToEdge && /* @__PURE__ */ React145.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ React145.createElement(
     SecondaryTiles,
     {
@@ -28088,11 +28232,11 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore76(selectPeerScreenSharing);
+  const peerSharing = useHMSStore78(selectPeerScreenSharing);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore76(selectPeers3);
-  const localPeerRole = useHMSStore76(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore76(selectLocalPeerID14);
+  const peers = useHMSStore78(selectPeers3);
+  const localPeerRole = useHMSStore78(selectLocalPeerRoleName5);
+  const localPeerID = useHMSStore78(selectLocalPeerID14);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -28112,10 +28256,10 @@ var GridLayout = ({
     return peers;
   }, [isInsetEnabled, activeScreensharePeerId, localPeerRole, localPeerID, prominentRoles, peers, pinnedTrack]);
   const vanillaStore = useHMSVanillaStore12();
-  const [sortedPeers, setSortedPeers] = useState63(updatedPeers);
+  const [sortedPeers, setSortedPeers] = useState64(updatedPeers);
   const peersSorter = useMemo16(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
-  const [pageSize, setPageSize] = useState63(0);
-  const [mainPage, setMainPage] = useState63(0);
+  const [pageSize, setPageSize] = useState64(0);
+  const [mainPage, setMainPage] = useState64(0);
   const tileLayout = {
     enableSpotlightingPeer: enable_spotlighting_peer,
     hideParticipantNameOnTile: hide_participant_name_on_tile,
@@ -28172,13 +28316,13 @@ var GridLayout = ({
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
 import React147, { useEffect as useEffect44, useMemo as useMemo17 } from "react";
-import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
 var EmbedView = () => {
   return /* @__PURE__ */ React147.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React147.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore77(selectPeers4);
-  const peerPresenting = useHMSStore77(selectPeerScreenSharing2);
+  const peers = useHMSStore79(selectPeers4);
+  const peerPresenting = useHMSStore79(selectPeerScreenSharing2);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const smallTilePeers = useMemo17(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
@@ -28193,7 +28337,7 @@ var EmbedScreenShareView = ({ children }) => {
   return /* @__PURE__ */ React147.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React147.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React147.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore77(selectAppData8(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore79(selectAppData8(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
   useEffect44(() => {
@@ -28351,7 +28495,7 @@ var WaitingView = React149.memo(() => {
 init_define_process_env();
 import React150, { useEffect as useEffect46, useMemo as useMemo18 } from "react";
 import { useMedia as useMedia33 } from "react-use";
-import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
+import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore80, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var EmbedComponent2 = () => {
   const isMobile = useMedia33(config.media.md);
   const { iframeRef } = useWhiteboard2(isMobile);
@@ -28386,8 +28530,8 @@ var EmbedComponent2 = () => {
   );
 };
 var WhiteboardView = () => {
-  const peers = useHMSStore78(selectPeers5);
-  const whiteboard = useHMSStore78(selectWhiteboard);
+  const peers = useHMSStore80(selectPeers5);
+  const whiteboard = useHMSStore80(selectWhiteboard);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const smallTilePeers = useMemo18(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
@@ -28424,18 +28568,18 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React151.lazy(() => import("./HLSView-7WNDXOED.js"));
+var HLSView = React151.lazy(() => import("./HLSView-7E6TK45Q.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
   var _a8, _b7, _c, _d;
-  const localPeerRole = useHMSStore79(selectLocalPeerRoleName6);
-  const isConnected = useHMSStore79(selectIsConnectedToRoom9);
-  const peerSharing = useHMSStore79(selectPeerScreenSharing3);
-  const isWhiteboardOpen = (_a8 = useHMSStore79(selectWhiteboard2)) == null ? void 0 : _a8.open;
-  const hmsActions = useHMSActions44();
+  const localPeerRole = useHMSStore81(selectLocalPeerRoleName6);
+  const isConnected = useHMSStore81(selectIsConnectedToRoom9);
+  const peerSharing = useHMSStore81(selectPeerScreenSharing3);
+  const isWhiteboardOpen = (_a8 = useHMSStore81(selectWhiteboard2)) == null ? void 0 : _a8.open;
+  const hmsActions = useHMSActions45();
   const waitingViewerRole = useWaitingViewerRole();
   const urlToIframe = useUrlToEmbed();
   const pdfAnnotatorActive = usePDFConfig();
@@ -28481,14 +28625,14 @@ var VideoStreamingSection = ({
         position: "relative",
         gap: isMobileHLSStream || isLandscapeHLSStream ? "0" : "$4"
       },
-      direction: match10({ isLandscapeHLSStream, isMobileHLSStream }).with({ isLandscapeHLSStream: true }, () => "row").with({ isMobileHLSStream: true }, () => "column").otherwise(() => "row")
+      direction: match11({ isLandscapeHLSStream, isMobileHLSStream }).with({ isLandscapeHLSStream: true }, () => "row").with({ isMobileHLSStream: true }, () => "column").otherwise(() => "row")
     },
     ViewComponent,
     /* @__PURE__ */ React151.createElement(
       Box,
       {
         css: {
-          flex: match10({ isLandscapeHLSStream, isMobileHLSStream }).with({ isLandscapeHLSStream: true }, () => "1  1 0").with({ isMobileHLSStream: true }, () => "2 1 0").otherwise(() => void 0),
+          flex: match11({ isLandscapeHLSStream, isMobileHLSStream }).with({ isLandscapeHLSStream: true }, () => "1  1 0").with({ isMobileHLSStream: true }, () => "2 1 0").otherwise(() => void 0),
           position: "relative",
           height: !isMobileHLSStream ? "100%" : void 0,
           maxHeight: "100%",
@@ -28515,7 +28659,7 @@ init_define_process_env();
 init_define_process_env();
 import React154 from "react";
 import { useMedia as useMedia35 } from "react-use";
-import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore83 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
@@ -28550,24 +28694,24 @@ import {
   selectLocalVideoTrackID as selectLocalVideoTrackID3,
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
-  useHMSActions as useHMSActions45,
-  useHMSStore as useHMSStore80
+  useHMSActions as useHMSActions46,
+  useHMSStore as useHMSStore82
 } from "@100mslive/react-sdk";
 import {
   BluetoothIcon,
   CameraFlipIcon as CameraFlipIcon2,
   CheckIcon as CheckIcon9,
-  CrossIcon as CrossIcon23,
+  CrossIcon as CrossIcon24,
   HeadphonesIcon,
   SpeakerIcon as SpeakerIcon4
 } from "@100mslive/react-icons";
 var CamaraFlipActions = () => {
-  const actions = useHMSActions45();
+  const actions = useHMSActions46();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
-  const isVideoOn = useHMSStore80(selectIsLocalVideoEnabled7);
-  const videoTrackId = useHMSStore80(selectLocalVideoTrackID3);
-  const localVideoTrack = useHMSStore80(selectVideoTrackByID7(videoTrackId));
+  const isVideoOn = useHMSStore82(selectIsLocalVideoEnabled7);
+  const videoTrackId = useHMSStore82(selectLocalVideoTrackID3);
+  const localVideoTrack = useHMSStore82(selectVideoTrackByID7(videoTrackId));
   if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
     return null;
   }
@@ -28599,7 +28743,7 @@ var AudioActions = () => {
     availableAudioDevices = audioOutput;
     selectedAudio = selectedDeviceIDs.audioOutput;
   }
-  const hmsActions = useHMSActions45();
+  const hmsActions = useHMSActions46();
   const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
   const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
   if (!audioFiltered) {
@@ -28642,7 +28786,7 @@ var AudioActions = () => {
   );
 };
 var AudioSelectionSheet = ({ audioDevices, audioSelected, onChange, children }) => {
-  return /* @__PURE__ */ React153.createElement(Sheet.Root, null, /* @__PURE__ */ React153.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ React153.createElement(Sheet.Content, null, /* @__PURE__ */ React153.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ React153.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ React153.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Audio"), /* @__PURE__ */ React153.createElement(Sheet.Close, null, /* @__PURE__ */ React153.createElement(IconButton_default, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ React153.createElement(CrossIcon23, null))))), /* @__PURE__ */ React153.createElement(HorizontalDivider, null), /* @__PURE__ */ React153.createElement(
+  return /* @__PURE__ */ React153.createElement(Sheet.Root, null, /* @__PURE__ */ React153.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ React153.createElement(Sheet.Content, null, /* @__PURE__ */ React153.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ React153.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ React153.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Audio"), /* @__PURE__ */ React153.createElement(Sheet.Close, null, /* @__PURE__ */ React153.createElement(IconButton_default, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ React153.createElement(CrossIcon24, null))))), /* @__PURE__ */ React153.createElement(HorizontalDivider, null), /* @__PURE__ */ React153.createElement(
     Flex,
     {
       direction: "column",
@@ -28703,7 +28847,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React153.createElement(Re
 
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
-  const roomState = useHMSStore81(selectRoomState6);
+  const roomState = useHMSStore83(selectRoomState6);
   const isMobile = useMedia35(config.media.md);
   if (roomState !== HMSRoomState6.Connected) {
     return /* @__PURE__ */ React154.createElement(React154.Fragment, null);
@@ -28749,11 +28893,11 @@ var ConferenceScreen = () => {
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-  const roomState = useHMSStore82(selectRoomState7);
-  const isConnectedToRoom = useHMSStore82(selectIsConnectedToRoom10);
-  const hmsActions = useHMSActions46();
-  const [hideControls, setHideControls] = useState64(false);
-  const dropdownList = useHMSStore82(selectAppData9(APP_DATA.dropdownList));
+  const roomState = useHMSStore84(selectRoomState7);
+  const isConnectedToRoom = useHMSStore84(selectIsConnectedToRoom10);
+  const hmsActions = useHMSActions47();
+  const [hideControls, setHideControls] = useState65(false);
+  const dropdownList = useHMSStore84(selectAppData9(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
   const headerRef = useRef25(null);
   const footerRef = useRef25(null);
@@ -28989,7 +29133,7 @@ import React157, { useEffect as useEffect52 } from "react";
 // src/Prebuilt/services/FeatureFlags.jsx
 init_define_process_env();
 import { useEffect as useEffect51 } from "react";
-import { selectRoomID, useHMSStore as useHMSStore83 } from "@100mslive/react-sdk";
+import { selectRoomID, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
 var FeatureFlags = class {
   static init(roomId) {
     if (!window.HMS) {
@@ -29014,7 +29158,7 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
 __publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
 __publicField(FeatureFlags, "enableWhiteboard", define_process_env_default.REACT_APP_ENABLE_WHITEBOARD && define_process_env_default.REACT_APP_PUSHER_APP_KEY && define_process_env_default.REACT_APP_PUSHER_AUTHENDPOINT);
 function FeatureFlagsInit() {
-  const roomId = useHMSStore83(selectRoomID);
+  const roomId = useHMSStore85(selectRoomID);
   useEffect51(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
@@ -29050,7 +29194,7 @@ import {
   selectAppData as selectAppData10,
   selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled8,
-  useHMSActions as useHMSActions47,
+  useHMSActions as useHMSActions48,
   useHMSVanillaStore as useHMSVanillaStore14
 } from "@100mslive/react-sdk";
 var isEvenListenersAttached = false;
@@ -29139,7 +29283,7 @@ _bind = new WeakMap();
 _unbind = new WeakMap();
 var KeyboardHandler = () => {
   const store = useHMSVanillaStore14();
-  const actions = useHMSActions47();
+  const actions = useHMSActions48();
   useEffect53(() => {
     const keyboardManager = new KeyboardInputManager(store, actions);
     keyboardManager.bindAllShortcuts();
@@ -29157,14 +29301,14 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
 init_define_process_env();
 import React158, { useContext as useContext4, useEffect as useEffect54 } from "react";
 import { usePreviousDistinct } from "react-use";
-import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore84 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
 init_define_process_env();
-import { useCallback as useCallback32 } from "react";
+import { useCallback as useCallback33 } from "react";
 var useRedirectToLeave = () => {
   const { onLeave } = useHMSPrebuiltContext();
-  const redirect = useCallback32(
+  const redirect = useCallback33(
     (timeout = 0) => {
       setTimeout(() => {
         PictureInPicture.stop().catch(() => console.error("stopping pip"));
@@ -29194,7 +29338,7 @@ var useHMSAppStateContext = () => {
 var useAppStateManager = () => {
   const roomLayout = useRoomLayout();
   const [activeState, setActiveState] = React158.useState();
-  const roomState = useHMSStore84(selectRoomState8);
+  const roomState = useHMSStore86(selectRoomState8);
   const prevRoomState = usePreviousDistinct(roomState);
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -29266,12 +29410,12 @@ var LeaveScreen = () => {
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
-import React160, { useEffect as useEffect55, useState as useState65 } from "react";
+import React160, { useEffect as useEffect55, useState as useState66 } from "react";
 import { useMedia as useMedia36 } from "react-use";
-import { match as match11, P as P3 } from "ts-pattern";
+import { match as match12, P as P4 } from "ts-pattern";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
-  const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState65(false);
+  const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState66(false);
   const isLandscape = useMedia36(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect55(() => {
@@ -29288,7 +29432,7 @@ var MwebLandscapePrompt = () => {
       const angle = window.screen.orientation.angle;
       const type = window.screen.orientation.type || "";
       setShowMwebLandscapePrompt(
-        match11({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream }, () => false).with({ angle: P3.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
+        match12({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P4.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
       );
     };
     handleRotation();
@@ -29319,7 +29463,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React169, { useCallback as useCallback34, useEffect as useEffect65 } from "react";
+import React169, { useCallback as useCallback35, useEffect as useEffect65 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes10,
   HMSRoomState as HMSRoomState10,
@@ -29330,7 +29474,7 @@ import {
   useAwayNotifications as useAwayNotifications2,
   useCustomEvent as useCustomEvent4,
   useHMSNotifications as useHMSNotifications10,
-  useHMSStore as useHMSStore88,
+  useHMSStore as useHMSStore90,
   useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
 import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
@@ -29370,12 +29514,12 @@ function AutoplayBlockedModal() {
 init_define_process_env();
 import React162, { useEffect as useEffect56 } from "react";
 import { v4 as uuid4 } from "uuid";
-import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
 var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
-  const chatState = useHMSStore85(selectSessionStore12("chatState" /* CHAT_STATE */));
-  const localPeerId = useHMSStore85(selectLocalPeerID15);
+  const chatState = useHMSStore87(selectSessionStore12("chatState" /* CHAT_STATE */));
+  const localPeerId = useHMSStore87(selectLocalPeerID15);
   useEffect56(() => {
     var _a8, _b7;
     if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -29405,7 +29549,7 @@ import {
   selectPeerByID as selectPeerByID6,
   selectRoomState as selectRoomState9,
   useHMSNotifications as useHMSNotifications2,
-  useHMSStore as useHMSStore87,
+  useHMSStore as useHMSStore89,
   useHMSVanillaStore as useHMSVanillaStore15
 } from "@100mslive/react-sdk";
 
@@ -29414,8 +29558,8 @@ init_define_process_env();
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
-import React163, { useCallback as useCallback33 } from "react";
-import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions48, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
+import React163, { useCallback as useCallback34 } from "react";
+import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions49, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
   ConnectivityIcon,
@@ -29434,10 +29578,10 @@ var ChatAction = React163.forwardRef((_, ref) => {
 });
 var HandRaiseAction = React163.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
   var _a8, _b7, _c;
-  const hmsActions = useHMSActions48();
+  const hmsActions = useHMSActions49();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const peer = useHMSStore86(selectPeerByID5(id));
+  const peer = useHMSStore88(selectPeerByID5(id));
   const layout = useRoomLayout();
   const {
     bring_to_stage_label,
@@ -29445,7 +29589,7 @@ var HandRaiseAction = React163.forwardRef(({ id = "", isSingleHandRaise = true }
     off_stage_roles = [],
     skip_preview_for_role_change = false
   } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
-  const onClickHandler = useCallback33(() => __async(void 0, null, function* () {
+  const onClickHandler = useCallback34(() => __async(void 0, null, function* () {
     if (isSingleHandRaise) {
       hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
       if (skip_preview_for_role_change) {
@@ -29666,7 +29810,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 var HandRaisedNotifications = () => {
   const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
-  const roomState = useHMSStore87(selectRoomState9);
+  const roomState = useHMSStore89(selectRoomState9);
   const vanillaStore = useHMSVanillaStore15();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
@@ -29691,12 +29835,12 @@ var HandRaisedNotifications = () => {
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
 init_define_process_env();
-import React164, { useEffect as useEffect58, useState as useState66 } from "react";
+import React164, { useEffect as useEffect58, useState as useState67 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
 var InitErrorModal = () => {
   const notification = useHMSNotifications3(HMSNotificationTypes3.ERROR);
-  const [showModal, setShowModal] = useState66(false);
-  const [info, setInfo] = useState66({ title: "Init Error", description: "" });
+  const [showModal, setShowModal] = useState67(false);
+  const [info, setInfo] = useState67({ title: "Init Error", description: "" });
   useEffect58(() => {
     const data3 = notification == null ? void 0 : notification.data;
     if (!data3 || data3.action !== "INIT") {
@@ -29768,7 +29912,7 @@ var PeerNotifications = () => {
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
-import React165, { useEffect as useEffect60, useState as useState67 } from "react";
+import React165, { useEffect as useEffect60, useState as useState68 } from "react";
 import { useMedia as useMedia37 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 
@@ -29781,8 +29925,8 @@ 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] = useState67("");
-  const [isSystemError, setIsSystemError] = useState67(false);
+  const [deviceType, setDeviceType] = useState68("");
+  const [isSystemError, setIsSystemError] = useState68(false);
   const isMobile = useMedia37(config.media.md);
   useEffect60(() => {
     var _a8, _b7, _c, _d, _e;
@@ -29842,7 +29986,7 @@ function PermissionErrorModal() {
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
 init_define_process_env();
-import React166, { useEffect as useEffect61, useState as useState68 } from "react";
+import React166, { useEffect as useEffect61, useState as useState69 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
 var notificationTypes2 = [
   HMSNotificationTypes6.RECONNECTED,
@@ -29852,7 +29996,7 @@ var notificationTypes2 = [
 var notificationId = null;
 var ReconnectNotifications = () => {
   const notification = useHMSNotifications6(notificationTypes2);
-  const [open, setOpen] = useState68(false);
+  const [open, setOpen] = useState69(false);
   useEffect61(() => {
     var _a8, _b7;
     if (!notification) {
@@ -29892,16 +30036,16 @@ var ReconnectNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React167, { useEffect as useEffect62, useState as useState69 } from "react";
+import React167, { useEffect as useEffect62, useState as useState70 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes7,
-  useHMSActions as useHMSActions49,
+  useHMSActions as useHMSActions50,
   useHMSNotifications as useHMSNotifications7
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon5 } from "@100mslive/react-icons";
 var TrackBulkUnmuteModal = () => {
-  const hmsActions = useHMSActions49();
-  const [muteNotification, setMuteNotification] = useState69(null);
+  const hmsActions = useHMSActions50();
+  const [muteNotification, setMuteNotification] = useState70(null);
   const notification = useHMSNotifications7([
     HMSNotificationTypes7.CHANGE_MULTI_TRACK_STATE_REQUEST,
     HMSNotificationTypes7.ROOM_ENDED,
@@ -29966,21 +30110,21 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React168, { useEffect as useEffect64, useState as useState70 } from "react";
+import React168, { useEffect as useEffect64, useState as useState71 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
-  useHMSActions as useHMSActions50,
+  useHMSActions as useHMSActions51,
   useHMSNotifications as useHMSNotifications9
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon6 } from "@100mslive/react-icons";
 var TrackUnmuteModal = () => {
-  const hmsActions = useHMSActions50();
+  const hmsActions = useHMSActions51();
   const notification = useHMSNotifications9([
     HMSNotificationTypes9.CHANGE_TRACK_STATE_REQUEST,
     HMSNotificationTypes9.ROOM_ENDED,
     HMSNotificationTypes9.REMOVED_FROM_ROOM
   ]);
-  const [muteNotification, setMuteNotification] = useState70(null);
+  const [muteNotification, setMuteNotification] = useState71(null);
   useEffect64(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes9.REMOVED_FROM_ROOM:
@@ -30019,19 +30163,19 @@ var TrackUnmuteModal = () => {
 var pollToastKey = {};
 function Notifications() {
   var _a8, _b7;
-  const localPeerID = useHMSStore88(selectLocalPeerID16);
+  const localPeerID = useHMSStore90(selectLocalPeerID16);
   const notification = useHMSNotifications10();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = useHMSStore88(selectRoomState10);
+  const roomState = useHMSStore90(selectRoomState10);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
   const vanillaStore = useHMSVanillaStore16();
   const togglePollView = usePollViewToggle();
   const { showNotification } = useAwayNotifications2();
-  const amIScreenSharing = useHMSStore88(selectIsLocalScreenShared2);
+  const amIScreenSharing = useHMSStore90(selectIsLocalScreenShared2);
   const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
-  const handleRoleChangeDenied = useCallback34((request) => {
+  const handleRoleChangeDenied = useCallback35((request) => {
     ToastManager.addToast({
       title: `${request.peerName} denied your request to join the ${request.role.name} role`,
       variant: "error"
@@ -30185,8 +30329,8 @@ var PreviewScreen = () => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React172, { useEffect as useEffect66, useState as useState71 } from "react";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
+import React172, { useEffect as useEffect66, useState as useState72 } from "react";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore91 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
@@ -30209,8 +30353,8 @@ var Toast2 = (_a8) => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
-  const isConnected = useHMSStore89(selectIsConnectedToRoom11);
-  const [toasts, setToast] = useState71([]);
+  const isConnected = useHMSStore91(selectIsConnectedToRoom11);
+  const [toasts, setToast] = useState72([]);
   useEffect66(() => {
     ToastManager.addListener(setToast);
     return () => {
@@ -30232,12 +30376,12 @@ var ToastContainer = () => {
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
 import React174 from "react";
-import { selectAppData as selectAppData11, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData11, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
 import React173 from "react";
-import { CrossIcon as CrossIcon24 } from "@100mslive/react-icons";
+import { CrossIcon as CrossIcon25 } from "@100mslive/react-icons";
 var RoomDetailsSheet = () => {
   const { title, description, details } = useRoomLayoutHeader();
   const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
@@ -30250,13 +30394,13 @@ var RoomDetailsSheet = () => {
       css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
     },
     /* @__PURE__ */ React173.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
-    /* @__PURE__ */ React173.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React173.createElement(CrossIcon24, null))
+    /* @__PURE__ */ React173.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React173.createElement(CrossIcon25, null))
   ), /* @__PURE__ */ React173.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React173.createElement(Logo, null), /* @__PURE__ */ React173.createElement(Box, null, /* @__PURE__ */ React173.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React173.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React173.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
 };
 
 // src/Prebuilt/layouts/Sheet.tsx
 var Sheet2 = () => {
-  const sheet = useHMSStore90(selectAppData11(APP_DATA.sheet));
+  const sheet = useHMSStore92(selectAppData11(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
     ViewComponent = /* @__PURE__ */ React174.createElement(RoomDetailsSheet, null);
@@ -30266,13 +30410,13 @@ var Sheet2 = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React175, { useCallback as useCallback35, useEffect as useEffect67, useMemo as useMemo19, useState as useState72 } from "react";
+import React175, { useCallback as useCallback36, useEffect as useEffect67, useMemo as useMemo19, useState as useState73 } from "react";
 import { useMedia as useMedia38 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID17,
   selectPeerNameByID as selectPeerNameByID6,
   useCustomEvent as useCustomEvent5,
-  useHMSStore as useHMSStore91,
+  useHMSStore as useHMSStore93,
   useHMSVanillaStore as useHMSVanillaStore17
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
@@ -30299,12 +30443,12 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore91(selectLocalPeerID17);
+  const localPeerId = useHMSStore93(selectLocalPeerID17);
   const vanillaStore = useHMSVanillaStore17();
-  const [emojis, setEmojis] = useState72([]);
+  const [emojis, setEmojis] = useState73([]);
   const isMobile = useMedia38(config.media.md);
   const startingPoints = useMemo19(() => getStartingPoints(isMobile), [isMobile]);
-  const showFlyingEmoji = useCallback35(
+  const showFlyingEmoji = useCallback36(
     ({ emojiId, senderId }) => {
       if (!emojiId || !senderId || document.hidden) {
         return;
@@ -30397,11 +30541,11 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React176, { useCallback as useCallback36 } from "react";
-import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions51 } from "@100mslive/react-sdk";
+import React176, { useCallback as useCallback37 } from "react";
+import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions52 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
-  const actions = useHMSActions51();
-  const onRemoteStopScreenshare = useCallback36(() => __async(this, null, function* () {
+  const actions = useHMSActions52();
+  const onRemoteStopScreenshare = useCallback37(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
   useCustomEvent6({
@@ -30413,23 +30557,23 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback37, useEffect as useEffect68, useRef as useRef26 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect68, useRef as useRef26 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
-  selectPermissions as selectPermissions18,
-  useHMSActions as useHMSActions52,
-  useHMSStore as useHMSStore92,
+  selectPermissions as selectPermissions20,
+  useHMSActions as useHMSActions53,
+  useHMSStore as useHMSStore94,
   useRecordingStreaming as useRecordingStreaming12
 } from "@100mslive/react-sdk";
 var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const permissions = useHMSStore92(selectPermissions18);
+  const permissions = useHMSStore94(selectPermissions20);
   const showStreamingUI = useShowStreamingUI();
-  const hmsActions = useHMSActions52();
-  const isConnected = useHMSStore92(selectIsConnectedToRoom12);
+  const hmsActions = useHMSActions53();
+  const isConnected = useHMSStore94(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
   const streamStartedRef = useRef26(false);
-  const startHLS = useCallback37(() => __async(void 0, null, function* () {
+  const startHLS = useCallback38(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
         return;
@@ -30620,8 +30764,8 @@ var AppStates = ({ activeState }) => {
   return /* @__PURE__ */ React177.createElement(ConferenceScreen, null);
 };
 var BackSwipe = () => {
-  const isConnectedToRoom = useHMSStore93(selectIsConnectedToRoom13);
-  const hmsActions = useHMSActions53();
+  const isConnectedToRoom = useHMSStore95(selectIsConnectedToRoom13);
+  const hmsActions = useHMSActions54();
   useEffect69(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
       if (isConnectedToRoom) {
@@ -30773,6 +30917,7 @@ export {
   Sheet,
   ToastManager,
   useIsLandscape,
+  useKeyboardHandler,
   LeaveRoom,
   DialogContent,
   DialogRow,
@@ -30795,4 +30940,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-3OCZREZ3.js.map
+//# sourceMappingURL=chunk-FKNIYFKS.js.map