@100mslive/roomkit-react 0.3.19 → 0.3.20-alpha.0

package/dist/{chunk-DIIFM6TW.js → chunk-JCM6FDIX.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_3239d931-854f-451e-b2a1-00f943ca805c", 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.9", 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.19", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3239d931-854f-451e-b2a1-00f943ca805c", 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.19", 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.12", 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.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "594", 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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240901.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.6/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:3006", 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.19", 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: "10775631112", 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: "b1bdfdb1965a14fd6b61e9bb8f9a9c48c556fd37", 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: "35d1ee9741adef39d80387e400edbf575b9a7703324c18f8da2bef3bc3d960a2", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1725893382741-0.6519746386750118:/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--1725893382550-0.5635610781867195:/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--1725893357442-0.015279308298105088:/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--1725893357267-0.1435051772390752:/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_8c8def3e-ea24-4030-925c-559498fb7454", INVOCATION_ID: "62be4ee69caf4730b4b25bc5bc6354c7", 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: "668", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", 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 113", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", 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/27.0.12077973", 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.19", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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: "b1bdfdb1965a14fd6b61e9bb8f9a9c48c556fd37", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_3239d931-854f-451e-b2a1-00f943ca805c", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_3239d931-854f-451e-b2a1-00f943ca805c", 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/27.0.12077973", 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/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3239d931-854f-451e-b2a1-00f943ca805c" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_208a3df6-7e0b-4573-8836-09b3eec6bee0", 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.10-alpha.0", 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.20-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_208a3df6-7e0b-4573-8836-09b3eec6bee0", 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.20-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", 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.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", 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: "597", 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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240908.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.7/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:16089", 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.20-alpha.0", 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: "10826597823", 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: "9292ef206d23ad3743254e046fce98240fa3a134", 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: "c22e362d4a124a26295b0874be722fa21bab0084774b9eb8f80d1f704097281b", 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--1726127935058-0.22146944684020453:/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--1726127934862-0.9808093359390244:/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--1726127909308-0.7527905752517778:/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--1726127909129-0.6871808028331288:/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_227df9f5-3da9-43eb-8ad2-df1b6b3aaaf9", INVOCATION_ID: "1c6566e8da8c474d85e2b8c4afdcf924", 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: "669", 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 222", 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/27.1.12297006", 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.20-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.20-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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: "9292ef206d23ad3743254e046fce98240fa3a134", 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_208a3df6-7e0b-4573-8836-09b3eec6bee0", 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_208a3df6-7e0b-4573-8836-09b3eec6bee0", 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/27.1.12297006", 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/27.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_208a3df6-7e0b-4573-8836-09b3eec6bee0" };
   }
 });
 
