@100mslive/roomkit-react 0.3.19-alpha.6 → 0.3.19-alpha.8

package/dist/{chunk-KZIOZDJV.js → chunk-P323KKZF.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_5d40e4cd-a5bf-432a-9f0c-8938de0276f8", 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-alpha.6", 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-alpha.6", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_5d40e4cd-a5bf-432a-9f0c-8938de0276f8", 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-alpha.6", 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: "590", 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: "20240825.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:3000", 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-alpha.6", 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: "10662670030", 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: "bff1ab1173426dcefe0c58e22ac406f01a110443", 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: "92cf93726e0613e11fee294fd6dc5ba1e6be24fd6db6d568cc6874018582f82a", 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--1725261964667-0.9714174939580624:/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--1725261964455-0.6683922873991801:/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--1725261939159-0.7955046597599891:/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--1725261938983-0.7180717708920137:/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_495de3dc-fc8e-4641-8ede-2790c7ec8e12", INVOCATION_ID: "50adb1508fd8445ea807c108c1a3ad5f", 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: "649", 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 473", 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.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-alpha.6", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.6", 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: "bff1ab1173426dcefe0c58e22ac406f01a110443", 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_5d40e4cd-a5bf-432a-9f0c-8938de0276f8", 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_5d40e4cd-a5bf-432a-9f0c-8938de0276f8", 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_5d40e4cd-a5bf-432a-9f0c-8938de0276f8" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_2073671e-e8e5-4931-a799-6ddfc0bc0167", 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-alpha.8", 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-alpha.8", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_2073671e-e8e5-4931-a799-6ddfc0bc0167", 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-alpha.8", 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: "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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240825.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:18166", 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-alpha.8", 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: "10668881368", 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: "da4d46cf000a606d2f48261536d8e00a03c1fdb0", 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: "8abda0f81a131a72fdd6f22fba3a9c600bc25fe4d060e15bf10bb0df11116396", 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--1725286948994-0.305645425302161:/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--1725286948795-0.5121635878357853:/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--1725286922367-0.34493508258857997:/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--1725286922184-0.7176341366414503:/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_471eb000-d1d0-4e1a-9545-38001b22346a", INVOCATION_ID: "baa3cc1be24e454c86f904e400dfbfa6", 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: "651", 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 255", 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.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-alpha.8", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.8", 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: "da4d46cf000a606d2f48261536d8e00a03c1fdb0", 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_2073671e-e8e5-4931-a799-6ddfc0bc0167", 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_2073671e-e8e5-4931-a799-6ddfc0bc0167", 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_2073671e-e8e5-4931-a799-6ddfc0bc0167" };
   }
 });
 
@@ -11262,7 +11262,7 @@ init_define_process_env();
 
 // src/Modal/Dialog.tsx
 init_define_process_env();
-import React11, { useRef as useRef2 } from "react";
+import React11, { useEffect as useEffect3, useRef as useRef2 } from "react";
 import { Root as Root6 } from "@radix-ui/react-dialog";
 import { styled as styled2 } from "@stitches/react";
 
