@100mslive/roomkit-react 0.3.14-alpha.11 → 0.3.14-alpha.12

package/dist/{chunk-OZVDS5TG.js → chunk-2VGMEGOM.js}

@@ -107,7 +107,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_16192327-a2a2-40a7-abb2-79c0094cbaf1", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.4-alpha.11", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.3 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.14-alpha.11", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_16192327-a2a2-40a7-abb2-79c0094cbaf1", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.3/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.14-alpha.11", 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.9", 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.8", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "585", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.11/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240616.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.4/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:20504", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.14-alpha.11", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "9660740752", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "f1a483cba1ff7bfacde92aaf3a37a04cb665c7ad", 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: "15219ee8bd39b3822f16a80359565dbe79360d5853b967a8f8d28e09fd15a149", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1719311146504-0.9538199475215898:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719311146307-0.8075643836992763:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719311120930-0.8492030328752149:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719311120753-0.1875659140674153:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_56b91b7f-c832-4233-8d0f-f25d3bda4804", INVOCATION_ID: "7bfb809c340d4529aedcda2660d67a9f", 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: "588", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 340", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.14-alpha.11", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.14-alpha.11", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "f1a483cba1ff7bfacde92aaf3a37a04cb665c7ad", 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_16192327-a2a2-40a7-abb2-79c0094cbaf1", 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_16192327-a2a2-40a7-abb2-79c0094cbaf1", 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.181+6/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_16192327-a2a2-40a7-abb2-79c0094cbaf1" };
+    define_process_env_default = { NVM_INC: "/Users/ravitheja/.nvm/versions/node/v22.2.0/include/node", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_emoji_mart: "^5.2.2", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_scripts_size: "size-limit", npm_package_devDependencies_prettier: "^2.4.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_dependencies__100mslive_types_prebuilt: "0.12.9", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", TERM_PROGRAM: "vscode", npm_package_size_limit_0_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", NODE: "/Users/ravitheja/.nvm/versions/node/v22.2.0/bin/node", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_scripts_types_build: "tsc -p tsconfig.json", INIT_CWD: "/Users/ravitheja/Documents/web-sdks", NVM_CD_FLAGS: "-q", npm_package_devDependencies_typescript: "~4.7.4", npm_config_version_git_tag: "true", TERM: "xterm-256color", SHELL: "/bin/zsh", npm_package_devDependencies_jest: "26.6.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", npm_package_size_limit_4_limit: "20 KB", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_toast: "1.0.0", TMPDIR: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/", npm_package_devDependencies_esbuild: "^0.18.13", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies__100mslive_react_icons: "0.10.14-alpha.12", npm_package_size_limit_6_limit: "150 KB", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_config_init_license: "MIT", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", TERM_PROGRAM_VERSION: "1.90.2", npm_package_devDependencies_concurrently: "^6.4.0", npm_package_dependencies_screenfull: "^5.1.0", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", ZDOTDIR: "/Users/ravitheja", ORIGINAL_XDG_CURRENT_DESKTOP: "undefined", MallocNanoZone: "0", npm_package_dependencies_uuid: "^8.3.2", npm_package_private: "true", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_sideEffects: "false", ZSH: "/Users/ravitheja/.oh-my-zsh", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_readmeFilename: "README.md", NVM_DIR: "/Users/ravitheja/.nvm", USER: "ravitheja", 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_react: "^18.1.0", npm_package_license: "MIT", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_devDependencies__types_react: "^18.1.0", COMMAND_MODE: "unix2003", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_exports___import: "./dist/index.js", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_devDependencies__babel_core: "^7.18.2", NX_TASK_HASH: "fb2767de693eee1ebe611b05fb9de6436dcbc2c723eb883cf116a0d09318faf6", npm_package_repository_directory: "packages/roomkit-react", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.TpNfPnCgJB/Listeners", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", __CF_USER_TEXT_ENCODING: "0x1F5:0x0:0x0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_devDependencies__types_jest: "^27.0.3", npm_execpath: "/usr/local/Cellar/yarn/1.22.19/libexec/bin/yarn.js", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", PAGER: "less", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_module: "dist/index.js", npm_package_dependencies_react_use: "^17.4.0", npm_package_devDependencies__types_mdx: "2.0.2", npm_package_author_name: "100ms", LSCOLORS: "Gxfxcxdxbxegedabagacad", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_dependencies__stitches_react: "^1.2.8", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", PATH: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1719768335966-0.10018641156318586:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1719768335605-0.8755989503364847:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1719768314180-0.8197881601991994:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/bin/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/Users/ravitheja/.cargo/bin", npm_config_argv: '{"remain":[],"cooked":["run","build"],"original":["build","--no-private"]}', npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_scripts_lint_fix: "yarn lint --fix", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_size_limit_5_limit: "20 KB", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_nx: "^14.5.1", npm_config_workspaces_experimental: "true", npm_package_dependencies__radix_ui_react_switch: "1.0.0", _: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1719768335966-0.10018641156318586/node", LaunchInstanceID: "BBF3A6A0-FA1B-4B89-8B27-EEE2D23C0E7B", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", NX_WORKSPACE_ROOT: "/Users/ravitheja/Documents/web-sdks", npm_package_dependencies__radix_ui_react_progress: "1.0.0", USER_ZDOTDIR: "/Users/ravitheja", __CFBundleIdentifier: "com.microsoft.VSCode", npm_package_size_limit_7_limit: "100 KB", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_devDependencies_ts_jest: "26.5.6", PWD: "/Users/ravitheja/Documents/web-sdks/packages/roomkit-react", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_exports___index_css: "./dist/index.css", npm_package_dependencies__100mslive_react_sdk: "0.10.14-alpha.12", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_lifecycle_event: "build:only", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", LANG: "en_US.UTF-8", npm_package_name: "@100mslive/roomkit-react", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.4-alpha.12", npm_package_repository_type: "git", npm_package_keywords_0: "100mslive", npm_package_size_limit_2_limit: "400 KB", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.14-alpha.12", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_1: "react", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_version_commit_hooks: "true", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_keywords_2: "prebuilt", VSCODE_GIT_ASKPASS_EXTRA_ARGS: "", XPC_FLAGS: "0x0", npm_package_keywords_3: "roomkit", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", npm_config_bin_links: "true", npm_package_engines_node: ">=16", FORCE_COLOR: "true", npm_package_devDependencies__storybook_react: "^7.0.27", npm_config_wrap_output: "", npm_package_scripts_cypress_open: "cypress open", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_main: "dist/index.cjs.js", XPC_SERVICE_NAME: "0", npm_package_version: "0.3.14-alpha.12", npm_package_dependencies_recordrtc: "^5.6.2", VSCODE_INJECTION: "1", SHLVL: "5", HOME: "/Users/ravitheja", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_package_dependencies_react_window: "^1.8.7", VSCODE_GIT_ASKPASS_MAIN: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass-main.js", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_source: "src/index.ts", npm_config_save_prefix: "^", npm_config_strict_ssl: "true", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies__100mslive_hls_player: "0.3.14-alpha.12", npm_package_devDependencies_husky: "^6.0.0", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_exports___default: "./dist/index.js", LESS: "-R", LOGNAME: "ravitheja", YARN_WRAP_OUTPUT: "false", npm_package_scripts_format: "prettier -w src/**", npm_package_dependencies_qrcode_react: "^3.1.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_typings: "dist/index.d.ts", PREFIX: "/usr/local", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_exports___require: "./dist/index.cjs.js", VSCODE_GIT_IPC_HANDLE: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/vscode-git-10419d9aa6.sock", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_scripts_babel: "npx storybook@latest babelrc", NVM_BIN: "/Users/ravitheja/.nvm/versions/node/v22.2.0/bin", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_config_version_git_sign: "", npm_config_ignore_scripts: "", npm_config_user_agent: "yarn/1.22.19 npm/? node/v22.2.0 darwin x64", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_devDependencies_knip: "^5.11.0", VSCODE_GIT_ASKPASS_NODE: "/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin)", GIT_ASKPASS: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass.sh", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_devDependencies__types_node: "^16.11.17", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", npm_package_scripts_types: "tsc -w", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_lerna: "^5.6.2", npm_package_files_1: "src", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_files_0: "dist", npm_package_size_limit_3_limit: "20 KB", npm_config_init_version: "1.0.0", npm_config_ignore_optional: "", SECURITYSESSIONID: "186a3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_workspaces_0: "packages/*", npm_package_dependencies_react_draggable: "^4.4.5", COLORTERM: "truecolor", npm_node_execpath: "/Users/ravitheja/.nvm/versions/node/v22.2.0/bin/node", npm_package_workspaces_1: "examples/*", npm_config_version_tag_prefix: "v", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", REACT_APP_TILE_SHAPE: "16-9", REACT_APP_THEME: "dark", REACT_APP_COLOR: "#FF0000", REACT_APP_LOGO: "", REACT_APP_FONT: "Roboto", REACT_APP_SHOW_CHAT: "true", REACT_APP_SHOW_SCREENSHARE: "true", REACT_APP_VIDEO_AVATAR: "true", REACT_APP_TOKEN_GENERATION_ENDPOINT: "https://qa-in2.100ms.live/hmsapi/hrashi-studystream.qa-app.100ms.live/", REACT_APP_ENV: "qa", REACT_APP_LOGROCKET_ID: "<Your Logrocket project ID>", REACT_APP_POLICY_CONFIG: "", REACT_APP_WEBINAR_PROPS: "{}", REACT_APP_ENABLE_STATS_FOR_NERDS: "true", REACT_APP_AUDIO_PLAYLIST: '[{"name":"Audio1","id":"audio1","metadata":{"description":"Artist1"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio1.mp3","type":"audio"},{"name":"Audio2","id":"audio2","metadata":{"description":"Artist2"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio2.mp3","type":"audio"},{"name":"Audio3","id":"audio3","metadata":{"description":"Artist3"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio3.mp3","type":"audio"},{"name":"Audio4","id":"audio4","metadata":{"description":"Artist4"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio4.mp3","type":"audio"},{"name":"Audio5","id":"audio5","metadata":{"description":"Artist5"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio5.mp3","type":"audio"},{"name":"Audio6","id":"audio6","metadata":{"description":"Artist6"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio6.mp3","type":"audio"}]', REACT_APP_VIDEO_PLAYLIST: '[{"name":"Video1","id":"video1","url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/video1.mp4","type":"video"}]', REACT_APP_HOST_NAME: "ravi.qa-app.100ms.live", REACT_APP_DEFAULT_APP_DETAILS: '{"headlessConfig":{"uiMode":"activespeaker","hideAudioLevel":true,"hideTileAudioMute":true}}', REACT_APP_TOKEN_GENERATION_ENDPOINT_DOMAIN: "ravi.qa-app.100ms.live", REACT_APP_ZIPY_KEY: "", REACT_APP_PUSHER_APP_KEY: "4ae6f78bb2b7f2d9ed11", REACT_APP_PUSHER_AUTHENDPOINT: "https://whiteboard-server.vercel.app/api/pusher/auth", REACT_APP_ENABLE_WHITEBOARD: "true", REACT_APP_TRANSCRIPTION_ROOM_ID: "644df1027cebfa471fcc52fd", STORYBOOK_ROOM_LAYOUT_ENDPOINT: "https://api-nonprod.100ms.live/v2/layouts/ui", STORYBOOK_TOKEN_BY_ROOM_CODE_ENDPOINT: "https://auth-nonprod.100ms.live/v2/token", STORYBOOK_INIT_API_ENDPOINT: "https://qa-init.100ms.live/init", STORYBOOK_SAMPLE_ROOM_CODE: "dkz-teqx-wap" };
   }
 });
 
@@ -12917,8 +12917,8 @@ import {
   HMSReactiveStore,
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
-  useHMSActions as useHMSActions57,
-  useHMSStore as useHMSStore98
+  useHMSActions as useHMSActions56,
+  useHMSStore as useHMSStore97
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AppData/AppData.tsx
@@ -13929,8 +13929,8 @@ import {
   selectAppData as selectAppData12,
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState7,
-  useHMSActions as useHMSActions49,
-  useHMSStore as useHMSStore87
+  useHMSActions as useHMSActions48,
+  useHMSStore as useHMSStore86
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Footer/Footer.tsx
@@ -17666,8 +17666,8 @@ import {
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled4,
   selectPeerCount as selectPeerCount3,
   selectPermissions as selectPermissions8,
-  useHMSActions as useHMSActions23,
-  useHMSStore as useHMSStore30,
+  useHMSActions as useHMSActions22,
+  useHMSStore as useHMSStore29,
   useRecordingStreaming as useRecordingStreaming7
 } from "@100mslive/react-sdk";
 import {
@@ -17690,7 +17690,7 @@ import {
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
-import React58, { useCallback as useCallback17, useEffect as useEffect16, useRef as useRef15, useState as useState25 } from "react";
+import React58, { useCallback as useCallback16, useEffect as useEffect16, useRef as useRef15, useState as useState25 } from "react";
 import { useMedia as useMedia8 } from "react-use";
 
 // ../hms-video-store/dist/index.js
@@ -20380,7 +20380,7 @@ var c2 = (a11, e, t2) => new Promise((i2, r2) => {
   n2((t2 = t2.apply(a11, e)).next());
 });
 var Mr = Xa((Fc, no) => {
-  no.exports = { version: "0.12.14-alpha.11", 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"] };
+  no.exports = { version: "0.12.14-alpha.12", 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 Sr = ((n2) => (n2.Disconnected = "Disconnected", n2.Preview = "Preview", n2.Connecting = "Connecting", n2.Connected = "Connected", n2.Reconnecting = "Reconnecting", n2.Disconnecting = "Disconnecting", n2.Failed = "Failed", n2))(Sr || {});
 var ei = () => ({ room: { id: "", isConnected: false, name: "", peers: [], localPeer: "", roomState: "Disconnected", recording: { browser: { running: false }, server: { running: false }, hls: { running: false } }, rtmp: { running: false }, hls: { running: false, variants: [] }, sessionId: "" }, peers: {}, tracks: {}, playlist: { audio: { list: {}, selection: { id: "", hasPrevious: false, hasNext: false }, progress: 0, volume: 0, currentTime: 0, playbackRate: 1 }, video: { list: {}, selection: { id: "", hasPrevious: false, hasNext: false }, progress: 0, volume: 0, currentTime: 0, playbackRate: 1 } }, messages: { byID: {}, allIDs: [] }, speakers: {}, connectionQualities: {}, settings: { audioInputDeviceId: "", audioOutputDeviceId: "", videoInputDeviceId: "" }, devices: { audioInput: [], audioOutput: [], videoInput: [] }, roles: {}, roleChangeRequests: [], errors: [], sessionStore: {}, templateAppData: {}, polls: {}, whiteboards: {}, hideLocalPeer: false });
@@ -25584,9 +25584,9 @@ var Li = class {
   }
   onJoin(e) {
     let t2 = this.sdk.getPlaylistManager();
-    this.audioPlaylist = new Lt(t2, "audio", this.syncPlaylistState.bind(this), this.store), this.videoPlaylist = new Lt(t2, "video", this.syncRoomState.bind(this), this.store), this.syncRoomState("joinSync"), this.setState((i2) => {
+    this.audioPlaylist = new Lt(t2, "audio", this.syncPlaylistState.bind(this), this.store), this.videoPlaylist = new Lt(t2, "video", this.syncRoomState.bind(this), this.store), this.syncRoomState("joinSync"), console.log("on join called in actions"), this.setState((i2) => {
       var r2;
-      Object.assign(i2.room, _2.convertRoom(e, (r2 = this.sdk.getLocalPeer()) == null ? void 0 : r2.peerId)), i2.room.isConnected = true, i2.room.roomState = "Connected";
+      Object.assign(i2.room, _2.convertRoom(e, (r2 = this.sdk.getLocalPeer()) == null ? void 0 : r2.peerId)), i2.room.isConnected = true, console.log("isconnected set to true"), i2.room.roomState = "Connected";
     }, "joined"), t2.onProgress(this.setProgress), t2.onNewTrackStart((i2) => {
       this.syncPlaylistState(`${i2.type}PlaylistUpdate`);
     }), t2.onPlaylistEnded((i2) => {
@@ -29477,12 +29477,12 @@ var hr = class {
     this.notificationManager || (this.notificationManager = new Xi(this.store, this.eventBus, this.transport, this.listener, this.audioListener));
   }
   initStoreAndManagers(e) {
-    var t2, i2;
-    if (this.listener = e, this.errorListener = e, this.deviceChangeListener = e, (t2 = this.store) == null || t2.setErrorListener(this.errorListener), this.sdkState.isInitialised) {
-      (i2 = this.notificationManager) == null || i2.setListener(this.listener), this.audioSinkManager.setListener(this.listener), this.interactivityCenter.setListener(this.listener);
+    var t2;
+    if (this.listener = e, this.errorListener = e, this.deviceChangeListener = e, this.sdkState.isInitialised) {
+      (t2 = this.notificationManager) == null || t2.setListener(this.listener), this.audioSinkManager.setListener(this.listener), this.interactivityCenter.setListener(this.listener);
       return;
     }
-    this.sdkState.isInitialised = true, this.store = new Nt(), this.eventBus = new Ut(), this.pluginUsageTracker = new Oi(this.eventBus), this.wakeLockManager = new _i(), this.networkTestManager = new wi(this.eventBus, this.listener), this.playlistManager = new bt(this, this.eventBus), this.deviceManager = new xt(this.store, this.eventBus), this.audioSinkManager = new Ot(this.store, this.deviceManager, this.eventBus), this.audioOutput = new xi(this.deviceManager, this.audioSinkManager), this.audioSinkManager.setListener(this.listener), this.eventBus.autoplayError.subscribe(this.handleAutoplayError), this.localTrackManager = new ve(this.store, this.observer, this.deviceManager, this.eventBus, this.analyticsTimer), this.analyticsEventsService = new Ni(this.store), this.transport = new zt(this.observer, this.deviceManager, this.store, this.eventBus, this.analyticsEventsService, this.analyticsTimer, this.pluginUsageTracker), "onInitSuccess" in e && this.transport.setConnectivityListener(e), this.sessionStore = new Zi(this.transport), this.interactivityCenter = new Vt(this.transport, this.store, this.listener), this.eventBus.analytics.subscribe(this.sendAnalyticsEvent), this.eventBus.deviceChange.subscribe(this.handleDeviceChange), this.eventBus.audioPluginFailed.subscribe(this.handleAudioPluginError);
+    this.sdkState.isInitialised = true, this.store = new Nt(), this.store.setErrorListener(this.errorListener), this.eventBus = new Ut(), this.pluginUsageTracker = new Oi(this.eventBus), this.wakeLockManager = new _i(), this.networkTestManager = new wi(this.eventBus, this.listener), this.playlistManager = new bt(this, this.eventBus), this.deviceManager = new xt(this.store, this.eventBus), this.audioSinkManager = new Ot(this.store, this.deviceManager, this.eventBus), this.audioOutput = new xi(this.deviceManager, this.audioSinkManager), this.audioSinkManager.setListener(this.listener), this.eventBus.autoplayError.subscribe(this.handleAutoplayError), this.localTrackManager = new ve(this.store, this.observer, this.deviceManager, this.eventBus, this.analyticsTimer), this.analyticsEventsService = new Ni(this.store), this.transport = new zt(this.observer, this.deviceManager, this.store, this.eventBus, this.analyticsEventsService, this.analyticsTimer, this.pluginUsageTracker), "onInitSuccess" in e && this.transport.setConnectivityListener(e), this.sessionStore = new Zi(this.transport), this.interactivityCenter = new Vt(this.transport, this.store, this.listener), this.eventBus.analytics.subscribe(this.sendAnalyticsEvent), this.eventBus.deviceChange.subscribe(this.handleDeviceChange), this.eventBus.audioPluginFailed.subscribe(this.handleAudioPluginError);
   }
   validateJoined(e) {
     if (!this.localPeer)
@@ -30080,7 +30080,7 @@ var hr = class {
       return;
     }
     if (t2.joinedAt = /* @__PURE__ */ new Date(), e && (e.joinedAt = t2.joinedAt), e != null && e.role) {
-      this.analyticsTimer.end("join_time"), (i2 = this.listener) == null || i2.onJoin(t2);
+      this.analyticsTimer.end("join_time"), console.log("on join called from sdk"), (i2 = this.listener) == null || i2.onJoin(t2);
       return;
     }
     return new Promise((r2, s2) => {
@@ -30364,8 +30364,8 @@ import {
   selectPermissions as selectPermissions7,
   selectRecordingState as selectRecordingState2,
   selectRoomState as selectRoomState3,
-  useHMSActions as useHMSActions20,
-  useHMSStore as useHMSStore26,
+  useHMSActions as useHMSActions19,
+  useHMSStore as useHMSStore25,
   useRecordingStreaming as useRecordingStreaming6
 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon6, CrossIcon as CrossIcon10, PauseCircleIcon, RecordIcon } from "@100mslive/react-icons";
@@ -30373,63 +30373,23 @@ import { AlertTriangleIcon as AlertTriangleIcon6, CrossIcon as CrossIcon10, Paus
 // src/Prebuilt/components/Header/AdditionalRoomState.jsx
 init_define_process_env();
 import React57, { useState as useState24 } from "react";
-import { selectLocalPeerID as selectLocalPeerID5, selectPeerSharingVideoPlaylist, useHMSStore as useHMSStore25, useScreenShare } from "@100mslive/react-sdk";
-import {
-  AudioPlayerIcon,
-  ChevronDownIcon as ChevronDownIcon4,
-  ChevronUpIcon as ChevronUpIcon4,
-  MusicIcon,
-  ShareScreenIcon,
-  VideoPlayerIcon
-} from "@100mslive/react-icons";
-
-// src/Prebuilt/components/hooks/usePlaylistMusic.js
-init_define_process_env();
-import { useCallback as useCallback15 } from "react";
-import {
-  selectAudioPlaylist,
-  selectAudioPlaylistTrackByPeerID,
-  selectPeerSharingAudioPlaylist,
-  useHMSActions as useHMSActions18,
-  useHMSStore as useHMSStore23
-} from "@100mslive/react-sdk";
-var usePlaylistMusic = () => {
-  const peer = useHMSStore23(selectPeerSharingAudioPlaylist);
-  const track = useHMSStore23(selectAudioPlaylistTrackByPeerID(peer == null ? void 0 : peer.id));
-  const selection = useHMSStore23(selectAudioPlaylist.selectedItem);
-  const hmsActions2 = useHMSActions18();
-  const play = useCallback15(
-    (selectedId) => __async(void 0, null, function* () {
-      yield hmsActions2.audioPlaylist.play(selectedId);
-    }),
-    [hmsActions2]
-  );
-  const pause = useCallback15(() => {
-    hmsActions2.audioPlaylist.pause();
-  }, [hmsActions2]);
-  const setVolume = useCallback15(
-    (value) => {
-      hmsActions2.setVolume(value, track == null ? void 0 : track.id);
-    },
-    [hmsActions2, track]
-  );
-  return { selection, peer, track, play, pause, setVolume };
-};
+import { selectLocalPeerID as selectLocalPeerID5, useHMSStore as useHMSStore24, useScreenShare } from "@100mslive/react-sdk";
+import { ChevronDownIcon as ChevronDownIcon4, ChevronUpIcon as ChevronUpIcon4, MusicIcon, ShareScreenIcon, VideoPlayerIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/hooks/useScreenshareAudio.js
 init_define_process_env();
-import { useCallback as useCallback16 } from "react";
+import { useCallback as useCallback15 } from "react";
 import {
   selectPeerSharingAudio,
   selectScreenShareAudioByPeerID,
-  useHMSActions as useHMSActions19,
-  useHMSStore as useHMSStore24
+  useHMSActions as useHMSActions18,
+  useHMSStore as useHMSStore23
 } from "@100mslive/react-sdk";
 var useScreenshareAudio = () => {
-  const hmsActions2 = useHMSActions19();
-  const peer = useHMSStore24(selectPeerSharingAudio);
-  const track = useHMSStore24(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
-  const handleMute = useCallback16(() => {
+  const hmsActions2 = useHMSActions18();
+  const peer = useHMSStore23(selectPeerSharingAudio);
+  const track = useHMSStore23(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
+  const handleMute = useCallback15(() => {
     if (!peer.isLocal) {
       hmsActions2.setVolume(!track.volume ? 100 : 0, track.id);
     } else {
@@ -30461,28 +30421,20 @@ var getRecordingText = ({ isBrowserRecordingOn, isServerRecordingOn, isHLSRecord
   return title.join(delimiter);
 };
 var AdditionalRoomState = () => {
-  var _a8, _b7, _c, _d, _e2;
-  const playlist = usePlaylistMusic();
+  var _a8, _b7;
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const screenshareAudio = useScreenshareAudio();
   const [open, setOpen] = useState24(false);
-  const isPlaylistInactive = [
-    !playlist.peer || !playlist.track,
-    !((_a8 = playlist.peer) == null ? void 0 : _a8.isLocal) && !((_b7 = playlist.track) == null ? void 0 : _b7.enabled),
-    ((_c = playlist.peer) == null ? void 0 : _c.isLocal) && !playlist.selection
-  ].some(Boolean);
   const isAudioshareInactive = [
     !screenshareAudio.peer || !screenshareAudio.track,
-    !((_d = screenshareAudio.peer) == null ? void 0 : _d.isLocal) && !((_e2 = screenshareAudio.track) == null ? void 0 : _e2.enabled)
+    !((_a8 = screenshareAudio.peer) == null ? void 0 : _a8.isLocal) && !((_b7 = screenshareAudio.track) == null ? void 0 : _b7.enabled)
   ].some(Boolean);
-  const peerSharingPlaylist = useHMSStore25(selectPeerSharingVideoPlaylist);
-  const localPeerID = useHMSStore25(selectLocalPeerID5);
-  const isVideoPlayListPlaying = !!(peerSharingPlaylist == null ? void 0 : peerSharingPlaylist.id);
+  const localPeerID = useHMSStore24(selectLocalPeerID5);
   const { screenSharingPeerName, screenSharingPeerId, screenShareVideoTrackId } = useScreenShare();
   const isVideoScreenSharingOn = !!screenShareVideoTrackId;
   const shouldShowScreenShareState = isAudioOnly && isVideoScreenSharingOn;
-  const shouldShowVideoState = isAudioOnly && isVideoPlayListPlaying;
-  if (isPlaylistInactive && isAudioshareInactive && !shouldShowScreenShareState && !shouldShowVideoState) {
+  const shouldShowVideoState = isAudioOnly;
+  if (isAudioshareInactive && !shouldShowScreenShareState && !shouldShowVideoState) {
     return null;
   }
   return /* @__PURE__ */ React57.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React57.createElement(Dropdown.Trigger, { asChild: true }, /* @__PURE__ */ React57.createElement(
@@ -30501,31 +30453,8 @@ var AdditionalRoomState = () => {
     !isAudioshareInactive && /* @__PURE__ */ React57.createElement(Tooltip, { title: "Screenshare Audio" }, /* @__PURE__ */ React57.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ React57.createElement(MusicIcon, { width: 24, height: 24 }))),
     shouldShowScreenShareState && /* @__PURE__ */ React57.createElement(Tooltip, { title: "Screenshare" }, /* @__PURE__ */ React57.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ React57.createElement(ShareScreenIcon, { width: 24, height: 24 }))),
     shouldShowVideoState && /* @__PURE__ */ React57.createElement(Tooltip, { title: "video playlist" }, /* @__PURE__ */ React57.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ React57.createElement(VideoPlayerIcon, { width: 24, height: 24 }))),
-    !isPlaylistInactive && /* @__PURE__ */ React57.createElement(Tooltip, { title: "Playlist Music" }, /* @__PURE__ */ React57.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ React57.createElement(AudioPlayerIcon, { width: 24, height: 24 }))),
     /* @__PURE__ */ React57.createElement(Box, { css: { "@lg": { display: "none" }, color: "$on_surface_low" } }, open ? /* @__PURE__ */ React57.createElement(ChevronUpIcon4, null) : /* @__PURE__ */ React57.createElement(ChevronDownIcon4, null))
-  )), /* @__PURE__ */ React57.createElement(Dropdown.Content, { sideOffset: 5, align: "end", css: { w: "$60" } }, !isPlaylistInactive && /* @__PURE__ */ React57.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ React57.createElement(AudioPlayerIcon, { width: 24, height: 24 }), /* @__PURE__ */ React57.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, "Playlist is playing"), playlist.peer.isLocal ? /* @__PURE__ */ React57.createElement(
-    Text,
-    {
-      variant: "sm",
-      css: { color: "$alert_error_default", cursor: "pointer", ml: "$2" },
-      onClick: (e) => {
-        e.preventDefault();
-        playlist.selection.playing ? playlist.pause() : playlist.play(playlist.selection.id);
-      }
-    },
-    playlist.selection.playing ? "Pause" : "Play"
-  ) : /* @__PURE__ */ React57.createElement(
-    Text,
-    {
-      variant: "sm",
-      css: { color: "$alert_error_default", ml: "$2", cursor: "pointer" },
-      onClick: (e) => {
-        e.preventDefault();
-        playlist.setVolume(!playlist.track.volume ? 100 : 0);
-      }
-    },
-    playlist.track.volume === 0 ? "Unmute" : "Mute"
-  )), !isAudioshareInactive && /* @__PURE__ */ React57.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ React57.createElement(MusicIcon, { width: 24, height: 24 }), /* @__PURE__ */ React57.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, "Music is playing"), /* @__PURE__ */ React57.createElement(
+  )), /* @__PURE__ */ React57.createElement(Dropdown.Content, { sideOffset: 5, align: "end", css: { w: "$60" } }, !isAudioshareInactive && /* @__PURE__ */ React57.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ React57.createElement(MusicIcon, { width: 24, height: 24 }), /* @__PURE__ */ React57.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, "Music is playing"), /* @__PURE__ */ React57.createElement(
     Text,
     {
       variant: "sm",
@@ -30536,19 +30465,19 @@ var AdditionalRoomState = () => {
       }
     },
     screenshareAudio.muted ? "Unmute" : "Mute"
-  )), shouldShowScreenShareState && /* @__PURE__ */ React57.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ React57.createElement(ShareScreenIcon, { width: 24, height: 24 }), /* @__PURE__ */ React57.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, `Shared by: ${screenSharingPeerId === localPeerID ? "You" : screenSharingPeerName}`)), shouldShowVideoState && /* @__PURE__ */ React57.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ React57.createElement(VideoPlayerIcon, { width: 24, height: 24 }), /* @__PURE__ */ React57.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, `Shared by: ${peerSharingPlaylist.id === localPeerID ? "You" : peerSharingPlaylist.name}`))));
+  )), shouldShowScreenShareState && /* @__PURE__ */ React57.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ React57.createElement(ShareScreenIcon, { width: 24, height: 24 }), /* @__PURE__ */ React57.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, `Shared by: ${screenSharingPeerId === localPeerID ? "You" : screenSharingPeerName}`))));
 };
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 var LiveStatus = () => {
   var _a8;
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
-  const hlsState = useHMSStore26(selectHLSState4);
+  const hlsState = useHMSStore25(selectHLSState4);
   const isMobile = useMedia8(config.media.md);
   const intervalRef = useRef15(null);
   const { screenType } = useRoomLayoutConferencingScreen();
   const [liveTime, setLiveTime] = useState25(0);
-  const startTimer = useCallback17(() => {
+  const startTimer = useCallback16(() => {
     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"];
@@ -30590,7 +30519,7 @@ var LiveStatus = () => {
 };
 var RecordingStatus = () => {
   const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = useRecordingStreaming6();
-  const permissions = useHMSStore26(selectPermissions7);
+  const permissions = useHMSStore25(selectPermissions7);
   const isMobile = useMedia8(config.media.md);
   if (!isRecordingOn || // if only browser recording is enabled, stop recording is shown
   // so no need to show this as it duplicates
@@ -30623,7 +30552,7 @@ var RecordingStatus = () => {
   );
 };
 var RecordingPauseStatus = () => {
-  const recording = useHMSStore26(selectRecordingState2);
+  const recording = useHMSStore25(selectRecordingState2);
   if (recording.hls && recording.hls.state === bs.PAUSED) {
     return /* @__PURE__ */ React58.createElement(
       Tooltip,
@@ -30650,11 +30579,11 @@ var RecordingPauseStatus = () => {
   return null;
 };
 var StartRecording2 = () => {
-  const permissions = useHMSStore26(selectPermissions7);
+  const permissions = useHMSStore25(selectPermissions7);
   const [open, setOpen] = useState25(false);
   const { startRecording, recordingStarted } = useRecordingHandler();
   const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming6();
-  const hmsActions2 = useHMSActions20();
+  const hmsActions2 = useHMSActions19();
   if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
     return null;
   }
@@ -30698,9 +30627,9 @@ var StartRecording2 = () => {
   );
 };
 var StreamActions = () => {
-  const isConnected = useHMSStore26(selectIsConnectedToRoom6);
+  const isConnected = useHMSStore25(selectIsConnectedToRoom6);
   const isMobile = useMedia8(config.media.md);
-  const roomState = useHMSStore26(selectRoomState3);
+  const roomState = useHMSStore25(selectRoomState3);
   return /* @__PURE__ */ React58.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React58.createElement(AdditionalRoomState, null), !isMobile && /* @__PURE__ */ React58.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React58.createElement(RecordingPauseStatus, null), /* @__PURE__ */ React58.createElement(RecordingStatus, null), roomState !== HMSRoomState3.Preview ? /* @__PURE__ */ React58.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ React58.createElement(StartRecording2, null) : null);
 };
 var StopRecordingInSheet = ({
@@ -30724,7 +30653,7 @@ var StopRecordingInSheet = ({
 init_define_process_env();
 import React60, { useState as useState26 } from "react";
 import { useMedia as useMedia9 } from "react-use";
-import { selectLocalPeerName, useHMSActions as useHMSActions21, useHMSStore as useHMSStore27 } from "@100mslive/react-sdk";
+import { selectLocalPeerName, useHMSActions as useHMSActions20, useHMSStore as useHMSStore26 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
 init_define_process_env();
@@ -30839,8 +30768,8 @@ var ChangeNameModal = ({
   openParentSheet = void 0
 }) => {
   const [previewPreference, setPreviewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW);
-  const hmsActions2 = useHMSActions21();
-  const localPeerName = useHMSStore27(selectLocalPeerName);
+  const hmsActions2 = useHMSActions20();
+  const localPeerName = useHMSStore26(selectLocalPeerName);
   const [currentName, setCurrentName] = useState26(localPeerName);
   const isMobile = useMedia9(config.media.md);
   const changeName = () => __async(void 0, null, function* () {
@@ -30880,18 +30809,18 @@ var ChangeNameModal = ({
 
 // src/Prebuilt/components/AppData/useSheet.ts
 init_define_process_env();
-import { useCallback as useCallback18 } from "react";
-import { selectAppData as selectAppData4, useHMSActions as useHMSActions22, useHMSStore as useHMSStore28, useHMSVanillaStore as useHMSVanillaStore7 } from "@100mslive/react-sdk";
+import { useCallback as useCallback17 } from "react";
+import { selectAppData as selectAppData4, useHMSActions as useHMSActions21, useHMSStore as useHMSStore27, useHMSVanillaStore as useHMSVanillaStore7 } from "@100mslive/react-sdk";
 var useIsSheetTypeOpen = (sheetType) => {
   if (!sheetType) {
     throw Error("Pass one of the sheet options");
   }
-  return useHMSStore28(selectAppData4(APP_DATA.sheet)) === sheetType;
+  return useHMSStore27(selectAppData4(APP_DATA.sheet)) === sheetType;
 };
 var useSheetToggle = (sheetType) => {
-  const hmsActions2 = useHMSActions22();
+  const hmsActions2 = useHMSActions21();
   const vanillaStore = useHMSVanillaStore7();
-  const toggleSheet = useCallback18(() => {
+  const toggleSheet = useCallback17(() => {
     const isOpen = vanillaStore.getState(selectAppData4(APP_DATA.sheet)) === sheetType;
     hmsActions2.setAppData(APP_DATA.sheet, !isOpen ? sheetType : "");
   }, [vanillaStore, hmsActions2, sheetType]);
@@ -30901,9 +30830,9 @@ var useSheetToggle = (sheetType) => {
 // src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx
 init_define_process_env();
 import { useEffect as useEffect17, useState as useState27 } from "react";
-import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore29 } from "@100mslive/react-sdk";
+import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore28 } from "@100mslive/react-sdk";
 var useUnreadPollQuizPresent = () => {
-  const localPeerID = useHMSStore29(ye);
+  const localPeerID = useHMSStore28(ye);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState27(false);
   useEffect17(() => {
@@ -30932,9 +30861,9 @@ var MwebOptions = ({
   elements,
   screenType
 }) => {
-  const hmsActions2 = useHMSActions23();
-  const permissions = useHMSStore30(selectPermissions8);
-  const isConnected = useHMSStore30(selectIsConnectedToRoom7);
+  const hmsActions2 = useHMSActions22();
+  const permissions = useHMSStore29(selectPermissions8);
+  const isConnected = useHMSStore29(selectIsConnectedToRoom7);
   const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming7();
   const [openModals, setOpenModals] = useState28(/* @__PURE__ */ new Set());
   const [openOptionsSheet, setOpenOptionsSheet] = useState28(false);
@@ -30944,7 +30873,7 @@ var MwebOptions = ({
   const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const { showPolls } = useShowPolls();
   const togglePollView = usePollViewToggle();
-  const peerCount = useHMSStore30(selectPeerCount3);
+  const peerCount = useHMSStore29(selectPeerCount3);
   const emojiCardRef = useRef16(null);
   const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
@@ -30953,10 +30882,10 @@ var MwebOptions = ({
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
-  const isLocalVideoEnabled = useHMSStore30(selectIsLocalVideoEnabled4);
+  const isLocalVideoEnabled = useHMSStore29(selectIsLocalVideoEnabled4);
   const { startRecording, isRecordingLoading } = useRecordingHandler();
-  const isTranscriptionAllowed = useHMSStore30(selectIsTranscriptionAllowedByMode2(HMSTranscriptionMode3.CAPTION));
-  const isTranscriptionEnabled = useHMSStore30(selectIsTranscriptionEnabled4);
+  const isTranscriptionAllowed = useHMSStore29(selectIsTranscriptionAllowedByMode2(HMSTranscriptionMode3.CAPTION));
+  const isTranscriptionEnabled = useHMSStore29(selectIsTranscriptionEnabled4);
   const [isCaptionEnabled] = useSetIsCaptionEnabled();
   useDropdownList({ open: openModals.size > 0 || openOptionsSheet || openSettingsSheet, name: "MoreSettings" });
   const updateState = (modalName, value) => {
@@ -31212,7 +31141,7 @@ var RaiseHand = ({ css: css2 }) => {
 // src/Prebuilt/components/ScreenShareToggle.jsx
 init_define_process_env();
 import React70, { Fragment as Fragment8 } from "react";
-import { selectIsAllowedToPublish as selectIsAllowedToPublish2, useAwayNotifications, useHMSStore as useHMSStore31, useScreenShare as useScreenShare3 } from "@100mslive/react-sdk";
+import { selectIsAllowedToPublish as selectIsAllowedToPublish2, useAwayNotifications, useHMSStore as useHMSStore30, useScreenShare as useScreenShare3 } from "@100mslive/react-sdk";
 import { ShareScreenIcon as ShareScreenIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx
@@ -31672,7 +31601,7 @@ function ShareScreenOptions() {
 
 // src/Prebuilt/components/ScreenShareToggle.jsx
 var ScreenshareToggle = ({ css: css2 = {} }) => {
-  const isAllowedToPublish = useHMSStore31(selectIsAllowedToPublish2);
+  const isAllowedToPublish = useHMSStore30(selectIsAllowedToPublish2);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = useScreenShare3();
   const { requestPermission } = useAwayNotifications();
@@ -31700,14 +31629,14 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
 // src/Prebuilt/components/VirtualBackground/VBToggle.tsx
 init_define_process_env();
 import React71 from "react";
-import { selectAppData as selectAppData5, selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData5, selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5, useHMSStore as useHMSStore31 } from "@100mslive/react-sdk";
 import { VirtualBackgroundIcon as VirtualBackgroundIcon2 } from "@100mslive/react-icons";
 var VBToggle = () => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
-  const isVideoOn = useHMSStore32(selectIsLocalVideoEnabled5);
-  const isEffectsEnabled = useHMSStore32(selectIsEffectsEnabled);
-  const loadingEffects = useHMSStore32(selectAppData5(APP_DATA.loadingEffects));
+  const isVideoOn = useHMSStore31(selectIsLocalVideoEnabled5);
+  const isEffectsEnabled = useHMSStore31(selectIsEffectsEnabled);
+  const loadingEffects = useHMSStore31(selectAppData5(APP_DATA.loadingEffects));
   if (!isVideoOn || !isEffectsEnabled && isSafari) {
     return null;
   }
@@ -31717,10 +31646,10 @@ var VBToggle = () => {
 // src/Prebuilt/components/Footer/ChatToggle.tsx
 init_define_process_env();
 import React72 from "react";
-import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore33 } from "@100mslive/react-sdk";
+import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
 import { ChatIcon } from "@100mslive/react-icons";
 var ChatToggle = ({ onClick }) => {
-  const countUnreadMessages = useHMSStore33(selectUnreadHMSMessagesCount);
+  const countUnreadMessages = useHMSStore32(selectUnreadHMSMessagesCount);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   return /* @__PURE__ */ React72.createElement(
@@ -31761,7 +31690,7 @@ var ChatToggle = ({ onClick }) => {
 
 // src/Prebuilt/components/Footer/ParticipantList.tsx
 init_define_process_env();
-import React77, { Fragment as Fragment9, useCallback as useCallback19, useState as useState33 } from "react";
+import React77, { Fragment as Fragment9, useCallback as useCallback18, useState as useState33 } from "react";
 import { useDebounce, useMedia as useMedia11 } from "react-use";
 import {
   HMSPeerType as HMSPeerType2,
@@ -31773,7 +31702,7 @@ import {
   selectLocalPeerID as selectLocalPeerID7,
   selectPeerCount as selectPeerCount4,
   selectPermissions as selectPermissions13,
-  useHMSStore as useHMSStore41
+  useHMSStore as useHMSStore40
 } from "@100mslive/react-sdk";
 import {
   AddIcon as AddIcon2,
@@ -31791,7 +31720,7 @@ import {
 // src/Prebuilt/components/Connection/ConnectionIndicator.tsx
 init_define_process_env();
 import React73 from "react";
-import { HMSPeerType, selectConnectionQualityByPeerID as selectConnectionQualityByPeerID2, selectPeerTypeByID, useHMSStore as useHMSStore34 } from "@100mslive/react-sdk";
+import { HMSPeerType, selectConnectionQualityByPeerID as selectConnectionQualityByPeerID2, selectPeerTypeByID, useHMSStore as useHMSStore33 } from "@100mslive/react-sdk";
 import { PoorConnectivityIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Connection/connectionQualityUtils.js
@@ -31844,8 +31773,8 @@ var ConnectionIndicator = ({
   hideBg = false
 }) => {
   var _a8;
-  const downlinkQuality = (_a8 = useHMSStore34(selectConnectionQualityByPeerID2(peerId))) == null ? void 0 : _a8.downlinkQuality;
-  const peerType = useHMSStore34(selectPeerTypeByID(peerId));
+  const downlinkQuality = (_a8 = useHMSStore33(selectConnectionQualityByPeerID2(peerId))) == null ? void 0 : _a8.downlinkQuality;
+  const peerType = useHMSStore33(selectPeerTypeByID(peerId));
   const { theme: theme2 } = useTheme();
   const defaultColor = theme2.colors.on_surface_low;
   if (downlinkQuality === -1 || downlinkQuality === void 0 || peerType === HMSPeerType.SIP) {
@@ -31906,13 +31835,13 @@ var ConnectionIndicator = ({
 // src/Prebuilt/components/RemoveParticipant.tsx
 init_define_process_env();
 import React74 from "react";
-import { selectLocalPeerID as selectLocalPeerID6, selectPermissions as selectPermissions9, useHMSActions as useHMSActions24, useHMSStore as useHMSStore35 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID6, selectPermissions as selectPermissions9, useHMSActions as useHMSActions23, useHMSStore as useHMSStore34 } from "@100mslive/react-sdk";
 import { PeopleRemoveIcon as PeopleRemoveIcon2 } from "@100mslive/react-icons";
 var RemoveParticipant = ({ peerId }) => {
   var _a8;
-  const canRemoveOthers = (_a8 = useHMSStore35(selectPermissions9)) == null ? void 0 : _a8.removeOthers;
-  const localPeerId = useHMSStore35(selectLocalPeerID6);
-  const actions = useHMSActions24();
+  const canRemoveOthers = (_a8 = useHMSStore34(selectPermissions9)) == null ? void 0 : _a8.removeOthers;
+  const localPeerId = useHMSStore34(selectLocalPeerID6);
+  const actions = useHMSActions23();
   if (peerId === localPeerId || !canRemoveOthers) {
     return null;
   }
@@ -31939,7 +31868,7 @@ init_define_process_env();
 import React76, { useEffect as useEffect18 } from "react";
 import { useMeasure } from "react-use";
 import { FixedSizeList } from "react-window";
-import { selectIsLargeRoom, useHMSStore as useHMSStore38, usePaginatedParticipants } from "@100mslive/react-sdk";
+import { selectIsLargeRoom, useHMSStore as useHMSStore37, usePaginatedParticipants } from "@100mslive/react-sdk";
 import { AddIcon, ChevronRightIcon, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Footer/RoleOptions.tsx
@@ -31950,8 +31879,8 @@ import {
   selectPermissions as selectPermissions10,
   selectRoleByRoleName,
   selectTracksMap as selectTracksMap3,
-  useHMSActions as useHMSActions25,
-  useHMSStore as useHMSStore36
+  useHMSActions as useHMSActions24,
+  useHMSStore as useHMSStore35
 } from "@100mslive/react-sdk";
 import {
   MicOffIcon as MicOffIcon3,
@@ -32006,13 +31935,13 @@ var DropdownWrapper = ({ children }) => {
   ));
 };
 var RoleOptions = ({ roleName, peerList }) => {
-  const permissions = useHMSStore36(selectPermissions10);
-  const hmsActions2 = useHMSActions25();
+  const permissions = useHMSStore35(selectPermissions10);
+  const hmsActions2 = useHMSActions24();
   const { elements } = useRoomLayoutConferencingScreen();
   const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
   const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
-  const role = useHMSStore36(selectRoleByRoleName(roleName));
-  const tracks = useHMSStore36(selectTracksMap3);
+  const role = useHMSStore35(selectRoleByRoleName(roleName));
+  const tracks = useHMSStore35(selectTracksMap3);
   if (!role) {
     return null;
   }
@@ -32089,10 +32018,10 @@ var RoleOptions = ({ roleName, peerList }) => {
 // src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
 init_define_process_env();
 import { match as match7, P as P4 } from "ts-pattern";
-import { selectPermissions as selectPermissions11, useHMSActions as useHMSActions26, useHMSStore as useHMSStore37 } from "@100mslive/react-sdk";
+import { selectPermissions as selectPermissions11, useHMSActions as useHMSActions25, useHMSStore as useHMSStore36 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
   var _a8;
-  const hmsActions2 = useHMSActions26();
+  const hmsActions2 = useHMSActions25();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
     bring_to_stage_label,
@@ -32101,7 +32030,7 @@ var useGroupOnStageActions = ({ peers }) => {
     off_stage_roles = [],
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
-  const canChangeRole = (_a8 = useHMSStore37(selectPermissions11)) == null ? void 0 : _a8.changeRole;
+  const canChangeRole = (_a8 = useHMSStore36(selectPermissions11)) == null ? void 0 : _a8.changeRole;
   const offStageRolePeers = peers.filter(
     (peer) => match7({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
       {
@@ -32167,7 +32096,7 @@ var RoleAccordion = ({
   onActive
 }) => {
   const [ref, { width }] = useMeasure();
-  const isLargeRoom = useHMSStore38(selectIsLargeRoom);
+  const isLargeRoom = useHMSStore37(selectIsLargeRoom);
   const { peers, total, loadPeers } = usePaginatedParticipants({ role: roleName, limit: 10 });
   const isOffStageRole = roleName && offStageRoles.includes(roleName);
   let peersInAccordion = peerList;
@@ -32257,10 +32186,10 @@ var RoleAccordion = ({
 // src/Prebuilt/components/AppData/useSidepaneResetOnLayoutUpdate.tsx
 init_define_process_env();
 import { useEffect as useEffect19 } from "react";
-import { selectAppData as selectAppData6, useHMSStore as useHMSStore39 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData6, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
 var useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
   const { elements } = useRoomLayoutConferencingScreen();
-  const sidepane = useHMSStore39(selectAppData6(APP_DATA.sidePane));
+  const sidepane = useHMSStore38(selectAppData6(APP_DATA.sidePane));
   const resetSidePane = useSidepaneReset();
   useEffect19(() => {
     if (sidepane === sidepaneOption && !(elements == null ? void 0 : elements[layoutKey])) {
@@ -32272,10 +32201,10 @@ var useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
 // 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 useHMSActions27, useHMSStore as useHMSStore40 } from "@100mslive/react-sdk";
+import { selectPeerMetadata as selectPeerMetadata3, selectPermissions as selectPermissions12, useHMSActions as useHMSActions26, useHMSStore as useHMSStore39 } from "@100mslive/react-sdk";
 var usePeerOnStageActions = ({ peerId, role }) => {
   var _a8, _b7;
-  const hmsActions2 = useHMSActions27();
+  const hmsActions2 = useHMSActions26();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
     bring_to_stage_label,
@@ -32285,9 +32214,9 @@ var usePeerOnStageActions = ({ peerId, role }) => {
     skip_preview_for_role_change = false
   } = elements.on_stage_exp || {};
   const isInStage = role === on_stage_role;
-  const canChangeRole = (_a8 = useHMSStore40(selectPermissions12)) == null ? void 0 : _a8.changeRole;
+  const canChangeRole = (_a8 = useHMSStore39(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 = useHMSStore40(selectPeerMetadata3(peerId))) == null ? void 0 : _b7.prevRole;
+  const prevRole = (_b7 = useHMSStore39(selectPeerMetadata3(peerId))) == null ? void 0 : _b7.prevRole;
   const [open, setOpen] = useState32(false);
   const lowerPeerHand = () => __async(void 0, null, function* () {
     yield hmsActions2.lowerRemotePeerHand(peerId);
@@ -32322,9 +32251,9 @@ var ParticipantList = ({
 }) => {
   const [filter, setFilter] = useState33();
   const { participants, isConnected, peerCount } = useParticipants(filter);
-  const isLargeRoom = useHMSStore41(selectIsLargeRoom2);
+  const isLargeRoom = useHMSStore40(selectIsLargeRoom2);
   const peersOrderedByRoles = {};
-  const handRaisedPeers = useHMSStore41(selectHandRaisedPeers);
+  const handRaisedPeers = useHMSStore40(selectHandRaisedPeers);
   participants.forEach((participant) => {
     if (participant.roleName) {
       if (peersOrderedByRoles[participant.roleName] === void 0) {
@@ -32341,7 +32270,7 @@ var ParticipantList = ({
     });
   }
   useSidepaneResetOnLayoutUpdate("participant_list", SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const onSearch = useCallback19((value) => {
+  const onSearch = useCallback18((value) => {
     setFilter((filterValue) => {
       if (!filterValue) {
         filterValue = {};
@@ -32388,7 +32317,7 @@ var ParticipantList = ({
   ));
 };
 var ParticipantCount = () => {
-  const peerCount = useHMSStore41(selectPeerCount4);
+  const peerCount = useHMSStore40(selectPeerCount4);
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isPeerListOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
   if (peerCount === 0) {
@@ -32420,7 +32349,7 @@ var Participant = ({
   isHandRaisedAccordion,
   style
 }) => {
-  const localPeerId = useHMSStore41(selectLocalPeerID7);
+  const localPeerId = useHMSStore40(selectLocalPeerID7);
   return /* @__PURE__ */ React77.createElement(
     Flex,
     {
@@ -32519,13 +32448,13 @@ var ParticipantActions = React77.memo(
     isHandRaisedAccordion
   }) => {
     var _a8, _b7;
-    const isHandRaised = useHMSStore41(selectHasPeerHandRaised2(peerId));
-    const canChangeRole = (_a8 = useHMSStore41(selectPermissions13)) == null ? void 0 : _a8.changeRole;
-    const canRemoveOthers = (_b7 = useHMSStore41(selectPermissions13)) == null ? void 0 : _b7.removeOthers;
+    const isHandRaised = useHMSStore40(selectHasPeerHandRaised2(peerId));
+    const canChangeRole = (_a8 = useHMSStore40(selectPermissions13)) == null ? void 0 : _a8.changeRole;
+    const canRemoveOthers = (_b7 = useHMSStore40(selectPermissions13)) == null ? void 0 : _b7.removeOthers;
     const { elements } = useRoomLayoutConferencingScreen();
     const { on_stage_exp } = elements || {};
     const shouldShowMoreActions = on_stage_exp && canChangeRole || canRemoveOthers;
-    const isAudioMuted = !useHMSStore41(selectIsPeerAudioEnabled(peerId));
+    const isAudioMuted = !useHMSStore40(selectIsPeerAudioEnabled(peerId));
     return /* @__PURE__ */ React77.createElement(
       Flex,
       {
@@ -32585,9 +32514,9 @@ var ParticipantMoreActions = ({ peerId, role }) => {
     isInStage,
     shouldShowStageRoleChange
   } = usePeerOnStageActions({ peerId, role });
-  const canChangeRole = !!((_a8 = useHMSStore41(selectPermissions13)) == null ? void 0 : _a8.changeRole);
+  const canChangeRole = !!((_a8 = useHMSStore40(selectPermissions13)) == null ? void 0 : _a8.changeRole);
   const [openRoleChangeModal, setOpenRoleChangeModal] = useState33(false);
-  const roles = useHMSStore41(selectAvailableRoleNames5);
+  const roles = useHMSStore40(selectAvailableRoleNames5);
   return /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(Dropdown.Root, { open, onOpenChange: (value) => setOpen(value), modal: false }, /* @__PURE__ */ React77.createElement(
     Dropdown.Trigger,
     {
@@ -32689,11 +32618,11 @@ var PollsToggle = () => {
 // src/Prebuilt/components/Footer/WhiteboardToggle.tsx
 init_define_process_env();
 import React79 from "react";
-import { selectPeerScreenSharing, useHMSStore as useHMSStore42, useWhiteboard } from "@100mslive/react-sdk";
+import { selectPeerScreenSharing, useHMSStore as useHMSStore41, useWhiteboard } from "@100mslive/react-sdk";
 import { PencilDrawIcon } from "@100mslive/react-icons";
 var WhiteboardToggle = () => {
   const { toggle, open, isOwner } = useWhiteboard();
-  const peerSharing = useHMSStore42(selectPeerScreenSharing);
+  const peerSharing = useHMSStore41(selectPeerScreenSharing);
   const disabled = !!peerSharing || open && !isOwner;
   if (!toggle) {
     return null;
@@ -32790,15 +32719,15 @@ var Footer2 = ({
 
 // src/Prebuilt/components/Notifications/HLSFailureModal.tsx
 init_define_process_env();
-import React81, { useCallback as useCallback20, useState as useState34 } from "react";
-import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions28, useHMSStore as useHMSStore43, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
+import React81, { useCallback as useCallback19, useState as useState34 } from "react";
+import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions27, useHMSStore as useHMSStore42, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
 function HLSFailureModal() {
-  const hlsError = useHMSStore43(selectHLSState5).error || false;
+  const hlsError = useHMSStore42(selectHLSState5).error || false;
   const [openModal, setOpenModal] = useState34(!!hlsError);
-  const hmsActions2 = useHMSActions28();
+  const hmsActions2 = useHMSActions27();
   const { isRTMPRunning } = useRecordingStreaming8();
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const startHLS = useCallback20(() => __async(this, null, function* () {
+  const startHLS = useCallback19(() => __async(this, null, function* () {
     try {
       if (isHLSStarted || isRTMPRunning) {
         return;
@@ -32845,13 +32774,13 @@ import {
   selectLocalPeerRoleName as selectLocalPeerRoleName4,
   selectRoleChangeRequest,
   useCustomEvent as useCustomEvent3,
-  useHMSActions as useHMSActions45,
-  useHMSStore as useHMSStore73
+  useHMSActions as useHMSActions44,
+  useHMSStore as useHMSStore72
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React134, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect38, useMemo as useMemo14, useState as useState57 } from "react";
+import React134, { Fragment as Fragment12, useCallback as useCallback31, useEffect as useEffect38, useMemo as useMemo14, useState as useState57 } from "react";
 import { useMeasure as useMeasure4, useMedia as useMedia26 } from "react-use";
 import {
   HMSRoomState as HMSRoomState5,
@@ -32861,7 +32790,7 @@ import {
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
   useAVToggle as useAVToggle3,
-  useHMSStore as useHMSStore72,
+  useHMSStore as useHMSStore71,
   useParticipants as useParticipants2,
   usePreviewJoin,
   useRecordingStreaming as useRecordingStreaming11
@@ -32873,7 +32802,7 @@ init_define_process_env();
 import React130, { useEffect as useEffect37 } from "react";
 import { useMedia as useMedia24 } from "react-use";
 import { match as match11 } from "ts-pattern";
-import { selectAppData as selectAppData8, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore71 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData8, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Polls.tsx
 init_define_process_env();
@@ -32886,15 +32815,15 @@ import {
   selectLocalPeerRoleName,
   selectPermissions as selectPermissions15,
   selectPolls as selectPolls2,
-  useHMSActions as useHMSActions29,
-  useHMSStore as useHMSStore45
+  useHMSActions as useHMSActions28,
+  useHMSStore as useHMSStore44
 } from "@100mslive/react-sdk";
 import { QuestionIcon, StatsIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Streaming/Common.jsx
 init_define_process_env();
 import React82 from "react";
-import { selectPermissions as selectPermissions14, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
+import { selectPermissions as selectPermissions14, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon3, ChevronRightIcon as ChevronRightIcon2, CrossIcon as CrossIcon15, RecordIcon as RecordIcon3 } from "@100mslive/react-icons";
 var ContentHeader = ({ onBack, onClose, title = "", content }) => {
   return /* @__PURE__ */ React82.createElement(
@@ -32995,7 +32924,7 @@ var StatusIndicator = ({ status }) => {
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 var PollsQuizMenu = () => {
   const togglePollView = usePollViewToggle();
-  const permissions = useHMSStore45(selectPermissions15);
+  const permissions = useHMSStore44(selectPermissions15);
   return /* @__PURE__ */ React84.createElement(Container3, { rounded: true }, /* @__PURE__ */ React84.createElement(ContentHeader, { content: "Polls and Quizzes", onClose: togglePollView }), /* @__PURE__ */ React84.createElement(Flex, { direction: "column", css: { px: "$10", pb: "$10", overflowY: "auto" } }, (permissions == null ? void 0 : permissions.pollWrite) && /* @__PURE__ */ React84.createElement(AddMenu, null), /* @__PURE__ */ React84.createElement(PrevMenu, null)));
 };
 function InteractionSelectionCard({
@@ -33035,9 +32964,9 @@ function InteractionSelectionCard({
   );
 }
 var AddMenu = () => {
-  const actions = useHMSActions29();
+  const actions = useHMSActions28();
   const [title, setTitle] = useState35("");
-  const localPeerRoleName = useHMSStore45(selectLocalPeerRoleName);
+  const localPeerRoleName = useHMSStore44(selectLocalPeerRoleName);
   const [hideVoteCount, setHideVoteCount] = useState35(false);
   const [error, setError] = useState35();
   const [titleError, setTitleError] = useState35("");
@@ -33118,8 +33047,8 @@ var AddMenu = () => {
   ), /* @__PURE__ */ React84.createElement(ErrorText, { error: error || titleError })));
 };
 var PrevMenu = () => {
-  const hmsActions2 = useHMSActions29();
-  const polls = useHMSStore45(selectPolls2);
+  const hmsActions2 = useHMSActions28();
+  const polls = useHMSStore44(selectPolls2);
   const sortedPolls = useMemo7(
     () => {
       var _a8;
@@ -33130,7 +33059,7 @@ var PrevMenu = () => {
     },
     [polls]
   );
-  const permissions = useHMSStore45(selectPermissions15);
+  const permissions = useHMSStore44(selectPermissions15);
   useEffect22(() => {
     const updatePolls = () => __async(void 0, null, function* () {
       yield hmsActions2.interactivityCenter.getPolls();
@@ -33168,12 +33097,12 @@ var InteractionCard = ({ id, title, status }) => {
 init_define_process_env();
 import React94, { useMemo as useMemo9, useState as useState37 } from "react";
 import { v4 as uuid2 } from "uuid";
-import { selectPollByID, useHMSActions as useHMSActions30, useHMSStore as useHMSStore46, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
+import { selectPollByID, useHMSActions as useHMSActions29, useHMSStore as useHMSStore45, 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 React92, { useCallback as useCallback21, useRef as useRef18, useState as useState36 } from "react";
+import React92, { useCallback as useCallback20, useRef as useRef18, useState as useState36 } from "react";
 import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
@@ -33487,13 +33416,13 @@ var QuestionForm = ({
     weight,
     isQuiz
   });
-  const handleOptionTextChange = useCallback21(
+  const handleOptionTextChange = useCallback20(
     (index2, text2) => {
       setOptions((options2) => [...options2.slice(0, index2), __spreadProps(__spreadValues({}, options2[index2]), { text: text2 }), ...options2.slice(index2 + 1)]);
     },
     [setOptions]
   );
-  const removeOption = useCallback21(
+  const removeOption = useCallback20(
     (index2) => setOptions((options2) => {
       const newOptions = [...options2];
       newOptions.splice(index2, 1);
@@ -33501,7 +33430,7 @@ var QuestionForm = ({
     }),
     [setOptions]
   );
-  const selectSingleChoiceAnswer = useCallback21(
+  const selectSingleChoiceAnswer = useCallback20(
     (answerIndex) => {
       if (!isQuiz) {
         return;
@@ -33514,7 +33443,7 @@ var QuestionForm = ({
     },
     [setOptions, isQuiz]
   );
-  const selectMultipleChoiceAnswer = useCallback21(
+  const selectMultipleChoiceAnswer = useCallback20(
     (checked, index2) => {
       if (!isQuiz) {
         return;
@@ -33705,11 +33634,11 @@ var getEditableFormat = (questions) => {
 };
 function CreateQuestions() {
   var _a8, _b7, _c, _d;
-  const actions = useHMSActions30();
+  const actions = useHMSActions29();
   const { isHLSRunning } = useRecordingStreaming9();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
-  const interaction = useHMSStore46(selectPollByID(id));
+  const interaction = useHMSStore45(selectPollByID(id));
   const [questions, setQuestions] = useState37(
     ((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
   );
@@ -33806,7 +33735,7 @@ var QuestionCard = ({ question, onSave, index, length, removeQuestion, isQuiz, c
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 init_define_process_env();
 import React98, { useState as useState39 } from "react";
-import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
+import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIcon3, CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
@@ -33870,7 +33799,7 @@ var LeaderboardEntry = ({
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
 init_define_process_env();
 import React97 from "react";
-import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore47 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
 init_define_process_env();
@@ -33894,12 +33823,12 @@ init_define_process_env();
 import { useEffect as useEffect23, useState as useState38 } from "react";
 import {
   selectPollByID as selectPollByID2,
-  useHMSActions as useHMSActions31,
-  useHMSStore as useHMSStore47
+  useHMSActions as useHMSActions30,
+  useHMSStore as useHMSStore46
 } from "@100mslive/react-sdk";
 var useQuizSummary = (quizID) => {
-  const hmsActions2 = useHMSActions31();
-  const quiz = useHMSStore47(selectPollByID2(quizID));
+  const hmsActions2 = useHMSActions30();
+  const quiz = useHMSStore46(selectPollByID2(quizID));
   const [quizLeaderboard, setQuizLeaderboard] = useState38();
   const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
     totalUsers: 0,
@@ -33936,7 +33865,7 @@ var useQuizSummary = (quizID) => {
 
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
 var PeerParticipationSummary = ({ quiz }) => {
-  const localPeerId = useHMSStore48(selectLocalPeerID8);
+  const localPeerId = useHMSStore47(selectLocalPeerID8);
   const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
   if (quiz.state !== "stopped") {
     return /* @__PURE__ */ React97.createElement(React97.Fragment, null);
@@ -33977,7 +33906,7 @@ var PeerParticipationSummary = ({ quiz }) => {
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 var LeaderboardSummary = ({ pollID }) => {
   var _a8, _b7;
-  const quiz = useHMSStore49(selectPollByID3(pollID));
+  const quiz = useHMSStore48(selectPollByID3(pollID));
   const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
   const [viewAllEntries, setViewAllEntries] = useState39(false);
   const { setPollView } = usePollViewState();
@@ -34055,8 +33984,8 @@ import {
   selectPeerNameByID,
   selectPermissions as selectPermissions16,
   selectPollByID as selectPollByID4,
-  useHMSActions as useHMSActions33,
-  useHMSStore as useHMSStore51
+  useHMSActions as useHMSActions32,
+  useHMSStore as useHMSStore50
 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon18 } from "@100mslive/react-icons";
 
@@ -34066,9 +33995,9 @@ import React100 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React99, { useCallback as useCallback22, useEffect as useEffect24, useMemo as useMemo10, useRef as useRef19, useState as useState40 } from "react";
+import React99, { useCallback as useCallback21, useEffect as useEffect24, useMemo as useMemo10, useRef as useRef19, useState as useState40 } from "react";
 import { match as match8 } from "ts-pattern";
-import { selectLocalPeer as selectLocalPeer2, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions32, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer2, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions31, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
 var QuestionCard2 = ({
   pollID,
@@ -34086,10 +34015,10 @@ var QuestionCard2 = ({
   updateSavedResponses,
   rolesThatCanViewResponses
 }) => {
-  const actions = useHMSActions32();
-  const localPeer = useHMSStore50(selectLocalPeer2);
+  const actions = useHMSActions31();
+  const localPeer = useHMSStore49(selectLocalPeer2);
   const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
-  const localPeerRoleName = useHMSStore50(selectLocalPeerRoleName2);
+  const localPeerRoleName = useHMSStore49(selectLocalPeerRoleName2);
   const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
   const [localPeerChoice, setLocalPeerChoice] = useState40(localPeerResponse);
   useEffect24(() => {
@@ -34112,7 +34041,7 @@ var QuestionCard2 = ({
       return multipleOptionAnswer.size > 0;
     }
   }, [singleOptionAnswer, multipleOptionAnswer, type]);
-  const handleVote = useCallback22(() => __async(void 0, null, function* () {
+  const handleVote = useCallback21(() => __async(void 0, null, function* () {
     if (!isValidVote) {
       return;
     }
@@ -34317,16 +34246,16 @@ var TimedView = ({
 
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 var Voting = ({ id, toggleVoting }) => {
-  const actions = useHMSActions33();
-  const poll = useHMSStore51(selectPollByID4(id));
-  const pollCreatorName = useHMSStore51(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
-  const permissions = useHMSStore51(selectPermissions16);
+  const actions = useHMSActions32();
+  const poll = useHMSStore50(selectPollByID4(id));
+  const pollCreatorName = useHMSStore50(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
+  const permissions = useHMSStore50(selectPermissions16);
   const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
   const { setPollView } = usePollViewState();
   const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
   const fetchedInitialResponses = useRef20(false);
   const [savedResponses, setSavedResponses] = useState42({});
-  const localPeer = useHMSStore51(selectLocalPeer3);
+  const localPeer = useHMSStore50(selectLocalPeer3);
   const localPeerId = localPeer == null ? void 0 : localPeer.id;
   const customerUserId = localPeer == null ? void 0 : localPeer.customerUserId;
   useEffect26(() => {
@@ -34441,10 +34370,10 @@ import { CrossIcon as CrossIcon19 } from "@100mslive/react-icons";
 // src/Prebuilt/components/Header/HeaderComponents.jsx
 init_define_process_env();
 import React104, { useEffect as useEffect27, useState as useState43 } from "react";
-import { selectDominantSpeaker, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
+import { selectDominantSpeaker, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
 import { VolumeOneIcon } from "@100mslive/react-icons";
 var SpeakerTag = () => {
-  const dominantSpeaker = useHMSStore52(selectDominantSpeaker);
+  const dominantSpeaker = useHMSStore51(selectDominantSpeaker);
   return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React104.createElement(
     Flex,
     {
@@ -34542,20 +34471,20 @@ init_define_process_env();
 import React122, { useEffect as useEffect35, useState as useState53 } from "react";
 import { useMedia as useMedia20 } from "react-use";
 import { match as match10 } from "ts-pattern";
-import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore65 } from "@100mslive/react-sdk";
+import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon23 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
-import React119, { useCallback as useCallback30, useRef as useRef24 } from "react";
+import React119, { useCallback as useCallback29, useRef as useRef24 } from "react";
 import { useMedia as useMedia19 } from "react-use";
 import { match as match9 } from "ts-pattern";
-import { selectHMSMessagesCount, useHMSActions as useHMSActions41, useHMSStore as useHMSStore62, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
+import { selectHMSMessagesCount, useHMSActions as useHMSActions40, useHMSStore as useHMSStore61, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
-import React111, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect30, useLayoutEffect, useMemo as useMemo11, useRef as useRef21, useState as useState47 } from "react";
+import React111, { Fragment as Fragment10, useCallback as useCallback25, useEffect as useEffect30, useLayoutEffect, useMemo as useMemo11, useRef as useRef21, useState as useState47 } from "react";
 import { useMedia as useMedia14 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
@@ -34567,16 +34496,16 @@ import {
   selectPeerNameByID as selectPeerNameByID3,
   selectSessionStore as selectSessionStore5,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
-  useHMSActions as useHMSActions37,
-  useHMSStore as useHMSStore56,
+  useHMSActions as useHMSActions36,
+  useHMSStore as useHMSStore55,
   useHMSVanillaStore as useHMSVanillaStore9
 } from "@100mslive/react-sdk";
 import { SolidPinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatActions.tsx
 init_define_process_env();
-import React109, { useCallback as useCallback25, useState as useState45 } from "react";
-import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions17, useHMSActions as useHMSActions36, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
+import React109, { useCallback as useCallback24, useState as useState45 } from "react";
+import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions17, useHMSActions as useHMSActions35, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
 import {
   CopyIcon as CopyIcon2,
   CrossCircleIcon as CrossCircleIcon2,
@@ -34603,12 +34532,12 @@ var MwebChatOption = ({
 
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
 init_define_process_env();
-import { useCallback as useCallback23 } from "react";
-import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions34, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
+import { useCallback as useCallback22 } from "react";
+import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions33, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
 var useChatBlacklist = (sessionStoreKey) => {
-  const hmsActions2 = useHMSActions34();
-  const blacklistedIDs = useHMSStore53(selectSessionStore2(sessionStoreKey));
-  const blacklistItem = useCallback23(
+  const hmsActions2 = useHMSActions33();
+  const blacklistedIDs = useHMSStore52(selectSessionStore2(sessionStoreKey));
+  const blacklistItem = useCallback22(
     (blacklistID) => __async(void 0, null, function* () {
       yield hmsActions2.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
     }),
@@ -34617,24 +34546,24 @@ var useChatBlacklist = (sessionStoreKey) => {
   return { blacklistItem, blacklistedIDs };
 };
 var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
-  const localPeer = useHMSStore53(selectLocalPeer4);
-  const blacklistedPeerIDs = useHMSStore53(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
+  const localPeer = useHMSStore52(selectLocalPeer4);
+  const blacklistedPeerIDs = useHMSStore52(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 useCallback24 } from "react";
+import { useCallback as useCallback23 } from "react";
 import {
   selectPeerNameByID as selectPeerNameByID2,
   selectSessionStore as selectSessionStore3,
-  useHMSActions as useHMSActions35,
+  useHMSActions as useHMSActions34,
   useHMSVanillaStore as useHMSVanillaStore8
 } from "@100mslive/react-sdk";
 var usePinnedMessages = () => {
-  const hmsActions2 = useHMSActions35();
+  const hmsActions2 = useHMSActions34();
   const vanillaStore = useHMSVanillaStore8();
-  const setPinnedMessages = useCallback24(
+  const setPinnedMessages = useCallback23(
     (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 };
@@ -34650,7 +34579,7 @@ var usePinnedMessages = () => {
     }),
     [hmsActions2, vanillaStore]
   );
-  const removePinnedMessage = useCallback24(
+  const removePinnedMessage = useCallback23(
     (indexToRemove) => __async(void 0, null, function* () {
       const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
       if (pinnedMessages[indexToRemove]) {
@@ -34662,7 +34591,7 @@ var usePinnedMessages = () => {
     }),
     [hmsActions2, vanillaStore]
   );
-  const unpinBlacklistedMessages = useCallback24(
+  const unpinBlacklistedMessages = useCallback23(
     (blacklistedMessageIDSet) => __async(void 0, null, function* () {
       const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
       const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
@@ -34700,23 +34629,23 @@ var ChatActions = ({
   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] = useState45(false);
-  const actions = useHMSActions36();
-  const canRemoveOthers = (_b7 = useHMSStore54(selectPermissions17)) == null ? void 0 : _b7.removeOthers;
+  const actions = useHMSActions35();
+  const canRemoveOthers = (_b7 = useHMSStore53(selectPermissions17)) == null ? void 0 : _b7.removeOthers;
   const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
-  const localPeerName = useHMSStore54(selectLocalPeerName2);
+  const localPeerName = useHMSStore53(selectLocalPeerName2);
   const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
   const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
     "chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
   );
   const isSenderBlocked = useIsPeerBlacklisted({ peerCustomerUserId: message.senderUserId });
-  const updatePinnedMessages = useCallback25(
+  const updatePinnedMessages = useCallback24(
     (messageID = "") => {
       const blacklistedMessageIDSet = /* @__PURE__ */ new Set([...blacklistedMessageIDs || [], messageID]);
       unpinBlacklistedMessages(blacklistedMessageIDSet);
     },
     [blacklistedMessageIDs, unpinBlacklistedMessages]
   );
-  const copyMessageContent = useCallback25(() => {
+  const copyMessageContent = useCallback24(() => {
     try {
       navigator == null ? void 0 : navigator.clipboard.writeText(message.message);
       ToastManager.addToast({
@@ -34926,9 +34855,9 @@ var EmptyChat = () => {
 // src/Prebuilt/components/hooks/usePinnedBy.tsx
 init_define_process_env();
 import { useEffect as useEffect29, useState as useState46 } from "react";
-import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
+import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
 var usePinnedBy = (messageId) => {
-  const pinnedMessages = useHMSStore55(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
+  const pinnedMessages = useHMSStore54(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedBy, setPinnedBy] = useState46("");
   useEffect29(() => {
     let match17 = "";
@@ -34980,26 +34909,33 @@ var MessageTypeContainer = ({ left, right }) => {
       css: {
         ml: "$2",
         mr: "$4",
-        gap: "$space$2"
+        gap: "$space$2",
+        flexWrap: "nowrap"
       }
     },
     left && /* @__PURE__ */ React111.createElement(
-      SenderName,
+      Text,
       {
         variant: "xs",
         as: "span",
-        css: { color: "$on_surface_medium", textTransform: "capitalize", fontWeight: "$regular" }
+        css: {
+          color: "$on_surface_medium",
+          textTransform: "capitalize",
+          fontWeight: "$regular",
+          whiteSpace: "nowrap"
+        }
       },
       left
     ),
     right && /* @__PURE__ */ React111.createElement(
-      SenderName,
+      Text,
       {
         as: "span",
         variant: "overline",
         css: {
           color: "$on_surface_medium",
-          fontWeight: "$regular"
+          fontWeight: "$regular",
+          whiteSpace: "nowrap"
         }
       },
       right
@@ -35011,8 +34947,8 @@ var MessageType = ({
   hasCurrentUserSent,
   receiver
 }) => {
-  const peerName = useHMSStore56(selectPeerNameByID3(receiver));
-  const localPeerRoleName = useHMSStore56(selectLocalPeerRoleName3);
+  const peerName = useHMSStore55(selectPeerNameByID3(receiver));
+  const localPeerRoleName = useHMSStore55(selectLocalPeerRoleName3);
   if (receiver) {
     return /* @__PURE__ */ React111.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
   }
@@ -35047,7 +34983,7 @@ var SenderName = styled(Text, {
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap",
-  maxWidth: "14ch",
+  width: "100%",
   minWidth: 0,
   color: "$on_surface_high",
   fontWeight: "$semiBold"
@@ -35060,7 +34996,7 @@ var ChatMessage = React111.memo(
     const isMobile = useMedia14(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 = useHMSStore56(selectLocalPeerID9);
+    const localPeerId = useHMSStore55(selectLocalPeerID9);
     const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
     const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
     const messageType = getMessageType({
@@ -35132,30 +35068,43 @@ var ChatMessage = React111.memo(
             },
             as: "div"
           },
-          /* @__PURE__ */ React111.createElement(Flex, { align: "baseline" }, message.senderName === "You" || !message.senderName ? /* @__PURE__ */ React111.createElement(
-            SenderName,
-            {
-              as: "span",
-              variant: "sub2",
-              css: { color: isOverlay ? "#FFF" : "$on_surface_high", fontWeight: "$semiBold" }
-            },
-            message.senderName || "Anonymous"
-          ) : /* @__PURE__ */ React111.createElement(Tooltip, { title: message.senderName, side: "top", align: "start" }, /* @__PURE__ */ React111.createElement(
-            SenderName,
+          /* @__PURE__ */ React111.createElement(
+            Flex,
             {
-              as: "span",
-              variant: "sub2",
-              css: { color: isOverlay ? "#FFF" : "$on_surface_high", fontWeight: "$semiBold" }
+              align: "baseline",
+              css: {
+                flexWrap: "nowrap",
+                maxWidth: "calc(100% - 10ch)",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              }
             },
-            message.sender === localPeerId ? `${message.senderName} (You)` : message.senderName
-          )), /* @__PURE__ */ React111.createElement(
-            MessageType,
-            {
-              hasCurrentUserSent: message.sender === localPeerId,
-              receiver: message.recipientPeer,
-              roles: message.recipientRoles
-            }
-          )),
+            message.senderName === "You" || !message.senderName ? /* @__PURE__ */ React111.createElement(
+              SenderName,
+              {
+                as: "span",
+                variant: "sub2",
+                css: { color: isOverlay ? "#FFF" : "$on_surface_high", fontWeight: "$semiBold" }
+              },
+              message.senderName || "Anonymous"
+            ) : /* @__PURE__ */ React111.createElement(Tooltip, { title: message.senderName, side: "top", align: "start", boxCss: { zIndex: 50 } }, /* @__PURE__ */ React111.createElement(
+              SenderName,
+              {
+                as: "span",
+                variant: "sub2",
+                css: { color: isOverlay ? "#FFF" : "$on_surface_high", fontWeight: "$semiBold" }
+              },
+              message.sender === localPeerId ? `${message.senderName} (You)` : message.senderName
+            )),
+            /* @__PURE__ */ React111.createElement(
+              MessageType,
+              {
+                hasCurrentUserSent: message.sender === localPeerId,
+                receiver: message.recipientPeer,
+                roles: message.recipientRoles
+              }
+            )
+          ),
           !isOverlay ? /* @__PURE__ */ React111.createElement(
             Text,
             {
@@ -35224,8 +35173,8 @@ var MessageWrapper = React111.memo(
   }
 );
 var VirtualizedChatMessages = React111.forwardRef(({ messages, scrollToBottom }, listRef) => {
-  const hmsActions2 = useHMSActions37();
-  const itemKey2 = useCallback26((index, data3) => {
+  const hmsActions2 = useHMSActions36();
+  const itemKey2 = useCallback25((index, data3) => {
     return data3[index].id;
   }, []);
   useEffect30(() => {
@@ -35279,8 +35228,8 @@ var VirtualizedChatMessages = React111.forwardRef(({ messages, scrollToBottom },
 });
 var ChatBody = React111.forwardRef(
   ({ scrollToBottom }, listRef) => {
-    const messages = useHMSStore56(selectHMSMessages);
-    const blacklistedMessageIDs = useHMSStore56(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
+    const messages = useHMSStore55(selectHMSMessages);
+    const blacklistedMessageIDs = useHMSStore55(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
     const filteredMessages = useMemo11(() => {
       const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
       return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
@@ -35314,7 +35263,7 @@ var PinnedBy = ({
   rowRef
 }) => {
   const pinnedBy = usePinnedBy(messageId);
-  const localPeerName = useHMSStore56(selectLocalPeerName3);
+  const localPeerName = useHMSStore55(selectLocalPeerName3);
   useLayoutEffect(() => {
     if (rowRef == null ? void 0 : rowRef.current) {
       if (pinnedBy) {
@@ -35333,11 +35282,11 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React114, { useCallback as useCallback28, useEffect as useEffect32, useRef as useRef23, useState as useState50 } from "react";
+import React114, { useCallback as useCallback27, useEffect as useEffect32, useRef as useRef23, useState as useState50 } from "react";
 import { useMedia as useMedia17 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
-import { selectLocalPeer as selectLocalPeer5, useHMSActions as useHMSActions39, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer5, useHMSActions as useHMSActions38, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
 import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
@@ -35356,7 +35305,7 @@ import {
   selectMessagesUnreadCountByRole,
   selectRemotePeers as selectRemotePeers2,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
-  useHMSStore as useHMSStore57
+  useHMSStore as useHMSStore56
 } from "@100mslive/react-sdk";
 import { CheckIcon as CheckIcon6, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
 var ChatDotIcon = () => {
@@ -35406,7 +35355,7 @@ var SelectorHeader = React112.memo(
   }
 );
 var Everyone = React112.memo(({ active }) => {
-  const unreadCount = useHMSStore57(selectUnreadHMSMessagesCount3);
+  const unreadCount = useHMSStore56(selectUnreadHMSMessagesCount3);
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React112.createElement(
@@ -35424,7 +35373,7 @@ var Everyone = React112.memo(({ active }) => {
   );
 });
 var RoleItem = React112.memo(({ role, active }) => {
-  const unreadCount = useHMSStore57(selectMessagesUnreadCountByRole(role));
+  const unreadCount = useHMSStore56(selectMessagesUnreadCountByRole(role));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React112.createElement(
@@ -35441,7 +35390,7 @@ var RoleItem = React112.memo(({ role, active }) => {
   );
 });
 var PeerItem = ({ peerId, name, active }) => {
-  const unreadCount = useHMSStore57(selectMessagesUnreadCountByPeerID(peerId));
+  const unreadCount = useHMSStore56(selectMessagesUnreadCountByPeerID(peerId));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React112.createElement(
@@ -35500,7 +35449,7 @@ var VirtualizedSelectItemList = ({
 var ChatSelector = ({ role, peerId }) => {
   var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const peers = useHMSStore57(selectRemotePeers2);
+  const peers = useHMSStore56(selectRemotePeers2);
   const [search, setSearch] = useState48("");
   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);
@@ -35637,15 +35586,15 @@ var ChatSelectorContainer = () => {
 
 // src/Prebuilt/components/AppData/useChatState.js
 init_define_process_env();
-import { useCallback as useCallback27 } from "react";
-import { selectAppData as selectAppData7, useHMSActions as useHMSActions38, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
+import { useCallback as useCallback26 } from "react";
+import { selectAppData as selectAppData7, useHMSActions as useHMSActions37, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
 var useChatDraftMessage = () => {
-  const hmsActions2 = useHMSActions38();
-  let chatDraftMessage = useHMSStore58(selectAppData7(APP_DATA.chatDraft));
+  const hmsActions2 = useHMSActions37();
+  let chatDraftMessage = useHMSStore57(selectAppData7(APP_DATA.chatDraft));
   if (chatDraftMessage === void 0 || chatDraftMessage === null) {
     chatDraftMessage = "";
   }
-  const setDraftMessage = useCallback27(
+  const setDraftMessage = useCallback26(
     (message) => {
       hmsActions2.setAppData(APP_DATA.chatDraft, message, true);
     },
@@ -35735,13 +35684,13 @@ function EmojiPicker({ onSelect }) {
 }
 var ChatFooter = ({ onSend, children }) => {
   var _a8, _b7, _c, _d, _e2;
-  const hmsActions2 = useHMSActions39();
+  const hmsActions2 = useHMSActions38();
   const inputRef = useRef23(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia17(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 = useHMSStore59(selectLocalPeer5);
+  const localPeer = useHMSStore58(selectLocalPeer5);
   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);
@@ -35762,7 +35711,7 @@ var ChatFooter = ({ onSend, children }) => {
       }
     }
   }, [defaultSelection, selectedPeer, selectedRole, setRoleSelector, isMobile, isLandscapeHLSStream, elements == null ? void 0 : elements.chat]);
-  const resetInputHeight = useCallback28(() => {
+  const resetInputHeight = useCallback27(() => {
     if (inputRef.current) {
       inputRef.current.style.height = `${Math.max(
         32,
@@ -35770,12 +35719,12 @@ var ChatFooter = ({ onSend, children }) => {
       )}px`;
     }
   }, []);
-  const updateInputHeight = useCallback28(() => {
+  const updateInputHeight = useCallback27(() => {
     if (inputRef.current) {
       inputRef.current.style.height = `${Math.max(32, Math.min(inputRef.current.scrollHeight, 24 * 4))}px`;
     }
   }, []);
-  const sendMessage = useCallback28(() => __async(void 0, null, function* () {
+  const sendMessage = useCallback27(() => __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) {
@@ -35943,16 +35892,16 @@ var ChatFooter = ({ onSend, children }) => {
 
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
-import React115, { useCallback as useCallback29 } from "react";
-import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions40, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
+import React115, { useCallback as useCallback28 } from "react";
+import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions39, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   var _a8, _b7;
-  const hmsActions2 = useHMSActions40();
+  const hmsActions2 = useHMSActions39();
   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 = "" } = useHMSStore60(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
-  const localPeer = useHMSStore60(selectLocalPeer6);
-  const unPauseChat = useCallback29(
+  const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore59(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
+  const localPeer = useHMSStore59(selectLocalPeer6);
+  const unPauseChat = useCallback28(
     () => __async(void 0, null, function* () {
       return yield hmsActions2.sessionStore.set("chatState" /* CHAT_STATE */, {
         enabled: true,
@@ -36002,7 +35951,7 @@ init_define_process_env();
 import React118, { useEffect as useEffect33, useState as useState51 } from "react";
 import { useSwipeable } from "react-swipeable";
 import { useMedia as useMedia18 } from "react-use";
-import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore61 } from "@100mslive/react-sdk";
+import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ArrowNavigation.tsx
@@ -36059,7 +36008,7 @@ var StickIndicator = ({ total, index }) => {
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = () => {
   var _a8, _b7, _c, _d;
-  const pinnedMessages = useHMSStore61(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
+  const pinnedMessages = useHMSStore60(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState51(0);
   const { removePinnedMessage } = usePinnedMessages();
   const isMobile = useMedia18(config.media.md);
@@ -36176,15 +36125,15 @@ var Chat = () => {
   var _a8, _b7;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const listRef = useRef24(null);
-  const hmsActions2 = useHMSActions41();
+  const hmsActions2 = useHMSActions40();
   const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore62(Bm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore61(Bm("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia19(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
   useSidepaneResetOnLayoutUpdate("chat", SIDE_PANE_OPTIONS.CHAT);
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
-  const scrollToBottom = useCallback30(
+  const scrollToBottom = useCallback29(
     (unreadCount = 0) => {
       var _a9;
       if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
@@ -36268,7 +36217,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore62(cm);
+  const unreadCount = useHMSStore61(cm);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -36318,7 +36267,7 @@ import React120, { useEffect as useEffect34, useState as useState52 } from "reac
 import { useInView } from "react-intersection-observer";
 import { useMeasure as useMeasure2 } from "react-use";
 import { VariableSizeList as VariableSizeList2 } from "react-window";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore63, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore62, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon22 } from "@100mslive/react-icons";
 var LoadMoreParticipants = ({
   hasNext,
@@ -36362,7 +36311,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
     var _a8;
     return (_a8 = p2.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
   });
-  const isConnected = useHMSStore63(selectIsConnectedToRoom8);
+  const isConnected = useHMSStore62(selectIsConnectedToRoom8);
   const [ref, { width }] = useMeasure2();
   const height = ROW_HEIGHT * (filteredPeers.length + 1);
   const resetSidePane = useSidepaneReset();
@@ -36396,15 +36345,15 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
 // src/Prebuilt/components/ChatSettings.tsx
 init_define_process_env();
 import React121 from "react";
-import { selectLocalPeer as selectLocalPeer7, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions42, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer7, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions41, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
 import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
 var ChatSettings = () => {
   var _a8, _b7;
-  const hmsActions2 = useHMSActions42();
-  const localPeer = useHMSStore64(selectLocalPeer7);
+  const hmsActions2 = useHMSActions41();
+  const localPeer = useHMSStore63(selectLocalPeer7);
   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 } = useHMSStore64(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore63(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
   const showPause = canPauseChat && isChatEnabled;
   if (!showPause) {
     return null;
@@ -36472,7 +36421,7 @@ var SidePaneTabs = React122.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const resetSidePane = useSidepaneReset();
   const [activeTab, setActiveTab] = useState53(active);
   const [activeRole, setActiveRole] = useState53("");
-  const peerCount = useHMSStore65(selectPeerCount5);
+  const peerCount = useHMSStore64(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);
@@ -36591,7 +36540,7 @@ var SidePaneTabs = React122.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
 
 // src/Prebuilt/components/VideoTile.tsx
 init_define_process_env();
-import React126, { useCallback as useCallback31, useMemo as useMemo13, useState as useState55 } from "react";
+import React126, { useCallback as useCallback30, useMemo as useMemo13, useState as useState55 } from "react";
 import { useMeasure as useMeasure3 } from "react-use";
 import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
@@ -36602,7 +36551,7 @@ import {
   selectPeerNameByID as selectPeerNameByID4,
   selectVideoTrackByID as selectVideoTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
-  useHMSStore as useHMSStore69
+  useHMSStore as useHMSStore68
 } from "@100mslive/react-sdk";
 import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
 
@@ -36614,7 +36563,7 @@ import {
   selectPeerTypeByID as selectPeerTypeByID2,
   selectScreenShareByPeerID,
   selectSessionStore as selectSessionStore9,
-  useHMSStore as useHMSStore66
+  useHMSStore as useHMSStore65
 } from "@100mslive/react-sdk";
 import { CallIcon as CallIcon2, PinIcon as PinIcon3, ShareScreenIcon as ShareScreenIcon3, SpotlightIcon } from "@100mslive/react-icons";
 var TileConnection = ({
@@ -36624,9 +36573,9 @@ var TileConnection = ({
   width,
   pinned
 }) => {
-  const spotlighted = useHMSStore66(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
-  const isPeerScreenSharing = !!useHMSStore66(selectScreenShareByPeerID(peerId));
-  const peerType = useHMSStore66(selectPeerTypeByID2(peerId));
+  const spotlighted = useHMSStore65(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
+  const isPeerScreenSharing = !!useHMSStore65(selectScreenShareByPeerID(peerId));
+  const peerType = useHMSStore65(selectPeerTypeByID2(peerId));
   return /* @__PURE__ */ React123.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React123.createElement(React123.Fragment, null, name ? /* @__PURE__ */ React123.createElement(Flex, { align: "center" }, peerType === HMSPeerType4.SIP && /* @__PURE__ */ React123.createElement(IconWrapper, null, /* @__PURE__ */ React123.createElement(CallIcon2, { width: "15", height: "15" })), isPeerScreenSharing && /* @__PURE__ */ React123.createElement(IconWrapper, null, /* @__PURE__ */ React123.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React123.createElement(IconWrapper, null, /* @__PURE__ */ React123.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React123.createElement(IconWrapper, null, /* @__PURE__ */ React123.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React123.createElement(
     Text,
     {
@@ -36667,7 +36616,7 @@ import {
   selectPermissions as selectPermissions19,
   selectTrackByID as selectTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
-  useHMSStore as useHMSStore68,
+  useHMSStore as useHMSStore67,
   useRemoteAVToggle as useRemoteAVToggle2
 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon24, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
@@ -36682,8 +36631,8 @@ import {
   selectSessionStore as selectSessionStore10,
   selectTrackByID as selectTrackByID2,
   useCustomEvent as useCustomEvent2,
-  useHMSActions as useHMSActions43,
-  useHMSStore as useHMSStore67,
+  useHMSActions as useHMSActions42,
+  useHMSStore as useHMSStore66,
   useRemoteAVToggle
 } from "@100mslive/react-sdk";
 import {
@@ -36720,8 +36669,8 @@ var SpotlightActions = ({
     return;
   }
 }) => {
-  const hmsActions2 = useHMSActions43();
-  const spotlightPeerId = useHMSStore67(selectSessionStore10("spotlight" /* SPOTLIGHT */));
+  const hmsActions2 = useHMSActions42();
+  const spotlightPeerId = useHMSStore66(selectSessionStore10("spotlight" /* SPOTLIGHT */));
   const isTileSpotlighted = spotlightPeerId === peerId;
   const dragClassName = getDragClassName();
   const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions2.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
@@ -36769,8 +36718,8 @@ var MinimiseInset = () => {
 };
 var SimulcastLayers = ({ trackId }) => {
   var _a8;
-  const track = useHMSStore67(selectTrackByID2(trackId));
-  const actions = useHMSActions43();
+  const track = useHMSStore66(selectTrackByID2(trackId));
+  const actions = useHMSActions42();
   const bg = useDropdownSelection();
   if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
     return null;
@@ -36855,13 +36804,13 @@ var TileMenuContent = ({
     return;
   }
 }) => {
-  const actions = useHMSActions43();
+  const actions = useHMSActions42();
   const dragClassName = getDragClassName();
-  const permissions = useHMSStore67(selectPermissions18);
+  const permissions = useHMSStore66(selectPermissions18);
   const canChangeRole = !!(permissions == null ? void 0 : permissions.changeRole);
   const removeOthers = !!(permissions == null ? void 0 : permissions.removeOthers);
   const { userName } = useHMSPrebuiltContext();
-  const roles = useHMSStore67(selectAvailableRoleNames6);
+  const roles = useHMSStore66(selectAvailableRoleNames6);
   const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
     audioTrackID,
     videoTrackID
@@ -36972,17 +36921,17 @@ var TileMenu = ({
   var _a8, _b7;
   const [open, setOpen] = useState54(false);
   const { theme: theme2 } = useTheme();
-  const localPeerID = useHMSStore68(selectLocalPeerID10);
+  const localPeerID = useHMSStore67(selectLocalPeerID10);
   const isLocal = localPeerID === peerID;
-  const { removeOthers } = useHMSStore68(selectPermissions19) || {};
+  const { removeOthers } = useHMSStore67(selectPermissions19) || {};
   const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
   const showSpotlight = enableSpotlightingPeer;
-  const isPrimaryVideoTrack = ((_a8 = useHMSStore68(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
+  const isPrimaryVideoTrack = ((_a8 = useHMSStore67(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
-  const track = useHMSStore68(selectTrackByID3(videoTrackID));
+  const track = useHMSStore67(selectTrackByID3(videoTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
   const isMobile = useMedia22(config.media.md);
-  const peer = useHMSStore68(selectPeerByID2(peerID));
+  const peer = useHMSStore67(selectPeerByID2(peerID));
   const [showNameChangeModal, setShowNameChangeModal] = useState54(false);
   const [showRoleChangeModal, setShowRoleChangeModal] = useState54(false);
   useDropdownList({ open, name: "TileMenu" });
@@ -37062,9 +37011,9 @@ var getVideoTileLabel = ({ peerName, isLocal, track }) => {
 
 // src/Prebuilt/components/VideoTile.tsx
 var PeerMetadata = ({ peerId, size }) => {
-  const metaData = useHMSStore69(selectPeerMetadata4(peerId));
+  const metaData = useHMSStore68(selectPeerMetadata4(peerId));
   const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
-  const isHandRaised = useHMSStore69(selectHasPeerHandRaised3(peerId));
+  const isHandRaised = useHMSStore68(selectHasPeerHandRaised3(peerId));
   return /* @__PURE__ */ React126.createElement(React126.Fragment, null, isHandRaised ? /* @__PURE__ */ React126.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React126.createElement(HandIcon5, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React126.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React126.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
 };
 var Tile = ({
@@ -37084,14 +37033,14 @@ var Tile = ({
   hideMetadataOnTile = false
 }) => {
   const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
-  const track = useHMSStore69(trackSelector);
-  const peerName = useHMSStore69(selectPeerNameByID4(peerId));
-  const audioTrack = useHMSStore69(selectAudioTrackByPeerID2(peerId));
-  const localPeerID = useHMSStore69(selectLocalPeerID11);
+  const track = useHMSStore68(trackSelector);
+  const peerName = useHMSStore68(selectPeerNameByID4(peerId));
+  const audioTrack = useHMSStore68(selectAudioTrackByPeerID2(peerId));
+  const localPeerID = useHMSStore68(selectLocalPeerID11);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const isAudioMuted = !useHMSStore69(selectIsPeerAudioEnabled2(peerId));
+  const isAudioMuted = !useHMSStore68(selectIsPeerAudioEnabled2(peerId));
   const isVideoMuted = !(track == null ? void 0 : track.enabled);
   const [isMouseHovered, setIsMouseHovered] = useState55(false);
   const isVideoDegraded = track == null ? void 0 : track.degraded;
@@ -37107,7 +37056,7 @@ var Tile = ({
     track,
     isLocal
   });
-  const onHoverHandler = useCallback31((event) => {
+  const onHoverHandler = useCallback30((event) => {
     setIsMouseHovered(event.type === "mouseenter");
   }, []);
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure3();
@@ -37190,8 +37139,8 @@ import {
   selectLocalPeer as selectLocalPeer8,
   selectRoomState as selectRoomState4,
   selectVideoTrackByID as selectVideoTrackByID4,
-  useHMSActions as useHMSActions44,
-  useHMSStore as useHMSStore70
+  useHMSActions as useHMSActions43,
+  useHMSStore as useHMSStore69
 } from "@100mslive/react-sdk";
 import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon25 } from "@100mslive/react-icons";
 
@@ -37377,22 +37326,22 @@ var iconDims = { height: "40px", width: "40px" };
 var VBPicker = ({ backgroundMedia = [] }) => {
   var _a8;
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
-  const hmsActions2 = useHMSActions44();
-  const localPeer = useHMSStore70(selectLocalPeer8);
-  const role = useHMSStore70(at);
-  const isVideoOn = useHMSStore70(selectIsLocalVideoEnabled6);
+  const hmsActions2 = useHMSActions43();
+  const localPeer = useHMSStore69(selectLocalPeer8);
+  const role = useHMSStore69(at);
+  const isVideoOn = useHMSStore69(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
-  const track = useHMSStore70(trackSelector);
+  const track = useHMSStore69(trackSelector);
   const [blurAmount, setBlurAmount] = useState56(VBHandler.getBlurAmount() || 0.5);
-  const roomState = useHMSStore70(selectRoomState4);
-  const isLargeRoom = useHMSStore70(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore70(ym);
-  const effectsKey = useHMSStore70(km);
+  const roomState = useHMSStore69(selectRoomState4);
+  const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
+  const isEffectsEnabled = useHMSStore69(ym);
+  const effectsKey = useHMSStore69(km);
   const isMobile = useMedia23(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
-  const isPluginAdded = useHMSStore70(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-  const background = useHMSStore70(Um(APP_DATA.background));
+  const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
+  const background = useHMSStore69(Um(APP_DATA.background));
   const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -37638,9 +37587,9 @@ var SidePane = ({
 }) => {
   var _a8, _b7, _c, _d, _e2, _f, _g;
   const isMobile = useMedia24(config.media.md);
-  const sidepane = useHMSStore71(selectAppData8(APP_DATA.sidePane));
-  const activeScreensharePeerId = useHMSStore71(selectAppData8(APP_DATA.activeScreensharePeerId));
-  const trackId = (_a8 = useHMSStore71(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
+  const sidepane = useHMSStore70(selectAppData8(APP_DATA.sidePane));
+  const activeScreensharePeerId = useHMSStore70(selectAppData8(APP_DATA.activeScreensharePeerId));
+  const trackId = (_a8 = useHMSStore70(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
   const { elements } = useRoomLayoutConferencingScreen();
   const { elements: preview_elements } = useRoomLayoutPreviewScreen();
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
@@ -37836,8 +37785,8 @@ var getParticipantChipContent = (peerCount = 0) => {
   return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
 };
 var useLocalTileAspectRatio = () => {
-  const localPeer = useHMSStore72(selectLocalPeer9);
-  const videoTrack = useHMSStore72(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
+  const localPeer = useHMSStore71(selectLocalPeer9);
+  const videoTrack = useHMSStore71(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
   const isMobile = useMedia26(config.media.md);
   let aspectRatio = 0;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
@@ -37863,7 +37812,7 @@ var PreviewJoin = ({
   const [previewError, setPreviewError] = useState57(false);
   const { endpoints } = useHMSPrebuiltContext();
   const { peerCount } = useParticipants2();
-  const loadingEffects = useHMSStore72(selectAppData9(APP_DATA.loadingEffects));
+  const loadingEffects = useHMSStore71(selectAppData9(APP_DATA.loadingEffects));
   const { enableJoin, preview, join } = usePreviewJoin({
     name,
     token: authToken,
@@ -37881,8 +37830,8 @@ var PreviewJoin = ({
     },
     asRole
   });
-  const roomState = useHMSStore72(selectRoomState5);
-  const savePreferenceAndJoin = useCallback32(() => {
+  const roomState = useHMSStore71(selectRoomState5);
+  const savePreferenceAndJoin = useCallback31(() => {
     setPreviewPreference({
       name
     });
@@ -37947,12 +37896,12 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
   px: "$10"
 }));
 var PreviewTile = ({ name, error }) => {
-  const localPeer = useHMSStore72(selectLocalPeer9);
+  const localPeer = useHMSStore71(selectLocalPeer9);
   const { isLocalAudioEnabled, toggleAudio } = useAVToggle3();
-  const isVideoOn = useHMSStore72(selectIsLocalVideoEnabled7);
+  const isVideoOn = useHMSStore71(selectIsLocalVideoEnabled7);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
-  const track = useHMSStore72(trackSelector);
+  const track = useHMSStore71(trackSelector);
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   const aspectRatio = useLocalTileAspectRatio();
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
@@ -38040,12 +37989,12 @@ var RequestActions = ({
 
 // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
 var RoleChangeRequestModal = () => {
-  const hmsActions2 = useHMSActions45();
+  const hmsActions2 = useHMSActions44();
   const { updateMetaData } = useMyMetadata();
-  const isPreview = useHMSStore73(selectIsInPreview);
-  const currentRole = useHMSStore73(selectLocalPeerRoleName4);
-  const roleChangeRequest = useHMSStore73(selectRoleChangeRequest);
-  const name = useHMSStore73(selectLocalPeerName4);
+  const isPreview = useHMSStore72(selectIsInPreview);
+  const currentRole = useHMSStore72(selectLocalPeerRoleName4);
+  const roleChangeRequest = useHMSStore72(selectRoleChangeRequest);
+  const name = useHMSStore72(selectLocalPeerName4);
   const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { virtual_background } = elements || {};
@@ -38120,8 +38069,8 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom9,
   selectIsLocalScreenShared as selectIsLocalScreenShared2,
   selectLocalPeerRoleName as selectLocalPeerRoleName6,
-  useHMSActions as useHMSActions47,
-  useHMSStore as useHMSStore84
+  useHMSActions as useHMSActions46,
+  useHMSStore as useHMSStore83
 } from "@100mslive/react-sdk";
 import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon6 } from "@100mslive/react-icons";
 
@@ -38134,7 +38083,7 @@ import {
   selectPeers as selectPeers3,
   selectPeerScreenSharing as selectPeerScreenSharing2,
   selectWhiteboard as selectWhiteboard2,
-  useHMSStore as useHMSStore80,
+  useHMSStore as useHMSStore79,
   useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
 
@@ -38210,7 +38159,7 @@ import {
   selectLocalPeer as selectLocalPeer10,
   selectPeerByID as selectPeerByID3,
   selectVideoTrackByID as selectVideoTrackByID6,
-  useHMSStore as useHMSStore74
+  useHMSStore as useHMSStore73
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
 
@@ -38251,10 +38200,10 @@ var InsetTile = ({ peerId }) => {
   const isMobile = useMedia28(config.media.md);
   const isLandscape = useMedia28(config.media.ls);
   const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer10;
-  const peer = useHMSStore74(selector);
+  const peer = useHMSStore73(selector);
   const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
-  const videoTrack = useHMSStore74(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
-  const isAllowedToPublish = useHMSStore74(selectIsAllowedToPublish3);
+  const videoTrack = useHMSStore73(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
+  const isAllowedToPublish = useHMSStore73(selectIsAllowedToPublish3);
   const videoTileProps = useVideoTileContext();
   let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
@@ -38557,13 +38506,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 init_define_process_env();
 import React145, { useEffect as useEffect45, useState as useState61 } from "react";
 import { useMedia as useMedia32 } from "react-use";
-import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
 import React144, { useEffect as useEffect44, useRef as useRef26, useState as useState60 } from "react";
 import { useMedia as useMedia31 } from "react-use";
-import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
 init_define_process_env();
@@ -38650,10 +38599,10 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   const isMobile = useMedia31(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = useState60(0);
-  const pinnedTrackId = useHMSStore75(selectAppData10(APP_DATA.pinnedTrackId));
-  const spotlightPeerId = useHMSStore75(selectSessionStore11("spotlight" /* SPOTLIGHT */));
-  const activeScreensharePeerId = useHMSStore75(selectAppData10(APP_DATA.activeScreensharePeerId));
-  const pinnedPeer = (_a8 = useHMSStore75(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
+  const pinnedTrackId = useHMSStore74(selectAppData10(APP_DATA.pinnedTrackId));
+  const spotlightPeerId = useHMSStore74(selectSessionStore11("spotlight" /* SPOTLIGHT */));
+  const activeScreensharePeerId = useHMSStore74(selectAppData10(APP_DATA.activeScreensharePeerId));
+  const pinnedPeer = (_a8 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
   const pageChangedAfterPinning = useRef26(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -38753,7 +38702,7 @@ function RoleProminence({
 }) {
   var _a8;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = useHMSStore76(selectLocalPeer11);
+  const localPeer = useHMSStore75(selectLocalPeer11);
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
   const isMobile = useMedia32(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
@@ -38798,7 +38747,7 @@ function RoleProminence({
 init_define_process_env();
 import React149, { useEffect as useEffect46, useMemo as useMemo17, useState as useState64 } from "react";
 import { useMedia as useMedia34 } from "react-use";
-import { selectPeersScreenSharing, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
+import { selectPeersScreenSharing, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
@@ -38810,18 +38759,18 @@ import {
   selectPeerByID as selectPeerByID4,
   selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
   selectScreenShareByPeerID as selectScreenShareByPeerID2,
-  useHMSStore as useHMSStore77
+  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 React146, { useCallback as useCallback33, useState as useState62 } from "react";
+import React146, { useCallback as useCallback32, useState as useState62 } from "react";
 import { CheckIcon as CheckIcon7, ChevronDownIcon as ChevronDownIcon9, ChevronUpIcon as ChevronUpIcon7 } from "@100mslive/react-icons";
 var LayoutModeSelector = () => {
   const [open, setOpen] = useState62(false);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
-  const updateLayoutMode = useCallback33(
+  const updateLayoutMode = useCallback32(
     (value) => {
       setLayoutMode(value);
       setOpen(false);
@@ -38921,10 +38870,10 @@ var LayoutModeSelector = () => {
 // src/Prebuilt/components/ScreenshareDisplay.tsx
 init_define_process_env();
 import React147 from "react";
-import { useHMSActions as useHMSActions46 } from "@100mslive/react-sdk";
+import { useHMSActions as useHMSActions45 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon26, ShareScreenIcon as ShareScreenIcon5 } from "@100mslive/react-icons";
 var ScreenshareDisplay = () => {
-  const hmsActions2 = useHMSActions46();
+  const hmsActions2 = useHMSActions45();
   return /* @__PURE__ */ React147.createElement(
     Flex,
     {
@@ -38965,10 +38914,10 @@ var labelStyles = {
   flexShrink: 0
 };
 var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-  const isLocal = useHMSStore77(selectLocalPeerID12) === peerId;
-  const track = useHMSStore77(selectScreenShareByPeerID2(peerId));
+  const isLocal = useHMSStore76(selectLocalPeerID12) === peerId;
+  const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
   const { theme: theme2 } = useTheme();
-  const peer = useHMSStore77(selectPeerByID4(peerId));
+  const peer = useHMSStore76(selectPeerByID4(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const [isMouseHovered, setIsMouseHovered] = useState63(false);
   const isMobile = useMedia33(config.media.md);
@@ -38979,7 +38928,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
     onClose: () => setFullscreen(false)
   });
   const isFullScreenSupported = screenfull2.isEnabled;
-  const audioTrack = useHMSStore77(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__ */ React148.createElement(ScreenshareDisplay, null);
   }
@@ -39058,7 +39007,7 @@ var ScreenshareTile_default = ScreenshareTile;
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   var _a8;
-  const peersSharing = useHMSStore78(selectPeersScreenSharing);
+  const peersSharing = useHMSStore77(selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const [page, setPage] = useState64(0);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
@@ -39110,7 +39059,7 @@ init_define_process_env();
 import React150, { useEffect as useEffect47, useMemo as useMemo18 } from "react";
 import { useMedia as useMedia35 } from "react-use";
 import { Whiteboard } from "@100mslive/hms-whiteboard";
-import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore79, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
+import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var WhiteboardEmbed = () => {
   const isMobile = useMedia35(config.media.md);
   const { token, endpoint, zoomToContent } = useWhiteboard2(isMobile);
@@ -39131,8 +39080,8 @@ var WhiteboardEmbed = () => {
   );
 };
 var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-  const whiteboard = useHMSStore79(selectWhiteboard);
-  const whiteboardOwner = useHMSStore79(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
+  const whiteboard = useHMSStore78(selectWhiteboard);
+  const whiteboardOwner = useHMSStore78(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const isMobile = useMedia35(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
@@ -39277,12 +39226,12 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore80(selectPeerScreenSharing2);
-  const whiteboard = useHMSStore80(selectWhiteboard2);
+  const peerSharing = useHMSStore79(selectPeerScreenSharing2);
+  const whiteboard = useHMSStore79(selectWhiteboard2);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore80(selectPeers3);
-  const localPeerRole = useHMSStore80(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore80(selectLocalPeerID13);
+  const peers = useHMSStore79(selectPeers3);
+  const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
+  const localPeerID = useHMSStore79(selectLocalPeerID13);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -39381,13 +39330,13 @@ var GridLayout = ({
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
 import React152, { useEffect as useEffect49, useMemo as useMemo20 } from "react";
-import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
 var EmbedView = () => {
   return /* @__PURE__ */ React152.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React152.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore81(selectPeers4);
-  const peerPresenting = useHMSStore81(selectPeerScreenSharing3);
+  const peers = useHMSStore80(selectPeers4);
+  const peerPresenting = useHMSStore80(selectPeerScreenSharing3);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const smallTilePeers = useMemo20(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
@@ -39402,7 +39351,7 @@ var EmbedScreenShareView = ({ children }) => {
   return /* @__PURE__ */ React152.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React152.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React152.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore81(selectAppData11(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore80(selectAppData11(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
   useEffect49(() => {
@@ -39518,7 +39467,7 @@ import { useMedia as useMedia36 } from "react-use";
 import {
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled5,
   selectPeerNameByID as selectPeerNameByID5,
-  useHMSStore as useHMSStore82,
+  useHMSStore as useHMSStore81,
   useTranscript
 } from "@100mslive/react-sdk";
 var SimpleQueue = class {
@@ -39654,7 +39603,7 @@ var CaptionMaintainerQueue = class {
   }
 };
 var TranscriptView = ({ peer_id, data: data3 }) => {
-  const peerName = useHMSStore82(selectPeerNameByID5(peer_id)) || "Participant";
+  const peerName = useHMSStore81(selectPeerNameByID5(peer_id)) || "Participant";
   data3 = data3.trim();
   if (!data3)
     return null;
@@ -39682,7 +39631,7 @@ var CaptionsViewer = ({
   const [captionQueue] = useState66(new CaptionMaintainerQueue());
   const [currentData, setCurrentData] = useState66([]);
   const isCaptionEnabled = useIsCaptionEnabled();
-  const isTranscriptionEnabled = useHMSStore82(selectIsTranscriptionEnabled5);
+  const isTranscriptionEnabled = useHMSStore81(selectIsTranscriptionEnabled5);
   const nodeRef = useRef28(null);
   useEffect51(() => {
     const timeInterval = setInterval(() => {
@@ -39752,9 +39701,9 @@ var CaptionsViewer = ({
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
 init_define_process_env();
 import { useEffect as useEffect52 } from "react";
-import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore83, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
+import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore82, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
 var useCloseScreenshareWhiteboard = () => {
-  const peerSharing = useHMSStore83(selectPeerScreenSharing4);
+  const peerSharing = useHMSStore82(selectPeerScreenSharing4);
   const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
   useEffect52(() => {
     if (isWhiteboardOwner && peerSharing) {
@@ -39764,17 +39713,17 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React155.lazy(() => import("./HLSView-72D4HXOZ.js"));
+var HLSView = React155.lazy(() => import("./HLSView-6X6A7QVC.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
   var _a8;
-  const localPeerRoleName = useHMSStore84(selectLocalPeerRoleName6);
-  const isConnected = useHMSStore84(selectIsConnectedToRoom9);
-  const isSharingScreen = useHMSStore84(selectIsLocalScreenShared2);
-  const hmsActions2 = useHMSActions47();
+  const localPeerRoleName = useHMSStore83(selectLocalPeerRoleName6);
+  const isConnected = useHMSStore83(selectIsConnectedToRoom9);
+  const isSharingScreen = useHMSStore83(selectIsLocalScreenShared2);
+  const hmsActions2 = useHMSActions46();
   const urlToIframe = useUrlToEmbed();
   const pdfAnnotatorActive = usePDFConfig();
   const isMobileHLSStream = useMobileHLSStream();
@@ -39883,7 +39832,7 @@ init_define_process_env();
 init_define_process_env();
 import React158 from "react";
 import { useMedia as useMedia39 } from "react-use";
-import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
@@ -39918,8 +39867,8 @@ import {
   selectLocalVideoTrackID as selectLocalVideoTrackID3,
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
-  useHMSActions as useHMSActions48,
-  useHMSStore as useHMSStore85
+  useHMSActions as useHMSActions47,
+  useHMSStore as useHMSStore84
 } from "@100mslive/react-sdk";
 import {
   BluetoothIcon,
@@ -39931,12 +39880,12 @@ import {
   TelePhoneIcon
 } from "@100mslive/react-icons";
 var CamaraFlipActions = () => {
-  const actions = useHMSActions48();
+  const actions = useHMSActions47();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
-  const isVideoOn = useHMSStore85(selectIsLocalVideoEnabled8);
-  const videoTrackId = useHMSStore85(selectLocalVideoTrackID3);
-  const localVideoTrack = useHMSStore85(selectVideoTrackByID7(videoTrackId));
+  const isVideoOn = useHMSStore84(selectIsLocalVideoEnabled8);
+  const videoTrackId = useHMSStore84(selectLocalVideoTrackID3);
+  const localVideoTrack = useHMSStore84(selectVideoTrackByID7(videoTrackId));
   if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
     return null;
   }
@@ -39968,7 +39917,7 @@ var AudioActions = () => {
     availableAudioDevices = audioOutput;
     selectedAudio = selectedDeviceIDs.audioOutput;
   }
-  const hmsActions2 = useHMSActions48();
+  const hmsActions2 = useHMSActions47();
   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) {
@@ -40074,7 +40023,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React157.createElement(Re
 
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
-  const roomState = useHMSStore86(selectRoomState6);
+  const roomState = useHMSStore85(selectRoomState6);
   const isMobile = useMedia39(config.media.md);
   if (roomState !== HMSRoomState6.Connected) {
     return /* @__PURE__ */ React158.createElement(React158.Fragment, null);
@@ -40120,11 +40069,11 @@ var ConferenceScreen = () => {
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-  const roomState = useHMSStore87(selectRoomState7);
-  const isConnectedToRoom = useHMSStore87(selectIsConnectedToRoom10);
-  const hmsActions2 = useHMSActions49();
+  const roomState = useHMSStore86(selectRoomState7);
+  const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom10);
+  const hmsActions2 = useHMSActions48();
   const [hideControls, setHideControls] = useState68(false);
-  const dropdownList = useHMSStore87(selectAppData12(APP_DATA.dropdownList));
+  const dropdownList = useHMSStore86(selectAppData12(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
   const headerRef = useRef29(null);
   const footerRef = useRef29(null);
@@ -40358,7 +40307,7 @@ import React161, { useEffect as useEffect57 } from "react";
 // src/Prebuilt/services/FeatureFlags.jsx
 init_define_process_env();
 import { useEffect as useEffect56 } from "react";
-import { selectRoomID, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
+import { selectRoomID, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
 var FeatureFlags = class {
   static init(roomId) {
     if (!window.HMS) {
@@ -40383,7 +40332,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 = useHMSStore88(selectRoomID);
+  const roomId = useHMSStore87(selectRoomID);
   useEffect56(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
@@ -40419,7 +40368,7 @@ import {
   selectAppData as selectAppData13,
   selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled9,
-  useHMSActions as useHMSActions50,
+  useHMSActions as useHMSActions49,
   useHMSVanillaStore as useHMSVanillaStore14
 } from "@100mslive/react-sdk";
 var isEvenListenersAttached = false;
@@ -40508,7 +40457,7 @@ _bind = new WeakMap();
 _unbind = new WeakMap();
 var KeyboardHandler = () => {
   const store = useHMSVanillaStore14();
-  const actions = useHMSActions50();
+  const actions = useHMSActions49();
   useEffect58(() => {
     const keyboardManager = new KeyboardInputManager(store, actions);
     keyboardManager.bindAllShortcuts();
@@ -40527,14 +40476,14 @@ init_define_process_env();
 import React162, { useContext as useContext4, useEffect as useEffect59 } from "react";
 import { usePreviousDistinct } from "react-use";
 import { match as match13, P as P5 } from "ts-pattern";
-import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
 init_define_process_env();
-import { useCallback as useCallback34 } from "react";
+import { useCallback as useCallback33 } from "react";
 var useRedirectToLeave = () => {
   const { onLeave } = useHMSPrebuiltContext();
-  const redirect = useCallback34(
+  const redirect = useCallback33(
     (timeout = 0) => {
       setTimeout(() => {
         PictureInPicture.stop().catch(() => console.error("stopping pip"));
@@ -40564,7 +40513,7 @@ var useHMSAppStateContext = () => {
 var useAppStateManager = () => {
   const roomLayout = useRoomLayout();
   const [activeState, setActiveState] = React162.useState();
-  const roomState = useHMSStore89(selectRoomState8);
+  const roomState = useHMSStore88(selectRoomState8);
   const prevRoomState = usePreviousDistinct(roomState);
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -40697,7 +40646,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React174, { useCallback as useCallback36, useEffect as useEffect71 } from "react";
+import React174, { useCallback as useCallback35, useEffect as useEffect71 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes11,
   HMSRoomState as HMSRoomState10,
@@ -40708,7 +40657,7 @@ import {
   useAwayNotifications as useAwayNotifications2,
   useCustomEvent as useCustomEvent4,
   useHMSNotifications as useHMSNotifications11,
-  useHMSStore as useHMSStore93,
+  useHMSStore as useHMSStore92,
   useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
 import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
@@ -40748,12 +40697,12 @@ function AutoplayBlockedModal() {
 init_define_process_env();
 import React166, { useEffect as useEffect61 } from "react";
 import { v4 as uuid4 } from "uuid";
-import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
 var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
-  const chatState = useHMSStore90(selectSessionStore12("chatState" /* CHAT_STATE */));
-  const localPeerId = useHMSStore90(selectLocalPeerID14);
+  const chatState = useHMSStore89(selectSessionStore12("chatState" /* CHAT_STATE */));
+  const localPeerId = useHMSStore89(selectLocalPeerID14);
   useEffect61(() => {
     var _a8, _b7;
     if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -40783,7 +40732,7 @@ import {
   selectPeerByID as selectPeerByID6,
   selectRoomState as selectRoomState9,
   useHMSNotifications as useHMSNotifications2,
-  useHMSStore as useHMSStore92,
+  useHMSStore as useHMSStore91,
   useHMSVanillaStore as useHMSVanillaStore15
 } from "@100mslive/react-sdk";
 
@@ -40792,8 +40741,8 @@ init_define_process_env();
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
-import React167, { useCallback as useCallback35 } from "react";
-import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions51, useHMSStore as useHMSStore91 } from "@100mslive/react-sdk";
+import React167, { useCallback as useCallback34 } from "react";
+import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions50, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
   ConnectivityIcon,
@@ -40812,10 +40761,10 @@ var ChatAction = React167.forwardRef((_3, ref) => {
 });
 var HandRaiseAction = React167.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
   var _a8, _b7, _c;
-  const hmsActions2 = useHMSActions51();
+  const hmsActions2 = useHMSActions50();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const peer = useHMSStore91(selectPeerByID5(id));
+  const peer = useHMSStore90(selectPeerByID5(id));
   const layout = useRoomLayout();
   const {
     bring_to_stage_label,
@@ -40823,7 +40772,7 @@ var HandRaiseAction = React167.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 = useCallback35(() => __async(void 0, null, function* () {
+  const onClickHandler = useCallback34(() => __async(void 0, null, function* () {
     if (isSingleHandRaise) {
       hmsActions2.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
       if (skip_preview_for_role_change) {
@@ -41023,7 +40972,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 var HandRaisedNotifications = () => {
   const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
-  const roomState = useHMSStore92(selectRoomState9);
+  const roomState = useHMSStore91(selectRoomState9);
   const vanillaStore = useHMSVanillaStore15();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
@@ -41244,12 +41193,12 @@ init_define_process_env();
 import React171, { useEffect as useEffect67, useState as useState73 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes7,
-  useHMSActions as useHMSActions52,
+  useHMSActions as useHMSActions51,
   useHMSNotifications as useHMSNotifications7
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon5 } from "@100mslive/react-icons";
 var TrackBulkUnmuteModal = () => {
-  const hmsActions2 = useHMSActions52();
+  const hmsActions2 = useHMSActions51();
   const [muteNotification, setMuteNotification] = useState73(null);
   const notification = useHMSNotifications7([
     HMSNotificationTypes7.CHANGE_MULTI_TRACK_STATE_REQUEST,
@@ -41318,12 +41267,12 @@ init_define_process_env();
 import React172, { useEffect as useEffect69, useState as useState74 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
-  useHMSActions as useHMSActions53,
+  useHMSActions as useHMSActions52,
   useHMSNotifications as useHMSNotifications9
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon6 } from "@100mslive/react-icons";
 var TrackUnmuteModal = () => {
-  const hmsActions2 = useHMSActions53();
+  const hmsActions2 = useHMSActions52();
   const notification = useHMSNotifications9([
     HMSNotificationTypes9.CHANGE_TRACK_STATE_REQUEST,
     HMSNotificationTypes9.ROOM_ENDED,
@@ -41415,19 +41364,19 @@ var TranscriptionNotifications = () => {
 var pollToastKey = {};
 function Notifications() {
   var _a8, _b7;
-  const localPeerID = useHMSStore93(selectLocalPeerID15);
+  const localPeerID = useHMSStore92(selectLocalPeerID15);
   const notification = useHMSNotifications11();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = useHMSStore93(selectRoomState10);
+  const roomState = useHMSStore92(selectRoomState10);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
   const vanillaStore = useHMSVanillaStore16();
   const togglePollView = usePollViewToggle();
   const { showNotification } = useAwayNotifications2();
-  const amIScreenSharing = useHMSStore93(selectIsLocalScreenShared3);
+  const amIScreenSharing = useHMSStore92(selectIsLocalScreenShared3);
   const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
-  const handleRoleChangeDenied = useCallback36((request) => {
+  const handleRoleChangeDenied = useCallback35((request) => {
     ToastManager.addToast({
       title: `${request.peerName} denied your request to join the ${request.role.name} role`,
       variant: "error"
@@ -41582,7 +41531,7 @@ var PreviewScreen = () => {
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
 import React177, { useEffect as useEffect72, useState as useState75 } from "react";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
@@ -41605,7 +41554,7 @@ var Toast2 = (_a8) => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
-  const isConnected = useHMSStore94(selectIsConnectedToRoom11);
+  const isConnected = useHMSStore93(selectIsConnectedToRoom11);
   const [toasts, setToast] = useState75([]);
   useEffect72(() => {
     ToastManager.addListener(setToast);
@@ -41628,7 +41577,7 @@ var ToastContainer = () => {
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
 import React179 from "react";
-import { selectAppData as selectAppData14, useHMSStore as useHMSStore95 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData14, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
@@ -41652,7 +41601,7 @@ var RoomDetailsSheet = () => {
 
 // src/Prebuilt/layouts/Sheet.tsx
 var Sheet2 = () => {
-  const sheet = useHMSStore95(selectAppData14(APP_DATA.sheet));
+  const sheet = useHMSStore94(selectAppData14(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
     ViewComponent = /* @__PURE__ */ React179.createElement(RoomDetailsSheet, null);
@@ -41662,15 +41611,15 @@ var Sheet2 = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React180, { useCallback as useCallback37, useEffect as useEffect73, useMemo as useMemo21, useState as useState76 } from "react";
+import React180, { useCallback as useCallback36, useEffect as useEffect73, useMemo as useMemo21, useState as useState76 } from "react";
 import { useMedia as useMedia42 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
   selectLocalPeerID as selectLocalPeerID16,
   selectPeerNameByID as selectPeerNameByID7,
   useCustomEvent as useCustomEvent5,
-  useHMSActions as useHMSActions54,
-  useHMSStore as useHMSStore96,
+  useHMSActions as useHMSActions53,
+  useHMSStore as useHMSStore95,
   useHMSVanillaStore as useHMSVanillaStore17
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
@@ -41697,14 +41646,14 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore96(selectLocalPeerID16);
+  const localPeerId = useHMSStore95(selectLocalPeerID16);
   const vanillaStore = useHMSVanillaStore17();
-  const hmsActions2 = useHMSActions54();
+  const hmsActions2 = useHMSActions53();
   const [emojis, setEmojis] = useState76([]);
   const isMobile = useMedia42(config.media.md);
-  const isLargeRoom = useHMSStore96(selectIsLargeRoom4);
+  const isLargeRoom = useHMSStore95(selectIsLargeRoom4);
   const startingPoints = useMemo21(() => getStartingPoints(isMobile), [isMobile]);
-  const showFlyingEmoji = useCallback37(
+  const showFlyingEmoji = useCallback36(
     (_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
       if (!emojiId || !senderId || document.hidden) {
         return;
@@ -41799,11 +41748,11 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React181, { useCallback as useCallback38 } from "react";
-import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions55 } from "@100mslive/react-sdk";
+import React181, { useCallback as useCallback37 } from "react";
+import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions54 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
-  const actions = useHMSActions55();
-  const onRemoteStopScreenshare = useCallback38(() => __async(this, null, function* () {
+  const actions = useHMSActions54();
+  const onRemoteStopScreenshare = useCallback37(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
   useCustomEvent6({
@@ -41815,23 +41764,23 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback39, useEffect as useEffect74, useRef as useRef30 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect74, useRef as useRef30 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
-  useHMSActions as useHMSActions56,
-  useHMSStore as useHMSStore97,
+  useHMSActions as useHMSActions55,
+  useHMSStore as useHMSStore96,
   useRecordingStreaming as useRecordingStreaming12
 } from "@100mslive/react-sdk";
 var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const permissions = useHMSStore97(selectPermissions20);
+  const permissions = useHMSStore96(selectPermissions20);
   const showStreamingUI = useShowStreamingUI();
-  const hmsActions2 = useHMSActions56();
-  const isConnected = useHMSStore97(selectIsConnectedToRoom12);
+  const hmsActions2 = useHMSActions55();
+  const isConnected = useHMSStore96(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
   const streamStartedRef = useRef30(false);
-  const startHLS = useCallback39(() => __async(void 0, null, function* () {
+  const startHLS = useCallback38(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
         return;
@@ -42019,8 +41968,8 @@ var AppStates = ({ activeState }) => {
   return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React182.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React182.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React182.createElement(ConferenceScreen, null));
 };
 var BackSwipe = () => {
-  const isConnectedToRoom = useHMSStore98(selectIsConnectedToRoom13);
-  const hmsActions2 = useHMSActions57();
+  const isConnectedToRoom = useHMSStore97(selectIsConnectedToRoom13);
+  const hmsActions2 = useHMSActions56();
   useEffect75(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
       if (isConnectedToRoom) {
@@ -42186,8 +42135,8 @@ import {
   selectLocalAudioTrackID as selectLocalAudioTrackID2,
   selectLocalMediaSettings,
   selectTrackAudioByID as selectTrackAudioByID2,
-  useHMSActions as useHMSActions58,
-  useHMSStore as useHMSStore99
+  useHMSActions as useHMSActions57,
+  useHMSStore as useHMSStore98
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
 
@@ -42262,12 +42211,12 @@ DeviceSelector2.propTypes = {
 var SelectContainer = ({ children }) => /* @__PURE__ */ React185.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
 var MicTest = ({ setError }) => {
   var _a8, _b7;
-  const devices = useHMSStore99(selectDevices);
+  const devices = useHMSStore98(selectDevices);
   const [isRecording, setIsRecording] = useState78(false);
   const [selectedMic, setSelectedMic] = useState78(((_a8 = devices.audioInput[0]) == null ? void 0 : _a8.deviceId) || "default");
-  const trackID = useHMSStore99(selectLocalAudioTrackID2);
-  const audioLevel = useHMSStore99(selectTrackAudioByID2(trackID));
-  const { audioOutputDeviceId } = useHMSStore99(selectLocalMediaSettings);
+  const trackID = useHMSStore98(selectLocalAudioTrackID2);
+  const audioLevel = useHMSStore98(selectTrackAudioByID2(trackID));
+  const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
   const { playing, setPlaying, audioRef } = useAudioOutputTest({
     deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
   });
@@ -42341,9 +42290,9 @@ var MicTest = ({ setError }) => {
 };
 var SpeakerTest = () => {
   var _a8;
-  const actions = useHMSActions58();
-  const devices = useHMSStore99(selectDevices);
-  const { audioOutputDeviceId } = useHMSStore99(selectLocalMediaSettings);
+  const actions = useHMSActions57();
+  const devices = useHMSStore98(selectDevices);
+  const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
   if (devices.audioOutput.length === 0) {
     return /* @__PURE__ */ React185.createElement(React185.Fragment, null);
   }
@@ -42698,14 +42647,14 @@ import {
   selectDevices as selectDevices2,
   selectLocalMediaSettings as selectLocalMediaSettings2,
   selectLocalVideoTrackID as selectLocalVideoTrackID4,
-  useHMSStore as useHMSStore100
+  useHMSStore as useHMSStore99
 } from "@100mslive/react-sdk";
 import { VideoOnIcon as VideoOnIcon5 } from "@100mslive/react-icons";
 var VideoTest = () => {
-  const allDevices = useHMSStore100(selectDevices2);
+  const allDevices = useHMSStore99(selectDevices2);
   const { videoInput } = allDevices;
-  const trackID = useHMSStore100(selectLocalVideoTrackID4);
-  const sdkSelectedDevices = useHMSStore100(selectLocalMediaSettings2);
+  const trackID = useHMSStore99(selectLocalVideoTrackID4);
+  const sdkSelectedDevices = useHMSStore99(selectLocalMediaSettings2);
   const [error, setError] = useState81();
   useEffect78(() => {
     hmsDiagnostics.startCameraCheck().catch((err) => setError(err));
@@ -42937,4 +42886,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-OZVDS5TG.js.map
+//# sourceMappingURL=chunk-2VGMEGOM.js.map