@100mslive/roomkit-react 0.3.17-alpha.5 → 0.3.17-alpha.7

package/dist/{chunk-CAKVWPSI.js → chunk-YBCPTZFO.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_3a55f355-565b-4df8-8b38-285a4d99a2eb", 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.7-alpha.5", 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.4 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.17-alpha.5", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3a55f355-565b-4df8-8b38-285a4d99a2eb", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.17-alpha.5", 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.11", 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.9", 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: "589", 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.12/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240721.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.5/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:21522", 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.17-alpha.5", 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: "10197289080", 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: "b08101f4180d7b673e1d459fd252dc3ea9a65389", 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: "3b022624deb7808a2e169017475647db1a7a5afd6a729298eae46bb4bd084563", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1722511188433-0.057103806814660985:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722511188237-0.15698933475304533:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722511162874-0.5285484400859677:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722511162698-0.43240044370398767:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_c5c5bb8e-3b79-4fba-8d1e-44c464966450", INVOCATION_ID: "dcab7626d1f64ee2bd067e373366d3bf", 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: "622", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 161", 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.17-alpha.5", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.17-alpha.5", 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: "b08101f4180d7b673e1d459fd252dc3ea9a65389", 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_3a55f355-565b-4df8-8b38-285a4d99a2eb", 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_3a55f355-565b-4df8-8b38-285a4d99a2eb", 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_knip: "^5.11.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_3a55f355-565b-4df8-8b38-285a4d99a2eb" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_ee57e437-7877-470b-911f-e00653d29b33", 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.7-alpha.7", 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.4 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.17-alpha.7", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_ee57e437-7877-470b-911f-e00653d29b33", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.17-alpha.7", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.11", 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.9", 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: "591", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_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.12/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240721.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.5/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:19606", 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.17-alpha.7", 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: "10210736510", 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: "a3858015ba34995efa28cd6e7ce1be842fc8b000", 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: "58cc85f341ad3589bb899d8b954ec7588433d90431cee075b984af83c3fa649b", 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--1722578284395-0.5579634795079289:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722578284200-0.7922271856544278:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722578258938-0.39393428488983195:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722578258758-0.8906568957038827:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_7b616977-10fb-4a63-a525-53636e4ba14d", INVOCATION_ID: "d89d15ea33f648cfa81ad28407ea1fd2", 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: "624", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 412", 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.17-alpha.7", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.17-alpha.7", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "a3858015ba34995efa28cd6e7ce1be842fc8b000", 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_ee57e437-7877-470b-911f-e00653d29b33", 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_ee57e437-7877-470b-911f-e00653d29b33", 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_knip: "^5.11.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_ee57e437-7877-470b-911f-e00653d29b33" };
   }
 });
 
@@ -13956,7 +13956,7 @@ import { Chat_ChatState } from "@100mslive/types-prebuilt/elements/chat";
 
 // src/Prebuilt/components/AudioVideoToggle.tsx
 init_define_process_env();
