@100mslive/roomkit-react 0.3.8-alpha.2 → 0.3.8-alpha.4

package/dist/{chunk-SQPIZNW2.js → chunk-KRTJ2T7F.js}

@@ -106,7 +106,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_18af0324-8864-474f-b9dc-4ef9d10cae3f", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", 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.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.8-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_18af0324-8864-474f-b9dc-4ef9d10cae3f", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.2/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.8-alpha.2", 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: "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_devDependencies__rollup_plugin_image: "^3.0.2", 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.9/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240414.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.2/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:17297", 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__rollup_plugin_commonjs: "^21.0.3", 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.8-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "8733614318", 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: "43ee35cc85faabb5a827f7f41a5affebffcfca18", 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: "95df9f0c033bc7c59bd2fa8d3691f90bf1be75979b078bed08630f864f94cf44", 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--1713423059436-0.3850776627007606:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713423059245-0.29214208114594054:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713423037053-0.4791034998563062:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713423036876-0.027893925476550452:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/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.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_9dc605a9-58f7-40de-96a3-569be9ef0a3b", INVOCATION_ID: "e6e8fab8c8224f6aa21b42c148af9743", 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: "517", 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", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 271", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", 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.8-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.8-alpha.2", 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", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "43ee35cc85faabb5a827f7f41a5affebffcfca18", 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_18af0324-8864-474f-b9dc-4ef9d10cae3f", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_18af0324-8864-474f-b9dc-4ef9d10cae3f", 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.172+1/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_18af0324-8864-474f-b9dc-4ef9d10cae3f" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_99ff87f3-70ec-4a4f-affe-f5887196edd9", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", 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.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.8-alpha.4", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_99ff87f3-70ec-4a4f-affe-f5887196edd9", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.2/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.8-alpha.4", 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: "597", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", 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.9/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240414.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.2/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:17353", 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__rollup_plugin_commonjs: "^21.0.3", 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.8-alpha.4", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "8749330041", 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: "1ac0f11a034d8e0aed06479e20671c86bffd77f8", 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: "fca5e903c9a2399e3cdd373a0e29fd3a22d2c47d2154454f738eee43975db61a", 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--1713507861459-0.8404529433065979:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713507861261-0.435899755627573:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713507839160-0.06303379929561603:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713507838975-0.7068313429725521:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/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.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_613f38a3-ba05-4673-afed-2c4e52ebfa99", INVOCATION_ID: "9934528957ed4a47acf8a3a1df0d25e2", 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: "519", 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", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 262", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", 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.8-alpha.4", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.8-alpha.4", 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", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "1ac0f11a034d8e0aed06479e20671c86bffd77f8", 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_99ff87f3-70ec-4a4f-affe-f5887196edd9", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_99ff87f3-70ec-4a4f-affe-f5887196edd9", 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.172+1/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_99ff87f3-70ec-4a4f-affe-f5887196edd9" };
   }
 });
 
@@ -12693,7 +12693,8 @@ var initialAppData = {
     [POLL_STATE.pollInView]: "",
     [POLL_STATE.view]: ""
   },