@@ -11341,6 +11341,15 @@ function useDialogContainerSelector() {
 
 // src/Modal/Dialog.tsx
 var StyledDialog = styled2(Root6, {});
+var DialogRoot = (props) => {
+  useEffect3(() => {
+    return () => {
+      if (document)
+        setTimeout(() => document.body.style.pointerEvents = "auto", 0);
+    };
+  }, []);
+  return /* @__PURE__ */ React11.createElement(StyledDialog, __spreadValues({}, props));
+};
 var CustomDialogPortal = ({ children, container }) => {
   const dialogContainerSelector = useDialogContainerSelector();
   const containerRef = useRef2(null);
@@ -11354,7 +11363,7 @@ var CustomDialogPortal = ({ children, container }) => {
   return /* @__PURE__ */ React11.createElement(StyledDialogPortal, { container: containerRef.current }, /* @__PURE__ */ React11.createElement(React11.Fragment, null, children));
 };
 var Dialog = {
-  Root: StyledDialog,
+  Root: DialogRoot,
   Trigger: StyledDialogTrigger,
   Overlay: CustomDialogOverlay,
   Content: CustomDialogContent,
@@ -12007,7 +12016,7 @@ var sigmoid = (z2) => {
 
 // src/AudioLevel/AudioLevel.tsx
 init_define_process_env();
-import React14, { useEffect as useEffect3, useRef as useRef4 } from "react";
+import React14, { useEffect as useEffect4, useRef as useRef4 } from "react";
 import { selectTrackAudioByID, useHMSVanillaStore } from "@100mslive/react-sdk";
 
 // src/AudioLevel/audio-level.png
@@ -12053,7 +12062,7 @@ var AudioBar = () => {
 var AudioLevel = ({ trackId, size }) => {
   const ref = useRef4(null);
   const vanillaStore = useHMSVanillaStore();
-  useEffect3(() => {
+  useEffect4(() => {
     const unsubscribe = vanillaStore.subscribe((audioLevel) => {
       if (ref.current) {
         let index = 0;
@@ -12911,7 +12920,7 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React186, { useEffect as useEffect78, useRef as useRef34 } from "react";
+import React186, { useEffect as useEffect79, useRef as useRef34 } from "react";
 import { match as match16 } from "ts-pattern";
 import {
   HMSReactiveStore,
@@ -12923,7 +12932,7 @@ import {
 
 // src/Prebuilt/components/AppData/AppData.tsx
 init_define_process_env();
-import React23, { useEffect as useEffect5, useMemo as useMemo4, useRef as useRef7 } from "react";
+import React23, { useEffect as useEffect6, useMemo as useMemo4, useRef as useRef7 } from "react";
 import { useMedia } from "react-use";
 import {
   HMSRoomState,
@@ -13266,7 +13275,7 @@ import React22 from "react";
 
 // src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts
 init_define_process_env();
-import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef6, useState as useState5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect5, useRef as useRef6, useState as useState5 } from "react";
 
 // src/Prebuilt/provider/roomLayoutProvider/constants/index.ts
 init_define_process_env();
@@ -13362,7 +13371,7 @@ var useFetchRoomLayout = ({
       setLayout(layout2);
     }
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     (() => __async(void 0, null, function* () {
       var _a7, _b7;
       if (isFetchInProgress.current || !authToken) {
@@ -13741,7 +13750,7 @@ var AppData = React23.memo(() => {
   const sidepaneOpenedRef = useRef7(false);
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
   const isMobile = useMedia(config.media.md);
-  useEffect5(() => {
+  useEffect6(() => {
     var _a8;
     if ((_a8 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a8.enabled_by_default) {
       setNoiseCancellationEnabled(true);
@@ -13757,7 +13766,7 @@ var AppData = React23.memo(() => {
     }
     return "";
   }, [(_b7 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _b7.background_media]);
-  useEffect5(() => {
+  useEffect6(() => {
     hmsActions.initAppData(__spreadValues(__spreadValues({}, initialAppData), appData));
     hmsActions.setFrameworkInfo({
       type: "react-web",
@@ -13765,7 +13774,7 @@ var AppData = React23.memo(() => {
       version: React23.version
     });
   }, [hmsActions]);
-  useEffect5(() => {
+  useEffect6(() => {
     const uiSettings = preferences || {};
     const updatedSettings = __spreadProps(__spreadValues({}, uiSettings), {
       [UI_SETTINGS.isAudioOnly]: void 0,
@@ -13773,7 +13782,7 @@ var AppData = React23.memo(() => {
     });
     hmsActions.setAppData(APP_DATA.uiSettings, updatedSettings, true);
   }, [hmsActions, preferences]);
-  useEffect5(() => {
+  useEffect6(() => {
     var _a8, _b8;
     hmsActions.setAppData(
       APP_DATA.uiSettings,
@@ -13783,13 +13792,13 @@ var AppData = React23.memo(() => {
       true
     );
   }, [hmsActions, isMobile, (_d = (_c = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _c.grid) == null ? void 0 : _d.tiles_in_view]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!preferences.subscribedNotifications) {
       return;
     }
     hmsActions.setAppData(APP_DATA.subscribedNotifications, preferences.subscribedNotifications, true);
   }, [preferences.subscribedNotifications, hmsActions]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (defaultMediaURL && !sidepaneOpenedRef.current && isLocalVideoEnabled) {
       hmsActions.setAppData(APP_DATA.background, defaultMediaURL);
       sidepaneOpenedRef.current = true;
@@ -13808,19 +13817,19 @@ var ResetStreamingStart = () => {
   const [rtmpStarted, setRTMPStarted] = useSetAppDataByKey(APP_DATA.rtmpStarted);
   const toggleStreaming = useSidepaneToggle(SIDE_PANE_OPTIONS.STREAMING);
   const isStreamingOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.STREAMING);
-  useEffect5(() => {
+  useEffect6(() => {
     if (isBrowserRecordingOn && recordingStarted) {
       setRecordingStarted(false);
     }
   }, [isBrowserRecordingOn, recordingStarted, setRecordingStarted]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (roomState === HMSRoomState.Disconnected) {
       setHLSStarted(false);
       setRecordingStarted(false);
       setRTMPStarted(false);
     }
   }, [roomState, setHLSStarted, setRTMPStarted, setRecordingStarted]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (isHLSRunning || hlsError) {
       if (hlsStarted) {
         setHLSStarted(false);
@@ -13830,7 +13839,7 @@ var ResetStreamingStart = () => {
       }
     }
   }, [isHLSRunning, hlsStarted, setHLSStarted, hlsError, isStreamingOpen, toggleStreaming]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (isRTMPRunning || rtmpError || isBrowserRecordingOn) {
       if (rtmpStarted) {
         setRTMPStarted(false);
@@ -13845,7 +13854,7 @@ var ResetStreamingStart = () => {
 
 // src/Prebuilt/components/AuthToken.tsx
 init_define_process_env();
-import React26, { useEffect as useEffect7, useRef as useRef8, useState as useState6 } from "react";
+import React26, { useEffect as useEffect8, useRef as useRef8, useState as useState6 } from "react";
 import { useSessionStorage } from "react-use";
 import { match as match3 } from "ts-pattern";
 import { v4 as uuid } from "uuid";
@@ -13874,7 +13883,7 @@ var useHMSPrebuiltContext = () => {
 
 // src/Prebuilt/AppStateContext.tsx
 init_define_process_env();
-import React25, { useContext as useContext3, useEffect as useEffect6 } from "react";
+import React25, { useContext as useContext3, useEffect as useEffect7 } from "react";
 import { usePreviousDistinct } from "react-use";
 import { match as match2, P as P2 } from "ts-pattern";
 import { HMSRoomState as HMSRoomState2, selectRoomState as selectRoomState2, useHMSActions as useHMSActions5, useHMSStore as useHMSStore7 } from "@100mslive/react-sdk";
@@ -14480,7 +14489,7 @@ var useAppStateManager = () => {
     hmsActions.setAppData(APP_DATA.authToken, "");
     setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
   };
-  useEffect6(() => {
+  useEffect7(() => {
     if (!roomLayout) {
       return;
     }
@@ -14518,7 +14527,7 @@ var AuthToken = React26.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken, a
   const [tokenInAppData, setAuthTokenInAppData] = useSetAppDataByKey(APP_DATA.authToken);
   const [savedUserId, setSavedUserId] = useSessionStorage(UserPreferencesKeys.USER_ID);
   const progressRef = useRef8(null);
-  useEffect7(() => {
+  useEffect8(() => {
     if (authToken) {
       setAuthTokenInAppData(authToken);
       return;
@@ -14612,7 +14621,7 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React161, { useEffect as useEffect59, useRef as useRef31, useState as useState68 } from "react";
+import React161, { useEffect as useEffect60, useRef as useRef31, useState as useState68 } from "react";
 import { v4 as uuid3 } from "uuid";
 import {
   HMSRoomState as HMSRoomState8,
@@ -14626,13 +14635,13 @@ import {
 
 // src/Prebuilt/components/Footer/Footer.tsx
 init_define_process_env();
-import React86, { useEffect as useEffect27 } from "react";
+import React86, { useEffect as useEffect28 } from "react";
 import { useMedia as useMedia15 } from "react-use";
 import { Chat_ChatState } from "@100mslive/types-prebuilt/elements/chat";
 
 // src/Prebuilt/components/AudioVideoToggle.tsx
 init_define_process_env();
-import React34, { Fragment as Fragment3, useCallback as useCallback9, useEffect as useEffect11, useState as useState10 } from "react";
+import React34, { Fragment as Fragment3, useCallback as useCallback9, useEffect as useEffect12, useState as useState10 } from "react";
 import { HMSKrispPlugin } from "@100mslive/hms-noise-cancellation";
 import {
   DeviceType as DeviceType2,
@@ -14885,7 +14894,7 @@ var ActionTile = {
 
 // src/Prebuilt/components/Settings/SettingsModal.jsx
 init_define_process_env();
-import React33, { useCallback as useCallback8, useEffect as useEffect10, useState as useState9 } from "react";
+import React33, { useCallback as useCallback8, useEffect as useEffect11, useState as useState9 } from "react";
 import { useMedia as useMedia3 } from "react-use";
 import { ChevronLeftIcon, CrossIcon as CrossIcon3, GridFourIcon, NotificationsIcon, SettingsIcon } from "@100mslive/react-icons";
 
@@ -14996,7 +15005,7 @@ var Sheet = {
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 init_define_process_env();
-import React31, { Fragment as Fragment2, useEffect as useEffect9, useRef as useRef10, useState as useState8 } from "react";
+import React31, { Fragment as Fragment2, useEffect as useEffect10, useRef as useRef10, useState as useState8 } from "react";
 import { useMedia as useMedia2 } from "react-use";
 import {
   DeviceType,
@@ -15058,11 +15067,11 @@ var DialogDropdownTrigger = React30.forwardRef(({ title, css: css2, open, icon,
 
 // src/Prebuilt/components/hooks/useAudioOutputTest.tsx
 init_define_process_env();
-import { useEffect as useEffect8, useRef as useRef9, useState as useState7 } from "react";
+import { useEffect as useEffect9, useRef as useRef9, useState as useState7 } from "react";
 var useAudioOutputTest = ({ deviceId }) => {
   const audioRef = useRef9(null);
   const [playing, setPlaying] = useState7(false);
-  useEffect8(() => {
+  useEffect9(() => {
     if (audioRef.current && deviceId) {
       try {
         if (typeof audioRef.current.setSinkId !== "undefined") {
@@ -15095,7 +15104,7 @@ var Settings = ({ setHide }) => {
   const hmsActions = useHMSActions7();
   const track = useHMSStore8(trackSelector);
   const isMobile = useMedia2(config.media.md);
-  useEffect9(() => {
+  useEffect10(() => {
     if (isMobile) {
       hmsActions.refreshDevices();
     }
@@ -15340,7 +15349,7 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
     (key) => (hide) => setShowSetting((prev) => __spreadProps(__spreadValues({}, prev), { [key]: !hide })),
     [setShowSetting]
   );
-  useEffect10(() => {
+  useEffect11(() => {
     if (screenType === "hls_live_streaming") {
       hideSettingByTabName("layout")(true);
     }
@@ -15352,7 +15361,7 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
   const resetSelection = useCallback8(() => {
     setSelection("");
   }, []);
-  useEffect10(() => {
+  useEffect11(() => {
     var _a7;
     if (isMobile) {
       setSelection("");
@@ -15753,7 +15762,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const isNoiseCancellationEnabled = useIsNoiseCancellationEnabled();
   const { setNoiseCancellationWithPlugin, inProgress } = useNoiseCancellationWithPlugin();
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
-  useEffect11(() => {
+  useEffect12(() => {
     (() => __async(void 0, null, function* () {
       var _a7;
       const isEnabledForRoom = (_a7 = vanillaStore.getState(selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
@@ -15903,10 +15912,10 @@ var EmojiContainer = styled("span", {
 
 // src/Prebuilt/components/hooks/useDropdownList.ts
 init_define_process_env();
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect13 } from "react";
 var useDropdownList = ({ name, open }) => {
   const [dropdownList = [], setDropdownList] = useSetAppDataByKey(APP_DATA.dropdownList);
-  useEffect12(() => {
+  useEffect13(() => {
     if (open) {
       if (!dropdownList.includes(name)) {
         setDropdownList([...dropdownList, name]);
@@ -15924,7 +15933,7 @@ var useDropdownList = ({ name, open }) => {
 
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
-import { useCallback as useCallback10, useEffect as useEffect13, useMemo as useMemo5, useRef as useRef11, useState as useState11 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect14, useMemo as useMemo5, useRef as useRef11, useState as useState11 } from "react";
 import { useMedia as useMedia4 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
@@ -16032,7 +16041,7 @@ var useRecordingHandler = () => {
   const recordingState = useHMSStore11(selectRecordingState);
   const [isRecordingLoading, setIsRecordingLoading] = useState11(false);
   const [recordingStarted, setRecordingState] = useSetAppDataByKey(APP_DATA.recordingStarted);
-  useEffect13(() => {
+  useEffect14(() => {
     if (recordingState.browser.error && recordingStarted) {
       setRecordingState(false);
     }
@@ -16593,7 +16602,7 @@ import React45 from "react";
 
 // src/Prebuilt/components/PIP/PIPComponent.tsx
 init_define_process_env();
-import React44, { useCallback as useCallback11, useEffect as useEffect14, useState as useState15 } from "react";
+import React44, { useCallback as useCallback11, useEffect as useEffect15, useState as useState15 } from "react";
 import { selectPeers as selectPeers2, selectTracksMap, useHMSActions as useHMSActions11, useHMSVanillaStore as useHMSVanillaStore6 } from "@100mslive/react-sdk";
 import { PipIcon } from "@100mslive/react-icons";
 
@@ -16673,7 +16682,7 @@ var PIPComponent = ({ content = null }) => {
 var ActivatedPIP = () => {
   const store = useHMSVanillaStore6();
   const pinnedTrack = usePinnedTrack();
-  useEffect14(() => {
+  useEffect15(() => {
     function subscribeToStore() {
       return store.subscribe((tracksMap) => {
         let pipPeers = store.getState(selectPeers2);
@@ -16712,7 +16721,7 @@ var PIP = ({ content = null }) => {
 
 // src/Prebuilt/components/PIP/PIPChat.tsx
 init_define_process_env();
-import React50, { useCallback as useCallback16, useEffect as useEffect17, useMemo as useMemo7, useState as useState19 } from "react";
+import React50, { useCallback as useCallback16, useEffect as useEffect18, useMemo as useMemo7, useState as useState19 } from "react";
 import {
   selectHMSMessages as selectHMSMessages2,
   selectLocalPeerID as selectLocalPeerID3,
@@ -16759,7 +16768,7 @@ var TextArea = styled("textarea", {
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
-import React49, { Fragment as Fragment6, useCallback as useCallback15, useEffect as useEffect16, useLayoutEffect, useMemo as useMemo6, useRef as useRef12, useState as useState18 } from "react";
+import React49, { Fragment as Fragment6, useCallback as useCallback15, useEffect as useEffect17, useLayoutEffect, useMemo as useMemo6, useRef as useRef12, useState as useState18 } from "react";
 import { useMedia as useMedia8 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
@@ -17129,12 +17138,12 @@ var EmptyChat = () => {
 
 // src/Prebuilt/components/hooks/usePinnedBy.tsx
 init_define_process_env();
-import { useEffect as useEffect15, useState as useState17 } from "react";
+import { useEffect as useEffect16, useState as useState17 } from "react";
 import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore18 } from "@100mslive/react-sdk";
 var usePinnedBy = (messageId) => {
   const pinnedMessages = useHMSStore18(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedBy, setPinnedBy] = useState17("");
-  useEffect15(() => {
+  useEffect16(() => {
     let match17 = "";
     pinnedMessages == null ? void 0 : pinnedMessages.forEach((pinnedMessage) => {
       if (pinnedMessage.id === messageId) {
@@ -17456,7 +17465,7 @@ var VirtualizedChatMessages = React49.forwardRef(({ messages, scrollToBottom },
   const itemKey2 = useCallback15((index, data3) => {
     return data3[index].id;
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     requestAnimationFrame(() => scrollToBottom(1));
   }, [scrollToBottom]);
   return /* @__PURE__ */ React49.createElement(
@@ -17515,7 +17524,7 @@ var ChatBody = React49.forwardRef(
     }, [blacklistedMessageIDs, messages]);
     const vanillaStore = useHMSVanillaStore8();
     const rerenderOnFirstMount = useRef12(false);
-    useEffect16(() => {
+    useEffect17(() => {
       const unsubscribe = vanillaStore.subscribe(() => {
         if (!listRef.current) {
           return;
@@ -17527,7 +17536,7 @@ var ChatBody = React49.forwardRef(
       }, selectUnreadHMSMessagesCount);
       return unsubscribe;
     }, [vanillaStore, listRef, scrollToBottom]);
-    useEffect16(() => {
+    useEffect17(() => {
       if (filteredMessages.length > 0 && (listRef == null ? void 0 : listRef.current) && !rerenderOnFirstMount.current) {
         rerenderOnFirstMount.current = true;
         listRef.current.resetAfterIndex(0);
@@ -17573,7 +17582,7 @@ var PIPChat = () => {
     },
     [localPeerID]
   );
-  useEffect17(() => {
+  useEffect18(() => {
     const timeoutId = setTimeout(() => {
       setUnreadMessageCount(count);
     }, 100);
@@ -18233,7 +18242,7 @@ var StartRecording_default = StartRecording;
 
 // src/Prebuilt/components/StatsForNerds.jsx
 init_define_process_env();
-import React56, { useEffect as useEffect18, useMemo as useMemo8, useRef as useRef15, useState as useState23 } from "react";
+import React56, { useEffect as useEffect19, useMemo as useMemo8, useRef as useRef15, useState as useState23 } from "react";
 import { match as match4, P as P3 } from "ts-pattern";
 import {
   selectHMSStats as selectHMSStats3,
@@ -18255,7 +18264,7 @@ var StatsForNerds = ({ onOpenChange }) => {
   const [open, setOpen] = useState23(false);
   const ref = useRef15();
   const selectionBg = useDropdownSelection();
-  useEffect18(() => {
+  useEffect19(() => {
     if (selectedStat.id !== "local-peer" && !tracksWithLabels.find((track) => track.id === selectedStat.id)) {
       setSelectedStat("local-peer");
     }
@@ -18664,7 +18673,7 @@ import { ExpandIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/hooks/useFullscreen.ts
 init_define_process_env();
-import { useCallback as useCallback19, useEffect as useEffect19, useState as useState25 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect20, useState as useState25 } from "react";
 import screenfull from "screenfull";
 var useFullscreen = () => {
   const [isFullScreenEnabled, setIsFullScreenEnabled] = useState25(screenfull.isFullscreen);
@@ -18684,7 +18693,7 @@ var useFullscreen = () => {
       ToastManager.addToast({ title: err.message });
     }
   }), [isFullScreenEnabled]);
-  useEffect19(() => {
+  useEffect20(() => {
     const onChange = () => {
       setIsFullScreenEnabled(screenfull.isFullscreen);
     };
@@ -18867,7 +18876,7 @@ var useMyMetadata = () => {
 
 // src/Prebuilt/components/PIP/usePIPChat.tsx
 init_define_process_env();
-import { useEffect as useEffect20 } from "react";
+import { useEffect as useEffect21 } from "react";
 import { useHMSActions as useHMSActions22 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/PIP/usePIPWindow.tsx
@@ -18892,7 +18901,7 @@ var usePIPWindow = () => {
 var usePIPChat = () => {
   const hmsActions = useHMSActions22();
   const { isSupported, requestPipWindow, pipWindow, closePipWindow } = usePIPWindow();
-  useEffect20(() => {
+  useEffect21(() => {
     if (document && pipWindow) {
       const style = document.createElement("style");
       style.id = "stitches";
@@ -18900,7 +18909,7 @@ var usePIPChat = () => {
       pipWindow.document.head.appendChild(style);
     }
   }, [pipWindow]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (pipWindow) {
       const chatContainer = pipWindow.document.getElementById("chat-container");
       const selector = pipWindow.document.getElementById("selector");
@@ -18973,7 +18982,7 @@ var usePIPChat = () => {
       }
     }
   }, [pipWindow, hmsActions]);
-  useEffect20(() => {
+  useEffect21(() => {
     return () => {
       pipWindow && closePipWindow();
     };
@@ -19159,7 +19168,7 @@ import {
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
-import React64, { useCallback as useCallback22, useEffect as useEffect21, useRef as useRef17, useState as useState28 } from "react";
+import React64, { useCallback as useCallback22, useEffect as useEffect22, useRef as useRef17, useState as useState28 } from "react";
 import { useMedia as useMedia11 } from "react-use";
 
 // ../hms-video-store/dist/index.js
@@ -21397,7 +21406,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-alpha.6", 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.19-alpha.8", 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 || {});
@@ -22563,7 +22572,7 @@ var LiveStatus = () => {
       }
     }, 1e3);
   }, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants, screenType]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (hlsState == null ? void 0 : hlsState.running) {
       startTimer();
     }
@@ -22906,13 +22915,13 @@ var useSheetToggle = (sheetType) => {
 
 // src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx
 init_define_process_env();
-import { useEffect as useEffect22, useState as useState30 } from "react";
+import { useEffect as useEffect23, useState as useState30 } from "react";
 import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
 var useUnreadPollQuizPresent = () => {
   const localPeerID = useHMSStore32(Ee);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState30(false);
-  useEffect22(() => {
+  useEffect23(() => {
     if (!notification) {
       return;
     }
@@ -23715,7 +23724,7 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
 
 // src/Prebuilt/components/VirtualBackground/VBToggle.tsx
 init_define_process_env();
-import React77, { useEffect as useEffect23 } from "react";
+import React77, { useEffect as useEffect24 } from "react";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes2 } from "@100mslive/hms-virtual-background/hmsvbplugin";
 import {
   selectAppData as selectAppData5,
@@ -23736,7 +23745,7 @@ var VBToggle = () => {
   const loadingEffects = useHMSStore35(selectAppData5(APP_DATA.loadingEffects));
   const hmsActions = useHMSActions28();
   const { toggleVideo } = useAVToggle3();
-  useEffect23(() => {
+  useEffect24(() => {
     var _a7;
     if (!toggleVideo) {
       (_a7 = VBHandler) == null ? void 0 : _a7.reset();
@@ -23971,7 +23980,7 @@ var RemoveParticipant = ({ peerId }) => {
 
 // src/Prebuilt/components/Footer/RoleAccordion.tsx
 init_define_process_env();
-import React82, { useEffect as useEffect24 } from "react";
+import React82, { useEffect as useEffect25 } from "react";
 import { useMeasure } from "react-use";
 import { FixedSizeList } from "react-window";
 import { selectIsLargeRoom, useHMSStore as useHMSStore41, usePaginatedParticipants } from "@100mslive/react-sdk";
@@ -24215,7 +24224,7 @@ var RoleAccordion = ({
   const { bringAllToStage, bring_to_stage_label, canBringToStage, lowerAllHands } = useGroupOnStageActions({
     peers: peersInAccordion
   });
-  useEffect24(() => {
+  useEffect25(() => {
     if (!isOffStageRole || !isLargeRoom) {
       return;
     }
@@ -24303,13 +24312,13 @@ var RoleAccordion = ({
 
 // src/Prebuilt/components/AppData/useSidepaneResetOnLayoutUpdate.tsx
 init_define_process_env();
-import { useEffect as useEffect25 } from "react";
+import { useEffect as useEffect26 } from "react";
 import { selectAppData as selectAppData6, useHMSStore as useHMSStore42 } from "@100mslive/react-sdk";
 var useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
   const { elements } = useRoomLayoutConferencingScreen();
   const sidepane = useHMSStore42(selectAppData6(APP_DATA.sidePane));
   const resetSidePane = useSidepaneReset();
-  useEffect25(() => {
+  useEffect26(() => {
     if (sidepane === sidepaneOption && !(elements == null ? void 0 : elements[layoutKey])) {
       resetSidePane();
     }
@@ -24706,13 +24715,13 @@ var ParticipantSearch = ({
 
 // src/Prebuilt/components/Footer/PollsToggle.tsx
 init_define_process_env();
-import React84, { useEffect as useEffect26 } from "react";
+import React84, { useEffect as useEffect27 } from "react";
 import { QuizActiveIcon as QuizActiveIcon2, QuizIcon as QuizIcon2 } from "@100mslive/react-icons";
 var PollsToggle = () => {
   const isPollsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.POLLS);
   const togglePollView = usePollViewToggle();
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
-  useEffect26(() => {
+  useEffect27(() => {
     if (unreadPollQuiz && isPollsOpen) {
       setUnreadPollQuiz(false);
     }
@@ -24783,7 +24792,7 @@ var Footer2 = ({
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const { showPolls } = useShowPolls();
-  useEffect27(() => {
+  useEffect28(() => {
     if (!isChatOpen && openByDefault) {
       toggleChat();
     }
@@ -24883,7 +24892,7 @@ function HLSFailureModal() {
 
 // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
 init_define_process_env();
-import React138, { useEffect as useEffect43 } from "react";
+import React138, { useEffect as useEffect44 } from "react";
 import {
   selectIsInPreview,
   selectLocalPeerName as selectLocalPeerName4,
@@ -24896,7 +24905,7 @@ import {
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as useEffect42, useMemo as useMemo15, useState as useState57 } from "react";
+import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as useEffect43, useMemo as useMemo15, useState as useState57 } from "react";
 import { useMeasure as useMeasure4, useMedia as useMedia27 } from "react-use";
 import {
   HMSRoomState as HMSRoomState6,
@@ -24917,7 +24926,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
 
 // src/Prebuilt/layouts/SidePane.tsx
 init_define_process_env();
-import React132, { useEffect as useEffect41 } from "react";
+import React132, { useEffect as useEffect42 } from "react";
 import { useMedia as useMedia25 } from "react-use";
 import { match as match12 } from "ts-pattern";
 import { selectAppData as selectAppData8, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
@@ -24928,7 +24937,7 @@ import React109 from "react";
 
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 init_define_process_env();
-import React90, { useEffect as useEffect28, useMemo as useMemo9, useRef as useRef19, useState as useState38 } from "react";
+import React90, { useEffect as useEffect29, useMemo as useMemo9, useRef as useRef19, useState as useState38 } from "react";
 import {
   selectLocalPeerRoleName as selectLocalPeerRoleName2,
   selectPermissions as selectPermissions16,
@@ -25091,7 +25100,7 @@ var AddMenu = () => {
   const { setPollState } = usePollViewState();
   const [interactionType, setInteractionType] = useState38("Poll" /* POLL */);
   const inputRef = useRef19(null);
-  useEffect28(() => {
+  useEffect29(() => {
     if (inputRef.current) {
       inputRef.current.focus();
     }
@@ -25178,7 +25187,7 @@ var PrevMenu = () => {
     [polls]
   );
   const permissions = useHMSStore48(selectPermissions16);
-  useEffect28(() => {
+  useEffect29(() => {
     const updatePolls = () => __async(void 0, null, function* () {
       yield hmsActions.interactivityCenter.getPolls();
     });
@@ -25938,7 +25947,7 @@ var StatisticBox = ({ title, value = 0 }) => {
 
 // src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx
 init_define_process_env();
-import { useEffect as useEffect29, useState as useState41 } from "react";
+import { useEffect as useEffect30, useState as useState41 } from "react";
 import {
   selectPollByID as selectPollByID2,
   useHMSActions as useHMSActions36,
@@ -25956,7 +25965,7 @@ var useQuizSummary = (quizID) => {
     correctUsers: 0
   };
   const [calculations, setCalculations] = useState41({ maxPossibleScore: 0, totalResponses: 0 });
-  useEffect29(() => {
+  useEffect30(() => {
     const fetchLeaderboardData = () => __async(void 0, null, function* () {
       var _a7;
       if (!quizLeaderboard && quiz && !(quiz == null ? void 0 : quiz.anonymous) && quiz.state === "stopped") {
@@ -26096,7 +26105,7 @@ var LeaderboardSummary = ({ pollID }) => {
 
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 init_define_process_env();
-import React108, { useEffect as useEffect32, useRef as useRef22, useState as useState45 } from "react";
+import React108, { useEffect as useEffect33, useRef as useRef22, useState as useState45 } from "react";
 import {
   selectLocalPeer as selectLocalPeer4,
   selectPeerNameByID as selectPeerNameByID4,
@@ -26113,7 +26122,7 @@ import React106 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React105, { useCallback as useCallback27, useEffect as useEffect30, useMemo as useMemo12, useRef as useRef21, useState as useState43 } from "react";
+import React105, { useCallback as useCallback27, useEffect as useEffect31, useMemo as useMemo12, useRef as useRef21, useState as useState43 } from "react";
 import { match as match9 } from "ts-pattern";
 import { selectLocalPeer as selectLocalPeer3, selectLocalPeerRoleName as selectLocalPeerRoleName3, useHMSActions as useHMSActions37, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon4, CrossCircleIcon as CrossCircleIcon2 } from "@100mslive/react-icons";
@@ -26139,7 +26148,7 @@ var QuestionCard2 = ({
   const localPeerRoleName = useHMSStore53(selectLocalPeerRoleName3);
   const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
   const [localPeerChoice, setLocalPeerChoice] = useState43(localPeerResponse);
-  useEffect30(() => {
+  useEffect31(() => {
     setLocalPeerChoice(localPeerResponse);
   }, [localPeerResponse]);
   const showVoteCount = roleCanViewResponse && (localPeerChoice || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
@@ -26321,7 +26330,7 @@ var StandardView = ({
 
 // src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
 init_define_process_env();
-import React107, { useEffect as useEffect31, useState as useState44 } from "react";
+import React107, { useEffect as useEffect32, useState as useState44 } from "react";
 var TimedView = ({
   poll,
   localPeerResponses,
@@ -26331,7 +26340,7 @@ var TimedView = ({
   const [currentIndex, setCurrentIndex] = useState44(getIndexToShow(localPeerResponses));
   const activeQuestion = (_a7 = poll.questions) == null ? void 0 : _a7.find((question) => question.index === currentIndex);
   const attemptedAll = (((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0) < currentIndex;
-  useEffect31(() => {
+  useEffect32(() => {
     setCurrentIndex(getIndexToShow(localPeerResponses));
   }, [localPeerResponses]);
   if (!activeQuestion && !attemptedAll || !((_c = poll.questions) == null ? void 0 : _c.length)) {
@@ -26376,11 +26385,11 @@ var Voting = ({ id, toggleVoting }) => {
   const localPeer = useHMSStore54(selectLocalPeer4);
   const localPeerId = localPeer == null ? void 0 : localPeer.id;
   const customerUserId = localPeer == null ? void 0 : localPeer.customerUserId;
-  useEffect32(() => {
+  useEffect33(() => {
     fetchedInitialResponses.current = false;
     setSavedResponses({});
   }, [id, setSavedResponses]);
-  useEffect32(() => {
+  useEffect33(() => {
     const getResponses = () => __async(void 0, null, function* () {
       if (poll && actions.interactivityCenter && !fetchedInitialResponses.current) {
         yield actions.interactivityCenter.getPollResponses(poll, true);
@@ -26389,7 +26398,7 @@ var Voting = ({ id, toggleVoting }) => {
     });
     getResponses();
   }, [poll, actions.interactivityCenter]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (poll == null ? void 0 : poll.questions) {
       const localPeerResponses = getPeerResponses(poll.questions, localPeerId, customerUserId);
       localPeerResponses == null ? void 0 : localPeerResponses.forEach((response) => {
@@ -26487,7 +26496,7 @@ import { CrossIcon as CrossIcon20 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Header/HeaderComponents.jsx
 init_define_process_env();
-import React110, { useEffect as useEffect33, useState as useState46 } from "react";
+import React110, { useEffect as useEffect34, useState as useState46 } from "react";
 import { selectDominantSpeaker, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
 import { VolumeOneIcon } from "@100mslive/react-icons";
 var SpeakerTag = () => {
@@ -26516,7 +26525,7 @@ var Logo = () => {
   const roomLayout = useRoomLayout();
   const logo = (_a7 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a7.url;
   const [hideImage, setHideImage] = useState46(false);
-  useEffect33(() => {
+  useEffect34(() => {
     if (hideImage) {
       setHideImage(false);
     }
@@ -26540,10 +26549,10 @@ import React112 from "react";
 
 // src/Prebuilt/components/RoomDetails/Duration.tsx
 init_define_process_env();
-import React111, { useEffect as useEffect34, useState as useState47 } from "react";
+import React111, { useEffect as useEffect35, useState as useState47 } from "react";
 var Duration = ({ timestamp }) => {
   const [elapsedTime, setElapsedTime] = useState47(getFormattedTime(Date.now() - timestamp.getTime(), false));
-  useEffect34(() => {
+  useEffect35(() => {
     const timerAdded = setInterval(() => {
       setElapsedTime(getFormattedTime(Date.now() - timestamp.getTime(), false));
     }, 1e3);
@@ -26585,7 +26594,7 @@ var ShowRoomDetailHeader = () => {
 
 // src/Prebuilt/components/SidePaneTabs.tsx
 init_define_process_env();
-import React124, { useEffect as useEffect39, useState as useState53 } from "react";
+import React124, { useEffect as useEffect40, useState as useState53 } from "react";
 import { useMedia as useMedia21 } from "react-use";
 import { match as match11 } from "ts-pattern";
 import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
@@ -26601,7 +26610,7 @@ import { ChevronDownIcon as ChevronDownIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React116, { useCallback as useCallback29, useEffect as useEffect36, useRef as useRef24, useState as useState50 } from "react";
+import React116, { useCallback as useCallback29, useEffect as useEffect37, useRef as useRef24, useState as useState50 } from "react";
 import { useMedia as useMedia18 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
@@ -26924,10 +26933,10 @@ var useChatDraftMessage = () => {
 
 // src/Prebuilt/components/Chat/useEmojiPickerStyles.js
 init_define_process_env();
-import { useEffect as useEffect35, useRef as useRef23 } from "react";
+import { useEffect as useEffect36, useRef as useRef23 } from "react";
 var useEmojiPickerStyles = (showing) => {
   const ref = useRef23(null);
-  useEffect35(() => {
+  useEffect36(() => {
     if (showing) {
       setTimeout(() => {
         var _a7, _b7;
@@ -27019,7 +27028,7 @@ var ChatFooter = ({ onSend, children }) => {
   const isMwebHLSStream = useMobileHLSStream();
   const [messageLengthExceeded, setMessageLengthExceeded] = useState50(false);
   const isLandscapeHLSStream = useLandscapeHLSStream();
-  useEffect36(() => {
+  useEffect37(() => {
     var _a8, _b8;
     if (!selectedPeer.id && !selectedRole && !["Everyone", ""].includes(defaultSelection)) {
       setRoleSelector(defaultSelection);
@@ -27068,7 +27077,7 @@ var ChatFooter = ({ onSend, children }) => {
       });
     }
   }), [selectedRole, selectedPeer, hmsActions, onSend]);
-  useEffect36(() => {
+  useEffect37(() => {
     const messageElement = inputRef.current;
     if (messageElement) {
       messageElement.value = draftMessage;
@@ -27076,7 +27085,7 @@ var ChatFooter = ({ onSend, children }) => {
       setMessageLengthExceeded(draftMessage.length > CHAT_MESSAGE_LIMIT);
     }
   }, [draftMessage]);
-  useEffect36(() => {
+  useEffect37(() => {
     const messageElement = inputRef.current;
     return () => {
       setDraftMessage((messageElement == null ? void 0 : messageElement.value) || "");
@@ -27266,7 +27275,7 @@ var ChatBlocked = () => {
 
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 init_define_process_env();
-import React120, { useEffect as useEffect37, useState as useState51 } from "react";
+import React120, { useEffect as useEffect38, useState as useState51 } from "react";
 import { useSwipeable } from "react-swipeable";
 import { useMedia as useMedia19 } from "react-use";
 import { selectSessionStore as selectSessionStore8, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
@@ -27349,7 +27358,7 @@ var PinnedMessage = () => {
     onSwipedUp: () => showNextPinnedMessage(),
     onSwipedDown: () => showPreviousPinnedMessage()
   });
-  useEffect37(() => {
+  useEffect38(() => {
     const count = (pinnedMessages == null ? void 0 : pinnedMessages.length) || 1;
     if (pinnedMessageIndex >= count) {
       setPinnedMessageIndex(count - 1);
@@ -27581,7 +27590,7 @@ var NewMessageIndicator = ({
 
 // src/Prebuilt/components/Footer/PaginatedParticipants.tsx
 init_define_process_env();
-import React122, { useEffect as useEffect38, useState as useState52 } from "react";
+import React122, { useEffect as useEffect39, useState as useState52 } from "react";
 import { useInView } from "react-intersection-observer";
 import { useMeasure as useMeasure2 } from "react-use";
 import { VariableSizeList as VariableSizeList2 } from "react-window";
@@ -27594,7 +27603,7 @@ var LoadMoreParticipants = ({
 }) => {
   const { ref, inView } = useInView();
   const [inProgress, setInProgress] = useState52(false);
-  useEffect38(() => {
+  useEffect39(() => {
     if (hasNext && inView && !inProgress) {
       setInProgress(true);
       loadMore().catch(console.error).finally(() => setInProgress(false));
@@ -27633,7 +27642,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
   const [ref, { width }] = useMeasure2();
   const height = ROW_HEIGHT * (filteredPeers.length + 1);
   const resetSidePane = useSidepaneReset();
-  useEffect38(() => {
+  useEffect39(() => {
     loadPeers();
   }, []);
   return /* @__PURE__ */ React122.createElement(Flex, { ref, direction: "column", css: { size: "100%", gap: "$4" } }, /* @__PURE__ */ React122.createElement(Flex, { align: "center" }, /* @__PURE__ */ React122.createElement(Flex, { align: "center", css: { flex: "1 1 0", cursor: "pointer" }, onClick: onBack }, /* @__PURE__ */ React122.createElement(ChevronLeftIcon6, null), /* @__PURE__ */ React122.createElement(Text, { variant: "lg", css: { flex: "1 1 0" } }, "Participants")), /* @__PURE__ */ React122.createElement(
@@ -27750,7 +27759,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const { off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const showChatSettings = showChat && isChatOpen && (!isMobile || !isOverlayChat);
-  useEffect39(() => {
+  useEffect40(() => {
     match11({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
       setActiveTab(SIDE_PANE_OPTIONS.PARTICIPANTS);
     }).with({ activeTab: SIDE_PANE_OPTIONS.PARTICIPANTS, showChat: true, showParticipants: false }, () => {
@@ -27759,7 +27768,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
       resetSidePane();
     });
   }, [showChat, activeTab, showParticipants, resetSidePane]);
-  useEffect39(() => {
+  useEffect40(() => {
     setActiveTab(active);
   }, [active]);
   if (activeRole) {
@@ -28446,7 +28455,7 @@ var VideoTile_default = VideoTile;
 
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
 init_define_process_env();
-import React131, { useEffect as useEffect40, useRef as useRef26, useState as useState56 } from "react";
+import React131, { useEffect as useEffect41, useRef as useRef26, useState as useState56 } from "react";
 import { useMedia as useMedia24 } from "react-use";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes4 } from "@100mslive/hms-virtual-background/hmsvbplugin";
 import {
@@ -28573,7 +28582,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const pluginLoadingRef = useRef26(false);
   const inPreview = roomState === HMSRoomState5.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
-  useEffect40(() => {
+  useEffect41(() => {
     const initializeVirtualBackground = () => __async(void 0, null, function* () {
       if (!(track == null ? void 0 : track.id) || pluginLoadingRef.current || isPluginAdded) {
         return;
@@ -28628,7 +28637,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
     blurAmount,
     setLoadingEffects
   ]);
-  useEffect40(() => {
+  useEffect41(() => {
     if (!isVideoOn) {
       toggleVB();
     }
@@ -28867,7 +28876,7 @@ var SidePane = ({
     return null;
   });
   const resetSidePane = useSidepaneReset();
-  useEffect41(() => {
+  useEffect42(() => {
     return () => {
       resetSidePane();
     };
@@ -29081,7 +29090,7 @@ var PreviewJoin = ({
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { preview_header: previewHeader = {}, virtual_background } = elements || {};
   const aspectRatio = useLocalTileAspectRatio();
-  useEffect42(() => {
+  useEffect43(() => {
     if (authToken) {
       if (skipPreview) {
         savePreferenceAndJoin();
@@ -29090,7 +29099,7 @@ var PreviewJoin = ({
       }
     }
   }, [authToken, skipPreview]);
-  useEffect42(() => {
+  useEffect43(() => {
     if (initialName) {
       setName(initialName);
     }
@@ -29233,7 +29242,7 @@ var RoleChangeRequestModal = () => {
   const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { virtual_background } = elements || {};
-  useEffect43(() => {
+  useEffect44(() => {
     if (!(roleChangeRequest == null ? void 0 : roleChangeRequest.role)) {
       return;
     }
@@ -29297,7 +29306,7 @@ var RoleChangeRequestModal = () => {
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
 init_define_process_env();
-import React157, { Suspense, useEffect as useEffect57, useState as useState67 } from "react";
+import React157, { Suspense, useEffect as useEffect58, useState as useState67 } from "react";
 import { useMedia as useMedia38 } from "react-use";
 import { match as match13 } from "ts-pattern";
 import {
@@ -29311,7 +29320,7 @@ import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon5 }
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
-import React153, { useEffect as useEffect52, useMemo as useMemo20, useState as useState65 } from "react";
+import React153, { useEffect as useEffect53, useMemo as useMemo20, useState as useState65 } from "react";
 import {
   selectLocalPeerID as selectLocalPeerID13,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
@@ -29324,7 +29333,7 @@ import {
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
-import React144, { useEffect as useEffect47, useState as useState59 } from "react";
+import React144, { useEffect as useEffect48, useState as useState59 } from "react";
 import { useMedia as useMedia31 } from "react-use";
 import { PeopleAddIcon as PeopleAddIcon2 } from "@100mslive/react-icons";
 
@@ -29386,7 +29395,7 @@ var WaitingView = React139.memo(
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
-import React141, { useEffect as useEffect44, useRef as useRef27 } from "react";
+import React141, { useEffect as useEffect45, useRef as useRef27 } from "react";
 import Draggable from "react-draggable";
 import { useMedia as useMedia29 } from "react-use";
 import {
@@ -29451,7 +29460,7 @@ var InsetTile = ({ peerId }) => {
     height = width / aspectRatio;
   }
   const nodeRef = useRef27(null);
-  useEffect44(() => {
+  useEffect45(() => {
     const node = nodeRef.current;
     if (!node || !window.ResizeObserver) {
       return;
@@ -29511,7 +29520,7 @@ var InsetTile = ({ peerId }) => {
 
 // src/Prebuilt/components/Pagination.tsx
 init_define_process_env();
-import React142, { useEffect as useEffect45 } from "react";
+import React142, { useEffect as useEffect46 } from "react";
 import { ChevronLeftIcon as ChevronLeftIcon7, ChevronRightIcon as ChevronRightIcon4 } from "@100mslive/react-icons";
 var Pagination = ({
   page,
@@ -29528,7 +29537,7 @@ var Pagination = ({
     e.stopPropagation();
     onPageChange(Math.max(page - 1, 0));
   };
-  useEffect45(() => {
+  useEffect46(() => {
     if (page >= numPages) {
       onPageChange(Math.max(0, numPages - 1));
     }
@@ -29592,7 +29601,7 @@ var Grid = React143.forwardRef(
 
 // src/Prebuilt/components/hooks/useTileLayout.tsx
 init_define_process_env();
-import { useEffect as useEffect46, useMemo as useMemo16, useState as useState58 } from "react";
+import { useEffect as useEffect47, useMemo as useMemo16, useState as useState58 } from "react";
 import { useMeasure as useMeasure5, useMedia as useMedia30 } from "react-use";
 import {
   getPeersWithTiles,
@@ -29631,7 +29640,7 @@ var useTileLayout = ({
   const [ref, { width, height }] = useMeasure5();
   const isMobile = useMedia30(config.media.lg);
   const [pagesWithTiles, setPagesWithTiles] = useState58([]);
-  useEffect46(() => {
+  useEffect47(() => {
     if (width === 0 || height === 0) {
       return;
     }
@@ -29712,7 +29721,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   });
   const [page, setPage] = useState59(0);
   const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
-  useEffect47(() => {
+  useEffect48(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
@@ -29739,13 +29748,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 
 // src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
 init_define_process_env();
-import React147, { useEffect as useEffect49, useState as useState61 } from "react";
+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";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
-import React146, { useEffect as useEffect48, useRef as useRef28, useState as useState60 } from "react";
+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";
 
@@ -29859,18 +29868,18 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
     maxTileCount
   });
   const pageSize = ((_b7 = pagesWithTiles[0]) == null ? void 0 : _b7.length) || 0;
-  useEffect48(() => {
+  useEffect49(() => {
     var _a8;
     if (peers.length > 0 && !((_a8 = pagesWithTiles[page]) == null ? void 0 : _a8.length)) {
       setPage(Math.max(0, page - 1));
     }
   }, [peers, page, pagesWithTiles]);
-  useEffect48(() => {
+  useEffect49(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
   }, [pageSize, onPageSize]);
-  useEffect48(() => {
+  useEffect49(() => {
     if ((pinnedPeer || spotlightPeerId) && page !== 0 && !pageChangedAfterPinning.current) {
       setPage(0);
       pageChangedAfterPinning.current = true;
@@ -29938,7 +29947,6 @@ function RoleProminence({
   var _a7;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
   const localPeer = useHMSStore75(selectLocalPeer11);
-  const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
   const isMobile = useMedia33(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? 4 : maxTileCount;
@@ -29952,12 +29960,12 @@ function RoleProminence({
   });
   const [page, setPage] = useState61(0);
   const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
-  useEffect49(() => {
+  useEffect50(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
   }, [pageSize, onPageSize]);
-  return /* @__PURE__ */ React147.createElement(ProminenceLayout.Root, { hasSidebar: layoutMode === LayoutMode.SIDEBAR }, /* @__PURE__ */ React147.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React147.createElement(Grid, { ref, tiles: pagesWithTiles[page] })), !edgeToEdge && /* @__PURE__ */ React147.createElement(
+  return /* @__PURE__ */ React147.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React147.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React147.createElement(Grid, { ref, tiles: pagesWithTiles[page] })), !edgeToEdge && /* @__PURE__ */ React147.createElement(
     Pagination,
     {
       page,
@@ -29967,20 +29975,12 @@ function RoleProminence({
       },
       numPages: pagesWithTiles.length
     }
-  ), /* @__PURE__ */ React147.createElement(
-    SecondaryTiles,
-    {
-      peers: layoutMode === LayoutMode.SPOTLIGHT ? [] : secondaryPeers,
-      isInsetEnabled,
-      edgeToEdge,
-      hasSidebar: layoutMode === LayoutMode.SIDEBAR
-    }
-  ), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ React147.createElement(InsetTile, null));
+  ), /* @__PURE__ */ React147.createElement(SecondaryTiles, { peers: secondaryPeers, isInsetEnabled, edgeToEdge }), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ React147.createElement(InsetTile, null));
 }
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
-import React151, { useEffect as useEffect50, useMemo as useMemo18, useState as useState64 } from "react";
+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";
 
@@ -30258,7 +30258,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
     }
     return peers.filter((p) => p.id !== (activeSharePeer == null ? void 0 : activeSharePeer.id));
   }, [activeSharePeer, peers, isMobile, layoutMode]);
-  useEffect50(() => {
+  useEffect51(() => {
     if (isMobile) {
       setLayoutMode(LayoutMode.GALLERY);
       return;
@@ -30271,7 +30271,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setLayoutMode(LayoutMode.GALLERY);
     };
   }, [isMobile]);
-  useEffect50(() => {
+  useEffect51(() => {
     setActiveScreenSharePeer(activeSharePeer == null ? void 0 : activeSharePeer.id);
     return () => {
       setActiveScreenSharePeer("");
@@ -30291,7 +30291,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
 
 // src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
 init_define_process_env();
-import React152, { useEffect as useEffect51, useMemo as useMemo19 } from "react";
+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";
@@ -30332,7 +30332,7 @@ var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
     }
     return peers.filter((p) => p.id !== (whiteboardOwner == null ? void 0 : whiteboardOwner.id));
   }, [whiteboardOwner, peers, isMobile, layoutMode]);
-  useEffect51(() => {
+  useEffect52(() => {
     if (isMobile) {
       setLayoutMode(LayoutMode.GALLERY);
       return;
@@ -30510,7 +30510,7 @@ var GridLayout = ({
     hideMetadataOnTile: hide_metadata_on_tile,
     objectFit: video_object_fit
   };
-  useEffect52(() => {
+  useEffect53(() => {
     if (mainPage !== 0) {
       return;
     }
@@ -30567,7 +30567,7 @@ var GridLayout = ({
 
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
-import React154, { useEffect as useEffect53, useMemo as useMemo21 } from "react";
+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";
 var EmbedView = () => {
   return /* @__PURE__ */ React154.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React154.createElement(EmbedComponent, null));
@@ -30580,7 +30580,7 @@ var EmbedScreenShareView = ({ children }) => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
     return smallTilePeers2;
   }, [peers, peerPresenting]);
-  useEffect53(() => {
+  useEffect54(() => {
     setActiveScreenSharePeer(peerPresenting == null ? void 0 : peerPresenting.id);
     return () => {
       setActiveScreenSharePeer("");
@@ -30592,7 +30592,7 @@ var EmbedComponent = () => {
   const embedConfig = useHMSStore80(selectAppData11(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
-  useEffect53(() => {
+  useEffect54(() => {
     (() => __async(void 0, null, function* () {
       if (embedConfig && !isEmbedShareInProgress) {
         try {
@@ -30640,18 +30640,18 @@ var EmbedComponent = () => {
 
 // src/Prebuilt/layouts/PDFView.jsx
 init_define_process_env();
-import React155, { useEffect as useEffect54 } from "react";
+import React155, { useEffect as useEffect55 } from "react";
 import { usePDFShare } from "@100mslive/react-sdk";
 var PDFView = () => {
   const pdfConfig = usePDFConfig();
   const resetConfig = useResetPDFConfig();
   const { iframeRef, startPDFShare, isPDFShareInProgress } = usePDFShare(resetConfig);
-  useEffect54(() => {
+  useEffect55(() => {
     return () => {
       resetConfig();
     };
   }, []);
-  useEffect54(() => {
+  useEffect55(() => {
     (() => __async(void 0, null, function* () {
       try {
         if (!isPDFShareInProgress && pdfConfig) {
@@ -30699,7 +30699,7 @@ var PDFView = () => {
 
 // src/Prebuilt/plugins/CaptionsViewer.tsx
 init_define_process_env();
-import React156, { useEffect as useEffect55, useRef as useRef30, useState as useState66 } from "react";
+import React156, { useEffect as useEffect56, useRef as useRef30, useState as useState66 } from "react";
 import Draggable2 from "react-draggable";
 import { useMedia as useMedia37 } from "react-use";
 import {
@@ -30871,7 +30871,7 @@ var CaptionsViewer = ({
   const isCaptionEnabled = useIsCaptionEnabled();
   const isTranscriptionEnabled = useHMSStore81(selectIsTranscriptionEnabled5);
   const nodeRef = useRef30(null);
-  useEffect55(() => {
+  useEffect56(() => {
     const timeInterval = setInterval(() => {
       var _a8;
       if (!captionQueue) {
@@ -30938,12 +30938,12 @@ var CaptionsViewer = ({
 
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
 init_define_process_env();
-import { useEffect as useEffect56 } from "react";
+import { useEffect as useEffect57 } from "react";
 import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore82, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
 var useCloseScreenshareWhiteboard = () => {
   const peerSharing = useHMSStore82(selectPeerScreenSharing4);
   const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
-  useEffect56(() => {
+  useEffect57(() => {
     if (isWhiteboardOwner && peerSharing) {
       toggleWhiteboard == null ? void 0 : toggleWhiteboard();
     }
@@ -30951,7 +30951,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => import("./HLSView-2P2FVCEW.js"));
+var HLSView = React157.lazy(() => import("./HLSView-72N5Y4QP.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -30970,7 +30970,7 @@ var VideoStreamingSection = ({
   const [captionPosition, setCaptionPosition] = useState67({ x: isMobile ? 0 : -200, y: 0 });
   useCloseScreenshareWhiteboard();
   const { isNotAllowedToPublish, isScreenOnlyPublishParams, hasSubscribedRolePublishing } = useWaitingRoomInfo();
-  useEffect57(() => {
+  useEffect58(() => {
     if (!isConnected) {
       return;
     }
@@ -31283,12 +31283,12 @@ var Header2 = () => {
 
 // src/Prebuilt/components/PreviousRoleInMetadata.tsx
 init_define_process_env();
-import { useEffect as useEffect58 } from "react";
+import { useEffect as useEffect59 } from "react";
 import { selectLocalPeerRoleName as selectLocalPeerRoleName7, useHMSVanillaStore as useHMSVanillaStore14 } from "@100mslive/react-sdk";
 var PreviousRoleInMetadata = () => {
   const vanillaStore = useHMSVanillaStore14();
   const { updateMetaData } = useMyMetadata();
-  useEffect58(() => {
+  useEffect59(() => {
     let previousRole = vanillaStore.getState(selectLocalPeerRoleName7);
     const unsubscribe = vanillaStore.subscribe((currentRole) => {
       if (previousRole !== currentRole && currentRole) {
@@ -31330,7 +31330,7 @@ var ConferenceScreen = () => {
       setHideControls((value) => !value);
     }
   };
-  useEffect59(() => {
+  useEffect60(() => {
     let timeout;
     dropdownListRef.current = dropdownList || [];
     if (dropdownListRef.current && dropdownListRef.current.length === 0) {
@@ -31345,7 +31345,7 @@ var ConferenceScreen = () => {
       clearTimeout(timeout);
     };
   }, [dropdownList, hideControls, isMobileDevice]);
-  useEffect59(() => {
+  useEffect60(() => {
     if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== HMSRoomState8.Connecting && !autoRoomJoined.current) {
       hmsActions.join({
         userName: userName || uuid3(),
@@ -31369,7 +31369,7 @@ var ConferenceScreen = () => {
     userName,
     requestPermission
   ]);
-  useEffect59(() => {
+  useEffect60(() => {
     onJoinFunc == null ? void 0 : onJoinFunc();
     return () => {
       PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
@@ -31550,11 +31550,11 @@ var ErrorBoundary = class extends Component {
 
 // src/Prebuilt/components/init/Init.jsx
 init_define_process_env();
-import React163, { useEffect as useEffect61 } from "react";
+import React163, { useEffect as useEffect62 } from "react";
 
 // src/Prebuilt/services/FeatureFlags.jsx
 init_define_process_env();
-import { useEffect as useEffect60 } from "react";
+import { useEffect as useEffect61 } from "react";
 import { selectRoomID, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
 var FeatureFlags = class {
   static init(roomId) {
@@ -31581,7 +31581,7 @@ __publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.RE
 __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);
-  useEffect60(() => {
+  useEffect61(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
     }
@@ -31592,10 +31592,10 @@ function FeatureFlagsInit() {
 // src/Prebuilt/components/init/Init.jsx
 var Init = () => {
   const { toggleTheme } = useTheme();
-  useEffect61(() => {
+  useEffect62(() => {
     window.toggleUiTheme = toggleTheme;
   }, [toggleTheme]);
-  useEffect61(() => {
+  useEffect62(() => {
     function resetHeight() {
       var _a7;
       document.body.style.height = `${((_a7 = window.visualViewport) == null ? void 0 : _a7.height) || window.innerHeight}px`;
@@ -31611,7 +31611,7 @@ var Init = () => {
 
 // src/Prebuilt/components/Input/KeyboardInputManager.js
 init_define_process_env();
-import { useEffect as useEffect62 } from "react";
+import { useEffect as useEffect63 } from "react";
 import {
   selectAppData as selectAppData13,
   selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
@@ -31706,7 +31706,7 @@ _unbind = new WeakMap();
 var KeyboardHandler = () => {
   const store = useHMSVanillaStore15();
   const actions = useHMSActions51();
-  useEffect62(() => {
+  useEffect63(() => {
     const keyboardManager = new KeyboardInputManager(store, actions);
     keyboardManager.bindAllShortcuts();
     return keyboardManager.unbindAllShortcuts;
@@ -32220,7 +32220,7 @@ var LeaveScreen = () => {
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
-import React168, { useEffect as useEffect63, useState as useState71 } from "react";
+import React168, { useEffect as useEffect64, useState as useState71 } from "react";
 import { useMedia as useMedia44 } from "react-use";
 import { match as match14, P as P6 } from "ts-pattern";
 import { RefreshIcon } from "@100mslive/react-icons";
@@ -32228,7 +32228,7 @@ var MwebLandscapePrompt = () => {
   const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState71(false);
   const isLandscape = useMedia44(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
-  useEffect63(() => {
+  useEffect64(() => {
     var _a7;
     if (!isMobileUserAgent) {
       setShowMwebLandscapePrompt(false);
@@ -32273,7 +32273,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React177, { useCallback as useCallback36, useEffect as useEffect74 } from "react";
+import React177, { useCallback as useCallback36, useEffect as useEffect75 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes11,
   HMSRoomState as HMSRoomState10,
@@ -32322,7 +32322,7 @@ function AutoplayBlockedModal() {
 
 // src/Prebuilt/components/Notifications/ChatNotifications.tsx
 init_define_process_env();
-import React170, { useEffect as useEffect64 } from "react";
+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 { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
@@ -32330,7 +32330,7 @@ var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
   const chatState = useHMSStore88(selectSessionStore13("chatState" /* CHAT_STATE */));
   const localPeerId = useHMSStore88(selectLocalPeerID14);
-  useEffect64(() => {
+  useEffect65(() => {
     var _a7, _b7;
     if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
       return;
@@ -32351,7 +32351,7 @@ var ChatNotifications = () => {
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect65 } from "react";
+import { useEffect as useEffect66 } from "react";
 import { useDebounce as useDebounce2 } from "react-use";
 import {
   HMSNotificationTypes as HMSNotificationTypes2,
@@ -32611,7 +32611,7 @@ var HandRaisedNotifications = () => {
   const amIScreenSharing = useHMSStore90(selectIsLocalScreenShared3);
   const { showNotification } = useAwayNotifications4();
   const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
-  useEffect65(() => {
+  useEffect66(() => {
     var _a8;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
@@ -32651,13 +32651,13 @@ var HandRaisedNotifications = () => {
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
 init_define_process_env();
-import React172, { useEffect as useEffect66, useState as useState72 } from "react";
+import React172, { useEffect as useEffect67, useState as useState72 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
 var InitErrorModal = () => {
   const notification = useHMSNotifications3(HMSNotificationTypes3.ERROR);
   const [showModal, setShowModal] = useState72(false);
   const [info, setInfo] = useState72({ title: "Init Error", description: "" });
-  useEffect66(() => {
+  useEffect67(() => {
     const data3 = notification == null ? void 0 : notification.data;
     if (!data3 || data3.action !== "INIT") {
       return;
@@ -32682,7 +32682,7 @@ var InitErrorModal = () => {
 
 // src/Prebuilt/components/Notifications/PeerNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect67 } from "react";
+import { useEffect as useEffect68 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes4, useHMSNotifications as useHMSNotifications4 } from "@100mslive/react-sdk";
 var notificationTypes = [HMSNotificationTypes4.PEER_JOINED, HMSNotificationTypes4.PEER_LEFT];
 var PeerNotifications = () => {
@@ -32690,7 +32690,7 @@ var PeerNotifications = () => {
   const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
   const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
   const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
-  useEffect67(() => {
+  useEffect68(() => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -32719,7 +32719,7 @@ var PeerNotifications = () => {
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
-import React173, { useEffect as useEffect68, useState as useState73 } from "react";
+import React173, { useEffect as useEffect69, useState as useState73 } from "react";
 import { useMedia as useMedia45 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 
@@ -32738,7 +32738,7 @@ var PermissionErrorModal = ({ error }) => {
   const [deviceType, setDeviceType] = useState73("");
   const [isSystemError, setIsSystemError] = useState73(false);
   const isMobile = useMedia45(config.media.md);
-  useEffect68(() => {
+  useEffect69(() => {
     if (!error || (error == null ? void 0 : error.code) !== 3001 && (error == null ? void 0 : error.code) !== 3011 || (error == null ? void 0 : error.code) === 3001 && (error == null ? void 0 : error.message.includes("screen"))) {
       return;
     }
@@ -32794,7 +32794,7 @@ var PermissionErrorModal = ({ error }) => {
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect69, useRef as useRef32 } from "react";
+import { useEffect as useEffect70, useRef as useRef32 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
 var notificationTypes2 = [
   HMSNotificationTypes6.RECONNECTED,
@@ -32805,7 +32805,7 @@ var notificationId = null;
 var ReconnectNotifications = () => {
   const notification = useHMSNotifications6(notificationTypes2);
   const prevErrorCode = useRef32(0);
-  useEffect69(() => {
+  useEffect70(() => {
     var _a7, _b7;
     if (!notification) {
       return;
@@ -32828,7 +32828,7 @@ var ReconnectNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React174, { useEffect as useEffect70, useState as useState74 } from "react";
+import React174, { useEffect as useEffect71, useState as useState74 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes7,
   useHMSActions as useHMSActions54,
@@ -32843,7 +32843,7 @@ var TrackBulkUnmuteModal = () => {
     HMSNotificationTypes7.ROOM_ENDED,
     HMSNotificationTypes7.REMOVED_FROM_ROOM
   ]);
-  useEffect70(() => {
+  useEffect71(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes7.REMOVED_FROM_ROOM:
       case HMSNotificationTypes7.ROOM_ENDED:
@@ -32882,7 +32882,7 @@ var TrackBulkUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect71 } from "react";
+import { useEffect as useEffect72 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes8, useHMSNotifications as useHMSNotifications8 } from "@100mslive/react-sdk";
 var notificationTypes3 = [
   HMSNotificationTypes8.TRACK_ADDED,
@@ -32892,7 +32892,7 @@ var notificationTypes3 = [
 ];
 var TrackNotifications = () => {
   const notification = useHMSNotifications8(notificationTypes3);
-  useEffect71(() => {
+  useEffect72(() => {
     if (notification) {
       console.debug(`[${notification.type}]`, notification);
     }
@@ -32902,7 +32902,7 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React175, { useEffect as useEffect72, useState as useState75 } from "react";
+import React175, { useEffect as useEffect73, useState as useState75 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
   useHMSActions as useHMSActions55,
@@ -32917,7 +32917,7 @@ var TrackUnmuteModal = () => {
     HMSNotificationTypes9.REMOVED_FROM_ROOM
   ]);
   const [muteNotification, setMuteNotification] = useState75(null);
-  useEffect72(() => {
+  useEffect73(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes9.REMOVED_FROM_ROOM:
       case HMSNotificationTypes9.ROOM_ENDED:
@@ -32953,14 +32953,14 @@ var TrackUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
 init_define_process_env();
-import React176, { useEffect as useEffect73 } from "react";
+import React176, { useEffect as useEffect74 } from "react";
 import { match as match15 } from "ts-pattern";
 import { HMSNotificationTypes as HMSNotificationTypes10, HMSTranscriptionState, useHMSNotifications as useHMSNotifications10 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon8, ClosedCaptionIcon as ClosedCaptionIcon3, OpenCaptionIcon as OpenCaptionIcon4 } from "@100mslive/react-icons";
 var TranscriptionNotifications = () => {
   const notification = useHMSNotifications10(HMSNotificationTypes10.TRANSCRIPTION_STATE_UPDATED);
   const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
-  useEffect73(() => {
+  useEffect74(() => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -33022,7 +33022,7 @@ function Notifications() {
     });
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
-  useEffect74(() => {
+  useEffect75(() => {
     var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p, _q;
     if (!notification || isNotificationDisabled) {
       return;
@@ -33208,7 +33208,7 @@ var PreviewScreen = () => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React181, { useEffect as useEffect75, useState as useState77 } from "react";
+import React181, { useEffect as useEffect76, useState as useState77 } from "react";
 import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
@@ -33234,7 +33234,7 @@ var Toast2 = (_a7) => {
 var ToastContainer = () => {
   const isConnected = useHMSStore92(selectIsConnectedToRoom11);
   const [toasts, setToast] = useState77([]);
-  useEffect75(() => {
+  useEffect76(() => {
     ToastManager.addListener(setToast);
     return () => {
       ToastManager.removeListener(setToast);
@@ -33289,7 +33289,7 @@ var Sheet2 = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React184, { useCallback as useCallback38, useEffect as useEffect76, useMemo as useMemo23, useState as useState78 } from "react";
+import React184, { useCallback as useCallback38, useEffect as useEffect77, useMemo as useMemo23, useState as useState78 } from "react";
 import { useMedia as useMedia46 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
@@ -33363,7 +33363,7 @@ function FlyingEmoji() {
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
-  useEffect76(() => {
+  useEffect77(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
   return /* @__PURE__ */ React184.createElement(
@@ -33442,7 +33442,7 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback40, useEffect as useEffect77, useRef as useRef33 } from "react";
+import { useCallback as useCallback40, useEffect as useEffect78, useRef as useRef33 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
@@ -33481,12 +33481,12 @@ var useAutoStartStreaming = () => {
     isHLSRecordingOn,
     isBrowserRecordingOn
   ]);
-  useEffect77(() => {
+  useEffect78(() => {
     if (!isHLSStarted && !isHLSRunning) {
       streamStartedRef.current = false;
     }
   }, [isHLSStarted, isHLSRunning]);
-  useEffect77(() => {
+  useEffect78(() => {
     if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
       return;
     }
@@ -33512,7 +33512,7 @@ var HMSPrebuilt = React186.forwardRef(
     var _a7, _b7, _c, _d;
     const reactiveStore = useRef34();
     const [hydrated, setHydrated] = React186.useState(false);
-    useEffect78(() => {
+    useEffect79(() => {
       setHydrated(true);
       const hms = new HMSReactiveStore();
       const hmsStore = hms.getStore();
@@ -33527,13 +33527,13 @@ var HMSPrebuilt = React186.forwardRef(
         hmsNotifications
       };
     }, []);
-    useEffect78(() => {
+    useEffect79(() => {
       if (!ref || !reactiveStore.current) {
         return;
       }
       ref.current = __spreadValues({}, reactiveStore.current);
     }, [ref]);
-    useEffect78(() => {
+    useEffect79(() => {
       return () => {
         var _a8;
         VBHandler.reset();
@@ -33649,7 +33649,7 @@ var AppStates = ({ activeState }) => {
 var BackSwipe = () => {
   const isConnectedToRoom = useHMSStore96(selectIsConnectedToRoom13);
   const hmsActions = useHMSActions59();
-  useEffect78(() => {
+  useEffect79(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
       if (isConnectedToRoom) {
         yield hmsActions.leave();
@@ -33713,7 +33713,7 @@ import {
 
 // src/Diagnostics/AudioTest.tsx
 init_define_process_env();
-import React190, { useCallback as useCallback41, useEffect as useEffect79, useState as useState80 } from "react";
+import React190, { useCallback as useCallback41, useEffect as useEffect80, useState as useState80 } from "react";
 import {
   selectDevices,
   selectLocalAudioTrackID as selectLocalAudioTrackID2,
@@ -33984,7 +33984,7 @@ var AudioTest = () => {
     },
     [updateStep, setErrorAlone]
   );
-  useEffect79(() => {
+  useEffect80(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
   }, [hmsDiagnostics, setError]);
   return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, null, /* @__PURE__ */ React190.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ React190.createElement(
@@ -34006,7 +34006,7 @@ var AudioTest = () => {
 
 // src/Diagnostics/BrowserTest.tsx
 init_define_process_env();
-import React191, { useEffect as useEffect80, useState as useState81 } from "react";
+import React191, { useEffect as useEffect81, useState as useState81 } from "react";
 import { parsedUserAgent as parsedUserAgent4 } from "@100mslive/react-sdk";
 var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
 var operatingSystemIconInfo = {
@@ -34093,7 +34093,7 @@ var BrowserTest = () => {
   var _a7, _b7, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
   const [error, setError] = useState81();
-  useEffect80(() => {
+  useEffect81(() => {
     try {
       hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
     } catch (err) {
@@ -34342,7 +34342,7 @@ var downloadJson = (obj, fileName) => {
 
 // src/Diagnostics/VideoTest.tsx
 init_define_process_env();
-import React193, { useEffect as useEffect81, useState as useState83 } from "react";
+import React193, { useEffect as useEffect82, useState as useState83 } from "react";
 import {
   selectDevices as selectDevices2,
   selectLocalMediaSettings as selectLocalMediaSettings2,
@@ -34357,7 +34357,7 @@ var VideoTest = () => {
   const trackID = useHMSStore98(selectLocalVideoTrackID4);
   const sdkSelectedDevices = useHMSStore98(selectLocalMediaSettings2);
   const [error, setError] = useState83();
-  useEffect81(() => {
+  useEffect82(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
       updateStep(1 /* VIDEO */, { hasFailed: true });
       setError(err);
@@ -34636,4 +34636,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-KZIOZDJV.js.map
+//# sourceMappingURL=chunk-P323KKZF.js.map