@100mslive/roomkit-react 0.3.12-alpha.6 → 0.3.12-alpha.7

package/dist/{chunk-FQVXDJIG.js → chunk-KBVFTNP3.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_fe0cd9a7-887f-4593-89ce-364e79153207", 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-alpha.6", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.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-alpha.6", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_fe0cd9a7-887f-4593-89ce-364e79153207", 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-alpha.6", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_packageManager: "yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72", 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: "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.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:20534", 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-alpha.6", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "9300762402", 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: "b056278ac61c5f0c04ed2c7c72ca84574ceac05c", 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: "4da4729e9a1bb901d9f1e0c94ea20db4800aa0c3be5d831241f375140eaa42c8", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/fix/ice-server-relay", 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--1717063752473-0.42070767715397106:/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--1717063752280-0.8885176299894173:/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--1717063727319-0.6524591395498536:/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--1717063727142-0.931848454764163:/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_4f2e6b62-9cff-4930-9e36-0307c1960e00", INVOCATION_ID: "46d3cef73ebf464bbc2609efc84e5b60", 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: "562", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 292", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "fix/ice-server-relay", 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-alpha.6", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.12-alpha.6", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_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: "b056278ac61c5f0c04ed2c7c72ca84574ceac05c", 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/fix/ice-server-relay", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_fe0cd9a7-887f-4593-89ce-364e79153207", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_fe0cd9a7-887f-4593-89ce-364e79153207", 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_fe0cd9a7-887f-4593-89ce-364e79153207" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_0c5810bb-b0d2-4515-9bab-33d8312dee70", 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-alpha.7", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.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-alpha.7", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_0c5810bb-b0d2-4515-9bab-33d8312dee70", 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-alpha.7", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.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: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.10/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240603.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:19831", 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-alpha.7", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "true", GITHUB_RUN_ID: "9462175742", 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: "b88ca5d4312e552bb6379028339d8c27f6de09aa", 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: "d94ac9155fbd1332f218d3932236e6886d8b5e627b5f33855a11962edd10c42c", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1718094506363-0.9605623056766752:/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--1718094506166-0.28901075418888844:/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--1718094480736-0.30470876957168325:/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--1718094480554-0.24156405754936427:/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_28b7f510-7d84-4f5b-8797-61c2f8c6ac34", INVOCATION_ID: "fedda5b84d9f4eac867e5b1a7a3e41d9", 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: "568", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 112", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", 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.12-alpha.7", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.12-alpha.7", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "b88ca5d4312e552bb6379028339d8c27f6de09aa", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_0c5810bb-b0d2-4515-9bab-33d8312dee70", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", 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_0c5810bb-b0d2-4515-9bab-33d8312dee70", 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_0c5810bb-b0d2-4515-9bab-33d8312dee70" };
   }
 });
 
@@ -9159,7 +9159,8 @@ var APP_DATA = {
   background: "background",
   sheet: "sheet",
   caption: "caption",
-  loadingEffects: "loadingEffects"
+  loadingEffects: "loadingEffects",
+  noiseCancellation: "noiseCancellation"
 };
 var UI_SETTINGS = {
   isAudioOnly: "isAudioOnly",
@@ -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 useState67 } 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;
   }
@@ -16101,8 +16135,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
         color: "$on_surface_high",
         fontWeight: "$semiBold",
         display: "flex",
-        pb: "$4",
-        "@md": { px: "$8", borderBottom: "1px solid $border_default" }
+        "@md": { px: "$8" }
       }
     },
     isTranscriptionEnabled ? "Disable" : "Enable",
@@ -16115,7 +16148,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
       },
       /* @__PURE__ */ React50.createElement(CrossIcon9, null)
     )