-  [APP_DATA.caption]: true
+  // by default off, so it will not appear in beam bots
+  [APP_DATA.caption]: false
 };
 var AppData = React23.memo(() => {
   var _a8;
@@ -12912,7 +12913,6 @@ var AuthToken_default = AuthToken;
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
 import React157, { useEffect as useEffect51, useRef as useRef26, useState as useState66 } from "react";
-import { useMedia as useMedia36 } from "react-use";
 import { v4 as uuid3 } from "uuid";
 import {
   HMSRoomState as HMSRoomState7,
@@ -18562,7 +18562,7 @@ var Zi = (a2, e) => {
 };
 var _a7 = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var nr = _a7((yc, Wa) => {
-  Wa.exports = { version: "0.12.8-alpha.2", 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"] };
+  Wa.exports = { version: "0.12.8-alpha.4", 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 er = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(er || {});
 var Na = ((e) => (e.CHAT = "chat", e))(Na || {});
@@ -27334,9 +27334,9 @@ var RoleChangeRequestModal = () => {
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
 init_define_process_env();
-import React152, { Suspense, useEffect as useEffect48 } from "react";
+import React153, { Suspense, useEffect as useEffect49 } from "react";
 import { match as match12 } from "ts-pattern";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions46, useHMSStore as useHMSStore84 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions46, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
@@ -28725,14 +28725,227 @@ var WaitingView = React151.memo(() => {
   );
 });
 
+// src/Prebuilt/plugins/CaptionsViewer.tsx
+init_define_process_env();
+import React152, { useEffect as useEffect47, useState as useState65 } from "react";
+import { useMedia as useMedia34 } from "react-use";
+import { selectPeerNameByID as selectPeerNameByID5, useHMSStore as useHMSStore83, useTranscript } from "@100mslive/react-sdk";
+var SimpleQueue = class {
+  constructor(capacity = 3, MAX_STORAGE_TIME = 5e3) {
+    this.capacity = capacity;
+    this.MAX_STORAGE_TIME = MAX_STORAGE_TIME;
+    this.storage = [];
+  }
+  enqueue(data3) {
+    var _a8;
+    if (this.size() === this.capacity && this.storage[this.size() - 1].final) {
+      this.dequeue(this.storage[this.size() - 1]);
+    }
+    if (this.size() === 0) {
+      this.storage.push(data3);
+      this.addTimeout(this.storage[this.size() - 1], data3.final);
+      return;
+    }
+    if (this.size() > 0 && ((_a8 = this.storage[this.size() - 1]) == null ? void 0 : _a8.final) === true) {
+      this.storage.push(data3);
+      this.addTimeout(this.storage[this.size() - 1], data3.final);
+      return;
+    }
+    this.storage[this.size() - 1].transcript = data3.transcript;
+    this.storage[this.size() - 1].final = data3.final;
+    this.storage[this.size() - 1].end = data3.end;
+    this.addTimeout(this.storage[this.size() - 1], data3.final);
+  }
+  addTimeout(item, isFinal) {
+    if (!isFinal) {
+      return;
+    }
+    item.timeout = setTimeout(() => {
+      this.dequeue(item);
+    }, this.MAX_STORAGE_TIME);
+  }
+  dequeue(item) {
+    const index = this.storage.indexOf(item);
+    if (index === -1) {
+      return void 0;
+    }
+    const removedItem = this.storage.splice(index, 1);
+    if (removedItem.length <= 0) {
+      return void 0;
+    }
+    this.clearTimeout(removedItem[0]);
+    return item;
+  }
+  clearTimeout(item) {
+    if (!item.timeout) {
+      return;
+    }
+    clearTimeout(item.timeout);
+  }
+  peek() {
+    if (this.size() <= 0) {
+      return void 0;
+    }
+    return this.storage[0];
+  }
+  getTranscription() {
+    let script = "";
+    this.storage.forEach((value) => script += value.transcript + " ");
+    return script;
+  }
+  reset() {
+    this.storage.length = 0;
+  }
+  size() {
+    return this.storage.length;
+  }
+};
+var Queue = class {
+  constructor(capacity = 3) {
+    this.capacity = capacity;
+    this.storage = {};
+  }
+  enqueue(data3) {
+    if (this.size() === this.capacity) {
+      this.dequeue();
+    }
+    if (!this.storage[data3.peer_id]) {
+      this.storage[data3.peer_id] = {
+        peer_id: data3.peer_id,
+        transcript: data3.transcript,
+        final: data3.final,
+        transcriptQueue: new SimpleQueue(),
+        start: data3.start,
+        end: data3.end
+      };
+      this.storage[data3.peer_id].transcriptQueue.enqueue(data3);
+      return;
+    }
+    this.storage[data3.peer_id].transcriptQueue.enqueue(data3);
+  }
+  dequeue() {
+    const key = Object.keys(this.storage).shift() || "";
+    const captionData = this.storage[key];
+    captionData.transcriptQueue.reset();
+    delete this.storage[key];
+    return captionData;
+  }
+  peek() {
+    if (this.size() <= 0)
+      return void 0;
+    const key = Object.keys(this.storage).shift() || "";
+    return this.storage[key];
+  }
+  findPeerData() {
+    const keys = Object.keys(this.storage);
+    const data3 = keys.map((key) => {
+      const data4 = this.storage[key];
+      const word = data4.transcriptQueue.getTranscription();
+      return { [key]: word };
+    });
+    return data3;
+  }
+  size() {
+    return Object.keys(this.storage).length;
+  }
+};
+var CaptionMaintainerQueue = class {
+  constructor() {
+    this.captionData = new Queue();
+  }
+  push(data3 = []) {
+    data3.forEach((value) => {
+      this.captionData.enqueue(value);
+    });
+  }
+};
+var TranscriptView = ({ peer_id, data: data3 }) => {
+  const peerName = useHMSStore83(selectPeerNameByID5(peer_id)) || "Participant";
+  data3 = data3.trim();
+  if (!data3)
+    return null;
+  return /* @__PURE__ */ React152.createElement(
+    Text,
+    {
+      variant: "body2",
+      css: {
+        fontWeight: "$normal"
+      }
+    },
+    /* @__PURE__ */ React152.createElement("b", null, peerName, ": "),
+    data3
+  );
+};
+var CaptionsViewer = () => {
+  var _a8;
+  const { elements, screenType } = useRoomLayoutConferencingScreen();
+  const isMobile = useMedia34(config.media.md);
+  const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
+  const showCaptionAtTop = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && isChatOpen && isMobile;
+  const [captionQueue] = useState65(new CaptionMaintainerQueue());
+  const [currentData, setCurrentData] = useState65([]);
+  const isCaptionEnabled = useIsCaptionEnabled();
+  useEffect47(() => {
+    const timeInterval = setInterval(() => {
+      var _a9;
+      if (!captionQueue) {
+        return;
+      }
+      const data3 = (_a9 = captionQueue.captionData) == null ? void 0 : _a9.findPeerData();
+      setCurrentData(data3);
+    }, 1e3);
+    return () => clearInterval(timeInterval);
+  }, [captionQueue]);
+  useTranscript({
+    onTranscript: (data3) => {
+      captionQueue && captionQueue.push(data3);
+    }
+  });
+  const dataToShow = currentData.filter((data3) => {
+    const key = Object.keys(data3)[0];
+    if (data3[key]) {
+      return true;
+    }
+    return false;
+  });
+  if (dataToShow.length <= 0 || screenType === "hls_live_streaming" || !isCaptionEnabled) {
+    return null;
+  }
+  return /* @__PURE__ */ React152.createElement(
+    Box,
+    {
+      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__ */ React152.createElement(Flex, { direction: "column" }, dataToShow.map((data3, index) => {
+      const key = Object.keys(data3)[0];
+      return /* @__PURE__ */ React152.createElement(TranscriptView, { key: index, peer_id: key, data: data3[key] });
+    }))
+  );
+};
+
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
 init_define_process_env();
-import { useEffect as useEffect47 } from "react";
-import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore83, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
+import { useEffect as useEffect48 } from "react";
+import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore84, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
 var useCloseScreenshareWhiteboard = () => {
-  const peerSharing = useHMSStore83(selectPeerScreenSharing4);
+  const peerSharing = useHMSStore84(selectPeerScreenSharing4);
   const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
-  useEffect47(() => {
+  useEffect48(() => {
     if (isWhiteboardOwner && peerSharing) {
       toggleWhiteboard == null ? void 0 : toggleWhiteboard();
     }
@@ -28740,15 +28953,15 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React152.lazy(() => import("./HLSView-XZDT3RRC.js"));
+var HLSView = React153.lazy(() => import("./HLSView-KESSHZG2.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
   var _a8;
-  const localPeerRole = useHMSStore84(selectLocalPeerRoleName6);
-  const isConnected = useHMSStore84(selectIsConnectedToRoom9);
+  const localPeerRole = useHMSStore85(selectLocalPeerRoleName6);
+  const isConnected = useHMSStore85(selectIsConnectedToRoom9);
   const hmsActions = useHMSActions46();
   const waitingViewerRole = useWaitingViewerRole();
   const urlToIframe = useUrlToEmbed();
@@ -28756,7 +28969,7 @@ var VideoStreamingSection = ({
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useCloseScreenshareWhiteboard();
-  useEffect48(() => {
+  useEffect49(() => {
     if (!isConnected) {
       return;
     }
@@ -28771,7 +28984,7 @@ var VideoStreamingSection = ({
   if (!localPeerRole) {
     return null;
   }
-  return /* @__PURE__ */ React152.createElement(Suspense, { fallback: /* @__PURE__ */ React152.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ React152.createElement(
+  return /* @__PURE__ */ React153.createElement(Suspense, { fallback: /* @__PURE__ */ React153.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ React153.createElement(
     Flex,
     {
       css: {
@@ -28785,21 +28998,22 @@ var VideoStreamingSection = ({
       {
         screenType: "hls_live_streaming"
       },
-      () => /* @__PURE__ */ React152.createElement(HLSView, null)
+      () => /* @__PURE__ */ React153.createElement(HLSView, null)
     ).when(
       ({ localPeerRole: localPeerRole2 }) => localPeerRole2 === waitingViewerRole,
-      () => /* @__PURE__ */ React152.createElement(WaitingView, null)
+      () => /* @__PURE__ */ React153.createElement(WaitingView, null)
     ).when(
       ({ pdfAnnotatorActive: pdfAnnotatorActive2 }) => !!pdfAnnotatorActive2,
-      () => /* @__PURE__ */ React152.createElement(PDFView, null)
+      () => /* @__PURE__ */ React153.createElement(PDFView, null)
     ).when(
       ({ urlToIframe: urlToIframe2 }) => !!urlToIframe2,
-      () => /* @__PURE__ */ React152.createElement(EmbedView, null)
+      () => /* @__PURE__ */ React153.createElement(EmbedView, null)
     ).otherwise(() => {
       var _a9;
-      return /* @__PURE__ */ React152.createElement(GridLayout, __spreadValues({}, (_a9 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a9.grid));
+      return /* @__PURE__ */ React153.createElement(GridLayout, __spreadValues({}, (_a9 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a9.grid));
     }),
-    /* @__PURE__ */ React152.createElement(
+    /* @__PURE__ */ React153.createElement(CaptionsViewer, null),
+    /* @__PURE__ */ React153.createElement(
       Box,
       {
         css: {
@@ -28811,7 +29025,7 @@ var VideoStreamingSection = ({
           overflowY: "clip"
         }
       },
-      /* @__PURE__ */ React152.createElement(
+      /* @__PURE__ */ React153.createElement(
         SidePane_default,
         {
           screenType,
@@ -28828,37 +29042,37 @@ init_define_process_env();
 
 // src/Prebuilt/components/Header/Header.tsx
 init_define_process_env();
-import React155 from "react";
-import { useMedia as useMedia35 } from "react-use";
-import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
+import React156 from "react";
+import { useMedia as useMedia36 } from "react-use";
+import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
-import React153 from "react";
-import { useMedia as useMedia34 } from "react-use";
+import React154 from "react";
+import { useMedia as useMedia35 } from "react-use";
 import { ChevronRightIcon as ChevronRightIcon5 } from "@100mslive/react-icons";
 var RoomDetailsHeader = () => {
   const { title, description } = useRoomLayoutHeader();
-  const isMobile = useMedia34(config.media.md);
+  const isMobile = useMedia35(config.media.md);
   const clipLength = 30;
   const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
   const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
   if (!title && !description || isMobile && !title) {
     return null;
   }
-  return /* @__PURE__ */ React153.createElement(Flex, { direction: isMobile ? "row" : "column", css: { ml: "$8", alignItems: isMobile ? "center" : "start" } }, /* @__PURE__ */ React153.createElement(Text, { variant: "sm", css: { c: "$on_surface_high", fontWeight: "$semiBold" } }, title), !isMobile && /* @__PURE__ */ React153.createElement(Flex, { align: "end", css: { color: "$on_surface_high" } }, /* @__PURE__ */ React153.createElement(Text, { variant: "xs", css: { c: "$on_surface_medium" } }, description.slice(0, clipLength)), description.length > clipLength ? /* @__PURE__ */ React153.createElement(
+  return /* @__PURE__ */ React154.createElement(Flex, { direction: isMobile ? "row" : "column", css: { ml: "$8", alignItems: isMobile ? "center" : "start" } }, /* @__PURE__ */ React154.createElement(Text, { variant: "sm", css: { c: "$on_surface_high", fontWeight: "$semiBold" } }, title), !isMobile && /* @__PURE__ */ React154.createElement(Flex, { align: "end", css: { color: "$on_surface_high" } }, /* @__PURE__ */ React154.createElement(Text, { variant: "xs", css: { c: "$on_surface_medium" } }, description.slice(0, clipLength)), description.length > clipLength ? /* @__PURE__ */ React154.createElement(
     "span",
     {
       style: { fontWeight: "600", fontSize: "12px", cursor: "pointer", lineHeight: "1rem" },
       onClick: toggleDetailsPane
     },
     "\xA0...more"
-  ) : null), isMobile && description ? /* @__PURE__ */ React153.createElement(Flex, { css: { color: "$on_surface_medium" } }, /* @__PURE__ */ React153.createElement(ChevronRightIcon5, { height: 16, width: 16, onClick: toggleDetailsSheet })) : null);
+  ) : null), isMobile && description ? /* @__PURE__ */ React154.createElement(Flex, { css: { color: "$on_surface_medium" } }, /* @__PURE__ */ React154.createElement(ChevronRightIcon5, { height: 16, width: 16, onClick: toggleDetailsSheet })) : null);
 };
 
 // src/Prebuilt/components/Header/common.jsx
 init_define_process_env();
-import React154 from "react";
+import React155 from "react";
 import {
   DeviceType as DeviceType3,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled8,
@@ -28866,7 +29080,7 @@ import {
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
   useHMSActions as useHMSActions47,
-  useHMSStore as useHMSStore85
+  useHMSStore as useHMSStore86
 } from "@100mslive/react-sdk";
 import {
   BluetoothIcon,
@@ -28880,13 +29094,13 @@ var CamaraFlipActions = () => {
   const actions = useHMSActions47();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
-  const isVideoOn = useHMSStore85(selectIsLocalVideoEnabled8);
-  const videoTrackId = useHMSStore85(selectLocalVideoTrackID3);
-  const localVideoTrack = useHMSStore85(selectVideoTrackByID7(videoTrackId));
+  const isVideoOn = useHMSStore86(selectIsLocalVideoEnabled8);
+  const videoTrackId = useHMSStore86(selectLocalVideoTrackID3);
+  const localVideoTrack = useHMSStore86(selectVideoTrackByID7(videoTrackId));
   if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
     return null;
   }
-  return /* @__PURE__ */ React154.createElement(Box, null, /* @__PURE__ */ React154.createElement(
+  return /* @__PURE__ */ React155.createElement(Box, null, /* @__PURE__ */ React155.createElement(
     IconButton_default,
     {
       disabled: !isVideoOn,
@@ -28901,7 +29115,7 @@ var CamaraFlipActions = () => {
         }
       })
     },
-    /* @__PURE__ */ React154.createElement(CameraFlipIcon2, null)
+    /* @__PURE__ */ React155.createElement(CameraFlipIcon2, null)
   ));
 };
 var AudioActions = () => {
@@ -28920,13 +29134,13 @@ var AudioActions = () => {
   if (!audioFiltered) {
     return null;
   }
-  let AudioIcon = /* @__PURE__ */ React154.createElement(SpeakerIcon4, null);
+  let AudioIcon = /* @__PURE__ */ React155.createElement(SpeakerIcon4, null);
   if (currentSelection && currentSelection.label.toLowerCase().includes("bluetooth")) {
-    AudioIcon = /* @__PURE__ */ React154.createElement(BluetoothIcon, null);
+    AudioIcon = /* @__PURE__ */ React155.createElement(BluetoothIcon, null);
   } else if (currentSelection && currentSelection.label.toLowerCase().includes("wired")) {
-    AudioIcon = /* @__PURE__ */ React154.createElement(HeadphonesIcon, null);
+    AudioIcon = /* @__PURE__ */ React155.createElement(HeadphonesIcon, null);
   }
-  return /* @__PURE__ */ React154.createElement(
+  return /* @__PURE__ */ React155.createElement(
     AudioSelectionSheet,
     {
       audioDevices: availableAudioDevices,
@@ -28945,19 +29159,19 @@ var AudioActions = () => {
         }
       })
     },
-    /* @__PURE__ */ React154.createElement(
+    /* @__PURE__ */ React155.createElement(
       Box,
       {
         onClick: () => __async(void 0, null, function* () {
           yield hmsActions.refreshDevices();
         })
       },
-      /* @__PURE__ */ React154.createElement(IconButton_default, null, AudioIcon, " ")
+      /* @__PURE__ */ React155.createElement(IconButton_default, null, AudioIcon, " ")
     )
   );
 };
 var AudioSelectionSheet = ({ audioDevices, audioSelected, onChange, children }) => {
-  return /* @__PURE__ */ React154.createElement(Sheet.Root, null, /* @__PURE__ */ React154.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ React154.createElement(Sheet.Content, null, /* @__PURE__ */ React154.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ React154.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ React154.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Audio"), /* @__PURE__ */ React154.createElement(Sheet.Close, null, /* @__PURE__ */ React154.createElement(IconButton_default, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ React154.createElement(CrossIcon25, null))))), /* @__PURE__ */ React154.createElement(HorizontalDivider, null), /* @__PURE__ */ React154.createElement(
+  return /* @__PURE__ */ React155.createElement(Sheet.Root, null, /* @__PURE__ */ React155.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ React155.createElement(Sheet.Content, null, /* @__PURE__ */ React155.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ React155.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ React155.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Audio"), /* @__PURE__ */ React155.createElement(Sheet.Close, null, /* @__PURE__ */ React155.createElement(IconButton_default, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ React155.createElement(CrossIcon25, null))))), /* @__PURE__ */ React155.createElement(HorizontalDivider, null), /* @__PURE__ */ React155.createElement(
     Flex,
     {
       direction: "column",
@@ -28968,7 +29182,7 @@ var AudioSelectionSheet = ({ audioDevices, audioSelected, onChange, children })
       }
     },
     audioDevices.map((audioDevice) => {
-      return /* @__PURE__ */ React154.createElement(
+      return /* @__PURE__ */ React155.createElement(
         SelectWithLabel,
         {
           key: audioDevice.deviceId,
@@ -28981,8 +29195,8 @@ var AudioSelectionSheet = ({ audioDevices, audioSelected, onChange, children })
     })
   )));
 };
-var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React154.createElement(React154.Fragment, null), checked, id, onChange }) => {
-  return /* @__PURE__ */ React154.createElement(
+var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React155.createElement(React155.Fragment, null), checked, id, onChange }) => {
+  return /* @__PURE__ */ React155.createElement(
     Flex,
     {
       align: "center",
@@ -28994,7 +29208,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React154.createElement(Re
       },
       onClick: onChange
     },
-    /* @__PURE__ */ React154.createElement(
+    /* @__PURE__ */ React155.createElement(
       Label3,
       {
         htmlFor: id,
@@ -29012,18 +29226,18 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React154.createElement(Re
       icon,
       label
     ),
-    checked && /* @__PURE__ */ React154.createElement(CheckIcon9, { width: 24, height: 24 })
+    checked && /* @__PURE__ */ React155.createElement(CheckIcon9, { width: 24, height: 24 })
   );
 };
 
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
-  const roomState = useHMSStore86(selectRoomState6);
-  const isMobile = useMedia35(config.media.md);
+  const roomState = useHMSStore87(selectRoomState6);
+  const isMobile = useMedia36(config.media.md);
   if (roomState !== HMSRoomState6.Connected) {
-    return /* @__PURE__ */ React155.createElement(React155.Fragment, null);
+    return /* @__PURE__ */ React156.createElement(React156.Fragment, null);
   }
-  return /* @__PURE__ */ React155.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ React155.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ React155.createElement(Logo, null), /* @__PURE__ */ React155.createElement(RoomDetailsHeader, null), /* @__PURE__ */ React155.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ React155.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React155.createElement(LiveStatus, null), /* @__PURE__ */ React155.createElement(RecordingStatus, null), /* @__PURE__ */ React155.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ React155.createElement(
+  return /* @__PURE__ */ React156.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ React156.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ React156.createElement(Logo, null), /* @__PURE__ */ React156.createElement(RoomDetailsHeader, null), /* @__PURE__ */ React156.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ React156.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React156.createElement(LiveStatus, null), /* @__PURE__ */ React156.createElement(RecordingStatus, null), /* @__PURE__ */ React156.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ React156.createElement(
     Flex,
     {
       align: "center",
@@ -29033,19 +29247,19 @@ var Header2 = () => {
         gap: "$4"
       }
     },
-    /* @__PURE__ */ React155.createElement(StreamActions, null),
-    isMobile ? /* @__PURE__ */ React155.createElement(React155.Fragment, null, /* @__PURE__ */ React155.createElement(CamaraFlipActions, null), /* @__PURE__ */ React155.createElement(AudioActions, null)) : null
+    /* @__PURE__ */ React156.createElement(StreamActions, null),
+    isMobile ? /* @__PURE__ */ React156.createElement(React156.Fragment, null, /* @__PURE__ */ React156.createElement(CamaraFlipActions, null), /* @__PURE__ */ React156.createElement(AudioActions, null)) : null
   ));
 };
 
 // src/Prebuilt/components/PreviousRoleInMetadata.tsx
 init_define_process_env();
-import { useEffect as useEffect49 } from "react";
+import { useEffect as useEffect50 } from "react";
 import { selectLocalPeerRoleName as selectLocalPeerRoleName7, useHMSVanillaStore as useHMSVanillaStore13 } from "@100mslive/react-sdk";
 var PreviousRoleInMetadata = () => {
   const vanillaStore = useHMSVanillaStore13();
   const { updateMetaData } = useMyMetadata();
-  useEffect49(() => {
+  useEffect50(() => {
     let previousRole = vanillaStore.getState(selectLocalPeerRoleName7);
     const unsubscribe = vanillaStore.subscribe((currentRole) => {
       if (previousRole !== currentRole && currentRole) {
@@ -29058,195 +29272,10 @@ var PreviousRoleInMetadata = () => {
   return null;
 };
 
-// src/Prebuilt/plugins/CaptionsViewer.tsx
-init_define_process_env();
-import React156, { useEffect as useEffect50, useState as useState65 } from "react";
-import { selectPeerNameByID as selectPeerNameByID5, useHMSStore as useHMSStore87, useTranscript } from "@100mslive/react-sdk";
-var SimpleQueue = class {
-  constructor(capacity = 3, MAX_STORAGE_TIME = 5e3) {
-    this.capacity = capacity;
-    this.MAX_STORAGE_TIME = MAX_STORAGE_TIME;
-    this.storage = [];
-  }
-  enqueue(data3) {
-    var _a8;
-    if (this.size() === this.capacity && this.storage[this.size() - 1].final) {
-      this.dequeue(this.storage[this.size() - 1]);
-    }
-    if (this.size() === 0) {
-      this.storage.push(data3);
-      this.addTimeout(this.storage[this.size() - 1], data3.final);
-      return;
-    }
-    if (this.size() > 0 && ((_a8 = this.storage[this.size() - 1]) == null ? void 0 : _a8.final) === true) {
-      this.storage.push(data3);
-      this.addTimeout(this.storage[this.size() - 1], data3.final);
-      return;
-    }
-    this.storage[this.size() - 1].transcript = data3.transcript;
-    this.storage[this.size() - 1].final = data3.final;
-    this.storage[this.size() - 1].end = data3.end;
-    this.addTimeout(this.storage[this.size() - 1], data3.final);
-  }
-  addTimeout(item, isFinal) {
-    if (!isFinal) {
-      return;
-    }
-    item.timeout = setTimeout(() => {
-      this.dequeue(item);
-    }, this.MAX_STORAGE_TIME);
-  }
-  dequeue(item) {
-    const index = this.storage.indexOf(item);
-    if (index === -1) {
-      return void 0;
-    }
-    const removedItem = this.storage.splice(index, 1);
-    if (removedItem.length <= 0) {
-      return void 0;
-    }
-    this.clearTimeout(removedItem[0]);
-    return item;
-  }
-  clearTimeout(item) {
-    if (!item.timeout) {
-      return;
-    }
-    clearTimeout(item.timeout);
-  }
-  peek() {
-    if (this.size() <= 0) {
-      return void 0;
-    }
-    return this.storage[0];
-  }
-  getTranscription() {
-    let script = "";
-    this.storage.forEach((value) => script += value.transcript + " ");
-    return script;
-  }
-  reset() {
-    this.storage.length = 0;
-  }
-  size() {
-    return this.storage.length;
-  }
-};
-var Queue = class {
-  constructor(capacity = 3) {
-    this.capacity = capacity;
-    this.storage = {};
-  }
-  enqueue(data3) {
-    if (this.size() === this.capacity) {
-      this.dequeue();
-    }
-    if (!this.storage[data3.peer_id]) {
-      this.storage[data3.peer_id] = {
-        peer_id: data3.peer_id,
-        transcript: data3.transcript,
-        final: data3.final,
-        transcriptQueue: new SimpleQueue(),
-        start: data3.start,
-        end: data3.end
-      };
-      this.storage[data3.peer_id].transcriptQueue.enqueue(data3);
-      return;
-    }
-    this.storage[data3.peer_id].transcriptQueue.enqueue(data3);
-  }
-  dequeue() {
-    const key = Object.keys(this.storage).shift() || "";
-    const captionData = this.storage[key];
-    captionData.transcriptQueue.reset();
-    delete this.storage[key];
-    return captionData;
-  }
-  peek() {
-    if (this.size() <= 0)
-      return void 0;
-    const key = Object.keys(this.storage).shift() || "";
-    return this.storage[key];
-  }
-  findPeerData() {
-    const keys = Object.keys(this.storage);
-    const data3 = keys.map((key) => {
-      const data4 = this.storage[key];
-      const word = data4.transcriptQueue.getTranscription();
-      return { [key]: word };
-    });
-    return data3;
-  }
-  size() {
-    return Object.keys(this.storage).length;
-  }
-};
-var CaptionMaintainerQueue = class {
-  constructor() {
-    this.captionData = new Queue();
-  }
-  push(data3 = []) {
-    data3.forEach((value) => {
-      this.captionData.enqueue(value);
-    });
-  }
-};
-var TranscriptView = ({ peer_id, data: data3 }) => {
-  const peerName = useHMSStore87(selectPeerNameByID5(peer_id));
-  data3 = data3.trim();
-  if (!data3)
-    return null;
-  return /* @__PURE__ */ React156.createElement(
-    Text,
-    {
-      variant: "body2",
-      css: {
-        fontWeight: "$normal"
-      }
-    },
-    `${peerName}: ${data3}`
-  );
-};
-var CaptionsViewer = () => {
-  const [captionQueue] = useState65(new CaptionMaintainerQueue());
-  const [currentData, setCurrentData] = useState65([]);
-  useEffect50(() => {
-    const timeInterval = setInterval(() => {
-      var _a8;
-      if (!captionQueue) {
-        return;
-      }
-      const data3 = (_a8 = captionQueue.captionData) == null ? void 0 : _a8.findPeerData();
-      setCurrentData(data3);
-    }, 1e3);
-    return () => clearInterval(timeInterval);
-  }, [captionQueue]);
-  useTranscript({
-    onTranscript: (data3) => {
-      captionQueue && captionQueue.push(data3);
-    }
-  });
-  const dataToShow = currentData.filter((data3) => {
-    const key = Object.keys(data3)[0];
-    if (data3[key]) {
-      return true;
-    }
-    return false;
-  });
-  if (dataToShow.length <= 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React156.createElement(Flex, { direction: "column", gap: 1 }, dataToShow.map((data3, index) => {
-    const key = Object.keys(data3)[0];
-    return /* @__PURE__ */ React156.createElement(TranscriptView, { key: index, peer_id: key, data: data3[key] });
-  }));
-};
-
 // src/Prebuilt/components/ConferenceScreen.tsx
 var ConferenceScreen = () => {
-  var _a8, _b7, _c, _d, _e, _f, _g, _h2;
+  var _a8, _b7, _c, _d, _e, _f;
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
-  const isMobile = useMedia36(config.media.md);
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const roomState = useHMSStore88(selectRoomState7);
@@ -29265,9 +29294,6 @@ var ConferenceScreen = () => {
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
-  const isCaptionEnabled = useIsCaptionEnabled();
-  const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
-  const showCaptionAtTop = ((_c = (_b7 = screenProps.elements) == null ? void 0 : _b7.chat) == null ? void 0 : _c.is_overlay) && isChatOpen;
   const toggleControls = () => {
     var _a9;
     if (((_a9 = dropdownListRef.current) == null ? void 0 : _a9.length) === 0 && isMobileDevice && !isMwebHLSStream) {
@@ -29314,35 +29340,14 @@ var ConferenceScreen = () => {
     return /* @__PURE__ */ React157.createElement(FullPageProgress_default, { text: roomState === HMSRoomState7.Connecting ? "Joining..." : "" });
   }
   const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
-  return /* @__PURE__ */ React157.createElement(React157.Fragment, null, isHLSStarted ? /* @__PURE__ */ React157.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ React157.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, isCaptionEnabled && screenProps.screenType !== "hls_live_streaming" && /* @__PURE__ */ React157.createElement(
-    Box,
-    {
-      css: {
-        position: "fixed",
-        maxWidth: isMobile ? "100%" : "40%",
-        bottom: showCaptionAtTop ? "" : hideControlsForStreaming ? "5%" : "10%",
-        top: showCaptionAtTop ? hideControlsForStreaming ? "5%" : "10%" : "",
-        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__ */ React157.createElement(CaptionsViewer, null)
-  ), /* @__PURE__ */ React157.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ React157.createElement(
+  return /* @__PURE__ */ React157.createElement(React157.Fragment, null, isHLSStarted ? /* @__PURE__ */ React157.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ React157.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ React157.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ React157.createElement(
     Box,
     {
       ref: headerRef,
       css: {
         h: "$18",
         transition: "margin 0.3s ease-in-out",
-        marginTop: hideControlsForStreaming ? `-${(_d = headerRef.current) == null ? void 0 : _d.clientHeight}px` : "none",
+        marginTop: hideControlsForStreaming ? `-${(_b7 = headerRef.current) == null ? void 0 : _b7.clientHeight}px` : "none",
         "@md": {
           h: "$17"
         }
@@ -29358,7 +29363,7 @@ var ConferenceScreen = () => {
         flex: "1 1 0",
         minHeight: 0,
         // @ts-ignore
-        px: ((_g = (_f = (_e = screenProps == null ? void 0 : screenProps.elements) == null ? void 0 : _e.video_tile_layout) == null ? void 0 : _f.grid) == null ? void 0 : _g.edge_to_edge) ? 0 : "$10",
+        px: ((_e = (_d = (_c = screenProps == null ? void 0 : screenProps.elements) == null ? void 0 : _c.video_tile_layout) == null ? void 0 : _d.grid) == null ? void 0 : _e.edge_to_edge) ? 0 : "$10",
         // TODO: padding to be controlled by section/element
         paddingBottom: "env(safe-area-inset-bottom)",
         "@lg": {
@@ -29386,7 +29391,7 @@ var ConferenceScreen = () => {
         maxHeight: "$24",
         transition: "margin 0.3s ease-in-out",
         bg: "$background_dim",
-        marginBottom: hideControlsForStreaming ? `-${(_h2 = footerRef.current) == null ? void 0 : _h2.clientHeight}px` : void 0,
+        marginBottom: hideControlsForStreaming ? `-${(_f = footerRef.current) == null ? void 0 : _f.clientHeight}px` : void 0,
         "@md": {
           maxHeight: "unset",
           bg: screenProps.screenType === "hls_live_streaming" ? "transparent" : "$background_dim"
@@ -31293,4 +31298,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-SQPIZNW2.js.map
+//# sourceMappingURL=chunk-KRTJ2T7F.js.map