@100mslive/roomkit-react 0.3.12 → 0.3.13-alpha.1

package/dist/{chunk-K7H5ZUXQ.js → chunk-ESKXLCLX.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_49a91c9a-fb5c-46d7-b008-4d503026ad26", GIT_CLONE_PROTECTION_ACTIVE: "false", 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.2", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.3 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.12", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_49a91c9a-fb5c-46d7-b008-4d503026ad26", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.12", 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.8", 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.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "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.10/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240526.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.3/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:19489", 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.12", 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: "9386918450", 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: "c1b1df2d10e69653f9edee4c00742b842bad96c7", 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: "b603e0172dc6d05403694173fa5911938d28cdf7132adb0b1c5c7a75faab348e", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1717601243943-0.5279902183164238:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1717601243750-0.09406696046617924:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1717601218508-0.6920677746271662:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1717601218329-0.5128781935683171:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_f1970ab4-e204-4d96-9154-7af99783e6c7", INVOCATION_ID: "bb217afd31e74a639a2443a2f5f1cd6f", 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: "566", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 335", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.12", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.12", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "c1b1df2d10e69653f9edee4c00742b842bad96c7", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "KaustubhKumar05", 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_49a91c9a-fb5c-46d7-b008-4d503026ad26", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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_49a91c9a-fb5c-46d7-b008-4d503026ad26", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_49a91c9a-fb5c-46d7-b008-4d503026ad26" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_52a0c376-736e-43fa-8130-d8d1753534f4", 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.3-alpha.1", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.3 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.13-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_52a0c376-736e-43fa-8130-d8d1753534f4", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.13-alpha.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.9", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.8", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "593", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.11/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240609.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.4/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:3991", 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.13-alpha.1", 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: "true", GITHUB_RUN_ID: "9495709193", 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: "bb6605c7147547550e46be6a5108dae4efe81eb8", 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: "dc6805143ccee34fdc7ceb7e67477d8789779698388a7fceec4bb10949a7de21", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/WEB-1453", 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--1718264793550-0.40514503810584857:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1718264793350-0.815323746911168:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1718264767371-0.9220153593663762:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1718264767189-0.09728910461807883:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_9a499a9b-b760-49ee-9935-4ec8d75d25a0", INVOCATION_ID: "db45fa9a51bf41d8a2f476c2c84b6703", 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: "571", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 74", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "WEB-1453", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "true", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.13-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.13-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "false", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "bb6605c7147547550e46be6a5108dae4efe81eb8", 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/WEB-1453", GITHUB_ACTOR: "KaustubhKumar05", 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_52a0c376-736e-43fa-8130-d8d1753534f4", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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", 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_52a0c376-736e-43fa-8130-d8d1753534f4", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_52a0c376-736e-43fa-8130-d8d1753534f4" };
   }
 });
 