-  ), !isMobile ? /* @__PURE__ */ React50.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", pb: "$6", mb: "$8", "@md": { px: "$8", mt: "$4" } } }, "This will ", isTranscriptionEnabled ? "disable" : "enable", " Closed Captions for everyone in this room. You can\xA0", isTranscriptionEnabled ? "enable" : "disable", " it later.") : null, /* @__PURE__ */ React50.createElement(
+  ), !isMobile ? /* @__PURE__ */ React50.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mt: "$4", "@md": { px: "$8" } } }, "This will ", isTranscriptionEnabled ? "disable" : "enable", " Closed Captions for everyone in this room. You can\xA0", isTranscriptionEnabled ? "enable" : "disable", " it later.") : null, /* @__PURE__ */ React50.createElement(
     Flex,
     {
       justify: "between",
@@ -16135,14 +16168,15 @@ var CaptionContent = ({ isMobile, onExit }) => {
         justify: "between",
         align: "center",
         css: {
-          width: "100%"
+          width: "100%",
+          "@md": { px: "$4" }
         }
       },
       isMobile && isTranscriptionEnabled ? /* @__PURE__ */ React50.createElement(
         Button,
         {
           variant: "standard",
-          css: { w: "100%", mb: "$8" },
+          css: { w: "100%", mb: "$4" },
           outlined: true,
           onClick: () => {
             setIsCaptionEnabled(!isCaptionEnabled);
@@ -16185,7 +16219,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
               setToastId(id);
             } catch (err) {
               const id = ToastManager.replaceToast(toastId, {
-                title: `Failed to ${isTranscriptionEnabled ? "disabled" : "enabled"} closed caption`,
+                title: `Failed to ${isTranscriptionEnabled ? "disable" : "enable"} closed caption`,
                 variant: "error",
                 icon: /* @__PURE__ */ React50.createElement(AlertTriangleIcon5, { style: { marginRight: "0.5rem" } })
               });
@@ -16198,7 +16232,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
         " for Everyone"
       )
     )
-  ), isMobile && /* @__PURE__ */ React50.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", pb: "$6", mb: "$8", "@md": { px: "$8", mt: "$4" } } }, "This will ", isTranscriptionEnabled ? "disable" : "enable", " Closed Captions for everyone in this room. You can\xA0", isTranscriptionEnabled ? "enable" : "disable", " it later."));
+  ), isMobile && /* @__PURE__ */ React50.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", pb: "$4", mb: "$8", "@md": { px: "$8", mt: "$4" } } }, "This will ", isTranscriptionEnabled ? "disable" : "enable", " Closed Captions for everyone in this room. You can\xA0", isTranscriptionEnabled ? "enable" : "disable", " it later."));
 };
 
 // src/Prebuilt/components/MoreSettings/CaptionModal.tsx
