@100mslive/roomkit-react 0.5.6 → 0.5.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Prebuilt/components/Notifications/TrackInterruptionModal.d.ts +6 -0
- package/dist/index.cjs.css +1 -1
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +561 -537
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +503 -479
- package/dist/index.js.map +4 -4
- package/dist/meta.cjs.json +67 -18
- package/dist/meta.esbuild.json +68 -19
- package/package.json +7 -7
package/dist/index.cjs.js
CHANGED
|
@@ -104,7 +104,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
104
104
|
var define_process_env_default;
|
|
105
105
|
var init_define_process_env = __esm({
|
|
106
106
|
"<define:process.env>"() {
|
|
107
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_9ce833e2-8c81-46fd-a6ba-4b45bb3304d4", npm_package_resolutions_js_cookie: "^3.0.7", 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", DOTNET_NOLOGO: "1", npm_package_resolutions_tar: "^7.5.18", 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.2.6", USER: "runner", npm_package_resolutions_picomatch: "^2.3.2", npm_package_resolutions__octokit_request: "^8.4.1", npm_package_devDependencies_jest: "^29.7.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v24.18.0 linux x64", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_resolutions____babel_plugin_istanbul_test_exclude_minimatch: "^3.1.4", npm_package_devDependencies__size_limit_file: "^12.1.0", 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.12.6", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_9ce833e2-8c81-46fd-a6ba-4b45bb3304d4", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.18.0/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.15.6", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", HCA_CLOUD_PROVIDER: "azure", npm_package_resolutions_shell_quote: "^1.9.0", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_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_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_resolutions__babel_runtime: "^7.29.2", npm_package_resolutions__tldraw_tldraw__radix_ui_react_dialog: "1.0.5", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", 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_resolutions_____nx_devkit_minimatch: "^9.0.7", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-9.6.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/29.0.14206865", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-Linux", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_resolutions__isaacs_brace_expansion: "^5.0.1", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", SYSTEMD_EXEC_PID: "2034", ACTIONS_ORCHESTRATION_ID: "96b61229-9c75-489d-8d6c-39c9fd05389a.publish_packages.__default", npm_package_resolutions_tmp: "^0.2.6", npm_package_scripts_postinstall: "husky install", 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", JAVA_HOME_25_X64: "/usr/lib/jvm/temurin-25-jdk-amd64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_resolutions____typedoc_minimatch: "^9.0.7", 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", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20260720.247.2", npm_package_resolutions__babel_plugin_transform_modules_systemjs: "^7.29.4", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^29.7.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", LOGNAME: "runner", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GITHUB_ARTIFACTS: "/home/runner/work/_temp/_runner_file_commands/artifacts_9ce833e2-8c81-46fd-a6ba-4b45bb3304d4", 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.1.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "9:15401", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_resolutions_ua_parser_js: "^2.0.10", npm_package_devDependencies_ts_jest: "^29.1.1", npm_package_devDependencies_lerna: "^9.0.7", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^19.6.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", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/hosted-compute-agent.service/memory.pressure", GOROOT_1_24_X64: "/opt/hostedtoolcache/go/1.24.13/x64", 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.5.6", npm_package_devDependencies__types_lodash_merge: "^4.6.6", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GOROOT_1_25_X64: "/opt/hostedtoolcache/go/1.25.12/x64", GITHUB_RUN_ID: "31199504454", npm_package_workspaces_0: "packages/*", npm_package_resolutions_cross_spawn: "^7.0.6", 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", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "df44d2da0bf8bca9434b00f0f1021559bd2f45d7", GOROOT_1_26_X64: "/opt/hostedtoolcache/go/1.26.5/x64", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_resolutions_qs: "^6.15.2", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "6523002313242530217", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJQZXJtaXNzaW9uXCI6M31dIiwiYWNzbCI6IjEwIiwiYXVkIjoidnNvOjVlMTJlMDA5LWRkMDEtNGNjYy05ZTg5LTQ1MjMwMjUwM2RiNSIsImJpbGxpbmdfb3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJleHAiOjE3ODYxNDM2NDYsImh0dHA6Ly9zY2hlbWFzLm1pY3Jvc29mdC5jb20vd3MvMjAwOC8wNi9pZGVudGl0eS9jbGFpbXMvcHJpbWFyeXNpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL3NpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImlhdCI6MTc4NjEyMTQ0NiwiaXNzIjoiaHR0cHM6Ly90b2tlbi5hY3Rpb25zLmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImpvYl9pZCI6ImRkODc1ZWVlLWY2NTYtNWEyZi1hYjAyLTNmM2NiNTYwOGZjYSIsImpvYl93b3JrZmxvd19yZWYiOiIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9tYWluIiwiam9iX3dvcmtmbG93X3NoYSI6ImRmNDRkMmRhMGJmOGJjYTk0MzRiMDBmMGYxMDIxNTU5YmQyZjQ1ZDciLCJuYW1laWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJuYmYiOjE3ODYxMjExNDYsIm9pZGNfZXh0cmEiOiJ7XCJhY3RvclwiOlwicmF2aXRlamE4M1wiLFwiYWN0b3JfaWRcIjpcIjY3NjMyNjFcIixcImJhc2VfcmVmXCI6XCJcIixcImNoZWNrX3J1bl9pZFwiOlwiOTI5MzU4MjEyMzhcIixcImV2ZW50X25hbWVcIjpcIndvcmtmbG93X2Rpc3BhdGNoXCIsXCJoZWFkX3JlZlwiOlwiXCIsXCJqb2Jfd29ya2Zsb3dfcmVmXCI6XCIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9tYWluXCIsXCJqb2Jfd29ya2Zsb3dfc2hhXCI6XCJkZjQ0ZDJkYTBiZjhiY2E5NDM0YjAwZjBmMTAyMTU1OWJkMmY0NWQ3XCIsXCJyZWZcIjpcInJlZnMvaGVhZHMvbWFpblwiLFwicmVmX3Byb3RlY3RlZFwiOlwidHJ1ZVwiLFwicmVmX3R5cGVcIjpcImJyYW5jaFwiLFwicmVwb3NpdG9yeVwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzXCIsXCJyZXBvc2l0b3J5X2lkXCI6XCI0Mjk4MjY1MTVcIixcInJlcG9zaXRvcnlfb3duZXJcIjpcIjEwMG1zbGl2ZVwiLFwicmVwb3NpdG9yeV9vd25lcl9pZFwiOlwiNzM4ODMxMzFcIixcInJlcG9zaXRvcnlfdmlzaWJpbGl0eVwiOlwicHVibGljXCIsXCJydW5fYXR0ZW1wdFwiOlwiMVwiLFwicnVuX2lkXCI6XCIzMTE5OTUwNDQ1NFwiLFwicnVuX251bWJlclwiOlwiODUzXCIsXCJydW5uZXJfZW52aXJvbm1lbnRcIjpcImdpdGh1Yi1ob3N0ZWRcIixcInNoYVwiOlwiZGY0NGQyZGEwYmY4YmNhOTQzNGIwMGYwZjEwMjE1NTliZDJmNDVkN1wiLFwid29ya2Zsb3dcIjpcIlB1Ymxpc2ggUGFja2FnZXNcIixcIndvcmtmbG93X3JlZlwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvbWFpblwiLFwid29ya2Zsb3dfc2hhXCI6XCJkZjQ0ZDJkYTBiZjhiY2E5NDM0YjAwZjBmMTAyMTU1OWJkMmY0NWQ3XCJ9Iiwib2lkY19zdWIiOiJyZXBvOjEwMG1zbGl2ZS93ZWItc2RrczpyZWY6cmVmcy9oZWFkcy9tYWluIiwib3JjaF9pZCI6Ijk2YjYxMjI5LTljNzUtNDg5ZC04ZDZjLTM5YzlmZDA1Mzg5YS5wdWJsaXNoX3BhY2thZ2VzLl9fZGVmYXVsdCIsIm93bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwicGxhbl9pZCI6Ijk2YjYxMjI5LTljNzUtNDg5ZC04ZDZjLTM5YzlmZDA1Mzg5YSIsInJlcG9zaXRvcnlfaWQiOiI0Mjk4MjY1MTUiLCJyZXBvc2l0b3J5X293bmVyX2lkIjoiNzM4ODMxMzEiLCJyZXBvc2l0b3J5X3Zpc2liaWxpdHkiOiJwdWJsaWMiLCJydW5faWQiOiIzMTE5OTUwNDQ1NCIsInJ1bl9udW1iZXIiOiI4NTMiLCJydW5fdHlwZSI6ImZ1bGwiLCJydW5uZXJfaWQiOiIxMDAwNTMzNTU2IiwicnVubmVyX3R5cGUiOiJob3N0ZWQiLCJzY3AiOiJBY3Rpb25zLlJlc3VsdHM6OTZiNjEyMjktOWM3NS00ODlkLThkNmMtMzljOWZkMDUzODlhOmRkODc1ZWVlLWY2NTYtNWEyZi1hYjAyLTNmM2NiNTYwOGZjYSBBY3Rpb25zLlJ1bm5lcjo5NmI2MTIyOS05Yzc1LTQ4OWQtOGQ2Yy0zOWM5ZmQwNTM4OWE6ZGQ4NzVlZWUtZjY1Ni01YTJmLWFiMDItM2YzY2I1NjA4ZmNhIEFjdGlvbnMuVXBsb2FkQXJ0aWZhY3RzOjk2YjYxMjI5LTljNzUtNDg5ZC04ZDZjLTM5YzlmZDA1Mzg5YTpkZDg3NWVlZS1mNjU2LTVhMmYtYWIwMi0zZjNjYjU2MDhmY2EgZ2VuZXJhdGVfaWRfdG9rZW46OTZiNjEyMjktOWM3NS00ODlkLThkNmMtMzljOWZkMDUzODlhOmRkODc1ZWVlLWY2NTYtNWEyZi1hYjAyLTNmM2NiNTYwOGZjYSBBY3Rpb25zLkdlbmVyaWNSZWFkOjAwMDAwMDAwLTAwMDAtMDAwMC0wMDAwLTAwMDAwMDAwMDAwMCIsInNoYSI6ImRmNDRkMmRhMGJmOGJjYTk0MzRiMDBmMGYxMDIxNTU5YmQyZjQ1ZDciLCJ0cnVzdF90aWVyIjoiMSJ9.zL8IEsfyVoKDqD_XJwP6fCS6l0HllgsNKT_w4Jwy68QnHVTVMeabFzKxJw0cMw_8VMNCNe1niP-iNrWXS7MbA7dC7yow-ZBapFwbo941EtzB9KQzQwRL605BAfr6SirXYr0JELKQHLlsbjvTTWoNp3Ayw92Ya_SM8UiLKuEoIITarscL9f5exTt-3HFII-XVqzTabuSkRSq6GuQUVxrT6xPM33A2KEaZ-Rw5wedyG-AXNyr7Dvs7mQIeOqCGsNYiY6ChAU3xt6dZLeBKscJ7Ueo5c4xDMICVboTF_FT8T8I_BVvmsvz3rCITG_tHSvnQiPWlQThpTMZLBlVO-958hw", GITHUB_ACTION_REPOSITORY: "", ENABLE_RUNNER_TRACING: "true", npm_package_resolutions_on_headers: "^1.1.0", npm_package_resolutions_semver: "^7.5.2", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.5.0", PATH: "/tmp/yarn--1786121502405-0.15885890367426359:/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/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1786121502229-0.7502605359279821:/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/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1786121483186-0.4368090417502659:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1786121483016-0.044364786704110704:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/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/24.18.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_e3e85717-5f66-426b-bcb3-8ffcabbb86cd", INVOCATION_ID: "348c7280f7d64301a9d558141eca0a24", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^12.1.0", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "853", 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: "^19.6.0", npm_config_legacy_peer_deps: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_resolutions____glob_minimatch: "^3.1.4", npm_package_resolutions_flatted: "^3.4.2", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 1000533556", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_ws: "^8.21.0", npm_package_resolutions____eslint_minimatch: "^3.1.4", npm_package_resolutions_braces: "^3.0.3", 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", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.3.13750724", 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_resolutions_ip_address: "^10.2.0", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^9.2.1", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.12.6", npm_package_scripts_types: "tsc -w", SHELL: "/bin/bash", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.5.6", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions__octokit_request_error: "^5.1.1", npm_package_resolutions_axios: "^1.16.0", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies_jest_environment_jsdom: "^29.7.0", NX_ISOLATE_PLUGINS: "false", 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_resolutions_postcss: "^8.5.14", npm_package_resolutions_fast_uri: "^3.1.4", npm_package_resolutions_follow_redirects: "^1.16.0", npm_package_resolutions_esbuild: "^0.28.1", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^11.1.1", 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", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_resolutions____nx_minimatch: "^9.0.7", npm_package_resolutions__babel_helpers: "^7.29.2", GITHUB_SHA: "df44d2da0bf8bca9434b00f0f1021559bd2f45d7", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/cjs/index.js", npm_package_resolutions____tinyglobby_picomatch: "^4.0.4", npm_package_resolutions__adobe_css_tools: "^4.4.4", npm_package_resolutions_form_data: "^4.0.6", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", NX_TASK_TARGET_TARGET: "build", NX_FORKED_TASK_EXECUTOR: "true", npm_package_dependencies_qrcode_react: "^3.1.0", ACTIONS_RUNNER_RETURN_JOB_RESULT_FOR_HOSTED: "1", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/esm/index.js", npm_package_resolutions_yaml: "^2.8.3", npm_config_strict_ssl: "true", NX_LOAD_DOT_ENV_FILES: "true", 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_9ce833e2-8c81-46fd-a6ba-4b45bb3304d4", JAVA_HOME: "/usr/lib/jvm/temurin-17-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_resolutions__tootallnate_once: "^3.0.1", npm_package_resolutions____vite_rollup: "^4.59.0", npm_package_scripts_ybys: "yarn && yarn build --no-private", 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", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-2-azure-eastus.actions.githubusercontent.com/212//idtoken/96b61229-9c75-489d-8d6c-39c9fd05389a/dd875eee-f656-5a2f-ab02-3f3cb5608fca?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_9ce833e2-8c81-46fd-a6ba-4b45bb3304d4", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", npm_package_resolutions_micromatch: "^4.0.8", npm_package_resolutions_js_yaml: "^4.3.0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.28.1", npm_config_save_prefix: "^", npm_config_ignore_optional: "", NX_TUI: "false", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ARTIFACTS_LIST: "/home/runner/work/_temp/_runner_file_commands/artifacts_list_9ce833e2-8c81-46fd-a6ba-4b45bb3304d4", SGX_AESM_ADDR: "1", PSModulePath: "/root/.local/share/powershell/Modules:/usr/local/share/powershell/Modules:/opt/microsoft/powershell/7/Modules:/usr/share/az_15.6.1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_resolutions_lodash: "^4.18.1", 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", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", 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", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_9ce833e2-8c81-46fd-a6ba-4b45bb3304d4", npm_package_resolutions_sass: "^1.83.0" };
|
|
107
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_612462e6-0665-4605-a260-26f993227289", npm_package_resolutions_js_cookie: "^3.0.7", 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", DOTNET_NOLOGO: "1", npm_package_resolutions_tar: "^7.5.18", 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.2.7", USER: "runner", npm_package_resolutions_picomatch: "^2.3.2", npm_package_resolutions__octokit_request: "^8.4.1", npm_package_devDependencies_jest: "^29.7.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v24.18.0 linux x64", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_resolutions____babel_plugin_istanbul_test_exclude_minimatch: "^3.1.4", npm_package_devDependencies__size_limit_file: "^12.1.0", 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.12.7", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_612462e6-0665-4605-a260-26f993227289", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.18.0/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.15.7", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", HCA_CLOUD_PROVIDER: "azure", npm_package_resolutions_shell_quote: "^1.9.0", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_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_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_resolutions__babel_runtime: "^7.29.2", npm_package_resolutions__tldraw_tldraw__radix_ui_react_dialog: "1.0.5", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", 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_resolutions_____nx_devkit_minimatch: "^9.0.7", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-9.6.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/29.0.14206865", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-Linux", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_resolutions__isaacs_brace_expansion: "^5.0.1", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", SYSTEMD_EXEC_PID: "2041", ACTIONS_ORCHESTRATION_ID: "e62299ab-a6b8-4b23-9115-3cdf75f39558.publish_packages.__default", npm_package_resolutions_tmp: "^0.2.6", npm_package_scripts_postinstall: "husky install", 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", JAVA_HOME_25_X64: "/usr/lib/jvm/temurin-25-jdk-amd64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_resolutions____typedoc_minimatch: "^9.0.7", 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", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20260720.247.2", npm_package_resolutions__babel_plugin_transform_modules_systemjs: "^7.29.4", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^29.7.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", LOGNAME: "runner", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GITHUB_ARTIFACTS: "/home/runner/work/_temp/_runner_file_commands/artifacts_612462e6-0665-4605-a260-26f993227289", 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.1.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "9:10105", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_resolutions_ua_parser_js: "^2.0.10", npm_package_devDependencies_ts_jest: "^29.1.1", npm_package_devDependencies_lerna: "^9.0.7", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^19.6.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", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/hosted-compute-agent.service/memory.pressure", GOROOT_1_24_X64: "/opt/hostedtoolcache/go/1.24.13/x64", 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.5.7", npm_package_devDependencies__types_lodash_merge: "^4.6.6", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GOROOT_1_25_X64: "/opt/hostedtoolcache/go/1.25.12/x64", GITHUB_RUN_ID: "31622785188", npm_package_workspaces_0: "packages/*", npm_package_resolutions_cross_spawn: "^7.0.6", 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", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "0bea9e63f6501bae6109370f02b97e493e0c84c7", GOROOT_1_26_X64: "/opt/hostedtoolcache/go/1.26.5/x64", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_resolutions_qs: "^6.15.2", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "7226028610448725934", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJQZXJtaXNzaW9uXCI6M31dIiwiYWNzbCI6IjEwIiwiYXVkIjoidnNvOjVlMTJlMDA5LWRkMDEtNGNjYy05ZTg5LTQ1MjMwMjUwM2RiNSIsImJpbGxpbmdfb3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJleHAiOjE3ODY1Nzc5MDQsImh0dHA6Ly9zY2hlbWFzLm1pY3Jvc29mdC5jb20vd3MvMjAwOC8wNi9pZGVudGl0eS9jbGFpbXMvcHJpbWFyeXNpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL3NpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImlhdCI6MTc4NjU1NTcwNCwiaXNzIjoiaHR0cHM6Ly90b2tlbi5hY3Rpb25zLmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImpvYl9pZCI6IjY3ODljNmVlLTM0MTAtNTUyZS1hN2VlLWRiYmE1M2RlMTJlMCIsImpvYl93b3JrZmxvd19yZWYiOiIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9tYWluIiwiam9iX3dvcmtmbG93X3NoYSI6IjBiZWE5ZTYzZjY1MDFiYWU2MTA5MzcwZjAyYjk3ZTQ5M2UwYzg0YzciLCJuYW1laWQiOiJkZGRkZGRkZC1kZGRkLWRkZGQtZGRkZC1kZGRkZGRkZGRkZGQiLCJuYmYiOjE3ODY1NTU0MDQsIm9pZGNfZXh0cmEiOiJ7XCJhY3RvclwiOlwicmF2aXRlamE4M1wiLFwiYWN0b3JfaWRcIjpcIjY3NjMyNjFcIixcImJhc2VfcmVmXCI6XCJcIixcImNoZWNrX3J1bl9pZFwiOlwiOTQyMDE1MjgxNzJcIixcImV2ZW50X25hbWVcIjpcIndvcmtmbG93X2Rpc3BhdGNoXCIsXCJoZWFkX3JlZlwiOlwiXCIsXCJqb2Jfd29ya2Zsb3dfcmVmXCI6XCIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9tYWluXCIsXCJqb2Jfd29ya2Zsb3dfc2hhXCI6XCIwYmVhOWU2M2Y2NTAxYmFlNjEwOTM3MGYwMmI5N2U0OTNlMGM4NGM3XCIsXCJyZWZcIjpcInJlZnMvaGVhZHMvbWFpblwiLFwicmVmX3Byb3RlY3RlZFwiOlwidHJ1ZVwiLFwicmVmX3R5cGVcIjpcImJyYW5jaFwiLFwicmVwb3NpdG9yeVwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzXCIsXCJyZXBvc2l0b3J5X2lkXCI6XCI0Mjk4MjY1MTVcIixcInJlcG9zaXRvcnlfb3duZXJcIjpcIjEwMG1zbGl2ZVwiLFwicmVwb3NpdG9yeV9vd25lcl9pZFwiOlwiNzM4ODMxMzFcIixcInJlcG9zaXRvcnlfdmlzaWJpbGl0eVwiOlwicHVibGljXCIsXCJydW5fYXR0ZW1wdFwiOlwiMVwiLFwicnVuX2lkXCI6XCIzMTYyMjc4NTE4OFwiLFwicnVuX251bWJlclwiOlwiODU1XCIsXCJydW5uZXJfZW52aXJvbm1lbnRcIjpcImdpdGh1Yi1ob3N0ZWRcIixcInNoYVwiOlwiMGJlYTllNjNmNjUwMWJhZTYxMDkzNzBmMDJiOTdlNDkzZTBjODRjN1wiLFwid29ya2Zsb3dcIjpcIlB1Ymxpc2ggUGFja2FnZXNcIixcIndvcmtmbG93X3JlZlwiOlwiMTAwbXNsaXZlL3dlYi1zZGtzLy5naXRodWIvd29ya2Zsb3dzL3B1Ymxpc2gueW1sQHJlZnMvaGVhZHMvbWFpblwiLFwid29ya2Zsb3dfc2hhXCI6XCIwYmVhOWU2M2Y2NTAxYmFlNjEwOTM3MGYwMmI5N2U0OTNlMGM4NGM3XCJ9Iiwib2lkY19zdWIiOiJyZXBvOjEwMG1zbGl2ZS93ZWItc2RrczpyZWY6cmVmcy9oZWFkcy9tYWluIiwib3JjaF9pZCI6ImU2MjI5OWFiLWE2YjgtNGIyMy05MTE1LTNjZGY3NWYzOTU1OC5wdWJsaXNoX3BhY2thZ2VzLl9fZGVmYXVsdCIsIm93bmVyX2lkIjoiRV9rZ0RPQUFPRXZRIiwicGxhbl9pZCI6ImU2MjI5OWFiLWE2YjgtNGIyMy05MTE1LTNjZGY3NWYzOTU1OCIsInJlcG9zaXRvcnlfaWQiOiI0Mjk4MjY1MTUiLCJyZXBvc2l0b3J5X293bmVyX2lkIjoiNzM4ODMxMzEiLCJyZXBvc2l0b3J5X3Zpc2liaWxpdHkiOiJwdWJsaWMiLCJydW5faWQiOiIzMTYyMjc4NTE4OCIsInJ1bl9udW1iZXIiOiI4NTUiLCJydW5fdHlwZSI6ImZ1bGwiLCJydW5uZXJfaWQiOiIxMDAwNTQyODQzIiwicnVubmVyX3R5cGUiOiJob3N0ZWQiLCJzY3AiOiJBY3Rpb25zLlJlc3VsdHM6ZTYyMjk5YWItYTZiOC00YjIzLTkxMTUtM2NkZjc1ZjM5NTU4OjY3ODljNmVlLTM0MTAtNTUyZS1hN2VlLWRiYmE1M2RlMTJlMCBBY3Rpb25zLlJ1bm5lcjplNjIyOTlhYi1hNmI4LTRiMjMtOTExNS0zY2RmNzVmMzk1NTg6Njc4OWM2ZWUtMzQxMC01NTJlLWE3ZWUtZGJiYTUzZGUxMmUwIEFjdGlvbnMuVXBsb2FkQXJ0aWZhY3RzOmU2MjI5OWFiLWE2YjgtNGIyMy05MTE1LTNjZGY3NWYzOTU1ODo2Nzg5YzZlZS0zNDEwLTU1MmUtYTdlZS1kYmJhNTNkZTEyZTAgZ2VuZXJhdGVfaWRfdG9rZW46ZTYyMjk5YWItYTZiOC00YjIzLTkxMTUtM2NkZjc1ZjM5NTU4OjY3ODljNmVlLTM0MTAtNTUyZS1hN2VlLWRiYmE1M2RlMTJlMCBBY3Rpb25zLkdlbmVyaWNSZWFkOjAwMDAwMDAwLTAwMDAtMDAwMC0wMDAwLTAwMDAwMDAwMDAwMCIsInNoYSI6IjBiZWE5ZTYzZjY1MDFiYWU2MTA5MzcwZjAyYjk3ZTQ5M2UwYzg0YzciLCJ0cnVzdF90aWVyIjoiMSJ9.wq0mtOHFsLyGqOWUEtB92CiEn4q9nV3LCiyh6mo3DT7NJThQVtmiPjRQIaQmY3UjkQPQ83cWYRd1bZtiSeNRQV8ESH2n4jPiceS3_ONj_S480L2y3H92DBA_dgv9WJ1L_Q1HSVEHHasLZwR_0NI_tlcISDw8hnB4Oi9YYgy37oqNvS7Z4quQefiMY8PU-XhFaxWjSo3lz9LBp_0wIife9d4s_QX_VckL7_F6fS8LinFUQffnW_8MPhqSS8b25W5JkUT5QFWF_malDfHFcMvybPm-jP2teShfAL5hWEixMV1HRY7WYVu-xp9VoeETOh51lhVW2uviKG_Wnnnuf5f7Bw", GITHUB_ACTION_REPOSITORY: "", ENABLE_RUNNER_TRACING: "true", npm_package_resolutions_on_headers: "^1.1.0", npm_package_resolutions_semver: "^7.5.2", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.5.0", PATH: "/tmp/yarn--1786555768535-0.12210463616606515:/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/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1786555768356-0.059254905055990625:/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/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1786555748482-0.9301772558760522:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1786555748281-0.15386985063149616:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.18.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.18.0/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/24.18.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_4f430f3e-5265-4412-a2b0-fa33e92a523e", INVOCATION_ID: "36a1a78557764909b0aecd9ce2fb8b15", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^12.1.0", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "855", 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: "^19.6.0", npm_config_legacy_peer_deps: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_resolutions____glob_minimatch: "^3.1.4", npm_package_resolutions_flatted: "^3.4.2", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 1000542843", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_ws: "^8.21.0", npm_package_resolutions____eslint_minimatch: "^3.1.4", npm_package_resolutions_braces: "^3.0.3", 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", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.3.13750724", 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_resolutions_ip_address: "^10.4.0", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^9.2.1", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.12.7", npm_package_scripts_types: "tsc -w", SHELL: "/bin/bash", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.5.7", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions__octokit_request_error: "^5.1.1", npm_package_resolutions_axios: "^1.16.0", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies_jest_environment_jsdom: "^29.7.0", NX_ISOLATE_PLUGINS: "false", 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_resolutions_postcss: "^8.5.14", npm_package_resolutions_fast_uri: "^3.1.4", npm_package_resolutions_follow_redirects: "^1.16.0", npm_package_resolutions_esbuild: "^0.28.1", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^11.1.1", 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", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_resolutions____nx_minimatch: "^9.0.7", npm_package_resolutions__babel_helpers: "^7.29.2", GITHUB_SHA: "0bea9e63f6501bae6109370f02b97e493e0c84c7", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/cjs/index.js", npm_package_resolutions____tinyglobby_picomatch: "^4.0.4", npm_package_resolutions__adobe_css_tools: "^4.4.4", npm_package_resolutions_form_data: "^4.0.6", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", NX_TASK_TARGET_TARGET: "build", NX_FORKED_TASK_EXECUTOR: "true", npm_package_dependencies_qrcode_react: "^3.1.0", ACTIONS_RUNNER_RETURN_JOB_RESULT_FOR_HOSTED: "1", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/esm/index.js", npm_package_resolutions_yaml: "^2.8.3", npm_config_strict_ssl: "true", NX_LOAD_DOT_ENV_FILES: "true", 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_612462e6-0665-4605-a260-26f993227289", JAVA_HOME: "/usr/lib/jvm/temurin-17-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_resolutions__tootallnate_once: "^3.0.1", npm_package_resolutions____vite_rollup: "^4.59.0", npm_package_scripts_ybys: "yarn && yarn build --no-private", 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", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-3-azure-eastus.actions.githubusercontent.com/131//idtoken/e62299ab-a6b8-4b23-9115-3cdf75f39558/6789c6ee-3410-552e-a7ee-dbba53de12e0?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_612462e6-0665-4605-a260-26f993227289", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", npm_package_resolutions_micromatch: "^4.0.8", npm_package_resolutions_js_yaml: "^4.3.0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.28.1", npm_config_save_prefix: "^", npm_config_ignore_optional: "", NX_TUI: "false", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ARTIFACTS_LIST: "/home/runner/work/_temp/_runner_file_commands/artifacts_list_612462e6-0665-4605-a260-26f993227289", SGX_AESM_ADDR: "1", PSModulePath: "/root/.local/share/powershell/Modules:/usr/local/share/powershell/Modules:/opt/microsoft/powershell/7/Modules:/usr/share/az_15.6.1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_resolutions_lodash: "^4.18.1", 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", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", 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", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_612462e6-0665-4605-a260-26f993227289", npm_package_resolutions_sass: "^1.83.0" };
|
|
108
108
|
}
|
|
109
109
|
});
|
|
110
110
|
|
|
@@ -11574,9 +11574,9 @@ var Collapsible = {
|
|
|
11574
11574
|
|
|
11575
11575
|
// src/Prebuilt/App.tsx
|
|
11576
11576
|
init_define_process_env();
|
|
11577
|
-
var
|
|
11577
|
+
var import_react251 = __toESM(require("react"));
|
|
11578
11578
|
var import_ts_pattern16 = require("ts-pattern");
|
|
11579
|
-
var
|
|
11579
|
+
var import_react_sdk135 = require("@100mslive/react-sdk");
|
|
11580
11580
|
|
|
11581
11581
|
// src/Prebuilt/components/AppData/AppData.tsx
|
|
11582
11582
|
init_define_process_env();
|
|
@@ -12824,17 +12824,17 @@ function truncateToWidth(measure, text, maxWidth) {
|
|
|
12824
12824
|
if (measure(text) <= maxWidth) {
|
|
12825
12825
|
return text;
|
|
12826
12826
|
}
|
|
12827
|
-
let
|
|
12827
|
+
let lo = 0;
|
|
12828
12828
|
let hi2 = text.length;
|
|
12829
|
-
while (
|
|
12830
|
-
const mid = Math.ceil((
|
|
12829
|
+
while (lo < hi2) {
|
|
12830
|
+
const mid = Math.ceil((lo + hi2) / 2);
|
|
12831
12831
|
if (measure(text.slice(0, mid) + ELLIPSIS) <= maxWidth) {
|
|
12832
|
-
|
|
12832
|
+
lo = mid;
|
|
12833
12833
|
} else {
|
|
12834
12834
|
hi2 = mid - 1;
|
|
12835
12835
|
}
|
|
12836
12836
|
}
|
|
12837
|
-
return text.slice(0,
|
|
12837
|
+
return text.slice(0, lo) + ELLIPSIS;
|
|
12838
12838
|
}
|
|
12839
12839
|
|
|
12840
12840
|
// src/Prebuilt/components/PIP/PIPManager.ts
|
|
@@ -15008,11 +15008,11 @@ var LeaveCard = ({
|
|
|
15008
15008
|
title,
|
|
15009
15009
|
subtitle,
|
|
15010
15010
|
onClick,
|
|
15011
|
-
bg:
|
|
15011
|
+
bg: bg2,
|
|
15012
15012
|
titleColor,
|
|
15013
15013
|
css: css2 = {}
|
|
15014
15014
|
}) => {
|
|
15015
|
-
return /* @__PURE__ */ import_react55.default.createElement(Flex, { css: __spreadValues({ p: "$10", flexGrow: 1, gap: "$8", bg:
|
|
15015
|
+
return /* @__PURE__ */ import_react55.default.createElement(Flex, { css: __spreadValues({ p: "$10", flexGrow: 1, gap: "$8", bg: bg2 }, css2), onClick }, /* @__PURE__ */ import_react55.default.createElement(Box, { css: { color: titleColor } }, icon), /* @__PURE__ */ import_react55.default.createElement(Box, { css: { gap: "$2" } }, /* @__PURE__ */ import_react55.default.createElement(Text, { variant: "lg", css: { color: titleColor } }, title), /* @__PURE__ */ import_react55.default.createElement(Text, { variant: "sm", css: { c: "inherit" } }, subtitle)));
|
|
15016
15016
|
};
|
|
15017
15017
|
|
|
15018
15018
|
// src/Prebuilt/components/Leave/LeaveSessionContent.tsx
|
|
@@ -16324,7 +16324,7 @@ var PinnedBy = ({
|
|
|
16324
16324
|
|
|
16325
16325
|
// src/Prebuilt/components/PIP/PIPChat.tsx
|
|
16326
16326
|
var PIPChat = () => {
|
|
16327
|
-
var _a8, _b7, _c, _d, _e, _f,
|
|
16327
|
+
var _a8, _b7, _c, _d, _e, _f, _g2, _h, _i, _j, _k;
|
|
16328
16328
|
const messages = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectHMSMessages);
|
|
16329
16329
|
const localPeerID = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectLocalPeerID);
|
|
16330
16330
|
const count = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectUnreadHMSMessagesCount);
|
|
@@ -16469,7 +16469,7 @@ var PIPChat = () => {
|
|
|
16469
16469
|
borderRadius: "4px",
|
|
16470
16470
|
padding: "0 2px"
|
|
16471
16471
|
},
|
|
16472
|
-
defaultValue: ((_f = elements.chat) == null ? void 0 : _f.public_chat_enabled) ? "Everyone" : (_h = (
|
|
16472
|
+
defaultValue: ((_f = elements.chat) == null ? void 0 : _f.public_chat_enabled) ? "Everyone" : (_h = (_g2 = elements.chat) == null ? void 0 : _g2.roles_whitelist) == null ? void 0 : _h[0]
|
|
16473
16473
|
},
|
|
16474
16474
|
(_j = (_i = elements.chat) == null ? void 0 : _i.roles_whitelist) == null ? void 0 : _j.map((role) => /* @__PURE__ */ import_react69.default.createElement("option", { key: role, value: role }, role)),
|
|
16475
16475
|
((_k = elements.chat) == null ? void 0 : _k.public_chat_enabled) ? /* @__PURE__ */ import_react69.default.createElement("option", { value: "Everyone" }, "Everyone") : ""
|
|
@@ -17173,7 +17173,7 @@ var useTracksWithLabel = () => {
|
|
|
17173
17173
|
return tracksWithLabels;
|
|
17174
17174
|
};
|
|
17175
17175
|
var LocalPeerStats = () => {
|
|
17176
|
-
var _a8, _b7, _c, _d, _e, _f,
|
|
17176
|
+
var _a8, _b7, _c, _d, _e, _f, _g2, _h, _i, _j;
|
|
17177
17177
|
const stats = (0, import_react_sdk33.useHMSStatsStore)(import_react_sdk33.selectHMSStats.localPeerStats);
|
|
17178
17178
|
if (!stats) {
|
|
17179
17179
|
return null;
|
|
@@ -17184,7 +17184,7 @@ var LocalPeerStats = () => {
|
|
|
17184
17184
|
label: "Available Outgoing Bitrate",
|
|
17185
17185
|
value: formatBytes((_f = stats.publish) == null ? void 0 : _f.availableOutgoingBitrate, "b/s")
|
|
17186
17186
|
}
|
|
17187
|
-
), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((
|
|
17187
|
+
), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((_g2 = stats.publish) == null ? void 0 : _g2.bytesSent) }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes((_h = stats.subscribe) == null ? void 0 : _h.bytesReceived) }), /* @__PURE__ */ import_react75.default.createElement(
|
|
17188
17188
|
StatsRow2,
|
|
17189
17189
|
{
|
|
17190
17190
|
label: "Round Trip Time",
|
|
@@ -20170,16 +20170,16 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
20170
20170
|
};
|
|
20171
20171
|
if (r.ideal !== void 0) {
|
|
20172
20172
|
cc2.optional = cc2.optional || [];
|
|
20173
|
-
let
|
|
20173
|
+
let oc = {};
|
|
20174
20174
|
if (typeof r.ideal === "number") {
|
|
20175
|
-
|
|
20176
|
-
cc2.optional.push(
|
|
20177
|
-
|
|
20178
|
-
|
|
20179
|
-
cc2.optional.push(
|
|
20175
|
+
oc[oldname_("min", key)] = r.ideal;
|
|
20176
|
+
cc2.optional.push(oc);
|
|
20177
|
+
oc = {};
|
|
20178
|
+
oc[oldname_("max", key)] = r.ideal;
|
|
20179
|
+
cc2.optional.push(oc);
|
|
20180
20180
|
} else {
|
|
20181
|
-
|
|
20182
|
-
cc2.optional.push(
|
|
20181
|
+
oc[oldname_("", key)] = r.ideal;
|
|
20182
|
+
cc2.optional.push(oc);
|
|
20183
20183
|
}
|
|
20184
20184
|
}
|
|
20185
20185
|
if (r.exact !== void 0 && typeof r.exact !== "number") {
|
|
@@ -22018,30 +22018,30 @@ var import_eventemitter2 = require("eventemitter2");
|
|
|
22018
22018
|
var import_eventemitter22 = require("eventemitter2");
|
|
22019
22019
|
var import_uuid8 = require("uuid");
|
|
22020
22020
|
var import_eventemitter23 = require("eventemitter2");
|
|
22021
|
-
var
|
|
22021
|
+
var ei = __toESM(require_lib());
|
|
22022
22022
|
var import_eventemitter24 = __toESM(require("eventemitter2"));
|
|
22023
22023
|
var import_uuid9 = require("uuid");
|
|
22024
22024
|
var import_uuid10 = require("uuid");
|
|
22025
|
-
var
|
|
22026
|
-
var
|
|
22027
|
-
var
|
|
22028
|
-
var
|
|
22025
|
+
var Pn = Object.defineProperty;
|
|
22026
|
+
var bn = Object.defineProperties;
|
|
22027
|
+
var In = Object.getOwnPropertyDescriptors;
|
|
22028
|
+
var ci = Object.getOwnPropertySymbols;
|
|
22029
22029
|
var ks = Object.prototype.hasOwnProperty;
|
|
22030
22030
|
var Es = Object.prototype.propertyIsEnumerable;
|
|
22031
|
-
var ys = (a2, e, t) => e in a2 ?
|
|
22031
|
+
var ys = (a2, e, t) => e in a2 ? Pn(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
|
|
22032
22032
|
var m = (a2, e) => {
|
|
22033
22033
|
for (var t in e || (e = {})) ks.call(e, t) && ys(a2, t, e[t]);
|
|
22034
|
-
if (
|
|
22034
|
+
if (ci) for (var t of ci(e)) Es.call(e, t) && ys(a2, t, e[t]);
|
|
22035
22035
|
return a2;
|
|
22036
22036
|
};
|
|
22037
|
-
var M = (a2, e) =>
|
|
22037
|
+
var M = (a2, e) => bn(a2, In(e));
|
|
22038
22038
|
var Ar = (a2, e) => {
|
|
22039
22039
|
var t = {};
|
|
22040
22040
|
for (var i in a2) ks.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
|
|
22041
|
-
if (a2 != null &&
|
|
22041
|
+
if (a2 != null && ci) for (var i of ci(a2)) e.indexOf(i) < 0 && Es.call(a2, i) && (t[i] = a2[i]);
|
|
22042
22042
|
return t;
|
|
22043
22043
|
};
|
|
22044
|
-
var
|
|
22044
|
+
var Hn = (a2, e) => () => {
|
|
22045
22045
|
try {
|
|
22046
22046
|
return e || a2((e = { exports: {} }).exports, e), e.exports;
|
|
22047
22047
|
} catch (t) {
|
|
@@ -22064,19 +22064,19 @@ var c = (a2, e, t) => new Promise((i, r) => {
|
|
|
22064
22064
|
}, o = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, n);
|
|
22065
22065
|
o((t = t.apply(a2, e)).next());
|
|
22066
22066
|
});
|
|
22067
|
-
var _r =
|
|
22068
|
-
|
|
22067
|
+
var _r = Hn((vd, Bn) => {
|
|
22068
|
+
Bn.exports = { version: "0.14.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"], 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": "^2.0.6", uuid: "^11.1.1", "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.39", "@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"] };
|
|
22069
22069
|
});
|
|
22070
22070
|
var Rr = ((o) => (o.Disconnected = "Disconnected", o.Preview = "Preview", o.Connecting = "Connecting", o.Connected = "Connected", o.Reconnecting = "Reconnecting", o.Disconnecting = "Disconnecting", o.Failed = "Failed", o))(Rr || {});
|
|
22071
|
-
var
|
|
22071
|
+
var Cn = ((e) => (e.CHAT = "chat", e))(Cn || {});
|
|
22072
22072
|
var Ps = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Ps || {});
|
|
22073
|
-
var Hr = ((
|
|
22073
|
+
var Hr = ((w) => (w.PEER_JOINED = "PEER_JOINED", w.PEER_LEFT = "PEER_LEFT", w.PEER_LIST = "PEER_LIST", w.NEW_MESSAGE = "NEW_MESSAGE", w.ERROR = "ERROR", w.RECONNECTING = "RECONNECTING", w.RECONNECTED = "RECONNECTED", w.TRACK_ADDED = "TRACK_ADDED", w.TRACK_REMOVED = "TRACK_REMOVED", w.TRACK_MUTED = "TRACK_MUTED", w.TRACK_UNMUTED = "TRACK_UNMUTED", w.TRACK_DEGRADED = "TRACK_DEGRADED", w.TRACK_RESTORED = "TRACK_RESTORED", w.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", w.ROLE_UPDATED = "ROLE_UPDATED", w.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", w.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", w.ROOM_ENDED = "ROOM_ENDED", w.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", w.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", w.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", w.NAME_UPDATED = "NAME_UPDATED", w.METADATA_UPDATED = "METADATA_UPDATED", w.POLL_CREATED = "POLL_CREATED", w.POLL_STARTED = "POLL_STARTED", w.POLL_STOPPED = "POLL_STOPPED", w.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", w.POLLS_LIST = "POLLS_LIST", w.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", w.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", w.TRACK_INTERRUPTION_START = "TRACK_INTERRUPTION_START", w.TRACK_INTERRUPTION_END = "TRACK_INTERRUPTION_END", w))(Hr || {});
|
|
22074
22074
|
var bs = ((t) => (t.audio = "audio", t.video = "video", t))(bs || {});
|
|
22075
22075
|
function We(a2, e) {
|
|
22076
22076
|
let t, i;
|
|
22077
22077
|
if (e) for (let r of e.auxiliaryTracks) {
|
|
22078
22078
|
let s = a2[r];
|
|
22079
|
-
|
|
22079
|
+
Ln(s) && (i = Mt(s) ? s : i, t = yt(s) ? s : t);
|
|
22080
22080
|
}
|
|
22081
22081
|
return { video: t, audio: i };
|
|
22082
22082
|
}
|
|
@@ -22086,10 +22086,10 @@ function Mt(a2) {
|
|
|
22086
22086
|
function yt(a2) {
|
|
22087
22087
|
return a2 && a2.type === "video";
|
|
22088
22088
|
}
|
|
22089
|
-
function
|
|
22089
|
+
function Ln(a2) {
|
|
22090
22090
|
return a2 && a2.source === "screen";
|
|
22091
22091
|
}
|
|
22092
|
-
function
|
|
22092
|
+
function ui(a2) {
|
|
22093
22093
|
return a2 && a2.source === "audioplaylist";
|
|
22094
22094
|
}
|
|
22095
22095
|
function kt(a2) {
|
|
@@ -22107,7 +22107,7 @@ function Et(a2) {
|
|
|
22107
22107
|
return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
|
|
22108
22108
|
}
|
|
22109
22109
|
var Rs = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(Rs || {});
|
|
22110
|
-
var
|
|
22110
|
+
var wn = typeof window != "undefined" && typeof window.expect != "undefined";
|
|
22111
22111
|
var l = class {
|
|
22112
22112
|
static v(e, ...t) {
|
|
22113
22113
|
this.log(0, e, ...t);
|
|
@@ -22172,12 +22172,12 @@ var l = class {
|
|
|
22172
22172
|
}
|
|
22173
22173
|
}
|
|
22174
22174
|
};
|
|
22175
|
-
l.level =
|
|
22175
|
+
l.level = wn ? 7 : 0;
|
|
22176
22176
|
var Cr = new UAParser();
|
|
22177
22177
|
var Pt = null;
|
|
22178
22178
|
var Lr = null;
|
|
22179
|
-
var
|
|
22180
|
-
if (
|
|
22179
|
+
var V = typeof window != "undefined";
|
|
22180
|
+
if (V) try {
|
|
22181
22181
|
let a2 = Cr.getResult(), e = a2.withClientHints();
|
|
22182
22182
|
e && typeof e.then == "function" ? (Lr = e, Lr.then((t) => {
|
|
22183
22183
|
Pt = t;
|
|
@@ -22188,29 +22188,29 @@ if (B) try {
|
|
|
22188
22188
|
Pt = Cr.getResult();
|
|
22189
22189
|
}
|
|
22190
22190
|
var De = () => Pt || Cr.getResult();
|
|
22191
|
-
var
|
|
22191
|
+
var Y = { getBrowser: () => De().browser, getOS: () => De().os, getDevice: () => De().device, getCPU: () => De().cpu, getEngine: () => De().engine, getUA: () => De().ua, getResult: De, withClientHints: () => Lr || Promise.resolve(De()) };
|
|
22192
22192
|
var Hs;
|
|
22193
|
-
var $e = typeof window == "undefined" && !((Hs =
|
|
22194
|
-
var
|
|
22195
|
-
var
|
|
22193
|
+
var $e = typeof window == "undefined" && !((Hs = Y.getBrowser().name) != null && Hs.toLowerCase().includes("electron"));
|
|
22194
|
+
var _n = () => !$e;
|
|
22195
|
+
var Gc = _n();
|
|
22196
22196
|
var Cs;
|
|
22197
22197
|
var Ls;
|
|
22198
|
-
var
|
|
22198
|
+
var Bs = (Ls = (Cs = Y.getBrowser()) == null ? void 0 : Cs.name) == null ? void 0 : Ls.toLowerCase().includes("safari");
|
|
22199
22199
|
var ws;
|
|
22200
22200
|
var Ds;
|
|
22201
|
-
var
|
|
22201
|
+
var Vs = ((Ds = (ws = Y.getBrowser()) == null ? void 0 : ws.name) == null ? void 0 : Ds.toLowerCase()) === "firefox";
|
|
22202
22202
|
var _s;
|
|
22203
22203
|
var Ns;
|
|
22204
|
-
var
|
|
22205
|
-
var
|
|
22206
|
-
function
|
|
22207
|
-
if (
|
|
22204
|
+
var Fs = ((Ns = (_s = Y.getEngine()) == null ? void 0 : _s.name) == null ? void 0 : Ns.toLowerCase()) === "blink";
|
|
22205
|
+
var Gs = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Gs || {});
|
|
22206
|
+
function On() {
|
|
22207
|
+
if (V && window) {
|
|
22208
22208
|
let a2 = window.location.hostname;
|
|
22209
22209
|
return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
|
|
22210
22210
|
}
|
|
22211
22211
|
return "CUSTOM";
|
|
22212
22212
|
}
|
|
22213
|
-
var et =
|
|
22213
|
+
var et = On();
|
|
22214
22214
|
var k = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014, NO_DATA: 3015 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
|
|
22215
22215
|
var E = class a extends Error {
|
|
22216
22216
|
constructor(t, i, r, s, n, o = false) {
|
|
@@ -22267,8 +22267,8 @@ var q = class extends E {
|
|
|
22267
22267
|
}`;
|
|
22268
22268
|
}
|
|
22269
22269
|
};
|
|
22270
|
-
var
|
|
22271
|
-
var
|
|
22270
|
+
var Ws = ((r) => (r.AUDIO = "audio", r.VIDEO = "video", r.AUDIO_VIDEO = "audio, video", r.SCREEN = "screen", r))(Ws || {});
|
|
22271
|
+
var xn = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
|
|
22272
22272
|
var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
22273
22273
|
return new E(k.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
|
|
22274
22274
|
}, WebSocketConnectionLost(a2, e = "") {
|
|
@@ -22330,7 +22330,7 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
|
22330
22330
|
}, StatsFailed(a2, e = "") {
|
|
22331
22331
|
return new E(k.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
|
|
22332
22332
|
} }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
|
|
22333
|
-
return new E(a2, "ServerErrors", e, t, t,
|
|
22333
|
+
return new E(a2, "ServerErrors", e, t, t, xn.includes(e));
|
|
22334
22334
|
}, AlreadyJoined(a2, e = "") {
|
|
22335
22335
|
return new E(k.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
|
|
22336
22336
|
}, CannotJoinPreviewInProgress(a2, e = "") {
|
|
@@ -22402,9 +22402,9 @@ var Dr = class {
|
|
|
22402
22402
|
return this.valuesMap.size;
|
|
22403
22403
|
}
|
|
22404
22404
|
};
|
|
22405
|
-
var
|
|
22405
|
+
var $s = () => {
|
|
22406
22406
|
try {
|
|
22407
|
-
|
|
22407
|
+
V && !localStorage && (window.localStorage = new Dr());
|
|
22408
22408
|
} catch (a2) {
|
|
22409
22409
|
l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
|
|
22410
22410
|
}
|
|
@@ -22416,7 +22416,7 @@ var ve = class {
|
|
|
22416
22416
|
}
|
|
22417
22417
|
getStorage() {
|
|
22418
22418
|
try {
|
|
22419
|
-
return
|
|
22419
|
+
return V && !this.storage && ($s(), this.storage = window.localStorage), this.storage;
|
|
22420
22420
|
} catch (e) {
|
|
22421
22421
|
return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
|
|
22422
22422
|
}
|
|
@@ -22443,20 +22443,20 @@ var hi = () => {
|
|
|
22443
22443
|
function $(a2) {
|
|
22444
22444
|
return a2 != null;
|
|
22445
22445
|
}
|
|
22446
|
-
var
|
|
22447
|
-
function
|
|
22446
|
+
var js = _r().version;
|
|
22447
|
+
function At(a2 = "prod", e) {
|
|
22448
22448
|
let i = et !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
|
|
22449
|
-
if ($e) return
|
|
22450
|
-
let r =
|
|
22451
|
-
return s.type && (p = `${Nr(`${s.vendor}_${s.type}`)}/${u}`),
|
|
22449
|
+
if ($e) return Qs({ os: "web_nodejs", os_version: process.version, sdk: "web", sdk_version: js, env: i, domain: et, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
|
|
22450
|
+
let r = Y.getOS(), s = Y.getDevice(), n = Y.getBrowser(), o = Nr(`web_${r.name}`), d = r.version || "", u = Nr(`${n.name}_${n.version}`), p = u;
|
|
22451
|
+
return s.type && (p = `${Nr(`${s.vendor}_${s.type}`)}/${u}`), Qs({ os: o, os_version: d, sdk: "web", sdk_version: js, device_model: p, env: i, domain: et, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
|
|
22452
22452
|
}
|
|
22453
22453
|
function Nr(a2) {
|
|
22454
22454
|
return a2.replace(/ /g, "_");
|
|
22455
22455
|
}
|
|
22456
|
-
var
|
|
22456
|
+
var Qs = (a2, e = ",") => Object.keys(a2).filter((t) => $(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
|
|
22457
22457
|
var C = class {
|
|
22458
22458
|
constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
|
|
22459
|
-
this.metadata = { peer: {}, userAgent:
|
|
22459
|
+
this.metadata = { peer: {}, userAgent: At() };
|
|
22460
22460
|
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = hi();
|
|
22461
22461
|
}
|
|
22462
22462
|
toSignalParams() {
|
|
@@ -22616,17 +22616,17 @@ var Or = class {
|
|
|
22616
22616
|
return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
|
|
22617
22617
|
}
|
|
22618
22618
|
};
|
|
22619
|
-
var
|
|
22619
|
+
var re = new Or();
|
|
22620
22620
|
var xr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(xr || {});
|
|
22621
22621
|
var Ur = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Ur || {});
|
|
22622
22622
|
var Br = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Br || {});
|
|
22623
|
-
var
|
|
22624
|
-
var
|
|
22625
|
-
var
|
|
22626
|
-
var
|
|
22627
|
-
var
|
|
22623
|
+
var zs = ((o) => (o.NONE = "none", o.INITIALISED = "initialised", o.STARTED = "started", o.PAUSED = "paused", o.RESUMED = "resumed", o.STOPPED = "stopped", o.FAILED = "failed", o))(zs || {});
|
|
22624
|
+
var Ys = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ys || {});
|
|
22625
|
+
var Xs = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Xs || {});
|
|
22626
|
+
var Zs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Zs || {});
|
|
22627
|
+
var ea = ((e) => (e.CAPTION = "caption", e))(ea || {});
|
|
22628
22628
|
var Vr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Vr || {});
|
|
22629
|
-
var
|
|
22629
|
+
var ta = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(ta || {});
|
|
22630
22630
|
var Fr = ((r) => (r.SPEAKERPHONE = "SPEAKERPHONE", r.WIRED = "WIRED", r.BLUETOOTH = "BLUETOOTH", r.EARPIECE = "EARPIECE", r))(Fr || {});
|
|
22631
22631
|
function vi(a2, e = 300) {
|
|
22632
22632
|
let t;
|
|
@@ -22660,11 +22660,11 @@ var jr = class {
|
|
|
22660
22660
|
this.createObserver();
|
|
22661
22661
|
}
|
|
22662
22662
|
isSupported() {
|
|
22663
|
-
let e =
|
|
22663
|
+
let e = V && typeof window.IntersectionObserver != "undefined";
|
|
22664
22664
|
return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
|
|
22665
22665
|
}
|
|
22666
22666
|
};
|
|
22667
|
-
var
|
|
22667
|
+
var oa = new jr();
|
|
22668
22668
|
var Qr = class {
|
|
22669
22669
|
constructor() {
|
|
22670
22670
|
this.TAG = "[HMSResizeObserverWrapper]";
|
|
@@ -22687,47 +22687,47 @@ var Qr = class {
|
|
|
22687
22687
|
this.createObserver();
|
|
22688
22688
|
}
|
|
22689
22689
|
isSupported() {
|
|
22690
|
-
let e =
|
|
22690
|
+
let e = V && typeof window.ResizeObserver != "undefined";
|
|
22691
22691
|
return e || l.w(this.TAG, "Resize Observer is not supported"), e;
|
|
22692
22692
|
}
|
|
22693
22693
|
};
|
|
22694
|
-
var
|
|
22694
|
+
var ca = new Qr();
|
|
22695
22695
|
var Jr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Jr || {});
|
|
22696
22696
|
var zr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(zr || {});
|
|
22697
|
-
var
|
|
22698
|
-
var
|
|
22699
|
-
var
|
|
22697
|
+
var ua = "https://event.100ms.live/v2/client/report";
|
|
22698
|
+
var pa = "https://event-nonprod.100ms.live/v2/client/report";
|
|
22699
|
+
var wt = Math.pow(2, 31) - 1;
|
|
22700
22700
|
var dt = class {
|
|
22701
22701
|
};
|
|
22702
22702
|
dt.makePeerId = () => (0, import_uuid7.v4)();
|
|
22703
|
-
var
|
|
22704
|
-
var
|
|
22705
|
-
var
|
|
22706
|
-
var
|
|
22707
|
-
var
|
|
22703
|
+
var G = (a2) => a2.room;
|
|
22704
|
+
var ho = (a2) => a2.errors;
|
|
22705
|
+
var Qm = createSelector(ho, (a2) => a2.length === 0 ? null : a2.at(-1));
|
|
22706
|
+
var Jm = createSelector(G, (a2) => a2.id);
|
|
22707
|
+
var ee = (a2) => a2.peers;
|
|
22708
22708
|
var Ci = (a2) => a2.messages.byID;
|
|
22709
|
-
var
|
|
22709
|
+
var ba = (a2) => a2.messages.allIDs;
|
|
22710
22710
|
var N = (a2) => a2.tracks;
|
|
22711
22711
|
var is = (a2) => a2.appData;
|
|
22712
|
-
var
|
|
22713
|
-
var Fe = createSelector([
|
|
22714
|
-
var
|
|
22715
|
-
var
|
|
22716
|
-
var Ee = createSelector([
|
|
22717
|
-
var
|
|
22718
|
-
var
|
|
22719
|
-
var Ae = createSelector(
|
|
22720
|
-
var
|
|
22721
|
-
var
|
|
22722
|
-
var
|
|
22723
|
-
var
|
|
22724
|
-
var
|
|
22725
|
-
var
|
|
22712
|
+
var mo = (a2) => a2.speakers;
|
|
22713
|
+
var Fe = createSelector([G], (a2) => a2 && a2.isConnected);
|
|
22714
|
+
var Xm = createSelector([Fe, G], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
|
|
22715
|
+
var So = (a2) => a2.hideLocalPeer;
|
|
22716
|
+
var Ee = createSelector([G, ee, So], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
|
|
22717
|
+
var go = createSelector(N, (a2) => Object.values(a2));
|
|
22718
|
+
var te = createSelector(G, ee, (a2, e) => e[a2.localPeer]);
|
|
22719
|
+
var Ae = createSelector(G, (a2) => a2.localPeer);
|
|
22720
|
+
var Zm = createSelector(te, (a2) => a2 == null ? void 0 : a2.name);
|
|
22721
|
+
var eS = createSelector(te, (a2) => a2 == null ? void 0 : a2.roleName);
|
|
22722
|
+
var Se = createSelector(te, (a2) => a2 == null ? void 0 : a2.audioTrack);
|
|
22723
|
+
var ae = createSelector(te, (a2) => a2 == null ? void 0 : a2.videoTrack);
|
|
22724
|
+
var To = createSelector(te, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
|
|
22725
|
+
var Aa = createSelector([Se, ae, To], (a2, e, t) => {
|
|
22726
22726
|
let i = t ? [...t] : [];
|
|
22727
22727
|
return a2 && i.unshift(a2), e && i.unshift(e), i;
|
|
22728
22728
|
});
|
|
22729
|
-
var
|
|
22730
|
-
var
|
|
22729
|
+
var tS = createSelector(Ee, (a2) => a2.filter((e) => !e.isLocal));
|
|
22730
|
+
var iS = createSelector(ee, mo, (a2, e) => {
|
|
22731
22731
|
let t = Object.entries(e).sort((i, r) => {
|
|
22732
22732
|
var o, d;
|
|
22733
22733
|
let s = ((o = i[1]) == null ? void 0 : o.audioLevel) || 0;
|
|
@@ -22739,11 +22739,11 @@ var Ym = createSelector(Z, po, (a2, e) => {
|
|
|
22739
22739
|
}
|
|
22740
22740
|
return null;
|
|
22741
22741
|
});
|
|
22742
|
-
var ss = createSelector(
|
|
22742
|
+
var ss = createSelector(te, N, (a2, e) => {
|
|
22743
22743
|
let { video: t, audio: i } = We(e, a2);
|
|
22744
22744
|
return !!(t || i);
|
|
22745
22745
|
});
|
|
22746
|
-
var
|
|
22746
|
+
var fo = createSelector(ee, N, (a2, e) => {
|
|
22747
22747
|
let t;
|
|
22748
22748
|
for (let i in a2) {
|
|
22749
22749
|
let r = a2[i], { video: s, audio: n } = We(e, r);
|
|
@@ -22752,14 +22752,14 @@ var go = createSelector(Z, N, (a2, e) => {
|
|
|
22752
22752
|
}
|
|
22753
22753
|
return t;
|
|
22754
22754
|
});
|
|
22755
|
-
var
|
|
22756
|
-
var
|
|
22755
|
+
var nS = createSelector(fo, (a2) => !!a2);
|
|
22756
|
+
var oS = createSelector(ee, N, (a2, e) => {
|
|
22757
22757
|
for (let t in a2) {
|
|
22758
22758
|
let i = a2[t], { audio: r, video: s } = We(e, i);
|
|
22759
22759
|
if (!s && r) return i;
|
|
22760
22760
|
}
|
|
22761
22761
|
});
|
|
22762
|
-
var
|
|
22762
|
+
var cS = createSelector(ee, N, (a2, e) => {
|
|
22763
22763
|
let t = [], i = [];
|
|
22764
22764
|
for (let r in a2) {
|
|
22765
22765
|
let s = a2[r], { video: n, audio: o } = We(e, s);
|
|
@@ -22767,86 +22767,86 @@ var tS = createSelector(Z, N, (a2, e) => {
|
|
|
22767
22767
|
}
|
|
22768
22768
|
return t.concat(i);
|
|
22769
22769
|
});
|
|
22770
|
-
var
|
|
22770
|
+
var dS = createSelector(ee, N, (a2, e) => {
|
|
22771
22771
|
for (let t in e) {
|
|
22772
22772
|
let i = e[t];
|
|
22773
22773
|
if (kt(i) && yt(i) && i.peerId) return a2[i.peerId];
|
|
22774
22774
|
}
|
|
22775
22775
|
});
|
|
22776
|
-
var
|
|
22776
|
+
var lS = createSelector(ee, N, (a2, e) => {
|
|
22777
22777
|
for (let t in e) {
|
|
22778
22778
|
let i = e[t];
|
|
22779
|
-
if (
|
|
22779
|
+
if (ui(i) && i.peerId) return a2[i.peerId];
|
|
22780
22780
|
}
|
|
22781
22781
|
});
|
|
22782
|
-
var
|
|
22783
|
-
var
|
|
22784
|
-
var
|
|
22785
|
-
var
|
|
22782
|
+
var uS = createSelector(go, (a2) => a2.filter(Is));
|
|
22783
|
+
var pS = createSelector(ba, (a2) => a2.length);
|
|
22784
|
+
var hS = createSelector(Ci, (a2) => Object.values(a2).filter((e) => !e.read).length);
|
|
22785
|
+
var Nt = createSelector(ba, Ci, (a2, e) => {
|
|
22786
22786
|
let t = [];
|
|
22787
22787
|
return a2.forEach((i) => {
|
|
22788
22788
|
t.push(e[i]);
|
|
22789
22789
|
}), t;
|
|
22790
22790
|
});
|
|
22791
|
-
var
|
|
22791
|
+
var vo = createSelector(Nt, (a2) => a2.filter((e) => {
|
|
22792
22792
|
var t;
|
|
22793
22793
|
return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
|
|
22794
22794
|
}));
|
|
22795
|
-
var
|
|
22796
|
-
var
|
|
22797
|
-
var
|
|
22798
|
-
var
|
|
22799
|
-
var
|
|
22795
|
+
var mS = createSelector(vo, (a2) => a2.filter((e) => !e.read).length);
|
|
22796
|
+
var le = createSelector([G], (a2) => a2 && a2.roomState);
|
|
22797
|
+
var Ha = createSelector(le, (a2) => a2 === "Preview");
|
|
22798
|
+
var SS = createSelector(G, (a2) => a2.roomState !== "Disconnected");
|
|
22799
|
+
var gS = createSelector(G, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
|
|
22800
22800
|
var Pe = (a2) => a2.roles;
|
|
22801
|
-
var
|
|
22802
|
-
var ut = createSelector([
|
|
22803
|
-
var
|
|
22801
|
+
var TS = createSelector([Pe], (a2) => Object.keys(a2));
|
|
22802
|
+
var ut = createSelector([te, Pe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
|
|
22803
|
+
var Mo = (a2) => {
|
|
22804
22804
|
var e;
|
|
22805
22805
|
return (e = a2.preview) == null ? void 0 : e.asRole;
|
|
22806
22806
|
};
|
|
22807
|
-
var
|
|
22808
|
-
var
|
|
22807
|
+
var Ca = createSelector([Mo, Pe], (a2, e) => a2 ? e[a2] : null);
|
|
22808
|
+
var fS = createSelector([ut], (a2) => {
|
|
22809
22809
|
var e;
|
|
22810
22810
|
return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
|
|
22811
22811
|
});
|
|
22812
|
-
var
|
|
22813
|
-
var
|
|
22814
|
-
var
|
|
22815
|
-
var
|
|
22816
|
-
var
|
|
22817
|
-
var
|
|
22812
|
+
var La = createSelector(ut, (a2) => a2 == null ? void 0 : a2.permissions);
|
|
22813
|
+
var vS = createSelector(G, (a2) => a2.recording);
|
|
22814
|
+
var MS = createSelector(G, (a2) => a2.rtmp);
|
|
22815
|
+
var yS = createSelector(G, (a2) => a2.hls);
|
|
22816
|
+
var kS = createSelector(G, (a2) => a2.transcriptions);
|
|
22817
|
+
var ES = createSelector(G, (a2) => {
|
|
22818
22818
|
var i, r;
|
|
22819
22819
|
let e = (i = a2.transcriptions) == null ? void 0 : i.find((s) => s.mode === "caption");
|
|
22820
22820
|
if (e != null && e.translation) return { available: true, enabled: e.translation.enabled, roleLanguages: e.translation.roleLanguages };
|
|
22821
22821
|
let t = (r = a2.translationConfig) == null ? void 0 : r.caption;
|
|
22822
22822
|
return t ? { available: true, enabled: false, roleLanguages: t.roleLanguages } : { available: false, enabled: false, roleLanguages: void 0 };
|
|
22823
22823
|
});
|
|
22824
|
-
var
|
|
22825
|
-
var
|
|
22826
|
-
var
|
|
22827
|
-
var
|
|
22828
|
-
var
|
|
22829
|
-
var
|
|
22830
|
-
var
|
|
22831
|
-
var
|
|
22832
|
-
var
|
|
22833
|
-
var
|
|
22834
|
-
var
|
|
22824
|
+
var PS = createSelector(G, (a2) => a2.sessionId);
|
|
22825
|
+
var bS = createSelector(G, (a2) => a2.startedAt);
|
|
22826
|
+
var IS = createSelector(G, (a2) => !!a2.isLargeRoom);
|
|
22827
|
+
var AS = createSelector(G, (a2) => !!a2.isEffectsEnabled);
|
|
22828
|
+
var RS = createSelector(G, (a2) => !!a2.isVBEnabled);
|
|
22829
|
+
var HS = createSelector(G, (a2) => a2.effectsKey);
|
|
22830
|
+
var wa = (a2) => a2.polls;
|
|
22831
|
+
var DS = createSelector(Ee, (a2) => a2.filter((e) => e.isHandRaised));
|
|
22832
|
+
var yo = (a2) => a2.whiteboards;
|
|
22833
|
+
var _S = createSelector(yo, (a2) => Object.values(a2)[0]);
|
|
22834
|
+
var _a7 = (a2 = "audio") => (e) => e.playlist[a2].list;
|
|
22835
22835
|
var as = (a2 = "audio") => (e) => e.playlist[a2].selection;
|
|
22836
|
-
var
|
|
22837
|
-
var
|
|
22838
|
-
var
|
|
22839
|
-
var
|
|
22840
|
-
var
|
|
22841
|
-
var
|
|
22836
|
+
var Na = (a2 = "audio") => (e) => e.playlist[a2].progress;
|
|
22837
|
+
var Oa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
|
|
22838
|
+
var xa = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
|
|
22839
|
+
var Ua = (a2 = "audio") => (e) => e.playlist[a2].volume;
|
|
22840
|
+
var Ba = (a2 = "audio") => createSelector(_a7(a2), (e) => Object.values(e));
|
|
22841
|
+
var Va = (a2 = "audio") => createSelector(_a7(a2), as(a2), (e, t) => {
|
|
22842
22842
|
if (t.id) return e[t.id];
|
|
22843
22843
|
});
|
|
22844
|
-
var
|
|
22845
|
-
var
|
|
22844
|
+
var Fa = { selection: as("audio"), progress: Na("audio"), currentTime: Oa("audio"), playbackRate: xa("audio"), volume: Ua("audio"), list: Ba("audio"), selectedItem: Va("audio") };
|
|
22845
|
+
var Ga = { selection: as("video"), progress: Na("video"), currentTime: Oa("video"), playbackRate: xa("video"), volume: Ua("video"), list: Ba("video"), selectedItem: Va("video") };
|
|
22846
22846
|
function H(a2) {
|
|
22847
22847
|
return (e) => (t) => a2(t, e);
|
|
22848
22848
|
}
|
|
22849
|
-
var
|
|
22849
|
+
var Ot = "HMS-Store:";
|
|
22850
22850
|
var b = class {
|
|
22851
22851
|
static v(e, ...t) {
|
|
22852
22852
|
this.log(0, e, ...t);
|
|
@@ -22875,23 +22875,23 @@ var b = class {
|
|
|
22875
22875
|
static log(e, ...t) {
|
|
22876
22876
|
if (!(this.level.valueOf() > e.valueOf())) switch (e) {
|
|
22877
22877
|
case 0: {
|
|
22878
|
-
console.log(
|
|
22878
|
+
console.log(Ot, ...t);
|
|
22879
22879
|
break;
|
|
22880
22880
|
}
|
|
22881
22881
|
case 1: {
|
|
22882
|
-
console.debug(
|
|
22882
|
+
console.debug(Ot, ...t);
|
|
22883
22883
|
break;
|
|
22884
22884
|
}
|
|
22885
22885
|
case 2: {
|
|
22886
|
-
console.info(
|
|
22886
|
+
console.info(Ot, ...t);
|
|
22887
22887
|
break;
|
|
22888
22888
|
}
|
|
22889
22889
|
case 3: {
|
|
22890
|
-
console.warn(
|
|
22890
|
+
console.warn(Ot, ...t);
|
|
22891
22891
|
break;
|
|
22892
22892
|
}
|
|
22893
22893
|
case 6: {
|
|
22894
|
-
console.error(
|
|
22894
|
+
console.error(Ot, ...t);
|
|
22895
22895
|
break;
|
|
22896
22896
|
}
|
|
22897
22897
|
case 4: {
|
|
@@ -22913,121 +22913,121 @@ var b = class {
|
|
|
22913
22913
|
};
|
|
22914
22914
|
b.level = 0;
|
|
22915
22915
|
var ns = (a2, e) => e;
|
|
22916
|
-
var
|
|
22917
|
-
var
|
|
22918
|
-
var
|
|
22919
|
-
var
|
|
22920
|
-
var
|
|
22921
|
-
var os = createSelector([N,
|
|
22922
|
-
var
|
|
22916
|
+
var xt = (a2, e) => e;
|
|
22917
|
+
var Wa = (a2, e) => e;
|
|
22918
|
+
var ko = (a2, e) => e;
|
|
22919
|
+
var Eo = (a2, e) => e;
|
|
22920
|
+
var ie = createSelector([ee, ns], (a2, e) => e ? a2[e] : null);
|
|
22921
|
+
var os = createSelector([N, xt], (a2, e) => e ? a2[e] : null);
|
|
22922
|
+
var Po = createSelector([N, xt], (a2, e) => {
|
|
22923
22923
|
if (!e) return null;
|
|
22924
22924
|
let t = a2[e];
|
|
22925
22925
|
return (t == null ? void 0 : t.type) === "video" ? t : null;
|
|
22926
22926
|
});
|
|
22927
|
-
var
|
|
22927
|
+
var bo = createSelector([N, xt], (a2, e) => {
|
|
22928
22928
|
if (!e) return null;
|
|
22929
22929
|
let t = a2[e];
|
|
22930
22930
|
return (t == null ? void 0 : t.type) === "audio" ? t : null;
|
|
22931
22931
|
});
|
|
22932
|
-
var
|
|
22932
|
+
var Io = createSelector([N, xt], (a2, e) => {
|
|
22933
22933
|
if (!e) return null;
|
|
22934
22934
|
let t = a2[e];
|
|
22935
22935
|
return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
22936
22936
|
});
|
|
22937
|
-
var
|
|
22937
|
+
var Ao = createSelector([N, xt], (a2, e) => {
|
|
22938
22938
|
if (!e) return null;
|
|
22939
22939
|
let t = a2[e];
|
|
22940
22940
|
return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
22941
22941
|
});
|
|
22942
|
-
var
|
|
22943
|
-
var
|
|
22944
|
-
var
|
|
22942
|
+
var Ro = createSelector([wa, Eo], (a2, e) => e ? a2[e] : null);
|
|
22943
|
+
var ne = H(ie);
|
|
22944
|
+
var KS = H(createSelector([is, ko], (a2, e) => {
|
|
22945
22945
|
if (a2) return e ? a2[e] : a2;
|
|
22946
22946
|
}));
|
|
22947
|
-
function
|
|
22947
|
+
function qS(a2) {
|
|
22948
22948
|
return (e) => {
|
|
22949
22949
|
if (e.sessionStore) return a2 ? e.sessionStore[a2] : e.sessionStore;
|
|
22950
22950
|
};
|
|
22951
22951
|
}
|
|
22952
|
-
var
|
|
22953
|
-
var
|
|
22952
|
+
var QS = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.name));
|
|
22953
|
+
var JS = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.type));
|
|
22954
22954
|
var Li = H(os);
|
|
22955
|
-
var
|
|
22956
|
-
var
|
|
22957
|
-
var
|
|
22958
|
-
var
|
|
22959
|
-
var
|
|
22960
|
-
let t =
|
|
22955
|
+
var $a = H(Po);
|
|
22956
|
+
var zS = H(bo);
|
|
22957
|
+
var YS = H(Io);
|
|
22958
|
+
var XS = H(Ao);
|
|
22959
|
+
var Ho = H((a2, e) => {
|
|
22960
|
+
let t = ie(a2, e);
|
|
22961
22961
|
if (t && t.videoTrack && t.videoTrack !== "") return a2.tracks[t.videoTrack];
|
|
22962
22962
|
});
|
|
22963
|
-
var
|
|
22964
|
-
let t =
|
|
22963
|
+
var Co = H((a2, e) => {
|
|
22964
|
+
let t = ie(a2, e);
|
|
22965
22965
|
if (t && t.audioTrack && t.audioTrack !== "") return a2.tracks[t.audioTrack];
|
|
22966
22966
|
});
|
|
22967
|
-
var
|
|
22968
|
-
let t =
|
|
22967
|
+
var eg = H((a2, e) => {
|
|
22968
|
+
let t = ie(a2, e);
|
|
22969
22969
|
return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
|
|
22970
22970
|
});
|
|
22971
|
-
var
|
|
22972
|
-
var
|
|
22973
|
-
var
|
|
22974
|
-
let t =
|
|
22975
|
-
return
|
|
22976
|
-
};
|
|
22977
|
-
var
|
|
22978
|
-
var
|
|
22971
|
+
var Ka = (a2, e) => e ? a2.speakers[e] : null;
|
|
22972
|
+
var tg = H(createSelector(Ka, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
22973
|
+
var Lo = (a2, e) => {
|
|
22974
|
+
let t = Co(e)(a2);
|
|
22975
|
+
return Ka(a2, t == null ? void 0 : t.id);
|
|
22976
|
+
};
|
|
22977
|
+
var ig = H(createSelector(Lo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
22978
|
+
var rg = H((a2, e) => {
|
|
22979
22979
|
if (e) return a2.connectionQualities[e];
|
|
22980
22980
|
});
|
|
22981
|
-
var
|
|
22982
|
-
let t =
|
|
22981
|
+
var sg = H((a2, e) => {
|
|
22982
|
+
let t = ie(a2, e);
|
|
22983
22983
|
if (t) {
|
|
22984
22984
|
let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => Mt(a2.tracks[r]));
|
|
22985
22985
|
return i ? a2.tracks[i] : void 0;
|
|
22986
22986
|
}
|
|
22987
22987
|
});
|
|
22988
|
-
var
|
|
22988
|
+
var ag = H(createSelector(N, ie, (a2, e) => {
|
|
22989
22989
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
22990
22990
|
let r = a2[i];
|
|
22991
22991
|
return kt(r) && yt(r);
|
|
22992
22992
|
});
|
|
22993
22993
|
return t ? a2[t] : void 0;
|
|
22994
22994
|
}));
|
|
22995
|
-
var
|
|
22995
|
+
var ng = H(createSelector(N, ie, (a2, e) => {
|
|
22996
22996
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
22997
22997
|
let r = a2[i];
|
|
22998
22998
|
return kt(r) && Mt(r);
|
|
22999
22999
|
});
|
|
23000
23000
|
return t ? a2[t] : void 0;
|
|
23001
23001
|
}));
|
|
23002
|
-
var
|
|
23002
|
+
var og = H(createSelector(N, ie, (a2, e) => {
|
|
23003
23003
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
23004
23004
|
let r = a2[i];
|
|
23005
|
-
return
|
|
23005
|
+
return ui(r) && Mt(r);
|
|
23006
23006
|
});
|
|
23007
23007
|
return t ? a2[t] : void 0;
|
|
23008
23008
|
}));
|
|
23009
|
-
var
|
|
23010
|
-
var
|
|
23011
|
-
var
|
|
23012
|
-
let t =
|
|
23009
|
+
var qa = H(createSelector(N, ie, (a2, e) => We(a2, e)));
|
|
23010
|
+
var ja = (a2) => createSelector(qa(a2), (e) => e.audio);
|
|
23011
|
+
var dg = H((a2, e) => {
|
|
23012
|
+
let t = ie(a2, e);
|
|
23013
23013
|
return Xe(a2, t == null ? void 0 : t.audioTrack);
|
|
23014
23014
|
});
|
|
23015
|
-
var
|
|
23016
|
-
let t =
|
|
23015
|
+
var lg = H((a2, e) => {
|
|
23016
|
+
let t = ie(a2, e);
|
|
23017
23017
|
return Xe(a2, t == null ? void 0 : t.videoTrack);
|
|
23018
23018
|
});
|
|
23019
|
-
var
|
|
23019
|
+
var Qa = H((a2, e) => {
|
|
23020
23020
|
if (e && a2.tracks[e]) return a2.tracks[e].volume === 0;
|
|
23021
23021
|
});
|
|
23022
|
-
var
|
|
23023
|
-
let t =
|
|
23024
|
-
return
|
|
23022
|
+
var ug = H((a2, e) => {
|
|
23023
|
+
let t = ie(a2, e);
|
|
23024
|
+
return Qa(t == null ? void 0 : t.audioTrack)(a2);
|
|
23025
23025
|
});
|
|
23026
|
-
var
|
|
23027
|
-
let t =
|
|
23028
|
-
return
|
|
23026
|
+
var pg = H((a2, e) => {
|
|
23027
|
+
let t = ja(e)(a2);
|
|
23028
|
+
return Qa(t == null ? void 0 : t.id)(a2);
|
|
23029
23029
|
});
|
|
23030
|
-
var
|
|
23030
|
+
var Ja = H((a2, e) => {
|
|
23031
23031
|
let t = os(a2, e);
|
|
23032
23032
|
if (t) {
|
|
23033
23033
|
if (t.type !== "audio") {
|
|
@@ -23037,15 +23037,15 @@ var Qa = H((a2, e) => {
|
|
|
23037
23037
|
return t.volume;
|
|
23038
23038
|
}
|
|
23039
23039
|
});
|
|
23040
|
-
var
|
|
23041
|
-
let t =
|
|
23042
|
-
return
|
|
23040
|
+
var hg = H((a2, e) => {
|
|
23041
|
+
let t = ie(a2, e);
|
|
23042
|
+
return Ja(t == null ? void 0 : t.audioTrack)(a2);
|
|
23043
23043
|
});
|
|
23044
|
-
var
|
|
23045
|
-
let t =
|
|
23046
|
-
return
|
|
23044
|
+
var mg = H((a2, e) => {
|
|
23045
|
+
let t = ja(e)(a2);
|
|
23046
|
+
return Ja(t == null ? void 0 : t.id)(a2);
|
|
23047
23047
|
});
|
|
23048
|
-
var
|
|
23048
|
+
var Sg = H((a2, e) => {
|
|
23049
23049
|
let t = os(a2, e);
|
|
23050
23050
|
if (t) {
|
|
23051
23051
|
if (t.type !== "video") {
|
|
@@ -23055,47 +23055,47 @@ var cg = H((a2, e) => {
|
|
|
23055
23055
|
return t.layer;
|
|
23056
23056
|
}
|
|
23057
23057
|
});
|
|
23058
|
-
var
|
|
23058
|
+
var za = createSelector([Nt, Ae, ns], (a2, e, t) => {
|
|
23059
23059
|
if (t) return a2.filter((i) => {
|
|
23060
23060
|
var r;
|
|
23061
23061
|
return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
|
|
23062
23062
|
});
|
|
23063
23063
|
});
|
|
23064
|
-
var
|
|
23064
|
+
var Ya = createSelector([Nt, Wa], (a2, e) => {
|
|
23065
23065
|
if (e) return a2.filter((t) => {
|
|
23066
23066
|
var i, r;
|
|
23067
23067
|
return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
|
|
23068
23068
|
});
|
|
23069
23069
|
});
|
|
23070
|
-
var
|
|
23070
|
+
var wo = createSelector(Nt, (a2) => a2.filter((e) => {
|
|
23071
23071
|
var t;
|
|
23072
23072
|
return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
|
|
23073
23073
|
}));
|
|
23074
|
-
var
|
|
23075
|
-
var
|
|
23076
|
-
var
|
|
23077
|
-
var
|
|
23078
|
-
var
|
|
23079
|
-
var
|
|
23080
|
-
var
|
|
23081
|
-
var
|
|
23082
|
-
var
|
|
23074
|
+
var Do = createSelector([Ya, Wa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
23075
|
+
var _o = createSelector([za, ns], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
23076
|
+
var gg = createSelector(wo, (a2) => a2.filter((e) => !e.read).length);
|
|
23077
|
+
var Tg = H(za);
|
|
23078
|
+
var fg = H(Ya);
|
|
23079
|
+
var vg = H(Do);
|
|
23080
|
+
var Mg = H(_o);
|
|
23081
|
+
var Xa = H(Ro);
|
|
23082
|
+
var wg = createSelector([ee, N], (a2, e) => Object.values(a2).map((i) => {
|
|
23083
23083
|
var r;
|
|
23084
23084
|
return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
|
|
23085
23085
|
}));
|
|
23086
|
-
var
|
|
23087
|
-
var
|
|
23088
|
-
var
|
|
23089
|
-
var
|
|
23090
|
-
var
|
|
23086
|
+
var No = (a2) => a2.roleChangeRequests[0] || null;
|
|
23087
|
+
var Dg = createSelector([No, ee, Pe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
|
|
23088
|
+
var _g = createSelector([ut], (a2) => Et(a2));
|
|
23089
|
+
var Ng = createSelector([Ca], (a2) => Et(a2));
|
|
23090
|
+
var xo = createSelector([ae, N], (a2, e) => {
|
|
23091
23091
|
let t = null;
|
|
23092
23092
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
23093
23093
|
});
|
|
23094
|
-
var
|
|
23094
|
+
var Uo = createSelector([Se, N], (a2, e) => {
|
|
23095
23095
|
let t = null;
|
|
23096
23096
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
23097
23097
|
});
|
|
23098
|
-
var
|
|
23098
|
+
var Fo = ((o) => (o[o.STARTING = 0] = "STARTING", o[o.INIT_FETCHED = 1] = "INIT_FETCHED", o[o.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", o[o.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", o[o.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", o[o.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", o[o.COMPLETED = 6] = "COMPLETED", o))(Fo || {});
|
|
23099
23099
|
var ps = class {
|
|
23100
23100
|
constructor() {
|
|
23101
23101
|
this.TAG = "[HTTPAnalyticsTransport]";
|
|
@@ -23115,7 +23115,7 @@ var ps = class {
|
|
|
23115
23115
|
this.addEventToStorage(e);
|
|
23116
23116
|
return;
|
|
23117
23117
|
}
|
|
23118
|
-
let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ?
|
|
23118
|
+
let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? ua : pa;
|
|
23119
23119
|
fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
|
|
23120
23120
|
if (r.status === 401) {
|
|
23121
23121
|
this.removeFromStorage(e);
|
|
@@ -23141,7 +23141,7 @@ var ps = class {
|
|
|
23141
23141
|
}
|
|
23142
23142
|
};
|
|
23143
23143
|
var He = new ps();
|
|
23144
|
-
var
|
|
23144
|
+
var jt = class {
|
|
23145
23145
|
static handleError(e) {
|
|
23146
23146
|
if (e.status === 404) throw S.APIErrors.EndpointUnreachable("FEEDBACK", e.statusText);
|
|
23147
23147
|
if (e.status >= 400) throw S.APIErrors.ServerErrors(e.status, "FEEDBACK", e == null ? void 0 : e.statusText);
|
|
@@ -23165,67 +23165,67 @@ var Qt = class {
|
|
|
23165
23165
|
});
|
|
23166
23166
|
}
|
|
23167
23167
|
};
|
|
23168
|
-
|
|
23168
|
+
jt.TAG = "[FeedbackService]";
|
|
23169
23169
|
var hs = ((f) => (f.FLAG_SERVER_SUB_DEGRADATION = "subscribeDegradation", f.FLAG_SERVER_SIMULCAST = "simulcast", f.FLAG_NON_WEBRTC_DISABLE_OFFER = "nonWebRTCDisableOffer", f.FLAG_PUBLISH_STATS = "publishStats", f.FLAG_SUBSCRIBE_STATS = "subscribeStats", f.FLAG_ON_DEMAND_TRACKS = "onDemandTracks", f.FLAG_DISABLE_VIDEO_TRACK_AUTO_UNSUBSCRIBE = "disableVideoTrackAutoUnsubscribe", f.FLAG_WHITEBOARD_ENABLED = "whiteboardEnabled", f.FLAG_EFFECTS_SDK_ENABLED = "effectsSDKEnabled", f.FLAG_VB_ENABLED = "vb", f.FLAG_HIPAA_ENABLED = "hipaa", f.FLAG_NOISE_CANCELLATION = "noiseCancellation", f.FLAG_SCALE_SCREENSHARE_BASED_ON_PIXELS = "scaleScreenshareBasedOnPixels", f.FLAG_DISABLE_NONE_LAYER_REQUEST = "disableNoneLayerRequest", f))(hs || {});
|
|
23170
23170
|
var z = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(z || {});
|
|
23171
23171
|
var mr = ((o) => (o.Disconnected = "Disconnected", o.Connecting = "Connecting", o.Joined = "Joined", o.Preview = "Preview", o.Failed = "Failed", o.Reconnecting = "Reconnecting", o.Leaving = "Leaving", o))(mr || {});
|
|
23172
23172
|
var gt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(gt || {});
|
|
23173
|
-
var
|
|
23174
|
-
var
|
|
23175
|
-
var
|
|
23176
|
-
var
|
|
23177
|
-
var
|
|
23178
|
-
var
|
|
23179
|
-
var
|
|
23173
|
+
var cc = (a2) => a2.localPeer.id;
|
|
23174
|
+
var dc = (a2) => a2.localPeer.audioTrack;
|
|
23175
|
+
var lc = (a2) => a2.localPeer.videoTrack;
|
|
23176
|
+
var uc = (a2, e) => e;
|
|
23177
|
+
var kn = (a2, e) => e;
|
|
23178
|
+
var pc = (a2) => a2.remoteTrackStats;
|
|
23179
|
+
var En = (a2) => a2.peerStats;
|
|
23180
23180
|
var Ts = (a2) => a2.localTrackStats;
|
|
23181
|
-
var Le = createSelector([
|
|
23182
|
-
var
|
|
23181
|
+
var Le = createSelector([En, cc], (a2, e) => a2[e]);
|
|
23182
|
+
var hc = createSelector(Le, (a2) => {
|
|
23183
23183
|
var e;
|
|
23184
23184
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
|
|
23185
23185
|
});
|
|
23186
|
-
var
|
|
23186
|
+
var mc = createSelector(Le, (a2) => {
|
|
23187
23187
|
var e;
|
|
23188
23188
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
|
|
23189
23189
|
});
|
|
23190
|
-
var
|
|
23190
|
+
var Sc = createSelector(Le, (a2) => {
|
|
23191
23191
|
var e;
|
|
23192
23192
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
|
|
23193
23193
|
});
|
|
23194
|
-
var
|
|
23194
|
+
var gc = createSelector(Le, (a2) => {
|
|
23195
23195
|
var e;
|
|
23196
23196
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
|
|
23197
23197
|
});
|
|
23198
|
-
var
|
|
23198
|
+
var Tc = createSelector(Le, (a2) => {
|
|
23199
23199
|
var e;
|
|
23200
23200
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
|
|
23201
23201
|
});
|
|
23202
|
-
var
|
|
23202
|
+
var fc = createSelector(Le, (a2) => {
|
|
23203
23203
|
var e;
|
|
23204
23204
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
|
|
23205
23205
|
});
|
|
23206
|
-
var
|
|
23206
|
+
var vc = createSelector(Le, (a2) => {
|
|
23207
23207
|
var e;
|
|
23208
23208
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
|
|
23209
23209
|
});
|
|
23210
|
-
var
|
|
23210
|
+
var Mc = createSelector(Le, (a2) => {
|
|
23211
23211
|
var e;
|
|
23212
23212
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
|
|
23213
23213
|
});
|
|
23214
|
-
var
|
|
23215
|
-
var
|
|
23216
|
-
var fs = createSelector([Ts,
|
|
23217
|
-
var
|
|
23218
|
-
var
|
|
23219
|
-
var
|
|
23214
|
+
var yc = createSelector([En, uc], (a2, e) => e ? a2[e] : void 0);
|
|
23215
|
+
var kc = createSelector([pc, kn], (a2, e) => e ? a2[e] : void 0);
|
|
23216
|
+
var fs = createSelector([Ts, kn], (a2, e) => e ? a2[e] : void 0);
|
|
23217
|
+
var Ec = H(yc);
|
|
23218
|
+
var Pc = H(kc);
|
|
23219
|
+
var bc = createSelector([Ts, dc], (a2, e) => {
|
|
23220
23220
|
var t;
|
|
23221
23221
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
23222
23222
|
});
|
|
23223
|
-
var
|
|
23224
|
-
var
|
|
23223
|
+
var Ic = H(createSelector(fs, (a2) => a2 == null ? void 0 : a2[0]));
|
|
23224
|
+
var Ac = createSelector([Ts, lc], (a2, e) => {
|
|
23225
23225
|
var t;
|
|
23226
23226
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
23227
23227
|
});
|
|
23228
|
-
var
|
|
23228
|
+
var Rc = H(createSelector(fs, (a2) => a2));
|
|
23229
23229
|
|
|
23230
23230
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
|
23231
23231
|
var import_react_sdk41 = require("@100mslive/react-sdk");
|
|
@@ -23333,7 +23333,7 @@ var RecordingStatus = () => {
|
|
|
23333
23333
|
};
|
|
23334
23334
|
var RecordingPauseStatus = () => {
|
|
23335
23335
|
const recording = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRecordingState);
|
|
23336
|
-
if (recording.hls && recording.hls.state ===
|
|
23336
|
+
if (recording.hls && recording.hls.state === zs.PAUSED) {
|
|
23337
23337
|
return /* @__PURE__ */ import_react88.default.createElement(
|
|
23338
23338
|
Tooltip,
|
|
23339
23339
|
{
|
|
@@ -28092,7 +28092,7 @@ var Chat = () => {
|
|
|
28092
28092
|
const listRef = (0, import_react153.useRef)(null);
|
|
28093
28093
|
const hmsActions = (0, import_react_sdk74.useHMSActions)();
|
|
28094
28094
|
const vanillaStore = (0, import_react_sdk74.useHMSVanillaStore)();
|
|
28095
|
-
const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(
|
|
28095
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(qS("chatState" /* CHAT_STATE */)) || {};
|
|
28096
28096
|
const isMobile = (0, import_react_use26.useMedia)(config.media.md);
|
|
28097
28097
|
const isMobileHLSStream = useMobileHLSStream();
|
|
28098
28098
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
@@ -28182,7 +28182,7 @@ var NewMessageIndicator = ({
|
|
|
28182
28182
|
scrollToBottom,
|
|
28183
28183
|
listRef
|
|
28184
28184
|
}) => {
|
|
28185
|
-
const unreadCount = (0, import_react_sdk74.useHMSStore)(
|
|
28185
|
+
const unreadCount = (0, import_react_sdk74.useHMSStore)(hS);
|
|
28186
28186
|
if (!unreadCount || !listRef.current) {
|
|
28187
28187
|
return null;
|
|
28188
28188
|
}
|
|
@@ -28671,7 +28671,7 @@ var SimulcastLayers = ({ trackId }) => {
|
|
|
28671
28671
|
var _a8;
|
|
28672
28672
|
const track = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectTrackByID)(trackId));
|
|
28673
28673
|
const actions = (0, import_react_sdk79.useHMSActions)();
|
|
28674
|
-
const
|
|
28674
|
+
const bg2 = useDropdownSelection();
|
|
28675
28675
|
if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
|
|
28676
28676
|
return null;
|
|
28677
28677
|
}
|
|
@@ -28688,9 +28688,9 @@ var SimulcastLayers = ({ trackId }) => {
|
|
|
28688
28688
|
}),
|
|
28689
28689
|
css: {
|
|
28690
28690
|
justifyContent: "space-between",
|
|
28691
|
-
bg: track.preferredLayer === layer.layer ?
|
|
28691
|
+
bg: track.preferredLayer === layer.layer ? bg2 : void 0,
|
|
28692
28692
|
"&:hover": {
|
|
28693
|
-
bg: track.preferredLayer === layer.layer ?
|
|
28693
|
+
bg: track.preferredLayer === layer.layer ? bg2 : void 0
|
|
28694
28694
|
}
|
|
28695
28695
|
}
|
|
28696
28696
|
},
|
|
@@ -29148,12 +29148,12 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
|
29148
29148
|
const roomState = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoomState);
|
|
29149
29149
|
const isLargeRoom = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLargeRoom);
|
|
29150
29150
|
const isEffectsSupported = VBHandler.isEffectsSupported();
|
|
29151
|
-
const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(
|
|
29152
|
-
const effectsKey = (0, import_react_sdk82.useHMSStore)(
|
|
29151
|
+
const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(AS);
|
|
29152
|
+
const effectsKey = (0, import_react_sdk82.useHMSStore)(HS);
|
|
29153
29153
|
const isMobile = (0, import_react_use32.useMedia)(config.media.md);
|
|
29154
29154
|
const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
|
|
29155
29155
|
const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
|
29156
|
-
const background = (0, import_react_sdk82.useHMSStore)(
|
|
29156
|
+
const background = (0, import_react_sdk82.useHMSStore)(KS(APP_DATA.background));
|
|
29157
29157
|
const mediaList = backgroundMedia.map((media) => media.url || "");
|
|
29158
29158
|
const pluginLoadingRef = (0, import_react163.useRef)(false);
|
|
29159
29159
|
const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
|
|
@@ -29424,7 +29424,7 @@ var SidePane = ({
|
|
|
29424
29424
|
tileProps,
|
|
29425
29425
|
hideControls = false
|
|
29426
29426
|
}) => {
|
|
29427
|
-
var _a8, _b7, _c, _d, _e, _f,
|
|
29427
|
+
var _a8, _b7, _c, _d, _e, _f, _g2;
|
|
29428
29428
|
const isMobile = (0, import_react_use33.useMedia)(config.media.md);
|
|
29429
29429
|
const sidepane = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectAppData)(APP_DATA.sidePane));
|
|
29430
29430
|
const activeScreensharePeerId = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectAppData)(APP_DATA.activeScreensharePeerId));
|
|
@@ -29447,7 +29447,7 @@ var SidePane = ({
|
|
|
29447
29447
|
landscapeStream: isLandscapeHLSStream,
|
|
29448
29448
|
mobileStream: isMobileHLSStream,
|
|
29449
29449
|
hideControls,
|
|
29450
|
-
overlayChat: !!((
|
|
29450
|
+
overlayChat: !!((_g2 = elements == null ? void 0 : elements.chat) == null ? void 0 : _g2.is_overlay),
|
|
29451
29451
|
roomDescription: sidepane === SIDE_PANE_OPTIONS.ROOM_DETAILS,
|
|
29452
29452
|
virtualBackground: sidepane === SIDE_PANE_OPTIONS.VB
|
|
29453
29453
|
};
|
|
@@ -32195,7 +32195,7 @@ var ToggleChat = ({ isFullScreen = false }) => {
|
|
|
32195
32195
|
return null;
|
|
32196
32196
|
};
|
|
32197
32197
|
var HLSView = () => {
|
|
32198
|
-
var _a8, _b7, _c, _d, _e, _f,
|
|
32198
|
+
var _a8, _b7, _c, _d, _e, _f, _g2;
|
|
32199
32199
|
const videoRef = (0, import_react203.useRef)(null);
|
|
32200
32200
|
const hlsViewRef = (0, import_react203.useRef)();
|
|
32201
32201
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
@@ -32759,7 +32759,7 @@ var HLSView = () => {
|
|
|
32759
32759
|
},
|
|
32760
32760
|
isVideoLive ? "LIVE" : "GO LIVE"
|
|
32761
32761
|
)))
|
|
32762
|
-
), (isMobile || isLandscape) && !isVideoLive && ((
|
|
32762
|
+
), (isMobile || isLandscape) && !isVideoLive && ((_g2 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g2.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react203.default.createElement(HMSVideoPlayer.Duration, null) : null),
|
|
32763
32763
|
/* @__PURE__ */ import_react203.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react203.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react203.default.createElement(
|
|
32764
32764
|
HLSQualitySelector,
|
|
32765
32765
|
{
|
|
@@ -34404,8 +34404,8 @@ init_define_process_env();
|
|
|
34404
34404
|
|
|
34405
34405
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
34406
34406
|
init_define_process_env();
|
|
34407
|
-
var
|
|
34408
|
-
var
|
|
34407
|
+
var import_react241 = __toESM(require("react"));
|
|
34408
|
+
var import_react_sdk129 = require("@100mslive/react-sdk");
|
|
34409
34409
|
|
|
34410
34410
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
|
34411
34411
|
init_define_process_env();
|
|
@@ -35189,30 +35189,54 @@ var TrackBulkUnmuteModal = () => {
|
|
|
35189
35189
|
);
|
|
35190
35190
|
};
|
|
35191
35191
|
|
|
35192
|
-
// src/Prebuilt/components/Notifications/
|
|
35192
|
+
// src/Prebuilt/components/Notifications/TrackInterruptionModal.tsx
|
|
35193
35193
|
init_define_process_env();
|
|
35194
|
-
var import_react237 = require("react");
|
|
35194
|
+
var import_react237 = __toESM(require("react"));
|
|
35195
35195
|
var import_react_sdk125 = require("@100mslive/react-sdk");
|
|
35196
|
+
var TrackInterruptionModal = () => {
|
|
35197
|
+
const audioInterrupted = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectIsLocalAudioInterrupted);
|
|
35198
|
+
const videoInterrupted = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectIsLocalVideoInterrupted);
|
|
35199
|
+
const [dismissed, setDismissed] = (0, import_react237.useState)(false);
|
|
35200
|
+
const interrupted = audioInterrupted || videoInterrupted;
|
|
35201
|
+
(0, import_react237.useEffect)(() => {
|
|
35202
|
+
if (!interrupted) {
|
|
35203
|
+
setDismissed(false);
|
|
35204
|
+
}
|
|
35205
|
+
}, [interrupted]);
|
|
35206
|
+
let device = "Microphone";
|
|
35207
|
+
if (audioInterrupted && videoInterrupted) {
|
|
35208
|
+
device = "Microphone and camera";
|
|
35209
|
+
} else if (videoInterrupted) {
|
|
35210
|
+
device = "Camera";
|
|
35211
|
+
}
|
|
35212
|
+
return /* @__PURE__ */ import_react237.default.createElement(Dialog.Root, { open: interrupted && !dismissed, onOpenChange: () => setDismissed(true) }, /* @__PURE__ */ import_react237.default.createElement(DialogContent, { title: `${device} interrupted`, closeable: false }, /* @__PURE__ */ import_react237.default.createElement(DialogRow, null, /* @__PURE__ */ import_react237.default.createElement(Text, { variant: "md" }, `Another app or an incoming call is using your ${device.toLowerCase()}. Once you're done there, it will be
|
|
35213
|
+
restored automatically.`)), /* @__PURE__ */ import_react237.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react237.default.createElement(Button, { variant: "primary", onClick: () => setDismissed(true) }, "Dismiss"))));
|
|
35214
|
+
};
|
|
35215
|
+
|
|
35216
|
+
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
|
35217
|
+
init_define_process_env();
|
|
35218
|
+
var import_react238 = require("react");
|
|
35219
|
+
var import_react_sdk126 = require("@100mslive/react-sdk");
|
|
35196
35220
|
var notificationTypes5 = [
|
|
35197
|
-
|
|
35198
|
-
|
|
35199
|
-
|
|
35200
|
-
|
|
35201
|
-
|
|
35221
|
+
import_react_sdk126.HMSNotificationTypes.TRACK_ADDED,
|
|
35222
|
+
import_react_sdk126.HMSNotificationTypes.TRACK_REMOVED,
|
|
35223
|
+
import_react_sdk126.HMSNotificationTypes.TRACK_MUTED,
|
|
35224
|
+
import_react_sdk126.HMSNotificationTypes.TRACK_UNMUTED,
|
|
35225
|
+
import_react_sdk126.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST
|
|
35202
35226
|
];
|
|
35203
35227
|
var TrackNotifications = () => {
|
|
35204
|
-
const notification = (0,
|
|
35205
|
-
(0,
|
|
35228
|
+
const notification = (0, import_react_sdk126.useHMSNotifications)(notificationTypes5);
|
|
35229
|
+
(0, import_react238.useEffect)(() => {
|
|
35206
35230
|
var _a8, _b7;
|
|
35207
35231
|
if (notification) {
|
|
35208
35232
|
switch (notification.type) {
|
|
35209
|
-
case
|
|
35210
|
-
case
|
|
35211
|
-
case
|
|
35212
|
-
case
|
|
35233
|
+
case import_react_sdk126.HMSNotificationTypes.TRACK_ADDED:
|
|
35234
|
+
case import_react_sdk126.HMSNotificationTypes.TRACK_REMOVED:
|
|
35235
|
+
case import_react_sdk126.HMSNotificationTypes.TRACK_MUTED:
|
|
35236
|
+
case import_react_sdk126.HMSNotificationTypes.TRACK_UNMUTED:
|
|
35213
35237
|
console.debug(`[${notification.type}]`, notification);
|
|
35214
35238
|
break;
|
|
35215
|
-
case
|
|
35239
|
+
case import_react_sdk126.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
35216
35240
|
{
|
|
35217
35241
|
const track = (_a8 = notification.data) == null ? void 0 : _a8.track;
|
|
35218
35242
|
if (!notification.data.enabled) {
|
|
@@ -35231,29 +35255,29 @@ var TrackNotifications = () => {
|
|
|
35231
35255
|
|
|
35232
35256
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
|
35233
35257
|
init_define_process_env();
|
|
35234
|
-
var
|
|
35235
|
-
var
|
|
35258
|
+
var import_react239 = __toESM(require("react"));
|
|
35259
|
+
var import_react_sdk127 = require("@100mslive/react-sdk");
|
|
35236
35260
|
var import_react_icons110 = require("@100mslive/react-icons");
|
|
35237
35261
|
var notificationTypes6 = [
|
|
35238
|
-
|
|
35239
|
-
|
|
35240
|
-
|
|
35262
|
+
import_react_sdk127.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
|
|
35263
|
+
import_react_sdk127.HMSNotificationTypes.ROOM_ENDED,
|
|
35264
|
+
import_react_sdk127.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
35241
35265
|
];
|
|
35242
35266
|
var TrackUnmuteModal = () => {
|
|
35243
|
-
const hmsActions = (0,
|
|
35244
|
-
const notification = (0,
|
|
35245
|
-
const [muteNotification, setMuteNotification] = (0,
|
|
35246
|
-
(0,
|
|
35267
|
+
const hmsActions = (0, import_react_sdk127.useHMSActions)();
|
|
35268
|
+
const notification = (0, import_react_sdk127.useHMSNotifications)(notificationTypes6);
|
|
35269
|
+
const [muteNotification, setMuteNotification] = (0, import_react239.useState)(null);
|
|
35270
|
+
(0, import_react239.useEffect)(() => {
|
|
35247
35271
|
switch (notification == null ? void 0 : notification.type) {
|
|
35248
|
-
case
|
|
35249
|
-
case
|
|
35272
|
+
case import_react_sdk127.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
35273
|
+
case import_react_sdk127.HMSNotificationTypes.ROOM_ENDED:
|
|
35250
35274
|
ToastManager.addToast({
|
|
35251
35275
|
title: `${notification.message}.
|
|
35252
35276
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
|
35253
35277
|
});
|
|
35254
35278
|
setMuteNotification(null);
|
|
35255
35279
|
break;
|
|
35256
|
-
case
|
|
35280
|
+
case import_react_sdk127.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
35257
35281
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
35258
35282
|
setMuteNotification(notification.data);
|
|
35259
35283
|
}
|
|
@@ -35266,7 +35290,7 @@ var TrackUnmuteModal = () => {
|
|
|
35266
35290
|
return null;
|
|
35267
35291
|
}
|
|
35268
35292
|
const { requestedBy: peer, track, enabled } = muteNotification;
|
|
35269
|
-
return /* @__PURE__ */
|
|
35293
|
+
return /* @__PURE__ */ import_react239.default.createElement(
|
|
35270
35294
|
RequestDialog,
|
|
35271
35295
|
{
|
|
35272
35296
|
title: `Unmute your ${track.type}?`,
|
|
@@ -35283,15 +35307,15 @@ var TrackUnmuteModal = () => {
|
|
|
35283
35307
|
|
|
35284
35308
|
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
|
35285
35309
|
init_define_process_env();
|
|
35286
|
-
var
|
|
35287
|
-
var
|
|
35310
|
+
var import_react240 = __toESM(require("react"));
|
|
35311
|
+
var import_react_sdk128 = require("@100mslive/react-sdk");
|
|
35288
35312
|
var import_react_icons111 = require("@100mslive/react-icons");
|
|
35289
35313
|
var TranscriptionNotifications = () => {
|
|
35290
|
-
const notification = (0,
|
|
35314
|
+
const notification = (0, import_react_sdk128.useHMSNotifications)(import_react_sdk128.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
|
|
35291
35315
|
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
35292
|
-
const prevState = (0,
|
|
35293
|
-
const prevTranslationEnabled = (0,
|
|
35294
|
-
(0,
|
|
35316
|
+
const prevState = (0, import_react240.useRef)(void 0);
|
|
35317
|
+
const prevTranslationEnabled = (0, import_react240.useRef)(void 0);
|
|
35318
|
+
(0, import_react240.useEffect)(() => {
|
|
35295
35319
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35296
35320
|
return;
|
|
35297
35321
|
}
|
|
@@ -35309,28 +35333,28 @@ var TranscriptionNotifications = () => {
|
|
|
35309
35333
|
id = ToastManager.replaceToast(toastId, {
|
|
35310
35334
|
title: `Failed to enable Closed Caption`,
|
|
35311
35335
|
variant: "error",
|
|
35312
|
-
icon: /* @__PURE__ */
|
|
35336
|
+
icon: /* @__PURE__ */ import_react240.default.createElement(import_react_icons111.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
|
35313
35337
|
});
|
|
35314
|
-
} else if (stateChanged && state ===
|
|
35338
|
+
} else if (stateChanged && state === import_react_sdk128.HMSTranscriptionState.STARTED) {
|
|
35315
35339
|
id = ToastManager.replaceToast(toastId, {
|
|
35316
35340
|
title: (translation == null ? void 0 : translation.enabled) ? `Closed Captioning enabled with Translation` : `Closed Captioning enabled for everyone`,
|
|
35317
35341
|
variant: "standard",
|
|
35318
35342
|
duration: 2e3,
|
|
35319
|
-
icon: (translation == null ? void 0 : translation.enabled) ? /* @__PURE__ */
|
|
35343
|
+
icon: (translation == null ? void 0 : translation.enabled) ? /* @__PURE__ */ import_react240.default.createElement(import_react_icons111.GlobeIcon, { style: { marginRight: "0.5rem" } }) : /* @__PURE__ */ import_react240.default.createElement(import_react_icons111.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
35320
35344
|
});
|
|
35321
|
-
} else if (stateChanged && state ===
|
|
35345
|
+
} else if (stateChanged && state === import_react_sdk128.HMSTranscriptionState.STOPPED) {
|
|
35322
35346
|
id = ToastManager.replaceToast(toastId, {
|
|
35323
35347
|
title: `Closed Captioning disabled for everyone`,
|
|
35324
35348
|
variant: "standard",
|
|
35325
35349
|
duration: 2e3,
|
|
35326
|
-
icon: /* @__PURE__ */
|
|
35350
|
+
icon: /* @__PURE__ */ import_react240.default.createElement(import_react_icons111.OpenCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
35327
35351
|
});
|
|
35328
35352
|
} else if (!stateChanged && translationChanged) {
|
|
35329
35353
|
id = ToastManager.replaceToast(toastId, {
|
|
35330
35354
|
title: (translation == null ? void 0 : translation.enabled) ? `Translation enabled for everyone` : `Translation disabled for everyone`,
|
|
35331
35355
|
variant: "standard",
|
|
35332
35356
|
duration: 2e3,
|
|
35333
|
-
icon: /* @__PURE__ */
|
|
35357
|
+
icon: /* @__PURE__ */ import_react240.default.createElement(import_react_icons111.GlobeIcon, { style: { marginRight: "0.5rem" } })
|
|
35334
35358
|
});
|
|
35335
35359
|
}
|
|
35336
35360
|
if (id) {
|
|
@@ -35342,34 +35366,34 @@ var TranscriptionNotifications = () => {
|
|
|
35342
35366
|
|
|
35343
35367
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
35344
35368
|
function Notifications() {
|
|
35345
|
-
const roomState = (0,
|
|
35369
|
+
const roomState = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectRoomState);
|
|
35346
35370
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
35347
|
-
const handleRoleChangeDenied = (0,
|
|
35371
|
+
const handleRoleChangeDenied = (0, import_react241.useCallback)((request) => {
|
|
35348
35372
|
ToastManager.addToast({
|
|
35349
35373
|
title: `${request.peerName} denied your request to join the ${request.role.name} role`,
|
|
35350
35374
|
variant: "error"
|
|
35351
35375
|
});
|
|
35352
35376
|
}, []);
|
|
35353
|
-
(0,
|
|
35377
|
+
(0, import_react_sdk129.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
35354
35378
|
if (isNotificationDisabled) {
|
|
35355
35379
|
return null;
|
|
35356
35380
|
}
|
|
35357
|
-
return /* @__PURE__ */
|
|
35381
|
+
return /* @__PURE__ */ import_react241.default.createElement(import_react241.default.Fragment, null, /* @__PURE__ */ import_react241.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react241.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react241.default.createElement(TrackNotifications, null), roomState === import_react_sdk129.HMSRoomState.Connected ? /* @__PURE__ */ import_react241.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react241.default.createElement(RoleChangeNotification, null), /* @__PURE__ */ import_react241.default.createElement(PollNotificationModal, null), /* @__PURE__ */ import_react241.default.createElement(MessageNotifications, null), /* @__PURE__ */ import_react241.default.createElement(DeviceChangeNotifications, null), /* @__PURE__ */ import_react241.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react241.default.createElement(ErrorNotifications, null), /* @__PURE__ */ import_react241.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react241.default.createElement(TrackInterruptionModal, null), /* @__PURE__ */ import_react241.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react241.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react241.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react241.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react241.default.createElement(TranscriptionNotifications, null), /* @__PURE__ */ import_react241.default.createElement(DeviceInUseError, null));
|
|
35358
35382
|
}
|
|
35359
35383
|
|
|
35360
35384
|
// src/Prebuilt/components/PIP/PIPProvider.tsx
|
|
35361
35385
|
init_define_process_env();
|
|
35362
|
-
var
|
|
35386
|
+
var import_react242 = __toESM(require("react"));
|
|
35363
35387
|
var PIPProvider = ({ children }) => {
|
|
35364
35388
|
const isSupported = "documentPictureInPicture" in window;
|
|
35365
|
-
const [pipWindow, setPipWindow] = (0,
|
|
35366
|
-
const closePipWindow = (0,
|
|
35389
|
+
const [pipWindow, setPipWindow] = (0, import_react242.useState)(null);
|
|
35390
|
+
const closePipWindow = (0, import_react242.useCallback)(() => {
|
|
35367
35391
|
if (pipWindow != null) {
|
|
35368
35392
|
pipWindow.close();
|
|
35369
35393
|
setPipWindow(null);
|
|
35370
35394
|
}
|
|
35371
35395
|
}, [pipWindow]);
|
|
35372
|
-
const requestPipWindow = (0,
|
|
35396
|
+
const requestPipWindow = (0, import_react242.useCallback)(
|
|
35373
35397
|
(width, height) => __async(null, null, function* () {
|
|
35374
35398
|
if (pipWindow != null) {
|
|
35375
35399
|
return;
|
|
@@ -35385,7 +35409,7 @@ var PIPProvider = ({ children }) => {
|
|
|
35385
35409
|
}),
|
|
35386
35410
|
[pipWindow]
|
|
35387
35411
|
);
|
|
35388
|
-
const value = (0,
|
|
35412
|
+
const value = (0, import_react242.useMemo)(() => {
|
|
35389
35413
|
return {
|
|
35390
35414
|
isSupported,
|
|
35391
35415
|
pipWindow,
|
|
@@ -35393,12 +35417,12 @@ var PIPProvider = ({ children }) => {
|
|
|
35393
35417
|
closePipWindow
|
|
35394
35418
|
};
|
|
35395
35419
|
}, [closePipWindow, isSupported, pipWindow, requestPipWindow]);
|
|
35396
|
-
return /* @__PURE__ */
|
|
35420
|
+
return /* @__PURE__ */ import_react242.default.createElement(PIPContext.Provider, { value }, children);
|
|
35397
35421
|
};
|
|
35398
35422
|
|
|
35399
35423
|
// src/Prebuilt/components/Preview/PreviewScreen.tsx
|
|
35400
35424
|
init_define_process_env();
|
|
35401
|
-
var
|
|
35425
|
+
var import_react243 = __toESM(require("react"));
|
|
35402
35426
|
var import_react_use59 = require("react-use");
|
|
35403
35427
|
var PreviewScreen = () => {
|
|
35404
35428
|
var _a8, _b7, _c;
|
|
@@ -35410,28 +35434,28 @@ var PreviewScreen = () => {
|
|
|
35410
35434
|
const authToken = useAuthToken();
|
|
35411
35435
|
const roomLayout = useRoomLayout();
|
|
35412
35436
|
const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a8 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
|
|
35413
|
-
return /* @__PURE__ */
|
|
35437
|
+
return /* @__PURE__ */ import_react243.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react243.default.createElement(
|
|
35414
35438
|
Flex,
|
|
35415
35439
|
{
|
|
35416
35440
|
css: { flex: "1 1 0", position: "relative", overflowY: "auto", color: "$primary_default" },
|
|
35417
35441
|
justify: "center",
|
|
35418
35442
|
align: "center"
|
|
35419
35443
|
},
|
|
35420
|
-
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */
|
|
35444
|
+
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ import_react243.default.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ import_react243.default.createElement(FullPageProgress_default, null)
|
|
35421
35445
|
));
|
|
35422
35446
|
};
|
|
35423
35447
|
|
|
35424
35448
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
35425
35449
|
init_define_process_env();
|
|
35426
|
-
var
|
|
35427
|
-
var
|
|
35450
|
+
var import_react245 = __toESM(require("react"));
|
|
35451
|
+
var import_react_sdk130 = require("@100mslive/react-sdk");
|
|
35428
35452
|
|
|
35429
35453
|
// src/Prebuilt/components/Toast/Toast.jsx
|
|
35430
35454
|
init_define_process_env();
|
|
35431
|
-
var
|
|
35455
|
+
var import_react244 = __toESM(require("react"));
|
|
35432
35456
|
var Toast2 = (_a8) => {
|
|
35433
35457
|
var _b7 = _a8, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
|
|
35434
|
-
return /* @__PURE__ */
|
|
35458
|
+
return /* @__PURE__ */ import_react244.default.createElement(
|
|
35435
35459
|
Toast.HMSToast,
|
|
35436
35460
|
__spreadValues({
|
|
35437
35461
|
title,
|
|
@@ -35447,17 +35471,17 @@ var Toast2 = (_a8) => {
|
|
|
35447
35471
|
|
|
35448
35472
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
35449
35473
|
var ToastContainer = () => {
|
|
35450
|
-
const isConnected = (0,
|
|
35451
|
-
const [toasts, setToast] = (0,
|
|
35452
|
-
(0,
|
|
35474
|
+
const isConnected = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectIsConnectedToRoom);
|
|
35475
|
+
const [toasts, setToast] = (0, import_react245.useState)([]);
|
|
35476
|
+
(0, import_react245.useEffect)(() => {
|
|
35453
35477
|
ToastManager.addListener(setToast);
|
|
35454
35478
|
return () => {
|
|
35455
35479
|
ToastManager.removeListener(setToast);
|
|
35456
35480
|
};
|
|
35457
35481
|
}, []);
|
|
35458
|
-
return /* @__PURE__ */
|
|
35459
|
-
return /* @__PURE__ */
|
|
35460
|
-
}), /* @__PURE__ */
|
|
35482
|
+
return /* @__PURE__ */ import_react245.default.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
|
|
35483
|
+
return /* @__PURE__ */ import_react245.default.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
|
|
35484
|
+
}), /* @__PURE__ */ import_react245.default.createElement(
|
|
35461
35485
|
Toast.Viewport,
|
|
35462
35486
|
{
|
|
35463
35487
|
css: __spreadValues({
|
|
@@ -35469,44 +35493,44 @@ var ToastContainer = () => {
|
|
|
35469
35493
|
|
|
35470
35494
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
35471
35495
|
init_define_process_env();
|
|
35472
|
-
var
|
|
35473
|
-
var
|
|
35496
|
+
var import_react247 = __toESM(require("react"));
|
|
35497
|
+
var import_react_sdk131 = require("@100mslive/react-sdk");
|
|
35474
35498
|
|
|
35475
35499
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
|
35476
35500
|
init_define_process_env();
|
|
35477
|
-
var
|
|
35501
|
+
var import_react246 = __toESM(require("react"));
|
|
35478
35502
|
var import_react_icons112 = require("@100mslive/react-icons");
|
|
35479
35503
|
var RoomDetailsSheet = () => {
|
|
35480
35504
|
const { title, description, details } = useRoomLayoutHeader();
|
|
35481
35505
|
const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
35482
35506
|
const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
|
|
35483
|
-
return /* @__PURE__ */
|
|
35507
|
+
return /* @__PURE__ */ import_react246.default.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ import_react246.default.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ import_react246.default.createElement(
|
|
35484
35508
|
Flex,
|
|
35485
35509
|
{
|
|
35486
35510
|
justify: "between",
|
|
35487
35511
|
align: "center",
|
|
35488
35512
|
css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
|
|
35489
35513
|
},
|
|
35490
|
-
/* @__PURE__ */
|
|
35491
|
-
/* @__PURE__ */
|
|
35492
|
-
), /* @__PURE__ */
|
|
35514
|
+
/* @__PURE__ */ import_react246.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
|
|
35515
|
+
/* @__PURE__ */ import_react246.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react246.default.createElement(import_react_icons112.CrossIcon, null))
|
|
35516
|
+
), /* @__PURE__ */ import_react246.default.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ import_react246.default.createElement(Logo, null), /* @__PURE__ */ import_react246.default.createElement(Box, null, /* @__PURE__ */ import_react246.default.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ import_react246.default.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ import_react246.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
|
|
35493
35517
|
};
|
|
35494
35518
|
|
|
35495
35519
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
35496
35520
|
var Sheet2 = () => {
|
|
35497
|
-
const sheet = (0,
|
|
35521
|
+
const sheet = (0, import_react_sdk131.useHMSStore)((0, import_react_sdk131.selectAppData)(APP_DATA.sheet));
|
|
35498
35522
|
let ViewComponent;
|
|
35499
35523
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
35500
|
-
ViewComponent = /* @__PURE__ */
|
|
35524
|
+
ViewComponent = /* @__PURE__ */ import_react247.default.createElement(RoomDetailsSheet, null);
|
|
35501
35525
|
}
|
|
35502
|
-
return /* @__PURE__ */
|
|
35526
|
+
return /* @__PURE__ */ import_react247.default.createElement(Box, null, ViewComponent);
|
|
35503
35527
|
};
|
|
35504
35528
|
|
|
35505
35529
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
35506
35530
|
init_define_process_env();
|
|
35507
|
-
var
|
|
35531
|
+
var import_react248 = __toESM(require("react"));
|
|
35508
35532
|
var import_react_use60 = require("react-use");
|
|
35509
|
-
var
|
|
35533
|
+
var import_react_sdk132 = require("@100mslive/react-sdk");
|
|
35510
35534
|
var emojiCount = 1;
|
|
35511
35535
|
var flyAndFade = keyframes({
|
|
35512
35536
|
"20%": { opacity: 1 },
|
|
@@ -35531,19 +35555,19 @@ var getStartingPoints = (isMobile) => {
|
|
|
35531
35555
|
return arr;
|
|
35532
35556
|
};
|
|
35533
35557
|
function FlyingEmoji() {
|
|
35534
|
-
const localPeerId = (0,
|
|
35535
|
-
const vanillaStore = (0,
|
|
35536
|
-
const hmsActions = (0,
|
|
35537
|
-
const [emojis, setEmojis] = (0,
|
|
35558
|
+
const localPeerId = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalPeerID);
|
|
35559
|
+
const vanillaStore = (0, import_react_sdk132.useHMSVanillaStore)();
|
|
35560
|
+
const hmsActions = (0, import_react_sdk132.useHMSActions)();
|
|
35561
|
+
const [emojis, setEmojis] = (0, import_react248.useState)([]);
|
|
35538
35562
|
const isMobile = (0, import_react_use60.useMedia)(config.media.md);
|
|
35539
|
-
const isLargeRoom = (0,
|
|
35540
|
-
const startingPoints = (0,
|
|
35541
|
-
const showFlyingEmoji = (0,
|
|
35563
|
+
const isLargeRoom = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectIsLargeRoom);
|
|
35564
|
+
const startingPoints = (0, import_react248.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
35565
|
+
const showFlyingEmoji = (0, import_react248.useCallback)(
|
|
35542
35566
|
(_0) => __async(null, [_0], function* ({ emojiId, senderId }) {
|
|
35543
35567
|
if (!emojiId || !senderId || document.hidden) {
|
|
35544
35568
|
return;
|
|
35545
35569
|
}
|
|
35546
|
-
let senderPeerName = vanillaStore.getState((0,
|
|
35570
|
+
let senderPeerName = vanillaStore.getState((0, import_react_sdk132.selectPeerNameByID)(senderId));
|
|
35547
35571
|
if (!senderPeerName && isLargeRoom) {
|
|
35548
35572
|
const sender = yield hmsActions.getPeer(senderId);
|
|
35549
35573
|
senderPeerName = sender == null ? void 0 : sender.name;
|
|
@@ -35566,14 +35590,14 @@ function FlyingEmoji() {
|
|
|
35566
35590
|
}),
|
|
35567
35591
|
[vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
|
|
35568
35592
|
);
|
|
35569
|
-
(0,
|
|
35593
|
+
(0, import_react_sdk132.useCustomEvent)({
|
|
35570
35594
|
type: EMOJI_REACTION_TYPE,
|
|
35571
35595
|
onEvent: showFlyingEmoji
|
|
35572
35596
|
});
|
|
35573
|
-
(0,
|
|
35597
|
+
(0, import_react248.useEffect)(() => {
|
|
35574
35598
|
window.showFlyingEmoji = showFlyingEmoji;
|
|
35575
35599
|
}, [showFlyingEmoji]);
|
|
35576
|
-
return /* @__PURE__ */
|
|
35600
|
+
return /* @__PURE__ */ import_react248.default.createElement(
|
|
35577
35601
|
Box,
|
|
35578
35602
|
{
|
|
35579
35603
|
css: {
|
|
@@ -35589,7 +35613,7 @@ function FlyingEmoji() {
|
|
|
35589
35613
|
}
|
|
35590
35614
|
},
|
|
35591
35615
|
emojis.map((emoji) => {
|
|
35592
|
-
return /* @__PURE__ */
|
|
35616
|
+
return /* @__PURE__ */ import_react248.default.createElement(
|
|
35593
35617
|
Flex,
|
|
35594
35618
|
{
|
|
35595
35619
|
key: emoji.id,
|
|
@@ -35603,8 +35627,8 @@ function FlyingEmoji() {
|
|
|
35603
35627
|
},
|
|
35604
35628
|
onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
|
|
35605
35629
|
},
|
|
35606
|
-
/* @__PURE__ */
|
|
35607
|
-
emoji.senderName ? /* @__PURE__ */
|
|
35630
|
+
/* @__PURE__ */ import_react248.default.createElement(Box, null, /* @__PURE__ */ import_react248.default.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
|
|
35631
|
+
emoji.senderName ? /* @__PURE__ */ import_react248.default.createElement(
|
|
35608
35632
|
Box,
|
|
35609
35633
|
{
|
|
35610
35634
|
css: {
|
|
@@ -35614,7 +35638,7 @@ function FlyingEmoji() {
|
|
|
35614
35638
|
borderRadius: "$1"
|
|
35615
35639
|
}
|
|
35616
35640
|
},
|
|
35617
|
-
/* @__PURE__ */
|
|
35641
|
+
/* @__PURE__ */ import_react248.default.createElement(
|
|
35618
35642
|
Text,
|
|
35619
35643
|
{
|
|
35620
35644
|
css: {
|
|
@@ -35633,33 +35657,33 @@ function FlyingEmoji() {
|
|
|
35633
35657
|
|
|
35634
35658
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
35635
35659
|
init_define_process_env();
|
|
35636
|
-
var
|
|
35637
|
-
var
|
|
35660
|
+
var import_react249 = __toESM(require("react"));
|
|
35661
|
+
var import_react_sdk133 = require("@100mslive/react-sdk");
|
|
35638
35662
|
function RemoteStopScreenshare() {
|
|
35639
|
-
const actions = (0,
|
|
35640
|
-
const onRemoteStopScreenshare = (0,
|
|
35663
|
+
const actions = (0, import_react_sdk133.useHMSActions)();
|
|
35664
|
+
const onRemoteStopScreenshare = (0, import_react249.useCallback)(() => __async(null, null, function* () {
|
|
35641
35665
|
yield actions.setScreenShareEnabled(false);
|
|
35642
35666
|
}), [actions]);
|
|
35643
|
-
(0,
|
|
35667
|
+
(0, import_react_sdk133.useCustomEvent)({
|
|
35644
35668
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
35645
35669
|
onEvent: onRemoteStopScreenshare
|
|
35646
35670
|
});
|
|
35647
|
-
return /* @__PURE__ */
|
|
35671
|
+
return /* @__PURE__ */ import_react249.default.createElement(import_react249.default.Fragment, null);
|
|
35648
35672
|
}
|
|
35649
35673
|
|
|
35650
35674
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
35651
35675
|
init_define_process_env();
|
|
35652
|
-
var
|
|
35653
|
-
var
|
|
35676
|
+
var import_react250 = require("react");
|
|
35677
|
+
var import_react_sdk134 = require("@100mslive/react-sdk");
|
|
35654
35678
|
var useAutoStartStreaming = () => {
|
|
35655
35679
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
35656
|
-
const permissions = (0,
|
|
35680
|
+
const permissions = (0, import_react_sdk134.useHMSStore)(import_react_sdk134.selectPermissions);
|
|
35657
35681
|
const showStreamingUI = useShowStreamingUI();
|
|
35658
|
-
const hmsActions = (0,
|
|
35659
|
-
const isConnected = (0,
|
|
35660
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
35661
|
-
const streamStartedRef = (0,
|
|
35662
|
-
const startHLS = (0,
|
|
35682
|
+
const hmsActions = (0, import_react_sdk134.useHMSActions)();
|
|
35683
|
+
const isConnected = (0, import_react_sdk134.useHMSStore)(import_react_sdk134.selectIsConnectedToRoom);
|
|
35684
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk134.useRecordingStreaming)();
|
|
35685
|
+
const streamStartedRef = (0, import_react250.useRef)(false);
|
|
35686
|
+
const startHLS = (0, import_react250.useCallback)(() => __async(null, null, function* () {
|
|
35663
35687
|
try {
|
|
35664
35688
|
if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
|
|
35665
35689
|
return;
|
|
@@ -35682,12 +35706,12 @@ var useAutoStartStreaming = () => {
|
|
|
35682
35706
|
isHLSRecordingOn,
|
|
35683
35707
|
isBrowserRecordingOn
|
|
35684
35708
|
]);
|
|
35685
|
-
(0,
|
|
35709
|
+
(0, import_react250.useEffect)(() => {
|
|
35686
35710
|
if (!isHLSStarted && !isHLSRunning) {
|
|
35687
35711
|
streamStartedRef.current = false;
|
|
35688
35712
|
}
|
|
35689
35713
|
}, [isHLSStarted, isHLSRunning]);
|
|
35690
|
-
(0,
|
|
35714
|
+
(0, import_react250.useEffect)(() => {
|
|
35691
35715
|
if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
|
|
35692
35716
|
return;
|
|
35693
35717
|
}
|
|
@@ -35696,7 +35720,7 @@ var useAutoStartStreaming = () => {
|
|
|
35696
35720
|
};
|
|
35697
35721
|
|
|
35698
35722
|
// src/Prebuilt/App.tsx
|
|
35699
|
-
var HMSPrebuilt =
|
|
35723
|
+
var HMSPrebuilt = import_react251.default.forwardRef(
|
|
35700
35724
|
({
|
|
35701
35725
|
roomCode = "",
|
|
35702
35726
|
authToken = "",
|
|
@@ -35711,11 +35735,11 @@ var HMSPrebuilt = import_react250.default.forwardRef(
|
|
|
35711
35735
|
onJoin
|
|
35712
35736
|
}, ref) => {
|
|
35713
35737
|
var _a8, _b7, _c, _d;
|
|
35714
|
-
const reactiveStore = (0,
|
|
35715
|
-
const [hydrated, setHydrated] =
|
|
35716
|
-
(0,
|
|
35738
|
+
const reactiveStore = (0, import_react251.useRef)();
|
|
35739
|
+
const [hydrated, setHydrated] = import_react251.default.useState(false);
|
|
35740
|
+
(0, import_react251.useEffect)(() => {
|
|
35717
35741
|
setHydrated(true);
|
|
35718
|
-
const hms = new
|
|
35742
|
+
const hms = new import_react_sdk135.HMSReactiveStore();
|
|
35719
35743
|
const hmsStore = hms.getStore();
|
|
35720
35744
|
const hmsActions = hms.getActions();
|
|
35721
35745
|
const hmsNotifications = hms.getNotifications();
|
|
@@ -35728,13 +35752,13 @@ var HMSPrebuilt = import_react250.default.forwardRef(
|
|
|
35728
35752
|
hmsNotifications
|
|
35729
35753
|
};
|
|
35730
35754
|
}, []);
|
|
35731
|
-
(0,
|
|
35755
|
+
(0, import_react251.useEffect)(() => {
|
|
35732
35756
|
if (!ref || !reactiveStore.current) {
|
|
35733
35757
|
return;
|
|
35734
35758
|
}
|
|
35735
35759
|
ref.current = __spreadValues({}, reactiveStore.current);
|
|
35736
35760
|
}, [ref]);
|
|
35737
|
-
(0,
|
|
35761
|
+
(0, import_react251.useEffect)(() => {
|
|
35738
35762
|
return () => {
|
|
35739
35763
|
var _a9;
|
|
35740
35764
|
(_a9 = reactiveStore == null ? void 0 : reactiveStore.current) == null ? void 0 : _a9.hmsActions.leave();
|
|
@@ -35763,7 +35787,7 @@ var HMSPrebuilt = import_react250.default.forwardRef(
|
|
|
35763
35787
|
return null;
|
|
35764
35788
|
}
|
|
35765
35789
|
globalStyles();
|
|
35766
|
-
return /* @__PURE__ */
|
|
35790
|
+
return /* @__PURE__ */ import_react251.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react251.default.createElement(
|
|
35767
35791
|
HMSPrebuiltContext.Provider,
|
|
35768
35792
|
{
|
|
35769
35793
|
value: {
|
|
@@ -35781,8 +35805,8 @@ var HMSPrebuilt = import_react250.default.forwardRef(
|
|
|
35781
35805
|
}
|
|
35782
35806
|
}
|
|
35783
35807
|
},
|
|
35784
|
-
/* @__PURE__ */
|
|
35785
|
-
|
|
35808
|
+
/* @__PURE__ */ import_react251.default.createElement(
|
|
35809
|
+
import_react_sdk135.HMSRoomProvider,
|
|
35786
35810
|
{
|
|
35787
35811
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
35788
35812
|
actions: (_a8 = reactiveStore.current) == null ? void 0 : _a8.hmsActions,
|
|
@@ -35791,7 +35815,7 @@ var HMSPrebuilt = import_react250.default.forwardRef(
|
|
|
35791
35815
|
stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
|
|
35792
35816
|
leaveOnUnload
|
|
35793
35817
|
},
|
|
35794
|
-
/* @__PURE__ */
|
|
35818
|
+
/* @__PURE__ */ import_react251.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react251.default.createElement(RoomLayoutContext.Consumer, null, (data3) => {
|
|
35795
35819
|
var _a9;
|
|
35796
35820
|
const layout = data3 == null ? void 0 : data3.layout;
|
|
35797
35821
|
const theme2 = ((_a9 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a9[0]) || {};
|
|
@@ -35800,7 +35824,7 @@ var HMSPrebuilt = import_react250.default.forwardRef(
|
|
|
35800
35824
|
if (typography2 == null ? void 0 : typography2.font_family) {
|
|
35801
35825
|
fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
|
|
35802
35826
|
}
|
|
35803
|
-
return /* @__PURE__ */
|
|
35827
|
+
return /* @__PURE__ */ import_react251.default.createElement(
|
|
35804
35828
|
HMSThemeProvider,
|
|
35805
35829
|
{
|
|
35806
35830
|
themeType: `${theme2.name}-${Date.now()}`,
|
|
@@ -35813,7 +35837,7 @@ var HMSPrebuilt = import_react250.default.forwardRef(
|
|
|
35813
35837
|
}
|
|
35814
35838
|
}
|
|
35815
35839
|
},
|
|
35816
|
-
/* @__PURE__ */
|
|
35840
|
+
/* @__PURE__ */ import_react251.default.createElement(PIPProvider, null, /* @__PURE__ */ import_react251.default.createElement(Init, null), /* @__PURE__ */ import_react251.default.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ import_react251.default.createElement(
|
|
35817
35841
|
Box,
|
|
35818
35842
|
{
|
|
35819
35843
|
className: DEFAULT_PORTAL_CONTAINER.slice(1),
|
|
@@ -35825,7 +35849,7 @@ var HMSPrebuilt = import_react250.default.forwardRef(
|
|
|
35825
35849
|
position: "relative"
|
|
35826
35850
|
}
|
|
35827
35851
|
},
|
|
35828
|
-
/* @__PURE__ */
|
|
35852
|
+
/* @__PURE__ */ import_react251.default.createElement(
|
|
35829
35853
|
AppRoutes,
|
|
35830
35854
|
{
|
|
35831
35855
|
authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
|
|
@@ -35844,12 +35868,12 @@ var AppStates = ({ activeState }) => {
|
|
|
35844
35868
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
35845
35869
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
35846
35870
|
useAutoStartStreaming();
|
|
35847
|
-
return (0, import_ts_pattern16.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */
|
|
35871
|
+
return (0, import_ts_pattern16.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ import_react251.default.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ import_react251.default.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ import_react251.default.createElement(ConferenceScreen, null));
|
|
35848
35872
|
};
|
|
35849
35873
|
var BackSwipe = () => {
|
|
35850
|
-
const isConnectedToRoom = (0,
|
|
35851
|
-
const hmsActions = (0,
|
|
35852
|
-
(0,
|
|
35874
|
+
const isConnectedToRoom = (0, import_react_sdk135.useHMSStore)(import_react_sdk135.selectIsConnectedToRoom);
|
|
35875
|
+
const hmsActions = (0, import_react_sdk135.useHMSActions)();
|
|
35876
|
+
(0, import_react251.useEffect)(() => {
|
|
35853
35877
|
const onRouteLeave = () => __async(null, null, function* () {
|
|
35854
35878
|
if (isConnectedToRoom) {
|
|
35855
35879
|
yield hmsActions.leave();
|
|
@@ -35869,14 +35893,14 @@ function AppRoutes({
|
|
|
35869
35893
|
const roomLayout = useRoomLayout();
|
|
35870
35894
|
const isNotificationsDisabled = useIsNotificationDisabled();
|
|
35871
35895
|
const { activeState, rejoin } = useAppStateManager();
|
|
35872
|
-
return /* @__PURE__ */
|
|
35896
|
+
return /* @__PURE__ */ import_react251.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react251.default.createElement(import_react251.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react251.default.createElement(AppData, null), /* @__PURE__ */ import_react251.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react251.default.createElement(Notifications, null), /* @__PURE__ */ import_react251.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react251.default.createElement(Sheet2, null), /* @__PURE__ */ import_react251.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react251.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react251.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react251.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react251.default.createElement(
|
|
35873
35897
|
AuthToken_default,
|
|
35874
35898
|
{
|
|
35875
35899
|
authTokenByRoomCodeEndpoint,
|
|
35876
35900
|
defaultAuthToken,
|
|
35877
35901
|
activeState
|
|
35878
35902
|
}
|
|
35879
|
-
), roomLayout && activeState && /* @__PURE__ */
|
|
35903
|
+
), roomLayout && activeState && /* @__PURE__ */ import_react251.default.createElement(AppStates, { activeState })));
|
|
35880
35904
|
}
|
|
35881
35905
|
|
|
35882
35906
|
// src/Progress/index.tsx
|
|
@@ -35900,23 +35924,23 @@ init_define_process_env();
|
|
|
35900
35924
|
|
|
35901
35925
|
// src/Diagnostics/Diagnostics.tsx
|
|
35902
35926
|
init_define_process_env();
|
|
35903
|
-
var
|
|
35904
|
-
var
|
|
35927
|
+
var import_react259 = __toESM(require("react"));
|
|
35928
|
+
var import_react_sdk140 = require("@100mslive/react-sdk");
|
|
35905
35929
|
var import_react_icons116 = require("@100mslive/react-icons");
|
|
35906
35930
|
|
|
35907
35931
|
// src/Diagnostics/AudioTest.tsx
|
|
35908
35932
|
init_define_process_env();
|
|
35909
|
-
var
|
|
35910
|
-
var
|
|
35933
|
+
var import_react255 = __toESM(require("react"));
|
|
35934
|
+
var import_react_sdk136 = require("@100mslive/react-sdk");
|
|
35911
35935
|
var import_react_icons113 = require("@100mslive/react-icons");
|
|
35912
35936
|
|
|
35913
35937
|
// src/Diagnostics/components.tsx
|
|
35914
35938
|
init_define_process_env();
|
|
35915
|
-
var
|
|
35939
|
+
var import_react253 = __toESM(require("react"));
|
|
35916
35940
|
|
|
35917
35941
|
// src/Diagnostics/DiagnosticsContext.ts
|
|
35918
35942
|
init_define_process_env();
|
|
35919
|
-
var
|
|
35943
|
+
var import_react252 = __toESM(require("react"));
|
|
35920
35944
|
var DiagnosticsStep = /* @__PURE__ */ ((DiagnosticsStep2) => {
|
|
35921
35945
|
DiagnosticsStep2[DiagnosticsStep2["BROWSER"] = 0] = "BROWSER";
|
|
35922
35946
|
DiagnosticsStep2[DiagnosticsStep2["VIDEO"] = 1] = "VIDEO";
|
|
@@ -35930,7 +35954,7 @@ var initialSteps = {
|
|
|
35930
35954
|
[2 /* AUDIO */]: { name: "Test Audio" },
|
|
35931
35955
|
[3 /* CONNECTIVITY */]: { name: "Connection Quality" }
|
|
35932
35956
|
};
|
|
35933
|
-
var DiagnosticsContext =
|
|
35957
|
+
var DiagnosticsContext = import_react252.default.createContext({
|
|
35934
35958
|
activeStepIndex: 0,
|
|
35935
35959
|
setActiveStep: () => {
|
|
35936
35960
|
return;
|
|
@@ -35941,14 +35965,14 @@ var DiagnosticsContext = import_react251.default.createContext({
|
|
|
35941
35965
|
}
|
|
35942
35966
|
});
|
|
35943
35967
|
var useDiagnostics = () => {
|
|
35944
|
-
const context = (0,
|
|
35968
|
+
const context = (0, import_react252.useContext)(DiagnosticsContext);
|
|
35945
35969
|
const activeStep = context.steps[context.activeStepIndex];
|
|
35946
35970
|
return __spreadProps(__spreadValues({}, context), { activeStep });
|
|
35947
35971
|
};
|
|
35948
35972
|
|
|
35949
35973
|
// src/Diagnostics/components.tsx
|
|
35950
35974
|
var TestContainer = ({ css: css2, children }) => {
|
|
35951
|
-
return /* @__PURE__ */
|
|
35975
|
+
return /* @__PURE__ */ import_react253.default.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
|
|
35952
35976
|
};
|
|
35953
35977
|
var TestFooter = ({
|
|
35954
35978
|
error,
|
|
@@ -35966,7 +35990,7 @@ var TestFooter = ({
|
|
|
35966
35990
|
}
|
|
35967
35991
|
setActiveStep((step) => step + 1);
|
|
35968
35992
|
};
|
|
35969
|
-
return /* @__PURE__ */
|
|
35993
|
+
return /* @__PURE__ */ import_react253.default.createElement(
|
|
35970
35994
|
Flex,
|
|
35971
35995
|
{
|
|
35972
35996
|
css: {
|
|
@@ -35984,20 +36008,20 @@ var TestFooter = ({
|
|
|
35984
36008
|
"@lg": { flexDirection: "column", gap: "$8" }
|
|
35985
36009
|
}
|
|
35986
36010
|
},
|
|
35987
|
-
/* @__PURE__ */
|
|
35988
|
-
children ? children : /* @__PURE__ */
|
|
36011
|
+
/* @__PURE__ */ import_react253.default.createElement(Box, null, error && /* @__PURE__ */ import_react253.default.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
|
|
36012
|
+
children ? children : /* @__PURE__ */ import_react253.default.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react253.default.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ import_react253.default.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ import_react253.default.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ import_react253.default.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
|
|
35989
36013
|
);
|
|
35990
36014
|
};
|
|
35991
36015
|
|
|
35992
36016
|
// src/Diagnostics/DeviceSelector.jsx
|
|
35993
36017
|
init_define_process_env();
|
|
35994
|
-
var
|
|
36018
|
+
var import_react254 = __toESM(require("react"));
|
|
35995
36019
|
var import_prop_types = __toESM(require_prop_types());
|
|
35996
36020
|
var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
|
|
35997
36021
|
var _a8, _b7;
|
|
35998
|
-
const [open, setOpen] = (0,
|
|
35999
|
-
const ref = (0,
|
|
36000
|
-
return /* @__PURE__ */
|
|
36022
|
+
const [open, setOpen] = (0, import_react254.useState)(false);
|
|
36023
|
+
const ref = (0, import_react254.useRef)(null);
|
|
36024
|
+
return /* @__PURE__ */ import_react254.default.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ import_react254.default.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ import_react254.default.createElement(
|
|
36001
36025
|
Flex,
|
|
36002
36026
|
{
|
|
36003
36027
|
align: "center",
|
|
@@ -36009,7 +36033,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
36009
36033
|
}
|
|
36010
36034
|
}
|
|
36011
36035
|
},
|
|
36012
|
-
/* @__PURE__ */
|
|
36036
|
+
/* @__PURE__ */ import_react254.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react254.default.createElement(
|
|
36013
36037
|
DialogDropdownTrigger,
|
|
36014
36038
|
{
|
|
36015
36039
|
ref,
|
|
@@ -36017,7 +36041,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
36017
36041
|
title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.label) || "Select device from list",
|
|
36018
36042
|
open
|
|
36019
36043
|
}
|
|
36020
|
-
), /* @__PURE__ */
|
|
36044
|
+
), /* @__PURE__ */ import_react254.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react254.default.createElement(
|
|
36021
36045
|
Dropdown.Content,
|
|
36022
36046
|
{
|
|
36023
36047
|
align: "start",
|
|
@@ -36031,7 +36055,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
36031
36055
|
}
|
|
36032
36056
|
},
|
|
36033
36057
|
devices.map((device) => {
|
|
36034
|
-
return /* @__PURE__ */
|
|
36058
|
+
return /* @__PURE__ */ import_react254.default.createElement(
|
|
36035
36059
|
Dropdown.Item,
|
|
36036
36060
|
{
|
|
36037
36061
|
key: device.label,
|
|
@@ -36057,33 +36081,33 @@ DeviceSelector2.propTypes = {
|
|
|
36057
36081
|
};
|
|
36058
36082
|
|
|
36059
36083
|
// src/Diagnostics/AudioTest.tsx
|
|
36060
|
-
var SelectContainer = ({ children }) => /* @__PURE__ */
|
|
36084
|
+
var SelectContainer = ({ children }) => /* @__PURE__ */ import_react255.default.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
|
|
36061
36085
|
var MicTest = ({ setError }) => {
|
|
36062
36086
|
var _a8, _b7;
|
|
36063
36087
|
const { hmsDiagnostics } = useDiagnostics();
|
|
36064
|
-
const devices = (0,
|
|
36065
|
-
const [isRecording, setIsRecording] = (0,
|
|
36066
|
-
const [selectedMic, setSelectedMic] = (0,
|
|
36067
|
-
const trackID = (0,
|
|
36068
|
-
const audioLevel = (0,
|
|
36069
|
-
const { audioOutputDeviceId } = (0,
|
|
36088
|
+
const devices = (0, import_react_sdk136.useHMSStore)(import_react_sdk136.selectDevices);
|
|
36089
|
+
const [isRecording, setIsRecording] = (0, import_react255.useState)(false);
|
|
36090
|
+
const [selectedMic, setSelectedMic] = (0, import_react255.useState)(((_a8 = devices.audioInput[0]) == null ? void 0 : _a8.deviceId) || "default");
|
|
36091
|
+
const trackID = (0, import_react_sdk136.useHMSStore)(import_react_sdk136.selectLocalAudioTrackID);
|
|
36092
|
+
const audioLevel = (0, import_react_sdk136.useHMSStore)((0, import_react_sdk136.selectTrackAudioByID)(trackID));
|
|
36093
|
+
const { audioOutputDeviceId } = (0, import_react_sdk136.useHMSStore)(import_react_sdk136.selectLocalMediaSettings);
|
|
36070
36094
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({
|
|
36071
36095
|
deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
|
|
36072
36096
|
});
|
|
36073
|
-
return /* @__PURE__ */
|
|
36097
|
+
return /* @__PURE__ */ import_react255.default.createElement(SelectContainer, null, /* @__PURE__ */ import_react255.default.createElement(
|
|
36074
36098
|
DeviceSelector2,
|
|
36075
36099
|
{
|
|
36076
36100
|
title: "Microphone (Input)",
|
|
36077
36101
|
devices: devices.audioInput,
|
|
36078
36102
|
selection: selectedMic,
|
|
36079
|
-
icon: /* @__PURE__ */
|
|
36103
|
+
icon: /* @__PURE__ */ import_react255.default.createElement(import_react_icons113.MicOnIcon, null),
|
|
36080
36104
|
onChange: (deviceId) => {
|
|
36081
36105
|
setError(void 0);
|
|
36082
36106
|
setSelectedMic(deviceId);
|
|
36083
36107
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
|
|
36084
36108
|
}
|
|
36085
36109
|
}
|
|
36086
|
-
), /* @__PURE__ */
|
|
36110
|
+
), /* @__PURE__ */ import_react255.default.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ import_react255.default.createElement(
|
|
36087
36111
|
Button,
|
|
36088
36112
|
{
|
|
36089
36113
|
variant: "standard",
|
|
@@ -36103,9 +36127,9 @@ var MicTest = ({ setError }) => {
|
|
|
36103
36127
|
},
|
|
36104
36128
|
disabled: devices.audioInput.length === 0 || playing
|
|
36105
36129
|
},
|
|
36106
|
-
isRecording ? /* @__PURE__ */
|
|
36130
|
+
isRecording ? /* @__PURE__ */ import_react255.default.createElement(import_react_icons113.StopIcon, null) : /* @__PURE__ */ import_react255.default.createElement(import_react_icons113.MicOnIcon, null),
|
|
36107
36131
|
isRecording ? "Stop Recording" : "Record"
|
|
36108
|
-
), /* @__PURE__ */
|
|
36132
|
+
), /* @__PURE__ */ import_react255.default.createElement(
|
|
36109
36133
|
Button,
|
|
36110
36134
|
{
|
|
36111
36135
|
icon: true,
|
|
@@ -36119,9 +36143,9 @@ var MicTest = ({ setError }) => {
|
|
|
36119
36143
|
},
|
|
36120
36144
|
disabled: playing || (hmsDiagnostics == null ? void 0 : hmsDiagnostics.getRecordedAudio()) === TEST_AUDIO_URL
|
|
36121
36145
|
},
|
|
36122
|
-
/* @__PURE__ */
|
|
36146
|
+
/* @__PURE__ */ import_react255.default.createElement(import_react_icons113.SpeakerIcon, null),
|
|
36123
36147
|
playing ? "Playing..." : "Playback"
|
|
36124
|
-
), /* @__PURE__ */
|
|
36148
|
+
), /* @__PURE__ */ import_react255.default.createElement(
|
|
36125
36149
|
"audio",
|
|
36126
36150
|
{
|
|
36127
36151
|
ref: audioRef,
|
|
@@ -36129,7 +36153,7 @@ var MicTest = ({ setError }) => {
|
|
|
36129
36153
|
onPlay: () => setPlaying(true),
|
|
36130
36154
|
style: { display: "none" }
|
|
36131
36155
|
}
|
|
36132
|
-
)), /* @__PURE__ */
|
|
36156
|
+
)), /* @__PURE__ */ import_react255.default.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ import_react255.default.createElement(Text, null, /* @__PURE__ */ import_react255.default.createElement(import_react_icons113.MicOnIcon, null)), /* @__PURE__ */ import_react255.default.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ import_react255.default.createElement(
|
|
36133
36157
|
Progress.Content,
|
|
36134
36158
|
{
|
|
36135
36159
|
style: {
|
|
@@ -36141,19 +36165,19 @@ var MicTest = ({ setError }) => {
|
|
|
36141
36165
|
};
|
|
36142
36166
|
var SpeakerTest = () => {
|
|
36143
36167
|
var _a8;
|
|
36144
|
-
const actions = (0,
|
|
36145
|
-
const devices = (0,
|
|
36146
|
-
const { audioOutputDeviceId } = (0,
|
|
36168
|
+
const actions = (0, import_react_sdk136.useHMSActions)();
|
|
36169
|
+
const devices = (0, import_react_sdk136.useHMSStore)(import_react_sdk136.selectDevices);
|
|
36170
|
+
const { audioOutputDeviceId } = (0, import_react_sdk136.useHMSStore)(import_react_sdk136.selectLocalMediaSettings);
|
|
36147
36171
|
if (devices.audioOutput.length === 0) {
|
|
36148
|
-
return /* @__PURE__ */
|
|
36172
|
+
return /* @__PURE__ */ import_react255.default.createElement(import_react255.default.Fragment, null);
|
|
36149
36173
|
}
|
|
36150
|
-
return /* @__PURE__ */
|
|
36174
|
+
return /* @__PURE__ */ import_react255.default.createElement(SelectContainer, null, /* @__PURE__ */ import_react255.default.createElement(
|
|
36151
36175
|
DeviceSelector2,
|
|
36152
36176
|
{
|
|
36153
36177
|
title: "Speaker (Output)",
|
|
36154
36178
|
devices: devices.audioOutput,
|
|
36155
36179
|
selection: audioOutputDeviceId || ((_a8 = devices.audioOutput[0]) == null ? void 0 : _a8.deviceId),
|
|
36156
|
-
icon: /* @__PURE__ */
|
|
36180
|
+
icon: /* @__PURE__ */ import_react255.default.createElement(import_react_icons113.SpeakerIcon, null),
|
|
36157
36181
|
onChange: (deviceId) => {
|
|
36158
36182
|
actions.setAudioOutputDevice(deviceId);
|
|
36159
36183
|
}
|
|
@@ -36162,18 +36186,18 @@ var SpeakerTest = () => {
|
|
|
36162
36186
|
};
|
|
36163
36187
|
var AudioTest = () => {
|
|
36164
36188
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
36165
|
-
const [error, setErrorAlone] = (0,
|
|
36166
|
-
const setError = (0,
|
|
36189
|
+
const [error, setErrorAlone] = (0, import_react255.useState)();
|
|
36190
|
+
const setError = (0, import_react255.useCallback)(
|
|
36167
36191
|
(err) => {
|
|
36168
36192
|
updateStep(2 /* AUDIO */, { hasFailed: !!err });
|
|
36169
36193
|
setErrorAlone(err);
|
|
36170
36194
|
},
|
|
36171
36195
|
[updateStep, setErrorAlone]
|
|
36172
36196
|
);
|
|
36173
|
-
(0,
|
|
36197
|
+
(0, import_react255.useEffect)(() => {
|
|
36174
36198
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
|
|
36175
36199
|
}, [hmsDiagnostics, setError]);
|
|
36176
|
-
return /* @__PURE__ */
|
|
36200
|
+
return /* @__PURE__ */ import_react255.default.createElement(import_react255.default.Fragment, null, /* @__PURE__ */ import_react255.default.createElement(TestContainer, null, /* @__PURE__ */ import_react255.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ import_react255.default.createElement(
|
|
36177
36201
|
Flex,
|
|
36178
36202
|
{
|
|
36179
36203
|
css: {
|
|
@@ -36185,15 +36209,15 @@ var AudioTest = () => {
|
|
|
36185
36209
|
}
|
|
36186
36210
|
}
|
|
36187
36211
|
},
|
|
36188
|
-
/* @__PURE__ */
|
|
36189
|
-
/* @__PURE__ */
|
|
36190
|
-
)), /* @__PURE__ */
|
|
36212
|
+
/* @__PURE__ */ import_react255.default.createElement(MicTest, { setError }),
|
|
36213
|
+
/* @__PURE__ */ import_react255.default.createElement(SpeakerTest, null)
|
|
36214
|
+
)), /* @__PURE__ */ import_react255.default.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ import_react255.default.createElement(PermissionErrorModal, { error }));
|
|
36191
36215
|
};
|
|
36192
36216
|
|
|
36193
36217
|
// src/Diagnostics/BrowserTest.tsx
|
|
36194
36218
|
init_define_process_env();
|
|
36195
|
-
var
|
|
36196
|
-
var
|
|
36219
|
+
var import_react256 = __toESM(require("react"));
|
|
36220
|
+
var import_react_sdk137 = require("@100mslive/react-sdk");
|
|
36197
36221
|
var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
|
|
36198
36222
|
var operatingSystemIconInfo = {
|
|
36199
36223
|
tizen: {
|
|
@@ -36274,12 +36298,12 @@ var browserTypeIconInfo = {
|
|
|
36274
36298
|
icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
|
|
36275
36299
|
}
|
|
36276
36300
|
};
|
|
36277
|
-
var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */
|
|
36301
|
+
var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ import_react256.default.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ import_react256.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ import_react256.default.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ import_react256.default.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ import_react256.default.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ import_react256.default.createElement(Text, null, value)));
|
|
36278
36302
|
var BrowserTest = () => {
|
|
36279
36303
|
var _a8, _b7, _c, _d;
|
|
36280
36304
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
36281
|
-
const [error, setError] = (0,
|
|
36282
|
-
(0,
|
|
36305
|
+
const [error, setError] = (0, import_react256.useState)();
|
|
36306
|
+
(0, import_react256.useEffect)(() => {
|
|
36283
36307
|
try {
|
|
36284
36308
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
|
|
36285
36309
|
} catch (err) {
|
|
@@ -36287,40 +36311,40 @@ var BrowserTest = () => {
|
|
|
36287
36311
|
setError(err);
|
|
36288
36312
|
}
|
|
36289
36313
|
}, [hmsDiagnostics, updateStep]);
|
|
36290
|
-
return /* @__PURE__ */
|
|
36314
|
+
return /* @__PURE__ */ import_react256.default.createElement(import_react256.default.Fragment, null, /* @__PURE__ */ import_react256.default.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ import_react256.default.createElement(
|
|
36291
36315
|
CheckDetails,
|
|
36292
36316
|
{
|
|
36293
36317
|
title: "Browser",
|
|
36294
|
-
iconURL:
|
|
36295
|
-
value: `${
|
|
36318
|
+
iconURL: import_react_sdk137.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a8 = import_react_sdk137.parsedUserAgent.getBrowser().name) == null ? void 0 : _a8.toLowerCase()]) == null ? void 0 : _b7.icon),
|
|
36319
|
+
value: `${import_react_sdk137.parsedUserAgent.getBrowser().name} ${import_react_sdk137.parsedUserAgent.getBrowser().version}`
|
|
36296
36320
|
}
|
|
36297
|
-
), /* @__PURE__ */
|
|
36321
|
+
), /* @__PURE__ */ import_react256.default.createElement(
|
|
36298
36322
|
CheckDetails,
|
|
36299
36323
|
{
|
|
36300
36324
|
title: "Operating system",
|
|
36301
|
-
iconURL:
|
|
36302
|
-
value: `${
|
|
36325
|
+
iconURL: import_react_sdk137.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk137.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
|
|
36326
|
+
value: `${import_react_sdk137.parsedUserAgent.getOS().name} ${import_react_sdk137.parsedUserAgent.getOS().version}`
|
|
36303
36327
|
}
|
|
36304
|
-
)), /* @__PURE__ */
|
|
36328
|
+
)), /* @__PURE__ */ import_react256.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
|
|
36305
36329
|
};
|
|
36306
36330
|
|
|
36307
36331
|
// src/Diagnostics/ConnectivityTest.tsx
|
|
36308
36332
|
init_define_process_env();
|
|
36309
|
-
var
|
|
36310
|
-
var
|
|
36333
|
+
var import_react257 = __toESM(require("react"));
|
|
36334
|
+
var import_react_sdk138 = require("@100mslive/react-sdk");
|
|
36311
36335
|
var import_react_icons114 = require("@100mslive/react-icons");
|
|
36312
36336
|
var Regions = {
|
|
36313
36337
|
in: "India",
|
|
36314
36338
|
us: "United States"
|
|
36315
36339
|
};
|
|
36316
36340
|
var ConnectivityStateMessage = {
|
|
36317
|
-
[
|
|
36318
|
-
[
|
|
36319
|
-
[
|
|
36320
|
-
[
|
|
36321
|
-
[
|
|
36322
|
-
[
|
|
36323
|
-
[
|
|
36341
|
+
[import_react_sdk138.ConnectivityState.STARTING]: "Fetching Init",
|
|
36342
|
+
[import_react_sdk138.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
|
|
36343
|
+
[import_react_sdk138.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
|
|
36344
|
+
[import_react_sdk138.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
|
|
36345
|
+
[import_react_sdk138.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
|
|
36346
|
+
[import_react_sdk138.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
|
|
36347
|
+
[import_react_sdk138.ConnectivityState.COMPLETED]: "Completed"
|
|
36324
36348
|
};
|
|
36325
36349
|
var ConnectivityTestStepResult = ({
|
|
36326
36350
|
title,
|
|
@@ -36328,8 +36352,8 @@ var ConnectivityTestStepResult = ({
|
|
|
36328
36352
|
success,
|
|
36329
36353
|
children
|
|
36330
36354
|
}) => {
|
|
36331
|
-
const [hideDetails, setHideDetails] = (0,
|
|
36332
|
-
return /* @__PURE__ */
|
|
36355
|
+
const [hideDetails, setHideDetails] = (0, import_react257.useState)(true);
|
|
36356
|
+
return /* @__PURE__ */ import_react257.default.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ import_react257.default.createElement(Flex, null, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ import_react257.default.createElement(import_react_icons114.CheckCircleIcon, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ import_react257.default.createElement(Flex, null, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ import_react257.default.createElement(import_react_icons114.CrossCircleIcon, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ import_react257.default.createElement(
|
|
36333
36357
|
Flex,
|
|
36334
36358
|
{
|
|
36335
36359
|
onClick: () => setHideDetails(!hideDetails),
|
|
@@ -36339,8 +36363,8 @@ var ConnectivityTestStepResult = ({
|
|
|
36339
36363
|
color: "$primary_bright"
|
|
36340
36364
|
}
|
|
36341
36365
|
},
|
|
36342
|
-
hideDetails ? /* @__PURE__ */
|
|
36343
|
-
/* @__PURE__ */
|
|
36366
|
+
hideDetails ? /* @__PURE__ */ import_react257.default.createElement(import_react_icons114.EyeOpenIcon, null) : /* @__PURE__ */ import_react257.default.createElement(import_react_icons114.EyeCloseIcon, null),
|
|
36367
|
+
/* @__PURE__ */ import_react257.default.createElement(
|
|
36344
36368
|
Text,
|
|
36345
36369
|
{
|
|
36346
36370
|
variant: "caption",
|
|
@@ -36351,38 +36375,38 @@ var ConnectivityTestStepResult = ({
|
|
|
36351
36375
|
hideDetails ? "View" : "Hide",
|
|
36352
36376
|
" detailed information"
|
|
36353
36377
|
)
|
|
36354
|
-
), !hideDetails ? /* @__PURE__ */
|
|
36378
|
+
), !hideDetails ? /* @__PURE__ */ import_react257.default.createElement(Box, null, children) : null);
|
|
36355
36379
|
};
|
|
36356
36380
|
var DetailedInfo = ({
|
|
36357
36381
|
title,
|
|
36358
36382
|
value,
|
|
36359
36383
|
Icon: Icon4
|
|
36360
36384
|
}) => {
|
|
36361
|
-
return /* @__PURE__ */
|
|
36385
|
+
return /* @__PURE__ */ import_react257.default.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ import_react257.default.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ import_react257.default.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ import_react257.default.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "caption" }, value)));
|
|
36362
36386
|
};
|
|
36363
36387
|
var MediaServerResult = ({ result }) => {
|
|
36364
36388
|
var _a8, _b7, _c, _d;
|
|
36365
|
-
return /* @__PURE__ */
|
|
36389
|
+
return /* @__PURE__ */ import_react257.default.createElement(
|
|
36366
36390
|
ConnectivityTestStepResult,
|
|
36367
36391
|
{
|
|
36368
36392
|
title: "Media server connection test",
|
|
36369
36393
|
success: (result == null ? void 0 : result.isPublishICEConnected) && result.isSubscribeICEConnected
|
|
36370
36394
|
},
|
|
36371
|
-
/* @__PURE__ */
|
|
36395
|
+
/* @__PURE__ */ import_react257.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react257.default.createElement(
|
|
36372
36396
|
DetailedInfo,
|
|
36373
36397
|
{
|
|
36374
36398
|
title: "Media Captured",
|
|
36375
36399
|
value: ((_a8 = result == null ? void 0 : result.stats) == null ? void 0 : _a8.audio.bytesSent) ? "Yes" : "No",
|
|
36376
36400
|
Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
|
|
36377
36401
|
}
|
|
36378
|
-
), /* @__PURE__ */
|
|
36402
|
+
), /* @__PURE__ */ import_react257.default.createElement(
|
|
36379
36403
|
DetailedInfo,
|
|
36380
36404
|
{
|
|
36381
36405
|
title: "Media Published",
|
|
36382
36406
|
value: ((_c = result == null ? void 0 : result.stats) == null ? void 0 : _c.audio.bitrateSent) ? "Yes" : "No",
|
|
36383
36407
|
Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
|
|
36384
36408
|
}
|
|
36385
|
-
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */
|
|
36409
|
+
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ import_react257.default.createElement(
|
|
36386
36410
|
DetailedInfo,
|
|
36387
36411
|
{
|
|
36388
36412
|
title: "Connection Quality Score (CQS)",
|
|
@@ -36392,27 +36416,27 @@ var MediaServerResult = ({ result }) => {
|
|
|
36392
36416
|
);
|
|
36393
36417
|
};
|
|
36394
36418
|
var SignallingResult = ({ result }) => {
|
|
36395
|
-
return /* @__PURE__ */
|
|
36419
|
+
return /* @__PURE__ */ import_react257.default.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ import_react257.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react257.default.createElement(
|
|
36396
36420
|
DetailedInfo,
|
|
36397
36421
|
{
|
|
36398
36422
|
title: "Signalling Gateway",
|
|
36399
36423
|
value: (result == null ? void 0 : result.isConnected) ? "Reachable" : "Unreachable",
|
|
36400
36424
|
Icon: (result == null ? void 0 : result.isConnected) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
|
|
36401
36425
|
}
|
|
36402
|
-
), /* @__PURE__ */
|
|
36426
|
+
), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: import_react_icons114.LinkIcon })));
|
|
36403
36427
|
};
|
|
36404
36428
|
var AudioStats = ({ stats }) => {
|
|
36405
|
-
return /* @__PURE__ */
|
|
36429
|
+
return /* @__PURE__ */ import_react257.default.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react257.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter * 1e3} ms` })));
|
|
36406
36430
|
};
|
|
36407
36431
|
var VideoStats = ({ stats }) => {
|
|
36408
|
-
return /* @__PURE__ */
|
|
36432
|
+
return /* @__PURE__ */ import_react257.default.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react257.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ import_react257.default.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter * 1e3} ms` })));
|
|
36409
36433
|
};
|
|
36410
36434
|
var Footer3 = ({
|
|
36411
36435
|
error,
|
|
36412
36436
|
result,
|
|
36413
36437
|
restart
|
|
36414
36438
|
}) => {
|
|
36415
|
-
return /* @__PURE__ */
|
|
36439
|
+
return /* @__PURE__ */ import_react257.default.createElement(TestFooter, { error }, /* @__PURE__ */ import_react257.default.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react257.default.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ import_react257.default.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
|
|
36416
36440
|
};
|
|
36417
36441
|
var ConnectivityTestReport = ({
|
|
36418
36442
|
error,
|
|
@@ -36422,14 +36446,14 @@ var ConnectivityTestReport = ({
|
|
|
36422
36446
|
}) => {
|
|
36423
36447
|
var _a8, _b7, _c, _d;
|
|
36424
36448
|
if (error) {
|
|
36425
|
-
return /* @__PURE__ */
|
|
36449
|
+
return /* @__PURE__ */ import_react257.default.createElement(import_react257.default.Fragment, null, /* @__PURE__ */ import_react257.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ import_react257.default.createElement(import_react_icons114.CrossCircleIcon, null)), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ import_react257.default.createElement(Footer3, { restart: startTest, error }));
|
|
36426
36450
|
}
|
|
36427
36451
|
if (result) {
|
|
36428
36452
|
console.log(result);
|
|
36429
|
-
return /* @__PURE__ */
|
|
36453
|
+
return /* @__PURE__ */ import_react257.default.createElement(import_react257.default.Fragment, null, /* @__PURE__ */ import_react257.default.createElement(TestContainer, null, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ import_react257.default.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ import_react257.default.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ import_react257.default.createElement(AudioStats, { stats: (_b7 = (_a8 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a8.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ import_react257.default.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ import_react257.default.createElement(Footer3, { result, restart: startTest, error }));
|
|
36430
36454
|
}
|
|
36431
36455
|
if (progress !== void 0) {
|
|
36432
|
-
return /* @__PURE__ */
|
|
36456
|
+
return /* @__PURE__ */ import_react257.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ import_react257.default.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ import_react257.default.createElement(
|
|
36433
36457
|
Text,
|
|
36434
36458
|
{
|
|
36435
36459
|
variant: "body2",
|
|
@@ -36445,7 +36469,7 @@ var RegionSelector = ({
|
|
|
36445
36469
|
setRegion,
|
|
36446
36470
|
startTest
|
|
36447
36471
|
}) => {
|
|
36448
|
-
return /* @__PURE__ */
|
|
36472
|
+
return /* @__PURE__ */ import_react257.default.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ import_react257.default.createElement(
|
|
36449
36473
|
Flex,
|
|
36450
36474
|
{
|
|
36451
36475
|
justify: "between",
|
|
@@ -36457,7 +36481,7 @@ var RegionSelector = ({
|
|
|
36457
36481
|
}
|
|
36458
36482
|
}
|
|
36459
36483
|
},
|
|
36460
|
-
/* @__PURE__ */
|
|
36484
|
+
/* @__PURE__ */ import_react257.default.createElement(
|
|
36461
36485
|
Flex,
|
|
36462
36486
|
{
|
|
36463
36487
|
css: {
|
|
@@ -36467,7 +36491,7 @@ var RegionSelector = ({
|
|
|
36467
36491
|
}
|
|
36468
36492
|
}
|
|
36469
36493
|
},
|
|
36470
|
-
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */
|
|
36494
|
+
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ import_react257.default.createElement(
|
|
36471
36495
|
Button,
|
|
36472
36496
|
{
|
|
36473
36497
|
key,
|
|
@@ -36479,15 +36503,15 @@ var RegionSelector = ({
|
|
|
36479
36503
|
value
|
|
36480
36504
|
))
|
|
36481
36505
|
),
|
|
36482
|
-
/* @__PURE__ */
|
|
36506
|
+
/* @__PURE__ */ import_react257.default.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react257.default.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
|
|
36483
36507
|
));
|
|
36484
36508
|
};
|
|
36485
36509
|
var ConnectivityTest = () => {
|
|
36486
36510
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
36487
|
-
const [region, setRegion] = (0,
|
|
36488
|
-
const [error, setError] = (0,
|
|
36489
|
-
const [progress, setProgress] = (0,
|
|
36490
|
-
const [result, setResult] = (0,
|
|
36511
|
+
const [region, setRegion] = (0, import_react257.useState)(Object.keys(Regions)[0]);
|
|
36512
|
+
const [error, setError] = (0, import_react257.useState)();
|
|
36513
|
+
const [progress, setProgress] = (0, import_react257.useState)();
|
|
36514
|
+
const [result, setResult] = (0, import_react257.useState)();
|
|
36491
36515
|
const startTest = () => {
|
|
36492
36516
|
updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
|
|
36493
36517
|
setError(void 0);
|
|
@@ -36506,14 +36530,14 @@ var ConnectivityTest = () => {
|
|
|
36506
36530
|
setError(error2);
|
|
36507
36531
|
});
|
|
36508
36532
|
};
|
|
36509
|
-
return /* @__PURE__ */
|
|
36533
|
+
return /* @__PURE__ */ import_react257.default.createElement(import_react257.default.Fragment, null, /* @__PURE__ */ import_react257.default.createElement(
|
|
36510
36534
|
RegionSelector,
|
|
36511
36535
|
{
|
|
36512
36536
|
region,
|
|
36513
36537
|
setRegion,
|
|
36514
|
-
startTest: progress === void 0 || progress ===
|
|
36538
|
+
startTest: progress === void 0 || progress === import_react_sdk138.ConnectivityState.COMPLETED ? startTest : void 0
|
|
36515
36539
|
}
|
|
36516
|
-
), /* @__PURE__ */
|
|
36540
|
+
), /* @__PURE__ */ import_react257.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
|
|
36517
36541
|
};
|
|
36518
36542
|
var downloadJson = (obj, fileName) => {
|
|
36519
36543
|
const a2 = document.createElement("a");
|
|
@@ -36527,23 +36551,23 @@ var downloadJson = (obj, fileName) => {
|
|
|
36527
36551
|
|
|
36528
36552
|
// src/Diagnostics/VideoTest.tsx
|
|
36529
36553
|
init_define_process_env();
|
|
36530
|
-
var
|
|
36531
|
-
var
|
|
36554
|
+
var import_react258 = __toESM(require("react"));
|
|
36555
|
+
var import_react_sdk139 = require("@100mslive/react-sdk");
|
|
36532
36556
|
var import_react_icons115 = require("@100mslive/react-icons");
|
|
36533
36557
|
var VideoTest = () => {
|
|
36534
36558
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
36535
|
-
const allDevices = (0,
|
|
36559
|
+
const allDevices = (0, import_react_sdk139.useHMSStore)(import_react_sdk139.selectDevices);
|
|
36536
36560
|
const { videoInput } = allDevices;
|
|
36537
|
-
const trackID = (0,
|
|
36538
|
-
const sdkSelectedDevices = (0,
|
|
36539
|
-
const [error, setError] = (0,
|
|
36540
|
-
(0,
|
|
36561
|
+
const trackID = (0, import_react_sdk139.useHMSStore)(import_react_sdk139.selectLocalVideoTrackID);
|
|
36562
|
+
const sdkSelectedDevices = (0, import_react_sdk139.useHMSStore)(import_react_sdk139.selectLocalMediaSettings);
|
|
36563
|
+
const [error, setError] = (0, import_react258.useState)();
|
|
36564
|
+
(0, import_react258.useEffect)(() => {
|
|
36541
36565
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
|
|
36542
36566
|
updateStep(1 /* VIDEO */, { hasFailed: true });
|
|
36543
36567
|
setError(err);
|
|
36544
36568
|
});
|
|
36545
36569
|
}, [hmsDiagnostics, updateStep]);
|
|
36546
|
-
return /* @__PURE__ */
|
|
36570
|
+
return /* @__PURE__ */ import_react258.default.createElement(import_react258.default.Fragment, null, /* @__PURE__ */ import_react258.default.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ import_react258.default.createElement(
|
|
36547
36571
|
StyledVideoTile.Container,
|
|
36548
36572
|
{
|
|
36549
36573
|
css: {
|
|
@@ -36553,30 +36577,30 @@ var VideoTest = () => {
|
|
|
36553
36577
|
"@lg": { mr: 0, mb: "$10", aspectRatio: "1/1" }
|
|
36554
36578
|
}
|
|
36555
36579
|
},
|
|
36556
|
-
/* @__PURE__ */
|
|
36557
|
-
), /* @__PURE__ */
|
|
36580
|
+
/* @__PURE__ */ import_react258.default.createElement(Video, { mirror: true, trackId: trackID })
|
|
36581
|
+
), /* @__PURE__ */ import_react258.default.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ import_react258.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium", mb: "$10" } }, "Move in front of your camera to make sure it's working. If you don't see your video, try changing the selected camera. If the camera isn't part of your computer, check your settings to make sure your system recognizes it."), /* @__PURE__ */ import_react258.default.createElement(
|
|
36558
36582
|
DeviceSelector2,
|
|
36559
36583
|
{
|
|
36560
36584
|
title: "Video",
|
|
36561
36585
|
devices: videoInput || [],
|
|
36562
|
-
icon: /* @__PURE__ */
|
|
36586
|
+
icon: /* @__PURE__ */ import_react258.default.createElement(import_react_icons115.VideoOnIcon, null),
|
|
36563
36587
|
selection: sdkSelectedDevices.videoInputDeviceId,
|
|
36564
36588
|
onChange: (deviceId) => __async(null, null, function* () {
|
|
36565
36589
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopCameraCheck();
|
|
36566
36590
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck(deviceId);
|
|
36567
36591
|
})
|
|
36568
36592
|
}
|
|
36569
|
-
))), /* @__PURE__ */
|
|
36593
|
+
))), /* @__PURE__ */ import_react258.default.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ import_react258.default.createElement(PermissionErrorModal, { error }));
|
|
36570
36594
|
};
|
|
36571
36595
|
|
|
36572
36596
|
// src/Diagnostics/Diagnostics.tsx
|
|
36573
36597
|
var DiagnosticsStepIcon = {
|
|
36574
|
-
[1 /* VIDEO */]: /* @__PURE__ */
|
|
36575
|
-
[2 /* AUDIO */]: /* @__PURE__ */
|
|
36576
|
-
[0 /* BROWSER */]: /* @__PURE__ */
|
|
36577
|
-
[3 /* CONNECTIVITY */]: /* @__PURE__ */
|
|
36598
|
+
[1 /* VIDEO */]: /* @__PURE__ */ import_react259.default.createElement(import_react_icons116.VideoOnIcon, { width: "2rem", height: "2rem" }),
|
|
36599
|
+
[2 /* AUDIO */]: /* @__PURE__ */ import_react259.default.createElement(import_react_icons116.MicOnIcon, { width: "2rem", height: "2rem" }),
|
|
36600
|
+
[0 /* BROWSER */]: /* @__PURE__ */ import_react259.default.createElement(import_react_icons116.GlobeIcon, { width: "2rem", height: "2rem" }),
|
|
36601
|
+
[3 /* CONNECTIVITY */]: /* @__PURE__ */ import_react259.default.createElement(import_react_icons116.ConnectivityIcon, { width: "2rem", height: "2rem" })
|
|
36578
36602
|
};
|
|
36579
|
-
var Container5 = ({ children }) => /* @__PURE__ */
|
|
36603
|
+
var Container5 = ({ children }) => /* @__PURE__ */ import_react259.default.createElement(
|
|
36580
36604
|
Box,
|
|
36581
36605
|
{
|
|
36582
36606
|
css: {
|
|
@@ -36616,7 +36640,7 @@ var Container5 = ({ children }) => /* @__PURE__ */ import_react258.default.creat
|
|
|
36616
36640
|
);
|
|
36617
36641
|
var DiagnosticsStepTest = () => {
|
|
36618
36642
|
const { activeStepIndex } = useDiagnostics();
|
|
36619
|
-
let TestComponent = () => /* @__PURE__ */
|
|
36643
|
+
let TestComponent = () => /* @__PURE__ */ import_react259.default.createElement(import_react259.default.Fragment, null);
|
|
36620
36644
|
if (activeStepIndex === 2 /* AUDIO */) {
|
|
36621
36645
|
TestComponent = AudioTest;
|
|
36622
36646
|
} else if (activeStepIndex === 1 /* VIDEO */) {
|
|
@@ -36626,47 +36650,47 @@ var DiagnosticsStepTest = () => {
|
|
|
36626
36650
|
} else if (activeStepIndex === 3 /* CONNECTIVITY */) {
|
|
36627
36651
|
TestComponent = ConnectivityTest;
|
|
36628
36652
|
}
|
|
36629
|
-
return /* @__PURE__ */
|
|
36653
|
+
return /* @__PURE__ */ import_react259.default.createElement(TestComponent, { key: activeStepIndex });
|
|
36630
36654
|
};
|
|
36631
36655
|
var DiagnosticsStepHeader = () => {
|
|
36632
36656
|
const { activeStepIndex, activeStep } = useDiagnostics();
|
|
36633
|
-
return /* @__PURE__ */
|
|
36657
|
+
return /* @__PURE__ */ import_react259.default.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ import_react259.default.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ import_react259.default.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
|
|
36634
36658
|
};
|
|
36635
36659
|
var DiagnosticsStepContainer = () => {
|
|
36636
|
-
return /* @__PURE__ */
|
|
36660
|
+
return /* @__PURE__ */ import_react259.default.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ import_react259.default.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ import_react259.default.createElement(DiagnosticsStepTest, null));
|
|
36637
36661
|
};
|
|
36638
36662
|
var DiagnosticsStepsList = () => {
|
|
36639
36663
|
const { activeStepIndex, activeStep, steps } = useDiagnostics();
|
|
36640
|
-
return /* @__PURE__ */
|
|
36664
|
+
return /* @__PURE__ */ import_react259.default.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
|
|
36641
36665
|
const keyIndex = Number(key);
|
|
36642
36666
|
const step = steps[keyIndex];
|
|
36643
36667
|
const isStepCompleted = activeStepIndex > keyIndex || activeStep.isCompleted;
|
|
36644
36668
|
let color = "$on_primary_low";
|
|
36645
|
-
let icon = /* @__PURE__ */
|
|
36669
|
+
let icon = /* @__PURE__ */ import_react259.default.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
36646
36670
|
if (activeStepIndex === keyIndex) {
|
|
36647
36671
|
color = "$on_primary_high";
|
|
36648
|
-
icon = /* @__PURE__ */
|
|
36672
|
+
icon = /* @__PURE__ */ import_react259.default.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
36649
36673
|
}
|
|
36650
36674
|
if (isStepCompleted) {
|
|
36651
36675
|
color = "$primary_bright";
|
|
36652
|
-
icon = /* @__PURE__ */
|
|
36676
|
+
icon = /* @__PURE__ */ import_react259.default.createElement(import_react_icons116.CheckCircleIcon, { width: "1rem", height: "1rem" });
|
|
36653
36677
|
}
|
|
36654
36678
|
if (step.hasFailed) {
|
|
36655
36679
|
color = "$alert_error_default";
|
|
36656
|
-
icon = /* @__PURE__ */
|
|
36680
|
+
icon = /* @__PURE__ */ import_react259.default.createElement(import_react_icons116.CrossCircleIcon, { width: "1rem", height: "1rem" });
|
|
36657
36681
|
}
|
|
36658
|
-
return /* @__PURE__ */
|
|
36682
|
+
return /* @__PURE__ */ import_react259.default.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ import_react259.default.createElement(Text, { css: { c: color } }, step.name));
|
|
36659
36683
|
}));
|
|
36660
36684
|
};
|
|
36661
36685
|
var DiagnosticsProvider = () => {
|
|
36662
|
-
const actions = (0,
|
|
36663
|
-
const [activeStep, setActiveStep] = (0,
|
|
36664
|
-
const [steps, setSteps] = (0,
|
|
36665
|
-
const diagnosticsRef = (0,
|
|
36666
|
-
const updateStep = (0,
|
|
36686
|
+
const actions = (0, import_react_sdk140.useHMSActions)();
|
|
36687
|
+
const [activeStep, setActiveStep] = (0, import_react259.useState)(0);
|
|
36688
|
+
const [steps, setSteps] = (0, import_react259.useState)(initialSteps);
|
|
36689
|
+
const diagnosticsRef = (0, import_react259.useRef)(actions.initDiagnostics());
|
|
36690
|
+
const updateStep = (0, import_react259.useCallback)((step, value) => {
|
|
36667
36691
|
setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
|
|
36668
36692
|
}, []);
|
|
36669
|
-
return /* @__PURE__ */
|
|
36693
|
+
return /* @__PURE__ */ import_react259.default.createElement(
|
|
36670
36694
|
DiagnosticsContext.Provider,
|
|
36671
36695
|
{
|
|
36672
36696
|
value: {
|
|
@@ -36677,11 +36701,11 @@ var DiagnosticsProvider = () => {
|
|
|
36677
36701
|
updateStep
|
|
36678
36702
|
}
|
|
36679
36703
|
},
|
|
36680
|
-
/* @__PURE__ */
|
|
36704
|
+
/* @__PURE__ */ import_react259.default.createElement(Container5, null, /* @__PURE__ */ import_react259.default.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ import_react259.default.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ import_react259.default.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ import_react259.default.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ import_react259.default.createElement(DiagnosticsStepContainer, null)))
|
|
36681
36705
|
);
|
|
36682
36706
|
};
|
|
36683
36707
|
var Diagnostics = () => {
|
|
36684
|
-
return /* @__PURE__ */
|
|
36708
|
+
return /* @__PURE__ */ import_react259.default.createElement(import_react_sdk140.HMSRoomProvider, null, /* @__PURE__ */ import_react259.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react259.default.createElement(DiagnosticsProvider, null)));
|
|
36685
36709
|
};
|
|
36686
36710
|
/*! Bundled license information:
|
|
36687
36711
|
|