@@ -9159,7 +9159,8 @@ var APP_DATA = {
   background: "background",
   sheet: "sheet",
   caption: "caption",
-  loadingEffects: "loadingEffects"
+  loadingEffects: "loadingEffects",
+  noiseCancellation: "noiseCancellation"
 };
 var UI_SETTINGS = {
   isAudioOnly: "isAudioOnly",
@@ -11178,11 +11179,11 @@ var formatBytes = (bytes, unit = "B", decimals = 2) => {
     return "-";
   }
   const k = 1024;
-  const dm2 = decimals < 0 ? 0 : decimals;
+  const dm = decimals < 0 ? 0 : decimals;
   const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
   let i = Math.floor(Math.log(bytes) / Math.log(k));
   i === 0 && i++;
-  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm2))} ${sizes[i]}`;
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
 };
 
 // src/Stats/StyledStats.tsx
@@ -11954,7 +11955,7 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React182, { useEffect as useEffect75, useRef as useRef30 } from "react";
+import React182, { useEffect as useEffect75, useRef as useRef31 } from "react";
 import { match as match16 } from "ts-pattern";
 import {
   HMSReactiveStore,
@@ -12212,6 +12213,14 @@ var usePollViewState = () => {
     view: pollState == null ? void 0 : pollState.view
   };
 };
+var useIsNoiseCancellationEnabled = () => {
+  const IsNoiseCancellationEnabled = useHMSStore2(selectAppDataByPath(APP_DATA.noiseCancellation));
+  return IsNoiseCancellationEnabled;
+};
+var useSetNoiseCancellationEnabled = () => {
+  const [isNoiseCancellationEnabled, setNoiseCancellationEnabled] = useSetAppDataByKey(APP_DATA.noiseCancellation);
+  return [isNoiseCancellationEnabled, setNoiseCancellationEnabled];
+};
 
 // src/Prebuilt/components/Settings/common.ts
 init_define_process_env();
@@ -12731,10 +12740,11 @@ var initialAppData = {
     [POLL_STATE.view]: ""
   },
   // by default on because of on demand now, for beam disabled
-  [APP_DATA.caption]: false
+  [APP_DATA.caption]: false,
+  [APP_DATA.noiseCancellation]: false
 };
 var AppData = React23.memo(() => {
-  var _a8;
+  var _a8, _b7;
   const hmsActions = useHMSActions4();
   const [preferences = {}] = useUserPreferences(UserPreferencesKeys.UI_SETTINGS);
   const appData = useHMSStore6(selectFullAppData);
@@ -12742,6 +12752,13 @@ var AppData = React23.memo(() => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const { isLocalVideoEnabled } = useAVToggle();
   const sidepaneOpenedRef = useRef7(false);
+  const [, setNoiseCancellationEnabled] = useSetNoiseCancellationEnabled();
+  useEffect5(() => {
+    var _a9;
+    if ((_a9 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a9.enabled_by_default) {
+      setNoiseCancellationEnabled(true);
+    }
+  }, [(_a8 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a8.enabled_by_default, setNoiseCancellationEnabled]);
   const defaultMediaURL = useMemo4(() => {
     var _a9;
     const media = ((_a9 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a9.background_media) || [];
@@ -12751,7 +12768,7 @@ var AppData = React23.memo(() => {
       }
     }
     return "";
-  }, [(_a8 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a8.background_media]);
+  }, [(_b7 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _b7.background_media]);
   useEffect5(() => {
     hmsActions.initAppData(__spreadValues(__spreadValues({}, initialAppData), appData));
     hmsActions.setFrameworkInfo({
@@ -12949,7 +12966,7 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React159, { useEffect as useEffect55, useRef as useRef28, useState as useState67 } from "react";
+import React159, { useEffect as useEffect55, useRef as useRef29, useState as useState68 } from "react";
 import { v4 as uuid3 } from "uuid";
 import {
   HMSRoomState as HMSRoomState7,
@@ -13889,23 +13906,23 @@ var OptionLabel = ({ children, icon }) => {
 var plugin = new HMSKrispPlugin();
 var NoiseCancellation = () => {
   const localPeerAudioTrackID = useHMSStore8(selectLocalAudioTrackID);
+  const [enabled, setEnabled] = useSetNoiseCancellationEnabled();
   const isPluginAdded = useHMSStore8(selectIsLocalAudioPluginPresent(plugin.getName()));
-  const [active, setActive] = useState10(isPluginAdded);
   const [inProgress, setInProgress] = useState10(false);
   const actions = useHMSActions7();
   const room = useHMSStore8(selectRoom);
   useEffect10(() => {
     (() => __async(void 0, null, function* () {
       setInProgress(true);
-      if (active && !isPluginAdded) {
+      if (enabled && !isPluginAdded) {
         yield actions.addPluginToAudioTrack(plugin);
       }
-      if (!active && isPluginAdded) {
+      if (!enabled && isPluginAdded) {
         yield actions.removePluginFromAudioTrack(plugin);
       }
       setInProgress(false);
     }))();
-  }, [actions, active, isPluginAdded]);
+  }, [actions, enabled, isPluginAdded]);
   if (!plugin.isSupported() || !room.isNoiseCancellationEnabled || !localPeerAudioTrackID) {
     return null;
   }
@@ -13920,7 +13937,7 @@ var NoiseCancellation = () => {
       },
       onClick: (e) => {
         e.preventDefault();
-        setActive((value) => !value);
+        setEnabled(!enabled);
       }
     },
     /* @__PURE__ */ React32.createElement(Text, { css: { display: "flex", alignItems: "center", gap: "$2", fontSize: "$xs", "& svg": { size: "$8" } } }, /* @__PURE__ */ React32.createElement(AudioLevelIcon, null), "Reduce Noise"),
@@ -13928,11 +13945,11 @@ var NoiseCancellation = () => {
       Switch,
       {
         id: "noise_cancellation",
-        checked: active,
+        checked: enabled && isPluginAdded,
         disabled: inProgress,
         onClick: (e) => e.stopPropagation(),
         onCheckedChange: (value) => {
-          setActive(value);
+          setEnabled(value);
         }
       }
     )
@@ -13998,6 +14015,23 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype && Number(audioOutput == null ? void 0 : audioOutput.length) > 0;
   const { screenType } = useRoomLayoutConferencingScreen();
   const [showSettings, setShowSettings] = useState10(false);
+  const isPluginAdded = useHMSStore8(selectIsLocalAudioPluginPresent(plugin.getName()));
+  const isNoiseCancellationEnabled = useIsNoiseCancellationEnabled();
+  useEffect10(() => {
+    (() => __async(void 0, null, function* () {
+      if (isNoiseCancellationEnabled && !isPluginAdded) {
+        yield actions.addPluginToAudioTrack(plugin);
+      }
+      if (isNoiseCancellationEnabled && isPluginAdded) {
+        ToastManager.addToast({
+          title: `Noise Reduction Enabled`,
+          variant: "standard",
+          duration: 2e3,
+          icon: /* @__PURE__ */ React32.createElement(AudioLevelIcon, null)
+        });
+      }
+    }))();
+  }, [actions, isNoiseCancellationEnabled, isPluginAdded]);
   if (!toggleAudio && !toggleVideo) {
     return null;
   }
@@ -15963,10 +15997,10 @@ var formatBytes2 = (bytes, unit = "B", decimals = 2) => {
   if (bytes === 0)
     return "0 " + unit;
   const k = 1024;
-  const dm2 = decimals < 0 ? 0 : decimals;
+  const dm = decimals < 0 ? 0 : decimals;
   const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
   const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm2)) + " " + sizes[i];
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
 };
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
@@ -16163,6 +16197,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
                 yield actions.stopTranscription({
                   mode: HMSTranscriptionMode.CAPTION
                 });
+                setIsCaptionEnabled(false);
                 const id2 = ToastManager.replaceToast(toastId, {
                   title: `Disabling Closed Caption for everyone.`,
                   variant: "standard",
@@ -16190,6 +16225,8 @@ var CaptionContent = ({ isMobile, onExit }) => {
                 icon: /* @__PURE__ */ React50.createElement(AlertTriangleIcon5, { style: { marginRight: "0.5rem" } })
               });
               setToastId(id);
+            } finally {
+              setIsCaptionEnabled(true);
             }
             onExit();
           })
@@ -18814,7 +18851,7 @@ var S = (a2, e) => {
       jr.call(e, t) && Kr(a2, t, e[t]);
   return a2;
 };
-var v = (a2, e) => Na(a2, Oa(e));
+var M = (a2, e) => Na(a2, Oa(e));
 var er = (a2, e) => {
   var t = {};
   for (var i in a2)
@@ -18826,7 +18863,7 @@ var er = (a2, e) => {
 };
 var Ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var cr = Ba((Ic, Ja) => {
-  Ja.exports = { version: "0.12.12", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+  Ja.exports = { version: "0.12.13-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var 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 Va = ((e) => (e.CHAT = "chat", e))(Va || {});
@@ -18954,7 +18991,7 @@ function Ka() {
   return "CUSTOM";
 }
 var Ve = Ka();
-var M = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
+var y = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
 var f = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
     super(s);
@@ -18986,97 +19023,97 @@ var f = class a extends Error {
 };
 var qa = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
-  return new f(M.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
+  return new f(y.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
-  return new f(M.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
+  return new f(y.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
 }, AbnormalClose(a2, e = "") {
-  return new f(M.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
+  return new f(y.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
 } }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
   return new f(a2, "ServerErrors", e, `[${e}]: Server error ${t}`, t, i);
 }, EndpointUnreachable(a2, e = "") {
-  return new f(M.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
+  return new f(y.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
 }, InvalidTokenFormat(a2, e = "") {
-  return new f(M.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
+  return new f(y.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
 }, InitConfigNotAvailable(a2, e = "") {
-  return new f(M.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
+  return new f(y.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
 } }, TracksErrors: { GenericTrack(a2, e = "") {
-  return new f(M.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
+  return new f(y.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
 }, CantAccessCaptureDevice(a2, e, t = "") {
-  return new f(M.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
+  return new f(y.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
 }, DeviceNotAvailable(a2, e, t = "") {
-  return new f(M.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
+  return new f(y.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
 }, DeviceInUse(a2, e, t = "") {
-  return new f(M.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
+  return new f(y.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
 }, DeviceLostMidway(a2, e, t = "") {
-  return new f(M.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
+  return new f(y.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
 }, NothingToReturn(a2, e = "", t = "There is no media to return. Please select either video or audio or both.") {
-  return new f(M.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
+  return new f(y.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
 }, InvalidVideoSettings(a2, e = "") {
-  return new f(M.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
+  return new f(y.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
 }, AutoplayBlocked(a2, e = "") {
-  return new f(M.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
+  return new f(y.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
 }, CodecChangeNotPermitted(a2, e = "") {
-  return new f(M.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
+  return new f(y.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
 }, OverConstrained(a2, e, t = "") {
-  return new f(M.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
+  return new f(y.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
 }, NoAudioDetected(a2, e = "Please check the mic or use another audio input") {
-  return new f(M.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
+  return new f(y.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
 }, SystemDeniedPermission(a2, e, t = "") {
-  return new f(M.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
+  return new f(y.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
 }, CurrentTabNotShared() {
-  return new f(M.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
+  return new f(y.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
 }, AudioPlaybackError(a2) {
-  return new f(M.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
+  return new f(y.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
 }, SelectedDeviceMissing(a2) {
-  return new f(M.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
+  return new f(y.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
 } }, WebrtcErrors: { CreateOfferFailed(a2, e = "") {
-  return new f(M.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
+  return new f(y.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
 }, CreateAnswerFailed(a2, e = "") {
-  return new f(M.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
+  return new f(y.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
 }, SetLocalDescriptionFailed(a2, e = "") {
-  return new f(M.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
+  return new f(y.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
 }, SetRemoteDescriptionFailed(a2, e = "") {
-  return new f(M.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
+  return new f(y.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
 }, ICEFailure(a2, e = "", t = false) {
-  return new f(M.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
+  return new f(y.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
 }, ICEDisconnected(a2, e = "") {
-  return new f(M.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
+  return new f(y.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
 }, StatsFailed(a2, e = "") {
-  return new f(M.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
+  return new f(y.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
   return new f(a2, "ServerErrors", e, t, t, qa.includes(e));
 }, AlreadyJoined(a2, e = "") {
-  return new f(M.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
+  return new f(y.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
-  return new f(M.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
+  return new f(y.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
 } }, GenericErrors: { NotConnected(a2, e = "") {
-  return new f(M.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
+  return new f(y.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
 }, Signalling(a2, e) {
-  return new f(M.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
+  return new f(y.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
 }, Unknown(a2, e) {
-  return new f(M.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
+  return new f(y.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
 }, NotReady(a2, e = "") {
-  return new f(M.GenericErrors.NOT_READY, "NotReady", a2, e, e);
+  return new f(y.GenericErrors.NOT_READY, "NotReady", a2, e, e);
 }, JsonParsingFailed(a2, e, t = "") {
-  return new f(M.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
+  return new f(y.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
 }, TrackMetadataMissing(a2, e = "") {
-  return new f(M.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
+  return new f(y.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
 }, RTCTrackMissing(a2, e = "") {
-  return new f(M.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
+  return new f(y.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
 }, PeerMetadataMissing(a2, e = "") {
-  return new f(M.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
+  return new f(y.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
 }, ValidationFailed(a2, e) {
-  return new f(M.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
+  return new f(y.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
 }, InvalidRole(a2, e) {
-  return new f(M.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
+  return new f(y.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
 }, PreviewAlreadyInProgress(a2, e = "") {
-  return new f(M.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
+  return new f(y.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
 }, LocalStorageAccessDenied(a2 = "Access to localStorage has been denied") {
-  return new f(M.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
+  return new f(y.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
 }, MissingMediaDevices() {
-  return new f(M.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
+  return new f(y.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
 }, MissingRTCPeerConnection() {
-  return new f(M.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
+  return new f(y.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
 } }, MediaPluginErrors: { PlatformNotSupported(a2, e = "") {
   return new f(7001, "PlatformNotSupported", a2, "Check HMS Docs to see the list of supported platforms", e);
 }, InitFailed(a2, e = "") {
@@ -19088,9 +19125,9 @@ var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, DeviceNotSupported(a2, e = "") {
   return new f(7005, "DeviceNotSupported", a2, "Check HMS Docs to see the list of supported devices", e);
 } }, PlaylistErrors: { NoEntryToPlay(a2, e) {
-  return new f(M.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
+  return new f(y.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
 }, NoEntryPlaying(a2, e) {
-  return new f(M.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
+  return new f(y.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
 } } };
 var ar = class {
   constructor() {
@@ -19170,93 +19207,99 @@ function dr(a2) {
   return a2.replace(/ /g, "_");
 }
 var ds = (a2, e = ",") => Object.keys(a2).filter((t) => re(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
-var C = class {
+var H = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: ot() };
     this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Qa(), this.device_id = os();
   }
   toSignalParams() {
-    return { name: this.name, info: v(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: M(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
-var P3 = class {
+var v = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(v(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
-    return new C({ name: o, level: n, properties: l });
+    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(M(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+    return new H({ name: o, level: n, properties: l });
   }
   static disconnect(e, t) {
     let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
-    return new C({ name: i, level: r, properties: s });
+    return new H({ name: i, level: r, properties: s });
   }
   static preview(i) {
     var r = i, { error: e } = r, t = er(r, ["error"]);
     let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
-    return new C({ name: s, level: o, properties: n });
+    return new H({ name: s, level: o, properties: n });
   }
   static join(i) {
     var r = i, { error: e } = r, t = er(r, ["error"]);
-    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(v(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
-    return new C({ name: s, level: o, properties: n });
+    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    return new H({ name: s, level: o, properties: n });
   }
   static publish({ devices: e, settings: t, error: i }) {
     let r = this.eventNameFor("publish", i === void 0), s = i ? 2 : 1, o = this.getPropertiesWithError({ devices: e, audio: t == null ? void 0 : t.audio, video: t == null ? void 0 : t.video }, i);
-    return new C({ name: r, level: s, properties: o });
+    return new H({ name: r, level: s, properties: o });
   }
   static hlsPlayerError(e) {
-    return new C({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
+    return new H({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
   }
   static subscribeFail(e) {
     let t = this.eventNameFor("subscribe", false), i = 2, r = this.getErrorProperties(e);
-    return new C({ name: t, level: i, properties: r });
+    return new H({ name: t, level: i, properties: r });
   }
   static leave() {
-    return new C({ name: "leave", level: 1 });
+    return new H({ name: "leave", level: 1 });
   }
   static autoplayError() {
-    return new C({ name: "autoplayError", level: 2 });
+    return new H({ name: "autoplayError", level: 2 });
   }
   static audioPlaybackError(e) {
-    return new C({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
+    return new H({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
   }
   static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
     let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, l = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
-    return new C({ name: o, level: n, properties: l });
+    return new H({ name: o, level: n, properties: l });
   }
   static performance(e) {
     let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
-    return new C({ name: t, level: i, properties: r });
+    return new H({ name: t, level: i, properties: r });
   }
   static rtcStats(e) {
     let t = "rtc.stats", i = 1, r = e.toAnalyticsProperties();
-    return new C({ name: t, level: i, properties: r });
+    return new H({ name: t, level: i, properties: r });
   }
   static rtcStatsFailed(e) {
     let t = "rtc.stats.failed", i = 2;
-    return new C({ name: t, level: i, properties: this.getErrorProperties(e) });
+    return new H({ name: t, level: i, properties: this.getErrorProperties(e) });
   }
   static degradationStats(e, t) {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
     if (!t && e.degradedAt instanceof Date) {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
-      s = v(S({}, s), { duration: n, restoredAt: o });
+      s = M(S({}, s), { duration: n, restoredAt: o });
     }
-    return new C({ name: i, level: r, properties: s });
+    return new H({ name: i, level: r, properties: s });
   }
   static audioDetectionFail(e, t) {
     let i = this.getPropertiesWithError({ device: t }, e), r = 2, s = "audiopresence.failed";
-    return new C({ name: s, level: r, properties: i });
+    return new H({ name: s, level: r, properties: i });
   }
   static previewNetworkQuality(e) {
-    return new C({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
+    return new H({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
   }
   static publishStats(e) {
-    return new C({ name: "publisher.stats", level: 1, properties: e });
+    return new H({ name: "publisher.stats", level: 1, properties: e });
   }
   static subscribeStats(e) {
-    return new C({ name: "subscriber.stats", level: 1, properties: e });
+    return new H({ name: "subscriber.stats", level: 1, properties: e });
   }
   static getKrispUsage(e) {
-    return new C({ name: "krisp.usage", level: 1, properties: { duration: e } });
+    return new H({ name: "krisp.usage", level: 1, properties: { duration: e } });
+  }
+  static krispStart() {
+    return new H({ name: "krisp.start", level: 1 });
+  }
+  static krispStop() {
+    return new H({ name: "krisp.stop", level: 1 });
   }
   static eventNameFor(e, t) {
     return `${e}.${t ? "success" : "failed"}`;
@@ -19269,7 +19312,7 @@ var P3 = class {
     return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
   }
 };
-P3.KEY_REQUESTED_AT = "requested_at", P3.KEY_RESPONDED_AT = "responded_at";
+v.KEY_REQUESTED_AT = "requested_at", v.KEY_RESPONDED_AT = "responded_at";
 var lr = class {
   constructor() {
     this.storage = new ne("hms-device-selection");
@@ -19390,8 +19433,8 @@ var Qe = class {
 Qe.makePeerId = () => mo();
 var U = (a2) => a2.room;
 var go = (a2) => a2.errors;
-var bh = createSelector(go, (a2) => a2.length === 0 ? null : a2.at(-1));
-var Hh = createSelector(U, (a2) => a2.id);
+var Hh = createSelector(go, (a2) => a2.length === 0 ? null : a2.at(-1));
+var Ch = createSelector(U, (a2) => a2.id);
 var W = (a2) => a2.peers;
 var ni = (a2) => a2.messages.byID;
 var Us = (a2) => a2.messages.allIDs;
@@ -19399,14 +19442,14 @@ var _ = (a2) => a2.tracks;
 var Rr = (a2) => a2.appData;
 var To = (a2) => a2.speakers;
 var He = createSelector([U], (a2) => a2 && a2.isConnected);
-var Dh = createSelector([He, U], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+var wh = createSelector([He, U], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
 var fo = (a2) => a2.hideLocalPeer;
 var ue = createSelector([U, W, fo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
 var vo = createSelector(_, (a2) => Object.values(a2));
 var Y = createSelector(U, W, (a2, e) => e[a2.localPeer]);
 var fe = createSelector(U, (a2) => a2.localPeer);
-var wh = createSelector(Y, (a2) => a2 == null ? void 0 : a2.name);
-var _h = createSelector(Y, (a2) => a2 == null ? void 0 : a2.roleName);
+var _h = createSelector(Y, (a2) => a2 == null ? void 0 : a2.name);
+var Nh = createSelector(Y, (a2) => a2 == null ? void 0 : a2.roleName);
 var ie = createSelector(Y, (a2) => a2 == null ? void 0 : a2.audioTrack);
 var J = createSelector(Y, (a2) => a2 == null ? void 0 : a2.videoTrack);
 var Mo = createSelector(Y, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
@@ -19414,8 +19457,8 @@ var Vs = createSelector([ie, J, Mo], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var Nh = createSelector(ue, (a2) => a2.filter((e) => !e.isLocal));
-var Oh = createSelector(W, To, (a2, e) => {
+var Oh = createSelector(ue, (a2) => a2.filter((e) => !e.isLocal));
+var xh = createSelector(W, To, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, l;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -19442,15 +19485,15 @@ var yo = createSelector(W, _, (a2, e) => {
   }
   return t;
 });
-var Uh = createSelector(yo, (a2) => !!a2);
-var Bh = createSelector(W, _, (a2, e) => {
+var Bh = createSelector(yo, (a2) => !!a2);
+var Vh = createSelector(W, _, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = Ce(e, i);
     if (!s && r)
       return i;
   }
 });
-var Vh = createSelector(W, _, (a2, e) => {
+var Fh = createSelector(W, _, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: o, audio: n } = Ce(e, s);
@@ -19458,23 +19501,23 @@ var Vh = createSelector(W, _, (a2, e) => {
   }
   return t.concat(i);
 });
-var Fh = createSelector(W, _, (a2, e) => {
+var Gh = createSelector(W, _, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (st(i) && rt(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Gh = createSelector(W, _, (a2, e) => {
+var Wh = createSelector(W, _, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (qt(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Wh = createSelector(vo, (a2) => a2.filter(zr));
-var $h = createSelector(Us, (a2) => a2.length);
-var Kh = createSelector(ni, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var $h = createSelector(vo, (a2) => a2.filter(zr));
+var Kh = createSelector(Us, (a2) => a2.length);
+var qh = createSelector(ni, (a2) => Object.values(a2).filter((e) => !e.read).length);
 var gt = createSelector(Us, ni, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
@@ -19485,37 +19528,37 @@ var Po = createSelector(gt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var qh = createSelector(Po, (a2) => a2.filter((e) => !e.read).length);
+var jh = createSelector(Po, (a2) => a2.filter((e) => !e.read).length);
 var X = createSelector([U], (a2) => a2 && a2.roomState);
 var Gs = createSelector(X, (a2) => a2 === "Preview");
-var jh = createSelector(U, (a2) => a2.roomState !== "Disconnected");
-var Jh = createSelector(U, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+var Jh = createSelector(U, (a2) => a2.roomState !== "Disconnected");
+var Qh = createSelector(U, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
 var pe = (a2) => a2.roles;
-var Qh = createSelector([pe], (a2) => Object.keys(a2));
+var zh = createSelector([pe], (a2) => Object.keys(a2));
 var Ye = createSelector([Y, pe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
 var Eo = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
 var Ws = createSelector([Eo, pe], (a2, e) => a2 ? e[a2] : null);
-var zh = createSelector([Ye], (a2) => {
+var Yh = createSelector([Ye], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
 var $s = createSelector(Ye, (a2) => a2 == null ? void 0 : a2.permissions);
-var Yh = createSelector(U, (a2) => a2.recording);
-var Xh = createSelector(U, (a2) => a2.rtmp);
-var Zh = createSelector(U, (a2) => a2.hls);
-var em = createSelector(U, (a2) => a2.transcriptions);
-var tm = createSelector(U, (a2) => a2.sessionId);
-var im = createSelector(U, (a2) => a2.startedAt);
-var rm = createSelector(U, (a2) => !!a2.isLargeRoom);
-var sm = createSelector(U, (a2) => !!a2.isEffectsEnabled);
-var am = createSelector(U, (a2) => a2.effectsKey);
+var Xh = createSelector(U, (a2) => a2.recording);
+var Zh = createSelector(U, (a2) => a2.rtmp);
+var em = createSelector(U, (a2) => a2.hls);
+var tm = createSelector(U, (a2) => a2.transcriptions);
+var im = createSelector(U, (a2) => a2.sessionId);
+var rm = createSelector(U, (a2) => a2.startedAt);
+var sm = createSelector(U, (a2) => !!a2.isLargeRoom);
+var am = createSelector(U, (a2) => !!a2.isEffectsEnabled);
+var om = createSelector(U, (a2) => a2.effectsKey);
 var Ks = (a2) => a2.polls;
-var dm = createSelector(ue, (a2) => a2.filter((e) => e.isHandRaised));
+var lm = createSelector(ue, (a2) => a2.filter((e) => e.isHandRaised));
 var ko = (a2) => a2.whiteboards;
-var lm = createSelector(ko, (a2) => Object.values(a2)[0]);
+var um = createSelector(ko, (a2) => Object.values(a2)[0]);
 var js = (a2 = "audio") => (e) => e.playlist[a2].list;
 var Cr = (a2 = "audio") => (e) => e.playlist[a2].selection;
 var Js = (a2 = "audio") => (e) => e.playlist[a2].progress;
@@ -19632,23 +19675,23 @@ var Co = createSelector([_, ft], (a2, e) => {
 });
 var Lo = createSelector([Ks, Io], (a2, e) => e ? a2[e] : null);
 var Q = R($);
-var ym = R(createSelector([Rr, Ao], (a2, e) => {
+var Pm = R(createSelector([Rr, Ao], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function Pm(a2) {
+function Em(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var km = R(createSelector($, (a2) => a2 == null ? void 0 : a2.name));
-var Am = R(createSelector($, (a2) => a2 == null ? void 0 : a2.type));
+var Am = R(createSelector($, (a2) => a2 == null ? void 0 : a2.name));
+var Im = R(createSelector($, (a2) => a2 == null ? void 0 : a2.type));
 var ci = R(Dr);
 var ra = R(Ro);
-var Im = R(bo);
-var Rm = R(Ho);
-var bm = R(Co);
+var Rm = R(bo);
+var bm = R(Ho);
+var Hm = R(Co);
 var Do = R((a2, e) => {
   let t = $(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
@@ -19659,43 +19702,43 @@ var wo = R((a2, e) => {
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var Cm = R((a2, e) => {
+var Lm = R((a2, e) => {
   let t = $(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
 var sa = (a2, e) => e ? a2.speakers[e] : null;
-var Lm = R(createSelector(sa, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Dm = R(createSelector(sa, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
 var _o = (a2, e) => {
   let t = wo(e)(a2);
   return sa(a2, t == null ? void 0 : t.id);
 };
-var Dm = R(createSelector(_o, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var wm = R((a2, e) => {
+var wm = R(createSelector(_o, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var _m = R((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var _m = R((a2, e) => {
+var Nm = R((a2, e) => {
   let t = $(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => it(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var Nm = R(createSelector(_, $, (a2, e) => {
+var Om = R(createSelector(_, $, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return st(r) && rt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Om = R(createSelector(_, $, (a2, e) => {
+var xm = R(createSelector(_, $, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return st(r) && it(r);
   });
   return t ? a2[t] : void 0;
 }));
-var xm = R(createSelector(_, $, (a2, e) => {
+var Um = R(createSelector(_, $, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return qt(r) && it(r);
@@ -19704,11 +19747,11 @@ var xm = R(createSelector(_, $, (a2, e) => {
 }));
 var aa = R(createSelector(_, $, (a2, e) => Ce(a2, e)));
 var oa = (a2) => createSelector(aa(a2), (e) => e.audio);
-var Bm = R((a2, e) => {
+var Vm = R((a2, e) => {
   let t = $(a2, e);
   return Ue(a2, t == null ? void 0 : t.audioTrack);
 });
-var Vm = R((a2, e) => {
+var Fm = R((a2, e) => {
   let t = $(a2, e);
   return Ue(a2, t == null ? void 0 : t.videoTrack);
 });
@@ -19716,11 +19759,11 @@ var na = R((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var Fm = R((a2, e) => {
+var Gm = R((a2, e) => {
   let t = $(a2, e);
   return na(t == null ? void 0 : t.audioTrack)(a2);
 });
-var Gm = R((a2, e) => {
+var Wm = R((a2, e) => {
   let t = oa(e)(a2);
   return na(t == null ? void 0 : t.id)(a2);
 });
@@ -19734,15 +19777,15 @@ var ca = R((a2, e) => {
     return t.volume;
   }
 });
-var Wm = R((a2, e) => {
+var $m = R((a2, e) => {
   let t = $(a2, e);
   return ca(t == null ? void 0 : t.audioTrack)(a2);
 });
-var $m = R((a2, e) => {
+var Km = R((a2, e) => {
   let t = oa(e)(a2);
   return ca(t == null ? void 0 : t.id)(a2);
 });
-var Km = R((a2, e) => {
+var qm = R((a2, e) => {
   let t = Dr(a2, e);
   if (t) {
     if (t.type !== "video") {
@@ -19772,20 +19815,20 @@ var No = createSelector(gt, (a2) => a2.filter((e) => {
 }));
 var Oo = createSelector([la, ia], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
 var xo = createSelector([da, Lr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var qm = createSelector(No, (a2) => a2.filter((e) => !e.read).length);
-var jm = R(da);
-var Jm = R(la);
-var Qm = R(Oo);
-var zm = R(xo);
+var jm = createSelector(No, (a2) => a2.filter((e) => !e.read).length);
+var Jm = R(da);
+var Qm = R(la);
+var zm = R(Oo);
+var Ym = R(xo);
 var ua = R(Lo);
-var cS = createSelector([W, _], (a2, e) => Object.values(a2).map((i) => {
+var dS = createSelector([W, _], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
 }));
 var Uo = (a2) => a2.roleChangeRequests[0] || null;
-var dS = createSelector([Uo, W, pe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var lS = createSelector([Ye], (a2) => at(a2));
-var uS = createSelector([Ws], (a2) => at(a2));
+var lS = createSelector([Uo, W, pe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var uS = createSelector([Ye], (a2) => at(a2));
+var pS = createSelector([Ws], (a2) => at(a2));
 var Vo = createSelector([J, _], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
@@ -21689,7 +21732,7 @@ var RoleOptions = ({ roleName, peerList }) => {
 
 // src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
 init_define_process_env();
-import { match as match7, P as P4 } from "ts-pattern";
+import { match as match7, P as P3 } from "ts-pattern";
 import { selectPermissions as selectPermissions11, useHMSActions as useHMSActions26, useHMSStore as useHMSStore37 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
   var _a8;
@@ -21706,9 +21749,9 @@ var useGroupOnStageActions = ({ peers }) => {
   const offStageRolePeers = peers.filter(
     (peer) => match7({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
       {
-        on_stage_role: P4.when((role) => !!role),
-        bring_to_stage_label: P4.when((label) => !!label),
-        roleName: P4.when((role) => !!role && off_stage_roles.includes(role))
+        on_stage_role: P3.when((role) => !!role),
+        bring_to_stage_label: P3.when((label) => !!label),
+        roleName: P3.when((role) => !!role && off_stage_roles.includes(role))
       },
       () => true
     ).otherwise(() => false)
@@ -22504,18 +22547,19 @@ var ContentHeader = ({ onBack, onClose, title = "", content }) => {
       css: { w: "100%", py: "$8", px: "$10", cursor: "pointer", borderBottom: "1px solid $border_bright", mb: "$8" }
     },
     onBack ? /* @__PURE__ */ React82.createElement(
-      Text,
+      Flex,
       {
+        align: "center",
         css: {
-          alignSelf: "center",
-          mr: "$8"
+          mr: "$8",
+          color: "$on_surface_high"
         },
         onClick: onBack,
         "data-testid": "go_back"
       },
       /* @__PURE__ */ React82.createElement(ChevronLeftIcon3, null)
     ) : null,
-    /* @__PURE__ */ React82.createElement(Box, { css: { flex: "1 1 0" } }, title ? /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React82.createElement(Box, { css: { flex: "1 1 0", display: "flex", alignItems: "center" } }, title ? /* @__PURE__ */ React82.createElement(
       Text,
       {
         variant: "tiny",
@@ -25767,7 +25811,7 @@ var Chat = () => {
   const listRef = useRef24(null);
   const hmsActions = useHMSActions41();
   const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore62(Pm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore62(Em("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia19(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -25857,7 +25901,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore62(Kh);
+  const unreadCount = useHMSStore62(qh);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -26976,12 +27020,12 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const [blurAmount, setBlurAmount] = useState56(VBHandler.getBlurAmount() || 0.5);
   const roomState = useHMSStore70(selectRoomState4);
   const isLargeRoom = useHMSStore70(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore70(sm);
-  const effectsKey = useHMSStore70(am);
+  const isEffectsEnabled = useHMSStore70(am);
+  const effectsKey = useHMSStore70(om);
   const isMobile = useMedia23(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
   const isPluginAdded = useHMSStore70(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-  const background = useHMSStore70(ym(APP_DATA.background));
+  const background = useHMSStore70(Pm(APP_DATA.background));
   const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -27702,7 +27746,7 @@ var RoleChangeRequestModal = () => {
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
 init_define_process_env();
-import React155, { Suspense, useEffect as useEffect53 } from "react";
+import React155, { Suspense, useEffect as useEffect53, useState as useState67 } from "react";
 import { match as match12 } from "ts-pattern";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom9,
@@ -29100,7 +29144,8 @@ var PDFView = () => {
 
 // src/Prebuilt/plugins/CaptionsViewer.tsx
 init_define_process_env();
-import React154, { useEffect as useEffect51, useState as useState66 } from "react";
+import React154, { useEffect as useEffect51, useRef as useRef28, useState as useState66 } from "react";
+import Draggable2 from "react-draggable";
 import { useMedia as useMedia36 } from "react-use";
 import {
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled5,
@@ -29116,6 +29161,9 @@ var SimpleQueue = class {
   }
   enqueue(data3) {
     var _a8;
+    if (!data3.transcript.trim()) {
+      return;
+    }
     if (this.size() === this.capacity && this.storage[this.size() - 1].final) {
       this.dequeue(this.storage[this.size() - 1]);
     }
@@ -29254,7 +29302,10 @@ var TranscriptView = ({ peer_id, data: data3 }) => {
     data3
   );
 };
-var CaptionsViewer = () => {
+var CaptionsViewer = ({
+  defaultPosition,
+  setDefaultPosition
+}) => {
   var _a8;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const isMobile = useMedia36(config.media.md);
@@ -29264,6 +29315,7 @@ var CaptionsViewer = () => {
   const [currentData, setCurrentData] = useState66([]);
   const isCaptionEnabled = useIsCaptionEnabled();
   const isTranscriptionEnabled = useHMSStore82(selectIsTranscriptionEnabled5);
+  const nodeRef = useRef28(null);
   useEffect51(() => {
     const timeInterval = setInterval(() => {
       var _a9;
@@ -29291,29 +29343,41 @@ var CaptionsViewer = () => {
     return null;
   }
   return /* @__PURE__ */ React154.createElement(
-    Box,
+    Draggable2,
     {
-      css: {
-        position: "absolute",
-        w: isMobile ? "100%" : "40%",
-        bottom: showCaptionAtTop ? "" : "0",
-        top: showCaptionAtTop ? "0" : "",
-        left: isMobile ? 0 : "50%",
-        transform: isMobile ? "" : "translateX(-50%)",
-        background: "#000000A3",
-        overflow: "clip",
-        zIndex: 10,
-        height: "fit-content",
-        r: "$1",
-        p: "$6",
-        transition: "bottom 0.3s ease-in-out",
-        "&:empty": { display: "none" }
+      bounds: "parent",
+      nodeRef,
+      defaultPosition,
+      onStop: (_2, data3) => {
+        setDefaultPosition({ x: data3.lastX, y: data3.lastY });
       }
     },
-    /* @__PURE__ */ React154.createElement(Flex, { direction: "column" }, dataToShow.map((data3, index) => {
-      const key = Object.keys(data3)[0];
-      return /* @__PURE__ */ React154.createElement(TranscriptView, { key: index, peer_id: key, data: data3[key] });
-    }))
+    /* @__PURE__ */ React154.createElement(
+      Box,
+      {
+        ref: nodeRef,
+        css: {
+          position: "absolute",
+          w: isMobile ? "100%" : "40%",
+          bottom: showCaptionAtTop ? "" : "0",
+          top: showCaptionAtTop ? "0" : "",
+          left: isMobile ? 0 : "50%",
+          transform: isMobile ? "" : "translateX(-50%)",
+          background: "#000000A3",
+          overflow: "clip",
+          zIndex: 10,
+          height: "fit-content",
+          r: "$1",
+          p: "$6",
+          transition: "bottom 0.3s ease-in-out",
+          "&:empty": { display: "none" }
+        }
+      },
+      /* @__PURE__ */ React154.createElement(Flex, { direction: "column" }, dataToShow.map((data3, index) => {
+        const key = Object.keys(data3)[0];
+        return /* @__PURE__ */ React154.createElement(TranscriptView, { key: index, peer_id: key, data: data3[key] });
+      }))
+    )
   );
 };
 
@@ -29332,7 +29396,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React155.lazy(() => import("./HLSView-C2U74KCJ.js"));
+var HLSView = React155.lazy(() => import("./HLSView-KYYL6BSY.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -29347,6 +29411,7 @@ var VideoStreamingSection = ({
   const pdfAnnotatorActive = usePDFConfig();
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
+  const [captionPosition, setCaptionPosition] = useState67({ x: -200, y: 0 });
   useCloseScreenshareWhiteboard();
   const { isNotAllowedToPublish, isScreenOnlyPublishParams, hasSubscribedRolePublishing } = useWaitingRoomInfo();
   useEffect53(() => {
@@ -29417,7 +29482,7 @@ var VideoStreamingSection = ({
       var _a9;
       return /* @__PURE__ */ React155.createElement(GridLayout, __spreadValues({}, (_a9 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a9.grid));
     }),
-    /* @__PURE__ */ React155.createElement(CaptionsViewer, null),
+    /* @__PURE__ */ React155.createElement(CaptionsViewer, { setDefaultPosition: setCaptionPosition, defaultPosition: captionPosition }),
     /* @__PURE__ */ React155.createElement(
       Box,
       {
@@ -29686,16 +29751,16 @@ var ConferenceScreen = () => {
   const roomState = useHMSStore87(selectRoomState7);
   const isConnectedToRoom = useHMSStore87(selectIsConnectedToRoom10);
   const hmsActions = useHMSActions49();
-  const [hideControls, setHideControls] = useState67(false);
+  const [hideControls, setHideControls] = useState68(false);
   const dropdownList = useHMSStore87(selectAppData12(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
-  const headerRef = useRef28(null);
-  const footerRef = useRef28(null);
+  const headerRef = useRef29(null);
+  const footerRef = useRef29(null);
   const isMobileDevice = isAndroid || isIOS || isIPadOS;
-  const dropdownListRef = useRef28();
+  const dropdownListRef = useRef29();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
-  const autoRoomJoined = useRef28(isPreviewScreenEnabled);
+  const autoRoomJoined = useRef29(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
@@ -30089,7 +30154,7 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
 init_define_process_env();
 import React162, { useContext as useContext4, useEffect as useEffect59 } from "react";
 import { usePreviousDistinct } from "react-use";
-import { match as match13, P as P5 } from "ts-pattern";
+import { match as match13, P as P4 } from "ts-pattern";
 import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
@@ -30139,7 +30204,7 @@ var useAppStateManager = () => {
     if (!roomLayout) {
       return;
     }
-    match13([roomState, prevRoomState]).with([HMSRoomState8.Connected, P5.any], () => setActiveState("meeting" /* MEETING */)).with(
+    match13([roomState, prevRoomState]).with([HMSRoomState8.Connected, P4.any], () => setActiveState("meeting" /* MEETING */)).with(
       [HMSRoomState8.Disconnecting, HMSRoomState8.Connected],
       [HMSRoomState8.Disconnecting, HMSRoomState8.Connecting],
       [HMSRoomState8.Disconnecting, HMSRoomState8.Reconnecting],
@@ -30153,7 +30218,7 @@ var useAppStateManager = () => {
         VBHandler.reset();
         redirectToLeave(1e3);
       }
-    ).with([HMSRoomState8.Disconnected, P5.nullish], () => {
+    ).with([HMSRoomState8.Disconnected, P4.nullish], () => {
       setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
     }).otherwise(() => {
     });
@@ -30207,12 +30272,12 @@ var LeaveScreen = () => {
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
-import React164, { useEffect as useEffect60, useState as useState68 } from "react";
+import React164, { useEffect as useEffect60, useState as useState69 } from "react";
 import { useMedia as useMedia39 } from "react-use";
-import { match as match14, P as P6 } from "ts-pattern";
+import { match as match14, P as P5 } from "ts-pattern";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
-  const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState68(false);
+  const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState69(false);
   const isLandscape = useMedia39(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect60(() => {
@@ -30229,7 +30294,7 @@ var MwebLandscapePrompt = () => {
       const angle = window.screen.orientation.angle;
       const type = window.screen.orientation.type || "";
       setShowMwebLandscapePrompt(
-        match14({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P6.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
+        match14({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P5.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
       );
     };
     handleRotation();
@@ -30611,12 +30676,12 @@ var HandRaisedNotifications = () => {
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
 init_define_process_env();
-import React168, { useEffect as useEffect63, useState as useState69 } from "react";
+import React168, { useEffect as useEffect63, useState as useState70 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
 var InitErrorModal = () => {
   const notification = useHMSNotifications3(HMSNotificationTypes3.ERROR);
-  const [showModal, setShowModal] = useState69(false);
-  const [info, setInfo] = useState69({ title: "Init Error", description: "" });
+  const [showModal, setShowModal] = useState70(false);
+  const [info, setInfo] = useState70({ title: "Init Error", description: "" });
   useEffect63(() => {
     const data3 = notification == null ? void 0 : notification.data;
     if (!data3 || data3.action !== "INIT") {
@@ -30679,7 +30744,7 @@ var PeerNotifications = () => {
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
-import React169, { useEffect as useEffect65, useState as useState70 } from "react";
+import React169, { useEffect as useEffect65, useState as useState71 } from "react";
 import { useMedia as useMedia40 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 
@@ -30692,8 +30757,8 @@ var ios_perm_0_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATwAAACh
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 function PermissionErrorModal() {
   const notification = useHMSNotifications5(HMSNotificationTypes5.ERROR);
-  const [deviceType, setDeviceType] = useState70("");
-  const [isSystemError, setIsSystemError] = useState70(false);
+  const [deviceType, setDeviceType] = useState71("");
+  const [isSystemError, setIsSystemError] = useState71(false);
   const isMobile = useMedia40(config.media.md);
   useEffect65(() => {
     var _a8, _b7, _c, _d, _e;
@@ -30753,7 +30818,7 @@ function PermissionErrorModal() {
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
 init_define_process_env();
-import React170, { useEffect as useEffect66, useState as useState71 } from "react";
+import React170, { useEffect as useEffect66, useState as useState72 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
 var notificationTypes2 = [
   HMSNotificationTypes6.RECONNECTED,
@@ -30763,7 +30828,7 @@ var notificationTypes2 = [
 var notificationId = null;
 var ReconnectNotifications = () => {
   const notification = useHMSNotifications6(notificationTypes2);
-  const [open, setOpen] = useState71(false);
+  const [open, setOpen] = useState72(false);
   useEffect66(() => {
     var _a8, _b7;
     if (!notification) {
@@ -30803,7 +30868,7 @@ var ReconnectNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React171, { useEffect as useEffect67, useState as useState72 } from "react";
+import React171, { useEffect as useEffect67, useState as useState73 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes7,
   useHMSActions as useHMSActions52,
@@ -30812,7 +30877,7 @@ import {
 import { MicOnIcon as MicOnIcon5 } from "@100mslive/react-icons";
 var TrackBulkUnmuteModal = () => {
   const hmsActions = useHMSActions52();
-  const [muteNotification, setMuteNotification] = useState72(null);
+  const [muteNotification, setMuteNotification] = useState73(null);
   const notification = useHMSNotifications7([
     HMSNotificationTypes7.CHANGE_MULTI_TRACK_STATE_REQUEST,
     HMSNotificationTypes7.ROOM_ENDED,
@@ -30877,7 +30942,7 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React172, { useEffect as useEffect69, useState as useState73 } from "react";
+import React172, { useEffect as useEffect69, useState as useState74 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
   useHMSActions as useHMSActions53,
@@ -30891,7 +30956,7 @@ var TrackUnmuteModal = () => {
     HMSNotificationTypes9.ROOM_ENDED,
     HMSNotificationTypes9.REMOVED_FROM_ROOM
   ]);
-  const [muteNotification, setMuteNotification] = useState73(null);
+  const [muteNotification, setMuteNotification] = useState74(null);
   useEffect69(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes9.REMOVED_FROM_ROOM:
@@ -31143,7 +31208,7 @@ var PreviewScreen = () => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React177, { useEffect as useEffect72, useState as useState74 } from "react";
+import React177, { useEffect as useEffect72, useState as useState75 } from "react";
 import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
@@ -31168,7 +31233,7 @@ var Toast2 = (_a8) => {
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
   const isConnected = useHMSStore94(selectIsConnectedToRoom11);
-  const [toasts, setToast] = useState74([]);
+  const [toasts, setToast] = useState75([]);
   useEffect72(() => {
     ToastManager.addListener(setToast);
     return () => {
@@ -31224,7 +31289,7 @@ var Sheet2 = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React180, { useCallback as useCallback37, useEffect as useEffect73, useMemo as useMemo21, useState as useState75 } from "react";
+import React180, { useCallback as useCallback37, useEffect as useEffect73, useMemo as useMemo21, useState as useState76 } from "react";
 import { useMedia as useMedia41 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
@@ -31262,7 +31327,7 @@ function FlyingEmoji() {
   const localPeerId = useHMSStore96(selectLocalPeerID16);
   const vanillaStore = useHMSVanillaStore17();
   const hmsActions = useHMSActions54();
-  const [emojis, setEmojis] = useState75([]);
+  const [emojis, setEmojis] = useState76([]);
   const isMobile = useMedia41(config.media.md);
   const isLargeRoom = useHMSStore96(selectIsLargeRoom4);
   const startingPoints = useMemo21(() => getStartingPoints(isMobile), [isMobile]);
@@ -31377,7 +31442,7 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback39, useEffect as useEffect74, useRef as useRef29 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect74, useRef as useRef30 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
@@ -31392,7 +31457,7 @@ var useAutoStartStreaming = () => {
   const hmsActions = useHMSActions56();
   const isConnected = useHMSStore97(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
-  const streamStartedRef = useRef29(false);
+  const streamStartedRef = useRef30(false);
   const startHLS = useCallback39(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
@@ -31444,7 +31509,7 @@ var HMSPrebuilt = React182.forwardRef(
     onJoin
   }, ref) => {
     var _a8, _b7, _c, _d;
-    const reactiveStore = useRef30();
+    const reactiveStore = useRef31();
     const [hydrated, setHydrated] = React182.useState(false);
     useEffect75(() => {
       setHydrated(true);
@@ -31757,4 +31822,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-K7H5ZUXQ.js.map
+//# sourceMappingURL=chunk-ESKXLCLX.js.map