@@ -18806,7 +18840,7 @@ var Wt = Object.getOwnPropertySymbols;
 var qr = Object.prototype.hasOwnProperty;
 var jr = Object.prototype.propertyIsEnumerable;
 var Kr = (a2, e, t) => e in a2 ? _a7(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
-var m = (a2, e) => {
+var S = (a2, e) => {
   for (var t in e || (e = {}))
     qr.call(e, t) && Kr(a2, t, e[t]);
   if (Wt)
@@ -18826,7 +18860,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-alpha.6", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+  Ja.exports = { version: "0.12.12-alpha.7", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var 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 || {});
@@ -18985,7 +19019,7 @@ var f = class a extends Error {
   }
 };
 var qa = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
-var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
+var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new f(M.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);
@@ -19121,7 +19155,7 @@ var as = () => {
   try {
     N && !localStorage && (window.localStorage = new ar());
   } catch (a2) {
-    d.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
+    d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied());
   }
 };
 var ne = class {
@@ -19133,7 +19167,7 @@ var ne = class {
     try {
       return N && !this.storage && (as(), this.storage = window.localStorage), this.storage;
     } catch (e) {
-      return d.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
+      return d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied()), null;
     }
   }
   get() {
@@ -19176,12 +19210,12 @@ var C = class {
     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(m({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: v(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
 var P3 = 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(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+    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 });
   }
   static disconnect(e, t) {
@@ -19195,7 +19229,7 @@ var P3 = class {
   }
   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(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    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 });
   }
   static publish({ devices: e, settings: t, error: i }) {
@@ -19238,7 +19272,7 @@ var P3 = class {
     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(m({}, s), { duration: n, restoredAt: o });
+      s = v(S({}, s), { duration: n, restoredAt: o });
     }
     return new C({ name: i, level: r, properties: s });
   }
@@ -19263,7 +19297,7 @@ var P3 = class {
   }
   static getPropertiesWithError(e, t) {
     let i = this.getErrorProperties(t);
-    return e = m(m({}, i), e), e;
+    return e = S(S({}, i), e), e;
   }
   static getErrorProperties(e) {
     return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
@@ -22458,7 +22492,7 @@ import {
   HMSRoomState as HMSRoomState5,
   selectAppData as selectAppData9,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled7,
-  selectLocalPeer as selectLocalPeer7,
+  selectLocalPeer as selectLocalPeer8,
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
   useAVToggle as useAVToggle3,
@@ -22504,18 +22538,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",
@@ -23651,7 +23686,7 @@ var LeaderboardSummary = ({ pollID }) => {
 init_define_process_env();
 import React102, { useEffect as useEffect26, useRef as useRef20, useState as useState42 } from "react";
 import {
-  selectLocalPeerID as selectLocalPeerID9,
+  selectLocalPeer as selectLocalPeer2,
   selectPeerNameByID,
   selectPermissions as selectPermissions16,
   selectPollByID as selectPollByID4,
@@ -23926,7 +23961,9 @@ var Voting = ({ id, toggleVoting }) => {
   const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
   const fetchedInitialResponses = useRef20(false);
   const [savedResponses, setSavedResponses] = useState42({});
-  const localPeerId = useHMSStore51(selectLocalPeerID9);
+  const localPeer = useHMSStore51(selectLocalPeer2);
+  const localPeerId = localPeer == null ? void 0 : localPeer.id;
+  const customerUserId = localPeer == null ? void 0 : localPeer.customerUserId;
   useEffect26(() => {
     fetchedInitialResponses.current = false;
     setSavedResponses({});
@@ -23942,7 +23979,7 @@ var Voting = ({ id, toggleVoting }) => {
   }, [poll, actions.interactivityCenter]);
   useEffect26(() => {
     if (poll == null ? void 0 : poll.questions) {
-      const localPeerResponses = getPeerResponses(poll.questions, localPeerId);
+      const localPeerResponses = getPeerResponses(poll.questions, localPeerId, customerUserId);
       localPeerResponses == null ? void 0 : localPeerResponses.forEach((response) => {
         if (response) {
           setSavedResponses((prev) => {
@@ -23954,7 +23991,7 @@ var Voting = ({ id, toggleVoting }) => {
         }
       });
     }
-  }, [localPeerId, poll == null ? void 0 : poll.questions, id]);
+  }, [localPeerId, poll == null ? void 0 : poll.questions, id, customerUserId]);
   if (!poll) {
     return null;
   }
@@ -24159,7 +24196,7 @@ import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
 import {
   selectHMSMessages,
-  selectLocalPeerID as selectLocalPeerID10,
+  selectLocalPeerID as selectLocalPeerID9,
   selectLocalPeerName as selectLocalPeerName3,
   selectLocalPeerRoleName as selectLocalPeerRoleName3,
   selectPeerNameByID as selectPeerNameByID3,
@@ -24202,7 +24239,7 @@ var MwebChatOption = ({
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
 init_define_process_env();
 import { useCallback as useCallback23 } from "react";
-import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions34, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer3, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions34, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
 var useChatBlacklist = (sessionStoreKey) => {
   const hmsActions = useHMSActions34();
   const blacklistedIDs = useHMSStore53(selectSessionStore2(sessionStoreKey));
@@ -24215,7 +24252,7 @@ var useChatBlacklist = (sessionStoreKey) => {
   return { blacklistItem, blacklistedIDs };
 };
 var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
-  const localPeer = useHMSStore53(selectLocalPeer2);
+  const localPeer = useHMSStore53(selectLocalPeer3);
   const blacklistedPeerIDs = useHMSStore53(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
   return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
 };
@@ -24658,7 +24695,7 @@ var ChatMessage = React111.memo(
     const isMobile = useMedia14(config.media.md);
     const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
     const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
-    const localPeerId = useHMSStore56(selectLocalPeerID10);
+    const localPeerId = useHMSStore56(selectLocalPeerID9);
     const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
     const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
     const messageType = getMessageType({
@@ -24935,7 +24972,7 @@ import React114, { useCallback as useCallback28, useEffect as useEffect32, useRe
 import { useMedia as useMedia17 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
-import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions39, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer4, useHMSActions as useHMSActions39, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
@@ -25338,7 +25375,7 @@ var ChatFooter = ({ onSend, children }) => {
   const isMobile = useMedia17(config.media.md);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
-  const localPeer = useHMSStore59(selectLocalPeer3);
+  const localPeer = useHMSStore59(selectLocalPeer4);
   const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
   const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
   const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
@@ -25531,14 +25568,14 @@ var ChatFooter = ({ onSend, children }) => {
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
 import React115, { useCallback as useCallback29 } from "react";
-import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions40, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions40, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   var _a8, _b7;
   const hmsActions = useHMSActions40();
   const { elements } = useRoomLayoutConferencingScreen();
   const can_disable_chat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore60(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
-  const localPeer = useHMSStore60(selectLocalPeer4);
+  const localPeer = useHMSStore60(selectLocalPeer5);
   const unPauseChat = useCallback29(
     () => __async(void 0, null, function* () {
       return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
@@ -25983,12 +26020,12 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
 // src/Prebuilt/components/ChatSettings.tsx
 init_define_process_env();
 import React121 from "react";
-import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions42, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions42, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
 import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
 var ChatSettings = () => {
   var _a8, _b7;
   const hmsActions = useHMSActions42();
-  const localPeer = useHMSStore64(selectLocalPeer5);
+  const localPeer = useHMSStore64(selectLocalPeer6);
   const { elements } = useRoomLayoutConferencingScreen();
   const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
   const { enabled: isChatEnabled = true } = useHMSStore64(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
@@ -26184,7 +26221,7 @@ import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
   selectHasPeerHandRaised as selectHasPeerHandRaised3,
   selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
-  selectLocalPeerID as selectLocalPeerID12,
+  selectLocalPeerID as selectLocalPeerID11,
   selectPeerMetadata as selectPeerMetadata4,
   selectPeerNameByID as selectPeerNameByID4,
   selectVideoTrackByID as selectVideoTrackByID3,
@@ -26249,7 +26286,7 @@ init_define_process_env();
 import React125, { useState as useState54 } from "react";
 import { useMedia as useMedia22 } from "react-use";
 import {
-  selectLocalPeerID as selectLocalPeerID11,
+  selectLocalPeerID as selectLocalPeerID10,
   selectPeerByID as selectPeerByID2,
   selectPermissions as selectPermissions19,
   selectTrackByID as selectTrackByID3,
@@ -26559,7 +26596,7 @@ var TileMenu = ({
   var _a8, _b7;
   const [open, setOpen] = useState54(false);
   const { theme: theme2 } = useTheme();
-  const localPeerID = useHMSStore68(selectLocalPeerID11);
+  const localPeerID = useHMSStore68(selectLocalPeerID10);
   const isLocal = localPeerID === peerID;
   const { removeOthers } = useHMSStore68(selectPermissions19) || {};
   const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
@@ -26674,7 +26711,7 @@ var Tile = ({
   const track = useHMSStore69(trackSelector);
   const peerName = useHMSStore69(selectPeerNameByID4(peerId));
   const audioTrack = useHMSStore69(selectAudioTrackByPeerID2(peerId));
-  const localPeerID = useHMSStore69(selectLocalPeerID12);
+  const localPeerID = useHMSStore69(selectLocalPeerID11);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
@@ -26774,7 +26811,7 @@ import {
   selectIsLargeRoom as selectIsLargeRoom3,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled6,
   selectIsLocalVideoPluginPresent,
-  selectLocalPeer as selectLocalPeer6,
+  selectLocalPeer as selectLocalPeer7,
   selectRoomState as selectRoomState4,
   selectVideoTrackByID as selectVideoTrackByID4,
   useHMSActions as useHMSActions44,
@@ -26965,7 +27002,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   var _a8;
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const hmsActions = useHMSActions44();
-  const localPeer = useHMSStore70(selectLocalPeer6);
+  const localPeer = useHMSStore70(selectLocalPeer7);
   const role = useHMSStore70(Ye);
   const isVideoOn = useHMSStore70(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
@@ -27423,7 +27460,7 @@ var getParticipantChipContent = (peerCount = 0) => {
   return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
 };
 var useLocalTileAspectRatio = () => {
-  const localPeer = useHMSStore72(selectLocalPeer7);
+  const localPeer = useHMSStore72(selectLocalPeer8);
   const videoTrack = useHMSStore72(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
   const isMobile = useMedia26(config.media.md);
   let aspectRatio = 0;
@@ -27534,7 +27571,7 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
   px: "$10"
 }));
 var PreviewTile = ({ name, error }) => {
-  const localPeer = useHMSStore72(selectLocalPeer7);
+  const localPeer = useHMSStore72(selectLocalPeer8);
   const { isLocalAudioEnabled, toggleAudio } = useAVToggle3();
   const isVideoOn = useHMSStore72(selectIsLocalVideoEnabled7);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
@@ -27715,7 +27752,7 @@ import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon6 }
 init_define_process_env();
 import React151, { useEffect as useEffect48, useMemo as useMemo19, useState as useState65 } from "react";
 import {
-  selectLocalPeerID as selectLocalPeerID14,
+  selectLocalPeerID as selectLocalPeerID13,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
   selectPeerScreenSharing as selectPeerScreenSharing2,
@@ -27793,7 +27830,7 @@ import Draggable from "react-draggable";
 import { useMedia as useMedia28 } from "react-use";
 import {
   selectIsAllowedToPublish as selectIsAllowedToPublish3,
-  selectLocalPeer as selectLocalPeer8,
+  selectLocalPeer as selectLocalPeer9,
   selectPeerByID as selectPeerByID3,
   selectVideoTrackByID as selectVideoTrackByID6,
   useHMSStore as useHMSStore74
@@ -27836,7 +27873,7 @@ var desktopAspectRatio = 1 / defaultMobileAspectRatio;
 var InsetTile = ({ peerId }) => {
   const isMobile = useMedia28(config.media.md);
   const isLandscape = useMedia28(config.media.ls);
-  const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer8;
+  const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer9;
   const peer = useHMSStore74(selector);
   const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
   const videoTrack = useHMSStore74(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
@@ -28143,7 +28180,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 init_define_process_env();
 import React145, { useEffect as useEffect45, useState as useState61 } from "react";
 import { useMedia as useMedia32 } from "react-use";
-import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
@@ -28339,7 +28376,7 @@ function RoleProminence({
 }) {
   var _a8;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = useHMSStore76(selectLocalPeer9);
+  const localPeer = useHMSStore76(selectLocalPeer10);
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
   const isMobile = useMedia32(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
@@ -28392,7 +28429,7 @@ import React148, { useRef as useRef27, useState as useState63 } from "react";
 import { useFullscreen as useFullscreen2, useMedia as useMedia33 } from "react-use";
 import screenfull2 from "screenfull";
 import {
-  selectLocalPeerID as selectLocalPeerID13,
+  selectLocalPeerID as selectLocalPeerID12,
   selectPeerByID as selectPeerByID4,
   selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
   selectScreenShareByPeerID as selectScreenShareByPeerID2,
@@ -28551,7 +28588,7 @@ var labelStyles = {
   flexShrink: 0
 };
 var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-  const isLocal = useHMSStore77(selectLocalPeerID13) === peerId;
+  const isLocal = useHMSStore77(selectLocalPeerID12) === peerId;
   const track = useHMSStore77(selectScreenShareByPeerID2(peerId));
   const { theme: theme2 } = useTheme();
   const peer = useHMSStore77(selectPeerByID4(peerId));
@@ -28868,7 +28905,7 @@ var GridLayout = ({
   const pinnedTrack = usePinnedTrack();
   const peers = useHMSStore80(selectPeers3);
   const localPeerRole = useHMSStore80(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore80(selectLocalPeerID14);
+  const localPeerID = useHMSStore80(selectLocalPeerID13);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -29098,7 +29135,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,
@@ -29262,6 +29300,7 @@ var CaptionsViewer = () => {
   const [currentData, setCurrentData] = useState66([]);
   const isCaptionEnabled = useIsCaptionEnabled();
   const isTranscriptionEnabled = useHMSStore82(selectIsTranscriptionEnabled5);
+  const nodeRef = useRef28(null);
   useEffect51(() => {
     const timeInterval = setInterval(() => {
       var _a9;
@@ -29288,9 +29327,10 @@ var CaptionsViewer = () => {
   if (dataToShow.length <= 0 || screenType === "hls_live_streaming" || !isCaptionEnabled || !isTranscriptionEnabled) {
     return null;
   }
-  return /* @__PURE__ */ React154.createElement(
+  return /* @__PURE__ */ React154.createElement(Draggable2, { bounds: "parent", nodeRef, defaultPosition: { x: isMobile ? 0 : -200, y: 0 } }, /* @__PURE__ */ React154.createElement(
     Box,
     {
+      ref: nodeRef,
       css: {
         position: "absolute",
         w: isMobile ? "100%" : "40%",
@@ -29312,7 +29352,7 @@ var CaptionsViewer = () => {
       const key = Object.keys(data3)[0];
       return /* @__PURE__ */ React154.createElement(TranscriptView, { key: index, peer_id: key, data: data3[key] });
     }))
-  );
+  ));
 };
 
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
@@ -29330,7 +29370,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React155.lazy(() => import("./HLSView-K5XFYK3X.js"));
+var HLSView = React155.lazy(() => import("./HLSView-Z6DOGESA.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -29687,13 +29727,13 @@ var ConferenceScreen = () => {
   const [hideControls, setHideControls] = useState67(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;
@@ -30263,7 +30303,7 @@ import {
   HMSNotificationTypes as HMSNotificationTypes11,
   HMSRoomState as HMSRoomState10,
   selectIsLocalScreenShared as selectIsLocalScreenShared3,
-  selectLocalPeerID as selectLocalPeerID16,
+  selectLocalPeerID as selectLocalPeerID15,
   selectPeerNameByID as selectPeerNameByID6,
   selectRoomState as selectRoomState10,
   useAwayNotifications as useAwayNotifications2,
@@ -30309,12 +30349,12 @@ function AutoplayBlockedModal() {
 init_define_process_env();
 import React166, { useEffect as useEffect61 } from "react";
 import { v4 as uuid4 } from "uuid";
-import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
 var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
   const chatState = useHMSStore90(selectSessionStore12("chatState" /* CHAT_STATE */));
-  const localPeerId = useHMSStore90(selectLocalPeerID15);
+  const localPeerId = useHMSStore90(selectLocalPeerID14);
   useEffect61(() => {
     var _a8, _b7;
     if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -30955,14 +30995,14 @@ var TranscriptionNotifications = () => {
           title: `Closed Captioning enabled for everyone`,
           variant: "standard",
           duration: 2e3,
-          icon: /* @__PURE__ */ React173.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
+          icon: /* @__PURE__ */ React173.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
         });
       }).with({ state: HMSTranscriptionState.STOPPED }, () => {
         id = ToastManager.replaceToast(toastId, {
           title: `Closed Captioning disabled for everyone`,
           variant: "standard",
           duration: 2e3,
-          icon: /* @__PURE__ */ React173.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
+          icon: /* @__PURE__ */ React173.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
         });
       }).otherwise(() => null);
       setToastId(id);
@@ -30975,7 +31015,7 @@ var TranscriptionNotifications = () => {
 var pollToastKey = {};
 function Notifications() {
   var _a8, _b7;
-  const localPeerID = useHMSStore93(selectLocalPeerID16);
+  const localPeerID = useHMSStore93(selectLocalPeerID15);
   const notification = useHMSNotifications11();
   const subscribedNotifications = useSubscribedNotifications() || {};
   const roomState = useHMSStore93(selectRoomState10);
@@ -30995,7 +31035,7 @@ function Notifications() {
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   useEffect71(() => {
-    var _a9, _b8, _c, _d, _e, _f, _g, _h2, _i, _j, _k, _l, _m2, _n, _o2, _p;
+    var _a9, _b8, _c, _d, _e, _f, _g, _h2, _i, _j, _k, _l, _m2, _n, _o2, _p, _q;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -31097,7 +31137,7 @@ function Notifications() {
         }
         break;
       case HMSNotificationTypes11.NEW_MESSAGE:
-        if (amIScreenSharing) {
+        if (amIScreenSharing && !((_q = notification.data) == null ? void 0 : _q.ignored)) {
           showNotification(`New message from ${notification.data.senderName}`, {
             body: notification.data.message,
             icon: logoURL
@@ -31226,7 +31266,7 @@ import React180, { useCallback as useCallback37, useEffect as useEffect73, useMe
 import { useMedia as useMedia41 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
-  selectLocalPeerID as selectLocalPeerID17,
+  selectLocalPeerID as selectLocalPeerID16,
   selectPeerNameByID as selectPeerNameByID7,
   useCustomEvent as useCustomEvent5,
   useHMSActions as useHMSActions54,
@@ -31257,7 +31297,7 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore96(selectLocalPeerID17);
+  const localPeerId = useHMSStore96(selectLocalPeerID16);
   const vanillaStore = useHMSVanillaStore17();
   const hmsActions = useHMSActions54();
   const [emojis, setEmojis] = useState75([]);
@@ -31375,7 +31415,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,
@@ -31390,7 +31430,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) {
@@ -31442,7 +31482,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);
@@ -31755,4 +31795,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-FQVXDJIG.js.map
+//# sourceMappingURL=chunk-KBVFTNP3.js.map