-import React33, { Fragment as Fragment3, useEffect as useEffect10, useState as useState10 } from "react";
+import React33, { Fragment as Fragment3, useCallback as useCallback8, useEffect as useEffect10, useState as useState10 } from "react";
 import { HMSKrispPlugin } from "@100mslive/hms-noise-cancellation";
 import {
   DeviceType as DeviceType2,
@@ -13971,7 +13971,8 @@ import {
   useAVToggle as useAVToggle2,
   useDevices as useDevices2,
   useHMSActions as useHMSActions7,
-  useHMSStore as useHMSStore8
+  useHMSStore as useHMSStore8,
+  useHMSVanillaStore as useHMSVanillaStore4
 } from "@100mslive/react-sdk";
 import {
   AudioLevelIcon,
@@ -14946,25 +14947,30 @@ var OptionLabel = ({ children, icon }) => {
   );
 };
 var useNoiseCancellationWithPlugin = () => {
+  var _a7;
   const actions = useHMSActions7();
   const [inProgress, setInProgress] = useState10(false);
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
-  const setNoiseCancellationWithPlugin = (enabled) => __async(void 0, null, function* () {
-    if (inProgress) {
-      return;
-    }
-    if (!krispPlugin.checkSupport().isSupported) {
-      throw Error("Krisp plugin is not supported");
-    }
-    setInProgress(true);
-    if (enabled) {
-      yield actions.addPluginToAudioTrack(krispPlugin);
-    } else {
-      yield actions.removePluginFromAudioTrack(krispPlugin);
-    }
-    setNoiseCancellationEnabled(enabled);
-    setInProgress(false);
-  });
+  const isEnabledForRoom = (_a7 = useHMSStore8(selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+  const setNoiseCancellationWithPlugin = useCallback8(
+    (enabled) => __async(void 0, null, function* () {
+      if (!isEnabledForRoom || inProgress) {
+        return;
+      }
+      if (!krispPlugin.checkSupport().isSupported) {
+        throw Error("Krisp plugin is not supported");
+      }
+      setInProgress(true);
+      if (enabled) {
+        yield actions.addPluginToAudioTrack(krispPlugin);
+      } else {
+        yield actions.removePluginFromAudioTrack(krispPlugin);
+      }
+      setNoiseCancellationEnabled(enabled);
+      setInProgress(false);
+    }),
+    [actions, inProgress, isEnabledForRoom, setNoiseCancellationEnabled]
+  );
   return {
     setNoiseCancellationWithPlugin,
     inProgress
@@ -15102,6 +15108,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const localPeer = useHMSStore8(selectLocalPeer);
   const { isLocalVideoEnabled, isLocalAudioEnabled, toggleAudio, toggleVideo } = useAVToggle2();
   const actions = useHMSActions7();
+  const vanillaStore = useHMSVanillaStore4();
   const videoTrackId = useHMSStore8(selectLocalVideoTrackID2);
   const localVideoTrack = useHMSStore8(selectVideoTrackByID2(videoTrackId));
   const roomState = useHMSStore8(selectRoomState2);
@@ -15116,7 +15123,9 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   useEffect10(() => {
     (() => __async(void 0, null, function* () {
-      if (isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
+      var _a7;
+      const isEnabledForRoom = (_a7 = vanillaStore.getState(selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+      if (isEnabledForRoom && isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
         try {
           yield setNoiseCancellationWithPlugin(true);
           ToastManager.addToast({
@@ -15283,7 +15292,7 @@ var useDropdownList = ({ name, open }) => {
 
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
-import { useCallback as useCallback8, useEffect as useEffect12, useMemo as useMemo5, useRef as useRef10, useState as useState11 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect12, useMemo as useMemo5, useRef as useRef10, useState as useState11 } from "react";
 import { useMedia as useMedia3 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
@@ -15301,7 +15310,7 @@ import {
   selectRolesMap,
   useHMSActions as useHMSActions8,
   useHMSStore as useHMSStore10,
-  useHMSVanillaStore as useHMSVanillaStore4
+  useHMSVanillaStore as useHMSVanillaStore5
 } from "@100mslive/react-sdk";
 var useFilteredRoles = () => {
   var _a7;
@@ -15333,7 +15342,7 @@ var useParticipants = (params) => {
   const availableRoles = useHMSStore10(selectAvailableRoleNames);
   let participantList = useHMSStore10(isConnected ? selectPeers : selectRemotePeers);
   const rolesWithParticipants = Array.from(new Set(participantList.map((peer) => peer.roleName)));
-  const vanillaStore = useHMSVanillaStore4();
+  const vanillaStore = useHMSVanillaStore5();
   if ((_a7 = params == null ? void 0 : params.metadata) == null ? void 0 : _a7.isHandRaised) {
     participantList = participantList.filter((peer) => {
       return vanillaStore.getState(selectPeerMetadata(peer.id)).isHandRaised;
@@ -15364,7 +15373,7 @@ var useMobileHLSStream = () => {
   return isMobile && screenType === "hls_live_streaming";
 };
 var useKeyboardHandler = (isPaused, hlsPlayer) => {
-  const handleKeyEvent = useCallback8(
+  const handleKeyEvent = useCallback9(
     (event) => __async(void 0, null, function* () {
       switch (event.key) {
         case " ":
@@ -15396,7 +15405,7 @@ var useRecordingHandler = () => {
       setRecordingState(false);
     }
   }, [recordingStarted, recordingState.browser.error, setRecordingState]);
-  const startRecording = useCallback8(
+  const startRecording = useCallback9(
     (resolution = null) => __async(void 0, null, function* () {
       try {
         setRecordingState(true);
@@ -15952,8 +15961,8 @@ import React44 from "react";
 
 // src/Prebuilt/components/PIP/PIPComponent.tsx
 init_define_process_env();
-import React43, { useCallback as useCallback9, useEffect as useEffect13, useState as useState15 } from "react";
-import { selectPeers as selectPeers2, selectTracksMap, useHMSActions as useHMSActions10, useHMSVanillaStore as useHMSVanillaStore5 } from "@100mslive/react-sdk";
+import React43, { useCallback as useCallback10, useEffect as useEffect13, useState as useState15 } from "react";
+import { selectPeers as selectPeers2, selectTracksMap, useHMSActions as useHMSActions10, useHMSVanillaStore as useHMSVanillaStore6 } from "@100mslive/react-sdk";
 import { PipIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/PIP/PIPManager.ts
@@ -16425,8 +16434,8 @@ var MediaSession = new SetupMediaSession();
 var PIPComponent = ({ content = null }) => {
   const [isPipOn, setIsPipOn] = useState15(PictureInPicture.isOn());
   const hmsActions = useHMSActions10();
-  const store = useHMSVanillaStore5();
-  const onPipToggle = useCallback9(() => {
+  const store = useHMSVanillaStore6();
+  const onPipToggle = useCallback10(() => {
     if (!isPipOn) {
       PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
       MediaSession.setup(hmsActions, store);
@@ -16440,7 +16449,7 @@ var PIPComponent = ({ content = null }) => {
   return /* @__PURE__ */ React43.createElement(React43.Fragment, null, content ? /* @__PURE__ */ React43.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ React43.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ React43.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ React43.createElement(PipIcon, null))));
 };
 var ActivatedPIP = () => {
-  const store = useHMSVanillaStore5();
+  const store = useHMSVanillaStore6();
   const pinnedTrack = usePinnedTrack();
   useEffect13(() => {
     function subscribeToStore() {
@@ -16481,7 +16490,7 @@ var PIP = ({ content = null }) => {
 
 // src/Prebuilt/components/PIP/PIPChat.tsx
 init_define_process_env();
-import React49, { useCallback as useCallback14, useEffect as useEffect16, useMemo as useMemo7, useState as useState19 } from "react";
+import React49, { useCallback as useCallback15, useEffect as useEffect16, useMemo as useMemo7, useState as useState19 } from "react";
 import {
   selectHMSMessages as selectHMSMessages2,
   selectLocalPeerID as selectLocalPeerID3,
@@ -16528,7 +16537,7 @@ var TextArea = styled("textarea", {
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
-import React48, { Fragment as Fragment6, useCallback as useCallback13, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo6, useRef as useRef11, useState as useState18 } from "react";
+import React48, { Fragment as Fragment6, useCallback as useCallback14, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo6, useRef as useRef11, useState as useState18 } from "react";
 import { useMedia as useMedia7 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
@@ -16542,13 +16551,13 @@ import {
   selectUnreadHMSMessagesCount,
   useHMSActions as useHMSActions14,
   useHMSStore as useHMSStore18,
-  useHMSVanillaStore as useHMSVanillaStore7
+  useHMSVanillaStore as useHMSVanillaStore8
 } from "@100mslive/react-sdk";
 import { SolidPinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatActions.tsx
 init_define_process_env();
-import React46, { useCallback as useCallback12, useState as useState16 } from "react";
+import React46, { useCallback as useCallback13, useState as useState16 } from "react";
 import { selectLocalPeerName, selectPermissions as selectPermissions5, useHMSActions as useHMSActions13, useHMSStore as useHMSStore16 } from "@100mslive/react-sdk";
 import {
   CopyIcon as CopyIcon2,
@@ -16576,12 +16585,12 @@ var MwebChatOption = ({
 
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
 init_define_process_env();
-import { useCallback as useCallback10 } from "react";
+import { useCallback as useCallback11 } from "react";
 import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions11, useHMSStore as useHMSStore15 } from "@100mslive/react-sdk";
 var useChatBlacklist = (sessionStoreKey) => {
   const hmsActions = useHMSActions11();
   const blacklistedIDs = useHMSStore15(selectSessionStore2(sessionStoreKey));
-  const blacklistItem = useCallback10(
+  const blacklistItem = useCallback11(
     (blacklistID) => __async(void 0, null, function* () {
       yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
     }),
@@ -16597,17 +16606,17 @@ var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
 
 // src/Prebuilt/components/hooks/usePinnedMessages.ts
 init_define_process_env();
-import { useCallback as useCallback11 } from "react";
+import { useCallback as useCallback12 } from "react";
 import {
   selectPeerNameByID,
   selectSessionStore as selectSessionStore3,
   useHMSActions as useHMSActions12,
-  useHMSVanillaStore as useHMSVanillaStore6
+  useHMSVanillaStore as useHMSVanillaStore7
 } from "@100mslive/react-sdk";
 var usePinnedMessages = () => {
   const hmsActions = useHMSActions12();
-  const vanillaStore = useHMSVanillaStore6();
-  const setPinnedMessages = useCallback11(
+  const vanillaStore = useHMSVanillaStore7();
+  const setPinnedMessages = useCallback12(
     (message, pinnedBy) => __async(void 0, null, function* () {
       const peerName = vanillaStore.getState(selectPeerNameByID(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
       const newPinnedMessage = { text: "", id: message.id, pinnedBy };
@@ -16623,7 +16632,7 @@ var usePinnedMessages = () => {
     }),
     [hmsActions, vanillaStore]
   );
-  const removePinnedMessage = useCallback11(
+  const removePinnedMessage = useCallback12(
     (indexToRemove) => __async(void 0, null, function* () {
       const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
       if (pinnedMessages[indexToRemove]) {
@@ -16635,7 +16644,7 @@ var usePinnedMessages = () => {
     }),
     [hmsActions, vanillaStore]
   );
-  const unpinBlacklistedMessages = useCallback11(
+  const unpinBlacklistedMessages = useCallback12(
     (blacklistedMessageIDSet) => __async(void 0, null, function* () {
       const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
       const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
@@ -16682,14 +16691,14 @@ var ChatActions = ({
     "chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
   );
   const isSenderBlocked = useIsPeerBlacklisted({ peerCustomerUserId: message.senderUserId });
-  const updatePinnedMessages = useCallback12(
+  const updatePinnedMessages = useCallback13(
     (messageID = "") => {
       const blacklistedMessageIDSet = /* @__PURE__ */ new Set([...blacklistedMessageIDs || [], messageID]);
       unpinBlacklistedMessages(blacklistedMessageIDSet);
     },
     [blacklistedMessageIDs, unpinBlacklistedMessages]
   );
-  const copyMessageContent = useCallback12(() => {
+  const copyMessageContent = useCallback13(() => {
     try {
       navigator == null ? void 0 : navigator.clipboard.writeText(message.message);
       ToastManager.addToast({
@@ -17222,7 +17231,7 @@ var MessageWrapper = React48.memo(
 );
 var VirtualizedChatMessages = React48.forwardRef(({ messages, scrollToBottom }, listRef) => {
   const hmsActions = useHMSActions14();
-  const itemKey2 = useCallback13((index, data3) => {
+  const itemKey2 = useCallback14((index, data3) => {
     return data3[index].id;
   }, []);
   useEffect15(() => {
@@ -17282,7 +17291,7 @@ var ChatBody = React48.forwardRef(
       const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
       return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
     }, [blacklistedMessageIDs, messages]);
-    const vanillaStore = useHMSVanillaStore7();
+    const vanillaStore = useHMSVanillaStore8();
     const rerenderOnFirstMount = useRef11(false);
     useEffect15(() => {
       const unsubscribe = vanillaStore.subscribe(() => {
@@ -17335,7 +17344,7 @@ var PIPChat = () => {
   const localPeerID = useHMSStore19(selectLocalPeerID3);
   const count = useHMSStore19(selectUnreadHMSMessagesCount2);
   const [unreadMessageCount, setUnreadMessageCount] = useState19(0);
-  const getSenderName = useCallback14(
+  const getSenderName = useCallback15(
     (senderName, senderID) => {
       const slicedName = senderName.length > 10 ? senderName.slice(0, 10) + "..." : senderName;
       return slicedName + (senderID === localPeerID ? " (You)" : "");
@@ -17358,7 +17367,7 @@ var PIPChat = () => {
   const { elements } = useRoomLayoutConferencingScreen();
   const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
   const canSendChatMessages = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled) || !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.roles_whitelist) == null ? void 0 : _d.length);
-  const getChatStatus = useCallback14(() => {
+  const getChatStatus = useCallback15(() => {
     if (isLocalPeerBlacklisted)
       return "You've been blocked from sending messages";
     if (!isChatEnabled)
@@ -17701,7 +17710,7 @@ import { AlertTriangleIcon as AlertTriangleIcon3 } from "@100mslive/react-icons"
 
 // src/Prebuilt/components/Streaming/ResolutionInput.jsx
 init_define_process_env();
-import React53, { useCallback as useCallback15, useState as useState21 } from "react";
+import React53, { useCallback as useCallback16, useState as useState21 } from "react";
 import { InfoIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/primitives/DialogContent.jsx
@@ -17863,7 +17872,7 @@ var DialogInputFile = (_a7) => {
 // src/Prebuilt/components/Streaming/ResolutionInput.jsx
 var ResolutionInput = ({ onResolutionChange, disabled, tooltipText, css: css2, testId }) => {
   const [resolution, setResolution] = useState21(RTMP_RECORD_DEFAULT_RESOLUTION);
-  const resolutionChangeHandler = useCallback15(
+  const resolutionChangeHandler = useCallback16(
     (event) => {
       const { name, value } = event.target;
       let width = name === "resWidth" ? Number(value) : resolution.width;
@@ -18170,7 +18179,7 @@ var StatsRow2 = React55.memo(({ label, value }) => /* @__PURE__ */ React55.creat
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
 init_define_process_env();
-import React56, { useCallback as useCallback16, useRef as useRef15, useState as useState24 } from "react";
+import React56, { useCallback as useCallback17, useRef as useRef15, useState as useState24 } from "react";
 import { useHMSActions as useHMSActions17 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon3 } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
@@ -18185,7 +18194,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
   const [roleDialog, setRoleDialog] = useState24(false);
   const [errorMessage, setErrorMessage] = useState24("");
   const [isSubmiting, setIsSubmiting] = useState24(false);
-  const changeBulkRole = useCallback16(() => __async(void 0, null, function* () {
+  const changeBulkRole = useCallback17(() => __async(void 0, null, function* () {
     if (selectedBulkRole.length > 0 && selectedRole) {
       try {
         setIsSubmiting(true);
@@ -18425,11 +18434,11 @@ import { ExpandIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/hooks/useFullscreen.ts
 init_define_process_env();
-import { useCallback as useCallback17, useEffect as useEffect18, useState as useState25 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect18, useState as useState25 } from "react";
 import screenfull from "screenfull";
 var useFullscreen = () => {
   const [isFullScreenEnabled, setIsFullScreenEnabled] = useState25(screenfull.isFullscreen);
-  const toggle = useCallback17(() => __async(void 0, null, function* () {
+  const toggle = useCallback18(() => __async(void 0, null, function* () {
     if (!screenfull.isEnabled) {
       ToastManager.addToast({ title: "Fullscreen feature not supported" });
       return;
@@ -18486,7 +18495,7 @@ var FullScreenItem = () => {
 
 // src/Prebuilt/components/MoreSettings/MuteAllModal.tsx
 init_define_process_env();
-import React61, { useCallback as useCallback18, useState as useState26 } from "react";
+import React61, { useCallback as useCallback19, useState as useState26 } from "react";
 import {
   selectAvailableRoleNames as selectAvailableRoleNames4,
   useHMSActions as useHMSActions19,
@@ -18562,7 +18571,7 @@ var MuteAllModal = ({
   const [trackType, setTrackType] = useState26();
   const [selectedRole, setRole] = useState26();
   const [selectedSource, setSource] = useState26();
-  const muteAll = useCallback18(() => __async(void 0, null, function* () {
+  const muteAll = useCallback19(() => __async(void 0, null, function* () {
     yield hmsActions.setRemoteTracksEnabled({
       enabled,
       type: trackType,
@@ -18592,19 +18601,19 @@ var MuteAllModal = ({
 
 // src/Prebuilt/components/hooks/useMetadata.tsx
 init_define_process_env();
-import { useCallback as useCallback19 } from "react";
+import { useCallback as useCallback20 } from "react";
 import {
   selectHasPeerHandRaised,
   selectLocalPeerID as selectLocalPeerID5,
   selectPeerMetadata as selectPeerMetadata2,
   useHMSActions as useHMSActions20,
   useHMSStore as useHMSStore26,
-  useHMSVanillaStore as useHMSVanillaStore8
+  useHMSVanillaStore as useHMSVanillaStore9
 } from "@100mslive/react-sdk";
 var useMyMetadata = () => {
   const hmsActions = useHMSActions20();
   const localPeerId = useHMSStore26(selectLocalPeerID5);
-  const vanillaStore = useHMSVanillaStore8();
+  const vanillaStore = useHMSVanillaStore9();
   const metaData = useHMSStore26(selectPeerMetadata2(localPeerId));
   const isHandRaised = useHMSStore26(selectHasPeerHandRaised(localPeerId));
   const update = (updatedFields) => __async(void 0, null, function* () {
@@ -18617,7 +18626,7 @@ var useMyMetadata = () => {
     }
     return false;
   });
-  const toggleHandRaise = useCallback19(() => __async(void 0, null, function* () {
+  const toggleHandRaise = useCallback20(() => __async(void 0, null, function* () {
     if (isHandRaised) {
       yield hmsActions.lowerLocalPeerHand();
       yield update({ handRaisedAt: void 0 });
@@ -18626,7 +18635,7 @@ var useMyMetadata = () => {
       yield update({ isBRBOn: false, handRaisedAt: Date.now() });
     }
   }), [isHandRaised]);
-  const toggleBRB = useCallback19(() => __async(void 0, null, function* () {
+  const toggleBRB = useCallback20(() => __async(void 0, null, function* () {
     const newValue = !(metaData == null ? void 0 : metaData.isBRBOn);
     yield update({ isBRBOn: newValue });
     if (newValue) {
@@ -18937,7 +18946,7 @@ import {
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
-import React64, { useCallback as useCallback21, useEffect as useEffect20, useRef as useRef16, useState as useState29 } from "react";
+import React64, { useCallback as useCallback22, useEffect as useEffect20, useRef as useRef16, useState as useState29 } from "react";
 import { useMedia as useMedia10 } from "react-use";
 
 // ../hms-video-store/dist/index.js
@@ -21159,7 +21168,7 @@ var mr = (a2, e) => {
 };
 var Xa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var vr = Xa((Ac, no) => {
-  no.exports = { version: "0.12.17-alpha.5", 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.17-alpha.7", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var Sr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Sr || {});
 var Za = ((e) => (e.CHAT = "chat", e))(Za || {});
@@ -21488,7 +21497,7 @@ var vs = () => {
   let a2, e = new pe("hms-analytics-deviceId"), t = e.get();
   return t ? a2 = t : (a2 = oo(), e.set(a2)), a2;
 };
-function ne(a2) {
+function ce(a2) {
   return a2 != null;
 }
 var ys = vr().version;
@@ -21502,7 +21511,7 @@ function Tt(a2 = "prod", e) {
 function Mr(a2) {
   return a2.replace(/ /g, "_");
 }
-var ks = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var ks = (a2, e = ",") => Object.keys(a2).filter((t) => ce(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var H = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: Tt() };
@@ -22266,7 +22275,7 @@ import { ChevronDownIcon as ChevronDownIcon4, ChevronUpIcon as ChevronUpIcon4, M
 
 // src/Prebuilt/components/hooks/useScreenshareAudio.js
 init_define_process_env();
-import { useCallback as useCallback20 } from "react";
+import { useCallback as useCallback21 } from "react";
 import {
   selectPeerSharingAudio,
   selectScreenShareAudioByPeerID,
@@ -22277,7 +22286,7 @@ var useScreenshareAudio = () => {
   const hmsActions = useHMSActions23();
   const peer = useHMSStore28(selectPeerSharingAudio);
   const track = useHMSStore28(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
-  const handleMute = useCallback20(() => {
+  const handleMute = useCallback21(() => {
     if (!peer.isLocal) {
       hmsActions.setVolume(!track.volume ? 100 : 0, track.id);
     } else {
@@ -22365,7 +22374,7 @@ var LiveStatus = () => {
   const intervalRef = useRef16(null);
   const { screenType } = useRoomLayoutConferencingScreen();
   const [liveTime, setLiveTime] = useState29(0);
-  const startTimer = useCallback21(() => {
+  const startTimer = useCallback22(() => {
     intervalRef.current = setInterval(() => {
       var _a8;
       const timeStamp = (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
@@ -22697,8 +22706,8 @@ var ChangeNameModal = ({
 
 // src/Prebuilt/components/AppData/useSheet.ts
 init_define_process_env();
-import { useCallback as useCallback22 } from "react";
-import { selectAppData as selectAppData4, useHMSActions as useHMSActions26, useHMSStore as useHMSStore32, useHMSVanillaStore as useHMSVanillaStore9 } from "@100mslive/react-sdk";
+import { useCallback as useCallback23 } from "react";
+import { selectAppData as selectAppData4, useHMSActions as useHMSActions26, useHMSStore as useHMSStore32, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 var useIsSheetTypeOpen = (sheetType) => {
   if (!sheetType) {
     throw Error("Pass one of the sheet options");
@@ -22707,8 +22716,8 @@ var useIsSheetTypeOpen = (sheetType) => {
 };
 var useSheetToggle = (sheetType) => {
   const hmsActions = useHMSActions26();
-  const vanillaStore = useHMSVanillaStore9();
-  const toggleSheet = useCallback22(() => {
+  const vanillaStore = useHMSVanillaStore10();
+  const toggleSheet = useCallback23(() => {
     const isOpen = vanillaStore.getState(selectAppData4(APP_DATA.sheet)) === sheetType;
     hmsActions.setAppData(APP_DATA.sheet, !isOpen ? sheetType : "");
   }, [vanillaStore, hmsActions, sheetType]);
@@ -23588,7 +23597,7 @@ var ChatToggle = ({ onClick }) => {
 
 // src/Prebuilt/components/Footer/ParticipantList.tsx
 init_define_process_env();
-import React83, { Fragment as Fragment10, useCallback as useCallback23, useState as useState37 } from "react";
+import React83, { Fragment as Fragment10, useCallback as useCallback24, useState as useState37 } from "react";
 import { useDebounce, useMedia as useMedia13 } from "react-use";
 import {
   HMSPeerType as HMSPeerType2,
@@ -24180,7 +24189,7 @@ var ParticipantList = ({
     });
   }
   useSidepaneResetOnLayoutUpdate("participant_list", SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const onSearch = useCallback23((value) => {
+  const onSearch = useCallback24((value) => {
     setFilter((filterValue) => {
       if (!filterValue) {
         filterValue = {};
@@ -24627,7 +24636,7 @@ var Footer2 = ({
 
 // src/Prebuilt/components/Notifications/HLSFailureModal.tsx
 init_define_process_env();
-import React87, { useCallback as useCallback24, useState as useState38 } from "react";
+import React87, { useCallback as useCallback25, useState as useState38 } from "react";
 import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions32, useHMSStore as useHMSStore47, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
 function HLSFailureModal() {
   const hlsError = useHMSStore47(selectHLSState5).error || false;
@@ -24635,7 +24644,7 @@ function HLSFailureModal() {
   const hmsActions = useHMSActions32();
   const { isRTMPRunning } = useRecordingStreaming8();
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const startHLS = useCallback24(() => __async(this, null, function* () {
+  const startHLS = useCallback25(() => __async(this, null, function* () {
     try {
       if (isHLSStarted || isRTMPRunning) {
         return;
@@ -24688,7 +24697,7 @@ import {
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React136, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect40, useMemo as useMemo15, useState as useState58 } from "react";
+import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as useEffect40, useMemo as useMemo15, useState as useState58 } from "react";
 import { useMeasure as useMeasure4, useMedia as useMedia26 } from "react-use";
 import {
   HMSRoomState as HMSRoomState5,
@@ -25011,7 +25020,7 @@ import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
 init_define_process_env();
-import React98, { useCallback as useCallback25, useRef as useRef19, useState as useState40 } from "react";
+import React98, { useCallback as useCallback26, useRef as useRef19, useState as useState40 } from "react";
 import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
@@ -25325,13 +25334,13 @@ var QuestionForm = ({
     weight,
     isQuiz
   });
-  const handleOptionTextChange = useCallback25(
+  const handleOptionTextChange = useCallback26(
     (index2, text2) => {
       setOptions((options2) => [...options2.slice(0, index2), __spreadProps(__spreadValues({}, options2[index2]), { text: text2 }), ...options2.slice(index2 + 1)]);
     },
     [setOptions]
   );
-  const removeOption = useCallback25(
+  const removeOption = useCallback26(
     (index2) => setOptions((options2) => {
       const newOptions = [...options2];
       newOptions.splice(index2, 1);
@@ -25339,7 +25348,7 @@ var QuestionForm = ({
     }),
     [setOptions]
   );
-  const selectSingleChoiceAnswer = useCallback25(
+  const selectSingleChoiceAnswer = useCallback26(
     (answerIndex) => {
       if (!isQuiz) {
         return;
@@ -25352,7 +25361,7 @@ var QuestionForm = ({
     },
     [setOptions, isQuiz]
   );
-  const selectMultipleChoiceAnswer = useCallback25(
+  const selectMultipleChoiceAnswer = useCallback26(
     (checked, index2) => {
       if (!isQuiz) {
         return;
@@ -25904,7 +25913,7 @@ import React106 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React105, { useCallback as useCallback26, useEffect as useEffect28, useMemo as useMemo12, useRef as useRef20, useState as useState44 } from "react";
+import React105, { useCallback as useCallback27, useEffect as useEffect28, useMemo as useMemo12, useRef as useRef20, useState as useState44 } from "react";
 import { match as match8 } from "ts-pattern";
 import { selectLocalPeer as selectLocalPeer3, selectLocalPeerRoleName as selectLocalPeerRoleName3, useHMSActions as useHMSActions36, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon as CrossCircleIcon2 } from "@100mslive/react-icons";
@@ -25950,7 +25959,7 @@ var QuestionCard2 = ({
       return multipleOptionAnswer.size > 0;
     }
   }, [singleOptionAnswer, multipleOptionAnswer, type]);
-  const handleVote = useCallback26(() => __async(void 0, null, function* () {
+  const handleVote = useCallback27(() => __async(void 0, null, function* () {
     if (!isValidVote) {
       return;
     }
@@ -26384,15 +26393,15 @@ import { CrossIcon as CrossIcon23 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
-import React121, { useCallback as useCallback30, useRef as useRef24 } from "react";
+import React121, { useCallback as useCallback31, 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 useHMSActions41, useHMSStore as useHMSStore62, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React116, { useCallback as useCallback28, useEffect as useEffect34, useRef as useRef23, useState as useState51 } from "react";
+import React116, { useCallback as useCallback29, useEffect as useEffect34, useRef as useRef23, useState as useState51 } from "react";
 import { useMedia as useMedia17 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
@@ -26696,7 +26705,7 @@ var ChatSelectorContainer = () => {
 
 // src/Prebuilt/components/AppData/useChatState.js
 init_define_process_env();
-import { useCallback as useCallback27 } from "react";
+import { useCallback as useCallback28 } from "react";
 import { selectAppData as selectAppData7, useHMSActions as useHMSActions38, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
 var useChatDraftMessage = () => {
   const hmsActions = useHMSActions38();
@@ -26704,7 +26713,7 @@ var useChatDraftMessage = () => {
   if (chatDraftMessage === void 0 || chatDraftMessage === null) {
     chatDraftMessage = "";
   }
-  const setDraftMessage = useCallback27(
+  const setDraftMessage = useCallback28(
     (message) => {
       hmsActions.setAppData(APP_DATA.chatDraft, message, true);
     },
@@ -26820,7 +26829,7 @@ var ChatFooter = ({ onSend, children }) => {
       }
     }
   }, [defaultSelection, selectedPeer, selectedRole, setRoleSelector, isMobile, isLandscapeHLSStream, elements == null ? void 0 : elements.chat]);
-  const resetInputHeight = useCallback28(() => {
+  const resetInputHeight = useCallback29(() => {
     if (inputRef.current) {
       inputRef.current.style.height = `${Math.max(
         32,
@@ -26828,12 +26837,12 @@ var ChatFooter = ({ onSend, children }) => {
       )}px`;
     }
   }, []);
-  const updateInputHeight = useCallback28(() => {
+  const updateInputHeight = useCallback29(() => {
     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 = useCallback29(() => __async(void 0, null, function* () {
     var _a8;
     const message = (_a8 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a8.value;
     if (!message || !message.trim().length) {
@@ -27001,7 +27010,7 @@ var ChatFooter = ({ onSend, children }) => {
 
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
-import React117, { useCallback as useCallback29 } from "react";
+import React117, { useCallback as useCallback30 } from "react";
 import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore7, useHMSActions as useHMSActions40, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   var _a7, _b7;
@@ -27010,7 +27019,7 @@ var ChatPaused = () => {
   const can_disable_chat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore60(selectSessionStore7("chatState" /* CHAT_STATE */)) || {};
   const localPeer = useHMSStore60(selectLocalPeer6);
-  const unPauseChat = useCallback29(
+  const unPauseChat = useCallback30(
     () => __async(void 0, null, function* () {
       return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
         enabled: true,
@@ -27235,14 +27244,14 @@ var Chat = () => {
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const listRef = useRef24(null);
   const hmsActions = useHMSActions41();
-  const vanillaStore = useHMSVanillaStore10();
+  const vanillaStore = useHMSVanillaStore11();
   const { enabled: isChatEnabled = true } = useHMSStore62(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 = useCallback31(
     (unreadCount = 0) => {
       var _a8;
       if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
@@ -27649,7 +27658,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
 
 // src/Prebuilt/components/VideoTile.tsx
 init_define_process_env();
-import React128, { useCallback as useCallback31, useMemo as useMemo14, useState as useState56 } from "react";
+import React128, { useCallback as useCallback32, useMemo as useMemo14, useState as useState56 } from "react";
 import { useMeasure as useMeasure3 } from "react-use";
 import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
@@ -28165,7 +28174,7 @@ var Tile = ({
     track,
     isLocal
   });
-  const onHoverHandler = useCallback31((event) => {
+  const onHoverHandler = useCallback32((event) => {
     setIsMouseHovered(event.type === "mouseenter");
   }, []);
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure3();
@@ -28924,7 +28933,7 @@ var PreviewJoin = ({
   });
   const { requestPermission } = useAwayNotifications2();
   const roomState = useHMSStore72(selectRoomState5);
-  const savePreferenceAndJoin = useCallback32(() => {
+  const savePreferenceAndJoin = useCallback33(() => {
     setPreviewPreference({
       name
     });
@@ -29170,7 +29179,7 @@ import {
   selectPeerScreenSharing as selectPeerScreenSharing2,
   selectWhiteboard as selectWhiteboard2,
   useHMSStore as useHMSStore80,
-  useHMSVanillaStore as useHMSVanillaStore12
+  useHMSVanillaStore as useHMSVanillaStore13
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
@@ -29448,11 +29457,11 @@ import { useMeasure as useMeasure5, useMedia as useMedia29 } from "react-use";
 import {
   getPeersWithTiles,
   selectTracksMap as selectTracksMap4,
-  useHMSVanillaStore as useHMSVanillaStore11
+  useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
 var aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
 var usePagesWithTiles = ({ peers, maxTileCount }) => {
-  const vanillaStore = useHMSVanillaStore11();
+  const vanillaStore = useHMSVanillaStore12();
   const tracksMap = vanillaStore.getState(selectTracksMap4);
   const peersWithTiles = useMemo16(
     () => getPeersWithTiles(peers, tracksMap, () => false),
@@ -29478,7 +29487,7 @@ var useTileLayout = ({
   maxTileCount,
   edgeToEdge = false
 }) => {
-  const vanillaStore = useHMSVanillaStore11();
+  const vanillaStore = useHMSVanillaStore12();
   const [ref, { width, height }] = useMeasure5();
   const isMobile = useMedia29(config.media.lg);
   const [pagesWithTiles, setPagesWithTiles] = useState59([]);
@@ -29851,12 +29860,12 @@ import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive
 
 // src/Prebuilt/components/LayoutModeSelector.tsx
 init_define_process_env();
-import React148, { useCallback as useCallback33, useState as useState63 } from "react";
+import React148, { useCallback as useCallback34, useState as useState63 } from "react";
 import { CheckIcon as CheckIcon7, ChevronDownIcon as ChevronDownIcon9, ChevronUpIcon as ChevronUpIcon7 } from "@100mslive/react-icons";
 var LayoutModeSelector = () => {
   const [open, setOpen] = useState63(false);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
-  const updateLayoutMode = useCallback33(
+  const updateLayoutMode = useCallback34(
     (value) => {
       setLayoutMode(value);
       setOpen(false);
@@ -30348,7 +30357,7 @@ var GridLayout = ({
     peers,
     pinnedTrack
   ]);
-  const vanillaStore = useHMSVanillaStore12();
+  const vanillaStore = useHMSVanillaStore13();
   const [sortedPeers, setSortedPeers] = useState66(updatedPeers);
   const peersSorter = useMemo20(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
   const [pageSize, setPageSize] = useState66(0);
@@ -30802,7 +30811,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => import("./HLSView-SG6INEVH.js"));
+var HLSView = React157.lazy(() => import("./HLSView-FAZNEBL5.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -31135,9 +31144,9 @@ var Header2 = () => {
 // src/Prebuilt/components/PreviousRoleInMetadata.tsx
 init_define_process_env();
 import { useEffect as useEffect56 } from "react";
-import { selectLocalPeerRoleName as selectLocalPeerRoleName7, useHMSVanillaStore as useHMSVanillaStore13 } from "@100mslive/react-sdk";
+import { selectLocalPeerRoleName as selectLocalPeerRoleName7, useHMSVanillaStore as useHMSVanillaStore14 } from "@100mslive/react-sdk";
 var PreviousRoleInMetadata = () => {
-  const vanillaStore = useHMSVanillaStore13();
+  const vanillaStore = useHMSVanillaStore14();
   const { updateMetaData } = useMyMetadata();
   useEffect56(() => {
     let previousRole = vanillaStore.getState(selectLocalPeerRoleName7);
@@ -31468,7 +31477,7 @@ import {
   selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled9,
   useHMSActions as useHMSActions50,
-  useHMSVanillaStore as useHMSVanillaStore14
+  useHMSVanillaStore as useHMSVanillaStore15
 } from "@100mslive/react-sdk";
 var isEvenListenersAttached = false;
 var _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind;
@@ -31555,7 +31564,7 @@ _keyDownHandler = new WeakMap();
 _bind = new WeakMap();
 _unbind = new WeakMap();
 var KeyboardHandler = () => {
-  const store = useHMSVanillaStore14();
+  const store = useHMSVanillaStore15();
   const actions = useHMSActions50();
   useEffect60(() => {
     const keyboardManager = new KeyboardInputManager(store, actions);
@@ -31579,10 +31588,10 @@ import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, use
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
 init_define_process_env();
-import { useCallback as useCallback34 } from "react";
+import { useCallback as useCallback35 } from "react";
 var useRedirectToLeave = () => {
   const { onLeave } = useHMSPrebuiltContext();
-  const redirect = useCallback34(
+  const redirect = useCallback35(
     (timeout = 0) => {
       setTimeout(() => {
         PictureInPicture.stop().catch(() => console.error("stopping pip"));
@@ -31747,7 +31756,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React176, { useCallback as useCallback36, useEffect as useEffect73 } from "react";
+import React176, { useCallback as useCallback37, useEffect as useEffect73 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes11,
   HMSRoomState as HMSRoomState10,
@@ -31759,7 +31768,7 @@ import {
   useCustomEvent as useCustomEvent4,
   useHMSNotifications as useHMSNotifications11,
   useHMSStore as useHMSStore93,
-  useHMSVanillaStore as useHMSVanillaStore16
+  useHMSVanillaStore as useHMSVanillaStore17
 } from "@100mslive/react-sdk";
 import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
 
@@ -31838,7 +31847,7 @@ import {
   useAwayNotifications as useAwayNotifications4,
   useHMSNotifications as useHMSNotifications2,
   useHMSStore as useHMSStore92,
-  useHMSVanillaStore as useHMSVanillaStore15
+  useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/ToastBatcher.js
@@ -31846,7 +31855,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
-import React169, { useCallback as useCallback35 } from "react";
+import React169, { useCallback as useCallback36 } from "react";
 import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions51, useHMSStore as useHMSStore91 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
@@ -31877,7 +31886,7 @@ var HandRaiseAction = React169.forwardRef(({ id = "", isSingleHandRaise = true }
     off_stage_roles = [],
     skip_preview_for_role_change = false
   } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
-  const onClickHandler = useCallback35(() => __async(void 0, null, function* () {
+  const onClickHandler = useCallback36(() => __async(void 0, null, function* () {
     if (isSingleHandRaise) {
       hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
       if (skip_preview_for_role_change) {
@@ -32079,7 +32088,7 @@ var HandRaisedNotifications = () => {
   var _a7, _b7;
   const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
   const roomState = useHMSStore92(selectRoomState9);
-  const vanillaStore = useHMSVanillaStore15();
+  const vanillaStore = useHMSVanillaStore16();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
   const amIScreenSharing = useHMSStore92(selectIsLocalScreenShared3);
@@ -32499,13 +32508,13 @@ function Notifications() {
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
-  const vanillaStore = useHMSVanillaStore16();
+  const vanillaStore = useHMSVanillaStore17();
   const togglePollView = usePollViewToggle();
   const { showNotification } = useAwayNotifications5();
   const amIScreenSharing = useHMSStore93(selectIsLocalScreenShared4);
   const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
-  const handleRoleChangeDenied = useCallback36((request) => {
+  const handleRoleChangeDenied = useCallback37((request) => {
     ToastManager.addToast({
       title: `${request.peerName} denied your request to join the ${request.role.name} role`,
       variant: "error"
@@ -32634,17 +32643,17 @@ function Notifications() {
 
 // src/Prebuilt/components/PIP/PIPProvider.tsx
 init_define_process_env();
-import React177, { useCallback as useCallback37, useMemo as useMemo22, useState as useState76 } from "react";
+import React177, { useCallback as useCallback38, useMemo as useMemo22, useState as useState76 } from "react";
 var PIPProvider = ({ children }) => {
   const isSupported = "documentPictureInPicture" in window;
   const [pipWindow, setPipWindow] = useState76(null);
-  const closePipWindow = useCallback37(() => {
+  const closePipWindow = useCallback38(() => {
     if (pipWindow != null) {
       pipWindow.close();
       setPipWindow(null);
     }
   }, [pipWindow]);
-  const requestPipWindow = useCallback37(
+  const requestPipWindow = useCallback38(
     (width, height) => __async(void 0, null, function* () {
       if (pipWindow != null) {
         return;
@@ -32779,7 +32788,7 @@ var Sheet2 = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React183, { useCallback as useCallback38, useEffect as useEffect75, useMemo as useMemo23, useState as useState78 } from "react";
+import React183, { useCallback as useCallback39, useEffect as useEffect75, useMemo as useMemo23, useState as useState78 } from "react";
 import { useMedia as useMedia42 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
@@ -32788,7 +32797,7 @@ import {
   useCustomEvent as useCustomEvent5,
   useHMSActions as useHMSActions54,
   useHMSStore as useHMSStore96,
-  useHMSVanillaStore as useHMSVanillaStore17
+  useHMSVanillaStore as useHMSVanillaStore18
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
 var flyAndFade = keyframes({
@@ -32815,13 +32824,13 @@ var getStartingPoints = (isMobile) => {
 };
 function FlyingEmoji() {
   const localPeerId = useHMSStore96(selectLocalPeerID17);
-  const vanillaStore = useHMSVanillaStore17();
+  const vanillaStore = useHMSVanillaStore18();
   const hmsActions = useHMSActions54();
   const [emojis, setEmojis] = useState78([]);
   const isMobile = useMedia42(config.media.md);
   const isLargeRoom = useHMSStore96(selectIsLargeRoom4);
   const startingPoints = useMemo23(() => getStartingPoints(isMobile), [isMobile]);
-  const showFlyingEmoji = useCallback38(
+  const showFlyingEmoji = useCallback39(
     (_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
       if (!emojiId || !senderId || document.hidden) {
         return;
@@ -32916,11 +32925,11 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React184, { useCallback as useCallback39 } from "react";
+import React184, { useCallback as useCallback40 } from "react";
 import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions55 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
   const actions = useHMSActions55();
-  const onRemoteStopScreenshare = useCallback39(() => __async(this, null, function* () {
+  const onRemoteStopScreenshare = useCallback40(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
   useCustomEvent6({
@@ -32932,7 +32941,7 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback40, useEffect as useEffect76, useRef as useRef30 } from "react";
+import { useCallback as useCallback41, useEffect as useEffect76, useRef as useRef30 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
@@ -32948,7 +32957,7 @@ var useAutoStartStreaming = () => {
   const isConnected = useHMSStore97(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
   const streamStartedRef = useRef30(false);
-  const startHLS = useCallback40(() => __async(void 0, null, function* () {
+  const startHLS = useCallback41(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
         return;
@@ -33181,7 +33190,7 @@ init_define_process_env();
 
 // src/Diagnostics/Diagnostics.tsx
 init_define_process_env();
-import React193, { useCallback as useCallback42, useRef as useRef33, useState as useState84 } from "react";
+import React193, { useCallback as useCallback43, useRef as useRef33, useState as useState84 } from "react";
 import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions59 } from "@100mslive/react-sdk";
 import {
   CheckCircleIcon as CheckCircleIcon7,
@@ -33194,7 +33203,7 @@ import {
 
 // src/Diagnostics/AudioTest.tsx
 init_define_process_env();
-import React189, { useCallback as useCallback41, useEffect as useEffect78, useState as useState80 } from "react";
+import React189, { useCallback as useCallback42, useEffect as useEffect78, useState as useState80 } from "react";
 import {
   selectDevices,
   selectLocalAudioTrackID as selectLocalAudioTrackID2,
@@ -33458,7 +33467,7 @@ var SpeakerTest = () => {
 var AudioTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
   const [error, setErrorAlone] = useState80();
-  const setError = useCallback41(
+  const setError = useCallback42(
     (err) => {
       updateStep(2 /* AUDIO */, { hasFailed: !!err });
       setErrorAlone(err);
@@ -33964,7 +33973,7 @@ var DiagnosticsProvider = () => {
   const [activeStep, setActiveStep] = useState84(0);
   const [steps, setSteps] = useState84(initialSteps);
   const diagnosticsRef = useRef33(actions.initDiagnostics());
-  const updateStep = useCallback42((step, value) => {
+  const updateStep = useCallback43((step, value) => {
     setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
   }, []);
   return /* @__PURE__ */ React193.createElement(
@@ -34117,4 +34126,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-CAKVWPSI.js.map
+//# sourceMappingURL=chunk-YBCPTZFO.js.map