@@ -12927,7 +12927,7 @@ import {
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
   useHMSActions as useHMSActions59,
-  useHMSStore as useHMSStore96
+  useHMSStore as useHMSStore97
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AppData/AppData.tsx
@@ -14645,7 +14645,7 @@ import {
   selectRoomState as selectRoomState8,
   useAwayNotifications as useAwayNotifications3,
   useHMSActions as useHMSActions50,
-  useHMSStore as useHMSStore86
+  useHMSStore as useHMSStore87
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Footer/Footer.tsx
@@ -15436,7 +15436,6 @@ var MobileSettingModal = ({
       {
         direction: "column",
         css: {
-          px: "$8",
           pb: "$8",
           overflowY: "auto"
         }
@@ -15454,7 +15453,7 @@ var MobileSettingModal = ({
             css: {
               all: "unset",
               fontFamily: "$sans",
-              py: "$10",
+              p: "$10 $8",
               display: "flex",
               alignItems: "center",
               fontSize: "$sm",
@@ -21421,7 +21420,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
   n((t = t.apply(a2, e)).next());
 });
 var yr = ro((Dc, ho) => {
-  ho.exports = { version: "0.12.19", 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"] };
+  ho.exports = { version: "0.12.20-alpha.0", 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 Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
 var so = ((e) => (e.CHAT = "chat", e))(so || {});
@@ -27963,6 +27962,38 @@ import {
 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon24, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
 
+// src/Prebuilt/components/peerTileUtils.tsx
+init_define_process_env();
+var PEER_NAME_PLACEHOLDER = "peerName";
+var labelMap = /* @__PURE__ */ new Map([
+  [[true, "screen"].toString(), "Your Screen"],
+  [[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
+  [[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
+  [[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
+  [[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
+  [[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
+]);
+var getVideoTileLabel = ({
+  peerName,
+  isLocal,
+  videoTrack,
+  audioTrack
+}) => {
+  const isPeerPresent = peerName !== void 0;
+  if (!isPeerPresent || !videoTrack) {
+    const label2 = labelMap.get([isLocal, void 0].toString());
+    return isPeerPresent && label2 ? label2.replace(PEER_NAME_PLACEHOLDER, peerName) : "";
+  }
+  const isLocallyMuted = (audioTrack == null ? void 0 : audioTrack.volume) === 0;
+  let label = labelMap.get([isLocal, videoTrack.source].toString());
+  if (label) {
+    label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
+  } else {
+    label = `${peerName} ${videoTrack.source}`;
+  }
+  return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
+};
+
 // src/Prebuilt/components/TileMenu/TileMenuContent.tsx
 init_define_process_env();
 import React126, { Fragment as Fragment11 } from "react";
@@ -28201,7 +28232,7 @@ var TileMenuContent = ({
     },
     isAudioEnabled ? /* @__PURE__ */ React126.createElement(MicOnIcon4, { height: 20, width: 20 }) : /* @__PURE__ */ React126.createElement(MicOffIcon5, { height: 20, width: 20 }),
     /* @__PURE__ */ React126.createElement("span", null, isAudioEnabled ? "Mute Audio" : "Request to Unmute Audio")
-  ) : null, canChangeRole && roles.length > 1 ? /* @__PURE__ */ React126.createElement(
+  ) : null, !isScreenshare && canChangeRole && roles.length > 1 ? /* @__PURE__ */ React126.createElement(
     StyledMenuTile.ItemButton,
     {
       className: dragClassName,
@@ -28214,7 +28245,7 @@ var TileMenuContent = ({
     },
     /* @__PURE__ */ React126.createElement(PersonSettingsIcon2, { height: 20, width: 20 }),
     /* @__PURE__ */ React126.createElement("span", null, "Switch Role")
-  ) : null, audioTrackID ? /* @__PURE__ */ React126.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ React126.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React126.createElement(SpeakerIcon3, { height: 20, width: 20 }), /* @__PURE__ */ React126.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React126.createElement(
+  ) : null, !isIOS && audioTrackID ? /* @__PURE__ */ React126.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ React126.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React126.createElement(SpeakerIcon3, { height: 20, width: 20 }), /* @__PURE__ */ React126.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React126.createElement(
     Slider,
     {
       css: { my: "0.5rem" },
@@ -28271,6 +28302,7 @@ var TileMenu = ({
   const isPrimaryVideoTrack = ((_a7 = useHMSStore67(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
   const track = useHMSStore67(selectTrackByID3(videoTrackID));
+  const audioTrack = useHMSStore67(selectTrackByID3(audioTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
   const isMobile = useMedia23(config.media.md);
   const peer = useHMSStore67(selectPeerByID2(peerID));
@@ -28278,7 +28310,7 @@ var TileMenu = ({
   const [showRoleChangeModal, setShowRoleChangeModal] = useState54(false);
   useDropdownList({ open, name: "TileMenu" });
   const dragClassName = getDragClassName();
-  if (!(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
+  if (!peer || !(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
     return null;
   }
   const openNameChangeModal = () => setShowNameChangeModal(true);
@@ -28289,7 +28321,6 @@ var TileMenu = ({
     audioTrackID,
     videoTrackID,
     peerID,
-    isPrimaryVideoTrack,
     showSpotlight,
     showPinAction,
     canMinimise,
@@ -28319,38 +28350,12 @@ var TileMenu = ({
         borderBottom: "1px solid $border_default"
       }
     },
-    /* @__PURE__ */ React127.createElement(Box, null, /* @__PURE__ */ React127.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, peer == null ? void 0 : peer.name, isLocal ? ` (You)` : null), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ React127.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
+    /* @__PURE__ */ React127.createElement(Box, null, /* @__PURE__ */ React127.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, getVideoTileLabel({ peerName: peer == null ? void 0 : peer.name, isLocal, audioTrack, videoTrack: track })), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ React127.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
     /* @__PURE__ */ React127.createElement(Sheet.Close, { css: { color: "inherit" } }, /* @__PURE__ */ React127.createElement(CrossIcon24, null))
   ), /* @__PURE__ */ React127.createElement(Box, { css: { px: "$8", pb: "$8", maxHeight: "80vh", overflowY: "auto" } }, /* @__PURE__ */ React127.createElement(TileMenuContent, __spreadProps(__spreadValues({}, props), { closeSheetOnClick: () => setOpen(false) }))))) : /* @__PURE__ */ React127.createElement(StyledMenuTile.Content, { side: "top", align: "end", css: { maxHeight: "$80", overflowY: "auto" } }, /* @__PURE__ */ React127.createElement(TileMenuContent, __spreadValues({}, props)))), showNameChangeModal && /* @__PURE__ */ React127.createElement(ChangeNameModal, { onOpenChange: setShowNameChangeModal }), showRoleChangeModal && /* @__PURE__ */ React127.createElement(RoleChangeModal, { peerId: peerID, onOpenChange: setShowRoleChangeModal }));
 };
 var TileMenu_default = TileMenu;
 
-// src/Prebuilt/components/peerTileUtils.jsx
-init_define_process_env();
-var PEER_NAME_PLACEHOLDER = "peerName";
-var labelMap = /* @__PURE__ */ new Map([
-  [[true, "screen"].toString(), "Your Screen"],
-  [[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
-  [[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
-  [[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
-  [[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
-  [[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
-]);
-var getVideoTileLabel = ({ peerName, isLocal, track }) => {
-  const isPeerPresent = peerName !== void 0;
-  if (!isPeerPresent || !track) {
-    return isPeerPresent ? labelMap.get([isLocal, void 0].toString()).replace(PEER_NAME_PLACEHOLDER, peerName) : "";
-  }
-  const isLocallyMuted = track.volume === 0;
-  let label = labelMap.get([isLocal, track.source].toString());
-  if (label) {
-    label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
-  } else {
-    label = `${peerName} ${track.source}`;
-  }
-  return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
-};
-
 // src/Prebuilt/components/VideoTile.tsx
 var PeerMetadata = ({ peerId, size }) => {
   const metaData = useHMSStore68(selectPeerMetadata4(peerId));
@@ -28395,8 +28400,9 @@ var Tile = ({
   });
   const label = getVideoTileLabel({
     peerName,
-    track,
-    isLocal
+    isLocal,
+    videoTrack: track,
+    audioTrack
   });
   const onHoverHandler = useCallback32((event) => {
     setIsMouseHovered(event.type === "mouseenter");
@@ -29321,7 +29327,7 @@ import {
   selectIsLocalScreenShared as selectIsLocalScreenShared2,
   selectLocalPeerRoleName as selectLocalPeerRoleName6,
   useHMSActions as useHMSActions48,
-  useHMSStore as useHMSStore83
+  useHMSStore as useHMSStore84
 } from "@100mslive/react-sdk";
 import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon5 } from "@100mslive/react-icons";
 
@@ -29334,7 +29340,7 @@ import {
   selectPeers as selectPeers3,
   selectPeerScreenSharing as selectPeerScreenSharing2,
   selectWhiteboard as selectWhiteboard2,
-  useHMSStore as useHMSStore79,
+  useHMSStore as useHMSStore80,
   useHMSVanillaStore as useHMSVanillaStore13
 } from "@100mslive/react-sdk";
 
@@ -29342,6 +29348,7 @@ import {
 init_define_process_env();
 import React144, { useEffect as useEffect48, useState as useState59 } from "react";
 import { useMedia as useMedia31 } from "react-use";
+import { selectPeerCount as selectPeerCount6, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
 import { PeopleAddIcon as PeopleAddIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/layouts/WaitingView.tsx
@@ -29717,6 +29724,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   const isMobile = useMedia31(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
+  const peerCount = useHMSStore74(selectPeerCount6);
   const pageList = usePagesWithTiles({
     peers,
     maxTileCount
@@ -29746,8 +29754,8 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   ), pageList.length === 0 ? /* @__PURE__ */ React144.createElement(
     WaitingView,
     {
-      title: "You're the first to join",
-      subtitle: "Sit back and relax till others join",
+      title: peerCount <= 1 ? "You're the only one here" : "Glad to have you here",
+      subtitle: peerCount <= 1 ? "Sit back and relax till others join" : "",
       icon: /* @__PURE__ */ React144.createElement(PeopleAddIcon2, { width: "56px", height: "56px", style: { color: "white" } })
     }
   ) : null, isInsetEnabled && /* @__PURE__ */ React144.createElement(InsetTile, null));
@@ -29757,13 +29765,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 init_define_process_env();
 import React147, { useEffect as useEffect50, useState as useState61 } from "react";
 import { useMedia as useMedia33 } from "react-use";
-import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
 import React146, { useEffect as useEffect49, useRef as useRef28, useState as useState60 } from "react";
 import { useMedia as useMedia32 } from "react-use";
-import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore12, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore12, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
 init_define_process_env();
@@ -29850,10 +29858,10 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   const isMobile = useMedia32(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = useState60(0);
-  const pinnedTrackId = useHMSStore74(selectAppData10(APP_DATA.pinnedTrackId));
-  const spotlightPeerId = useHMSStore74(selectSessionStore12("spotlight" /* SPOTLIGHT */));
-  const activeScreensharePeerId = useHMSStore74(selectAppData10(APP_DATA.activeScreensharePeerId));
-  const pinnedPeer = (_a7 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a7.peerId;
+  const pinnedTrackId = useHMSStore75(selectAppData10(APP_DATA.pinnedTrackId));
+  const spotlightPeerId = useHMSStore75(selectSessionStore12("spotlight" /* SPOTLIGHT */));
+  const activeScreensharePeerId = useHMSStore75(selectAppData10(APP_DATA.activeScreensharePeerId));
+  const pinnedPeer = (_a7 = useHMSStore75(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a7.peerId;
   const pageChangedAfterPinning = useRef28(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -29953,7 +29961,7 @@ function RoleProminence({
 }) {
   var _a7;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = useHMSStore75(selectLocalPeer11);
+  const localPeer = useHMSStore76(selectLocalPeer11);
   const isMobile = useMedia33(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? 4 : maxTileCount;
@@ -29989,7 +29997,7 @@ function RoleProminence({
 init_define_process_env();
 import React151, { useEffect as useEffect51, useMemo as useMemo18, useState as useState64 } from "react";
 import { useMedia as useMedia35 } from "react-use";
-import { selectPeersScreenSharing, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
+import { selectPeersScreenSharing, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
@@ -30001,7 +30009,7 @@ import {
   selectPeerByID as selectPeerByID4,
   selectScreenShareAudioByPeerID,
   selectScreenShareByPeerID as selectScreenShareByPeerID2,
-  useHMSStore as useHMSStore76
+  useHMSStore as useHMSStore77
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
 
@@ -30156,10 +30164,10 @@ var labelStyles = {
   flexShrink: 0
 };
 var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-  const isLocal = useHMSStore76(selectLocalPeerID12) === peerId;
-  const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
+  const isLocal = useHMSStore77(selectLocalPeerID12) === peerId;
+  const track = useHMSStore77(selectScreenShareByPeerID2(peerId));
   const { theme: theme2 } = useTheme();
-  const peer = useHMSStore76(selectPeerByID4(peerId));
+  const peer = useHMSStore77(selectPeerByID4(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const [isMouseHovered, setIsMouseHovered] = useState63(false);
   const isMobile = useMedia34(config.media.md);
@@ -30170,7 +30178,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
     onClose: () => setFullscreen(false)
   });
   const isFullScreenSupported = screenfull2.isEnabled;
-  const audioTrack = useHMSStore76(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
+  const audioTrack = useHMSStore77(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
   if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
     return /* @__PURE__ */ React150.createElement(ScreenshareDisplay, null);
   }
@@ -30180,7 +30188,8 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
   const label = getVideoTileLabel({
     peerName: peer == null ? void 0 : peer.name,
     isLocal: false,
-    track
+    videoTrack: track,
+    audioTrack
   });
   return /* @__PURE__ */ React150.createElement(
     StyledVideoTile.Root,
@@ -30249,7 +30258,7 @@ var ScreenshareTile_default = ScreenshareTile;
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   var _a7;
-  const peersSharing = useHMSStore77(selectPeersScreenSharing);
+  const peersSharing = useHMSStore78(selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const [page, setPage] = useState64(0);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
@@ -30301,7 +30310,7 @@ init_define_process_env();
 import React152, { useEffect as useEffect52, useMemo as useMemo19 } from "react";
 import { useMedia as useMedia36 } from "react-use";
 import { Whiteboard } from "@100mslive/hms-whiteboard";
-import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
+import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore79, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var WhiteboardEmbed = () => {
   const isMobile = useMedia36(config.media.md);
   const { token, endpoint, zoomToContent } = useWhiteboard2(isMobile);
@@ -30325,8 +30334,8 @@ var WhiteboardEmbed = () => {
   );
 };
 var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-  const whiteboard = useHMSStore78(selectWhiteboard);
-  const whiteboardOwner = useHMSStore78(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
+  const whiteboard = useHMSStore79(selectWhiteboard);
+  const whiteboardOwner = useHMSStore79(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const isMobile = useMedia36(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
@@ -30471,12 +30480,12 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore79(selectPeerScreenSharing2);
-  const whiteboard = useHMSStore79(selectWhiteboard2);
+  const peerSharing = useHMSStore80(selectPeerScreenSharing2);
+  const whiteboard = useHMSStore80(selectWhiteboard2);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore79(selectPeers3);
-  const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore79(selectLocalPeerID13);
+  const peers = useHMSStore80(selectPeers3);
+  const localPeerRole = useHMSStore80(selectLocalPeerRoleName5);
+  const localPeerID = useHMSStore80(selectLocalPeerID13);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -30575,13 +30584,13 @@ var GridLayout = ({
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
 import React154, { useEffect as useEffect54, useMemo as useMemo21 } from "react";
-import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
 var EmbedView = () => {
   return /* @__PURE__ */ React154.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React154.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore80(selectPeers4);
-  const peerPresenting = useHMSStore80(selectPeerScreenSharing3);
+  const peers = useHMSStore81(selectPeers4);
+  const peerPresenting = useHMSStore81(selectPeerScreenSharing3);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const smallTilePeers = useMemo21(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
@@ -30596,7 +30605,7 @@ var EmbedScreenShareView = ({ children }) => {
   return /* @__PURE__ */ React154.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React154.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React154.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore80(selectAppData11(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore81(selectAppData11(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
   useEffect54(() => {
@@ -30712,7 +30721,7 @@ import { useMedia as useMedia37 } from "react-use";
 import {
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled5,
   selectPeerNameByID as selectPeerNameByID6,
-  useHMSStore as useHMSStore81,
+  useHMSStore as useHMSStore82,
   useTranscript
 } from "@100mslive/react-sdk";
 var SimpleQueue = class {
@@ -30848,7 +30857,7 @@ var CaptionMaintainerQueue = class {
   }
 };
 var TranscriptView = ({ peer_id, data: data3 }) => {
-  const peerName = useHMSStore81(selectPeerNameByID6(peer_id)) || "Participant";
+  const peerName = useHMSStore82(selectPeerNameByID6(peer_id)) || "Participant";
   data3 = data3.trim();
   if (!data3)
     return null;
@@ -30876,7 +30885,7 @@ var CaptionsViewer = ({
   const [captionQueue] = useState66(new CaptionMaintainerQueue());
   const [currentData, setCurrentData] = useState66([]);
   const isCaptionEnabled = useIsCaptionEnabled();
-  const isTranscriptionEnabled = useHMSStore81(selectIsTranscriptionEnabled5);
+  const isTranscriptionEnabled = useHMSStore82(selectIsTranscriptionEnabled5);
   const nodeRef = useRef30(null);
   useEffect56(() => {
     const timeInterval = setInterval(() => {
@@ -30946,9 +30955,9 @@ var CaptionsViewer = ({
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
 init_define_process_env();
 import { useEffect as useEffect57 } from "react";
-import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore82, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
+import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore83, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
 var useCloseScreenshareWhiteboard = () => {
-  const peerSharing = useHMSStore82(selectPeerScreenSharing4);
+  const peerSharing = useHMSStore83(selectPeerScreenSharing4);
   const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
   useEffect57(() => {
     if (isWhiteboardOwner && peerSharing) {
@@ -30958,16 +30967,16 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => import("./HLSView-GYB2QDIN.js"));
+var HLSView = React157.lazy(() => import("./HLSView-VBMAXHBP.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
   var _a7;
-  const localPeerRoleName = useHMSStore83(selectLocalPeerRoleName6);
-  const isConnected = useHMSStore83(selectIsConnectedToRoom9);
-  const isSharingScreen = useHMSStore83(selectIsLocalScreenShared2);
+  const localPeerRoleName = useHMSStore84(selectLocalPeerRoleName6);
+  const isConnected = useHMSStore84(selectIsConnectedToRoom9);
+  const isSharingScreen = useHMSStore84(selectIsLocalScreenShared2);
   const hmsActions = useHMSActions48();
   const urlToIframe = useUrlToEmbed();
   const pdfAnnotatorActive = usePDFConfig();
@@ -31077,7 +31086,7 @@ init_define_process_env();
 init_define_process_env();
 import React160 from "react";
 import { useMedia as useMedia40 } from "react-use";
-import { HMSRoomState as HMSRoomState7, selectRoomState as selectRoomState7, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState7, selectRoomState as selectRoomState7, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
@@ -31113,7 +31122,7 @@ import {
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
   useHMSActions as useHMSActions49,
-  useHMSStore as useHMSStore84
+  useHMSStore as useHMSStore85
 } from "@100mslive/react-sdk";
 import {
   BluetoothIcon,
@@ -31128,9 +31137,9 @@ var CamaraFlipActions = () => {
   const actions = useHMSActions49();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
-  const isVideoOn = useHMSStore84(selectIsLocalVideoEnabled8);
-  const videoTrackId = useHMSStore84(selectLocalVideoTrackID3);
-  const localVideoTrack = useHMSStore84(selectVideoTrackByID7(videoTrackId));
+  const isVideoOn = useHMSStore85(selectIsLocalVideoEnabled8);
+  const videoTrackId = useHMSStore85(selectLocalVideoTrackID3);
+  const localVideoTrack = useHMSStore85(selectVideoTrackByID7(videoTrackId));
   if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
     return null;
   }
@@ -31268,7 +31277,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React159.createElement(Re
 
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
-  const roomState = useHMSStore85(selectRoomState7);
+  const roomState = useHMSStore86(selectRoomState7);
   const isMobile = useMedia40(config.media.md);
   if (roomState !== HMSRoomState7.Connected) {
     return /* @__PURE__ */ React160.createElement(React160.Fragment, null);
@@ -31314,11 +31323,11 @@ var ConferenceScreen = () => {
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-  const roomState = useHMSStore86(selectRoomState8);
-  const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom10);
+  const roomState = useHMSStore87(selectRoomState8);
+  const isConnectedToRoom = useHMSStore87(selectIsConnectedToRoom10);
   const hmsActions = useHMSActions50();
   const [hideControls, setHideControls] = useState68(false);
-  const dropdownList = useHMSStore86(selectAppData12(APP_DATA.dropdownList));
+  const dropdownList = useHMSStore87(selectAppData12(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
   const headerRef = useRef31(null);
   const footerRef = useRef31(null);
@@ -31562,7 +31571,7 @@ import React163, { useEffect as useEffect62 } from "react";
 // src/Prebuilt/services/FeatureFlags.jsx
 init_define_process_env();
 import { useEffect as useEffect61 } from "react";
-import { selectRoomID, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
+import { selectRoomID, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
 var FeatureFlags = class {
   static init(roomId) {
     if (!window.HMS) {
@@ -31587,7 +31596,7 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
 __publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
 __publicField(FeatureFlags, "enableWhiteboard", define_process_env_default.REACT_APP_ENABLE_WHITEBOARD && define_process_env_default.REACT_APP_PUSHER_APP_KEY && define_process_env_default.REACT_APP_PUSHER_AUTHENDPOINT);
 function FeatureFlagsInit() {
-  const roomId = useHMSStore87(selectRoomID);
+  const roomId = useHMSStore88(selectRoomID);
   useEffect61(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
@@ -32302,7 +32311,7 @@ import {
   useAwayNotifications as useAwayNotifications5,
   useCustomEvent as useCustomEvent4,
   useHMSNotifications as useHMSNotifications11,
-  useHMSStore as useHMSStore91,
+  useHMSStore as useHMSStore92,
   useHMSVanillaStore as useHMSVanillaStore17
 } from "@100mslive/react-sdk";
 import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
@@ -32342,12 +32351,12 @@ function AutoplayBlockedModal() {
 init_define_process_env();
 import React170, { useEffect as useEffect65 } from "react";
 import { v4 as uuid4 } from "uuid";
-import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
 var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
-  const chatState = useHMSStore88(selectSessionStore13("chatState" /* CHAT_STATE */));
-  const localPeerId = useHMSStore88(selectLocalPeerID14);
+  const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
+  const localPeerId = useHMSStore89(selectLocalPeerID14);
   useEffect65(() => {
     var _a7, _b7;
     if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
@@ -32381,7 +32390,7 @@ import {
   selectRoomState as selectRoomState9,
   useAwayNotifications as useAwayNotifications4,
   useHMSNotifications as useHMSNotifications2,
-  useHMSStore as useHMSStore90,
+  useHMSStore as useHMSStore91,
   useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
 
@@ -32391,7 +32400,7 @@ init_define_process_env();
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
 import React171, { useCallback as useCallback35 } from "react";
-import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions53, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
+import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions53, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
   ConnectivityIcon,
@@ -32413,7 +32422,7 @@ var HandRaiseAction = React171.forwardRef(({ id = "", isSingleHandRaise = true }
   const hmsActions = useHMSActions53();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const peer = useHMSStore89(selectPeerByID5(id));
+  const peer = useHMSStore90(selectPeerByID5(id));
   const layout = useRoomLayout();
   const {
     bring_to_stage_label,
@@ -32622,11 +32631,11 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 var HandRaisedNotifications = () => {
   var _a7, _b7;
   const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
-  const roomState = useHMSStore90(selectRoomState9);
+  const roomState = useHMSStore91(selectRoomState9);
   const vanillaStore = useHMSVanillaStore16();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
-  const amIScreenSharing = useHMSStore90(selectIsLocalScreenShared3);
+  const amIScreenSharing = useHMSStore91(selectIsLocalScreenShared3);
   const { showNotification } = useAwayNotifications4();
   const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
   useEffect66(() => {
@@ -32959,7 +32968,7 @@ var TrackUnmuteModal = () => {
     {
       title: `Unmute your ${track.type}?`,
       onOpenChange: (value) => !value && setMuteNotification(null),
-      body: `${peer == null ? void 0 : peer.name}is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
+      body: `${peer == null ? void 0 : peer.name} is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
       onAction: () => {
         hmsActions.setEnabledTrack(track.id, enabled);
         setMuteNotification(null);
@@ -33020,17 +33029,17 @@ var TranscriptionNotifications = () => {
 var pollToastKey = {};
 function Notifications() {
   var _a7, _b7;
-  const localPeerID = useHMSStore91(selectLocalPeerID15);
+  const localPeerID = useHMSStore92(selectLocalPeerID15);
   const notification = useHMSNotifications11();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = useHMSStore91(selectRoomState10);
+  const roomState = useHMSStore92(selectRoomState10);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
   const vanillaStore = useHMSVanillaStore17();
   const togglePollView = usePollViewToggle();
   const { showNotification } = useAwayNotifications5();
-  const amIScreenSharing = useHMSStore91(selectIsLocalScreenShared4);
+  const amIScreenSharing = useHMSStore92(selectIsLocalScreenShared4);
   const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
   const handleRoleChangeDenied = useCallback36((request) => {
@@ -33227,7 +33236,7 @@ var PreviewScreen = () => {
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
 import React181, { useEffect as useEffect76, useState as useState77 } from "react";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
@@ -33250,7 +33259,7 @@ var Toast2 = (_a7) => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
-  const isConnected = useHMSStore92(selectIsConnectedToRoom11);
+  const isConnected = useHMSStore93(selectIsConnectedToRoom11);
   const [toasts, setToast] = useState77([]);
   useEffect76(() => {
     ToastManager.addListener(setToast);
@@ -33273,7 +33282,7 @@ var ToastContainer = () => {
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
 import React183 from "react";
-import { selectAppData as selectAppData14, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData14, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
@@ -33297,7 +33306,7 @@ var RoomDetailsSheet = () => {
 
 // src/Prebuilt/layouts/Sheet.tsx
 var Sheet2 = () => {
-  const sheet = useHMSStore93(selectAppData14(APP_DATA.sheet));
+  const sheet = useHMSStore94(selectAppData14(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
     ViewComponent = /* @__PURE__ */ React183.createElement(RoomDetailsSheet, null);
@@ -33315,7 +33324,7 @@ import {
   selectPeerNameByID as selectPeerNameByID8,
   useCustomEvent as useCustomEvent5,
   useHMSActions as useHMSActions56,
-  useHMSStore as useHMSStore94,
+  useHMSStore as useHMSStore95,
   useHMSVanillaStore as useHMSVanillaStore18
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
@@ -33342,12 +33351,12 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore94(selectLocalPeerID16);
+  const localPeerId = useHMSStore95(selectLocalPeerID16);
   const vanillaStore = useHMSVanillaStore18();
   const hmsActions = useHMSActions56();
   const [emojis, setEmojis] = useState78([]);
   const isMobile = useMedia46(config.media.md);
-  const isLargeRoom = useHMSStore94(selectIsLargeRoom4);
+  const isLargeRoom = useHMSStore95(selectIsLargeRoom4);
   const startingPoints = useMemo23(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback38(
     (_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
@@ -33465,15 +33474,15 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
   useHMSActions as useHMSActions58,
-  useHMSStore as useHMSStore95,
+  useHMSStore as useHMSStore96,
   useRecordingStreaming as useRecordingStreaming12
 } from "@100mslive/react-sdk";
 var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const permissions = useHMSStore95(selectPermissions20);
+  const permissions = useHMSStore96(selectPermissions20);
   const showStreamingUI = useShowStreamingUI();
   const hmsActions = useHMSActions58();
-  const isConnected = useHMSStore95(selectIsConnectedToRoom12);
+  const isConnected = useHMSStore96(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
   const streamStartedRef = useRef33(false);
   const startHLS = useCallback40(() => __async(void 0, null, function* () {
@@ -33665,7 +33674,7 @@ var AppStates = ({ activeState }) => {
   return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React186.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React186.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React186.createElement(ConferenceScreen, null));
 };
 var BackSwipe = () => {
-  const isConnectedToRoom = useHMSStore96(selectIsConnectedToRoom13);
+  const isConnectedToRoom = useHMSStore97(selectIsConnectedToRoom13);
   const hmsActions = useHMSActions59();
   useEffect79(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
@@ -33738,7 +33747,7 @@ import {
   selectLocalMediaSettings,
   selectTrackAudioByID as selectTrackAudioByID2,
   useHMSActions as useHMSActions60,
-  useHMSStore as useHMSStore97
+  useHMSStore as useHMSStore98
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
 
@@ -33893,12 +33902,12 @@ var SelectContainer = ({ children }) => /* @__PURE__ */ React190.createElement(B
 var MicTest = ({ setError }) => {
   var _a7, _b7;
   const { hmsDiagnostics } = useDiagnostics();
-  const devices = useHMSStore97(selectDevices);
+  const devices = useHMSStore98(selectDevices);
   const [isRecording, setIsRecording] = useState80(false);
   const [selectedMic, setSelectedMic] = useState80(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
-  const trackID = useHMSStore97(selectLocalAudioTrackID2);
-  const audioLevel = useHMSStore97(selectTrackAudioByID2(trackID));
-  const { audioOutputDeviceId } = useHMSStore97(selectLocalMediaSettings);
+  const trackID = useHMSStore98(selectLocalAudioTrackID2);
+  const audioLevel = useHMSStore98(selectTrackAudioByID2(trackID));
+  const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
   const { playing, setPlaying, audioRef } = useAudioOutputTest({
     deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
   });
@@ -33974,8 +33983,8 @@ var MicTest = ({ setError }) => {
 var SpeakerTest = () => {
   var _a7;
   const actions = useHMSActions60();
-  const devices = useHMSStore97(selectDevices);
-  const { audioOutputDeviceId } = useHMSStore97(selectLocalMediaSettings);
+  const devices = useHMSStore98(selectDevices);
+  const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
   if (devices.audioOutput.length === 0) {
     return /* @__PURE__ */ React190.createElement(React190.Fragment, null);
   }
@@ -34365,15 +34374,15 @@ import {
   selectDevices as selectDevices2,
   selectLocalMediaSettings as selectLocalMediaSettings2,
   selectLocalVideoTrackID as selectLocalVideoTrackID4,
-  useHMSStore as useHMSStore98
+  useHMSStore as useHMSStore99
 } from "@100mslive/react-sdk";
 import { VideoOnIcon as VideoOnIcon5 } from "@100mslive/react-icons";
 var VideoTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const allDevices = useHMSStore98(selectDevices2);
+  const allDevices = useHMSStore99(selectDevices2);
   const { videoInput } = allDevices;
-  const trackID = useHMSStore98(selectLocalVideoTrackID4);
-  const sdkSelectedDevices = useHMSStore98(selectLocalMediaSettings2);
+  const trackID = useHMSStore99(selectLocalVideoTrackID4);
+  const sdkSelectedDevices = useHMSStore99(selectLocalMediaSettings2);
   const [error, setError] = useState83();
   useEffect82(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
@@ -34654,4 +34663,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-DIIFM6TW.js.map
+//# sourceMappingURL=chunk-JCM6FDIX.js.map